#$@%#$%!

Ngiler SH3LL 360
: / var / softaculous / sitepad / editor / site-admin / css /

Information Server
MySQL : OFF Perl : OFF CURL : ON WGET : OFF PKEXEC : OFF

Directive	Local Value
IP Address	63.250.38.10
System	Linux premium90.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64
User	likhxapw
PHP Version	8.3.30
Software	LiteSpeed
Doc root	Writable

Edit File : nav-menus.css \| Size : 15.10 KB
/* nav-menu / / @todo: determine if this is truly for nav menus only / .no-js #message { display: block; } ul.add-menu-item-tabs li { padding: 10px 5px 6px 8px; } .accordion-section ul.category-tabs, .accordion-section ul.add-menu-item-tabs, .accordion-section ul.wp-tab-bar { margin: 0; } .accordion-section .categorychecklist { margin: 13px 0; } #nav-menu-meta .accordion-section-content { padding: 18px 13px; } #nav-menu-meta .button-controls { margin-bottom: 0; } .has-no-menu-item .button-controls { display: none; } #nav-menus-frame { margin-left: 300px; margin-top: 23px; } #wpbody-content #menu-settings-column { display: inline; width: 281px; margin-left: -300px; clear: both; float: left; padding-top: 0; } #menu-settings-column .inside { clear: both; margin: 10px 0 0; } .metabox-holder-disabled .postbox, .metabox-holder-disabled .accordion-section-content, .metabox-holder-disabled .accordion-section-title { opacity: 0.5; filter: alpha(opacity=50); } .metabox-holder-disabled .button-controls .select-all { display: none; } #wpbody { position: relative; } .blank-slate .menu-settings { border: none; margin-top: 0; padding-top: 0; overflow: hidden; } .is-submenu { color: #555d66; / #fafafa background / font-style: italic; font-weight: 400; margin-left: 4px; } .manage-menus { margin-top: 23px; padding: 10px; overflow: hidden; background: #fbfbfb; } .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 select, .menu-location-menus select { max-width: 100%; } .menu-edit #post-body-content h3 { margin: 1em 0 10px; } .menu-settings { border-top: 1px solid #eee; margin-top: 2em; } .menu-settings-group { margin: 0 0 10px; overflow: hidden; padding-left: 20%; } .menu-settings-group:last-of-type { margin-bottom: 0; } .menu-settings-input { float: left; margin: 0; width: 100%; } .menu-settings-group-name { float: left; clear: both; width: 25%; padding: 3px 0 0; margin-left: -25%; / 20 container left padding x ( 100 container % width / 80 this % width ) / } .menu-settings label { vertical-align: baseline; } .menu-edit .checkbox-input { margin-top: 4px; } .theme-location-set { color: #72777c; font-size: 11px; } / Menu Container / / @todo: responsive view. / #menu-management-liquid { float: left; min-width: 100%; margin-top: 3px; } / @todo: responsive view. / #menu-management { position: relative; margin-right: 20px; margin-top: -3px; width: 100%; } #menu-management .menu-edit { margin-bottom: 20px; } .nav-menus-php #post-body { padding: 0 10px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #ddd; background: #fff; } #nav-menu-header, #nav-menu-footer { padding: 0 10px; background: #f5f5f5; } #nav-menu-header { border-bottom: 1px solid #ddd; margin-bottom: 0; } #nav-menu-header .menu-name-label { display: inline-block; vertical-align: middle; margin-right: 7px; font-style: italic; } .nav-menus-php #post-body div.updated, .nav-menus-php #post-body div.error { margin: 0; } .nav-menus-php #post-body-content { position: relative; float: none; } #menu-management .menu-add-new abbr { font-weight: 600; } #select-nav-menu-container { text-align: right; padding: 0 10px 3px 10px; margin-bottom: 5px; } #select-nav-menu { width: 100px; display: inline; } #menu-name-label { margin-top: -2px; } .widefat .menu-locations .menu-location-title { padding: 13px 10px 0; } .menu-location-title label { font-weight: 600; } .menu-location-menus select { float: left; } #locations-nav-menu-wrapper { padding: 5px 0; } .locations-nav-menu-select select { float: left; width: 160px; margin-right: 5px; } .locations-row-links { float: left; margin: 6px 0 0 6px; } .locations-edit-menu-link, .locations-add-menu-link { margin: 0 3px; } .locations-edit-menu-link { padding-right: 3px; border-right: 1px solid #ccc; } #menu-management .inside { padding: 0 10px; } / Add Menu Item Boxes / .postbox .howto input, .customlinkdiv .menu-item-textbox { width: 180px; float: right; } .accordion-container .outer-border { margin: 0; } .customlinkdiv p { margin-top: 0 } #nav-menu-theme-locations .howto select { width: 100%; } #nav-menu-theme-locations .button-controls { text-align: right; } .add-menu-item-view-all { height: 400px; } / Button Primary Actions / #menu-container .submit { margin: 0 0 10px; padding: 0; } / @todo: is this actually used? / #cancel-save { text-decoration: underline; font-size: 12px; margin-left: 20px; margin-top: 5px; } .button.right, .button-secondary.right, .button-primary.right { float: right; } / Button Secondary Actions / .list-controls { float: left; margin-top: 5px; } .add-to-menu { float: right; } .button-controls { clear: both; margin: 10px 0; } .show-all, .hide-all { cursor: pointer; } .hide-all { display: none; } / Create Menu / #menu-name { width: 270px; vertical-align: middle; } #manage-menu .inside { padding: 0px 0px; } / Custom Links / #available-links dt { display: block; } #add-custom-link .howto { font-size: 12px; } #add-custom-link label span { display: block; float: left; margin-top: 5px; padding-right: 5px; } .menu-item-textbox { width: 180px; } .customlinkdiv label, .nav-menus-php .howto span { float: left; margin-top: 6px; } / Menu item types / .quick-search { width: 190px; } .quick-search-wrap .spinner { float: none; margin: -3px -10px 0 0; } .nav-menus-php .list-wrap { display: none; clear: both; margin-bottom: 10px; } .nav-menus-php .postbox p.submit { margin-bottom: 0; } / Listings / .nav-menus-php .list li { display: none; margin: 0; margin-bottom: 5px; } .nav-menus-php .list li .menu-item-title { cursor: pointer; display: block; } .nav-menus-php .list li .menu-item-title input { margin-right: 3px; margin-top: -3px; } .menu-item-title input[type=checkbox] { display: inline-block; margin-top: -4px; } / Nav Menu / #menu-container .inside { padding-bottom: 10px; } .menu { padding-top: 1em; } #menu-to-edit { margin: 0; padding: 0.1em 0; } .menu ul { width: 100%; } .menu li { margin-bottom: 0; position: relative; } .menu-item-bar { clear: both; line-height: 1.5em; position: relative; margin: 9px 0 0; } .menu-item-bar .menu-item-handle { border: 1px solid #ddd; position: relative; padding: 10px 15px; height: auto; min-height: 20px; width: 382px; line-height: 30px; overflow: hidden; word-wrap: break-word; } .menu-item-bar .menu-item-handle:hover { border-color: #999; } #menu-to-edit .menu-item-invalid .menu-item-handle { background: #f6c9cc; border-color: #f1acb1; } .no-js .menu-item-edit-active .item-edit { display: none; } .js .menu-item-handle { cursor: move; } .menu li.deleting .menu-item-handle { background-image: none; background-color: #f66; } .menu-item-handle .item-title { font-size: 13px; font-weight: 600; line-height: 20px; display: block; / @todo: responsive view. / margin-right: 13em; } .menu-item-handle .menu-item-title.no-title { color: #72777c; } / Sortables / li.menu-item.ui-sortable-helper .menu-item-bar { margin-top: 0; } li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar { margin-top: 9px; / Must use the same value used by the dragged item .menu-item-bar / } .menu .sortable-placeholder { height: 35px; width: 410px; margin-top: 9px; / Must use the same value used by the dragged item .menu-item-bar / } / 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; } .menu-item-depth-3 { margin-left: 90px; } .menu-item-depth-4 { margin-left: 120px; } .menu-item-depth-5 { margin-left: 150px; } .menu-item-depth-6 { margin-left: 180px; } .menu-item-depth-7 { margin-left: 210px; } .menu-item-depth-8 { margin-left: 240px; } .menu-item-depth-9 { margin-left: 270px; } .menu-item-depth-10 { margin-left: 300px; } .menu-item-depth-11 { margin-left: 330px; } .menu-item-depth-0 .menu-item-transport { margin-left: 0px; } .menu-item-depth-1 .menu-item-transport { margin-left: -30px; } .menu-item-depth-2 .menu-item-transport { margin-left: -60px; } .menu-item-depth-3 .menu-item-transport { margin-left: -90px; } .menu-item-depth-4 .menu-item-transport { margin-left: -120px; } .menu-item-depth-5 .menu-item-transport { margin-left: -150px; } .menu-item-depth-6 .menu-item-transport { margin-left: -180px; } .menu-item-depth-7 .menu-item-transport { margin-left: -210px; } .menu-item-depth-8 .menu-item-transport { margin-left: -240px; } .menu-item-depth-9 .menu-item-transport { margin-left: -270px; } .menu-item-depth-10 .menu-item-transport { margin-left: -300px; } .menu-item-depth-11 .menu-item-transport { margin-left: -330px; } body.menu-max-depth-0 { min-width: 950px !important; } body.menu-max-depth-1 { min-width: 980px !important; } body.menu-max-depth-2 { min-width: 1010px !important; } body.menu-max-depth-3 { min-width: 1040px !important; } body.menu-max-depth-4 { min-width: 1070px !important; } body.menu-max-depth-5 { min-width: 1100px !important; } body.menu-max-depth-6 { min-width: 1130px !important; } body.menu-max-depth-7 { min-width: 1160px !important; } body.menu-max-depth-8 { min-width: 1190px !important; } body.menu-max-depth-9 { min-width: 1220px !important; } body.menu-max-depth-10 { min-width: 1250px !important; } body.menu-max-depth-11 { min-width: 1280px !important; } / Menu item controls / .item-type { display: inline-block; padding: 12px 16px; color: #666; font-size: 12px; line-height: 18px; } .item-controls { font-size: 12px; position: absolute; right: 20px; top: -1px; } .item-controls a { text-decoration: none; } .item-controls a:hover { cursor: pointer; } .item-controls .item-order { padding-right: 10px; } .nav-menus-php .item-edit { position: absolute; right: -20px; top: 0; display: block; width: 30px; height: 40px; outline: none; } .no-js.nav-menus-php .item-edit { position: static; float: right; width: auto; height: auto; margin: 12px -10px 12px 0; padding: 0; color: #0073aa; text-decoration: underline; font-size: 12px; line-height: 18px; } .no-js.nav-menus-php .item-edit .screen-reader-text { position: static; -webkit-clip-path: none; clip-path: none; width: auto; height: auto; margin: 0; } .nav-menus-php .item-edit:before { margin-top:6px; margin-left: 4px; width: 20px; 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 / } .js.nav-menus-php .item-edit:focus { box-shadow: none; } .nav-menus-php .item-edit:focus:before { box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, .8); } / Menu editing / .menu-instructions-inactive { display: none; } .menu-item-settings { display: block; width: 402px; padding: 10px 0 10px 10px; position: relative; z-index: 10; / Keep .item-title's shadow from appearing on top of .menu-item-settings / border: 1px solid #e5e5e5; border-top: none; box-shadow: 0 1px 1px rgba(0,0,0,0.04); } .menu-item-settings .field-move { margin: 3px 0 5px; line-height: 1.5; } .field-move-visual-label { float: left; margin-right: 4px; font-style: italic; } .menu-item-settings .field-move .button-link { display: none; margin: 0 2px; font-style: italic; } .menu-item-edit-active .menu-item-settings { display: block; } .menu-item-edit-inactive .menu-item-settings { display: none; } .add-menu-item-pagelinks { margin: .5em -10px; text-align: center; } .add-menu-item-pagelinks .page-numbers { display: inline-block; min-width: 20px; } .add-menu-item-pagelinks .page-numbers.dots { min-width: 0; } .link-to-original { display: block; margin: 0 0 15px; padding: 3px 5px 5px; border: 1px solid #ddd; color: #72777c; font-size: 12px; font-style: italic; } .link-to-original a { padding-left: 4px; font-style: normal; } .hidden-field { display: none; } .menu-item-settings .description-thin, .menu-item-settings .description-wide { margin-right: 10px; float: left; } .description-thin { width: 190px; } .description-wide { width: 390px; } .menu-item-actions { padding-top: 15px; padding-bottom: 7px; } #cancel-save { cursor: pointer; } / Major/minor publishing actions (classes) / .nav-menus-php .major-publishing-actions { clear: both; padding: 10px 0; line-height: 28px; } .nav-menus-php .major-publishing-actions .publishing-action { text-align: right; float: right; } .nav-menus-php .blank-slate .menu-settings { display: none; } / Same as the Publish Meta Box #delete-action / .nav-menus-php .delete-action { float: left; line-height: 28px; } .nav-menus-php .major-publishing-actions .form-invalid { padding-left: 4px; margin-left: -4px; } #nav-menus-frame, .button-controls, #menu-item-url-wrap, #menu-item-name-wrap { display: block; } / =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, body.wp-customizer { min-width: 0 !important; } #nav-menus-frame { margin-left: 0; float: none; width: 100%; } #wpbody-content #menu-settings-column { display: block; width: 100%; float: none; margin-left: 0; } #side-sortables .add-menu-item-tabs { margin: 15px 0 14px; } ul.add-menu-item-tabs li.tabs { padding: 13px 15px 14px; } .nav-menus-php .customlinkdiv .howto input { width: 65%; } .nav-menus-php .quick-search { width: 85%; } #menu-management-liquid { margin-top: 25px; } .nav-menus-php .menu-name-label.howto span { margin-top: 13px } #menu-name { width: 100%; } .nav-menus-php .major-publishing-actions .publishing-action { padding-top: 1em; } .nav-menus-php .delete-action { font-size: 14px; line-height: 30px; } .menu-item-bar .menu-item-handle, .menu-item-settings, .description-wide { width: auto; } .menu-item-settings { padding: 10px; } .menu-item-settings .description-thin, .menu-item-settings .description-wide { width: 100%; } .menu-item-settings input { width: 100%; } .menu-item-settings input[type="checkbox"], .menu-item-settings input[type="radio"] { width: 25px; } .menu-settings-group { padding-left: 0; } .menu-settings-group-name { float: none; width: auto; margin-left: 0; margin-bottom: 15px; } .menu-settings-input { float: none; margin-bottom: 15px; } .menu-edit .checkbox-input { margin-top: 0; } .manage-menus select { margin: 0.5em 0; } .widefat .menu-locations .menu-location-title { padding-top: 16px; } } @media only screen and (max-width: 768px) { / menu locations */ #menu-locations-wrap .widefat { width: 100%; } } Back

