Make WordPress Core

Changeset 26072


Ignore:
Timestamp:
11/10/2013 12:26:50 AM (10 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";
     4500    font: normal 18px/1 'dashicons';
     4501    speak: none;
     4502    -webkit-font-smoothing:antialiased;
     4503    -moz-osx-font-smoothing: grayscale;
    38794504}
    38804505
    38814506.wp-slider .ui-slider-handle.from-handle:before,
    38824507.wp-slider .ui-slider-handle.to-handle:before {
     4508    font-size: 20px !important;
    38834509    height: 8px;
    38844510    width: 7px;
     4511    margin-left: 0;
    38854512}
    38864513
    38874514.wp-slider .ui-slider-handle.from-handle:before {
    3888     background-position: -5px -84px;
    3889     left: 7px;
     4515    content: '\f139';
    38904516}
    38914517
    38924518.wp-slider .ui-slider-handle.to-handle:before {
    3893     background-position: -4px -65px;
    3894     left: 5px;
     4519    content: '\f141';
     4520
    38954521}
    38964522
     
    39054531
    39064532.wp-slider.ui-slider-horizontal {
    3907     height: .8em;
     4533    height: .7em;
    39084534}
    39094535
     
    39644590------------------------------------------------------------------------------*/
    39654591
    3966 a.post-state-format {
     4592.post-state-format {
    39674593    overflow: hidden;
    39684594    display: inline-block;
    39694595    vertical-align: middle;
    3970     height: 16px;
    3971     width: 16px;
     4596    height: 20px;
     4597    width: 20px;
    39724598    margin-right: 5px;
    3973     background-repeat: no-repeat;
    3974     text-indent: -999em;
     4599    margin-top: -4px;
     4600}
     4601
     4602.post-state-format:before {
     4603    display: block;
     4604    height: 20px;
     4605    width: 20px;
     4606    font: normal 20px/1 'dashicons' !important;
     4607    speak: none;
     4608    -webkit-font-smoothing: antialiased;
     4609    -moz-osx-font-smoothing: grayscale;
    39754610}
    39764611
     
    39794614}
    39804615
     4616#post-formats-select .post-format-icon:before {
     4617    top: 5px;
     4618}
     4619
     4620input.post-format {
     4621    margin-top: 1px;
     4622}
     4623
    39814624label.post-format-icon {
    3982     margin-left: 5px;
    3983     padding: 2px 0 2px 21px;
    3984 }
    3985 
    3986 .post-format-icon.post-format-standard  {
    3987     background-position: 0 0;
    3988 }
    3989 
    3990 .post-format-icon.post-format-image  {
    3991     background-position: 0 -32px;
    3992 }
    3993 
    3994 .post-format-icon.post-format-gallery {
    3995     background-position: 0 -64px;
    3996 }
    3997 
    3998 .post-format-icon.post-format-audio {
    3999     background-position: 0 -96px;
    4000 }
    4001 
    4002 .post-format-icon.post-format-video {
    4003     background-position: 0 -128px;
    4004 }
    4005 
    4006 .post-format-icon.post-format-chat {
    4007     background-position: 0 -160px;
    4008 }
    4009 
    4010 .post-format-icon.post-format-status {
    4011     background-position: 0 -192px;
    4012 }
    4013 
    4014 .post-format-icon.post-format-aside {
    4015     background-position: 0 -224px;
    4016 }
    4017 
    4018 .post-format-icon.post-format-quote {
    4019     background-position: 0 -256px;
    4020 }
    4021 
    4022 .post-format-icon.post-format-link {
    4023     background-position: 0 -288px;
    4024 }
    4025 
     4625    margin-left: 0px;
     4626    padding: 2px 0 2px 0px;
     4627}
     4628
     4629.post-format-icon:before {
     4630    position: relative;
     4631    display: inline-block;
     4632    margin-right: 7px;
     4633    font: normal 20px/1 'dashicons';
     4634    speak: none;
     4635    -webkit-font-smoothing: antialiased;
     4636    -moz-osx-font-smoothing: grayscale;
     4637}
     4638
     4639.post-state-format.post-format-standard:before,
     4640.post-format-icon.post-format-standard:before,
     4641a.post-state-format.format-standard:before {
     4642    content: '\f109';
     4643}
     4644
     4645.post-state-format.post-format-image:before,
     4646.post-format-icon.post-format-image:before,
     4647a.post-state-format.format-image:before {
     4648    content: '\f128';
     4649}
     4650
     4651.post-state-format.post-format-gallery:before,
     4652.post-format-icon.post-format-gallery:before,
     4653a.post-state-format.format-gallery:before {
     4654    content: '\f161';
     4655}
     4656
     4657.post-state-format.post-format-audio:before,
     4658.post-format-icon.post-format-audio:before,
     4659a.post-state-format.format-audio:before {
     4660    content: '\f127';
     4661}
     4662
     4663.post-state-format.post-format-video:before,
     4664.post-format-icon.post-format-video:before,
     4665a.post-state-format.format-video:before {
     4666    content: '\f126';
     4667}
     4668
     4669.post-state-format.post-format-chat:before,
     4670.post-format-icon.post-format-chat:before,
     4671a.post-state-format.format-chat:before {
     4672    content: '\f125';
     4673}
     4674
     4675.post-state-format.post-format-status:before,
     4676.post-format-icon.post-format-status:before,
     4677a.post-state-format.format-status:before {
     4678    content: '\f130';
     4679}
     4680
     4681.post-state-format.post-format-aside:before,
     4682.post-format-icon.post-format-aside:before,
     4683a.post-state-format.format-aside:before {
     4684    content: '\f123';
     4685}
     4686
     4687.post-state-format.post-format-quote:before,
     4688.post-format-icon.post-format-quote:before,
     4689a.post-state-format.format-quote:before {
     4690    content: '\f122';
     4691}
     4692
     4693.post-state-format.post-format-link:before,
     4694.post-format-icon.post-format-link:before,
     4695a.post-state-format.format-link:before {
     4696    content: '\f103';
     4697}
    40264698
    40274699/*------------------------------------------------------------------------------
     
    40514723}
    40524724
    4053 #post-body ul.add-menu-item-tabs li {
    4054     padding: 8px;
     4725ul.add-menu-item-tabs li {
     4726    padding: 3px 5px 3px 8px;
    40554727}
    40564728
     
    40974769    margin: 0;
    40984770    padding: 0;
    4099     line-height: 19px;
     4771    line-height: 22px;
    41004772    word-wrap: break-word;
    41014773}
     
    41364808span.description,
    41374809.form-wrap p {
    4138     font-size: 12px;
     4810    font-size: 13px;
    41394811    font-style: italic;
    4140     font-family: sans-serif;
     4812    font-family: "Open Sans", sans-serif;
    41414813}
    41424814
     
    41644836------------------------------------------------------------------------------*/
    41654837
     4838.tagsdiv {
     4839    margin-top: -8px;
     4840}
     4841
    41664842#poststuff .taghint {
    41674843    color: #aaa;
     
    41704846
    41714847#poststuff .tagsdiv .howto {
    4172     margin: 0 0 6px 8px;
     4848    margin: 0 0 6px 0;
    41734849}
    41744850
     
    41944870
    41954871p.popular-tags {
    4196     -webkit-border-radius: 8px;
    4197     border-radius: 8px;
    4198     border-width: 1px;
    4199     border-style: solid;
     4872    border: none;
    42004873    line-height: 2em;
    42014874    max-width: 1000px;
     
    43465019    padding: 0 0 0 23px;
    43475020    margin: 0 1em 0 3px;
    4348     font-weight: bold;
     5021    font-weight: 600;
    43495022}
    43505023
    43515024.media-upload-form tr.image-size label {
    43525025    margin: 0 0 0 5px;
    4353     font-weight: bold;
     5026    font-weight: 600;
    43545027}
    43555028
    43565029.media-upload-form th.label label {
    4357     font-weight: bold;
     5030    font-weight: 600;
    43585031    margin: 0.5em;
    43595032    font-size: 13px;
     
    44895162    width: 200px;
    44905163    padding: 0 8px;
    4491     text-shadow: 0 1px 0 rgba(255,255,255,0.4);
    44925164    color: rgba(0,0,0,0.6);
    44935165}
     
    45385210.find-box-head {
    45395211    cursor: move;
    4540     font-weight: bold;
     5212    font-weight: 600;
    45415213    height: 2em;
    45425214    line-height: 2em;
     
    46845356------------------------------------------------------------------------------*/
    46855357
     5358.wp_attachment_details #attachment_caption {
     5359    height: 4em;
     5360}
     5361
    46865362.describe .image-editor {
    46875363    vertical-align: top;
     
    47225398    position: absolute;
    47235399    top: 0;
    4724     background: #fff url(../images/wpspin_light.gif) no-repeat scroll 22px 10px;
    4725     background-size: 16px 16px;
     5400    background: #fff url('../images/spinner.gif') no-repeat scroll 22px 10px;
     5401    background-size: 20px 20px;
    47265402    opacity: 0.7;
    47275403    filter: alpha(opacity=70);
     
    47325408
    47335409.spinner {
    4734     background: url(../images/wpspin_light.gif) no-repeat;
    4735     background-size: 16px 16px;
     5410    background: url('../images/spinner.gif') no-repeat;
     5411    background-size: 20px 20px;
    47365412    display: none;
    47375413    float: right;
    47385414    opacity: 0.7;
    47395415    filter: alpha(opacity=70);
    4740     width: 16px;
    4741     height: 16px;
    4742     margin: 5px 5px 0;
     5416    width: 20px;
     5417    height: 20px;
     5418    margin: 2px 5px 0;
    47435419}
    47445420
     
    47695445.A1B1 .spinner {
    47705446    float: left;
    4771     padding: 0 4px 4px;
     5447    padding: 0 0 4px 0;
    47725448    vertical-align: bottom;
    47735449}
     
    47815457    float: left;
    47825458    width: 32px;
     5459    background: none;
     5460    margin: 0 8px 0 0;
    47835461    height: 32px;
     5462    -webkit-font-smoothing: antialiased;
     5463    -moz-osx-font-smoothing: grayscale;
     5464    text-align: center;
     5465    line-height: 28px;
     5466}
     5467
     5468.imgedit-menu div:before {
     5469    font: normal 20px/1 'dashicons';
     5470    speak: none;
     5471    vertical-align: middle;
     5472}
     5473
     5474.imgedit-crop:before {
     5475    content:'\f165';
     5476}
     5477
     5478.imgedit-rleft:before {
     5479    content:'\f166';
     5480}
     5481
     5482.imgedit-rright:before {
     5483    content:'\f167';
     5484}
     5485
     5486.imgedit-flipv:before {
     5487    content:'\f168';
     5488}
     5489
     5490.imgedit-fliph:before {
     5491    content:'\f169';
     5492}
     5493
     5494.imgedit-undo:before {
     5495    content:'\f171';
     5496}
     5497
     5498.imgedit-redo:before {
     5499    content:'\f172';
    47845500}
    47855501
     
    47895505
    47905506.imgedit-crop {
    4791     background: transparent url('../images/imgedit-icons.png') no-repeat scroll -9px -31px;
    47925507    margin: 0 8px 0 0;
    47935508}
    47945509
    4795 .imgedit-crop.disabled:hover {
    4796     background-position: -9px -31px;
    4797 }
    4798 
    4799 .imgedit-crop:hover {
    4800     background-position: -9px -1px;
    4801 }
    4802 
    48035510.imgedit-rleft {
    4804     background: transparent url('../images/imgedit-icons.png') no-repeat scroll -46px -31px;
    48055511    margin: 0 3px;
    48065512}
    48075513
    4808 .imgedit-rleft.disabled:hover {
    4809     background-position: -46px -31px;
    4810 }
    4811 
    4812 .imgedit-rleft:hover {
    4813     background-position: -46px -1px;
    4814 }
    4815 
    48165514.imgedit-rright {
    4817     background: transparent url('../images/imgedit-icons.png') no-repeat scroll -77px -31px;
    48185515    margin: 0 8px 0 3px;
    48195516}
    48205517
    4821 .imgedit-rright.disabled:hover {
    4822     background-position: -77px -31px;
    4823 }
    4824 
    4825 .imgedit-rright:hover {
    4826     background-position: -77px -1px;
    4827 }
    4828 
    48295518.imgedit-flipv {
    4830     background: transparent url('../images/imgedit-icons.png') no-repeat scroll -115px -31px;
    48315519    margin: 0 3px;
    48325520}
    48335521
    4834 .imgedit-flipv.disabled:hover {
    4835     background-position: -115px -31px;
    4836 }
    4837 
    4838 .imgedit-flipv:hover {
    4839     background-position: -115px -1px;
    4840 }
    4841 
    48425522.imgedit-fliph {
    4843     background: transparent url('../images/imgedit-icons.png') no-repeat scroll -147px -31px;
    48445523    margin: 0 8px 0 3px;
    48455524}
    48465525
    4847 .imgedit-fliph.disabled:hover {
    4848     background-position: -147px -31px;
    4849 }
    4850 
    4851 .imgedit-fliph:hover {
    4852     background-position: -147px -1px;
    4853 }
    4854 
    48555526.imgedit-undo {
    4856     background: transparent url('../images/imgedit-icons.png') no-repeat scroll -184px -31px;
    48575527    margin: 0 3px;
    48585528}
    48595529
    4860 .imgedit-undo.disabled:hover {
    4861     background-position: -184px -31px;
    4862 }
    4863 
    4864 .imgedit-undo:hover {
    4865     background-position: -184px -1px;
    4866 }
    4867 
    48685530.imgedit-redo {
    4869     background: transparent url('../images/imgedit-icons.png') no-repeat scroll -215px -31px;
    48705531    margin: 0 8px 0 3px;
    4871 }
    4872 
    4873 .imgedit-redo.disabled:hover {
    4874     background-position: -215px -31px;
    4875 }
    4876 
    4877 .imgedit-redo:hover {
    4878     background-position: -215px -1px;
    48795532}
    48805533
     
    49415594.form-table {
    49425595    border-collapse: collapse;
     5596    font-size: 14px;
    49435597    margin-top: 0.5em;
    49445598    width: 100%;
    4945     margin-bottom: -8px;
    49465599    clear: both;
    49475600}
     
    49495602.form-table td {
    49505603    margin-bottom: 9px;
    4951     padding: 8px 10px;
    4952     line-height: 20px;
    4953     font-size: 12px;
     5604    padding: 18px 10px;
     5605    line-height: 1.3;
     5606    font-size: 14px;
     5607    vertical-align: middle;
    49545608}
    49555609
     
    49575611.form-wrap label {
    49585612    font-weight: normal;
    4959     text-shadow: #fff 0 1px 0;
     5613    text-shadow: none;
     5614    font-size: 14px;
     5615    vertical-align: baseline;
    49605616}
    49615617
     
    49635619    vertical-align: top;
    49645620    text-align: left;
    4965     padding: 10px;
     5621    padding: 20px 10px 20px 0;
    49665622    width: 200px;
     5623    line-height: 1.3;
     5624    font-weight: 600;
    49675625}
    49685626
     
    49855643.form-table td p {
    49865644    margin-top: 4px;
     5645    margin-bottom: 0;
    49875646}
    49885647
     
    50015660}
    50025661
     5662
     5663.form-table td fieldset label {
     5664    margin: 0.25em 0 0.5em !important;
     5665    display: inline-block;
     5666}
     5667
     5668.form-table td fieldset label,
     5669.form-table td fieldset p,
     5670.form-table td fieldset li {
     5671    line-height: 1.4em;
     5672}
     5673
     5674.form-table input.tog,
     5675.form-table input[type=radio] {
     5676    margin-top: -4px;
     5677    margin-right: 4px;
     5678    float: none;
     5679}
     5680
    50035681.commentlist li {
    50045682    padding: 1em 1em .2em;
     
    50885766.comment-ays {
    50895767    margin-bottom: 0;
    5090     border-style: solid;
    5091     border-width: 1px;
    5092 }
    5093 
    5094 .comment-ays th {
    5095     border-right-style: solid;
    5096     border-right-width: 1px;
     5768    border-bottom-style: solid;
     5769    border-bottom-width: 1px;
     5770}
     5771
     5772.comment-ays .alt {
     5773    background-color: transparent;
    50975774}
    50985775
     
    51325809}
    51335810
     5811#the-comment-list .unapproved th.check-column input {
     5812    margin-left: 4px;
     5813}
    51345814
    51355815/*------------------------------------------------------------------------------
     
    53085988    text-transform: uppercase;
    53095989    font-size: 11px;
    5310     line-height: 18px;
     5990    line-height: 22px;
    53115991    color: #999;
    53125992}
     
    53936073#TB_window #TB_title a.tb-theme-preview-link,
    53946074#TB_window #TB_title a.tb-theme-preview-link:visited {
    5395     font-weight: bold;
     6075    font-weight: 600;
    53966076    text-decoration: none;
    53976077}
     
    54716151    border-style: solid;
    54726152    border-width: 1px 1px 0;
    5473     color: #aaa;
    5474     text-shadow: #fff 0 1px 0;
    54756153    font-size: 12px;
    54766154    line-height: 16px;
     
    54786156    padding: 4px 14px 6px;
    54796157    text-decoration: none;
    5480     margin: 0 6px -1px 0;
    5481     -webkit-border-top-left-radius: 3px;
    5482     -webkit-border-top-right-radius: 3px;
    5483     border-top-left-radius: 3px;
    5484     border-top-right-radius: 3px;
     6158    margin: -4px 4px -1px 0;
    54856159}
    54866160
    54876161.nav-tab-active {
    54886162    border-width: 1px;
    5489     color: #464646;
    5490 }
    5491 
    5492 h2.nav-tab-wrapper, h3.nav-tab-wrapper {
     6163}
     6164
     6165.nav-tab-active,
     6166.nav-tab-active:hover {
     6167    border-bottom-width: 1px;
     6168    border-bottom-style: solid;
     6169}
     6170
     6171h2.nav-tab-wrapper,
     6172h3.nav-tab-wrapper {
    54936173    border-bottom-width: 1px;
    54946174    border-bottom-style: solid;
    54956175    padding-bottom: 0;
     6176    padding-left: 10px;
    54966177}
    54976178
    54986179h2 .nav-tab {
    5499     padding: 4px 10px 6px;
    5500     font-weight: 200;
    5501     font-size: 20px;
     6180    padding: 6px 10px;
     6181    font-weight: bold;
     6182    font-size: 15px;
    55026183    line-height: 24px;
    55036184
     
    55226203.item-controls .item-order a,
    55236204.feature-filter .feature-name {
    5524     font-weight: bold;
     6205    font-weight: 600;
    55256206}
    55266207
     
    55476228}
    55486229
    5549 .plugins .row-actions {
     6230.plugins .row-actions-visible {
     6231    font-size: 13px;
    55506232    padding: 0;
    5551 }
    5552 
    5553 .plugins tbody th.check-column {
    5554     padding: 7px 0;
    55556233}
    55566234
     
    55596237.plugins .active td,
    55606238.plugins .active th {
    5561     border-top-style: solid;
    5562     border-top-width: 1px;
    5563     padding: 5px 7px 0;
     6239    padding: 10px 9px;
    55646240}
    55656241
     
    55786254}
    55796255
     6256.plugins .inactive .plugin-title strong {
     6257    font-weight: 400;
     6258}
     6259
    55806260.plugins .second,
    5581 .plugins .row-actions {
     6261.plugins .row-actions-visible {
    55826262    padding: 0 0 5px;
    55836263}
    55846264
    55856265.plugins .update .second,
    5586 .plugins .update .row-actions {
     6266.plugins .update .row-actions-visible {
    55876267    padding-bottom: 0;
    55886268}
     
    55956275
    55966276.plugin-update-tr .update-message {
    5597     margin: 5px;
    5598     padding: 3px 5px;
     6277    border: none;
     6278    font-size: 13px;
     6279    font-weight: normal;
     6280    margin: 6px 12px 12px;
     6281    padding: 6px 12px;
     6282}
     6283
     6284.plugin-update-tr .update-message:before {
     6285    content: '\f113';
     6286    display: inline-block;
     6287    font: normal 20px/1 'dashicons';
     6288    speak: none;
     6289    margin: 0 8px 0 -2px;
     6290    -webkit-font-smoothing: antialiased;
     6291    -moz-osx-font-smoothing: grayscale;
     6292    vertical-align: top;
    55996293}
    56006294
     
    56216315}
    56226316
    5623 #your-profile #rich_editing {
    5624     border: none;
    5625 }
    5626 
    56276317#display_name {
    56286318    width: 15em;
     
    56366326  19.0 - Tools
    56376327------------------------------------------------------------------------------*/
     6328
     6329body.press-this {
     6330    color: #333;
     6331    margin: 0;
     6332    padding: 0;
     6333    min-width: 708px;
     6334    min-height: 400px;
     6335}
    56386336
    56396337.pressthis {
     
    56506348    color: #333;
    56516349    background: #e6e6e6;
    5652     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #e6e6e6), color-stop(77%, #d8d8d8));
    5653     background-image: -webkit-linear-gradient(bottom, #e6e6e6 7%, #d8d8d8 77%);
    5654     background-image:    -moz-linear-gradient(bottom, #e6e6e6 7%, #d8d8d8 77%);
    5655     background-image:      -o-linear-gradient(bottom, #e6e6e6 7%, #d8d8d8 77%);
    5656     background-image: linear-gradient(to top, #e6e6e6 7%, #d8d8d8 77%);
    56576350    -webkit-border-radius: 5px;
    56586351    border-radius: 5px;
     
    56626355    font-size: 14px;
    56636356    text-decoration: none;
    5664     text-shadow: 0 1px 0px #fff;
    56656357}
    56666358
     
    56786370
    56796371.pressthis a span {
    5680     background: url(../images/press-this.png?v=20120502) no-repeat 0px 5px;
    5681     background-size: 24px 20px;
    5682     padding: 8px 11px 8px 27px;
    5683     margin: 0 5px;
    56846372    display: inline-block;
     6373    margin: 0px 0 0;
     6374    padding: 0px 12px 8px 9px;
     6375}
     6376
     6377.pressthis a span:before {
     6378    font: normal 20px/1 'dashicons';
     6379    content:'\f157';
     6380    position: relative;
     6381    display: inline-block;
     6382    top: 4px;
     6383    margin-right: 4px;
    56856384}
    56866385
     
    57096408    padding-left: 25px;
    57106409    font-style: italic;
    5711     font-family: sans-serif;
     6410    font-family: "Open Sans", sans-serif;
    57126411}
    57136412
     
    57386437
    57396438#wpfooter p {
     6439    font-size: 13px;
    57406440    margin: 0;
    57416441    line-height: 20px;
     6442}
     6443
     6444#footer-thankyou {
     6445    font-style: italic;
    57426446}
    57436447
     
    57876491    line-height: 1.2em;
    57886492    font-size: 2.8em;
    5789     font-weight: 200;
     6493    font-weight: 400;
    57906494}
    57916495
     
    57936497.about-description,
    57946498.about-wrap li.wp-person a.web {
    5795     font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
    57966499    font-weight: normal;
    57976500    line-height: 1.6em;
     
    58276530}
    58286531
    5829 .about-wrap code {
     6532.about-wrap code,
     6533.about-wrap ol li p {
    58306534    font-size: 14px;
    58316535}
     6536
    58326537
    58336538/* Point Releases */
     
    58486553
    58496554.wp-badge {
    5850     padding-top: 142px;
    5851     height: 50px;
    5852     width: 173px;
    5853     font-weight: bold;
     6555    background: url('../images/wordpress-logo.svg?ver=20131107') #000 no-repeat;
     6556    background-position: center 30px;
     6557    background-size: 110px 110px;
    58546558    font-size: 14px;
    58556559    text-align: center;
    5856     margin: 0 -5px;
    5857     background: url('../images/wp-badge.png?ver=20111120') no-repeat;
    5858 }
     6560    font-weight: 600;
     6561    margin: 5px 0 0;
     6562    padding-top: 155px;
     6563    height: 45px;
     6564    display: inline-block;
     6565    width: 165px;
     6566    text-rendering: optimizeLegibility;
     6567}
     6568
    58596569
    58606570.about-wrap .wp-badge {
     
    58716581
    58726582.about-wrap h2 .nav-tab {
    5873     padding: 4px 10px 6px;
     6583    padding: 4px 15px 6px;
    58746584    margin: 0 3px -1px 0;
    58756585    font-size: 18px;
    58766586    vertical-align: top;
     6587    border-width: 1px;
    58776588}
    58786589
    58796590.about-wrap h2 .nav-tab-active {
    58806591    font-weight: bold;
    5881     padding-top: 3px;
    58826592}
    58836593
     
    58996609
    59006610.about-wrap .feature-section.two-col div {
     6611    position: relative;
    59016612    width: 47%;
    59026613    margin-right: 4.999999999%;
     
    59056616
    59066617.about-wrap .feature-section.three-col div {
     6618    position: relative;
    59076619    width: 30%;
    59086620    margin-right: 4.999999999%;
     
    59126624.about-wrap .three-col.about-updates .col-1,
    59136625.about-wrap .three-col.about-updates .col-3 {
    5914     width: 37%;
     6626    width: 50%;
    59156627    margin: 0;
     6628    -moz-box-sizing: border-box;
     6629    box-sizing: border-box;
     6630}
     6631
     6632.about-wrap .three-col.about-updates .col-1 {
     6633    z-index: 1;
     6634    padding-right: 100px;
    59166635}
    59176636
    59186637.about-wrap .three-col.about-updates .col-2 {
    5919     width: 16%;
    5920     margin: 0 5%;
     6638    position: absolute;
     6639    width: 100%;
     6640    text-align: center;
     6641}
     6642
     6643.about-wrap .three-col.about-updates .col-3 {
     6644    padding-left: 100px;
    59216645}
    59226646
     
    59366660    margin: 20px 0;
    59376661    padding: 1px 20px 10px;
    5938     background-color: #f9f9f9;
     6662    background-color: #fff;
    59396663}
    59406664
     
    59816705}
    59826706
     6707/* Icons to replace images. */
     6708
     6709.about-wrap .feature-section .col-2 img,
     6710.about-wrap .feature-section.two-col p img {
     6711    display: none;
     6712}
     6713
     6714.about-wrap .feature-section .col-2:before,
     6715.about-wrap .feature-section .col-2:after,
     6716.about-wrap .feature-section.two-col p:before {
     6717    display: inline-block;
     6718    position: relative;
     6719    font: normal 50px/125px 'dashicons';
     6720    speak: none;
     6721    content: '\f147';
     6722    -webkit-font-smoothing: antialiased;
     6723    -moz-osx-font-smoothing: grayscale;
     6724}
     6725
     6726.about-wrap .feature-section .col-2:before {
     6727    width: 100%;
     6728}
     6729
     6730.about-wrap .feature-section .col-2:after {
     6731    position: absolute;
     6732    top: 0;
     6733    left: 0;
     6734    width: 100%;
     6735    font-size: 170px;
     6736    line-height: 125px;
     6737    content: '\f113';
     6738}
     6739
     6740.about-wrap .feature-section.two-col p:before {
     6741    float: right;
     6742    top: -25px;
     6743    font-size: 130px;
     6744    line-height: 1;
     6745    content: '\f179';
     6746}
     6747
     6748.about-wrap .feature-section.two-col .last-feature p:before {
     6749    top: -15px;
     6750    font-size: 110px;
     6751    content: '\f319';
     6752}
     6753
     6754.about-wrap .about-passwords .feature-section.two-col p:before {
     6755    content: '';
     6756}
    59836757
    59846758/* Return to Dashboard Home link */
     
    60836857
    60846858.wp-full-overlay {
    6085     background: #fff;
     6859    background: transparent;
    60866860    z-index: 500000;
    60876861    position: fixed;
     
    60976871.wp-full-overlay-sidebar {
    60986872    -webkit-box-sizing: border-box;
    6099     -moz-box-sizing:    border-box;
    6100     box-sizing:         border-box;
    6101 
     6873    -moz-box-sizing: border-box;
     6874    box-sizing: border-box;
    61026875    position: fixed;
    61036876    width: 300px;
     
    61106883    z-index: 10;
    61116884    overflow: auto;
    6112     background: #f5f5f5;
    6113     border-right: 1px solid rgba( 0, 0, 0, 0.2 );
     6885    background: transparent;
     6886    border-right: none;
    61146887}
    61156888
     
    61396912    right: 0;
    61406913    width: 3px;
    6141     box-shadow: -5px 0 4px -4px rgba(0, 0, 0, 0.1) inset;
    61426914    z-index: 1000;
    61436915}
     
    61616933    z-index: 10;
    61626934    margin: 0;
    6163 }
    6164 
    6165 .wp-full-overlay-sidebar .wp-full-overlay-header {
    6166     border-top: 0;
    6167     border-bottom: 1px solid #fff;
    6168     box-shadow: inset 0 -1px 0 0px #dfdfdf;
     6935    border-top: none;
     6936    -webkit-box-shadow: none;
     6937    box-shadow: none;
     6938}
     6939
     6940.wp-full-overlay-sidebar .wp-full-overlay-header a.back {
     6941    margin-top: 10px;
    61696942}
    61706943
    61716944.wp-full-overlay-sidebar .wp-full-overlay-footer {
    61726945    bottom: 0;
    6173     border-bottom: 0;
    6174     border-top: 1px solid #dfdfdf;
    6175     box-shadow: inset 0 1px 0 0px #fff;
     6946    border-bottom: none;
     6947    border-top: none;
     6948    -webkit-box-shadow: none;
     6949    box-shadow: none;
    61766950}
    61776951
     
    61836957    right: 0;
    61846958    overflow: auto;
    6185 }
    6186 
    6187 .wp-full-overlay-sidebar-content .accordion-section:first-child {
    6188     border-top: 1px solid #fff;
    61896959}
    61906960
     
    62156985
    62166986.wp-full-overlay .collapse-sidebar-arrow {
    6217     position: absolute;
    6218     margin-top: 2px;
    6219     margin-left: 2px;
     6987    position: static;
     6988    margin-top: 0;
     6989    margin-left: 0;
    62206990    display: block;
    6221     width: 15px;
    6222     height: 15px;
    6223     background: transparent url('../images/arrows.png') no-repeat -1px -73px;
     6991    width: auto;
     6992    height: auto;
     6993    background: none;
     6994}
     6995
     6996.wp-full-overlay .collapse-sidebar-arrow:before {
     6997    float: left;
     6998    content: "\f148";
     6999    font: normal 20px/1 'dashicons';
     7000    speak: none;
     7001    display: block;
     7002    padding: 0;
     7003    text-indent: 0;
     7004    text-align: center;
     7005    position: relative;
     7006    -webkit-font-smoothing: antialiased;
     7007    -moz-osx-font-smoothing: grayscale;
     7008    text-decoration: none !important;
    62247009}
    62257010
     
    62317016    position: absolute;
    62327017    left: 100%;
    6233     color: #808080;
    62347018    line-height: 20px;
    62357019    margin-left: 10px;
     
    62397023    display: none;
    62407024}
    6241 
    6242 .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-label {
    6243     color: #666;
    6244 }
    6245 
    62467025/* Animations */
    62477026.wp-full-overlay,
     
    62547033    -o-transition-property:      left, right, top, bottom, width, margin;
    62557034    transition-property:         left, right, top, bottom, width, margin;
    6256 
    62577035    -webkit-transition-duration: 0.2s;
    62587036    -moz-transition-duration:    0.2s;
     
    62617039    transition-duration:         0.2s;
    62627040}
    6263 
    62647041
    62657042/*------------------------------------------------------------------------------
     
    62987075
    62997076.customize-loading #customize-container {
    6300     background: #fff url("../images/wpspin_light.gif") no-repeat fixed center center;
    6301     background-size: 16px 16px;
     7077    background: #fff url('../images/spinner.gif') no-repeat fixed center center;
     7078    background-size: 20px 20px;
    63027079}
    63037080
     
    63197096}
    63207097
     7098#customize-controls {
     7099    margin-top: 0;
     7100}
     7101
    63217102#theme-installer {
    63227103    display: none;
     
    63987179
    63997180.pagenav span {
    6400     font-weight: bold;
     7181    font-weight: 600;
    64017182    margin: 0 6px;
    64027183}
    64037184
    64047185.row-title {
    6405     font-size: 13px !important;
    6406     font-weight: bold;
     7186    font-size: 14px !important;
     7187    font-weight: 600;
    64077188}
    64087189
     
    64147195
    64157196.row-actions {
     7197    font-size: 13px;
    64167198    visibility: hidden;
    64177199    padding: 2px 0 0;
    64187200}
    64197201
     7202.mobile .row-actions {
     7203    visibility: visible;
     7204}
     7205
    64207206tr:hover .row-actions,
    6421 .mobile .row-actions,
    6422 .row-actions.visible,
    64237207div.comment-item:hover .row-actions {
    64247208    visibility: visible;
    64257209}
    64267210
    6427 /* deprecated */
    64287211.row-actions-visible {
    64297212    padding: 2px 0 0;
     
    64447227    overflow: auto;
    64457228}
     7229.tagchecklist br {
     7230    display: none;
     7231}
    64467232.tagchecklist strong {
    64477233    margin-left: -8px;
     
    64527238    display: block;
    64537239    float: left;
    6454     font-size: 11px;
     7240    font-size: 13px;
    64557241    line-height: 1.8em;
    64567242    white-space: nowrap;
    64577243    cursor: default;
    64587244}
     7245
    64597246.tagchecklist span a {
    6460     margin: 4px 0 0 -10px;
     7247    margin: 1px 0 0 -17px;
    64617248    cursor: pointer;
    6462     width: 10px;
    6463     height: 10px;
     7249    width: 20px;
     7250    height: 20px;
    64647251    display: block;
    64657252    float: left;
    6466     text-indent: -9999px;
     7253    text-indent: 0;
    64677254    overflow: hidden;
    64687255    position: absolute;
     
    64797266#poststuff h3,
    64807267.metabox-holder h3 {
    6481     font-size: 15px;
    6482     font-weight: normal;
    6483     padding: 7px 10px;
     7268    font-size: 14px;
     7269    padding: 7px 12px;
    64847270    margin: 0;
    6485     line-height: 1;
     7271    line-height: 1.4;
    64867272}
    64877273
    64887274#poststuff .inside {
    6489     margin: 6px 0 8px;
     7275    margin: 6px 0 0 0;
    64907276}
    64917277
     
    65917377.error-message {
    65927378    color: red;
    6593     font-weight: bold;
     7379    font-weight: 600;
    65947380}
    65957381
     
    66357421    font-size: 16px;
    66367422    width: auto;
     7423}
     7424
     7425#post-body #post-body-content #namediv h3 {
     7426    margin-top: 0;
     7427}
     7428
     7429#namediv h3 label {
     7430    vertical-align: baseline;
    66377431}
    66387432
     
    67467540
    67477541.js #dashboard-widgets h3 .postbox-title-action {
    6748     right: 30px;
     7542    right: 33px;
    67497543}
    67507544
    67517545#dashboard-widgets h4 {
    67527546    font-weight: normal;
    6753     font-size: 13px;
     7547    font-size: 14px;
    67547548    margin: 0 0 .2em;
    67557549    padding: 0;
     7550}
     7551
     7552#dashboard_plugins h5 {
     7553    font-size: 14px;
    67567554}
    67577555
     
    67637561
    67647562#dashboard_right_now .inside {
    6765     font-size: 12px;
     7563    font-size: 13px;
    67667564    padding-top: 20px;
    67677565}
     
    67697567#dashboard_right_now p.sub {
    67707568    padding: 5px 0 15px;
    6771     color: #8f8f8f;
    6772     font-size: 14px;
     7569    font-size: 11px;
     7570    font-weight: 600;
     7571    left: 14px;
     7572    letter-spacing: 1px;
    67737573    position: absolute;
     7574    text-transform: uppercase;
    67747575    top: -17px;
    6775     left: 15px;
    67767576}
    67777577
     
    67847584#dashboard_right_now .table_content {
    67857585    float: left;
    6786     border-top-width: 1px;
    6787     border-top-style: solid;
    6788     width: 45%;
     7586    width: 48%;
    67897587}
    67907588
    67917589#dashboard_right_now .table_discussion {
    67927590    float: right;
    6793     border-top-width: 1px;
    6794     border-top-style: solid;
    67957591    width: 45%;
    67967592}
     
    68217617
    68227618#dashboard_right_now .t {
    6823     font-size: 12px;
    68247619    padding-right: 12px;
    6825     padding-top: 6px;
    6826     color: #777;
     7620}
     7621
     7622#dashboard_right_now .t,
     7623#dashboard_right_now .b {
     7624    font-size: 14px;
     7625    padding-top: 4px;
    68277626}
    68287627
     
    68657664
    68667665#dashboard_recent_comments .comment-meta .approve {
    6867     font-style: italic;
    6868     font-family: sans-serif;
    6869     font-size: 10px;
     7666    font-family: "Open Sans", sans-serif;
     7667    font-size: 13px;
     7668    line-height: 1;
     7669    margin: 0 10px;
    68707670}
    68717671
     
    68807680
    68817681#the-comment-list .comment-item {
    6882     padding: 1em 10px;
     7682    padding: 1em 12px;
    68837683    border-top: 1px solid;
    68847684}
    68857685
    68867686#the-comment-list .pingback {
    6887     padding-left: 9px !important;
     7687    padding-left: 12px !important;
    68887688}
    68897689
    68907690#the-comment-list .comment-item,
    68917691#the-comment-list #replyrow {
    6892     margin: 0 -10px;
     7692    margin: 0 -12px;
    68937693}
    68947694
     
    69037703
    69047704#the-comment-list .comment-item h4 {
    6905     line-height: 1.7em;
    6906     margin-top: -0.4em;
    6907     color: #777;
     7705    line-height: 1.5em;
     7706    margin-top: 0;
     7707    color: #999;
    69087708}
    69097709
     
    69287728    margin: 3px 0 0;
    69297729    padding: 0;
    6930     font-size: 12px;
     7730    font-size: 13px;
    69317731}
    69327732
    69337733/* QuickPress */
     7734#header-logo {
     7735    display: none;
     7736}
     7737
     7738#site-heading:before {
     7739    top: 3px;
     7740    position: relative;
     7741    display: inline-block;
     7742    font: normal 18px/1 'dashicons';
     7743    speak: none;
     7744    color: #727272;
     7745    content: '\f120';
     7746    -webkit-font-smoothing: antialiased;
     7747    -moz-osx-font-smoothing: grayscale;
     7748}
    69347749.no-js #dashboard_quick_press {
    69357750    display: none;
     
    69687783#tags-input-wrap #tags-input {
    69697784    outline: none;
     7785    padding: 3px 6px;
    69707786}
    69717787
     
    69777793#tags-input-wrap #tags-input-prompt-text {
    69787794    font-size: 1em;
    6979     padding: 4px 8px;
     7795    padding: 5px 8px;
    69807796}
    69817797
    69827798#dashboard_quick_press .input-text-wrap,
    69837799#dashboard_quick_press .textarea-wrap {
    6984     margin: 0 0 1em 0;
     7800    margin: 0 0 .7em 0;
     7801}
     7802
     7803#dashboard_quick_press .input-text-wrap {
     7804    margin-right: 1px;
     7805}
     7806
     7807#dashboard_quick_press .textarea-wrap {
     7808    margin-left: 1px;
    69857809}
    69867810
    69877811#dashboard_quick_press .wp-media-buttons {
    6988     margin: 0 0 .2em 1px;
     7812    margin: 0 0 2px 1px;
    69897813    padding: 0;
    69907814}
     
    69927816#dashboard_quick_press .wp-media-buttons a {
    69937817    color: #777;
     7818    margin-bottom: 0;
    69947819}
    69957820
     
    70347859#dashboard_recent_drafts h4 abbr {
    70357860    font-weight: normal;
    7036     font-family: sans-serif;
     7861    font-family: "Open Sans", sans-serif;
    70377862    font-size: 12px;
    70387863    color: #999;
     
    70487873
    70497874a.rsswidget {
    7050     font-size: 13px;
     7875    font-size: 14px;
     7876    font-weight: 600;
    70517877    line-height: 1.7em;
    70527878}
     
    70597885.rss-widget span.rss-date {
    70607886    color: #999;
    7061     font-size: 12px;
     7887    font-size: 13px;
    70627888    margin-left: 3px;
    70637889}
     
    71097935#dashboard_browser_nag a.update-browser-link {
    71107936    font-size: 1.2em;
    7111     font-weight: bold;
     7937    font-weight: 600;
    71127938}
    71137939
     
    71457971#dashboard_browser_nag.postbox h3 {
    71467972    border-bottom-color: #f6e2ac;
    7147     text-shadow: none;
    71487973    background: transparent none;
    71497974    color: #fff;
     
    71567981}
    71577982
    7158 #dashboard_browser_nag.browser-insecure a.browse-happy-link,
    7159 #dashboard_browser_nag.browser-insecure a.update-browser-link {
    7160     text-shadow: #871b15 0 1px 0;
    7161 }
    7162 
    7163 #dashboard_browser_nag a.browse-happy-link,
    7164 #dashboard_browser_nag a.update-browser-link {
    7165     text-shadow: #d29a04 0 1px 0;
     7983/* Make the browser nags easier to read with Open Sans */
     7984
     7985#dashboard_browser_nag h3.hndle {
     7986    border: none;
     7987    font-weight: 600;
     7988    font-size: 20px;
     7989    padding-top: 10px;
     7990}
     7991
     7992.postbox#dashboard_browser_nag p a.dismiss {
     7993    font-size: 14px;
     7994}
     7995
     7996.postbox#dashboard_browser_nag p,
     7997.postbox#dashboard_browser_nag a,
     7998.postbox#dashboard_browser_nag p.browser-update-nag {
     7999    font-size: 16px;
    71668000}
    71678001
    71688002
    71698003/* login */
     8004
     8005#loginform p.submit,
     8006.login-action-lostpassword p.submit {
     8007    border: none;
     8008    margin: -10px 0 20px; /* May want to revisit this */
     8009}
    71708010
    71718011.login * {
     
    71758015
    71768016.login form {
    7177     margin-left: 8px;
     8017    margin-top: 20px;
     8018    margin-left: 0;
    71788019    padding: 26px 24px 46px;
    71798020    font-weight: normal;
    7180     background: #fff;
    7181     border: 1px solid #e5e5e5;
    7182     -webkit-box-shadow: rgba(200, 200, 200, 0.7) 0px 4px 10px -1px;
    7183     box-shadow: rgba(200, 200, 200, 0.7) 0px 4px 10px -1px;
     8021    overflow: hidden;
    71848022}
    71858023
     
    71998037
    72008038#login form p.submit {
     8039    margin: 0;
    72018040    padding: 0;
    72028041}
     
    72128051}
    72138052
     8053.login h1 {
     8054    text-align: center;
     8055}
     8056
    72148057.login h1 a {
    7215     background-image: url('../images/wordpress-logo.png?ver=20120216');
    7216     background-size: 274px 63px;
    7217     background-position: top center;
     8058    background-image: url('../images/wordpress-logo.svg?ver=20131107');
     8059    background-size: 80px 80px;
     8060    background-position: center top;
    72188061    background-repeat: no-repeat;
    7219     width: 326px;
    7220     height: 67px;
     8062    color: #999;
     8063    height: 80px;
     8064    font-size: 20px;
     8065    font-weight: normal;
     8066    line-height: 1.3em;
     8067    margin: 0 auto 25px;
     8068    padding: 0;
     8069    text-decoration: none;
     8070    width: 80px;
    72218071    text-indent: -9999px;
    72228072    outline: none;
    72238073    overflow: hidden;
    7224     padding-bottom: 15px;
    72258074    display: block;
    72268075}
     
    72348083#login_error,
    72358084.login .message {
    7236     margin: 0 0 16px 8px;
     8085    margin-left: 0;
    72378086    padding: 12px;
    72388087}
     
    72408089.login #nav,
    72418090.login #backtoblog {
    7242     text-shadow: #fff 0 1px 0;
    7243     margin: 0 0 0 16px;
    7244     padding: 16px 16px 0;
     8091    font-size: 13px;
     8092    padding: 0 24px 0;
     8093}
     8094
     8095.login #nav {
     8096    margin: 24px 0 0 0;
    72458097}
    72468098
    72478099#backtoblog {
    7248     padding: 12px 16px 0;
     8100    margin: 16px 0 0 0;
    72498101}
    72508102
     
    72528104.login input[type="text"] {
    72538105    color: #555;
    7254     font-weight: 200;
    72558106    font-size: 24px;
    72568107    line-height: 1;
     
    72698120.login #pass-strength-result {
    72708121    width: 250px;
    7271     font-weight: bold;
     8122    font-weight: 600;
    72728123    border-style: solid;
    72738124    border-width: 1px;
     
    73218172/* Dashboard: MS Specific Data */
    73228173#dashboard_right_now p.musub {
    7323     margin-top: 12px;
     8174    margin: 20px -2px 0;
     8175    padding: 15px 5px 10px;
    73248176    border-top: 1px solid #ececec;
    7325     padding-left: 16px;
    73268177    position: static;
    73278178}
     
    73408191}
    73418192
    7342 #dashboard_right_now div.musubtable .t {
     8193#dashboard_right_now div.musubtable .t,
     8194#dashboard_right_now div.musubtable .b {
     8195    vertical-align: top;
     8196    padding: 0;
    73438197    white-space: normal;
     8198}
     8199
     8200#dashboard_right_now div.musubtable .b {
     8201    padding-right: 3px;
    73448202}
    73458203
     
    73628220.no-js #message {
    73638221    display: block;
    7364 }
    7365 
    7366 #nav-menu-meta ul.outer-border {
    7367     -webkit-border-radius: 3px;
    7368     border-radius: 3px;
    73698222}
    73708223
     
    73908243    margin-left: 300px;
    73918244    margin-top: 23px;
     8245}
     8246
     8247#nav-menus-frame .accordion-section-content .inside {
     8248    font-size: 14px;
    73928249}
    73938250
     
    74078264
    74088265.metabox-holder-disabled .postbox,
    7409 .metabox-holder-disabled .accordion-section-content  {
     8266.metabox-holder-disabled .accordion-section-content,
     8267.metabox-holder-disabled .accordion-section-title {
    74108268    opacity: 0.5;
    74118269    filter: alpha(opacity=50);
     
    74418299    padding: 10px;
    74428300    overflow: hidden;
    7443     -webkit-border-radius: 3px;
    7444     border-radius: 3px;
    74458301}
    74468302
     
    74688324}
    74698325
     8326#post-body #post-body-content h3 {
     8327    margin-top: 1em;
     8328}
     8329
    74708330.menu-settings {
     8331    border-top-width: 1px;
     8332    border-top-style: solid;
    74718333    margin-top: 2em;
    7472     overflow: hidden;
    74738334}
    74748335
     
    74768337    margin: 0 0 10px;
    74778338    overflow: hidden;
    7478     position: relative;
    74798339}
    74808340
     
    74838343    margin: 0;
    74848344    width: 60%;
     8345}
     8346
     8347.menu-settings dt {
     8348    float: left;
     8349    clear: both;
     8350    width: 18%;
     8351    padding: 3px 1px 0;
     8352}
     8353
     8354.menu-settings label {
     8355    vertical-align: baseline;
    74858356}
    74868357
     
    75248395#nav-menu-header {
    75258396    border-bottom: 1px solid;
    7526     margin-bottom: 13px;
     8397    margin-bottom: 0;
    75278398}
    75288399
    75298400#nav-menu-header .menu-name-label {
    7530     margin-top: 2px;
    7531 }
    7532 
    7533 #nav-menu-footer {
    7534     border-top: 1px solid;
     8401    margin-top: 4px;
    75358402}
    75368403
     
    75468413
    75478414#menu-management .menu-add-new abbr {
    7548     font-weight:bold;
     8415    font-weight:600;
    75498416}
    75508417
     
    76258492}
    76268493
    7627 #nav-menu-meta .accordion-container .top {
    7628     border-top: 1px solid #dfdfdf;
    7629 }
    7630 
    7631 #nav-menu-meta .accordion-container .accordion-section:first-child,
    7632 #nav-menu-meta .accordion-container .accordion-section:first-child h3,
    7633 #nav-menu-meta .accordion-container .top,
    7634 #nav-menu-meta .accordion-container .top h3 {
    7635     -webkit-border-top-right-radius: 3px;
    7636     -webkit-border-top-left-radius: 3px;
    7637     border-top-right-radius: 3px;
    7638     border-top-left-radius: 3px;
    7639 }
    7640 
    7641 #nav-menu-meta .accordion-container .accordion-section:last-child,
    7642 #nav-menu-meta .accordion-container .accordion-section:last-child .accordion-section-content,
    7643 #nav-menu-meta .accordion-container .bottom,
    7644 #nav-menu-meta .accordion-container .bottom:not(.open) h3 {
    7645     -webkit-border-bottom-right-radius: 3px;
    7646     -webkit-border-bottom-left-radius: 3px;
    7647     border-bottom-right-radius: 3px;
    7648     border-bottom-left-radius: 3px;
    7649 }
    7650 
    76518494.customlinkdiv .howto input {
    76528495    width: 180px;
     
    76868529    display: block;
    76878530    float: left;
    7688     margin: 4px 0;
     8531    margin: 6px 0;
    76898532    line-height: 15px;
    76908533}
     
    77648607
    77658608.nav-menus-php .howto span {
    7766     margin-top: 4px;
     8609    margin-top: 6px;
    77678610    display: block;
    77688611    float: left;
     
    78078650}
    78088651
     8652.menu-item-title input[type=checkbox] {
     8653    display: inline-block;
     8654    margin-top: -4px;
     8655}
     8656
    78098657/* Nav Menu */
    78108658#menu-container .inside {
     
    78378685}
    78388686
    7839 .menu-item-handle {
     8687.menu-item-bar .menu-item-handle {
    78408688    border: 1px solid #dfdfdf;
    78418689    position: relative;
    78428690    padding-left: 10px;
     8691    padding-right: 2px;
    78438692    height: auto;
    78448693    width: 400px;
    78458694    line-height: 35px;
    7846     text-shadow: 0 1px 0 #FFFFFF;
    78478695    overflow: hidden;
    78488696    word-wrap: break-word;
     
    78638711    border-bottom-right-radius: 0;
    78648712    border-bottom-left-radius: 0;
     8713    border-bottom: none;
    78658714}
    78668715
     
    78758724.menu li.deleting .menu-item-handle {
    78768725    background-image: none;
    7877     text-shadow: 0 0 0;
    78788726}
    78798727
    78808728.menu-item-handle .item-title {
    7881     font-size: 12px;
    7882     font-weight: bold;
    7883     padding: 7px 0;
     8729    font-size: 13px;
     8730    font-weight: 600;
     8731    padding: 5px 0;
    78848732    line-height: 20px;
    7885     min-height: 20px;
    78868733    display: block;
    78878734    margin-right: 13em;
     
    79468793.item-type {
    79478794    font-size: 12px;
    7948     padding-right: 10px;
     8795    padding: 7px 10px;
     8796    line-height: 22px;
     8797    display: block;
    79498798}
    79508799
     
    79718820    position: absolute;
    79728821    right: -20px;
    7973     top: 0;
     8822    top: -24px;
    79748823    display: block;
    7975     width: 30px;
     8824    width: 40px;
    79768825    height: 36px;
    7977     overflow: hidden;
    79788826    text-indent:-999em;
    7979     border-bottom: 1px solid;
    7980     -webkit-border-bottom-left-radius: 3px;
    7981     border-bottom-left-radius: 3px;
     8827    margin-right: 0 !important;
    79828828}
    79838829
     
    79898835.menu-item-settings {
    79908836    display: block;
    7991     width: 400px;
     8837    width: 402px;
    79928838    padding: 10px 0 10px 10px;
    7993     border: solid;
    7994     border-width: 0 1px 1px 1px;
    7995     -webkit-border-bottom-right-radius: 3px;
    7996     -webkit-border-bottom-left-radius: 3px;
    7997     border-bottom-left-radius: 3px;
    7998     border-bottom-right-radius: 3px;
    79998839}
    80008840
     
    80068846.menu-item-edit-active .menu-item-settings {
    80078847    display: block;
     8848    border-top: none;
    80088849}
    80098850
    80108851.menu-item-edit-inactive .menu-item-settings {
    80118852    display: none;
     8853    border-top: none;
    80128854}
    80138855
     
    80608902.nav-menus-php .major-publishing-actions {
    80618903    clear: both;
    8062     padding: 3px 0 5px;
     8904    padding: 3px 0 6px;
    80638905}
    80648906
     
    80678909    float: right;
    80688910    line-height: 23px;
    8069     margin: 2px 0 1px;
     8911    margin: 4px 0 1px;
    80708912}
    80718913
     
    81388980    margin: 0;
    81398981    padding: 0 5px;
    8140     font-weight: bold;
     8982    font-weight: 600;
    81418983    position: relative;
    81428984    border-bottom-width: 1px;
     
    81538995
    81548996/* Install sidemenu */
     8997#plugin-information {
     8998    height: auto;
     8999}
     9000
    81559001#plugin-information p.action-button {
    81569002    width: 100%;
     
    81669012#plugin-information .action-button a {
    81679013    text-align: center;
    8168     font-weight: bold;
     9014    font-weight: 600;
    81699015    text-decoration: none;
    81709016    display: block;
     
    82449090    padding: 7px;
    82459091    overflow: auto;
    8246 }
    8247 
    8248 /* press-this */
    8249 body.press-this {
    8250     color: #333;
    8251     margin: 0;
    8252     padding: 0;
    8253     min-width: 675px;
    8254     min-height: 400px;
     9092    border-width: 1px;
     9093    border-style: solid;
     9094}
     9095
     9096.plugin-version-author-uri {
     9097    font-size: 13px;
    82559098}
    82569099
     
    82609103
    82619104/* Header */
     9105#wphead {
     9106    border-bottom-width: 1px;
     9107    border-bottom-style: solid;
     9108}
     9109
    82629110.press-this #wphead {
    82639111    height: 32px;
     
    82959143}
    82969144
     9145.press-this .posting {
     9146    margin-right: 252px;
     9147}
     9148
    82979149.press-this-sidebar {
    82989150    float: right;
    8299     width: 200px;
     9151    width: 240px;
    83009152    padding-top: 10px;
    83019153}
     
    83109162}
    83119163
    8312 .press-this .tagchecklist span a {
    8313     background: transparent url(../images/xit.gif) no-repeat 0 0;
     9164.press-this .tagchecklist {
     9165    margin-top: 8px;
    83149166}
    83159167
     
    83209172.press-this .wp-media-buttons {
    83219173    cursor: default;
    8322     padding: 8px 8px 0;
     9174    padding: 8px 8px 6px;
    83239175}
    83249176
     
    83299181    font-style: italic;
    83309182    display: block;
     9183}
     9184
     9185.press-this #wp-content-editor-container {
     9186    clear: none;
     9187}
     9188
     9189.press-this #poststuff .inside {
     9190    margin-top: 18px;
     9191}
     9192
     9193.press-this .category-tabs {
     9194    margin-bottom: 3px;
    83319195}
    83329196
     
    83969260
    83979261h3.tb {
    8398     text-shadow: 0 1px 0 #fff;
    8399     font-weight: bold;
     9262    font-weight: 600;
    84009263    font-size: 12px;
    84019264    margin-left: 5px;
     
    84129275}
    84139276
    8414 .js .postbox:hover .handlediv,
    8415 .js .stuffbox:hover .handlediv {
    8416     background: transparent url(../images/arrows.png) no-repeat 6px 7px;
     9277.js .meta-box-sortables .postbox:hover .handlediv {
     9278    margin-right: 0 !important;
     9279}
     9280
     9281/* Metabox collapse arrow indicators */
     9282.js .sidebar-name .sidebar-name-arrow:before,
     9283.js .meta-box-sortables .postbox .handlediv:before {
     9284    right: 12px;
     9285    font: normal 20px/1 'dashicons';
     9286    speak: none;
     9287    display: inline-block;
     9288    padding: 8px 10px;
     9289    top: 0;
     9290    position: relative;
     9291    -webkit-font-smoothing: antialiased;
     9292    -moz-osx-font-smoothing: grayscale;
     9293    text-decoration: none !important;
     9294}
     9295
     9296/* Make the tiny arrow visible on the widgets page at all times */
     9297.js .widgets-holder-wrap .sidebar-name .sidebar-name-arrow:before {
     9298    color: rgba(136,136,136,.4);
     9299}
     9300.js .widgets-holder-wrap .sidebar-name .sidebar-name-arrow:before {
     9301    content: '\f142';
     9302}
     9303.js .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow:before {
     9304    content: '\f140';
     9305}
     9306
     9307/* Show the arrow only on hover */
     9308.js .sidebar-name:hover .sidebar-name-arrow:before,
     9309.js .meta-box-sortables .postbox:hover .handlediv:before {
     9310    content: '\f142';
     9311    color: #888;
     9312}
     9313
     9314.js .widgets-holder-wrap.closed:hover .sidebar-name-arrow:before,
     9315.js .meta-box-sortables .postbox.closed:hover .handlediv:before {
     9316    content: '\f140';
    84179317}
    84189318
     
    85929492}
    85939493
     9494/* TinyMCE */
     9495#mce_fullscreen_container {
     9496    background: #fff;
     9497}
     9498
    85949499#photo-add-url-div input[type="text"] {
    85959500    width: 300px;
    85969501}
    85979502
    8598 /* theme-editor */
     9503/* Theme/Plugin Editor */
    85999504.alignleft h3 {
    86009505    margin: 0;
    86019506}
    86029507
    8603 h3 span {
    8604     font-weight: normal;
    8605 }
    8606 
    86079508#template textarea {
    86089509    font-family: Consolas, Monaco, monospace;
    8609     font-size: 12px;
     9510    font-size: 13px;
    86109511    width: 97%;
    86119512    background: #f9f9f9;
     
    86349535#templateside ol,
    86359536#templateside ul {
    8636     margin: .5em;
     9537    margin: .5em 0;
    86379538    padding: 0;
    86389539}
     
    86429543}
    86439544
    8644 #templateside ul li a span.highlight {
    8645     display:block;
     9545#templateside a,
     9546.theme-editor-php .highlight {
     9547    display: block;
     9548    padding: 3px 3px 3px 12px;
     9549    text-decoration: none;
     9550}
     9551
     9552.theme-editor-php .highlight {
     9553    margin: -3px 3px -3px -12px;
     9554}
     9555
     9556#templateside .highlight {
     9557    border: none;
     9558    font-weight: bold;
    86469559}
    86479560
     
    86529565}
    86539566
    8654 .highlight {
    8655     padding: 3px 3px 3px 12px;
    8656     margin-left: -12px;
    8657     font-weight: bold;
    8658     border: 0 none;
    8659 }
    8660 
    86619567#documentation {
    86629568    margin-top: 10px;
    86639569}
     9570
    86649571#documentation label {
    86659572    line-height: 22px;
    8666     vertical-align: top;
    8667     font-weight: bold;
     9573    vertical-align: baseline;
     9574    font-weight: 600;
    86689575}
    86699576
     
    87269633}
    87279634
     9635.widget-liquid-right .widget {
     9636    position: relative;
     9637}
     9638
    87289639.widget-liquid-right .widget,
    87299640.inactive-sidebar .widget,
     
    87319642    width: 250px;
    87329643    margin: 0 auto 20px;
     9644}
     9645
     9646.widget-liquid-right .widget,
     9647.widget-liquid-right .sidebar-description {
    87339648    overflow: hidden;
    87349649}
     
    87549669div.sidebar-name {
    87559670    font-size: 13px;
    8756     border-width: 1px;
    8757     border-style: solid;
    8758     -webkit-border-top-right-radius: 3px;
    8759     -webkit-border-top-left-radius: 3px;
    8760     border-top-right-radius: 3px;
    8761     border-top-left-radius: 3px;
     9671    border-bottom-width: 1px;
     9672    border-bottom-style: solid;
    87629673}
    87639674
     
    87849695
    87859696.js .closed .widgets-sortables,
    8786 .js .closed .widget-holder {
     9697.js .closed .widget-holder,
     9698.js .closed br.clear {
    87879699    display: none;
    87889700}
     
    87949706#available-widgets .widget-holder {
    87959707    padding: 7px 5px 0;
    8796 }
    8797 
    8798 #available-widgets .widget {
    8799     -webkit-box-shadow: none;
    8800     box-shadow: none;
    88019708}
    88029709
     
    88499756
    88509757.widget .widget-top {
    8851     margin-bottom: -1px;
    88529758    font-size: 12px;
    8853     font-weight: bold;
     9759    font-weight: 600;
    88549760    height: 26px;
    8855     overflow: hidden;
     9761}
     9762
     9763.widget .widget-top,
     9764.menu-item-handle {
     9765    margin-top: 0;
     9766    padding: 4px;
    88569767}
    88579768
     
    88689779    width: 24px;
    88699780    height: 26px;
     9781    text-decoration: none;
    88709782}
    88719783
     
    88749786}
    88759787
    8876 .widget-top a.widget-action {
    8877     background: transparent url(../images/arrows.png) no-repeat 4px 6px;
    8878 }
    8879 
     9788.widget-top a.widget-action,
    88809789.widget-top a.widget-action:hover {
    8881     background: transparent url(../images/arrows-dark.png) no-repeat 4px 6px;
     9790    background: none !important;
     9791    border: none !important;
     9792    width: 30px;
     9793    margin-right: 0 !important;
     9794    margin-top: 3px;
     9795    text-decoration: none;
     9796}
     9797
     9798.nav-menus-php .item-edit:after,
     9799.widget-top a.widget-action:after,
     9800.control-section .accordion-section-title::after,
     9801.accordion-section-title::after {
     9802    right: 0;
     9803    content: '\f141';
     9804    border: none;
     9805    background: none;
     9806    font: normal 20px/1 'dashicons';
     9807    speak: none;
     9808    display: block;
     9809    padding: 0;
     9810    text-indent: 0;
     9811    text-align: center;
     9812    position: relative;
     9813    -webkit-font-smoothing: antialiased;
     9814    -moz-osx-font-smoothing: grayscale;
     9815    text-decoration: none !important;
     9816}
     9817
     9818.control-section .accordion-section-title::after,
     9819.accordion-section-title::after {
     9820    float: right;
     9821    right: 20px;
     9822    top: -2px;
     9823}
     9824
     9825.widget-top a.widget-action:after {
     9826    content: '\f140';
     9827}
     9828
     9829.control-section.open .accordion-section-title::after,
     9830#customize-info.open .accordion-section-title::after,
     9831.nav-menus-php .menu-item-edit-active .item-edit:after {
     9832    content: '\f140';
     9833}
     9834
     9835.nav-menus-php .item-controls .item-type {
     9836    padding: 11px;
     9837    margin-right: 10px;
    88829838}
    88839839
     
    89099865    overflow: hidden;
    89109866    white-space: nowrap;
     9867    text-overflow: ellipsis;
    89119868}
    89129869
     
    917610133
    917710134.accordion-section {
    9178     border-top: 1px solid #fff;
    917910135    border-bottom: 1px solid #dfdfdf;
    918010136    margin: 0;
    9181 }
    9182 
    9183 .accordion-section:first-child {
    9184     border-top: 1px solid #dfdfdf;
    9185 }
    9186 
    9187 .accordion-section:last-child {
    9188     box-shadow: 0 1px 0 0px #fff;
    918910137}
    919010138
     
    920210150    padding: 10px 20px 15px;
    920310151    overflow: hidden;
    9204     background: #fdfdfd;
     10152    background: #fff;
    920510153    border-left: 1px solid #dfdfdf;
    920610154    border-right: 1px solid #dfdfdf;
     
    922410172
    922510173.js .accordion-section-title:after {
    9226     content: '';
    9227     width: 0;
    9228     height: 0;
    9229     border-color: #ccc transparent;
    9230     border-style: solid;
    9231     border-width: 6px 6px 0;
    923210174    position: absolute;
    9233     top: 25px;
    9234     right: 20px;
     10175    top: 12px;
     10176    right: 10px;
    923510177    z-index: 1;
    923610178}
     
    925410196
    925510197.control-section .accordion-section-title {
    9256     padding: 10px 20px;
    9257     color: #464646;
    9258     font-size: 15px;
    9259     font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    9260     font-weight: normal;
    9261     text-shadow: 0 1px 0 #fff;
     10198    border-left: none;
     10199    border-right: none;
     10200    padding: 10px 10px 11px 14px;
     10201    line-height: 21px;
    926210202    background: #f5f5f5;
    926310203    background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#f5f5f5));
     
    926910209
    927010210.control-section .accordion-section-title:after {
    9271     top: 15px;
     10211    top: 11px;
    927210212}
    927310213
     
    927610216.js .control-section.open .accordion-section-title,
    927710217.js .control-section .accordion-section-title:focus {
    9278     color: #000;
     10218    color: #fff;
    927910219    background: #f9f9f9;
    928010220    background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
     
    928610226
    928710227.control-section.open .accordion-section-title {
     10228    /* When expanded */
    928810229    border-bottom: 1px solid #dfdfdf;
     10230}
     10231
     10232.sticky-menu #TB_window .updated {
     10233    margin: 16px 0 0;
    928910234}
    929010235
     
    937210317  (min-resolution: 120dpi) {
    937310318
    9374     .press-this .tagchecklist span a {
    9375         background-image: url('../images/xit-2x.gif');
    9376         background-size: 20px auto;
    9377      }
    9378 
    9379     .js .postbox:hover .handlediv,
    9380     .js .stuffbox:hover .handlediv,
    9381     .widget-top a.widget-action {
    9382         background-image: url('../images/arrows-2x.png');
    9383         background-size: 15px 123px;
    9384      }
    9385 
    9386     .widget-top a.widget-action:hover {
    9387         background-image: url('../images/arrows-dark-2x.png');
    9388         background-size: 15px 123px;
    9389     }
    9390 
    9391     .post-com-count {
    9392         background-image: url('../images/bubble_bg-2x.gif');
    9393         background-size: 18px 100px;
    9394     }
    9395 
    939610319    tr.wp-locked .locked-indicator  {
    939710320        background-image: url('../images/lock-2x.png');
    939810321        background-size: 16px 16px;
    9399     }
    9400 
    9401     th .comment-grey-bubble {
    9402         background-image: url('../images/comment-grey-bubble-2x.png');
    9403         background-size: 12px 12px;
    9404     }
    9405 
    9406     .sorting-indicator {
    9407         background-image: url('../images/sort-2x.gif?ver=20130102');
    9408         background-size: 14px 4px;
    940910322    }
    941010323
     
    942510338    }
    942610339
    9427     .welcome-panel .welcome-panel-close:before {
    9428         background-image: url('../images/xit-2x.gif');
    9429         background-size: 20px auto;
    9430     }
    9431 
    9432     .welcome-panel .welcome-icon {
    9433         background-image: url('../images/welcome-icons-2x.png');
    9434     }
    9435 
    9436     .login h1 a {
    9437         background-image: url('../images/wordpress-logo-2x.png?ver=20120412');
    9438         background-size: 274px 63px;
    9439     }
    9440 
    9441     .wp-badge {
    9442         background-image: url('../images/wp-badge-2x.png?ver=20120516');
    9443         background-size: 173px 194px;
    9444     }
    9445 
    944610340    .wp-full-overlay .collapse-sidebar-arrow {
    944710341        background-image: url('../images/arrows-2x.png');
    944810342        background-size: 15px 123px;
    9449      }
    9450 
    9451     .pressthis a span {
    9452         background-image: url(../images/press-this-2x.png?v=20121105);
    9453     }
    9454 
    9455     .imgedit-crop,
    9456     .imgedit-rleft,
    9457     .imgedit-rright,
    9458     .imgedit-flipv,
    9459     .imgedit-fliph,
    9460     .imgedit-undo,
    9461     .imgedit-redo {
    9462         background-image: url('../images/imgedit-icons-2x.png');
    9463         background-size: 260px 64px;
    946410343    }
    946510344
    946610345    .spinner,
    946710346    .imgedit-wait,
    9468     .customize-loading #customize-container {
    9469         background-image: url(../images/wpspin_light-2x.gif);
    9470     }
    9471 
    9472     .wp-slider .ui-slider-handle:before {
    9473         background-image: url(../images/arrows-pr-2x.png);
    9474         background-size: 16px 102px;
     10347    .customize-loading #customize-container,
     10348    .revision-tick.completed-false {
     10349        background-image: url('../images/spinner-2x.gif');
    947510350    }
    947610351
     
    954810423    margin-left: 8em;
    954910424}
     10425
     10426
     10427/* Thickbox styles */
     10428
     10429.tb-close-icon {
     10430    background: none;
     10431    height: 16px;
     10432    margin: -2px -3px 0 0;
     10433    width: 16px;
     10434}
     10435
     10436.tb-close-icon:before {
     10437    content: '\f158';
     10438    color: #ccc;
     10439    font: normal 20px/1 'dashicons';
     10440    speak: none;
     10441    vertical-align: middle;
     10442    -webkit-font-smoothing: antialiased;
     10443    -moz-osx-font-smoothing: grayscale;
     10444}
     10445
     10446.tb-close-icon:hover:before {
     10447    color: #fff;
     10448}
     10449
     10450#TB_closeAjaxWindow a {
     10451    text-decoration: none;
     10452}
  • trunk/src/wp-includes/admin-bar.php

    r25941 r26072  
    754754function _admin_bar_bump_cb() { ?>
    755755<style type="text/css" media="screen">
    756     html { margin-top: 28px !important; }
    757     * html body { margin-top: 28px !important; }
     756    html { margin-top: 32px !important; }
     757    * html body { margin-top: 32px !important; }
     758    @media screen and ( max-width: 782px ) {
     759        html { margin-top: 46px !important; }
     760        * html body { margin-top: 46px !important; }
     761    }
    758762</style>
    759763<?php
  • trunk/src/wp-includes/css/admin-bar-rtl.css

    r22643 r26072  
    1818}
    1919
    20 #wpadminbar .quicklinks > ul > li {
    21     border-right: 0;
    22     border-left: 1px solid #555;
    23 }
    24 
    25 #wpadminbar .quicklinks > ul > li > a,
    26 #wpadminbar .quicklinks > ul > li > .ab-empty-item {
    27     border-right: 0;
    28     border-left: 1px solid #333;
    29 }
    30 
    3120#wpadminbar .quicklinks .ab-top-secondary > li {
    32     border-left: 0;
    33     border-right: 1px solid #333;
    3421    float: left;
    3522}
     
    3724#wpadminbar .quicklinks .ab-top-secondary > li > a,
    3825#wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item {
    39     border-right: 1px solid #555;
    40     border-left: 0;
    41 }
    42 
    43 #wpadminbar .menupop .ab-sub-wrapper,
    44 #wpadminbar .shortlink-input {
    45     margin: 0 -1px 0 0;
    4626}
    4727
     
    5535    right: auto;
    5636    left: 0;
    57     margin: 0 0 0 -1px;
    5837}
    5938
     
    7352
    7453#wpadminbar .menupop .menupop > .ab-item {
    75     background-position: 5% -46px;
    7654    padding-left: 2em;
    7755    padding-right: 1em;
    7856}
    7957
     58#wpadminbar .menupop .menupop > .ab-item:before {
     59    content: '\f141';
     60    right: auto;
     61    left: 3px;
     62}
     63
    8064#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
    81     background-position: 95% -20px;
    8265    padding-left: 1em;
    8366    padding-right: 2em;
     67}
     68
     69#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
     70    content: '\f139';
     71    left: auto;
     72    right: 3px;
    8473}
    8574
     
    132121 */
    133122#wpadminbar .quicklinks li .blavatar {
    134     margin-right: 0px;
    135     margin-left: 4px;
     123    float: right;
     124    margin-right: -10px;
     125    margin-left: 7px;
    136126}
    137127
     
    139129 * Search
    140130 */
     131#wpadminbar #adminbarsearch:before {
     132    left: auto;
     133    right: 5px;
     134}
     135
    141136#wpadminbar #adminbarsearch .adminbar-input {
    142     font-family: Tahoma, Arial, Helvetica, sans-serif;
    143137    padding: 0 24px 0 3px;
    144138    margin: 0;
    145     background-position: 50% 2px;
    146 }
    147 
    148 #wpadminbar #adminbarsearch .adminbar-input:focus,
    149 #wpadminbar.ie7 #adminbarsearch .adminbar-input {
    150     background-position: 99% 2px;
    151139}
    152140
     
    156144#wpadminbar .ab-icon {
    157145    float: right;
     146    margin-right: auto;
    158147}
    159148
  • trunk/src/wp-includes/css/admin-bar.css

    r23951 r26072  
    77    text-transform: none;
    88    letter-spacing: normal;
    9     line-height: 1;
    10     font: normal 13px/28px sans-serif;
    11     color: #ccc;
    12     text-shadow: #444 0px -1px 0px;
     9    line-height: 30px;
     10    font: normal 13px/32px "Open Sans", sans-serif;
     11    color: #eee;
     12    border-radius: 0;
    1313    -webkit-box-sizing: content-box;
    1414    -moz-box-sizing:    content-box;
     
    1818    -o-transition:      none;
    1919    transition:         none;
     20}
     21
     22#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default *,
     23#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary * {
     24    text-transform: none;
     25    letter-spacing: normal;
     26    font: normal 13px/32px "Open Sans", sans-serif;
     27}
     28
     29#wpadminbar a.ab-item,
     30#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default span.ab-label,
     31#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary span.ab-label,
     32#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary span.noticon {
     33    color: #eee;
     34}
     35
     36#wpadminbar #wp-admin-bar-site-name a.ab-item,
     37#wpadminbar #wp-admin-bar-my-sites a.ab-item {
     38    white-space: nowrap;
     39    overflow: hidden;
     40    text-overflow: ellipsis;
    2041}
    2142
     
    5273    direction: ltr;
    5374    color: #ccc;
    54     font: normal 13px/28px sans-serif;
    55     height: 28px;
     75    font: normal 13px/32px "Open Sans", sans-serif;
     76    height: 32px;
    5677    position: fixed;
    5778    top: 0;
     
    6081    min-width: 600px; /* match the min-width of the body in wp-admin.css */
    6182    z-index: 99999;
    62     background: #464646;
    63     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373737), color-stop(18%, #464646));
    64     background-image: -webkit-linear-gradient(bottom, #373737 0, #464646 5px);
    65     background-image:    -moz-linear-gradient(bottom, #373737 0, #464646 5px);
    66     background-image:      -o-linear-gradient(bottom, #373737 0, #464646 5px);
    67     background-image: linear-gradient(to top, #373737 0, #464646 5px);
     83    background: #222;
    6884}
    6985
     
    8197}
    8298
    83 #wpadminbar .quicklinks {
    84     border-left: 1px solid transparent;
     99#wpadminbar ul#wp-admin-bar-root-default>li {
     100    margin-right: 0;
    85101}
    86102
     
    97113}
    98114
    99 #wpadminbar .quicklinks > ul > li {
    100     border-right: 1px solid #555;
    101 }
    102 
    103 #wpadminbar .quicklinks > ul > li > a,
    104 #wpadminbar .quicklinks > ul > li > .ab-empty-item {
    105     border-right: 1px solid #333;
    106 }
    107 
    108115#wpadminbar .quicklinks .ab-top-secondary > li {
    109     border-left: 1px solid #333;
    110     border-right: 0;
    111116    float: right;
    112 }
    113 
    114 #wpadminbar .quicklinks .ab-top-secondary > li > a,
    115 #wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item {
    116     border-left: 1px solid #555;
    117     border-right: 0;
    118117}
    119118
     
    121120#wpadminbar .quicklinks .ab-empty-item,
    122121#wpadminbar .shortlink-input {
    123     height: 28px;
     122    height: 32px;
    124123    display: block;
    125     padding: 0 12px;
     124    padding: 0 10px;
    126125    margin: 0;
    127126}
     
    129128#wpadminbar .menupop .ab-sub-wrapper,
    130129#wpadminbar .shortlink-input {
    131     margin: 0 0 0 -1px;
     130    margin: 0;
    132131    padding: 0;
    133     -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2);
    134     box-shadow: 0 4px 4px rgba(0,0,0,0.2);
    135     background: #fff;
     132    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
     133    box-shadow: 0 3px 5px rgba(0,0,0,0.2);
     134    background: #333;
    136135    display: none;
    137136    position: absolute;
    138137    float: none;
    139     border-width: 0 1px 1px 1px;
    140     border-style: solid;
    141     border-color: #dfdfdf;
    142138}
    143139
    144140#wpadminbar.ie7 .menupop .ab-sub-wrapper,
    145141#wpadminbar.ie7 .shortlink-input {
    146     top: 28px;
     142    top: 32px;
    147143    left: 0;
    148 }
    149 
    150 #wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper {
    151     min-width: 100%;
    152144}
    153145
     
    155147    right: 0;
    156148    left: auto;
    157     margin: 0 -1px 0 0;
    158 }
    159 
    160 #wpadminbar .ab-sub-wrapper > .ab-submenu:first-child {
    161     border-top: none;
    162149}
    163150
    164151#wpadminbar .ab-submenu {
    165152    padding: 6px 0;
    166     border-top: 1px solid #dfdfdf;
    167153}
    168154
     
    186172    line-height: 26px;
    187173    height: 26px;
    188     text-shadow: none;
    189174    white-space: nowrap;
    190175    min-width: 140px;
     
    203188#wpadminbar .menupop li.hover > .ab-sub-wrapper {
    204189    margin-left: 100%;
    205     margin-top: -33px;
    206     border-width: 1px;
     190    margin-top: -32px;
    207191}
    208192
     
    218202#wpadminbar .ab-top-menu > li > .ab-item:focus,
    219203#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus {
    220     color: #fafafa;
    221     background: #222;
    222     background-image: -webkit-gradient(linear, left bottom, left top, from(#3a3a3a), to(#222));
    223     background-image: -webkit-linear-gradient(bottom, #3a3a3a, #222);
    224     background-image:    -moz-linear-gradient(bottom, #3a3a3a, #222);
    225     background-image:      -o-linear-gradient(bottom, #3a3a3a, #222);
    226     background-image: linear-gradient(to top, #3a3a3a, #222);
     204    color: #fff;
    227205}
    228206
    229207#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
    230208#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
    231     background: #fff;
    232     color: #333;
    233     text-shadow: none;
    234     border-right-color: transparent;
    235     border-left-color: transparent;
    236 }
    237 
    238 #wpadminbar .hover .ab-label,
    239 #wpadminbar.nojq .ab-item:focus .ab-label {
    240     color: #fafafa;
    241 }
    242 
    243 #wpadminbar .menupop.hover .ab-label {
    244     color: #333;
    245     text-shadow: none;
    246 }
    247 
    248 #wpadminbar .menupop li:hover,
    249 #wpadminbar .menupop li.hover,
    250 #wpadminbar .quicklinks .menupop .ab-item:focus,
    251 #wpadminbar .quicklinks .ab-top-menu .menupop .ab-item:focus {
    252     background-color: #eaf2fa;
     209    background: #333;
     210    color: #2ea2cc;
     211}
     212
     213#wpadminbar .ab-icon,
     214#wpadminbar .ab-item:before {
     215    position: relative;
     216    float: left;
     217    font: normal 20px/1 'dashicons' !important;
     218    speak: none;
     219    padding: 4px 0;
     220    -webkit-font-smoothing: antialiased;
     221    -moz-osx-font-smoothing: grayscale;
     222    background-image: none !important;
     223    color: #999;
     224    margin-right: 6px;
     225}
     226
     227#wpadminbar li:hover .ab-icon,
     228#wpadminbar li:hover > .ab-item:before {
     229    color: #2ea2cc;
     230}
     231
     232#wpadminbar .ab-icon:before {
     233    position: relative;
     234    -moz-transition: all .1s ease-in-out;
     235    -webkit-transition: all .1s ease-in-out;
     236    transition: all .1s ease-in-out;
     237}
     238
     239#wpadminbar .ab-label {
     240    display: inline-block;
     241    height: 32px;
    253242}
    254243
    255244#wpadminbar .ab-submenu .ab-item {
    256     color: #333;
    257     text-shadow: none;
     245    color: #eee;
    258246}
    259247
     
    262250#wpadminbar .quicklinks .menupop.hover ul li a,
    263251#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
    264     color: #21759B;
     252    color: #eee;
     253}
     254
     255#wpadminbar .quicklinks .menupop ul li a:hover,
     256#wpadminbar .quicklinks .menupop ul li a:hover strong,
     257#wpadminbar .quicklinks .menupop.hover ul li a:hover,
     258#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover {
     259    color: #2ea2cc;
     260}
     261
     262#wpadminbar .menupop .menupop > .ab-item:before,
     263#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
     264    position: absolute;
     265    font: normal 17px/1 'dashicons';
     266    speak: none;
     267    -webkit-font-smoothing: antialiased;
     268    -moz-osx-font-smoothing: grayscale;
    265269}
    266270
    267271#wpadminbar .menupop .menupop > .ab-item {
    268272    display: block;
    269     background-image: url(../images/admin-bar-sprite.png?d=20120830);
    270     background-position: 95% -20px;
    271     background-repeat: no-repeat;
    272273    padding-right: 2em;
    273274}
    274275
     276#wpadminbar .menupop .menupop > .ab-item:before {
     277    top: 0px;
     278    right: 4px;
     279    content: '\f139';
     280}
     281
    275282#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item {
    276     background-image: url(../images/admin-bar-sprite.png?d=20120830);
    277     background-position: 5% -46px;
    278     background-repeat: no-repeat;
    279283    padding-left: 2em;
    280284    padding-right: 1em;
     285}
     286
     287#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before {
     288    top: 5px;
     289    left: 3px;
     290    content: '\f141';
    281291}
    282292
     
    286296    right: auto;
    287297    margin: 0;
    288     background: #eee;
     298    background: #4b4b4b;
    289299    -webkit-box-shadow: none;
    290300    box-shadow: none;
    291301}
    292302
    293 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li:hover,
    294 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li.hover,
    295 #wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus {
    296     background-color: #dfdfdf;
     303#wpadminbar .quicklinks .menupop .ab-sub-secondary > li:hover > a,
     304#wpadminbar .quicklinks .menupop .ab-sub-secondary > li.hover > a,
     305#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a {
     306    color: #2ea2cc;
    297307}
    298308
     
    300310    background: #eee;
    301311    color: #333;
    302     text-shadow: none;
    303312    display: inline;
    304313    padding: 2px 5px;
     
    316325#wpadminbar .ab-top-secondary {
    317326    float: right;
    318     background: #464646;
    319     background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373737), color-stop(18%, #464646));
    320     background-image: -webkit-linear-gradient(bottom, #373737 0, #464646 5px);
    321     background-image:    -moz-linear-gradient(bottom, #373737 0, #464646 5px);
    322     background-image:      -o-linear-gradient(bottom, #373737 0, #464646 5px);
    323     background-image: linear-gradient(to top, #373737 0, #464646 5px);
    324327}
    325328
    326329#wpadminbar ul li:last-child,
    327330#wpadminbar ul li:last-child .ab-item {
    328     border-right: 0;
    329331    -webkit-box-shadow: none;
    330332    box-shadow: none;
     
    347349}
    348350
     351#wpadminbar #wp-admin-bar-user-actions.ab-submenu {
     352    padding: 6px 0 12px;
     353}
     354
    349355#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li {
    350356    margin-left: 88px;
    351 }
    352 
    353 #wp-admin-bar-user-actions > li > .ab-item {
    354     padding-left: 8px;
    355357}
    356358
     
    383385#wpadminbar #wp-admin-bar-user-info .display-name,
    384386#wpadminbar #wp-admin-bar-user-info .username {
    385     text-shadow: none;
    386387    display: block;
    387388}
    388389
    389390#wpadminbar #wp-admin-bar-user-info .display-name {
    390     color: #333;
     391    color: #fff;
    391392}
    392393
     
    399400    width: 16px;
    400401    height: 16px;
    401     border: 1px solid #999;
    402402    padding: 0;
     403    border: 1px solid #888;
    403404    background: #eee;
    404405    line-height: 24px;
    405406    vertical-align: middle;
    406     margin: -3px 0 0 6px;
     407    margin: -4px 0 0 6px;
    407408    float: none;
    408409    display: inline;
    409410}
    410411
     412/**
     413 * WP Logo
     414 */
     415#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon {
     416    width: 20px;
     417    height: 20px;
     418    margin-right: 0;
     419    padding: 6px 0 5px;
     420}
     421
     422#wpadminbar #wp-admin-bar-wp-logo > .ab-item {
     423    padding: 0 8px 0 8px;
     424}
     425
     426#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before {
     427    content: '\f120';
     428}
     429
    411430/*
    412  * My Sites
     431 * My Sites & Site Title
    413432 */
    414433#wpadminbar .quicklinks li .blavatar {
    415     vertical-align: middle;
    416     margin: -3px 4px 0 0;
    417     padding: 0;
    418 }
    419 
    420 #wpadminbar .quicklinks li div.blavatar {
    421     background: url('../images/wpmini-blue.png') no-repeat;
     434    float: left;
     435    font: normal 16px/1 'dashicons' !important;
     436    speak: none;
     437    -webkit-font-smoothing: antialiased;
     438    -moz-osx-font-smoothing: grayscale;
     439    color: #eee;
     440}
     441
     442#wpadminbar .quicklinks li a:hover .blavatar {
     443    color: #2ea2cc;
     444}
     445
     446#wpadminbar .quicklinks li .blavatar:before {
     447    content: '\f120';
    422448    height: 16px;
    423449    width: 16px;
    424450    display: inline-block;
     451    margin: 8px 8px 0 -2px;
     452}
     453
     454#wpadminbar #wp-admin-bar-appearance {
     455    margin-top: -12px;
     456}
     457
     458#wpadminbar #wp-admin-bar-my-sites > .ab-item:before,
     459#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
     460    content: '\f112';
     461    top: 2px;
     462}
     463
     464#wpadminbar #wp-admin-bar-site-name > .ab-item:before {
     465    content: '\f319';
     466}
     467
     468
     469
     470/**
     471 * Comments
     472 */
     473#wpadminbar #wp-admin-bar-comments .ab-icon {
     474    margin-right: 6px;
     475}
     476
     477#wpadminbar #wp-admin-bar-comments .ab-icon:before {
     478    content: '\f101';
     479    top: 3px;
     480}
     481
     482#wpadminbar #wp-admin-bar-comments .count-0 {
     483    opacity: .5;
     484}
     485
     486/**
     487 * New Content
     488 */
     489#wpadminbar #wp-admin-bar-new-content .ab-icon:before {
     490    content: '\f132';
     491    top: 4px;
     492}
     493
     494/**
     495 * Updates
     496 */
     497#wpadminbar #wp-admin-bar-updates .ab-icon:before {
     498    content: '\f113';
     499    top: 2px;
    425500}
    426501
     
    430505#wpadminbar #wp-admin-bar-search .ab-item {
    431506    padding: 0;
    432 }
    433 
    434 #wpadminbar #wp-admin-bar-search .ab-item {
    435     /* default background */
    436507    background: transparent;
    437508}
    438509
    439510#wpadminbar #adminbarsearch {
    440     height: 28px;
     511    position: relative;
     512    height: 32px;
    441513    padding: 0 2px;
    442514}
    443515
    444 #wpadminbar #adminbarsearch .adminbar-input {
    445     font: 13px/24px sans-serif;
     516#wpadminbar #adminbarsearch:before {
     517    position: absolute;
     518    top: 6px;
     519    left: 5px;
     520    z-index: 20;
     521    font: normal 20px/1 'dashicons' !important;
     522    content: '\f179';
     523    color: #999;
     524    speak: none;
     525    -webkit-font-smoothing: antialiased;
     526    -moz-osx-font-smoothing: grayscale;
     527}
     528
     529#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
     530    position: relative;
     531    z-index: 30;
     532    font: 13px/24px "Open Sans", sans-serif;
    446533    height: 24px;
    447534    width: 24px;
    448     border: none;
    449     padding: 0 3px 0 23px;
     535    padding: 0 3px 0 24px;
    450536    margin: 0;
    451537    color: #ccc;
    452     text-shadow: #444 0px -1px 0px;
    453538    background-color: rgba( 255, 255, 255, 0 );
    454     background-image: url(../images/admin-bar-sprite.png?d=20120830);
    455     background-position: 3px 2px;
    456     background-repeat: no-repeat;
     539    border: none;
    457540    outline: none;
    458541    cursor: pointer;
    459 
    460     -webkit-border-radius: 3px;
    461     border-radius: 3px;
    462542
    463543    -webkit-box-shadow: none;
     
    480560}
    481561
    482 #wpadminbar.ie7 #adminbarsearch .adminbar-input {
    483     margin-top: 1px;
    484     width: 120px;
    485 }
    486 
    487 #wpadminbar #adminbarsearch .adminbar-input:focus {
    488     color: #555;
    489     text-shadow: 0 1px 0 #fff;
     562#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
     563    z-index: 10;
     564    color: #000;
    490565    width: 200px;
    491566    background-color: rgba( 255, 255, 255, 0.9 );
    492567    cursor: text;
    493 }
    494 
    495 #wpadminbar.ie8 #adminbarsearch .adminbar-input {
     568    border: 0;
     569}
     570
     571#wpadminbar.ie7 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
     572    margin-top: 3px;
     573    width: 120px;
     574}
     575
     576#wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
     577    margin-top: 4px;
    496578    background-color: #464646;
    497579}
    498580
    499 #wpadminbar.ie8 #adminbarsearch .adminbar-input:focus {
     581#wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
    500582    background-color: #fff;
    501583}
    502584
    503 /* Two rules to ensure browser recognition */
    504585#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
    505     color: #ddd;
    506 }
    507 
     586    color: #999;
     587}
    508588#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
    509     color: #ddd;
     589    color: #999;
     590}
     591#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
     592    color: #999;
     593}
     594#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
     595    color: #999;
    510596}
    511597
    512598#wpadminbar #adminbarsearch .adminbar-button {
    513599    display: none;
    514 }
    515 
    516 /**
    517  * Site Menu
    518  */
    519 #wpadminbar #wp-admin-bar-appearance {
    520     border-top: none;
    521     margin-top: -12px;
    522 }
    523 
    524 /**
    525  * Site Menu
    526  */
    527 #wpadminbar #wp-admin-bar-appearance {
    528     border-top: none;
    529     margin-top: -12px;
    530 }
    531 
    532 /**
    533  * ICONS
    534  */
    535 #wpadminbar .ab-icon {
    536     position: relative;
    537     float: left;
    538     width: 16px;
    539     height: 16px;
    540     margin-top: 6px;
    541 }
    542 
    543 #wpadminbar .ab-label {
    544     margin-left: 4px;
    545 }
    546 
    547 /**
    548  * WP Logo icon
    549  */
    550 #wp-admin-bar-wp-logo > .ab-item .ab-icon {
    551     width: 20px;
    552     height: 20px;
    553     margin-top: 4px;
    554     background-image: url(../images/admin-bar-sprite.png?d=20120830);
    555     background-position: 0 -76px;
    556     background-repeat: no-repeat;
    557 }
    558 
    559 #wpadminbar.nojs #wp-admin-bar-wp-logo:hover > .ab-item .ab-icon,
    560 #wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon {
    561     background-position: 0 -104px;
    562 }
    563 
    564 /**
    565  * Updates icon
    566  */
    567 #wp-admin-bar-updates > .ab-item .ab-icon {
    568     background-image: url(../images/admin-bar-sprite.png?d=20120830);
    569     background-position: -2px -159px;
    570     background-repeat: no-repeat;
    571 }
    572 
    573 /**
    574  * Comments icon
    575  */
    576 #wp-admin-bar-comments > .ab-item .ab-icon {
    577     background-image: url(../images/admin-bar-sprite.png?d=20120830);
    578     background-position: -1px -134px;
    579     background-repeat: no-repeat;
    580 }
    581 
    582 #wpadminbar span.count-0 {
    583     display: none;
    584 }
    585 
    586 /**
    587  * Add New icon
    588  */
    589 #wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon {
    590     background-image: url(../images/admin-bar-sprite.png?d=20120830);
    591     background-position: -2px -182px;
    592     background-repeat: no-repeat;
    593 }
    594 
    595 /**
    596  * Add New icon
    597  */
    598 #wpadminbar.nojs #wp-admin-bar-new-content:hover > .ab-item .ab-icon,
    599 #wpadminbar #wp-admin-bar-new-content.hover > .ab-item .ab-icon {
    600     background-position: -2px -203px;
    601600}
    602601
     
    611610.customize-support .wp-core-ui .hide-if-customize {
    612611    display: none;
    613 }
    614 
    615 /**
    616  * Retina display 2x icons
    617  */
    618 @media print,
    619   (-o-min-device-pixel-ratio: 5/4),
    620   (-webkit-min-device-pixel-ratio: 1.25),
    621   (min-resolution: 120dpi) {
    622     #wpadminbar .menupop .menupop > .ab-item,
    623     #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item,
    624     #wpadminbar #adminbarsearch .adminbar-input,
    625     #wp-admin-bar-wp-logo > .ab-item .ab-icon,
    626     #wp-admin-bar-updates > .ab-item .ab-icon,
    627     #wp-admin-bar-comments > .ab-item .ab-icon,
    628     #wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon {
    629         background-image: url(../images/admin-bar-sprite-2x.png?d=20120830);
    630         background-size: 20px 220px;
    631     }
    632 
    633     #wpadminbar .quicklinks li div.blavatar {
    634         background: url('../images/wpmini-blue-2x.png') no-repeat;
    635         background-size: 16px 16px;
    636     }
    637612}
    638613
     
    663638    padding: 15px 23px 14px;
    664639    background: #f1f1f1;
    665     color: #21759b;
    666     text-shadow: none;
    667     border-radius: 3px;
     640    color: #fff;
    668641    z-index: 100000;
    669642    line-height: normal;
     643    text-decoration: none;
    670644    -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    671645    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    672     text-decoration: none;
    673646}
    674647
  • trunk/src/wp-includes/css/buttons.css

    r22948 r26072  
    4040    display: inline-block;
    4141    text-decoration: none;
    42     font-size: 12px;
    43     line-height: 23px;
    44     height: 24px;
     42    font-size: 13px;
     43    line-height: 26px;
     44    height: 28px;
    4545    margin: 0;
    4646    padding: 0 10px 1px;
     
    9898}
    9999
     100/* Style Reset buttons as simple text links */
     101
     102.wp-core-ui input[type="reset"],
     103.wp-core-ui input[type="reset"]:hover,
     104.wp-core-ui input[type="reset"]:active,
     105.wp-core-ui input[type="reset"]:focus {
     106    background: none;
     107    border: none;
     108    -moz-box-shadow: none;
     109    -webkit-box-shadow: none;
     110    box-shadow: none;
     111    padding-left: 2px;
     112    padding-right: 2px;
     113    width: auto;
     114}
     115
    100116/* ----------------------------------------------------------------------------
    101117  2.0 - Default Button Style
     
    104120.wp-core-ui .button,
    105121.wp-core-ui .button-secondary {
    106     background: #f3f3f3;
    107     background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
    108     background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
    109     background-image:    -moz-linear-gradient(top, #fefefe, #f4f4f4);
    110     background-image:      -o-linear-gradient(top, #fefefe, #f4f4f4);
    111     background-image:   linear-gradient(to bottom, #fefefe, #f4f4f4);
    112     border-color: #bbb;
    113     color: #333;
    114     text-shadow: 0 1px 0 #fff;
     122    color: #555;
     123    border-color: #cccccc;
     124    background: #f7f7f7;
     125
     126    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
     127    box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
     128    vertical-align: top;
    115129}
    116130
     
    121135.wp-core-ui .button:focus,
    122136.wp-core-ui .button-secondary:focus {
    123     background: #f3f3f3;
    124     background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
    125     background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
    126     background-image:    -moz-linear-gradient(top, #fff, #f3f3f3);
    127     background-image:     -ms-linear-gradient(top, #fff, #f3f3f3);
    128     background-image:      -o-linear-gradient(top, #fff, #f3f3f3);
    129     background-image:   linear-gradient(to bottom, #fff, #f3f3f3);
     137    background: #fafafa;
    130138    border-color: #999;
    131139    color: #222;
     
    145153.wp-core-ui .button-secondary:active {
    146154    background: #eee;
    147     background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe));
    148     background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe);
    149     background-image:    -moz-linear-gradient(top, #f4f4f4, #fefefe);
    150     background-image:     -ms-linear-gradient(top, #f4f4f4, #fefefe);
    151     background-image:      -o-linear-gradient(top, #f4f4f4, #fefefe);
    152     background-image:   linear-gradient(to bottom, #f4f4f4, #fefefe);
    153155    border-color: #999;
    154156    color: #333;
    155     text-shadow: 0 -1px 0 #fff;
    156157    -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
    157158    box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     159}
     160
     161/* this creates an inset effect on the text */
     162.wp-core-ui .button:active {
     163    padding-top: 1px;
    158164}
    159165
     
    165171    color: #aaa !important;
    166172    border-color: #ddd !important;
    167     background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f4f4f4)) !important;
    168     background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
    169     background-image:    -moz-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
    170     background-image:     -ms-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
    171     background-image:      -o-linear-gradient(top, #f9f9f9, #f4f4f4) !important;
    172     background-image:   linear-gradient(to bottom, #f9f9f9, #f4f4f4) !important;
    173173    -webkit-box-shadow: none !important;
    174174    box-shadow:         none !important;
     
    182182
    183183.wp-core-ui .button-primary {
    184     background-color: #21759b;
    185     background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
    186     background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
    187     background-image:    -moz-linear-gradient(top, #2a95c5, #21759b);
    188     background-image:     -ms-linear-gradient(top, #2a95c5, #21759b);
    189     background-image:      -o-linear-gradient(top, #2a95c5, #21759b);
    190     background-image:   linear-gradient(to bottom, #2a95c5, #21759b);
    191     border-color: #21759b;
    192     border-bottom-color: #1e6a8d;
    193     -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
    194     box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     184    background: #2ea2cc;
     185    border-color: #0074a2;
     186    -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
     187    box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
    195188    color: #fff;
    196189    text-decoration: none;
    197     text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    198190}
    199191
     
    202194.wp-core-ui .button-primary.focus,
    203195.wp-core-ui .button-primary:focus {
    204     background-color: #278ab7;
    205     background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
    206     background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
    207     background-image:    -moz-linear-gradient(top, #2e9fd2, #21759b);
    208     background-image:     -ms-linear-gradient(top, #2e9fd2, #21759b);
    209     background-image:      -o-linear-gradient(top, #2e9fd2, #21759b);
    210     background-image:   linear-gradient(to bottom, #2e9fd2, #21759b);
    211     border-color: #1b607f;
     196    background: #1e8cbe;
     197    border-color: #0074a2;
    212198    -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    213199    box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
    214200    color: #fff;
    215     text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    216201}
    217202
     
    227212.wp-core-ui .button-primary.active:focus,
    228213.wp-core-ui .button-primary:active {
    229     background: #1b607f;
    230     background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7));
    231     background-image: -webkit-linear-gradient(top, #21759b, #278ab7);
    232     background-image:    -moz-linear-gradient(top, #21759b, #278ab7);
    233     background-image:     -ms-linear-gradient(top, #21759b, #278ab7);
    234     background-image:      -o-linear-gradient(top, #21759b, #278ab7);
    235     background-image:   linear-gradient(to bottom, #21759b, #278ab7);
    236     border-color: #124560 #2382ae #2382ae #2382ae;
     214    background: #1e8cbe;
     215    border-color: #005684;
    237216    color: rgba(255,255,255,0.95);
    238217    -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    239218    box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
    240     text-shadow: 0 1px 0 rgba(0,0,0,0.1);
     219    vertical-align: top;
     220}
     221
     222/* this creates an inset effect on the text */
     223.wp-core-ui .button-primary:active {
     224    padding-top: 1px;
    241225}
    242226
  • trunk/src/wp-includes/css/editor.css

    r25761 r26072  
    11
    22/*------------------------------------------------------------------------------
     3
    34 TinyMCE and Quicklinks toolbars
    45------------------------------------------------------------------------------*/
     
    4950}
    5051
     52/* These are part of TinyMCE, used in TinyMCE Advanced, but not WordPress. These are not MP6-ified.  */
     53/*
     54.wp_themeSkin span.mce_sup,
     55.wp_themeSkin span.mce_sub,
     56.wp_themeSkin span.mce_media,
     57.wp_themeSkin span.mce_styleprops,
     58.wp_themeSkin span.mce_search,
     59.wp_themeSkin span.mce_emotions,
     60.wp_themeSkin span.mce_print,
     61.wp_themeSkin span.mce_attribs,
     62.wp_themeSkin span.mce_hr,
     63.wp_themeSkin span.mce_cut,
     64.wp_themeSkin span.mce_copy,
     65.wp_themeSkin span.mce_paste,
     66.wp_themeSkin span.mce_cite,
     67.wp_themeSkin span.mce_visualchars,
     68.wp_themeSkin span.mce_advhr,
     69.wp_themeSkin span.mce_insertdate,
     70.wp_themeSkin span.mce_anchor,
     71.wp_themeSkin span.mce_visualaid,
     72.wp_themeSkin span.mce_cleanup,
     73.wp_themeSkin span.mce_table,
     74.wp_themeSkin span.mce_row_props,
     75.wp_themeSkin span.mce_cell_props,
     76.wp_themeSkin span.mce_row_before,
     77.wp_themeSkin span.mce_row_after,
     78.wp_themeSkin span.mce_delete_row,
     79.wp_themeSkin span.mce_col_before,
     80.wp_themeSkin span.mce_col_after,
     81.wp_themeSkin span.mce_delete_col,
     82.wp_themeSkin span.mce_split_cells,
     83.wp_themeSkin span.mce_merge_cells,
     84.wp_themeSkin span.mce_delete_table,
     85.wp_themeSkin span.mce_ins,
     86.wp_themeSkin span.mce_abbr,
     87.wp_themeSkin span.mce_acronym,
     88.wp_themeSkin span.mce_del,
     89.wp_themeSkin span.mce_replace,
     90.wp_themeSkin span.mce_code,
     91.wp_themeSkin span.mce_nonbreaking,
     92.wp_themeSkin span.mce_inserttime,
     93.wp_themeSkin span.mce_insertlayer,
     94.wp_themeSkin span.mce_moveforward,
     95.wp_themeSkin span.mce_movebackward,
     96.wp_themeSkin span.mce_absolute
     97{
     98    -moz-transition: none;
     99    -webkit-transition: none;
     100    transition: none;
     101    background: url("../js/tinymce/themes/advanced/img/icons.gif") no-repeat 20px 20px;
     102}*/
     103
     104
    51105/* Containers */
    52106.wp_themeSkin table {}
     
    98152
    99153.wp_themeSkin .mceStatusbar {
     154    background: #fff;
     155    border-top: 1px solid #eee;
     156    color: #000;
    100157    display: block;
    101158    font-family: sans-serif;
    102159    font-size: 12px;
     160    height: 20px;
    103161    line-height: 16px;
    104162    padding: 0 0 0 8px;
    105163    overflow: visible;
    106     height: 20px;
    107     border-top: 1px solid #dfdfdf;
    108     color: #000;
    109     background-color: #f5f5f5;
    110164}
    111165
     
    170224}
    171225
    172 .wp_themeSkin .mceIcon {
    173     background: url("../js/tinymce/themes/advanced/img/icons.gif") no-repeat 20px 20px;
     226a .mceIcon, .mceAction {
     227    text-align: center;
     228    font: normal 20px/1 'dashicons' !important;
     229    speak: none;
     230    -webkit-font-smoothing: antialiased;
     231    -moz-osx-font-smoothing: grayscale;
     232}
     233
     234.mceAction {
     235    line-height:16px;
    174236}
    175237
     
    355417}
    356418
    357 .wp_themeSkin span.mce_undo,
    358 .wp_themeSkin span.mce_redo,
    359 .wp_themeSkin span.mce_bullist,
    360 .wp_themeSkin span.mce_numlist,
    361 .wp_themeSkin span.mce_blockquote,
    362 .wp_themeSkin span.mce_charmap,
    363 .wp_themeSkin span.mce_bold,
    364 .wp_themeSkin span.mce_italic,
    365 .wp_themeSkin span.mce_underline,
    366 .wp_themeSkin span.mce_justifyleft,
    367 .wp_themeSkin span.mce_justifyright,
    368 .wp_themeSkin span.mce_justifycenter,
    369 .wp_themeSkin span.mce_justifyfull,
    370 .wp_themeSkin span.mce_indent,
    371 .wp_themeSkin span.mce_outdent,
    372 .wp_themeSkin span.mce_link,
    373 .wp_themeSkin span.mce_unlink,
    374 .wp_themeSkin span.mce_help,
    375 .wp_themeSkin span.mce_removeformat,
    376 .wp_themeSkin span.mce_fullscreen,
    377 .wp_themeSkin span.mce_wp_fullscreen,
    378 .wp_themeSkin span.mce_media,
    379 .wp_themeSkin span.mce_pastetext,
    380 .wp_themeSkin span.mce_pasteword,
    381 .wp_themeSkin span.mce_wp_help,
    382 .wp_themeSkin span.mce_wp_adv,
    383 .wp_themeSkin span.mce_wp_more,
    384 .wp_themeSkin span.mce_strikethrough,
    385 .wp_themeSkin span.mce_spellchecker,
    386 .wp_themeSkin span.mce_forecolor,
    387 .wp_themeSkin .mce_forecolorpicker,
    388 .wp_themeSkin .mceSplitButton .mce_spellchecker span.mce_spellchecker,
    389 .wp_themeSkin .mceSplitButton .mce_forecolor span.mce_forecolor,
    390 .wp_themeSkin .mceSplitButton span.mce_numlist,
    391 .wp_themeSkin .mceSplitButton span.mce_bullist {
    392     background-image: url('../images/wpicons.png?ver=20120720');
    393 }
    394 
    395419/* ColorSplitButton */
    396420.wp_themeSkin div.mceColorSplitMenu table {
     
    419443    height: auto;
    420444    text-align: center;
    421     font-family: Tahoma,Verdana,Arial,Helvetica;
     445    font-family: "Open Sans", sans-serif;
    422446    font-size: 11px;
    423447    line-height: 20px;
     
    475499    position: relative;
    476500    display: block;
    477     font-family: Tahoma,Verdana,Arial,Helvetica;
     501    font-family: "Open Sans", sans-serif;
    478502    cursor: default;
    479503    margin: 0;
     
    592616.wp_themeSkin .mce_h2 span.mceText {
    593617    font-weight: bolder;
    594     font-size: 16px;
     618    font-size: 14px;
    595619}
    596620
    597621.wp_themeSkin .mce_h3 span.mceText {
    598622    font-weight: bolder;
    599     font-size: 14px;
     623    font-size: 12px;
    600624}
    601625
    602626.wp_themeSkin .mce_h4 span.mceText {
    603627    font-weight: bolder;
    604     font-size: 12px;
     628    font-size: 11px;
    605629}
    606630
     
    614638    font-size: 10px;
    615639}
     640
     641span.mce_bold:before {
     642    content:'\f200';
     643}
     644span.mce_italic:before {
     645    content:'\f201';
     646}
     647
     648span.mce_bullist:before {
     649    content:'\f203';
     650}
     651
     652span.mce_numlist:before {
     653    content:'\f204';
     654}
     655
     656span.mce_blockquote:before {
     657    content:'\f205';
     658}
     659span.mce_justifyleft:before {
     660    content:'\f206';
     661}
     662span.mce_justifycenter:before {
     663    content:'\f207';
     664}
     665span.mce_justifyright:before {
     666    content:'\f208';
     667}
     668span.mce_link:before {
     669    content:'\f103';
     670}
     671span.mce_unlink:before {
     672    content:'\f225';
     673}
     674span.mce_wp_more:before {
     675    content:'\f209';
     676}
     677span.mce_strikethrough:before {
     678    content:'\f224';
     679}
     680
     681span.mce_spellchecker {
     682    font-size:20px;
     683    background:none !important;
     684    margin-top: 2px;
     685}
     686span.mce_spellchecker:before {
     687    content:'\f210';
     688}
     689span.mce_fullscreen:before,
     690span.mce_wp_fullscreen:before {
     691    content:'\f211';
     692}
     693
     694span.mce_wp_adv:before {
     695    content:'\f212';
     696}
     697span.mce_underline:before {
     698    content:'\f213';
     699}
     700
     701span.mce_justifyfull:before {
     702    content:'\f214';
     703}
     704
     705span.mce_forecolor {
     706    background:none !important;
     707}
     708span.mce_forecolor:before {
     709    content:'\f215';
     710}
     711span.mce_pastetext:before {
     712    content:'\f217';
     713}
     714span.mce_pasteword:before {
     715    content:'\f216';
     716}
     717span.mce_removeformat:before {
     718    content:'\f218';
     719}
     720span.mce_charmap:before {
     721    content:'\f220';
     722}
     723span.mce_outdent:before {
     724    content:'\f221';
     725}
     726span.mce_indent:before {
     727    content:'\f222';
     728}
     729span.mce_undo:before {
     730    content:'\f171';
     731}
     732span.mce_redo:before {
     733    content:'\f172';
     734}
     735span.mce_wp_help:before {
     736    content:'\f223';
     737}
     738span.mce_image:before {
     739    content: '\f104';
     740}
     741span.mce_ltr:before {
     742    content: '\f320';
     743}
     744
    616745
    617746/* Theme */
     
    9451074#mceModalBlocker {
    9461075    background: #000;
     1076    opacity: 0.7;
     1077    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
     1078    filter: alpha(opacity=70);
    9471079}
    9481080
     
    9521084}
    9531085
     1086#wp-content-editor-tools {
     1087    position: relative;
     1088    z-index: 1;
     1089}
     1090
     1091#wp-content-editor-container {
     1092    clear: both;
     1093    position: relative;
     1094    top: -1px;
     1095}
     1096
    9541097.wp-editor-area {
    9551098    font-family: Consolas, Monaco, monospace;
     1099    font-size: 13px;
    9561100    padding: 10px;
    9571101    margin: 1px 0 0;
     
    9671111
    9681112.wp-editor-tools {
    969     height: 30px;
    970     padding: 0 10px 0 0;
     1113    padding: 0;
    9711114}
    9721115
    9731116.rtl .wp-editor-tools {
    9741117    padding: 0 0 0 10px;
    975 }
    976 
    977 .wp-editor-container {
    978     border-width: 1px;
    979     border-style: solid;
    980     -webkit-border-top-right-radius: 3px;
    981     -webkit-border-top-left-radius: 3px;
    982     border-top-right-radius: 3px;
    983     border-top-left-radius: 3px;
    984     border-color: #ccc #ccc #dfdfdf;
    9851118}
    9861119
     
    9941127.quicktags-toolbar,
    9951128.wp_themeSkin tr.mceFirst td.mceToolbar {
    996     border-bottom: 1px solid #d1d1d1;
    997     background: #eee;
    998     background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#f4f4f4));
    999     background-image: -webkit-linear-gradient(bottom, #e5e5e5, #f4f4f4);
    1000     background-image:    -moz-linear-gradient(bottom, #e5e5e5, #f4f4f4);
    1001     background-image:      -o-linear-gradient(bottom, #e5e5e5, #f4f4f4);
    1002     background-image: linear-gradient(to top, #e5e5e5, #f4f4f4);
     1129    border-bottom: 1px solid #dedede;
     1130    background: #f5f5f5;
    10031131}
    10041132
    10051133.wp-switch-editor {
    1006     height: 18px;
    1007     font: 13px/18px Arial,Helvetica,sans-serif normal;
    1008     margin: 5px 5px 0 0;
    1009     padding: 4px 5px 2px;
     1134    background: #ebebeb;
     1135    border: 1px solid #dedede;
     1136    color: #777;
     1137    cursor: pointer;
    10101138    float: right;
    1011     cursor: pointer;
    1012     border-width: 1px;
    1013     border-style: solid;
    1014     -webkit-border-top-right-radius: 3px;
    1015     -webkit-border-top-left-radius: 3px;
    1016     border-top-right-radius: 3px;
    1017     border-top-left-radius: 3px;
    1018     background-color: #f1f1f1;
    1019     border-color: #dfdfdf #dfdfdf #ccc;
    1020     color: #999;
     1139    font: 13px/19px "Open Sans", sans-serif;
     1140    height: 19px;
     1141    margin: 5px 0 0 5px;
     1142    padding: 3px 8px 4px;
    10211143}
    10221144
     
    10311153.wp-switch-editor:hover {
    10321154    text-decoration: none !important;
     1155    background: #fff;
    10331156}
    10341157
     
    10431166.tmce-active .switch-tmce,
    10441167.html-active .switch-html {
    1045     border-color: #ccc #ccc #f4f4f4;
    1046     background-color: #f4f4f4;
     1168    background: #f5f5f5;
    10471169    color: #555;
     1170    height: 20px;
     1171    border-bottom: none;
    10481172}
    10491173
    10501174.wp-media-buttons .button {
    10511175    margin-right: 5px;
     1176    margin-bottom: 4px;
     1177    padding-left: 7px;
     1178    padding-right: 7px;
     1179}
     1180
     1181.wp-media-buttons .button:active {
     1182    position: relative;
     1183    top: 1px;
     1184    margin-top: -1px;
     1185    margin-bottom: 1px;
    10521186}
    10531187
     
    10581192
    10591193.wp-media-buttons .insert-media {
    1060     padding-left: 0.4em;
     1194    padding-left: 5px;
    10611195}
    10621196
    10631197.rtl .wp-media-buttons .insert-media {
    1064     padding-left: 10px;
    1065     padding-right: 0.4em;
     1198    padding-left: 7px;
     1199    padding-right: 5px;
    10661200}
    10671201
     
    10791213.wp-media-buttons span.wp-media-buttons-icon {
    10801214    display: inline-block;
    1081     width: 16px;
    1082     height: 16px;
     1215    width: 18px;
     1216    height: 18px;
    10831217    vertical-align: text-top;
    10841218    margin: 0 2px;
     
    10861220
    10871221.wp-media-buttons .add_media span.wp-media-buttons-icon {
    1088     background: url('../../wp-admin/images/media-button.png') no-repeat top left;
     1222    background: none;
     1223}
     1224
     1225.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
     1226    font: normal 18px/1 'dashicons';
     1227    speak: none;
     1228    -webkit-font-smoothing: antialiased;
     1229    -moz-osx-font-smoothing: grayscale;
     1230}
     1231
     1232.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
     1233    content: '\f104';
     1234}
     1235
     1236.wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
     1237    content: '\f175';
    10891238}
    10901239
     
    11101259    min-width: 26px;
    11111260    padding: 2px 4px;
    1112     font: 12px/18px Arial, Helvetica, sans-serif normal;
     1261    font: 12px/18px "Open Sans", sans-serif;
    11131262    color: #464646;
    11141263    border: 1px solid #c3c3c3;
     
    12231372
    12241373#wp-link .toggle-arrow {
    1225     background: transparent url( '../images/toggle-arrow.png' ) top left no-repeat;
     1374    background: transparent url("../images/toggle-arrow.png") top left no-repeat;
    12261375    height: 23px;
    12271376    line-height: 23px;
     
    17501899}
    17511900
    1752 .clearlooks2 .mceFocus .mceTop .mceLeft {
     1901/* TinyMCE modal */
     1902.clearlooks2 .mceTop {
     1903    border-bottom: 1px solid #ccc;
     1904}
     1905
     1906.clearlooks2 .mceTop span {
     1907    font: 13px/24px "Open Sans", sans-serif;
     1908    color: #e5e5e5;
     1909}
     1910
     1911.clearlooks2 .mceTop .mceLeft {
    17531912    background: #444444;
    1754     border-left: 1px solid #999;
    1755     border-top: 1px solid #999;
    1756     -webkit-border-top-left-radius: 3px;
    1757     border-top-left-radius: 3px;
    1758 }
    1759 
    1760 .clearlooks2 .mceFocus .mceTop .mceRight {
     1913    border-color: transparent;
     1914}
     1915
     1916.clearlooks2 .mceTop .mceRight {
    17611917    background: #444444;
    1762     border-right: 1px solid #999;
    1763     border-top: 1px solid #999;
    1764     -webkit-border-top-right-radius: 3px;
    1765     border-top-right-radius: 3px;
     1918    border-color: transparent;
     1919}
     1920
     1921.clearlooks2 .mceMiddle {
     1922    clip: rect(24px auto auto auto);
    17661923}
    17671924
    17681925.clearlooks2 .mceMiddle .mceLeft {
    17691926    background: #f1f1f1;
    1770     border-left: 1px solid #999;
     1927    border-color: transparent;
    17711928}
    17721929
    17731930.clearlooks2 .mceMiddle .mceRight {
    17741931    background: #f1f1f1;
    1775     border-right: 1px solid #999;
     1932    border-color: transparent;
    17761933}
    17771934
    17781935.clearlooks2 .mceBottom {
    17791936    background: #f1f1f1;
    1780     border-bottom: 1px solid #999;
     1937    border-color: transparent;
    17811938}
    17821939
    17831940.clearlooks2 .mceBottom .mceLeft {
    17841941    background: #f1f1f1;
    1785     border-bottom: 1px solid #999;
    1786     border-left: 1px solid #999;
     1942    border-color: transparent;
    17871943}
    17881944
    17891945.clearlooks2 .mceBottom .mceCenter {
    17901946    background: #f1f1f1;
    1791     border-bottom: 1px solid #999;
     1947    border-color: transparent;
    17921948}
    17931949
    17941950.clearlooks2 .mceBottom .mceRight {
    17951951    background: #f1f1f1;
    1796     border-bottom: 1px solid #999;
    1797     border-right: 1px solid #999;
    1798 }
    1799 
    1800 .clearlooks2 .mceFocus .mceTop span {
    1801     color: #e5e5e5;
    1802 }
    1803 
     1952    border-color: transparent;
     1953}
     1954
     1955.clearlooks2 .mceClose,
     1956.clearlooks2 .mceFocus .mceClose,
     1957.clearlooks2 .mceFocus .mceClose:hover {
     1958    background-image: none;
     1959}
     1960.clearlooks2 .mceClose:before {
     1961    content: '\f158';
     1962    font: normal 20px/1 'dashicons';
     1963    speak: none;
     1964    -webkit-font-smoothing: antialiased;
     1965    -moz-osx-font-smoothing: grayscale;
     1966    color: #666;
     1967    padding-left: 12px;
     1968}
    18041969
    18051970/* Distraction Free Writing mode
     
    19042069-------------------------------------------------------------- */
    19052070#fullscreen-topbar {
     2071    background: #f5f5f5;
     2072    border-bottom: 1px solid #fff;
     2073    height: 40px;
     2074    left: 0;
     2075    min-width: 800px;
    19062076    position: fixed;
    19072077    top: 0;
    1908     left: 0;
     2078    width: 100%;
    19092079    z-index: 150050;
    1910     border-bottom-style: solid;
    1911     border-bottom-width: 1px;
    1912     min-width: 800px;
    1913     width: 100%;
    1914     height: 40px;
    19152080}
    19162081
     
    20362201}
    20372202
    2038 #wp-fullscreen-buttons #wp_fs_image span.mce_image {
    2039     background-image: url('../../wp-admin/images/media-button.png');
    2040     background-position: 2px 2px;
    2041 }
    2042 
    20432203/* =Thickbox Adjustments
    20442204-------------------------------------------------------------- */
     
    20732233.wp-fullscreen-focus #wp-fullscreen-container {
    20742234    border-color: #ccc;
    2075 }
    2076 
    2077 #fullscreen-topbar {
    2078     border-bottom-color: #DFDFDF;
    2079     background: #f1f1f1;
    2080     background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9));
    2081     background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9);
    2082     background-image:    -moz-linear-gradient(bottom, #ececec, #f9f9f9);
    2083     background-image:      -o-linear-gradient(bottom, #ececec, #f9f9f9);
    2084     background-image: linear-gradient(to top, #ececec, #f9f9f9);
    2085 }
    2086 
    2087 #mce_fullscreen_container {
    2088     background: #fff;
    2089     /* Fix for the default fullscreen plugin for the media modal */
    2090     z-index: 110000 !important;
    20912235}
    20922236
     
    22282372  (-webkit-min-device-pixel-ratio: 1.25),
    22292373  (min-resolution: 120dpi) {
    2230     .wp_themeSkin span.mce_undo,
    2231     .wp_themeSkin span.mce_redo,
    2232     .wp_themeSkin span.mce_bullist,
    2233     .wp_themeSkin span.mce_numlist,
    2234     .wp_themeSkin span.mce_blockquote,
    2235     .wp_themeSkin span.mce_charmap,
    2236     .wp_themeSkin span.mce_bold,
    2237     .wp_themeSkin span.mce_italic,
    2238     .wp_themeSkin span.mce_underline,
    2239     .wp_themeSkin span.mce_justifyleft,
    2240     .wp_themeSkin span.mce_justifyright,
    2241     .wp_themeSkin span.mce_justifycenter,
    2242     .wp_themeSkin span.mce_justifyfull,
    2243     .wp_themeSkin span.mce_indent,
    2244     .wp_themeSkin span.mce_outdent,
    2245     .wp_themeSkin span.mce_link,
    2246     .wp_themeSkin span.mce_unlink,
    2247     .wp_themeSkin span.mce_help,
    2248     .wp_themeSkin span.mce_removeformat,
    2249     .wp_themeSkin span.mce_fullscreen,
    2250     .wp_themeSkin span.mce_wp_fullscreen,
    2251     .wp_themeSkin span.mce_media,
    2252     .wp_themeSkin span.mce_pastetext,
    2253     .wp_themeSkin span.mce_pasteword,
    2254     .wp_themeSkin span.mce_wp_help,
    2255     .wp_themeSkin span.mce_wp_adv,
    2256     .wp_themeSkin span.mce_wp_more,
    2257     .wp_themeSkin span.mce_strikethrough,
    2258     .wp_themeSkin span.mce_spellchecker,
    2259     .wp_themeSkin span.mce_forecolor,
    2260     .wp_themeSkin .mce_forecolorpicker,
    2261     .wp_themeSkin .mceSplitButton .mce_spellchecker span.mce_spellchecker,
    2262     .wp_themeSkin .mceSplitButton .mce_forecolor span.mce_forecolor,
    2263     .wp_themeSkin .mceSplitButton span.mce_numlist,
    2264     .wp_themeSkin .mceSplitButton span.mce_bullist {
    2265         background-image: url('../images/wpicons-2x.png?ver=20120720');
    2266         background-size: 560px 40px;
    2267     }
    2268 
    22692374    .wp-media-buttons .add_media span.wp-media-buttons-icon,
    22702375    #wp-fullscreen-buttons #wp_fs_image span.mce_image {
    2271         background-image: url('../../wp-admin/images/media-button-2x.png');
    2272         background-size: 16px 16px;
     2376        background: none;
    22732377    }
    22742378
  • trunk/src/wp-includes/css/media-views.css

    r23118 r26072  
    44.media-modal,
    55.media-frame {
    6     font-family: sans-serif;
     6    font-family: "Open Sans", sans-serif;
    77    font-size: 12px;
    88}
     
    5050.media-frame textarea,
    5151.media-frame select {
    52     font-family: sans-serif;
     52    font-family: "Open Sans", sans-serif;
    5353    font-size: 12px;
    5454    -moz-box-sizing: border-box;
     
    5656    -ms-box-sizing: border-box; /* ie8 only */
    5757    box-sizing: border-box;
    58     -webkit-border-radius: 3px;
    59     border-radius: 3px;
    6058    border-width: 1px;
    6159    border-style: solid;
     
    115113.media-modal-close {
    116114    position: absolute;
    117     top: 7px;
    118     right: 7px;
     115    text-decoration: none;
     116    top: 5px;
     117    right: 10px;
    119118    width: 30px;
    120119    height: 30px;
    121120    z-index: 1000;
    122121}
    123 .media-modal-close span {
     122
     123.media-modal-close span.media-modal-icon {
    124124    display: block;
    125125    margin: 8px auto 0;
    126126    width: 15px;
    127127    height: 15px;
    128     background-position: -100px 0;
     128    background-image: none;
     129}
     130
     131.media-modal-close .media-modal-icon:before {
     132    content: '\f158';
     133    font: normal 20px/1 'dashicons';
     134    speak: none;
     135    vertical-align: middle;
     136    -webkit-font-smoothing: antialiased;
     137    -moz-osx-font-smoothing: grayscale;
     138    color: #666;
     139}
     140
     141.media-modal-close:hover .media-modal-icon:before {
     142    color: #2ea2cc;
    129143}
    130144
     
    142156    min-height: 300px;
    143157    background: #fff;
     158    -webkit-font-smoothing: subpixel-antialiased;
    144159}
    145160
     
    210225
    211226.media-sidebar .sidebar-title {
    212     font-weight: 200;
    213227    font-size: 20px;
    214228    margin: 0;
     
    233247    font-size: 12px;
    234248    color: #777;
    235     text-shadow: 0 1px 0 #fff;
    236249    margin: 24px 0 8px;
    237250}
     
    262275}
    263276
    264 .media-sidebar .setting input[type="checkbox"] {
    265     width: auto;
     277.media-sidebar .setting input[type="checkbox"],
     278.media-sidebar .field input[type="checkbox"] {
     279    width: 16px;
    266280    float: none;
    267     margin-top: 8px;
     281    margin: 8px 3px 0;
    268282    padding: 0;
    269283}
     
    278292    font-weight: normal;
    279293    color: #999;
    280     text-shadow: 0 1px 0 #fff;
    281294}
    282295
    283296.media-sidebar .setting input,
    284297.media-sidebar .setting textarea {
     298    margin: 1px;
    285299    width: 65%;
    286300    float: right;
     
    337351.compat-item .field {
    338352    float: right;
    339     width: 65%;
    340     padding-right: 1px;
     353    width: 66%;
    341354}
    342355
     
    358371    margin: 0;
    359372    padding: 16px 0;
    360     border-right: 1px solid #d9d9d9;
    361     box-shadow: inset -6px 0 6px -6px rgba( 0, 0, 0, 0.2 );
     373    border-right-width: 1px;
     374    border-right-style: solid;
    362375    -webkit-user-select: none;
    363376    -moz-user-select: none;
     
    369382    display: block;
    370383    position: relative;
    371     padding: 4px 20px;
     384    padding: 8px 20px;
    372385    margin: 0;
    373386    line-height: 18px;
    374387    font-size: 14px;
    375388    color: #21759B;
    376     text-shadow: 0 1px 0 #fff;
    377389    text-decoration: none;
    378390}
     
    418430    position: relative;
    419431    float: left;
    420     padding: 2px 10px;
     432    padding: 8px 10px 9px;
    421433    margin: 0;
    422434    height: 18px;
    423435    line-height: 18px;
    424436    font-size: 14px;
    425     border-right: 1px solid #dfdfdf;
    426     text-shadow: 0 1px 0 #fff;
    427437    text-decoration: none;
    428438}
     
    442452}
    443453
     454.media-router .active,
     455.media-router > a.active:last-child {
     456    margin: -1px -1px 0;
     457}
     458
    444459.media-router .active:after {
    445     content: '';
    446     display: block;
    447     margin: -100px auto 0;
    448     width: 7px;
    449     height: 7px;
    450     background: #fff;
    451     box-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.2 );
    452     z-index: 300;
    453 
    454     -webkit-transform: rotate( 45deg ) translate( 75px, 75px );
    455     -moz-transform:    rotate( 45deg ) translate( 75px, 75px );
    456     -ms-transform:     rotate( 45deg ) translate( 75px, 75px );
    457     -o-transform:      rotate( 45deg ) translate( 75px, 75px );
    458     transform:         rotate( 45deg ) translate( 75px, 75px );
     460    display: none;
    459461}
    460462
     
    485487    left: 200px;
    486488    right: 0;
    487     height: 45px;
     489    height: 56px;
    488490    z-index: 200;
    489491}
     
    491493.media-frame-router {
    492494    position: absolute;
    493     top: 45px;
     495    top: 56px;
    494496    left: 200px;
    495497    right: 0;
    496     height: 30px;
     498    height: 36px;
    497499    z-index: 200;
    498     border-bottom: 1px solid #dfdfdf;
    499     box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, 0.1 );
    500500}
    501501
    502502.media-frame-content {
    503503    position: absolute;
    504     top: 75px;
     504    top: 90px;
    505505    left: 200px;
    506506    right: 0;
     
    510510    margin: 0;
    511511    overflow: auto;
     512    border-top-width: 1px;
     513    border-top-style: solid;
     514    border-bottom-width: 1px;
     515    border-bottom-style: solid;
    512516}
    513517
     
    519523    height: 60px;
    520524    z-index: 100;
    521     border: 0 solid #dfdfdf;
    522     border-width: 1px 0 0 0;
    523     box-shadow: 0 -4px 4px -4px rgba( 0, 0, 0, 0.1 );
    524525}
    525526
     
    544545
    545546.media-frame.hide-router .media-frame-content {
    546     top: 45px;
     547    top: 56px;
    547548}
    548549
     
    563564    padding: 0 16px;
    564565    font-size: 22px;
    565     font-weight: 200;
    566     line-height: 45px;
     566    line-height: 60px;
    567567    margin: 0;
    568568}
     
    599599    font-size: 13px;
    600600    color: #464646;
    601     font-family: sans-serif;
     601    font-family: "Open Sans", sans-serif;
    602602    -webkit-appearance: none;
    603603}
     
    640640        0 0 0 1px #fff,
    641641        0 0 0 3px #ccc;
    642 }
    643 
    644 .details.attachment {
    645     box-shadow:
    646         0 0 0 1px #fff,
    647         0 0 0 5px #1e8cbe;
    648642}
    649643
     
    780774
    781775    border: 1px solid #fff;
    782     border-radius: 3px;
    783776    box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.4 );
    784 
    785     background: #f1f1f1;
    786     background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e1e1e1));
    787     background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1);
    788     background-image:    -moz-linear-gradient(top, #f1f1f1, #e1e1e1);
    789     background-image:      -o-linear-gradient(top, #f1f1f1, #e1e1e1);
    790     background-image:   linear-gradient(to bottom, #f1f1f1, #e1e1e1);
    791777}
    792778
     
    939925    font-size: 12px;
    940926    color: #666;
    941     text-shadow: 0 1px 0 #fff;
    942927}
    943928
     
    10331018
    10341019.uploader-window h3 {
     1020    margin: -0.5em 0 0;
    10351021    position: absolute;
    10361022    top: 50%;
     
    10431029    transform:         translateY( -50% );
    10441030
    1045     font-size: 20px;
    1046     font-weight: 200;
     1031    font-size: 40px;
    10471032    color: #fff;
    10481033    padding: 0;
     
    10931078    font-size: 20px;
    10941079    line-height: 28px;
    1095     font-weight: 200;
     1080    font-weight: 400;
    10961081    margin-bottom: 1.6em;
    10971082}
     
    12531238
    12541239.media-frame .spinner {
    1255     background: url(../images/wpspin.gif) no-repeat;
    1256     background-size: 16px 16px;
     1240    background: url('../images/spinner.gif') no-repeat;
     1241    background-size: 20px 20px;
    12571242    display: none;
    12581243    opacity: 0.7;
    12591244    filter: alpha(opacity=70);
    1260     width: 16px;
    1261     height: 16px;
     1245    width: 20px;
     1246    height: 20px;
    12621247    margin: 0;
    12631248}
     
    14031388    display: block;
    14041389    position: relative;
    1405     padding: 0 16px 7px;
     1390    padding: 16px;
    14061391    margin: 0;
    14071392    z-index: 250;
    14081393    background: #fff;
    1409     border-bottom: 1px solid #dfdfdf;
    1410     box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, 0.1 );
    14111394    font-size: 18px;
    1412     font-weight: 200;
    14131395}
    14141396
     
    14341416.embed-image-settings {
    14351417    position: absolute;
    1436     background: #f5f5f5;
    1437     top: 57px;
     1418    top: 60px;
    14381419    left: 0;
    14391420    right: 0;
     
    14811462    line-height: 24px;
    14821463    color: #999;
    1483     text-shadow: 0 1px 0 #fff;
    14841464}
    14851465
     
    16281608        margin: 12px 10px;
    16291609    }
     1610
     1611    .media-modal-close {
     1612        right: 20px;
     1613    }
    16301614}
    16311615
     
    16631647  (-webkit-min-device-pixel-ratio: 1.25),
    16641648  (min-resolution: 120dpi) {
     1649
    16651650    .media-modal-icon {
    16661651        background-image: url(../images/uploader-icons-2x.png);
     
    16691654
    16701655    .media-frame .spinner {
    1671         background-image: url(../images/wpspin-2x.gif);
     1656        background-image: url('../images/spinner-2x.gif');
    16721657    }
    16731658}
  • trunk/src/wp-includes/css/wp-pointer.css

    r22798 r26072  
    1 .wp-pointer {
    2 }
    3 
    4 .wp-pointer-content {
     1.wp-pointer-content {   
    52    padding: 0 0 10px;
    63    position: relative;
    74    font-size: 13px;
    8 
    95    background: #fff;
    10     border-style: solid;
    11     border-width: 1px;
    12     /* Fallback for non-rgba-compliant browsers */
    13     border-color: #dfdfdf;
    14     /* Use rgba to look better against non-white backgrounds. */
    15     border-color: rgba(0,0,0,.125);
    16     -webkit-border-radius: 3px;
    17     border-radius: 3px;
    18 
    19     -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.19);
    20     box-shadow: 0 2px 4px rgba(0,0,0,.19);
     6    border: none;
     7    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.075);
     8    box-shadow:         0 3px 6px rgba(0,0,0,0.075);
    219}
    2210
     
    2816    font-size: 14px;
    2917    color: #fff;
    30     border-radius: 3px 3px 0 0;
    31     text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
    32     background: #8cc1e9;
    33     background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9));
    34     background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9);
    35     background-image:    -moz-linear-gradient(bottom, #72a7cf, #8cc1e9);
    36     background-image:      -o-linear-gradient(bottom, #72a7cf, #8cc1e9);
    37     background-image: linear-gradient(to top, #72a7cf, #8cc1e9);
     18    background: #2ea2cc;
    3819}
    3920
     
    6546
    6647.wp-pointer-buttons a.close {
    67     padding-left:3px;
     48    padding-left: 3px;
    6849    position: relative;
    6950}
    7051
    7152.wp-pointer-buttons a.close:before {
    72     content: ' ';
    73     width:10px;
    74     height:100%;
    75     position:absolute;
    76     left:-10px;
    77     background:url('../images/xit.gif') 0 50% no-repeat;
     53    font-size: 13px;
     54    width: 10px;
     55    height: 100%;
     56    position: absolute;
     57    left: -12px;
     58    top: 1px;
    7859}
    7960
     
    9273.wp-pointer-arrow {
    9374    z-index: 10;
    94     background:url('../images/arrow-pointer-blue.png') 0 0 no-repeat;
     75    width: 0;
     76    height: 0;
     77    border: 0 solid transparent;
    9578}
    9679
     
    122105.wp-pointer-undefined .wp-pointer-arrow {
    123106    left: 50px;
    124     width: 30px;
    125     height: 14px;
    126107}
    127108
     
    130111    top: 50%;
    131112    margin-top: -15px;
    132     width: 14px;
    133     height: 30px;
    134113}
    135114
     
    138117.wp-pointer-undefined .wp-pointer-arrow {
    139118    top: 0;
    140     background-position: 0 0;
     119    border-width: 0 17px 15px 17px;
     120    border-bottom-color: #2ea2cc;
    141121}
    142122
    143123.wp-pointer-bottom .wp-pointer-arrow {
    144124    bottom: 0;
    145     background-position: 0 -46px;
     125    border-width: 15px 17px 0 17px;
     126    border-top-color: #fff;
    146127}
    147128
    148129.wp-pointer-left .wp-pointer-arrow {
    149130    left: 0;
    150     background-position: 0 -15px;
     131    border-width: 17px 15px 17px 0;
     132    border-right-color: #fff;
    151133}
    152134
    153135.wp-pointer-right .wp-pointer-arrow {
    154136    right:0;
    155     background-position:-16px -15px;
     137    border-width: 17px 0 17px 15px;
     138    border-left-color: #fff;
    156139}
    157140
     
    186169    right: 50px;
    187170}
    188 
    189 /**
    190  * HiDPI Displays
    191  */
    192 @media print,
    193   (-o-min-device-pixel-ratio: 5/4),
    194   (-webkit-min-device-pixel-ratio: 1.25),
    195   (min-resolution: 120dpi) {
    196 
    197     .wp-pointer-buttons a.close:before {
    198         background-image: url('../images/xit-2x.gif');
    199         background-size: 20px auto;
    200     }
    201 
    202     .wp-pointer-content h3:before {
    203         background-image: url('../images/icon-pointer-flag-2x.png');
    204         background-size: 36px auto;
    205     }
    206 
    207     .wp-pointer-arrow {
    208         background: url('../images/arrow-pointer-blue-2x.png') 0 0 no-repeat;
    209         background-size: 30px 60px;
    210     }
    211 
    212     .wp-pointer-top .wp-pointer-arrow,
    213     .wp-pointer-undefined .wp-pointer-arrow {
    214         background-position: 0 1px;
    215     }
    216 
    217     .wp-pointer-bottom .wp-pointer-arrow {
    218         background-position: 0 -47px;
    219     }
    220 
    221     .wp-pointer-left .wp-pointer-arrow {
    222         background-position: 1px -15px;
    223     }
    224 
    225     .wp-pointer-right .wp-pointer-arrow {
    226         background-position:-17px -15px;
    227     }
    228 }
  • trunk/src/wp-includes/general-template.php

    r25868 r26072  
    21022102 */
    21032103function register_admin_color_schemes() {
    2104     wp_admin_css_color( 'classic', _x( 'Blue', 'admin color scheme' ), admin_url( 'css/colors-classic.min.css' ),
    2105         array( '#5589aa', '#cfdfe9', '#d1e5ee', '#eff8ff' ) );
    2106     wp_admin_css_color( 'fresh', _x( 'Gray', 'admin color scheme' ), admin_url( 'css/colors-fresh.min.css' ),
    2107         array( '#555', '#a0a0a0', '#ccc', '#f1f1f1' ) );
     2104    wp_admin_css_color( 'fresh', _x( 'Default', 'admin color scheme' ), admin_url( 'css/colors-fresh.min.css' ),
     2105        array( '#222', '#333', '#0074a2', '#2ea2cc' ) );
    21082106}
    21092107
  • trunk/src/wp-includes/js/tinymce/themes/advanced/skins/wp_theme/content.css

    r24215 r26072  
     1html {
     2    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
     3    box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
     4}
    15
    26body.mceForceColors {background:#FFF; color:#000;}
     
    4044body {
    4145    font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
    42     font-size: 13px;
    43     line-height: 19px;
     46    font-size: 14px;
     47    line-height: 1.5em;
    4448    color: #333;
    45     margin: 10px;
     49    background-color: #fff;
     50    margin: 0;
     51    padding: 10px;
     52}
     53
     54p {
     55    margin-bottom: 1.3em;
    4656}
    4757
     
    8494.wp-caption-dd {
    8595    font-size: 11px;
    86     line-height: 17px;
     96    line-height: 1.5;
    8797    padding: 0 4px 5px;
    8898    margin: 0;
     
    105115    border-top: 1px dotted #cccccc;
    106116    display: block;
    107     width: 95%;
    108117    height: 12px;
    109     margin: 15px auto 0;
     118    margin: 1.2em auto 0;
    110119}
    111120
    112121img.mce-wp-more {
    113122    background: transparent url("img/more_bug.gif") no-repeat right top;
     123    background-size: 52px 11px;
    114124}
    115125
    116126img.mce-wp-nextpage {
    117127    background: transparent url("img/page_bug.gif") no-repeat right top;
     128    background-size: 76px 11px;
    118129}
    119130
     
    121132    border: 1px dashed #888;
    122133    background: #f2f8ff url("img/gallery.png") no-repeat scroll center center;
    123     width: 99%;
     134    background-size: 40px 40px;
     135    width: 100%;
    124136    height: 250px;
    125137}
     
    131143    height: 250px;
    132144}
     145
     146
     147@media print,
     148    (-o-min-device-pixel-ratio: 5/4),
     149    (-webkit-min-device-pixel-ratio: 1.25),
     150    (min-resolution: 120dpi) {
     151
     152    img.mce-wp-more {
     153        background-image: url('../images/mce-more-2x.png');
     154    }
     155
     156    img.mce-wp-nextpage {
     157        background-image: url('../images/mce-nextpage-2x.png');
     158    }
     159
     160    img.wp-gallery {
     161        background-image: url('../images/gallery-2x.png');
     162    }
     163}
  • trunk/src/wp-includes/js/tinymce/themes/advanced/skins/wp_theme/dialog.css

    r21545 r26072  
     1@import url('//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=latin-ext,latin');
     2
    13/* Generic */
    24body {
    3 font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
    4 background:#f1f1f1;
     5font-family: "Open Sans", sans-serif;
     6font-size:13px;
     7background:#fcfcfc;
    58padding:0;
    69margin:8px 8px 0 8px;
    710}
    811
    9 html {background:#f1f1f1;}
    10 td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
    1112textarea {resize:none;outline:none;}
    12 a:link, a:visited {color:black;}
    13 a:hover {color:#2B6FB6;}
     13
     14a:link, a:hover {
     15    color: #2B6FB6;
     16}
     17
     18a:visited {
     19    color: #3C2BB6;
     20}
     21
    1422.nowrap {white-space: nowrap}
    1523
     
    3543input.mceButton,
    3644.updateButton {
    37     border: 1px solid #bbb;
    38     margin:0;
    39     padding:0 0 1px;
    40     font-weight:bold;
    41     font-size: 11px;
    42     width:94px;
    43     height:24px;
    44     color:#000;
    45     cursor:pointer;
     45    display: inline-block;
     46    text-decoration: none;
     47    border: 1px solid #adadad;
     48    margin: 0;
     49    padding: 0 10px 1px;
     50    font-size: 13px;
     51    height: 24px;
     52    line-height: 22px;
     53    color: #333;
     54    cursor: pointer;
    4655    -webkit-border-radius: 3px;
     56    -webkit-appearance: none;
    4757    border-radius: 3px;
    48     background-color: #eee;
    49     background-image: -webkit-gradient(linear, left bottom, left top, from(#ddd), to(#fff));
    50     background-image: -webkit-linear-gradient(bottom, #ddd, #fff);
    51     background-image: -moz-linear-gradient(bottom, #ddd, #fff);
    52     background-image: -o-linear-gradient(bottom, #ddd, #fff);
    53     background-image: linear-gradient(to top, #ddd, #fff);
    54 }
    55 
    56 #insert:hover,
     58    white-space: nowrap;
     59    -webkit-box-sizing: border-box;
     60    -moz-box-sizing: border-box;
     61    box-sizing: border-box;
     62    background: #fafafa;
     63    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9));
     64    background-image: -webkit-linear-gradient(top, #fafafa, #e9e9e9);
     65    background-image: -moz-linear-gradient(top, #fafafa, #e9e9e9);
     66    background-image: -o-linear-gradient(top, #fafafa, #e9e9e9);
     67    background-image: linear-gradient(to bottom, #fafafa, #e9e9e9);
     68   
     69    text-shadow: 0 1px 0 #fff;
     70    -webkit-box-shadow: inset 0 1px 0 #fff;
     71    -moz-box-shadow: inset 0 1px 0 #fff;
     72    box-shadow: inset 0 1px 0 #fff;
     73}
     74
     75#insert {
     76    background: #2ea2cc;
     77    background: -webkit-gradient(linear, left top, left bottom, from(#2ea2cc), to(#1e8cbe));
     78    background: -webkit-linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%);
     79    background: linear-gradient(top, #2ea2cc 0%,#1e8cbe 100%);
     80    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea2cc', endColorstr='#1e8cbe',GradientType=0 );
     81    border-color: #0074a2;
     82    -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     83    box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
     84    color: #fff;
     85    text-decoration: none;
     86    text-shadow: 0 1px 0 rgba(0,86,132,0.7);
     87}
     88
    5789#cancel:hover,
    5890input.mceButton:hover,
    5991.updateButton:hover,
    60 #insert:focus,
    6192#cancel:focus,
    6293input.mceButton:focus,
    6394.updateButton:focus {
    64     border: 1px solid #555;
     95    background: #f3f3f3;
     96    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3));
     97    background-image: -webkit-linear-gradient(top, #fff, #f3f3f3);
     98    background-image: -moz-linear-gradient(top, #fff, #f3f3f3);
     99    background-image: -ms-linear-gradient(top, #fff, #f3f3f3);
     100    background-image: -o-linear-gradient(top, #fff, #f3f3f3);
     101    background-image: linear-gradient(to bottom, #fff, #f3f3f3);
     102    border-color: #999;
     103    color: #222;
     104}
     105
     106#insert:hover,
     107#insert:focus {
     108    background: #1e8cbe;
     109    background: -webkit-gradient(linear, left top, left bottom, from(#1e8cbe), to(#0074a2));
     110    background: -webkit-linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     111    background: linear-gradient(top, #1e8cbe 0%,#0074a2 100%);
     112    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e8cbe', endColorstr='#0074a2',GradientType=0 );
     113    border-color: #0074a2;
     114    -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
     115    box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
     116    color: #fff;
    65117}
    66118
     
    103155.tabs a {text-decoration:none; font-family:Verdana, Arial; font-size:10px;}
    104156.tabs a:link, .tabs a:visited, .tabs a:hover {color:black;}
     157
     158.wp-core-ui #tabs {
     159    padding-bottom: 5px;
     160    background-color: transparent;
     161}
     162
     163.wp-core-ui #tabs a {
     164    padding: 6px 10px;
     165    margin: 0 2px;
     166}
    105167
    106168/* Panels */
  • trunk/src/wp-includes/script-loader.php

    r25949 r26072  
    394394    $scripts->add( 'mce-view', "/wp-includes/js/mce-view$suffix.js", array( 'shortcode', 'media-models' ), false, 1 );
    395395
     396    $scripts->add( 'svg-painter', '/wp-includes/js/svg-painter.js' );
     397
    396398    if ( is_admin() ) {
    397399        $scripts->add( 'admin-tags', "/wp-admin/js/tags$suffix.js", array('jquery', 'wp-ajax-response'), false, 1 );
     
    554556    $no_suffix = array( 'farbtastic' );
    555557
    556     $styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css" );
     558    $styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array( 'open-sans', 'dashicons' ) );
    557559
    558560    $styles->add( 'ie', "/wp-admin/css/ie$suffix.css" );
    559561    $styles->add_data( 'ie', 'conditional', 'lte IE 7' );
    560562
     563    // Hotlink Open Sans, for now
     564    $styles->add( 'open-sans', '//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600&subset=latin-ext,latin' );
     565
     566    // Dashicons
     567    $styles->add( 'dashicons', '/wp-includes/css/dashicons.css' );
     568
    561569    // Register "meta" stylesheet for admin colors. All colors-* style sheets should have the same version string.
    562     $styles->add( 'colors', true, array('wp-admin', 'buttons') );
     570    $styles->add( 'colors', true, array( 'wp-admin', 'buttons', 'open-sans', 'dashicons' ) );
    563571
    564572    // do not refer to these directly, the right one is queued by the above "meta" colors handle
    565     $styles->add( 'colors-fresh', "/wp-admin/css/colors-fresh$suffix.css", array('wp-admin', 'buttons') );
    566     $styles->add( 'colors-classic', "/wp-admin/css/colors-classic$suffix.css", array('wp-admin', 'buttons') );
     573    $styles->add( 'colors-fresh', "/wp-admin/css/colors-fresh$suffix.css", array( 'wp-admin', 'buttons' ) );
    567574
    568575    $styles->add( 'media', "/wp-admin/css/media$suffix.css" );
     
    573580    $styles->add( 'jcrop', "/wp-includes/js/jcrop/jquery.Jcrop.min.css", array(), '0.9.12' );
    574581    $styles->add( 'imgareaselect', '/wp-includes/js/imgareaselect/imgareaselect.css', array(), '0.9.8' );
    575     $styles->add( 'admin-bar', "/wp-includes/css/admin-bar$suffix.css" );
     582    $styles->add( 'admin-bar', "/wp-includes/css/admin-bar$suffix.css", array( 'open-sans', 'dashicons' ) );
    576583    $styles->add( 'wp-jquery-ui-dialog', "/wp-includes/css/jquery-ui-dialog$suffix.css" );
    577584    $styles->add( 'editor-buttons', "/wp-includes/css/editor$suffix.css" );
Note: See TracChangeset for help on using the changeset viewer.