WordPress.org
Get WordPress

Make WordPress Core

Changeset 26293


Ignore:
Timestamp:
11/20/2013 10:47:25 PM (11 years ago)
Author:
iammattthomas
Message:

Making improvements to new styles added in the MP6 merge, and addressing visual feedback from core team.

Improved and more consistent styling on the widgets & menus pages:

  • Use the same visual treatment for both widgets and menus.
  • Re-use existing styles from input:focus for draggable elements.
  • Use the standard H3 size for widget area titles.
  • Re-style the Widgets page drop zone to match drop zone from dashboard.
  • Replace the gear icon on Widgets with the standard open/close arrows.
  • Remove "Choose a sidebar" header from widget area chooser.

Make open/close arrows more consistent:

  • Use the same arrow direction everywhere: pointing down when its container is closed, pointing up when open (following the Dashboard example).
  • Set a consistent color for open/close arrows.
  • Add a hover color for open/close arrows.
  • Make open/close arrows permanently visible; :hover states don't exist on touch.

Make typography and color more consistent:

  • Switch all declarations of #dedede to #ddd for simplicity's sake.
  • Make H3s the same weight and color as H2s.
  • Make select elements the same color as text inputs.
  • Make paragraph text #444 so it doesn't look washed out on grey backgrounds.

General improvements:

  • Eliminate the border between rows in settings tables.
  • Make text and buttons line up in the Customizer.

See #25858.