Edit File : nav-menus.css | Size : 15.10 KB

/* nav-menu */

/* @todo: determine if this is truly for nav menus only */
.no-js #message {
	display: block;
}

ul.add-menu-item-tabs li {
	padding: 10px 5px 6px 8px;
}

.accordion-section ul.category-tabs,
.accordion-section ul.add-menu-item-tabs,
.accordion-section ul.wp-tab-bar {
	margin: 0;
}

.accordion-section .categorychecklist {
	margin: 13px 0;
}

#nav-menu-meta .accordion-section-content {
	padding: 18px 13px;
}

#nav-menu-meta .button-controls {
	margin-bottom: 0;
}

.has-no-menu-item .button-controls {
	display: none;
}

#nav-menus-frame {
	margin-left: 300px;
	margin-top: 23px;
}

#wpbody-content #menu-settings-column {
	display: inline;
	width: 281px;
	margin-left: -300px;
	clear: both;
	float: left;
	padding-top: 0;
}

#menu-settings-column .inside {
	clear: both;
	margin: 10px 0 0;
}

.metabox-holder-disabled .postbox,
.metabox-holder-disabled .accordion-section-content,
.metabox-holder-disabled .accordion-section-title {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.metabox-holder-disabled .button-controls .select-all {
	display: none;
}

#wpbody {
	position: relative;
}

