WordPress.org

Make WordPress Core

Ticket #18380: 18380.4.diff

File 18380.4.diff, 32.4 KB (added by helen, 7 years ago)
  • src/wp-admin/css/colors/_admin.scss

     
    2020        }
    2121}
    2222
    23 #rightnow a:hover,
    2423#media-upload a.del-link:hover,
    2524div.dashboard-widget-submit input:hover,
    2625.subsubsub a:hover,
  • src/wp-admin/css/colors.css

     
    1616  1.0 - General
    1717------------------------------------------------------------------------------*/
    1818
    19 html {
    20         background: #f1f1f1;
    21 }
    22 
    23 /* Checkbooms */
    24 
    25 input[type=checkbox],
    26 input[type=radio] {
    27         background: #fff;
    28         border-color: #bbb;
    29         color: #555;
    30 
    31         -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    32         box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    33 }
    34 
    35 input[type=checkbox]:checked:before {
    36         color: #1e8cbe;
    37 }
    38 
    39 input[type=radio]:checked:before {
    40         background-color: #1e8cbe;
    41 }
    42 
    43 .wp-core-ui input[type="reset"]:hover,
    44 .wp-core-ui input[type="reset"]:active {
    45         color: #2ea2cc;
    46 }
    47 
    48 
    49 /* Helper classes for plugins to leverage the active WordPress color scheme */
    50 
    51 .wp-ui-primary {
    52         color: #fff;
    53         background-color: #333;
    54 }
    55 .wp-ui-text-primary {
    56         color: #333;
    57 }
    58 
    59 .wp-ui-highlight {
    60         color: white;
    61         background-color: #1e8cbe;
    62 }
    63 .wp-ui-text-highlight {
    64         color: #1e8cbe;
    65 }
    66 
    67 .wp-ui-notification {
    68         color: #fff;
    69         background-color: #D54E21;
    70 }
    71 .wp-ui-text-notification {
    72         color: #D54E21;
    73 }
    74 
    75 .wp-ui-text-icon {
    76         color: #999;
    77 }
    78 
    79 
    80 #adminmenu .wp-has-current-submenu .wp-submenu,
    81 .no-js li.wp-has-current-submenu:hover .wp-submenu,
    82 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    83 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
    84 #adminmenu .wp-has-current-submenu.opensub .wp-submenu {
    85         background-color: #333;
    86 }
    87 
    88 #adminmenu .wp-has-current-submenu .wp-submenu a,
    89 .no-js li.wp-has-current-submenu:hover .wp-submenu a,
    90 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
    91 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open a,
    92 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
    93         color: #bbb;
    94 }
    95 
    96 #adminmenu .wp-submenu a:hover,
    97 #adminmenu .wp-submenu a:focus,
    98 #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
    99 #adminmenu .wp-has-current-submenu .wp-submenu a:focus,
    100 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
    101 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open a:hover,
    102 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open a:focus,
    103 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,
    104 #adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
    105 .no-js li.wp-has-current-submenu:hover .wp-submenu a:hover,
    106 .no-js li.wp-has-current-submenu:hover .wp-submenu a:focus,
    107 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
    108 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
    109 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
    110 .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus {
    111         background: none;
    112         color: #2ea2cc;
    113 }
    114 
    115 ul#adminmenu a.wp-has-current-submenu:after,
    116 ul#adminmenu > li.current > a.current:after {
    117         border-right-color: #f1f1f1;
    118 }
    119 
    120 .row-actions {
    121         color: #ddd;
    122 }
    123 
    124 .find-box-search,
    125 .find-box-buttons {
    126         background-color: #f7f7f7;
    127         border-top: 1px solid #dfdfdf;
    128 }
    129 
    130 .find-box {
    131         background-color: #444;
    132 }
    133 
    134 .find-box-head {
    135         color: #eee;
    136 }
    137 
    138 .find-box-inside {
    139         background-color: #fff;
    140 }
    141 
    142 a.page-numbers:hover {
    143         border-color: #999;
    144 }
    145 
    146 body,
    147 #wpbody,
    148 .form-table .pre,
    149 .ui-autocomplete li a {
    150         color: #444;
    151 }
    152 
    153 body > #upload-menu {
    154         border-bottom-color: #fff;
    155 }
    156 
    157 #postcustomstuff table,
    158 #your-profile fieldset,
    159 #rightnow,
    160 div.dashboard-widget,
    161 #dashboard-widgets p.dashboard-widget-links {
    162         border-color: #ccc;
    163 }
    164 
    165 #dashboard-widgets h4 {
    166         color: #222;
    167 }
    168 
    169 #poststuff .inside label.spam,
    170 #poststuff .inside label.deleted {
    171         color: red;
    172 }
    173 
    174 #poststuff .inside label.waiting {
    175         color: orange;
    176 }
    177 
    178 #poststuff .inside label.approved {
    179         color: green;
    180 }
    181 
    182 #postcustomstuff table {
    183         border-color: #dfdfdf;
    184         background-color: #f9f9f9;
    185 }
    186 
    187 #postcustomstuff thead th {
    188         background-color: #f1f1f1;
    189 }
    190 
    191 table.widefat {
    192         border-color: #fff;
    193         background-color: #fff;
    194 }
    195 
    196 th .comment-grey-bubble:before {
    197         color: #444;
    198 }
    199 
    200 .sorting-indicator:before {
    201         color: #444;
    202 }
    203 
    20419div.dashboard-widget-error {
    20520        background-color: #c43;
    20621}
     
    21328        border-top-color: #ccc;
    21429}
    21530
    216 ul.category-tabs li {
    217         border-color: transparent;
    218 }
    219 
    22031div.tabs-panel,
    22132.wp-tab-panel,
    22233ul.add-menu-item-tabs li.tabs,
     
    22536        background-color: #fdfdfd;
    22637}
    22738
    228 ul.category-tabs li.tabs {
    229         border-color: #dfdfdf #dfdfdf #fdfdfd;
    230 }
    231 
    23239ul.category-tabs li.tabs,
    23340ul.add-menu-item-tabs li.tabs,
    23441.wp-tab-active {
    23542        background-color: #fdfdfd;
    23643}
    23744
    238 kbd,
    239 code {
    240         background: #eaeaea;
    241         background: rgba(0,0,0,0.07);
    242 }
    243 
    24445textarea,
    24546input[type="text"],
    24647input[type="password"],
     
    27475        border-color: #999;
    27576}
    27677
    277 input:disabled,
    278 input.disabled,
    279 textarea:disabled,
    280 textarea.disabled {
    281         -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04);
    282         box-shadow:         inset 0 1px 2px rgba(0,0,0,0.04);
    283         border-color: rgba(222, 222, 222, .75);
    284         background: rgba(255, 255, 255, .5);
    285         color: rgba(51, 51, 51, .5);
    286 }
    287 
    288 #plugin-information .action-button a,
    289 #plugin-information .action-button a:hover,
    290 #plugin-information .action-button a:visited {
    291         color: #fff;
    292 }
    293 
    294 /*
    295 .widget .widget-top,
    296 .postbox h3,
    297 .stuffbox h3,
    298 .control-section .accordion-section-title,
    299 h3.dashboard-widget-title,
    300 h3.dashboard-widget-title span,
    301 h3.dashboard-widget-title small,
    302 .sidebar-name,
    303 #nav-menu-header,
    304 #nav-menu-footer,
    305 .menu-item-handle,
    306 .checkbox,
    307 .side-info,
    308 .widefat thead th,
    309 .widefat tfoot th {
    310         background: #fcfcfc;
    311         border-top: none;
    312         border-bottom: 1px solid #e1e1e1;
    313 }
    314 */
    315 
    316 .accordion-section-content {
    317         border-left: none;
    318         border-right: none;
    319 }
    320 
    321 /*
    322 .js .control-section:hover .accordion-section-title,
    323 .js .control-section .accordion-section-title:hover,
    324 .js .control-section.open .accordion-section-title,
    325 .js .control-section .accordion-section-title:focus {
    326         background: #0074a2;
    327         border-color: #0074a2 !important;
    328 }
    329 */
    330 
    331 .widefat tfoot th {
    332         border-bottom: none;
    333         border-top: 1px solid #e1e1e1;
    334 }
    335 
    336 .widefat thead th {
    337         border-bottom: 1px solid #e1e1e1;
    338 }
    339 
    340 .form-table th,
    341 .form-wrap label {
    342         color: #222;
    343 }
    344 
    34578.form-table.editcomment td {
    34679        border-bottom: none;
    34780}
    34881
    349 .description,
    350 .form-wrap p {
    351         color: #666;
    352 }
    353 
    35482strong .post-com-count span {
    35583        background-color: #0074a2;
    35684}
     
    377105        color: #000;
    378106}
    379107
    380 h2,
    381 h3 {
    382         color: #222;
    383 }
    384 
    385 .wrap .add-new-h2,
    386 .wrap .add-new-h2:active {
    387         background: #e0e0e0;
    388 }
    389 
    390 .wrap .add-new-h2:hover {
    391         background: #2ea2cc;
    392         color: #fff;
    393 }
    394 
    395 .subtitle {
    396         color: #777;
    397 }
    398 
    399 .ac_over {
    400         background-color: #f0f0b8;
    401 }
    402 
    403 .ac_results {
    404         background-color: #fff;
    405         border-color: #808080;
    406 }
    407 
    408 .ac_results li {
    409         color: #101010;
    410 }
    411 
    412108.alternate,
    413109.alt {
    414110        background-color: #f9f9f9;
    415111}
    416112
    417 .available-theme a.screenshot {
    418         background-color: #fff;
    419         border-color: #ccc;
    420 }
    421 
    422 #current-theme {
    423         border-bottom-color: #dfdfdf;
    424 }
    425 
    426113.bar {
    427114        background-color: #e8e8e8;
    428115        border-right-color: #99d;
     
    437124        border-color: #c00 !important;
    438125}
    439126
    440 .submit {
    441         border: none;
    442 }
    443 
    444 .highlight {
    445         background-color: #e4f2fd;
    446         color: #000;
    447 }
    448 
    449127.howto,
    450128.nonessential,
    451129#edit-slug-box,
     
    459137        color: #9a9a9a;
    460138}
    461139
    462 .ui-autocomplete {
    463         border-color: #aaa;
    464         background-color: #efefef;
    465 }
    466 
    467 .ui-autocomplete li a.ui-state-focus {
    468         background-color: #ddd;
    469 }
    470 
    471140.post-com-count {
    472141        color: #fff;
    473142}
     
    506175#adminmenu a:hover,
    507176#adminmenu li.menu-top > a:focus,
    508177#adminmenu .wp-submenu a:hover,
    509 #rightnow a:hover,
    510178#media-upload a.del-link:hover,
    511179div.dashboard-widget-submit input:hover,
    512180.subsubsub a:hover,
     
    525193        color: #333;
    526194}
    527195
    528 #rightnow .rbutton {
    529         background-color: #ebebeb;
    530         color: #264761;
    531 }
    532 
    533196p.submit {
    534197        border-top-color: #dfdfdf;
    535198}
    536199
    537 .submitbox .submit {
    538         background-color: #464646;
    539         color: #ccc;
    540 }
    541 
    542200table.widefat span.delete a,
    543201table.widefat span.trash a,
    544202table.widefat span.spam a,
     
    587245        color: #2ea2cc;
    588246}
    589247
    590 div.updated,
    591 .login .message,
    592 .press-this #message {
    593         background-color: #fff;
    594         border-left: 4px solid #7ad03a;
    595 
    596         -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
    597         box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
    598 }
    599 
    600 #update-nag,
    601 .update-nag {
    602         background-color: #fff;
    603         border-left: 4px solid #ffba00;
    604 
    605         -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
    606         box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
    607 }
    608 
    609 div.error,
    610 .login #login_error {
    611         background: #fff;
    612         border-left: 4px solid #dd3d36;
    613 
    614         -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
    615         box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
    616 }
    617 
    618248.update-message {
    619249        color: #000;
    620250}
    621251
    622 a.page-numbers {
    623         border-bottom-color: #b8d3e2;
    624 }
    625 
    626 .commentlist li {
    627         border-bottom-color: #ccc;
    628 }
    629 
    630252.widefat td,
    631253.widefat th {
    632254        color: #555;
     
    692314        transition: none;
    693315}
    694316
    695 #adminmenu a {
    696         color: #eee;
    697 }
    698 
    699 #adminmenu .awaiting-mod,
    700 #adminmenu .update-plugins,
    701 #sidemenu a .update-plugins,
    702 #rightnow .reallynow {
    703         background-color: #d54e21;
    704         color: #fff;
    705 }
    706 #plugin-information .action-button {
    707         background-color: #2ea2cc;
    708         color: #fff;
    709 }
    710 
    711 #adminmenu li.current a .awaiting-mod,
    712 #adminmenu      li a.wp-has-current-submenu .update-plugins {
    713         background-color: #2ea2cc;
    714         color: #fff;
    715 }
    716 
    717317div#media-upload-header,
    718318div#plugin-information-header {
    719319        background-color: #f9f9f9;
    720320        border-bottom-color: #dfdfdf;
    721321}
    722322
    723 #currenttheme img {
    724         border-color: #666;
    725 }
    726 
    727 input.readonly, textarea.readonly {
    728         background-color: #ddd;
    729 }
    730 
    731 #editable-post-name {
    732         background-color: #fffbcc;
    733 }
    734 
    735323#edit-slug-box strong,
    736324.tablenav .displaying-num,
    737325#submitted-on,
     
    743331        color: #2ea2cc;
    744332}
    745333
    746 #wpfooter {
    747         color: #777;
    748         border-color: transparent;
    749 }
    750 
    751334.imgedit-group,
    752335#media-items .media-item,
    753336.media-item .describe {
     
    1006589        color: #888;
    1007590}
    1008591
    1009 #rightnow .youhave {
    1010         background-color: #f0f6fb;
    1011 }
    1012 
    1013 #rightnow a {
    1014         color: #448abd;
    1015 }
    1016 
    1017592#welcome-panel.welcome-panel .welcome-panel-close::before,
    1018593.tagchecklist span a:before,
    1019594#bulk-titles div a:before,
     
    1163738        border-color: #ddd;
    1164739}
    1165740
    1166 /* menu */
    1167 #adminmenuback,
    1168 #adminmenuwrap,
    1169 #adminmenu {
    1170         background-color: #222;
    1171 }
    1172741
    1173 #adminmenu li.wp-menu-separator {
    1174         background: transparent;
    1175         border-color: transparent;
    1176 }
    1177 
    1178 #adminmenu div.separator {
    1179         border-color: transparent;
    1180 }
    1181 
    1182 #adminmenu li.wp-menu-open {
    1183         border-color: #dfdfdf;
    1184 }
    1185 
    1186 #adminmenu li.menu-top:hover,
    1187 #adminmenu li.opensub > a.menu-top,
    1188 #adminmenu li > a.menu-top:focus {
    1189         background-color: #111;
    1190         color: #2ea2cc;
    1191 }
    1192 
    1193 /* flyout menu arrow */
    1194 #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
    1195         border-right-color: #333;
    1196 }
    1197 
    1198 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
    1199 #adminmenu li.current a.menu-top,
    1200 .folded #adminmenu li.wp-has-current-submenu,
    1201 .folded #adminmenu li.current.menu-top,
    1202 #adminmenu .wp-menu-arrow,
    1203 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
    1204 #adminmenu .wp-menu-arrow div {
    1205         background: #0074a2;
    1206 }
    1207 
    1208 #adminmenu li.wp-not-current-submenu .wp-menu-arrow {
    1209         border-top-color: #f9f9f9;
    1210         border-bottom-color: #dfdfdf;
    1211         background: transparent;
    1212 }
    1213 
    1214 #adminmenu li.wp-not-current-submenu .wp-menu-arrow div {
    1215         background: #111;
    1216         border-color: #111;
    1217 }
    1218 
    1219 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
    1220 #adminmenu li.current a.menu-top,
    1221 #adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
    1222         color: #fff;
    1223 }
    1224 
    1225 .folded #adminmenu li.wp-has-current-submenu,
    1226 .folded #adminmenu li.current.menu-top {
    1227         border-color: #666;     /* Match the background color of the current menu item for a flat appearance */
    1228 }
    1229 
    1230 #adminmenu .wp-submenu li.current,
    1231 #adminmenu .wp-submenu li.current a,
    1232 #adminmenu .opensub .wp-submenu li.current a,
    1233 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
    1234 #adminmenu .wp-submenu li.current a:hover,
    1235 #adminmenu .wp-submenu li.current a:focus {
    1236         color: #fff;
    1237         background: transparent;
    1238 }
    1239 
    1240 #adminmenu .wp-submenu,
    1241 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    1242 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
    1243         background-color: #333;
    1244 
    1245         -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
    1246         box-shadow:         0 3px 5px rgba(0,0,0,0.2);
    1247 }
    1248 
    1249 #adminmenu .wp-submenu a,
    1250 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
    1251 .folded #adminmenu .wp-has-current-submenu .wp-submenu a {
    1252         color: #bbb;
    1253 }
    1254 
    1255 #adminmenu .wp-submenu .wp-submenu-head {
    1256         color: #fff;
    1257 }
    1258 
    1259 /* collapse menu button */
    1260 #collapse-menu {
    1261         color: #aaa;
    1262         -webkit-transition: all .1s ease-in-out;
    1263         -moz-transition:    all .1s ease-in-out;
    1264         transition:         all .1s ease-in-out;
    1265 }
    1266 
    1267 #collapse-menu:hover {
    1268         color: #2ea2cc;
    1269 }
    1270 
    1271 #collapse-button div:after {
    1272         color: #aaa;
    1273 }
    1274 
    1275 #collapse-menu:hover #collapse-button div:after {
    1276         color: #2ea2cc;
    1277 }
    1278 
    1279 #adminmenu div.wp-menu-image:before {
    1280         color: #999;
    1281 }
    1282 
    1283 .icon16:before {
    1284         color: #999;
    1285 }
    1286 
    1287 #adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before {
    1288         color: #fff;
    1289 }
    1290 
    1291 #adminmenu li:hover div.wp-menu-image:before {
    1292         color: #2ea2cc;
    1293 }
    1294 
    1295 #adminmenu .wp-has-current-submenu div.wp-menu-image:before,
    1296 #adminmenu .current div.wp-menu-image:before,
    1297 #adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
    1298 #adminmenu a.current:hover div.wp-menu-image:before {
    1299         color: #fff;
    1300 }
    1301 
    1302742/* Collapse button in theme preview */
    1303743
    1304744.wp-full-overlay a.collapse-sidebar {
     
    18761316        color: #2ea2cc;
    18771317}
    18781318
    1879 
    1880 /* Lightbox */
    1881 
    1882 .sticky-menu #TB_window {
    1883         background: #f1f1f1;
    1884 }
    1885 
    18861319/* tinymce */
    18871320a .mceIcon, .mceAction {
    18881321        color:#777;
     
    18911324a .mceIcon:hover {
    18921325        color:#333;
    18931326}
    1894 
    1895 /* Log in page */
    1896 
    1897 .login form .input,
    1898 .login input[type="text"],
    1899 .login form input[type="checkbox"] {
    1900         background: #fbfbfb;
    1901 }
    1902 
    1903 .login form {
    1904         background: #fff;
    1905         -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
    1906         box-shadow: 0 1px 3px rgba(0,0,0,0.13);
    1907 }
    1908 
    1909 body.login {
    1910         background: #f1f1f1;
    1911 }
    1912 
    1913 .login #nav a,
    1914 .login #backtoblog a {
    1915         text-decoration: none;
    1916         color: #999;
    1917 }
    1918 
    1919 .login #nav a:hover,
    1920 .login #backtoblog a:hover {
    1921         color: #2ea2cc;
    1922 }
    1923 
    1924 .login h1 a:hover {
    1925         color: #2ea2cc;
    1926 }
    1927 
    1928 @media print,
    1929   (-o-min-device-pixel-ratio: 5/4),
    1930   (-webkit-min-device-pixel-ratio: 1.25),
    1931   (min-resolution: 120dpi) {
    1932         .curtime #timestamp,
    1933         #screen-meta-links a.show-settings,
    1934         .widget-top a.widget-action,
    1935         .widget-top a.widget-action:hover,
    1936         .sidebar-name-arrow,
    1937         .sidebar-name:hover .sidebar-name-arrow,
    1938         .meta-box-sortables .postbox:hover .handlediv,
    1939         .tagchecklist span a,
    1940         #bulk-titles div a,
    1941         .tagchecklist span a:hover,
    1942         #bulk-titles div a:hover,
    1943         .wp_themeSkin .mceToolbar span.mce_undo,
    1944         .wp_themeSkin .mceToolbar span.mce_redo,
    1945         .wp_themeSkin .mceToolbar span.mce_bullist,
    1946         .wp_themeSkin .mceToolbar span.mce_numlist,
    1947         .wp_themeSkin .mceToolbar span.mce_blockquote,
    1948         .wp_themeSkin .mceToolbar span.mce_charmap,
    1949         .wp_themeSkin .mceToolbar span.mce_bold,
    1950         .wp_themeSkin .mceToolbar span.mce_italic,
    1951         .wp_themeSkin .mceToolbar span.mce_underline,
    1952         .wp_themeSkin .mceToolbar span.mce_justifyleft,
    1953         .wp_themeSkin .mceToolbar span.mce_justifyright,
    1954         .wp_themeSkin .mceToolbar span.mce_justifycenter,
    1955         .wp_themeSkin .mceToolbar span.mce_justifyfull,
    1956         .wp_themeSkin .mceToolbar span.mce_indent,
    1957         .wp_themeSkin .mceToolbar span.mce_outdent,
    1958         .wp_themeSkin .mceToolbar span.mce_link,
    1959         .wp_themeSkin .mceToolbar span.mce_unlink,
    1960         .wp_themeSkin .mceToolbar span.mce_help,
    1961         .wp_themeSkin .mceToolbar span.mce_removeformat,
    1962         .wp_themeSkin .mceToolbar span.mce_fullscreen,
    1963         .wp_themeSkin .mceToolbar span.mce_wp_fullscreen,
    1964         .wp_themeSkin .mceToolbar span.mce_media,
    1965         .wp_themeSkin .mceToolbar span.mce_pastetext,
    1966         .wp_themeSkin .mceToolbar span.mce_pasteword,
    1967         .wp_themeSkin .mceToolbar span.mce_wp_help,
    1968         .wp_themeSkin .mceToolbar span.mce_wp_adv,
    1969         .wp_themeSkin .mceToolbar span.mce_wp_more,
    1970         .wp_themeSkin .mceToolbar span.mce_strikethrough,
    1971         .wp_themeSkin .mceToolbar span.mce_spellchecker,
    1972         .wp_themeSkin .mceToolbar span.mce_forecolor,
    1973         .wp_themeSkin .mceToolbar .mce_forecolorpicker,
    1974         .wp_themeSkin .mceToolbar .mceSplitButton .mce_spellchecker span.mce_spellchecker,
    1975         .wp_themeSkin .mceToolbar .mceSplitButton .mce_forecolor span.mce_forecolor,
    1976         .wp_themeSkin .mceToolbar .mceSplitButton span.mce_numlist,
    1977         .wp_themeSkin .mceToolbar .mceSplitButton span.mce_bullist {
    1978                 background: none !important;
    1979         }
    1980 }
  • src/wp-admin/css/wp-admin.css

     
    8585#adminmenu,
    8686#adminmenu .wp-submenu {
    8787        width: 160px;
     88        background-color: #222;
    8889}
    8990
    9091#adminmenuback {
     
    259260
    260261input[type="checkbox"],
    261262input[type="radio"] {
    262         border-width: 1px;
    263         border-style: solid;
     263        border: 1px solid #bbb;
     264        background: #fff;
     265        color: #555;
    264266        clear: none;
    265267        cursor: pointer;
    266268        display: inline-block;
     
    276278        -webkit-appearance: none;
    277279        -webkit-box-sizing: border-box;
    278280        box-sizing: border-box;
     281        -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
     282        box-shadow:         inset 0px 1px 2px rgba(0,0,0,0.1);
    279283}
    280284
     285.wp-core-ui input[type="reset"]:hover,
     286.wp-core-ui input[type="reset"]:active {
     287        color: #2ea2cc;
     288}
     289
    281290td > input[type="checkbox"],
    282291.wp-admin p input[type=checkbox],
    283292.wp-admin p input[type=radio] {
     
    298307        line-height: 10px;
    299308}
    300309
     310input:disabled,
     311input.disabled,
     312textarea:disabled,
     313textarea.disabled {
     314        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04);
     315        box-shadow:         inset 0 1px 2px rgba(0,0,0,0.04);
     316        border-color: rgba(222, 222, 222, .75);
     317        background: rgba(255, 255, 255, .5);
     318        color: rgba(51, 51, 51, .5);
     319}
     320
    301321input[type=checkbox]:disabled,
    302322input[type=radio]:disabled,
    303323input[type=checkbox]:disabled:checked:before,
     
    320340input[type=checkbox]:checked:before {
    321341        content: '\f147';
    322342        margin: -3px 0 0 -4px;
     343        color: #1e8cbe;
    323344}
    324345
    325346input[type=radio]:checked:before {
     
    331352        height: 6px;
    332353        margin: 4px;
    333354        line-height: 16px;
     355        background-color: #1e8cbe;
    334356}
    335357
     358input.readonly, textarea.readonly {
     359        background-color: #ddd;
     360}
     361
    336362@-moz-document url-prefix() {
    337363        input[type=checkbox],
    338364        input[type=radio],
     
    363389        padding: 0;
    364390}
    365391
     392html {
     393        background: #f1f1f1;
     394}
     395
    366396body {
     397        color: #444;
    367398        font-family: "Open Sans", sans-serif;
    368399        font-size: 13px;
    369400        line-height: 1.4em;
     
    376407}
    377408
    378409body.login {
    379         background: #fbfbfb;
     410        background: #f1f1f1;
    380411        min-width: 0;
    381412}
    382413
     
    501532}
    502533
    503534h2 {
     535        color: #222;
    504536        font-size: 1.5em;
    505537        margin: .83em 0;
    506538        font-weight: 400;
    507539}
    508540
    509541h3 {
     542        color: #222;
    510543        font-size: 1.3em;
    511544        margin: 1em 0;
    512545}
     
    584617code {
    585618        padding: 3px 5px 2px 5px;
    586619        margin: 0 1px;
     620        background: #eaeaea;
     621        background: rgba(0,0,0,0.07);
    587622        font-size: 13px;
    588623}
    589624
     
    667702.widefat th {
    668703        padding: 8px 10px;
    669704}
     705
     706.widefat thead th {
     707        border-bottom: 1px solid #e1e1e1;
     708}
     709
    670710.widefat tfoot th {
     711        border-top: 1px solid #e1e1e1;
    671712        border-bottom: none;
    672713}
    673714
     
    801842div.updated,
    802843.login .message,
    803844.press-this #message {
    804         border: none;
     845        border-left: 4px solid #7ad03a;
    805846        padding: 1px 12px;
     847        background-color: #fff;
     848
     849        -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
     850        box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
    806851}
    807852
    808853div.error,
    809854.login #login_error {
    810         border: none;
     855        border-left: 4px solid #dd3d36;
     856        background: #fff;
     857
     858        -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
     859        box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
    811860}
    812861
    813862div.error {
     
    828877}
    829878
    830879.subtitle {
     880        color: #777;
    831881        font-size: 14px;
    832882        padding-left: 25px;
    833883}
     
    841891        text-decoration: none;
    842892        border: none;
    843893        border-radius: 2px;
     894        background: #e0e0e0;
    844895        text-shadow: none;
    845896        font-weight: 600;
    846897        font-size: 13px;
    847898}
    848899
     900.wrap .add-new-h2:hover {
     901        background: #2ea2cc;
     902        color: #fff;
     903}
     904
    849905.wrap h2.long-header {
    850906        padding-right: 0;
    851907}
    852908
    853 html,
    854909.wp-dialog {
    855910        background-color: #fff;
    856911}
     
    904959   color: #a9a9a9;
    905960}
    906961
     962/* Helper classes for plugins to leverage the active WordPress color scheme */
     963
     964.highlight {
     965        background-color: #e4f2fd;
     966        color: #000;
     967}
     968
     969.wp-ui-primary {
     970        color: #fff;
     971        background-color: #333;
     972}
     973.wp-ui-text-primary {
     974        color: #333;
     975}
     976
     977.wp-ui-highlight {
     978        color: white;
     979        background-color: #1e8cbe;
     980}
     981.wp-ui-text-highlight {
     982        color: #1e8cbe;
     983}
     984
     985.wp-ui-notification {
     986        color: #fff;
     987        background-color: #d54e21;
     988}
     989.wp-ui-text-notification {
     990        color: #d54e21;
     991}
     992
     993.wp-ui-text-icon {
     994        color: #999;
     995}
     996
    907997/*------------------------------------------------------------------------------
    908998  1.0 - Text Styles
    909999------------------------------------------------------------------------------*/
     
    9471037/* New Menu icons */
    9481038
    9491039.icon16:before {
     1040        color: #999;
    9501041        font: normal 20px/1 'dashicons';
    9511042        speak: none;
    9521043        padding: 6px 0;
     
    11221213        -webkit-border-bottom-right-radius: 3px;
    11231214        border-bottom-left-radius: 3px;
    11241215        border-bottom-right-radius: 3px;
     1216        border: none;
    11251217}
    11261218
    11271219form p.submit a.cancel:hover {
     
    13081400        z-index: 10000;
    13091401        border-bottom-right-radius: 3px;
    13101402        border-bottom-left-radius: 3px;
    1311         border-width: 1px;
    1312         border-style: solid;
     1403        border: 1px solid #aaa;
     1404        background-color: #efefef;
    13131405}
    13141406
    13151407.ui-autocomplete li {
     
    13221414        display: block;
    13231415        height: 100%;
    13241416        padding: 4px 10px;
     1417        color: #444;
    13251418}
    13261419
    13271420.ui-autocomplete li a.ui-state-focus {
     1421        background-color: #ddd;
    13281422        cursor: pointer;
    13291423}
    13301424
     
    14381532        font-size: 14px;
    14391533        text-align: left;
    14401534        margin: 25px 20px 0 2px;
     1535        background-color: #fff;
     1536        border-left: 4px solid #ffba00;
     1537
     1538        -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
     1539        box-shadow:         0px 1px 1px 0px rgba(0,0,0,0.1);
    14411540}
    14421541
    14431542.plugins .plugin-update {
     
    17411840        display: block;
    17421841        line-height: 18px;
    17431842        padding: 2px 5px;
     1843        color: #eee;
    17441844}
    17451845
    17461846#adminmenu li.menu-top {
     
    17631863.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    17641864        padding: 7px 0 8px;
    17651865        z-index: 9999;
     1866        background-color: #333;
     1867
     1868        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
     1869        box-shadow:         0 3px 5px rgba(0,0,0,0.2);
    17661870}
    17671871
     1872#adminmenu .wp-submenu a,
     1873.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
     1874.folded #adminmenu .wp-has-current-submenu .wp-submenu a {
     1875        color: #bbb;
     1876}
     1877
    17681878.js #adminmenu .sub-open,
    17691879.js #adminmenu .opensub .wp-submenu,
    17701880#adminmenu a.menu-top:focus + .wp-submenu,
     
    17871897        margin-top: 0;
    17881898        -webkit-box-shadow: none;
    17891899        box-shadow: none;
     1900        background-color: #333;
    17901901}
    17911902
     1903#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
     1904#adminmenu li.current a.menu-top,
     1905.folded #adminmenu li.wp-has-current-submenu,
     1906.folded #adminmenu li.current.menu-top,
     1907#adminmenu .wp-menu-arrow,
     1908#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
     1909#adminmenu .wp-menu-arrow div {
     1910        background: #0074a2;
     1911        color: #fff;
     1912}
     1913
    17921914.folded #adminmenu .wp-submenu.sub-open,
    17931915.folded #adminmenu .opensub .wp-submenu,
    17941916.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
     
    18191941        padding: 6px 0;
    18201942}
    18211943
     1944#adminmenu .wp-submenu li.current,
     1945#adminmenu .wp-submenu li.current a,
     1946#adminmenu .opensub .wp-submenu li.current a,
     1947#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
     1948#adminmenu .wp-submenu li.current a:hover,
     1949#adminmenu .wp-submenu li.current a:focus {
     1950        color: #fff;
     1951}
     1952
    18221953#adminmenu .wp-not-current-submenu li > a,
    18231954.folded #adminmenu .wp-has-current-submenu li > a {
    18241955        padding-right: 16px;
     
    18952026        transition: all .1s ease-in-out;
    18962027}
    18972028
     2029#adminmenu div.wp-menu-image:before {
     2030        color: #999;
     2031}
     2032
     2033#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
     2034#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
     2035#adminmenu .current div.wp-menu-image:before,
     2036#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
     2037#adminmenu a.current:hover div.wp-menu-image:before {
     2038        color: #fff;
     2039}
     2040
     2041#adminmenu li:hover div.wp-menu-image:before {
     2042        color: #2ea2cc;
     2043}
     2044
    18982045.folded #adminmenu div.wp-menu-image {
    18992046        width: 35px;
    19002047        height: 30px;
     
    19392086ul#adminmenu a.wp-has-current-submenu:after,
    19402087ul#adminmenu > li.current > a.current:after {
    19412088        right: 0;
    1942         border: solid transparent;
     2089        border: solid 8px transparent;
    19432090        content: " ";
    19442091        height: 0;
    19452092        width: 0;
    19462093        position: absolute;
    19472094        pointer-events: none;
    1948         border-width: 8px;
     2095        border-right-color: #f1f1f1;
    19492096        top: 50%;
    19502097        margin-top: -8px;
    19512098}
     
    19802127        top: 18px;
    19812128}
    19822129
     2130#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
     2131        border-right-color: #333;
     2132}
     2133
    19832134/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
    19842135#adminmenu li.menu-top:hover,
    19852136#adminmenu li.opensub > a.menu-top,
    19862137#adminmenu li > a.menu-top:focus {
    19872138        position: relative;
     2139        background-color: #111;
    19882140}
    19892141
    19902142.folded #adminmenu li.menu-top:hover,
     
    20002152}
    20012153
    20022154#adminmenu li.wp-menu-separator {
    2003         height: 3px;
     2155        height: 5px;
    20042156        padding: 0;
    20052157        margin: 0 0 6px 0;
    2006         border-width: 1px 0;
    2007         border-style: solid;
    20082158        cursor: inherit;
    20092159}
    20102160
     2161/* is this even needed given that it's nested beneath the above li.wp-menu-separator? */
    20112162#adminmenu div.separator {
    2012         height: 1px;
     2163        height: 2px;
    20132164        padding: 0;
    2014         border-width: 1px 0 0 0;
    2015         border-style: solid;
    20162165}
    20172166
    20182167#adminmenu .wp-submenu .wp-submenu-head {
     2168        color: #fff;
    20192169        font-weight: 400;
    20202170        font-size: 14px;
    20212171        padding: 8px 4px 8px 11px;
     
    20312181#adminmenu span.update-plugins,
    20322182#sidemenu li a span.update-plugins {
    20332183        display: inline-block;
     2184        background-color: #d54e21;
     2185        color: #fff;
    20342186        font-size: 9px;
    20352187        line-height: 17px;
    20362188        font-weight: 600;
     
    20482200        padding: 0 6px;
    20492201}
    20502202
     2203#adminmenu li.current a .awaiting-mod,
     2204#adminmenu      li a.wp-has-current-submenu .update-plugins {
     2205        background-color: #2ea2cc;
     2206        color: #fff;
     2207}
     2208
    20512209#adminmenu li span.count-0,
    20522210#sidemenu li a .count-0 {
    20532211        display: none;
     
    20572215        font-size: 13px;
    20582216        line-height: 34px;
    20592217        margin-top: 10px;
     2218        color: #aaa;
     2219        -webkit-transition: all .1s ease-in-out;
     2220        -moz-transition:    all .1s ease-in-out;
     2221        transition:         all .1s ease-in-out;
    20602222}
    20612223
     2224#adminmenu #collapse-menu:hover,
     2225#collapse-menu:hover #collapse-button div:after {
     2226        color: #2ea2cc;
     2227}
     2228
    20622229.folded #collapse-menu span {
    20632230        display: none;
    20642231}
     
    20892256        line-height: 15px;
    20902257        left: -3px;
    20912258        top: -3px;
     2259        color: #aaa;
    20922260        font: normal 20px/1 'dashicons' !important;
    20932261        speak: none;
    20942262        margin: 0 auto;
     
    23152483        -webkit-font-smoothing: antialiased;
    23162484        -moz-osx-font-smoothing: grayscale;
    23172485        text-decoration: none !important;
     2486        color: #444;
    23182487}
    23192488
    23202489/*------------------------------------------------------------------------------
     
    35123681        -webkit-font-smoothing: antialiased;
    35133682        -moz-osx-font-smoothing: grayscale;
    35143683        text-decoration: none !important;
     3684        color: #444;
    35153685}
    35163686
    35173687.column-comments .sorting-indicator:before {
     
    41124282        display: none;
    41134283}
    41144284
     4285#editable-post-name {
     4286        background-color: #fffbcc;
     4287}
     4288
    41154289#editable-post-name input {
    41164290        font-size: 13px;
    41174291        height: 22px;
     
    41274301        text-align: left;
    41284302        padding: 12px 10px 10px;
    41294303        font-size: 11px;
     4304        background-color: #464646;
     4305        color: #ccc;
    41304306}
    41314307
    41324308.submitbox .submitdelete {
     
    42414417}
    42424418
    42434419ul.category-tabs li {
    4244         border-style: solid;
    4245         border-width: 1px;
     4420        border: solid 1px transparent;
    42464421        position: relative;
    42474422}
    42484423
     4424ul.category-tabs li.tabs {
     4425        border-color: #dfdfdf #dfdfdf #fdfdfd;
     4426}
     4427
    42494428ul.add-menu-item-tabs li.tabs,
    42504429.wp-tab-active {
    42514430        border-style: solid solid none;
     
    44784657
    44794658#postcustomstuff thead th {
    44804659        padding: 5px 8px 8px;
     4660        background-color: #f1f1f1;
    44814661}
    44824662
    44834663#postcustom #postcustomstuff .submit {
     
    45044684#postcustomstuff table {
    45054685        margin: 0;
    45064686        width: 100%;
    4507         border-width: 1px;
    4508         border-style: solid;
     4687        border: 1px solid #dfdfdf;
    45094688        border-spacing: 0;
     4689        background-color: #f9f9f9;
    45104690}
    45114691
    45124692#postcustomstuff tr {
     
    53165496p.description,
    53175497.form-wrap p {
    53185498        margin: 2px 0 5px;
     5499        color: #666;
    53195500}
    53205501
    53215502p.help,
     
    54115592        position: absolute;
    54125593        z-index: 10000;
    54135594        display: none;
    5414         border-width: 1px;
    5415         border-style: solid;
     5595        border: 1px solid #808080;
     5596        background-color: #fff;
    54165597}
    54175598
    54185599.wp-customizer .ac_results {
     
    54225603.ac_results li {
    54235604        padding: 2px 5px;
    54245605        white-space: nowrap;
     5606        color: #101010;
    54255607        text-align: left;
    54265608}
    54275609
    54285610.ac_over {
     5611        background-color: #f0f0b8;
    54295612        cursor: pointer;
    54305613}
    54315614
     
    57125895        padding: 33px 0 51px;
    57135896        position: absolute;
    57145897        z-index: 1000;
     5898        background-color: #444;
    57155899}
    57165900
    57175901.find-box-head {
    57185902        cursor: move;
     5903        color: #eee;
    57195904        font-weight: 600;
    57205905        height: 2em;
    57215906        line-height: 2em;
     
    57295914        overflow: auto;
    57305915        padding: 6px;
    57315916        height: 100%;
     5917        background-color: #fff;
    57325918}
    57335919
    5734 .find-box-search {
     5920.find-box-search,
     5921.find-box-buttons {
    57355922        overflow: hidden;
    5736         padding: 9px;
     5923        padding: 8px;
    57375924        position: relative;
     5925        background-color: #f7f7f7;
     5926        border-top: 1px solid #dfdfdf;
    57385927}
    57395928
    57405929.find-box-search .spinner {
     
    57695958        width: 15px;
    57705959}
    57715960
    5772 .find-box-buttons {
    5773         padding: 8px;
    5774         overflow: hidden;
    5775 }
    5776 
    57775961.find-box #resize-se {
    57785962        position: absolute;
    57795963        right: 1px;
     
    61186302
    61196303.form-table th,
    61206304.form-wrap label {
     6305        color: #222;
    61216306        font-weight: normal;
    61226307        text-shadow: none;
    61236308        vertical-align: baseline;
     
    61696354.commentlist li {
    61706355        padding: 1em 1em .2em;
    61716356        margin: 0;
    6172         border-bottom-width: 1px;
    6173         border-bottom-style: solid;
     6357        border-bottom: 1px solid #ccc;
    61746358}
    61756359
    61766360.commentlist li li {
     
    73807564        width: 300px;
    73817565        height: 225px;
    73827566        display: block;
    7383         border-width: 1px;
    7384         border-style: solid;
     7567        border: 1px solid #ccc;
    73857568        margin-bottom: 10px;
    73867569        overflow: hidden;
     7570        background-color: #fff;
    73877571}
    73887572
    73897573.available-theme img {
     
    78488032        right: 0;
    78498033        padding: 10px 0;
    78508034        margin-right: 20px;
    7851         border-top-width: 1px;
    7852         border-top-style: solid;
     8035        color: #777;
    78538036}
    78548037
    78558038#wpfooter p {
     
    86408823}
    86418824
    86428825.row-actions {
     8826        color: #ddd;
    86438827        font-size: 13px;
    86448828        visibility: hidden;
    86458829        padding: 2px 0 0;
     
    87258909        max-width: 100%;
    87268910}
    87278911
     8912#poststuff .inside label.spam,
     8913#poststuff .inside label.deleted {
     8914        color: red;
     8915}
     8916
     8917#poststuff .inside label.waiting {
     8918        color: orange;
     8919}
     8920
     8921#poststuff .inside label.approved {
     8922        color: green;
     8923}
     8924
    87288925.inline-edit-row #post_parent,
    87298926.inline-edit-row select[name="page_template"] {
    87308927        max-width: 80%;
     
    90149211}
    90159212
    90169213#dashboard-widgets h4 {
     9214        color: #222;
    90179215        font-weight: normal;
    90189216        font-size: 14px;
    90199217        margin: 0 0 .2em;
     
    92129410        padding: 26px 24px 46px;
    92139411        font-weight: normal;
    92149412        overflow: hidden;
     9413        background: #fff;
     9414
     9415        -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
     9416        box-shadow:         0 1px 3px rgba(0,0,0,0.13);
    92159417}
    92169418
    92179419.login form .forgetmenot {
     
    92949496        margin: 16px 0 0 0;
    92959497}
    92969498
     9499.login #nav a,
     9500.login #backtoblog a {
     9501        text-decoration: none;
     9502        color: #999;
     9503}
     9504
     9505.login #nav a:hover,
     9506.login #backtoblog a:hover,
     9507.login h1 a:hover {
     9508        color: #2ea2cc;
     9509}
     9510
    92979511.login form .input,
    92989512.login input[type="text"] {
    92999513        font-size: 24px;
     
    93039517        margin: 2px 6px 16px 0;
    93049518}
    93059519
     9520.login form .input,
     9521.login input[type="text"],
     9522.login form input[type="checkbox"] {
     9523        background: #fbfbfb;
     9524}
     9525
    93069526.login #pass-strength-result {
    93079527        width: 250px;
    93089528        font-weight: 600;
     
    1019110411}
    1019210412
    1019310413#plugin-information .action-button a {
     10414        background-color: #2ea2cc;
     10415        color: #fff;
    1019410416        text-align: center;
    1019510417        font-weight: 600;
    1019610418        text-decoration: none;
     
    1132311545        padding: 10px 20px 15px;
    1132411546        overflow: hidden;
    1132511547        background: #fff;
    11326         border-left: 1px solid #dfdfdf;
    11327         border-right: 1px solid #dfdfdf;
    1132811548}
    1132911549
    1133011550.accordion-section-title {
     
    1139211612        border-bottom: 1px solid #dfdfdf;
    1139311613}
    1139411614
     11615.sticky-menu #TB_window {
     11616        background: #f1f1f1;
     11617}
     11618
    1139511619.sticky-menu #TB_window .updated {
    1139611620        margin: 16px 0 0;
    1139711621}
     
    1159711821                background-image: url('../images/spinner-2x.gif');
    1159811822        }
    1159911823
     11824        /* @todo: evaluate - most of these were likely replaced by dashicons */
     11825        .curtime #timestamp,
     11826        #screen-meta-links a.show-settings,
     11827        .widget-top a.widget-action,
     11828        .widget-top a.widget-action:hover,
     11829        .sidebar-name-arrow,
     11830        .sidebar-name:hover .sidebar-name-arrow,
     11831        .meta-box-sortables .postbox:hover .handlediv,
     11832        .tagchecklist span a,
     11833        #bulk-titles div a,
     11834        .tagchecklist span a:hover,
     11835        #bulk-titles div a:hover {
     11836                background: none !important;
     11837        }
     11838
    1160011839}
    1160111840
    1160211841/* =Localized CSS