WordPress 4.4

[autoinstalls/wordpress.git] / wp-admin / css / customize-widgets-rtl.css

diff --git a/wp-admin/css/customize-widgets-rtl.css b/wp-admin/css/customize-widgets-rtl.css
index 9e1e3752459d791cbfbf3de6ec8fdd9d17115fa1..bbe44c37bd078f099c3e0775dfa5b8dd2ea34b18 100644 (file)
--- a/wp-admin/css/customize-widgets-rtl.css
+++ b/wp-admin/css/customize-widgets-rtl.css
@@ -14,6 +14,10 @@
        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;
@@ -113,39 +117,8 @@
 }
 
 /**
-* Widget reordering styles
-**/
-
-.reorder-toggle {
-       float: left;
-       padding: 5px 8px;
-       text-decoration: none;
-       cursor: pointer;
-       outline: none;
-       -webkit-user-select: none;
-       -moz-user-select: none;
-       -ms-user-select: none;
-       user-select: none;
-}
-.reorder-toggle:focus {
-       outline: 1px dotted;
-}
-
-.reorder-done,
-.reordering .reorder {
-       display: none;
-}
-
-.reordering .reorder-done {
-       display: block;
-       color: #aa0000;
-}
-
-#customize-theme-controls .reordering .add-new-widget {
-       opacity: 0.2;
-       pointer-events: none;
-       cursor: not-allowed;
-}
+ * Widget reordering styles
+ */
 
 #customize-theme-controls .widget-reorder-nav {
        display: none;
@@ -173,7 +146,7 @@
        left: 0;
        width: 100%;
        height: 100%;
-       font: normal 20px/43px 'dashicons';
+       font: normal 20px/43px dashicons;
        text-align: center;
        text-indent: 0;
        -webkit-font-smoothing: antialiased;
@@ -187,15 +160,15 @@
 }
 
 .move-widget:before {
-       content: '\f504';
+       content: "\f504";
 }
 
 .move-widget-down:before {
-       content: '\f347';
+       content: "\f347";
 }
 
 .move-widget-up:before {
-       content: '\f343';
+       content: "\f343";
 }
 
 #customize-theme-controls .first-widget .move-widget-up,
@@ -204,7 +177,7 @@
        cursor: default;
 }
 
-#customize-theme-controls  .move-widget-area {
+#customize-theme-controls .move-widget-area {
        display: none;
        background: #fff;
        border: 1px solid #dedede;
@@ -243,11 +216,11 @@
 
 #customize-theme-controls .widget-area-select li:before {
        display: none;
-       content: '\f147';
+       content: "\f147";
        position: absolute;
        top: 12px;
        right: 10px;
-       font: normal 20px/1 'dashicons';
+       font: normal 20px/1 dashicons;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
 }
@@ -279,42 +252,15 @@
        display: block;
 }
 
-
 /**
  * Styles for new widget addition panel
  */
+
 .wp-full-overlay-main {
        left: 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%;
 }
 
-#customize-theme-controls .add-new-widget {
-       cursor: pointer;
-       float: left;
-       margin-right: 10px;
-       -webkit-transition: all 0.2s;
-       transition: all 0.2s;
-       -webkit-user-select: none;
-       -moz-user-select: none;
-       -ms-user-select: none;
-       user-select: none;
-       outline: none;
-}
-
-.add-new-widget:before {
-       content: "\f132";
-       display: inline-block;
-       position: relative;
-       right: -2px;
-       top: -1px;
-       font: normal 20px/1 'dashicons';
-       vertical-align: middle;
-       -webkit-transition: all 0.2s;
-       transition: all 0.2s;
-       -webkit-font-smoothing: antialiased;
-       -moz-osx-font-smoothing: grayscale;
-}
-
 body.adding-widget .add-new-widget,
 body.adding-widget .add-new-widget:hover {
        background: #eee;
@@ -341,17 +287,23 @@ body.adding-widget .add-new-widget:before {
 
 #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 {
@@ -384,6 +336,7 @@ body.adding-widget .add-new-widget:before {
 #available-widgets .widget-tpl {
        position: relative;
        padding: 20px 60px 20px 15px;
+       background: #fff;
        border-bottom: 1px solid #e4e4e4;
        cursor: pointer;
        display: none;
@@ -391,7 +344,8 @@ body.adding-widget .add-new-widget:before {
 
 #available-widgets .widget-tpl:hover,
 #available-widgets .widget-tpl.selected {
-       background: #fafafa;
+       background: #eee;
+       border-bottom-color: #ccc;
 }
 
 #available-widgets .widget-top,
@@ -402,7 +356,11 @@ body.adding-widget .add-new-widget:before {
        box-shadow: none;
 }
 
-#available-widgets .widget-title h4 {
+#customize-controls .widget-title h3 {
+       font-size: 1em;
+}
+
+#available-widgets .widget-title h3 {
        padding: 0 0 5px;
        font-size: 14px;
 }
@@ -419,6 +377,7 @@ body.adding-widget .add-new-widget:before {
 
 body.adding-widget #available-widgets {
        right: 0;
+       visibility: visible;
 }
 
 body.adding-widget .wp-full-overlay-main {
@@ -434,7 +393,8 @@ body.adding-widget #customize-preview {
  * Widget Icon styling
  * No plurals in naming.
  * Ordered from lowest to highest specificity.
- **/
+ */
+
 #available-widgets .widget-title {
        position: relative;
 }
@@ -448,7 +408,7 @@ body.adding-widget #customize-preview {
        width: 20px;
        height: 20px;
        color: #32373c;
-       font: normal 20px/1 'dashicons';
+       font: normal 20px/1 dashicons;
        text-align: center;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
@@ -583,9 +543,12 @@ body.adding-widget #customize-preview {
 #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 {
@@ -600,12 +563,9 @@ body.adding-widget #customize-preview {
        .last-widget {
                margin-bottom: 15px;
        }
-       .widget-title h4 {
+       .widget-title h3 {
                padding: 13px 15px;
        }
-       .widget-top a.widget-action:after {
-               padding-top: 9px;
-       }
        .widget-reorder-nav span {
                height: 39px;
        }
@@ -628,9 +588,46 @@ body.adding-widget #customize-preview {
                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;
        }
 }