WordPress.org
Get WordPress

Make WordPress Core

Ticket #25966: 25966.patch

File 25966.patch, 41.1 KB (added by ocean90, 12 years ago)

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

     
    422422        border-color: #ccc;
    423423}
    424424
    425 #current-theme {
    426         border-bottom-color: #dfdfdf;
    427 }
    428 
    429425.bar {
    430426        background-color: #e8e8e8;
    431427        border-right-color: #99d;
    … …  
    727723        border-bottom-color: #dfdfdf;
    728724}
    729725
    730 #currenttheme img {
    731         border-color: #666;
    732 }
    733 
    734726input.readonly, textarea.readonly {
    735727        background-color: #ddd;
    736728}
    … …  
    15001492        border-color: #ddd;
    15011493}
    15021494
    1503 #current-theme img {
    1504         border-color: #999;
    1505 }
    1506 
    15071495#TB_window #TB_title a.tb-theme-preview-link,
    15081496#TB_window #TB_title a.tb-theme-preview-link:visited {
    15091497        color: #999;
    … …  
    20512039        .wp_themeSkin .mceToolbar .mceSplitButton span.mce_bullist {
    20522040                background: none !important;
    20532041        }
    2054 }
    2055  No newline at end of file
     2042}

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

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

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

     
    3232        14.2 - Image Editor
    333315.0 - Comments Screen
    343416.0 - Themes
    35         16.1 - Custom Header
    36         16.2 - Custom Background
    37         16.3 - Tabbed Admin Screen Interface
     35        16.1 - Manage Themes
     36        16.2 - Install Themes
     37        16.3 - Custom Header
     38        16.4 - Custom Background
     39        16.5 - Tabbed Admin Screen Interface
    384017.0 - Plugins
    394118.0 - Users
    404219.0 - Tools
    … …  
    62666268  16.0 - Themes
    62676269------------------------------------------------------------------------------*/
    62686270
     6271/*------------------------------------------------------------------------------
     6272  16.1 - Manage Themes
     6273------------------------------------------------------------------------------*/
     6274
     6275.theme-browser .themes {
     6276        clear: both;
     6277        padding: 0 0 100px;
     6278}
     6279
     6280.themes-php .wrap h2 {
     6281        float: left;
     6282        margin-bottom: 15px;
     6283}
     6284
     6285.themes-php .wrap h2 .button {
     6286        margin-left: 20px;
     6287}
     6288
     6289.themes-php .theme-count {
     6290        color: #fff;
     6291        border-radius: 30px;
     6292        background: #777;
     6293        font-size: 14px;
     6294        padding: 4px 10px;
     6295        font-weight: 600;
     6296        margin-left: 5px;
     6297        margin-right: 20px;
     6298        position: relative;
     6299        top: -3px;
     6300}
     6301
     6302/* Position admin messages */
     6303.themes-php div.updated {
     6304        margin: 0 0 20px 0;
     6305        clear: both;
     6306}
     6307
     6308.themes-php div.updated a {
     6309        text-decoration: underline;
     6310}
     6311
     6312/**
     6313 * Main theme element
     6314 * (has flexible margins)
     6315 */
     6316.theme {
     6317        cursor: pointer;
     6318        float: left;
     6319        margin: 0 5% 4% 0;
     6320        position: relative;
     6321        width: 30%;
     6322
     6323        border: 1px solid #dedede;
     6324        -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
     6325        box-shadow:         0 1px 1px -1px rgba(0,0,0,0.1);
     6326        -webkit-box-sizing: border-box;
     6327        -moz-box-sizing:    border-box;
     6328        box-sizing:         border-box;
     6329}
     6330
     6331.theme:nth-child(3n) {
     6332        margin-right: 0;
     6333}
     6334
     6335.theme:hover,
     6336.theme:focus {
     6337        cursor: pointer;
     6338}
     6339
     6340.theme .theme-name {
     6341        font-size: 15px;
     6342        font-weight: 600;
     6343        margin: 0;
     6344        padding: 15px;
     6345        -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
     6346        box-shadow:         inset 0 1px 0 rgba(0,0,0,0.1);
     6347        overflow: hidden;
     6348        white-space: nowrap;
     6349        text-overflow: ellipsis;
     6350}
     6351
     6352.theme-name {
     6353        background: #fff;
     6354        background: rgba(255,255,255,0.65);
     6355}
     6356
     6357/* Activate and Customize buttons, shown on hover */
     6358.theme .theme-actions {
     6359        opacity: 0;
     6360        -webkit-transition: opacity 0.1s ease-in-out;
     6361        transition:         opacity 0.1s ease-in-out;
     6362        position: absolute;
     6363        bottom: 0;
     6364        right: 0;
     6365        height: 38px;
     6366        padding: 9px 10px 0 10px;
     6367        background: rgba(244, 244, 244, 0.7);
     6368        border-left: 1px solid rgba(0,0,0,0.05);
     6369}
     6370
     6371.theme:hover .theme-actions {
     6372        opacity: 1;
     6373}
     6374
     6375.theme .theme-actions .button-primary {
     6376        margin-right: 3px;
     6377}
     6378
     6379.theme .theme-actions .button-secondary {
     6380        float: none;
     6381        margin-left: 3px;
     6382}
     6383
     6384/* Delete theme crosses */
     6385.theme .delete-theme {
     6386        display: none;
     6387        margin-left: -18px;
     6388        position: absolute;
     6389        top: 0;
     6390        right: 0;
     6391        z-index: 5;
     6392}
     6393
     6394.theme .delete-theme:before {
     6395        background: #222;
     6396        border: 1px solid #dedede;
     6397        border-width: 0 0 1px 1px;
     6398        color: #fff;
     6399        width: 36px;
     6400        height: 36px;
     6401        padding: 4px;
     6402        content: '\f158';
     6403        display: inline-block;
     6404        font: normal 36px/1 'dashicons';
     6405        opacity: 1;
     6406        speak: none;
     6407        -webkit-font-smoothing: antialiased;
     6408}
     6409
     6410.theme .delete-theme:hover:before {
     6411        background: #d54e21;
     6412}
     6413
     6414/*
     6415 * Theme Screenshot
     6416 *
     6417 * Has a fixed aspect ratio of 1.5 to 1 regardless of screenshot size
     6418 * It is also responsive.
     6419 */
     6420.theme .theme-screenshot {
     6421        display: block;
     6422        overflow: hidden;
     6423        position: relative;
     6424        -webkit-transition: opacity 0.2s ease-in-out;
     6425        transition:         opacity 0.2s ease-in-out;
     6426}
     6427
     6428.theme .theme-screenshot:after {
     6429        content: '';
     6430        display: block;
     6431        padding-top: 66%; /* using a 3/2 aspect ratio */
     6432}
     6433
     6434.theme .theme-screenshot img {
     6435        height: auto;
     6436        position: absolute;
     6437        left: 0;
     6438        top: 0;
     6439        width: 100%;
     6440        -webkit-transform: translateZ( 0 ); /* Prevents rendering bugs in Chrome */
     6441        -webkit-transition: opacity 0.2s ease-in-out;
     6442        transition:         opacity 0.2s ease-in-out;
     6443}
     6444
     6445.theme:after {
     6446        display: block;
     6447        opacity: 0;
     6448        content: '\f348';
     6449        -webkit-font-smoothing: antialiased;
     6450        font: normal 64px/1 'dashicons';
     6451        vertical-align: middle;
     6452        text-align: center;
     6453        color: #000;
     6454        position: absolute;
     6455        top: 0;
     6456        left: 0;
     6457        right: 0;
     6458        padding-top: 24%;
     6459        text-shadow: 0 1px 20px rgba(255,255,255,0.9);
     6460        -webkit-transition: opacity 0.2s ease-in-out;
     6461        transition:         opacity 0.2s ease-in-out;
     6462}
     6463
     6464.theme:hover:after {
     6465        opacity: 0.6;
     6466}
     6467
     6468.theme:hover .theme-screenshot {
     6469        background: #fff;
     6470}
     6471
     6472.theme:hover .theme-screenshot img {
     6473        opacity: 0.4;
     6474}
     6475
     6476/*
     6477 * Displays a theme update notice
     6478 * when an update is available
     6479 */
     6480.theme .theme-update {
     6481        background: #d54e21;
     6482        background: rgba(213, 78, 33, 0.95);
     6483        color: #fff;
     6484        display: block;
     6485        font-size: 13px;
     6486        font-weight: 400;
     6487        height: 48px;
     6488        line-height: 48px;
     6489        padding: 0 10px;
     6490        position: absolute;
     6491        top: 0;
     6492        right: 0;
     6493        left: 0;
     6494        border-bottom: 1px solid rgba(0,0,0,0.25);
     6495        overflow: hidden;
     6496}
     6497
     6498.theme .theme-update:before {
     6499        content: '\f113';
     6500        display: inline-block;
     6501        font: normal 20px/1 'dashicons';
     6502        margin: 0 6px 0 0;
     6503        opacity: 0.8;
     6504        position: relative;
     6505        top: 5px;
     6506        speak: none;
     6507        -webkit-font-smoothing: antialiased;
     6508}
     6509
     6510
     6511
     6512.theme.active {}
     6513
     6514.theme.active .theme-screenshot {}
     6515
     6516.theme.active .theme-name {
     6517        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.5);
     6518        box-shadow:         inset 0 1px 1px rgba(0,0,0,0.5);
     6519}
     6520
     6521.theme.active .theme-actions {
     6522        top: 0;
     6523        left: 0;
     6524        background: #2f2f2f;
     6525        height: 48px;
     6526        opacity: 1;
     6527        line-height: 48px;
     6528        padding: 0 10px;
     6529}
     6530
     6531.theme.active .theme-actions .button {
     6532        float: right;
     6533        margin-top: 10px;
     6534}
     6535
     6536.theme.active .current-label {
     6537        font-size: 13px;
     6538        font-weight: 400;
     6539        color: #ccc;
     6540        margin-left: 5px;
     6541}
     6542
     6543.theme.active .theme-update {
     6544        top: 48px;
     6545}
     6546
     6547.theme .theme-author {
     6548        background: #222;
     6549        color: #eee;
     6550        display: none;
     6551        font-size: 14px;
     6552        margin: 0 10px;
     6553        padding: 5px 10px;
     6554        position: absolute;
     6555        bottom: 56px;
     6556}
     6557
     6558.theme.display-author .theme-author {
     6559        display: block;
     6560}
     6561
     6562/*
     6563 * Experiment: allows to scroll through the whole theme
     6564 * If a theme includes the whole page, it could be a neat detail.
     6565 */
     6566.theme.active .theme-screenshot {}
     6567
     6568/*
     6569 * Add new theme
     6570 */
     6571.theme-browser .add-new-theme {
     6572        border: none;
     6573        box-shadow: none;
     6574}
     6575
     6576.theme-browser .add-new-theme a {
     6577        color: #999;
     6578        text-decoration: none;
     6579        display: block;
     6580        position: relative;
     6581        z-index: 1;
     6582}
     6583
     6584.theme-browser .add-new-theme:after {
     6585        display: block;
     6586        content: '';
     6587        opacity: 1;
     6588        background: rgba(0, 0, 0, 0);
     6589        position: absolute;
     6590        top: 0;
     6591        left: 0;
     6592        right: 0;
     6593        bottom: 0;
     6594        padding: 10% 0 0 0;
     6595        text-shadow: none;
     6596        -webkit-transition: opacity 0.2s ease-in-out;
     6597        transition:         opacity 0.2s ease-in-out;
     6598        border: 5px dashed rgba(0, 0, 0, 0.1);
     6599        box-sizing: border-box;
     6600}
     6601
     6602.theme-browser .add-new-theme span:after {
     6603        background: rgba(153, 153, 153, 0.1);
     6604        border-radius: 50%;
     6605        display: inline-block;
     6606        content: '\f132';
     6607        -webkit-font-smoothing: antialiased;
     6608        font: normal 74px/115px 'dashicons';
     6609        width: 100px;
     6610        height: 100px;
     6611        vertical-align: middle;
     6612        text-align: center;
     6613        color: rgb(153, 153, 153);
     6614        position: absolute;
     6615        top: 30%;
     6616        left: 50%;
     6617        margin-left: -50px;
     6618        text-indent: -4px;
     6619        padding: 0;
     6620        text-shadow: none;
     6621        z-index:4;
     6622}
     6623
     6624.theme-browser .add-new-theme:hover .theme-screenshot {
     6625        background: none;
     6626}
     6627
     6628.theme-browser .add-new-theme:hover span:after {
     6629        background: #fff;
     6630        color: rgb(16, 116, 162);
     6631        -webkit-box-shadow: 0 2px 1px rgba(0,0,0,0.3);
     6632        box-shadow:         0 2px 1px rgba(0,0,0,0.3);
     6633}
     6634
     6635.theme-browser .add-new-theme:hover:after {
     6636        border-color: transparent;
     6637        color: #fff;
     6638        background: rgb(16, 116, 162);
     6639}
     6640
     6641.theme-browser .add-new-theme .theme-name {
     6642        background: none;
     6643        text-align: center;
     6644        box-shadow: none;
     6645        font-weight: 400;
     6646        position: relative;
     6647        top: -70px;
     6648}
     6649
     6650.theme-browser .add-new-theme:hover .theme-name {
     6651        color: #fff;
     6652        z-index: 2;
     6653}
     6654
     6655/*
     6656 * The search form
     6657 */
     6658.theme-browser .theme-search {
     6659        float: left;
     6660        position: relative;
     6661        top: 7px;
     6662        left: 10px;
     6663        font-size: 16px;
     6664        font-weight: 300;
     6665        line-height: 1.5;
     6666}
     6667
     6668/*
     6669 * Theme Overlay
     6670 * Shown when clicking a theme
     6671 */
     6672.theme-overlay .theme-backdrop {
     6673        position: absolute;
     6674        left: -20px;
     6675        right: 0;
     6676        top: 0;
     6677        bottom: 0;
     6678        background: rgba( 238, 238, 238, 0.9 );
     6679        /* background: rgba(0,0,0,0.7); */
     6680        z-index: 10;
     6681}
     6682
     6683body.theme-overlay-open {
     6684        overflow: hidden;
     6685}
     6686
     6687.theme-overlay .theme-utility {
     6688        position: absolute;
     6689        top: 0;
     6690        left: 0;
     6691        right: 0;
     6692        border-bottom: 1px solid #eee;
     6693}
     6694
     6695.theme-overlay .back {
     6696        cursor: pointer;
     6697        height: 48px;
     6698        width: 50px;
     6699        text-align: center;
     6700        float: right;
     6701        border-left: 1px solid #eee;
     6702}
     6703
     6704.theme-overlay .back:hover {
     6705        background: #333;
     6706}
     6707
     6708.theme-overlay .back:hover:before {
     6709        color: #fff;
     6710}
     6711
     6712.theme-overlay .back:before {
     6713        font: normal 30px/48px 'dashicons' !important;
     6714        color: #bbb;
     6715        display: inline-block;
     6716        content: '\f335';
     6717        font-weight: 300;
     6718}
     6719
     6720/* Left and right navigation */
     6721.theme-overlay .right,
     6722.theme-overlay .left {
     6723        cursor: pointer;
     6724        -webkit-user-select: none;
     6725        -moz-user-select:    none;
     6726        user-select:         none;
     6727        cursor: pointer;
     6728        height: 48px;
     6729        width: 54px;
     6730        float: left;
     6731        text-align: center;
     6732        border-right: 1px solid #eee;
     6733}
     6734
     6735.theme-overlay .right:hover,
     6736.theme-overlay .left:hover {
     6737        background: #333;
     6738}
     6739
     6740.theme-overlay .right:hover:before,
     6741.theme-overlay .left:hover:before {
     6742        color: #fff;
     6743}
     6744
     6745.theme-overlay .left:before {
     6746        content: '\f341';
     6747}
     6748
     6749.theme-overlay .right:before {
     6750        content: '\f345';
     6751}
     6752
     6753.theme-overlay .right:before,
     6754.theme-overlay .left:before {
     6755        font: normal 16px/54px 'dashicons' !important;
     6756        display: inline;
     6757        font-weight: 300;
     6758}
     6759
     6760.theme-overlay .left:before {}
     6761
     6762.theme-overlay .theme-wrap {
     6763        clear: both;
     6764        position: fixed;
     6765        top: 120px;
     6766        left: 190px;
     6767        right: 40px;
     6768        bottom: 80px;
     6769        overflow: auto;
     6770        background: #fff;
     6771        padding: 88px 40px 110px 40px;
     6772        -webkit-box-shadow: 0 1px 20px 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0,0,0,0.1);
     6773        box-shadow:         0 1px 20px 5px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0,0,0,0.1);
     6774        z-index: 20;
     6775}
     6776
     6777.theme-overlay .theme-wrap:after {
     6778        content: ".";
     6779        display: block;
     6780        height: 0;
     6781        clear: both;
     6782        visibility: hidden;
     6783}
     6784
     6785.theme-overlay .theme-actions {
     6786        position: fixed;
     6787        text-align: center;
     6788        bottom: 80px;
     6789        left: 190px;
     6790        right: 40px;
     6791        padding: 20px 25px;
     6792        background: rgba(243, 243, 243 ,0.9);
     6793        border-top: 1px solid rgba(0,0,0,0.1);
     6794        z-index: 30;
     6795}
     6796
     6797.theme-overlay.active .theme-actions {
     6798
     6799}
     6800
     6801.theme-overlay .theme-actions a {
     6802        margin-right: 5px;
     6803        margin-bottom: 0;
     6804        font-size: 16px;
     6805        line-height: 37px;
     6806        height: 37px;
     6807        padding: 0 20px 1px 20px;
     6808}
     6809
     6810.theme-overlay .theme-actions .delete-theme {
     6811        border-radius: 2px;
     6812        color: #a00;
     6813        font-size: 14px;
     6814        padding: 0 10px;
     6815        position: absolute;
     6816        right: 10px;
     6817        bottom: 20px;
     6818        text-decoration: none;
     6819}
     6820
     6821.theme-overlay .theme-actions .delete-theme:hover {
     6822        background: #d54e21;
     6823        color: #fff;
     6824}
     6825
     6826.theme-overlay .theme-actions .active-theme,
     6827.theme-overlay.active .theme-actions .inactive-theme {
     6828        display: none;
     6829}
     6830
     6831.theme-overlay .theme-actions .inactive-theme,
     6832.theme-overlay.active .theme-actions .active-theme {
     6833        display: block;
     6834}
     6835
     6836/*
     6837 * Theme Screenshots gallery
     6838 */
     6839.theme-overlay .theme-screenshots {
     6840        float: left;
     6841        margin: 0 30px 0 0;
     6842        width: 55%;
     6843        text-align: center;
     6844}
     6845
     6846/* First screenshot, shown big */
     6847.theme-overlay .screenshot {
     6848        background: #000;
     6849        border: 1px solid #fff;
     6850        -webkit-box-sizing: border-box;
     6851        -moz-box-sizing:    border-box;
     6852        box-sizing:         border-box;
     6853        overflow: hidden;
     6854        position: relative;
     6855        -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
     6856        box-shadow:         0 0 0 1px rgba(0,0,0,0.2);
     6857}
     6858
     6859.theme-overlay .screenshot:after {
     6860        content: '';
     6861        display: block;
     6862        padding-top: 66.66666%; /* using a 3/2 aspect ratio */
     6863}
     6864
     6865.theme-overlay .screenshot img {
     6866        cursor: pointer;
     6867        height: auto;
     6868        position: absolute;
     6869        left: 0;
     6870        top: 0;
     6871        width: 100%;
     6872}
     6873
     6874/* Other screenshots, shown small and square */
     6875.theme-overlay .screenshot.thumb {
     6876        background: #ccc;
     6877        border: 1px solid #eee;
     6878        float: none;
     6879        display: inline-block;
     6880        margin: 10px 5px 0;
     6881        width: 140px;
     6882        height: 80px;
     6883}
     6884
     6885.theme-overlay .screenshot.thumb:after {
     6886        content: '';
     6887        display: block;
     6888        padding-top: 100%; /* using a 1/1 aspect ratio */
     6889}
     6890
     6891.theme-overlay .screenshot.thumb img {
     6892        cursor: pointer;
     6893        height: auto;
     6894        position: absolute;
     6895        left: 0;
     6896        top: 0;
     6897        width: 100%;
     6898        height: auto;
     6899}
     6900
     6901.theme-overlay .screenshot.selected {
     6902        background: transparent;
     6903        border: 2px solid #2ea2cc;
     6904}
     6905
     6906.theme-overlay .screenshot.selected img {
     6907        opacity: 0.8;
     6908}
     6909
     6910/*
     6911 * Theme heading information
     6912 */
     6913.theme-overlay .theme-info {
     6914        width: 40%;
     6915        float: left;
     6916}
     6917
     6918.theme-overlay .current-label {
     6919        background: #333;
     6920        color: #fff;
     6921        font-size: 11px;
     6922        display: inline-block;
     6923        padding: 2px 8px;
     6924        border-radius: 2px;
     6925        margin: 0 0 -10px;
     6926        -webkit-user-select: none;
     6927        -moz-user-select:    none;
     6928        user-select:         none;
     6929}
     6930
     6931.theme-overlay .theme-name {
     6932        color: #222;
     6933        font-size: 32px;
     6934        font-weight: 100;
     6935        margin: 10px 0 0;
     6936        line-height: 1.3;
     6937}
     6938
     6939.theme-overlay .theme-version {
     6940        color: #999;
     6941        font-size: 13px;
     6942        font-weight: 400;
     6943        float: none;
     6944        display: inline-block;
     6945        margin-left: 10px;
     6946        -webkit-user-select: none;
     6947        -moz-user-select:    none;
     6948        user-select:         none;
     6949}
     6950
     6951.theme-overlay .theme-author {
     6952        color: #686868;
     6953        font-size: 16px;
     6954        font-weight: 400;
     6955        margin: 15px 0 25px;
     6956}
     6957
     6958.theme-overlay .theme-author a {
     6959        text-decoration: none;
     6960}
     6961
     6962.theme-overlay .theme-description {
     6963        color: #555;
     6964        font-size: 15px;
     6965        font-weight: 400;
     6966        line-height: 1.5;
     6967        margin: 30px 0 0 0;
     6968}
     6969
     6970.theme-overlay .theme-tags {
     6971        border-top: 3px solid #eee;
     6972        color: #888;
     6973        font-size: 13px;
     6974        font-weight: 400;
     6975        margin: 30px 0 0 0;
     6976        padding-top: 20px;
     6977        text-transform: capitalize;
     6978}
     6979
     6980.theme-overlay .theme-tags span {
     6981        color: #444;
     6982        font-weight: bold;
     6983        margin-right: 5px;
     6984}
     6985
     6986.theme-overlay .theme-actions {}
     6987
     6988/* Theme Updates info */
     6989.theme-overlay .theme-update-message {
     6990        background: #fefaf7;
     6991        border: 1px solid #eee;
     6992        border-left: 4px solid #d54e21;
     6993        border-radius: 3px;
     6994        padding: 5px 20px 10px;
     6995}
     6996
     6997.theme-overlay .theme-update {
     6998        color: #222;
     6999        font-size: 18px;
     7000        display: inline-block;
     7001        line-height: 40px;
     7002        margin: 0;
     7003}
     7004
     7005.theme-overlay .parent-theme {
     7006        background: #f7fcfe;
     7007        border: 1px solid #eee;
     7008        border-left: 4px solid #2ea2cc;
     7009        font-size: 14px;
     7010        font-weight: normal;
     7011        margin-top: 30px;
     7012        padding: 10px 10px 10px 20px;
     7013}
     7014
     7015.theme-overlay .parent-theme strong {
     7016        font-weight: 700;
     7017}
     7018
     7019.theme-categories {
     7020        background: #fbfbfb;
     7021        border: 1px solid #dedede;
     7022        -webkit-box-shadow: 0 1px 1px -1px rgba(0,0,0,0.1);
     7023        box-shadow:         0 1px 1px -1px rgba(0,0,0,0.1);
     7024        color: #999;
     7025        display: inline-block;
     7026        font-size: 13px;
     7027        margin: 20px 0 30px;
     7028        padding: 15px 20px;
     7029}
     7030
     7031.theme-categories a {
     7032        color: #999;
     7033        margin: 0 5px;
     7034        text-decoration: none;
     7035}
     7036
     7037.theme-categories a.current {
     7038        border-bottom: 2px solid #555;
     7039        color: #555;
     7040        font-weight: 800;
     7041}
     7042
     7043.theme-linear-grid {
     7044        border-bottom: 3px solid #ddd;
     7045        margin: 0 0 30px;
     7046        overflow-x: hidden;
     7047        padding-bottom: 20px;
     7048        position: relative;
     7049}
     7050
     7051.theme-linear-grid .theme-section {
     7052        margin: 0 0 20px;
     7053}
     7054
     7055.theme-linear-grid .themes {
     7056        position: relative;
     7057        white-space: nowrap;
     7058}
     7059
     7060.theme-linear-grid .theme {
     7061        float: none;
     7062        display: inline-block;
     7063        margin: 0 2.4% 0 0;
     7064}
     7065
     7066.theme-linear-grid .show-more-themes {
     7067        background: rgba(0,0,0,0.8);
     7068        color: #eee;
     7069        display: none;
     7070        width: 80px;
     7071        height: 100%;
     7072        position: absolute;
     7073        right: 0;
     7074        top: 0;
     7075}
     7076
     7077@media ( min-width: 1700px ) {
     7078        .theme {
     7079                width: 22.7%;
     7080                margin: 0 3% 3% 0;
     7081        }
     7082
     7083        .theme:nth-child(3n) {
     7084                margin-right: 3%;
     7085        }
     7086
     7087        .theme:nth-child(4n) {
     7088                margin-right: 0;
     7089        }
     7090
     7091        .theme-overlay .theme-wrap,
     7092        .theme-overlay .theme-actions {
     7093                right: 15%;
     7094                left: 22%;
     7095        }
     7096}
     7097
     7098@media ( max-width: 1200px ) {
     7099        .theme {
     7100                width: 47.5%;
     7101                margin-right: 0;
     7102        }
     7103
     7104        .theme:nth-child(even) {
     7105                margin-right: 0;
     7106        }
     7107
     7108        .theme:nth-child(odd) {
     7109                margin-right: 5%;
     7110        }
     7111}
     7112/* Mini-sidebar in MP6 */
     7113@media ( max-width: 900px ) {
     7114        .theme-overlay .theme-wrap,
     7115        .theme-overlay .theme-actions {
     7116                left: 76px;
     7117        }
     7118}
     7119
     7120@media ( max-width: 780px ) {
     7121        .theme.active .theme-actions .button {
     7122                margin-top: 6px;
     7123                margin-right: -3px
     7124        }
     7125
     7126        .theme-overlay .theme-wrap {
     7127                top: 45px;
     7128                right: 0;
     7129                bottom: 0;
     7130                left: 0;
     7131                padding: 70px 20px 100px;
     7132        }
     7133
     7134        .theme-overlay .theme-actions {
     7135                right: 0;
     7136                bottom: 0;
     7137                left: 0;
     7138                text-align: left;
     7139                padding: 10px;
     7140        }
     7141
     7142        .theme-overlay .theme-screenshots {
     7143                width: 40%;
     7144        }
     7145
     7146        .theme-overlay .theme-info {
     7147                width: 50%;
     7148        }
     7149
     7150        .theme-overlay .theme-actions .delete-theme {
     7151                bottom: 10px;
     7152        }
     7153
     7154        .theme-browser .theme-search {
     7155                top: 3px;
     7156        }
     7157}
     7158
     7159@media ( max-width: 650px ) {
     7160        .theme {
     7161                width: 100%;
     7162                margin-right: 0;
     7163        }
     7164
     7165        .theme:hover .theme-actions {
     7166                display: none;
     7167        }
     7168
     7169        .theme:nth-child(2n),
     7170        .theme:nth-child(3n) {
     7171                margin-right: 0;
     7172        }
     7173
     7174        .theme-overlay .theme-update,
     7175        .theme-overlay .theme-description {
     7176                margin-left: 0;
     7177        }
     7178
     7179        .theme-overlay.active .theme-actions .active-theme .button:nth-child(3n) {
     7180                display: none;
     7181        }
     7182
     7183        .theme.active .theme-actions .button {
     7184                margin-top: 6px;
     7185                margin-right: 0;
     7186        }
     7187
     7188        .theme-overlay .theme-screenshots {
     7189                width: 100%;
     7190                float: none;
     7191        }
     7192
     7193        .theme-overlay .theme-info {
     7194                width: 100%;
     7195        }
     7196
     7197        .theme-overlay .theme-author {
     7198                margin: 5px 0 15px 0;
     7199        }
     7200
     7201        .theme-overlay .theme-version {
     7202                margin-left: 0;
     7203                position: absolute;
     7204                        top: 18px;
     7205                        left: 130px;
     7206        }
     7207
     7208        .theme-overlay .current-label {
     7209                margin-top: 10px;
     7210                font-size: 13px;
     7211        }
     7212        /*
     7213         * Search form
     7214         */
     7215        .theme-browser .theme-search {
     7216                float: none;
     7217                clear: both;
     7218                left: 0;
     7219                margin: 10px 0;
     7220                width: 100%;
     7221        }
     7222}
     7223
     7224/*------------------------------------------------------------------------------
     7225  16.2 - Install Themes
     7226------------------------------------------------------------------------------*/
     7227
    62697228.theme-install-php .tablenav {
    62707229        height: auto;
    62717230}
    … …  
    63197278        border-color: #777;
    63207279}
    63217280
    6322 #current-theme .theme-info li,
    6323 .theme-options li,
    63247281.available-theme .action-links li {
    63257282        float: left;
    63267283        padding-right: 10px;
    … …  
    63387295        margin-right: 7px;
    63397296}
    63407297
    6341 #current-theme .theme-info li:last-child,
    6342 .theme-options li:last-child,
    63437298.available-theme .action-links li:last-child {
    63447299        padding-right: 0;
    63457300        margin-right: 0;
    … …  
    63677322        float: left;
    63687323}
    63697324
    6370 #current-theme {
    6371         margin: 20px 0 10px;
    6372         padding: 0 0 20px;
    6373         border-bottom-width: 1px;
    6374         border-bottom-style: solid;
    6375         overflow: hidden;
    6376 }
    6377 
    6378 #current-theme.has-screenshot {
    6379         padding-left: 330px;
    6380 }
    6381 
    6382 #current-theme h3 {
    6383         margin: 0;
    6384         font-size: 12px;
    6385         font-weight: normal;
    6386         color: #999;
    6387 }
    6388 
    6389 #current-theme h4 {
    6390         margin: 3px 0 16px;
    6391         font-size: 20px;
    6392 }
    6393 
    6394 #current-theme h4 span {
    6395         margin-left: 20px;
    6396         font-size: 12px;
    6397         font-weight: normal;
    6398 }
    6399 
    6400 #current-theme a {
    6401         border-bottom: none;
    6402 }
    6403 
    6404 #current-theme .theme-info {
    6405         margin: 1em 0;
    6406         overflow: hidden;
    6407 }
    6408 
    6409 #current-theme .theme-description {
    6410         margin-top: 5px;
    6411         max-width: 600px;
    6412         line-height: 1.6em;
    6413 }
    6414 
    6415 #current-theme img {
    6416         float: left;
    6417         width: 300px;
    6418         margin-left: -330px;
    6419 
    6420         border-width: 1px;
    6421         border-style: solid;
    6422 }
    6423 
    6424 .theme-options {
    6425         overflow: hidden;
    6426         font-size: 14px;
    6427         padding-bottom: 10px;
    6428 }
    6429 
    6430 .theme-options .load-customize {
    6431         margin-right: 30px;
    6432         float: left;
    6433 }
    6434 
    6435 .theme-options span {
    6436         float: left;
    6437         margin-right: 10px;
    6438         text-transform: uppercase;
    6439         font-size: 11px;
    6440         line-height: 22px;
    6441         color: #999;
    6442 }
    6443 
    6444 .theme-options ul {
    6445         float: left;
    6446         margin: 0;
    6447 }
    6448 
    64497325/* Allow for three-up in small windows when sidebar is collapsed */
    64507326@media only screen and (max-width: 1200px) {
    64517327        .folded .available-theme,
    … …  
    64567332        .folded .available-theme .screenshot {
    64577333                height: 225px;
    64587334        }
    6459 
    6460         .folded #current-theme img {
    6461                 width: 300px;
    6462         }
    6463 
    6464         .folded #current-theme.has-screenshot {
    6465                 padding-left: 330px;
    6466         }
    6467 
    6468         .folded #current-theme img {
    6469                 margin-left: -330px;
    6470         }
    64717335}
    64727336
    64737337/* Adjust three-up display in smaller windows when sidebar is collapsed */
    … …  
    64807344        .folded .available-theme .screenshot {
    64817345                height: 203px;
    64827346        }
    6483 
    6484         .folded #current-theme img {
    6485                 width: 270px;
    6486         }
    6487 
    6488         .folded #current-theme.has-screenshot {
    6489                 padding-left: 300px;
    6490         }
    6491 
    6492         .folded #current-theme img {
    6493                 margin-left: -300px;
    6494         }
    64957347}
    64967348
    64977349/* Allow for three-up on 1024px wide screens, e.g. tablets */
    64987350@media only screen and (max-width: 1200px) {
    64997351        .available-theme,
    6500         .available-theme .screenshot,
    6501         #current-theme img {
     7352        .available-theme .screenshot {
    65027353                width: 240px;
    65037354        }
    65047355
    … …  
    65097360        .available-theme img {
    65107361                width: 100%;
    65117362        }
    6512 
    6513         #current-theme.has-screenshot {
    6514                 padding-left: 270px;
    6515         }
    6516 
    6517         #current-theme img {
    6518                 margin-left: -270px;
    6519         }
    65207363}
    65217364
    65227365#post-body ul.add-menu-item-tabs li.tabs a,
    … …  
    65487391
    65497392
    65507393/*------------------------------------------------------------------------------
    6551   16.1 - Custom Header Screen
     7394  16.3 - Custom Header Screen
    65527395------------------------------------------------------------------------------*/
    65537396
    65547397.appearance_page_custom-header #headimg {
    … …  
    65837426
    65847427
    65857428/*------------------------------------------------------------------------------
    6586   16.2 - Custom Background Screen
     7429  16.4 - Custom Background Screen
    65877430------------------------------------------------------------------------------*/
    65887431
    65897432div#custom-background-image {
    … …  
    65987441
    65997442
    66007443/*------------------------------------------------------------------------------
    6601   16.3 - Tabbed Admin Screen Interface (Experimental)
     7444  16.5 - Tabbed Admin Screen Interface (Experimental)
    66027445------------------------------------------------------------------------------*/
    66037446
    66047447.nav-tab {
    … …  
    1186812711        }
    1186912712
    1187012713        /* Theme Management Page */
    11871         #current-theme.has-screenshot {
    11872                 padding: 0;
    11873                 clear: both;
    11874         }
    11875 
    11876         #current-theme img {
    11877                 float: none;
    11878                 margin-left: 0;
    11879                 margin-bottom: 15px;
    11880         }
    11881 
    11882         #current-theme.has-screenshot img.hide-if-no-customize {
    11883                 display: block;
    11884         }
    11885 
    1188612714        .available-theme .action-links .delete-theme {
    1188712715                float: none;
    1188812716                margin: 0;

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

     
    202202        activeTheme: function() {
    203203                if ( this.model.get( 'active' ) ) {
    204204                        this.$el.addClass( 'active' );
    205                         this.$el.find( '.theme-name' ).addClass( 'mp6-primary' );
     205                        this.$el.find( '.theme-name' ).addClass( 'mp6-highlight' );
    206206                        $( '.theme-overlay' ).addClass( 'active' );
    207207                }
    208208        },

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

     
    585585        // do not refer to these directly, the right one is queued by the above "meta" colors handle
    586586        $styles->add( 'colors-fresh', "/wp-admin/css/colors-fresh$suffix.css", array( 'wp-admin', 'buttons' ) );
    587587
    588         $styles->add( 'theme', "/wp-admin/css/theme.css" );
    589588        $styles->add( 'media', "/wp-admin/css/media$suffix.css" );
    590589        $styles->add( 'install', "/wp-admin/css/install$suffix.css", array('buttons') );
    591590        $styles->add( 'thickbox', '/wp-includes/js/thickbox/thickbox.css', array(), '20121105' );