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 6466d94f675b290a083b8c883e629c576e20daae..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,23 +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 .submit-btn {
-       float: left;
-       margin-top: 1px;
+.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;
 }
 
-.menu-edit p {
-       margin: .3em 0 .6em;
+.manage-menus select,
+.menu-location-menus select {
+       max-width: 100%;
 }
 
 .menu-edit #post-body-content h3 {
@@ -143,7 +134,7 @@ ul.add-menu-item-tabs li {
 }
 
 .theme-location-set {
-       color: #999;
+       color: #72777c;
        font-size: 11px;
 }
 
@@ -169,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;
 }
 
@@ -179,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,
@@ -216,8 +210,12 @@ ul.add-menu-item-tabs li {
        margin-top: -2px;
 }
 
-.widefat td.menu-location-menus {
-       padding-bottom: 5px;
+.widefat .menu-locations .menu-location-title {
+       padding: 13px 10px 0;
+}
+
+.menu-location-title label {
+       font-weight: bold;
 }
 
 .menu-location-menus select {
@@ -249,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: #aaa;
-       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;
 }
@@ -278,10 +262,6 @@ ul.add-menu-item-tabs li {
        margin: 0;
 }
 
-.customlinkdiv .howto input {
-       width: 180px;
-}
-
 .customlinkdiv p {
        margin-top: 0
 }
@@ -304,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 {
@@ -345,11 +319,6 @@ ul.add-menu-item-tabs li {
        float: right;
 }
 
-.postbox .spinner {
-       display: none;
-       vertical-align: middle;
-}
-
 .button-controls {
        clear:both;
        margin: 10px 0;
@@ -367,6 +336,7 @@ ul.add-menu-item-tabs li {
 /* Create Menu */
 #menu-name {
        width: 270px;
+       vertical-align: middle;
 }
 
 #manage-menu .inside {
@@ -393,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 */
@@ -404,6 +374,11 @@ ul.add-menu-item-tabs li {
        width: 190px;
 }
 
+.quick-search-wrap .spinner {
+       float: none;
+       margin: -3px -10px 0 0;
+}
+
 .nav-menus-php .list-wrap {
        display: none;
        clear: both;
@@ -467,10 +442,11 @@ 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;
+       min-height: 20px;
        width: 382px;
        line-height: 30px;
        overflow: hidden;
@@ -507,12 +483,16 @@ ul.add-menu-item-tabs li {
        margin-right: 13em;
 }
 
+.menu-item-handle .menu-item-title.no-title {
+       color: #72777c;
+}
+
 /* Sortables */
-li.menu-item.ui-sortable-helper dl {
+li.menu-item.ui-sortable-helper .menu-item-bar {
        margin-top: 0;
 }
 
-li.menu-item.ui-sortable-helper .menu-item-transport dl {
+li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar {
        margin-top: 13px;
 }
 
@@ -522,7 +502,12 @@ li.menu-item.ui-sortable-helper .menu-item-transport dl {
        margin-top: 13px;
 }
 
-/* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */
+/* Hide the transport list when it's empty */
+.menu-item .menu-item-transport:empty {
+       display: none;
+}
+
+/* WARNING: The factor of 30px is hardcoded into the nav-menus JavaScript. */
 .menu-item-depth-0 { margin-left: 0px; }
 .menu-item-depth-1 { margin-left: 30px; }
 .menu-item-depth-2 { margin-left: 60px; }
@@ -564,11 +549,11 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 
 /* Menu item controls */
 .item-type {
-       color: #777;
+       display: inline-block;
+       padding: 12px 16px;
+       color: #666;
        font-size: 12px;
-       padding: 12px 10px;
        line-height: 18px;
-       display: block;
 }
 
 .item-controls {
@@ -604,6 +589,51 @@ 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;
+       width: 20px;
+       -webkit-border-radius: 50%;
+       border-radius: 50%;
+       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 */
+}
+
+.nav-menus-php .item-edit:focus {
+       -webkit-box-shadow: none;
+       box-shadow: none;
+}
+
+.nav-menus-php .item-edit: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);
+}
+
 /* Menu editing */
 .menu-instructions-inactive {
        display: none;
@@ -643,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;
 }
@@ -666,7 +696,6 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 
 .description-thin {
        width: 190px;
-       height: 40px;
 }
 
 .description-wide {
@@ -684,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 {
@@ -704,14 +731,14 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 }
 
 .nav-menus-php .submitbox .submitcancel {
-       border-bottom: 1px solid #0074a2;
+       border-bottom: 1px solid #0073aa;
        padding: 1px 2px;
-       color: #0074a2;
+       color: #0073aa;
        text-decoration: none;
 }
 
 .nav-menus-php .submitbox .submitcancel:hover {
-       background: #0074a2;
+       background: #0073aa;
        color: #fff;
 }
 
@@ -720,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,
@@ -747,6 +757,24 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
 /* =Media Queries
 -------------------------------------------------------------- */
 
+@media only screen and (min-width: 769px) and (max-width: 1000px){
+       body.menu-max-depth-0 {
+               min-width: 0 !important;
+       }
+
+       #menu-management-liquid{
+               width: 100%;
+       }
+
+       .nav-menus-php #post-body-content{
+               min-width: 0;
+       }
+
+       .menu-item-bar .menu-item-handle{
+               width: 90%;
+       }
+}
+
 @media screen and ( max-width: 782px ) {
        body.nav-menus-php {
                min-width: 0 !important;
@@ -820,13 +848,17 @@ body.menu-max-depth-11 { min-width: 1280px !important; }
        .menu-item-settings .description-thin,
        .menu-item-settings .description-wide {
                width: 100%;
-               height: auto;
        }
 
        .menu-item-settings input {
                width: 100%;
        }
 
+       .menu-item-settings input[type="checkbox"],
+       .menu-item-settings input[type="radio"] {
+               width: 25px;
+       }
+
        .menu-settings dl {
                padding-left: 0;
        }
@@ -843,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) {