WordPress.org

Make WordPress Core

Changeset 22460


Ignore:
Timestamp:
11/08/2012 12:57:27 AM (6 years ago)
Author:
nacin
Message:

Blue style fixes and updates. props melchoyce. see #22248.

Location:
trunk/wp-admin/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/colors-classic.css

    r22458 r22460  
    5454div.dashboard-widget,
    5555#dashboard-widgets p.dashboard-widget-links {
    56     border-color: #D1E5EE
     56    border-color: #d1e5ee;
    5757}
    5858
     
    7272#postcustomstuff table {
    7373    border-color: #dfdfdf;
    74     background-color: #F9F9F9;
     74    background-color: #f9f9f9;
    7575}
    7676
    7777#postcustomstuff thead th {
    78     background-color: #F1F1F1;
     78    background-color: #f1f1f1;
    7979}
    8080
     
    8686
    8787.widefat {
    88     border-color: #D1E5EE;
     88    border-color: #d1e5ee;
    8989    background-color: #fff;
    9090}
     
    169169.form-wrap label {
    170170    color: #222;
    171     text-shadow: 0 1px 0 #fff;
     171    text-shadow: #fff 0 1px 0;
    172172}
    173173
     
    411411
    412412a.page-numbers {
    413     border-bottom-color: #B8D3E2;
     413    border-bottom-color: #b8d3e2;
    414414}
    415415
     
    421421.widefat th {
    422422    border-top-color: #fff;
    423     border-bottom-color: #D0DFE9;
     423    border-bottom-color: #d0dfe9;
    424424}
    425425
     
    546546}
    547547
     548.imgedit-group,
    548549#media-items .media-item,
    549 .media-item .describe,
    550 .imgedit-group {
     550.media-item .describe {
    551551    border-color: #dfdfdf;
    552552}
     
    563563.plugins .inactive td,
    564564tr.inactive + tr.plugin-update-tr .plugin-update {
    565     background-color: #f4f4f4;
     565    background-color: #f7fcfe;
    566566}
    567567
     
    578578
    579579.plugins .inactive a {
    580     color: #557799;
     580    color: #579;
    581581}
    582582
     
    608608
    609609.welcome-panel {
    610     background: #f7fcfe;
     610    background: #f5fafd;
     611    background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe));
     612    background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe);
     613    background-image:    -moz-linear-gradient(bottom, #eff8ff, #f7fcfe);
     614    background-image:      -o-linear-gradient(bottom, #eff8ff, #f7fcfe);
     615    background-image: linear-gradient(to top, #eff8ff, #f7fcfe);
    611616    border-color: #d1e5ee;
    612617}
     
    638643.postbox,
    639644.menu-item-settings {
    640     background-color: #f7fcfe;
     645    background: #f5fafd;
     646    background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe));
     647    background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe);
     648    background-image:    -moz-linear-gradient(bottom, #eff8ff, #f7fcfe);
     649    background-image:      -o-linear-gradient(bottom, #eff8ff, #f7fcfe);
     650    background-image: linear-gradient(to top, #eff8ff, #f7fcfe);
    641651}
    642652
     
    686696}
    687697
     698#screen-meta {
     699    background-color: #eff8ff;
     700    border-color: #d1e5ee;
     701    -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
     702    box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
     703}
     704
     705#contextual-help-back {
     706    background: #fff;
     707}
     708
     709.contextual-help-tabs a:hover {
     710    background-color: #ceeaff;
     711    color: #333;
     712}
     713
     714#contextual-help-back,
     715.contextual-help-tabs .active {
     716    border-color: #d1e5ee;
     717}
     718
     719.contextual-help-tabs .active,
     720.contextual-help-tabs .active a,
     721.contextual-help-tabs .active a:hover {
     722    background: #fff;
     723    color: #000;
     724}
     725
     726/* screen options and help tabs */
     727#screen-options-link-wrap,
     728#contextual-help-link-wrap {
     729    border-right: 1px solid #d1e5ee;
     730    border-left: 1px solid #d1e5ee;
     731    border-bottom: 1px solid #d1e5ee;
     732    background: #eff8ff;
     733    background-image: -webkit-gradient(linear, left bottom, left top, from(#def1ff), to(#eff8ff));
     734    background-image: -webkit-linear-gradient(bottom, #def1ff, #eff8ff);
     735    background-image:    -moz-linear-gradient(bottom, #def1ff, #eff8ff);
     736    background-image:      -o-linear-gradient(bottom, #def1ff, #eff8ff);
     737    background-image: linear-gradient(to top, #def1ff, #eff8ff);
     738}
     739
     740#screen-meta-links a {
     741    color: #606060;
     742    background: transparent url(../images/arrows.png) no-repeat right 4px;
     743}
     744
     745#screen-meta-links a:hover,
     746#screen-meta-links a:active {
     747    color: #000;
     748    background-color: transparent;
     749}
     750
     751#screen-meta-links a.screen-meta-active {
     752    background-position: right -31px;
     753}
     754
     755/* end screen options and help tabs */
     756
    688757.login #backtoblog a {
    689758    color: #464646;
     
    691760
    692761#wphead {
    693     border-bottom:#d0dfe9 1px solid;
     762    border-bottom: 1px solid #d0dfe9;
    694763}
    695764
     
    872941#adminmenuback,
    873942#adminmenuwrap {
    874     background-color: #EFF8FF;
    875     border-color: #D1E5EE;
     943    background-color: #eff8ff;
     944    border-color: #d1e5ee;
    876945}
    877946
     
    884953
    885954#adminmenu li.wp-menu-separator {
    886     background: #D1E5EE;
     955    background: #d1e5ee;
    887956    border-color: #bed1dd;
    888957}
    889958
    890959#adminmenu div.separator {
    891     border-color: #D1E5EE;
     960    border-color: #d1e5ee;
    892961}
    893962
    894963#adminmenu a.menu-top,
    895964#adminmenu .wp-submenu .wp-submenu-head {
    896     border-top-color: #ffffff;
     965    border-top-color: #fff;
    897966    border-bottom-color: #cae6ff;
    898967}
     
    902971}
    903972
    904 #adminmenu a.menu-top:hover,
     973#adminmenu li.menu-top:hover,
    905974#adminmenu li.opensub > a.menu-top,
    906975#adminmenu li > a.menu-top:focus {
     
    9591028    text-shadow: 0 -1px 0 #333;
    9601029    color: #fff;
    961     border-top-color: #5A8FAD;
    962     border-bottom-color: #5589AA;
     1030    border-top-color: #5a8fad;
     1031    border-bottom-color: #5589aa;
    9631032}
    9641033
    9651034.folded #adminmenu li.wp-has-current-submenu,
    9661035.folded #adminmenu li.current.menu-top {
    967     border-top-color: #5A8FAD;
    968     border-bottom-color: #5589AA;
     1036    border-top-color: #5a8fad;
     1037    border-bottom-color: #5589aa;
    9691038}
    9701039
    9711040#adminmenu .wp-submenu a:hover,
    9721041#adminmenu .wp-submenu a:focus {
    973     background-color: #EFF8FF;
     1042    background-color: #eff8ff;
    9741043    color: #333;
    9751044}
     
    9971066/* collapse menu button */
    9981067#collapse-menu {
    999     color: #A0C3D5;
     1068    color: #a0c3d5;
    10001069    border-top-color: #f9f9f9;
    10011070}
    10021071
    10031072#collapse-menu:hover {
    1004     color: #5A8FAD;
     1073    color: #5a8fad;
    10051074}
    10061075
     
    10161085
    10171086#collapse-menu:hover #collapse-button {
    1018     border-color: #A0C3D5;
     1087    border-color: #a0c3d5;
    10191088}
    10201089
    10211090#collapse-button div {
    10221091    background: transparent url(../images/arrows-vs.png) no-repeat 0 -72px;
    1023 
    10241092}
    10251093
     
    10321100    .auto-fold #adminmenu li.wp-has-current-submenu,
    10331101    .auto-fold #adminmenu li.current.menu-top {
    1034         background-color: #5589AA;
    1035         background-image: -webkit-gradient(linear, left bottom, left top, from(#5589AA), to(#619bbb));
    1036         background-image: -webkit-linear-gradient(bottom, #5589AA, #619bbb);
    1037         background-image: -moz-linear-gradient(bottom, #5589AA, #619bbb);
    1038         background-image: -o-linear-gradient(bottom, #5589AA, #619bbb);
    1039         background-image: linear-gradient(bottom, #5589AA, #619bbb);
     1102        background-color: #5589aa;
     1103        background-image: -webkit-gradient(linear, left bottom, left top, from(#5589aa), to(#619bbb));
     1104        background-image: -webkit-linear-gradient(bottom, #5589aa, #619bbb);
     1105        background-image: -moz-linear-gradient(bottom, #5589aa, #619bbb);
     1106        background-image: -o-linear-gradient(bottom, #5589aa, #619bbb);
     1107        background-image: linear-gradient(bottom, #5589aa, #619bbb);
    10401108    }
    10411109
    10421110    .auto-fold #adminmenu li.wp-has-current-submenu,
    10431111    .auto-fold #adminmenu li.current.menu-top {
    1044         border-top-color: #5A8FAD;
    1045         border-bottom-color: #5589AA;
     1112        border-top-color: #5a8fad;
     1113        border-bottom-color: #5589aa;
    10461114    }
    10471115
     
    10491117    .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    10501118        background-color: #fff;
    1051         border-color: #D0DFE9;
     1119        border-color: #d0dfe9;
    10521120        -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
    10531121        box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
     
    13691437
    13701438#att-info {
    1371     background-color: #E4F2FD;
     1439    background-color: #e4f2fd;
    13721440}
    13731441
     
    13821450    background-color: #fff;
    13831451    border-color: #dfdfdf #dfdfdf #fff;
    1384     color: #D54E21;
    1385 }
    1386 
    1387 #screen-meta {
    1388     background-color: #EFF8FF;
    1389     border-color: #D1E5EE;
    1390     -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
    1391     box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 );
    1392 }
    1393 
    1394 #contextual-help-back {
    1395     background: #fff;
    1396 }
    1397 
    1398 .contextual-help-tabs a:hover {
    1399     background-color: #ceeaff;
    1400     color: #333;
    1401 }
    1402 
    1403 #contextual-help-back,
    1404 .contextual-help-tabs .active {
    1405     border-color: #D1E5EE;
    1406 }
    1407 
    1408 .contextual-help-tabs .active,
    1409 .contextual-help-tabs .active a,
    1410 .contextual-help-tabs .active a:hover {
    1411     background: #fff;
    1412     color: #000;
    1413 }
    1414 
    1415 /* screen options and help tabs */
    1416 #screen-options-link-wrap,
    1417 #contextual-help-link-wrap {
    1418     border-right: 1px solid #D1E5EE;
    1419     border-left: 1px solid #D1E5EE;
    1420     border-bottom: 1px solid #D1E5EE;
    1421     background: #eff8ff;
    1422     background-image: -webkit-gradient(linear, left bottom, left top, from(#def1ff), to(#eff8ff));
    1423     background-image: -webkit-linear-gradient(bottom, #def1ff, #eff8ff);
    1424     background-image:    -moz-linear-gradient(bottom, #def1ff, #eff8ff);
    1425     background-image:      -o-linear-gradient(bottom, #def1ff, #eff8ff);
    1426     background-image: linear-gradient(to top, #def1ff, #eff8ff);
    1427 }
    1428 
    1429 #screen-meta-links a {
    1430     color: #606060;
    1431     background: transparent url(../images/arrows.png) no-repeat right 4px;
    1432 }
    1433 
    1434 #screen-meta-links a:hover,
    1435 #screen-meta-links a:active {
    1436     color: #000;
    1437     background-color: transparent;
    1438 }
    1439 
    1440 #screen-meta-links a.screen-meta-active {
    1441     background-position: right -31px;
    1442 }
    1443 
    1444 /* end screen options and help tabs */
     1452    color: #d54e21;
     1453}
    14451454
    14461455#replyerror {
     
    14531462.vim-current th,
    14541463.vim-current td {
    1455     background-color: #E4F2FD !important;
     1464    background-color: #e4f2fd !important;
    14561465}
    14571466
     
    14801489
    14811490.inline-editor div.title {
    1482     background-color: #EAF3FA;
     1491    background-color: #eaf3fa;
    14831492}
    14841493
     
    15021511
    15031512.attention {
    1504     color: #D54E21;
     1513    color: #d54e21;
    15051514}
    15061515
     
    15571566
    15581567.misc-pub-section {
    1559     border-top-color: #fff;
     1568    border-top-color: #fff;
    15601569    border-bottom-color: #eee;
    15611570}
     
    16181627.feature-filter {
    16191628    background-color: #fff;
    1620     border-color: #DFDFDF;
     1629    border-color: #dfdfdf;
    16211630}
    16221631
     
    17151724
    17161725#menu-management .nav-tabs-arrow a {
    1717     color: #C1C1C1;
     1726    color: #c1c1c1;
    17181727}
    17191728
    17201729#menu-management .nav-tabs-arrow a:hover {
    1721     color: #D54E21;
     1730    color: #d54e21;
    17221731}
    17231732
     
    17401749
    17411750#cancel-save {
    1742     color: #ff0000;
     1751    color: #f00;
    17431752}
    17441753
    17451754#cancel-save:hover {
    1746     background-color: #FF0000;
     1755    background-color: #f00;
    17471756    color: #fff;
    17481757}
     
    17621771
    17631772.item-type { /* Menu item controls */
    1764     color: #999999;
     1773    color: #999;
    17651774}
    17661775
    17671776.item-controls .menu-item-delete:hover {
    1768     color: #ff0000;
     1777    color: #f00;
    17691778}
    17701779
     
    18031812
    18041813.submitbox .submitcancel {
    1805     color: #21759B;
    1806     border-bottom-color: #21759B;
     1814    color: #21759b;
     1815    border-bottom-color: #21759b;
    18071816}
    18081817
    18091818.submitbox .submitcancel:hover {
    1810     background: #21759B;
     1819    background: #21759b;
    18111820    color: #fff;
    18121821}
     
    18281837    color: #777;
    18291838}
     1839
    18301840/* custom header & background pages */
    18311841
     
    18371847.wp-fullscreen-focus #wp-fullscreen-title,
    18381848.wp-fullscreen-focus #wp-fullscreen-container {
    1839     border-color: #BED1DD;
     1849    border-color: #bed1dd;
    18401850}
    18411851
    18421852#fullscreen-topbar {
    1843     border-bottom-color: #D1E5EE;
     1853    border-bottom-color: #d1e5ee;
    18441854}
    18451855
     
    18611871
    18621872.about-wrap h2 .nav-tab {
    1863     color: #21759B;
     1873    color: #21759b;
    18641874}
    18651875
    18661876.about-wrap h2 .nav-tab:hover {
    18671877    color: #d54e21;
    1868 
    18691878}
    18701879
     
    18901899.about-wrap .feature-section img {
    18911900    background: #fff;
    1892     border: 1px solid #ccc;
    1893 
     1901    border: 1px #ccc solid;
    18941902    -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.3 );
    18951903    box-shadow:         0 1px 3px rgba( 0, 0, 0, 0.3 );
    18961904}
    18971905
     1906.about-wrap h4.wp-people-group {
     1907    text-shadow: 1px 1px 1px #fff;
     1908}
     1909
    18981910.about-wrap .point-releases {
    18991911    border-bottom: 1px solid #dfdfdf;
     
    19061918.about-wrap .point-releases h3:first-child {
    19071919    border: 0;
    1908 }
    1909 
    1910 .about-wrap h4.wp-people-group {
    1911     text-shadow: 1px 1px 1px #fff;
    19121920}
    19131921
     
    19251933    color: #999;
    19261934}
     1935
    19271936.freedoms-php .about-wrap ol p {
    19281937    color: #464646;
     
    19831992/* Auto-folding of the admin menu for RTL */
    19841993@media only screen and (max-width: 900px) {
     1994    .rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
    19851995    .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
    19861996        -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
     
    20412051    .rtl .meta-box-sortables .postbox:hover .handlediv,
    20422052    .rtl .sidebar-name-arrow {
    2043 
    20442053        background-image: url("../images/arrows-vs-2x.png?ver=20120916");
    20452054        background-size: 15px 123px;
  • trunk/wp-admin/css/colors-fresh.css

    r22458 r22460  
    7272#postcustomstuff table {
    7373    border-color: #dfdfdf;
    74     background-color: #F9F9F9;
     74    background-color: #f9f9f9;
    7575}
    7676
    7777#postcustomstuff thead th {
    78     background-color: #F1F1F1;
     78    background-color: #f1f1f1;
    7979}
    8080
     
    407407
    408408a.page-numbers {
    409     border-bottom-color: #B8D3E2;
     409    border-bottom-color: #b8d3e2;
    410410}
    411411
     
    574574
    575575.plugins .inactive a {
    576     color: #557799;
     576    color: #579;
    577577}
    578578
     
    683683
    684684#update-nag, .update-nag {
    685     background-color: #FFFBCC;
    686     border-color: #E6DB55;
     685    background-color: #fffbcc;
     686    border-color: #e6db55;
    687687    color: #555;
    688688}
     
    751751
    752752#wphead {
    753     border-bottom:#dfdfdf 1px solid;
     753    border-bottom: #dfdfdf 1px solid;
    754754}
    755755
     
    899899    border-top-color: #f9f9f9;
    900900    border-bottom-color: #dfdfdf;
    901     background: #E4E4E4;
     901    background: #e4e4e4;
    902902}
    903903
    904904#adminmenu li.wp-not-current-submenu .wp-menu-arrow div {
    905     background: #E4E4E4;
     905    background: #e4e4e4;
    906906    border-color: #ccc;
    907907}
     
    928928#adminmenu .wp-submenu a:hover,
    929929#adminmenu .wp-submenu a:focus {
    930     background-color: #EAF2FA;
     930    background-color: #eaf2fa;
    931931    color: #333;
    932932}
     
    13261326
    13271327#att-info {
    1328     background-color: #E4F2FD;
     1328    background-color: #e4f2Fd;
    13291329}
    13301330
     
    13391339    background-color: #fff;
    13401340    border-color: #dfdfdf #dfdfdf #fff;
    1341     color: #D54E21;
     1341    color: #d54e21;
    13421342}
    13431343
     
    13781378
    13791379.inline-editor div.title {
    1380     background-color: #EAF3FA;
     1380    background-color: #eaf3fa;
    13811381}
    13821382
     
    14001400
    14011401.attention {
    1402     color: #D54E21;
     1402    color: #d54e21;
    14031403}
    14041404
     
    15161516.feature-filter {
    15171517    background-color: #fff;
    1518     border-color: #DFDFDF;
     1518    border-color: #dfdfdf;
    15191519}
    15201520
     
    16131613
    16141614#menu-management .nav-tabs-arrow a {
    1615     color: #C1C1C1;
     1615    color: #c1c1c1;
    16161616}
    16171617
    16181618#menu-management .nav-tabs-arrow a:hover {
    1619     color: #D54E21;
     1619    color: #d54e21;
    16201620}
    16211621
     
    16381638
    16391639#cancel-save {
    1640     color: #ff0000;
     1640    color: #f00;
    16411641}
    16421642
    16431643#cancel-save:hover {
    1644     background-color: #FF0000;
     1644    background-color: #f00;
    16451645    color: #fff;
    16461646}
     
    16571657
    16581658.item-type { /* Menu item controls */
    1659     color: #999999;
     1659    color: #999;
    16601660}
    16611661
    16621662.item-controls .menu-item-delete:hover {
    1663     color: #ff0000;
     1663    color: #f00;
    16641664}
    16651665
     
    16981698
    16991699.submitbox .submitcancel {
    1700     color: #21759B;
    1701     border-bottom-color: #21759B;
     1700    color: #21759b;
     1701    border-bottom-color: #21759b;
    17021702}
    17031703
    17041704.submitbox .submitcancel:hover {
    1705     background: #21759B;
     1705    background: #21759b;
    17061706    color: #fff;
    17071707}
     
    17411741
    17421742.about-wrap h2 .nav-tab {
    1743     color: #21759B;
     1743    color: #21759b;
    17441744}
    17451745
     
    17931793    -webkit-box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
    17941794    box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 );
    1795 
    1796 }
     1795}
     1796
    17971797.about-wrap li.wp-person .title {
    17981798    color: #464646;
     
    18021802.freedoms-php .about-wrap ol li {
    18031803    color: #999;
    1804 
    1805 }
     1804}
     1805
    18061806.freedoms-php .about-wrap ol p {
    18071807    color: #464646;
Note: See TracChangeset for help on using the changeset viewer.