Changeset 36291

Timestamp:

01/13/2016 10:35:05 PM (9 years ago)

Author:

afercia

Message:

Customizer: Aggregate similar CSS rules.

Fixes #34333.

Location:

trunk/src/wp-admin/css

Files:

• customize-controls.css (modified) (2 diffs)
• customize-nav-menus.css (modified) (18 diffs)
• customize-widgets.css (modified) (8 diffs)
• widgets.css (modified) (1 diff)

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

@@ -1312 +1312 @@
 }
 
+.widget-reorder-nav span,
+.menu-item-reorder-nav button {
+    position: relative;
+    overflow: hidden;
+    float: left;
+    display: block;
+    width: 33px; /* was 42px for mobile */
+    height: 43px;
+    color: #82878c;
+    text-indent: -9999px;
+    cursor: pointer;
+    outline: none;
+}
+
+.menu-item-reorder-nav button {
+    width: 30px;
+    height: 40px;
+    background: transparent;
+    border: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.widget-reorder-nav span:before,
+.menu-item-reorder-nav button:before {
+    display: inline-block;
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 100%;
+    height: 100%;
+    font: normal 20px/43px dashicons;
+    text-align: center;
+    text-indent: 0;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.widget-reorder-nav span:hover,
+.widget-reorder-nav span:focus,
+.menu-item-reorder-nav button:hover,
+.menu-item-reorder-nav button:focus {
+    color: #191e23;
+    background: #eee;
+}
+
+.move-widget-down:before,
+.menus-move-down:before {
+    content: "\f347";
+}
+
+.move-widget-up:before,
+.menus-move-up:before {
+    content: "\f343";
+}
+
+#customize-theme-controls .first-widget .move-widget-up,
+#customize-theme-controls .last-widget .move-widget-down,
+.move-up-disabled .menus-move-up,
+.move-down-disabled .menus-move-down,
+.move-right-disabled .menus-move-right,
+.move-left-disabled .menus-move-left {
+    color: #d5d5d5;
+    background-color: #fff;
+    cursor: default;
+    pointer-events: none;
+}
+
+/**
+ * New widget and Add-menu-items modes and panels
+ */
+
+.wp-full-overlay-main {
+    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. */
+    width: 100%;
+}
+
+body.adding-widget .add-new-widget,
+body.adding-widget .add-new-widget:hover,
+.adding-menu-items .add-new-menu-item,
+.adding-menu-items .add-new-menu-item:hover,
+.add-menu-toggle.open,
+.add-menu-toggle.open:hover {
+    background: #eee;
+    border-color: #929793;
+    color: #32373c;
+    -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+    box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
+}
+
+body.adding-widget .add-new-widget:before,
+.adding-menu-items .add-new-menu-item:before,
+#accordion-section-add_menu .add-new-menu-item.open:before {
+    -webkit-transform: rotate(45deg);
+    -ms-transform: rotate(45deg);
+    transform: rotate(45deg);
+}
+
+#available-widgets,
+#available-menu-items {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: -301px;
+    visibility: hidden;
+    overflow-x: hidden;
+    overflow-y: auto;
+    width: 300px;
+    margin: 0;
+    z-index: 4;
+    background: #eee;
+    -webkit-transition: left .18s;
+    transition: left .18s;
+    border-right: 1px solid #ddd;
+}
+
+#available-widgets .customize-section-title,
+#available-menu-items .customize-section-title {
+    display: none;
+}
+
+#available-widgets-list {
+    top: 60px;
+    position: absolute;
+    overflow: auto;
+    bottom: 0;
+    width: 100%;
+}
+
+#available-widgets-filter {
+    position: fixed;
+    top: 0;
+    z-index: 1;
+    width: 300px;
+    background: #eee;
+    border-bottom: 1px solid #e4e4e4;
+}
+
+/* search field container */
+#available-widgets-filter,
+#available-menu-items-search .accordion-section-title {
+    padding: 12px 15px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+#available-widgets-filter input,
+#available-menu-items-search input {
+    padding: 6px 10px;
+    width: 100%;
+}
+
+#available-widgets .widget-top,
+#available-widgets .widget-top:hover,
+#available-menu-items .item-top,
+#available-menu-items .item-top:hover {
+    border: none;
+    background: transparent;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+#available-widgets .widget-tpl,
+#available-menu-items .item-tpl {
+    position: relative;
+    padding: 20px 15px 20px 60px;
+    background: #fff;
+    border-bottom: 1px solid #e4e4e4;
+    cursor: pointer;
+    display: none;
+}
+
+#available-widgets .widget,
+#available-menu-items .item {
+    position: static;
+}
+
+
 /* Responsive */
 .customize-controls-preview-toggle {
@@ -1424 +1603 @@
         margin-top: 6px;
     }
