WordPress.org

Make WordPress Core

Ticket #18380: 18380.3.diff

File 18380.3.diff, 13.7 KB (added by helen, 7 years ago)
  • src/wp-admin/css/colors.css

     
    1616  1.0 - General
    1717------------------------------------------------------------------------------*/
    1818
    19 html {
    20         background: #f1f1f1;
    21 }
    2219
    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 
    12020.row-actions {
    12121        color: #ddd;
    12222}
     
    692592        transition: none;
    693593}
    694594
    695 #adminmenu a {
    696         color: #eee;
    697 }
    698 
    699 #adminmenu .awaiting-mod,
    700 #adminmenu .update-plugins,
    701 #sidemenu a .update-plugins,
    702595#rightnow .reallynow {
    703596        background-color: #d54e21;
    704597        color: #fff;
     
    708601        color: #fff;
    709602}
    710603
    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 
    717604div#media-upload-header,
    718605div#plugin-information-header {
    719606        background-color: #f9f9f9;
     
    11631050        border-color: #ddd;
    11641051}
    11651052
    1166 /* menu */
    1167 #adminmenuback,
    1168 #adminmenuwrap,
    1169 #adminmenu {
    1170         background-color: #222;
    1171 }
    11721053
    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 
    13021054/* Collapse button in theme preview */
    13031055
    13041056.wp-full-overlay a.collapse-sidebar {
  • 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] {
     
    320329input[type=checkbox]:checked:before {
    321330        content: '\f147';
    322331        margin: -3px 0 0 -4px;
     332        color: #1e8cbe;
    323333}
    324334
    325335input[type=radio]:checked:before {
     
    331341        height: 6px;
    332342        margin: 4px;
    333343        line-height: 16px;
     344        background-color: #1e8cbe;
    334345}
    335346
    336347@-moz-document url-prefix() {
     
    363374        padding: 0;
    364375}
    365376
     377html {
     378        background: #f1f1f1;
     379}
     380
    366381body {
    367382        font-family: "Open Sans", sans-serif;
    368383        font-size: 13px;
     
    850865        padding-right: 0;
    851866}
    852867
    853 html,
    854868.wp-dialog {
    855869        background-color: #fff;
    856870}
     
    904918   color: #a9a9a9;
    905919}
    906920
     921/* Helper classes for plugins to leverage the active WordPress color scheme */
     922
     923.wp-ui-primary {
     924        color: #fff;
     925        background-color: #333;
     926}
     927.wp-ui-text-primary {
     928        color: #333;
     929}
     930
     931.wp-ui-highlight {
     932        color: white;
     933        background-color: #1e8cbe;
     934}
     935.wp-ui-text-highlight {
     936        color: #1e8cbe;
     937}
     938
     939.wp-ui-notification {
     940        color: #fff;
     941        background-color: #D54E21;
     942}
     943.wp-ui-text-notification {
     944        color: #D54E21;
     945}
     946
     947.wp-ui-text-icon {
     948        color: #999;
     949}
     950
    907951/*------------------------------------------------------------------------------
    908952  1.0 - Text Styles
    909953------------------------------------------------------------------------------*/
     
    947991/* New Menu icons */
    948992
    949993.icon16:before {
     994        color: #999;
    950995        font: normal 20px/1 'dashicons';
    951996        speak: none;
    952997        padding: 6px 0;
     
    17411786        display: block;
    17421787        line-height: 18px;
    17431788        padding: 2px 5px;
     1789        color: #eee;
    17441790}
    17451791
    17461792#adminmenu li.menu-top {
     
    17631809.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    17641810        padding: 7px 0 8px;
    17651811        z-index: 9999;
     1812        background-color: #333;
     1813
     1814        -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
     1815        box-shadow:         0 3px 5px rgba(0,0,0,0.2);
    17661816}
    17671817
     1818#adminmenu .wp-submenu a,
     1819.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
     1820.folded #adminmenu .wp-has-current-submenu .wp-submenu a {
     1821        color: #bbb;
     1822}
     1823
    17681824.js #adminmenu .sub-open,
    17691825.js #adminmenu .opensub .wp-submenu,
    17701826#adminmenu a.menu-top:focus + .wp-submenu,
     
    17871843        margin-top: 0;
    17881844        -webkit-box-shadow: none;
    17891845        box-shadow: none;
     1846        background-color: #333;
    17901847}
    17911848
     1849#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
     1850#adminmenu li.current a.menu-top,
     1851.folded #adminmenu li.wp-has-current-submenu,
     1852.folded #adminmenu li.current.menu-top,
     1853#adminmenu .wp-menu-arrow,
     1854#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
     1855#adminmenu .wp-menu-arrow div {
     1856        background: #0074a2;
     1857        color: #fff;
     1858}
     1859
    17921860.folded #adminmenu .wp-submenu.sub-open,
    17931861.folded #adminmenu .opensub .wp-submenu,
    17941862.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
     
    18191887        padding: 6px 0;
    18201888}
    18211889
     1890#adminmenu .wp-submenu li.current,
     1891#adminmenu .wp-submenu li.current a,
     1892#adminmenu .opensub .wp-submenu li.current a,
     1893#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
     1894#adminmenu .wp-submenu li.current a:hover,
     1895#adminmenu .wp-submenu li.current a:focus {
     1896        color: #fff;
     1897}
     1898
    18221899#adminmenu .wp-not-current-submenu li > a,
    18231900.folded #adminmenu .wp-has-current-submenu li > a {
    18241901        padding-right: 16px;
     
    18951972        transition: all .1s ease-in-out;
    18961973}
    18971974
     1975#adminmenu div.wp-menu-image:before {
     1976        color: #999;
     1977}
     1978
     1979#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
     1980#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
     1981#adminmenu .current div.wp-menu-image:before,
     1982#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
     1983#adminmenu a.current:hover div.wp-menu-image:before {
     1984        color: #fff;
     1985}
     1986
     1987#adminmenu li:hover div.wp-menu-image:before {
     1988        color: #2ea2cc;
     1989}
     1990
    18981991.folded #adminmenu div.wp-menu-image {
    18991992        width: 35px;
    19001993        height: 30px;
     
    19392032ul#adminmenu a.wp-has-current-submenu:after,
    19402033ul#adminmenu > li.current > a.current:after {
    19412034        right: 0;
    1942         border: solid transparent;
     2035        border: solid 8px transparent;
    19432036        content: " ";
    19442037        height: 0;
    19452038        width: 0;
    19462039        position: absolute;
    19472040        pointer-events: none;
    1948         border-width: 8px;
     2041        border-right-color: #f1f1f1;
    19492042        top: 50%;
    19502043        margin-top: -8px;
    19512044}
     
    19802073        top: 18px;
    19812074}
    19822075
     2076#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
     2077        border-right-color: #333;
     2078}
     2079
    19832080/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
    19842081#adminmenu li.menu-top:hover,
    19852082#adminmenu li.opensub > a.menu-top,
    19862083#adminmenu li > a.menu-top:focus {
    19872084        position: relative;
     2085        background-color: #111;
    19882086}
    19892087
    19902088.folded #adminmenu li.menu-top:hover,
     
    20002098}
    20012099
    20022100#adminmenu li.wp-menu-separator {
    2003         height: 3px;
     2101        height: 5px;
    20042102        padding: 0;
    20052103        margin: 0 0 6px 0;
    2006         border-width: 1px 0;
    2007         border-style: solid;
    20082104        cursor: inherit;
    20092105}
    20102106
     2107/* is this even needed given that it's nested beneath the above li.wp-menu-separator? */
    20112108#adminmenu div.separator {
    2012         height: 1px;
     2109        height: 2px;
    20132110        padding: 0;
    2014         border-width: 1px 0 0 0;
    2015         border-style: solid;
    20162111}
    20172112
    20182113#adminmenu .wp-submenu .wp-submenu-head {
     2114        color: #fff;
    20192115        font-weight: 400;
    20202116        font-size: 14px;
    20212117        padding: 8px 4px 8px 11px;
     
    20312127#adminmenu span.update-plugins,
    20322128#sidemenu li a span.update-plugins {
    20332129        display: inline-block;
     2130        background-color: #d54e21;
     2131        color: #fff;
    20342132        font-size: 9px;
    20352133        line-height: 17px;
    20362134        font-weight: 600;
     
    20482146        padding: 0 6px;
    20492147}
    20502148
     2149#adminmenu li.current a .awaiting-mod,
     2150#adminmenu      li a.wp-has-current-submenu .update-plugins {
     2151        background-color: #2ea2cc;
     2152        color: #fff;
     2153}
     2154
    20512155#adminmenu li span.count-0,
    20522156#sidemenu li a .count-0 {
    20532157        display: none;
     
    20572161        font-size: 13px;
    20582162        line-height: 34px;
    20592163        margin-top: 10px;
     2164        color: #aaa;
     2165        -webkit-transition: all .1s ease-in-out;
     2166        -moz-transition:    all .1s ease-in-out;
     2167        transition:         all .1s ease-in-out;
    20602168}
    20612169
     2170#adminmenu #collapse-menu:hover,
     2171#collapse-menu:hover #collapse-button div:after {
     2172        color: #2ea2cc;
     2173}
     2174
    20622175.folded #collapse-menu span {
    20632176        display: none;
    20642177}
     
    20892202        line-height: 15px;
    20902203        left: -3px;
    20912204        top: -3px;
     2205        color: #aaa;
    20922206        font: normal 20px/1 'dashicons' !important;
    20932207        speak: none;
    20942208        margin: 0 auto;