.blank-slate .menu-settings {
	border: none;
	margin-top: 0;
	padding-top: 0;
	overflow: hidden;
}

.is-submenu {
	color: #555d66; /* #fafafa background */
	font-style: italic;
	font-weight: 400;
	margin-left: 4px;
}

.manage-menus {
	margin-top: 23px;
	padding: 10px;
	overflow: hidden;
	background: #fbfbfb;
}

.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 select,
.menu-location-menus select {
	max-width: 100%;
}

.menu-edit #post-body-content h3 {
	margin: 1em 0 10px;
}

.menu-settings {
	border-top: 1px solid #eee;
	margin-top: 2em;
}

.menu-settings-group {
	margin: 0 0 10px;
	overflow: hidden;
	padding-left: 20%;
}

.menu-settings-group:last-of-type {
	margin-bottom: 0;
}

.menu-settings-input {
	float: left;
	margin: 0;
	width: 100%;
}

.menu-settings-group-name {
	float: left;
	clear: both;
	width: 25%;
	padding: 3px 0 0;
	margin-left: -25%; /* 20 container left padding x ( 100 container % width / 80 this % width ) */
}

.menu-settings label {
	vertical-align: baseline;
}

.menu-edit .checkbox-input {
	margin-top: 4px;
}

.theme-location-set {
	color: #72777c;
	font-size: 11px;
}

