WordPress.org

Make WordPress Core

Changeset 26072


Ignore:
Timestamp:
11/10/2013 12:26:50 AM (5 years ago)
Author:
helen
Message:

Say hello to a fresh new look for the WordPress admin.

Still to come: more color schemes, a responsive component, and more.

see #25858.
props iammattthomas, tillkruess, EmpireOfLight, melchoyce, ryelle, joen, mitchoyoshitaka, sirbrillig, andypeatling, isaackeyet, Otto42, dd32, matt, helen.

Location:
trunk/src
Files:
7 added
1 deleted
17 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/admin-header.php

    r25616 r26072  
    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);
     
    146147    $admin_body_class .= ' mobile';
    147148
    148 $admin_body_class .= ' no-customize-support';
     149if ( is_multisite() )
     150    $admin_body_class .= ' multisite';
     151
     152if ( is_network_admin() )
     153    $admin_body_class .= ' network-admin';
     154
     155$admin_body_class .= ' no-customize-support no-svg';
    149156
    150157?>
  • trunk/src/wp-admin/css/colors-fresh.css

    r25839 r26072  
    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.
     
    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
     
    47165.form-table .pre,
    48166.ui-autocomplete li a {
    49     color: #333;
     167    color: #555;
    50168}
    51169
     
    85203
    86204table.widefat {
    87     border-color: #dfdfdf;
    88     background-color: #f9f9f9;
     205    border-color: #fff;
     206    background-color: #fff;
     207}
     208
     209th .comment-grey-bubble:before {
     210    color: #444;
     211}
     212
     213.sorting-indicator:before {
     214    color: #444;
    89215}
    90216
     
    110236.wp-tab-active {
    111237    border-color: #dfdfdf;
    112     background-color: #fff;
     238    background-color: #fdfdfd;
    113239}
    114240
     
    120246ul.add-menu-item-tabs li.tabs,
    121247.wp-tab-active {
    122     background-color: #fff;
     248    background-color: #fdfdfd;
    123249}
    124250
     
    126252code {
    127253    background: #eaeaea;
     254    background: rgba(0,0,0,0.07);
    128255}
    129256
     
    131258input[type="text"],
    132259input[type="password"],
    133 input[type="file"],
    134260input[type="email"],
    135261input[type="number"],
     
    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;
     280}
     281
     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;
    141291}
    142292
     
    144294input[type="text"]:focus,
    145295input[type="password"]:focus,
    146 input[type="file"]:focus,
    147296input[type="email"]:focus,
    148297input[type="number"]:focus,
     
    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
     
    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,
     
    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);
    186 }
    187 
    188 
    189 
    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;
     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;
     341}
     342*/
     343
     344.accordion-section-content {
     345    border-left: none;
     346    border-right: none;
     347}
     348
     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*/
     358
     359.widefat tfoot th {
     360    border-bottom: none;
     361    border-top: 1px solid #e1e1e1;
     362}
     363
     364.widefat thead th {
     365    border-bottom: 1px solid #e1e1e1;
    197366}
    198367
     
    200369.form-wrap label {
    201370    color: #222;
    202     text-shadow: #fff 0 1px 0;
     371}
     372
     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;
    203382}
    204383
     
    209388
    210389strong .post-com-count span {
    211     background-color: #21759b;
     390    background-color: #0074a2;
     391}
     392
     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;
    212404}
    213405
     
    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;
     423}
     424
     425.wrap .add-new-h2:hover,
     426#add-new-comment a:hover {
     427    background: #2ea2cc;
     428    color: #fff;
    230429}
    231430
     
    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
     
    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;
     
    296476.submit,
    297477#commentsdiv #add-new-comment {
    298     border-color: #dfdfdf;
     478    border: none;
    299479}
    300480
     
    336516
    337517.post-com-count:hover span {
    338     background-color: #d54e21;
     518    background-color: #2ea2cc;
    339519}
    340520
     
    354534a:hover,
    355535a:active {
    356     color: #d54e21;
     536    color: #2ea2cc;
    357537}
    358538
     
    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,
     
    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
     
    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
     
    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
     
    433623.tablenav .prev {
    434624    border-color: transparent;
    435     color: #21759b;
     625    color: #0074a2;
    436626}
    437627
     
    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);
     642}
     643
     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);
    448660}
    449661
     
    462674.widefat td,
    463675.widefat th {
    464     border-top-color: #fff;
    465     border-bottom-color: #dfdfdf;
    466 }
    467 
    468 .widefat th {
    469     text-shadow: rgba(255,255,255,0.8) 0 1px 0;
    470 }
    471 
    472 .widefat td {
    473676    color: #555;
    474677}
     678
    475679.widefat p,
    476680.widefat ol,
     
    487691}
    488692
     693th.manage-column a,
    489694th.sortable a:hover,
    490695th.sortable a:active,
     
    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
     
    511711
    512712a,
    513 #adminmenu a,
    514713#the-comment-list p.comment-author strong a,
    515714#media-upload a.del-link,
     
    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;
     730}
     731
     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;
    521744}
    522745
     
    525748#sidemenu a .update-plugins,
    526749#rightnow .reallynow {
    527     background-color: #464646;
    528     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;
    531 }
    532 #plugin-information .action-button {
    533750    background-color: #d54e21;
    534751    color: #fff;
    535752}
     753#plugin-information .action-button {
     754    background-color: #2ea2cc;
     755    color: #fff;
     756}
    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
     
    572791}
    573792
    574 .login #nav a,
    575 .login #backtoblog a {
    576     color: #21759b !important;
    577 }
    578 
    579 .login #nav a:hover,
    580 .login #backtoblog a:hover {
    581     color: #d54e21 !important;
     793.plugins .inactive a:hover {
     794    color: #2ea2cc;
    582795}
    583796
    584797#wpfooter {
    585798    color: #777;
    586     border-color: #dfdfdf;
     799    border-color: transparent;
    587800}
    588801
     
    593806}
    594807
    595 .checkbox,
    596 .side-info,
    597 .plugins tr,
    598 #your-profile #rich_editing {
    599     background-color: #fcfcfc;
    600 }
    601 
    602 .plugins .inactive,
    603 .plugins .inactive th,
    604 .plugins .inactive td,
    605 tr.inactive + tr.plugin-update-tr .plugin-update {
    606     background-color: #f4f4f4;
     808.plugins .plugin-description p,
     809.plugins .plugin-version-author-uri {
     810    color: #333;
     811}
     812
     813.plugins .inactive .plugin-title strong {
     814    color: #333;
     815}
     816
     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);
    607821}
    608822
    609823.plugin-update-tr .update-message {
    610     background-color: #fffbe4;
    611     border-color: #dfdfdf;
    612 }
    613 
    614 .plugins .active,
    615 .plugins .active th,
    616 .plugins .active td {
     824    background-color: #f7f7f7;
     825    background-color: rgba(0,0,0,0.03);
     826}
     827
     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}
     
    620842.plugins .inactive a {
    621843    color: #579;
     844}
     845
     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;
    622924}
    623925
     
    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;
     935}
     936
     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;
    631944}
    632945
     
    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;
    648 }
    649 
    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;
    658 }
     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);
     958}
     959
     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;
     964}
     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;
    680 }
    681 
    682 .widget,
    683 #widget-list .widget-top,
     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);
     1010}
     1011
     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);
    692 }
    693 
    694 .postbox h3 {
    695     color: #464646;
    696 }
    697 
    698 .widget .widget-top {
    699     color: #222;
     1029table.widefat,
     1030.wp-editor-container,
     1031.stuffbox,
     1032p.popular-tags,
     1033.widgets-holder-wrap,
     1034.popular-tags,
     1035.feature-filter {
     1036    background: #fff;
     1037}
     1038
     1039.postbox h3,
     1040#namediv h3,
     1041#submitdiv h3,
     1042#dashboard_recent_comments .comment {
     1043    color: #555;
     1044    border-bottom: 1px solid #eeeeee;
     1045}
     1046
     1047.widget .widget-top,
     1048.menu-item-handle {
     1049    background: #e9e9e9;
     1050    color: #333;
    7001051}
    7011052
     
    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
     
    7171072}
    7181073
    719 .tagchecklist span a,
    720 #bulk-titles div a {
    721     background: url(../images/xit.gif) no-repeat;
    722 }
    723 
    724 .tagchecklist span a:hover,
    725 #bulk-titles div a:hover {
    726     background: url(../images/xit.gif) no-repeat -10px 0;
    727 }
    728 
    729 #update-nag, .update-nag {
    730     background-color: #fffbcc;
    731     border-color: #e6db55;
    732     color: #555;
     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;
     1080}
     1081
     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;
    7331087}
    7341088
    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
     
    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
     
    7561118.contextual-help-tabs .active a,
    7571119.contextual-help-tabs .active a:hover {
    758     background: #fff;
     1120    background: #f6fbfd;
    7591121    color: #333;
    7601122}
     
    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;
     1136}
     1137
     1138#screen-meta-links a:after {
     1139    color: #bbb;
    7791140}
    7801141
     
    7821143#screen-meta-links a:active {
    7831144    color: #333;
    784     background-color: transparent;
    785 }
    786 
    787 #screen-meta-links a.screen-meta-active {
    788     background-position: right -31px;
    789 }
    790 
     1145}
     1146
     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);
     1152}
    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;
    803 }
    804 
    805 #wpfooter a:link,
    806 #wpfooter a:visited {
    807     text-decoration: none;
    808 }
    809 
    810 #wpfooter a:hover {
    811     text-decoration: underline;
    8121161}
    8131162
     
    8501199
    8511200#post-status-info {
    852     border-color: #dfdfdf #ccc #ccc;
    853     background-color: #eaeaea;
    854 }
    855 
    856 .editwidget .widget-inside {
    857     border-color: #dfdfdf;
     1201    background-color: #f7f7f7;
     1202}
     1203
     1204.widget-inside,
     1205.menu-item-settings {
     1206    background: #eee;
    8581207}
    8591208
     
    8741223#adminmenuback,
    8751224#adminmenuwrap {
    876     background-color: #ececec;
    877     border-color: #ccc;
    878 }
    879 
    880 #adminmenushadow,
    881 #adminmenuback {
    882     background-image: url(../images/menu-shadow.png);
    883     background-position: top right;
    884     background-repeat: repeat-y;
     1225    background-color: #222;
    8851226}
    8861227
    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;
    894 }
    895 
    896 #adminmenu a.menu-top,
    897 #adminmenu .wp-submenu .wp-submenu-head {
    898     border-top-color: #f9f9f9;
    899     border-bottom-color: #dfdfdf;
     1234    border-color: transparent;
    9001235}
    9011236
    9021237#adminmenu li.wp-menu-open {
    9031238    border-color: #dfdfdf;
     1239}
     1240
     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;
    9041247}
    9051248
     
    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 );
    912 }
    913 
    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;
     1252    background-color: #111;
     1253    color: #2ea2cc;
     1254}
     1255
     1256/* flyout menu arrow */
     1257#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
     1258    border-right-color: #333;
    9181259}
    9191260
     
    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
     
    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;
    952 }
    953 
    954 .folded #adminmenu li.menu-top li:hover a {
    955     background-image: none;
     1278    background: #111;
     1279    border-color: #111;
    9561280}
    9571281
     
    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;
    971 }
    972 
    973 #adminmenu .wp-submenu a:hover,
    974 #adminmenu .wp-submenu a:focus {
    975     background-color: #eaf2fa;
    976     color: #333;
     1290    border-color: #666; /* Match the background color of the current menu item for a flat appearance */
    9771291}
    9781292
    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
     
    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);
     1310}
     1311
     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;
    9921316}
    9931317
    9941318#adminmenu .wp-submenu .wp-submenu-head {
    995     background-color: #e4e4e4;
    996     color: #333;
     1319    color: #fff;
    9971320}
    9981321
     
    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 {
     1331    color: #2ea2cc;
     1332}
     1333
     1334#collapse-button div:after {
     1335    color: #aaa;
     1336}
     1337
     1338#collapse-menu:hover #collapse-button div:after {
     1339    color: #2ea2cc;
     1340}
     1341
     1342#adminmenu div.wp-menu-image:before {
    10061343    color: #999;
    10071344}
    10081345
    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);
    1017 }
    1018 
    1019 #collapse-menu:hover #collapse-button {
    1020     border-color: #aaa;
    1021 }
    1022 
    1023 #collapse-button div {
    1024     background: transparent url(../images/arrows.png) no-repeat 0 -72px;
    1025 }
    1026 
    1027 .folded #collapse-button div {
    1028     background-position: 0 -108px;
    1029 }
    1030 
    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     }
    1060 }
    1061 
    1062 /* menu and screen icons */
    1063 .icon16,
    1064 .icon32,
    1065 div.wp-menu-image {
    1066     background-color: transparent;
    1067     background-repeat: no-repeat;
    1068 }
    1069 
    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);
    1097 }
    1098 
    1099 .icon16.icon-dashboard,
    1100 #adminmenu .menu-icon-dashboard div.wp-menu-image {
    1101     background-position: -59px -33px;
    1102 }
    1103 
    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;
    1108 }
    1109 
    1110 .icon16.icon-post,
    1111 #adminmenu .menu-icon-post div.wp-menu-image {
    1112     background-position: -269px -33px;
    1113 }
    1114 
    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;
    1119 }
    1120 
    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;
     1346.icon16:before {
     1347    color: #999;
     1348}
     1349
     1350#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before {
     1351    color: #fff;
     1352}
     1353
     1354#adminmenu li:hover div.wp-menu-image:before {
     1355    color: #2ea2cc;
     1356}
     1357
     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;
    13591363}
    13601364
    13611365/* Diff */
     1366
     1367table.diff .diff-deletedline del {
     1368    background-color: #f99;
     1369}
     1370
     1371.ui-tooltip, .arrow::after {
     1372    background-color: #fff;
     1373    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
     1374}
     1375
     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);
     1381}
     1382
    13621383table.diff .diff-deletedline {
    13631384    background-color: #ffe9e9;
     
    13741395table.diff .diff-addedline ins {
    13751396    background-color: #afa;
    1376 }
    1377 
    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%);
    13891397}
    13901398
     
    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;
    1416 }
    1417 
    1418 .wp-slider .ui-slider-handle:hover,
    1419 .wp-slider .ui-slider-handle:focus {
    1420     border-color: #aaa;
    1421 }
    1422 
     1427.wp-slider .ui-slider-handle,
    14231428.wp-slider .ui-slider-handle.ui-state-hover,
    1424 .wp-slider .ui-slider-handle.ui-state-focus {
    1425     border-color: #aaa;
    1426     outline: none;
     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);
     1436}
     1437
     1438.wp-slider .ui-slider-handle:before {
     1439    color: #fff;
     1440    text-shadow: 0 1px 1px rgba(0,116,162,1);
     1441}
     1442
     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
     
    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
     
    14531475
    14541476/* Install Plugins */
     1477
     1478#plugin-information {
     1479    height: auto;
     1480}
     1481
    14551482#plugin-information .fyi ul {
    14561483    background-color: #eaf3fa;
     
    14671494
    14681495#plugin-information pre {
    1469     border: 1px solid #ccc;
     1496    border-color: #ccc;
    14701497}
    14711498
     
    14931520
    14941521.attention {
    1495     color: #d54e21;
    1496 }
    1497 
    1498 .js .meta-box-sortables .postbox:hover .handlediv {
    1499     background: transparent url(../images/arrows.png) no-repeat 6px 7px;
     1522    color: #2ea2cc;
     1523}
     1524
     1525.js .meta-box-sortables .postbox:hover .handlediv:before {
     1526    color: #888;
    15001527}
    15011528
     
    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
     
    15211546.tablenav .tablenav-pages a.disabled:focus {
    15221547    color: #aaa;
     1548    background: #eee;
     1549    background: rgba( 0, 0, 0, 0.05 );
    15231550}
    15241551
     
    15481575
    15491576.misc-pub-section {
    1550     border-top-color: #fff;
    1551     border-bottom-color: #dfdfdf;
    15521577}
    15531578
     
    15571582
    15581583#post-body .misc-pub-section {
    1559     border-left-color: #eee;
    15601584}
    15611585
    15621586.post-com-count span {
    15631587    background-color: #bbb;
    1564 }
    1565 
    1566 .form-table .color-palette td {
    1567     border-color: #fff;
    15681588}
    15691589
     
    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;
    1586 }
    1587 
    1588 .view-switch #view-switch-list {
    1589     background-position: 0 0;
    1590 }
    1591 
    1592 .view-switch .current #view-switch-list {
    1593     background-position: -40px 0;
    1594 }
    1595 
    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;
     1601.view-switch>a:before {
     1602    color: #bbb;
     1603}
     1604
     1605.view-switch a:hover:before {
     1606    color: #727272;
     1607}
     1608
     1609.view-switch a.current:before {
     1610    color: #0074a2;
    16121611}
    16131612
     
    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;
     1618}
     1619
     1620#widgets-left #available-widgets {
     1621    background: #fff;
    16191622}
    16201623
     
    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
     
    16401640}
    16411641
    1642 .js .sidebar-name-arrow {
    1643     background: transparent url(../images/arrows.png) no-repeat 5px 9px;
    1644 }
    1645 
    1646 .js .sidebar-name:hover .sidebar-name-arrow {
    1647     background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
    1648 }
    1649 
    1650 .in-widget-title {
    1651     color: #606060;
    1652 }
    1653 
    1654 .deleting .widget-title * {
     1642.in-widget-title,
     1643#widgets-right .widget-top a.widget-control-edit,
     1644#wp_inactive_widgets .in-widget-title {
     1645    color: #777;
     1646}
     1647
     1648#widgets-right .widget-top a.widget-control-edit:hover {
     1649    color: #fff;
     1650}
     1651
     1652.deleting .widget-title,
     1653.deleting .widget-top a.widget-action:after {
    16551654    color: #aaa;
    16561655}
     
    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;
    1691 }
    1692 
    1693 #post-body {
     1675#menu-management {
     1676    background: #f5f5f5
     1677}
     1678
     1679#menu-management #post-body {
    16941680    background: #fff;
    16951681    border-top-color: #fff;
     
    17011687}
    17021688
    1703 #nav-menu-footer {
    1704     border-top-color: #fff;
    1705 }
    1706 
    17071689#menu-management .nav-tabs-arrow a {
    17081690    color: #c1c1c1;
     
    17101692
    17111693#menu-management .nav-tabs-arrow a:hover {
    1712     color: #d54e21;
     1694    color: #2ea2cc;
    17131695}
    17141696
     
    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
     
    17571738}
    17581739
    1759 .nav-menus-php .item-edit {
    1760     background: transparent url(../images/arrows.png) no-repeat 8px 10px;
    1761     border-bottom-color: #eee;
    1762 }
    1763 
    1764 .nav-menus-php .item-edit:hover {
    1765     background: transparent url(../images/arrows-dark.png) no-repeat 8px 10px;
    1766 }
    1767 
    1768 .menu-item-settings { /* Menu editing */
    1769     border-color: #dfdfdf;
    1770 }
     1740.widget-top a.widget-action:hover {
     1741    color: #0074a2;
     1742}
     1743
     1744.widget-top a.widget-action:after {
     1745    color: #333;
     1746}
     1747
     1748#wp_inactive_widgets .widget .widget-top a.widget-action {
     1749    color: #ddd;
     1750}
     1751
     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 */
    17711775
    17721776.link-to-original {
     
    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;
     1808}
     1809
     1810.menu-settings {
     1811    border-top-color: #eeeeee;
    18051812}
    18061813
     
    18161823    color: #999999;
    18171824}
    1818 /* end added from nav-menu.css */
    18191825
    18201826.nav-tab {
    1821     border-color: #dfdfdf #dfdfdf #fff;
    1822 }
    1823 
    1824 .nav-tab:hover,
     1827    color: #555;
     1828    border-color: #ccc;
     1829    background: #e4e4e4;
     1830}
     1831
     1832.nav-tab:hover {
     1833    background-color: #fff;
     1834    color: #464646;
     1835}
     1836
    18251837.nav-tab-active {
    1826     border-color: #ccc #ccc #fff;
     1838    color: #464646;
     1839}
     1840
     1841.nav-tab-active,
     1842.nav-tab-active:hover {
     1843    color: #000;
     1844    background: none;
     1845    border-color: #ccc;
     1846    border-bottom-color: #eee;
    18271847}
    18281848
     
    18311851}
    18321852
    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;
    1838 }
    1839 
    1840 #menu-management .nav-tab-active {
    1841     background: #f9f9f9;
    1842     border-bottom-color: #f9f9f9;
    1843 }
    1844 
    18451853#upload-form label {
    18461854    color: #777;
     
    18481856
    18491857/* Begin About Pages */
    1850 
    18511858.about-wrap h1 {
    18521859    color: #333;
    1853     text-shadow: 1px 1px 1px #fff;
    18541860}
    18551861
     
    18591865
    18601866.wp-badge {
    1861     color: #fff;
    1862     text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3);
    1863 }
    1864 
    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;
     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);
    18761871}
    18771872
    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
     
    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;
     1889}
     1890
     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;
    18941895}
    18951896
     
    18991900
    19001901.about-wrap .point-releases h3 {
    1901     border-top: 1px solid #dfdfdf;
    1902 }
    1903 
    1904 .about-wrap .point-releases h3:first-child {
    1905     border: 0;
     1902    border-top-color: #dfdfdf;
    19061903}
    19071904
    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
     
    19261921/* End About Pages */
    19271922
     1923/* Press This and Image editing icons */
     1924
     1925.pressthis a span:before {
     1926    color:#777;
     1927}
     1928
     1929.imgedit-menu div {
     1930    color:#777;
     1931}
     1932
     1933.imgedit-menu div:hover {
     1934    color:#333;
     1935}
     1936
     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);
     1944}
     1945
     1946.media-menu {
     1947    background: #f3f3f3;
     1948    border-right-color: #ccc;
     1949}
     1950
     1951.media-menu > a {
     1952    color: #0074a2;
     1953}
     1954
     1955.media-menu .active,
     1956.media-menu .active:hover {
     1957    color: #222;
     1958}
     1959
     1960.media-frame-content {
     1961    background: #fff;
     1962    border-top-color: #ddd;
     1963    border-bottom-color: #ddd;
     1964}
     1965
     1966.media-menu .separator {
     1967    border-top-color: #ddd;
     1968    border-bottom: none;
     1969}
     1970
     1971.media-sidebar {
     1972    background: #f3f3f3;
     1973    border-color: #ddd;
     1974}
     1975
     1976.media-router .active,
     1977.media-router > a.active:last-child {
     1978    background: #fff;
     1979    border: 1px solid #ddd;
     1980    border-bottom: none;
     1981}
     1982
     1983.details.attachment {
     1984    box-shadow: 0 0 0 1px #fff, 0 0 0 5px #2ea2cc;
     1985}
     1986
     1987.attachment .check {
     1988    background: #eee;
     1989}
     1990
     1991.attachment.details .check {
     1992    box-shadow: 0 0 0 1px #2ea2cc;
     1993    background: #0074a2;
     1994    background-image: none;
     1995}
     1996
     1997/* TinyMCE modal */
     1998
     1999.clearlooks2 {
     2000    box-shadow: 0 5px 15px rgba(0,0,0,0.7);
     2001}
     2002
     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;
     2011}
     2012
     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
     2085@media print,
     2086  (-o-min-device-pixel-ratio: 5/4),
     2087  (-webkit-min-device-pixel-ratio: 1.25),
     2088  (min-resolution: 120dpi) {
     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,
     2096    .tagchecklist span a,
     2097    #bulk-titles div a,
     2098    .tagchecklist span a:hover,
     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;
     2136    }
     2137}
    19282138
    19292139/*------------------------------------------------------------------------------
     
    19342144    border-right-color: transparent;
    19352145    border-left-color: #99d;
    1936 }
    1937 
    1938 .rtl #screen-meta-links a.show-settings {
    1939     background-position: left 3px;
    1940 }
    1941 
    1942 .rtl #screen-meta-links a.show-settings.screen-meta-active {
    1943     background-position: left -33px;
    1944 }
    1945 
    1946 /* Menu */
    1947 .rtl #adminmenushadow,
    1948 .rtl #adminmenuback {
    1949     background-image: url(../images/menu-shadow-rtl.png);
    1950     background-position: top left;
    19512146}
    19522147
     
    19672162}
    19682163
    1969 /* Collapse Menu Button */
    1970 .rtl #collapse-button div {
    1971     background-position: 0 -108px;
    1972 }
    1973 
    1974 .rtl.folded #collapse-button div {
    1975     background-position: 0 -72px;
    1976 }
    1977 
    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     }
    1985 
    1986     .rtl.auto-fold #collapse-button div {
    1987         background-position: 0 -72px;
    1988     }
    1989 }
    1990 
    1991 /* Edit Image */
    1992 .js.rtl .meta-box-sortables .postbox:hover .handlediv {
    1993     background: transparent url(../images/arrows.png) no-repeat 6px 7px;
     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}
     2169
     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;
    19942175}
    19952176
     
    19992180}
    20002181
    2001 .js.rtl .sidebar-name-arrow {
    2002     background: transparent url(../images/arrows.png) no-repeat 5px 9px;
    2003 }
    2004 
    2005 .js.rtl .sidebar-name:hover .sidebar-name-arrow {
    2006     background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
    2007 }
    2008 
    2009 /**
    2010  * HiDPI Displays
    2011  */
    2012 @media print,
    2013   (-o-min-device-pixel-ratio: 5/4),
    2014   (-webkit-min-device-pixel-ratio: 1.25),
    2015   (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 
    2022     .tagchecklist span a,
    2023     #bulk-titles div a,
    2024     .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;
    2028     }
    2029 
    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     }
    2045 
    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     }
    2056 
    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     }
    2062 
    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     }
    2099 
    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     }
    2129 
    2130     #header-logo {
    2131         background-image: url('../images/wp-logo-2x.png?ver=20120916');
    2132         background-size: 16px auto;
    2133     }
    2134 
    2135     /* 16px post formats */
    2136     .post-format-icon {
    2137         background-image: url(../images/post-formats32.png);
    2138         background-size: 16px 304px;
    2139     }
    2140 
    2141 }
     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}
  • trunk/src/wp-admin/css/customize-controls.css

    r24734 r26072  
    77}
    88
    9 #customize-info .accordion-section-content {
    10     background: transparent;
     9#customize-controls h3 {
     10    font-size: 14px;
     11}
     12
     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;
    1162}
    1263
     
    1465    font-size: 13px;
    1566    line-height: 24px;
    16     color: #999;
    1767}
    1868
     
    2171    font-weight: 200;
    2272    line-height: 24px;
    23     color: #333;
    24     display: block;
    25     text-shadow: 0 1px 0 #fff;
     73    display: block;
    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);
     89}
     90
     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
     101#customize-theme-controls .accordion-section-content {
     102    color: #555555;
     103    background: white;
     104}
     105
     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;
     112}
     113
     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;
     119}
     120
     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;
     126}
     127
     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;
    41139}
    42140
     
    46144}
    47145
    48 #customize-header-actions .button-primary {
    49     float: right;
    50     margin-top: 10px;
    51 }
    52 
    53 #customize-header-actions .spinner {
    54     margin-top: 16px;
    55     margin-right: 4px;
    56 }
    57 
    58 .saving #customize-header-actions .spinner {
    59     display: block;
    60 }
    61 
    62146.customize-control {
    63147    width: 100%;
     
    65149    clear: both;
    66150    margin-bottom: 8px;
    67 }
    68 
    69 .customize-control-title {
    70     display: block;
    71     line-height: 24px;
    72     font-weight: bold;
    73151}
    74152
     
    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}
     
    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;
     
    110199
    111200.customize-control-radio label {
    112     line-height: 20px;
     201    line-height: 32px;
    113202}
    114203
     
    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;
    127 }
    128 
    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;
    143 }
    144 
    145 #customize-theme-controls .control-section.accordion-section:hover,
    146 #customize-theme-controls .control-section.accordion-section.open {
    147     border-top-color: #808080;
    148 }
    149 
    150 #customize-theme-controls .control-section.open .accordion-section-title {
    151     border-bottom: 1px solid #6d6d6d;
    152 }
    153 
    154 /*
    155  * Style for custom settings
    156  */
     213.wp-full-overlay-sidebar {
     214    background: #eeeeee;
     215    border: none;
     216}
     217
     218.collapse-sidebar {
     219    background-color: transparent !important;
     220    border: none !important;
     221    box-shadow: none !important;
     222    border-radius: 0 !important;
     223}
     224
     225.collapse-sidebar .collapse-sidebar-label {
     226    color: #ccc;
     227}
     228
     229.collapse-sidebar .collapse-sidebar-arrow:before {
     230    color: #aaa;
     231}
     232
     233.collapse-sidebar:hover .collapse-sidebar-label,
     234.collapse-sidebar:hover .collapse-sidebar-arrow:before {
     235    color: #0074a2;
     236}
     237
     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 */
    157249
    158250/*
     
    164256    position: relative;
    165257    cursor: pointer;
    166 
    167     -webkit-border-radius: 3px;
    168     border-radius: 3px;
    169258}
    170259
     
    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;
     
    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;
    215 }
    216 
    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;
     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;
    224296}
    225297
    226298.customize-control .dropdown-status {
     299    color: #333;
     300    background: #eeeeee;
    227301    display: none;
    228302    max-width: 112px;
    229     color: #777;
    230 }
    231 
    232 /*
    233  * Color Picker
    234  */
     303}
     304
     305/* Color Picker */
    235306.customize-control-color .color-picker-hex {
    236307    display: none;
     
    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);
     326}
     327
     328.customize-control-color .iris-picker {
     329    border-radius: 0 !important;
    255330}
    256331
     
    266341    color: transparent;
    267342}
     343
    268344.accordion-section input[type="text"].color-picker-hex:-moz-placeholder {
    269345    color: #999;
     
    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%;
     
    316392
    317393.accordion-section .customize-control-image .library li {
    318     color: #999;
    319     float: left;
    320     padding: 3px 5px;
     394    color: #ccc;
     395    float: left;
     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
     
    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;
     407}
     408
     409.accordion-section .customize-control-image .library .thumbnail {
     410    display: block;
     411    width: 100%;
     412}
     413
     414.accordion-section .customize-control-image .library .thumbnail img {
     415    display: block;
     416    max-width: 90%;
     417    max-height: 80px;
     418    margin: 5px auto;
     419    padding: 2px;
     420    background: #666666;
     421}
     422
     423.accordion-section .customize-control-image .library .thumbnail:hover img {
     424    background-color: #2ea2cc;
    336425}
    337426
     
    345434.accordion-section .customize-control-image .library-content.library-selected {
    346435    display: block;
    347 }
    348 
    349 .accordion-section .customize-control-image .library .thumbnail {
    350     display: block;
    351     width: 100%;
    352 }
    353 
    354 .accordion-section .customize-control-image .library .thumbnail:hover img {
    355     border-color: #21759b;
    356 }
    357 
    358 .accordion-section .customize-control-image .library .thumbnail img {
    359     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
     
    379448    margin: 5px auto;
    380449    text-align: center;
    381     color: #777;
    382450    position: relative;
    383451    cursor: default;
     
    420488}
    421489
    422 /**
    423  * Handle cheaters.
    424  */
     490/** Handle cheaters. */
    425491body.cheatin {
    426492    min-width: 0;
     
    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;
    440 }
     505    border-radius: 3px;
     506}
  • trunk/src/wp-admin/css/media.css

    r22629 r26072  
    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;
  • trunk/src/wp-admin/css/wp-admin-rtl.css

    r25844 r26072  
    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;
     
    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
     
    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;
     275}
     276
     277#wpbody-content #screen-meta-links a.show-settings {
     278    padding: 1px 10px 0 0;
    267279}
    268280
     
    312324.contextual-help-tabs {
    313325    float: right;
     326    margin-right: 4px;
     327    width: 146px;
    314328}
    315329
     
    327341.contextual-help-tabs-wrap {
    328342    border-left: 0;
    329     border-right-width: 1px;
     343    border-right-width: 2px;
    330344}
    331345
     
    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}
     
    370384}
    371385
    372 #adminmenu li .wp-submenu {
     386ul#adminmenu .wp-submenu {
    373387    left: auto;
    374     right: 146px;
    375 }
    376 
     388    right: 150px;
     389}
     390
     391ul#adminmenu .wp-has-current-submenu .wp-submenu {
     392    right: auto;
     393}
     394
     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}
    377404
    378405.folded #adminmenu .wp-submenu.sub-open,
     
    384411.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
    385412    left: auto;
    386     right: 32px;
    387 }
    388 
    389 #adminmenu div.wp-menu-image,
     413    right: 36px;
     414}
     415
     416ul#adminmenu div.wp-menu-image,
    390417.folded #adminmenu div.wp-menu-image {
    391418    float: right;
     
    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;
     
    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;
     
    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 );
     
    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 );
     
    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 );
     
    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
     
    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;
     
    480510#collapse-button {
    481511    float: right;
     512}
     513
     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);
    482525}
    483526
     
    507550    .no-js.auto-fold #adminmenu .wp-has-submenu:hover .wp-submenu  {
    508551        left: auto;
    509         right: 32px;
     552        right: 36px;
    510553    }
    511554
     
    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 );
     
    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
     
    540595.post-com-count-wrapper {
    541596    font-family: Tahoma, Arial, sans-serif;
    542 }
    543 
    544 .post-com-count {
    545     background-image: url('../images/bubble_bg-rtl.gif');
    546597}
    547598
     
    763814.view-switch {
    764815    float: left;
     816    margin-left: 16px;
     817    margin-right: 8px;
     818}
     819
     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;
    765829}
    766830
     
    890954}
    891955
     956p.submit,
    892957.submitbox .submit {
    893958    text-align: right;
     
    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;
     
    909985.taxonomy div.tabs-panel {
    910986    margin: 0 125px 0 5px;
     987}
     988
     989.category-tabs {
     990    margin-bottom: 3px;
    911991}
    912992
     
    9471027    background-position: right top;
    9481028    padding-left: 0;
    949     padding-right: 18px;
    9501029}
    9511030
     
    11091188label.post-format-icon {
    11101189    margin-left: 0;
    1111     margin-right: 5px;
    1112     padding-left: 0px;
    1113     padding-right: 21px;
    1114 }
    1115 
    1116 .post-format-icon.post-format-standard  {
    1117     background-position: 100% 0;
    1118 }
    1119 
    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;
     1190    margin-right: 0;
     1191    padding-left: 0;
     1192    padding-right: 0;
     1193}
     1194
     1195.post-format-icon:before {
     1196    margin-left: 7px;
     1197    margin-right: 0;
    11541198}
    11551199
     
    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
     
    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;
     
    15791652
    15801653#wpbody-content .plugins .plugin-title, #wpbody-content .plugins .theme-title {
    1581     padding-right: 0;
     1654    padding-right: 9px;
    15821655    padding-left: 12px;
     1656}
     1657
     1658.plugin-update-tr .update-message:before {
     1659    margin: 0 -2px 0 8px;
    15831660}
    15841661
     
    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
     
    16611763#wpcontent,
    16621764#wpfooter {
    1663     margin-right: 165px;
     1765    padding-left: inherit;
     1766    margin-right: 170px;
    16641767}
    16651768
     
    17071810}
    17081811
    1709 .about-wrap .feature-section.two-col div,
    17101812.about-wrap .feature-section.three-col div {
    17111813    margin-right: 0;
     
    17141816}
    17151817
    1716 .about-wrap .feature-section.col .last-feature {
    1717     margin-left: 0;
    1718 }
    1719 
    1720 .about-wrap .feature-section div p img {
    1721     float: left;
    1722     margin-left: 0;
    1723     margin-right: 10px;
     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;
     1824    margin-left: 0;
     1825}
     1826
     1827.about-wrap .feature-section.three-col .last-feature {
     1828    margin-left: 0;
     1829}
     1830
     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;
    17241843}
    17251844
     
    17311850}
    17321851
     1852@media only screen and (max-width: 768px) {
     1853    .about-wrap .feature-section img.image-66 {
     1854        float: none;
     1855    }
     1856
     1857    .about-wrap .feature-section.images-stagger-right img.image-66 {
     1858        margin-right: 3px;
     1859    }
     1860
     1861    .about-wrap .feature-section.images-stagger-left img.image-66 {
     1862        margin-left: 3px;
     1863    }
     1864}
    17331865
    17341866/*------------------------------------------------------------------------------
     
    17641896}
    17651897.tagchecklist span a {
    1766     margin: 4px -10px 0 0;
     1898    margin: 0 -17px 0 0;
    17671899    float: right;
    17681900}
     
    18722004    right: auto;
    18732005    left: 0;
    1874     box-shadow: inset 5px 0 4px -4px rgba(0, 0, 0, 0.1);
     2006    -webkit-box-shadow: inset 5px 0 4px -4px rgba(0, 0, 0, 0.1);
     2007    box-shadow:         inset 5px 0 4px -4px rgba(0, 0, 0, 0.1);
    18752008}
    18762009
     
    19452078}
    19462079
    1947 #adminmenu {
     2080ul#adminmenu {
    19482081    clear: right;
    19492082}
     
    20482181.wrap {
    20492182    margin-right: 0;
    2050     margin-left: 15px;
     2183    margin: 10px 2px 0 20px;
    20512184}
    20522185
     
    21542287/* Recent Comments */
    21552288#the-comment-list .comment-item {
    2156     padding: 1em 70px 1em 10px;
     2289    padding: 1em 10px 1em 10px;
    21572290}
    21582291
    21592292#the-comment-list .comment-item .avatar {
    21602293    float: right;
    2161     margin-left: 0;
    2162     margin-right: -60px;
     2294    margin-left: 10px;
     2295    margin-right: 0;
    21632296}
    21642297
     
    21892322#dashboard-widgets #dashboard_quick_press form p.submit .spinner {
    21902323    margin: 4px 0 0 6px;
     2324}
     2325
     2326#dashboard_quick_press .input-text-wrap {
     2327    margin-right: 0;
     2328    margin-left: 1px;
     2329}
     2330
     2331#dashboard_quick_press .wp-media-buttons,
     2332#dashboard_quick_press .textarea-wrap {
     2333    margin-left: 0;
     2334    margin-right: 1px;
    21912335}
    21922336
     
    26472791}
    26482792
     2793.plugin-editor-php #submit,
     2794.theme-editor-php #submit {
     2795    float: right;
     2796}
     2797
    26492798#template textarea,
    26502799#docs-list {
     
    26702819}
    26712820
     2821/* Meta/post boxes */
     2822
     2823.js .meta-box-sortables .postbox:hover .handlediv:before {
     2824    left: 12px;
     2825    right: auto;
     2826}
     2827.js #dashboard-widgets h3 .postbox-title-action {
     2828    left: 33px;
     2829    right: auto;
     2830}
     2831
    26722832/* widgets */
    26732833/* 2 column liquid layout */
     
    27172877}
    27182878
    2719 /* Press This */
    2720 .press-this-sidebar {
    2721     float: left;
    2722 }
    2723 
    2724 .press-this #header-logo,
    2725 .press-this #wphead h1 {
    2726     float: right;
     2879.widgets-holder-wrap .sidebar-name-arrow {
     2880    margin: -1px 0 0 26px;
    27272881}
    27282882
     
    27942948  (-webkit-min-device-pixel-ratio: 1.25),
    27952949  (min-resolution: 120dpi) {
    2796     .post-com-count {
    2797         background-image: url('../images/bubble_bg-rtl-2x.gif');
    2798         background-size: 18px 100px;
    2799     }
    2800 
    2801     #content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize {
     2950
     2951    #content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize,
     2952    .press-this .wp_themeSkin .mceStatusbar a.mceResize {
    28022953        background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll right bottom;
    28032954        background-size: 11px 11px;
     
    28222973    #content-resize-handle {
    28232974        background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll left bottom;
    2824     }
    2825 
    2826     .wp-slider .ui-slider-handle:before {
    2827         background-image: url(../images/arrows-pr-2x.png);
    2828         background-size: 16px 102px;
    28292975    }
    28302976
  • trunk/src/wp-admin/css/wp-admin.css

    r26054 r26072  
    5454    width: 100%;
    5555    position: relative;
     56    -webkit-font-smoothing: subpixel-antialiased;
    5657}
    5758
     
    6263#wpcontent,
    6364#wpfooter {
    64     margin-left: 165px;
     65    margin-left: 170px;
    6566}
    6667
    6768.folded #wpcontent,
    6869.folded #wpfooter {
    69     margin-left: 52px;
     70    margin-left: 56px;
    7071}
    7172
     
    7475    float: left;
    7576    width: 100%;
     77    overflow: visible !important;
    7678}
    7779
     
    8082#adminmenu,
    8183#adminmenu .wp-submenu {
    82     width: 145px;
     84    width: 150px;
    8385}
    8486
     
    9294#adminmenu {
    9395    clear: left;
    94     margin: 0;
     96    margin: 12px 0 0;
    9597    padding: 0;
    9698    list-style: none;
     
    101103.folded #adminmenu,
    102104.folded #adminmenu li.menu-top {
    103     width: 32px;
     105    width: 36px;
    104106}
    105107
     
    213215    display: block;
    214216    font-size: 14px;
    215     font-weight: bold;
     217    font-weight: 600;
    216218    padding: 15px 23px 14px;
    217219    background: #f1f1f1;
     
    237239
    238240/* include margin and padding in the width calculation of input and textarea */
     241input,
    239242input[type="text"],
    240243input[type="password"],
     
    248251    -ms-box-sizing: border-box; /* ie8 only */
    249252    box-sizing: border-box;
     253    -webkit-border-radius: 0;
     254    border-radius: 0;
    250255}
    251256
    252257input[type="checkbox"],
    253258input[type="radio"] {
    254     vertical-align: text-top;
    255     padding: 0;
    256     margin: 1px 0 0;
    257 }
    258 
     259    border-width: 1px;
     260    border-style: solid;
     261    clear: none;
     262    cursor: pointer;
     263    display: inline-block;
     264    line-height: 0;
     265    height: 16px;
     266    margin: -4px 4px 0 0;
     267    outline: 0;
     268    padding: 0 !important;
     269    text-align: center;
     270    vertical-align: middle;
     271    width: 16px;
     272    min-width: 16px;
     273    -webkit-appearance: none;
     274    -webkit-box-sizing: border-box;
     275    box-sizing: border-box;
     276}
     277
     278td > input[type="checkbox"],
     279.wp-admin p input[type=checkbox],
     280.wp-admin p input[type=radio] {
     281    margin-top: 0;
     282}
     283
     284.wp-admin p label input[type=checkbox] {
     285    margin-top: -4px;
     286}
     287
     288.wp-admin p label input[type=radio] {
     289    margin-top: -2px;
     290}
     291
     292input[type="checkbox"] {
     293    border-radius: 0;
     294}
     295
     296input[type=radio] {
     297    border-radius: 50%;
     298    margin-right: 4px;
     299    line-height: 10px;
     300}
     301
     302input[type=checkbox]:checked:before,
     303input[type=radio]:checked:before {
     304    float: left;
     305    display: inline-block;
     306    vertical-align: middle;
     307    width: 16px;
     308    font: normal 21px/1 'dashicons';
     309    speak: none;
     310    -webkit-font-smoothing: antialiased;
     311    -moz-osx-font-smoothing: grayscale;
     312}
     313
     314input[type=checkbox]:checked:before {
     315    content: '\f147';
     316    margin: -3px 0 0 -4px;
     317}
     318
     319input[type=radio]:checked:before {
     320    content: '\2022';
     321    text-indent: -9999px;
     322    border-radius: 50px;
     323    font-size: 24px;
     324    width: 6px;
     325    height: 6px;
     326    margin: 4px;
     327    line-height: 16px;
     328}
     329
     330@-moz-document url-prefix() {
     331    input[type=checkbox],
     332    input[type=radio],
     333    .form-table input.tog {
     334        margin-bottom: -1px;
     335    }
     336}
     337
     338/* Search */
    259339input[type="search"] {
    260340    -webkit-appearance: textfield;
     
    274354
    275355body {
    276     font-family: sans-serif;
    277     font-size: 12px;
     356    font-family: "Open Sans", sans-serif;
     357    font-size: 13px;
    278358    line-height: 1.4em;
    279359    min-width: 600px;
     
    310390}
    311391
     392textarea {
     393    overflow: auto;
     394}
     395
     396textarea,
    312397input,
    313398select {
     399    font-size: 14px;
     400    padding: 3px 5px;
    314401    line-height: 15px;
     402}
     403
     404textarea {
     405    padding: 2px 6px;
     406    line-height: 1.4;
    315407}
    316408
     
    328420}
    329421
     422.wp-admin input[type="file"] {
     423    border: none;
     424    background: none;
     425    padding: 8px 0 0;
     426}
     427
    330428a:focus,
    331429a:active {
     
    352450}
    353451
    354 p {
     452p,
     453.wp_attachment_details label[for="content"] {
     454    font-size: 13px;
     455    line-height: 1.5;
    355456    margin: 1em 0;
    356457}
     
    369470}
    370471
    371 textarea,
    372472input,
    373473select {
    374474    margin: 1px;
    375     padding: 3px;
     475    padding: 3px 5px;
    376476}
    377477
     
    383483h6 {
    384484    display: block;
    385     font-weight: bold;
     485    font-weight: 600;
    386486}
    387487
     
    397497
    398498h3 {
    399     font-size: 1.17em;
     499    font-size: 1.3em;
    400500    margin: 1em 0;
    401501}
     
    459559}
    460560
     561input.code {
     562    padding-top: 6px;
     563}
     564
     565textarea.code {
     566    line-height: 1.4;
     567    padding: 4px 6px 1px 6px;
     568}
     569
    461570kbd,
    462571code {
    463     padding: 1px 3px;
     572    padding: 3px 5px 2px 5px;
    464573    margin: 0 1px;
    465     font-size: 11px;
     574    font-size: 13px;
    466575}
    467576
    468577.subsubsub {
    469578    list-style: none;
    470     margin: 8px 0 5px;
     579    margin: 8px 0 0;
    471580    padding: 0;
    472     font-size: 12px;
     581    font-size: 13px;
    473582    float: left;
    474583}
     
    487596
    488597.subsubsub a.current {
    489     font-weight: bold;
     598    font-weight: 600;
    490599    border: none;
    491600}
     
    498607}
    499608
    500 .widefat,
    501 div.updated,
    502 div.error,
    503 .wrap .add-new-h2,
    504609textarea,
    505610input[type="text"],
     
    512617input[type="url"],
    513618select,
    514 .tablenav .tablenav-pages a,
    515619.tablenav-pages span.current,
    516620#titlediv #title,
    517 .postbox,
    518621#postcustomstuff table,
    519622#postcustomstuff input,
     
    522625.plugin-update-tr .update-message,
    523626#poststuff .inside .the-tagcloud,
    524 .login form,
    525 #login_error,
    526 .login .message,
    527 #menu-management .menu-edit,
    528627.nav-menus-php .list-container,
    529628.menu-item-handle,
    530629.link-to-original,
    531630.nav-menus-php .major-publishing-actions .form-invalid,
    532 .press-this #message,
    533631#TB_window,
    534632.tbtitle,
    535633.highlight,
    536 .feature-filter,
    537 #widget-list .widget-top,
    538634.editwidget .widget-inside {
    539     -webkit-border-radius: 3px;
    540     border-radius: 3px;
    541635    border-width: 1px;
    542636    border-style: solid;
     
    559653}
    560654
    561 .widefat thead th:first-of-type {
    562     -webkit-border-top-left-radius: 3px;
    563     border-top-left-radius: 3px;
    564 }
    565 .widefat thead th:last-of-type {
    566     -webkit-border-top-right-radius: 3px;
    567     border-top-right-radius: 3px;
    568 }
    569 .widefat tfoot th:first-of-type {
    570     -webkit-border-bottom-left-radius: 3px;
    571     border-bottom-left-radius: 3px;
    572 }
    573 .widefat tfoot th:last-of-type {
    574     -webkit-border-bottom-right-radius: 3px;
    575     border-bottom-right-radius: 3px;
    576 }
    577 
    578655.widefat td,
    579656.widefat th {
    580     border-width: 1px 0;
    581     border-style: solid;
     657    padding: 8px 10px;
    582658}
    583659.widefat tfoot th {
     
    590666
    591667.widefat td {
    592     font-size: 12px;
    593     padding: 4px 7px 2px;
    594668    vertical-align: top;
    595669}
    596670
     671.widefat td,
    597672.widefat td p,
    598673.widefat td ol,
    599674.widefat td ul {
    600     font-size: 12px;
     675    font-size: 13px;
     676    line-height: 1.5em;
    601677}
    602678
    603679.widefat th {
    604     padding: 7px 7px 8px;
    605680    text-align: left;
    606681    line-height: 1.3em;
     
    620695}
    621696
     697.widefat th input[type=checkbox] {
     698    margin-top: -1px;
     699}
     700
    622701.widefat tbody th.check-column {
    623702    padding: 9px 0 22px;
     
    628707}
    629708
    630 .widefat thead .check-column,
    631 .widefat tfoot .check-column {
    632     padding: 10px 0 0;
     709.widefat thead th.check-column,
     710.widefat tbody th.check-column,
     711.widefat tfoot th.check-column {
     712    padding: 11px 0 0 3px;
     713}
     714
     715.widefat thead th.check-column {
     716    padding-top: 10px;
     717}
     718
     719#update-plugins-table tbody th.check-column,
     720.plugins tbody th.check-column,
     721.plugins tbody,
     722.plugins .inactive.update th.check-column {
     723    padding: 8px 0 0 2px;
     724}
     725
     726.plugins tbody th.check-column input[type=checkbox] {
     727    margin-top: 4px;
     728}
     729
     730#update-plugins-table tbody td p {
     731    margin-top: 0;
     732}
     733
     734#update-plugins-table tbody td p strong {
     735    font-size: 14px;
     736}
     737
     738.plugins thead th.check-column,
     739.plugins tfoot th.check-column,
     740.plugins .inactive th.check-column,
     741#update-plugins-table thead th.check-column,
     742#update-plugins-table tfoot th.check-column {
     743    padding-left: 6px;
     744}
     745
     746#update-plugins-table thead th.check-column,
     747#update-plugins-table tfoot th.check-column {
     748    padding-top: 11px;
     749}
     750
     751.update-php div.updated,
     752.update-php div.error {
     753    margin-left: 0;
    633754}
    634755
     
    650771
    651772.wrap {
    652     margin: 4px 15px 0 0;
     773    margin: 10px 20px 0 2px;
    653774}
    654775
     
    671792}
    672793
     794div.updated,
     795.login .message,
     796.press-this #message {
     797    border: none;
     798    padding: 1px 12px;
     799}
     800
     801div.error,
     802.login #login_error {
     803    border: none;
     804}
     805
     806div.error {
     807    padding: 1px 12px;
     808}
     809
    673810.wrap h2,
    674811.subtitle {
    675812    font-weight: normal;
    676813    margin: 0;
    677     text-shadow: #fff 0 1px 0;
    678814}
    679815
    680816.wrap h2 {
    681817    font-size: 23px;
     818    font-weight: 400;
    682819    padding: 9px 15px 4px 0;
    683820    line-height: 29px;
     
    689826}
    690827
    691 .wrap .add-new-h2 {
    692     font-family: sans-serif;
     828.wrap .add-new-h2,
     829.wrap .add-new-h2:active,
     830#add-new-comment a {
     831    font-family: "Open Sans", sans-serif;
    693832    margin-left: 4px;
    694     padding: 3px 8px;
     833    padding: 4px 8px;
    695834    position: relative;
    696835    top: -3px;
    697836    text-decoration: none;
    698     font-size: 12px;
    699     border: 0 none;
     837    border: none;
     838    border-radius: 2px;
     839    text-shadow: none;
     840    font-weight: 600;
     841    font-size: 13px;
    700842}
    701843
     
    745887input[type="url"]:focus,
    746888select:focus {
    747     -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
    748     box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
     889    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
     890    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    749891}
    750892
     
    779921.quicktags,
    780922.search {
    781     font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
     923    font-family: "Open Sans", sans-serif;
     924}
     925
     926.widget .widget-top,
     927.postbox h3,
     928.stuffbox h3,
     929.control-section .accordion-section-title,
     930h3.dashboard-widget-title,
     931h3.dashboard-widget-title span,
     932h3.dashboard-widget-title small,
     933.sidebar-name,
     934#nav-menu-header,
     935#nav-menu-footer,
     936.menu-item-handle,
     937.checkbox,
     938.side-info,
     939#your-profile #rich_editing,
     940.widefat thead th,
     941.widefat tfoot th {
     942    line-height: 1.4em;
    782943}
    783944
     
    786947.subtitle,
    787948.login form .input {
    788     font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
     949    font-family: "Open Sans", sans-serif;
    789950}
    790951
     
    795956
    796957.icon32 {
    797     float: left;
    798     height: 34px;
    799     margin: 7px 8px 0 0;
    800     width: 36px;
     958    display: none;
    801959}
    802960
     
    809967}
    810968
     969/* New Menu icons */
     970
     971.icon16:before {
     972    font: normal 20px/1 'dashicons' !important;
     973    speak: none;
     974    padding: 6px 0;
     975    height: 34px;
     976    width: 20px;
     977    display: inline-block;
     978    -webkit-font-smoothing: antialiased;
     979    -moz-osx-font-smoothing: grayscale;
     980    -moz-transition: all .1s ease-in-out;
     981    -webkit-transition: all .1s ease-in-out;
     982    -moz-transition:    all .1s ease-in-out;
     983    transition:         all .1s ease-in-out;
     984}
     985
     986.icon16.icon-dashboard:before,
     987#adminmenu .menu-icon-dashboard div.wp-menu-image:before {
     988    content: '\f226';
     989}
     990
     991.icon16.icon-post:before,
     992#adminmenu .menu-icon-post div.wp-menu-image:before {
     993    content: '\f109';
     994}
     995
     996.icon16.icon-media:before,
     997#adminmenu .menu-icon-media div.wp-menu-image:before {
     998    content: '\f104';
     999}
     1000
     1001.icon16.icon-links:before,
     1002#adminmenu .menu-icon-links div.wp-menu-image:before {
     1003    content: '\f103';
     1004}
     1005
     1006.icon16.icon-page:before,
     1007#adminmenu .menu-icon-page div.wp-menu-image:before {
     1008    content: '\f105';
     1009}
     1010
     1011.icon16.icon-comments:before,
     1012#adminmenu .menu-icon-comments div.wp-menu-image:before {
     1013    content: '\f101';
     1014    margin-top: 1px;
     1015}
     1016
     1017.icon16.icon-appearance:before,
     1018#adminmenu .menu-icon-appearance div.wp-menu-image:before {
     1019    content: '\f100';
     1020}
     1021
     1022.icon16.icon-plugins:before,
     1023#adminmenu .menu-icon-plugins div.wp-menu-image:before {
     1024    content: '\f106';
     1025}
     1026
     1027.icon16.icon-users:before,
     1028#adminmenu .menu-icon-users div.wp-menu-image:before {
     1029    content: '\f110';
     1030}
     1031
     1032.icon16.icon-tools:before,
     1033#adminmenu .menu-icon-tools div.wp-menu-image:before {
     1034    content: '\f107';
     1035}
     1036
     1037.icon16.icon-settings:before,
     1038#adminmenu .menu-icon-settings div.wp-menu-image:before {
     1039    content: '\f108';
     1040}
     1041
     1042.icon16.icon-site:before,
     1043#adminmenu .menu-icon-site div.wp-menu-image:before {
     1044    content: '\f112'
     1045}
     1046
     1047.icon16.icon-generic:before,
     1048#adminmenu .menu-icon-generic div.wp-menu-image:before {
     1049    content: '\f111';
     1050}
     1051
     1052/* hide background-image for icons above */
     1053.icon16.icon-dashboard,
     1054.menu-icon-dashboard div.wp-menu-image,
     1055.icon16.icon-post,
     1056.menu-icon-post div.wp-menu-image,
     1057.icon16.icon-media,
     1058.menu-icon-media div.wp-menu-image,
     1059.icon16.icon-links,
     1060.menu-icon-links div.wp-menu-image,
     1061.icon16.icon-page,
     1062.menu-icon-page div.wp-menu-image,
     1063.icon16.icon-comments,
     1064.menu-icon-comments div.wp-menu-image,
     1065.icon16.icon-appearance,
     1066.menu-icon-appearance div.wp-menu-image,
     1067.icon16.icon-plugins,
     1068.menu-icon-plugins div.wp-menu-image,
     1069.icon16.icon-users,
     1070.menu-icon-users div.wp-menu-image,
     1071.icon16.icon-tools,
     1072.menu-icon-tools div.wp-menu-image,
     1073.icon16.icon-settings,
     1074.menu-icon-settings div.wp-menu-image,
     1075.icon16.icon-site,
     1076.menu-icon-site div.wp-menu-image,
     1077.icon16.icon-generic,
     1078.menu-icon-generic div.wp-menu-image {
     1079    background-image: none !important;
     1080}
     1081
    8111082.key-labels label {
    8121083    line-height: 24px;
     1084}
     1085
     1086strong, b {
     1087    font-weight: 600;
    8131088}
    8141089
     
    8221097    font-style: italic;
    8231098    display: block;
    824     font-family: sans-serif;
     1099    font-family: "Open Sans", sans-serif;
    8251100}
    8261101
     
    8411116.wp-admin select {
    8421117    padding: 2px;
    843     height: 2em;
     1118    line-height: 28px;
     1119    height: 28px;
     1120}
     1121
     1122.meta-box-sortables select {
     1123    max-width: 100%;
    8441124}
    8451125
     
    8611141}
    8621142
     1143p.submit {
     1144    text-align: left;
     1145    max-width: 100%;
     1146    margin-top: 20px;
     1147    padding-top: 10px;
     1148}
     1149
     1150.textright p.submit {
     1151    border: none;
     1152    text-align: right;
     1153}
     1154
     1155table.form-table + p.submit,
     1156table.form-table + input + p.submit,
     1157table.form-table + input + input + p.submit {
     1158    border-top: none;
     1159    padding-top: 0;
     1160}
     1161
     1162table.widefat span.delete a:hover,
     1163table.widefat span.trash a:hover,
     1164table.widefat span.spam a:hover,
     1165#dashboard_recent_comments .delete a:hover,
     1166#dashboard_recent_comments .trash a:hover,
     1167#dashboard_recent_comments .spam a:hover,
     1168.plugins a.delete:hover,
     1169#all-plugins-table .plugins a.delete:hover,
     1170#search-plugins-table .plugins a.delete:hover,
     1171.submitbox .submitdelete:hover,
     1172#media-items a.delete:hover,
     1173#media-items a.delete-permanently:hover,
     1174#nav-menu-footer .menu-delete:hover {
     1175    text-decoration: none;
     1176    border: none;
     1177}
     1178
    8631179#minor-publishing-actions input,
    8641180#major-publishing-actions input,
     
    8841200input.small-text {
    8851201    width: 50px;
     1202    padding: 1px 6px;
    8861203}
    8871204
    8881205input[type="number"].small-text {
    889     width: 60px;
     1206    width: 65px;
    8901207}
    8911208
     
    9251242}
    9261243
     1244fieldset label,
     1245#your-profile label + a {
     1246    vertical-align: middle;
     1247}
     1248
     1249.options-media-php label[for*="_size_"],
    9271250#misc-publishing-actions label {
    9281251    vertical-align: baseline;
     1252}
     1253
     1254#misc-publishing-actions label[for="post_status"]:before {
     1255    content: '\f173';
     1256    display: inline-block;
     1257    font: normal 20px/1 'dashicons';
     1258    speak: none;
     1259    left: -1px;
     1260    padding: 0 5px 0 0;
     1261    position: relative;
     1262    top: 0;
     1263    text-decoration: none !important;
     1264    vertical-align: top;
     1265
     1266    -webkit-font-smoothing: antialiased;
     1267    -moz-osx-font-smoothing: grayscale;
    9291268}
    9301269
     
    9521291.tagsdiv .newtag {
    9531292    float: left;
    954     height: 2em;
     1293    height: 28px;
    9551294    margin: 0 4px 0 0;
    9561295}
     
    10031342
    10041343#major-publishing-actions {
    1005     padding: 10px 10px 8px;
     1344    padding: 10px;
    10061345    clear: both;
    1007     border-top: 1px solid #f5f5f5;
    1008     margin-top: -2px;
     1346    border-top: 1px solid #dedede;
     1347    background: #f5f5f5;
    10091348}
    10101349
    10111350#delete-action {
    1012     line-height: 25px;
     1351    line-height: 28px;
    10131352    vertical-align: middle;
    10141353    text-align: left;
     
    10321371.misc-pub-section {
    10331372    padding: 6px 10px 8px;
    1034     border-width: 1px 0;
    1035     border-style: solid;
    10361373}
    10371374
     
    10451382
    10461383#minor-publishing-actions {
    1047     padding: 10px 10px 2px 8px;
     1384    padding: 10px 10px 0 10px;
    10481385    text-align: right;
    1049 }
    1050 
    1051 #minor-publishing {
    1052     border-bottom-width: 1px;
    1053     border-bottom-style: solid;
    1054     -webkit-box-shadow: 0 1px 0 #fff;
    1055     box-shadow: 0 1px 0 #fff;
    10561386}
    10571387
     
    11111441#update-nag,
    11121442.update-nag {
     1443    display: inline-block;
    11131444    line-height: 19px;
    1114     padding: 5px 0;
    1115     font-size: 12px;
    1116     text-align: center;
    1117     margin: -1px 15px 0 5px;
    1118     border-width: 1px;
    1119     border-style: solid;
    1120     -webkit-border-bottom-right-radius: 3px;
    1121     -webkit-border-bottom-left-radius: 3px;
    1122     border-bottom-right-radius: 3px;
    1123     border-bottom-left-radius: 3px;
     1445    padding: 11px 15px;
     1446    font-size: 14px;
     1447    text-align: left;
     1448    margin: 25px 20px 0 2px;
    11241449}
    11251450
     
    11301455.plugin-update .update-message {
    11311456    margin: 0 10px 8px 31px;
    1132     font-weight: bold;
     1457    font-weight: 600;
    11331458}
    11341459
     
    11641489}
    11651490
     1491/*------------------------------------------------------------------------------
     1492  5.0 - TinyMCE
     1493------------------------------------------------------------------------------*/
     1494
     1495/* nothing? */
    11661496
    11671497/*------------------------------------------------------------------------------
     
    11881518#contextual-help-wrap {
    11891519    overflow: auto;
     1520    margin-left: 0 !important;
    11901521}
    11911522
     
    11951526
    11961527#screen-meta-links {
    1197     margin: 0 24px 0 0;
     1528    margin: 0 20px 0 0;
     1529}
     1530
     1531#screen-meta-links a {
     1532    padding: 3px 6px 3px 16px;
    11981533}
    11991534
    12001535#screen-meta-links a:focus {
    1201     -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    1202     box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
    12031536    outline: none;
    12041537}
     
    12071540#screen-meta {
    12081541    display: none;
     1542    font-size: 14px;
     1543    margin: 0 20px -1px 0px;
    12091544    position: relative;
    1210     margin: 0 15px 0 5px;
    1211     border-width: 0 1px 1px;
    1212     border-style: none solid solid;
    12131545}
    12141546
     
    12161548#contextual-help-link-wrap {
    12171549    float: right;
    1218     height: 23px;
    1219     padding: 0;
     1550    height: 28px;
    12201551    margin: 0 0 0 6px;
    1221     font-family: sans-serif;
    1222 }
    1223 
    1224 #screen-options-link-wrap,
    1225 #contextual-help-link-wrap,
    1226 #screen-meta {
    1227     -webkit-border-bottom-left-radius: 3px;
    1228     -webkit-border-bottom-right-radius: 3px;
    1229     border-bottom-left-radius: 3px;
    1230     border-bottom-right-radius: 3px;
     1552    font-family: "Open Sans", sans-serif;
    12311553}
    12321554
    12331555#screen-meta-links .screen-meta-toggle {
    12341556    position: relative;
    1235     top: -1px;
     1557    top: 0;
    12361558}
    12371559
    12381560#screen-meta-links a.show-settings {
     1561    display: block;
     1562    font-size: 13px;
     1563    height: 22px;
     1564    line-height: 22px;
    12391565    text-decoration: none;
    12401566    z-index: 1;
    1241     padding: 1px 16px 0 6px;
    1242     height: 22px;
    1243     line-height: 22px;
    1244     font-size: 12px;
    1245     display: block;
    1246     text-shadow: rgba(255,255,255,0.7) 0 1px 0;
     1567}
     1568
     1569#screen-meta-links a:after {
     1570    right: 0;
     1571    content: '\f140';
     1572    font: normal 20px/1 'dashicons';
     1573    speak: none;
     1574    display: inline-block;
     1575    padding: 0 5px 0 0;
     1576    bottom: 2px;
     1577    position: relative;
     1578    vertical-align: bottom;
     1579    -webkit-font-smoothing: antialiased;
     1580    -moz-osx-font-smoothing: grayscale;
     1581    text-decoration: none !important;
     1582}
     1583
     1584#screen-meta-links a.screen-meta-active:after {
     1585    content: '\f142';
    12471586}
    12481587
     
    12741613    display: inline-block;
    12751614    padding-right: 15px;
    1276     white-space: nowrap;
    12771615    line-height: 30px;
     1616}
     1617
     1618.metabox-prefs label input[type=checkbox] {
     1619    margin-top: -4px;
     1620    margin-right: 6px;
    12781621}
    12791622
     
    12961639#contextual-help-wrap {
    12971640    padding: 0;
    1298     margin-left: -4px;
    12991641}
    13001642
     
    13351677    list-style-type: none;
    13361678    border-style: solid;
    1337     border-width: 1px 0;
     1679    border-width: 0 0 0 2px;
    13381680    border-color: transparent;
    13391681}
     
    13441686    line-height: 18px;
    13451687    text-decoration: none;
     1688    border-style: solid;
     1689    border-width: 1px 0 1px 0;
     1690    border-color: transparent;
    13461691}
    13471692
     
    13491694    padding: 0;
    13501695    margin: 0 -1px 0 0;
    1351     border-width: 1px 0 1px 1px;
     1696    border-width: 0 0 0 2px;
    13521697    border-style: solid;
    13531698}
     
    13841729  7.0 - Main Navigation (Left Menu)
    13851730------------------------------------------------------------------------------*/
    1386 
    1387 #adminmenuback,
    1388 #adminmenuwrap {
    1389     border-width: 0 1px 0 0;
    1390     border-style: solid;
    1391 }
    13921731
    13931732#adminmenuwrap {
     
    14251764
    14261765#adminmenu li.menu-top {
    1427     min-height: 28px;
     1766    border: none;
     1767    min-height: 34px;
    14281768    position: relative;
    14291769}
     
    14311771#adminmenu .wp-submenu {
    14321772    list-style: none;
    1433     padding: 4px 0;
    1434     margin: 0;
    14351773    position: absolute;
    14361774    top: -1000em;
    1437     left: 146px;
    1438     z-index: 1000;
     1775    left: 150px;
    14391776    overflow: visible;
    1440     border-width: 1px;
    1441     border-style: solid;
    1442     -webkit-border-bottom-right-radius: 3px;
    1443     -webkit-border-top-right-radius: 3px;
    1444     border-bottom-right-radius: 3px;
    1445     border-top-right-radius: 3px;
     1777    word-wrap: break-word;
     1778}
     1779
     1780#adminmenu .wp-submenu,
     1781.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
     1782.folded #adminmenu .wp-has-current-submenu .wp-submenu {
     1783    padding: 7px 0 8px;
     1784    z-index: 9999;
    14461785}
    14471786
     
    14651804    bottom: auto;
    14661805    border: 0 none;
    1467 
     1806    margin-top: 0;
    14681807    -webkit-box-shadow: none;
    14691808    box-shadow: none;
     
    14771816.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
    14781817.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
    1479     top: -1px;
    1480     left: 32px;
     1818    top: 0;
     1819    left: 36px;
    14811820}
    14821821
    14831822.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    14841823.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    1485     border-width: 1px;
    1486     border-style: solid;
    14871824    position: absolute;
    14881825    top: -1000em;
    14891826}
    14901827
     1828#adminmenu .wp-not-current-submenu .wp-submenu,
     1829.folded #adminmenu .wp-has-current-submenu .wp-submenu {
     1830    min-width: 150px;
     1831    width: auto;
     1832}
     1833
    14911834#adminmenu .wp-submenu a {
    1492     font-size: 12px;
    1493     line-height: 18px;
     1835    font-size: 13px;
     1836    line-height: 1.2;
    14941837    margin: 0;
    1495     padding-left: 12px;
    1496 }
    1497 
    1498 #adminmenu .wp-not-current-submenu li > a {
    1499     padding-left: 16px;
     1838    padding: 6px 0;
     1839}
     1840
     1841#adminmenu .wp-not-current-submenu li > a,
     1842.folded #adminmenu .wp-has-current-submenu li > a {
     1843    padding-right: 16px;
     1844    padding-left: 14px;
     1845    -moz-transition: all .1s ease-in-out;
     1846    -webkit-transition: all .1s ease-in-out;
     1847    transition: all .1s ease-in-out;
    15001848}
    15011849
    15021850#adminmenu .wp-has-current-submenu ul > li > a,
    15031851.folded #adminmenu li.menu-top .wp-submenu > li > a {
    1504     padding-left: 12px;
     1852    padding: 6px 12px;
    15051853}
    15061854
    15071855#adminmenu a.menu-top,
    15081856#adminmenu .wp-submenu-head {
    1509     font-size: 13px;
    1510     font-weight: bold;
     1857    font-size: 14px;
     1858    font-weight: 400;
    15111859    line-height: 18px;
    15121860    padding: 0;
     
    15281876}
    15291877
    1530 #adminmenu a.menu-top {
    1531     border-width: 1px 0;
    1532     border-style: solid none;
    1533 }
    1534 
    15351878#adminmenu .wp-menu-image img {
    1536     padding: 7px 0 0 7px;
     1879    padding: 9px 0 0 0px;
    15371880    opacity: 0.6;
    15381881    filter: alpha(opacity=60);
     
    15401883
    15411884#adminmenu div.wp-menu-name {
    1542     padding: 5px;
     1885    padding: 8px 12px 8px 0;
    15431886}
    15441887
    15451888#adminmenu div.wp-menu-image {
    15461889    float: left;
    1547     width: 28px;
    1548     height: 28px;
     1890    width: 34px;
     1891    height: 30px;
     1892    margin: 0;
     1893    text-align: center;
     1894}
     1895
     1896div.wp-menu-image:before {
     1897    font: normal 20px/1 'dashicons' !important;
     1898    speak: none;
     1899    color: #999;
     1900    padding: 8px 0;
     1901    height: 34px;
     1902    width: 20px;
     1903    display: inline-block;
     1904    -webkit-font-smoothing: antialiased;
     1905    -moz-osx-font-smoothing: grayscale;
     1906    -moz-transition: all .1s ease-in-out;
     1907    -webkit-transition: all .1s ease-in-out;
     1908    transition: all .1s ease-in-out;
    15491909}
    15501910
    15511911.folded #adminmenu div.wp-menu-image {
    1552     width: 32px;
     1912    width: 34px;
     1913    height: 30px;
    15531914    position: absolute;
    15541915    z-index: 25;
     
    15561917
    15571918.folded #adminmenu a.menu-top {
    1558     height: 28px;
    1559 }
     1919    height: 34px;
     1920}
     1921
     1922/* A new arrow */
    15601923
    15611924.wp-menu-arrow {
    1562     z-index: 25;
     1925    display: none !important;
     1926}
     1927
     1928ul#adminmenu a.wp-has-current-submenu {
     1929    position: relative;
     1930}
     1931
     1932ul#adminmenu a.wp-has-current-submenu:after,
     1933ul#adminmenu > li.current > a.current:after {
     1934    right: 0;
     1935    border: solid transparent;
     1936    content: " ";
     1937    height: 0;
     1938    width: 0;
    15631939    position: absolute;
    1564     right: 100%;
    1565     margin: 0;
    1566     height: 30px;
    1567     width: 6px;
    1568 
    1569     -moz-transform:    translate( 146px );
    1570     -webkit-transform: translate( 146px );
    1571     -o-transform:      translate( 146px );
    1572     -ms-transform:     translate( 146px );
    1573     transform:         translate( 146px );
    1574 }
    1575 
    1576 #adminmenu .wp-menu-arrow div {
     1940    pointer-events: none;
     1941    border-width: 8px;
     1942    top: 50%;
     1943    margin-top: -8px;
     1944}
     1945
     1946.folded ul#adminmenu li:hover a.wp-has-current-submenu:after {
    15771947    display: none;
     1948}
     1949
     1950.folded ul#adminmenu a.wp-has-current-submenu:after,
     1951.folded ul#adminmenu > li a.current:after {
     1952    border-width: 4px;
     1953    margin-top: -4px;
     1954}
     1955
     1956/* flyout menu arrow */
     1957#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
     1958    right: 0;
     1959    border: solid transparent;
     1960    content: " ";
     1961    height: 0;
     1962    width: 0;
    15781963    position: absolute;
    1579     top: 7px;
    1580     left: -1px;
    1581     width: 14px;
    1582     height: 15px;
    1583 
    1584     -moz-transform:    matrix( -0.6, 1, 0.6, 1, 0, 0 );
    1585     -webkit-transform: matrix( -0.6, 1, 0.6, 1, 0, 0 );
    1586     -o-transform:      matrix( -0.6, 1, 0.6, 1, 0, 0 );
    1587     -ms-transform:     matrix( -0.6, 1, 0.6, 1, 0, 0 );
    1588     transform:         matrix( -0.6, 1, 0.6, 1, 0, 0 );
    1589 }
    1590 
    1591 #adminmenu li.wp-not-current-submenu .wp-menu-arrow {
    1592     -moz-transform:    translate( 145px );
    1593     -webkit-transform: translate( 145px );
    1594     -o-transform:      translate( 145px );
    1595     -ms-transform:     translate( 145px );
    1596     transform:         translate( 145px );
    1597     height: 28px;
    1598     border-width: 1px 0;
    1599     border-style: solid;
    1600     top: 0;
    1601 }
    1602 
    1603 .folded #adminmenu li .wp-menu-arrow {
    1604     -moz-transform:    translate( 32px );
    1605     -webkit-transform: translate( 32px );
    1606     -o-transform:      translate( 32px );
    1607     -ms-transform:     translate( 32px );
    1608     transform:         translate( 32px );
    1609 }
    1610 
    1611 #adminmenu li.current .wp-menu-arrow,
    1612 #adminmenu li.wp-has-current-submenu .wp-menu-arrow,
    1613 #adminmenu li.wp-has-current-submenu .wp-menu-arrow div,
    1614 #adminmenu li.wp-has-submenu .wp-menu-arrow div,
    1615 #adminmenu li.current .wp-menu-arrow div,
    1616 .no-js #adminmenu li.wp-has-submenu:hover .wp-menu-arrow,
    1617 #adminmenu li.wp-has-submenu.opensub .wp-menu-arrow,
    1618 #adminmenu a.wp-has-submenu:focus .wp-menu-arrow,
    1619 #adminmenu a:hover .wp-menu-arrow {
    1620     display: block;
    1621 }
    1622 
    1623 #adminmenu li.current .wp-menu-arrow,
    1624 #adminmenu li.wp-menu-open .wp-menu-arrow {
    1625     top: 0;
    1626 }
    1627 
    1628 .no-js #adminmenu li.wp-has-submenu:hover .wp-menu-arrow,
    1629 #adminmenu li.wp-has-submenu.opensub .wp-menu-arrow,
    1630 #adminmenu a.wp-has-submenu:focus .wp-menu-arrow {
    1631     z-index: 1001;
    1632 }
    1633 
    1634 .ie8 #adminmenu li.menu-top:hover .wp-menu-arrow {
    1635     display: none;
    1636 }
    1637 
    1638 #adminmenu .wp-not-current-submenu .wp-menu-arrow div {
    1639     width: 15px;
    1640     top: 6px;
    1641     border-width: 0 0 1px 1px;
    1642     border-style: solid;
    1643 }
    1644 
    1645 .wp-menu-arrow,
    1646 .folded #adminmenu li .wp-menu-arrow div,
    1647 .no-js #adminmenu li.wp-not-current-submenu:hover .wp-menu-arrow {
    1648     display: none;
    1649 }
    1650 
    1651 .folded #adminmenu li.current .wp-menu-arrow,
    1652 .folded #adminmenu li.current .wp-menu-arrow div,
    1653 .folded #adminmenu li.wp-has-current-submenu .wp-menu-arrow div,
    1654 .folded #adminmenu li.wp-menu-open .wp-menu-arrow,
    1655 .folded #adminmenu li a:focus .wp-menu-arrow {
    1656     display: block;
     1964    pointer-events: none;
     1965    border-width: 8px;
     1966    top: 10px;
     1967    z-index: 10000;
     1968}
     1969
     1970.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
     1971    border-width: 4px;
     1972    margin-top: -4px;
     1973    top: 18px;
     1974}
     1975
     1976/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
     1977#adminmenu li.menu-top:hover,
     1978#adminmenu li.opensub > a.menu-top,
     1979#adminmenu li > a.menu-top:focus {
     1980    position: relative;
     1981}
     1982
     1983.folded #adminmenu li.menu-top:hover,
     1984.folded #adminmenu li.opensub > a.menu-top,
     1985.folded #adminmenu li > a.menu-top:focus {
     1986    z-index: 10000;
    16571987}
    16581988
     
    16661996    height: 3px;
    16671997    padding: 0;
    1668     margin: 0;
     1998    margin: 0 0 6px 0;
    16691999    border-width: 1px 0;
    16702000    border-style: solid;
     
    16802010
    16812011#adminmenu .wp-submenu .wp-submenu-head {
    1682     padding: 5px 4px 5px 10px;
    1683     margin: -4px -1px 4px;
    1684     border-width: 1px 0;
    1685     border-style: solid;
    1686     -webkit-border-top-right-radius: 3px;
    1687     border-top-right-radius: 3px;
    1688 }
    1689 
    1690 #adminmenu li.wp-menu-open {
    1691     border-width: 0 0 1px;
    1692     border-style: solid;
     2012    font-weight: 400;
     2013    font-size: 14px;
     2014    padding: 8px 4px 8px 11px;
     2015    margin: -7px 0px 4px;
    16932016}
    16942017
     
    16962019.folded #adminmenu li.wp-menu-open {
    16972020    border: 0 none;
    1698 }
    1699 
    1700 .folded #adminmenu li.wp-has-current-submenu {
    1701     margin-bottom: 1px;
    1702 }
    1703 
    1704 .folded #adminmenu .wp-has-current-submenu.menu-top-last {
    1705     margin-bottom: 0;
    17062021}
    17072022
     
    17102025#sidemenu li a span.update-plugins {
    17112026    position: absolute;
    1712     font-family: sans-serif;
     2027    font-family: "Open Sans", sans-serif;
    17132028    font-size: 9px;
    17142029    line-height: 17px;
    1715     font-weight: bold;
     2030    font-weight: 600;
    17162031    margin-top: 1px;
    17172032    margin-left: 7px;
     
    17212036}
    17222037
     2038#adminmenu .wp-submenu .update-plugins {
     2039    margin-top: 0;
     2040}
     2041
    17232042#adminmenu li .awaiting-mod span,
    17242043#adminmenu li span.update-plugins span,
     
    17332052}
    17342053
    1735 #collapse-menu {
    1736     font-size: 12px;
     2054#adminmenu #collapse-menu {
     2055    font-size: 13px;
    17372056    line-height: 34px;
    1738     border-width: 1px 0 0;
    1739     border-style: solid;
     2057    margin-top: 10px;
    17402058}
    17412059
     
    17522070#collapse-button {
    17532071    float: left;
    1754     margin: 8px 6px;
    1755     border-width: 1px;
    1756     border-style: solid;
     2072    height: 15px;
     2073    margin: 10px 8px 10px 11px;
     2074    width: 15px;
     2075
    17572076    -webkit-border-radius: 10px;
    17582077    border-radius: 10px;
    17592078}
     2079
     2080#wpwrap #collapse-button div {
     2081    padding: 0;
     2082}
     2083
     2084#collapse-button div:after {
     2085    content: '\f148';
     2086    display: block;
     2087    line-height: 15px;
     2088    left: -3px;
     2089    top: -3px;
     2090    font: normal 20px/1 'dashicons' !important;
     2091    speak: none;
     2092    margin: 0 auto;
     2093    padding: 0 !important;
     2094    position: relative;
     2095    text-align: center;
     2096    width: 20px;
     2097    -moz-transition: all .1s ease-in-out;
     2098    -webkit-transition: all .1s ease-in-out;
     2099    transition: all .1s ease-in-out;
     2100
     2101    -webkit-font-smoothing: antialiased;
     2102    -moz-osx-font-smoothing: grayscale;
     2103}
     2104
     2105.folded #collapse-button div:after {
     2106    -ms-transform: rotate(180deg);
     2107    -webkit-transform: rotate(180deg);
     2108    transform: rotate(180deg);
     2109}
     2110
    17602111
    17612112/* Auto-folding of the admin menu */
     
    17632114    .auto-fold #wpcontent,
    17642115    .auto-fold #wpfooter {
    1765         margin-left: 52px;
     2116        margin-left: 56px;
    17662117    }
    17672118
     
    17702121    .auto-fold #adminmenu,
    17712122    .auto-fold #adminmenu li.menu-top {
    1772         width: 32px;
     2123        width: 36px;
    17732124    }
    17742125
     
    17792130    .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
    17802131    .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
    1781         top: -1px;
    1782         left: 32px;
     2132        top: 0px;
     2133        left: 36px;
    17832134    }
    17842135
    17852136    .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    17862137    .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    1787         border-width: 1px;
    1788         border-style: solid;
    17892138        position: absolute;
    17902139        top: -1000em;
     2140        margin-right: -1px;
     2141        padding: 7px 0 8px;
     2142        z-index: 9999;
    17912143    }
     2144
     2145    .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
     2146        min-width: 150px;
     2147        width: auto;
     2148    }
     2149
     2150    .auto-fold #adminmenu .wp-has-current-submenu li > a {
     2151        padding-right: 16px;
     2152        padding-left: 14px;
     2153    }
     2154
    17922155
    17932156    .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
     
    18042167
    18052168    .auto-fold #adminmenu div.wp-menu-image {
    1806         width: 32px;
     2169        height: 30px;
     2170        width: 34px;
    18072171        position: absolute;
    18082172        z-index: 25;
     
    18102174
    18112175    .auto-fold #adminmenu a.menu-top {
    1812         height: 28px;
    1813     }
    1814 
    1815     .auto-fold #adminmenu li .wp-menu-arrow {
    1816         -moz-transform:    translate( 32px );
    1817         -webkit-transform: translate( 32px );
    1818         -o-transform:      translate( 32px );
    1819         -ms-transform:     translate( 32px );
    1820         transform:         translate( 32px );
    1821     }
    1822 
    1823     .auto-fold #adminmenu li .wp-menu-arrow div {
    1824         display: none;
    1825     }
    1826 
    1827     .auto-fold #adminmenu li.current .wp-menu-arrow,
    1828     .auto-fold #adminmenu li.current .wp-menu-arrow div,
    1829     .auto-fold #adminmenu li.wp-has-current-submenu .wp-menu-arrow div,
    1830     .auto-fold #adminmenu li.wp-menu-open .wp-menu-arrow,
    1831     .auto-fold #adminmenu li a:focus .wp-menu-arrow {
    1832         display: block;
     2176        height: 34px;
    18332177    }
    18342178
     
    18372181    }
    18382182
    1839     .auto-fold #adminmenu li.wp-has-current-submenu {
    1840         margin-bottom: 1px;
    1841     }
    1842 
    18432183    .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
    18442184        margin-bottom: 0;
    18452185    }
    18462186
     2187    .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after {
     2188        display: none;
     2189    }
     2190
     2191    .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after {
     2192        border-width: 4px;
     2193        margin-top: -4px;
     2194        top: 16px;
     2195    }
     2196
     2197    .auto-fold ul#adminmenu a.wp-has-current-submenu:after,
     2198    .auto-fold ul#adminmenu > li a.current:after {
     2199        border-width: 4px;
     2200        margin-top: -4px;
     2201    }
     2202
     2203    .auto-fold #adminmenu li.menu-top:hover,
     2204    .auto-fold #adminmenu li.opensub > a.menu-top,
     2205    .auto-fold #adminmenu li > a.menu-top:focus {
     2206        z-index: 10000;
     2207    }
     2208
    18472209    .auto-fold #collapse-menu span {
    18482210        display: none;
    18492211    }
    18502212
     2213    .auto-fold #collapse-button div {
     2214        background: none;
     2215    }
     2216
     2217    .auto-fold #collapse-button div:after {
     2218        -ms-transform: rotate(180deg);
     2219        -webkit-transform: rotate(180deg);
     2220        transform: rotate(180deg);
     2221    }
    18512222}
    18522223
     
    18542225.post-com-count-wrapper {
    18552226    min-width: 22px;
    1856     font-family: sans-serif;
     2227    font-family: "Open Sans", sans-serif;
    18572228}
    18582229
    18592230.post-com-count {
    1860     background-image: url('../images/bubble_bg.gif');
     2231    background: none;
    18612232    height: 1.3em;
    18622233    line-height: 1.1em;
     
    18692240}
    18702241
     2242.post-com-count:after {     /* draw bubble connector using CSS! */
     2243    content: "";
     2244    display: block;
     2245    width: 0;
     2246    height: 0;
     2247    margin-left: 8px;
     2248    border-top: 5px solid #bbbbbb;
     2249    border-right: 5px solid transparent;
     2250}
     2251
    18712252.post-com-count span {
    18722253    font-size: 11px;
    1873     font-weight: bold;
     2254    font-weight: 600;
    18742255    height: 1.4em;
    18752256    line-height: 1.4em;
     
    19042285
    19052286th .comment-grey-bubble {
    1906     background-image: url('../images/comment-grey-bubble.png');
    1907     background-repeat: no-repeat;
    1908     height: 12px;
    1909     width: 12px;
     2287    height: 16px;
     2288    width: 16px;
     2289}
     2290
     2291th .comment-grey-bubble:before {
     2292    content: '\f101';
     2293    font: normal 20px/.5 'dashicons';
     2294    speak: none;
     2295    display: inline-block;
     2296    padding: 0;
     2297    top: 4px;
     2298    left: -4px;
     2299    position: relative;
     2300    vertical-align: top;
     2301    -webkit-font-smoothing: antialiased;
     2302    -moz-osx-font-smoothing: grayscale;
     2303    text-decoration: none !important;
    19102304}
    19112305
     
    19152309
    19162310html.wp-toolbar {
    1917     padding-top: 28px;
     2311    padding-top: 32px;
    19182312    -webkit-box-sizing: border-box;
    19192313    -moz-box-sizing: border-box;
     
    20072401#poststuff {
    20082402    padding-top: 10px;
     2403    min-width: 763px;
    20092404}
    20102405
     
    20152410#post-body-content {
    20162411    width: 100%;
     2412    min-width: 463px;
    20172413    float: left;
    20182414}
     
    20922488
    20932489/* one column on the post write/edit screen */
    2094 @media only screen and (max-width: 960px) {
     2490@media only screen and (max-width: 850px) {
     2491    #poststuff {
     2492        min-width: 0;
     2493    }
     2494
    20952495    #wpbody-content #poststuff #post-body {
    20962496        margin: 0;
     
    21202520}
    21212521
    2122 .postbox .hndle {
    2123     -webkit-border-top-left-radius: 3px;
    2124     -webkit-border-top-right-radius: 3px;
    2125     border-top-left-radius: 3px;
    2126     border-top-right-radius: 3px;
    2127 }
    2128 
    21292522.js .postbox .hndle {
    21302523    cursor: move;
     
    21622555    margin-bottom: 20px;
    21632556    padding: 0;
    2164     border-width: 1px;
    2165     border-style: solid;
    21662557    line-height: 1;
    21672558}
     
    21712562.stuffbox h3 {
    21722563    margin-top: 1px;
    2173     border-bottom-width: 1px;
    2174     border-bottom-style: solid;
    21752564    -webkit-user-select: none;
    21762565    -moz-user-select: none;
     
    21852574.postbox .inside,
    21862575.stuffbox .inside {
    2187     padding: 0 12px 0 10px;
     2576    padding: 0 12px 12px;
    21882577    line-height: 1.4em;
     2578    font-size: 13px;
    21892579}
    21902580
    21912581.postbox .inside {
    2192     margin: 10px 0;
     2582    margin: 12px 0;
    21932583    position: relative;
     2584}
     2585
     2586#dashboard-widgets .postbox .inside {
     2587    margin-bottom: 0;
     2588}
     2589
     2590.postbox .inside > p:last-child,
     2591.rss-widget ul li:last-child {
     2592    margin-bottom: 1px !important;
    21942593}
    21952594
     
    22302629
    22312630#dashboard_recent_comments div.undo {
    2232     border-top-style: solid;
    2233     border-top-width: 1px;
    2234     margin: 0 -10px;
    2235     padding: 3px 8px;
     2631    margin: 0 -12px;
     2632    padding: 6px 12px;
    22362633    font-size: 11px;
     2634}
     2635
     2636#dashboard_recent_comments div.undo .avatar {
     2637    float: left;
     2638}
     2639
     2640#dashboard_recent_comments div.undo div {
     2641    min-height: 20px;
    22372642}
    22382643
     
    22632668    position: relative;
    22642669    overflow: auto;
    2265     margin: 20px 0;
     2670    margin: 16px 0;
    22662671    padding: 23px 10px 12px;
    2267     border-width: 1px;
    2268     border-style: solid;
    2269     border-radius: 3px;
    22702672    font-size: 13px;
    22712673    line-height: 2.1em;
     
    22742676.welcome-panel h3 {
    22752677    margin: 0;
    2276     font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
     2678    font-family: "Open Sans", sans-serif;
    22772679    font-size: 21px;
    22782680    font-weight: normal;
    22792681    line-height: 1.2;
    22802682}
     2683
    22812684.welcome-panel h4 {
    22822685    margin: 1.33em 0 0;
    2283     font-size: 13px;
     2686    font-size: 16px;
     2687}
     2688
     2689.welcome-panel li {
     2690    font-size: 14px;
    22842691}
    22852692
     
    22992706}
    23002707
    2301 .welcome-panel .welcome-panel-close:before {
    2302     content: ' ';
     2708#welcome-panel.welcome-panel .welcome-panel-close::before,
     2709.tagchecklist span a:before,
     2710#bulk-titles div a:before,
     2711.wp-pointer-buttons a.close:before {
     2712    content: '\f153';
     2713    display: block !important;
     2714    font: normal 16px/1 'dashicons';
     2715    speak: none;
     2716    height: 20px;
     2717    margin: 2px 0;
     2718    text-align: center;
     2719    width: 20px;
     2720    -webkit-font-smoothing: antialiased !important;
     2721}
     2722
     2723#welcome-panel.welcome-panel .welcome-panel-close::before {
    23032724    position: absolute;
    2304     left: -12px;
    2305     width: 10px;
    2306     height: 100%;
    2307     background: url('../images/xit.gif') 0 17% no-repeat;
    2308 }
    2309 
    2310 .welcome-panel .welcome-panel-close:hover:before {
    2311     background-position: 100% 17%;
     2725    left: -18px;
     2726    margin-top: -2px;
     2727    -webkit-transition: all .1s ease-in-out;
     2728    -moz-transition:    all .1s ease-in-out;
     2729    transition:         all .1s ease-in-out;
    23122730}
    23132731
     
    23412759}
    23422760
     2761.welcome-panel-column p.hide-if-no-customize {
     2762    margin-top: 10px;
     2763}
     2764
    23432765.welcome-panel-column p {
    23442766    margin-top: 7px;
     
    23472769.welcome-panel .welcome-icon {
    23482770    display: block;
    2349     padding: 2px 0 8px 32px;
    2350     background-image: url('../images/welcome-icons.png');
    2351     background-repeat: no-repeat;
    2352     background-size: 16px;
    2353 }
    2354 
    2355 .welcome-panel .welcome-add-page {
    2356     background-position: 0 2px;
    2357 }
    2358 
    2359 .welcome-panel .welcome-edit-page {
    2360     background-position: 0 -90px;
    2361 }
    2362 
    2363 .welcome-panel .welcome-learn-more {
    2364     background-position: 0 -136px;
    2365 }
    2366 
    2367 .welcome-panel .welcome-comments {
    2368     background-position: 0 -182px;
    2369 }
    2370 
    2371 .welcome-panel .welcome-view-site {
    2372     background-position: 0 -274px;
     2771    padding: 0 0 8px;
     2772    background: transparent !important;
     2773}
     2774
     2775.welcome-panel .welcome-icon:before {
     2776    font: normal 20px/1 'dashicons';
     2777    speak: none;
     2778    display: inline-block;
     2779    padding: 0 10px 0 0;
     2780    top: -1px;
     2781    position: relative;
     2782    -webkit-font-smoothing: antialiased;
     2783    -moz-osx-font-smoothing: grayscale;
     2784    text-decoration: none !important;
     2785    vertical-align: top;
     2786}
     2787
     2788.welcome-panel .welcome-write-blog:before,
     2789.welcome-panel .welcome-edit-page:before {
     2790    content:'\f119';
     2791    top: -3px;
     2792}
     2793
     2794.welcome-panel .welcome-add-page:before {
     2795    content:'\f132';
     2796}
     2797
     2798.welcome-panel .welcome-view-site:before {
     2799    content:'\f115';
     2800    top: -2px;
     2801}
     2802
     2803.welcome-panel .welcome-widgets-menus:before {
     2804    content:'\f116';
     2805    top: -2px;
     2806}
     2807
     2808.welcome-panel .welcome-comments:before {
     2809    content:'\f117';
     2810    top: -1px;
     2811}
     2812
     2813.welcome-panel .welcome-learn-more:before {
     2814    content:'\f118';
     2815    top: -1px;
    23732816}
    23742817
    23752818.welcome-panel .welcome-widgets-menus {
    2376     background-position: 1px -229px;
    2377     line-height: 14px;
    2378 }
    2379 
    2380 .welcome-panel .welcome-write-blog {
    2381     background-position: 0 -44px;
     2819    line-height: 16px;
    23822820}
    23832821
     
    25032941    border-width: 0 0 1px;
    25042942    border-style: none none solid;
     2943    margin-top: 6px;
    25052944}
    25062945
     
    25252964.sorting-indicator {
    25262965    display: none;
    2527     width: 7px;
     2966    width: 10px;
    25282967    height: 4px;
    25292968    margin-top: 8px;
    25302969    margin-left: 7px;
    2531     background-image: url('../images/sort.gif');
    2532     background-repeat: no-repeat;
     2970}
     2971
     2972.sorting-indicator:before {
     2973    background: none;
     2974    content: '\f142';
     2975    font: normal 20px/1 'dashicons';
     2976    speak: none;
     2977    display: inline-block;
     2978    padding: 0;
     2979    top: -4px;
     2980    left: -8px;
     2981    color: #444;
     2982    line-height: 10px;
     2983    position: relative;
     2984    vertical-align: top;
     2985    -webkit-font-smoothing: antialiased;
     2986    -moz-osx-font-smoothing: grayscale;
     2987    text-decoration: none !important;
     2988}
     2989
     2990.column-comments .sorting-indicator:before {
     2991    top: 0;
     2992    left: -10px;
     2993}
     2994
     2995th.sorted.asc .sorting-indicator:before,
     2996th.desc:hover span.sorting-indicator:before {
     2997    content: '\f142';
     2998}
     2999
     3000th.sorted.desc .sorting-indicator:before,
     3001th.asc:hover span.sorting-indicator:before {
     3002    content: '\f140';
    25333003}
    25343004
     
    25533023
    25543024tr.wp-locked .locked-info {
     3025    margin-top: 8px;
    25553026    height: auto;
    25563027    opacity: 1;
     3028}
     3029
     3030.locked-text {
     3031    vertical-align: top;
    25573032}
    25583033
     
    26103085/* Bulk Actions */
    26113086.tablenav-pages a {
    2612     border-bottom-style: solid;
    2613     border-bottom-width: 2px;
    2614     font-weight: bold;
     3087    font-weight: 600;
    26153088    margin-right: 1px;
    26163089    padding: 0 2px;
    26173090}
    26183091.tablenav-pages .current-page {
     3092    padding-top: 0;
    26193093    text-align: center;
    26203094}
     
    26593133}
    26603134
     3135.tablenav .tablenav-pages a {
     3136    padding: 0 10px 3px;
     3137    font-size: 16px;
     3138    font-weight: normal;
     3139}
     3140
    26613141.tablenav .tablenav-pages a.disabled:hover ,
    26623142.tablenav .tablenav-pages a.disabled:active {
     
    26653145
    26663146.tablenav .displaying-num {
    2667     margin-right: 10px;
     3147    margin-right: 2px;
    26683148    font-size: 12px;
    26693149    font-style: italic;
     
    26813161.view-switch {
    26823162    float: right;
    2683     margin: 6px 8px 0;
     3163    margin: 5px 16px 0 8px;
     3164}
     3165
     3166.view-switch img {
     3167    display: none;
    26843168}
    26853169
    26863170.view-switch a {
    26873171    text-decoration: none;
     3172}
     3173
     3174.view-switch > a {
     3175    display: inline-block;
     3176    width: 18px;
     3177    height: 18px;
     3178}
     3179
     3180.view-switch > a:before {
     3181    content: '\f163';
     3182    display: inline-block;
     3183    float: left;
     3184    font: normal 20px/1 'dashicons';
     3185    speak: none;
     3186    vertical-align: middle;
     3187    margin-left: 0;
     3188    -webkit-font-smoothing: antialiased;
     3189    -moz-osx-font-smoothing: grayscale;
     3190}
     3191
     3192.view-switch > a + a:before {
     3193    margin-left: 5px;
     3194    content: '\f164';
    26883195}
    26893196
     
    29433450.inline-edit-row fieldset ul.cat-checklist label,
    29443451.inline-edit-row #bulk-titles div {
    2945     font-family: sans-serif;
     3452    font-family: "Open Sans", sans-serif;
    29463453    font-style: normal;
    29473454    font-size: 11px;
     
    29713478    display: block;
    29723479    float: left;
    2973     height: 10px;
    2974     margin: 3px 3px 0 -2px;
     3480    height: 18px;
     3481    margin: 0 3px 0 -2px;
    29753482    overflow: hidden;
    29763483    position: relative;
    2977     text-indent: -9999px;
    2978     width: 10px;
     3484    width: 20px;
     3485}
     3486
     3487#bulk-titles div a:before {
     3488    position: relative;
     3489    top: -3px;
    29793490}
    29803491
     
    30073518#titlediv {
    30083519    position: relative;
    3009     margin-bottom: 5px;
     3520    margin-bottom: 10px;
    30103521}
    30113522
     
    30743585    min-height: 25px; /* Yes, line-height + 1 */
    30753586    margin-top: 5px;
    3076     padding-right: 6px;
     3587    padding: 0 10px;
    30773588}
    30783589
     
    31053616}
    31063617
    3107 .submitbox .submitdelete,
    31083618.submitbox .submit a:hover {
    3109     border-bottom-width: 1px;
    3110     border-bottom-style: solid;
     3619    text-decoration: underline;
    31113620}
    31123621
     
    31733682
    31743683.category-tabs {
    3175     margin: 8px 0 3px;
     3684    margin: 8px 0 5px;
    31763685}
    31773686
     
    32203729}
    32213730
     3731ul.add-menu-item-tabs li.tabs {
     3732    padding-bottom: 3px;
     3733}
     3734
    32223735#post-body .add-menu-item-tabs li.tabs {
    32233736    border-style: solid none solid solid;
     
    32303743ul.wp-tab-bar li {
    32313744    padding: 3px 5px 5px;
    3232     -webkit-border-top-left-radius: 3px;
    3233     -webkit-border-top-right-radius: 3px;
    3234     border-top-left-radius: 3px;
    3235     border-top-right-radius: 3px;
    3236 }
    3237 
    3238 /* positioning etc. */
     3745}
     3746
     3747#postimagediv .inside img {
     3748    max-width: 100%;
     3749    height: auto;
     3750}
     3751
    32393752form#tags-filter {
    32403753    position: relative;
     
    32463759    display: block;
    32473760    margin-bottom: .2em;
     3761    font-size: 14px;
    32483762}
    32493763
     
    32773791
    32783792#post-status-info {
    3279     border-width: 0 1px 1px;
    3280     border-style: none solid solid;
    32813793    width: 100%;
    3282     -webkit-border-bottom-left-radius: 3px;
    3283     -webkit-border-bottom-right-radius: 3px;
    3284     border-bottom-left-radius: 3px;
    3285     border-bottom-right-radius: 3px;
    32863794}
    32873795
     
    32993807}
    33003808
     3809#content-resize-handle,
    33013810#post-body .wp_themeSkin .mceStatusbar a.mceResize {
    3302     display: block;
    33033811    background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
    33043812    width: 12px;
    33053813    cursor: se-resize;
     3814}
     3815
     3816#post-body .wp_themeSkin .mceStatusbar a.mceResize {
     3817    display: block;
    33063818    margin: 0 1px;
    33073819    position: relative;
     
    33103822
    33113823#post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize {
    3312     top: 20px;
     3824    top: 22px;
    33133825}
    33143826
    33153827#content-resize-handle {
    3316     background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
    3317     width: 12px;
    3318     cursor: se-resize;
    33193828    position: absolute;
    33203829    right: 2px;
     
    33563865
    33573866.curtime #timestamp {
    3358     background-repeat: no-repeat;
    3359     background-position: left center;
    3360     padding: 2px 0 1px 20px;
     3867    padding: 2px 0 1px 0;
     3868    display: inline !important;
     3869    height: auto !important;
     3870}
     3871
     3872#post-body #visibility:before,
     3873.curtime #timestamp:before,
     3874#post-body .misc-pub-revisions:before {
     3875    font: normal 20px/1 'dashicons';
     3876    speak: none;
     3877    display: inline-block;
     3878    padding: 0 2px 0 0;
     3879    top: 0;
     3880    left: -1px;
     3881    position: relative;
     3882    vertical-align: top;
     3883    -webkit-font-smoothing: antialiased;
     3884    -moz-osx-font-smoothing: grayscale;
     3885    text-decoration: none !important;
     3886}
     3887
     3888#post-body #visibility:before {
     3889    content: '\f177';
     3890}
     3891
     3892.curtime #timestamp:before {
     3893    content: '\f145';
     3894    top: -1px;
     3895}
     3896
     3897#post-body .misc-pub-revisions:before {
     3898    content: '\f321';
    33613899}
    33623900
     
    35324070    position: fixed;
    35334071    top: 0;
    3534     padding-bottom: 10px;
     4072    height: 82px;
    35354073}
    35364074
     
    35384076    position: relative;
    35394077    margin: 0 auto;
    3540     height: 0.8em;
     4078    height: 0.7em;
    35414079    top: 7px;
    35424080    max-width: 70%;
     
    35624100.comparing-two-revisions .revisions-controls {
    35634101    height: 140px;
     4102}
     4103
     4104.comparing-two-revisions.pinned .revisions-controls {
     4105    height: 124px;
    35644106}
    35654107
     
    36244166
    36254167.revisions-meta {
    3626     margin-top: 15px;
     4168    margin-top: 20px;
    36274169}
    36284170
     
    36554197}
    36564198
     4199.revisions.pinned .revisions-buttons {
     4200    padding: 0 11px;
     4201}
     4202
    36574203.revisions-previous,
    36584204.revisions-next {
     
    36754221}
    36764222
     4223.revisions-diff {
     4224    padding: 15px;
     4225}
     4226
     4227.revisions-diff h3:first-child {
     4228    margin-top: 0;
     4229}
     4230
    36774231/* Revision meta box */
    36784232.post-revisions li img,
     
    36814235}
    36824236
     4237table.diff tbody tr td:nth-child(2) {
     4238    width: 4%;
     4239}
     4240
    36834241table.diff {
    3684     table-layout: fixed;
    36854242    width: 100%;
    36864243    white-space: pre-wrap;
    3687     word-wrap: break-word;
    36884244}
    36894245
     
    37104266table.diff td,
    37114267table.diff th {
     4268    font-family: Consolas, Monaco, monospace;
     4269    font-size: 14px;
     4270    line-heighit: 1.618;
    37124271    padding: .5em;
    3713     font-family: Consolas, Monaco, monospace;
     4272}
     4273
     4274table.diff td h1,
     4275table.diff td h2,
     4276table.diff td h3,
     4277table.diff td h4,
     4278table.diff td h5,
     4279table.diff td h6 {
     4280    margin: 0;
    37144281}
    37154282
     
    37334300    float: left;
    37344301    margin-right: 5px;
     4302}
     4303
     4304.revisions-controls .author-card .author-info {
     4305    font-size: 12px;
     4306    line-height: 16px;
    37354307}
    37364308
     
    38174389    height: 25px;
    38184390    -webkit-transform: rotate(45deg);
     4391    -moz-transform:    rotate(45deg);
     4392    -ms-transform:     rotate(45deg);
     4393    -o-transform:      rotate(45deg);
     4394    transform:         rotate(45deg);
     4395}
     4396
     4397.revisions-tooltip.flipped .revisions-tooltip-arrow > span {
     4398    left: auto;
     4399    right: 20px;
     4400}
     4401
     4402.ie8 .revisions-tooltip-arrow > span {
     4403    left: 15px;
     4404    top: -25px;
     4405    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
     4406}
     4407
     4408.ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
     4409    right: 25px;
     4410}
     4411
     4412.revisions-tooltip,
     4413.revisions-tooltip-arrow > span {
     4414    border-width: 1px;
     4415    border-style: solid;
     4416}
     4417
     4418
     4419
     4420
     4421.revisions-tooltip {
     4422    display: none;
     4423}
     4424
     4425.arrow {
     4426    width: 70px;
     4427    height: 16px;
     4428    overflow: hidden;
     4429    position: absolute;
     4430    left: 0;
     4431    margin-left: -35px;
     4432    bottom: 90px;
     4433    z-index: 10000;
     4434}
     4435
     4436.arrow::after {
     4437    z-index: 9999;
     4438}
     4439
     4440.arrow.top {
     4441    top: -16px;
     4442    bottom: auto;
     4443}
     4444
     4445.arrow.left {
     4446    left: 20%;
     4447}
     4448
     4449.arrow:after {
     4450    content: "";
     4451    position: absolute;
     4452    left: 20px;
     4453    top: -20px;
     4454    width: 25px;
     4455    height: 25px;
     4456    -webkit-transform: rotate(45deg);
    38194457    -moz-transform: rotate(45deg);
    38204458    -ms-transform: rotate(45deg);
     
    38234461}
    38244462
    3825 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
    3826     left: auto;
    3827     right: 20px;
    3828 }
    3829 
    3830 .ie8 .revisions-tooltip-arrow > span {
    3831     left: 15px;
    3832     top: -25px;
    3833     -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)";
    3834 }
    3835 
    3836 .ie8 .revisions-tooltip.flipped .revisions-tooltip-arrow > span {
    3837     right: 25px;
    3838 }
    3839 
    38404463.revisions-tooltip,
    3841 .revisions-tooltip-arrow > span {
     4464.revisions-tooltip-arrow:after {
    38424465    border-width: 1px;
    38434466    border-style: solid;
     
    38534476    border-width: 1px;
    38544477    border-style: solid;
    3855     border-radius: 3px;
    38564478    text-align: left;
    38574479    cursor: pointer;
     
    38594481
    38604482.wp-slider .ui-slider-handle {
     4483    border-radius: 50%;
     4484    height: 20px;
     4485    margin-top: -2px;
     4486    outline: none;
    38614487    position: absolute;
     4488    width: 20px;
    38624489    z-index: 2;
    3863     margin-top: -3px;
    3864     width: 19px;
    3865     height: 19px;
    3866     border-width: 1px;
    3867     border-style: solid;
    3868     border-radius: 50%;
    38694490}
    38704491
    38714492.wp-slider .ui-slider-handle:before {
    3872     content: "";
     4493    background: none;
    38734494    position: absolute;
    3874     top: 6px;
    3875     left: 3px;
    3876     height: 8px;
    3877     width: 13px;
    3878     background: url(../images/arrows-pr.png) no-repeat -2px -47px;
     4495    margin-top: 1px;
     4496    margin-left: 1px;
     4497    top: 0;
     4498    left: 0;
     4499    content: "\f229";