-}
+
+    body.adding-widget div#available-widgets,
+    body.adding-menu-items div#available-menu-items {
+        top: 46px;
+        left: 0;
+        z-index: 10;
+        width: 100%;
+    }
+
+    #available-widgets .customize-section-title,
+    #available-menu-items .customize-section-title {
+        display: block;
+        margin: 0;
+    }
+
+    #available-widgets .customize-section-back,
+    #available-menu-items .customize-section-back {
+        height: 69px;
+    }
+
+    #available-widgets .customize-section-title h3,
+    #available-menu-items .customize-section-title h3 {
+        font-size: 20px;
+        font-weight: 200;
+        padding: 9px 10px 12px 14px;
+        margin: 0;
+        line-height: 24px;
+        color: #555;
+        display: block;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    #available-widgets .customize-section-title .customize-action,
+    #available-menu-items .customize-section-title .customize-action {
+        font-size: 13px;
+        display: block;
+        font-weight: 400;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+    }
+
+    #available-widgets-filter {
+        position: relative;
+        width: 100%;
+        background: #fff;
+        height: auto;
+        padding: 10px 15px;
+    }
+
+    #available-widgets-list {
+        top: 140px;
+    }
+}

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

@@ -13 +13 @@
 #customize-controls .theme-location-set,
 #customize-controls .control-section .accordion-section-title:focus .menu-in-location,
-#customize-controls .control-section .accordion-section-title:hover .menu-in-location,
-#customize-controls .control-section .accordion-section-title:focus .menu-in-locations,
-#customize-controls .control-section .accordion-section-title:hover .menu-in-locations {
+#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
     color: #555;
 }
@@ -79 +77 @@
 
 .wp-customizer .menu-item .submitbox .submitdelete {
-    display: block;
     float: left;
     margin: 6px 0 0;
@@ -86 +83 @@
 }
 
-.wp-customizer .menu-item .submitbox .submitdelete:focus {
-    -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
-    box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
-}
 
 /**
@@ -103 +96 @@
 }
 
-.menu-item-reorder-nav button {
-    position: relative;
-    overflow: hidden;
-    float: left;
-    display: block;
-    width: 30px;
-    height: 40px;
-    color: #82878c;
-    text-indent: -9999px;
-    cursor: pointer;
-    background: transparent;
-    border: none;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    outline: none;
-}
-
-.menu-item-reorder-nav button:before {
-    display: inline-block;
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 100%;
-    height: 100%;
-    font: normal 20px/40px dashicons;
-    text-align: center;
-    text-indent: 0;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-.menu-item-reorder-nav button:hover,
-.menu-item-reorder-nav button:focus {
-    color: #191e23;
-    background: #eee;
-}
-
-.menus-move-down:before {
-    content: "\f347";
-}
-
-.menus-move-up:before {
-    content: "\f343";
-}
-
 .menus-move-left:before {
     content: "\f341";
@@ -154 +102 @@
 .menus-move-right:before {
     content: "\f345";
-}
-
-.move-up-disabled .menus-move-up,
-.move-down-disabled .menus-move-down,
-.move-right-disabled .menus-move-right,
-.move-left-disabled .menus-move-left {
-    color: #d5d5d5 !important;
-    background-color: #fff !important;
-    cursor: default;
-    pointer-events: none;
-}
-
-.menu-item-reorder-nav:before {
-    content: "";
-    display: block;
-    position: absolute;
-    left: -10px;
-    width: 10px;
-    height: 40px;
-    background: -webkit-gradient(linear, left top, right top, from(rgba(250,250,250,0)), to(rgba(250,250,250,1)));
-    background: -webkit-linear-gradient(left, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%);
-    background: linear-gradient(to right, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 100%);
 }
 
@@ -303 +229 @@
 .customize-screen-options-toggle:focus:before,
 #customize-controls .customize-info .customize-help-toggle:focus:before {
-    -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
-    box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
     -webkit-border-radius: 100%;
     border-radius: 100%;
@@ -345 +269 @@
     -moz-osx-font-smoothing: grayscale;
     text-decoration: none !important;
-}
-
-.wp-customizer button:focus .toggle-indicator:after {
-    -webkit-box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, .8);
-    box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, .8);
 }
 
@@ -471 +386 @@
  */
 