/* Menu Container */

/* @todo: responsive view. */
#menu-management-liquid {
	float: left;
	min-width: 100%;
	margin-top: 3px;
}

/* @todo: responsive view. */
#menu-management {
	position: relative;
	margin-right: 20px;
	margin-top: -3px;
	width: 100%;
}

#menu-management .menu-edit {
	margin-bottom: 20px;
}

.nav-menus-php #post-body {
	padding: 0 10px 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ddd;
	background: #fff;
}

#nav-menu-header,
#nav-menu-footer {
	padding: 0 10px;
	background: #f5f5f5;
}

#nav-menu-header {
	border-bottom: 1px solid #ddd;
	margin-bottom: 0;
}

#nav-menu-header .menu-name-label {
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
	font-style: italic;
}

.nav-menus-php #post-body div.updated,
.nav-menus-php #post-body div.error {
	margin: 0;
}

.nav-menus-php #post-body-content {
	position: relative;
	float: none;
}

#menu-management .menu-add-new abbr {
	font-weight: 600;
}

#select-nav-menu-container {
	text-align: right;
	padding: 0 10px 3px 10px;
	margin-bottom: 5px;
}

#select-nav-menu {
	width: 100px;
	display: inline;
}

#menu-name-label {
	margin-top: -2px;
}

