display: none;
}
+.control-section.control-section-sidebar .accordion-section-content.ui-sortable {
+ overflow: visible;
+}
+
.customize-control-widget_form .widget-top {
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
.reordering .reorder-done {
display: block;
- color: #aa0000;
+ color: #0073aa;
+}
+
+.reordering .reorder-done:hover,
+.reordering .reorder-done:active {
+ color: #00a0d2;
}
#customize-theme-controls .reordering .add-new-widget {
#available-widgets {
position: absolute;
- overflow: auto;
top: 0;
bottom: 0;
right: -301px;
+ visibility: hidden;
+ overflow: auto;
width: 300px;
margin: 0;
z-index: 1;
- background: #fff !important;
- -webkit-transition: all 0.2s;
- transition: all 0.2s;
- border-left: 1px solid #dddddd;
+ background: #eee !important;
+ -webkit-transition: right .18s;
+ transition: right .18s;
+ border-left: 1px solid #ddd;
+}
+
+.ios #available-widgets {
+ -webkit-transition: right 0s;
+ transition: right 0s;
}
#available-widgets-list {
#available-widgets .widget-tpl {
position: relative;
padding: 20px 60px 20px 15px;
+ background: #fff;
border-bottom: 1px solid #e4e4e4;
cursor: pointer;
display: none;
#available-widgets .widget-tpl:hover,
#available-widgets .widget-tpl.selected {
- background: #fafafa;
+ background: #eee;
+ border-bottom-color: #ccc;
}
#available-widgets .widget-top,
body.adding-widget #available-widgets {
right: 0;
+ visibility: visible;
}
body.adding-widget .wp-full-overlay-main {
#available-widgets [class*="tweet"] .widget-title:before,
#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 {
+ .customize-control-widget {
margin-bottom: 0;
}
.widget-top {
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 14px 12px 10px;
+ 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: static;
+ position: relative;
width: 100%;
+ background: #fff;
height: auto;
+ padding: 10px 15px;
+ }
+
+ #available-widgets-list {
+ top: 140px;
}
}