-.wp-full-overlay-main {
-    right: auto; /* This overrides a right: 0; which causes the preview to resize rather than slide off screen at the normal size. */
-    width: 100%;
-}
-
 .adding-menu-items .control-section {
     opacity: .4;
@@ -483 +393 @@
 .adding-menu-items .control-section.open {
     opacity: 1;
-}
-
-.adding-menu-items .add-new-menu-item,
-.adding-menu-items .add-new-menu-item:hover,
-.add-menu-toggle.open,
-.add-menu-toggle.open:hover {
-    background: #eee;
-    border-color: #929793;
-    color: #32373c;
-    -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
-    box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
-}
-
-.adding-menu-items .add-new-menu-item:before,
-#accordion-section-add_menu .add-new-menu-item.open:before {
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);
 }
 
@@ -538 +430 @@
 }
 
-.menu-item-bar .item-delete:focus:before {
-    -webkit-box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, .8);
-    box-shadow:
-        0 0 0 1px #5b9dd9,
-        0 0 2px 1px rgba(30, 140, 190, .8);
-}
-
 .adding-menu-items .menu-item-bar .item-edit {
     display: none;
@@ -555 +438 @@
 }
 
-#available-menu-items .item {
-    position: static;
-}
-
-#available-menu-items {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: -301px;
-    visibility: hidden;
-    overflow-x: hidden;
-    overflow-y: auto;
-    width: 300px;
-    margin: 0;
-    z-index: 4;
-    background: #eee;
-    -webkit-transition: left .18s;
-    transition: left .18s;
-    border-right: 1px solid #ddd;
-}
+/**
+ * Styles for menu-item addition panel
+ */
 
 #available-menu-items.opening {
@@ -641 +507 @@
 
 #available-menu-items .cannot-expand .accordion-section-title .no-items {
-    display: block;
+    float: right;
     color: #777;
     font-weight: normal;
-    float: right;
     margin-left: 5px;
 }
@@ -652 +517 @@
     margin: 0;
     max-height: 290px;
-}
-
-#available-menu-items #available-menu-items-search .accordion-section-content {
-    position: absolute;
-    left: 1px;
-    top: 60px; /* below title div / search input */
-    bottom: 0px; /* 100% height that still triggers lazy load */
-    max-height: none;
-    width: 100%;
-    padding: 1px 15px 15px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
 }
 
@@ -678 +530 @@
 }
 
-#available-menu-items .item-tpl {
-    position: relative;
-    padding: 20px 15px 20px 60px;
-    border-bottom: 1px solid #e4e4e4;
-    cursor: pointer;
-    display: none;
-}
-
-#available-menu-items .item-tpl:hover,
-#available-menu-items .item-tpl.selected {
-    background: #eee;
-}
-
 #available-menu-items .menu-item-handle .item-type {
     padding-right: 0;
@@ -701 +540 @@
 #available-menu-items .menu-item-handle {
     cursor: pointer;
-}
-
-#available-menu-items .item-top,
-#available-menu-items .item-top:hover {
-    border: none;
-    background: transparent;
-    -webkit-box-shadow: none;
-    box-shadow: none;
 }
 
@@ -755 +586 @@
 }
 