.widefat .menu-locations .menu-location-title {
	padding: 13px 10px 0;
}

.menu-location-title label {
	font-weight: 600;
}

.menu-location-menus select {
	float: left;
}

#locations-nav-menu-wrapper {
	padding: 5px 0;
}

.locations-nav-menu-select select {
	float: left;
	width: 160px;
	margin-right: 5px;
}

.locations-row-links {
	float: left;
	margin: 6px 0 0 6px;
}

.locations-edit-menu-link,
.locations-add-menu-link {
	margin: 0 3px;
}

.locations-edit-menu-link {
	padding-right: 3px;
	border-right: 1px solid #ccc;
}

#menu-management .inside {
	padding: 0 10px;
}

/* Add Menu Item Boxes */
.postbox .howto input,
.customlinkdiv .menu-item-textbox {
	width: 180px;
	float: right;
}

.accordion-container .outer-border {
	margin: 0;
}

.customlinkdiv p {
	margin-top: 0
}

#nav-menu-theme-locations .howto select {
	width: 100%;
}

#nav-menu-theme-locations .button-controls {
	text-align: right;
}

.add-menu-item-view-all {
	height: 400px;
}

/* Button Primary Actions */
#menu-container .submit {
	margin: 0 0 10px;
	padding: 0;
}

