WordPress 4.5

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

diff --git a/wp-admin/css/widgets.css b/wp-admin/css/widgets.css
index 75014f6ddc1cf37da614885311b2f20d0356b009..c2d6754fdd038ca7d4b848332bf26afa0cec74cc 100644 (file)
--- a/wp-admin/css/widgets.css
+++ b/wp-admin/css/widgets.css
@@ -16,12 +16,17 @@
 
 .widget-top a.widget-action,
 .widget-top a.widget-action:hover {
+       -webkit-box-shadow: none;
+       box-shadow: none;
+       outline: none;
        text-decoration: none;
 }
 
+.widget-title h3,
 .widget-title h4 {
        margin: 0;
        padding: 15px;
+       font-size: 1em;
        line-height: 1;
        overflow: hidden;
        white-space: nowrap;
@@ -46,7 +51,7 @@
 
 .deleting .widget-title,
 .deleting .widget-top a.widget-action:after {
-       color: #aaa;
+       color: #a0a5aa;
 }
 
 /* Widget Dragging Helpers */
@@ -59,7 +64,7 @@
 }
 
 .widget-placeholder {
-       border: 1px dashed #bbb;
+       border: 1px dashed #b4b9be;
        margin: 0 auto 10px;
        height: 45px;
        width: 100%;
@@ -97,6 +102,7 @@
        cursor: pointer;
 }
 
+.sidebar-name h2,
 .sidebar-name h3 {
        margin: 0;
        padding: 8px 10px;
@@ -108,7 +114,12 @@
        padding: 0 0 15px;
        margin: 0;
        font-style: normal;
-       color: #777;
+       color: #72777c;
+}
+
+.widget-holder .description,
+.inactive-sidebar .description {
+       color: #555d66;
 }
 
 #widgets-right .widgets-holder-wrap .description {
@@ -139,18 +150,17 @@ div#widgets-left .inactive-sidebar.closed .sidebar-name {
        margin-bottom: 10px;
 }
 
+div#widgets-left .sidebar-name h2,
 div#widgets-left .sidebar-name h3 {
        padding: 10px 0;
        margin: 0 10px 0 0;
 }
 
-div#widgets-left .sidebar-name .sidebar-name-arrow:before {
-       right: 0;
-       top: 4px;
-       padding: 4px 6px 4px 4px;
+#widgets-left .sidebar-name .sidebar-name-arrow:before {
+       padding: 9px;
 }
 
-#widgets-left #available-widgets,
+#widgets-left .widgets-holder-wrap,
 div#widgets-left .widget-holder {
        background: transparent;
        border: none;
@@ -220,14 +230,6 @@ div#widgets-left .inactive-sidebar .widgets-sortables {
 
 /* Widgets Right */
 
-div#widgets-right:after {
-       content: ".";
-       display: block;
-       height: 0;
-       clear: both;
-       visibility: hidden;
-}
-
 div#widgets-right .sidebars-column-1,
 div#widgets-right .sidebars-column-2 {
        max-width: 450px;
@@ -242,13 +244,13 @@ div#widgets-right .sidebar-description {
        margin-top: -5px;
 }
 
+div#widgets-right .sidebar-name h2,
 div#widgets-right .sidebar-name h3 {
        padding: 15px 7px;
 }
 
 div#widgets-right .sidebar-name .sidebar-name-arrow:before {
-       right: 0;
-       top: 4px;
+       top: 2px;
 }
 
 div#widgets-right .widget-top {
@@ -267,14 +269,17 @@ div#widgets-right .closed .widgets-sortables {
        margin-bottom: 0;
 }
 
-.sidebar-name .spinner {
-       margin: -5px 5px;
+.sidebar-name .spinner,
+.remove-inactive-widgets .spinner {
        float: none;
+       position: relative;
+       top: -2px;
+       margin: -5px 5px;
 }
 
 /* Dragging a widget over a closed sidebar */
 #widgets-right .widgets-holder-wrap.widget-hover {
-       border-color: #777;
+       border-color: #72777c;
        -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
        box-shadow: 0 1px 2px rgba(0,0,0,0.3);
 }
@@ -341,10 +346,15 @@ div#widgets-right .closed .widgets-sortables {
 
 .js .widgets-holder-wrap.closed .widget,
 .js .widgets-holder-wrap.closed .sidebar-description,
+.js .widgets-holder-wrap.closed .remove-inactive-widgets,
 .js .closed br.clear {
        display: none;
 }
 
+.js .widgets-holder-wrap.closed .widget.ui-sortable-helper {
+       display: block;
+}
+
 /* Hide Widget Settings by Default */
 .widget-inside,
 .widget-description {
@@ -366,7 +376,7 @@ div#widgets-right .closed .widgets-sortables {
 }
 
 .js #removing-widget {
-       color: #2ea2cc;
+       color: #00a0d2;
 }
 
 .widget-control-noform,
@@ -451,17 +461,18 @@ div#widgets-right .widget-top:hover,
        transition: background 0.2s ease-in-out;
 }
 
+ /* @todo looks like these hover/focus states are overridden by .widgets-chooser-selected */
 .widgets-chooser li:hover,
 .widgets-chooser li:focus {
        background: rgba(255,255,255,0.7);
 }
 
 .widgets-chooser li:focus:before {
-       content: '\f147';
+       content: "\f147";
        display: block;
        -webkit-font-smoothing: antialiased;
-       font: normal 26px/1 'dashicons';
-       color: #999;
+       font: normal 26px/1 dashicons;
+       color: #555d66;
        position: absolute;
        top: 7px;
        left: 5px;
@@ -472,16 +483,16 @@ div#widgets-right .widget-top:hover,
 }
 
 .widgets-chooser li.widgets-chooser-selected {
-       background: #2ea2cc;
+       background: #00a0d2;
        color: #fff;
 }
 
 .widgets-chooser li.widgets-chooser-selected:before,
 .widgets-chooser li.widgets-chooser-selected:focus:before {
-       content: '\f147';
+       content: "\f147";
        display: block;
        -webkit-font-smoothing: antialiased;
-       font: normal 26px/1 'dashicons';
+       font: normal 26px/1 dashicons;
        color: #fff;
        position: absolute;
        top: 7px;
@@ -501,6 +512,10 @@ div#widgets-right .widget-top:hover,
        cursor: pointer;
 }
 
+#available-widgets .widget.ui-draggable-dragging .widget-top {
+       cursor: move;
+}
+
 /* =Media Queries
 -------------------------------------------------------------- */