WordPress.org
Get WordPress

Make WordPress Core

Ticket #25966: 25966.4.patch

File 25966.4.patch, 33.4 KB (added by ocean90, 12 years ago)

Merge

  • src/wp-admin/css/theme.css

     
    1 .theme-browser .themes {
    2         clear: both;
    3         padding: 0 0 100px;
    4 }
    5 
    6 .themes-php .wrap h2 {
    7         float: left;
    8         margin-bottom: 15px;
    9 }
    10 
    11 .themes-php .wrap h2 .button {
    12         margin-left: 20px;
    13 }
    14 
    15 .themes-php .theme-count {
    16         color: #fff;
    17         border-radius: 30px;
    18         background: #777;
    19         font-size: 14px;
    20         padding: 4px 10px;
    21         font-weight: 600;
    22         margin-left: 5px;
    23         margin-right: 20px;
    24         position: relative;
    25         top: -3px;
    26 }
    27 
    28 /* Position admin messages */
    29 .themes-php div.updated {
    30         margin: 0 0 20px 0;
    31         clear: both;
    32 }
    33 
    34 .themes-php div.updated a {
    35         text-decoration: underline;
    36 }
    37 
    38 /**
    39  * Main theme element
    40  * (has flexible margins)
    41  */
    42 .theme {
    43         cursor: pointer;
    44         float: left;
    45         margin: 0 5% 4% 0;
    46         position: relative;
    47         width: 30%;
    48         border: 1px solid #dedede;
    49         -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
    50         box-shadow:         0 1px 1px -1px rgba(0,0,0,0.1);
    51         -webkit-box-sizing: border-box;
    52         -moz-box-sizing:    border-box;
    53         box-sizing:         border-box;
    54 }
    55 
    56 .theme:nth-child(3n) {
    57         margin-right: 0;
    58 }
    59 
    60 .theme:hover,
    61 .theme:focus {
    62         cursor: pointer;
    63 }
    64 
    65 .theme .theme-name {
    66         font-size: 15px;
    67         font-weight: 600;
    68         margin: 0;
    69         padding: 15px;
    70         -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    71         box-shadow:         inset 0 1px 0 rgba(0,0,0,0.1);
    72         overflow: hidden;
    73         white-space: nowrap;
    74         text-overflow: ellipsis;
    75 }
    76 
    77 .theme-name {
    78         background: #fff;
    79         background: rgba(255,255,255,0.65);
    80 }
    81 
    82 /* Activate and Customize buttons, shown on hover */
    83 .theme .theme-actions {
    84         opacity: 0;
    85         -webkit-transition: opacity 0.1s ease-in-out;
    86         transition:         opacity 0.1s ease-in-out;
    87         position: absolute;
    88         bottom: 0;
    89         right: 0;
    90         height: 38px;
    91         padding: 9px 10px 0 10px;
    92         background: rgba(244, 244, 244, 0.7);
    93         border-left: 1px solid rgba(0,0,0,0.05);
    94 }
    95 
    96 .theme:hover .theme-actions {
    97         opacity: 1;
    98 }
    99 
    100 .theme .theme-actions .button-primary {
    101         margin-right: 3px;
    102 }
    103 
    104 .theme .theme-actions .button-secondary {
    105         float: none;
    106         margin-left: 3px;
    107 }
    108 
    109 /**
    110  * Theme Screenshot
    111  *
    112  * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size
    113  * It is also responsive.
    114  */
    115 .theme .theme-screenshot {
    116         display: block;
    117         overflow: hidden;
    118         position: relative;
    119         -webkit-transition: opacity 0.2s ease-in-out;
    120         transition:         opacity 0.2s ease-in-out;
    121 }
    122 
    123 .theme .theme-screenshot:after {
    124         content: '';
    125         display: block;
    126         padding-top: 66%; /* using a 3/2 aspect ratio */
    127 }
    128 
    129 .theme .theme-screenshot img {
    130         height: auto;
    131         position: absolute;
    132         left: 0;
    133         top: 0;
    134         width: 100%;
    135         -webkit-transform: translateZ( 0 ); /* Prevents rendering bugs in Chrome */
    136         -webkit-transition: opacity 0.2s ease-in-out;
    137         transition:         opacity 0.2s ease-in-out;
    138 }
    139 
    140 .theme:after {
    141         display: block;
    142         opacity: 0;
    143         content: '\f348';
    144         -webkit-font-smoothing: antialiased;
    145         font: normal 64px/1 'dashicons';
    146         vertical-align: middle;
    147         text-align: center;
    148         color: #000;
    149         position: absolute;
    150         top: 0;
    151         left: 0;
    152         right: 0;
    153         padding-top: 24%;
    154         text-shadow: 0 1px 20px rgba(255,255,255,0.9);
    155         -webkit-transition: opacity 0.2s ease-in-out;
    156         transition:         opacity 0.2s ease-in-out;
    157 }
    158 
    159 .theme:hover:after {
    160         opacity: 0.6;
    161 }
    162 
    163 .theme:hover .theme-screenshot {
    164         background: #fff;
    165 }
    166 
    167 .theme:hover .theme-screenshot img {
    168         opacity: 0.4;
    169 }
    170 
    171 /**
    172  * Displays a theme update notice
    173  * when an update is available.
    174  */
    175 .theme .theme-update {
    176         background: #d54e21;
    177         background: rgba(213, 78, 33, 0.95);
    178         color: #fff;
    179         display: block;
    180         font-size: 13px;
    181         font-weight: 400;
    182         height: 48px;
    183         line-height: 48px;
    184         padding: 0 10px;
    185         position: absolute;
    186         top: 0;
    187         right: 0;
    188         left: 0;
    189         border-bottom: 1px solid rgba(0,0,0,0.25);
    190         overflow: hidden;
    191 }
    192 
    193 .theme .theme-update:before {
    194         content: '\f113';
    195         display: inline-block;
    196         font: normal 20px/1 'dashicons';
    197         margin: 0 6px 0 0;
    198         opacity: 0.8;
    199         position: relative;
    200         top: 5px;
    201         speak: none;
    202         -webkit-font-smoothing: antialiased;
    203 }
    204 
    205 
    206 /**
    207  * The currently active theme
    208  */
    209 .theme.active {
    210 }
    211 
    212 .theme.active .theme-screenshot {
    213 }
    214 
    215 .theme.active .theme-name {
    216         background: #0074a2;
    217         color: #fff;
    218         -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
    219         box-shadow:         inset 0 1px 1px rgba(0,0,0,0.5);
    220 }
    221 
    222 .theme.active .theme-actions {
    223         top: 0;
    224         left: 0;
    225         background: #2f2f2f;
    226         height: 48px;
    227         opacity: 1;
    228         line-height: 48px;
    229         padding: 0 10px;
    230         z-index: 1;
    231 }
    232 
    233 .theme.active .theme-actions .button {
    234         float: right;
    235         margin-top: 10px;
    236 }
    237 
    238 .theme.active .current-label {
    239         font-size: 13px;
    240         font-weight: 400;
    241         color: #ccc;
    242         margin-left: 5px;
    243 }
    244 
    245 .theme.active .theme-update {
    246         top: 48px;
    247 }
    248 
    249 .theme .theme-author {
    250         background: #222;
    251         color: #eee;
    252         display: none;
    253         font-size: 14px;
    254         margin: 0 10px;
    255         padding: 5px 10px;
    256         position: absolute;
    257         bottom: 56px;
    258 }
    259 
    260 .theme.display-author .theme-author {
    261         display: block;
    262 }
    263 
    264 .theme.display-author .theme-author a {
    265         color: inherit;
    266         text-decoration: none;
    267 }
    268 
    269 /**
    270  * Add new theme
    271  */
    272 .theme-browser .add-new-theme {
    273         border: none;
    274         box-shadow: none;
    275 }
    276 
    277 .theme-browser .add-new-theme a {
    278         color: #999;
    279         text-decoration: none;
    280         display: block;
    281         position: relative;
    282         z-index: 1;
    283 }
    284 
    285 .theme-browser .add-new-theme:after {
    286         display: block;
    287         content: '';
    288         opacity: 1;
    289         background: rgba(0, 0, 0, 0);
    290         position: absolute;
    291         top: 0;
    292         left: 0;
    293         right: 0;
    294         bottom: 0;
    295         padding: 10% 0 0 0;
    296         text-shadow: none;
    297         border: 5px dashed rgba(0, 0, 0, 0.1);
    298         -webkit-transition: opacity 0.2s ease-in-out;
    299         transition:         opacity 0.2s ease-in-out;
    300         -webkit-box-sizing: border-box;
    301         -moz-box-sizing:    border-box;
    302         box-sizing:         border-box;
    303 }
    304 
    305 .theme-browser .add-new-theme span:after {
    306         background: rgba(153, 153, 153, 0.1);
    307         border-radius: 50%;
    308         display: inline-block;
    309         content: '\f132';
    310         -webkit-font-smoothing: antialiased;
    311         font: normal 74px/115px 'dashicons';
    312         width: 100px;
    313         height: 100px;
    314         vertical-align: middle;
    315         text-align: center;
    316         color: rgb(153, 153, 153);
    317         position: absolute;
    318         top: 30%;
    319         left: 50%;
    320         margin-left: -50px;
    321         text-indent: -4px;
    322         padding: 0;
    323         text-shadow: none;
    324         z-index:4;
    325 }
    326 
    327 .theme-browser .add-new-theme:hover .theme-screenshot {
    328         background: none;
    329 }
    330 
    331 .theme-browser .add-new-theme:hover span:after {
    332         background: #fff;
    333         color: #0074a2;
    334 }
    335 
    336 .theme-browser .add-new-theme:hover:after {
    337         border-color: transparent;
    338         color: #fff;
    339         background: #0074a2;
    340 }
    341 
    342 .theme-browser .add-new-theme .theme-name {
    343         background: none;
    344         text-align: center;
    345         box-shadow: none;
    346         font-weight: 400;
    347         position: relative;
    348         top: -50px;
    349 }
    350 
    351 .theme-browser .add-new-theme:hover .theme-name {
    352         color: #fff;
    353         z-index: 2;
    354 }
    355 
    356 /*
    357  * The search form
    358  */
    359 .themes-php .theme-search {
    360         position: relative;
    361         top: -2px;
    362         left: 20px;
    363         font-size: 16px;
    364         font-weight: 300;
    365         line-height: 1.5;
    366 }
    367 
    368 /**
    369  * Theme Overlay
    370  * Shown when clicking a theme
    371  */
    372 .theme-overlay .theme-backdrop {
    373         position: absolute;
    374         left: -20px;
    375         right: 0;
    376         top: 0;
    377         bottom: 0;
    378         background: rgba( 238, 238, 238, 0.9 );
    379         z-index: 10;
    380 }
    381 
    382 body.theme-overlay-open {
    383         overflow: hidden;
    384 }
    385 
    386 .theme-overlay .theme-utility {
    387         position: absolute;
    388         top: 0;
    389         left: 0;
    390         right: 0;
    391         border-bottom: 1px solid #eee;
    392 }
    393 
    394 .theme-overlay .back {
    395         cursor: pointer;
    396         height: 48px;
    397         width: 50px;
    398         text-align: center;
    399         float: right;
    400         border-left: 1px solid #eee;
    401 }
    402 
    403 .theme-overlay .back:hover {
    404         background: #333;
    405 }
    406 
    407 .theme-overlay .back:hover:before {
    408         color: #fff;
    409 }
    410 
    411 .theme-overlay .back:before {
    412         font: normal 30px/48px 'dashicons' !important;
    413         color: #bbb;
    414         display: inline-block;
    415         content: '\f335';
    416         font-weight: 300;
    417 }
    418 
    419 /* Left and right navigation */
    420 .theme-overlay .right,
    421 .theme-overlay .left {
    422         cursor: pointer;
    423         height: 48px;
    424         width: 54px;
    425         float: left;
    426         text-align: center;
    427         border-right: 1px solid #eee;
    428         -webkit-user-select: none;
    429         -moz-user-select:    none;
    430         -ms-user-select:     none;
    431         user-select:         none;
    432 }
    433 
    434 .theme-overlay .right:hover,
    435 .theme-overlay .left:hover {
    436         background: #333;
    437 }
    438 
    439 .theme-overlay .right:hover:before,
    440 .theme-overlay .left:hover:before {
    441         color: #fff;
    442 }
    443 
    444 .theme-overlay .left:before {
    445         content: '\f341';
    446 }
    447 
    448 .theme-overlay .right:before {
    449         content: '\f345';
    450 }
    451 
    452 .theme-overlay .right:before,
    453 .theme-overlay .left:before {
    454         font: normal 16px/54px 'dashicons' !important;
    455         display: inline;
    456         font-weight: 300;
    457 }
    458 
    459 .theme-overlay .theme-wrap {
    460         clear: both;
    461         position: fixed;
    462         top: 120px;
    463         left: 190px;
    464         right: 40px;
    465         bottom: 80px;
    466         overflow: auto;
    467         background: #fff;
    468         padding: 88px 40px 110px 40px;
    469         -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0,0,0,0.1);
    470         box-shadow:         0 1px 20px 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0,0,0,0.1);
    471         z-index: 20;
    472 }
    473 
    474 .theme-overlay .theme-wrap:after {
    475         content: ".";
    476         display: block;
    477         height: 0;
    478         clear: both;
    479         visibility: hidden;
    480 }
    481 
    482 .theme-overlay .theme-actions {
    483         position: fixed;
    484         text-align: center;
    485         bottom: 80px;
    486         left: 190px;
    487         right: 40px;
    488         padding: 20px 25px;
    489         background: rgba(243, 243, 243 ,0.9);
    490         border-top: 1px solid rgba(0,0,0,0.1);
    491         z-index: 30;
    492 }
    493 
    494 .theme-overlay.active .theme-actions {
    495 }
    496 
    497 .theme-overlay .theme-actions a {
    498         margin-right: 5px;
    499         margin-bottom: 0;
    500         font-size: 16px;
    501         line-height: 37px;
    502         height: 37px;
    503         padding: 0 20px 1px 20px;
    504 }
    505 
    506 .theme-overlay .theme-actions .delete-theme {
    507         border-radius: 2px;
    508         color: #a00;
    509         font-size: 14px;
    510         padding: 0 10px;
    511         position: absolute;
    512         right: 10px;
    513         bottom: 20px;
    514         text-decoration: none;
    515 }
    516 
    517 .theme-overlay .theme-actions .delete-theme:hover {
    518         background: #d54e21;
    519         color: #fff;
    520 }
    521 
    522 .theme-overlay .theme-actions .active-theme,
    523 .theme-overlay.active .theme-actions .inactive-theme {
    524         display: none;
    525 }
    526 
    527 .theme-overlay .theme-actions .inactive-theme,
    528 .theme-overlay.active .theme-actions .active-theme {
    529         display: block;
    530 }
    531 
    532 /**
    533  * Theme Screenshots gallery
    534  */
    535 .theme-overlay .theme-screenshots {
    536         float: left;
    537         margin: 0 30px 0 0;
    538         width: 55%;
    539         text-align: center;
    540 }
    541 
    542 /* First screenshot, shown big */
    543 .theme-overlay .screenshot {
    544         border: 1px solid #fff;
    545         -webkit-box-sizing: border-box;
    546         -moz-box-sizing:    border-box;
    547         box-sizing:         border-box;
    548         overflow: hidden;
    549         position: relative;
    550         -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
    551         box-shadow:         0 0 0 1px rgba(0,0,0,0.2);
    552 }
    553 
    554 .theme-overlay .screenshot:after {
    555         content: '';
    556         display: block;
    557         padding-top: 66.66666%; /* using a 3/2 aspect ratio */
    558 }
    559 
    560 .theme-overlay .screenshot img {
    561         cursor: pointer;
    562         height: auto;
    563         position: absolute;
    564         left: 0;
    565         top: 0;
    566         width: 100%;
    567 }
    568 
    569 /* Other screenshots, shown small and square */
    570 .theme-overlay .screenshot.thumb {
    571         background: #ccc;
    572         border: 1px solid #eee;
    573         float: none;
    574         display: inline-block;
    575         margin: 10px 5px 0;
    576         width: 140px;
    577         height: 80px;
    578 }
    579 
    580 .theme-overlay .screenshot.thumb:after {
    581         content: '';
    582         display: block;
    583         padding-top: 100%; /* using a 1/1 aspect ratio */
    584 }
    585 
    586 .theme-overlay .screenshot.thumb img {
    587         cursor: pointer;
    588         height: auto;
    589         position: absolute;
    590         left: 0;
    591         top: 0;
    592         width: 100%;
    593         height: auto;
    594 }
    595 
    596 .theme-overlay .screenshot.selected {
    597         background: transparent;
    598         border: 2px solid #2ea2cc;
    599 }
    600 
    601 .theme-overlay .screenshot.selected img {
    602         opacity: 0.8;
    603 }
    604 
    605 /* No screenshot placeholder */
    606 .theme .theme-screenshot.blank,
    607 .theme-overlay .screenshot.blank {
    608         background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
    609 }
    610 
    611 /**
    612  * Theme heading information
    613  */
    614 .theme-overlay .theme-info {
    615         width: 40%;
    616         float: left;
    617 }
    618 
    619 .theme-overlay .current-label {
    620         background: #333;
    621         color: #fff;
    622         font-size: 11px;
    623         display: inline-block;
    624         padding: 2px 8px;
    625         border-radius: 2px;
    626         margin: 0 0 -10px;
    627         -webkit-user-select: none;
    628         -moz-user-select:    none;
    629         -ms-user-select:     none;
    630         user-select:         none;
    631 }
    632 
    633 .theme-overlay .theme-name {
    634         color: #222;
    635         font-size: 32px;
    636         font-weight: 100;
    637         margin: 10px 0 0;
    638         line-height: 1.3;
    639 }
    640 
    641 .theme-overlay .theme-version {
    642         color: #999;
    643         font-size: 13px;
    644         font-weight: 400;
    645         float: none;
    646         display: inline-block;
    647         margin-left: 10px;
    648         -webkit-user-select: none;
    649         -moz-user-select:    none;
    650         -ms-user-select:     none;
    651         user-select:         none;
    652 }
    653 
    654 .theme-overlay .theme-author {
    655         color: #686868;
    656         font-size: 16px;
    657         font-weight: 400;
    658         margin: 15px 0 25px;
    659 }
    660 
    661 .theme-overlay .theme-author a {
    662         color: inherit;
    663         text-decoration: none;
    664 }
    665 
    666 .theme-overlay .theme-description {
    667         color: #555;
    668         font-size: 15px;
    669         font-weight: 400;
    670         line-height: 1.5;
    671         margin: 30px 0 0 0;
    672 }
    673 
    674 .theme-overlay .theme-tags {
    675         border-top: 3px solid #eee;
    676         color: #888;
    677         font-size: 13px;
    678         font-weight: 400;
    679         margin: 30px 0 0 0;
    680         padding-top: 20px;
    681         text-transform: capitalize;
    682 }
    683 
    684 .theme-overlay .theme-tags span {
    685         color: #444;
    686         font-weight: bold;
    687         margin-right: 5px;
    688 }
    689 
    690 .theme-overlay .theme-actions {
    691 }
    692 
    693 /* Theme Updates info */
    694 .theme-overlay .theme-update-message {
    695         background: #fefaf7;
    696         border: 1px solid #eee;
    697         border-left: 4px solid #d54e21;
    698         border-radius: 3px;
    699         padding: 5px 20px 10px;
    700 }
    701 
    702 .theme-overlay .theme-update {
    703         color: #222;
    704         font-size: 18px;
    705         display: inline-block;
    706         line-height: 40px;
    707         margin: 0;
    708 }
    709 
    710 .theme-overlay .parent-theme {
    711         background: #f7fcfe;
    712         border: 1px solid #eee;
    713         border-left: 4px solid #2ea2cc;
    714         font-size: 14px;
    715         font-weight: normal;
    716         margin-top: 30px;
    717         padding: 10px 10px 10px 20px;
    718 }
    719 
    720 .theme-overlay .parent-theme strong {
    721         font-weight: 700;
    722 }
    723 
    724 /**
    725  * Basic Responsive structure...
    726  *
    727  * Shuffles theme columns around based on screen width
    728  */
    729 
    730 @media only screen and (min-width: 1700px) {
    731         .theme {
    732                 width: 22.7%;
    733                 margin: 0 3% 3% 0;
    734         }
    735 
    736         .theme:nth-child(3n) {
    737                 margin-right: 3%;
    738         }
    739 
    740         .theme:nth-child(4n) {
    741                 margin-right: 0;
    742         }
    743 
    744         .theme-overlay .theme-wrap,
    745         .theme-overlay .theme-actions {
    746                 right: 15%;
    747                 left: 22%;
    748         }
    749 }
    750 
    751 @media only screen and (max-width: 1200px) {
    752         .theme {
    753                 width: 47.5%;
    754                 margin-right: 0;
    755         }
    756 
    757         .theme:nth-child(even) {
    758                 margin-right: 0;
    759         }
    760 
    761         .theme:nth-child(odd) {
    762                 margin-right: 5%;
    763         }
    764 }
    765 
    766 /* Admin menu is folded */
    767 @media only screen and (max-width: 900px) {
    768         .theme-overlay .theme-wrap,
    769         .theme-overlay .theme-actions {
    770                 left: 76px;
    771         }
    772 }
    773 
    774 @media only screen and (max-width: 780px) {
    775         .theme.active .theme-actions .button {
    776                 margin-top: 6px;
    777                 margin-right: -3px
    778         }
    779 
    780         .theme-overlay .theme-wrap {
    781                 top: 45px;
    782                 right: 0;
    783                 bottom: 0;
    784                 left: 0;
    785                 padding: 70px 20px 100px;
    786         }
    787 
    788         .theme-overlay .theme-actions {
    789                 right: 0;
    790                 bottom: 0;
    791                 left: 0;
    792                 text-align: left;
    793                 padding: 10px;
    794         }
    795 
    796         .theme-overlay .theme-screenshots {
    797                 width: 40%;
    798         }
    799 
    800         .theme-overlay .theme-info {
    801                 width: 50%;
    802         }
    803 
    804         .theme-overlay .theme-actions .delete-theme {
    805                 bottom: 10px;
    806         }
    807 }
    808 
    809 @media only screen and (max-width: 650px) {
    810         .theme {
    811                 width: 100%;
    812                 margin-right: 0;
    813         }
    814 
    815         .theme:hover .theme-actions {
    816                 display: none;
    817         }
    818 
    819         .theme:nth-child(2n),
    820         .theme:nth-child(3n) {
    821                 margin-right: 0;
    822         }
    823 
    824         .theme-overlay .theme-update,
    825         .theme-overlay .theme-description {
    826                 margin-left: 0;
    827         }
    828 
    829         .theme-overlay.active .theme-actions .active-theme .button:nth-child(3n) {
    830                 display: none;
    831         }
    832 
    833         .theme.active .theme-actions .button {
    834                 margin-top: 6px;
    835                 margin-right: 0;
    836         }
    837 
    838         .theme-overlay .theme-screenshots {
    839                 width: 100%;
    840                 float: none;
    841         }
    842 
    843         .theme-overlay .theme-info {
    844                 width: 100%;
    845         }
    846 
    847         .theme-overlay .theme-author {
    848                 margin: 5px 0 15px 0;
    849         }
    850 
    851         .theme-overlay .theme-version {
    852                 margin-left: 0;
    853                 position: absolute;
    854                 top: 18px;
    855                 left: 130px;
    856         }
    857 
    858         .theme-overlay .current-label {
    859                 margin-top: 10px;
    860                 font-size: 13px;
    861         }
    862 
    863         .themes-php .wrap h2 {
    864                 width: 100%;
    865         }
    866 
    867         .themes-php .theme-search {
    868                 float: none;
    869                 clear: both;
    870                 left: 0;
    871                 top: 0;
    872                 right: 0;
    873                 margin: 10px 0;
    874                 width: 100%;
    875         }
    876 }

  • src/wp-admin/css/wp-admin.css

     
    62886288  16.1 - Manage Themes
    62896289------------------------------------------------------------------------------*/
    62906290
     6291.theme-browser .themes {
     6292        clear: both;
     6293        padding: 0 0 100px;
     6294}
     6295
     6296.themes-php .wrap h2 {
     6297        float: left;
     6298        margin-bottom: 15px;
     6299}
     6300
     6301.themes-php .wrap h2 .button {
     6302        margin-left: 20px;
     6303}
     6304
     6305.themes-php .theme-count {
     6306        color: #fff;
     6307        border-radius: 30px;
     6308        background: #777;
     6309        font-size: 14px;
     6310        padding: 4px 10px;
     6311        font-weight: 600;
     6312        margin-left: 5px;
     6313        margin-right: 20px;
     6314        position: relative;
     6315        top: -3px;
     6316}
     6317
     6318/* Position admin messages */
     6319.themes-php div.updated {
     6320        margin: 0 0 20px 0;
     6321        clear: both;
     6322}
     6323
     6324.themes-php div.updated a {
     6325        text-decoration: underline;
     6326}
     6327
     6328/**
     6329 * Main theme element
     6330 * (has flexible margins)
     6331 */
     6332.theme {
     6333        cursor: pointer;
     6334        float: left;
     6335        margin: 0 5% 4% 0;
     6336        position: relative;
     6337        width: 30%;
     6338        border: 1px solid #dedede;
     6339        -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
     6340        box-shadow:         0 1px 1px -1px rgba(0,0,0,0.1);
     6341        -webkit-box-sizing: border-box;
     6342        -moz-box-sizing:    border-box;
     6343        box-sizing:         border-box;
     6344}
     6345
     6346.theme:nth-child(3n) {
     6347        margin-right: 0;
     6348}
     6349
     6350.theme:hover,
     6351.theme:focus {
     6352        cursor: pointer;
     6353}
     6354
     6355.theme .theme-name {
     6356        font-size: 15px;
     6357        font-weight: 600;
     6358        margin: 0;
     6359        padding: 15px;
     6360        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
     6361        box-shadow:         inset 0 1px 0 rgba(0,0,0,0.1);
     6362        overflow: hidden;
     6363        white-space: nowrap;
     6364        text-overflow: ellipsis;
     6365}
     6366
     6367.theme-name {
     6368        background: #fff;
     6369        background: rgba(255,255,255,0.65);
     6370}
     6371
     6372/* Activate and Customize buttons, shown on hover */
     6373.theme .theme-actions {
     6374        opacity: 0;
     6375        -webkit-transition: opacity 0.1s ease-in-out;
     6376        transition:         opacity 0.1s ease-in-out;
     6377        position: absolute;
     6378        bottom: 0;
     6379        right: 0;
     6380        height: 38px;
     6381        padding: 9px 10px 0 10px;
     6382        background: rgba(244, 244, 244, 0.7);
     6383        border-left: 1px solid rgba(0,0,0,0.05);
     6384}
     6385
     6386.theme:hover .theme-actions {
     6387        opacity: 1;
     6388}
     6389
     6390.theme .theme-actions .button-primary {
     6391        margin-right: 3px;
     6392}
     6393
     6394.theme .theme-actions .button-secondary {
     6395        float: none;
     6396        margin-left: 3px;
     6397}
     6398
     6399/**
     6400 * Theme Screenshot
     6401 *
     6402 * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size
     6403 * It is also responsive.
     6404 */
     6405.theme .theme-screenshot {
     6406        display: block;
     6407        overflow: hidden;
     6408        position: relative;
     6409        -webkit-transition: opacity 0.2s ease-in-out;
     6410        transition:         opacity 0.2s ease-in-out;
     6411}
     6412
     6413.theme .theme-screenshot:after {
     6414        content: '';
     6415        display: block;
     6416        padding-top: 66%; /* using a 3/2 aspect ratio */
     6417}
     6418
     6419.theme .theme-screenshot img {
     6420        height: auto;
     6421        position: absolute;
     6422        left: 0;
     6423        top: 0;
     6424        width: 100%;
     6425        -webkit-transform: translateZ( 0 ); /* Prevents rendering bugs in Chrome */
     6426        -webkit-transition: opacity 0.2s ease-in-out;
     6427        transition:         opacity 0.2s ease-in-out;
     6428}
     6429
     6430.theme:after {
     6431        display: block;
     6432        opacity: 0;
     6433        content: '\f348';
     6434        -webkit-font-smoothing: antialiased;
     6435        font: normal 64px/1 'dashicons';
     6436        vertical-align: middle;
     6437        text-align: center;
     6438        color: #000;
     6439        position: absolute;
     6440        top: 0;
     6441        left: 0;
     6442        right: 0;
     6443        padding-top: 24%;
     6444        text-shadow: 0 1px 20px rgba(255,255,255,0.9);
     6445        -webkit-transition: opacity 0.2s ease-in-out;
     6446        transition:         opacity 0.2s ease-in-out;
     6447}
     6448
     6449.theme:hover:after {
     6450        opacity: 0.6;
     6451}
     6452
     6453.theme:hover .theme-screenshot {
     6454        background: #fff;
     6455}
     6456
     6457.theme:hover .theme-screenshot img {
     6458        opacity: 0.4;
     6459}
     6460
     6461/**
     6462 * Displays a theme update notice
     6463 * when an update is available.
     6464 */
     6465.theme .theme-update {
     6466        background: #d54e21;
     6467        background: rgba(213, 78, 33, 0.95);
     6468        color: #fff;
     6469        display: block;
     6470        font-size: 13px;
     6471        font-weight: 400;
     6472        height: 48px;
     6473        line-height: 48px;
     6474        padding: 0 10px;
     6475        position: absolute;
     6476        top: 0;
     6477        right: 0;
     6478        left: 0;
     6479        border-bottom: 1px solid rgba(0,0,0,0.25);
     6480        overflow: hidden;
     6481}
     6482
     6483.theme .theme-update:before {
     6484        content: '\f113';
     6485        display: inline-block;
     6486        font: normal 20px/1 'dashicons';
     6487        margin: 0 6px 0 0;
     6488        opacity: 0.8;
     6489        position: relative;
     6490        top: 5px;
     6491        speak: none;
     6492        -webkit-font-smoothing: antialiased;
     6493}
     6494
     6495
     6496/**
     6497 * The currently active theme
     6498 */
     6499.theme.active {
     6500}
     6501
     6502.theme.active .theme-screenshot {
     6503}
     6504
     6505.theme.active .theme-name {
     6506        background: #0074a2;
     6507        color: #fff;
     6508        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
     6509        box-shadow:         inset 0 1px 1px rgba(0,0,0,0.5);
     6510}
     6511
     6512.theme.active .theme-actions {
     6513        top: 0;
     6514        left: 0;
     6515        background: #2f2f2f;
     6516        height: 48px;
     6517        opacity: 1;
     6518        line-height: 48px;
     6519        padding: 0 10px;
     6520        z-index: 1;
     6521}
     6522
     6523.theme.active .theme-actions .button {
     6524        float: right;
     6525        margin-top: 10px;
     6526}
     6527
     6528.theme.active .current-label {
     6529        font-size: 13px;
     6530        font-weight: 400;
     6531        color: #ccc;
     6532        margin-left: 5px;
     6533}
     6534
     6535.theme.active .theme-update {
     6536        top: 48px;
     6537}
     6538
     6539.theme .theme-author {
     6540        background: #222;
     6541        color: #eee;
     6542        display: none;
     6543        font-size: 14px;
     6544        margin: 0 10px;
     6545        padding: 5px 10px;
     6546        position: absolute;
     6547        bottom: 56px;
     6548}
     6549
     6550.theme.display-author .theme-author {
     6551        display: block;
     6552}
     6553
     6554.theme.display-author .theme-author a {
     6555        color: inherit;
     6556        text-decoration: none;
     6557}
     6558
     6559/**
     6560 * Add new theme
     6561 */
     6562.theme-browser .add-new-theme {
     6563        border: none;
     6564        box-shadow: none;
     6565}
     6566
     6567.theme-browser .add-new-theme a {
     6568        color: #999;
     6569        text-decoration: none;
     6570        display: block;
     6571        position: relative;
     6572        z-index: 1;
     6573}
     6574
     6575.theme-browser .add-new-theme:after {
     6576        display: block;
     6577        content: '';
     6578        opacity: 1;
     6579        background: rgba(0, 0, 0, 0);
     6580        position: absolute;
     6581        top: 0;
     6582        left: 0;
     6583        right: 0;
     6584        bottom: 0;
     6585        padding: 10% 0 0 0;
     6586        text-shadow: none;
     6587        border: 5px dashed rgba(0, 0, 0, 0.1);
     6588        -webkit-transition: opacity 0.2s ease-in-out;
     6589        transition:         opacity 0.2s ease-in-out;
     6590        -webkit-box-sizing: border-box;
     6591        -moz-box-sizing:    border-box;
     6592        box-sizing:         border-box;
     6593}
     6594
     6595.theme-browser .add-new-theme span:after {
     6596        background: rgba(153, 153, 153, 0.1);
     6597        border-radius: 50%;
     6598        display: inline-block;
     6599        content: '\f132';
     6600        -webkit-font-smoothing: antialiased;
     6601        font: normal 74px/115px 'dashicons';
     6602        width: 100px;
     6603        height: 100px;
     6604        vertical-align: middle;
     6605        text-align: center;
     6606        color: rgb(153, 153, 153);
     6607        position: absolute;
     6608        top: 30%;
     6609        left: 50%;
     6610        margin-left: -50px;
     6611        text-indent: -4px;
     6612        padding: 0;
     6613        text-shadow: none;
     6614        z-index:4;
     6615}
     6616
     6617.theme-browser .add-new-theme:hover .theme-screenshot {
     6618        background: none;
     6619}
     6620
     6621.theme-browser .add-new-theme:hover span:after {
     6622        background: #fff;
     6623        color: #0074a2;
     6624}
     6625
     6626.theme-browser .add-new-theme:hover:after {
     6627        border-color: transparent;
     6628        color: #fff;
     6629        background: #0074a2;
     6630}
     6631
     6632.theme-browser .add-new-theme .theme-name {
     6633        background: none;
     6634        text-align: center;
     6635        box-shadow: none;
     6636        font-weight: 400;
     6637        position: relative;
     6638        top: -50px;
     6639}
     6640
     6641.theme-browser .add-new-theme:hover .theme-name {
     6642        color: #fff;
     6643        z-index: 2;
     6644}
     6645
     6646/*
     6647 * The search form
     6648 */
     6649.themes-php .theme-search {
     6650        position: relative;
     6651        top: -2px;
     6652        left: 20px;
     6653        font-size: 16px;
     6654        font-weight: 300;
     6655        line-height: 1.5;
     6656}
     6657
     6658/**
     6659 * Theme Overlay
     6660 * Shown when clicking a theme
     6661 */
     6662.theme-overlay .theme-backdrop {
     6663        position: absolute;
     6664        left: -20px;
     6665        right: 0;
     6666        top: 0;
     6667        bottom: 0;
     6668        background: rgba( 238, 238, 238, 0.9 );
     6669        z-index: 10;
     6670}
     6671
     6672body.theme-overlay-open {
     6673        overflow: hidden;
     6674}
     6675
     6676.theme-overlay .theme-utility {
     6677        position: absolute;
     6678        top: 0;
     6679        left: 0;
     6680        right: 0;
     6681        border-bottom: 1px solid #eee;
     6682}
     6683
     6684.theme-overlay .back {
     6685        cursor: pointer;
     6686        height: 48px;
     6687        width: 50px;
     6688        text-align: center;
     6689        float: right;
     6690        border-left: 1px solid #eee;
     6691}
     6692
     6693.theme-overlay .back:hover {
     6694        background: #333;
     6695}
     6696
     6697.theme-overlay .back:hover:before {
     6698        color: #fff;
     6699}
     6700
     6701.theme-overlay .back:before {
     6702        font: normal 30px/48px 'dashicons' !important;
     6703        color: #bbb;
     6704        display: inline-block;
     6705        content: '\f335';
     6706        font-weight: 300;
     6707}
     6708
     6709/* Left and right navigation */
     6710.theme-overlay .right,
     6711.theme-overlay .left {
     6712        cursor: pointer;
     6713        height: 48px;
     6714        width: 54px;
     6715        float: left;
     6716        text-align: center;
     6717        border-right: 1px solid #eee;
     6718        -webkit-user-select: none;
     6719        -moz-user-select:    none;
     6720        -ms-user-select:     none;
     6721        user-select:         none;
     6722}
     6723
     6724.theme-overlay .right:hover,
     6725.theme-overlay .left:hover {
     6726        background: #333;
     6727}
     6728
     6729.theme-overlay .right:hover:before,
     6730.theme-overlay .left:hover:before {
     6731        color: #fff;
     6732}
     6733
     6734.theme-overlay .left:before {
     6735        content: '\f341';
     6736}
     6737
     6738.theme-overlay .right:before {
     6739        content: '\f345';
     6740}
     6741
     6742.theme-overlay .right:before,
     6743.theme-overlay .left:before {
     6744        font: normal 16px/54px 'dashicons' !important;
     6745        display: inline;
     6746        font-weight: 300;
     6747}
     6748
     6749.theme-overlay .theme-wrap {
     6750        clear: both;
     6751        position: fixed;
     6752        top: 120px;
     6753        left: 190px;
     6754        right: 40px;
     6755        bottom: 80px;
     6756        overflow: auto;
     6757        background: #fff;
     6758        padding: 88px 40px 110px 40px;
     6759        -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0,0,0,0.1);
     6760        box-shadow:         0 1px 20px 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0,0,0,0.1);
     6761        z-index: 20;
     6762}
     6763
     6764.theme-overlay .theme-wrap:after {
     6765        content: ".";
     6766        display: block;
     6767        height: 0;
     6768        clear: both;
     6769        visibility: hidden;
     6770}
     6771
     6772.theme-overlay .theme-actions {
     6773        position: fixed;
     6774        text-align: center;
     6775        bottom: 80px;
     6776        left: 190px;
     6777        right: 40px;
     6778        padding: 20px 25px;
     6779        background: rgba(243, 243, 243 ,0.9);
     6780        border-top: 1px solid rgba(0,0,0,0.1);
     6781        z-index: 30;
     6782}
     6783
     6784.theme-overlay.active .theme-actions {
     6785}
     6786
     6787.theme-overlay .theme-actions a {
     6788        margin-right: 5px;
     6789        margin-bottom: 0;
     6790        font-size: 16px;
     6791        line-height: 37px;
     6792        height: 37px;
     6793        padding: 0 20px 1px 20px;
     6794}
     6795
     6796.theme-overlay .theme-actions .delete-theme {
     6797        border-radius: 2px;
     6798        color: #a00;
     6799        font-size: 14px;
     6800        padding: 0 10px;
     6801        position: absolute;
     6802        right: 10px;
     6803        bottom: 20px;
     6804        text-decoration: none;
     6805}
     6806
     6807.theme-overlay .theme-actions .delete-theme:hover {
     6808        background: #d54e21;
     6809        color: #fff;
     6810}
     6811
     6812.theme-overlay .theme-actions .active-theme,
     6813.theme-overlay.active .theme-actions .inactive-theme {
     6814        display: none;
     6815}
     6816
     6817.theme-overlay .theme-actions .inactive-theme,
     6818.theme-overlay.active .theme-actions .active-theme {
     6819        display: block;
     6820}
     6821
     6822/**
     6823 * Theme Screenshots gallery
     6824 */
     6825.theme-overlay .theme-screenshots {
     6826        float: left;
     6827        margin: 0 30px 0 0;
     6828        width: 55%;
     6829        text-align: center;
     6830}
     6831
     6832/* First screenshot, shown big */
     6833.theme-overlay .screenshot {
     6834        border: 1px solid #fff;
     6835        -webkit-box-sizing: border-box;
     6836        -moz-box-sizing:    border-box;
     6837        box-sizing:         border-box;
     6838        overflow: hidden;
     6839        position: relative;
     6840        -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
     6841        box-shadow:         0 0 0 1px rgba(0,0,0,0.2);
     6842}
     6843
     6844.theme-overlay .screenshot:after {
     6845        content: '';
     6846        display: block;
     6847        padding-top: 66.66666%; /* using a 3/2 aspect ratio */
     6848}
     6849
     6850.theme-overlay .screenshot img {
     6851        cursor: pointer;
     6852        height: auto;
     6853        position: absolute;
     6854        left: 0;
     6855        top: 0;
     6856        width: 100%;
     6857}
     6858
     6859/* Other screenshots, shown small and square */
     6860.theme-overlay .screenshot.thumb {
     6861        background: #ccc;
     6862        border: 1px solid #eee;
     6863        float: none;
     6864        display: inline-block;
     6865        margin: 10px 5px 0;
     6866        width: 140px;
     6867        height: 80px;
     6868}
     6869
     6870.theme-overlay .screenshot.thumb:after {
     6871        content: '';
     6872        display: block;
     6873        padding-top: 100%; /* using a 1/1 aspect ratio */
     6874}
     6875
     6876.theme-overlay .screenshot.thumb img {
     6877        cursor: pointer;
     6878        height: auto;
     6879        position: absolute;
     6880        left: 0;
     6881        top: 0;
     6882        width: 100%;
     6883        height: auto;
     6884}
     6885
     6886.theme-overlay .screenshot.selected {
     6887        background: transparent;
     6888        border: 2px solid #2ea2cc;
     6889}
     6890
     6891.theme-overlay .screenshot.selected img {
     6892        opacity: 0.8;
     6893}
     6894
     6895/* No screenshot placeholder */
     6896.theme .theme-screenshot.blank,
     6897.theme-overlay .screenshot.blank {
     6898        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYGWO8d+/efwYkoKioiMRjYGBC4WHhUK6A8T8QIJt8//59ZC493AAAQssKpBK4F5AAAAAASUVORK5CYII=);
     6899}
     6900
     6901/**
     6902 * Theme heading information
     6903 */
     6904.theme-overlay .theme-info {
     6905        width: 40%;
     6906        float: left;
     6907}
     6908
     6909.theme-overlay .current-label {
     6910        background: #333;
     6911        color: #fff;
     6912        font-size: 11px;
     6913        display: inline-block;
     6914        padding: 2px 8px;
     6915        border-radius: 2px;
     6916        margin: 0 0 -10px;
     6917        -webkit-user-select: none;
     6918        -moz-user-select:    none;
     6919        -ms-user-select:     none;
     6920        user-select:         none;
     6921}
     6922
     6923.theme-overlay .theme-name {
     6924        color: #222;
     6925        font-size: 32px;
     6926        font-weight: 100;
     6927        margin: 10px 0 0;
     6928        line-height: 1.3;
     6929}
     6930
     6931.theme-overlay .theme-version {
     6932        color: #999;
     6933        font-size: 13px;
     6934        font-weight: 400;
     6935        float: none;
     6936        display: inline-block;
     6937        margin-left: 10px;
     6938        -webkit-user-select: none;
     6939        -moz-user-select:    none;
     6940        -ms-user-select:     none;
     6941        user-select:         none;
     6942}
     6943
     6944.theme-overlay .theme-author {
     6945        color: #686868;
     6946        font-size: 16px;
     6947        font-weight: 400;
     6948        margin: 15px 0 25px;
     6949}
     6950
     6951.theme-overlay .theme-author a {
     6952        color: inherit;
     6953        text-decoration: none;
     6954}
     6955
     6956.theme-overlay .theme-description {
     6957        color: #555;
     6958        font-size: 15px;
     6959        font-weight: 400;
     6960        line-height: 1.5;
     6961        margin: 30px 0 0 0;
     6962}
     6963
     6964.theme-overlay .theme-tags {
     6965        border-top: 3px solid #eee;
     6966        color: #888;
     6967        font-size: 13px;
     6968        font-weight: 400;
     6969        margin: 30px 0 0 0;
     6970        padding-top: 20px;
     6971        text-transform: capitalize;
     6972}
     6973
     6974.theme-overlay .theme-tags span {
     6975        color: #444;
     6976        font-weight: bold;
     6977        margin-right: 5px;
     6978}
     6979
     6980.theme-overlay .theme-actions {
     6981}
     6982
     6983/* Theme Updates info */
     6984.theme-overlay .theme-update-message {
     6985        background: #fefaf7;
     6986        border: 1px solid #eee;
     6987        border-left: 4px solid #d54e21;
     6988        border-radius: 3px;
     6989        padding: 5px 20px 10px;
     6990}
     6991
     6992.theme-overlay .theme-update {
     6993        color: #222;
     6994        font-size: 18px;
     6995        display: inline-block;
     6996        line-height: 40px;
     6997        margin: 0;
     6998}
     6999
     7000.theme-overlay .parent-theme {
     7001        background: #f7fcfe;
     7002        border: 1px solid #eee;
     7003        border-left: 4px solid #2ea2cc;
     7004        font-size: 14px;
     7005        font-weight: normal;
     7006        margin-top: 30px;
     7007        padding: 10px 10px 10px 20px;
     7008}
     7009
     7010.theme-overlay .parent-theme strong {
     7011        font-weight: 700;
     7012}
     7013
     7014/**
     7015 * Basic Responsive structure...
     7016 *
     7017 * Shuffles theme columns around based on screen width
     7018 */
     7019
     7020@media only screen and (min-width: 1700px) {
     7021        .theme {
     7022                width: 22.7%;
     7023                margin: 0 3% 3% 0;
     7024        }
     7025
     7026        .theme:nth-child(3n) {
     7027                margin-right: 3%;
     7028        }
     7029
     7030        .theme:nth-child(4n) {
     7031                margin-right: 0;
     7032        }
     7033
     7034        .theme-overlay .theme-wrap,
     7035        .theme-overlay .theme-actions {
     7036                right: 15%;
     7037                left: 22%;
     7038        }
     7039}
     7040
     7041@media only screen and (max-width: 1200px) {
     7042        .theme {
     7043                width: 47.5%;
     7044                margin-right: 0;
     7045        }
     7046
     7047        .theme:nth-child(even) {
     7048                margin-right: 0;
     7049        }
     7050
     7051        .theme:nth-child(odd) {
     7052                margin-right: 5%;
     7053        }
     7054}
     7055
     7056/* Admin menu is folded */
     7057@media only screen and (max-width: 900px) {
     7058        .theme-overlay .theme-wrap,
     7059        .theme-overlay .theme-actions {
     7060                left: 76px;
     7061        }
     7062}
     7063
     7064@media only screen and (max-width: 780px) {
     7065        .theme.active .theme-actions .button {
     7066                margin-top: 6px;
     7067                margin-right: -3px
     7068        }
     7069
     7070        .theme-overlay .theme-wrap {
     7071                top: 45px;
     7072                right: 0;
     7073                bottom: 0;
     7074                left: 0;
     7075                padding: 70px 20px 100px;
     7076        }
     7077
     7078        .theme-overlay .theme-actions {
     7079                right: 0;
     7080                bottom: 0;
     7081                left: 0;
     7082                text-align: left;
     7083                padding: 10px;
     7084        }
     7085
     7086        .theme-overlay .theme-screenshots {
     7087                width: 40%;
     7088        }
     7089
     7090        .theme-overlay .theme-info {
     7091                width: 50%;
     7092        }
     7093
     7094        .theme-overlay .theme-actions .delete-theme {
     7095                bottom: 10px;
     7096        }
     7097}
     7098
     7099@media only screen and (max-width: 650px) {
     7100        .theme {
     7101                width: 100%;
     7102                margin-right: 0;
     7103        }
     7104
     7105        .theme:hover .theme-actions {
     7106                display: none;
     7107        }
     7108
     7109        .theme:nth-child(2n),
     7110        .theme:nth-child(3n) {
     7111                margin-right: 0;
     7112        }
     7113
     7114        .theme-overlay .theme-update,
     7115        .theme-overlay .theme-description {
     7116                margin-left: 0;
     7117        }
     7118
     7119        .theme-overlay.active .theme-actions .active-theme .button:nth-child(3n) {
     7120                display: none;
     7121        }
     7122
     7123        .theme.active .theme-actions .button {
     7124                margin-top: 6px;
     7125                margin-right: 0;
     7126        }
     7127
     7128        .theme-overlay .theme-screenshots {
     7129                width: 100%;
     7130                float: none;
     7131        }
     7132
     7133        .theme-overlay .theme-info {
     7134                width: 100%;
     7135        }
     7136
     7137        .theme-overlay .theme-author {
     7138                margin: 5px 0 15px 0;
     7139        }
     7140
     7141        .theme-overlay .theme-version {
     7142                margin-left: 0;
     7143                position: absolute;
     7144                top: 18px;
     7145                left: 130px;
     7146        }
     7147
     7148        .theme-overlay .current-label {
     7149                margin-top: 10px;
     7150                font-size: 13px;
     7151        }
     7152
     7153        .themes-php .wrap h2 {
     7154                width: 100%;
     7155        }
     7156
     7157        .themes-php .theme-search {
     7158                float: none;
     7159                clear: both;
     7160                left: 0;
     7161                top: 0;
     7162                right: 0;
     7163                margin: 10px 0;
     7164                width: 100%;
     7165        }
     7166}
     7167
    62917168.broken-themes {
    62927169        clear: both;
    62937170}

  • src/wp-admin/themes.php

     
    104104) );
    105105
    106106add_thickbox();
    107 wp_enqueue_style( 'theme' );
    108107wp_enqueue_script( 'theme' );
    109108wp_enqueue_script( 'customize-loader' );
    110109

  • src/wp-includes/script-loader.php

     
    594594        // do not refer to these directly, the right one is queued by the above "meta" colors handle
    595595        $styles->add( 'colors-fresh', "/wp-admin/css/colors-fresh$suffix.css", array( 'wp-admin', 'buttons' ) );
    596596
    597         $styles->add( 'theme', "/wp-admin/css/theme.css" );
    598597        $styles->add( 'media', "/wp-admin/css/media$suffix.css" );
    599598        $styles->add( 'install', "/wp-admin/css/install$suffix.css", array('buttons') );
    600599        $styles->add( 'thickbox', '/wp-includes/js/thickbox/thickbox.css', array( 'dashicons' ), '20121105' );