/* @todo: is this actually used? */
#cancel-save {
	text-decoration: underline;
	font-size: 12px;
	margin-left: 20px;
	margin-top: 5px;
}

.button.right, .button-secondary.right, .button-primary.right {
	float: right;
}

/* Button Secondary Actions */
.list-controls {
	float: left;
	margin-top: 5px;
}

.add-to-menu {
	float: right;
}

.button-controls {
	clear: both;
	margin: 10px 0;
}

.show-all,
.hide-all {
	cursor: pointer;
}

.hide-all {
	display: none;
}

/* Create Menu */
#menu-name {
	width: 270px;
	vertical-align: middle;
}

#manage-menu .inside {
	padding: 0px 0px;
}

/* Custom Links */
#available-links dt {
	display: block;
}

#add-custom-link .howto {
	font-size: 12px;
}

#add-custom-link label span {
	display: block;
	float: left;
	margin-top: 5px;
	padding-right: 5px;
}

.menu-item-textbox {
	width: 180px;
}

.customlinkdiv label,
.nav-menus-php .howto span {
	float: left;
	margin-top: 6px;
}

/* Menu item types */
.quick-search {
	width: 190px;
}

.quick-search-wrap .spinner {
	float: none;
	margin: -3px -10px 0 0;
}

.nav-menus-php .list-wrap {
	display: none;
	clear: both;
	margin-bottom: 10px;
}

.nav-menus-php .postbox p.submit {
	margin-bottom: 0;
}

/* Listings */
.nav-menus-php .list li {
	display: none;
	margin: 0;
	margin-bottom: 5px;
}

.nav-menus-php .list li .menu-item-title {
	cursor: pointer;
	display: block;
}

.nav-menus-php .list li .menu-item-title input {
	margin-right: 3px;
	margin-top: -3px;
}

.menu-item-title input[type=checkbox] {
	display: inline-block;
	margin-top: -4px;
}

/* Nav Menu */
#menu-container .inside {
	padding-bottom: 10px;
}

.menu {
	padding-top: 1em;
}

#menu-to-edit {
	margin: 0;
	padding: 0.1em 0;
}

.menu ul {
	width: 100%;
}

.menu li {
	margin-bottom: 0;
	position: relative;
}

.menu-item-bar {
	clear: both;
	line-height: 1.5em;
	position: relative;
	margin: 9px 0 0;
}

.menu-item-bar .menu-item-handle {
	border: 1px solid #ddd;
	position: relative;
	padding: 10px 15px;
	height: auto;
	min-height: 20px;
	width: 382px;
	line-height: 30px;
	overflow: hidden;
	word-wrap: break-word;
}

.menu-item-bar .menu-item-handle:hover {
	border-color: #999;
}

#menu-to-edit .menu-item-invalid .menu-item-handle {
	background: #f6c9cc;
	border-color: #f1acb1;
}

.no-js .menu-item-edit-active .item-edit {
	display: none;
}

.js .menu-item-handle {
	cursor: move;
}

.menu li.deleting .menu-item-handle {
	background-image: none;
	background-color: #f66;
}

.menu-item-handle .item-title {
	font-size: 13px;
	font-weight: 600;
	line-height: 20px;
	display: block;
	/* @todo: responsive view. */
	margin-right: 13em;
}

.menu-item-handle .menu-item-title.no-title {
	color: #72777c;
}

/* Sortables */
li.menu-item.ui-sortable-helper .menu-item-bar {
	margin-top: 0;
}

li.menu-item.ui-sortable-helper .menu-item-transport .menu-item-bar {
	margin-top: 9px; /* Must use the same value used by the dragged item .menu-item-bar */
}

.menu .sortable-placeholder {
	height: 35px;
	width: 410px;
	margin-top: 9px; /* Must use the same value used by the dragged item .menu-item-bar */
}

