Changeset 26495

Timestamp:

12/01/2013 05:11:44 AM (12 years ago)

Author:

dd32

Message:

Prefix the new Theme classes. Fixes #25966

File:

• trunk/src/wp-admin/css/wp-admin.css (modified) (31 diffs)

trunk/src/wp-admin/css/wp-admin.css

@@ -6343 +6343 @@
  * (has flexible margins)
  */
-.theme {
+.theme-browser .theme {
     cursor: pointer;
     float: left;
@@ -6357 +6357 @@
 }
 
-.theme:nth-child(3n) {
+.theme-browser .theme:nth-child(3n) {
     margin-right: 0;
 }
 
-.theme:hover,
-.theme:focus {
+.theme-browser .theme:hover,
+.theme-browser .theme:focus {
     cursor: pointer;
 }
 
-.theme .theme-name {
+.theme-browser .theme .theme-name {
     font-size: 15px;
     font-weight: 600;
@@ -6376 +6376 @@
     white-space: nowrap;
     text-overflow: ellipsis;
-}
-
-.theme-name {
     background: #fff;
     background: rgba(255,255,255,0.65);
@@ -6384 +6381 @@
 
 /* Activate and Customize buttons, shown on hover */
-.theme .theme-actions {
+.theme-browser .theme .theme-actions {
     opacity: 0;
     -webkit-transition: opacity 0.1s ease-in-out;
@@ -6397 +6394 @@
 }
 
-.theme:hover .theme-actions {
+.theme-browser .theme:hover .theme-actions {
     opacity: 1;
 }
 
-.theme .theme-actions .button-primary {
+.theme-browser .theme .theme-actions .button-primary {
     margin-right: 3px;
 }
 
-.theme .theme-actions .button-secondary {
+.theme-browser .theme .theme-actions .button-secondary {
     float: none;
     margin-left: 3px;
@@ -6416 +6413 @@
  * It is also responsive.
  */
-.theme .theme-screenshot {
+.theme-browser .theme .theme-screenshot {
     display: block;
     overflow: hidden;
@@ -6424 +6421 @@
 }
 
-.theme .theme-screenshot:after {
+.theme-browser .theme .theme-screenshot:after {
     content: '';
     display: block;
@@ -6430 +6427 @@
 }
 
-.theme .theme-screenshot img {
+.theme-browser .theme .theme-screenshot img {
     height: auto;
     position: absolute;
@@ -6441 +6438 @@
 }
 
-.theme:after {
+.theme-browser .theme:after {
     display: block;
     opacity: 0;
@@ -6460 +6457 @@
 }
 
-.theme:hover:after {
+.theme-browser .theme:hover:after {
     opacity: 0.6;
 }
 
-.theme:hover .theme-screenshot {
+.theme-browser .theme:hover .theme-screenshot {
     background: #fff;
 }
 
-.theme:hover .theme-screenshot img {
+.theme-browser .theme:hover .theme-screenshot img {
     opacity: 0.4;
 }
@@ -6476 +6473 @@
  * when an update is available.
  */
-.theme .theme-update {
+.theme-browser .theme .theme-update {
     background: #d54e21;
     background: rgba(213, 78, 33, 0.95);
@@ -6494 +6491 @@
 }
 
-.theme .theme-update:before {
+.theme-browser .theme .theme-update:before {
     content: '\f113';
     display: inline-block;
@@ -6510 +6507 @@
  * The currently active theme
  */
-.theme.active {
-}
-
-.theme.active .theme-screenshot {
-}
-
-.theme.active .theme-name {
+.theme-browser .theme.active .theme-name {
     background: #0074a2;
     color: #fff;
@@ -6523 +6514 @@
 }
 
-.theme.active .theme-actions {
+.theme-browser .theme.active .theme-actions {
     top: 0;
     left: 0;
@@ -6534 +6525 @@
 }
 
-.theme.active .theme-actions .button {
+.theme-browser .theme.active .theme-actions .button {
     float: right;
     margin-top: 10px;
 }
 
-.theme.active .current-label {
+.theme-browser .theme.active .current-label {
     font-size: 13px;
     font-weight: 400;
@@ -6546 +6537 @@
 }
 
-.theme.active .theme-update {
+.theme-browser .theme.active .theme-update {
     top: 48px;
 }
 
-.theme .theme-author {
+.theme-browser .theme .theme-author {
     background: #222;
     color: #eee;
@@ -6561 +6552 @@
 }
 
-.theme.display-author .theme-author {
+.theme-browser .theme.display-author .theme-author {
     display: block;
 }
 
-.theme.display-author .theme-author a {
+.theme-browser .theme.display-author .theme-author a {
     color: inherit;
     text-decoration: none;
@@ -6573 +6564 @@
  * Add new theme
  */
-.theme-browser .add-new-theme {
+.theme-browser .theme.add-new-theme {
     border: none;
     box-shadow: none;
 }
 
-.theme-browser .add-new-theme a {
+.theme-browser .theme.add-new-theme a {
     color: #999;
     text-decoration: none;
@@ -6586 +6577 @@
 }
 
-.theme-browser .add-new-theme:after {
+.theme-browser .theme.add-new-theme:after {
     display: block;
     content: '';
@@ -6606 +6597 @@
 }
 
-.theme-browser .add-new-theme span:after {
+.theme-browser .theme.add-new-theme span:after {
     background: rgba(153, 153, 153, 0.1);
     border-radius: 50%;
@@ -6628 +6619 @@
 }
 
-.theme-browser .add-new-theme:hover .theme-screenshot {
+.theme-browser .theme.add-new-theme:hover .theme-screenshot {
     background: none;
 }
 
-.theme-browser .add-new-theme:hover span:after {
+.theme-browser .theme.add-new-theme:hover span:after {
     background: #fff;
     color: #0074a2;
 }
 
-.theme-browser .add-new-theme:hover:after {
+.theme-browser .theme.add-new-theme:hover:after {
     border-color: transparent;
     color: #fff;
@@ -6643 +6634 @@
 }
 
-.theme-browser .add-new-theme .theme-name {
+.theme-browser .theme.add-new-theme .theme-name {
     background: none;
     text-align: center;
@@ -6652 +6643 @@
 }
 
-.theme-browser .add-new-theme:hover .theme-name {
+.theme-browser .theme.add-new-theme:hover .theme-name {
     color: #fff;
     z-index: 2;
@@ -6768 +6759 @@
 }
 
-
 .theme-overlay .theme-wrap {
     clear: both;
@@ -6804 +6794 @@
 }
 
-.theme-overlay.active .theme-actions {
-}
-
 .theme-overlay .theme-actions a {
     margin-right: 5px;
@@ -6916 +6903 @@
 
 /* No screenshot placeholder */
-.theme .theme-screenshot.blank,
+.theme-browser .theme .theme-screenshot.blank,
 .theme-overlay .screenshot.blank {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
@@ -7000 +6987 @@
 }
 
-.theme-overlay .theme-actions {
-}
-
 /* Theme Updates info */
 .theme-overlay .theme-update-message {
@@ -7041 +7025 @@
 
 @media only screen and (min-width: 1700px) {
-    .theme {
+    .theme-browser .theme {
         width: 22.7%;
         margin: 0 3% 3% 0;
     }
 
-    .theme:nth-child(3n) {
+    .theme-browser .theme:nth-child(3n) {
         margin-right: 3%;
     }
 
-    .theme:nth-child(4n) {
+    .theme-browser .theme:nth-child(4n) {
         margin-right: 0;
     }
@@ -7062 +7046 @@
 
 @media only screen and (max-width: 1200px) {
-    .theme {
+    .theme-browser .theme {
         width: 47.5%;
         margin-right: 0;
     }
 
-    .theme:nth-child(even) {
+    .theme-browser .theme:nth-child(even) {
         margin-right: 0;
     }
 
-    .theme:nth-child(odd) {
+    .theme-browser .theme:nth-child(odd) {
         margin-right: 5%;
     }
@@ -7085 +7069 @@
 
 @media only screen and (max-width: 780px) {
-    .theme.active .theme-actions .button {
+    .theme-browser .theme.active .theme-actions .button {
         margin-top: 6px;
         margin-right: -3px
@@ -7120 +7104 @@
 
 @media only screen and (max-width: 650px) {
-    .theme {
+    .theme-browser .theme {
         width: 100%;
         margin-right: 0;
     }
 
-    .theme:hover .theme-actions {
+    .theme-browser .theme:hover .theme-actions {
         display: none;
     }
 
-    .theme:nth-child(2n),
-    .theme:nth-child(3n) {
+    .theme-browser .theme:nth-child(2n),
+    .theme-browser .theme:nth-child(3n) {
         margin-right: 0;
     }