Location:
trunk/src/wp-admin
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/css/colors-fresh.css

    r26289 r26293  
    162162.form-table .pre,
    163163.ui-autocomplete li a {
    164     color: #555;
     164    color: #444;
    165165}
    166166
    … …  
    274274.titlewrap input,
    275275select {
    276     border-color: #dedede;
     276    border-color: #ddd;
    277277}
    278278
    … …  
    298298input[type="checkbox"]:focus,
    299299input[type="radio"]:focus,
    300 select:focus {
     300select:focus,
     301#widgets-left .widget-in-question .widget-top,
     302#available-widgets .widget-top:hover,
     303#widgets-right .widget-top:hover,
     304#widgets-left .widget-top:hover,
     305.menu-item-bar .menu-item-handle:hover {
    301306    border-color: #999;
    302307}
    … …  
    370375}
    371376
    372 .form-table th {
    373     border-bottom: 1px solid #dfdfdf;
    374 }
    375 
    376 .form-table td {
    377     border-bottom: 1px solid #dfdfdf;
    378 }
    379377.form-table.editcomment td {
    380378    border-bottom: none;
    … …  
    412410}
    413411
    414 .wrap h2 {
    415     color: #000;
     412h2,
     413h3 {
     414    color: #222;
    416415}
    417416
    … …  
    971970}
    972971
    973 .widget,
    974 #available-widgets .widget-top,
     972.widget-top,
     973.menu-item-handle,
    975974.menu-item-settings,
     975.widget-inside,
    976976.postbox,
    977977#menu-settings-column .accordion-container,
    … …  
    987987.popular-tags,
    988988.feature-filter {
    989     border: 1px solid #dedede;
    990     -webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
    991     box-shadow:         0px 1px 1px -1px rgba(0,0,0,0.1);
     989    border: 1px solid #ddd;
     990    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
     991    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    992992}
    993993
    994994.wp-editor-container {
    995995    border-bottom: none;
    996 }
    997 
    998 #available-widgets .widget,
    999 .widget.ui-sortable-helper {
    1000     -webkit-box-shadow: none;
    1001     box-shadow: none;
    1002996}
    1003997
    … …  
    10221016#namediv h3,
    10231017#submitdiv h3 {
    1024     color: #555;
    10251018    border-bottom: 1px solid #eeeeee;
    10261019}
    … …  
    10281021.widget .widget-top,
    10291022.menu-item-handle {
    1030     background: #e9e9e9;
    1031     color: #333;
    1032 }
    1033 
    1034 .js .sidebar-name:hover h3,
    1035 .js .postbox h3:hover {
    1036     color: #000;
     1023    background: #fafafa;
     1024    color: #222;
    10371025}
    10381026
    … …  
    10701058#screen-meta {
    10711059    background-color: #fff;
    1072     border: 1px solid #dedede;
     1060    border: 1px solid #ddd;
    10731061    border-top: none;
    10741062    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
    … …  
    11061094#screen-options-link-wrap,
    11071095#contextual-help-link-wrap {
    1108     border: 1px solid #dedede;
     1096    border: 1px solid #ddd;
    11091097    border-top: none;
    11101098    background: #fff;
    … …  
    11821170.widget-inside,
    11831171.menu-item-settings {
    1184     background: #eee;
     1172    background: #fff;
     1173}
     1174
     1175.menu-item-settings {
     1176    border-top: none;
    11851177}
    11861178
    … …  
    15011493}
    15021494
    1503 .js .meta-box-sortables .postbox:hover .handlediv:before {
    1504     color: #888;
    1505 }
    1506 
    15071495.tablenav .tablenav-pages {
    15081496    color: #555;
    … …  
    15681556.sortable-placeholder {
    15691557    border-color: #bbb;
    1570     background-color: #f5f5f5;
    15711558}
    15721559
    … …  
    15971584
    15981585#widgets-left #available-widgets {
    1599     background: #fff;
    1600 }
    1601 
    1602 #available-widgets .widget-description {
    1603     color: #555;
     1586    background: transparent;
     1587}
     1588
     1589#widgets-left .widgets-holder-wrap {
     1590    border: none;
     1591    -webkit-box-shadow: none;
     1592    box-shadow: none;
    16041593}
    16051594
    16061595.sidebar-name {
    1607     color: #464646;
    16081596    border-bottom-color: #e1e1e1;
    16091597}
    16101598
    1611 .js .sidebar-name:hover,
    16121599.js #removing-widget {
    16131600    color: #2ea2cc;
    … …  
    16201607.in-widget-title,
    16211608#widgets-right .widget-top a.widget-control-edit,
    1622 #wp_inactive_widgets .in-widget-title {
    1623     color: #777;
     1609#wp_inactive_widgets .in-widget-title,
     1610#available-widgets .widget-description {
     1611    color: #666;
    16241612}
    16251613
    … …  
    17161704}
    17171705
    1718 .widget-top a.widget-action:hover {
    1719     color: #0074a2;
    1720 }
    1721 
    1722 .widget-top a.widget-action:after {
    1723     color: #333;
    1724 }
    1725 
    1726 #wp_inactive_widgets .widget .widget-top a.widget-action {
    1727     color: #ddd;
    1728 }
    1729 
    1730 .nav-menus-php .item-edit:before,
    1731 #wp_inactive_widgets .widget .widget-top a.widget-action:after {
    1732     color: #888;
    1733 }
    1734 
    1735 .control-section .accordion-section-title::after,
    1736 .accordion-section-title::after {
    1737     color: #888;
     1706.widget-action,
     1707.handlediv,
     1708.item-edit,
     1709.sidebar-name-arrow,
     1710.accordion-section-title:after {
     1711    color: #aaa;
     1712}
     1713
     1714.widget-action:hover,
     1715.handlediv:hover,
     1716.item-edit:hover,
     1717.sidebar-name:hover .sidebar-name-arrow,
     1718.accordion-section-title:hover:after {
     1719    color: #777;
    17381720}
    17391721

  • trunk/src/wp-admin/css/customize-controls.css

    r26165 r26293  
    2121#customize-header-actions .button-primary {
    2222    float: right;
    23     margin-top: 10px;
     23    margin-top: 9px;
    2424}
    2525

  • trunk/src/wp-admin/css/wp-admin.css

    r26291 r26293  
    251251    -ms-box-sizing: border-box; /* ie8 only */
    252252    box-sizing: border-box;
    253     -webkit-border-radius: 0;
    254     border-radius: 0;
    255253}
    256254
    … …  
    290288}
    291289
    292 input[type="checkbox"] {
    293     border-radius: 0;
    294 }
    295 
    296290input[type=radio] {
    297291    border-radius: 50%;
    … …  
    493487    font-size: 1.5em;
    494488    margin: .83em 0;
     489    font-weight: 400;
    495490}
    496491
    … …  
    885880input[type="checkbox"]:focus,
    886881input[type="radio"]:focus,
    887 select:focus {
     882select:focus,
     883#widgets-chooser ul,
     884#widgets-left .widget-in-question .widget-top,
     885#available-widgets .widget-top:hover,
     886div#widgets-right .widget-top:hover {
    888887    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    889888    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    … …  
    10891088    line-height: 28px;
    10901089    height: 28px;
    1091     color: #555;
     1090    color: #333;
    10921091    vertical-align: top;
    10931092}
    … …  
    13221321    padding: 10px;
    13231322    clear: both;
    1324     border-top: 1px solid #dedede;
     1323    border-top: 1px solid #ddd;
    13251324    background: #f5f5f5;
    13261325}
    … …  
    23612360
    23622361.metabox-holder .postbox-container .empty-container {
    2363     border: 3px dashed #CCCCCC;
     2362    border: 3px dashed #bbb;
    23642363    height: 250px;
    23652364}
    … …  
    57895788
    57905789.drag-drop #drag-drop-area {
    5791     border: 4px dashed #DDDDDD;
     5790    border: 4px dashed #bbb;
    57925791    height: 200px;
    57935792}
    … …  
    60826081.form-table td {
    60836082    margin-bottom: 9px;
    6084     padding: 18px 10px;
     6083    padding: 15px 10px;
    60856084    line-height: 1.3;
    60866085    font-size: 14px;
    … …  
    67886787.picker-dropdown {
    67896788    background: #fcfcfc;
    6790     border: 1px solid #dedede;
     6789    border: 1px solid #ddd;
    67916790    margin-right: 12%;
    67926791    max-width: 270px;
    … …  
    68346833    top: -11px;
    68356834    z-index: 1;
    6836     border-bottom-color: #dedede;
     6835    border-bottom-color: #ddd;
    68376836}
    68386837
    … …  
    68466845    background: white;
    68476846    text-align: center;
    6848     border: 1px solid #dedede;
     6847    border: 1px solid #ddd;
    68496848    border-left-width: 0;
    68506849    cursor: pointer;
    … …  
    68636862    display: block;
    68646863    padding: 20px;
    6865     border-top: 1px solid #dedede;
     6864    border-top: 1px solid #ddd;
    68666865}
    68676866
    … …  
    75057504    right: 0;
    75067505    height: 45px;
    7507     padding: 0 20px;
     7506    padding: 0 15px;
    75087507    line-height: 45px;
    75097508    z-index: 10;
    … …  
    75157514
    75167515.wp-full-overlay-sidebar .wp-full-overlay-header a.back {
    7517     margin-top: 10px;
     7516    margin-top: 9px;
    75187517}
    75197518
    … …  
    90759074    border: 1px solid #dfdfdf;
    90769075    position: relative;
    9077     padding-left: 10px;
    9078     padding-right: 2px;
     9076    padding: 10px 15px;
    90799077    height: auto;
    9080     width: 400px;
     9078    width: 382px;
    90819079    line-height: 30px;
    90829080    overflow: hidden;
    … …  
    90939091}
    90949092
    9095 .menu-item-edit-active .menu-item-handle {
    9096     -webkit-border-bottom-right-radius: 0;
    9097     -webkit-border-bottom-left-radius: 0;
    9098     border-bottom-right-radius: 0;
    9099     border-bottom-left-radius: 0;
    9100     border-bottom: none;
    9101 }
    9102 
    91039093.no-js .menu-item-edit-active .item-edit {
    91049094    display: none;
    … …  
    91169106    font-size: 13px;
    91179107    font-weight: 600;
    9118     padding: 5px 0;
    91199108    line-height: 20px;
    91209109    display: block;
    … …  
    91809169.item-type {
    91819170    font-size: 12px;
    9182     padding: 7px 10px;
     9171    padding: 12px 10px;
    91839172    line-height: 18px;
    91849173    display: block;
    … …  
    92109199    display: block;
    92119200    width: 30px;
    9212     height: 36px;
     9201    height: 40px;
    92139202    margin-right: 0 !important;
    92149203    text-indent: 100%;
    … …  
    92269215    width: 402px;
    92279216    padding: 10px 0 10px 10px;
     9217    position: relative;
     9218    z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
    92289219}
    92299220
    … …  
    92359226.menu-item-edit-active .menu-item-settings {
    92369227    display: block;
    9237     border-top: none;
    92389228}
    92399229
    92409230.menu-item-edit-inactive .menu-item-settings {
    92419231    display: none;
    9242     border-top: none;
    92439232}
    92449233
    … …  
    96839672}
    96849673
    9685 /* Make the tiny arrow visible on the widgets page at all times */
    9686 .js .widgets-holder-wrap .sidebar-name .sidebar-name-arrow:before {
    9687     color: rgba(136,136,136,.4);
    9688 }
    9689 .js .widgets-holder-wrap .sidebar-name .sidebar-name-arrow:before {
     9674/* Show the arrow only on hover */
     9675.js .sidebar-name .sidebar-name-arrow:before,
     9676.js .meta-box-sortables .postbox .handlediv:before {
    96909677    content: '\f142';
    96919678}
    9692 .js .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow:before {
    9693     content: '\f140';
    9694 }
    9695 
    9696 /* Show the arrow only on hover */
    9697 .js .sidebar-name:hover .sidebar-name-arrow:before,
    9698 .js .meta-box-sortables .postbox:hover .handlediv:before {
    9699     content: '\f142';
    9700     color: #888;
    9701 }
    9702 
    9703 .js .widgets-holder-wrap.closed:hover .sidebar-name-arrow:before,
    9704 .js .meta-box-sortables .postbox.closed:hover .handlediv:before {
     9679
     9680.js .widgets-holder-wrap.closed .sidebar-name-arrow:before,
     9681.js .meta-box-sortables .postbox.closed .handlediv:before {
    97059682    content: '\f140';
    97069683}
    … …  
    100039980    /* min-width: 50%; Not sure if this is needed */
    100049981    position: relative;
    10005     border: none !important; /* ln 991 in colors-fresh.css */
    100069982    box-sizing: border-box;
    100079983    -moz-box-sizing:border-box;
    … …  
    100109986
    100119987.widget-top {
    10012     font-size: 12px;
     9988    font-size: 13px;
    100139989    font-weight: 600;
    100149990    background: #f7f7f7;
    … …  
    100229998.widget-title h4 {
    100239999    margin: 0;
    10024     padding: 18px 15px;
     10000    padding: 15px;
    1002510001    line-height: 1;
    1002610002    overflow: hidden;
    … …  
    1002910005}
    1003010006
    10031 .widget-inside {
    10032     background: #fff !important; /* ln 1204 in colors.fresh.css */
     10007.widgets-holder-wrap .widget-inside {
     10008    border-top: none;
    1003310009    padding: 1px 15px 15px 15px;
    1003410010    line-height: 16px;
    … …  
    1004310019
    1004410020.widget.ui-sortable-helper {
    10045     border: 1px solid #DEDEDE;
    10046     border-radius: 3px;
    10047     box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    1004810021    opacity: 0.8;
    1004910022    z-index: 2000;
    … …  
    1005110024
    1005210025.widget-placeholder {
    10053     border: 1px solid #dedede;
    10054     margin: auto auto -1px;
     10026    border: 1px dashed #bbb;
     10027    margin: 10px 0;
    1005510028    height: 50px;
    1005610029    width: 100%;
    10057     background: #eee;
    10058     box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
    1005910030    -webkit-box-sizing: border-box;
    1006010031    -moz-box-sizing: border-box;
    … …  
    1007310044.sidebar-name-arrow {
    1007410045    position: absolute;
    10075         top: 0;
    10076         right: 0;
    10077         bottom: 0;
     10046    top: 0;
     10047    right: 0;
     10048    bottom: 0;
    1007810049}
    1007910050
    … …  
    1008310054
    1008410055.sidebar-name h3 {
    10085     font-weight: normal;
    10086     font-size: 15px;
    1008710056    margin: 0;
    1008810057    padding: 8px 10px;
    … …  
    1009510064    margin: 0;
    1009610065    font-style: normal;
    10097     font-size: 12px;
    1009810066    color: #777;
     10067}
     10068
     10069#available-widgets.widgets-holder-wrap .description {
     10070    padding-bottom: 10px;
    1009910071}
    1010010072
    … …  
    1010410076    width: 38%;
    1010510077    float: left;
    10106     border-right: 2px solid #ccc;
    1010710078}
    1010810079
    … …  
    1011510086
    1011610087div#widgets-left {
    10117     margin: 0;
    10118     padding: 12px 5% 0 0;
     10088    padding-top: 12px;
    1011910089}
    1012010090
    … …  
    1012710097    padding: 10px 0;
    1012810098    margin: 0 10px 0 0;
    10129 }
    10130 
    10131 div#widgets-left .sidebar-name:hover h3 {
    10132     color: #464646;
    1013310099}
    1013410100
    … …  
    1013710103    top: 4px;
    1013810104    padding: 4px 6px 4px 4px;
    10139     border-radius: 20px;
    10140 }
    10141 
    10142 div#widgets-left .sidebar-name:hover .sidebar-name-arrow:before {
    10143     background: #ccc;
    10144 }
    10145 
    10146 div#widgets-left .closed .sidebar-name .sidebar-name-arrow:before {
    10147     background: #999;
    10148     color: #fff;
    1014910105}
    1015010106
    … …  
    1015410110}
    1015510111
    10156 #available-widgets {
    10157     background: transparent !important; /* ln 1620 colors-fresh.css */
    10158     margin: 0;
    10159     border-radius: none;
    10160     box-shadow: none;
    10161     border: none;
    10162 }
    10163 
    1016410112#available-widgets .widget-title-action {
    1016510113    display: none;
    … …  
    1016710115
    1016810116#available-widgets .widget {
    10169     margin: 10px 0 0 0;
    10170     background: #ddd;
    10171     border-radius: 3px;
    10172 }
     10117    margin: 0;
     10118}
     10119
    1017310120#available-widgets .widget:nth-child(odd) {
    1017410121    clear: both;
    1017510122}
    1017610123
    10177 #available-widgets .widget-top {
    10178     border-radius: 3px;
    10179     background: #ffffff; /* ln 1047 in colors-fresh.css */
    10180     border: 1px solid #bbb !important; /* ln 991 in colors-fresh.css */
    10181 }
    10182 
    10183 #available-widgets .widget-top:hover {
    10184     border-color: #999 !important; /* ln 991 in colors-fresh.css */
    10185     box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    10186 }
    10187 
    1018810124#available-widgets .widget .widget-description {
    1018910125    display: block;
    10190     padding: 10px 16px;
     10126    padding: 10px 15px;
    1019110127    font-size: 12px;
    1019210128}
    … …  
    1020710143}
    1020810144
    10209 #widgets-left .inactive-sidebar .widget {
    10210     margin: 10px 0 0 0;
    10211 }
    10212 
    10213 #widgets-left .inactive-sidebar .widget-inside {
    10214     -webkit-border-bottom-right-radius: 3px;
    10215     -webkit-border-bottom-left-radius: 3px;
    10216     -moz-border-radius-bottomright: 3px;
    10217     -moz-border-radius-bottomleft: 3px;
    10218     border-bottom-right-radius: 3px;
    10219     border-bottom-left-radius: 3px;
    10220     background: #dfdfdf;
    10221 }
    10222 
    10223 #widgets-left .inactive-sidebar .widget-top {
    10224     background: #fff !important; /* ln 991 in colors-fresh.css */
    10225     border: 1px solid #bbb !important; /* ln 991 in colors-fresh.css */
    10226     border-radius: 3px;
    10227 }
    10228 
    10229 #widgets-left .inactive-sidebar .widget-top:hover {
    10230     border-color: #999 !important; /* ln 991 in colors-fresh.css */
    10231     box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    10232 }
    10233 
    1023410145/* Not sure what this is for... */
    1023510146div#widgets-left .inactive-sidebar .widget.expanded {
    … …  
    1023710148}
    1023810149
    10239 #widgets-left .inactive-sidebar .widget-title-action {
     10150.widget-title-action {
    1024010151    float: right;
    1024110152    position: relative;
    10242     top: 13px;
     10153    top: 11px;
    1024310154    right: 10px;
    1024410155}
    1024510156
     10157div#widgets-right a.widget-action:after,
    1024610158div#widgets-left .inactive-sidebar .widget-action:after {
    10247     content: '\f111';
    10248     color: #888;
     10159    content: '\f140';
    1024910160}
    1025010161
    … …  
    1025710168}
    1025810169
    10259 div#widgets-left .inactive-sidebar .widget-placeholder {
    10260     border: 1px solid #ccc;
    10261     margin: 10px 0 0;
    10262     height: 50px;
    10263     width: 100%;
    10264     border-radius: 3px;
    10265     background: #e7e7e7;
    10266     box-shadow: inset 0 1px 2px rgba(0,0,0,0.05);
    10267     -webkit-box-sizing: border-box;
    10268     -moz-box-sizing: border-box;
    10269     box-sizing: border-box;
    10270 }
    10271 
    1027210170/* Widgets Right */
    1027310171
    … …  
    1028610184div#widgets-right .widget {
    1028710185    margin: 0 auto;
    10288     border: 1px solid #dedede !important; /* ln 991 in colors-fresh.css */
    10289     margin-bottom: -1px;
     10186    margin-bottom: 10px;
    1029010187}
    1029110188
    1029210189div#widgets-right .sidebar-description {
    1029310190    border-top: 1px solid #eeeeee;
    10294     padding: 10px 15px 15px 15px;
     10191    padding: 10px 15px;
    1029510192}
    1029610193
    … …  
    1031010207div#widgets-right .widget-top {
    1031110208    padding: 0;
    10312     background: #f7f7f7;
    10313 }
    10314 
    10315 div#widgets-right .widget-title-action {
    10316     float: right;
    10317     position: relative;
    10318     top: 14px;
    10319     right: 10px;
    10320 }
    10321 
    10322 div#widgets-right a.widget-action:after {
    10323     content: '\f111';
    10324     color: #888;
    10325 }
    10326 
    10327 div#widgets-right .widget-inside {
    10328     border-top: 1px solid #dedede;
    1032910209}
    1033010210
    … …  
    1033610216}
    1033710217
    10338 div#widgets-right .widgets-sortables:before {
    10339     display: block;
    10340     content: "";
    10341     text-align: center;
    10342     position: absolute;
    10343     left: 8px;
    10344     right: 8px;
    10345     bottom: 0;
    10346     height: 47px;
    10347     border: 1px dashed #dedede;
    10348     line-height: 40px;
    10349     font-weight: 600;
    10350     color: #aaa;
    10351 }
    10352 
    1035310218.sidebar-name .spinner {
    1035410219    margin: -5px 5px;
    … …  
    1036310228    display: block;
    1036410229    position: absolute;
    10365         top: 0;
    10366         right: 50px;
    10367         bottom: 0;
    10368         left: 0;
     10230    top: 0;
     10231    right: 50px;
     10232    bottom: 0;
     10233    left: 0;
    1036910234    z-index: 40;
    1037010235    text-align: center;
    … …  
    1041310278.accordion-section-title:after {
    1041410279    right: 0;
    10415     content: '\f141';
     10280    content: '\f140';
    1041610281    border: none;
    1041710282    background: none;
    … …  
    1042810293}
    1042910294.nav-menus-php .item-edit:before {
    10430     line-height: 1.5;
     10295    line-height: 2.1;
    1043110296}
    1043210297.control-section .accordion-section-title:after,
    … …  
    1043910304#customize-info.open .accordion-section-title:after,
    1044010305.nav-menus-php .menu-item-edit-active .item-edit:before {
    10441     content: '\f140';
     10306    content: '\f142';
    1044210307}
    1044310308
    … …  
    1051410379}
    1051510380
    10516 .widget-liquid-left #widgets-left.chooser #available-widgets .widget-in-question .widget-top {
    10517     background: #fff;
    10518     border: 1px solid #bbb;
    10519     box-shadow: 0 1px 3px rgba(0,0,0,0.2);
    10520 }
    10521 
    10522 #widgets-chooser {
    10523     clear: both;
    10524     display: none;
    10525     max-width: 400px;
    10526 }
    10527 
    10528 #widgets-chooser h3 {
    10529     font-size: 12px;
    10530     padding: 15px 0 12px 35px;
    10531     margin: 0;
    10532     border-top: 1px solid #ccc;
    10533     background: rgba(0,0,0,0.6);
    10534     color: #fff;
    10535 }
    10536 
    1053710381#widgets-chooser ul.widgets-chooser-sidebars {
    1053810382    margin: 0;
    … …  
    1054210386}
    1054310387
     10388#widgets-chooser {
     10389    display: none;
     10390}
     10391
     10392#widgets-chooser ul {
     10393    border: 1px solid #ccc;
     10394}
     10395
    1054410396#widgets-chooser li {
    1054510397    padding: 10px 15px 10px 35px;
     10398    border-bottom: 1px solid #ccc;
    1054610399    background: #fff;
    10547     border-bottom: 1px solid #ccc;
    1054810400    margin: 0;
    1054910401    cursor: pointer;
    … …  
    1056910421}
    1057010422
     10423#widgets-chooser li:last-child {
     10424    border: none;
     10425}
     10426
    1057110427#widgets-chooser li.widgets-chooser-selected {
    10572     background: #1075a0;
     10428    background: #2ea2cc;
    1057310429    color: #fff;
    1057410430}
    … …  
    1063310489.accordion-section-title {
    1063410490    margin: 0;
    10635     padding: 15px 20px;
     10491    padding: 12px 15px 15px;
    1063610492    position: relative;
    1063710493    border-left: 1px solid #dfdfdf;
    … …  
    1068710543.js .control-section.open .accordion-section-title,
    1068810544.js .control-section .accordion-section-title:focus {
    10689     color: #555;
     10545    color: #222;
    1069010546    background: #f5f5f5;
    1069110547}

  • trunk/src/wp-admin/widgets.php

    r26286 r26293  
    430430
    431431<div id="widgets-chooser">
    432     <h3><?php _e( 'Choose a sidebar:' ); ?></h3>
    433432    <ul class="widgets-chooser-sidebars"></ul>
    434433    <div class="widgets-chooser-actions">
Note: See TracChangeset for help on using the changeset viewer.