/* 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; }
.menu-item-depth-3 { margin-left: 90px; }
.menu-item-depth-4 { margin-left: 120px; }
.menu-item-depth-5 { margin-left: 150px; }
.menu-item-depth-6 { margin-left: 180px; }
.menu-item-depth-7 { margin-left: 210px; }
.menu-item-depth-8 { margin-left: 240px; }
.menu-item-depth-9 { margin-left: 270px; }
.menu-item-depth-10 { margin-left: 300px; }
.menu-item-depth-11 { margin-left: 330px; }

.menu-item-depth-0 .menu-item-transport { margin-left: 0px; }
.menu-item-depth-1 .menu-item-transport { margin-left: -30px; }
.menu-item-depth-2 .menu-item-transport { margin-left: -60px; }
.menu-item-depth-3 .menu-item-transport { margin-left: -90px; }
.menu-item-depth-4 .menu-item-transport { margin-left: -120px; }
.menu-item-depth-5 .menu-item-transport { margin-left: -150px; }
.menu-item-depth-6 .menu-item-transport { margin-left: -180px; }
.menu-item-depth-7 .menu-item-transport { margin-left: -210px; }
.menu-item-depth-8 .menu-item-transport { margin-left: -240px; }
.menu-item-depth-9 .menu-item-transport { margin-left: -270px; }
.menu-item-depth-10 .menu-item-transport { margin-left: -300px; }
.menu-item-depth-11 .menu-item-transport { margin-left: -330px; }

body.menu-max-depth-0 { min-width: 950px !important; }
body.menu-max-depth-1 { min-width: 980px !important; }
body.menu-max-depth-2 { min-width: 1010px !important; }
body.menu-max-depth-3 { min-width: 1040px !important; }
body.menu-max-depth-4 { min-width: 1070px !important; }
body.menu-max-depth-5 { min-width: 1100px !important; }
body.menu-max-depth-6 { min-width: 1130px !important; }
body.menu-max-depth-7 { min-width: 1160px !important; }
body.menu-max-depth-8 { min-width: 1190px !important; }
body.menu-max-depth-9 { min-width: 1220px !important; }
body.menu-max-depth-10 { min-width: 1250px !important; }
body.menu-max-depth-11 { min-width: 1280px !important; }

/* Menu item controls */
.item-type {
	display: inline-block;
	padding: 12px 16px;
	color: #666;
	font-size: 12px;
	line-height: 18px;
}

.item-controls {
	font-size: 12px;
	position: absolute;
	right: 20px;
	top: -1px;
}

.item-controls a {
	text-decoration: none;
}

.item-controls a:hover {
	cursor: pointer;
}

.item-controls .item-order {
	padding-right: 10px;
}

.nav-menus-php .item-edit {
	position: absolute;
	right: -20px;
	top: 0;
	display: block;
	width: 30px;
	height: 40px;
	outline: none;
}

.no-js.nav-menus-php .item-edit {
	position: static;
	float: right;
	width: auto;
	height: auto;
	margin: 12px -10px 12px 0;
	padding: 0;
	color: #0073aa;
	text-decoration: underline;
	font-size: 12px;
	line-height: 18px;
}

.no-js.nav-menus-php .item-edit .screen-reader-text {
	position: static;
	-webkit-clip-path: none;
	clip-path: none;
	width: auto;
	height: auto;
	margin: 0;
}

.nav-menus-php .item-edit:before {
	margin-top:6px;
	margin-left: 4px;
	width: 20px;
	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 */
}

.js.nav-menus-php .item-edit:focus {
	box-shadow: none;
}

.nav-menus-php .item-edit:focus:before {
	box-shadow:
		0 0 0 1px #5b9dd9,
		0 0 2px 1px rgba(30, 140, 190, .8);
}

/* Menu editing */
.menu-instructions-inactive {
	display: none;
}

.menu-item-settings {
	display: block;
	width: 402px;
	padding: 10px 0 10px 10px;
	position: relative;
	z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */
	border: 1px solid #e5e5e5;
	border-top: none;
	box-shadow: 0 1px 1px rgba(0,0,0,0.04);
}

.menu-item-settings .field-move {
	margin: 3px 0 5px;
	line-height: 1.5;
}

.field-move-visual-label {
	float: left;
	margin-right: 4px;
	font-style: italic;
}

