WordPress.org
Get WordPress

Make WordPress Core

Ticket #34333: 34333.patch

File 34333.patch, 20.4 KB (added by afercia, 9 years ago)

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

     
    13191319        color: #00a0d2;
    13201320}
    13211321
     1322.widget-reorder-nav span,
     1323.menu-item-reorder-nav button {
     1324        position: relative;
     1325        overflow: hidden;
     1326        float: left;
     1327        display: block;
     1328        width: 33px; /* was 42px for mobile */
     1329        height: 43px;
     1330        color: #82878c;
     1331        text-indent: -9999px;
     1332        cursor: pointer;
     1333        outline: none;
     1334}
     1335
     1336.menu-item-reorder-nav button {
     1337        width: 30px;
     1338        height: 40px;
     1339        background: transparent;
     1340        border: none;
     1341        -webkit-box-shadow: none;
     1342        box-shadow: none;
     1343}
     1344
     1345.widget-reorder-nav span:before,
     1346.menu-item-reorder-nav button:before {
     1347        display: inline-block;
     1348        position: absolute;
     1349        top: 0;
     1350        right: 0;
     1351        width: 100%;
     1352        height: 100%;
     1353        font: normal 20px/43px dashicons;
     1354        text-align: center;
     1355        text-indent: 0;
     1356        -webkit-font-smoothing: antialiased;
     1357        -moz-osx-font-smoothing: grayscale;
     1358}
     1359
     1360.widget-reorder-nav span:hover,
     1361.widget-reorder-nav span:focus,
     1362.menu-item-reorder-nav button:hover,
     1363.menu-item-reorder-nav button:focus {
     1364        color: #191e23;
     1365        background: #eee;
     1366}
     1367
     1368.move-widget-down:before,
     1369.menus-move-down:before {
     1370        content: "\f347";
     1371}
     1372
     1373.move-widget-up:before,
     1374.menus-move-up:before {
     1375        content: "\f343";
     1376}
     1377
     1378#customize-theme-controls .first-widget .move-widget-up,
     1379#customize-theme-controls .last-widget .move-widget-down,
     1380.move-up-disabled .menus-move-up,
     1381.move-down-disabled .menus-move-down,
     1382.move-right-disabled .menus-move-right,
     1383.move-left-disabled .menus-move-left {
     1384        color: #d5d5d5;
     1385        background-color: #fff;
     1386        cursor: default;
     1387        pointer-events: none;
     1388}
     1389
     1390/**
     1391 * New widget and Add-menu-items modes and panels
     1392 */
     1393
     1394.wp-full-overlay-main {
     1395        right: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */
     1396        width: 100%;
     1397}
     1398
     1399body.adding-widget .add-new-widget,
     1400body.adding-widget .add-new-widget:hover,
     1401.adding-menu-items .add-new-menu-item,
     1402.adding-menu-items .add-new-menu-item:hover,
     1403.add-menu-toggle.open,
     1404.add-menu-toggle.open:hover {
     1405        background: #eee;
     1406        border-color: #929793;
     1407        color: #32373c;
     1408        -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
     1409        box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
     1410}
     1411
     1412body.adding-widget .add-new-widget:before,
     1413.adding-menu-items .add-new-menu-item:before,
     1414#accordion-section-add_menu .add-new-menu-item.open:before {
     1415        -webkit-transform: rotate(45deg);
     1416        -ms-transform: rotate(45deg);
     1417        transform: rotate(45deg);
     1418}
     1419
     1420#available-widgets,
     1421#available-menu-items {
     1422        position: absolute;
     1423        top: 0;
     1424        bottom: 0;
     1425        left: -301px;
     1426        visibility: hidden;
     1427        overflow-x: hidden;
     1428        overflow-y: auto;
     1429        width: 300px;
     1430        margin: 0;
     1431        z-index: 4;
     1432        background: #eee;
     1433        -webkit-transition: left .18s;
     1434        transition: left .18s;
     1435        border-right: 1px solid #ddd;
     1436}
     1437
     1438/* search field container */
     1439#available-widgets-filter,
     1440#available-menu-items-search .accordion-section-title {
     1441        padding: 12px 15px;
     1442        -webkit-box-sizing: border-box;
     1443        -moz-box-sizing: border-box;
     1444        box-sizing: border-box;
     1445}
     1446
     1447#available-widgets-filter input,
     1448#available-menu-items-search input {
     1449        padding: 6px 10px;
     1450        width: 100%;
     1451}
     1452
     1453#available-widgets .widget-top,
     1454#available-widgets .widget-top:hover,
     1455#available-menu-items .item-top,
     1456#available-menu-items .item-top:hover {
     1457        border: none;
     1458        background: transparent;
     1459        -webkit-box-shadow: none;
     1460        box-shadow: none;
     1461}
     1462
     1463#available-widgets .widget-tpl,
     1464#available-menu-items .item-tpl {
     1465        position: relative;
     1466        padding: 20px 15px 20px 60px;
     1467        background: #fff;
     1468        border-bottom: 1px solid #e4e4e4;
     1469        cursor: pointer;
     1470        display: none;
     1471}
     1472
     1473#available-widgets .widget,
     1474#available-menu-items .item {
     1475        position: static;
     1476}
     1477
     1478
    13221479/* Responsive */
    13231480.customize-controls-preview-toggle {
    13241481        display: none;
    … …  
    14141571        #customize-header-actions .button-primary {
    14151572                margin-top: 6px;
    14161573        }
     1574
     1575        body.adding-widget div#available-widgets,
     1576        body.adding-menu-items div#available-menu-items {
     1577                top: 46px;
     1578                left: 0;
     1579                z-index: 10;
     1580                width: 100%;
     1581        }
     1582
     1583        #available-widgets .customize-section-title
     1584        #available-menu-items .customize-section-title {
     1585                display: block;
     1586                margin: 0;
     1587        }
     1588
     1589        #available-widgets .customize-section-back,
     1590        #available-menu-items .customize-section-back {
     1591                height: 69px;
     1592        }
     1593
     1594        #available-widgets .customize-section-title h3,
     1595        #available-menu-items .customize-section-title h3 {
     1596                font-size: 20px;
     1597                font-weight: 200;
     1598                padding: 9px 10px 12px 14px;
     1599                margin: 0;
     1600                line-height: 24px;
     1601                color: #555;
     1602                display: block;
     1603                overflow: hidden;
     1604                white-space: nowrap;
     1605                text-overflow: ellipsis;
     1606        }
     1607
     1608        #available-widgets .customize-section-title .customize-action,
     1609        #available-menu-items .customize-section-title .customize-action {
     1610                font-size: 13px;
     1611                display: block;
     1612                font-weight: 400;
     1613                overflow: hidden;
     1614                white-space: nowrap;
     1615                text-overflow: ellipsis;
     1616        }
     1617
     1618        #available-widgets-filter {
     1619                position: relative;
     1620                width: 100%;
     1621                background: #fff;
     1622                height: auto;
     1623                padding: 10px 15px;
     1624        }
     1625
     1626        #available-widgets-list {
     1627                top: 140px;
     1628        }
    14171629}

  • src/wp-admin/css/customize-nav-menus.css

     
    1212
    1313#customize-controls .theme-location-set,
    1414#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
    15 #customize-controls .control-section .accordion-section-title:hover .menu-in-location,
    16 #customize-controls .control-section .accordion-section-title:focus .menu-in-locations,
    17 #customize-controls .control-section .accordion-section-title:hover .menu-in-locations {
     15#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
    1816        color: #555;
    1917}
    2018
    … …  
    7876}
    7977
    8078.wp-customizer .menu-item .submitbox .submitdelete {
    81         display: block;
    8279        float: left;
    8380        margin: 6px 0 0;
    8481        padding: 0;
    … …  
    8582        cursor: pointer;
    8683}
    8784
    88 .wp-customizer .menu-item .submitbox .submitdelete:focus {
    89         -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
    90         box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
    91 }
    9285
    9386/**
    9487 * Menu items reordering styles
    … …  
    10295        right: 0;
    10396}
    10497
    105 .menu-item-reorder-nav button {
    106         position: relative;
    107         overflow: hidden;
    108         float: left;
    109         display: block;
    110         width: 30px;
    111         height: 40px;
    112         color: #82878c;
    113         text-indent: -9999px;
    114         cursor: pointer;
    115         background: transparent;
    116         border: none;
    117         -webkit-box-shadow: none;
    118         box-shadow: none;
    119         outline: none;
    120 }
    121 
    122 .menu-item-reorder-nav button:before {
    123         display: inline-block;
    124         position: absolute;
    125         top: 0;
    126         right: 0;
    127         width: 100%;
    128         height: 100%;
    129         font: normal 20px/40px dashicons;
    130         text-align: center;
    131         text-indent: 0;
    132         -webkit-font-smoothing: antialiased;
    133         -moz-osx-font-smoothing: grayscale;
    134 }
    135 
    136 .menu-item-reorder-nav button:hover,
    137 .menu-item-reorder-nav button:focus {
    138         color: #191e23;
    139         background: #eee;
    140 }
    141 
    142 .menus-move-down:before {
    143         content: "\f347";
    144 }
    145 
    146 .menus-move-up:before {
    147         content: "\f343";
    148 }
    149 
    15098.menus-move-left:before {
    15199        content: "\f341";
    152100}
    … …  
    155103        content: "\f345";
    156104}
    157105
    158 .move-up-disabled .menus-move-up,
    159 .move-down-disabled .menus-move-down,
    160 .move-right-disabled .menus-move-right,
    161 .move-left-disabled .menus-move-left {
    162         color: #d5d5d5 !important;
    163         background-color: #fff !important;
    164         cursor: default;
    165         pointer-events: none;
    166 }
    167 
    168 .menu-item-reorder-nav:before {
    169         content: "";
    170         display: block;
    171         position: absolute;
    172         left: -10px;
    173         width: 10px;
    174         height: 40px;
    175         background: -webkit-linear-gradient(left, rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%);
    176         background: -webkit-gradient(linear, left top, right top, from(rgba(250,250,250,0)), to(rgba(250,250,250,1)));
    177         background: -webkit-linear-gradient(left, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%);
    178         background: linear-gradient(to right, rgba(250,250,250,0) 0%,rgba(250,250,250,1) 100%);
    179 }
    180 
    181106.reordering .menu-item .item-controls,
    182107.reordering .menu-item .item-type {
    183108        display: none;
    … …  
    301226
    302227.customize-screen-options-toggle:focus:before,
    303228#customize-controls .customize-info .customize-help-toggle:focus:before {
    304         -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
    305         box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
    306229        -webkit-border-radius: 100%;
    307230        border-radius: 100%;
    308231}
    … …  
    345268        text-decoration: none !important;
    346269}
    347270
    348 .wp-customizer button:focus .toggle-indicator:after {
    349         -webkit-box-shadow:
    350                 0 0 0 1px #5b9dd9,
    351                 0 0 2px 1px rgba(30, 140, 190, .8);
    352         box-shadow:
    353                 0 0 0 1px #5b9dd9,
    354                 0 0 2px 1px rgba(30, 140, 190, .8);
    355 }
    356 
    357271#accordion-panel-nav_menus .field-link-target,
    358272#accordion-panel-nav_menus .field-attr-title,
    359273#accordion-panel-nav_menus .field-css-classes,
    … …  
    469383 * Add-menu-items mode
    470384 */
    471385
    472 .wp-full-overlay-main {
    473         right: auto; /* This overrides a right: 0; which causes the preview to resize rather than slide off screen at the normal size. */
    474         width: 100%;
    475 }
    476 
    477386.adding-menu-items .control-section {
    478387        opacity: .4;
    479388}
    … …  
    483392        opacity: 1;
    484393}
    485394
    486 .adding-menu-items .add-new-menu-item,
    487 .adding-menu-items .add-new-menu-item:hover,
    488 .add-menu-toggle.open,
    489 .add-menu-toggle.open:hover {
    490         background: #eee;
    491         border-color: #929793;
    492         color: #32373c;
    493         -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    494         box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    495 }
    496 
    497 .adding-menu-items .add-new-menu-item:before,
    498 #accordion-section-add_menu .add-new-menu-item.open:before {
    499         -webkit-transform: rotate(45deg);
    500         -ms-transform: rotate(45deg);
    501         transform: rotate(45deg);
    502 }
    503 
    504395.menu-item-bar .item-delete {
    505396        color: #a00;
    506397        position: absolute;
    … …  
    533424        color: #f00;
    534425}
    535426
    536 .menu-item-bar .item-delete:focus:before {
    537         -webkit-box-shadow:
    538                 0 0 0 1px #5b9dd9,
    539                 0 0 2px 1px rgba(30, 140, 190, .8);
    540         box-shadow:
    541                 0 0 0 1px #5b9dd9,
    542                 0 0 2px 1px rgba(30, 140, 190, .8);
    543 }
    544 
    545427.adding-menu-items .menu-item-bar .item-edit {
    546428        display: none;
    547429}
    … …  
    550432        display: block;
    551433}
    552434
    553 #available-menu-items .item {
    554         position: static;
    555 }
     435/**
     436 * Styles for menu-item addition panel
     437 */
    556438
    557 #available-menu-items {
    558         position: absolute;
    559         top: 0;
    560         bottom: 0;
    561         left: -301px;
    562         visibility: hidden;
    563         overflow-x: hidden;
    564         overflow-y: auto;
    565         width: 300px;
    566         margin: 0;
    567         z-index: 4;
    568         background: #eee;
    569         -webkit-transition: left .18s;
    570         transition: left .18s;
    571         border-right: 1px solid #ddd;
    572 }
    573 
    574439#available-menu-items.opening {
    575440        overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
    576441}
    … …  
    633498}
    634499
    635500#available-menu-items .cannot-expand .accordion-section-title .no-items {
    636         display: block;
     501        float: right;
    637502        color: #777;
    638503        font-weight: normal;
    639         float: right;
    640504        margin-left: 5px;
    641505}
    642506
    … …  
    646510        max-height: 290px;
    647511}
    648512
    649 #available-menu-items #available-menu-items-search .accordion-section-content {
    650         position: absolute;
    651         left: 1px;
    652         top: 60px; /* below title div / search input */
    653         bottom: 0px; /* 100% height that still triggers lazy load */
    654         max-height: none;
    655         width: 100%;
    656         padding: 1px 15px 15px;
    657         -webkit-box-sizing: border-box;
    658         -moz-box-sizing: border-box;
    659         box-sizing: border-box;
    660 }
    661 
    662513#available-menu-items .menu-item-tpl {
    663514        margin: 0;
    664515}
    … …  
    670521        border: 1px solid #f00;
    671522}
    672523
    673 #available-menu-items .item-tpl {
    674         position: relative;
    675         padding: 20px 15px 20px 60px;
    676         border-bottom: 1px solid #e4e4e4;
    677         cursor: pointer;
    678         display: none;
    679 }
    680 
    681 #available-menu-items .item-tpl:hover,
    682 #available-menu-items .item-tpl.selected {
    683         background: #eee;
    684 }
    685 
    686524#available-menu-items .menu-item-handle .item-type {
    687525        padding-right: 0;
    688526}
    … …  
    695533        cursor: pointer;
    696534}
    697535
    698 #available-menu-items .item-top,
    699 #available-menu-items .item-top:hover {
    700         border: none;
    701         background: transparent;
    702         -webkit-box-shadow: none;
    703         box-shadow: none;
    704 }
    705 
    706536#available-menu-items .menu-item-handle {
    707537        -webkit-box-shadow: none;
    708538        box-shadow: none;
    … …  
    744574        font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
    745575}
    746576
    747 #available-menu-items .item-add:focus:before {
    748         -webkit-box-shadow:
    749                 0 0 0 1px #5b9dd9,
    750                 0 0 2px 1px rgba(30, 140, 190, .8);
    751         box-shadow:
    752                 0 0 0 1px #5b9dd9,
    753                 0 0 2px 1px rgba(30, 140, 190, .8);
    754 }
    755 
    756577#available-menu-items .menu-item-handle.item-added .item-type,
    757578#available-menu-items .menu-item-handle.item-added .item-title,
    758579#available-menu-items .menu-item-handle.item-added:hover .item-add,
    … …  
    802623        color: #f00;
    803624}
    804625
    805 #available-menu-items-search .clear-results:focus {
    806         -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
    807         box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
    808 }
    809 
    810626#available-menu-items-search .spinner {
    811627        position: absolute;
    812628        top: 20px;
    … …  
    814630        right: 20px;
    815631}
    816632
    817 #available-menu-items-search input {
    818         padding: 6px 10px;
     633/* search results list */
     634#available-menu-items #available-menu-items-search .accordion-section-content {
     635        position: absolute;
     636        left: 1px;
     637        top: 60px; /* below title div / search input */
     638        bottom: 0px; /* 100% height that still triggers lazy load */
     639        max-height: none;
    819640        width: 100%;
    820 }
    821 
    822 #available-menu-items-search .accordion-section-title {
    823         padding: 12px 15px;
     641        padding: 1px 15px 15px;
    824642        -webkit-box-sizing: border-box;
    825643        -moz-box-sizing: border-box;
    826644        box-sizing: border-box;
    … …  
    926744}
    927745
    928746.menu-delete-item {
    929         display: block;
    930747        float: left;
    931748        padding: 1em 0;
    932749        width: 100%;
    … …  
    952769        text-decoration: none;
    953770}
    954771
    955 .menu-delete:focus {
    956         -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
    957         box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
    958 }
    959 
    960772.menu-item-handle {
    961773        margin-top: -1px;
    962774}
    … …  
    993805        display: none;
    994806}
    995807
     808/**
     809 * box-shadows
     810 */
     811
     812.wp-customizer .menu-item .submitbox .submitdelete:focus,
     813.customize-screen-options-toggle:focus:before,
     814#customize-controls .customize-info .customize-help-toggle:focus:before,
     815.wp-customizer button:focus .toggle-indicator:after,
     816#available-menu-items-search .clear-results:focus,
     817.menu-delete:focus,
     818.menu-item-bar .item-delete:focus:before,
     819#available-menu-items .item-add:focus:before {
     820        -webkit-box-shadow:
     821                0 0 0 1px #5b9dd9,
     822                0 0 2px 1px rgba(30, 140, 190, .8);
     823        box-shadow:
     824                0 0 0 1px #5b9dd9,
     825                0 0 2px 1px rgba(30, 140, 190, .8);
     826}
     827
     828
    996829@media screen and ( max-width: 782px ) {
    997830        #available-menu-items #available-menu-items-search .accordion-section-content {
    998831                top: 63px;
    … …  
    1000833}
    1001834
    1002835@media screen and ( max-width: 640px ) {
    1003         body.adding-menu-items div#available-menu-items {
    1004                 top: 46px;
    1005                 left: 0;
    1006                 z-index: 10;
    1007                 width: 100%;
    1008         }
    1009 
    1010836        #available-menu-items #available-menu-items-search .accordion-section-content {
    1011837                top: 133px;
    1012838        }
    1013 
    1014         #available-menu-items .customize-section-title {
    1015                 display: block;
    1016                 margin: 0;
    1017         }
    1018 
    1019         #available-menu-items .customize-section-back {
    1020                 height: 69px;
    1021         }
    1022 
    1023         #available-menu-items .customize-section-title h3 {
    1024                 font-size: 20px;
    1025                 font-weight: 200;
    1026                 padding: 9px 10px 12px 14px;
    1027                 margin: 0;
    1028                 line-height: 24px;
    1029                 color: #555;
    1030                 display: block;
    1031                 overflow: hidden;
    1032                 white-space: nowrap;
    1033                 text-overflow: ellipsis;
    1034         }
    1035 
    1036         #available-menu-items .customize-section-title .customize-action {
    1037                 font-size: 13px;
    1038                 display: block;
    1039                 font-weight: 400;
    1040                 overflow: hidden;
    1041                 white-space: nowrap;
    1042                 text-overflow: ellipsis;
    1043         }
    1044839}

  • src/wp-admin/css/customize-widgets.css

     
    7979        line-height: 16px;
    8080}
    8181
    82 .widget-top {
    83         cursor: move;
    84 }
    85 
    8682.customize-control-widget_form.expanded a.widget-action:after {
    8783        content: "\f142";
    8884}
    … …  
    9995        cursor: pointer;
    10096}
    10197
     98.widget-top,
    10299.customize-control-widget_form .widget .customize-control-title {
    103100        cursor: move;
    104101}
    … …  
    126123        background-color: #fafafa;
    127124}
    128125
    129 .widget-reorder-nav span {
    130         position: relative;
    131         overflow: hidden;
    132         float: left;
    133         display: block;
    134         width: 33px; /* was 42px for mobile */
    135         height: 43px;
    136         color: #82878c;
    137         text-indent: -9999px;
    138         cursor: pointer;
    139         outline: none;
    140 }
    141 
    142 .widget-reorder-nav span:before {
    143         display: inline-block;
    144         position: absolute;
    145         top: 0;
    146         right: 0;
    147         width: 100%;
    148         height: 100%;
    149         font: normal 20px/43px dashicons;
    150         text-align: center;
    151         text-indent: 0;
    152         -webkit-font-smoothing: antialiased;
    153         -moz-osx-font-smoothing: grayscale;
    154 }
    155 
    156 .widget-reorder-nav span:hover,
    157 .widget-reorder-nav span:focus {
    158         color: #444;
    159         background: #eee;
    160 }
    161 
    162126.move-widget:before {
    163127        content: "\f504";
    164128}
    165129
    166 .move-widget-down:before {
    167         content: "\f347";
    168 }
    169 
    170 .move-widget-up:before {
    171         content: "\f343";
    172 }
    173 
    174 #customize-theme-controls .first-widget .move-widget-up,
    175 #customize-theme-controls .last-widget .move-widget-down {
    176         color: #d5d5d5;
    177         cursor: default;
    178 }
    179 
    180130#customize-theme-controls .move-widget-area {
    181131        display: none;
    182132        background: #fff;
    … …  
    256206 * Styles for new widget addition panel
    257207 */
    258208
    259 .wp-full-overlay-main {
    260         right: auto; /* this overrides a right: 0; which causes the preview to resize, I'd rather have it go off screen at the normal size. */
    261         width: 100%;
    262 }
    263 
    264 body.adding-widget .add-new-widget,
    265 body.adding-widget .add-new-widget:hover {
    266         background: #eee;
    267         border-color: #999;
    268         color: #32373c;
    269         -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    270         box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    271 }
    272 body.adding-widget .add-new-widget:before {
    273         -webkit-transform: rotate(45deg);
    274         -ms-transform: rotate(45deg);
    275         transform: rotate(45deg);
    276 }
    277 
    278 #available-widgets .widget {
    279         position: static;
    280 }
    281 
    282209/* override widgets admin page rules in wp-admin/css/wp-admin.css */
    283210#widgets-left #available-widgets .widget {
    284211        float: none !important;
    … …  
    285212        width: auto !important;
    286213}
    287214
    288 #available-widgets {
    289         position: absolute;
    290         top: 0;
    291         bottom: 0;
    292         left: -301px;
    293         visibility: hidden;
    294         overflow: auto;
    295         width: 300px;
    296         margin: 0;
    297         z-index: 1;
    298         background: #eee !important;
    299         -webkit-transition: left .18s;
    300         transition: left .18s;
    301         border-right: 1px solid #ddd;
    302 }
    303 
    304215.ios #available-widgets {
    305216        -webkit-transition: left 0s;
    306217        transition: left 0s;
    … …  
    307218}
    308219
    309220#available-widgets-list {
    310         top: 46px;
     221        top: 60px;
    311222        position: absolute;
    312223        overflow: auto;
    313224        bottom: 0;
    … …  
    319230        top: 0;
    320231        z-index: 1;
    321232        width: 300px;
    322         height: 46px;
    323         padding: 8px 17px 7px 13px;
    324233        background: #eee;
    325234        border-bottom: 1px solid #e4e4e4;
    326         -webkit-box-sizing: border-box;
    327         -moz-box-sizing: border-box;
    328         box-sizing: border-box;
    329235}
    330236
    331 #available-widgets-filter input {
    332         padding: 5px 10px 2px 10px;
    333         width: 100%;
    334 }
    335 
    336 #available-widgets .widget-tpl {
    337         position: relative;
    338         padding: 20px 15px 20px 60px;
    339         background: #fff;
    340         border-bottom: 1px solid #e4e4e4;
    341         cursor: pointer;
    342         display: none;
    343 }
    344 
    345237#available-widgets .widget-tpl:hover,
    346238#available-widgets .widget-tpl.selected {
    347239        background: #eee;
    … …  
    348240        border-bottom-color: #ccc;
    349241}
    350242
    351 #available-widgets .widget-top,
    352 #available-widgets .widget-top:hover {
    353         border: none;
    354         background: transparent;
    355         -webkit-box-shadow: none;
    356         box-shadow: none;
    357 }
    358 
    359243#customize-controls .widget-title h3 {
    360244        font-size: 1em;
    361245}
    … …  
    579463                top: 8px;
    580464        }
    581465}
    582 
    583 @media screen and ( max-width: 640px ) {
    584         body.adding-widget div#available-widgets {
    585                 top: 46px;
    586                 left: 0;
    587                 z-index: 10;
    588                 width: 100%;
    589         }
    590 
    591         #available-widgets .customize-section-title {
    592                 display: block;
    593                 margin: 0;
    594         }
    595 
    596         #available-widgets .customize-section-back {
    597                 height: 69px;
    598         }
    599 
    600         #available-widgets .customize-section-title h3 {
    601                 font-size: 20px;
    602                 font-weight: 200;
    603                 padding: 9px 10px 12px 14px;
    604                 margin: 0;
    605                 line-height: 24px;
    606                 color: #555;
    607                 display: block;
    608                 overflow: hidden;
    609                 white-space: nowrap;
    610                 text-overflow: ellipsis;
    611         }
    612 
    613         #available-widgets .customize-section-title .customize-action {
    614                 font-size: 13px;
    615                 display: block;
    616                 font-weight: 400;
    617                 overflow: hidden;
    618                 white-space: nowrap;
    619                 text-overflow: ellipsis;
    620         }
    621 
    622         #available-widgets-filter {
    623                 position: relative;
    624                 width: 100%;
    625                 background: #fff;
    626                 height: auto;
    627                 padding: 10px 15px;
    628         }
    629 
    630         #available-widgets-list {
    631                 top: 140px;
    632         }
    633 }