WordPress 4.5

[autoinstalls/wordpress.git] / wp-admin / css / nav-menus.css

diff --git a/wp-admin/css/nav-menus.css b/wp-admin/css/nav-menus.css
index 9084875604d9fedf32840c0377b77be7917b0bc5..a230d9d541729dd1b6c09d772a2251f204382ca9 100644 (file)
--- a/wp-admin/css/nav-menus.css
+++ b/wp-admin/css/nav-menus.css
@@ -61,10 +61,6 @@ ul.add-menu-item-tabs li {
        position: relative;
 }
 
-.blank-slate .menu-name {
-       height: 2em;
-}
-
 .blank-slate .menu-settings {
        border: none;
        margin-top: 0;
@@ -73,7 +69,7 @@ ul.add-menu-item-tabs li {
 }
 
 .is-submenu {
-       color: #999;
+       color: #555d66; /* #fafafa background */
        font-style: italic;
        font-weight: normal;
        margin-left: 4px;
@@ -86,19 +82,18 @@ ul.add-menu-item-tabs li {
        background: #fbfbfb;
 }
 
-.manage-menus select {
-       float: left;
-       margin-right: 6px;
-}
-
-.manage-menus .selected-menu {
-       float: left;
-       margin: 5px 6px 0 0;
+.manage-menus .selected-menu,
+.manage-menus select,
+.manage-menus .submit-btn,
+.nav-menus-php .add-new-menu-action {
+       display: inline-block;
+       margin-right: 3px;
+       vertical-align: middle;
 }
 
-.manage-menus .submit-btn {
-       float: left;
-       margin-top: 1px;
+.manage-menus select,
+.menu-location-menus select {
+       max-width: 100%;
 }
 
 .menu-edit #post-body-content h3 {
@@ -139,7 +134,7 @@ ul.add-menu-item-tabs li {
 }
 
 .theme-location-set {
-       color: #999;
+       color: #72777c;
        font-size: 11px;
 }
 
@@ -165,7 +160,7 @@ ul.add-menu-item-tabs li {
 .nav-menus-php #post-body {
        padding: 0 10px 10px;
        border-top: 1px solid #fff;
-       border-bottom: 1px solid #dfdfdf;
+       border-bottom: 1px solid #ddd;
        background: #fff;
 }
 
@@ -175,12 +170,15 @@ ul.add-menu-item-tabs li {
 }
 
 #nav-menu-header {
-       border-bottom: 1px solid #dfdfdf;
+       border-bottom: 1px solid #ddd;
        margin-bottom: 0;
 }
 
 #nav-menu-header .menu-name-label {
-       margin-top: 4px;
+       display: inline-block;
+       vertical-align: middle;
+       margin-right: 7px;
+       font-style: italic;
 }
 
 .nav-menus-php #post-body div.updated,
@@ -212,12 +210,8 @@ ul.add-menu-item-tabs li {
        margin-top: -2px;
 }
 
-.widefat .menu-locations tr + tr td {
-       padding-top: 0;
-}
-
-.widefat .menu-locations td {
-       vertical-align: middle;
+.widefat .menu-locations .menu-location-title {
+       padding: 13px 10px 0;
 }
 
 .menu-location-title label {
@@ -253,27 +247,13 @@ ul.add-menu-item-tabs li {
        border-right: 1px solid #ccc;
 }
 
-#wpbody .open-label {
-       display: block;
-       float:left;
-}
-
-#wpbody .open-label span {
-       padding-right: 10px;
-}
-
-.js .input-with-default-title {
-       color: #a0a5aa;
-       font-style: italic;
-}
-
 #menu-management .inside {
        padding: 0 10px;
 }
 
 /* Add Menu Item Boxes */
 .postbox .howto input,
-.accordion-container .howto input {
+.customlinkdiv .menu-item-textbox {
        width: 180px;
        float: right;
 }
@@ -282,10 +262,6 @@ ul.add-menu-item-tabs li {
        margin: 0;
 }
 
-.customlinkdiv .howto input {
-       width: 180px;
-}
-
 .customlinkdiv p {
        margin-top: 0
 }
@@ -308,12 +284,6 @@ ul.add-menu-item-tabs li {
        padding: 0;
 }
 
-.nav-menus-php .add-new-menu-action {
-       float: left;
-       margin: 6px 0 0 6px;
-       line-height: 15px;
-}
-
 .nav-menus-php .meta-sep,
 .nav-menus-php .submitdelete,
 .nav-menus-php .submitcancel {
@@ -366,6 +336,7 @@ ul.add-menu-item-tabs li {
 /* Create Menu */
 #menu-name {
        width: 270px;
+       vertical-align: middle;
 }
 
 #manage-menu .inside {
@@ -392,10 +363,10 @@ ul.add-menu-item-tabs li {
        width: 180px;
 }
 
+.customlinkdiv label,
 .nav-menus-php .howto span {
-       margin-top: 6px;
-       display: block;
        float: left;
+       margin-top: 6px;
 }
 
 /* Menu item types */
@@ -471,7 +442,7 @@ ul.add-menu-item-tabs li {
 }
 
 .menu-item-bar .menu-item-handle {
-       border: 1px solid #dfdfdf;
+       border: 1px solid #ddd;
        position: relative;
        padding: 10px 15px;
        height: auto;
@@ -513,7 +484,7 @@ ul.add-menu-item-tabs li {
 }
 
 .menu-item-handle .menu-item-title.no-title {
-       color: #999;
+       color: #72777c;
 }
 
 /* Sortables */
@@ -618,6 +589,20 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
        white-space: nowrap;
 }
 
+.no-js.nav-menus-php .item-edit {
+       position: static;
+       float: right;
+       width: auto;
+       height: auto;
+       margin-right: -10px !important;
+       padding: 12px 0;
+       color: #0073aa;
+       text-decoration: underline;
+       font-size: 12px;
+       line-height: 18px;
+       text-indent: 0;
+}
+
 .nav-menus-php .item-edit:before {
        margin-top: 10px;
        margin-left: 4px;
@@ -627,6 +612,10 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
        text-indent: -1px; /* account for the dashicon alignment */
 }
 
+.no-js.nav-menus-php .item-edit:before {
+       display: none;
+}
+
 .rtl .nav-menus-php .item-edit:before {
        text-indent: 1px; /* account for the dashicon alignment */
 }
@@ -638,10 +627,10 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 
 .nav-menus-php .item-edit:focus:before {
        -webkit-box-shadow:
-       0 0 0 1px #5b9dd9,
+               0 0 0 1px #5b9dd9,
                0 0 2px 1px rgba(30, 140, 190, .8);
-    box-shadow:
-       0 0 0 1px #5b9dd9,
+       box-shadow:
+               0 0 0 1px #5b9dd9,
                0 0 2px 1px rgba(30, 140, 190, .8);
 }
 
@@ -684,8 +673,8 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
        display: block;
        margin: 0 0 10px;
        padding: 3px 5px 5px;
-       border: 1px solid #dfdfdf;
-       color: #777;
+       border: 1px solid #ddd;
+       color: #72777c;
        font-size: 12px;
        font-style: italic;
 }
@@ -724,14 +713,12 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 /* Major/minor publishing actions (classes) */
 .nav-menus-php .major-publishing-actions {
        clear: both;
-       padding: 3px 0 6px;
+       padding: 7px 0 6px;
 }
 
 .nav-menus-php .major-publishing-actions .publishing-action {
        text-align: right;
        float: right;
-       line-height: 23px;
-       margin: 4px 0 1px;
 }
 
 .nav-menus-php .blank-slate .menu-settings {
@@ -760,23 +747,6 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
        margin-left: -4px;
 }
 
-/* Clearfix */
-#menu-item-name-wrap:after,
-#menu-item-url-wrap:after,
-#menu-name-label:after,
-#menu-settings-column .inside:after,
-#nav-menus-frame:after,
-.nav-menus-php #post-body-content:after,
-.nav-menus-php .button-controls:after,
-.nav-menus-php .major-publishing-actions:after,
-.nav-menus-php .menu-item-settings:after {
-       clear: both;
-       content: ".";
-       display: block;
-       height: 0;
-       visibility: hidden;
-}
-
 #nav-menus-frame,
 .button-controls,
 #menu-item-url-wrap,
@@ -905,6 +875,14 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
                margin-left: 0;
                margin-bottom: 15px;
        }
+
+       .manage-menus select {
+               margin: 0.5em 0;
+       }
+
+       .widefat .menu-locations .menu-location-title {
+               padding-top: 16px;
+       }
 }
 
 @media only screen and (max-width: 768px) {