.menu-item-settings .field-move .button-link {
	display: none;
	margin: 0 2px;
	font-style: italic;
}

.menu-item-edit-active .menu-item-settings {
	display: block;
}

.menu-item-edit-inactive .menu-item-settings {
	display: none;
}

.add-menu-item-pagelinks {
	margin: .5em -10px;
	text-align: center;
}

.add-menu-item-pagelinks .page-numbers {
	display: inline-block;
	min-width: 20px;
}

.add-menu-item-pagelinks .page-numbers.dots {
	min-width: 0;
}

.link-to-original {
	display: block;
	margin: 0 0 15px;
	padding: 3px 5px 5px;
	border: 1px solid #ddd;
	color: #72777c;
	font-size: 12px;
	font-style: italic;
}

.link-to-original a {
	padding-left: 4px;
	font-style: normal;
}

.hidden-field {
	display: none;
}

.menu-item-settings .description-thin,
.menu-item-settings .description-wide {
	margin-right: 10px;
	float: left;
}

.description-thin {
	width: 190px;
}

.description-wide {
	width: 390px;
}

.menu-item-actions {
	padding-top: 15px;
	padding-bottom: 7px;
}

#cancel-save {
	cursor: pointer;
}

/* Major/minor publishing actions (classes) */
.nav-menus-php .major-publishing-actions {
	clear: both;
	padding: 10px 0;
	line-height: 28px;
}

.nav-menus-php .major-publishing-actions .publishing-action {
	text-align: right;
	float: right;
}

.nav-menus-php .blank-slate .menu-settings {
	display: none;
}

/* Same as the Publish Meta Box #delete-action */
.nav-menus-php .delete-action {
	float: left;
	line-height: 28px;
}

.nav-menus-php .major-publishing-actions .form-invalid {
	padding-left: 4px;
	margin-left: -4px;
}

#nav-menus-frame,
.button-controls,
#menu-item-url-wrap,
#menu-item-name-wrap {
	display: block;
}

/* =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,
	body.wp-customizer {
		min-width: 0 !important;
	}

#nav-menus-frame {
		margin-left: 0;
		float: none;
		width: 100%;
	}

#wpbody-content #menu-settings-column {
		display: block;
		width: 100%;
		float: none;
		margin-left: 0;
	}

#side-sortables .add-menu-item-tabs {
		margin: 15px 0 14px;
	}

ul.add-menu-item-tabs li.tabs {
		padding: 13px 15px 14px;
	}

.nav-menus-php .customlinkdiv .howto input {
		width: 65%;
	}

.nav-menus-php .quick-search {
		width: 85%;
	}

#menu-management-liquid {
		margin-top: 25px;
	}

.nav-menus-php .menu-name-label.howto span {
		margin-top: 13px
	}

#menu-name {
		width: 100%;
	}

.nav-menus-php .major-publishing-actions .publishing-action {
		padding-top: 1em;
	}

.nav-menus-php .delete-action {
		font-size: 14px;
		line-height: 30px;
	}

.menu-item-bar .menu-item-handle,
	.menu-item-settings,
	.description-wide {
		width: auto;
	}

.menu-item-settings {
		padding: 10px;
	}

.menu-item-settings .description-thin,
	.menu-item-settings .description-wide {
		width: 100%;
	}

.menu-item-settings input {
		width: 100%;
	}

.menu-item-settings input[type="checkbox"],
	.menu-item-settings input[type="radio"] {
		width: 25px;
	}

.menu-settings-group {
		padding-left: 0;
	}

.menu-settings-group-name {
		float: none;
		width: auto;
		margin-left: 0;
		margin-bottom: 15px;
	}

.menu-settings-input {
		float: none;
		margin-bottom: 15px;
	}

.menu-edit .checkbox-input {
		margin-top: 0;
	}

.manage-menus select {
		margin: 0.5em 0;
	}

.widefat .menu-locations .menu-location-title {
		padding-top: 16px;
	}
}

@media only screen and (max-width: 768px) {
	/* menu locations */
	#menu-locations-wrap .widefat {
		width: 100%;
	}
}

Back