+#available-menu-items .menu-item-handle.item-added .item-type,
+#available-menu-items .menu-item-handle.item-added .item-title,
+#available-menu-items .menu-item-handle.item-added:hover .item-add,
+#available-menu-items .menu-item-handle.item-added .item-add:focus {
+    color: #82878c;
+}
+
+#available-menu-items .menu-item-handle.item-added .item-add:before {
+    content: "\f147";
+}
+
+#available-menu-items .accordion-section-title.loading .spinner,
+#available-menu-items-search.loading .accordion-section-title .spinner {
+    visibility: visible;
+    margin: 0 20px;
+}
+
+#available-menu-items-search .clear-results {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    width: 20px;
+    height: 20px;
+    cursor: pointer;
+    color: #a00;
+    text-decoration: none;
+}
+
+#available-menu-items-search .clear-results,
+#available-menu-items-search.loading .clear-results.is-visible {
+    display: none;
+}
+
+#available-menu-items-search .clear-results.is-visible {
+    display: block;
+}
+
+#available-menu-items-search .clear-results:before {
+    content: "\f335";
+    font: normal 20px/1 dashicons;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+#available-menu-items-search .clear-results:hover,
+#available-menu-items-search .clear-results:focus {
+    color: #f00;
+}
+
+#available-menu-items-search .spinner {
+    position: absolute;
+    top: 20px;
+    margin: 0 !important;
+    right: 20px;
+}
+
+/* search results list */
+#available-menu-items #available-menu-items-search .accordion-section-content {
+    position: absolute;
+    left: 1px;
+    top: 60px; /* below title div / search input */
+    bottom: 0px; /* 100% height that still triggers lazy load */
+    max-height: none;
+    width: 100%;
+    padding: 1px 15px 15px;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+}
+
+#available-menu-items-search .accordion-section-title:after {
+    display: none;
+}
+
+#available-menu-items-search .accordion-section-content:empty {
+    min-height: 0;
+    padding: 0;
+}
+
+#available-menu-items-search.loading .accordion-section-content div {
+    opacity: .5;
+}
+
+#available-menu-items-search.loading.loading-more .accordion-section-content div {
+    opacity: 1;
+}
+
+#customize-preview {
+    -webkit-transition: all 0.2s;
+    transition: all 0.2s;
+}
+
+body.adding-menu-items #available-menu-items {
+    left: 0;
+    visibility: visible;
+}
+
+body.adding-menu-items .wp-full-overlay-main {
+    left: 300px;
+}
+
+body.adding-menu-items #customize-preview {
+    opacity: 0.4;
+}
+
+.menu-item-handle .spinner {
+    display: none;
+    float: left;
+    margin: 0 8px 0 0;
+}
+
+.nav-menu-inserted-item-loading .spinner {
+    display: block;
+}
+
+.nav-menu-inserted-item-loading .menu-item-handle .item-type {
+    padding: 0 0 0 8px;
+}
+
+.nav-menu-inserted-item-loading .menu-item-handle,
+.added-menu-item .menu-item-handle.loading {
+    padding: 10px 15px 10px 8px;
+    cursor: default;
+    opacity: .5;
+    background: #fff;
+    color: #727773;
+}
+
+.added-menu-item .menu-item-handle {
+    -webkit-transition-property: opacity, background, color;
+    transition-property: opacity, background, color;
+    -webkit-transition-duration: 1.25s;
+    transition-duration: 1.25s;
+    -webkit-transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 );
+    transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
+}
+
+/* Add/delete Menus */
+
+/* @todo update selector */
+#accordion-section-add_menu {
+    margin: 15px 12px;
+}
+
+.new-menu-section-content {
+    display: none;
+    padding: 15px 0 0 0;
+    clear: both;
+}
+
+/* @todo update selector */
+#accordion-section-add_menu .accordion-section-title {
+    padding-left: 45px;
+}
+
+/* @todo update selector */
+#accordion-section-add_menu .accordion-section-title:before {
+    font: normal 20px/1 dashicons;
+    position: absolute;
+    top: 12px;
+    left: 14px;
+    content: "\f132";
+}
+
+#create-new-menu-submit {
+    float: right;
+    margin: 0 0 12px 0;
+}
+
+.menu-delete-item {
+    float: left;
+    padding: 1em 0;
+    width: 100%;
+}
+
+li.assigned-to-menu-location .menu-delete-item {
+    display: none;
+}
+
+li.assigned-to-menu-location .add-new-menu-item {
+    margin-bottom: 1em;
+}
+
+.menu-delete {
+    color: #a00;
+    cursor: pointer;
+    text-decoration: underline;
+}
+
+.menu-delete:hover,
+.menu-delete:focus {
+    color: #f00;
+    text-decoration: none;
+}
+
+.menu-item-handle {
+    margin-top: -1px;
+}
+.ui-sortable-disabled .menu-item-handle {
+    cursor: default;
+}
+
+.menu-item-handle:hover {
+    position: relative;
+    z-index: 10;
+    color: #0073aa;
+}
+
+.menu-item-handle:hover .item-type,
+.menu-item-handle:hover .item-edit,
+#available-menu-items .menu-item-handle:hover .item-add {
+    color: #0073aa;
+}
+
+.menu-item-edit-active .menu-item-handle {
+    border-color: #999;
+    border-bottom: none;
+}
+
+.customize-control-nav_menu_item {
+    margin-bottom: 0;
+}
+
+.customize-control-nav_menu {
+    margin-top: 12px;
+}
+
+/**
+ * box-shadows
+ */
+
+.wp-customizer .menu-item .submitbox .submitdelete:focus,
+.customize-screen-options-toggle:focus:before,
+#customize-controls .customize-info .customize-help-toggle:focus:before,
+.wp-customizer button:focus .toggle-indicator:after,
+#available-menu-items-search .clear-results:focus,
+.menu-delete:focus,
+.menu-item-bar .item-delete:focus:before,
 #available-menu-items .item-add:focus:before {
     -webkit-box-shadow:
@@ -764 +833 @@
 }
 
-#available-menu-items .menu-item-handle.item-added .item-type,
-#available-menu-items .menu-item-handle.item-added .item-title,
-#available-menu-items .menu-item-handle.item-added:hover .item-add,
-#available-menu-items .menu-item-handle.item-added .item-add:focus {
-    color: #82878c;
-}
-
-#available-menu-items .menu-item-handle.item-added .item-add:before {
-    content: "\f147";
-}
-
-#available-menu-items .accordion-section-title.loading .spinner,
-#available-menu-items-search.loading .accordion-section-title .spinner {
-    visibility: visible;
-    margin: 0 20px;
-}
-
-#available-menu-items-search .clear-results {
-    position: absolute;
-    top: 20px;
-    right: 20px;
-    width: 20px;
-    height: 20px;
-    cursor: pointer;
-    color: #a00;
-    text-decoration: none;
-}
-
-#available-menu-items-search .clear-results,
-#available-menu-items-search.loading .clear-results.is-visible {
-    display: none;
-}
-
-#available-menu-items-search .clear-results.is-visible {
-    display: block;
-}
-
-#available-menu-items-search .clear-results:before {
-    content: "\f335";
-    font: normal 20px/1 dashicons;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-#available-menu-items-search .clear-results:hover,
-#available-menu-items-search .clear-results:focus {
-    color: #f00;
-}
-
-#available-menu-items-search .clear-results:focus {
-    -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
-    box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
-}
-
-#available-menu-items-search .spinner {
-    position: absolute;
-    top: 20px;
-    margin: 0 !important;
-    right: 20px;
-}
-
-#available-menu-items-search input {
-    padding: 6px 10px;
-    width: 100%;
-}
-
-#available-menu-items-search .accordion-section-title {
-    padding: 12px 15px;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-}
-
-#available-menu-items-search .accordion-section-title:after {
-    display: none;
-}
-
-#available-menu-items-search .accordion-section-content:empty {
-    min-height: 0;
-    padding: 0;
-}
-
-#available-menu-items-search.loading .accordion-section-content div {
-    opacity: .5;
-}
-
-#available-menu-items-search.loading.loading-more .accordion-section-content div {
-    opacity: 1;
-}
-
-#customize-preview {
-    -webkit-transition: all 0.2s;
-    transition: all 0.2s;
-}
-
-body.adding-menu-items #available-menu-items {
-    left: 0;
-    visibility: visible;
-}
-
-body.adding-menu-items .wp-full-overlay-main {
-    left: 300px;
-}
-
-body.adding-menu-items #customize-preview {
-    opacity: 0.4;
-}
-
-.menu-item-handle .spinner {
-    display: none;
-    float: left;
-    margin: 0 8px 0 0;
-}
-
-.nav-menu-inserted-item-loading .spinner {
-    display: block;
-}
-
-.nav-menu-inserted-item-loading .menu-item-handle .item-type {
-    padding: 0 0 0 8px;
-}
-
-.nav-menu-inserted-item-loading .menu-item-handle,
-.added-menu-item .menu-item-handle.loading {
-    padding: 10px 15px 10px 8px;
-    cursor: default;
-    opacity: .5;
-    background: #fff;
-    color: #727773;
-}
-
-.added-menu-item .menu-item-handle {
-    -webkit-transition-property: opacity, background, color;
-    transition-property: opacity, background, color;
-    -webkit-transition-duration: 1.25s;
-    transition-duration: 1.25s;
-    -webkit-transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 );
-    transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
-}
-
-/* Add/delete Menus */
-
-/* @todo update selector */
-#accordion-section-add_menu {
-    margin: 15px 12px;
-}
-
-.new-menu-section-content {
-    display: none;
-    padding: 15px 0 0 0;
-    clear: both;
-}
-
-/* @todo update selector */
-#accordion-section-add_menu .accordion-section-title {
-    padding-left: 45px;
-}
-
-/* @todo update selector */
-#accordion-section-add_menu .accordion-section-title:before {
-    font: normal 20px/1 dashicons;
-    position: absolute;
-    top: 12px;
-    left: 14px;
-    content: "\f132";
-}
-
-#create-new-menu-submit {
-    float: right;
-    margin: 0 0 12px 0;
-}
-
-.menu-delete-item {
-    display: block;
-    float: left;
-    padding: 1em 0;
-    width: 100%;
-}
-
-li.assigned-to-menu-location .menu-delete-item {
-    display: none;
-}
-
-li.assigned-to-menu-location .add-new-menu-item {
-    margin-bottom: 1em;
-}
-
-.menu-delete {
-    color: #a00;
-    cursor: pointer;
-    text-decoration: underline;
-}
-
-.menu-delete:hover,
-.menu-delete:focus {
-    color: #f00;
-    text-decoration: none;
-}
-
-.menu-delete:focus {
-    -webkit-box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
-    box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8);
-}
-
-.menu-item-handle {
-    margin-top: -1px;
-}
-.ui-sortable-disabled .menu-item-handle {
-    cursor: default;
-}
-
-.menu-item-handle:hover {
-    position: relative;
-    z-index: 10;
-    color: #0073aa;
-}
-
-.menu-item-handle:hover .item-type,
-.menu-item-handle:hover .item-edit,
-#available-menu-items .menu-item-handle:hover .item-add {
-    color: #0073aa;
-}
-
-.menu-item-edit-active .menu-item-handle {
-    border-color: #999;
-    border-bottom: none;
-}
-
-.customize-control-nav_menu_item {
-    margin-bottom: 0;
-}
-
-.customize-control-nav_menu {
-    margin-top: 12px;
-}
-
-#available-menu-items .customize-section-title {
-    display: none;
-}
 
 @media screen and ( max-width: 782px ) {
@@ -1011 +841 @@
 
 @media screen and ( max-width: 640px ) {
-    body.adding-menu-items div#available-menu-items {
-        top: 46px;
-        left: 0;
-        z-index: 10;
-        width: 100%;
-    }
-
     #available-menu-items #available-menu-items-search .accordion-section-content {
         top: 133px;
     }
