X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/53f4633144ed68c8b8fb5861f992b5489894a940..febc815b2c9d85be5717da9e8d164bd2daa97e31:/wp-admin/css/nav-menus-rtl.css diff --git a/wp-admin/css/nav-menus-rtl.css b/wp-admin/css/nav-menus-rtl.css index a9b0133b..e5496043 100644 --- a/wp-admin/css/nav-menus-rtl.css +++ b/wp-admin/css/nav-menus-rtl.css @@ -6,7 +6,7 @@ } ul.add-menu-item-tabs li { - padding: 3px 8px 3px 5px; + padding: 3px 8px 4px 5px; } .accordion-section ul.category-tabs, @@ -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,9 +69,9 @@ ul.add-menu-item-tabs li { } .is-submenu { - color: #999; + color: #555d66; /* #fafafa background */ font-style: italic; - font-weight: normal; + font-weight: 400; margin-right: 4px; } @@ -86,19 +82,18 @@ ul.add-menu-item-tabs li { background: #fbfbfb; } -.manage-menus select { - float: right; - margin-left: 6px; -} - -.manage-menus .selected-menu { - float: right; - margin: 5px 0 0 6px; +.manage-menus .selected-menu, +.manage-menus select, +.manage-menus .submit-btn, +.nav-menus-php .add-new-menu-action { + display: inline-block; + margin-left: 3px; + vertical-align: middle; } -.manage-menus .submit-btn { - float: right; - 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-left: 7px; + font-style: italic; } .nav-menus-php #post-body div.updated, @@ -212,16 +210,12 @@ 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 { - font-weight: bold; + font-weight: 600; } .menu-location-menus select { @@ -253,27 +247,13 @@ ul.add-menu-item-tabs li { border-left: 1px solid #ccc; } -#wpbody .open-label { - display: block; - float:right; -} - -#wpbody .open-label span { - padding-left: 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: left; } @@ -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: right; - margin: 6px 6px 0 0; - 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: right; + margin-top: 6px; } /* Menu item types */ @@ -405,7 +376,7 @@ ul.add-menu-item-tabs li { .quick-search-wrap .spinner { float: none; - margin: 0 5px; + margin: -3px 0 0 -10px; } .nav-menus-php .list-wrap { @@ -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 */ @@ -579,7 +550,7 @@ body.menu-max-depth-11 { min-width: 1280px !important; } /* Menu item controls */ .item-type { display: inline-block; - padding: 12px 10px; + padding: 12px 16px; color: #666; font-size: 12px; line-height: 18px; @@ -618,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: left; + width: auto; + height: auto; + margin-left: -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-right: 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; @@ -657,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; } @@ -697,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: left; float: left; - line-height: 23px; - margin: 4px 0 1px; } .nav-menus-php .blank-slate .menu-settings { @@ -733,23 +747,6 @@ body.menu-max-depth-11 { min-width: 1280px !important; } margin-right: -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, @@ -760,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; @@ -860,6 +875,14 @@ body.menu-max-depth-11 { min-width: 1280px !important; } margin-right: 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) {