WordPress.org
Get WordPress

Make WordPress Core

Ticket #25858: 25858.2.diff

File 25858.2.diff, 343.6 KB (added by helen, 11 years ago)

  • src/wp-admin/admin-header.php

     
    5353wp_enqueue_style( 'colors' );
    5454wp_enqueue_style( 'ie' );
    5555wp_enqueue_script('utils');
     56wp_enqueue_script( 'svg-painter' );
    5657
    5758$admin_body_class = preg_replace('/[^a-z0-9_-]+/i', '-', $hook_suffix);
    5859?>
    … …  
    145146if ( wp_is_mobile() )
    146147        $admin_body_class .= ' mobile';
    147148
    148 $admin_body_class .= ' no-customize-support';
     149if ( is_multisite() )
     150        $admin_body_class .= ' multisite';
    149151
     152if ( is_network_admin() )
     153        $admin_body_class .= ' network-admin';
     154
     155$admin_body_class .= ' no-customize-support no-svg';
     156
    150157?>
    151158</head>
    152159<?php

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

     
    1 /*------------------------------------------------------------------------------
    2 
    3 
    4 Howdy! This is the CSS file that controls the
    5 Blue (classic) color style on the WordPress Dashboard.
    6 
    7 This file contains both LTR and RTL styles.
    8 
    9 
    10 TABLE OF CONTENTS:
    11 ------------------
    12  1.0 - Left to Right Styles
    13  2.0 - Right to Left Styles
    14 
    15 
    16 ------------------------------------------------------------------------------*/
    17 
    18 
    19 /*------------------------------------------------------------------------------
    20   1.0 - Left to Right Styles
    21 ------------------------------------------------------------------------------*/
    22 
    23 .find-box-search,
    24 .find-box-buttons {
    25         background-color: #eff8ff;
    26         border-top: 1px solid #dce6f8;
    27 }
    28 
    29 .find-box {
    30         background-color: #5589aa;
    31 }
    32 
    33 .find-box-head {
    34         color: #fff;
    35 }
    36 
    37 .find-box-inside {
    38         background-color: #fff;
    39 }
    40 
    41 a.page-numbers:hover {
    42         border-color: #999;
    43 }
    44 
    45 body,
    46 #wpbody,
    47 .form-table .pre,
    48 .ui-autocomplete li a {
    49         color: #333;
    50 }
    51 
    52 body > #upload-menu {
    53         border-bottom-color: #fff;
    54 }
    55 
    56 #postcustomstuff table,
    57 #your-profile fieldset,
    58 #rightnow,
    59 div.dashboard-widget,
    60 #dashboard-widgets p.dashboard-widget-links {
    61         border-color: #d1e5ee;
    62 }
    63 
    64 #poststuff .inside label.spam,
    65 #poststuff .inside label.deleted {
    66         color: red;
    67 }
    68 
    69 #poststuff .inside label.waiting {
    70         color: orange;
    71 }
    72 
    73 #poststuff .inside label.approved {
    74         color: green;
    75 }
    76 
    77 #postcustomstuff table {
    78         border-color: #dfdfdf;
    79         background-color: #f9f9f9;
    80 }
    81 
    82 #postcustomstuff thead th {
    83         background-color: #f1f1f1;
    84 }
    85 
    86 table.widefat {
    87         border-color: #d1e5ee;
    88         background-color: #fff;
    89 }
    90 
    91 div.dashboard-widget-error {
    92         background-color: #c43;
    93 }
    94 
    95 div.dashboard-widget-notice {
    96         background-color: #cfe1ef;
    97 }
    98 
    99 div.dashboard-widget-submit {
    100         border-top-color: #ccc;
    101 }
    102 
    103 ul.category-tabs li {
    104         border-color: transparent;
    105 }
    106 
    107 div.tabs-panel,
    108 .wp-tab-panel,
    109 ul.add-menu-item-tabs li.tabs,
    110 .wp-tab-active {
    111         border-color: #d1e5ee;
    112         background-color: #fff;
    113 }
    114 
    115 ul.category-tabs li.tabs {
    116         border-color: #d1e5ee #d1e5ee #fff;
    117 }
    118 
    119 ul.category-tabs li.tabs,
    120 ul.add-menu-item-tabs li.tabs,
    121 .wp-tab-active {
    122         background-color: #fff;
    123 }
    124 
    125 kbd,
    126 code {
    127         background: #eff8ff;
    128 }
    129 
    130 textarea,
    131 input[type="text"],
    132 input[type="password"],
    133 input[type="file"],
    134 input[type="email"],
    135 input[type="number"],
    136 input[type="search"],
    137 input[type="tel"],
    138 input[type="url"],
    139 select {
    140         border-color: #d1e5ee;
    141 }
    142 
    143 textarea:focus,
    144 input[type="text"]:focus,
    145 input[type="password"]:focus,
    146 input[type="file"]:focus,
    147 input[type="email"]:focus,
    148 input[type="number"]:focus,
    149 input[type="search"]:focus,
    150 input[type="tel"]:focus,
    151 input[type="url"]:focus,
    152 select:focus {
    153         border-color: #b0c8d7;
    154 }
    155 
    156 input.disabled,
    157 textarea.disabled {
    158         background-color: #ccc;
    159 }
    160 
    161 #plugin-information .action-button a,
    162 #plugin-information .action-button a:hover,
    163 #plugin-information .action-button a:visited {
    164         color: #fff;
    165 }
    166 
    167 .revisions-meta,
    168 .widget .widget-top,
    169 .postbox h3,
    170 .stuffbox h3,
    171 .widefat thead tr th,
    172 .widefat tfoot tr th,
    173 h3.dashboard-widget-title,
    174 h3.dashboard-widget-title span,
    175 h3.dashboard-widget-title small,
    176 .sidebar-name,
    177 #nav-menu-header,
    178 #nav-menu-footer,
    179 .menu-item-handle,
    180 #fullscreen-topbar {
    181         background: #f5fafd;
    182         background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe));
    183         background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe);
    184         background-image:    -moz-linear-gradient(bottom, #eff8ff, #f7fcfe);
    185         background-image:      -o-linear-gradient(bottom, #eff8ff, #f7fcfe);
    186         background-image: linear-gradient(to top, #eff8ff, #f7fcfe);
    187 }
    188 
    189 .widget .widget-top,
    190 .postbox h3,
    191 .stuffbox h3 {
    192         border-bottom-color: #d1e5ee;
    193         text-shadow: #fff 0 1px 0;
    194         -webkit-box-shadow: 0 1px 0 #fff;
    195         box-shadow: 0 1px 0 #fff;
    196 }
    197 
    198 .form-table th,
    199 .form-wrap label {
    200         color: #222;
    201         text-shadow: #fff 0 1px 0;
    202 }
    203 
    204 .description,
    205 .form-wrap p {
    206         color: #666;
    207 }
    208 
    209 strong .post-com-count span {
    210         background-color: #21759b;
    211 }
    212 
    213 .sorthelper {
    214         background-color: #ccf3fa;
    215 }
    216 
    217 .ac_match,
    218 .subsubsub a.current {
    219         color: #000;
    220 }
    221 
    222 .wrap h2 {
    223         color: #174f69;
    224 }
    225 
    226 .wrap .add-new-h2,
    227 .wrap .add-new-h2:active {
    228         background: #f1f1f1;
    229 }
    230 
    231 .subtitle {
    232         color: #777;
    233 }
    234 
    235 .ac_over {
    236         background-color: #f0f0b8;
    237 }
    238 
    239 .ac_results {
    240         background-color: #fff;
    241         border-color: #b0c8d7;
    242 }
    243 
    244 .ac_results li {
    245         color: #101010;
    246 }
    247 
    248 .alternate,
    249 .alt {
    250         background-color: #f7fcfe;
    251 }
    252 
    253 .available-theme a.screenshot {
    254         background-color: #eff8ff;
    255         border-color: #acd;
    256 }
    257 
    258 #current-theme {
    259         border-bottom-color: #d1e5ee;
    260 }
    261 
    262 .bar {
    263         background-color: #e8e8e8;
    264         border-right-color: #99d;
    265 }
    266 
    267 #media-upload,
    268 #media-upload .media-item .slidetoggle {
    269         background: #fff;
    270 }
    271 
    272 #media-upload .slidetoggle {
    273         border-top-color: #dfdfdf;
    274 }
    275 
    276 div.error,
    277 .login #login_error {
    278         background-color: #ffebe8;
    279         border-color: #c00;
    280 }
    281 
    282 div.error a {
    283         color: #c00;
    284 }
    285 
    286 .form-invalid {
    287         background-color: #ffebe8 !important;
    288 }
    289 
    290 .form-invalid input,
    291 .form-invalid select {
    292         border-color: #c00 !important;
    293 }
    294 
    295 .submit,
    296 #commentsdiv #add-new-comment {
    297         border-color: #dfdfdf;
    298 }
    299 
    300 .highlight {
    301         background-color: #e4f2fd;
    302         color: #000;
    303 }
    304 
    305 .howto,
    306 .nonessential,
    307 #edit-slug-box,
    308 .form-input-tip,
    309 .subsubsub {
    310         color: #666;
    311 }
    312 
    313 .media-upload-form label.form-help,
    314 td.help {
    315         color: #9a9a9a;
    316 }
    317 
    318 .ui-autocomplete {
    319         border-color: #b0c8d7;
    320         background-color: #eff8ff;
    321 }
    322 
    323 .ui-autocomplete li a.ui-state-focus {
    324         background-color: #def1ff;
    325 }
    326 
    327 .post-com-count {
    328         color: #fff;
    329 }
    330 
    331 .post-com-count span {
    332         background-color: #bbb;
    333         color: #fff;
    334 }
    335 
    336 .post-com-count:hover span {
    337         background-color: #d54e21;
    338 }
    339 
    340 .quicktags, .search {
    341         background-color: #ccc;
    342         color: #000;
    343 }
    344 
    345 .side-info h5 {
    346         border-bottom-color: #dadada;
    347 }
    348 
    349 .side-info ul {
    350         color: #666;
    351 }
    352 
    353 a:hover,
    354 a:active {
    355         color: #d54e21;
    356 }
    357 
    358 a:focus {
    359         color: #124964;
    360 }
    361 
    362 #adminmenu a:hover,
    363 #adminmenu li.menu-top > a:focus,
    364 #adminmenu .wp-submenu a:hover,
    365 #the-comment-list .comment a:hover,
    366 #rightnow a:hover,
    367 #media-upload a.del-link:hover,
    368 div.dashboard-widget-submit input:hover,
    369 .subsubsub a:hover,
    370 .subsubsub a.current:hover,
    371 .ui-tabs-nav a:hover,
    372 .plugins .inactive a:hover,
    373 #all-plugins-table .plugins .inactive a:hover,
    374 #search-plugins-table .plugins .inactive a:hover {
    375         color: #d54e21;
    376 }
    377 
    378 #the-comment-list .comment-item,
    379 #dashboard-widgets #dashboard_quick_press form p.submit {
    380         border-color: #dfdfdf;
    381 }
    382 
    383 #side-sortables .category-tabs .tabs a,
    384 #side-sortables .add-menu-item-tabs .tabs a,
    385 .wp-tab-bar .wp-tab-active a {
    386         color: #333;
    387 }
    388 
    389 #dashboard_right_now .table_content,
    390 #dashboard_right_now .table_discussion {
    391         border-top-color: #d1e5ee;
    392 }
    393 
    394 #rightnow .rbutton {
    395         background-color: #ebebeb;
    396         color: #264761;
    397 }
    398 
    399 .submitbox .submit {
    400         background-color: #464646;
    401         color: #ccc;
    402 }
    403 
    404 .plugins a.delete:hover,
    405 #all-plugins-table .plugins a.delete:hover,
    406 #search-plugins-table .plugins a.delete:hover,
    407 .submitbox .submitdelete {
    408         color: #f00;
    409         border-bottom-color: #f00;
    410 }
    411 
    412 .submitbox .submitdelete:hover,
    413 #media-items a.delete:hover,
    414 #media-items a.delete-permanently:hover {
    415         color: #fff;
    416         background-color: #f00;
    417         border-bottom-color: #f00;
    418 }
    419 
    420 #normal-sortables .submitbox .submitdelete:hover {
    421         color: #000;
    422         background-color: #f00;
    423         border-bottom-color: #f00;
    424 }
    425 
    426 .tablenav .dots {
    427         border-color: transparent;
    428 }
    429 
    430 .tablenav .next,
    431 .tablenav .prev {
    432         border-color: transparent;
    433         color: #21759b;
    434 }
    435 
    436 .tablenav .next:hover,
    437 .tablenav .prev:hover {
    438         border-color: transparent;
    439         color: #d54e21;
    440 }
    441 
    442 div.updated,
    443 .login .message {
    444         background-color: #ffffe0;
    445         border-color: #e6db55;
    446 }
    447 
    448 .update-message {
    449         color: #000;
    450 }
    451 
    452 a.page-numbers {
    453         border-bottom-color: #b8d3e2;
    454 }
    455 
    456 .commentlist li {
    457         border-bottom-color: #ccc;
    458 }
    459 
    460 .widefat td,
    461 .widefat th {
    462         border-top-color: #fff;
    463         border-bottom-color: #d0dfe9;
    464 }
    465 
    466 .widefat th {
    467         text-shadow: rgba(255,255,255,0.8) 0 1px 0;
    468 }
    469 
    470 .widefat td {
    471         color: #555;
    472 }
    473 .widefat p,
    474 .widefat ol,
    475 .widefat ul {
    476         color: #333;
    477 }
    478 
    479 .widefat thead tr th,
    480 .widefat tfoot tr th,
    481 h3.dashboard-widget-title,
    482 h3.dashboard-widget-title span,
    483 h3.dashboard-widget-title small {
    484         color: #333;
    485 }
    486 
    487 th.sortable a:hover,
    488 th.sortable a:active,
    489 th.sortable a:focus {
    490         color: #333;
    491 }
    492 
    493 th.sortable a:focus {
    494         background: #e1e1e1;
    495         background-image: -webkit-gradient(linear, left bottom, left top, from(#dcdcdc), to(#e9e9e9));
    496         background-image: -webkit-linear-gradient(bottom, #dcdcdc, #e9e9e9);
    497         background-image:    -moz-linear-gradient(bottom, #dcdcdc, #e9e9e9);
    498         background-image:      -o-linear-gradient(bottom, #dcdcdc, #e9e9e9);
    499         background-image: linear-gradient(to top, #dcdcdc, #e9e9e9);
    500 }
    501 
    502 h3.dashboard-widget-title small a {
    503         color: #d7d7d7;
    504 }
    505 
    506 h3.dashboard-widget-title small a:hover {
    507         color: #fff;
    508 }
    509 
    510 a,
    511 #adminmenu a,
    512 #the-comment-list p.comment-author strong a,
    513 #media-upload a.del-link,
    514 #media-items a.delete,
    515 #media-items a.delete-permanently,
    516 .plugins a.delete,
    517 .ui-tabs-nav a {
    518         color: #21759b;
    519 }
    520 
    521 #adminmenu .awaiting-mod,
    522 #adminmenu .update-plugins,
    523 #sidemenu a .update-plugins,
    524 #rightnow .reallynow {
    525         background-color: #464646;
    526         color: #fff;
    527         -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
    528         box-shadow: rgba(255,255,255,0.5) 0 1px 0;
    529 }
    530 #plugin-information .action-button {
    531         background-color: #d54e21;
    532         color: #fff;
    533 }
    534 
    535 #adminmenu li.current a .awaiting-mod,
    536 #adminmenu      li a.wp-has-current-submenu .update-plugins{
    537         background-color: #464646;
    538         color: #fff;
    539         -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
    540         box-shadow: rgba(255,255,255,0.5) 0 1px 0;
    541 }
    542 
    543 div#media-upload-header,
    544 div#plugin-information-header {
    545         background-color: #f9f9f9;
    546         border-bottom-color: #dfdfdf;
    547 }
    548 
    549 #currenttheme img {
    550         border-color: #666;
    551 }
    552 
    553 #dashboard_secondary div.dashboard-widget-content ul li a {
    554         background-color: #f9f9f9;
    555 }
    556 
    557 input.readonly, textarea.readonly {
    558         background-color: #ddd;
    559 }
    560 
    561 #editable-post-name {
    562         background-color: #fffbcc;
    563 }
    564 
    565 #edit-slug-box strong,
    566 .tablenav .displaying-num,
    567 #submitted-on,
    568 .submitted-on {
    569         color: #777;
    570 }
    571 
    572 .login #nav a,
    573 .login #backtoblog a {
    574         color: #21759b !important;
    575 }
    576 
    577 .login #nav a:hover,
    578 .login #backtoblog a:hover {
    579         color: #d54e21 !important;
    580 }
    581 
    582 #wpfooter {
    583         color: #777;
    584         border-color: #b0c8d7;
    585 }
    586 
    587 .imgedit-group,
    588 #media-items .media-item,
    589 .media-item .describe {
    590         border-color: #dfdfdf;
    591 }
    592 
    593 .checkbox,
    594 .side-info,
    595 .plugins tr,
    596 #your-profile #rich_editing {
    597         background-color: #fcfcfc;
    598 }
    599 
    600 .plugins .inactive,
    601 .plugins .inactive th,
    602 .plugins .inactive td,
    603 tr.inactive + tr.plugin-update-tr .plugin-update {
    604         background-color: #f7fcfe;
    605 }
    606 
    607 .plugin-update-tr .update-message {
    608         background-color: #fffbe4;
    609         border-color: #dfdfdf;
    610 }
    611 
    612 .plugins .active,
    613 .plugins .active th,
    614 .plugins .active td {
    615         color: #000;
    616 }
    617 
    618 .plugins .inactive a {
    619         color: #579;
    620 }
    621 
    622 #the-comment-list tr.undo,
    623 #the-comment-list div.undo {
    624         background-color: #f4f4f4;
    625 }
    626 
    627 #the-comment-list .unapproved {
    628         background-color: #ffffe0;
    629 }
    630 
    631 #the-comment-list .approve a {
    632         color: #006505;
    633 }
    634 
    635 #the-comment-list .unapprove a {
    636         color: #d98500;
    637 }
    638 
    639 table.widefat span.delete a,
    640 table.widefat span.trash a,
    641 table.widefat span.spam a,
    642 #dashboard_recent_comments .delete a,
    643 #dashboard_recent_comments .trash a,
    644 #dashboard_recent_comments .spam a {
    645         color: #bc0b0b;
    646 }
    647 
    648 .welcome-panel {
    649         background: #f5fafd;
    650         background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe));
    651         background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe);
    652         background-image:    -moz-linear-gradient(bottom, #eff8ff, #f7fcfe);
    653         background-image:      -o-linear-gradient(bottom, #eff8ff, #f7fcfe);
    654         background-image: linear-gradient(to top, #eff8ff, #f7fcfe);
    655         border-color: #d1e5ee;
    656 }
    657 .welcome-panel p {
    658         color: #777;
    659 }
    660 .welcome-panel-column p {
    661         color: #464646;
    662 }
    663 .welcome-panel h3 {
    664         text-shadow: 1px 1px 1px #fff;
    665 }
    666 
    667 .widget,
    668 #widget-list .widget-top,
    669 .postbox,
    670 #titlediv,
    671 #poststuff .postarea,
    672 .stuffbox {
    673         border-color: #d1e5ee;
    674         -webkit-box-shadow: inset 0 1px 0 #fff;
    675         box-shadow: inset 0 1px 0 #fff;
    676         -webkit-border-radius: 3px;
    677         border-radius: 3px;
    678 }
    679 
    680 .widget,
    681 #widget-list .widget-top,
    682 .postbox,
    683 .menu-item-settings {
    684         background: #f5fafd;
    685         background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe));
    686         background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe);
    687         background-image:    -moz-linear-gradient(bottom, #eff8ff, #f7fcfe);
    688         background-image:      -o-linear-gradient(bottom, #eff8ff, #f7fcfe);
    689         background-image: linear-gradient(to top, #eff8ff, #f7fcfe);
    690 }
    691 
    692 .postbox h3 {
    693         color: #174f69;
    694 }
    695 
    696 .widget .widget-top {
    697         color: #174f69;
    698 }
    699 
    700 .js .sidebar-name:hover h3,
    701 .js .postbox h3:hover {
    702         color: #000;
    703 }
    704 
    705 .curtime #timestamp {
    706         background-image: url(../images/date-button.gif);
    707 }
    708 
    709 #quicktags #ed_link {
    710         color: #00f;
    711 }
    712 
    713 #rightnow .youhave {
    714         background-color: #f0f6fb;
    715 }
    716 
    717 #rightnow a {
    718         color: #448abd;
    719 }
    720 
    721 .tagchecklist span a,
    722 #bulk-titles div a {
    723         background: url(../images/xit.gif) no-repeat;
    724 }
    725 
    726 .tagchecklist span a:hover,
    727 #bulk-titles div a:hover {
    728         background: url(../images/xit.gif) no-repeat -10px 0;
    729 }
    730 
    731 #update-nag, .update-nag {
    732         background-color: #fffbcc;
    733         border-color: #e6db55;
    734         color: #555;
    735 }
    736 
    737 #screen-meta {
    738         background-color: #eff8ff;
    739         border-color: #d1e5ee;
    740         -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
    741         box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
    742 }
    743 
    744 #contextual-help-back {
    745         background: #fff;
    746 }
    747 
    748 .contextual-help-tabs a:hover {
    749         background-color: #ceeaff;
    750         color: #333;
    751 }
    752 
    753 #contextual-help-back,
    754 .contextual-help-tabs .active {
    755         border-color: #d1e5ee;
    756 }
    757 
    758 .contextual-help-tabs .active,
    759 .contextual-help-tabs .active a,
    760 .contextual-help-tabs .active a:hover {
    761         background: #fff;
    762         color: #000;
    763 }
    764 
    765 /* screen options and help tabs */
    766 #screen-options-link-wrap,
    767 #contextual-help-link-wrap {
    768         border-right: 1px solid #d1e5ee;
    769         border-left: 1px solid #d1e5ee;
    770         border-bottom: 1px solid #d1e5ee;
    771         background: #eff8ff;
    772         background-image: -webkit-gradient(linear, left bottom, left top, from(#def1ff), to(#eff8ff));
    773         background-image: -webkit-linear-gradient(bottom, #def1ff, #eff8ff);
    774         background-image:    -moz-linear-gradient(bottom, #def1ff, #eff8ff);
    775         background-image:      -o-linear-gradient(bottom, #def1ff, #eff8ff);
    776         background-image: linear-gradient(to top, #def1ff, #eff8ff);
    777 }
    778 
    779 #screen-meta-links a {
    780         color: #606060;
    781         background: transparent url(../images/arrows.png) no-repeat right 4px;
    782 }
    783 
    784 #screen-meta-links a:hover,
    785 #screen-meta-links a:active {
    786         color: #000;
    787         background-color: transparent;
    788 }
    789 
    790 #screen-meta-links a.screen-meta-active {
    791         background-position: right -31px;
    792 }
    793 
    794 /* end screen options and help tabs */
    795 
    796 .login #backtoblog a {
    797         color: #464646;
    798 }
    799 
    800 #wphead {
    801         border-bottom: 1px solid #d0dfe9;
    802 }
    803 
    804 #wphead h1 a {
    805         color: #174f69;
    806 }
    807 
    808 #wpfooter a:link,
    809 #wpfooter a:visited {
    810         text-decoration: none;
    811 }
    812 
    813 #wpfooter a:hover {
    814         color: #000;
    815         text-decoration: underline;
    816 }
    817 
    818 .file-error,
    819 abbr.required,
    820 .widget-control-remove:hover,
    821 table.widefat .delete a:hover,
    822 table.widefat .trash a:hover,
    823 table.widefat .spam a:hover,
    824 #dashboard_recent_comments .delete a:hover,
    825 #dashboard_recent_comments .trash a:hover
    826 #dashboard_recent_comments .spam a:hover {
    827         color: #f00;
    828 }
    829 
    830 #pass-strength-result {
    831         background-color: #eee;
    832         border-color: #ddd !important;
    833 }
    834 
    835 #pass-strength-result.bad {
    836         background-color: #ffb78c;
    837         border-color: #ff853c !important;
    838 }
    839 
    840 #pass-strength-result.good {
    841         background-color: #ffec8b;
    842         border-color: #fc0 !important;
    843 }
    844 
    845 #pass-strength-result.short {
    846         background-color: #ffa0a0;
    847         border-color: #f04040 !important;
    848 }
    849 
    850 #pass-strength-result.strong {
    851         background-color: #c3ff88;
    852         border-color: #8dff1c !important;
    853 }
    854 
    855 /* editors */
    856 #poststuff .wp-editor-wrap .wp_themeSkin .mceStatusbar {
    857         border-color: #d0dfe9;
    858         background-color: #eff8ff;
    859 }
    860 
    861 #poststuff .wp-editor-wrap .wp_themeSkin .mceStatusbar * {
    862         color: #555;
    863 }
    864 
    865 #poststuff #editor-toolbar .active {
    866         border-color: #d0dfe9 #d0dfe9 #eff8ff;
    867         background-color: #eff8ff;
    868         color: #333;
    869 }
    870 
    871 .wp-editor-wrap .wp-editor-container,
    872 .wp-editor-wrap .wp_themeSkin table.mceLayout {
    873         border-color: #d1e5ee #d1e5ee #d0dfe9;
    874 }
    875 
    876 #editorcontainer {
    877         border-color: #d1e5ee #d1e5ee #d0dfe9;
    878 }
    879 
    880 #post-status-info {
    881         border-color: #d0dfe9 #d1e5ee #d1e5ee;
    882 }
    883 
    884 /* TinyMCE */
    885 
    886 .wp-admin .wp-editor-wrap .wp-switch-editor {
    887         background-color: #d3e9f2;
    888         border-color: #d1e5ee #d1e5ee #d3e9f2;
    889         color: #174F69;
    890 }
    891 
    892 .wp-admin .wp-editor-wrap .wp-switch-editor:active {
    893         background-color: #f5fafd;
    894 }
    895 
    896 .wp-admin .wp-editor-wrap.tmce-active .switch-tmce,
    897 .wp-admin .wp-editor-wrap.html-active .switch-html {
    898         background: #f7fcfe;
    899         border-color: #d1e5ee #d1e5ee #f7fcfe;
    900 }
    901 
    902 .wp-admin .wp-editor-wrap .quicktags-toolbar,
    903 .wp-admin .wp-editor-wrap .wp_themeSkin tr.mceFirst td.mceToolbar {
    904         border-color: #d0dfe9;
    905         background-color: #f5fafd;
    906         background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe));
    907         background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe);
    908         background-image:    -moz-linear-gradient(bottom, #eff8ff, #f7fcfe);
    909         background-image:      -o-linear-gradient(bottom, #eff8ff, #f7fcfe);
    910         background-image: linear-gradient(to top, #eff8ff, #f7fcfe);
    911 }
    912 
    913 .wp-admin .wp_themeSkin table.mceListBox {
    914         border-color: #d1e5ee;
    915 }
    916 
    917 .wp-admin .wp_themeSkin table.mceListBoxEnabled:hover,
    918 .wp-admin .wp_themeSkin table.mceListBoxEnabled:active,
    919 .wp-admin .wp_themeSkin table.mceListBoxHover,
    920 .wp-admin .wp_themeSkin table.mceListBoxHover:active,
    921 .wp-admin .wp_themeSkin table.mceListBoxSelected {
    922         border-color: #b8cfdf;
    923 }
    924 
    925 .wp-admin .wp_themeSkin a.mceButtonEnabled:hover,
    926 .wp-admin .wp_themeSkin table.mceSplitButton:hover {
    927         border-color: #c3d2dc;
    928         background: #f4f9fc;
    929         background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f9fc), to(#fff));
    930         background-image: -webkit-linear-gradient(bottom, #f4f9fc, #fff);
    931         background-image:    -moz-linear-gradient(bottom, #f4f9fc, #fff);
    932         background-image:      -o-linear-gradient(bottom, #f4f9fc, #fff);
    933         background-image: linear-gradient(to top, #f4f9fc, #fff);
    934 }
    935 
    936 .wp-admin .wp_themeSkin a.mceButton:active,
    937 .wp-admin .wp_themeSkin a.mceButtonEnabled:active,
    938 .wp-admin .wp_themeSkin a.mceButtonSelected:active,
    939 .wp-admin .wp_themeSkin a.mceButtonActive,
    940 .wp-admin .wp_themeSkin a.mceButtonActive:active,
    941 .wp-admin .wp_themeSkin a.mceButtonActive:hover,
    942 .wp-admin .wp_themeSkin .mceSplitButtonSelected table,
    943 .wp-admin .wp_themeSkin .mceSplitButtonSelected table:hover {
    944         border-color: #8f9da9 #c3d2dc #c3d2dc #8f9da9;
    945         background: #f4f9fc;
    946         background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f4f9fc));
    947         background-image: -webkit-linear-gradient(bottom, #fff, #f4f9fc);
    948         background-image:    -moz-linear-gradient(bottom, #fff, #f4f9fc);
    949         background-image:      -o-linear-gradient(bottom, #fff, #f4f9fc);
    950         background-image: linear-gradient(to top, #fff, #f4f9fc);
    951 }
    952 
    953 .wp-admin .wp_themeSkin .mceSplitButtonSelected table a.mceOpen,
    954 .wp-admin .wp_themeSkin .mceSplitButtonSelected table a.mceAction {
    955         border-color: #8f9da9 #c3d2dc #c3d2dc #8f9da9;
    956 }
    957 
    958 .wp-admin .wp_themeSkin .mceSplitButton:hover a {
    959         border-color: #c3d2dc;
    960 }
    961 /* end TinyMCE */
    962 
    963 .editwidget .widget-inside {
    964         border-color: #d0dfe9;
    965 }
    966 
    967 #titlediv #title {
    968         background-color: #fff;
    969 }
    970 
    971 #tTips p#tTips_inside {
    972         background-color: #ddd;
    973         color: #333;
    974 }
    975 
    976 #poststuff .inside .the-tagcloud {
    977         border-color: #ddd;
    978 }
    979 
    980 /* menu */
    981 #adminmenuback,
    982 #adminmenuwrap {
    983         background-color: #eff8ff;
    984         border-color: #d1e5ee;
    985 }
    986 
    987 #adminmenushadow,
    988 #adminmenuback {
    989         background-image: url(../images/menu-shadow.png);
    990         background-position: top right;
    991         background-repeat: repeat-y;
    992 }
    993 
    994 #adminmenu li.wp-menu-separator {
    995         background: #d1e5ee;
    996         border-color: #bed1dd;
    997 }
    998 
    999 #adminmenu div.separator {
    1000         border-color: #d1e5ee;
    1001 }
    1002 
    1003 #adminmenu a.menu-top,
    1004 #adminmenu .wp-submenu .wp-submenu-head {
    1005         border-top-color: #fff;
    1006         border-bottom-color: #cae6ff;
    1007 }
    1008 
    1009 #adminmenu li.wp-menu-open {
    1010         border-color: #d1e5ee;
    1011 }
    1012 
    1013 #adminmenu li.menu-top:hover,
    1014 #adminmenu li.opensub > a.menu-top,
    1015 #adminmenu li > a.menu-top:focus {
    1016         background-color: #e0f1ff;
    1017         color: #d54e21;
    1018         text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 );
    1019 }
    1020 
    1021 /* So it doesn't get applied to the number spans (comments, updates, etc) */
    1022 #adminmenu li.menu-top:hover > a span,
    1023 #adminmenu li.menu-top > a:focus span {
    1024         text-shadow: none;
    1025 }
    1026 
    1027 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
    1028 #adminmenu li.current a.menu-top,
    1029 .folded #adminmenu li.wp-has-current-submenu,
    1030 .folded #adminmenu li.current.menu-top,
    1031 #adminmenu .wp-menu-arrow,
    1032 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
    1033         background: #5589aa;
    1034         background-image: -webkit-gradient(linear, left bottom, left top, from(#5589aa), to(#619bbb));
    1035         background-image: -webkit-linear-gradient(bottom, #5589aa, #619bbb);
    1036         background-image:    -moz-linear-gradient(bottom, #5589aa, #619bbb);
    1037         background-image:      -o-linear-gradient(bottom, #5589aa, #619bbb);
    1038         background-image: linear-gradient(to top, #5589aa, #619bbb);
    1039 }
    1040 
    1041 #adminmenu .wp-menu-arrow div {
    1042         background: #5589aa;
    1043         background-image: -webkit-gradient(linear, right bottom, left top, from(#5589aa), to(#619bbb));
    1044         background-image: -webkit-linear-gradient(bottom right, #5589aa, #619bbb);
    1045         background-image:    -moz-linear-gradient(bottom right, #5589aa, #619bbb);
    1046         background-image:      -o-linear-gradient(bottom right, #5589aa, #619bbb);
    1047         background-image: linear-gradient(to top left, #5589aa, #619bbb);
    1048 }
    1049 
    1050 #adminmenu li.wp-not-current-submenu .wp-menu-arrow {
    1051         border-top-color: #fff;
    1052         border-bottom-color: #cae6ff;
    1053         background: #e0f1ff;
    1054 }
    1055 
    1056 #adminmenu li.wp-not-current-submenu .wp-menu-arrow div {
    1057         background: #e0f1ff;
    1058         border-color: #cae6ff;
    1059 }
    1060 
    1061 .folded #adminmenu li.menu-top li:hover a {
    1062         background-image: none;
    1063 }
    1064 
    1065 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
    1066 #adminmenu li.current a.menu-top,
    1067 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
    1068         text-shadow: 0 -1px 0 #333;
    1069         color: #fff;
    1070         border-top-color: #5a8fad;
    1071         border-bottom-color: #5589aa;
    1072 }
    1073 
    1074 .folded #adminmenu li.wp-has-current-submenu,
    1075 .folded #adminmenu li.current.menu-top {
    1076         border-top-color: #5a8fad;
    1077         border-bottom-color: #5589aa;
    1078 }
    1079 
    1080 #adminmenu .wp-submenu a:hover,
    1081 #adminmenu .wp-submenu a:focus {
    1082         background-color: #eff8ff;
    1083         color: #333;
    1084 }
    1085 
    1086 #adminmenu .wp-submenu li.current,
    1087 #adminmenu .wp-submenu li.current a,
    1088 #adminmenu .wp-submenu li.current a:hover {
    1089         color: #333;
    1090 }
    1091 
    1092 #adminmenu .wp-submenu,
    1093 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    1094 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
    1095         background-color: #fff;
    1096         border-color: #d0dfe9;
    1097         -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    1098         box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    1099 }
    1100 
    1101 #adminmenu .wp-submenu .wp-submenu-head {
    1102         background-color: #e0f1ff;
    1103         color: #333;
    1104 }
    1105 
    1106 /* collapse menu button */
    1107 #collapse-menu {
    1108         color: #a0c3d5;
    1109         border-top-color: #f9f9f9;
    1110 }
    1111 
    1112 #collapse-menu:hover {
    1113         color: #5a8fad;
    1114 }
    1115 
    1116 #collapse-button {
    1117         border-color: #d0dfe9;
    1118         background: #eff8ff;
    1119         background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#fff));
    1120         background-image: -webkit-linear-gradient(bottom, #eff8ff, #fff);
    1121         background-image:    -moz-linear-gradient(bottom, #eff8ff, #fff);
    1122         background-image:      -o-linear-gradient(bottom, #eff8ff, #fff);
    1123         background-image: linear-gradient(to top, #eff8ff, #fff);
    1124 }
    1125 
    1126 #collapse-menu:hover #collapse-button {
    1127         border-color: #a0c3d5;
    1128 }
    1129 
    1130 #collapse-button div {
    1131         background: transparent url(../images/arrows-vs.png) no-repeat 0 -72px;
    1132 }
    1133 
    1134 .folded #collapse-button div {
    1135         background-position: 0 -108px;
    1136 }
    1137 
    1138 /* Auto-folding of the admin menu */
    1139 @media only screen and (max-width: 900px) {
    1140         .auto-fold #adminmenu li.wp-has-current-submenu,
    1141         .auto-fold #adminmenu li.current.menu-top {
    1142                 background-color: #5589aa;
    1143                 background-image: -webkit-gradient(linear, left bottom, left top, from(#5589aa), to(#619bbb));
    1144                 background-image: -webkit-linear-gradient(bottom, #5589aa, #619bbb);
    1145                 background-image: -moz-linear-gradient(bottom, #5589aa, #619bbb);
    1146                 background-image: -o-linear-gradient(bottom, #5589aa, #619bbb);
    1147                 background-image: linear-gradient(bottom, #5589aa, #619bbb);
    1148         }
    1149 
    1150         .auto-fold #adminmenu li.wp-has-current-submenu,
    1151         .auto-fold #adminmenu li.current.menu-top {
    1152                 border-top-color: #5a8fad;
    1153                 border-bottom-color: #5589aa;
    1154         }
    1155 
    1156         .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    1157         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    1158                 background-color: #fff;
    1159                 border-color: #d0dfe9;
    1160                 -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    1161                 box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    1162         }
    1163 
    1164         .auto-fold #collapse-button div {
    1165                 background-position: 0 -108px;
    1166         }
    1167 }
    1168 
    1169 /* menu and screen icons */
    1170 .icon16,
    1171 .icon32,
    1172 div.wp-menu-image {
    1173         background-color: transparent;
    1174         background-repeat: no-repeat;
    1175 }
    1176 
    1177 .icon16.icon-dashboard,
    1178 .menu-icon-dashboard div.wp-menu-image,
    1179 .icon16.icon-post,
    1180 .menu-icon-post div.wp-menu-image,
    1181 .icon16.icon-media,
    1182 .menu-icon-media div.wp-menu-image,
    1183 .icon16.icon-links,
    1184 .menu-icon-links div.wp-menu-image,
    1185 .icon16.icon-page,
    1186 .menu-icon-page div.wp-menu-image,
    1187 .icon16.icon-comments,
    1188 .menu-icon-comments div.wp-menu-image,
    1189 .icon16.icon-appearance,
    1190 .menu-icon-appearance div.wp-menu-image,
    1191 .icon16.icon-plugins,
    1192 .menu-icon-plugins div.wp-menu-image,
    1193 .icon16.icon-users,
    1194 .menu-icon-users div.wp-menu-image,
    1195 .icon16.icon-tools,
    1196 .menu-icon-tools div.wp-menu-image,
    1197 .icon16.icon-settings,
    1198 .menu-icon-settings div.wp-menu-image,
    1199 .icon16.icon-site,
    1200 .menu-icon-site div.wp-menu-image,
    1201 .icon16.icon-generic,
    1202 .menu-icon-generic div.wp-menu-image {
    1203         background-image: url(../images/menu-vs.png?ver=20121105);
    1204 }
    1205 
    1206 .icon16.icon-dashboard,
    1207 #adminmenu .menu-icon-dashboard div.wp-menu-image {
    1208         background-position: -59px -33px;
    1209 }
    1210 
    1211 #adminmenu .menu-icon-dashboard:hover div.wp-menu-image,
    1212 #adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image,
    1213 #adminmenu .menu-icon-dashboard.current div.wp-menu-image {
    1214         background-position: -59px -1px;
    1215 }
    1216 
    1217 .icon16.icon-post,
    1218 #adminmenu .menu-icon-post div.wp-menu-image {
    1219         background-position: -269px -33px;
    1220 }
    1221 
    1222 #adminmenu .menu-icon-post:hover div.wp-menu-image,
    1223 #adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image,
    1224 #adminmenu .menu-icon-post.current div.wp-menu-image {
    1225         background-position: -269px -1px;
    1226 }
    1227 
    1228 .icon16.icon-media,
    1229 #adminmenu .menu-icon-media div.wp-menu-image {
    1230         background-position: -119px -33px;
    1231 }
    1232 
    1233 #adminmenu .menu-icon-media:hover div.wp-menu-image,
    1234 #adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image,
    1235 #adminmenu .menu-icon-media.current div.wp-menu-image {
    1236         background-position: -119px -1px;
    1237 }
    1238 
    1239 .icon16.icon-links,
    1240 #adminmenu .menu-icon-links div.wp-menu-image {
    1241         background-position: -89px -33px;
    1242 }
    1243 
    1244 #adminmenu .menu-icon-links:hover div.wp-menu-image,
    1245 #adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image,
    1246 #adminmenu .menu-icon-links.current div.wp-menu-image {
    1247         background-position: -89px -1px;
    1248 }
    1249 
    1250 .icon16.icon-page,
    1251 #adminmenu .menu-icon-page div.wp-menu-image {
    1252         background-position: -149px -33px;
    1253 }
    1254 
    1255 #adminmenu .menu-icon-page:hover div.wp-menu-image,
    1256 #adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image,
    1257 #adminmenu .menu-icon-page.current div.wp-menu-image {
    1258         background-position: -149px -1px;
    1259 }
    1260 
    1261 .icon16.icon-comments,
    1262 #adminmenu .menu-icon-comments div.wp-menu-image {
    1263         background-position: -29px -33px;
    1264 }
    1265 
    1266 #adminmenu .menu-icon-comments:hover div.wp-menu-image,
    1267 #adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image,
    1268 #adminmenu .menu-icon-comments.current div.wp-menu-image {
    1269         background-position: -29px -1px;
    1270 }
    1271 
    1272 .icon16.icon-appearance,
    1273 #adminmenu .menu-icon-appearance div.wp-menu-image {
    1274         background-position: 1px -33px;
    1275 }
    1276 
    1277 #adminmenu .menu-icon-appearance:hover div.wp-menu-image,
    1278 #adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image,
    1279 #adminmenu .menu-icon-appearance.current div.wp-menu-image {
    1280         background-position: 1px -1px;
    1281 }
    1282 
    1283 .icon16.icon-plugins,
    1284 #adminmenu .menu-icon-plugins div.wp-menu-image {
    1285         background-position: -179px -33px;
    1286 }
    1287 
    1288 #adminmenu .menu-icon-plugins:hover div.wp-menu-image,
    1289 #adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image,
    1290 #adminmenu .menu-icon-plugins.current div.wp-menu-image {
    1291         background-position: -179px -1px;
    1292 }
    1293 
    1294 .icon16.icon-users,
    1295 #adminmenu .menu-icon-users div.wp-menu-image {
    1296         background-position: -300px -33px;
    1297 }
    1298 
    1299 #adminmenu .menu-icon-users:hover div.wp-menu-image,
    1300 #adminmenu .menu-icon-users.wp-has-current-submenu div.wp-menu-image,
    1301 #adminmenu .menu-icon-users.current div.wp-menu-image {
    1302         background-position: -300px -1px;
    1303 }
    1304 
    1305 .icon16.icon-tools,
    1306 #adminmenu .menu-icon-tools div.wp-menu-image {
    1307         background-position: -209px -33px;
    1308 }
    1309 
    1310 #adminmenu .menu-icon-tools:hover div.wp-menu-image,
    1311 #adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image,
    1312 #adminmenu .menu-icon-tools.current div.wp-menu-image {
    1313         background-position: -209px -1px;
    1314 }
    1315 
    1316 .icon16.icon-settings,
    1317 #adminmenu .menu-icon-settings div.wp-menu-image {
    1318         background-position: -239px -33px;
    1319 }
    1320 
    1321 #adminmenu .menu-icon-settings:hover div.wp-menu-image,
    1322 #adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image,
    1323 #adminmenu .menu-icon-settings.current div.wp-menu-image {
    1324         background-position: -239px -1px;
    1325 }
    1326 
    1327 .icon16.icon-site,
    1328 #adminmenu .menu-icon-site div.wp-menu-image {
    1329         background-position: -359px -33px;
    1330 }
    1331 
    1332 #adminmenu .menu-icon-site:hover div.wp-menu-image,
    1333 #adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image,
    1334 #adminmenu .menu-icon-site.current div.wp-menu-image {
    1335         background-position: -359px -1px;
    1336 }
    1337 
    1338 .icon16.icon-generic,
    1339 #adminmenu .menu-icon-generic div.wp-menu-image {
    1340         background-position: -330px -33px;
    1341 }
    1342 
    1343 #adminmenu .menu-icon-generic:hover div.wp-menu-image,
    1344 #adminmenu .menu-icon-generic.wp-has-current-submenu div.wp-menu-image,
    1345 #adminmenu .menu-icon-generic.current div.wp-menu-image {
    1346         background-position: -330px -1px;
    1347 }
    1348 /* end menu and screen icons */
    1349 
    1350 /* Screen Icons */
    1351 .icon32.icon-post,
    1352 #icon-edit,
    1353 #icon-post,
    1354 .icon32.icon-dashboard,
    1355 #icon-index,
    1356 .icon32.icon-media,
    1357 #icon-upload,
    1358 .icon32.icon-links,
    1359 #icon-link-manager,
    1360 #icon-link,
    1361 #icon-link-category,
    1362 .icon32.icon-page,
    1363 #icon-edit-pages,
    1364 #icon-page,
    1365 .icon32.icon-comments,
    1366 #icon-edit-comments,
    1367 .icon32.icon-appearance,
    1368 #icon-themes,
    1369 .icon32.icon-plugins,
    1370 #icon-plugins,
    1371 .icon32.icon-users,
    1372 #icon-users,
    1373 #icon-profile,
    1374 #icon-user-edit,
    1375 .icon32.icon-tools,
    1376 #icon-tools,
    1377 #icon-admin,
    1378 .icon32.icon-settings,
    1379 #icon-options-general,
    1380 .icon32.icon-site,
    1381 #icon-ms-admin,
    1382 .icon32.icon-generic,
    1383 #icon-generic {
    1384         background-image: url(../images/icons32-vs.png?ver=20121105);
    1385 }
    1386 
    1387 .icon32.icon-post,
    1388 #icon-edit,
    1389 #icon-post {
    1390         background-position: -552px -5px;
    1391 }
    1392 
    1393 .icon32.icon-dashboard,
    1394 #icon-index {
    1395         background-position: -137px -5px;
    1396 }
    1397 
    1398 .icon32.icon-media,
    1399 #icon-upload {
    1400         background-position: -251px -5px;
    1401 }
    1402 
    1403 .icon32.icon-links,
    1404 #icon-link-manager,
    1405 #icon-link,
    1406 #icon-link-category {
    1407         background-position: -190px -5px;
    1408 }
    1409 
    1410 .icon32.icon-page,
    1411 #icon-edit-pages,
    1412 #icon-page {
    1413         background-position: -312px -5px;
    1414 }
    1415 
    1416 .icon32.icon-comments,
    1417 #icon-edit-comments {
    1418         background-position: -72px -5px;
    1419 }
    1420 
    1421 .icon32.icon-appearance,
    1422 #icon-themes {
    1423         background-position: -11px -5px;
    1424 }
    1425 
    1426 .icon32.icon-plugins,
    1427 #icon-plugins {
    1428         background-position: -370px -5px;
    1429 }
    1430 
    1431 .icon32.icon-users,
    1432 #icon-users,
    1433 #icon-profile,
    1434 #icon-user-edit {
    1435         background-position: -600px -5px;
    1436 }
    1437 
    1438 .icon32.icon-tools,
    1439 #icon-tools,
    1440 #icon-admin {
    1441         background-position: -432px -5px;
    1442 }
    1443 
    1444 .icon32.icon-settings,
    1445 #icon-options-general {
    1446         background-position: -492px -5px;
    1447 }
    1448 
    1449 .icon32.icon-site,
    1450 #icon-ms-admin {
    1451         background-position: -659px -5px;
    1452 }
    1453 
    1454 .icon32.icon-generic,
    1455 #icon-generic {
    1456         background-position: -708px -5px;
    1457 }
    1458 
    1459 /* end screen icons */
    1460 
    1461 /* Post format icons */
    1462 
    1463 .post-format-icon {
    1464         background: url(../images/post-formats-vs.png) no-repeat;
    1465 }
    1466 
    1467 /* Diff */
    1468 table.diff .diff-deletedline {
    1469         background-color: #ffe9e9;
    1470 }
    1471 
    1472 table.diff .diff-deletedline del {
    1473         background-color: #faa;
    1474 }
    1475 
    1476 table.diff .diff-addedline {
    1477         background-color: #e9ffe9;
    1478 }
    1479 
    1480 table.diff .diff-addedline ins {
    1481         background-color: #afa;
    1482 }
    1483 
    1484 .revisions-meta {
    1485         border: 1px solid #d1e5ee;
    1486 }
    1487 
    1488 .revisions-controls {
    1489         background: #fff;
    1490         background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,1)), color-stop(30px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    1491         background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
    1492         background:    -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
    1493         background:      -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
    1494         background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
    1495 }
    1496 
    1497 .revisions-tooltip,
    1498 .revisions-tooltip-arrow span {
    1499         border-color: #d1e5ee;
    1500         background-color: #fff;
    1501 }
    1502 
    1503 .revisions-tickmarks > div {
    1504         border-color: #d1e5ee;
    1505 }
    1506 
    1507 /* jQuery UI Slider */
    1508 .wp-slider.ui-slider {
    1509         border-color: #d1e5ee;
    1510 }
    1511 
    1512 .wp-slider .ui-slider-handle {
    1513         color: #333;
    1514         border-color: none;
    1515 }
    1516 
    1517 .wp-slider .ui-slider-handle {
    1518         border-color: #d0dfe9;
    1519         background: #eff8ff;
    1520         background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#fff));
    1521         background-image: -webkit-linear-gradient(bottom, #eff8ff, #fff);
    1522         background-image:    -moz-linear-gradient(bottom, #eff8ff, #fff);
    1523         background-image:      -o-linear-gradient(bottom, #eff8ff, #fff);
    1524         background-image: linear-gradient(to top, #eff8ff, #fff);
    1525 }
    1526 
    1527 .wp-slider .ui-slider-handle:hover,
    1528 .wp-slider .ui-slider-handle:focus {
    1529         border-color: #a0c3d5;
    1530 }
    1531 
    1532 .wp-slider .ui-slider-handle.ui-state-hover,
    1533 .wp-slider .ui-slider-handle.ui-state-focus {
    1534         border-color: #a0c3d5;
    1535         outline: none;
    1536 }
    1537 
    1538 /* edit image */
    1539 #sidemenu a {
    1540         background-color: #f9f9f9;
    1541         border-color: #f9f9f9;
    1542         border-bottom-color: #dfdfdf;
    1543 }
    1544 
    1545 #sidemenu a.current {
    1546         background-color: #fff;
    1547         border-color: #dfdfdf #dfdfdf #fff;
    1548         color: #d54e21;
    1549 }
    1550 
    1551 #replyerror {
    1552         border-color: #ddd;
    1553         background-color: #f9f9f9;
    1554 }
    1555 
    1556 /* table vim shortcuts */
    1557 .vim-current,
    1558 .vim-current th,
    1559 .vim-current td {
    1560         background-color: #e4f2fd !important;
    1561 }
    1562 
    1563 /* Install Plugins */
    1564 #plugin-information .fyi ul {
    1565         background-color: #eaf3fa;
    1566 }
    1567 
    1568 #plugin-information .fyi h2.mainheader {
    1569         background-color: #cee1ef;
    1570 }
    1571 
    1572 #plugin-information pre,
    1573 #plugin-information code {
    1574         background-color: #ededff;
    1575 }
    1576 
    1577 #plugin-information pre {
    1578         border: 1px solid #ccc;
    1579 }
    1580 
    1581 /* inline editor */
    1582 #bulk-titles {
    1583         border-color: #ddd;
    1584 }
    1585 
    1586 .inline-editor div.title {
    1587         background-color: #eaf3fa;
    1588 }
    1589 
    1590 .inline-editor ul.cat-checklist {
    1591         background-color: #fff;
    1592         border-color: #ddd;
    1593 }
    1594 
    1595 .inline-editor .quick-edit-save {
    1596         background-color: #f1f1f1;
    1597 }
    1598 
    1599 fieldset.inline-edit-col-right .inline-edit-col {
    1600         border-color: #dfdfdf;
    1601 }
    1602 
    1603 .attention {
    1604         color: #d54e21;
    1605 }
    1606 
    1607 .js .meta-box-sortables .postbox:hover .handlediv {
    1608         background: transparent url(../images/arrows-vs.png) no-repeat 6px 7px;
    1609 }
    1610 
    1611 .tablenav .tablenav-pages {
    1612         color: #555;
    1613 }
    1614 
    1615 .tablenav .tablenav-pages a {
    1616         border-color: #d1e5ee;
    1617         background: #eee;
    1618         -moz-box-shadow:    inset 0 1px 0 #fff;
    1619         -webkit-box-shadow: inset 0 1px 0 #fff;
    1620         box-shadow:         inset 0 1px 0 #fff;
    1621 }
    1622 
    1623 .tablenav .tablenav-pages a:hover,
    1624 .tablenav .tablenav-pages a:focus {
    1625         color: #d54e21;
    1626 }
    1627 
    1628 .tablenav .tablenav-pages a.disabled,
    1629 .tablenav .tablenav-pages a.disabled:hover,
    1630 .tablenav .tablenav-pages a.disabled:focus {
    1631         color: #aaa;
    1632 }
    1633 
    1634 .tablenav .tablenav-pages .current {
    1635         background: #dfdfdf;
    1636         border-color: #d3d3d3;
    1637 }
    1638 
    1639 #availablethemes,
    1640 #availablethemes td {
    1641         border-color: #acd;
    1642 }
    1643 
    1644 #current-theme img {
    1645         border-color: #b0c8d7;
    1646 }
    1647 
    1648 #TB_window #TB_title a.tb-theme-preview-link,
    1649 #TB_window #TB_title a.tb-theme-preview-link:visited {
    1650         color: #999;
    1651 }
    1652 
    1653 #TB_window #TB_title a.tb-theme-preview-link:hover,
    1654 #TB_window #TB_title a.tb-theme-preview-link:focus {
    1655         color: #ccc;
    1656 }
    1657 
    1658 .misc-pub-section {
    1659         border-top-color: #fff;
    1660         border-bottom-color: #d1e5ee;
    1661 }
    1662 
    1663 #minor-publishing {
    1664         border-bottom-color: #cae6ff;
    1665 }
    1666 
    1667 #post-body .misc-pub-section {
    1668         border-left-color: #eee;
    1669 }
    1670 
    1671 .post-com-count span {
    1672         background-color: #bbb;
    1673 }
    1674 
    1675 .form-table .color-palette td {
    1676         border-color: #fff;
    1677 }
    1678 
    1679 .sortable-placeholder {
    1680         border-color: #bbb;
    1681         background-color: #f5f5f5;
    1682 }
    1683 
    1684 #post-body ul.category-tabs li.tabs a,
    1685 #post-body ul.add-menu-item-tabs li.tabs a,
    1686 body.press-this ul.category-tabs li.tabs a {
    1687         color: #333;
    1688 }
    1689 
    1690 .view-switch #view-switch-list,
    1691 .view-switch #view-switch-excerpt {
    1692         background-color: transparent;
    1693         background-image: url('../images/list.png');
    1694         background-repeat: no-repeat;
    1695 }
    1696 
    1697 .view-switch #view-switch-list {
    1698         background-position: 0 0;
    1699 }
    1700 
    1701 .view-switch .current #view-switch-list {
    1702         background-position: -40px 0;
    1703 }
    1704 
    1705 .view-switch #view-switch-excerpt {
    1706         background-position: -20px 0;
    1707 }
    1708 
    1709 .view-switch .current #view-switch-excerpt {
    1710         background-position: -60px 0;
    1711 }
    1712 
    1713 #header-logo {
    1714         background: transparent url(../images/wp-logo-vs.png?ver=20101102) no-repeat scroll center center;
    1715 }
    1716 
    1717 .popular-tags,
    1718 .feature-filter {
    1719         background-color: #fff;
    1720         border-color: #d1e5ee;
    1721 }
    1722 
    1723 div.widgets-sortables,
    1724 #widgets-left .inactive,
    1725 #available-widgets .widget-holder {
    1726         background-color: #f7fcfe;
    1727         border-color: #d0dfe9;
    1728 }
    1729 
    1730 #available-widgets .widget-description {
    1731         color: #555;
    1732 }
    1733 
    1734 .sidebar-name {
    1735         color: #464646;
    1736         text-shadow: #fff 0 1px 0;
    1737         border-color: #d0dfe9;
    1738         -webkit-box-shadow: inset 0 1px 0 #fff;
    1739         box-shadow: inset 0 1px 0 #fff;
    1740 }
    1741 
    1742 .js .sidebar-name:hover,
    1743 .js #removing-widget {
    1744         color: #d54e21;
    1745 }
    1746 
    1747 #removing-widget span {
    1748         color: black;
    1749 }
    1750 
    1751 .js .sidebar-name-arrow {
    1752         background: transparent url(../images/arrows-vs.png) no-repeat 5px 9px;
    1753 }
    1754 
    1755 .js .sidebar-name:hover .sidebar-name-arrow {
    1756         background: transparent url(../images/arrows-dark-vs.png) no-repeat 5px 9px;
    1757 }
    1758 
    1759 .in-widget-title {
    1760         color: #606060;
    1761 }
    1762 
    1763 .deleting .widget-title * {
    1764         color: #aaa;
    1765 }
    1766 
    1767 .imgedit-menu div {
    1768         border-color: #d5d5d5;
    1769         background-color: #f1f1f1;
    1770 }
    1771 
    1772 .imgedit-menu div:hover {
    1773         border-color: #c1c1c1;
    1774         background-color: #eaeaea;
    1775 }
    1776 
    1777 .imgedit-menu div.disabled {
    1778         border-color: #ccc;
    1779         background-color: #ddd;
    1780         filter: alpha(opacity=50);
    1781         opacity: 0.5;
    1782 }
    1783 
    1784 #dashboard_recent_comments div.undo {
    1785         border-top-color: #dfdfdf;
    1786 }
    1787 
    1788 .comment-ays,
    1789 .comment-ays th {
    1790         border-color: #ddd;
    1791 }
    1792 
    1793 .comment-ays th {
    1794         background-color: #f1f1f1;
    1795 }
    1796 
    1797 /* added from nav-menu.css */
    1798 #menu-management .menu-edit {
    1799         border-color: #d0dfe9;
    1800 }
    1801 
    1802 #post-body {
    1803         background: #fff;
    1804         border-top-color: #fff;
    1805         border-bottom-color: #d0dfe9;
    1806 }
    1807 
    1808 #nav-menu-header {
    1809         border-bottom-color: #d0dfe9;
    1810 }
    1811 
    1812 #nav-menu-footer {
    1813         border-top-color: #fff;
    1814 }
    1815 
    1816 #menu-management .nav-tabs-arrow a {
    1817         color: #c1c1c1;
    1818 }
    1819 
    1820 #menu-management .nav-tabs-arrow a:hover {
    1821         color: #d54e21;
    1822 }
    1823 
    1824 #menu-management .nav-tabs-arrow a:active {
    1825         color: #464646;
    1826 }
    1827 
    1828 #menu-management .nav-tab-active {
    1829         border-color: #dfdfdf;
    1830 }
    1831 
    1832 #menu-management .nav-tab {
    1833         background: #f7fcfe;
    1834         border-color: #d0dfe9;
    1835 }
    1836 
    1837 .js .input-with-default-title {
    1838         color: #aaa;
    1839 }
    1840 
    1841 #cancel-save {
    1842         color: #f00;
    1843 }
    1844 
    1845 #cancel-save:hover {
    1846         background-color: #f00;
    1847         color: #fff;
    1848 }
    1849 
    1850 .list-container {
    1851         border-color: #dfdfdf;
    1852 }
    1853 
    1854 .menu-item-handle {
    1855         border-color: #d0dfe9;
    1856 }
    1857 
    1858 .menu li.deleting .menu-item-handle {
    1859         background-color: #f66;
    1860         text-shadow: #ccc;
    1861 }
    1862 
    1863 .item-type { /* Menu item controls */
    1864         color: #999;
    1865 }
    1866 
    1867 .item-controls .menu-item-delete:hover {
    1868         color: #f00;
    1869 }
    1870 
    1871 .nav-menus-php .item-edit {
    1872         background: transparent url(../images/arrows-vs.png) no-repeat 8px 10px;
    1873         border-bottom-color: #eff8ff;
    1874 }
    1875 
    1876 .nav-menus-php .item-edit:hover {
    1877         background: transparent url(../images/arrows-dark-vs.png) no-repeat 8px 10px;
    1878 }
    1879 
    1880 .menu-item-settings { /* Menu editing */
    1881         border-color: #d0dfe9;
    1882 }
    1883 
    1884 .link-to-original {
    1885         color: #777;
    1886         border-color: #d0dfe9;
    1887 }
    1888 
    1889 #cancel-save:hover {
    1890         color: #fff !important;
    1891 }
    1892 
    1893 #update-menu-item {
    1894         color: #fff !important;
    1895 }
    1896 
    1897 #update-menu-item:hover,
    1898 #update-menu-item:active,
    1899 #update-menu-item:focus {
    1900         color: #eaf2fa !important;
    1901         border-color: #13455b !important;
    1902 }
    1903 
    1904 .submitbox .submitcancel {
    1905         color: #21759b;
    1906         border-bottom-color: #21759b;
    1907 }
    1908 
    1909 .submitbox .submitcancel:hover {
    1910         background: #21759b;
    1911         color: #fff;
    1912 }
    1913 /* end added from nav-menu.css */
    1914 
    1915 .nav-tab {
    1916         border-color: #d1e5ee #d1e5ee #fff;
    1917 }
    1918 
    1919 .nav-tab:hover,
    1920 .nav-tab-active {
    1921         border-color: #acd #acd #fff;
    1922 }
    1923 
    1924 h2.nav-tab-wrapper, h3.nav-tab-wrapper {
    1925         border-bottom-color: #acd;
    1926 }
    1927 
    1928 #menu-management .nav-tab-active,
    1929 .menu-item-handle,
    1930 .menu-item-settings {
    1931         -webkit-box-shadow: inset 0 1px 0 #fff;
    1932         box-shadow: inset 0 1px 0 #fff;
    1933 }
    1934 
    1935 #menu-management .nav-tab-active {
    1936         background: #f7fcfe;
    1937         border-bottom-color: #f7fcfe;
    1938 }
    1939 
    1940 #upload-form label {
    1941         color: #777;
    1942 }
    1943 
    1944 /* custom header & background pages */
    1945 
    1946 /* full screen */
    1947 .fullscreen-overlay {
    1948         background: #fff;
    1949 }
    1950 
    1951 .wp-fullscreen-focus #wp-fullscreen-title,
    1952 .wp-fullscreen-focus #wp-fullscreen-container {
    1953     border-color: #bed1dd;
    1954 }
    1955 
    1956 #fullscreen-topbar {
    1957         border-bottom-color: #d1e5ee;
    1958 }
    1959 
    1960 /* Begin About Pages */
    1961 
    1962 .about-wrap h1 {
    1963         color: #333;
    1964         text-shadow: 1px 1px 1px #fff;
    1965 }
    1966 
    1967 .about-text {
    1968         color: #777;
    1969 }
    1970 
    1971 .wp-badge {
    1972         color: #fff;
    1973         text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3);
    1974 }
    1975 
    1976 .about-wrap h2 .nav-tab {
    1977         color: #21759b;
    1978 }
    1979 
    1980 .about-wrap h2 .nav-tab:hover {
    1981         color: #d54e21;
    1982 }
    1983 
    1984 .about-wrap h2 .nav-tab-active,
    1985 .about-wrap h2 .nav-tab-active:hover {
    1986         color: #333;
    1987 }
    1988 
    1989 .about-wrap h2 .nav-tab-active {
    1990         text-shadow: 1px 1px 1px #fff;
    1991         color: #464646;
    1992 }
    1993 
    1994 .about-wrap h3 {
    1995         color: #333;
    1996         text-shadow: 1px 1px 1px #fff;
    1997 }
    1998 
    1999 .about-wrap .feature-section h4 {
    2000         color: #464646;
    2001 }
    2002 
    2003 .about-wrap h4.wp-people-group {
    2004         text-shadow: 1px 1px 1px #fff;
    2005 }
    2006 
    2007 .about-wrap .point-releases {
    2008         border-bottom: 1px solid #dfdfdf;
    2009 }
    2010 
    2011 .about-wrap .point-releases h3 {
    2012         border-top: 1px solid #dfdfdf;
    2013 }
    2014 
    2015 .about-wrap .point-releases h3:first-child {
    2016         border: 0;
    2017 }
    2018 
    2019 .about-wrap li.wp-person img.gravatar {
    2020         -webkit-box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
    2021         box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
    2022 }
    2023 
    2024 .about-wrap li.wp-person .title {
    2025         color: #464646;
    2026         text-shadow: 1px 1px 1px #fff;
    2027 }
    2028 
    2029 .freedoms-php .about-wrap ol li {
    2030         color: #999;
    2031 }
    2032 
    2033 .freedoms-php .about-wrap ol p {
    2034         color: #464646;
    2035 }
    2036 
    2037 /* End About Pages */
    2038 
    2039 
    2040 /*------------------------------------------------------------------------------
    2041   2.0 - Right to Left Styles
    2042 ------------------------------------------------------------------------------*/
    2043 
    2044 .rtl .bar {
    2045         border-right-color: transparent;
    2046         border-left-color: #99d;
    2047 }
    2048 
    2049 .rtl #screen-meta-links a.show-settings {
    2050         background-position: left 3px;
    2051 }
    2052 
    2053 .rtl #screen-meta-links a.show-settings.screen-meta-active {
    2054         background-position: left -33px;
    2055 }
    2056 
    2057 /* Menu */
    2058 .rtl #adminmenushadow,
    2059 .rtl #adminmenuback {
    2060         background-image: url(../images/menu-shadow-rtl.png);
    2061         background-position: top left;
    2062 }
    2063 
    2064 .rtl #adminmenu .wp-submenu .wp-submenu-head {
    2065         border-right-color: transparent;
    2066         border-left-color: #d1e5ee;
    2067 }
    2068 
    2069 .rtl #adminmenu .wp-submenu,
    2070 .rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    2071         -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    2072         box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    2073 }
    2074 
    2075 .rtl #adminmenu .wp-has-current-submenu .wp-submenu {
    2076         -webkit-box-shadow: none;
    2077         box-shadow: none;
    2078 }
    2079 
    2080 /* Collapse Menu Button */
    2081 .rtl #collapse-button div {
    2082         background-position: 0 -108px;
    2083 }
    2084 
    2085 .rtl.folded #collapse-button div {
    2086         background-position: 0 -72px;
    2087 }
    2088 
    2089 /* Auto-folding of the admin menu for RTL */
    2090 @media only screen and (max-width: 900px) {
    2091         .rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    2092         .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    2093                 -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    2094                 box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    2095         }
    2096 
    2097         .rtl.auto-fold #collapse-button div {
    2098                 background-position: 0 -72px;
    2099         }
    2100 }
    2101 
    2102 /* edit image */
    2103 .js.rtl .meta-box-sortables .postbox:hover .handlediv {
    2104         background: transparent url(../images/arrows-vs.png) no-repeat 6px 7px;
    2105 }
    2106 
    2107 .rtl #post-body .misc-pub-section {
    2108         border-right-color: transparent;
    2109         border-left-color: #d1e5ee;
    2110 }
    2111 
    2112 .js.rtl .sidebar-name-arrow {
    2113         background: transparent url(../images/arrows-vs.png) no-repeat 5px 9px;
    2114 }
    2115 
    2116 .js.rtl .sidebar-name:hover .sidebar-name-arrow {
    2117         background: transparent url(../images/arrows-dark-vs.png) no-repeat 5px 9px;
    2118 }
    2119 
    2120 /**
    2121  * HiDPI Displays
    2122  */
    2123 @media print,
    2124   (-o-min-device-pixel-ratio: 5/4),
    2125   (-webkit-min-device-pixel-ratio: 1.25),
    2126   (min-resolution: 120dpi) {
    2127 
    2128         .curtime #timestamp {
    2129                 background-image: url("../images/date-button-2x.gif?ver=20120916");
    2130                 background-size: 16px auto;
    2131         }
    2132 
    2133         .tagchecklist span a,
    2134         #bulk-titles div a,
    2135         .tagchecklist span a:hover,
    2136         #bulk-titles div a:hover {
    2137                 background-image: url("../images/xit-2x.gif?ver=20120916");
    2138                 background-size: 20px auto;
    2139         }
    2140 
    2141         #screen-meta-links a.show-settings,
    2142         #screen-meta-links a.show-settings.screen-meta-active,
    2143         #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
    2144         #adminmenu .wp-menu-open .wp-menu-toggle,
    2145         #collapse-button div,
    2146         .nav-menus-php .item-edit,
    2147         .js .meta-box-sortables .postbox:hover .handlediv,
    2148         .sidebar-name-arrow,
    2149         .rtl #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
    2150         .rtl #adminmenu .wp-menu-open .wp-menu-toggle,
    2151         .js.rtl .meta-box-sortables .postbox:hover .handlediv,
    2152         .rtl .sidebar-name-arrow {
    2153                 background-image: url("../images/arrows-vs-2x.png?ver=20120916");
    2154                 background-size: 15px 123px;
    2155         }
    2156 
    2157         #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
    2158         #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
    2159         .nav-menus-php .item-edit:hover,
    2160         .sidebar-name:hover .sidebar-name-arrow,
    2161         .rtl #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
    2162         .rtl #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
    2163         .rtl .sidebar-name:hover .sidebar-name-arrow {
    2164                 background-image: url("../images/arrows-dark-vs-2x.png?ver=20120916");
    2165                 background-size: 15px 123px;
    2166         }
    2167 
    2168         .view-switch #view-switch-list,
    2169         .view-switch #view-switch-excerpt {
    2170                 background-image: url("../images/list-2x.png?ver=20120916");
    2171                 background-size: 80px 20px;
    2172         }
    2173 
    2174         .icon32.icon-post,
    2175         #icon-edit,
    2176         #icon-post,
    2177         .icon32.icon-dashboard,
    2178         #icon-index,
    2179         .icon32.icon-media,
    2180         #icon-upload,
    2181         .icon32.icon-links,
    2182         #icon-link-manager,
    2183         #icon-link,
    2184         #icon-link-category,
    2185         .icon32.icon-page,
    2186         #icon-edit-pages,
    2187         #icon-page,
    2188         .icon32.icon-comments,
    2189         #icon-edit-comments,
    2190         .icon32.icon-appearance,
    2191         #icon-themes,
    2192         .icon32.icon-plugins,
    2193         #icon-plugins,
    2194         .icon32.icon-users,
    2195         #icon-users,
    2196         #icon-profile,
    2197         #icon-user-edit,
    2198         .icon32.icon-tools,
    2199         #icon-tools,
    2200         #icon-admin,
    2201         .icon32.icon-settings,
    2202         #icon-options-general,
    2203         .icon32.icon-site,
    2204         #icon-ms-admin,
    2205         .icon32.icon-generic,
    2206         #icon-generic {
    2207                 background-image: url(../images/icons32-vs-2x.png?ver=20121105);
    2208                 background-size: 756px 45px;
    2209         }
    2210 
    2211         .icon16.icon-dashboard,
    2212         .menu-icon-dashboard div.wp-menu-image,
    2213         .icon16.icon-post,
    2214         .menu-icon-post div.wp-menu-image,
    2215         .icon16.icon-media,
    2216         .menu-icon-media div.wp-menu-image,
    2217         .icon16.icon-links,
    2218         .menu-icon-links div.wp-menu-image,
    2219         .icon16.icon-page,
    2220         .menu-icon-page div.wp-menu-image,
    2221         .icon16.icon-comments,
    2222         .menu-icon-comments div.wp-menu-image,
    2223         .icon16.icon-appearance,
    2224         .menu-icon-appearance div.wp-menu-image,
    2225         .icon16.icon-plugins,
    2226         .menu-icon-plugins div.wp-menu-image,
    2227         .icon16.icon-users,
    2228         .menu-icon-users div.wp-menu-image,
    2229         .icon16.icon-tools,
    2230         .menu-icon-tools div.wp-menu-image,
    2231         .icon16.icon-settings,
    2232         .menu-icon-settings div.wp-menu-image,
    2233         .icon16.icon-site,
    2234         .menu-icon-site div.wp-menu-image,
    2235         .icon16.icon-generic,
    2236         .menu-icon-generic div.wp-menu-image {
    2237                 background-image: url('../images/menu-vs-2x.png?ver=20121105');
    2238                 background-size: 390px 64px;
    2239         }
    2240 
    2241         #header-logo {
    2242                 background-image: url('../images/wp-logo-vs-2x.png?ver=20120916');
    2243                 background-size: 16px auto;
    2244         }
    2245 
    2246         /* 16px post formats */
    2247         .post-format-icon {
    2248                 background-image: url(../images/post-formats32-vs.png);
    2249                 background-size: 16px 304px;
    2250         }
    2251 
    2252 }

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

     
    11/*------------------------------------------------------------------------------
    22
     3This is MP6 as of r800130
    34
    45Howdy! This is the CSS file that controls the
    5 Gray (fresh) color style on the WordPress Dashboard.
     6fresh color style on the WordPress Dashboard.
    67
    78This file contains both LTR and RTL styles.
    89
    … …  
    2021  1.0 - Left to Right Styles
    2122------------------------------------------------------------------------------*/
    2223
     24html {
     25        background: #eee;
     26}
     27
     28/* Checkbooms */
     29
     30input[type=checkbox],
     31input[type=radio] {
     32        background: #fff;
     33        border-color: #bbb !important;
     34        color: #555;
     35
     36        -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
     37        box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
     38}
     39
     40input[type=checkbox]:checked:before {
     41        color: #1e8cbe;
     42}
     43
     44input[type=radio]:checked:before {
     45        background-color: #1e8cbe;
     46}
     47
     48#wpbody select {
     49        border-color: #bbb;
     50}
     51
     52.wp-core-ui input[type="reset"]:hover,
     53.wp-core-ui input[type="reset"]:active {
     54        color: #2ea2cc;
     55}
     56
     57
     58/* Helper classes for pulling MP6 colors */
     59
     60.mp6-primary {
     61        color: #fff;
     62        background-color: #333;
     63}
     64.mp6-text-primary {
     65        color: #333;
     66}
     67
     68.mp6-highlight {
     69        color: white;
     70        background-color: #1e8cbe;
     71}
     72.mp6-text-highlight {
     73        color: #1e8cbe;
     74}
     75
     76.mp6-notification {
     77        color: #fff;
     78        background-color: #D54E21;
     79}
     80.mp6-text-notification {
     81        color: #D54E21;
     82}
     83
     84.mp6-text-icon {
     85        color: #999;
     86}
     87
     88
     89#adminmenu .wp-has-current-submenu .wp-submenu,
     90.no-js li.wp-has-current-submenu:hover .wp-submenu,
     91#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     92#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
     93#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
     94        background-color: #333;
     95}
     96
     97#adminmenu .wp-has-current-submenu .wp-submenu a,
     98.no-js li.wp-has-current-submenu:hover .wp-submenu a,
     99#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
     100#adminmenu .wp-has-current-submenu .wp-submenu.sub-open a,
     101#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
     102        color: #bbb;
     103}
     104
     105#adminmenu .wp-submenu a:hover,
     106#adminmenu .wp-submenu a:focus,
     107#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
     108#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
     109#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
     110#adminmenu .wp-has-current-submenu .wp-submenu.sub-open a:hover,
     111#adminmenu .wp-has-current-submenu .wp-submenu.sub-open a:focus,
     112#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,
     113#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
     114.no-js li.wp-has-current-submenu:hover .wp-submenu a:hover,
     115.no-js li.wp-has-current-submenu:hover .wp-submenu a:focus,
     116.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
     117.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
     118.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
     119.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus {
     120        background: none;
     121        color: #2ea2cc;
     122}
     123
     124ul#adminmenu a.wp-has-current-submenu:after,
     125ul#adminmenu > li.current > a.current:after {
     126        border-right-color: #eee;
     127}
     128
     129#dashboard_right_now .t,
     130#dashboard_right_now .b {
     131        color: #777;
     132}
     133
     134#the-comment-list .comment-item p.row-actions,
     135#dashboard_recent_comments .subsubsub,
     136.plugins .row-actions-visible,
     137.row-actions {
     138        color: #ddd;
     139}
     140
    23141.find-box-search,
    24142.find-box-buttons {
    25143        background-color: #f7f7f7;
    26         border-top: 1px solid #ddd;
     144        border-top: 1px solid #dfdfdf;
    27145}
    28146
    29147.find-box {
    … …  
    46164#wpbody,
    47165.form-table .pre,
    48166.ui-autocomplete li a {
    49         color: #333;
     167        color: #555;
    50168}
    51169
    52170body > #upload-menu {
    … …  
    84202}
    85203
    86204table.widefat {
    87         border-color: #dfdfdf;
    88         background-color: #f9f9f9;
     205        border-color: #fff;
     206        background-color: #fff;
    89207}
    90208
     209th .comment-grey-bubble:before {
     210        color: #444;
     211}
     212
     213.sorting-indicator:before {
     214        color: #444;
     215}
     216
    91217div.dashboard-widget-error {
    92218        background-color: #c43;
    93219}
    … …  
    109235ul.add-menu-item-tabs li.tabs,
    110236.wp-tab-active {
    111237        border-color: #dfdfdf;
    112         background-color: #fff;
     238        background-color: #fdfdfd;
    113239}
    114240
    115241ul.category-tabs li.tabs {
    … …  
    119245ul.category-tabs li.tabs,
    120246ul.add-menu-item-tabs li.tabs,
    121247.wp-tab-active {
    122         background-color: #fff;
     248        background-color: #fdfdfd;
    123249}
    124250
    125251kbd,
    126252code {
    127253        background: #eaeaea;
     254        background: rgba(0,0,0,0.07);
    128255}
    129256
    130257textarea,
    131258input[type="text"],
    132259input[type="password"],
    133 input[type="file"],
    134260input[type="email"],
    135261input[type="number"],
    136262input[type="search"],
    137263input[type="tel"],
    138264input[type="url"],
     265.titlewrap input {
     266        box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
     267}
     268
     269textarea,
     270input[type="text"],
     271input[type="password"],
     272input[type="email"],
     273input[type="number"],
     274input[type="search"],
     275input[type="tel"],
     276input[type="url"],
     277.titlewrap input,
    139278select {
    140         border-color: #dfdfdf;
     279        border-color: #dedede;
    141280}
    142281
     282.inside textarea,
     283.inside input[type="text"],
     284.inside input[type="password"],
     285.inside input[type="email"],
     286.inside input[type="number"],
     287.inside input[type="search"],
     288.inside input[type="tel"],
     289.inside input[type="url"] {
     290        border-color: #ddd;
     291}
     292
    143293textarea:focus,
    144294input[type="text"]:focus,
    145295input[type="password"]:focus,
    146 input[type="file"]:focus,
    147296input[type="email"]:focus,
    148297input[type="number"]:focus,
    149298input[type="search"]:focus,
    … …  
    153302        border-color: #aaa;
    154303}
    155304
     305input:disabled,
    156306input.disabled,
     307textarea:disabled,
    157308textarea.disabled {
    158         background-color: #ccc;
     309        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04);
     310        box-shadow:         inset 0 1px 2px rgba(0,0,0,0.04);
     311        border-color: rgba(222, 222, 222, .75);
     312        background: rgba(255, 255, 255, .5);
     313        color: rgba(51, 51, 51, .5);
    159314}
    160315
    161316#plugin-information .action-button a,
    … …  
    164319        color: #fff;
    165320}
    166321
    167 .revisions-meta,
     322/*
    168323.widget .widget-top,
    169324.postbox h3,
    170325.stuffbox h3,
    171 .widefat thead tr th,
    172 .widefat tfoot tr th,
     326.control-section .accordion-section-title,
    173327h3.dashboard-widget-title,
    174328h3.dashboard-widget-title span,
    175329h3.dashboard-widget-title small,
    176330.sidebar-name,
    177331#nav-menu-header,
    178332#nav-menu-footer,
    179 .menu-item-handle {
    180         background: #f1f1f1;
    181         background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
    182         background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9);
    183         background-image:    -moz-linear-gradient(bottom, #ececec, #f9f9f9);
    184         background-image:      -o-linear-gradient(bottom, #ececec, #f9f9f9);
    185         background-image: linear-gradient(to top, #ececec, #f9f9f9);
     333.menu-item-handle,
     334.checkbox,
     335.side-info,
     336.widefat thead th,
     337.widefat tfoot th {
     338        background: #fcfcfc;
     339        border-top: none;
     340        border-bottom: 1px solid #e1e1e1;
    186341}
     342*/
    187343
     344.accordion-section-content {
     345        border-left: none;
     346        border-right: none;
     347}
    188348
     349/*
     350.js .control-section:hover .accordion-section-title,
     351.js .control-section .accordion-section-title:hover,
     352.js .control-section.open .accordion-section-title,
     353.js .control-section .accordion-section-title:focus {
     354        background: #0074a2;
     355        border-color: #0074a2 !important;
     356}
     357*/
    189358
    190 .widget .widget-top,
    191 .postbox h3,
    192 .stuffbox h3 {
    193         border-bottom-color: #dfdfdf;
    194         text-shadow: #fff 0 1px 0;
    195         -webkit-box-shadow: 0 1px 0 #fff;
    196         box-shadow: 0 1px 0 #fff;
     359.widefat tfoot th {
     360        border-bottom: none;
     361        border-top: 1px solid #e1e1e1;
    197362}
    198363
     364.widefat thead th {
     365        border-bottom: 1px solid #e1e1e1;
     366}
     367
    199368.form-table th,
    200369.form-wrap label {
    201370        color: #222;
    202         text-shadow: #fff 0 1px 0;
    203371}
    204372
     373.form-table th {
     374        border-bottom: 1px solid #dfdfdf;
     375}
     376
     377.form-table td {
     378        border-bottom: 1px solid #dfdfdf;
     379}
     380.form-table.editcomment td {
     381        border-bottom: none;
     382}
     383
    205384.description,
    206385.form-wrap p {
    207386        color: #666;
    208387}
    209388
    210389strong .post-com-count span {
    211         background-color: #21759b;
     390        background-color: #0074a2;
    212391}
    213392
     393.post-com-count:after {         /* draw bubble connector using CSS! */
     394        border-top: 5px solid #bbbbbb;
     395        border-right: 5px solid transparent;
     396}
     397
     398strong .post-com-count:after {
     399        border-top: 5px solid #0076a0;
     400}
     401
     402.post-com-count:hover:after {
     403        border-top: 5px solid #2ea2cc;
     404}
     405
    214406.sorthelper {
    215407        background-color: #ccf3fa;
    216408}
    … …  
    221413}
    222414
    223415.wrap h2 {
    224         color: #464646;
     416        color: #000;
    225417}
    226418
    227419.wrap .add-new-h2,
    228 .wrap .add-new-h2:active {
    229         background: #f1f1f1;
     420.wrap .add-new-h2:active,
     421#add-new-comment a {
     422        background: #e0e0e0;
    230423}
    231424
     425.wrap .add-new-h2:hover,
     426#add-new-comment a:hover {
     427        background: #2ea2cc;
     428        color: #fff;
     429}
     430
    232431.subtitle {
    233432        color: #777;
    234433}
    … …  
    248447
    249448.alternate,
    250449.alt {
    251         background-color: #fcfcfc;
     450        background-color: #f9f9f9;
    252451}
    253452
    254453.available-theme a.screenshot {
    255         background-color: #f1f1f1;
    256         border-color: #ddd;
     454        background-color: #fff;
     455        border-color: #ccc;
    257456}
    258457
    259458#current-theme {
    … …  
    265464        border-right-color: #99d;
    266465}
    267466
    268 #media-upload,
    269 #media-upload .media-item .slidetoggle {
    270         background: #fff;
    271 }
    272 
    273 #media-upload .slidetoggle {
    274         border-top-color: #dfdfdf;
    275 }
    276 
    277 div.error,
    278 .login #login_error {
    279         background-color: #ffebe8;
    280         border-color: #c00;
    281 }
    282 
    283 div.error a {
    284         color: #c00;
    285 }
    286 
    287467.form-invalid {
    288468        background-color: #ffebe8 !important;
    289469}
    … …  
    295475
    296476.submit,
    297477#commentsdiv #add-new-comment {
    298         border-color: #dfdfdf;
     478        border: none;
    299479}
    300480
    301481.highlight {
    … …  
    335515}
    336516
    337517.post-com-count:hover span {
    338         background-color: #d54e21;
     518        background-color: #2ea2cc;
    339519}
    340520
    341521.quicktags, .search {
    … …  
    353533
    354534a:hover,
    355535a:active {
    356         color: #d54e21;
     536        color: #2ea2cc;
    357537}
    358538
    359539a:focus {
    … …  
    363543#adminmenu a:hover,
    364544#adminmenu li.menu-top > a:focus,
    365545#adminmenu .wp-submenu a:hover,
    366 #the-comment-list .comment a:hover,
    367546#rightnow a:hover,
    368547#media-upload a.del-link:hover,
    369548div.dashboard-widget-submit input:hover,
    370549.subsubsub a:hover,
    371550.subsubsub a.current:hover,
    372 .ui-tabs-nav a:hover,
    373 .plugins .inactive a:hover,
    374 #all-plugins-table .plugins .inactive a:hover,
    375 #search-plugins-table .plugins .inactive a:hover {
    376         color: #d54e21;
     551.ui-tabs-nav a:hover {
     552        color: #2ea2cc;
    377553}
    378554
    379555#the-comment-list .comment-item,
    380556#dashboard-widgets #dashboard_quick_press form p.submit {
    381         border-color: #dfdfdf;
     557        border: none;
    382558}
    383559
    384560#side-sortables .category-tabs .tabs a,
    … …  
    392568        color: #264761;
    393569}
    394570
    395 #dashboard_right_now .table_content,
    396 #dashboard_right_now .table_discussion {
    397         border-top-color: #ececec;
     571p.submit {
     572        border-top-color: #dfdfdf;
    398573}
    399574
    400575.submitbox .submit {
    … …  
    402577        color: #ccc;
    403578}
    404579
     580table.widefat span.delete a,
     581table.widefat span.trash a,
     582table.widefat span.spam a,
     583#dashboard_recent_comments .delete a,
     584#dashboard_recent_comments .trash a,
     585#dashboard_recent_comments .spam a,
     586.plugins a.delete,
     587#all-plugins-table .plugins a.delete,
     588#search-plugins-table .plugins a.delete,
     589.submitbox .submitdelete,
     590#media-items a.delete,
     591#media-items a.delete-permanently,
     592#nav-menu-footer .menu-delete {
     593        color: #a00;
     594}
     595
     596table.widefat span.delete a:hover,
     597table.widefat span.trash a:hover,
     598table.widefat span.spam a:hover,
     599#dashboard_recent_comments .delete a:hover,
     600#dashboard_recent_comments .trash a:hover,
     601#dashboard_recent_comments .spam a:hover,
    405602.plugins a.delete:hover,
    406603#all-plugins-table .plugins a.delete:hover,
    407604#search-plugins-table .plugins a.delete:hover,
    408 .submitbox .submitdelete {
    409         color: #f00;
    410         border-bottom-color: #f00;
    411 }
    412 
    413605.submitbox .submitdelete:hover,
    414606#media-items a.delete:hover,
    415607#media-items a.delete-permanently:hover,
    416608#nav-menu-footer .menu-delete:hover {
    417         color: #fff;
    418         background-color: #f00;
    419         border-bottom-color: #f00;
     609        color: #f00;
    420610}
    421611
    422612#normal-sortables .submitbox .submitdelete:hover {
    … …  
    432622.tablenav .next,
    433623.tablenav .prev {
    434624        border-color: transparent;
    435         color: #21759b;
     625        color: #0074a2;
    436626}
    437627
    438628.tablenav .next:hover,
    439629.tablenav .prev:hover {
    440630        border-color: transparent;
    441         color: #d54e21;
     631        color: #2ea2cc;
    442632}
    443633
    444634div.updated,
    445 .login .message {
    446         background-color: #ffffe0;
    447         border-color: #e6db55;
     635.login .message,
     636.press-this #message {
     637        background-color: #fff;
     638        border-left: 4px solid #7ad03a;
     639
     640        -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
     641        box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
    448642}
    449643
     644#update-nag,
     645.update-nag {
     646        background-color: #fff;
     647        border-left: 4px solid #ffba00;
     648
     649        -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
     650        box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
     651}
     652
     653div.error,
     654.login #login_error {
     655        background: #fff;
     656        border-left: 4px solid #dd3d36;
     657
     658        -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
     659        box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
     660}
     661
    450662.update-message {
    451663        color: #000;
    452664}
    … …  
    461673
    462674.widefat td,
    463675.widefat th {
    464         border-top-color: #fff;
    465         border-bottom-color: #dfdfdf;
     676        color: #555;
    466677}
    467678
    468 .widefat th {
    469         text-shadow: rgba(255,255,255,0.8) 0 1px 0;
    470 }
    471 
    472 .widefat td {
    473         color: #555;
    474 }
    475679.widefat p,
    476680.widefat ol,
    477681.widefat ul {
    … …  
    486690        color: #333;
    487691}
    488692
     693th.manage-column a,
    489694th.sortable a:hover,
    490695th.sortable a:active,
    491696th.sortable a:focus {
    … …  
    494699
    495700th.sortable a:focus {
    496701        background: #e1e1e1;
    497         background-image: -webkit-gradient(linear, left bottom, left top, from(#dcdcdc), to(#e9e9e9));
    498         background-image: -webkit-linear-gradient(bottom, #dcdcdc, #e9e9e9);
    499         background-image:    -moz-linear-gradient(bottom, #dcdcdc, #e9e9e9);
    500         background-image:      -o-linear-gradient(bottom, #dcdcdc, #e9e9e9);
    501         background-image: linear-gradient(to top, #dcdcdc, #e9e9e9);
    502702}
    503703
    504704h3.dashboard-widget-title small a {
    … …  
    510710}
    511711
    512712a,
    513 #adminmenu a,
    514713#the-comment-list p.comment-author strong a,
    515714#media-upload a.del-link,
    516715#media-items a.delete,
    517716#media-items a.delete-permanently,
    518717.plugins a.delete,
    519 .ui-tabs-nav a {
    520         color: #21759b;
     718.ui-tabs-nav a,
     719.plugins .inactive a {
     720        color: #0074a2;
     721        -webkit-transition-property: border, background, color;
     722        -moz-transition-property:    border, background, color;
     723        transition-property:         border, background, color;
     724        -webkit-transition-duration: .05s;
     725        -moz-transition-duration:    .05s;
     726        transition-duration:         .05s;
     727        -webkit-transition-timing-function: ease-in-out;
     728        -moz-transition-timing-function:    ease-in-out;
     729        transition-timing-function:         ease-in-out;
    521730}
    522731
     732.wp-list-table a,
     733.media-router a {
     734        -moz-transition: none;
     735        -webkit-transition: none;
     736        transition: none;
     737}
     738
     739#adminmenu a {
     740        color: #eee;
     741        -webkit-transition: all .1s ease-in-out;
     742        -moz-transition:    all .1s ease-in-out;
     743        transition:         all .1s ease-in-out;
     744}
     745
    523746#adminmenu .awaiting-mod,
    524747#adminmenu .update-plugins,
    525748#sidemenu a .update-plugins,
    526749#rightnow .reallynow {
    527         background-color: #464646;
     750        background-color: #d54e21;
    528751        color: #fff;
    529         -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
    530         box-shadow: rgba(255,255,255,0.5) 0 1px 0;
    531752}
    532753#plugin-information .action-button {
    533         background-color: #d54e21;
     754        background-color: #2ea2cc;
    534755        color: #fff;
    535756}
    536757
    537758#adminmenu li.current a .awaiting-mod,
    538 #adminmenu      li a.wp-has-current-submenu .update-plugins{
    539         background-color: #464646;
     759#adminmenu      li a.wp-has-current-submenu .update-plugins {
     760        background-color: #2ea2cc;
    540761        color: #fff;
    541         -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0;
    542         box-shadow: rgba(255,255,255,0.5) 0 1px 0;
    543762}
    544763
    545764div#media-upload-header,
    … …  
    571790        color: #777;
    572791}
    573792
    574 .login #nav a,
    575 .login #backtoblog a {
    576         color: #21759b !important;
     793.plugins .inactive a:hover {
     794        color: #2ea2cc;
    577795}
    578796
    579 .login #nav a:hover,
    580 .login #backtoblog a:hover {
    581         color: #d54e21 !important;
    582 }
    583 
    584797#wpfooter {
    585798        color: #777;
    586         border-color: #dfdfdf;
     799        border-color: transparent;
    587800}
    588801
    589802.imgedit-group,
    … …  
    592805        border-color: #dfdfdf;
    593806}
    594807
    595 .checkbox,
    596 .side-info,
    597 .plugins tr,
    598 #your-profile #rich_editing {
    599         background-color: #fcfcfc;
     808.plugins .plugin-description p,
     809.plugins .plugin-version-author-uri {
     810        color: #333;
    600811}
    601812
    602 .plugins .inactive,
    603 .plugins .inactive th,
    604 .plugins .inactive td,
    605 tr.inactive + tr.plugin-update-tr .plugin-update {
    606         background-color: #f4f4f4;
     813.plugins .inactive .plugin-title strong {
     814        color: #333;
    607815}
    608816
     817.plugin-update-tr .plugin-update {
     818        border: none;
     819        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
     820        box-shadow:         inset 0 -1px 0 rgba(0,0,0,0.1);
     821}
     822
    609823.plugin-update-tr .update-message {
    610         background-color: #fffbe4;
    611         border-color: #dfdfdf;
     824        background-color: #f7f7f7;
     825        background-color: rgba(0,0,0,0.03);
    612826}
    613827
    614 .plugins .active,
    615 .plugins .active th,
    616 .plugins .active td {
     828tr.active.update + tr.plugin-update-tr .plugin-update .update-message {
     829        background-color: #fcf3ef;
     830}
     831
     832.plugin-update-tr .update-message:before {
     833        color: #d54e21;
     834}
     835
     836.plugins,
     837.plugins th,
     838.plugins td {
    617839        color: #000;
    618840}
    619841
    … …  
    621843        color: #579;
    622844}
    623845
     846.plugins tr {
     847        background: #fff;
     848}
     849
     850.plugins .inactive td,
     851.plugins .inactive th,
     852.plugins .active td,
     853.plugins .active th,
     854.plugin-install #the-list td {
     855        -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
     856        box-shadow:         inset 0 -1px 0 rgba(0,0,0,0.1);
     857}
     858
     859.plugins .update td,
     860.plugins .update th {
     861        -webkit-box-shadow: none;
     862        box-shadow: none;
     863}
     864
     865.plugins .active td,
     866.plugins .active th,
     867tr.active + tr.plugin-update-tr .plugin-update {
     868        background-color: #f7fcfe;
     869}
     870
     871.plugins .active.update td,
     872.plugins .active.update th,
     873tr.active.update + tr.plugin-update-tr .plugin-update {
     874        background-color: #fefaf7;
     875}
     876
     877.plugins tr.active.plugin-update-tr + tr.inactive th,
     878.plugins tr.active.plugin-update-tr + tr.inactive td,
     879.plugins tr.active + tr.inactive th,
     880.plugins tr.active + tr.inactive td {
     881        border-top: 1px solid rgba(0,0,0,0.03);
     882
     883        -webkit-box-shadow: inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
     884        box-shadow:         inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
     885}
     886
     887.plugins tr.active + tr.inactive.update th,
     888.plugins tr.active + tr.inactive.update td {
     889        -webkit-box-shadow: none;
     890        box-shadow: none;
     891}
     892
     893.plugins .active th.check-column {
     894        border-left: 4px solid #2ea2cc;
     895}
     896
     897.plugins .active.update th.check-column,
     898.plugins .active.update + .plugin-update-tr .plugin-update {
     899        border-left: 4px solid #d54e21;
     900}
     901
     902.post-state-format:before,
     903.post-format-icon:before {
     904        color: #ddd;
     905        -webkit-transition: all .1s ease-in-out;
     906        -moz-transition:    all .1s ease-in-out;
     907        transition:         all .1s ease-in-out;
     908}
     909
     910input[type="radio"]:checked+label:before {
     911        color: #888888;
     912}
     913
     914a.post-state-format:hover:before,
     915a.post-format-icon:hover:before {
     916        color: #2ea2cc;
     917}
     918
     919#the-list tr:last-child td,
     920#the-list tr:last-child th {
     921        border-bottom: none !important;
     922        -webkit-box-shadow: none;
     923        box-shadow: none;
     924}
     925
    624926#the-comment-list tr.undo,
    625927#the-comment-list div.undo {
    626928        background-color: #f4f4f4;
    627929}
    628930
    629 #the-comment-list .unapproved {
    630         background-color: #ffffe0;
     931#the-comment-list .unapproved th,
     932#the-comment-list .unapproved td,
     933#dashboard_recent_comments #the-comment-list .unapproved {
     934        background-color: #fefaf7;
    631935}
    632936
     937#the-comment-list .unapproved th.check-column,
     938#dashboard_recent_comments #the-comment-list .unapproved {
     939        border-left: 4px solid #d54e21;
     940}
     941
     942#dashboard_recent_comments #the-comment-list .unapproved .avatar {
     943        margin-left: -4px;
     944}
     945
    633946#the-comment-list .approve a {
    634947        color: #006505;
    635948}
    … …  
    638951        color: #d98500;
    639952}
    640953
    641 table.widefat span.delete a,
    642 table.widefat span.trash a,
    643 table.widefat span.spam a,
    644 #dashboard_recent_comments .delete a,
    645 #dashboard_recent_comments .trash a,
    646 #dashboard_recent_comments .spam a {
    647         color: #bc0b0b;
     954#the-comment-list th,
     955#the-comment-list td {
     956        -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
     957        box-shadow:         inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    648958}
    649959
    650 .welcome-panel {
    651         background: #f5f5f5;
    652         background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#fafafa));
    653         background-image: -webkit-linear-gradient(bottom, #f5f5f5, #fafafa);
    654         background-image:    -moz-linear-gradient(bottom, #f5f5f5, #fafafa);
    655         background-image:      -o-linear-gradient(bottom, #f5f5f5, #fafafa);
    656         background-image: linear-gradient(to top, #f5f5f5, #fafafa);
    657         border-color: #dfdfdf;
     960#the-comment-list tr:last-child th,
     961#the-comment-list tr:last-child td {
     962    -webkit-box-shadow: none;
     963    box-shadow: none;
    658964}
     965
     966#the-comment-list tr.unapproved + tr.approved th,
     967#the-comment-list tr.unapproved + tr.approved td {
     968    border-top: 1px solid rgba(0, 0, 0, 0.03);
     969}
     970
     971.comments #the-comment-list .alt {
     972        background-color: transparent;
     973}
     974
    659975.welcome-panel p {
    660976        color: #777;
    661977}
     978
     979.welcome-panel a {
     980        text-decoration: none;
     981}
     982
    662983.welcome-panel-column p {
    663984        color: #464646;
    664985}
    665 .welcome-panel h3 {
    666         text-shadow: 1px 1px 1px #fff;
     986
     987.welcome-panel .welcome-icon:before {
     988        color: #888;
    667989}
    668990
    669991.widget,
    670 #widget-list .widget-top,
     992#available-widgets .widget-top,
     993.menu-item-settings,
    671994.postbox,
    672 #titlediv,
    673 #poststuff .postarea,
    674 .stuffbox {
    675         border-color: #dfdfdf;
    676         -webkit-box-shadow: inset 0 1px 0 #fff;
    677         box-shadow: inset 0 1px 0 #fff;
    678         -webkit-border-radius: 3px;
    679         border-radius: 3px;
     995#menu-settings-column .accordion-container,
     996#menu-management .menu-edit,
     997.manage-menus,
     998table.widefat,
     999.stuffbox,
     1000p.popular-tags,
     1001.widgets-holder-wrap,
     1002.welcome-panel,
     1003.wp-editor-container,
     1004#post-status-info,
     1005.popular-tags,
     1006.feature-filter {
     1007        border: 1px solid #dedede;
     1008        -webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
     1009        box-shadow:         0px 1px 1px -1px rgba(0,0,0,0.1);
    6801010}
    6811011
    682 .widget,
    683 #widget-list .widget-top,
     1012.wp-editor-container {
     1013        border-bottom: none;
     1014}
     1015
     1016#available-widgets .widget,
     1017.widget.ui-sortable-helper {
     1018        -webkit-box-shadow: none;
     1019        box-shadow: none;
     1020}
     1021
     1022.postbox table.widefat {
     1023        -webkit-box-shadow: none;
     1024        box-shadow: none;
     1025}
     1026
     1027.welcome-panel,
    6841028.postbox,
    685 .menu-item-settings {
    686         background: #f5f5f5;
    687         background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f9f9f9));
    688         background-image: -webkit-linear-gradient(bottom, #f5f5f5, #f9f9f9);
    689         background-image:    -moz-linear-gradient(bottom, #f5f5f5, #f9f9f9);
    690         background-image:      -o-linear-gradient(bottom, #f5f5f5, #f9f9f9);
    691         background-image: linear-gradient(to top, #f5f5f5, #f9f9f9);
     1029table.widefat,
     1030.wp-editor-container,
     1031.stuffbox,
     1032p.popular-tags,
     1033.widgets-holder-wrap,
     1034.popular-tags,
     1035.feature-filter {
     1036        background: #fff;
    6921037}
    6931038
    694 .postbox h3 {
    695         color: #464646;
     1039.postbox h3,
     1040#namediv h3,
     1041#submitdiv h3,
     1042#dashboard_recent_comments .comment {
     1043        color: #555;
     1044        border-bottom: 1px solid #eeeeee;
    6961045}
    6971046
    698 .widget .widget-top {
    699         color: #222;
     1047.widget .widget-top,
     1048.menu-item-handle {
     1049        background: #e9e9e9;
     1050        color: #333;
    7001051}
    7011052
    7021053.js .sidebar-name:hover h3,
    … …  
    7041055        color: #000;
    7051056}
    7061057
    707 .curtime #timestamp {
    708         background-image: url(../images/date-button.gif);
     1058#misc-publishing-actions label[for="post_status"]:before,
     1059#post-body #visibility:before,
     1060.curtime #timestamp:before,
     1061#post-body .misc-pub-revisions:before,
     1062span.wp-media-buttons-icon:before {
     1063        color: #888;
    7091064}
    7101065
    7111066#rightnow .youhave {
    … …  
    7161071        color: #448abd;
    7171072}
    7181073
    719 .tagchecklist span a,
    720 #bulk-titles div a {
    721         background: url(../images/xit.gif) no-repeat;
     1074#welcome-panel.welcome-panel .welcome-panel-close::before,
     1075.tagchecklist span a:before,
     1076#bulk-titles div a:before,
     1077.wp-pointer-buttons a.close:before {
     1078        background: none;
     1079        color: #bbb;
    7221080}
    7231081
    724 .tagchecklist span a:hover,
    725 #bulk-titles div a:hover {
    726         background: url(../images/xit.gif) no-repeat -10px 0;
     1082#welcome-panel.welcome-panel .welcome-panel-close:hover:before,
     1083.tagchecklist span a:hover:before,
     1084#bulk-titles div a:hover:before,
     1085.wp-pointer-buttons a.close:hover:before {
     1086        color: #c00;
    7271087}
    7281088
    729 #update-nag, .update-nag {
    730         background-color: #fffbcc;
    731         border-color: #e6db55;
    732         color: #555;
    733 }
    734 
    7351089#screen-meta {
    736         background-color: #f1f1f1;
    737         border-color: #ccc;
    738         -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
    739         box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
     1090        background-color: #fff;
     1091        border: 1px solid #dedede;
     1092        border-top: none;
     1093        -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
     1094        box-shadow:         0 1px 0 rgba(0,0,0,.025);
    7401095}
    7411096
    7421097#contextual-help-back {
    743         background: #fff;
     1098        background: #f6fbfd;
    7441099}
    7451100
    7461101.contextual-help-tabs a:hover {
    … …  
    7481103}
    7491104
    7501105#contextual-help-back,
     1106.contextual-help-tabs .active a {
     1107        border-color: #e1e1e1;
     1108}
     1109
    7511110.contextual-help-tabs .active {
    752         border-color: #ccc;
     1111        border-color: #2ea2cc;
     1112
     1113        -webkit-box-shadow: 0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
     1114        box-shadow:         0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
    7531115}
    7541116
    7551117.contextual-help-tabs .active,
    7561118.contextual-help-tabs .active a,
    7571119.contextual-help-tabs .active a:hover {
    758         background: #fff;
     1120        background: #f6fbfd;
    7591121        color: #333;
    7601122}
    7611123
    7621124/* screen options and help tabs */
    7631125#screen-options-link-wrap,
    7641126#contextual-help-link-wrap {
    765         border-right: 1px solid #ccc;
    766         border-left: 1px solid #ccc;
    767         border-bottom: 1px solid #ccc;
    768         background: #e3e3e3;
    769         background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#f1f1f1));
    770         background-image: -webkit-linear-gradient(bottom, #dfdfdf, #f1f1f1);
    771         background-image:    -moz-linear-gradient(bottom, #dfdfdf, #f1f1f1);
    772         background-image:      -o-linear-gradient(bottom, #dfdfdf, #f1f1f1);
    773         background-image: linear-gradient(to top, #dfdfdf, #f1f1f1);
     1127        border: 1px solid #dedede;
     1128        border-top: none;
     1129        background: #fff;
     1130        -webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
     1131        box-shadow:         0px 1px 1px -1px rgba(0,0,0,0.1);
    7741132}
    7751133
    7761134#screen-meta-links a {
    7771135        color: #777;
    778         background: transparent url(../images/arrows.png) no-repeat right 4px;
    7791136}
    7801137
     1138#screen-meta-links a:after {
     1139        color: #bbb;
     1140}
     1141
    7811142#screen-meta-links a:hover,
    7821143#screen-meta-links a:active {
    7831144        color: #333;
    784         background-color: transparent;
    7851145}
    7861146
    787 #screen-meta-links a.screen-meta-active {
    788         background-position: right -31px;
     1147#screen-meta-links a:focus {
     1148        border-color: #aaa;
     1149        color: #333;
     1150        -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
     1151        box-shadow: 0 2px 3px rgba(0,0,0,0.15);
    7891152}
    790 
    7911153/* end screen options and help tabs */
    7921154
    793 .login #backtoblog a {
    794         color: #464646;
    795 }
    796 
    7971155#wphead {
    798         border-bottom: #dfdfdf 1px solid;
     1156        border-bottom-color: #dfdfdf;
    7991157}
    8001158
    8011159#wphead h1 a {
    8021160        color: #464646;
    8031161}
    8041162
    805 #wpfooter a:link,
    806 #wpfooter a:visited {
    807         text-decoration: none;
    808 }
    809 
    810 #wpfooter a:hover {
    811         text-decoration: underline;
    812 }
    813 
    8141163.file-error,
    8151164abbr.required,
    8161165.widget-control-remove:hover,
    … …  
    8491198}
    8501199
    8511200#post-status-info {
    852         border-color: #dfdfdf #ccc #ccc;
    853         background-color: #eaeaea;
     1201        background-color: #f7f7f7;
    8541202}
    8551203
    856 .editwidget .widget-inside {
    857         border-color: #dfdfdf;
     1204.widget-inside,
     1205.menu-item-settings {
     1206        background: #eee;
    8581207}
    8591208
    8601209#titlediv #title {
    … …  
    8731222/* menu */
    8741223#adminmenuback,
    8751224#adminmenuwrap {
    876         background-color: #ececec;
    877         border-color: #ccc;
     1225        background-color: #222;
    8781226}
    8791227
    880 #adminmenushadow,
    881 #adminmenuback {
    882         background-image: url(../images/menu-shadow.png);
    883         background-position: top right;
    884         background-repeat: repeat-y;
    885 }
    886 
    8871228#adminmenu li.wp-menu-separator {
    888         background: #dfdfdf;
    889         border-color: #cfcfcf;
     1229        background: transparent;
     1230        border-color: transparent;
    8901231}
    8911232
    8921233#adminmenu div.separator {
    893         border-color: #e1e1e1;
     1234        border-color: transparent;
    8941235}
    8951236
    896 #adminmenu a.menu-top,
    897 #adminmenu .wp-submenu .wp-submenu-head {
    898         border-top-color: #f9f9f9;
    899         border-bottom-color: #dfdfdf;
    900 }
    901 
    9021237#adminmenu li.wp-menu-open {
    9031238        border-color: #dfdfdf;
    9041239}
    9051240
     1241#adminmenu li.menu-top,
     1242#adminmenu li.opensub > a.menu-top,
     1243#adminmenu li > a.menu-top {
     1244        -webkit-transition: all .1s ease-in-out;
     1245        -moz-transition:    all .1s ease-in-out;
     1246        transition:         all .1s ease-in-out;
     1247}
     1248
    9061249#adminmenu li.menu-top:hover,
    9071250#adminmenu li.opensub > a.menu-top,
    9081251#adminmenu li > a.menu-top:focus {
    909         background-color: #e4e4e4;
    910         color: #d54e21;
    911         text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 );
     1252        background-color: #111;
     1253        color: #2ea2cc;
    9121254}
    9131255
    914 /* So it doesn't get applied to the number spans (comments, updates, etc) */
    915 #adminmenu li.menu-top:hover > a span,
    916 #adminmenu li.menu-top > a:focus span {
    917         text-shadow: none;
     1256/* flyout menu arrow */
     1257#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
     1258        border-right-color: #333;
    9181259}
    9191260
    9201261#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
    … …  
    9221263.folded #adminmenu li.wp-has-current-submenu,
    9231264.folded #adminmenu li.current.menu-top,
    9241265#adminmenu .wp-menu-arrow,
    925 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
    926         background: #777;
    927         background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
    928         background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
    929         background-image:    -moz-linear-gradient(bottom, #6d6d6d, #808080);
    930         background-image:      -o-linear-gradient(bottom, #6d6d6d, #808080);
    931         background-image: linear-gradient(to top, #6d6d6d, #808080);
    932 }
    933 
     1266#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
    9341267#adminmenu .wp-menu-arrow div {
    935         background: #777;
    936         background-image: -webkit-gradient(linear, right bottom, left top, from(#6d6d6d), to(#808080));
    937         background-image: -webkit-linear-gradient(bottom right, #6d6d6d, #808080);
    938         background-image:    -moz-linear-gradient(bottom right, #6d6d6d, #808080);
    939         background-image:      -o-linear-gradient(bottom right, #6d6d6d, #808080);
    940         background-image: linear-gradient(to top left, #6d6d6d, #808080);
     1268        background: #0074a2;
    9411269}
    9421270
    9431271#adminmenu li.wp-not-current-submenu .wp-menu-arrow {
    9441272        border-top-color: #f9f9f9;
    9451273        border-bottom-color: #dfdfdf;
    946         background: #e4e4e4;
     1274        background: transparent;
    9471275}
    9481276
    9491277#adminmenu li.wp-not-current-submenu .wp-menu-arrow div {
    950         background: #e4e4e4;
    951         border-color: #ccc;
     1278        background: #111;
     1279        border-color: #111;
    9521280}
    9531281
    954 .folded #adminmenu li.menu-top li:hover a {
    955         background-image: none;
    956 }
    957 
    9581282#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
    9591283#adminmenu li.current a.menu-top,
    9601284#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
    961         text-shadow: 0 -1px 0 #333;
    9621285        color: #fff;
    963         border-top-color: #808080;
    964         border-bottom-color: #6d6d6d;
    9651286}
    9661287
    9671288.folded #adminmenu li.wp-has-current-submenu,
    9681289.folded #adminmenu li.current.menu-top {
    969         border-top-color: #808080;
    970         border-bottom-color: #6d6d6d;
     1290        border-color: #666;     /* Match the background color of the current menu item for a flat appearance */
    9711291}
    9721292
    973 #adminmenu .wp-submenu a:hover,
    974 #adminmenu .wp-submenu a:focus {
    975         background-color: #eaf2fa;
    976         color: #333;
    977 }
    978 
    9791293#adminmenu .wp-submenu li.current,
    9801294#adminmenu .wp-submenu li.current a,
    981 #adminmenu .wp-submenu li.current a:hover {
    982         color: #333;
     1295#adminmenu .opensub .wp-submenu li.current a,
     1296#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
     1297#adminmenu .wp-submenu li.current a:hover,
     1298#adminmenu .wp-submenu li.current a:focus {
     1299        color: #fff;
     1300        background: transparent;
    9831301}
    9841302
    9851303#adminmenu .wp-submenu,
    9861304.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    9871305.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    988         background-color: #fff;
    989         border-color: #dfdfdf;
    990         -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    991         box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
     1306        background-color: #333;
     1307
     1308        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
     1309        box-shadow:         0 3px 5px rgba(0,0,0,0.2);
    9921310}
    9931311
     1312#adminmenu .wp-submenu a,
     1313.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
     1314.folded #adminmenu .wp-has-current-submenu .wp-submenu a {
     1315        color: #bbb;
     1316}
     1317
    9941318#adminmenu .wp-submenu .wp-submenu-head {
    995         background-color: #e4e4e4;
    996         color: #333;
     1319        color: #fff;
    9971320}
    9981321
    9991322/* collapse menu button */
    10001323#collapse-menu {
    10011324        color: #aaa;
    1002         border-top-color: #f9f9f9;
     1325        -webkit-transition: all .1s ease-in-out;
     1326        -moz-transition:    all .1s ease-in-out;
     1327        transition:         all .1s ease-in-out;
    10031328}
    10041329
    10051330#collapse-menu:hover {
    1006         color: #999;
     1331        color: #2ea2cc;
    10071332}
    10081333
    1009 #collapse-button {
    1010         border-color: #ccc;
    1011         background: #f4f4f4;
    1012         background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#fff));
    1013         background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fff);
    1014         background-image:    -moz-linear-gradient(bottom, #dfdfdf, #fff);
    1015         background-image:      -o-linear-gradient(bottom, #dfdfdf, #fff);
    1016         background-image: linear-gradient(to top, #dfdfdf, #fff);
     1334#collapse-button div:after {
     1335        color: #aaa;
    10171336}
    10181337
    1019 #collapse-menu:hover #collapse-button {
    1020         border-color: #aaa;
     1338#collapse-menu:hover #collapse-button div:after {
     1339        color: #2ea2cc;
    10211340}
    10221341
    1023 #collapse-button div {
    1024         background: transparent url(../images/arrows.png) no-repeat 0 -72px;
     1342#adminmenu div.wp-menu-image:before {
     1343        color: #999;
    10251344}
    10261345
    1027 .folded #collapse-button div {
    1028         background-position: 0 -108px;
     1346.icon16:before {
     1347        color: #999;
    10291348}
    10301349
    1031 /* Auto-folding of the admin menu */
    1032 @media only screen and (max-width: 900px) {
    1033         .auto-fold #adminmenu li.wp-has-current-submenu,
    1034         .auto-fold #adminmenu li.current.menu-top {
    1035                 background-color: #777;
    1036                 background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
    1037                 background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
    1038                 background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080);
    1039                 background-image: -o-linear-gradient(bottom, #6d6d6d, #808080);
    1040                 background-image: linear-gradient(bottom, #6d6d6d, #808080);
    1041         }
    1042 
    1043         .auto-fold #adminmenu li.wp-has-current-submenu,
    1044         .auto-fold #adminmenu li.current.menu-top {
    1045                 border-top-color: #808080;
    1046                 border-bottom-color: #6d6d6d;
    1047         }
    1048 
    1049         .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    1050         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    1051                 background-color: #fff;
    1052                 border-color: #dfdfdf;
    1053                 -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    1054                 box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    1055         }
    1056 
    1057         .auto-fold #collapse-button div {
    1058                 background-position: 0 -108px;
    1059         }
     1350#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before {
     1351        color: #fff;
    10601352}
    10611353
    1062 /* menu and screen icons */
    1063 .icon16,
    1064 .icon32,
    1065 div.wp-menu-image {
    1066         background-color: transparent;
    1067         background-repeat: no-repeat;
     1354#adminmenu li:hover div.wp-menu-image:before {
     1355        color: #2ea2cc;
    10681356}
    10691357
    1070 .icon16.icon-dashboard,
    1071 .menu-icon-dashboard div.wp-menu-image,
    1072 .icon16.icon-post,
    1073 .menu-icon-post div.wp-menu-image,
    1074 .icon16.icon-media,
    1075 .menu-icon-media div.wp-menu-image,
    1076 .icon16.icon-links,
    1077 .menu-icon-links div.wp-menu-image,
    1078 .icon16.icon-page,
    1079 .menu-icon-page div.wp-menu-image,
    1080 .icon16.icon-comments,
    1081 .menu-icon-comments div.wp-menu-image,
    1082 .icon16.icon-appearance,
    1083 .menu-icon-appearance div.wp-menu-image,
    1084 .icon16.icon-plugins,
    1085 .menu-icon-plugins div.wp-menu-image,
    1086 .icon16.icon-users,
    1087 .menu-icon-users div.wp-menu-image,
    1088 .icon16.icon-tools,
    1089 .menu-icon-tools div.wp-menu-image,
    1090 .icon16.icon-settings,
    1091 .menu-icon-settings div.wp-menu-image,
    1092 .icon16.icon-site,
    1093 .menu-icon-site div.wp-menu-image,
    1094 .icon16.icon-generic,
    1095 .menu-icon-generic div.wp-menu-image {
    1096         background-image: url(../images/menu.png?ver=20121105);
     1358#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
     1359#adminmenu .current div.wp-menu-image:before,
     1360#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
     1361#adminmenu a.current:hover div.wp-menu-image:before {
     1362        color: #fff;
    10971363}
    10981364
    1099 .icon16.icon-dashboard,
    1100 #adminmenu .menu-icon-dashboard div.wp-menu-image {
    1101         background-position: -59px -33px;
    1102 }
     1365/* Diff */
    11031366
    1104 #adminmenu .menu-icon-dashboard:hover div.wp-menu-image,
    1105 #adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image,
    1106 #adminmenu .menu-icon-dashboard.current div.wp-menu-image {
    1107         background-position: -59px -1px;
     1367table.diff .diff-deletedline del {
     1368        background-color: #f99;
    11081369}
    11091370
    1110 .icon16.icon-post,
    1111 #adminmenu .menu-icon-post div.wp-menu-image {
    1112         background-position: -269px -33px;
     1371.ui-tooltip, .arrow::after {
     1372        background-color: #fff;
     1373        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    11131374}
    11141375
    1115 #adminmenu .menu-icon-post:hover div.wp-menu-image,
    1116 #adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image,
    1117 #adminmenu .menu-icon-post.current div.wp-menu-image {
    1118         background-position: -269px -1px;
     1376.revisions-meta,
     1377.revisions-diff,
     1378.revisions.pinned .revisions-controls {
     1379        background-color: #fff;
     1380        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    11191381}
    11201382
    1121 .icon16.icon-media,
    1122 #adminmenu .menu-icon-media div.wp-menu-image {
    1123         background-position: -119px -33px;
    1124 }
    1125 
    1126 #adminmenu .menu-icon-media:hover div.wp-menu-image,
    1127 #adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image,
    1128 #adminmenu .menu-icon-media.current div.wp-menu-image {
    1129         background-position: -119px -1px;
    1130 }
    1131 
    1132 .icon16.icon-links,
    1133 #adminmenu .menu-icon-links div.wp-menu-image {
    1134         background-position: -89px -33px;
    1135 }
    1136 
    1137 #adminmenu .menu-icon-links:hover div.wp-menu-image,
    1138 #adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image,
    1139 #adminmenu .menu-icon-links.current div.wp-menu-image {
    1140         background-position: -89px -1px;
    1141 }
    1142 
    1143 .icon16.icon-page,
    1144 #adminmenu .menu-icon-page div.wp-menu-image {
    1145         background-position: -149px -33px;
    1146 }
    1147 
    1148 #adminmenu .menu-icon-page:hover div.wp-menu-image,
    1149 #adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image,
    1150 #adminmenu .menu-icon-page.current div.wp-menu-image {
    1151         background-position: -149px -1px;
    1152 }
    1153 
    1154 .icon16.icon-comments,
    1155 #adminmenu .menu-icon-comments div.wp-menu-image {
    1156         background-position: -29px -33px;
    1157 }
    1158 
    1159 #adminmenu .menu-icon-comments:hover div.wp-menu-image,
    1160 #adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image,
    1161 #adminmenu .menu-icon-comments.current div.wp-menu-image {
    1162         background-position: -29px -1px;
    1163 }
    1164 
    1165 .icon16.icon-appearance,
    1166 #adminmenu .menu-icon-appearance div.wp-menu-image {
    1167         background-position: 1px -33px;
    1168 }
    1169 
    1170 #adminmenu .menu-icon-appearance:hover div.wp-menu-image,
    1171 #adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image,
    1172 #adminmenu .menu-icon-appearance.current div.wp-menu-image {
    1173         background-position: 1px -1px;
    1174 }
    1175 
    1176 .icon16.icon-plugins,
    1177 #adminmenu .menu-icon-plugins div.wp-menu-image {
    1178         background-position: -179px -33px;
    1179 }
    1180 
    1181 #adminmenu .menu-icon-plugins:hover div.wp-menu-image,
    1182 #adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image,
    1183 #adminmenu .menu-icon-plugins.current div.wp-menu-image {
    1184         background-position: -179px -1px;
    1185 }
    1186 
    1187 .icon16.icon-users,
    1188 #adminmenu .menu-icon-users div.wp-menu-image {
    1189         background-position: -300px -33px;
    1190 }
    1191 
    1192 #adminmenu .menu-icon-users:hover div.wp-menu-image,
    1193 #adminmenu .menu-icon-users.wp-has-current-submenu div.wp-menu-image,
    1194 #adminmenu .menu-icon-users.current div.wp-menu-image {
    1195         background-position: -300px -1px;
    1196 }
    1197 
    1198 .icon16.icon-tools,
    1199 #adminmenu .menu-icon-tools div.wp-menu-image {
    1200         background-position: -209px -33px;
    1201 }
    1202 
    1203 #adminmenu .menu-icon-tools:hover div.wp-menu-image,
    1204 #adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image,
    1205 #adminmenu .menu-icon-tools.current div.wp-menu-image {
    1206         background-position: -209px -1px;
    1207 }
    1208 
    1209 .icon16.icon-settings,
    1210 #adminmenu .menu-icon-settings div.wp-menu-image {
    1211         background-position: -239px -33px;
    1212 }
    1213 
    1214 #adminmenu .menu-icon-settings:hover div.wp-menu-image,
    1215 #adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image,
    1216 #adminmenu .menu-icon-settings.current div.wp-menu-image {
    1217         background-position: -239px -1px;
    1218 }
    1219 
    1220 .icon16.icon-site,
    1221 #adminmenu .menu-icon-site div.wp-menu-image {
    1222         background-position: -359px -33px;
    1223 }
    1224 
    1225 #adminmenu .menu-icon-site:hover div.wp-menu-image,
    1226 #adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image,
    1227 #adminmenu .menu-icon-site.current div.wp-menu-image {
    1228         background-position: -359px -1px;
    1229 }
    1230 
    1231 .icon16.icon-generic,
    1232 #adminmenu .menu-icon-generic div.wp-menu-image {
    1233         background-position: -330px -33px;
    1234 }
    1235 
    1236 #adminmenu .menu-icon-generic:hover div.wp-menu-image,
    1237 #adminmenu .menu-icon-generic.wp-has-current-submenu div.wp-menu-image,
    1238 #adminmenu .menu-icon-generic.current div.wp-menu-image {
    1239         background-position: -330px -1px;
    1240 }
    1241 
    1242 /* end menu and screen icons */
    1243 
    1244 /* Screen Icons */
    1245 .icon32.icon-post,
    1246 #icon-edit,
    1247 #icon-post,
    1248 .icon32.icon-dashboard,
    1249 #icon-index,
    1250 .icon32.icon-media,
    1251 #icon-upload,
    1252 .icon32.icon-links,
    1253 #icon-link-manager,
    1254 #icon-link,
    1255 #icon-link-category,
    1256 .icon32.icon-page,
    1257 #icon-edit-pages,
    1258 #icon-page,
    1259 .icon32.icon-comments,
    1260 #icon-edit-comments,
    1261 .icon32.icon-appearance,
    1262 #icon-themes,
    1263 .icon32.icon-plugins,
    1264 #icon-plugins,
    1265 .icon32.icon-users,
    1266 #icon-users,
    1267 #icon-profile,
    1268 #icon-user-edit,
    1269 .icon32.icon-tools,
    1270 #icon-tools,
    1271 #icon-admin,
    1272 .icon32.icon-settings,
    1273 #icon-options-general,
    1274 .icon32.icon-site,
    1275 #icon-ms-admin,
    1276 .icon32.icon-generic,
    1277 #icon-generic {
    1278         background-image: url(../images/icons32.png?ver=20121105);
    1279 }
    1280 
    1281 .icon32.icon-post,
    1282 #icon-edit,
    1283 #icon-post {
    1284         background-position: -552px -5px;
    1285 }
    1286 
    1287 .icon32.icon-dashboard,
    1288 #icon-index {
    1289         background-position: -137px -5px;
    1290 }
    1291 
    1292 .icon32.icon-media,
    1293 #icon-upload {
    1294         background-position: -251px -5px;
    1295 }
    1296 
    1297 .icon32.icon-links,
    1298 #icon-link-manager,
    1299 #icon-link,
    1300 #icon-link-category {
    1301         background-position: -190px -5px;
    1302 }
    1303 
    1304 .icon32.icon-page,
    1305 #icon-edit-pages,
    1306 #icon-page {
    1307         background-position: -312px -5px;
    1308 }
    1309 
    1310 .icon32.icon-comments,
    1311 #icon-edit-comments {
    1312         background-position: -72px -5px;
    1313 }
    1314 
    1315 .icon32.icon-appearance,
    1316 #icon-themes {
    1317         background-position: -11px -5px;
    1318 }
    1319 
    1320 .icon32.icon-plugins,
    1321 #icon-plugins {
    1322         background-position: -370px -5px;
    1323 }
    1324 
    1325 .icon32.icon-users,
    1326 #icon-users,
    1327 #icon-profile,
    1328 #icon-user-edit {
    1329         background-position: -600px -5px;
    1330 }
    1331 
    1332 .icon32.icon-tools,
    1333 #icon-tools,
    1334 #icon-admin {
    1335         background-position: -432px -5px;
    1336 }
    1337 
    1338 .icon32.icon-settings,
    1339 #icon-options-general {
    1340         background-position: -492px -5px;
    1341 }
    1342 
    1343 .icon32.icon-site,
    1344 #icon-ms-admin {
    1345         background-position: -659px -5px;
    1346 }
    1347 
    1348 .icon32.icon-generic,
    1349 #icon-generic {
    1350         background-position: -708px -5px;
    1351 }
    1352 
    1353 /* end screen icons */
    1354 
    1355 /* Post format icons */
    1356 
    1357 .post-format-icon {
    1358         background: url(../images/post-formats.png) no-repeat;
    1359 }
    1360 
    1361 /* Diff */
    13621383table.diff .diff-deletedline {
    13631384        background-color: #ffe9e9;
    13641385}
    … …  
    13751396        background-color: #afa;
    13761397}
    13771398
    1378 .revisions-meta {
    1379         border: 1px solid #dfdfdf;
    1380 }
    1381 
    1382 .revisions-controls {
    1383         background: #fff;
    1384         background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,1)), color-stop(30px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1)));
    1385         background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
    1386         background:    -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
    1387         background:      -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
    1388         background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%);
    1389 }
    1390 
    13911399.revisions-tooltip,
    13921400.revisions-tooltip-arrow span {
    13931401        border-color: #d7d7d7;
    13941402        background-color: #fff;
    13951403}
    13961404
     1405.revisions-tickmarks {
     1406        background-color: #fff;
     1407}
     1408
    13971409.revisions-tickmarks > div {
    13981410        border-color: #aaa;
    13991411}
    14001412
     1413.revisions.pinned .revisions-controls {
     1414        background: #fff;
     1415}
     1416
     1417.revisions.pinned .revisions-meta {
     1418        box-shadow: none;
     1419}
     1420
    14011421/* jQuery UI Slider */
     1422
    14021423.wp-slider.ui-slider {
    14031424        border-color: #d7d7d7;
    14041425}
    14051426
    1406 .wp-slider .ui-slider-handle {
    1407         border-color: #ccc;
    1408         border-radius: 50%;
    1409         background: #f4f4f4;
    1410         background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#fff));
    1411         background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fff);
    1412         background-image:    -moz-linear-gradient(bottom, #dfdfdf, #fff);
    1413         background-image:      -o-linear-gradient(bottom, #dfdfdf, #fff);
    1414         background-image: linear-gradient(to top, #dfdfdf, #fff);
    1415         color: #333;
     1427.wp-slider .ui-slider-handle,
     1428.wp-slider .ui-slider-handle.ui-state-hover,
     1429.wp-slider .ui-slider-handle.focus {
     1430        background: #2ea2cc;
     1431        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#2ea2cc), color-stop(100%,#1e8cbe));
     1432        background: -webkit-linear-gradient(-45deg, #2ea2cc 0%,#1e8cbe 100%);
     1433        background: linear-gradient(135deg, #2ea2cc 0%,#1e8cbe 100%);
     1434        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea2cc', endColorstr='#1e8cbe',GradientType=1 );
     1435        box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    14161436}
    14171437
    1418 .wp-slider .ui-slider-handle:hover,
    1419 .wp-slider .ui-slider-handle:focus {
    1420         border-color: #aaa;
     1438.wp-slider .ui-slider-handle:before {
     1439        color: #fff;
     1440        text-shadow: 0 1px 1px rgba(0,116,162,1);
    14211441}
    14221442
    1423 .wp-slider .ui-slider-handle.ui-state-hover,
    1424 .wp-slider .ui-slider-handle.ui-state-focus {
    1425         border-color: #aaa;
    1426         outline: none;
     1443.wp-slider .ui-slider-handle.ui-state-active {
     1444        background: #0074a2;
     1445        background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0074a2), color-stop(100%,#005684));
     1446        background: -webkit-linear-gradient(-45deg,  #0074a2 0%,#005684 100%);
     1447        background: linear-gradient(135deg,  #0074a2 0%,#005684 100%);
     1448        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074a2', endColorstr='#005684',GradientType=1 );
    14271449}
    14281450
    14291451/* edit image */
    … …  
    14341456}
    14351457
    14361458#sidemenu a.current {
    1437         background-color: #fff;
    1438         border-color: #dfdfdf #dfdfdf #fff;
    1439         color: #d54e21;
     1459        background-color: #eee;
     1460        border-color: #dfdfdf #dfdfdf #eee;
     1461        color: #000;
    14401462}
    14411463
    14421464#replyerror {
    … …  
    14521474}
    14531475
    14541476/* Install Plugins */
     1477
     1478#plugin-information {
     1479        height: auto;
     1480}
     1481
    14551482#plugin-information .fyi ul {
    14561483        background-color: #eaf3fa;
    14571484}
    … …  
    14661493}
    14671494
    14681495#plugin-information pre {
    1469         border: 1px solid #ccc;
     1496        border-color: #ccc;
    14701497}
    14711498
    14721499/* inline editor */
    … …  
    14921519}
    14931520
    14941521.attention {
    1495         color: #d54e21;
     1522        color: #2ea2cc;
    14961523}
    14971524
    1498 .js .meta-box-sortables .postbox:hover .handlediv {
    1499         background: transparent url(../images/arrows.png) no-repeat 6px 7px;
     1525.js .meta-box-sortables .postbox:hover .handlediv:before {
     1526        color: #888;
    15001527}
    15011528
    15021529.tablenav .tablenav-pages {
    … …  
    15041531}
    15051532
    15061533.tablenav .tablenav-pages a {
    1507         border-color: #e3e3e3;
    15081534        background: #eee;
    1509         -moz-box-shadow:    inset 0 1px 0 #fff;
    1510         -webkit-box-shadow: inset 0 1px 0 #fff;
    1511         box-shadow:         inset 0 1px 0 #fff;
     1535        background: rgba( 0, 0, 0, 0.05 );
    15121536}
    15131537
    15141538.tablenav .tablenav-pages a:hover,
    15151539.tablenav .tablenav-pages a:focus {
    1516         color: #d54e21;
     1540        color: #fff;
     1541        background: #2ea2cc;
    15171542}
    15181543
    15191544.tablenav .tablenav-pages a.disabled,
    15201545.tablenav .tablenav-pages a.disabled:hover,
    15211546.tablenav .tablenav-pages a.disabled:focus {
    15221547        color: #aaa;
     1548        background: #eee;
     1549        background: rgba( 0, 0, 0, 0.05 );
    15231550}
    15241551
    15251552.tablenav .tablenav-pages .current {
    … …  
    15471574}
    15481575
    15491576.misc-pub-section {
    1550         border-top-color: #fff;
    1551         border-bottom-color: #dfdfdf;
    15521577}
    15531578
    15541579#minor-publishing {
    … …  
    15561581}
    15571582
    15581583#post-body .misc-pub-section {
    1559         border-left-color: #eee;
    15601584}
    15611585
    15621586.post-com-count span {
    15631587        background-color: #bbb;
    15641588}
    15651589
    1566 .form-table .color-palette td {
    1567         border-color: #fff;
    1568 }
    1569 
    15701590.sortable-placeholder {
    15711591        border-color: #bbb;
    15721592        background-color: #f5f5f5;
    … …  
    15781598        color: #333;
    15791599}
    15801600
    1581 .view-switch #view-switch-list,
    1582 .view-switch #view-switch-excerpt {
    1583         background-color: transparent;
    1584         background-image: url('../images/list.png');
    1585         background-repeat: no-repeat;
     1601.view-switch>a:before {
     1602        color: #bbb;
    15861603}
    15871604
    1588 .view-switch #view-switch-list {
    1589         background-position: 0 0;
     1605.view-switch a:hover:before {
     1606        color: #727272;
    15901607}
    15911608
    1592 .view-switch .current #view-switch-list {
    1593         background-position: -40px 0;
     1609.view-switch a.current:before {
     1610        color: #0074a2;
    15941611}
    15951612
    1596 .view-switch #view-switch-excerpt {
    1597         background-position: -20px 0;
    1598 }
    1599 
    1600 .view-switch .current #view-switch-excerpt {
    1601         background-position: -60px 0;
    1602 }
    1603 
    1604 #header-logo {
    1605         background: transparent url(../images/wp-logo.png?ver=20110504) no-repeat scroll center center;
    1606 }
    1607 
    1608 .popular-tags,
    1609 .feature-filter {
    1610         background-color: #fff;
    1611         border-color: #dfdfdf;
    1612 }
    1613 
    16141613div.widgets-sortables,
    16151614#widgets-left .inactive,
    16161615#available-widgets .widget-holder {
    1617         background-color: #fcfcfc;
    1618         border-color: #dfdfdf;
     1616        background-color: #fff;
     1617        border-color: #fff;
    16191618}
    16201619
     1620#widgets-left #available-widgets {
     1621        background: #fff;
     1622}
     1623
    16211624#available-widgets .widget-description {
    16221625        color: #555;
    16231626}
    16241627
    16251628.sidebar-name {
    16261629        color: #464646;
    1627         text-shadow: #fff 0 1px 0;
    1628         border-color: #dfdfdf;
    1629         -webkit-box-shadow: inset 0 1px 0 #fff;
    1630         box-shadow: inset 0 1px 0 #fff;
     1630        border-bottom-color: #e1e1e1;
    16311631}
    16321632
    16331633.js .sidebar-name:hover,
    16341634.js #removing-widget {
    1635         color: #d54e21;
     1635        color: #2ea2cc;
    16361636}
    16371637
    16381638#removing-widget span {
    16391639        color: black;
    16401640}
    16411641
    1642 .js .sidebar-name-arrow {
    1643         background: transparent url(../images/arrows.png) no-repeat 5px 9px;
     1642.in-widget-title,
     1643#widgets-right .widget-top a.widget-control-edit,
     1644#wp_inactive_widgets .in-widget-title {
     1645        color: #777;
    16441646}
    16451647
    1646 .js .sidebar-name:hover .sidebar-name-arrow {
    1647         background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
     1648#widgets-right .widget-top a.widget-control-edit:hover {
     1649        color: #fff;
    16481650}
    16491651
    1650 .in-widget-title {
    1651         color: #606060;
    1652 }
    1653 
    1654 .deleting .widget-title * {
     1652.deleting .widget-title,
     1653.deleting .widget-top a.widget-action:after {
    16551654        color: #aaa;
    16561655}
    16571656
    … …  
    16721671        opacity: 0.5;
    16731672}
    16741673
    1675 #dashboard_recent_comments div.undo {
    1676         border-top-color: #dfdfdf;
    1677 }
    1678 
    1679 .comment-ays,
    1680 .comment-ays th {
    1681         border-color: #ddd;
    1682 }
    1683 
    1684 .comment-ays th {
    1685         background-color: #f1f1f1;
    1686 }
    1687 
    16881674/* added from nav-menu.css */
    1689 #menu-management .menu-edit {
    1690         border-color: #dfdfdf;
     1675#menu-management {
     1676        background: #f5f5f5
    16911677}
    16921678
    1693 #post-body {
     1679#menu-management #post-body {
    16941680        background: #fff;
    16951681        border-top-color: #fff;
    16961682        border-bottom-color: #dfdfdf;
    … …  
    17001686        border-bottom-color: #dfdfdf;
    17011687}
    17021688
    1703 #nav-menu-footer {
    1704         border-top-color: #fff;
    1705 }
    1706 
    17071689#menu-management .nav-tabs-arrow a {
    17081690        color: #c1c1c1;
    17091691}
    17101692
    17111693#menu-management .nav-tabs-arrow a:hover {
    1712         color: #d54e21;
     1694        color: #2ea2cc;
    17131695}
    17141696
    17151697#menu-management .nav-tabs-arrow a:active {
    … …  
    17451727
    17461728.menu li.deleting .menu-item-handle {
    17471729        background-color: #f66;
    1748         text-shadow: #ccc;
    17491730}
    17501731
    17511732.item-type { /* Menu item controls */
    1752         color: #999;
     1733        color: #777;
    17531734}
    17541735
    17551736.item-controls .menu-item-delete:hover {
    17561737        color: #f00;
    17571738}
    17581739
    1759 .nav-menus-php .item-edit {
    1760         background: transparent url(../images/arrows.png) no-repeat 8px 10px;
    1761         border-bottom-color: #eee;
     1740.widget-top a.widget-action:hover {
     1741        color: #0074a2;
    17621742}
    17631743
    1764 .nav-menus-php .item-edit:hover {
    1765         background: transparent url(../images/arrows-dark.png) no-repeat 8px 10px;
     1744.widget-top a.widget-action:after {
     1745        color: #333;
    17661746}
    17671747
    1768 .menu-item-settings { /* Menu editing */
    1769         border-color: #dfdfdf;
     1748#wp_inactive_widgets .widget .widget-top a.widget-action {
     1749        color: #ddd;
    17701750}
    17711751
     1752.nav-menus-php .item-edit:after,
     1753#wp_inactive_widgets .widget .widget-top a.widget-action:after {
     1754        color: #888;
     1755}
     1756
     1757.control-section .accordion-section-title::after,
     1758.accordion-section-title::after {
     1759        color: #888;
     1760}
     1761
     1762.nav-menus-php .control-section .accordion-section-title {
     1763        background: #fff;
     1764}
     1765
     1766.nav-menus-php .control-section:hover .accordion-section-title,
     1767.nav-menus-php .control-section .accordion-section-title:hover,
     1768.nav-menus-php .control-section.open .accordion-section-title,
     1769.nav-menus-php .control-section .accordion-section-title:focus{
     1770        color: #555;
     1771        background: #f5f5f5;
     1772}
     1773
     1774/* Menu editing */
     1775
    17721776.link-to-original {
    17731777        color: #777;
    17741778        border-color: #dfdfdf;
    … …  
    17901794}
    17911795
    17921796.submitbox .submitcancel {
    1793         color: #21759b;
    1794         border-bottom-color: #21759b;
     1797        color: #0074a2;
     1798        border-bottom-color: #0074a2;
    17951799}
    17961800
    17971801.submitbox .submitcancel:hover {
    1798         background: #21759b;
     1802        background: #0074a2;
    17991803        color: #fff;
    18001804}
    18011805
    18021806.manage-menus {
    1803         border: 1px solid #eeeeee;
    18041807        background: #fbfbfb;
    18051808}
    18061809
     1810.menu-settings {
     1811        border-top-color: #eeeeee;
     1812}
     1813
    18071814.theme-location-set {
    18081815        color: #999999;
    18091816}
    … …  
    18151822.is-submenu {
    18161823        color: #999999;
    18171824}
    1818 /* end added from nav-menu.css */
    18191825
    18201826.nav-tab {
    1821         border-color: #dfdfdf #dfdfdf #fff;
     1827        color: #555;
     1828        border-color: #ccc;
     1829        background: #e4e4e4;
    18221830}
    18231831
    1824 .nav-tab:hover,
    1825 .nav-tab-active {
    1826         border-color: #ccc #ccc #fff;
     1832.nav-tab:hover {
     1833        background-color: #fff;
     1834        color: #464646;
    18271835}
    18281836
    1829 h2.nav-tab-wrapper, h3.nav-tab-wrapper {
    1830         border-bottom-color: #ccc;
     1837.nav-tab-active {
     1838        color: #464646;
    18311839}
    18321840
    1833 #menu-management .nav-tab-active,
    1834 .menu-item-handle,
    1835 .menu-item-settings {
    1836         -webkit-box-shadow: inset 0 1px 0 #fff;
    1837         box-shadow: inset 0 1px 0 #fff;
     1841.nav-tab-active,
     1842.nav-tab-active:hover {
     1843        color: #000;
     1844        background: none;
     1845        border-color: #ccc;
     1846        border-bottom-color: #eee;
    18381847}
    18391848
    1840 #menu-management .nav-tab-active {
    1841         background: #f9f9f9;
    1842         border-bottom-color: #f9f9f9;
     1849h2.nav-tab-wrapper, h3.nav-tab-wrapper {
     1850        border-bottom-color: #ccc;
    18431851}
    18441852
    18451853#upload-form label {
    … …  
    18471855}
    18481856
    18491857/* Begin About Pages */
    1850 
    18511858.about-wrap h1 {
    18521859        color: #333;
    1853         text-shadow: 1px 1px 1px #fff;
    18541860}
    18551861
    18561862.about-text {
    … …  
    18581864}
    18591865
    18601866.wp-badge {
    1861         color: #fff;
    1862         text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3);
     1867        background-color: #0074a2;
     1868        color: #78c8e6;
     1869        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
     1870        box-shadow:         0 1px 3px rgba(0,0,0,0.2);
    18631871}
    18641872
    1865 .about-wrap h2 .nav-tab {
    1866         color: #21759b;
    1867 }
    1868 
    1869 .about-wrap h2 .nav-tab:hover {
    1870         color: #d54e21;
    1871 }
    1872 
    1873 .about-wrap h2 .nav-tab-active,
    1874 .about-wrap h2 .nav-tab-active:hover {
    1875         color: #333;
    1876 }
    1877 
    18781873.about-wrap h2 .nav-tab-active {
    1879         text-shadow: 1px 1px 1px #fff;
    1880         color: #464646;
     1874        border-color: #ccc;
     1875        border-bottom-color: #eee;
    18811876}
    18821877
    18831878.about-wrap h3 {
    18841879        color: #333;
    1885         text-shadow: 1px 1px 1px #fff;
    18861880}
    18871881
    18881882.about-wrap .feature-section h4 {
    18891883        color: #464646;
    18901884}
    18911885
    1892 .about-wrap h4.wp-people-group {
    1893         text-shadow: 1px 1px 1px #fff;
     1886.about-wrap .feature-section img {
     1887        background: #fff;
     1888        border-color: #ccc;
    18941889}
    18951890
     1891.about-wrap .feature-section .col-2:before,
     1892.about-wrap .feature-section .col-2:after,
     1893.about-wrap .feature-section.two-col p:before {
     1894        color: #1e8cbe;
     1895}
     1896
    18961897.about-wrap .point-releases {
    18971898        border-bottom: 1px solid #dfdfdf;
    18981899}
    18991900
    19001901.about-wrap .point-releases h3 {
    1901         border-top: 1px solid #dfdfdf;
     1902        border-top-color: #dfdfdf;
    19021903}
    19031904
    1904 .about-wrap .point-releases h3:first-child {
    1905         border: 0;
    1906 }
    1907 
    19081905.about-wrap li.wp-person img.gravatar {
    1909         -webkit-box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
    1910         box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
     1906        border-color: #ccc;
    19111907}
    19121908
    19131909.about-wrap li.wp-person .title {
    19141910        color: #464646;
    1915         text-shadow: 1px 1px 1px #fff;
    19161911}
    19171912
    19181913.freedoms-php .about-wrap ol li {
    … …  
    19251920
    19261921/* End About Pages */
    19271922
     1923/* Press This and Image editing icons */
    19281924
    1929 /*------------------------------------------------------------------------------
    1930   2.0 - Right to Left Styles
    1931 ------------------------------------------------------------------------------*/
     1925.pressthis a span:before {
     1926        color:#777;
     1927}
    19321928
    1933 .rtl .bar {
    1934         border-right-color: transparent;
    1935         border-left-color: #99d;
     1929.imgedit-menu div {
     1930        color:#777;
    19361931}
    19371932
    1938 .rtl #screen-meta-links a.show-settings {
    1939         background-position: left 3px;
     1933.imgedit-menu div:hover {
     1934        color:#333;
    19401935}
    19411936
    1942 .rtl #screen-meta-links a.show-settings.screen-meta-active {
    1943         background-position: left -33px;
     1937/* End Press This and Image editing icons */
     1938
     1939/* Media Manager */
     1940
     1941.media-modal-content {
     1942        background: #fcfcfc;
     1943        box-shadow: 0 5px 15px rgba(0,0,0,0.7);
    19441944}
    19451945
    1946 /* Menu */
    1947 .rtl #adminmenushadow,
    1948 .rtl #adminmenuback {
    1949         background-image: url(../images/menu-shadow-rtl.png);
    1950         background-position: top left;
     1946.media-menu {
     1947        background: #f3f3f3;
     1948        border-right-color: #ccc;
    19511949}
    19521950
    1953 .rtl #adminmenu .wp-submenu .wp-submenu-head {
    1954         border-right-color: transparent;
    1955         border-left-color: #dfdfdf;
     1951.media-menu > a {
     1952        color: #0074a2;
    19561953}
    19571954
    1958 .rtl #adminmenu .wp-submenu,
    1959 .rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    1960         -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1961         box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
     1955.media-menu .active,
     1956.media-menu .active:hover {
     1957        color: #222;
    19621958}
    19631959
    1964 .rtl #adminmenu .wp-has-current-submenu .wp-submenu {
    1965         -webkit-box-shadow: none;
    1966         box-shadow: none;
     1960.media-frame-content {
     1961        background: #fff;
     1962        border-top-color: #ddd;
     1963        border-bottom-color: #ddd;
    19671964}
    19681965
    1969 /* Collapse Menu Button */
    1970 .rtl #collapse-button div {
    1971         background-position: 0 -108px;
     1966.media-menu .separator {
     1967        border-top-color: #ddd;
     1968        border-bottom: none;
    19721969}
    19731970
    1974 .rtl.folded #collapse-button div {
    1975         background-position: 0 -72px;
     1971.media-sidebar {
     1972        background: #f3f3f3;
     1973        border-color: #ddd;
    19761974}
    19771975
    1978 /* Auto-folding of the admin menu for RTL */
    1979 @media only screen and (max-width: 900px) {
    1980         .rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    1981         .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    1982                 -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1983                 box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    1984         }
     1976.media-router .active,
     1977.media-router > a.active:last-child {
     1978        background: #fff;
     1979        border: 1px solid #ddd;
     1980        border-bottom: none;
     1981}
    19851982
    1986         .rtl.auto-fold #collapse-button div {
    1987                 background-position: 0 -72px;
    1988         }
     1983.details.attachment {
     1984        box-shadow: 0 0 0 1px #fff, 0 0 0 5px #2ea2cc;
    19891985}
    19901986
    1991 /* Edit Image */
    1992 .js.rtl .meta-box-sortables .postbox:hover .handlediv {
    1993         background: transparent url(../images/arrows.png) no-repeat 6px 7px;
     1987.attachment .check {
     1988        background: #eee;
    19941989}
    19951990
    1996 .rtl #post-body .misc-pub-section {
    1997         border-right-color: transparent;
    1998         border-left-color: #eee;
     1991.attachment.details .check {
     1992        box-shadow: 0 0 0 1px #2ea2cc;
     1993        background: #0074a2;
     1994        background-image: none;
    19991995}
    20001996
    2001 .js.rtl .sidebar-name-arrow {
    2002         background: transparent url(../images/arrows.png) no-repeat 5px 9px;
     1997/* TinyMCE modal */
     1998
     1999.clearlooks2 {
     2000        box-shadow: 0 5px 15px rgba(0,0,0,0.7);
    20032001}
    20042002
    2005 .js.rtl .sidebar-name:hover .sidebar-name-arrow {
    2006         background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
     2003.clearlooks2 .mceMiddle span,
     2004.clearlooks2 .mceMiddle .mceLeft,
     2005.clearlooks2 .mceMiddle .mceRight,
     2006.clearlooks2 .mceBottom,
     2007.clearlooks2 .mceBottom .mceLeft,
     2008.clearlooks2 .mceBottom .mceCenter,
     2009.clearlooks2 .mceBottom .mceRight {
     2010        background-color: #fcfcfc;
    20072011}
    20082012
    2009 /**
    2010  * HiDPI Displays
    2011  */
     2013.clearlooks2 .mceFocus .mceTop .mceLeft,
     2014.clearlooks2 .mceFocus .mceTop .mceRight {
     2015        background-color: #f3f3f3;
     2016}
     2017
     2018.clearlooks2 .mceTop span,
     2019.clearlooks2 .mceFocus .mceTop span {
     2020        color: #222;
     2021}
     2022
     2023.clearlooks2 .mceClose:before {
     2024        color: #666;
     2025}
     2026.clearlooks2 .mceClose:hover:before {
     2027        color: #2ea2cc;
     2028}
     2029
     2030
     2031/* Lightbox */
     2032
     2033.sticky-menu #TB_window {
     2034        background: #f1f1f1;
     2035}
     2036
     2037/* tinymce */
     2038a .mceIcon, .mceAction {
     2039        color:#777;
     2040}
     2041
     2042a .mceIcon:hover {
     2043        color:#333;
     2044}
     2045
     2046/* Log in page */
     2047
     2048.login form .input,
     2049.login input[type="text"],
     2050.login form input[type="checkbox"] {
     2051        border-color: #ddd !important; /* Override !important in checkbox style */
     2052        -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.08);
     2053        box-shadow:         inset 1px 1px 2px rgba(0,0,0,0.08);
     2054}
     2055
     2056.login form input[type="checkbox"] {
     2057        background-color: #fbfbfb;
     2058}
     2059
     2060.login form {
     2061        background: #fff;
     2062        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
     2063        box-shadow: 0 1px 3px rgba(0,0,0,0.13);
     2064}
     2065
     2066body.login {
     2067        background: #eee;
     2068}
     2069
     2070.login #nav a,
     2071.login #backtoblog a {
     2072        text-decoration: none;
     2073        color: #999;
     2074}
     2075
     2076.login #nav a:hover,
     2077.login #backtoblog a:hover {
     2078        color: #2ea2cc;
     2079}
     2080
     2081.login h1 a:hover {
     2082        color: #2ea2cc;
     2083}
     2084
    20122085@media print,
    20132086  (-o-min-device-pixel-ratio: 5/4),
    20142087  (-webkit-min-device-pixel-ratio: 1.25),
    20152088  (min-resolution: 120dpi) {
    2016 
    2017         .curtime #timestamp {
    2018                 background-image: url("../images/date-button-2x.gif?ver=20120916");
    2019                 background-size: 16px auto;
    2020         }
    2021 
     2089        .curtime #timestamp,
     2090        #screen-meta-links a.show-settings,
     2091        .widget-top a.widget-action,
     2092        .widget-top a.widget-action:hover,
     2093        .sidebar-name-arrow,
     2094        .sidebar-name:hover .sidebar-name-arrow,
     2095        .meta-box-sortables .postbox:hover .handlediv,
    20222096        .tagchecklist span a,
    20232097        #bulk-titles div a,
    20242098        .tagchecklist span a:hover,
    2025         #bulk-titles div a:hover {
    2026                 background-image: url("../images/xit-2x.gif?ver=20120916");
    2027                 background-size: 20px auto;
     2099        #bulk-titles div a:hover,
     2100        .wp_themeSkin .mceToolbar span.mce_undo,
     2101        .wp_themeSkin .mceToolbar span.mce_redo,
     2102        .wp_themeSkin .mceToolbar span.mce_bullist,
     2103        .wp_themeSkin .mceToolbar span.mce_numlist,
     2104        .wp_themeSkin .mceToolbar span.mce_blockquote,
     2105        .wp_themeSkin .mceToolbar span.mce_charmap,
     2106        .wp_themeSkin .mceToolbar span.mce_bold,
     2107        .wp_themeSkin .mceToolbar span.mce_italic,
     2108        .wp_themeSkin .mceToolbar span.mce_underline,
     2109        .wp_themeSkin .mceToolbar span.mce_justifyleft,
     2110        .wp_themeSkin .mceToolbar span.mce_justifyright,
     2111        .wp_themeSkin .mceToolbar span.mce_justifycenter,
     2112        .wp_themeSkin .mceToolbar span.mce_justifyfull,
     2113        .wp_themeSkin .mceToolbar span.mce_indent,
     2114        .wp_themeSkin .mceToolbar span.mce_outdent,
     2115        .wp_themeSkin .mceToolbar span.mce_link,
     2116        .wp_themeSkin .mceToolbar span.mce_unlink,
     2117        .wp_themeSkin .mceToolbar span.mce_help,
     2118        .wp_themeSkin .mceToolbar span.mce_removeformat,
     2119        .wp_themeSkin .mceToolbar span.mce_fullscreen,
     2120        .wp_themeSkin .mceToolbar span.mce_wp_fullscreen,
     2121        .wp_themeSkin .mceToolbar span.mce_media,
     2122        .wp_themeSkin .mceToolbar span.mce_pastetext,
     2123        .wp_themeSkin .mceToolbar span.mce_pasteword,
     2124        .wp_themeSkin .mceToolbar span.mce_wp_help,
     2125        .wp_themeSkin .mceToolbar span.mce_wp_adv,
     2126        .wp_themeSkin .mceToolbar span.mce_wp_more,
     2127        .wp_themeSkin .mceToolbar span.mce_strikethrough,
     2128        .wp_themeSkin .mceToolbar span.mce_spellchecker,
     2129        .wp_themeSkin .mceToolbar span.mce_forecolor,
     2130        .wp_themeSkin .mceToolbar .mce_forecolorpicker,
     2131        .wp_themeSkin .mceToolbar .mceSplitButton .mce_spellchecker span.mce_spellchecker,
     2132        .wp_themeSkin .mceToolbar .mceSplitButton .mce_forecolor span.mce_forecolor,
     2133        .wp_themeSkin .mceToolbar .mceSplitButton span.mce_numlist,
     2134        .wp_themeSkin .mceToolbar .mceSplitButton span.mce_bullist {
     2135                background: none !important;
    20282136        }
     2137}
    20292138
    2030         #screen-meta-links a.show-settings,
    2031         #screen-meta-links a.show-settings.screen-meta-active,
    2032         #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
    2033         #adminmenu .wp-menu-open .wp-menu-toggle,
    2034         #collapse-button div,
    2035         .nav-menus-php .item-edit,
    2036         .js .meta-box-sortables .postbox:hover .handlediv,
    2037         .sidebar-name-arrow,
    2038         .rtl #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
    2039         .rtl #adminmenu .wp-menu-open .wp-menu-toggle,
    2040         .js.rtl .meta-box-sortables .postbox:hover .handlediv,
    2041         .rtl .sidebar-name-arrow {
    2042                 background-image: url("../images/arrows-2x.png?ver=20120916");
    2043                 background-size: 15px 123px;
    2044         }
     2139/*------------------------------------------------------------------------------
     2140  2.0 - Right to Left Styles
     2141------------------------------------------------------------------------------*/
    20452142
    2046         #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
    2047         #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
    2048         .sidebar-name:hover .sidebar-name-arrow,
    2049         .nav-menus-php .item-edit:hover,
    2050         .rtl #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
    2051         .rtl #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
    2052         .rtl .sidebar-name:hover .sidebar-name-arrow {
    2053                 background-image: url("../images/arrows-dark-2x.png?ver=20120916");
    2054                 background-size: 15px 123px;
    2055         }
     2143.rtl .bar {
     2144        border-right-color: transparent;
     2145        border-left-color: #99d;
     2146}
    20562147
    2057         .view-switch #view-switch-list,
    2058         .view-switch #view-switch-excerpt {
    2059                 background-image: url("../images/list-2x.png?ver=20120916");
    2060                 background-size: 80px 20px;
    2061         }
     2148.rtl #adminmenu .wp-submenu .wp-submenu-head {
     2149        border-right-color: transparent;
     2150        border-left-color: #dfdfdf;
     2151}
    20622152
    2063         .icon32.icon-post,
    2064         #icon-edit,
    2065         #icon-post,
    2066         .icon32.icon-dashboard,
    2067         #icon-index,
    2068         .icon32.icon-media,
    2069         #icon-upload,
    2070         .icon32.icon-links,
    2071         #icon-link-manager,
    2072         #icon-link,
    2073         #icon-link-category,
    2074         .icon32.icon-page,
    2075         #icon-edit-pages,
    2076         #icon-page,
    2077         .icon32.icon-comments,
    2078         #icon-edit-comments,
    2079         .icon32.icon-appearance,
    2080         #icon-themes,
    2081         .icon32.icon-plugins,
    2082         #icon-plugins,
    2083         .icon32.icon-users,
    2084         #icon-users,
    2085         #icon-profile,
    2086         #icon-user-edit,
    2087         .icon32.icon-tools,
    2088         #icon-tools,
    2089         #icon-admin,
    2090         .icon32.icon-settings,
    2091         #icon-options-general,
    2092         .icon32.icon-site,
    2093         #icon-ms-admin,
    2094         .icon32.icon-generic,
    2095         #icon-generic {
    2096                 background-image: url(../images/icons32-2x.png?ver=20121105);
    2097                 background-size: 756px 45px;
    2098         }
     2153.rtl #adminmenu .wp-submenu,
     2154.rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu {
     2155        -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
     2156        box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
     2157}
    20992158
    2100         .icon16.icon-dashboard,
    2101         .menu-icon-dashboard div.wp-menu-image,
    2102         .icon16.icon-post,
    2103         .menu-icon-post div.wp-menu-image,
    2104         .icon16.icon-media,
    2105         .menu-icon-media div.wp-menu-image,
    2106         .icon16.icon-links,
    2107         .menu-icon-links div.wp-menu-image,
    2108         .icon16.icon-page,
    2109         .menu-icon-page div.wp-menu-image,
    2110         .icon16.icon-comments,
    2111         .menu-icon-comments div.wp-menu-image,
    2112         .icon16.icon-appearance,
    2113         .menu-icon-appearance div.wp-menu-image,
    2114         .icon16.icon-plugins,
    2115         .menu-icon-plugins div.wp-menu-image,
    2116         .icon16.icon-users,
    2117         .menu-icon-users div.wp-menu-image,
    2118         .icon16.icon-tools,
    2119         .menu-icon-tools div.wp-menu-image,
    2120         .icon16.icon-settings,
    2121         .menu-icon-settings div.wp-menu-image,
    2122         .icon16.icon-site,
    2123         .menu-icon-site div.wp-menu-image,
    2124         .icon16.icon-generic,
    2125         .menu-icon-generic div.wp-menu-image {
    2126                 background-image: url('../images/menu-2x.png?ver=20121105');
    2127                 background-size: 390px 64px;
    2128         }
     2159.rtl #adminmenu .wp-has-current-submenu .wp-submenu {
     2160        -webkit-box-shadow: none;
     2161        box-shadow: none;
     2162}
    21292163
    2130         #header-logo {
    2131                 background-image: url('../images/wp-logo-2x.png?ver=20120916');
    2132                 background-size: 16px auto;
    2133         }
     2164.rtl ul#adminmenu a.wp-has-current-submenu:after,
     2165.rtl ul#adminmenu > li.current > a.current:after {
     2166        border-right-color: transparent;
     2167        border-left-color: #eee;
     2168}
    21342169
    2135         /* 16px post formats */
    2136         .post-format-icon {
    2137                 background-image: url(../images/post-formats32.png);
    2138                 background-size: 16px 304px;
    2139         }
     2170/* Flyout Menu Arrow */
     2171.rtl #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
     2172.rtl #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
     2173        border-right-color: transparent;
     2174        border-left-color: #333;
     2175}
    21402176
     2177.rtl #post-body .misc-pub-section {
     2178        border-right-color: transparent;
     2179        border-left-color: #eee;
    21412180}
     2181
     2182.rtl div.updated,
     2183.rtl .login .message {
     2184        border-left: none;
     2185        border-right: 4px solid #7ad03a;
     2186}
     2187
     2188.rtl .plugins .active th.check-column,
     2189.rtl tr.active + tr.plugin-update-tr .plugin-update {
     2190        border-left: none;
     2191        border-right: 4px solid #2ea2cc;
     2192}
     2193
     2194.rtl .plugins .update th.check-column,
     2195.rtl tr.plugin-update-tr .plugin-update {
     2196        border-left: none;
     2197        border-right: 4px solid #d54e21;
     2198}
     2199
     2200.rtl #the-comment-list .unapproved th.check-column,
     2201.rtl #dashboard_recent_comments #the-comment-list .unapproved {
     2202    border-left: none;
     2203    border-right: 4px solid #d54e21;
     2204}
     2205
     2206.rtl #dashboard_recent_comments #the-comment-list .unapproved .avatar {
     2207        margin-left: 10px;
     2208    margin-right: -4px;
     2209}

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

     
    66        text-decoration: none;
    77}
    88
    9 #customize-info .accordion-section-content {
    10         background: transparent;
     9#customize-controls h3 {
     10        font-size: 14px;
    1111}
    1212
     13#customize-controls .submit {
     14        text-align: center;
     15}
     16
     17#customize-controls .description {
     18        color: #666666;
     19}
     20
     21#customize-header-actions .button-primary {
     22        float: right;
     23        margin-top: 10px;
     24}
     25
     26#customize-header-actions .spinner {
     27        margin-top: 16px;
     28        margin-right: 4px;
     29}
     30
     31.saving #customize-header-actions .spinner {
     32        display: block;
     33}
     34
     35#customize-info {
     36        border: none;
     37        border-top: 1px solid #ddd;
     38}
     39
     40#customize-info .accordion-section-title {
     41        background-color: #fff;
     42        color: #666666;
     43        border-left: none;
     44        border-right: none;
     45        border-bottom: 1px solid #eeeeee;
     46}
     47
     48#customize-info.open .accordion-section-title,
     49#customize-info .accordion-section-title:hover,
     50#customize-info .accordion-section-title:focus {
     51        color: #555555;
     52}
     53
     54#customize-info.open .accordion-section-title:after,
     55#customize-info .accordion-section-title:hover:after,
     56#customize-info .accordion-section-title:focus:after {
     57        color: #555555;
     58}
     59
     60#customize-info.open .accordion-section-title {
     61        border-color: transparent;
     62}
     63
    1364#customize-info .preview-notice {
    1465        font-size: 13px;
    1566        line-height: 24px;
    16         color: #999;
    1767}
    1868
    1969#customize-info .theme-name {
    2070        font-size: 20px;
    2171        font-weight: 200;
    2272        line-height: 24px;
    23         color: #333;
    2473        display: block;
    25         text-shadow: 0 1px 0 #fff;
    2674}
    2775
    2876#customize-info .theme-screenshot {
    2977        width: 258px;
    30         border: 1px solid #ccc;
    3178}
    3279
    3380#customize-info .theme-description {
    3481        margin-top: 1em;
    35         color: #777;
     82        color: #666666;
    3683        line-height: 20px;
    3784}
    3885
    39 #customize-controls .submit {
    40         text-align: center;
     86#customize-theme-controls {
     87        -webkit-box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, 0.1);
     88        box-shadow:         0px 1px 1px -1px rgba(0, 0, 0, 0.1);
    4189}
    4290
    43 #customize-theme-controls > ul,
     91#customize-theme-controls .control-section {
     92        border: none;
     93}
     94
     95#customize-theme-controls .accordion-section-title {
     96        color: #555555;
     97        background-color: #fff;
     98        border-bottom: 1px solid #eeeeee;
     99}
     100
    44101#customize-theme-controls .accordion-section-content {
    45         margin: 0;
     102        color: #555555;
     103        background: white;
    46104}
    47105
    48 #customize-header-actions .button-primary {
    49         float: right;
    50         margin-top: 10px;
     106#customize-theme-controls .control-section:hover .accordion-section-title,
     107#customize-theme-controls .control-section .accordion-section-title:hover,
     108#customize-theme-controls .control-section.open .accordion-section-title,
     109#customize-theme-controls .control-section .accordion-section-title:focus {
     110        color: #555555;
     111        background: #f5f5f5;
    51112}
    52113
    53 #customize-header-actions .spinner {
    54         margin-top: 16px;
    55         margin-right: 4px;
     114.js .control-section:hover .accordion-section-title,
     115.js .control-section .accordion-section-title:hover,
     116.js .control-section.open .accordion-section-title,
     117.js .control-section .accordion-section-title:focus {
     118        background: #f5f5f5;
    56119}
    57120
    58 .saving #customize-header-actions .spinner {
    59         display: block;
     121#customize-theme-controls .control-section:hover .accordion-section-title::after,
     122#customize-theme-controls .control-section .accordion-section-title:hover::after,
     123#customize-theme-controls .control-section.open .accordion-section-title::after,
     124#customize-theme-controls .control-section .accordion-section-title:focus::after {
     125        color: #555555;
    60126}
    61127
     128#customize-theme-controls .control-section.open {
     129        border-bottom: 1px solid #eeeeee;
     130}
     131
     132#customize-theme-controls .control-section.open .accordion-section-title {
     133        border-bottom-color: #eeeeee !important;
     134}
     135
     136#customize-theme-controls .control-section:last-of-type.open,
     137#customize-theme-controls .control-section:last-of-type .accordion-section-title {
     138        border-bottom-color: #ddd;
     139}
     140
     141#customize-theme-controls > ul,
     142#customize-theme-controls .accordion-section-content {
     143        margin: 0;
     144}
     145
    62146.customize-control {
    63147        width: 100%;
    64148        float: left;
    … …  
    66150        margin-bottom: 8px;
    67151}
    68152
    69 .customize-control-title {
    70         display: block;
    71         line-height: 24px;
    72         font-weight: bold;
    73 }
    74 
    75153.customize-control select,
    76154.customize-control input[type="text"],
    77155.customize-control input[type="radio"],
    78 .customize-control input[type="checkbox"],
    79 .customize-control-color .color-picker,
    80 .customize-control-checkbox label,
    81 .customize-control-upload div {
     156.customize-control input[type="checkbox"] {
    82157        line-height: 28px;
    83158}
    84159
    … …  
    95170        line-height: 28px;
    96171}
    97172
     173.customize-control-title {
     174        display: block;
     175        font-size: 14px;
     176        line-height: 24px;
     177        font-weight: 600;
     178        margin-bottom: 5px;
     179}
     180
     181.customize-control-color .color-picker,
     182.customize-control-checkbox label,
     183.customize-control-upload div {
     184        line-height: 28px;
     185}
     186
    98187.customize-control-checkbox input {
    99188        margin-right: 5px;
    100189}
    … …  
    109198}
    110199
    111200.customize-control-radio label {
    112         line-height: 20px;
     201        line-height: 32px;
    113202}
    114203
    115204.customize-control-radio input {
    … …  
    121210        height: 100%;
    122211}
    123212
    124 #customize-theme-controls .accordion-section-title:hover:after,
    125 #customize-theme-controls .accordion-section-title:focus:after {
    126         border-color: #eee transparent;
     213.wp-full-overlay-sidebar {
     214        background: #eeeeee;
     215        border: none;
    127216}
    128217
    129 #customize-theme-controls .control-section:hover .accordion-section-title,
    130 #customize-theme-controls .control-section .accordion-section-title:hover,
    131 #customize-theme-controls .control-section.open .accordion-section-title,
    132 #customize-theme-controls .control-section .accordion-section-title:focus {
    133         color: #fff;
    134         text-shadow: 0 -1px 0 #333;
    135         background: #808080;
    136         background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080));
    137         background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080);
    138         background-image:    -moz-linear-gradient(bottom, #6d6d6d, #808080);
    139         background-image:      -o-linear-gradient(bottom, #6d6d6d, #808080);
    140         background-image: linear-gradient(to top, #6d6d6d, #808080);
    141         border-left: 1px solid #808080;
    142         border-right: 1px solid #808080;
     218.collapse-sidebar {
     219        background-color: transparent !important;
     220        border: none !important;
     221        box-shadow: none !important;
     222        border-radius: 0 !important;
    143223}
    144224
    145 #customize-theme-controls .control-section.accordion-section:hover,
    146 #customize-theme-controls .control-section.accordion-section.open {
    147         border-top-color: #808080;
     225.collapse-sidebar .collapse-sidebar-label {
     226        color: #ccc;
    148227}
    149228
    150 #customize-theme-controls .control-section.open .accordion-section-title {
    151         border-bottom: 1px solid #6d6d6d;
     229.collapse-sidebar .collapse-sidebar-arrow:before {
     230        color: #aaa;
    152231}
    153232
    154 /*
    155  * Style for custom settings
    156  */
     233.collapse-sidebar:hover .collapse-sidebar-label,
     234.collapse-sidebar:hover .collapse-sidebar-arrow:before {
     235        color: #0074a2;
     236}
    157237
     238.collapse-sidebar:active,
     239.collapse-sidebar:active .collapse-sidebar-label,
     240.collapse-sidebar:active .collapse-sidebar-arrow:before {
     241        text-shadow: none;
     242}
     243
     244.collapsed .collapse-sidebar-arrow:before {
     245        color: #888;
     246}
     247
     248/* Style for custom settings */
     249
    158250/*
    159251 * Dropdowns
    160252 */
    … …  
    163255        display: block;
    164256        position: relative;
    165257        cursor: pointer;
    166 
    167         -webkit-border-radius: 3px;
    168         border-radius: 3px;
    169258}
    170259
    171260.accordion-section .dropdown-content {
    … …  
    176265        line-height: 16px;
    177266        margin-right: 16px;
    178267        padding: 4px 5px;
    179         background-color: #eee;
    180         border: 1px solid #ccc;
    181         -webkit-border-radius: 3px 0 0 3px;
    182         border-radius: 3px 0 0 3px;
    183 
     268        border: 2px solid #eeeeee;
    184269        -webkit-user-select: none;
    185270        -moz-user-select: none;
    186271        user-select: none;
    … …  
    191276        top: 0;
    192277        bottom: 0;
    193278        right: 0;
    194         width: 15px;
    195 
    196         border-color: #ccc;
    197         border-style: solid;
    198         border-width: 1px 1px 1px 0;
    199         -webkit-border-radius: 0 3px 3px 0;
    200         border-radius: 0 3px 3px 0;
     279        width: 20px;
     280        background: #eeeeee;
    201281}
    202282
    203283.customize-control .dropdown-arrow:after {
    204         content: '';
    205         width: 0;
    206         height: 0;
    207         border-color: #ccc transparent;
    208         border-style: solid;
    209         border-width: 4px 4px 0 4px;
    210         position: absolute;
    211         top: 50%;
    212         margin-top: -1px;
    213         right: 4px;
    214         z-index: 1;
     284        content: "\f140";
     285        font: normal 20px/1 'dashicons';
     286        speak: none;
     287        display: block;
     288        padding: 0;
     289        text-indent: 0;
     290        text-align: center;
     291        position: relative;
     292        -webkit-font-smoothing: antialiased;
     293        -moz-osx-font-smoothing: grayscale;
     294        text-decoration: none !important;
     295        color: #333;
    215296}
    216297
    217 .accordion-section .dropdown:hover .dropdown-content,
    218 .customize-control .dropdown:hover .dropdown-arrow {
    219         border-color: #aaa;
    220 }
    221 
    222 .accordion-section .dropdown:hover .dropdown-arrow:after {
    223         border-color: #aaa transparent;
    224 }
    225 
    226298.customize-control .dropdown-status {
     299        color: #333;
     300        background: #eeeeee;
    227301        display: none;
    228302        max-width: 112px;
    229         color: #777;
    230303}
    231304
    232 /*
    233  * Color Picker
    234  */
     305/* Color Picker */
    235306.customize-control-color .color-picker-hex {
    236307        display: none;
    237308}
    … …  
    246317}
    247318
    248319.customize-control-color .dropdown .dropdown-content {
    249         background-color: #fff;
    250         border: 1px solid rgba( 0, 0, 0, 0.15 );
     320        background-color: #555555;
     321        border: 1px solid rgba(0, 0, 0, 0.15);
    251322}
    252323
    253324.customize-control-color .dropdown:hover .dropdown-content {
    254         border-color: rgba( 0, 0, 0, 0.25 );
     325        border-color: rgba(0, 0, 0, 0.25);
    255326}
    256327
     328.customize-control-color .iris-picker {
     329        border-radius: 0 !important;
     330}
     331
    257332.accordion-section input[type="text"].color-picker-hex {
    258333        width: 65px;
    259334        font-family: monospace;
    … …  
    265340.accordion-section input[type="text"].color-picker-hex:focus::-webkit-input-placeholder {
    266341        color: transparent;
    267342}
     343
    268344.accordion-section input[type="text"].color-picker-hex:-moz-placeholder {
    269345        color: #999;
    270346}
    … …  
    308384}
    309385
    310386.accordion-section .customize-control-image .library ul {
    311         border-bottom: 1px solid #dfdfdf;
     387        border-bottom: 1px solid #ddd;
    312388        float: left;
    313389        width: 100%;
    314390        margin: 10px 0 0;
    315391}
    316392
    317393.accordion-section .customize-control-image .library li {
    318         color: #999;
     394        color: #ccc;
    319395        float: left;
    320         padding: 3px 5px;
     396        padding: 3px 15px;
    321397        margin: 0;
    322         border-style: solid;
    323         border-color: transparent;
    324         border-width: 1px 1px 0 1px;
     398        border: 1px solid transparent;
    325399}
    326400
    327401.accordion-section .customize-control-image .library li.library-selected {
    328402        margin-bottom: -1px;
    329403        padding-bottom: 4px;
    330 
    331         color: #777;
    332         background: #fdfdfd;
    333         border-color: #dfdfdf;
    334         -webkit-border-radius: 3px 3px 0 0;
    335         border-radius: 3px 3px 0 0 ;
     404        color: #666666;
     405        border-color: #ddd;
     406        border-bottom-color: #fff;
    336407}
    337408
    338 .accordion-section .customize-control-image .library-content {
    339         display: none;
     409.accordion-section .customize-control-image .library .thumbnail {
     410        display: block;
    340411        width: 100%;
    341         float: left;
    342         padding: 10px 0;
    343412}
    344413
    345 .accordion-section .customize-control-image .library-content.library-selected {
     414.accordion-section .customize-control-image .library .thumbnail img {
    346415        display: block;
     416        max-width: 90%;
     417        max-height: 80px;
     418        margin: 5px auto;
     419        padding: 2px;
     420        background: #666666;
    347421}
    348422
    349 .accordion-section .customize-control-image .library .thumbnail {
    350         display: block;
    351         width: 100%;
     423.accordion-section .customize-control-image .library .thumbnail:hover img {
     424        background-color: #2ea2cc;
    352425}
    353426
    354 .accordion-section .customize-control-image .library .thumbnail:hover img {
    355         border-color: #21759b;
     427.accordion-section .customize-control-image .library-content {
     428        display: none;
     429        width: 100%;
     430        float: left;
     431        padding: 10px 0;
    356432}
    357433
    358 .accordion-section .customize-control-image .library .thumbnail img {
     434.accordion-section .customize-control-image .library-content.library-selected {
    359435        display: block;
    360         max-width: 90%;
    361         max-height: 80px;
    362 
    363         margin: 5px auto;
    364         padding: 4px;
    365         background: #fff;
    366         border: 1px solid #dfdfdf;
    367436}
    368437
    369438.accordion-section .customize-control-upload .upload-fallback,
    … …  
    378447        border: 3px dashed #dfdfdf;
    379448        margin: 5px auto;
    380449        text-align: center;
    381         color: #777;
    382450        position: relative;
    383451        cursor: default;
    384452}
    … …  
    419487        -webkit-overflow-scrolling: touch;
    420488}
    421489
    422 /**
    423  * Handle cheaters.
    424  */
     490/** Handle cheaters. */
    425491body.cheatin {
    426492        min-width: 0;
    427493        background: #f9f9f9;
    … …  
    433499        margin: 0 auto;
    434500        padding: 2em;
    435501        font-size: 14px;
    436         background: #fff;
     502        background: #555555;
    437503        border: 1px solid #dfdfdf;
    438504        -webkit-border-radius: 3px;
    439         border-radius:         3px;
     505        border-radius: 3px;
    440506}

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

     
    1818        overflow: hidden;
    1919}
    2020
     21#media-upload:after { /* clearfix */
     22        content: "";
     23        display: table;
     24        clear: both;
     25}
     26
     27#media-upload,
     28#media-upload .media-item .slidetoggle {
     29        background: #fff;
     30}
     31
     32#media-upload .slidetoggle {
     33        border-top-color: #dfdfdf;
     34}
     35
     36#media-upload input[type="radio"] {
     37        padding: 0;
     38}
     39
    2140form {
    2241        margin: 1em;
    2342}

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

     
    129129        direction: ltr;
    130130}
    131131
     132input[type=checkbox]:checked:before {
     133        margin-left: 1px;
     134}
     135
    132136input[type="text"].ui-autocomplete-loading {
    133137        background: transparent url('../images/loading.gif') no-repeat left center;
    134138}
    … …  
    246250
    247251#screen-meta-links {
    248252        margin-right: 0;
    249         margin-left: 24px;
     253        margin-left: 5px;
    250254}
    251255
    252256#screen-meta {
    253         margin-right: 5px;
    254         margin-left: 15px;
     257        margin: 0 0 -2px 20px;
    255258}
    256259
    257260#screen-options-link-wrap,
    … …  
    261264        margin-right: 6px;
    262265}
    263266
     267#screen-meta-links a {
     268        left: 20px;
     269}
     270
    264271#screen-meta-links a.show-settings {
     272        background-position: left -33px;
    265273        padding-right: 6px;
    266274        padding-left: 16px;
    267275}
    268276
     277#wpbody-content #screen-meta-links a.show-settings {
     278        padding: 1px 10px 0 0;
     279}
     280
    269281.toggle-arrow {
    270282        background-position: top right;
    271283}
    … …  
    311323
    312324.contextual-help-tabs {
    313325        float: right;
     326        margin-right: 4px;
     327        width: 146px;
    314328}
    315329
    316330.contextual-help-tabs a {
    … …  
    326340.contextual-help-tabs .active,
    327341.contextual-help-tabs-wrap {
    328342        border-left: 0;
    329         border-right-width: 1px;
     343        border-right-width: 2px;
    330344}
    331345
    332346.help-tab-content {
    … …  
    350364------------------------------------------------------------------------------*/
    351365
    352366.folded #wpcontent {
    353         margin-left: 0;
     367        margin-left: inherit;
    354368        margin-right: 52px;
    355369}
    356370
    357371.folded.wp-admin #wpfooter {
    358         margin-left: 15px;
     372        margin-left: inherit;
    359373        margin-right: 52px;
    360374}
    361375
    … …  
    369383        left: 0;
    370384}
    371385
    372 #adminmenu li .wp-submenu {
     386ul#adminmenu .wp-submenu {
    373387        left: auto;
    374         right: 146px;
     388        right: 150px;
    375389}
    376390
     391ul#adminmenu .wp-has-current-submenu .wp-submenu {
     392        right: auto;
     393}
    377394
     395ul#adminmenu .wp-has-current-submenu ul > li > a {
     396        padding-right: 12px;
     397}
     398
     399ul#adminmenu a.wp-has-current-submenu:after,
     400ul#adminmenu > li.current > a.current:after {
     401        right: auto;
     402        left: 0;
     403}
     404
    378405.folded #adminmenu .wp-submenu.sub-open,
    379406.folded #adminmenu .opensub .wp-submenu,
    380407.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
    … …  
    383410.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
    384411.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
    385412        left: auto;
    386         right: 32px;
     413        right: 36px;
    387414}
    388415
    389 #adminmenu div.wp-menu-image,
     416ul#adminmenu div.wp-menu-image,
    390417.folded #adminmenu div.wp-menu-image {
    391418        float: right;
    392419        width: 30px;
    393420}
    394421
    395 #adminmenu .wp-submenu a,
    396 #adminmenu li li a,
     422ul#adminmenu .wp-submenu a,
     423ul#adminmenu li li a,
    397424.folded #adminmenu .wp-not-current-submenu li a {
    398425        padding-left: 0;
    399426        padding-right: 12px;
    400427}
    401428
    402 #adminmenu .wp-not-current-submenu li a {
     429ul#adminmenu .wp-not-current-submenu li a {
    403430        padding-left: 0;
    404431        padding-right: 18px;
    405432}
    … …  
    407434.wp-menu-arrow {
    408435        right: 0;
    409436
     437        -webkit-transform: translate( -139px );
    410438        -moz-transform:    translate( -139px );
    411         -webkit-transform: translate( -139px );
    412439        -o-transform:      translate( -139px );
    413440        -ms-transform:     translate( -139px );
    414441        transform:         translate( -139px );
    … …  
    418445        right: -20px;
    419446}
    420447
    421 #adminmenu .wp-menu-arrow div {
     448ul#adminmenu .wp-menu-arrow div {
    422449        left: -8px;
    423450        width: 16px;
    424451}
    425452
    426 #adminmenu li.wp-not-current-submenu .wp-menu-arrow {
     453ul#adminmenu li.wp-not-current-submenu .wp-menu-arrow {
     454        -webkit-transform: translate( -138px );
    427455        -moz-transform:    translate( -138px );
    428         -webkit-transform: translate( -138px );
    429456        -o-transform:      translate( -138px );
    430457        -ms-transform:     translate( -138px );
    431458        transform:         translate( -138px );
    432459}
    433460
    434461.folded #adminmenu li .wp-menu-arrow {
     462        -webkit-transform: translate( -26px );
    435463        -moz-transform:    translate( -26px );
    436         -webkit-transform: translate( -26px );
    437464        -o-transform:      translate( -26px );
    438465        -ms-transform:     translate( -26px );
    439466        transform:         translate( -26px );
    440467}
    441468
    442 #adminmenu .wp-not-current-submenu .wp-menu-arrow div {
     469ul#adminmenu .wp-not-current-submenu .wp-menu-arrow div {
    443470    border-style: solid solid none none;
    444471    border-width: 1px 1px 0 0;
    445472}
    446473
    447 #adminmenu .wp-menu-image img {
     474ul#adminmenu .wp-menu-image img {
    448475        padding: 7px 7px 0 0;
    449476}
    450477
    451 #adminmenu .wp-submenu .wp-submenu-head {
     478ul#adminmenu .wp-submenu .wp-submenu-head {
    452479        padding: 5px 10px 5px 4px;
    453480        -webkit-border-top-right-radius: 0;
    454         -webkit-border-top-left-radius: 3px;
    455481        border-top-right-radius: 0;
    456         border-top-left-radius: 3px;
    457482}
    458483
    459484.folded #adminmenu li.wp-has-current-submenu .wp-submenu {
    … …  
    469494        border-top-left-radius: 3px;
    470495}
    471496
    472 #adminmenu .awaiting-mod,
    473 #adminmenu span.update-plugins,
     497ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
     498        right: auto;
     499        left: 0;
     500}
     501
     502ul#adminmenu .awaiting-mod,
     503ul#adminmenu span.update-plugins,
    474504#sidemenu li a span.update-plugins {
    475505        font-family: Tahoma, Arial, sans-serif;
    476506        margin-left: 0;
    … …  
    481511        float: right;
    482512}
    483513
     514#collapse-button div:after {
     515        left: 3px;
     516        -webkit-transform: rotate(180deg);
     517        -ms-transform:     rotate(180deg);
     518        transform:         rotate(180deg);
     519}
     520
     521.folded #collapse-button div:after {
     522        -webkit-transform: rotate(0deg);
     523        -ms-transform:     rotate(0deg);
     524        transform:         rotate(0deg);
     525}
     526
    484527/* Auto-folding of the admin menu */
    485528@media only screen and (max-width: 900px) {
    486529        .auto-fold #wpcontent {
    … …  
    506549        .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
    507550        .no-js.auto-fold #adminmenu .wp-has-submenu:hover .wp-submenu  {
    508551                left: auto;
    509                 right: 32px;
     552                right: 36px;
    510553        }
    511554
    512555        .auto-fold #adminmenu .wp-not-current-submenu li a {
    … …  
    515558        }
    516559
    517560        .auto-fold #adminmenu li .wp-menu-arrow {
     561                -webkit-transform: translate( -27px );
    518562                -moz-transform:    translate( -27px );
    519                 -webkit-transform: translate( -27px );
    520563                -o-transform:      translate( -27px );
    521564                -ms-transform:     translate( -27px );
    522565                transform:         translate( -27px );
    … …  
    534577                border-top-right-radius: 0;
    535578                border-top-left-radius: 3px;
    536579        }
     580
     581        .auto-fold #collapse-button div:after {
     582                -webkit-transform: rotate(0deg);
     583                -ms-transform:     rotate(0deg);
     584                transform:         rotate(0deg);
     585        }
     586
     587        .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     588        .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
     589                -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
     590                box-shadow:         -2px 2px 5px rgba( 0, 0, 0, 0.4 );
     591        }
    537592}
    538593
    539594/* List table styles */
    … …  
    541596        font-family: Tahoma, Arial, sans-serif;
    542597}
    543598
    544 .post-com-count {
    545         background-image: url('../images/bubble_bg-rtl.gif');
    546 }
    547 
    548599.column-response .post-com-count {
    549600        float: right;
    550601        margin-right: 0;
    … …  
    762813
    763814.view-switch {
    764815        float: left;
     816        margin-left: 16px;
     817        margin-right: 8px;
    765818}
    766819
     820.view-switch>a:before {
     821        float: right !important;
     822        margin-left: 5px;
     823        margin-right: 0;
     824}
     825
     826.view-switch>a+a:before {
     827        margin-left: none;
     828        margin-right: 5px;
     829}
     830
    767831.filter {
    768832        float: right;
    769833        margin: -5px 10px 0 0;
    … …  
    889953        float: right;
    890954}
    891955
     956p.submit,
    892957.submitbox .submit {
    893958        text-align: right;
    894959}
    … …  
    902967        margin-left: 4px;
    903968}
    904969
     970#post-body #visibility:before,
     971.curtime #timestamp:before {
     972        padding-right: 0;
     973        padding-left: 4px;
     974}
     975
     976#misc-publishing-actions label[for="post_status"]:before {
     977        padding-right: 0;
     978        padding-left: 8px;
     979}
     980
    905981#normal-sortables .postbox .submit {
    906982        float: left;
    907983}
    … …  
    910986        margin: 0 125px 0 5px;
    911987}
    912988
     989.category-tabs {
     990        margin-bottom: 3px;
     991}
     992
    913993#side-sortables .comments-box thead th,
    914994#normal-sortables .comments-box thead th {
    915995        font-style: normal;
    … …  
    9461026.curtime #timestamp {
    9471027        background-position: right top;
    9481028        padding-left: 0;
    949         padding-right: 18px;
    9501029}
    9511030
    9521031.compat-attachment-fields th {
    … …  
    11081187
    11091188label.post-format-icon {
    11101189        margin-left: 0;
    1111         margin-right: 5px;
    1112         padding-left: 0px;
    1113         padding-right: 21px;
     1190        margin-right: 0;
     1191        padding-left: 0;
     1192        padding-right: 0;
    11141193}
    11151194
    1116 .post-format-icon.post-format-standard  {
    1117         background-position: 100% 0;
     1195.post-format-icon:before {
     1196        margin-left: 7px;
     1197        margin-right: 0;
    11181198}
    11191199
    1120 .post-format-icon.post-format-image  {
    1121         background-position: 100% -32px;
    1122 }
    1123 
    1124 .post-format-icon.post-format-gallery {
    1125         background-position: 100% -64px;
    1126 }
    1127 
    1128 .post-format-icon.post-format-audio {
    1129         background-position: 100% -96px;
    1130 }
    1131 
    1132 .post-format-icon.post-format-video {
    1133         background-position: 100% -128px;
    1134 }
    1135 
    1136 .post-format-icon.post-format-chat {
    1137         background-position: 100% -160px;
    1138 }
    1139 
    1140 .post-format-icon.post-format-status {
    1141         background-position: 100% -192px;
    1142 }
    1143 
    1144 .post-format-icon.post-format-aside {
    1145         background-position: 100% -224px;
    1146 }
    1147 
    1148 .post-format-icon.post-format-quote {
    1149         background-position: 100% -256px;
    1150 }
    1151 
    1152 .post-format-icon.post-format-link {
    1153         background-position: 100% -288px;
    1154 }
    1155 
    11561200/*------------------------------------------------------------------------------
    11571201  12.0 - Categories
    11581202------------------------------------------------------------------------------*/
    … …  
    14261470        margin: 2px 0 5px 3px;
    14271471}
    14281472
     1473#submitcomment #timestamp:before {
     1474        left: 1px;
     1475}
     1476
     1477.post-com-count:after { /* draw bubble connector using CSS! */
     1478        margin-left: auto;
     1479        margin-right: 8px;
     1480        border-right: none !important;
     1481        border-left: 5px solid transparent;
     1482}
     1483
     1484th .comment-grey-bubble:before {
     1485        content: '\f101'; /* todo: should be changed to a rtl variant - mitcho */
     1486        left: auto;
     1487        right: -4px;
     1488}
     1489
     1490#the-comment-list .unapproved th.check-column input {
     1491        margin-left: 0;
     1492        margin-right: 4px;
     1493}
     1494
     1495
    14291496/*------------------------------------------------------------------------------
    14301497  16.0 - Themes
    14311498------------------------------------------------------------------------------*/
    … …  
    15631630        margin: 0 0 -1px 6px;
    15641631}
    15651632
     1633.wrap h2.nav-tab-wrapper,
     1634.wrap h3.nav-tab-wrapper {
     1635        padding-left: 0;
     1636        padding-right: 10px;
     1637}
     1638
    15661639h2 .nav-tab {
    15671640        font-family: Tahoma, Arial, sans-serif;
    15681641}
    … …  
    15781651}
    15791652
    15801653#wpbody-content .plugins .plugin-title, #wpbody-content .plugins .theme-title {
    1581         padding-right: 0;
     1654        padding-right: 9px;
    15821655        padding-left: 12px;
    15831656}
    15841657
     1658.plugin-update-tr .update-message:before {
     1659        margin: 0 -2px 0 8px;
     1660}
    15851661
     1662
    15861663/*------------------------------------------------------------------------------
    15871664  18.0 - Users
    15881665------------------------------------------------------------------------------*/
    … …  
    16061683  19.0 - Tools
    16071684------------------------------------------------------------------------------*/
    16081685
     1686.press-this .posting {
     1687        margin-right: 0;
     1688        margin-left: 252px;
     1689}
     1690
     1691.press-this #publish,
     1692.press-this-sidebar {
     1693        float: left;
     1694}
     1695
     1696.press-this #header-logo,
     1697.press-this #wphead h1 {
     1698        float: right;
     1699}
     1700
     1701.press-this .wp_themeSkin .mceStatusbar a.mceResize {
     1702        background: transparent url('../images/resize-rtl.gif') no-repeat scroll right bottom;
     1703        width: 12px;
     1704        position: relative;
     1705        top: -1px;
     1706}
     1707
     1708.pressthis a span:before {
     1709        padding-left: 8px;
     1710}
     1711
    16091712.pressthis a span {
    1610         background-position: right 5px;
    1611         padding: 8px 27px 8px 11px;
     1713        padding: 0px 3px 8px 12px;
    16121714}
    16131715
    16141716.pressthis a:after {
    … …  
    16601762
    16611763#wpcontent,
    16621764#wpfooter {
    1663         margin-right: 165px;
     1765        padding-left: inherit;
     1766        margin-right: 170px;
    16641767}
    16651768
    16661769/*------------------------------------------------------------------------------
    … …  
    17061809        float: right;
    17071810}
    17081811
    1709 .about-wrap .feature-section.two-col div,
    17101812.about-wrap .feature-section.three-col div {
    17111813        margin-right: 0;
    17121814        margin-left: 4.999999999%;
    17131815        float: right;
    17141816}
    17151817
    1716 .about-wrap .feature-section.col .last-feature {
     1818.about-wrap .feature-section.three-col h4 {
     1819        text-align: right;
     1820}
     1821
     1822.about-wrap .feature-section.three-col img {
     1823        margin-right: 5px;
    17171824        margin-left: 0;
    17181825}
    17191826
    1720 .about-wrap .feature-section div p img {
    1721         float: left;
     1827.about-wrap .feature-section.three-col .last-feature {
    17221828        margin-left: 0;
    1723         margin-right: 10px;
    17241829}
    17251830
     1831.about-wrap .feature-section img {
     1832        margin: 0 0 10px 0.7%;
     1833}
     1834
     1835.about-wrap .feature-section.images-stagger-right img {
     1836        float: left;
     1837        margin: 0 2em 12px 5px;
     1838}
     1839
     1840.about-wrap .feature-section.images-stagger-left img {
     1841        float: right;
     1842        margin: 0 5px 12px 2em;
     1843}
     1844
    17261845.about-wrap li.wp-person,
    17271846.about-wrap li.wp-person img.gravatar {
    17281847        float: right;
    … …  
    17301849        margin-left: 10px;
    17311850}
    17321851
     1852@media only screen and (max-width: 768px) {
     1853        .about-wrap .feature-section img.image-66 {
     1854                float: none;
     1855        }
    17331856