-
-    #available-menu-items .customize-section-title {
-        display: block;
-        margin: 0;
-    }
-
-    #available-menu-items .customize-section-back {
-        height: 69px;
-    }
-
-    #available-menu-items .customize-section-title h3 {
-        font-size: 20px;
-        font-weight: 200;
-        padding: 9px 10px 12px 14px;
-        margin: 0;
-        line-height: 24px;
-        color: #555;
-        display: block;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-
-    #available-menu-items .customize-section-title .customize-action {
-        font-size: 13px;
-        display: block;
-        font-weight: 400;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-}
+}

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

@@ -80 +80 @@
 }
 
-.widget-top {
-    cursor: move;
-}
-
 .customize-control-widget_form.expanded a.widget-action:after {
     content: "\f142";
@@ -100 +96 @@
 }
 
+.widget-top,
 .customize-control-widget_form .widget .customize-control-title {
     cursor: move;
@@ -127 +124 @@
 }
 
-.widget-reorder-nav span {
-    position: relative;
-    overflow: hidden;
-    float: left;
-    display: block;
-    width: 33px; /* was 42px for mobile */
-    height: 43px;
-    color: #82878c;
-    text-indent: -9999px;
-    cursor: pointer;
-    outline: none;
-}
-
-.widget-reorder-nav span:before {
-    display: inline-block;
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 100%;
-    height: 100%;
-    font: normal 20px/43px dashicons;
-    text-align: center;
-    text-indent: 0;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-}
-
-.widget-reorder-nav span:hover,
-.widget-reorder-nav span:focus {
-    color: #444;
-    background: #eee;
-}
-
 .move-widget:before {
     content: "\f504";
-}
-
-.move-widget-down:before {
-    content: "\f347";
-}
-
-.move-widget-up:before {
-    content: "\f343";
-}
-
-#customize-theme-controls .first-widget .move-widget-up,
-#customize-theme-controls .last-widget .move-widget-down {
-    color: #d5d5d5;
-    cursor: default;
 }
 
@@ -257 +207 @@
  */
 
-.wp-full-overlay-main {
-    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. */
-    width: 100%;
-}
-
-body.adding-widget .add-new-widget,
-body.adding-widget .add-new-widget:hover {
-    background: #eee;
-    border-color: #999;
-    color: #32373c;
-    -webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
-    box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
-}
-body.adding-widget .add-new-widget:before {
-    -webkit-transform: rotate(45deg);
-    -ms-transform: rotate(45deg);
-    transform: rotate(45deg);
-}
-
-#available-widgets .widget {
-    position: static;
-}
-
 /* override widgets admin page rules in wp-admin/css/wp-admin.css */
 #widgets-left #available-widgets .widget {
@@ -286 +213 @@
 }
 
-#available-widgets {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: -301px;
-    visibility: hidden;
-    overflow: auto;
-    width: 300px;
-    margin: 0;
-    z-index: 1;
-    background: #eee !important;
-    -webkit-transition: left .18s;
-    transition: left .18s;
-    border-right: 1px solid #ddd;
-}
-
 .ios #available-widgets {
     -webkit-transition: left 0s;
     transition: left 0s;
-}
-
-#available-widgets-list {
-    top: 46px;
-    position: absolute;
-    overflow: auto;
-    bottom: 0;
-    width: 100%;
-}
-
-#available-widgets-filter {
-    position: fixed;
-    top: 0;
-    z-index: 1;
-    width: 300px;
-    height: 46px;
-    padding: 8px 17px 7px 13px;
-    background: #eee;
-    border-bottom: 1px solid #e4e4e4;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-}
-
-#available-widgets-filter input {
-    padding: 5px 10px 2px 10px;
-    width: 100%;
-}
-
-#available-widgets .widget-tpl {
-    position: relative;
-    padding: 20px 15px 20px 60px;
-    background: #fff;
-    border-bottom: 1px solid #e4e4e4;
-    cursor: pointer;
-    display: none;
 }
 
@@ -347 +222 @@
     background: #eee;
     border-bottom-color: #ccc;
-}
-
-#available-widgets .widget-top,
-#available-widgets .widget-top:hover {
-    border: none;
-    background: transparent;
-    -webkit-box-shadow: none;
-    box-shadow: none;
 }
 
@@ -544 +411 @@
 #available-widgets [class*="twitter"] .widget-title:before { content: "\f301"; }
 
-#available-widgets .customize-section-title {
-    display: none;
-}
-
 @media screen and (max-height: 700px) and (min-width: 981px) {
     .customize-control-widget {
@@ -580 +443 @@
     }
 }
-
-@media screen and ( max-width: 640px ) {
-    body.adding-widget div#available-widgets {
-        top: 46px;
-        left: 0;
-        z-index: 10;
-        width: 100%;
-    }
-
-    #available-widgets .customize-section-title {
-        display: block;
-        margin: 0;
-    }
-
-    #available-widgets .customize-section-back {
-        height: 69px;
-    }
-
-    #available-widgets .customize-section-title h3 {
-        font-size: 20px;
-        font-weight: 200;
-        padding: 9px 10px 12px 14px;
-        margin: 0;
-        line-height: 24px;
-        color: #555;
-        display: block;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-
-    #available-widgets .customize-section-title .customize-action {
-        font-size: 13px;
-        display: block;
-        font-weight: 400;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-    }
-
-    #available-widgets-filter {
-        position: relative;
-        width: 100%;
-        background: #fff;
-        height: auto;
-        padding: 10px 15px;
-    }
-
-    #available-widgets-list {
-        top: 140px;
-    }
-}

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

@@ -156 +156 @@
 }
 
-#widgets-left #available-widgets,
+#widgets-left .widgets-holder-wrap,
 div#widgets-left .widget-holder {
     background: transparent;