initial
This commit is contained in:
File diff suppressed because it is too large
Load Diff
Vendored
+2
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Vendored
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,857 @@
|
||||
/*! This file is auto-generated */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu,
|
||||
#adminmenu .wp-submenu {
|
||||
width: 160px;
|
||||
background-color: #1d2327;
|
||||
}
|
||||
|
||||
#adminmenuback {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: -120px;
|
||||
z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
|
||||
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.php-error #adminmenuback {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.php-error #adminmenuback,
|
||||
.php-error #adminmenuwrap {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
#adminmenu {
|
||||
clear: right;
|
||||
margin: 12px 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.folded #adminmenuback,
|
||||
.folded #adminmenuwrap,
|
||||
.folded #adminmenu,
|
||||
.folded #adminmenu li.menu-top {
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
/* New Menu icons */
|
||||
|
||||
/* hide background-image for icons above */
|
||||
.menu-icon-dashboard div.wp-menu-image,
|
||||
.menu-icon-post div.wp-menu-image,
|
||||
.menu-icon-media div.wp-menu-image,
|
||||
.menu-icon-links div.wp-menu-image,
|
||||
.menu-icon-page div.wp-menu-image,
|
||||
.menu-icon-comments div.wp-menu-image,
|
||||
.menu-icon-appearance div.wp-menu-image,
|
||||
.menu-icon-plugins div.wp-menu-image,
|
||||
.menu-icon-users div.wp-menu-image,
|
||||
.menu-icon-tools div.wp-menu-image,
|
||||
.menu-icon-settings div.wp-menu-image,
|
||||
.menu-icon-site div.wp-menu-image,
|
||||
.menu-icon-generic div.wp-menu-image {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------------------
|
||||
7.0 - Main Navigation (Left Menu)
|
||||
------------------------------------------------------------------------------*/
|
||||
|
||||
#adminmenuwrap {
|
||||
position: relative;
|
||||
float: right;
|
||||
z-index: 9990;
|
||||
}
|
||||
|
||||
/* side admin menu */
|
||||
#adminmenu * {
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#adminmenu li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
display: block;
|
||||
line-height: 1.3;
|
||||
padding: 2px 5px;
|
||||
color: #f0f0f1;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a {
|
||||
color: #c3c4c7;
|
||||
color: rgba(240, 246, 252, 0.7);
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-submenu a:focus {
|
||||
background: none;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top > a:focus,
|
||||
#adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-submenu a:focus {
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu a:focus,
|
||||
.folded #adminmenu .wp-submenu-head:hover {
|
||||
box-shadow: inset -4px 0 0 0 currentColor;
|
||||
transition: box-shadow .1s linear;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top {
|
||||
border: none;
|
||||
min-height: 34px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu {
|
||||
list-style: none;
|
||||
position: absolute;
|
||||
top: -1000em;
|
||||
right: 160px;
|
||||
overflow: visible;
|
||||
word-wrap: break-word;
|
||||
padding: 6px 0;
|
||||
z-index: 9999;
|
||||
background-color: #2c3338;
|
||||
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.js #adminmenu .sub-open,
|
||||
.js #adminmenu .opensub .wp-submenu,
|
||||
#adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.no-js li.wp-has-submenu:hover .wp-submenu {
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
.no-js li.wp-has-current-submenu:hover .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
top: auto;
|
||||
right: auto;
|
||||
left: auto;
|
||||
bottom: auto;
|
||||
border: 0 none;
|
||||
margin-top: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
position: relative;
|
||||
background-color: #1d2327;
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
.folded #adminmenu li.menu-top:hover,
|
||||
.folded #adminmenu li.opensub > a.menu-top,
|
||||
.folded #adminmenu li > a.menu-top:focus {
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
|
||||
background: #2271b1;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-submenu.sub-open,
|
||||
.folded #adminmenu .opensub .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
||||
.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
.folded #adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
|
||||
.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
|
||||
top: 0;
|
||||
right: 36px;
|
||||
}
|
||||
|
||||
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
position: absolute;
|
||||
top: -1000em;
|
||||
}
|
||||
|
||||
#adminmenu .wp-not-current-submenu .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
min-width: 160px;
|
||||
width: auto;
|
||||
border: 1px solid transparent;
|
||||
border-right-width: 5px;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu li.current,
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu .opensub .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-submenu li.current a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu .wp-not-current-submenu li > a,
|
||||
.folded #adminmenu .wp-has-current-submenu li > a {
|
||||
padding-left: 16px;
|
||||
padding-right: 14px;
|
||||
/* Exclude from the transition the outline for Windows High Contrast mode */
|
||||
transition: all .1s ease-in-out, outline 0s;
|
||||
}
|
||||
|
||||
#adminmenu .wp-has-current-submenu ul > li > a,
|
||||
.folded #adminmenu li.menu-top .wp-submenu > li > a {
|
||||
padding: 5px 12px;
|
||||
}
|
||||
|
||||
#adminmenu a.menu-top,
|
||||
#adminmenu .wp-submenu-head {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.3;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu-head {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-menu-name {
|
||||
position: absolute;
|
||||
right: -999px;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-submenu-head {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-menu-image img {
|
||||
padding: 9px 0 0;
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity=60);
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-name {
|
||||
padding: 8px 36px 8px 8px;
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
-ms-word-break: break-all;
|
||||
word-break: break-word;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image {
|
||||
float: right;
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image.svg {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 20px auto;
|
||||
}
|
||||
|
||||
div.wp-menu-image:before {
|
||||
color: #a7aaad;
|
||||
color: rgba(240, 246, 252, 0.6);
|
||||
padding: 7px 0;
|
||||
transition: all .1s ease-in-out;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #a7aaad;
|
||||
color: rgba(240, 246, 252, 0.6);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
|
||||
#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu .current div.wp-menu-image:before,
|
||||
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
.folded #adminmenu div.wp-menu-image {
|
||||
width: 35px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
z-index: 25;
|
||||
}
|
||||
|
||||
.folded #adminmenu a.menu-top {
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
/* Sticky admin menu */
|
||||
.sticky-menu #adminmenuwrap {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
left: 0;
|
||||
border: solid 8px transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border-left-color: #f0f0f1;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
.folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
|
||||
.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.folded ul#adminmenu a.wp-has-current-submenu:after,
|
||||
.folded ul#adminmenu > li a.current:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
/* flyout menu arrow */
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
left: 0;
|
||||
border: 8px solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 10px;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: #2c3338;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover .wp-menu-image img,
|
||||
#adminmenu li.wp-has-current-submenu .wp-menu-image img {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-menu-separator {
|
||||
height: 5px;
|
||||
padding: 0;
|
||||
margin: 0 0 6px;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
|
||||
#adminmenu div.separator {
|
||||
height: 2px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
padding: 5px 11px 5px 4px;
|
||||
margin: -8px -5px 4px -1px;
|
||||
border-width: 3px 5px 3px 1px;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
#adminmenu li.current,
|
||||
.folded #adminmenu li.wp-menu-open {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
/* @todo: consider to use a single rule for these counters and the list table comments counters. */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
box-sizing: border-box;
|
||||
margin: 1px 2px -1px 0;
|
||||
padding: 0 5px;
|
||||
min-width: 18px;
|
||||
height: 18px;
|
||||
border-radius: 9px;
|
||||
background-color: #d63638;
|
||||
color: #fff;
|
||||
font-size: 11px;
|
||||
line-height: 1.6;
|
||||
text-align: center;
|
||||
z-index: 26;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins {
|
||||
background-color: #d63638;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li span.count-0 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#collapse-button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
background: none;
|
||||
color: #a7aaad;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#collapse-button:hover {
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
#collapse-button:focus {
|
||||
color: #72aee6;
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
outline-offset: -1px;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon,
|
||||
#collapse-button .collapse-button-label {
|
||||
/* absolutely positioned to avoid 1px shift in IE when button is pressed */
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-label {
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon {
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-label {
|
||||
padding: 0 36px 0 0;
|
||||
}
|
||||
|
||||
.folded #collapse-button .collapse-button-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon:after {
|
||||
content: "\f148";
|
||||
content: "\f148" / '';
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 7px;
|
||||
text-align: center;
|
||||
font: normal 20px/1 dashicons !important;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* rtl:ignore */
|
||||
.folded #collapse-button .collapse-button-icon:after,
|
||||
.rtl #collapse-button .collapse-button-icon:after {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.rtl.folded #collapse-button .collapse-button-icon:after {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon:after,
|
||||
#collapse-button .collapse-button-label {
|
||||
transition: all .1s ease-in-out;
|
||||
}
|
||||
|
||||
/**
|
||||
* Toolbar menu toggle
|
||||
*/
|
||||
li#wp-admin-bar-menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hide-if-customize for items we can't add classes to */
|
||||
.customize-support #menu-appearance a[href="themes.php?page=custom-header"],
|
||||
.customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Auto-folding of the admin menu */
|
||||
@media only screen and (max-width: 960px) {
|
||||
.auto-fold #wpcontent,
|
||||
.auto-fold #wpfooter {
|
||||
margin-right: 36px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenuback,
|
||||
.auto-fold #adminmenuwrap,
|
||||
.auto-fold #adminmenu,
|
||||
.auto-fold #adminmenu li.menu-top {
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-submenu.sub-open,
|
||||
.auto-fold #adminmenu .opensub .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
|
||||
top: 0;
|
||||
right: 36px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
position: absolute;
|
||||
top: -1000em;
|
||||
margin-left: -1px;
|
||||
padding: 6px 0;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
min-width: 160px;
|
||||
width: auto;
|
||||
border: 1px solid transparent;
|
||||
border-right-width: 5px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-has-current-submenu li > a {
|
||||
padding-left: 16px;
|
||||
padding-right: 14px;
|
||||
}
|
||||
|
||||
|
||||
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-menu-name {
|
||||
position: absolute;
|
||||
right: -999px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-submenu-head {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu div.wp-menu-image {
|
||||
height: 30px;
|
||||
width: 34px;
|
||||
position: absolute;
|
||||
z-index: 25;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu a.menu-top {
|
||||
min-height: 34px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.wp-menu-open {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
top: 16px;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu > li a.current:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.menu-top:hover,
|
||||
.auto-fold #adminmenu li.opensub > a.menu-top,
|
||||
.auto-fold #adminmenu li > a.menu-top:focus {
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.auto-fold #collapse-menu .collapse-button-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* rtl:ignore */
|
||||
.auto-fold #collapse-button .collapse-button-icon:after {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.rtl.auto-fold #collapse-button .collapse-button-icon:after {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.auto-fold #wpcontent {
|
||||
position: relative;
|
||||
margin-right: 0;
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
.sticky-menu #adminmenuwrap {
|
||||
position: relative;
|
||||
z-index: auto;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* Sidebar Adjustments */
|
||||
.auto-fold #adminmenu,
|
||||
.auto-fold #adminmenuback,
|
||||
.auto-fold #adminmenuwrap {
|
||||
position: absolute;
|
||||
width: 190px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenuback {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenuback,
|
||||
.auto-fold #adminmenuwrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold .wp-responsive-open #adminmenuback,
|
||||
.auto-fold .wp-responsive-open #adminmenuwrap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.menu-top {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Resize the admin menu items to a comfortable touch size */
|
||||
.auto-fold #adminmenu li a {
|
||||
font-size: 16px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
|
||||
padding: 10px 20px 10px 10px;
|
||||
}
|
||||
|
||||
/* Restore the menu names */
|
||||
.auto-fold #adminmenu .wp-menu-name {
|
||||
position: static;
|
||||
}
|
||||
|
||||
/* Switch the arrow side */
|
||||
.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu > li.current > a.current:after {
|
||||
border-width: 8px;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Make the submenus appear correctly when tapped. */
|
||||
#adminmenu .wp-submenu {
|
||||
position: relative;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .selected .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-menu-open .wp-submenu {
|
||||
position: relative;
|
||||
display: block;
|
||||
top: 0;
|
||||
right: -1px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .selected .wp-submenu:after,
|
||||
.auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .opensub .wp-submenu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .selected .wp-submenu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
|
||||
position: relative;
|
||||
right: -1px;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-not-current-submenu .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Remove submenu headers and adjust sub meu*/
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Toolbar menu toggle */
|
||||
#wp-responsive-toggle {
|
||||
position: fixed;
|
||||
top: 5px;
|
||||
right: 4px;
|
||||
padding-left: 10px;
|
||||
z-index: 99999;
|
||||
border: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
display: block;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
border: 1px solid transparent;
|
||||
background: none;
|
||||
height: 44px;
|
||||
margin-right: -1px;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #2c3338;
|
||||
}
|
||||
|
||||
li#wp-admin-bar-menu-toggle {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-menu-toggle a:hover {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
content: "\f228";
|
||||
display: inline-block;
|
||||
float: right;
|
||||
font: normal 40px/45px dashicons;
|
||||
vertical-align: middle;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
height: 44px;
|
||||
width: 50px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #72aee6;
|
||||
}
|
||||
}
|
||||
|
||||
/* Smartphone */
|
||||
@media screen and (max-width: 600px) {
|
||||
#adminmenuwrap,
|
||||
#adminmenuback {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wp-responsive-open #adminmenuwrap,
|
||||
.wp-responsive-open #adminmenuback {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu {
|
||||
top: 46px;
|
||||
}
|
||||
}
|
||||
Vendored
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,856 @@
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu,
|
||||
#adminmenu .wp-submenu {
|
||||
width: 160px;
|
||||
background-color: #1d2327;
|
||||
}
|
||||
|
||||
#adminmenuback {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: -120px;
|
||||
z-index: 1; /* positive z-index to avoid elastic scrolling woes in Safari */
|
||||
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.php-error #adminmenuback {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.php-error #adminmenuback,
|
||||
.php-error #adminmenuwrap {
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
#adminmenu {
|
||||
clear: left;
|
||||
margin: 12px 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.folded #adminmenuback,
|
||||
.folded #adminmenuwrap,
|
||||
.folded #adminmenu,
|
||||
.folded #adminmenu li.menu-top {
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
/* New Menu icons */
|
||||
|
||||
/* hide background-image for icons above */
|
||||
.menu-icon-dashboard div.wp-menu-image,
|
||||
.menu-icon-post div.wp-menu-image,
|
||||
.menu-icon-media div.wp-menu-image,
|
||||
.menu-icon-links div.wp-menu-image,
|
||||
.menu-icon-page div.wp-menu-image,
|
||||
.menu-icon-comments div.wp-menu-image,
|
||||
.menu-icon-appearance div.wp-menu-image,
|
||||
.menu-icon-plugins div.wp-menu-image,
|
||||
.menu-icon-users div.wp-menu-image,
|
||||
.menu-icon-tools div.wp-menu-image,
|
||||
.menu-icon-settings div.wp-menu-image,
|
||||
.menu-icon-site div.wp-menu-image,
|
||||
.menu-icon-generic div.wp-menu-image {
|
||||
background-image: none !important;
|
||||
}
|
||||
|
||||
/*------------------------------------------------------------------------------
|
||||
7.0 - Main Navigation (Left Menu)
|
||||
------------------------------------------------------------------------------*/
|
||||
|
||||
#adminmenuwrap {
|
||||
position: relative;
|
||||
float: left;
|
||||
z-index: 9990;
|
||||
}
|
||||
|
||||
/* side admin menu */
|
||||
#adminmenu * {
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#adminmenu li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
display: block;
|
||||
line-height: 1.3;
|
||||
padding: 2px 5px;
|
||||
color: #f0f0f1;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a {
|
||||
color: #c3c4c7;
|
||||
color: rgba(240, 246, 252, 0.7);
|
||||
font-size: 13px;
|
||||
line-height: 1.4;
|
||||
margin: 0;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-submenu a:focus {
|
||||
background: none;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top > a:focus,
|
||||
#adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-submenu a:focus {
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu a:focus,
|
||||
.folded #adminmenu .wp-submenu-head:hover {
|
||||
box-shadow: inset 4px 0 0 0 currentColor;
|
||||
transition: box-shadow .1s linear;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top {
|
||||
border: none;
|
||||
min-height: 34px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu {
|
||||
list-style: none;
|
||||
position: absolute;
|
||||
top: -1000em;
|
||||
left: 160px;
|
||||
overflow: visible;
|
||||
word-wrap: break-word;
|
||||
padding: 6px 0;
|
||||
z-index: 9999;
|
||||
background-color: #2c3338;
|
||||
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.js #adminmenu .sub-open,
|
||||
.js #adminmenu .opensub .wp-submenu,
|
||||
#adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.no-js li.wp-has-submenu:hover .wp-submenu {
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
.no-js li.wp-has-current-submenu:hover .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
|
||||
position: relative;
|
||||
z-index: 3;
|
||||
top: auto;
|
||||
left: auto;
|
||||
right: auto;
|
||||
bottom: auto;
|
||||
border: 0 none;
|
||||
margin-top: 0;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
position: relative;
|
||||
background-color: #1d2327;
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
.folded #adminmenu li.menu-top:hover,
|
||||
.folded #adminmenu li.opensub > a.menu-top,
|
||||
.folded #adminmenu li > a.menu-top:focus {
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head {
|
||||
background: #2271b1;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-submenu.sub-open,
|
||||
.folded #adminmenu .opensub .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
||||
.folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
.folded #adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
|
||||
.no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu {
|
||||
top: 0;
|
||||
left: 36px;
|
||||
}
|
||||
|
||||
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
position: absolute;
|
||||
top: -1000em;
|
||||
}
|
||||
|
||||
#adminmenu .wp-not-current-submenu .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
min-width: 160px;
|
||||
width: auto;
|
||||
border: 1px solid transparent;
|
||||
border-left-width: 5px;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu li.current,
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu .opensub .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-submenu li.current a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu .wp-not-current-submenu li > a,
|
||||
.folded #adminmenu .wp-has-current-submenu li > a {
|
||||
padding-right: 16px;
|
||||
padding-left: 14px;
|
||||
/* Exclude from the transition the outline for Windows High Contrast mode */
|
||||
transition: all .1s ease-in-out, outline 0s;
|
||||
}
|
||||
|
||||
#adminmenu .wp-has-current-submenu ul > li > a,
|
||||
.folded #adminmenu li.menu-top .wp-submenu > li > a {
|
||||
padding: 5px 12px;
|
||||
}
|
||||
|
||||
#adminmenu a.menu-top,
|
||||
#adminmenu .wp-submenu-head {
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
line-height: 1.3;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu-head {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-menu-name {
|
||||
position: absolute;
|
||||
left: -999px;
|
||||
}
|
||||
|
||||
.folded #adminmenu .wp-submenu-head {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu li {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-menu-image img {
|
||||
padding: 9px 0 0;
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity=60);
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-name {
|
||||
padding: 8px 8px 8px 36px;
|
||||
overflow-wrap: break-word;
|
||||
word-wrap: break-word;
|
||||
-ms-word-break: break-all;
|
||||
word-break: break-word;
|
||||
hyphens: auto;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image {
|
||||
float: left;
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
margin: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image.svg {
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: 20px auto;
|
||||
}
|
||||
|
||||
div.wp-menu-image:before {
|
||||
color: #a7aaad;
|
||||
color: rgba(240, 246, 252, 0.6);
|
||||
padding: 7px 0;
|
||||
transition: all .1s ease-in-out;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #a7aaad;
|
||||
color: rgba(240, 246, 252, 0.6);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before,
|
||||
#adminmenu .wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu .current div.wp-menu-image:before,
|
||||
#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
.folded #adminmenu div.wp-menu-image {
|
||||
width: 35px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
z-index: 25;
|
||||
}
|
||||
|
||||
.folded #adminmenu a.menu-top {
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
/* Sticky admin menu */
|
||||
.sticky-menu #adminmenuwrap {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
right: 0;
|
||||
border: solid 8px transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
border-right-color: #f0f0f1;
|
||||
top: 50%;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
.folded ul#adminmenu li:hover a.wp-has-current-submenu:after,
|
||||
.folded ul#adminmenu li.wp-has-current-submenu:focus-within a.wp-has-current-submenu:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.folded ul#adminmenu a.wp-has-current-submenu:after,
|
||||
.folded ul#adminmenu > li a.current:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
/* flyout menu arrow */
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
right: 0;
|
||||
border: 8px solid transparent;
|
||||
content: " ";
|
||||
height: 0;
|
||||
width: 0;
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 10px;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
top: 18px;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: #2c3338;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover .wp-menu-image img,
|
||||
#adminmenu li.wp-has-current-submenu .wp-menu-image img {
|
||||
opacity: 1;
|
||||
filter: alpha(opacity=100);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-menu-separator {
|
||||
height: 5px;
|
||||
padding: 0;
|
||||
margin: 0 0 6px;
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */
|
||||
#adminmenu div.separator {
|
||||
height: 2px;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #fff;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
padding: 5px 4px 5px 11px;
|
||||
margin: -8px -1px 4px -5px;
|
||||
border-width: 3px 1px 3px 5px;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
#adminmenu li.current,
|
||||
.folded #adminmenu li.wp-menu-open {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
/* @todo: consider to use a single rule for these counters and the list table comments counters. */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
box-sizing: border-box;
|
||||
margin: 1px 0 -1px 2px;
|
||||
padding: 0 5px;
|
||||
min-width: 18px;
|
||||
height: 18px;
|
||||
border-radius: 9px;
|
||||
background-color: #d63638;
|
||||
color: #fff;
|
||||
font-size: 11px;
|
||||
line-height: 1.6;
|
||||
text-align: center;
|
||||
z-index: 26;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins {
|
||||
background-color: #d63638;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li span.count-0 {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#collapse-button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 34px;
|
||||
margin: 0;
|
||||
border: none;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
background: none;
|
||||
color: #a7aaad;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#collapse-button:hover {
|
||||
color: #72aee6;
|
||||
}
|
||||
|
||||
#collapse-button:focus {
|
||||
color: #72aee6;
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
outline-offset: -1px;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon,
|
||||
#collapse-button .collapse-button-label {
|
||||
/* absolutely positioned to avoid 1px shift in IE when button is pressed */
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-label {
|
||||
top: 8px;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon {
|
||||
width: 36px;
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-label {
|
||||
padding: 0 0 0 36px;
|
||||
}
|
||||
|
||||
.folded #collapse-button .collapse-button-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon:after {
|
||||
content: "\f148";
|
||||
content: "\f148" / '';
|
||||
display: block;
|
||||
position: relative;
|
||||
top: 7px;
|
||||
text-align: center;
|
||||
font: normal 20px/1 dashicons !important;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* rtl:ignore */
|
||||
.folded #collapse-button .collapse-button-icon:after,
|
||||
.rtl #collapse-button .collapse-button-icon:after {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.rtl.folded #collapse-button .collapse-button-icon:after {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
#collapse-button .collapse-button-icon:after,
|
||||
#collapse-button .collapse-button-label {
|
||||
transition: all .1s ease-in-out;
|
||||
}
|
||||
|
||||
/**
|
||||
* Toolbar menu toggle
|
||||
*/
|
||||
li#wp-admin-bar-menu-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hide-if-customize for items we can't add classes to */
|
||||
.customize-support #menu-appearance a[href="themes.php?page=custom-header"],
|
||||
.customize-support #menu-appearance a[href="themes.php?page=custom-background"] {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Auto-folding of the admin menu */
|
||||
@media only screen and (max-width: 960px) {
|
||||
.auto-fold #wpcontent,
|
||||
.auto-fold #wpfooter {
|
||||
margin-left: 36px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenuback,
|
||||
.auto-fold #adminmenuwrap,
|
||||
.auto-fold #adminmenu,
|
||||
.auto-fold #adminmenu li.menu-top {
|
||||
width: 36px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-submenu.sub-open,
|
||||
.auto-fold #adminmenu .opensub .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
|
||||
top: 0;
|
||||
left: 36px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
position: absolute;
|
||||
top: -1000em;
|
||||
margin-right: -1px;
|
||||
padding: 6px 0;
|
||||
z-index: 9999;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
min-width: 160px;
|
||||
width: auto;
|
||||
border: 1px solid transparent;
|
||||
border-left-width: 5px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-has-current-submenu li > a {
|
||||
padding-right: 16px;
|
||||
padding-left: 14px;
|
||||
}
|
||||
|
||||
|
||||
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
|
||||
padding-left: 12px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-menu-name {
|
||||
position: absolute;
|
||||
left: -999px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-submenu-head {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu div.wp-menu-image {
|
||||
height: 30px;
|
||||
width: 34px;
|
||||
position: absolute;
|
||||
z-index: 25;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu a.menu-top {
|
||||
min-height: 34px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.wp-menu-open {
|
||||
border: 0 none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
top: 16px;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu > li a.current:after {
|
||||
border-width: 4px;
|
||||
margin-top: -4px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.menu-top:hover,
|
||||
.auto-fold #adminmenu li.opensub > a.menu-top,
|
||||
.auto-fold #adminmenu li > a.menu-top:focus {
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.auto-fold #collapse-menu .collapse-button-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* rtl:ignore */
|
||||
.auto-fold #collapse-button .collapse-button-icon:after {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.rtl.auto-fold #collapse-button .collapse-button-icon:after {
|
||||
transform: none;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.auto-fold #wpcontent {
|
||||
position: relative;
|
||||
margin-left: 0;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
.sticky-menu #adminmenuwrap {
|
||||
position: relative;
|
||||
z-index: auto;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
/* Sidebar Adjustments */
|
||||
.auto-fold #adminmenu,
|
||||
.auto-fold #adminmenuback,
|
||||
.auto-fold #adminmenuwrap {
|
||||
position: absolute;
|
||||
width: 190px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenuback {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenuback,
|
||||
.auto-fold #adminmenuwrap {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold .wp-responsive-open #adminmenuback,
|
||||
.auto-fold .wp-responsive-open #adminmenuwrap {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.menu-top {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Resize the admin menu items to a comfortable touch size */
|
||||
.auto-fold #adminmenu li a {
|
||||
font-size: 16px;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
|
||||
padding: 10px 10px 10px 20px;
|
||||
}
|
||||
|
||||
/* Restore the menu names */
|
||||
.auto-fold #adminmenu .wp-menu-name {
|
||||
position: static;
|
||||
}
|
||||
|
||||
/* Switch the arrow side */
|
||||
.auto-fold ul#adminmenu a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu > li.current > a.current:after {
|
||||
border-width: 8px;
|
||||
margin-top: -8px;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
|
||||
.auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Make the submenus appear correctly when tapped. */
|
||||
#adminmenu .wp-submenu {
|
||||
position: relative;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .selected .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-menu-open .wp-submenu {
|
||||
position: relative;
|
||||
display: block;
|
||||
top: 0;
|
||||
left: -1px;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .selected .wp-submenu:after,
|
||||
.auto-fold #adminmenu .wp-menu-open .wp-submenu:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .opensub .wp-submenu {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu .selected .wp-submenu {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after,
|
||||
.auto-fold ul#adminmenu li:focus-within a.wp-has-current-submenu:after {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu {
|
||||
position: relative;
|
||||
left: -1px;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
#adminmenu .wp-not-current-submenu .wp-submenu,
|
||||
.folded #adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Remove submenu headers and adjust sub meu*/
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Toolbar menu toggle */
|
||||
#wp-responsive-toggle {
|
||||
position: fixed;
|
||||
top: 5px;
|
||||
left: 4px;
|
||||
padding-right: 10px;
|
||||
z-index: 99999;
|
||||
border: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
display: block;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
outline: none;
|
||||
text-decoration: none;
|
||||
border: 1px solid transparent;
|
||||
background: none;
|
||||
height: 44px;
|
||||
margin-left: -1px;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #2c3338;
|
||||
}
|
||||
|
||||
li#wp-admin-bar-menu-toggle {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-menu-toggle a:hover {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
content: "\f228";
|
||||
display: inline-block;
|
||||
float: left;
|
||||
font: normal 40px/45px dashicons;
|
||||
vertical-align: middle;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
height: 44px;
|
||||
width: 50px;
|
||||
padding: 0;
|
||||
border: none;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #72aee6;
|
||||
}
|
||||
}
|
||||
|
||||
/* Smartphone */
|
||||
@media screen and (max-width: 600px) {
|
||||
#adminmenuwrap,
|
||||
#adminmenuback {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wp-responsive-open #adminmenuwrap,
|
||||
.wp-responsive-open #adminmenuback {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.auto-fold #adminmenu {
|
||||
top: 46px;
|
||||
}
|
||||
}
|
||||
Vendored
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,77 @@
|
||||
/*! This file is auto-generated */
|
||||
.wrap [class*="CodeMirror-lint-marker"],
|
||||
.wp-core-ui [class*="CodeMirror-lint-message"],
|
||||
.wrap .CodeMirror-lint-marker-multiple {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-marker-error,
|
||||
.wp-core-ui .CodeMirror-lint-marker-warning {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror-lint-marker-multiple {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.wrap [class*="CodeMirror-lint-marker"]:before {
|
||||
font: normal 18px/1 dashicons;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.wp-core-ui [class*="CodeMirror-lint-message"]:before {
|
||||
font: normal 16px/1 dashicons;
|
||||
right: 16px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-message-error,
|
||||
.wp-core-ui .CodeMirror-lint-message-warning {
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
||||
margin: 5px 0 2px;
|
||||
padding: 3px 28px 3px 12px;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-message-warning {
|
||||
background-color: #fcf9e8;
|
||||
border-right: 4px solid #dba617;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror-lint-marker-warning:before,
|
||||
.wp-core-ui .CodeMirror-lint-message-warning:before {
|
||||
content: "\f534";
|
||||
color: #dba617;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-message-error {
|
||||
background-color: #fcf0f1;
|
||||
border-right: 4px solid #d63638;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror-lint-marker-error:before,
|
||||
.wp-core-ui .CodeMirror-lint-message-error:before {
|
||||
content: "\f153";
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-tooltip {
|
||||
background: none;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
direction: rtl;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror .CodeMirror-matchingbracket {
|
||||
background: rgba(219, 166, 23, 0.3);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.CodeMirror {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror .CodeMirror-linenumber {
|
||||
color: #646970;
|
||||
}
|
||||
Vendored
+2
@@ -0,0 +1,2 @@
|
||||
/*! This file is auto-generated */
|
||||
.wp-core-ui [class*=CodeMirror-lint-message],.wrap .CodeMirror-lint-marker-multiple,.wrap [class*=CodeMirror-lint-marker]{background-image:none}.wp-core-ui .CodeMirror-lint-marker-error,.wp-core-ui .CodeMirror-lint-marker-warning{cursor:help}.wrap .CodeMirror-lint-marker-multiple{position:absolute;top:0}.wrap [class*=CodeMirror-lint-marker]:before{font:normal 18px/1 dashicons;position:relative;top:-2px}.wp-core-ui [class*=CodeMirror-lint-message]:before{font:normal 16px/1 dashicons;right:16px;position:absolute}.wp-core-ui .CodeMirror-lint-message-error,.wp-core-ui .CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 2px;padding:3px 28px 3px 12px}.wp-core-ui .CodeMirror-lint-message-warning{background-color:#fcf9e8;border-right:4px solid #dba617}.wp-core-ui .CodeMirror-lint-message-warning:before,.wrap .CodeMirror-lint-marker-warning:before{content:"\f534";color:#dba617}.wp-core-ui .CodeMirror-lint-message-error{background-color:#fcf0f1;border-right:4px solid #d63638}.wp-core-ui .CodeMirror-lint-message-error:before,.wrap .CodeMirror-lint-marker-error:before{content:"\f153";color:#d63638}.wp-core-ui .CodeMirror-lint-tooltip{background:0 0;border:none;border-radius:0;direction:rtl}.wrap .CodeMirror .CodeMirror-matchingbracket{background:rgba(219,166,23,.3);color:inherit}.CodeMirror{text-align:right}.wrap .CodeMirror .CodeMirror-linenumber{color:#646970}
|
||||
@@ -0,0 +1,76 @@
|
||||
.wrap [class*="CodeMirror-lint-marker"],
|
||||
.wp-core-ui [class*="CodeMirror-lint-message"],
|
||||
.wrap .CodeMirror-lint-marker-multiple {
|
||||
background-image: none;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-marker-error,
|
||||
.wp-core-ui .CodeMirror-lint-marker-warning {
|
||||
cursor: help;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror-lint-marker-multiple {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.wrap [class*="CodeMirror-lint-marker"]:before {
|
||||
font: normal 18px/1 dashicons;
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
.wp-core-ui [class*="CodeMirror-lint-message"]:before {
|
||||
font: normal 16px/1 dashicons;
|
||||
left: 16px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-message-error,
|
||||
.wp-core-ui .CodeMirror-lint-message-warning {
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
|
||||
margin: 5px 0 2px;
|
||||
padding: 3px 12px 3px 28px;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-message-warning {
|
||||
background-color: #fcf9e8;
|
||||
border-left: 4px solid #dba617;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror-lint-marker-warning:before,
|
||||
.wp-core-ui .CodeMirror-lint-message-warning:before {
|
||||
content: "\f534";
|
||||
color: #dba617;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-message-error {
|
||||
background-color: #fcf0f1;
|
||||
border-left: 4px solid #d63638;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror-lint-marker-error:before,
|
||||
.wp-core-ui .CodeMirror-lint-message-error:before {
|
||||
content: "\f153";
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
.wp-core-ui .CodeMirror-lint-tooltip {
|
||||
background: none;
|
||||
border: none;
|
||||
border-radius: 0;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror .CodeMirror-matchingbracket {
|
||||
background: rgba(219, 166, 23, 0.3);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.CodeMirror {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.wrap .CodeMirror .CodeMirror-linenumber {
|
||||
color: #646970;
|
||||
}
|
||||
Vendored
+2
@@ -0,0 +1,2 @@
|
||||
/*! This file is auto-generated */
|
||||
.wp-core-ui [class*=CodeMirror-lint-message],.wrap .CodeMirror-lint-marker-multiple,.wrap [class*=CodeMirror-lint-marker]{background-image:none}.wp-core-ui .CodeMirror-lint-marker-error,.wp-core-ui .CodeMirror-lint-marker-warning{cursor:help}.wrap .CodeMirror-lint-marker-multiple{position:absolute;top:0}.wrap [class*=CodeMirror-lint-marker]:before{font:normal 18px/1 dashicons;position:relative;top:-2px}.wp-core-ui [class*=CodeMirror-lint-message]:before{font:normal 16px/1 dashicons;left:16px;position:absolute}.wp-core-ui .CodeMirror-lint-message-error,.wp-core-ui .CodeMirror-lint-message-warning{box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:5px 0 2px;padding:3px 12px 3px 28px}.wp-core-ui .CodeMirror-lint-message-warning{background-color:#fcf9e8;border-left:4px solid #dba617}.wp-core-ui .CodeMirror-lint-message-warning:before,.wrap .CodeMirror-lint-marker-warning:before{content:"\f534";color:#dba617}.wp-core-ui .CodeMirror-lint-message-error{background-color:#fcf0f1;border-left:4px solid #d63638}.wp-core-ui .CodeMirror-lint-message-error:before,.wrap .CodeMirror-lint-marker-error:before{content:"\f153";color:#d63638}.wp-core-ui .CodeMirror-lint-tooltip{background:0 0;border:none;border-radius:0;direction:ltr}.wrap .CodeMirror .CodeMirror-matchingbracket{background:rgba(219,166,23,.3);color:inherit}.CodeMirror{text-align:left}.wrap .CodeMirror .CodeMirror-linenumber{color:#646970}
|
||||
@@ -0,0 +1,177 @@
|
||||
/*! This file is auto-generated */
|
||||
/* rtl:ignore */
|
||||
.wp-color-picker {
|
||||
width: 80px;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.wp-picker-container .hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Needs higher specificity to override `.wp-core-ui .button`. */
|
||||
.wp-picker-container .wp-color-result.button {
|
||||
min-height: 32px;
|
||||
margin: 0 0 6px 6px;
|
||||
padding: 0 30px 0 0;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.wp-color-result-text {
|
||||
background: #f6f7f7;
|
||||
border-radius: 2px 0 0 2px;
|
||||
border-right: 1px solid #c3c4c7;
|
||||
color: #50575e;
|
||||
display: block;
|
||||
line-height: 2.72727273; /* 30px */
|
||||
padding: 0 6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wp-color-result:hover,
|
||||
.wp-color-result:focus {
|
||||
background: #f6f7f7;
|
||||
border-color: #8c8f94;
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
.wp-color-result:hover:after,
|
||||
.wp-color-result:focus:after {
|
||||
color: #1d2327;
|
||||
border-color: #a7aaad;
|
||||
border-right: 1px solid #8c8f94;
|
||||
}
|
||||
|
||||
.wp-picker-container {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wp-color-result:focus {
|
||||
border-color: #4f94d4;
|
||||
box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
|
||||
}
|
||||
|
||||
.wp-color-result:active {
|
||||
/* See Trac ticket #39662 */
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.wp-picker-open + .wp-picker-input-wrap {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.wp-picker-input-wrap label {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */
|
||||
.form-table .wp-picker-input-wrap label {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-picker-input-wrap .button.wp-picker-clear,
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
|
||||
margin-right: 6px;
|
||||
padding: 0 8px;
|
||||
line-height: 2.72727273; /* 30px */
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
|
||||
background-color: #50575e
|
||||
}
|
||||
|
||||
.wp-picker-container .iris-picker {
|
||||
border-radius: 0;
|
||||
border-color: #dcdcde;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.wp-picker-container input[type="text"].wp-color-picker {
|
||||
width: 4rem;
|
||||
font-size: 12px;
|
||||
font-family: monospace;
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
vertical-align: top;
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-color-picker::-webkit-input-placeholder {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
.wp-color-picker::-moz-placeholder {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
.wp-picker-container input[type="text"].iris-error {
|
||||
background-color: #fcf0f1;
|
||||
border-color: #d63638;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.iris-picker .ui-square-handle:focus,
|
||||
.iris-picker .iris-strip .ui-slider-handle:focus {
|
||||
border-color: var(--wp-admin-theme-color, #3858e9);
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.iris-picker .iris-palette:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.wp-picker-container input[type="text"].wp-color-picker {
|
||||
width: 5rem;
|
||||
font-size: 16px;
|
||||
line-height: 1.875; /* 30px */
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-picker-input-wrap .button.wp-picker-clear {
|
||||
padding: 0 8px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
|
||||
padding: 0 8px;
|
||||
font-size: 14px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-picker-container .wp-color-result.button {
|
||||
padding: 0 40px 0 0;
|
||||
font-size: 14px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-container .wp-color-result.button {
|
||||
font-size: 14px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
}
|
||||
|
||||
.wp-picker-container .wp-color-result-text {
|
||||
padding: 0 14px;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-container .wp-color-result-text {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
+2
@@ -0,0 +1,2 @@
|
||||
/*! This file is auto-generated */
|
||||
.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:32px;margin:0 0 6px 6px;padding:0 30px 0 0;font-size:11px}.wp-color-result-text{background:#f6f7f7;border-radius:2px 0 0 2px;border-right:1px solid #c3c4c7;color:#50575e;display:block;line-height:2.72727273;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#f6f7f7;border-color:#8c8f94;color:#1d2327}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#1d2327;border-color:#a7aaad;border-right:1px solid #8c8f94}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-right:6px;padding:0 8px;line-height:2.72727273;min-height:32px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#50575e}.wp-picker-container .iris-picker{border-radius:0;border-color:#dcdcde;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;margin:0;padding:0 5px;vertical-align:top;min-height:32px}.wp-color-picker::-webkit-input-placeholder{color:#646970}.wp-color-picker::-moz-placeholder{color:#646970}.wp-picker-container input[type=text].iris-error{background-color:#fcf0f1;border-color:#d63638;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:var(--wp-admin-theme-color,#3858e9);border-style:solid;box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9)}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 40px 0 0;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}
|
||||
@@ -0,0 +1,176 @@
|
||||
/* rtl:ignore */
|
||||
.wp-color-picker {
|
||||
width: 80px;
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
.wp-picker-container .hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Needs higher specificity to override `.wp-core-ui .button`. */
|
||||
.wp-picker-container .wp-color-result.button {
|
||||
min-height: 32px;
|
||||
margin: 0 6px 6px 0;
|
||||
padding: 0 0 0 30px;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.wp-color-result-text {
|
||||
background: #f6f7f7;
|
||||
border-radius: 0 2px 2px 0;
|
||||
border-left: 1px solid #c3c4c7;
|
||||
color: #50575e;
|
||||
display: block;
|
||||
line-height: 2.72727273; /* 30px */
|
||||
padding: 0 6px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wp-color-result:hover,
|
||||
.wp-color-result:focus {
|
||||
background: #f6f7f7;
|
||||
border-color: #8c8f94;
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
.wp-color-result:hover:after,
|
||||
.wp-color-result:focus:after {
|
||||
color: #1d2327;
|
||||
border-color: #a7aaad;
|
||||
border-left: 1px solid #8c8f94;
|
||||
}
|
||||
|
||||
.wp-picker-container {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.wp-color-result:focus {
|
||||
border-color: #4f94d4;
|
||||
box-shadow: 0 0 3px rgba(34, 113, 177, 0.8);
|
||||
}
|
||||
|
||||
.wp-color-result:active {
|
||||
/* See Trac ticket #39662 */
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.wp-picker-open + .wp-picker-input-wrap {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.wp-picker-input-wrap label {
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
/* For the old `custom-background` page, to override the inline-block and margins from `.form-table td fieldset label`. */
|
||||
.form-table .wp-picker-input-wrap label {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-picker-input-wrap .button.wp-picker-clear,
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
|
||||
margin-left: 6px;
|
||||
padding: 0 8px;
|
||||
line-height: 2.72727273; /* 30px */
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
|
||||
background-color: #50575e
|
||||
}
|
||||
|
||||
.wp-picker-container .iris-picker {
|
||||
border-radius: 0;
|
||||
border-color: #dcdcde;
|
||||
margin-top: 6px;
|
||||
}
|
||||
|
||||
.wp-picker-container input[type="text"].wp-color-picker {
|
||||
width: 4rem;
|
||||
font-size: 12px;
|
||||
font-family: monospace;
|
||||
margin: 0;
|
||||
padding: 0 5px;
|
||||
vertical-align: top;
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-color-picker::-webkit-input-placeholder {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
.wp-color-picker::-moz-placeholder {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
.wp-picker-container input[type="text"].iris-error {
|
||||
background-color: #fcf0f1;
|
||||
border-color: #d63638;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.iris-picker .ui-square-handle:focus,
|
||||
.iris-picker .iris-strip .ui-slider-handle:focus {
|
||||
border-color: var(--wp-admin-theme-color, #3858e9);
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.iris-picker .iris-palette:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
.wp-picker-container input[type="text"].wp-color-picker {
|
||||
width: 5rem;
|
||||
font-size: 16px;
|
||||
line-height: 1.875; /* 30px */
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
|
||||
padding: 0 5px;
|
||||
}
|
||||
|
||||
.wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-picker-input-wrap .button.wp-picker-clear {
|
||||
padding: 0 8px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,
|
||||
.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear {
|
||||
padding: 0 8px;
|
||||
font-size: 14px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
min-height: 32px;
|
||||
}
|
||||
|
||||
.wp-picker-container .wp-color-result.button {
|
||||
padding: 0 0 0 40px;
|
||||
font-size: 14px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-container .wp-color-result.button {
|
||||
font-size: 14px;
|
||||
line-height: 2.14285714; /* 30px */
|
||||
}
|
||||
|
||||
.wp-picker-container .wp-color-result-text {
|
||||
padding: 0 14px;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
.wp-customizer .wp-picker-container .wp-color-result-text {
|
||||
padding: 0 10px;
|
||||
}
|
||||
}
|
||||
Vendored
+2
@@ -0,0 +1,2 @@
|
||||
/*! This file is auto-generated */
|
||||
.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:32px;margin:0 6px 6px 0;padding:0 0 0 30px;font-size:11px}.wp-color-result-text{background:#f6f7f7;border-radius:0 2px 2px 0;border-left:1px solid #c3c4c7;color:#50575e;display:block;line-height:2.72727273;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#f6f7f7;border-color:#8c8f94;color:#1d2327}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#1d2327;border-color:#a7aaad;border-left:1px solid #8c8f94}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#4f94d4;box-shadow:0 0 3px rgba(34,113,177,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{margin-left:6px;padding:0 8px;line-height:2.72727273;min-height:32px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#50575e}.wp-picker-container .iris-picker{border-radius:0;border-color:#dcdcde;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;margin:0;padding:0 5px;vertical-align:top;min-height:32px}.wp-color-picker::-webkit-input-placeholder{color:#646970}.wp-color-picker::-moz-placeholder{color:#646970}.wp-picker-container input[type=text].iris-error{background-color:#fcf0f1;border-color:#d63638;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{border-color:var(--wp-admin-theme-color,#3858e9);border-style:solid;box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);outline:2px solid transparent}.iris-picker .iris-palette:focus{box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9)}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-clear,.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-clear,.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 0 0 40px;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}
|
||||
@@ -0,0 +1,790 @@
|
||||
@use 'sass:color';
|
||||
@use 'sass:string';
|
||||
@forward 'variables' show $scheme-name, $base-color, $body-background, $button-color, $custom-welcome-panel, $dashboard-accent-1, $dashboard-accent-2, $dashboard-icon-background, $form-checked, $highlight-color, $icon-color, $link, $link-focus, $low-contrast-theme, $menu-bubble-text, $menu-collapse-focus-icon, $menu-collapse-text, $menu-highlight-background, $menu-highlight-icon, $menu-highlight-text, $menu-submenu-text, $menu-submenu-focus-text, $menu-submenu-background, $notification-color, $text-color;
|
||||
@use 'variables';
|
||||
@use 'mixins';
|
||||
@use 'tokens';
|
||||
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
@function url-friendly-colour( $color ) {
|
||||
@return '%23' + string.slice( '#{ $color }', 2, -1 );
|
||||
}
|
||||
|
||||
body {
|
||||
background: variables.$body-background;
|
||||
}
|
||||
|
||||
|
||||
/* Links */
|
||||
|
||||
a {
|
||||
color: variables.$link;
|
||||
|
||||
&:hover,
|
||||
&:active,
|
||||
&:focus {
|
||||
color: variables.$link-focus;
|
||||
}
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
|
||||
&:hover,
|
||||
&:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
&:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: tokens.$radius-s;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&[aria-disabled="true"] {
|
||||
color: tokens.$gray-600;
|
||||
}
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: tokens.$alert-red;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: color.adjust(tokens.$alert-red, $lightness: 10%);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
|
||||
// Checkbox checked state - uses theme color
|
||||
input[type="checkbox"]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
// Radio checked state - uses theme color
|
||||
input[type="radio"]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type="reset"]:hover,
|
||||
.wp-core-ui input[type="reset"]:active {
|
||||
color: variables.$link-focus;
|
||||
}
|
||||
|
||||
// Text input focus - outset focus ring matching button focus style
|
||||
input[type="text"]:focus,
|
||||
input[type="password"]:focus,
|
||||
input[type="color"]:focus,
|
||||
input[type="date"]:focus,
|
||||
input[type="datetime"]:focus,
|
||||
input[type="datetime-local"]:focus,
|
||||
input[type="email"]:focus,
|
||||
input[type="month"]:focus,
|
||||
input[type="number"]:focus,
|
||||
input[type="search"]:focus,
|
||||
input[type="tel"]:focus,
|
||||
input[type="time"]:focus,
|
||||
input[type="url"]:focus,
|
||||
input[type="week"]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
// Checkbox/Radio focus - Gutenberg-style outset focus ring
|
||||
input[type="checkbox"]:focus,
|
||||
input[type="radio"]:focus {
|
||||
border-color: tokens.$gray-900;
|
||||
box-shadow: 0 0 0 2px tokens.$white, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
// Select focus (wp-core-ui styled selects)
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
// Autocomplete focus state
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected="true"] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
// Password field focus
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
// Password toggle button focus
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
|
||||
/* Core UI */
|
||||
|
||||
.wp-core-ui {
|
||||
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
.button {
|
||||
@include mixins.button-secondary();
|
||||
}
|
||||
|
||||
/* Secondary button - same as default */
|
||||
.button-secondary {
|
||||
@include mixins.button-secondary();
|
||||
}
|
||||
|
||||
/* Primary button - theme color background */
|
||||
.button-primary {
|
||||
@include mixins.button();
|
||||
}
|
||||
|
||||
.button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
|
||||
.wp-ui-primary {
|
||||
color: variables.$text-color;
|
||||
background-color: variables.$base-color;
|
||||
}
|
||||
.wp-ui-text-primary {
|
||||
color: variables.$base-color;
|
||||
}
|
||||
|
||||
.wp-ui-highlight {
|
||||
color: variables.$menu-highlight-text;
|
||||
background-color: variables.$menu-highlight-background;
|
||||
}
|
||||
.wp-ui-text-highlight {
|
||||
color: variables.$menu-highlight-background;
|
||||
}
|
||||
|
||||
.wp-ui-notification {
|
||||
color: variables.$menu-bubble-text;
|
||||
background-color: variables.$menu-bubble-background;
|
||||
}
|
||||
.wp-ui-text-notification {
|
||||
color: variables.$menu-bubble-background;
|
||||
}
|
||||
|
||||
.wp-ui-text-icon {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* List tables */
|
||||
|
||||
// .page-title-action uses secondary button styling
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: tokens.$radius-s;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: variables.$menu-background;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: variables.$menu-bubble-background;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu */
|
||||
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: variables.$menu-background;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: variables.$menu-text;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: variables.$menu-highlight-text;
|
||||
background-color: variables.$menu-highlight-background;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: variables.$menu-highlight-icon;
|
||||
}
|
||||
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: variables.$body-background;
|
||||
border-bottom-color: variables.$body-background;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: variables.$menu-submenu-background;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: variables.$menu-submenu-background;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: variables.$menu-submenu-text;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: variables.$menu-submenu-text;
|
||||
|
||||
&:focus, &:hover {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu: current */
|
||||
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: variables.$menu-submenu-current-text;
|
||||
|
||||
&:hover, &:focus {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: variables.$body-background;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: variables.$menu-current-text;
|
||||
background: variables.$menu-current-background;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: variables.$menu-current-icon;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: variables.$menu-bubble-text;
|
||||
background: variables.$menu-bubble-background;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: variables.$menu-bubble-current-text;
|
||||
background: variables.$menu-bubble-current-background;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
|
||||
#collapse-button {
|
||||
color: variables.$menu-collapse-text;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
|
||||
#wpadminbar {
|
||||
color: variables.$menu-text;
|
||||
background: variables.$menu-background;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: variables.$menu-text;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
background: variables.$menu-submenu-background;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: variables.$menu-submenu-background;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: variables.$menu-submenu-background-alt;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: variables.$menu-submenu-text;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
|
||||
|
||||
/* Admin Bar: search */
|
||||
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: variables.$menu-text;
|
||||
background: variables.$adminbar-input-background;
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: variables.$adminbar-recovery-exit-text;
|
||||
background-color: variables.$adminbar-recovery-exit-background;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: variables.$adminbar-recovery-exit-text;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover >.ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: variables.$adminbar-recovery-exit-text;
|
||||
background-color: variables.$adminbar-recovery-exit-background-alt;
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: variables.$adminbar-avatar-frame;
|
||||
background-color: variables.$adminbar-avatar-frame;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: variables.$menu-text;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: variables.$menu-submenu-focus-text;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: variables.$menu-submenu-text;
|
||||
}
|
||||
|
||||
|
||||
/* Pointers */
|
||||
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: variables.$highlight-color;
|
||||
border-color: color.adjust(variables.$highlight-color, $lightness: -5%);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: variables.$highlight-color;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: variables.$highlight-color;
|
||||
}
|
||||
|
||||
|
||||
/* Media */
|
||||
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: variables.$highlight-color;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow:
|
||||
inset 0 0 0 3px #fff,
|
||||
inset 0 0 0 7px variables.$highlight-color;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: variables.$highlight-color;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px variables.$highlight-color;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px variables.$highlight-color;
|
||||
}
|
||||
|
||||
|
||||
/* Themes */
|
||||
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: variables.$highlight-color;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: variables.$highlight-color;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: variables.$menu-background;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: variables.$menu-text;
|
||||
background-color: variables.$menu-background;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: variables.$menu-text;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: variables.$menu-highlight-background;
|
||||
color: variables.$menu-highlight-text;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: variables.$menu-highlight-text;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: variables.$menu-highlight-background;
|
||||
color: variables.$menu-highlight-text;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: variables.$menu-highlight-text;
|
||||
}
|
||||
|
||||
|
||||
/* Nav Menus */
|
||||
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow:
|
||||
0 0 0 1px color.adjust(variables.$button-color, $lightness: 10%),
|
||||
0 0 2px 1px variables.$button-color;
|
||||
}
|
||||
|
||||
|
||||
/* Responsive Component */
|
||||
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
// ToDo: make inset border
|
||||
border-color: transparent;
|
||||
background: variables.$menu-highlight-background;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: variables.$menu-submenu-background;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: variables.$menu-icon;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: variables.$highlight-color;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui {
|
||||
#customize-controls .control-section:hover > .accordion-section-title,
|
||||
#customize-controls .control-section .accordion-section-title:hover,
|
||||
#customize-controls .control-section.open .accordion-section-title,
|
||||
#customize-controls .control-section .accordion-section-title:focus {
|
||||
color: variables.$link;
|
||||
border-left-color: variables.$button-color;
|
||||
}
|
||||
|
||||
.customize-controls-close:focus,
|
||||
.customize-controls-close:hover,
|
||||
.customize-controls-preview-toggle:focus,
|
||||
.customize-controls-preview-toggle:hover {
|
||||
color: variables.$link;
|
||||
border-top-color: variables.$button-color;
|
||||
}
|
||||
|
||||
.customize-panel-back:hover,
|
||||
.customize-panel-back:focus,
|
||||
.customize-section-back:hover,
|
||||
.customize-section-back:focus {
|
||||
color: variables.$link;
|
||||
border-left-color: variables.$button-color;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:hover,
|
||||
.customize-screen-options-toggle:active,
|
||||
.customize-screen-options-toggle:focus,
|
||||
.active-menu-screen-options .customize-screen-options-toggle,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: variables.$link;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:focus:before,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus:before,
|
||||
&.wp-customizer button:focus .toggle-indicator:before,
|
||||
.menu-item-bar .item-delete:focus:before,
|
||||
#available-menu-items .item-add:focus:before,
|
||||
#customize-save-button-wrapper .save:focus,
|
||||
#publish-settings:focus {
|
||||
box-shadow:
|
||||
0 0 0 1px color.adjust(variables.$button-color, $lightness: 10%),
|
||||
0 0 2px 1px variables.$button-color;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info.open .customize-help-toggle,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus,
|
||||
#customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: variables.$link;
|
||||
}
|
||||
|
||||
.control-panel-themes .customize-themes-section-title:focus,
|
||||
.control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: variables.$button-color;
|
||||
color: variables.$link;
|
||||
}
|
||||
|
||||
.control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: variables.$button-color;
|
||||
}
|
||||
|
||||
.control-panel-themes .customize-themes-section-title.selected {
|
||||
color: variables.$link;
|
||||
}
|
||||
|
||||
#customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
#customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
#customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
#customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
#customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
#customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
#customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
#customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: variables.$link;
|
||||
}
|
||||
|
||||
.customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: variables.$button-color;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px variables.$button-color;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-full-overlay-footer .devices button:focus,
|
||||
.wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: variables.$button-color;
|
||||
}
|
||||
|
||||
.wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-full-overlay-footer .devices button:focus:before {
|
||||
color: variables.$button-color;
|
||||
}
|
||||
|
||||
.wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-full-overlay .collapse-sidebar:focus {
|
||||
color: variables.$button-color;
|
||||
}
|
||||
|
||||
.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow:
|
||||
0 0 0 1px color.adjust(variables.$button-color, $lightness: 10%),
|
||||
0 0 2px 1px variables.$button-color;
|
||||
}
|
||||
|
||||
&.wp-customizer .theme-overlay .theme-header .close:focus,
|
||||
&.wp-customizer .theme-overlay .theme-header .close:hover,
|
||||
&.wp-customizer .theme-overlay .theme-header .right:focus,
|
||||
&.wp-customizer .theme-overlay .theme-header .right:hover,
|
||||
&.wp-customizer .theme-overlay .theme-header .left:focus,
|
||||
&.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: variables.$button-color;
|
||||
color: variables.$link;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,132 @@
|
||||
@use 'sass:color';
|
||||
@use 'tokens';
|
||||
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
@mixin button( $button-text-color: #fff ) {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: tokens.$radius-s;
|
||||
color: $button-text-color;
|
||||
|
||||
&:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: $button-text-color;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: $button-text-color;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow:
|
||||
0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color),
|
||||
inset 0 0 0 1px tokens.$white;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: $button-text-color;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&.disabled {
|
||||
background: tokens.$gray-100;
|
||||
border-color: transparent;
|
||||
color: tokens.$gray-600;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
&.active,
|
||||
&.active:focus,
|
||||
&.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: $button-text-color;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
@mixin button-secondary() {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: tokens.$radius-s;
|
||||
color: var(--wp-admin-theme-color);
|
||||
|
||||
&:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&.disabled {
|
||||
background: transparent;
|
||||
border-color: tokens.$gray-300;
|
||||
color: tokens.$gray-600;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
@mixin button-tertiary() {
|
||||
background: transparent;
|
||||
border: 1px solid tokens.$gray-600;
|
||||
border-radius: tokens.$radius-s;
|
||||
color: tokens.$gray-900;
|
||||
|
||||
&:hover {
|
||||
background: rgba(0, 0, 0, 0.05);
|
||||
border-color: tokens.$gray-700;
|
||||
color: tokens.$gray-900;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: tokens.$gray-900;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: rgba(0, 0, 0, 0.1);
|
||||
border-color: tokens.$gray-700;
|
||||
color: tokens.$gray-900;
|
||||
}
|
||||
|
||||
&:disabled,
|
||||
&.disabled {
|
||||
background: transparent;
|
||||
border-color: tokens.$gray-400;
|
||||
color: tokens.$gray-600;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,212 @@
|
||||
// ==========================================================================
|
||||
// WordPress Design System Tokens
|
||||
// ==========================================================================
|
||||
//
|
||||
// These tokens are derived from the WordPress Design System in Figma:
|
||||
// https://www.figma.com/design/804HN2REV2iap2ytjRQ055/WordPress-Design-System
|
||||
//
|
||||
// IMPORTANT: Do NOT expose these as CSS custom properties.
|
||||
// Use these Sass variables to compile to static CSS values.
|
||||
// The only CSS custom properties available are those in wp-base-styles:
|
||||
// - --wp-admin-theme-color
|
||||
// - --wp-admin-theme-color--rgb
|
||||
// - --wp-admin-theme-color-darker-10
|
||||
// - --wp-admin-theme-color-darker-20
|
||||
// - --wp-admin-border-width-focus
|
||||
//
|
||||
// ==========================================================================
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Grid Units (Spacing)
|
||||
// --------------------------------------------------------------------------
|
||||
// Based on 4px base unit. Use for padding, margin, and gap values.
|
||||
|
||||
$grid-unit-05: 4px; // Scales/grid unit 05
|
||||
$grid-unit-10: 8px; // Scales/grid unit 10
|
||||
$grid-unit-15: 12px; // Scales/grid unit 15
|
||||
$grid-unit-20: 16px; // Scales/grid unit 20
|
||||
$grid-unit-30: 24px; // Scales/grid unit 30
|
||||
$grid-unit-40: 32px; // Scales/grid unit 40
|
||||
$grid-unit-50: 40px; // Scales/grid unit 50
|
||||
$grid-unit-60: 48px; // Scales/grid unit 60
|
||||
$grid-unit-70: 56px; // Scales/grid unit 70
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Border Radius
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
$radius-xs: 1px; // radius-xs
|
||||
$radius-s: 2px; // radius-s - Buttons, inputs
|
||||
$radius-m: 4px; // radius-m - Focus rings
|
||||
$radius-l: 8px; // radius-l - Cards, dashboard widgets
|
||||
$radius-30: 12px; // Radius 30
|
||||
$radius-full: 9999px; // radius-full - Pills, avatars, circles
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Gray Scale
|
||||
// --------------------------------------------------------------------------
|
||||
// Neutral colors for backgrounds, borders, and text.
|
||||
|
||||
$gray-100: #f0f0f0; // Scales/Grays/gray-100 - Page background, disabled inputs
|
||||
$gray-200: #e0e0e0; // Scales/Grays/gray-200
|
||||
$gray-300: #dddddd; // Scales/Grays/gray-300
|
||||
$gray-400: #cccccc; // Scales/Grays/gray-400 - Disabled borders
|
||||
$gray-600: #949494; // Scales/Grays/gray-600 - Input borders, disabled text
|
||||
$gray-700: #757575; // Scales/Grays/gray-700
|
||||
$gray-800: #2f2f2f; // Scales/Grays/gray-800
|
||||
$gray-900: #1e1e1e; // Scales/Grays/gray-900 - Primary text
|
||||
|
||||
$white: #ffffff; // Scales/Black & White/white
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Theme Colors (Static reference values)
|
||||
// --------------------------------------------------------------------------
|
||||
// For actual theme color usage, use var(--wp-admin-theme-color) instead.
|
||||
// These are provided for reference and for contexts where CSS vars aren't available.
|
||||
|
||||
$theme-reference: #3858e9; // Scales/Theme/theme (modern scheme)
|
||||
$theme-darker-10-reference: #2145e6; // Scales/Theme/theme-darker-10
|
||||
$theme-darker-20-reference: #183ad6; // Scales/Theme/theme-darker-20
|
||||
$theme-alpha-04: rgba(56, 88, 233, 0.04); // Scales/Theme/theme-alpha-04 (4% opacity)
|
||||
$theme-alpha-08: rgba(56, 88, 233, 0.08); // Scales/Theme/theme-alpha-08 (8% opacity)
|
||||
|
||||
$brand-9: #4465db; // Scales/brand-9 - Focus ring color (static, not theme-dependent)
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Semantic Colors
|
||||
// --------------------------------------------------------------------------
|
||||
// Use these for notices, alerts, and status indicators.
|
||||
// These are intentionally NOT theme-dependent for consistency.
|
||||
|
||||
$alert-yellow: #f0b849; // Scales/Yellow/alert-yellow - Warnings
|
||||
$alert-green: #4ab866; // Scales/Green/alert-green - Success
|
||||
$alert-red: #cc1818; // Scales/Red/alert-red - Errors
|
||||
$alert-blue: #3858e9; // Info notices (matches modern theme)
|
||||
|
||||
// Background tints for notices
|
||||
$alert-yellow-bg: #fef8ee; // Warning notice background
|
||||
$alert-green-bg: #eff9f1; // Success notice background
|
||||
$alert-red-bg: #fcf0f0; // Error notice background
|
||||
|
||||
$synced-color: #7a00df; // Scales/Purple/--wp-block-synced-color
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Text Colors
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
$text-primary: $gray-900; // Primary text color
|
||||
$text-secondary: $gray-700; // Secondary text
|
||||
$text-tertiary: #5d5d5d; // Alias/text/text-tertiary - Placeholder, hints
|
||||
$text-disabled: $gray-600; // Disabled text
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Component Tokens
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
// Inputs
|
||||
$input-bg: $white; // Alias/bg/bg-input
|
||||
$input-border-color: $gray-600; // Default input border
|
||||
$input-border-color-disabled: $gray-400;
|
||||
$input-bg-disabled: $gray-100;
|
||||
$input-border-width-default: 1px; // Input/Default
|
||||
$input-border-width-focus: 1.5px; // Input/Focus
|
||||
$field-spacing-horizontal: 8px; // Alias/field-spacing-horizontal
|
||||
|
||||
// Checkboxes and Radios
|
||||
$checkbox-size: 16px; // Alias/checkbox
|
||||
$radio-size: 16px; // Alias/radio
|
||||
|
||||
// Toggles
|
||||
$toggle-width: 32px; // Alias/toggle-width
|
||||
$toggle-height: 16px; // Alias/toggle-height
|
||||
|
||||
// Buttons
|
||||
// Note: Gutenberg is transitioning to 40px as the default button size.
|
||||
// The "compact" size (32px) is available for space-constrained contexts.
|
||||
$button-height-default: 40px; // Default button height (next-default-40px)
|
||||
$button-height-compact: 32px; // Compact button height
|
||||
$button-height-small: 24px; // Small button height
|
||||
|
||||
// Cards and Surfaces
|
||||
$card-bg: $white;
|
||||
$card-border-color: rgba(0, 0, 0, 0.1);
|
||||
$card-border-width: 1px;
|
||||
$card-border-radius: $radius-l; // 8px for dashboard widgets
|
||||
$card-border-radius-metabox: 0; // 0 for post editor metaboxes
|
||||
$card-divider-color: rgba(0, 0, 0, 0.1);
|
||||
|
||||
// Card Padding Sizes
|
||||
$card-padding-xs: $grid-unit-10; // 8px - xSmall cards
|
||||
$card-padding-sm: $grid-unit-20; // 16px - Small cards (metaboxes, dashboard widgets)
|
||||
$card-padding-md-h: $grid-unit-30; // 24px - Medium cards horizontal
|
||||
$card-padding-md-v: $grid-unit-20; // 16px - Medium cards vertical
|
||||
$card-padding-lg-h: $grid-unit-40; // 32px - Large cards horizontal
|
||||
$card-padding-lg-v: $grid-unit-30; // 24px - Large cards vertical
|
||||
|
||||
// Page Layout
|
||||
$page-padding-large: 48px; // Alias/page-large
|
||||
$page-padding-small: 24px; // Alias/page-small
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Typography Scale
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
// Font Sizes
|
||||
$font-size-xs: 11px; // xs - Small labels, button small
|
||||
$font-size-s: 12px; // s - Body small
|
||||
$font-size-m: 13px; // m - Base body text, buttons
|
||||
$font-size-l: 15px; // l - Body large, heading large
|
||||
$font-size-xl: 20px; // xl - Heading XL
|
||||
|
||||
// Line Heights
|
||||
$line-height-xs: 16px; // xs
|
||||
$line-height-s: 20px; // s - Most UI elements
|
||||
$line-height-m: 24px; // m - Body large
|
||||
|
||||
// Font Weights
|
||||
$font-weight-regular: 400; // Regular - Body text
|
||||
$font-weight-medium: 500; // Medium - Headings, buttons
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Elevation (Box Shadows)
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
$elevation-xs:
|
||||
0 4px 4px rgba(0, 0, 0, 0.01),
|
||||
0 3px 3px rgba(0, 0, 0, 0.02),
|
||||
0 1px 2px rgba(0, 0, 0, 0.02),
|
||||
0 1px 1px rgba(0, 0, 0, 0.03);
|
||||
|
||||
$elevation-s:
|
||||
0 8px 8px rgba(0, 0, 0, 0.02),
|
||||
0 1px 2px rgba(0, 0, 0, 0.05);
|
||||
|
||||
$elevation-m:
|
||||
0 16px 16px rgba(0, 0, 0, 0.02),
|
||||
0 4px 5px rgba(0, 0, 0, 0.03),
|
||||
0 2px 3px rgba(0, 0, 0, 0.05);
|
||||
|
||||
$elevation-l:
|
||||
0 50px 43px rgba(0, 0, 0, 0.02),
|
||||
0 30px 36px rgba(0, 0, 0, 0.04),
|
||||
0 15px 27px rgba(0, 0, 0, 0.07),
|
||||
0 5px 15px rgba(0, 0, 0, 0.08);
|
||||
|
||||
|
||||
// --------------------------------------------------------------------------
|
||||
// Layout
|
||||
// --------------------------------------------------------------------------
|
||||
|
||||
$modal-width-small: 384px; // Layout/Modal small
|
||||
$modal-width-medium: 512px; // Layout/Modal medium
|
||||
$modal-width-large: 840px; // Layout/Modal large
|
||||
|
||||
@@ -0,0 +1,78 @@
|
||||
@use "sass:color";
|
||||
|
||||
// Import design system tokens
|
||||
@use "tokens" as *;
|
||||
|
||||
// assign default value to all undefined variables
|
||||
|
||||
$scheme-name: "default" !default;
|
||||
|
||||
// core variables
|
||||
|
||||
$text-color: #fff !default;
|
||||
$base-color: #23282d !default;
|
||||
$icon-color: hsl(color.channel($base-color, "hue", $space: hsl), 7%, 95%) !default;
|
||||
$highlight-color: #0073aa !default;
|
||||
$notification-color: #d54e21 !default;
|
||||
|
||||
|
||||
// global
|
||||
|
||||
$body-background: $gray-100 !default;
|
||||
|
||||
$link: #0073aa !default;
|
||||
$link-focus: color.adjust($link, $lightness: 10%) !default;
|
||||
|
||||
$button-color: $highlight-color !default;
|
||||
$button-text-color: $text-color !default;
|
||||
|
||||
$form-checked: #7e8993 !default;
|
||||
|
||||
// admin menu & admin-bar
|
||||
|
||||
$menu-text: $text-color !default;
|
||||
$menu-icon: $icon-color !default;
|
||||
$menu-background: $base-color !default;
|
||||
|
||||
$menu-highlight-text: $text-color !default;
|
||||
$menu-highlight-icon: $text-color !default;
|
||||
$menu-highlight-background: $highlight-color !default;
|
||||
|
||||
$menu-current-text: $menu-highlight-text !default;
|
||||
$menu-current-icon: $menu-highlight-icon !default;
|
||||
$menu-current-background: $menu-highlight-background !default;
|
||||
|
||||
$menu-submenu-text: color.mix( $base-color, $text-color, 30% ) !default;
|
||||
$menu-submenu-background: color.adjust($base-color, $lightness: -7%) !default;
|
||||
$menu-submenu-background-alt: color.adjust(color.adjust($menu-background, $lightness: 7%), $saturation: -7%) !default;
|
||||
|
||||
$menu-submenu-focus-text: $highlight-color !default;
|
||||
$menu-submenu-current-text: $text-color !default;
|
||||
|
||||
$menu-bubble-text: $text-color !default;
|
||||
$menu-bubble-background: $notification-color !default;
|
||||
$menu-bubble-current-text: $text-color !default;
|
||||
$menu-bubble-current-background: $menu-submenu-background !default;
|
||||
|
||||
$menu-collapse-text: $menu-icon !default;
|
||||
$menu-collapse-icon: $menu-icon !default;
|
||||
$menu-collapse-focus-text: $text-color !default;
|
||||
$menu-collapse-focus-icon: $menu-highlight-icon !default;
|
||||
|
||||
$adminbar-avatar-frame: color.adjust($menu-background, $lightness: 7%) !default;
|
||||
$adminbar-input-background: color.adjust($menu-background, $lightness: 7%) !default;
|
||||
|
||||
$adminbar-recovery-exit-text: $menu-bubble-text !default;
|
||||
$adminbar-recovery-exit-background: $menu-bubble-background !default;
|
||||
$adminbar-recovery-exit-background-alt: color.mix(black, $adminbar-recovery-exit-background, 10%) !default;
|
||||
|
||||
$menu-customizer-text: color.mix( $base-color, $text-color, 40% ) !default;
|
||||
|
||||
// Dashboard Colors
|
||||
|
||||
$custom-welcome-panel: "true" !default;
|
||||
$dashboard-accent-1: $menu-submenu-background !default;
|
||||
$dashboard-accent-2: $menu-background !default;
|
||||
$dashboard-icon-background: $dashboard-accent-2 !default;
|
||||
|
||||
$low-contrast-theme: "false" !default;
|
||||
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #52accc;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #52accc;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #096484;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #096484;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #52accc;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #e1a948;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #52accc;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #096484;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: #4796b3;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #e1a948;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #52accc;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #fff;
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(116.162375, 182.0949364754, 205.537625);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(109.571875, 185.228125, 212.128125);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #e1a948;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(202.5, 152.1, 64.8);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(109.571875, 185.228125, 212.128125);
|
||||
background-color: rgb(109.571875, 185.228125, 212.128125);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #096484;
|
||||
border-color: rgb(7.3723404255, 81.914893617, 108.1276595745);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #096484;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #096484;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #096484;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #096484;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #096484;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #52accc;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #52accc;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #096484;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #096484;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #e1a948;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #e1a948;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #e1a948;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #e1a948;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #e1a948;
|
||||
color: #0073aa;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #52accc;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #52accc;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #096484;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #096484;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #52accc;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #e1a948;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #52accc;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #096484;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: #4796b3;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #e1a948;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #52accc;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #fff;
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(116.162375, 182.0949364754, 205.537625);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(109.571875, 185.228125, 212.128125);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #e1a948;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(202.5, 152.1, 64.8);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(109.571875, 185.228125, 212.128125);
|
||||
background-color: rgb(109.571875, 185.228125, 212.128125);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: #e2ecf1;
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #096484;
|
||||
border-color: rgb(7.3723404255, 81.914893617, 108.1276595745);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #096484;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #096484;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #096484;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #096484;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #096484;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #096484;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #096484;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #096484;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #52accc;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #52accc;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #096484;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #096484;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #4796b3;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #e5f8ff;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #096484;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #e1a948;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #e1a948;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #e1a948;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #e1a948;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #e1a948;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(232.1830985915, 189.5915492958, 115.8169014085), 0 0 2px 1px #e1a948;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #e1a948;
|
||||
color: #0073aa;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,16 @@
|
||||
$highlight-color: #096484;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "blue",
|
||||
$base-color: #52accc,
|
||||
$icon-color: #e5f8ff,
|
||||
$highlight-color: $highlight-color,
|
||||
$notification-color: #e1a948,
|
||||
$button-color: #e1a948,
|
||||
|
||||
$menu-submenu-text: #e2ecf1,
|
||||
$menu-submenu-focus-text: #fff,
|
||||
$menu-submenu-background: #4796b3,
|
||||
|
||||
$dashboard-icon-background: $highlight-color
|
||||
);
|
||||
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #59524c;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #59524c;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #9ea476;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #9ea476;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #59524c;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #9ea476;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #59524c;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #c7a589;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #9ea476;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #59524c;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #c7a589;
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(101.2318636364, 100.2821643357, 99.4681363636);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(108.2563636364, 99.7418181818, 92.4436363636);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #9ea476;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(142.2, 147.6, 106.2);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(108.2563636364, 99.7418181818, 92.4436363636);
|
||||
background-color: rgb(108.2563636364, 99.7418181818, 92.4436363636);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #c7a589;
|
||||
border-color: rgb(190.7931034483, 151.8103448276, 119.7068965517);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #c7a589;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #c7a589;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #c7a589;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #59524c;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #59524c;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #c7a589;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #c7a589;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #c7a589;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #c7a589;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #c7a589;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #c7a589;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #c7a589;
|
||||
color: #0073aa;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #59524c;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #59524c;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #9ea476;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #9ea476;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #59524c;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #9ea476;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #59524c;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #c7a589;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #9ea476;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #59524c;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #c7a589;
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(101.2318636364, 100.2821643357, 99.4681363636);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(108.2563636364, 99.7418181818, 92.4436363636);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #9ea476;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(142.2, 147.6, 106.2);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(108.2563636364, 99.7418181818, 92.4436363636);
|
||||
background-color: rgb(108.2563636364, 99.7418181818, 92.4436363636);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(205.2, 203.1, 201.3);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #c7a589;
|
||||
border-color: rgb(190.7931034483, 151.8103448276, 119.7068965517);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #c7a589;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #c7a589;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #c7a589;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #c7a589;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #c7a589;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #c7a589;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #59524c;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #59524c;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #c7a589;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #c7a589;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(69.7436363636, 64.2581818182, 59.5563636364);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(27.6923076923, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #c7a589;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #c7a589;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #c7a589;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #c7a589;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #c7a589;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #c7a589;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(215.4137931034, 191.3793103448, 171.5862068966), 0 0 2px 1px #c7a589;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #c7a589;
|
||||
color: #0073aa;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,11 @@
|
||||
$base-color: #59524c;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "coffee",
|
||||
$base-color: $base-color,
|
||||
$highlight-color: #c7a589,
|
||||
$notification-color: #9ea476,
|
||||
$form-checked: $base-color,
|
||||
|
||||
$low-contrast-theme: "true"
|
||||
);
|
||||
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #523f6d;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #523f6d;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #d46f15;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #d46f15;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #523f6d;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #d46f15;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #523f6d;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #a3b745;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #d46f15;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #523f6d;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #a3b745;
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(100.2840283114, 83.3456627907, 124.3543372093);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(99.0197674419, 76.0761627907, 131.6238372093);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #d46f15;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(190.8, 99.9, 18.9);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(99.0197674419, 76.0761627907, 131.6238372093);
|
||||
background-color: rgb(99.0197674419, 76.0761627907, 131.6238372093);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #a3b745;
|
||||
border-color: rgb(146.505952381, 164.4821428571, 62.0178571429);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #a3b745;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #a3b745;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #a3b745;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #523f6d;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #523f6d;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #a3b745;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #a3b745;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #a3b745;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #a3b745;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #a3b745;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #a3b745;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #a3b745;
|
||||
color: #0073aa;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #523f6d;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #523f6d;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #d46f15;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #d46f15;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #523f6d;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #d46f15;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #523f6d;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #a3b745;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #d46f15;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #523f6d;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #a3b745;
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(100.2840283114, 83.3456627907, 124.3543372093);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(99.0197674419, 76.0761627907, 131.6238372093);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #d46f15;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(190.8, 99.9, 18.9);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(99.0197674419, 76.0761627907, 131.6238372093);
|
||||
background-color: rgb(99.0197674419, 76.0761627907, 131.6238372093);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(203.1, 197.4, 211.2);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #a3b745;
|
||||
border-color: rgb(146.505952381, 164.4821428571, 62.0178571429);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #a3b745;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #a3b745;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #a3b745;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #a3b745;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #a3b745;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #a3b745;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #a3b745;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #523f6d;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #523f6d;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #a3b745;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #a3b745;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(64.9802325581, 49.9238372093, 86.3761627907);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #ece6f6;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #a3b745;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #a3b745;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #a3b745;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #a3b745;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #a3b745;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #a3b745;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(181.8928571429, 198.3214285714, 104.6785714286), 0 0 2px 1px #a3b745;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #a3b745;
|
||||
color: #0073aa;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,11 @@
|
||||
$base-color: #523f6d;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "ectoplasm",
|
||||
$base-color: $base-color,
|
||||
$icon-color: #ece6f6,
|
||||
$highlight-color: #a3b745,
|
||||
$notification-color: #d46f15,
|
||||
|
||||
$form-checked: $base-color,
|
||||
);
|
||||
@@ -0,0 +1,807 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #333;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #e5e5e5;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #888;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #d64e07;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #d64e07;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #e5e5e5;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #d64e07;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f5f5f5;
|
||||
border-bottom-color: #f5f5f5;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #333;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f5f5f5;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #888;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #d64e07;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #333;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #333;
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #04a4cc;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(246.85, 246.85, 246.85);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #333;
|
||||
background: rgb(246.85, 246.85, 246.85);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #d64e07;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(192.6, 70.2, 6.3);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(246.85, 246.85, 246.85);
|
||||
background-color: rgb(246.85, 246.85, 246.85);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #04a4cc;
|
||||
border-color: rgb(3.5096153846, 143.8942307692, 178.9903846154);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #04a4cc;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #04a4cc;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #04a4cc;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #e5e5e5;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #333;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #888;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #888;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #888;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #04a4cc;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #04a4cc;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #04a4cc;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #04a4cc;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #04a4cc;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Override the theme filter highlight color for this scheme */
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,807 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f5f5f5;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #333;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #e5e5e5;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #888;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #d64e07;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #d64e07;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #e5e5e5;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #d64e07;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #888;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f5f5f5;
|
||||
border-bottom-color: #f5f5f5;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #333;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f5f5f5;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #888;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #d64e07;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #333;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #333;
|
||||
background: #e5e5e5;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #04a4cc;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(246.85, 246.85, 246.85);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #333;
|
||||
background: rgb(246.85, 246.85, 246.85);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #d64e07;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(192.6, 70.2, 6.3);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(246.85, 246.85, 246.85);
|
||||
background-color: rgb(246.85, 246.85, 246.85);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(104.4, 104.4, 104.4);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #04a4cc;
|
||||
border-color: rgb(3.5096153846, 143.8942307692, 178.9903846154);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #04a4cc;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #04a4cc;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #04a4cc;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #04a4cc;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #04a4cc;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #04a4cc;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #04a4cc;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #e5e5e5;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #333;
|
||||
background-color: #e5e5e5;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #888;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #888;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #888;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #04a4cc;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #04a4cc;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #04a4cc;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #04a4cc;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #04a4cc;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(8.8269230769, 201.9038461538, 250.1730769231), 0 0 2px 1px #04a4cc;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #04a4cc;
|
||||
color: #0073aa;
|
||||
}
|
||||
|
||||
/* Override the theme filter highlight color for this scheme */
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #04a4cc;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,36 @@
|
||||
@use "sass:color";
|
||||
|
||||
$highlight-color: #04a4cc;
|
||||
$text-color: #333;
|
||||
$menu-avatar-frame: #aaa;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "light",
|
||||
$base-color: #e5e5e5,
|
||||
$icon-color: #999,
|
||||
$text-color: $text-color,
|
||||
$highlight-color: $highlight-color,
|
||||
$notification-color: #d64e07,
|
||||
|
||||
$body-background: #f5f5f5,
|
||||
|
||||
$menu-highlight-text: #fff,
|
||||
$menu-highlight-icon: #ccc,
|
||||
$menu-highlight-background: #888,
|
||||
|
||||
$menu-bubble-text: #fff,
|
||||
$menu-submenu-background: #fff,
|
||||
|
||||
$menu-collapse-text: #777,
|
||||
$menu-collapse-focus-icon: #555,
|
||||
|
||||
$dashboard-accent-1: $highlight-color,
|
||||
$dashboard-accent-2: color.adjust(color.adjust($highlight-color, $lightness: 7%), $saturation: -15%),
|
||||
$dashboard-icon-background: $text-color
|
||||
);
|
||||
|
||||
/* Override the theme filter highlight color for this scheme */
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: admin.$highlight-color;
|
||||
}
|
||||
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #363b3f;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #363b3f;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #69a8bb;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #69a8bb;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #363b3f;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #69a8bb;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #363b3f;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #e14d43;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #69a8bb;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #363b3f;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #e14d43;
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(75.8214230769, 76.4087307692, 76.8785769231);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(70.4769230769, 77.0025641026, 82.2230769231);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #69a8bb;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(94.5, 151.2, 168.3);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(70.4769230769, 77.0025641026, 82.2230769231);
|
||||
background-color: rgb(70.4769230769, 77.0025641026, 82.2230769231);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #e14d43;
|
||||
border-color: rgb(221.4908256881, 56.1788990826, 45.0091743119);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #e14d43;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #e14d43;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #e14d43;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #363b3f;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #363b3f;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #e14d43;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #e14d43;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #e14d43;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #e14d43;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #e14d43;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #e14d43;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #e14d43;
|
||||
color: #0073aa;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #363b3f;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #363b3f;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #69a8bb;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #69a8bb;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #363b3f;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #69a8bb;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #363b3f;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #e14d43;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #69a8bb;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #363b3f;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #e14d43;
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(75.8214230769, 76.4087307692, 76.8785769231);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(70.4769230769, 77.0025641026, 82.2230769231);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #69a8bb;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(94.5, 151.2, 168.3);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(70.4769230769, 77.0025641026, 82.2230769231);
|
||||
background-color: rgb(70.4769230769, 77.0025641026, 82.2230769231);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(194.7, 196.2, 197.4);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #e14d43;
|
||||
border-color: rgb(221.4908256881, 56.1788990826, 45.0091743119);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #e14d43;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #e14d43;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #e14d43;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #e14d43;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #e14d43;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #e14d43;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #e14d43;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #363b3f;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #363b3f;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #e14d43;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #e14d43;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(37.5230769231, 40.9974358974, 43.7769230769);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(206.6666666667, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #e14d43;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #e14d43;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #e14d43;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #e14d43;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #e14d43;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #e14d43;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(232.0183486239, 118.6422018349, 110.9816513761), 0 0 2px 1px #e14d43;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #e14d43;
|
||||
color: #0073aa;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,14 @@
|
||||
@use "sass:color";
|
||||
|
||||
$base-color: #363b3f;
|
||||
$highlight-color: #e14d43;
|
||||
$notification-color: #69a8bb;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "midnight",
|
||||
$base-color: $base-color,
|
||||
$highlight-color: $highlight-color,
|
||||
$notification-color: $notification-color,
|
||||
|
||||
$dashboard-accent-2: color.mix($base-color, $notification-color, 90%),
|
||||
);
|
||||
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #3858e9;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #1e1e1e;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #1e1e1e;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #7b90ff;
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(47.85, 47.85, 47.85);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(47.85, 47.85, 47.85);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(50.4, 79.2, 209.7);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(47.85, 47.85, 47.85);
|
||||
background-color: rgb(47.85, 47.85, 47.85);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #3858e9;
|
||||
border-color: rgb(33.0384615385, 68.7307692308, 230.4615384615);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #3858e9;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #3858e9;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #3858e9;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3858e9;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #1e1e1e;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #3858e9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #3858e9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #3858e9;
|
||||
border-right-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #3858e9;
|
||||
border-top-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #3858e9;
|
||||
border-right-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #3858e9;
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #3858e9;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #3858e9;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #3858e9;
|
||||
color: #3858e9;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #3858e9;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(23.6923076923, 58.1538461538, 214.3076923077);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #1e1e1e;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #1e1e1e;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #7b90ff;
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(47.85, 47.85, 47.85);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(47.85, 47.85, 47.85);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(50.4, 79.2, 209.7);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(47.85, 47.85, 47.85);
|
||||
background-color: rgb(47.85, 47.85, 47.85);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #7b90ff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(187.5, 187.5, 187.5);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #3858e9;
|
||||
border-color: rgb(33.0384615385, 68.7307692308, 230.4615384615);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #3858e9;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #3858e9;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #3858e9;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #3858e9;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #3858e9;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #3858e9;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #3858e9;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #1e1e1e;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #1e1e1e;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #3858e9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #3858e9;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(12.15, 12.15, 12.15);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(0, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #3858e9;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #3858e9;
|
||||
border-left-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #3858e9;
|
||||
border-top-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #3858e9;
|
||||
border-left-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #3858e9;
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #3858e9;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #3858e9;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #3858e9;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #3858e9;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(101.9230769231, 126.5384615385, 238.0769230769), 0 0 2px 1px #3858e9;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #3858e9;
|
||||
color: #3858e9;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,16 @@
|
||||
@use "sass:color";
|
||||
|
||||
$highlight-color: #3858e9;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "modern",
|
||||
$base-color: #1e1e1e,
|
||||
$highlight-color: #3858e9,
|
||||
$menu-submenu-focus-text: #7b90ff,
|
||||
$notification-color: $highlight-color,
|
||||
|
||||
$link: $highlight-color,
|
||||
$link-focus: color.adjust($highlight-color, $lightness: -10%),
|
||||
|
||||
$custom-welcome-panel: "false"
|
||||
);
|
||||
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #738e96;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #738e96;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #aa9d88;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #aa9d88;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #738e96;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #aa9d88;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #738e96;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #aa9d88;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #738e96;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #9ebaa0;
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(142.7255, 154.4890142857, 157.9745);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(135.4, 158.4657142857, 165.3);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #aa9d88;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(153, 141.3, 122.4);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(135.4, 158.4657142857, 165.3);
|
||||
background-color: rgb(135.4, 158.4657142857, 165.3);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #9ebaa0;
|
||||
border-color: rgb(143.0993975904, 175.4006024096, 145.406626506);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #9ebaa0;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #738e96;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #738e96;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #9ebaa0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #9ebaa0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #9ebaa0;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #9ebaa0;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #9ebaa0;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #9ebaa0;
|
||||
color: #0073aa;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #738e96;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #738e96;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #aa9d88;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #aa9d88;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #738e96;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #aa9d88;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #738e96;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #aa9d88;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #738e96;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: #9ebaa0;
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(142.7255, 154.4890142857, 157.9745);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(135.4, 158.4657142857, 165.3);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #aa9d88;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(153, 141.3, 122.4);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(135.4, 158.4657142857, 165.3);
|
||||
background-color: rgb(135.4, 158.4657142857, 165.3);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(213, 221.1, 223.5);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #9ebaa0;
|
||||
border-color: rgb(143.0993975904, 175.4006024096, 145.406626506);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #9ebaa0;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #9ebaa0;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #9ebaa0;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #9ebaa0;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #9ebaa0;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #738e96;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #738e96;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #9ebaa0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #9ebaa0;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(98.2714285714, 123.5412244898, 131.0285714286);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: #f2fcff;
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #9ebaa0;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #9ebaa0;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #9ebaa0;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #9ebaa0;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(187.8012048193, 207.1987951807, 189.186746988), 0 0 2px 1px #9ebaa0;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #9ebaa0;
|
||||
color: #0073aa;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,12 @@
|
||||
$base-color: #738e96;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "ocean",
|
||||
$base-color: $base-color,
|
||||
$icon-color: #f2fcff,
|
||||
$highlight-color: #9ebaa0,
|
||||
$notification-color: #aa9d88,
|
||||
$form-checked: $base-color,
|
||||
|
||||
$low-contrast-theme: "true"
|
||||
);
|
||||
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #cf4944;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #cf4944;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #ccaf0b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #ccaf0b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #cf4944;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #ccaf0b;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #cf4944;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #dd823b;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-left-color: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-left-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #ccaf0b;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #cf4944;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(207.3164148936, 107.1221761059, 103.3835851064);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(214.2919148936, 100.6485106383, 96.4080851064);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #ccaf0b;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(183.6, 157.5, 9.9);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(214.2919148936, 100.6485106383, 96.4080851064);
|
||||
background-color: rgb(214.2919148936, 100.6485106383, 96.4080851064);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #dd823b;
|
||||
border-color: rgb(216.8782608696, 116.1847826087, 37.6217391304);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #dd823b;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #dd823b;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #dd823b;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #dd823b;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #dd823b;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #cf4944;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #cf4944;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #dd823b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #dd823b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-right-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-right-color: #dd823b;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #dd823b;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #dd823b;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #dd823b;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #dd823b;
|
||||
color: #0073aa;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,801 @@
|
||||
/*! This file is auto-generated */
|
||||
/*
|
||||
* Button mixin - creates a primary button effect.
|
||||
* Uses CSS custom properties for theme color support across color schemes.
|
||||
*/
|
||||
/*
|
||||
* Secondary button mixin - outlined style with theme color.
|
||||
* Matches Gutenberg's .is-secondary button variant.
|
||||
*/
|
||||
/*
|
||||
* Tertiary button mixin - transparent background, gray text.
|
||||
*/
|
||||
/**
|
||||
* This function name uses British English to maintain backward compatibility, as developers
|
||||
* may use the function in their own admin CSS files. See #56811.
|
||||
*/
|
||||
body {
|
||||
background: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: #0073aa;
|
||||
}
|
||||
a:hover, a:active, a:focus {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
#post-body .misc-pub-post-status:before,
|
||||
#post-body #visibility:before,
|
||||
.curtime #timestamp:before,
|
||||
#post-body .misc-pub-revisions:before,
|
||||
span.wp-media-buttons-icon:before {
|
||||
color: currentColor;
|
||||
}
|
||||
|
||||
/* Link button - appears as text link, no border or background */
|
||||
/* Matches Gutenberg's .is-link button variant */
|
||||
.wp-core-ui .button-link,
|
||||
.wp-core-ui .button.button-link {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-link:hover, .wp-core-ui .button-link:active,
|
||||
.wp-core-ui .button.button-link:hover,
|
||||
.wp-core-ui .button.button-link:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-link:focus,
|
||||
.wp-core-ui .button.button-link:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-link:disabled, .wp-core-ui .button-link[aria-disabled=true],
|
||||
.wp-core-ui .button.button-link:disabled,
|
||||
.wp-core-ui .button.button-link[aria-disabled=true] {
|
||||
color: #949494;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment,
|
||||
.media-modal .trash-attachment,
|
||||
.media-modal .untrash-attachment,
|
||||
.wp-core-ui .button-link-delete {
|
||||
color: #cc1818;
|
||||
}
|
||||
|
||||
.media-modal .delete-attachment:hover,
|
||||
.media-modal .trash-attachment:hover,
|
||||
.media-modal .untrash-attachment:hover,
|
||||
.media-modal .delete-attachment:focus,
|
||||
.media-modal .trash-attachment:focus,
|
||||
.media-modal .untrash-attachment:focus,
|
||||
.wp-core-ui .button-link-delete:hover,
|
||||
.wp-core-ui .button-link-delete:focus {
|
||||
color: rgb(230.6842105263, 48.3157894737, 48.3157894737);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
input[type=checkbox]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=radio]:checked {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-core-ui input[type=reset]:hover,
|
||||
.wp-core-ui input[type=reset]:active {
|
||||
color: rgb(0, 149.5, 221);
|
||||
}
|
||||
|
||||
input[type=text]:focus,
|
||||
input[type=password]:focus,
|
||||
input[type=color]:focus,
|
||||
input[type=date]:focus,
|
||||
input[type=datetime]:focus,
|
||||
input[type=datetime-local]:focus,
|
||||
input[type=email]:focus,
|
||||
input[type=month]:focus,
|
||||
input[type=number]:focus,
|
||||
input[type=search]:focus,
|
||||
input[type=tel]:focus,
|
||||
input[type=time]:focus,
|
||||
input[type=url]:focus,
|
||||
input[type=week]:focus,
|
||||
select:focus,
|
||||
textarea:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
input[type=checkbox]:focus,
|
||||
input[type=radio]:focus {
|
||||
border-color: #1e1e1e;
|
||||
box-shadow: 0 0 0 2px #ffffff, 0 0 0 4px var(--wp-admin-theme-color);
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.wp-core-ui select:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wp-tags-autocomplete .ui-state-focus,
|
||||
.wp-tags-autocomplete [aria-selected=true] {
|
||||
background-color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#pass1:focus,
|
||||
#pass1-text:focus {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.mailserver-pass-wrap .button.wp-hide-pw:focus {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
/* Core UI */
|
||||
.wp-core-ui {
|
||||
/* Default button - theme color border and text (matches secondary) */
|
||||
}
|
||||
.wp-core-ui .button {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button:disabled, .wp-core-ui .button.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Secondary button - same as default */
|
||||
}
|
||||
.wp-core-ui .button-secondary {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
.wp-core-ui .button-secondary:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
.wp-core-ui .button-secondary:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-secondary:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-secondary:disabled, .wp-core-ui .button-secondary.disabled {
|
||||
background: transparent;
|
||||
border-color: #dddddd;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui {
|
||||
/* Primary button - theme color background */
|
||||
}
|
||||
.wp-core-ui .button-primary {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
border-radius: 2px;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:focus {
|
||||
background: var(--wp-admin-theme-color);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
/* Gutenberg-style focus ring: outer theme color + inset white for contrast */
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color), inset 0 0 0 1px #ffffff;
|
||||
/* Visible in Windows High Contrast mode */
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
.wp-core-ui .button-primary:active {
|
||||
background: var(--wp-admin-theme-color-darker-20);
|
||||
border-color: transparent;
|
||||
color: #fff;
|
||||
}
|
||||
.wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.disabled {
|
||||
background: #f0f0f0;
|
||||
border-color: transparent;
|
||||
color: #949494;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
.wp-core-ui .button-primary.active, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary.active:hover {
|
||||
background: var(--wp-admin-theme-color-darker-10);
|
||||
color: #fff;
|
||||
border-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
.wp-core-ui .button-group > .button.active {
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
}
|
||||
.wp-core-ui .wp-ui-primary {
|
||||
color: #fff;
|
||||
background-color: #cf4944;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-primary {
|
||||
color: #cf4944;
|
||||
}
|
||||
.wp-core-ui .wp-ui-highlight {
|
||||
color: #fff;
|
||||
background-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-highlight {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-notification {
|
||||
color: #fff;
|
||||
background-color: #ccaf0b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-notification {
|
||||
color: #ccaf0b;
|
||||
}
|
||||
.wp-core-ui .wp-ui-text-icon {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
/* List tables */
|
||||
.wrap .page-title-action {
|
||||
background: transparent;
|
||||
border: 1px solid var(--wp-admin-theme-color);
|
||||
border-radius: 2px;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:hover {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.04);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.wrap .page-title-action:focus {
|
||||
background: transparent;
|
||||
border-color: var(--wp-admin-theme-color);
|
||||
color: var(--wp-admin-theme-color);
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color);
|
||||
outline: 1px solid transparent;
|
||||
}
|
||||
|
||||
.wrap .page-title-action:active {
|
||||
background: rgba(var(--wp-admin-theme-color--rgb), 0.08);
|
||||
border-color: var(--wp-admin-theme-color-darker-20);
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.view-switch a.current:before {
|
||||
color: #cf4944;
|
||||
}
|
||||
|
||||
.view-switch a:hover:before {
|
||||
color: #ccaf0b;
|
||||
}
|
||||
|
||||
/* Admin Menu */
|
||||
#adminmenuback,
|
||||
#adminmenuwrap,
|
||||
#adminmenu {
|
||||
background: #cf4944;
|
||||
}
|
||||
|
||||
#adminmenu a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#adminmenu div.wp-menu-image:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#adminmenu a:hover,
|
||||
#adminmenu li.menu-top:hover,
|
||||
#adminmenu li.opensub > a.menu-top,
|
||||
#adminmenu li > a.menu-top:focus {
|
||||
color: #fff;
|
||||
background-color: #dd823b;
|
||||
}
|
||||
|
||||
#adminmenu li.menu-top:hover div.wp-menu-image:before,
|
||||
#adminmenu li.opensub > a.menu-top div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Active tabs use a bottom border color that matches the page background color. */
|
||||
.about-wrap .nav-tab-active,
|
||||
.nav-tab-active,
|
||||
.nav-tab-active:hover {
|
||||
background-color: #f0f0f0;
|
||||
border-bottom-color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* Admin Menu: submenu */
|
||||
#adminmenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after,
|
||||
#adminmenu li.wp-has-submenu.wp-not-current-submenu:focus-within:after {
|
||||
border-right-color: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu .wp-submenu-head {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
|
||||
#adminmenu .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
#adminmenu .wp-submenu a:focus, #adminmenu .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
/* Admin Menu: current */
|
||||
#adminmenu .wp-submenu li.current a,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a {
|
||||
color: #fff;
|
||||
}
|
||||
#adminmenu .wp-submenu li.current a:hover, #adminmenu .wp-submenu li.current a:focus,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:hover,
|
||||
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a:focus,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:hover,
|
||||
#adminmenu .wp-has-current-submenu.opensub .wp-submenu li.current a:focus {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
ul#adminmenu a.wp-has-current-submenu:after,
|
||||
ul#adminmenu > li.current > a.current:after {
|
||||
border-right-color: #f0f0f0;
|
||||
}
|
||||
|
||||
#adminmenu li.current a.menu-top,
|
||||
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
|
||||
#adminmenu li.wp-has-current-submenu .wp-submenu .wp-submenu-head,
|
||||
.folded #adminmenu li.current.menu-top {
|
||||
color: #fff;
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
#adminmenu li.wp-has-current-submenu div.wp-menu-image:before,
|
||||
#adminmenu a.current:hover div.wp-menu-image:before,
|
||||
#adminmenu li.current div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.wp-has-current-submenu.opensub div.wp-menu-image:before,
|
||||
#adminmenu li:hover div.wp-menu-image:before,
|
||||
#adminmenu li a:focus div.wp-menu-image:before,
|
||||
#adminmenu li.opensub div.wp-menu-image:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Admin Menu: bubble */
|
||||
#adminmenu .menu-counter,
|
||||
#adminmenu .awaiting-mod,
|
||||
#adminmenu .update-plugins {
|
||||
color: #fff;
|
||||
background: #ccaf0b;
|
||||
}
|
||||
|
||||
#adminmenu li.current a .awaiting-mod,
|
||||
#adminmenu li a.wp-has-current-submenu .update-plugins,
|
||||
#adminmenu li:hover a .awaiting-mod,
|
||||
#adminmenu li.menu-top:hover > a .update-plugins {
|
||||
color: #fff;
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
/* Admin Menu: collapse button */
|
||||
#collapse-button {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#collapse-button:hover,
|
||||
#collapse-button:focus {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
/* Admin Bar */
|
||||
#wpadminbar {
|
||||
color: #fff;
|
||||
background: #cf4944;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-item,
|
||||
#wpadminbar a.ab-item,
|
||||
#wpadminbar > #wp-toolbar span.ab-label,
|
||||
#wpadminbar > #wp-toolbar span.noticon {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-icon,
|
||||
#wpadminbar .ab-icon:before,
|
||||
#wpadminbar .ab-item:before,
|
||||
#wpadminbar .ab-item:after {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
|
||||
#wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item,
|
||||
#wpadminbar .ab-top-menu > li.menupop.hover > .ab-item {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li:hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar li.hover span.ab-label,
|
||||
#wpadminbar:not(.mobile) > #wp-toolbar a:focus span.ab-label {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar:not(.mobile) li:hover .ab-icon:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:before,
|
||||
#wpadminbar:not(.mobile) li:hover .ab-item:after,
|
||||
#wpadminbar:not(.mobile) li:hover #adminbarsearch:before {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
/* Admin Bar: submenu */
|
||||
#wpadminbar .menupop .ab-sub-wrapper {
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
|
||||
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
||||
background: rgb(207.3164148936, 107.1221761059, 103.3835851064);
|
||||
}
|
||||
|
||||
#wpadminbar .ab-submenu .ab-item,
|
||||
#wpadminbar .quicklinks .menupop ul li a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus,
|
||||
#wpadminbar .quicklinks .menupop ul li a:hover strong,
|
||||
#wpadminbar .quicklinks .menupop ul li a:focus strong,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:hover,
|
||||
#wpadminbar .quicklinks .menupop.hover ul li a:focus,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover,
|
||||
#wpadminbar.nojs .quicklinks .menupop:hover ul li a:focus,
|
||||
#wpadminbar li:hover .ab-icon:before,
|
||||
#wpadminbar li:hover .ab-item:before,
|
||||
#wpadminbar li a:focus .ab-icon:before,
|
||||
#wpadminbar li .ab-item:focus:before,
|
||||
#wpadminbar li .ab-item:focus .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-icon:before,
|
||||
#wpadminbar li.hover .ab-item:before,
|
||||
#wpadminbar li:hover #adminbarsearch:before,
|
||||
#wpadminbar li #adminbarsearch.adminbar-focused:before {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar .quicklinks li a:hover .blavatar,
|
||||
#wpadminbar .quicklinks li a:focus .blavatar,
|
||||
#wpadminbar .quicklinks .ab-sub-wrapper .menupop.hover > a .blavatar,
|
||||
#wpadminbar .menupop .menupop > .ab-item:hover:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .hover .ab-item:before {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar.mobile .quicklinks .ab-icon:before,
|
||||
#wpadminbar.mobile .quicklinks .ab-item:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
/* Admin Bar: search */
|
||||
#wpadminbar #adminbarsearch:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
||||
color: #fff;
|
||||
background: rgb(214.2919148936, 100.6485106383, 96.4080851064);
|
||||
}
|
||||
|
||||
/* Admin Bar: recovery mode */
|
||||
#wpadminbar #wp-admin-bar-recovery-mode {
|
||||
color: #fff;
|
||||
background-color: #ccaf0b;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-recovery-mode .ab-item,
|
||||
#wpadminbar #wp-admin-bar-recovery-mode a.ab-item {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar .ab-top-menu > #wp-admin-bar-recovery-mode.hover > .ab-item,
|
||||
#wpadminbar.nojq .quicklinks .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode:hover > .ab-item,
|
||||
#wpadminbar:not(.mobile) .ab-top-menu > #wp-admin-bar-recovery-mode > .ab-item:focus {
|
||||
color: #fff;
|
||||
background-color: rgb(183.6, 157.5, 9.9);
|
||||
}
|
||||
|
||||
/* Admin Bar: my account */
|
||||
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
||||
border-color: rgb(214.2919148936, 100.6485106383, 96.4080851064);
|
||||
background-color: rgb(214.2919148936, 100.6485106383, 96.4080851064);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .display-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
|
||||
color: rgb(247.3869565217, 227.0108695652, 211.1130434783);
|
||||
}
|
||||
|
||||
#wpadminbar #wp-admin-bar-user-info .username {
|
||||
color: rgb(240.6, 200.4, 198.9);
|
||||
}
|
||||
|
||||
/* Pointers */
|
||||
.wp-pointer .wp-pointer-content h3 {
|
||||
background-color: #dd823b;
|
||||
border-color: rgb(216.8782608696, 116.1847826087, 37.6217391304);
|
||||
}
|
||||
|
||||
.wp-pointer .wp-pointer-content h3:before {
|
||||
color: #dd823b;
|
||||
}
|
||||
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-top .wp-pointer-arrow-inner,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow,
|
||||
.wp-pointer.wp-pointer-undefined .wp-pointer-arrow-inner {
|
||||
border-bottom-color: #dd823b;
|
||||
}
|
||||
|
||||
/* Media */
|
||||
.media-item .bar,
|
||||
.media-progress-bar div {
|
||||
background-color: #dd823b;
|
||||
}
|
||||
|
||||
.details.attachment {
|
||||
box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px #dd823b;
|
||||
}
|
||||
|
||||
.attachment.details .check {
|
||||
background-color: #dd823b;
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #dd823b;
|
||||
}
|
||||
|
||||
.media-selection .attachment.selection.details .thumbnail {
|
||||
box-shadow: 0 0 0 1px #fff, 0 0 0 3px #dd823b;
|
||||
}
|
||||
|
||||
/* Themes */
|
||||
.theme-browser .theme.active .theme-name,
|
||||
.theme-browser .theme.add-new-theme a:hover:after,
|
||||
.theme-browser .theme.add-new-theme a:focus:after {
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
.theme-browser .theme.add-new-theme a:hover span:after,
|
||||
.theme-browser .theme.add-new-theme a:focus span:after {
|
||||
color: #dd823b;
|
||||
}
|
||||
|
||||
.theme-section.current,
|
||||
.theme-filter.current {
|
||||
border-bottom-color: #cf4944;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters {
|
||||
color: #fff;
|
||||
background-color: #cf4944;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover,
|
||||
body.more-filters-opened .more-filters:focus {
|
||||
background-color: #dd823b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
body.more-filters-opened .more-filters:hover:before,
|
||||
body.more-filters-opened .more-filters:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Widgets */
|
||||
.widgets-chooser li.widgets-chooser-selected {
|
||||
background-color: #dd823b;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.widgets-chooser li.widgets-chooser-selected:before,
|
||||
.widgets-chooser li.widgets-chooser-selected:focus:before {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Nav Menus */
|
||||
.nav-menus-php .item-edit:focus:before {
|
||||
box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
|
||||
}
|
||||
|
||||
/* Responsive Component */
|
||||
div#wp-responsive-toggle a:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
.wp-responsive-open div#wp-responsive-toggle a {
|
||||
border-color: transparent;
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
||||
background: rgb(190.4217021277, 53.969787234, 48.8782978723);
|
||||
}
|
||||
|
||||
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
|
||||
color: hsl(2.1582733813, 7%, 95%);
|
||||
}
|
||||
|
||||
/* TinyMCE */
|
||||
.mce-container.mce-menu .mce-menu-item:hover,
|
||||
.mce-container.mce-menu .mce-menu-item.mce-selected,
|
||||
.mce-container.mce-menu .mce-menu-item:focus,
|
||||
.mce-container.mce-menu .mce-menu-item-normal.mce-active,
|
||||
.mce-container.mce-menu .mce-menu-item-preview.mce-active {
|
||||
background: #dd823b;
|
||||
}
|
||||
|
||||
/* Customizer */
|
||||
.wp-core-ui #customize-controls .control-section:hover > .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:hover,
|
||||
.wp-core-ui #customize-controls .control-section.open .accordion-section-title,
|
||||
.wp-core-ui #customize-controls .control-section .accordion-section-title:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-controls-close:focus,
|
||||
.wp-core-ui .customize-controls-close:hover,
|
||||
.wp-core-ui .customize-controls-preview-toggle:focus,
|
||||
.wp-core-ui .customize-controls-preview-toggle:hover {
|
||||
color: #0073aa;
|
||||
border-top-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-panel-back:hover,
|
||||
.wp-core-ui .customize-panel-back:focus,
|
||||
.wp-core-ui .customize-section-back:hover,
|
||||
.wp-core-ui .customize-section-back:focus {
|
||||
color: #0073aa;
|
||||
border-left-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:hover,
|
||||
.wp-core-ui .customize-screen-options-toggle:active,
|
||||
.wp-core-ui .customize-screen-options-toggle:focus,
|
||||
.wp-core-ui .active-menu-screen-options .customize-screen-options-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
.wp-core-ui #customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-screen-options-toggle:focus:before,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus:before, .wp-core-ui.wp-customizer button:focus .toggle-indicator:before,
|
||||
.wp-core-ui .menu-item-bar .item-delete:focus:before,
|
||||
.wp-core-ui #available-menu-items .item-add:focus:before,
|
||||
.wp-core-ui #customize-save-button-wrapper .save:focus,
|
||||
.wp-core-ui #publish-settings:focus {
|
||||
box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
|
||||
}
|
||||
.wp-core-ui #customize-controls .customize-info.open .customize-help-toggle,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:focus,
|
||||
.wp-core-ui #customize-controls .customize-info .customize-help-toggle:hover {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:focus,
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title:hover {
|
||||
border-left-color: #dd823b;
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .theme-section .customize-themes-section-title.selected:after {
|
||||
background: #dd823b;
|
||||
}
|
||||
.wp-core-ui .control-panel-themes .customize-themes-section-title.selected {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui #customize-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-theme-controls .control-section .accordion-section-title:focus:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section:hover > .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:hover:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section.open .accordion-section-title:after,
|
||||
.wp-core-ui #customize-outer-theme-controls .control-section .accordion-section-title:focus:after {
|
||||
color: #0073aa;
|
||||
}
|
||||
.wp-core-ui .customize-control .attachment-media-view .button-add-media:focus {
|
||||
background-color: #fbfbfc;
|
||||
border-color: #dd823b;
|
||||
border-style: solid;
|
||||
box-shadow: 0 0 0 1px #dd823b;
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button.active:hover {
|
||||
border-bottom-color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:hover:before,
|
||||
.wp-core-ui .wp-full-overlay-footer .devices button:focus:before {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus {
|
||||
color: #dd823b;
|
||||
}
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-arrow,
|
||||
.wp-core-ui .wp-full-overlay .collapse-sidebar:focus .collapse-sidebar-arrow {
|
||||
box-shadow: 0 0 0 1px rgb(228.5391304348, 157.7173913043, 102.4608695652), 0 0 2px 1px #dd823b;
|
||||
}
|
||||
.wp-core-ui.wp-customizer .theme-overlay .theme-header .close:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .close:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .right:hover, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:focus, .wp-core-ui.wp-customizer .theme-overlay .theme-header .left:hover {
|
||||
border-bottom-color: #dd823b;
|
||||
color: #0073aa;
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,11 @@
|
||||
@use "sass:color";
|
||||
|
||||
$highlight-color: #dd823b;
|
||||
|
||||
@use "../_admin.scss" with (
|
||||
$scheme-name: "sunrise",
|
||||
$base-color: #cf4944,
|
||||
$highlight-color: $highlight-color,
|
||||
$notification-color: #ccaf0b,
|
||||
$menu-submenu-focus-text: color.adjust($highlight-color, $lightness: 35%)
|
||||
);
|
||||
File diff suppressed because it is too large
Load Diff
Vendored
+9
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Vendored
+9
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
+2
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,898 @@
|
||||
/*! This file is auto-generated */
|
||||
#customize-theme-controls #accordion-section-menu_locations {
|
||||
position: relative;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
|
||||
border-bottom-color: #dcdcde;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-section-title-nav_menus-heading,
|
||||
#customize-theme-controls .customize-section-title-menu_locations-heading,
|
||||
#customize-theme-controls .customize-section-title-menu_locations-description {
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
|
||||
/* Override the default italic style for control descriptions */
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.menu-in-location,
|
||||
.menu-in-locations {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
#customize-controls .theme-location-set,
|
||||
#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
|
||||
#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
|
||||
color: #50575e;
|
||||
}
|
||||
|
||||
/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
|
||||
.customize-control-nav_menu_location .edit-menu,
|
||||
.customize-control-nav_menu_location .create-menu {
|
||||
margin-right: 6px;
|
||||
vertical-align: middle;
|
||||
line-height: 2.2;
|
||||
}
|
||||
|
||||
#customize-controls .customize-control-nav_menu_name {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_name p:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#customize-new-menu-submit {
|
||||
float: left;
|
||||
min-width: 85px;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-bar .menu-item-handle,
|
||||
.wp-customizer .menu-item-settings,
|
||||
.wp-customizer .menu-item-settings .description-thin {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-bar {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-bar .menu-item-handle {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-handle .item-title {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-handle .item-type {
|
||||
padding: 1px 5px 0 21px;
|
||||
float: left;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-handle:hover {
|
||||
z-index: 8;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_item.has-notifications .menu-item-handle {
|
||||
border-right: 4px solid #72aee6;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings {
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 8;
|
||||
padding: 10px;
|
||||
background: #f0f0f1;
|
||||
border: 1px solid #8c8f94;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings .description-thin {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings input[type="text"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings .submitbox {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings .link-to-original {
|
||||
padding: 5px 0;
|
||||
border: none;
|
||||
font-style: normal;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item .submitbox .submitdelete {
|
||||
float: right;
|
||||
margin: 6px 0 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Menu items reordering styles
|
||||
*/
|
||||
|
||||
.menu-item-reorder-nav {
|
||||
display: none;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.menus-move-left:before {
|
||||
content: "\f345";
|
||||
content: "\f341" / '';
|
||||
}
|
||||
|
||||
.menus-move-right:before {
|
||||
content: "\f341";
|
||||
content: "\f345" / '';
|
||||
}
|
||||
|
||||
.reordering .menu-item .item-controls,
|
||||
.reordering .menu-item .item-type {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.reordering .menu-item-reorder-nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.customize-control input.menu-name-field {
|
||||
width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item .item-edit {
|
||||
position: absolute;
|
||||
left: -19px;
|
||||
top: 2px;
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 38px;
|
||||
margin-left: 0 !important;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
|
||||
content: "\f142";
|
||||
content: "\f142" / '';
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings p.description {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings dl {
|
||||
margin: 12px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings .checkbox-input {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings .menu-theme-locations {
|
||||
border-top: 1px solid #c3c4c7;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings {
|
||||
margin-top: 36px;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-location-settings {
|
||||
margin-top: 12px;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.wp-customizer .control-section-nav_menu .menu-location-settings {
|
||||
margin-top: 24px;
|
||||
border-top: 1px solid #dcdcde;
|
||||
}
|
||||
|
||||
.wp-customizer .control-section-nav_menu .menu-location-settings,
|
||||
.customize-control-nav_menu_auto_add {
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
.menu-location-settings .customize-control-checkbox .theme-location-set {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_auto_add label {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.menu-location-settings .new-menu-locations-widget-note {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.customize-control-menu {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
|
||||
color: #50575e;
|
||||
}
|
||||
|
||||
/* Screen Options */
|
||||
.customize-screen-options-toggle {
|
||||
background: none;
|
||||
border: none;
|
||||
color: #50575e;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 30px;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info .customize-help-toggle {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info .customize-help-toggle:before {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:hover,
|
||||
.customize-screen-options-toggle:active,
|
||||
.customize-screen-options-toggle:focus,
|
||||
.active-menu-screen-options .customize-screen-options-toggle,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:focus,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus {
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:before {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
border: none;
|
||||
content: "\f111";
|
||||
content: "\f111" / '';
|
||||
display: block;
|
||||
font: 18px/1 dashicons;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
text-decoration: none !important;
|
||||
text-indent: 0;
|
||||
right: 6px;
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:focus:before,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus:before {
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.wp-customizer #screen-options-wrap {
|
||||
display: none;
|
||||
background: #fff;
|
||||
border-top: 1px solid #dcdcde;
|
||||
padding: 4px 15px 15px;
|
||||
}
|
||||
|
||||
.wp-customizer .metabox-prefs label {
|
||||
display: block;
|
||||
padding-left: 0;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
/* rework the arrow indicator implementation for NVDA bug same as #32715 */
|
||||
.wp-customizer .toggle-indicator {
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.rtl .wp-customizer .toggle-indicator {
|
||||
text-indent: 1px; /* account for the dashicon alignment */
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item .item-edit .toggle-indicator:before,
|
||||
#available-menu-items .accordion-section-title .toggle-indicator:before {
|
||||
content: "\f140";
|
||||
content: "\f140" / '';
|
||||
display: block;
|
||||
padding: 1px 0 1px 2px;
|
||||
border-radius: 50%;
|
||||
color: #787c82;
|
||||
font: normal 20px/1 dashicons;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.control-section-nav_menu .field-link-target,
|
||||
.control-section-nav_menu .field-title-attribute,
|
||||
.control-section-nav_menu .field-css-classes,
|
||||
.control-section-nav_menu .field-xfn,
|
||||
.control-section-nav_menu .field-description {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.field-link-target-active .field-link-target,
|
||||
.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
|
||||
.control-section-nav_menu.field-css-classes-active .field-css-classes,
|
||||
.control-section-nav_menu.field-xfn-active .field-xfn,
|
||||
.control-section-nav_menu.field-description-active .field-description {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* WARNING: The 20px factor is hard-coded in JS. */
|
||||
.menu-item-depth-0 { margin-right: 0; }
|
||||
.menu-item-depth-1 { margin-right: 20px; }
|
||||
.menu-item-depth-2 { margin-right: 40px; }
|
||||
.menu-item-depth-3 { margin-right: 60px; }
|
||||
.menu-item-depth-4 { margin-right: 80px; }
|
||||
.menu-item-depth-5 { margin-right: 100px; }
|
||||
.menu-item-depth-6 { margin-right: 120px; }
|
||||
.menu-item-depth-7 { margin-right: 140px; }
|
||||
.menu-item-depth-8 { margin-right: 160px; } /* Not likely to be used or useful beyond this depth */
|
||||
.menu-item-depth-9 { margin-right: 180px; }
|
||||
.menu-item-depth-10 { margin-right: 200px; }
|
||||
.menu-item-depth-11 { margin-right: 220px; }
|
||||
|
||||
/* @todo handle .menu-item-settings width */
|
||||
.menu-item-depth-0 > .menu-item-bar { margin-left: 0; }
|
||||
.menu-item-depth-1 > .menu-item-bar { margin-left: 20px; }
|
||||
.menu-item-depth-2 > .menu-item-bar { margin-left: 40px; }
|
||||
.menu-item-depth-3 > .menu-item-bar { margin-left: 60px; }
|
||||
.menu-item-depth-4 > .menu-item-bar { margin-left: 80px; }
|
||||
.menu-item-depth-5 > .menu-item-bar { margin-left: 100px; }
|
||||
.menu-item-depth-6 > .menu-item-bar { margin-left: 120px; }
|
||||
.menu-item-depth-7 > .menu-item-bar { margin-left: 140px; }
|
||||
.menu-item-depth-8 > .menu-item-bar { margin-left: 160px; }
|
||||
.menu-item-depth-9 > .menu-item-bar { margin-left: 180px; }
|
||||
.menu-item-depth-10 > .menu-item-bar { margin-left: 200px; }
|
||||
.menu-item-depth-11 > .menu-item-bar { margin-left: 220px; }
|
||||
|
||||
/* Submenu left margin. */
|
||||
.menu-item-depth-0 .menu-item-transport { margin-right: 0; }
|
||||
.menu-item-depth-1 .menu-item-transport { margin-right: -20px; }
|
||||
.menu-item-depth-3 .menu-item-transport { margin-right: -60px; }
|
||||
.menu-item-depth-4 .menu-item-transport { margin-right: -80px; }
|
||||
.menu-item-depth-2 .menu-item-transport { margin-right: -40px; }
|
||||
.menu-item-depth-5 .menu-item-transport { margin-right: -100px; }
|
||||
.menu-item-depth-6 .menu-item-transport { margin-right: -120px; }
|
||||
.menu-item-depth-7 .menu-item-transport { margin-right: -140px; }
|
||||
.menu-item-depth-8 .menu-item-transport { margin-right: -160px; }
|
||||
.menu-item-depth-9 .menu-item-transport { margin-right: -180px; }
|
||||
.menu-item-depth-10 .menu-item-transport { margin-right: -200px; }
|
||||
.menu-item-depth-11 .menu-item-transport { margin-right: -220px; }
|
||||
|
||||
/* WARNING: The 20px factor is hard-coded in JS. */
|
||||
.reordering .menu-item-depth-0 { margin-right: 0; }
|
||||
.reordering .menu-item-depth-1 { margin-right: 15px; }
|
||||
.reordering .menu-item-depth-2 { margin-right: 30px; }
|
||||
.reordering .menu-item-depth-3 { margin-right: 45px; }
|
||||
.reordering .menu-item-depth-4 { margin-right: 60px; }
|
||||
.reordering .menu-item-depth-5 { margin-right: 75px; }
|
||||
.reordering .menu-item-depth-6 { margin-right: 90px; }
|
||||
.reordering .menu-item-depth-7 { margin-right: 105px; }
|
||||
.reordering .menu-item-depth-8 { margin-right: 120px; } /* Not likely to be used or useful beyond this depth */
|
||||
.reordering .menu-item-depth-9 { margin-right: 135px; }
|
||||
.reordering .menu-item-depth-10 { margin-right: 150px; }
|
||||
.reordering .menu-item-depth-11 { margin-right: 165px; }
|
||||
|
||||
.reordering .menu-item-depth-0 > .menu-item-bar { margin-left: 0; }
|
||||
.reordering .menu-item-depth-1 > .menu-item-bar { margin-left: 15px; }
|
||||
.reordering .menu-item-depth-2 > .menu-item-bar { margin-left: 30px; }
|
||||
.reordering .menu-item-depth-3 > .menu-item-bar { margin-left: 45px; }
|
||||
.reordering .menu-item-depth-4 > .menu-item-bar { margin-left: 60px; }
|
||||
.reordering .menu-item-depth-5 > .menu-item-bar { margin-left: 75px; }
|
||||
.reordering .menu-item-depth-6 > .menu-item-bar { margin-left: 90px; }
|
||||
.reordering .menu-item-depth-7 > .menu-item-bar { margin-left: 105px; }
|
||||
.reordering .menu-item-depth-8 > .menu-item-bar { margin-left: 120px; }
|
||||
.reordering .menu-item-depth-9 > .menu-item-bar { margin-left: 135px; }
|
||||
.reordering .menu-item-depth-10 > .menu-item-bar { margin-left: 150px; }
|
||||
.reordering .menu-item-depth-11 > .menu-item-bar { margin-left: 165px; }
|
||||
|
||||
.control-section-nav_menu.menu .menu-item-edit-active {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.menu .sortable-placeholder {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1px;
|
||||
max-width: calc(100% - 2px);
|
||||
float: right;
|
||||
display: list-item;
|
||||
border-color: #a7aaad;
|
||||
}
|
||||
|
||||
.menu-item-transport li.customize-control {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add-menu-items mode
|
||||
*/
|
||||
|
||||
.adding-menu-items .control-section {
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
.adding-menu-items .control-panel.control-section,
|
||||
.adding-menu-items .control-section.open {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.menu-item-bar .item-delete {
|
||||
color: #d63638;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
left: -19px;
|
||||
width: 30px;
|
||||
height: 38px;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu-item-bar .item-delete:before {
|
||||
content: "\f335";
|
||||
content: "\f335" / '';
|
||||
position: absolute;
|
||||
top: 9px;
|
||||
right: 5px;
|
||||
border-radius: 50%;
|
||||
font: normal 20px/1 dashicons;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.menu-item-bar .item-delete:hover,
|
||||
.menu-item-bar .item-delete:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
.adding-menu-items .menu-item-bar .item-edit {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.adding-menu-items .menu-item-bar .item-delete {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Styles for menu-item addition panel
|
||||
*/
|
||||
|
||||
#available-menu-items.opening {
|
||||
overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
|
||||
}
|
||||
|
||||
#available-menu-items #available-menu-items-search.open {
|
||||
height: 100%;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title {
|
||||
border-right: none;
|
||||
border-left: none;
|
||||
background: #fff;
|
||||
transition: background-color 0.15s;
|
||||
/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
|
||||
#available-menu-items .open .accordion-section-title,
|
||||
#available-menu-items #available-menu-items-search .accordion-section-title {
|
||||
background: #f0f0f1;
|
||||
}
|
||||
|
||||
/* rework the arrow indicator implementation for NVDA bug see #32715 */
|
||||
#available-menu-items .accordion-section-title:after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
|
||||
#available-menu-items .button-link:hover .toggle-indicator:before,
|
||||
#available-menu-items .button-link:focus .toggle-indicator:before {
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
#available-menu-items .open .accordion-section-title .toggle-indicator:before {
|
||||
content: "\f142";
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
#available-menu-items .available-menu-items-list {
|
||||
overflow-y: auto;
|
||||
max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title button .toggle-indicator {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 28px;
|
||||
height: 35px;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
left: 5px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title .no-items,
|
||||
#available-menu-items .cannot-expand .accordion-section-title .spinner,
|
||||
#available-menu-items .cannot-expand .accordion-section-title > button:not(#available-menu-items-search button.is-visible) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#available-menu-items-search.cannot-expand .accordion-section-title .spinner {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#available-menu-items .cannot-expand .accordion-section-title .no-items {
|
||||
float: left;
|
||||
color: #50575e;
|
||||
font-weight: 400;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-content {
|
||||
max-height: 290px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-content .available-menu-items-list {
|
||||
margin: 0 0 64px;
|
||||
padding: 1px 15px 15px;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#new-custom-menu-item .accordion-section-content {
|
||||
padding: 0 15px 15px;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-tpl {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#custom-menu-item-name.invalid,
|
||||
#custom-menu-item-url.invalid,
|
||||
.edit-menu-item-url.invalid,
|
||||
.menu-name-field.invalid,
|
||||
.menu-name-field.invalid:focus,
|
||||
#available-menu-items .new-content-item .create-item-input.invalid,
|
||||
#available-menu-items .new-content-item .create-item-input.invalid:focus {
|
||||
border: 1px solid #d63638;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle .item-type {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle .item-title {
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle {
|
||||
box-shadow: none;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle:hover {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#available-menu-items .item-title h4 {
|
||||
padding: 0 0 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#available-menu-items .item-add {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
right: 1px;
|
||||
color: #8c8f94;
|
||||
width: 30px;
|
||||
height: 38px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle .item-add:focus {
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
#available-menu-items .item-add:before {
|
||||
content: "\f543";
|
||||
content: "\f543" / '';
|
||||
position: relative;
|
||||
right: 2px;
|
||||
top: 3px;
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle.item-added .item-type,
|
||||
#available-menu-items .menu-item-handle.item-added .item-title,
|
||||
#available-menu-items .menu-item-handle.item-added:hover .item-add,
|
||||
#available-menu-items .menu-item-handle.item-added .item-add:focus {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle.item-added .item-add:before {
|
||||
content: "\f147";
|
||||
content: "\f147" / '';
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title.loading .spinner,
|
||||
#available-menu-items-search.loading .accordion-section-title .spinner {
|
||||
visibility: visible;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
#available-menu-items-search .spinner {
|
||||
position: absolute;
|
||||
bottom: 24px; /* 13 container padding +1 input margin +10 ( ( 40 input height - 20 spinner height ) / 2 ) */
|
||||
left: 21px;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* search results list */
|
||||
#available-menu-items #available-menu-items-search .accordion-section-content {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 83px; /* below title div / search input (75 + 8 for 40px input) */
|
||||
bottom: 0; /* 100% height that still triggers lazy load */
|
||||
max-height: none;
|
||||
width: 100%;
|
||||
padding: 1px 15px 15px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#available-menu-items-search .nothing-found {
|
||||
/* Compensate the 1px top padding of the container. */
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
#available-menu-items-search .accordion-section-title:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#available-menu-items-search .accordion-section-content:empty {
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#available-menu-items-search.loading .accordion-section-content div {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
#available-menu-items-search.loading.loading-more .accordion-section-content div {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
#customize-preview {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
}
|
||||
|
||||
body.adding-menu-items #available-menu-items {
|
||||
right: 0;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
body.adding-menu-items .wp-full-overlay-main {
|
||||
right: 300px;
|
||||
}
|
||||
|
||||
body.adding-menu-items #customize-preview {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
body.adding-menu-items #customize-preview iframe {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.menu-item-handle .spinner {
|
||||
display: none;
|
||||
float: right;
|
||||
margin: 0 0 0 8px;
|
||||
}
|
||||
|
||||
.nav-menu-inserted-item-loading .spinner {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-menu-inserted-item-loading .menu-item-handle .item-type {
|
||||
padding: 0 8px 0 0;
|
||||
}
|
||||
|
||||
.nav-menu-inserted-item-loading .menu-item-handle,
|
||||
.added-menu-item .menu-item-handle.loading {
|
||||
padding: 10px 8px 10px 15px;
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
background: #fff;
|
||||
color: #787c82;
|
||||
}
|
||||
|
||||
.added-menu-item .menu-item-handle {
|
||||
transition-property: opacity, background, color;
|
||||
transition-duration: 1.25s;
|
||||
transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
|
||||
}
|
||||
|
||||
/* Add/delete Menus */
|
||||
|
||||
#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
|
||||
border-bottom-color: #dcdcde;
|
||||
}
|
||||
|
||||
/* @todo update selector */
|
||||
#accordion-section-add_menu {
|
||||
margin: 15px 12px;
|
||||
}
|
||||
|
||||
#accordion-section-add_menu h3 {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#accordion-section-add_menu h3,
|
||||
#accordion-section-add_menu .customize-add-menu-button {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#accordion-section-add_menu .customize-add-menu-button {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#create-new-menu-submit {
|
||||
float: left;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
|
||||
.menu-delete-item {
|
||||
float: right;
|
||||
padding: 1em 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.assigned-menu-locations-title p {
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
|
||||
li.assigned-to-menu-location .menu-delete-item {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li.assigned-to-menu-location .add-new-menu-item {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.menu-item-handle {
|
||||
margin-top: -1px;
|
||||
}
|
||||
.ui-sortable-disabled .menu-item-handle {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.menu-item-handle:hover {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.menu-item-handle:hover .item-type,
|
||||
.menu-item-handle:hover .item-edit,
|
||||
#available-menu-items .menu-item-handle:hover .item-add {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.menu-item-edit-active .menu-item-handle {
|
||||
border-color: #8c8f94;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu .new-menu-item-invitation {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu .customize-control-nav_menu-buttons {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
/**
|
||||
* box-shadows
|
||||
*/
|
||||
|
||||
.wp-customizer .menu-item .submitbox .submitdelete:focus,
|
||||
.customize-screen-options-toggle:focus:before,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus:before,
|
||||
.wp-customizer button:focus .toggle-indicator:before,
|
||||
.menu-delete:focus,
|
||||
.menu-item-bar .item-delete:focus:before,
|
||||
#available-menu-items .item-add:focus:before {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
#available-menu-items #available-menu-items-search .accordion-section-content {
|
||||
top: 71px; /* 63 + 8 for 40px input */
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
#available-menu-items #available-menu-items-search .accordion-section-content {
|
||||
top: 154px; /* 146 + 8 for 40px input */
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,897 @@
|
||||
#customize-theme-controls #accordion-section-menu_locations {
|
||||
position: relative;
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
#customize-theme-controls #accordion-section-menu_locations > .accordion-section-title {
|
||||
border-bottom-color: #dcdcde;
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-section-title-nav_menus-heading,
|
||||
#customize-theme-controls .customize-section-title-menu_locations-heading,
|
||||
#customize-theme-controls .customize-section-title-menu_locations-description {
|
||||
padding: 0 12px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .customize-control-description.customize-section-title-menu_locations-description {
|
||||
/* Override the default italic style for control descriptions */
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.menu-in-location,
|
||||
.menu-in-locations {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
#customize-controls .theme-location-set,
|
||||
#customize-controls .control-section .accordion-section-title:focus .menu-in-location,
|
||||
#customize-controls .control-section .accordion-section-title:hover .menu-in-location {
|
||||
color: #50575e;
|
||||
}
|
||||
|
||||
/* The `edit-menu` and `create-menu` buttons also use the `button-link` class. */
|
||||
.customize-control-nav_menu_location .edit-menu,
|
||||
.customize-control-nav_menu_location .create-menu {
|
||||
margin-left: 6px;
|
||||
vertical-align: middle;
|
||||
line-height: 2.2;
|
||||
}
|
||||
|
||||
#customize-controls .customize-control-nav_menu_name {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_name p:last-of-type {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#customize-new-menu-submit {
|
||||
float: right;
|
||||
min-width: 85px;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-bar .menu-item-handle,
|
||||
.wp-customizer .menu-item-settings,
|
||||
.wp-customizer .menu-item-settings .description-thin {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-bar {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-bar .menu-item-handle {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-handle .item-title {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-handle .item-type {
|
||||
padding: 1px 21px 0 5px;
|
||||
float: right;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-handle:hover {
|
||||
z-index: 8;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_item.has-notifications .menu-item-handle {
|
||||
border-left: 4px solid #72aee6;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings {
|
||||
max-width: 100%;
|
||||
overflow: hidden;
|
||||
z-index: 8;
|
||||
padding: 10px;
|
||||
background: #f0f0f1;
|
||||
border: 1px solid #8c8f94;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings .description-thin {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings input[type="text"] {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings .submitbox {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings .link-to-original {
|
||||
padding: 5px 0;
|
||||
border: none;
|
||||
font-style: normal;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item .submitbox .submitdelete {
|
||||
float: left;
|
||||
margin: 6px 0 0;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Menu items reordering styles
|
||||
*/
|
||||
|
||||
.menu-item-reorder-nav {
|
||||
display: none;
|
||||
background-color: #fff;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.menus-move-left:before {
|
||||
content: "\f341";
|
||||
content: "\f341" / '';
|
||||
}
|
||||
|
||||
.menus-move-right:before {
|
||||
content: "\f345";
|
||||
content: "\f345" / '';
|
||||
}
|
||||
|
||||
.reordering .menu-item .item-controls,
|
||||
.reordering .menu-item .item-type {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.reordering .menu-item-reorder-nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.customize-control input.menu-name-field {
|
||||
width: 100%; /* Override the 98% default for customizer inputs, to align with the size of menu items. */
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item .item-edit {
|
||||
position: absolute;
|
||||
right: -19px;
|
||||
top: 2px;
|
||||
display: block;
|
||||
width: 30px;
|
||||
height: 38px;
|
||||
margin-right: 0 !important;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
overflow: hidden;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item.menu-item-edit-active .item-edit .toggle-indicator:before {
|
||||
content: "\f142";
|
||||
content: "\f142" / '';
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item-settings p.description {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings dl {
|
||||
margin: 12px 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings .checkbox-input {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings .menu-theme-locations {
|
||||
border-top: 1px solid #c3c4c7;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-settings {
|
||||
margin-top: 36px;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.wp-customizer .menu-location-settings {
|
||||
margin-top: 12px;
|
||||
border-top: none;
|
||||
}
|
||||
|
||||
.wp-customizer .control-section-nav_menu .menu-location-settings {
|
||||
margin-top: 24px;
|
||||
border-top: 1px solid #dcdcde;
|
||||
}
|
||||
|
||||
.wp-customizer .control-section-nav_menu .menu-location-settings,
|
||||
.customize-control-nav_menu_auto_add {
|
||||
padding-top: 12px;
|
||||
}
|
||||
|
||||
.menu-location-settings .customize-control-checkbox .theme-location-set {
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_auto_add label {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.menu-location-settings .new-menu-locations-widget-note {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.customize-control-menu {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle {
|
||||
color: #50575e;
|
||||
}
|
||||
|
||||
/* Screen Options */
|
||||
.customize-screen-options-toggle {
|
||||
background: none;
|
||||
border: none;
|
||||
color: #50575e;
|
||||
cursor: pointer;
|
||||
margin: 0;
|
||||
padding: 20px;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 30px;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info .customize-help-toggle {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
#customize-controls .customize-info .customize-help-toggle:before {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:hover,
|
||||
.customize-screen-options-toggle:active,
|
||||
.customize-screen-options-toggle:focus,
|
||||
.active-menu-screen-options .customize-screen-options-toggle,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:hover,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:active,
|
||||
#customize-controls .customize-info.open.active-menu-screen-options .customize-help-toggle:focus {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:focus,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus {
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:before {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
border: none;
|
||||
content: "\f111";
|
||||
content: "\f111" / '';
|
||||
display: block;
|
||||
font: 18px/1 dashicons;
|
||||
padding: 5px;
|
||||
text-align: center;
|
||||
text-decoration: none !important;
|
||||
text-indent: 0;
|
||||
left: 6px;
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
}
|
||||
|
||||
.customize-screen-options-toggle:focus:before,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus:before {
|
||||
border-radius: 100%;
|
||||
}
|
||||
|
||||
.wp-customizer #screen-options-wrap {
|
||||
display: none;
|
||||
background: #fff;
|
||||
border-top: 1px solid #dcdcde;
|
||||
padding: 4px 15px 15px;
|
||||
}
|
||||
|
||||
.wp-customizer .metabox-prefs label {
|
||||
display: block;
|
||||
padding-right: 0;
|
||||
line-height: 30px;
|
||||
}
|
||||
|
||||
/* rework the arrow indicator implementation for NVDA bug same as #32715 */
|
||||
.wp-customizer .toggle-indicator {
|
||||
display: inline-block;
|
||||
font-size: 20px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.rtl .wp-customizer .toggle-indicator {
|
||||
text-indent: 1px; /* account for the dashicon alignment */
|
||||
}
|
||||
|
||||
.wp-customizer .menu-item .item-edit .toggle-indicator:before,
|
||||
#available-menu-items .accordion-section-title .toggle-indicator:before {
|
||||
content: "\f140";
|
||||
content: "\f140" / '';
|
||||
display: block;
|
||||
padding: 1px 2px 1px 0;
|
||||
border-radius: 50%;
|
||||
color: #787c82;
|
||||
font: normal 20px/1 dashicons;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
.control-section-nav_menu .field-link-target,
|
||||
.control-section-nav_menu .field-title-attribute,
|
||||
.control-section-nav_menu .field-css-classes,
|
||||
.control-section-nav_menu .field-xfn,
|
||||
.control-section-nav_menu .field-description {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.field-link-target-active .field-link-target,
|
||||
.control-section-nav_menu.field-title-attribute-active .field-title-attribute,
|
||||
.control-section-nav_menu.field-css-classes-active .field-css-classes,
|
||||
.control-section-nav_menu.field-xfn-active .field-xfn,
|
||||
.control-section-nav_menu.field-description-active .field-description {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* WARNING: The 20px factor is hard-coded in JS. */
|
||||
.menu-item-depth-0 { margin-left: 0; }
|
||||
.menu-item-depth-1 { margin-left: 20px; }
|
||||
.menu-item-depth-2 { margin-left: 40px; }
|
||||
.menu-item-depth-3 { margin-left: 60px; }
|
||||
.menu-item-depth-4 { margin-left: 80px; }
|
||||
.menu-item-depth-5 { margin-left: 100px; }
|
||||
.menu-item-depth-6 { margin-left: 120px; }
|
||||
.menu-item-depth-7 { margin-left: 140px; }
|
||||
.menu-item-depth-8 { margin-left: 160px; } /* Not likely to be used or useful beyond this depth */
|
||||
.menu-item-depth-9 { margin-left: 180px; }
|
||||
.menu-item-depth-10 { margin-left: 200px; }
|
||||
.menu-item-depth-11 { margin-left: 220px; }
|
||||
|
||||
/* @todo handle .menu-item-settings width */
|
||||
.menu-item-depth-0 > .menu-item-bar { margin-right: 0; }
|
||||
.menu-item-depth-1 > .menu-item-bar { margin-right: 20px; }
|
||||
.menu-item-depth-2 > .menu-item-bar { margin-right: 40px; }
|
||||
.menu-item-depth-3 > .menu-item-bar { margin-right: 60px; }
|
||||
.menu-item-depth-4 > .menu-item-bar { margin-right: 80px; }
|
||||
.menu-item-depth-5 > .menu-item-bar { margin-right: 100px; }
|
||||
.menu-item-depth-6 > .menu-item-bar { margin-right: 120px; }
|
||||
.menu-item-depth-7 > .menu-item-bar { margin-right: 140px; }
|
||||
.menu-item-depth-8 > .menu-item-bar { margin-right: 160px; }
|
||||
.menu-item-depth-9 > .menu-item-bar { margin-right: 180px; }
|
||||
.menu-item-depth-10 > .menu-item-bar { margin-right: 200px; }
|
||||
.menu-item-depth-11 > .menu-item-bar { margin-right: 220px; }
|
||||
|
||||
/* Submenu left margin. */
|
||||
.menu-item-depth-0 .menu-item-transport { margin-left: 0; }
|
||||
.menu-item-depth-1 .menu-item-transport { margin-left: -20px; }
|
||||
.menu-item-depth-3 .menu-item-transport { margin-left: -60px; }
|
||||
.menu-item-depth-4 .menu-item-transport { margin-left: -80px; }
|
||||
.menu-item-depth-2 .menu-item-transport { margin-left: -40px; }
|
||||
.menu-item-depth-5 .menu-item-transport { margin-left: -100px; }
|
||||
.menu-item-depth-6 .menu-item-transport { margin-left: -120px; }
|
||||
.menu-item-depth-7 .menu-item-transport { margin-left: -140px; }
|
||||
.menu-item-depth-8 .menu-item-transport { margin-left: -160px; }
|
||||
.menu-item-depth-9 .menu-item-transport { margin-left: -180px; }
|
||||
.menu-item-depth-10 .menu-item-transport { margin-left: -200px; }
|
||||
.menu-item-depth-11 .menu-item-transport { margin-left: -220px; }
|
||||
|
||||
/* WARNING: The 20px factor is hard-coded in JS. */
|
||||
.reordering .menu-item-depth-0 { margin-left: 0; }
|
||||
.reordering .menu-item-depth-1 { margin-left: 15px; }
|
||||
.reordering .menu-item-depth-2 { margin-left: 30px; }
|
||||
.reordering .menu-item-depth-3 { margin-left: 45px; }
|
||||
.reordering .menu-item-depth-4 { margin-left: 60px; }
|
||||
.reordering .menu-item-depth-5 { margin-left: 75px; }
|
||||
.reordering .menu-item-depth-6 { margin-left: 90px; }
|
||||
.reordering .menu-item-depth-7 { margin-left: 105px; }
|
||||
.reordering .menu-item-depth-8 { margin-left: 120px; } /* Not likely to be used or useful beyond this depth */
|
||||
.reordering .menu-item-depth-9 { margin-left: 135px; }
|
||||
.reordering .menu-item-depth-10 { margin-left: 150px; }
|
||||
.reordering .menu-item-depth-11 { margin-left: 165px; }
|
||||
|
||||
.reordering .menu-item-depth-0 > .menu-item-bar { margin-right: 0; }
|
||||
.reordering .menu-item-depth-1 > .menu-item-bar { margin-right: 15px; }
|
||||
.reordering .menu-item-depth-2 > .menu-item-bar { margin-right: 30px; }
|
||||
.reordering .menu-item-depth-3 > .menu-item-bar { margin-right: 45px; }
|
||||
.reordering .menu-item-depth-4 > .menu-item-bar { margin-right: 60px; }
|
||||
.reordering .menu-item-depth-5 > .menu-item-bar { margin-right: 75px; }
|
||||
.reordering .menu-item-depth-6 > .menu-item-bar { margin-right: 90px; }
|
||||
.reordering .menu-item-depth-7 > .menu-item-bar { margin-right: 105px; }
|
||||
.reordering .menu-item-depth-8 > .menu-item-bar { margin-right: 120px; }
|
||||
.reordering .menu-item-depth-9 > .menu-item-bar { margin-right: 135px; }
|
||||
.reordering .menu-item-depth-10 > .menu-item-bar { margin-right: 150px; }
|
||||
.reordering .menu-item-depth-11 > .menu-item-bar { margin-right: 165px; }
|
||||
|
||||
.control-section-nav_menu.menu .menu-item-edit-active {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.menu .menu-item-edit-active .menu-item-bar {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.menu .sortable-placeholder {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1px;
|
||||
max-width: calc(100% - 2px);
|
||||
float: left;
|
||||
display: list-item;
|
||||
border-color: #a7aaad;
|
||||
}
|
||||
|
||||
.menu-item-transport li.customize-control {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.control-section-nav_menu.menu ul.menu-item-transport .menu-item-bar {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/**
|
||||
* Add-menu-items mode
|
||||
*/
|
||||
|
||||
.adding-menu-items .control-section {
|
||||
opacity: .4;
|
||||
}
|
||||
|
||||
.adding-menu-items .control-panel.control-section,
|
||||
.adding-menu-items .control-section.open {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.menu-item-bar .item-delete {
|
||||
color: #d63638;
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
right: -19px;
|
||||
width: 30px;
|
||||
height: 38px;
|
||||
cursor: pointer;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.menu-item-bar .item-delete:before {
|
||||
content: "\f335";
|
||||
content: "\f335" / '';
|
||||
position: absolute;
|
||||
top: 9px;
|
||||
left: 5px;
|
||||
border-radius: 50%;
|
||||
font: normal 20px/1 dashicons;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.menu-item-bar .item-delete:hover,
|
||||
.menu-item-bar .item-delete:focus {
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
color: #d63638;
|
||||
}
|
||||
|
||||
.adding-menu-items .menu-item-bar .item-edit {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.adding-menu-items .menu-item-bar .item-delete {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/**
|
||||
* Styles for menu-item addition panel
|
||||
*/
|
||||
|
||||
#available-menu-items.opening {
|
||||
overflow-y: hidden; /* avoid scrollbar jitter with animating heights */
|
||||
}
|
||||
|
||||
#available-menu-items #available-menu-items-search.open {
|
||||
height: 100%;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title {
|
||||
border-left: none;
|
||||
border-right: none;
|
||||
background: #fff;
|
||||
transition: background-color 0.15s;
|
||||
/* Reset the value inherited from the base .accordion-section-title style. Ticket #37589. */
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
}
|
||||
|
||||
#available-menu-items .open .accordion-section-title,
|
||||
#available-menu-items #available-menu-items-search .accordion-section-title {
|
||||
background: #f0f0f1;
|
||||
}
|
||||
|
||||
/* rework the arrow indicator implementation for NVDA bug see #32715 */
|
||||
#available-menu-items .accordion-section-title:after {
|
||||
content: none !important;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title:hover .toggle-indicator:before,
|
||||
#available-menu-items .button-link:hover .toggle-indicator:before,
|
||||
#available-menu-items .button-link:focus .toggle-indicator:before {
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
#available-menu-items .open .accordion-section-title .toggle-indicator:before {
|
||||
content: "\f142";
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
#available-menu-items .available-menu-items-list {
|
||||
overflow-y: auto;
|
||||
max-height: 200px; /* This gets set in JS to fit the screen size, and based on # of sections. */
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title button .toggle-indicator {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
width: 28px;
|
||||
height: 35px;
|
||||
position: absolute;
|
||||
top: 5px;
|
||||
right: 5px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title .no-items,
|
||||
#available-menu-items .cannot-expand .accordion-section-title .spinner,
|
||||
#available-menu-items .cannot-expand .accordion-section-title > button:not(#available-menu-items-search button.is-visible) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#available-menu-items-search.cannot-expand .accordion-section-title .spinner {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#available-menu-items .cannot-expand .accordion-section-title .no-items {
|
||||
float: right;
|
||||
color: #50575e;
|
||||
font-weight: 400;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-content {
|
||||
max-height: 290px;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-content .available-menu-items-list {
|
||||
margin: 0 0 64px;
|
||||
padding: 1px 15px 15px;
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-content .available-menu-items-list:only-child { /* Types that do not support new items for the current user */
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
#new-custom-menu-item .accordion-section-content {
|
||||
padding: 0 15px 15px;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-tpl {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#custom-menu-item-name.invalid,
|
||||
#custom-menu-item-url.invalid,
|
||||
.edit-menu-item-url.invalid,
|
||||
.menu-name-field.invalid,
|
||||
.menu-name-field.invalid:focus,
|
||||
#available-menu-items .new-content-item .create-item-input.invalid,
|
||||
#available-menu-items .new-content-item .create-item-input.invalid:focus {
|
||||
border: 1px solid #d63638;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle .item-type {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle .item-title {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle {
|
||||
box-shadow: none;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle:hover {
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#available-menu-items .item-title h4 {
|
||||
padding: 0 0 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#available-menu-items .item-add {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: 1px;
|
||||
color: #8c8f94;
|
||||
width: 30px;
|
||||
height: 38px;
|
||||
box-shadow: none;
|
||||
outline: none;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle .item-add:focus {
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
#available-menu-items .item-add:before {
|
||||
content: "\f543";
|
||||
content: "\f543" / '';
|
||||
position: relative;
|
||||
left: 2px;
|
||||
top: 3px;
|
||||
display: inline-block;
|
||||
height: 20px;
|
||||
border-radius: 50%;
|
||||
font: normal 20px/1.05 dashicons; /* line height is to account for the dashicon's vertical alignment */
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle.item-added .item-type,
|
||||
#available-menu-items .menu-item-handle.item-added .item-title,
|
||||
#available-menu-items .menu-item-handle.item-added:hover .item-add,
|
||||
#available-menu-items .menu-item-handle.item-added .item-add:focus {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
#available-menu-items .menu-item-handle.item-added .item-add:before {
|
||||
content: "\f147";
|
||||
content: "\f147" / '';
|
||||
}
|
||||
|
||||
#available-menu-items .accordion-section-title.loading .spinner,
|
||||
#available-menu-items-search.loading .accordion-section-title .spinner {
|
||||
visibility: visible;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
#available-menu-items-search .spinner {
|
||||
position: absolute;
|
||||
bottom: 24px; /* 13 container padding +1 input margin +10 ( ( 40 input height - 20 spinner height ) / 2 ) */
|
||||
right: 21px;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* search results list */
|
||||
#available-menu-items #available-menu-items-search .accordion-section-content {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 83px; /* below title div / search input (75 + 8 for 40px input) */
|
||||
bottom: 0; /* 100% height that still triggers lazy load */
|
||||
max-height: none;
|
||||
width: 100%;
|
||||
padding: 1px 15px 15px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#available-menu-items-search .nothing-found {
|
||||
/* Compensate the 1px top padding of the container. */
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
#available-menu-items-search .accordion-section-title:after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#available-menu-items-search .accordion-section-content:empty {
|
||||
min-height: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#available-menu-items-search.loading .accordion-section-content div {
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
#available-menu-items-search.loading.loading-more .accordion-section-content div {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
#customize-preview {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
}
|
||||
|
||||
body.adding-menu-items #available-menu-items {
|
||||
left: 0;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
body.adding-menu-items .wp-full-overlay-main {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
body.adding-menu-items #customize-preview {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
body.adding-menu-items #customize-preview iframe {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.menu-item-handle .spinner {
|
||||
display: none;
|
||||
float: left;
|
||||
margin: 0 8px 0 0;
|
||||
}
|
||||
|
||||
.nav-menu-inserted-item-loading .spinner {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-menu-inserted-item-loading .menu-item-handle .item-type {
|
||||
padding: 0 0 0 8px;
|
||||
}
|
||||
|
||||
.nav-menu-inserted-item-loading .menu-item-handle,
|
||||
.added-menu-item .menu-item-handle.loading {
|
||||
padding: 10px 15px 10px 8px;
|
||||
cursor: default;
|
||||
opacity: .5;
|
||||
background: #fff;
|
||||
color: #787c82;
|
||||
}
|
||||
|
||||
.added-menu-item .menu-item-handle {
|
||||
transition-property: opacity, background, color;
|
||||
transition-duration: 1.25s;
|
||||
transition-timing-function: cubic-bezier( .25, -2.5, .75, 8 ); /* Replacement for .hide().fadeIn('slow') in JS to add emphasis when it's loaded. */
|
||||
}
|
||||
|
||||
/* Add/delete Menus */
|
||||
|
||||
#customize-theme-controls .control-panel-content .control-section-nav_menu:nth-last-child(2) .accordion-section-title {
|
||||
border-bottom-color: #dcdcde;
|
||||
}
|
||||
|
||||
/* @todo update selector */
|
||||
#accordion-section-add_menu {
|
||||
margin: 15px 12px;
|
||||
}
|
||||
|
||||
#accordion-section-add_menu h3 {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#accordion-section-add_menu h3,
|
||||
#accordion-section-add_menu .customize-add-menu-button {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#accordion-section-add_menu .customize-add-menu-button {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#create-new-menu-submit {
|
||||
float: right;
|
||||
margin: 0 0 12px;
|
||||
}
|
||||
|
||||
.menu-delete-item {
|
||||
float: left;
|
||||
padding: 1em 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.assigned-menu-locations-title p {
|
||||
margin: 0 0 8px;
|
||||
}
|
||||
|
||||
li.assigned-to-menu-location .menu-delete-item {
|
||||
display: none;
|
||||
}
|
||||
|
||||
li.assigned-to-menu-location .add-new-menu-item {
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.menu-item-handle {
|
||||
margin-top: -1px;
|
||||
}
|
||||
.ui-sortable-disabled .menu-item-handle {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.menu-item-handle:hover {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.menu-item-handle:hover .item-type,
|
||||
.menu-item-handle:hover .item-edit,
|
||||
#available-menu-items .menu-item-handle:hover .item-add {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
.menu-item-edit-active .menu-item-handle {
|
||||
border-color: #8c8f94;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu_item {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu .new-menu-item-invitation {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.customize-control-nav_menu .customize-control-nav_menu-buttons {
|
||||
display: flex;
|
||||
flex-direction: row-reverse;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
margin-top: 12px;
|
||||
}
|
||||
|
||||
/**
|
||||
* box-shadows
|
||||
*/
|
||||
|
||||
.wp-customizer .menu-item .submitbox .submitdelete:focus,
|
||||
.customize-screen-options-toggle:focus:before,
|
||||
#customize-controls .customize-info .customize-help-toggle:focus:before,
|
||||
.wp-customizer button:focus .toggle-indicator:before,
|
||||
.menu-delete:focus,
|
||||
.menu-item-bar .item-delete:focus:before,
|
||||
#available-menu-items .item-add:focus:before {
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
#available-menu-items #available-menu-items-search .accordion-section-content {
|
||||
top: 71px; /* 63 + 8 for 40px input */
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 640px) {
|
||||
#available-menu-items #available-menu-items-search .accordion-section-content {
|
||||
top: 154px; /* 146 + 8 for 40px input */
|
||||
}
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,588 @@
|
||||
/*! This file is auto-generated */
|
||||
.wp-full-overlay-sidebar {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide all sidebar sections by default, only show them (via JS) once the
|
||||
* preview loads and we know whether the sidebars are used in the template.
|
||||
*/
|
||||
|
||||
.control-section.control-section-sidebar,
|
||||
.customize-control-sidebar_widgets label,
|
||||
.customize-control-sidebar_widgets .hide-if-js {
|
||||
/* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */
|
||||
display: none;
|
||||
}
|
||||
|
||||
.control-section.control-section-sidebar .accordion-section-content.ui-sortable {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */
|
||||
.customize-control-widget_form .widget-top {
|
||||
background: #fff;
|
||||
transition: opacity 0.5s;
|
||||
}
|
||||
|
||||
.customize-control .widget-action {
|
||||
color: #787c82;
|
||||
}
|
||||
|
||||
.customize-control .widget-top:hover .widget-action,
|
||||
.customize-control .widget-action:focus {
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
.customize-control-widget_form:not(.widget-rendered) .widget-top {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.customize-control-widget_form .widget-control-save {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.customize-control-widget_form .spinner {
|
||||
visibility: hidden;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.previewer-loading .spinner {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.widget-form-disabled .widget-content {
|
||||
opacity: 0.7;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.customize-control-widget_form .widget {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control .widget-inside {
|
||||
position: fixed;
|
||||
right: 299px;
|
||||
top: 25%;
|
||||
border: 1px solid #dcdcde;
|
||||
overflow: auto;
|
||||
}
|
||||
.customize-control-widget_form.wide-widget-control .widget-inside > .form {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control .widget-top {
|
||||
transition: background-color 0.4s;
|
||||
}
|
||||
.customize-control-widget_form.wide-widget-control.expanding .widget-top,
|
||||
.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
|
||||
background-color: #dcdcde;
|
||||
}
|
||||
|
||||
.widget-inside {
|
||||
padding: 1px 10px 10px;
|
||||
border-top: none;
|
||||
line-height: 1.23076923;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.expanded .widget-action .toggle-indicator:before {
|
||||
content: "\f142";
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before {
|
||||
content: "\f141";
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before {
|
||||
content: "\f139";
|
||||
}
|
||||
|
||||
.widget-title-action {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.widget-top,
|
||||
.customize-control-widget_form .widget .customize-control-title {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.control-section.accordion-section.highlighted > .accordion-section-title,
|
||||
.customize-control-widget_form.highlighted {
|
||||
outline: none;
|
||||
box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#widget-customizer-control-templates {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Widget reordering styles
|
||||
*/
|
||||
|
||||
#customize-theme-controls .widget-reorder-nav {
|
||||
display: none;
|
||||
float: left;
|
||||
background-color: #f6f7f7;
|
||||
}
|
||||
|
||||
.move-widget:before {
|
||||
content: "\f504";
|
||||
content: "\f504" / '';
|
||||
}
|
||||
|
||||
#customize-theme-controls .move-widget-area {
|
||||
display: none;
|
||||
background: #fff;
|
||||
border: 1px solid #c3c4c7;
|
||||
border-top: none;
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
#customize-theme-controls .reordering .move-widget-area.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#customize-theme-controls .move-widget-area .description {
|
||||
margin: 0;
|
||||
padding: 15px 20px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 13px 42px 15px 15px;
|
||||
color: #50575e;
|
||||
border-top: 1px solid #c3c4c7;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li:before {
|
||||
display: none;
|
||||
content: "\f147";
|
||||
content: "\f147" / '';
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
right: 10px;
|
||||
font: normal 20px/1 dashicons;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li:last-child {
|
||||
border-bottom: 1px solid #c3c4c7;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select .selected {
|
||||
color: #fff;
|
||||
background: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select .selected:before {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#customize-theme-controls .move-widget-actions {
|
||||
text-align: left;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .reordering .widget-title-action {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls .reordering .widget-reorder-nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Text Widget */
|
||||
.wp-customizer div.mce-inline-toolbar-grp,
|
||||
.wp-customizer div.mce-tooltip {
|
||||
z-index: 500100 !important;
|
||||
}
|
||||
.wp-customizer .ui-autocomplete.wplink-autocomplete {
|
||||
z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
.wp-customizer #wp-link-backdrop {
|
||||
z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
.wp-customizer #wp-link-wrap {
|
||||
z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Styles for new widget addition panel
|
||||
*/
|
||||
|
||||
/* override widgets admin page rules in wp-admin/css/widgets.css */
|
||||
#widgets-left #available-widgets .widget {
|
||||
float: none !important;
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
/* Keep rule that is no longer necessary on widgets.php. */
|
||||
#available-widgets .widget-action {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ios #available-widgets {
|
||||
transition: right 0s;
|
||||
}
|
||||
|
||||
#available-widgets .widget-tpl:hover,
|
||||
#available-widgets .widget-tpl.selected {
|
||||
background: #f6f7f7;
|
||||
border-bottom-color: #c3c4c7;
|
||||
color: var(--wp-admin-theme-color);;
|
||||
border-right: 4px solid var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#customize-controls .widget-title h3 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
#available-widgets .widget-title h3 {
|
||||
padding: 0 0 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#available-widgets .widget .widget-description {
|
||||
padding: 0;
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
#customize-preview {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
}
|
||||
|
||||
body.adding-widget #available-widgets {
|
||||
right: 0;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
body.adding-widget .wp-full-overlay-main {
|
||||
right: 300px;
|
||||
}
|
||||
|
||||
body.adding-widget #customize-preview {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Widget Icon styling
|
||||
* No plurals in naming.
|
||||
* Ordered from lowest to highest specificity.
|
||||
*/
|
||||
|
||||
#available-widgets .widget-title {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#available-widgets .widget-title:before {
|
||||
content: "\f132";
|
||||
content: "\f132" / '';
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
left: 100%;
|
||||
margin-left: 20px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
color: #2c3338;
|
||||
font: normal 20px/1 dashicons;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* dashicons-smiley */
|
||||
#available-widgets [class*="easy"] .widget-title:before {
|
||||
content: "\f328";
|
||||
content: "\f328" / '';
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* dashicons-star-filled */
|
||||
#available-widgets [class*="super"] .widget-title:before,
|
||||
#available-widgets [class*="like"] .widget-title:before {
|
||||
content: "\f155";
|
||||
content: "\f155" / '';
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* dashicons-wordpress */
|
||||
#available-widgets [class*="meta"] .widget-title:before {
|
||||
content: "\f120";
|
||||
content: "\f120" / '';
|
||||
}
|
||||
|
||||
/* dashicons-archive */
|
||||
#available-widgets [class*="archives"] .widget-title:before {
|
||||
content: "\f480";
|
||||
content: "\f480" / '';
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* dashicons-category */
|
||||
#available-widgets [class*="categor"] .widget-title:before {
|
||||
content: "\f318";
|
||||
content: "\f318" / '';
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* dashicons-admin-comments */
|
||||
#available-widgets [class*="comment"] .widget-title:before,
|
||||
#available-widgets [class*="testimonial"] .widget-title:before,
|
||||
#available-widgets [class*="chat"] .widget-title:before {
|
||||
content: "\f101";
|
||||
content: "\f101" / '';
|
||||
}
|
||||
|
||||
/* dashicons-admin-post */
|
||||
#available-widgets [class*="post"] .widget-title:before {
|
||||
content: "\f109";
|
||||
content: "\f109" / '';
|
||||
}
|
||||
|
||||
/* dashicons-admin-page */
|
||||
#available-widgets [class*="page"] .widget-title:before {
|
||||
content: "\f105";
|
||||
content: "\f105" / '';
|
||||
}
|
||||
|
||||
/* dashicons-text */
|
||||
#available-widgets [class*="text"] .widget-title:before {
|
||||
content: "\f478";
|
||||
content: "\f478" / '';
|
||||
}
|
||||
|
||||
/* dashicons-admin-links */
|
||||
#available-widgets [class*="link"] .widget-title:before {
|
||||
content: "\f103";
|
||||
content: "\f103" / '';
|
||||
}
|
||||
|
||||
/* dashicons-search */
|
||||
#available-widgets [class*="search"] .widget-title:before {
|
||||
content: "\f179";
|
||||
content: "\f179" / '';
|
||||
}
|
||||
|
||||
/* dashicons-menu */
|
||||
#available-widgets [class*="menu"] .widget-title:before,
|
||||
#available-widgets [class*="nav"] .widget-title:before {
|
||||
content: "\f333";
|
||||
content: "\f333" / '';
|
||||
}
|
||||
|
||||
/* dashicons-tagcloud */
|
||||
#available-widgets [class*="tag"] .widget-title:before {
|
||||
content: "\f479";
|
||||
content: "\f479" / '';
|
||||
}
|
||||
|
||||
/* dashicons-rss */
|
||||
#available-widgets [class*="rss"] .widget-title:before {
|
||||
content: "\f303";
|
||||
content: "\f303" / '';
|
||||
top: -6px;
|
||||
}
|
||||
|
||||
/* dashicons-calendar */
|
||||
#available-widgets [class*="event"] .widget-title:before,
|
||||
#available-widgets [class*="calendar"] .widget-title:before {
|
||||
content: "\f145";
|
||||
content: "\f145" / '';
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* dashicons-format-image */
|
||||
#available-widgets [class*="image"] .widget-title:before,
|
||||
#available-widgets [class*="photo"] .widget-title:before,
|
||||
#available-widgets [class*="slide"] .widget-title:before,
|
||||
#available-widgets [class*="instagram"] .widget-title:before {
|
||||
content: "\f128";
|
||||
content: "\f128" / '';
|
||||
}
|
||||
|
||||
/* dashicons-format-gallery */
|
||||
#available-widgets [class*="album"] .widget-title:before,
|
||||
#available-widgets [class*="galler"] .widget-title:before {
|
||||
content: "\f161";
|
||||
content: "\f161" / '';
|
||||
}
|
||||
|
||||
/* dashicons-format-video */
|
||||
#available-widgets [class*="video"] .widget-title:before,
|
||||
#available-widgets [class*="tube"] .widget-title:before {
|
||||
content: "\f126";
|
||||
content: "\f126" / '';
|
||||
}
|
||||
|
||||
/* dashicons-format-audio */
|
||||
#available-widgets [class*="music"] .widget-title:before,
|
||||
#available-widgets [class*="radio"] .widget-title:before,
|
||||
#available-widgets [class*="audio"] .widget-title:before {
|
||||
content: "\f127";
|
||||
content: "\f127" / '';
|
||||
}
|
||||
|
||||
/* dashicons-admin-users */
|
||||
#available-widgets [class*="login"] .widget-title:before,
|
||||
#available-widgets [class*="user"] .widget-title:before,
|
||||
#available-widgets [class*="member"] .widget-title:before,
|
||||
#available-widgets [class*="avatar"] .widget-title:before,
|
||||
#available-widgets [class*="subscriber"] .widget-title:before,
|
||||
#available-widgets [class*="profile"] .widget-title:before,
|
||||
#available-widgets [class*="grofile"] .widget-title:before {
|
||||
content: "\f110";
|
||||
content: "\f110" / '';
|
||||
}
|
||||
|
||||
/* dashicons-cart */
|
||||
#available-widgets [class*="commerce"] .widget-title:before,
|
||||
#available-widgets [class*="shop"] .widget-title:before,
|
||||
#available-widgets [class*="cart"] .widget-title:before {
|
||||
content: "\f174";
|
||||
content: "\f174" / '';
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* dashicons-shield */
|
||||
#available-widgets [class*="secur"] .widget-title:before,
|
||||
#available-widgets [class*="firewall"] .widget-title:before {
|
||||
content: "\f332";
|
||||
content: "\f332" / '';
|
||||
}
|
||||
|
||||
/* dashicons-chart-bar */
|
||||
#available-widgets [class*="analytic"] .widget-title:before,
|
||||
#available-widgets [class*="stat"] .widget-title:before,
|
||||
#available-widgets [class*="poll"] .widget-title:before {
|
||||
content: "\f185";
|
||||
content: "\f185" / '';
|
||||
}
|
||||
|
||||
/* dashicons-feedback */
|
||||
#available-widgets [class*="form"] .widget-title:before {
|
||||
content: "\f175";
|
||||
content: "\f175" / '';
|
||||
}
|
||||
|
||||
/* dashicons-email-alt */
|
||||
#available-widgets [class*="subscribe"] .widget-title:before,
|
||||
#available-widgets [class*="news"] .widget-title:before,
|
||||
#available-widgets [class*="contact"] .widget-title:before,
|
||||
#available-widgets [class*="mail"] .widget-title:before {
|
||||
content: "\f466";
|
||||
content: "\f466" / '';
|
||||
}
|
||||
|
||||
/* dashicons-share */
|
||||
#available-widgets [class*="share"] .widget-title:before,
|
||||
#available-widgets [class*="socia"] .widget-title:before {
|
||||
content: "\f237";
|
||||
content: "\f237" / '';
|
||||
}
|
||||
|
||||
/* dashicons-translation */
|
||||
#available-widgets [class*="lang"] .widget-title:before,
|
||||
#available-widgets [class*="translat"] .widget-title:before {
|
||||
content: "\f326";
|
||||
content: "\f326" / '';
|
||||
}
|
||||
|
||||
/* dashicons-location-alt */
|
||||
#available-widgets [class*="locat"] .widget-title:before,
|
||||
#available-widgets [class*="map"] .widget-title:before {
|
||||
content: "\f231";
|
||||
content: "\f231" / '';
|
||||
}
|
||||
|
||||
/* dashicons-download */
|
||||
#available-widgets [class*="download"] .widget-title:before {
|
||||
content: "\f316";
|
||||
content: "\f316" / '';
|
||||
}
|
||||
|
||||
/* dashicons-cloud */
|
||||
#available-widgets [class*="weather"] .widget-title:before {
|
||||
content: "\f176";
|
||||
content: "\f176" / '';
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* dashicons-facebook */
|
||||
#available-widgets [class*="facebook"] .widget-title:before {
|
||||
content: "\f304";
|
||||
content: "\f304" / '';
|
||||
}
|
||||
|
||||
/* dashicons-twitter */
|
||||
#available-widgets [class*="tweet"] .widget-title:before,
|
||||
#available-widgets [class*="twitter"] .widget-title:before {
|
||||
content: "\f301";
|
||||
content: "\f301" / '';
|
||||
}
|
||||
|
||||
@media screen and (max-height: 700px) and (min-width: 981px) {
|
||||
/* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */
|
||||
.customize-control-widget_form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.widget-top {
|
||||
box-shadow: none;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.widget-top:hover {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.last-widget {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.widget-title h3 {
|
||||
padding: 13px 15px;
|
||||
}
|
||||
|
||||
.widget-top .widget-action {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
||||
.widget-reorder-nav span {
|
||||
height: 39px;
|
||||
}
|
||||
|
||||
.widget-reorder-nav span:before {
|
||||
line-height: 39px;
|
||||
}
|
||||
|
||||
/* Compact the move widget areas. */
|
||||
#customize-theme-controls .widget-area-select li {
|
||||
padding: 9px 42px 11px 15px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li:before {
|
||||
top: 8px;
|
||||
}
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,587 @@
|
||||
.wp-full-overlay-sidebar {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/**
|
||||
* Hide all sidebar sections by default, only show them (via JS) once the
|
||||
* preview loads and we know whether the sidebars are used in the template.
|
||||
*/
|
||||
|
||||
.control-section.control-section-sidebar,
|
||||
.customize-control-sidebar_widgets label,
|
||||
.customize-control-sidebar_widgets .hide-if-js {
|
||||
/* The link in .customize-control-sidebar_widgets .hide-if-js will fail if it ever gets used. */
|
||||
display: none;
|
||||
}
|
||||
|
||||
.control-section.control-section-sidebar .accordion-section-content.ui-sortable {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
/* Note: widget-tops are more compact when (max-height: 700px) and (min-width: 981px). */
|
||||
.customize-control-widget_form .widget-top {
|
||||
background: #fff;
|
||||
transition: opacity 0.5s;
|
||||
}
|
||||
|
||||
.customize-control .widget-action {
|
||||
color: #787c82;
|
||||
}
|
||||
|
||||
.customize-control .widget-top:hover .widget-action,
|
||||
.customize-control .widget-action:focus {
|
||||
color: #1d2327;
|
||||
}
|
||||
|
||||
.customize-control-widget_form:not(.widget-rendered) .widget-top {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.customize-control-widget_form .widget-control-save {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.customize-control-widget_form .spinner {
|
||||
visibility: hidden;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.previewer-loading .spinner {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.widget-form-disabled .widget-content {
|
||||
opacity: 0.7;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.customize-control-widget_form .widget {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control .widget-inside {
|
||||
position: fixed;
|
||||
left: 299px;
|
||||
top: 25%;
|
||||
border: 1px solid #dcdcde;
|
||||
overflow: auto;
|
||||
}
|
||||
.customize-control-widget_form.wide-widget-control .widget-inside > .form {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control .widget-top {
|
||||
transition: background-color 0.4s;
|
||||
}
|
||||
.customize-control-widget_form.wide-widget-control.expanding .widget-top,
|
||||
.customize-control-widget_form.wide-widget-control.expanded:not(.collapsing) .widget-top {
|
||||
background-color: #dcdcde;
|
||||
}
|
||||
|
||||
.widget-inside {
|
||||
padding: 1px 10px 10px;
|
||||
border-top: none;
|
||||
line-height: 1.23076923;
|
||||
}
|
||||
|
||||
.customize-control-widget_form.expanded .widget-action .toggle-indicator:before {
|
||||
content: "\f142";
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control .widget-action .toggle-indicator:before {
|
||||
content: "\f139";
|
||||
}
|
||||
|
||||
.customize-control-widget_form.wide-widget-control.expanded .widget-action .toggle-indicator:before {
|
||||
content: "\f141";
|
||||
}
|
||||
|
||||
.widget-title-action {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.widget-top,
|
||||
.customize-control-widget_form .widget .customize-control-title {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.control-section.accordion-section.highlighted > .accordion-section-title,
|
||||
.customize-control-widget_form.highlighted {
|
||||
outline: none;
|
||||
box-shadow: 0 0 2px rgba(79, 148, 212, 0.8);
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
#widget-customizer-control-templates {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* Widget reordering styles
|
||||
*/
|
||||
|
||||
#customize-theme-controls .widget-reorder-nav {
|
||||
display: none;
|
||||
float: right;
|
||||
background-color: #f6f7f7;
|
||||
}
|
||||
|
||||
.move-widget:before {
|
||||
content: "\f504";
|
||||
content: "\f504" / '';
|
||||
}
|
||||
|
||||
#customize-theme-controls .move-widget-area {
|
||||
display: none;
|
||||
background: #fff;
|
||||
border: 1px solid #c3c4c7;
|
||||
border-top: none;
|
||||
cursor: auto;
|
||||
}
|
||||
|
||||
#customize-theme-controls .reordering .move-widget-area.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#customize-theme-controls .move-widget-area .description {
|
||||
margin: 0;
|
||||
padding: 15px 20px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li {
|
||||
position: relative;
|
||||
margin: 0;
|
||||
padding: 13px 15px 15px 42px;
|
||||
color: #50575e;
|
||||
border-top: 1px solid #c3c4c7;
|
||||
cursor: pointer;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li:before {
|
||||
display: none;
|
||||
content: "\f147";
|
||||
content: "\f147" / '';
|
||||
position: absolute;
|
||||
top: 12px;
|
||||
left: 10px;
|
||||
font: normal 20px/1 dashicons;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li:last-child {
|
||||
border-bottom: 1px solid #c3c4c7;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select .selected {
|
||||
color: #fff;
|
||||
background: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select .selected:before {
|
||||
display: block;
|
||||
}
|
||||
|
||||
#customize-theme-controls .move-widget-actions {
|
||||
text-align: right;
|
||||
padding: 12px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .reordering .widget-title-action {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#customize-theme-controls .reordering .widget-reorder-nav {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Text Widget */
|
||||
.wp-customizer div.mce-inline-toolbar-grp,
|
||||
.wp-customizer div.mce-tooltip {
|
||||
z-index: 500100 !important;
|
||||
}
|
||||
.wp-customizer .ui-autocomplete.wplink-autocomplete {
|
||||
z-index: 500110; /* originally 100110, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
.wp-customizer #wp-link-backdrop {
|
||||
z-index: 500100; /* originally 100100, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
.wp-customizer #wp-link-wrap {
|
||||
z-index: 500105; /* originally 100105, but z-index of .wp-full-overlay is 500000 */
|
||||
}
|
||||
|
||||
/**
|
||||
* Styles for new widget addition panel
|
||||
*/
|
||||
|
||||
/* override widgets admin page rules in wp-admin/css/widgets.css */
|
||||
#widgets-left #available-widgets .widget {
|
||||
float: none !important;
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
/* Keep rule that is no longer necessary on widgets.php. */
|
||||
#available-widgets .widget-action {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.ios #available-widgets {
|
||||
transition: left 0s;
|
||||
}
|
||||
|
||||
#available-widgets .widget-tpl:hover,
|
||||
#available-widgets .widget-tpl.selected {
|
||||
background: #f6f7f7;
|
||||
border-bottom-color: #c3c4c7;
|
||||
color: var(--wp-admin-theme-color);;
|
||||
border-left: 4px solid var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
#customize-controls .widget-title h3 {
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
#available-widgets .widget-title h3 {
|
||||
padding: 0 0 5px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
#available-widgets .widget .widget-description {
|
||||
padding: 0;
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
#customize-preview {
|
||||
transition: all 0.2s;
|
||||
}
|
||||
}
|
||||
|
||||
body.adding-widget #available-widgets {
|
||||
left: 0;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
body.adding-widget .wp-full-overlay-main {
|
||||
left: 300px;
|
||||
}
|
||||
|
||||
body.adding-widget #customize-preview {
|
||||
opacity: 0.4;
|
||||
}
|
||||
|
||||
|
||||
/**
|
||||
* Widget Icon styling
|
||||
* No plurals in naming.
|
||||
* Ordered from lowest to highest specificity.
|
||||
*/
|
||||
|
||||
#available-widgets .widget-title {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#available-widgets .widget-title:before {
|
||||
content: "\f132";
|
||||
content: "\f132" / '';
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
right: 100%;
|
||||
margin-right: 20px;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
color: #2c3338;
|
||||
font: normal 20px/1 dashicons;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
/* dashicons-smiley */
|
||||
#available-widgets [class*="easy"] .widget-title:before {
|
||||
content: "\f328";
|
||||
content: "\f328" / '';
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* dashicons-star-filled */
|
||||
#available-widgets [class*="super"] .widget-title:before,
|
||||
#available-widgets [class*="like"] .widget-title:before {
|
||||
content: "\f155";
|
||||
content: "\f155" / '';
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* dashicons-wordpress */
|
||||
#available-widgets [class*="meta"] .widget-title:before {
|
||||
content: "\f120";
|
||||
content: "\f120" / '';
|
||||
}
|
||||
|
||||
/* dashicons-archive */
|
||||
#available-widgets [class*="archives"] .widget-title:before {
|
||||
content: "\f480";
|
||||
content: "\f480" / '';
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* dashicons-category */
|
||||
#available-widgets [class*="categor"] .widget-title:before {
|
||||
content: "\f318";
|
||||
content: "\f318" / '';
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* dashicons-admin-comments */
|
||||
#available-widgets [class*="comment"] .widget-title:before,
|
||||
#available-widgets [class*="testimonial"] .widget-title:before,
|
||||
#available-widgets [class*="chat"] .widget-title:before {
|
||||
content: "\f101";
|
||||
content: "\f101" / '';
|
||||
}
|
||||
|
||||
/* dashicons-admin-post */
|
||||
#available-widgets [class*="post"] .widget-title:before {
|
||||
content: "\f109";
|
||||
content: "\f109" / '';
|
||||
}
|
||||
|
||||
/* dashicons-admin-page */
|
||||
#available-widgets [class*="page"] .widget-title:before {
|
||||
content: "\f105";
|
||||
content: "\f105" / '';
|
||||
}
|
||||
|
||||
/* dashicons-text */
|
||||
#available-widgets [class*="text"] .widget-title:before {
|
||||
content: "\f478";
|
||||
content: "\f478" / '';
|
||||
}
|
||||
|
||||
/* dashicons-admin-links */
|
||||
#available-widgets [class*="link"] .widget-title:before {
|
||||
content: "\f103";
|
||||
content: "\f103" / '';
|
||||
}
|
||||
|
||||
/* dashicons-search */
|
||||
#available-widgets [class*="search"] .widget-title:before {
|
||||
content: "\f179";
|
||||
content: "\f179" / '';
|
||||
}
|
||||
|
||||
/* dashicons-menu */
|
||||
#available-widgets [class*="menu"] .widget-title:before,
|
||||
#available-widgets [class*="nav"] .widget-title:before {
|
||||
content: "\f333";
|
||||
content: "\f333" / '';
|
||||
}
|
||||
|
||||
/* dashicons-tagcloud */
|
||||
#available-widgets [class*="tag"] .widget-title:before {
|
||||
content: "\f479";
|
||||
content: "\f479" / '';
|
||||
}
|
||||
|
||||
/* dashicons-rss */
|
||||
#available-widgets [class*="rss"] .widget-title:before {
|
||||
content: "\f303";
|
||||
content: "\f303" / '';
|
||||
top: -6px;
|
||||
}
|
||||
|
||||
/* dashicons-calendar */
|
||||
#available-widgets [class*="event"] .widget-title:before,
|
||||
#available-widgets [class*="calendar"] .widget-title:before {
|
||||
content: "\f145";
|
||||
content: "\f145" / '';
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* dashicons-format-image */
|
||||
#available-widgets [class*="image"] .widget-title:before,
|
||||
#available-widgets [class*="photo"] .widget-title:before,
|
||||
#available-widgets [class*="slide"] .widget-title:before,
|
||||
#available-widgets [class*="instagram"] .widget-title:before {
|
||||
content: "\f128";
|
||||
content: "\f128" / '';
|
||||
}
|
||||
|
||||
/* dashicons-format-gallery */
|
||||
#available-widgets [class*="album"] .widget-title:before,
|
||||
#available-widgets [class*="galler"] .widget-title:before {
|
||||
content: "\f161";
|
||||
content: "\f161" / '';
|
||||
}
|
||||
|
||||
/* dashicons-format-video */
|
||||
#available-widgets [class*="video"] .widget-title:before,
|
||||
#available-widgets [class*="tube"] .widget-title:before {
|
||||
content: "\f126";
|
||||
content: "\f126" / '';
|
||||
}
|
||||
|
||||
/* dashicons-format-audio */
|
||||
#available-widgets [class*="music"] .widget-title:before,
|
||||
#available-widgets [class*="radio"] .widget-title:before,
|
||||
#available-widgets [class*="audio"] .widget-title:before {
|
||||
content: "\f127";
|
||||
content: "\f127" / '';
|
||||
}
|
||||
|
||||
/* dashicons-admin-users */
|
||||
#available-widgets [class*="login"] .widget-title:before,
|
||||
#available-widgets [class*="user"] .widget-title:before,
|
||||
#available-widgets [class*="member"] .widget-title:before,
|
||||
#available-widgets [class*="avatar"] .widget-title:before,
|
||||
#available-widgets [class*="subscriber"] .widget-title:before,
|
||||
#available-widgets [class*="profile"] .widget-title:before,
|
||||
#available-widgets [class*="grofile"] .widget-title:before {
|
||||
content: "\f110";
|
||||
content: "\f110" / '';
|
||||
}
|
||||
|
||||
/* dashicons-cart */
|
||||
#available-widgets [class*="commerce"] .widget-title:before,
|
||||
#available-widgets [class*="shop"] .widget-title:before,
|
||||
#available-widgets [class*="cart"] .widget-title:before {
|
||||
content: "\f174";
|
||||
content: "\f174" / '';
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* dashicons-shield */
|
||||
#available-widgets [class*="secur"] .widget-title:before,
|
||||
#available-widgets [class*="firewall"] .widget-title:before {
|
||||
content: "\f332";
|
||||
content: "\f332" / '';
|
||||
}
|
||||
|
||||
/* dashicons-chart-bar */
|
||||
#available-widgets [class*="analytic"] .widget-title:before,
|
||||
#available-widgets [class*="stat"] .widget-title:before,
|
||||
#available-widgets [class*="poll"] .widget-title:before {
|
||||
content: "\f185";
|
||||
content: "\f185" / '';
|
||||
}
|
||||
|
||||
/* dashicons-feedback */
|
||||
#available-widgets [class*="form"] .widget-title:before {
|
||||
content: "\f175";
|
||||
content: "\f175" / '';
|
||||
}
|
||||
|
||||
/* dashicons-email-alt */
|
||||
#available-widgets [class*="subscribe"] .widget-title:before,
|
||||
#available-widgets [class*="news"] .widget-title:before,
|
||||
#available-widgets [class*="contact"] .widget-title:before,
|
||||
#available-widgets [class*="mail"] .widget-title:before {
|
||||
content: "\f466";
|
||||
content: "\f466" / '';
|
||||
}
|
||||
|
||||
/* dashicons-share */
|
||||
#available-widgets [class*="share"] .widget-title:before,
|
||||
#available-widgets [class*="socia"] .widget-title:before {
|
||||
content: "\f237";
|
||||
content: "\f237" / '';
|
||||
}
|
||||
|
||||
/* dashicons-translation */
|
||||
#available-widgets [class*="lang"] .widget-title:before,
|
||||
#available-widgets [class*="translat"] .widget-title:before {
|
||||
content: "\f326";
|
||||
content: "\f326" / '';
|
||||
}
|
||||
|
||||
/* dashicons-location-alt */
|
||||
#available-widgets [class*="locat"] .widget-title:before,
|
||||
#available-widgets [class*="map"] .widget-title:before {
|
||||
content: "\f231";
|
||||
content: "\f231" / '';
|
||||
}
|
||||
|
||||
/* dashicons-download */
|
||||
#available-widgets [class*="download"] .widget-title:before {
|
||||
content: "\f316";
|
||||
content: "\f316" / '';
|
||||
}
|
||||
|
||||
/* dashicons-cloud */
|
||||
#available-widgets [class*="weather"] .widget-title:before {
|
||||
content: "\f176";
|
||||
content: "\f176" / '';
|
||||
top: -4px;
|
||||
}
|
||||
|
||||
/* dashicons-facebook */
|
||||
#available-widgets [class*="facebook"] .widget-title:before {
|
||||
content: "\f304";
|
||||
content: "\f304" / '';
|
||||
}
|
||||
|
||||
/* dashicons-twitter */
|
||||
#available-widgets [class*="tweet"] .widget-title:before,
|
||||
#available-widgets [class*="twitter"] .widget-title:before {
|
||||
content: "\f301";
|
||||
content: "\f301" / '';
|
||||
}
|
||||
|
||||
@media screen and (max-height: 700px) and (min-width: 981px) {
|
||||
/* Compact widget-tops on smaller laptops, but not tablets. See ticket #27112#comment:4 */
|
||||
.customize-control-widget_form {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.widget-top {
|
||||
box-shadow: none;
|
||||
margin-top: -1px;
|
||||
}
|
||||
|
||||
.widget-top:hover {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.last-widget {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.widget-title h3 {
|
||||
padding: 13px 15px;
|
||||
}
|
||||
|
||||
.widget-top .widget-action {
|
||||
padding: 8px 10px;
|
||||
}
|
||||
|
||||
.widget-reorder-nav span {
|
||||
height: 39px;
|
||||
}
|
||||
|
||||
.widget-reorder-nav span:before {
|
||||
line-height: 39px;
|
||||
}
|
||||
|
||||
/* Compact the move widget areas. */
|
||||
#customize-theme-controls .widget-area-select li {
|
||||
padding: 9px 15px 11px 42px;
|
||||
}
|
||||
|
||||
#customize-theme-controls .widget-area-select li:before {
|
||||
top: 8px;
|
||||
}
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Vendored
+2
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Vendored
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,429 @@
|
||||
/*! This file is auto-generated */
|
||||
/* Styles for the media library iframe (not used on the Library screen) */
|
||||
|
||||
div#media-upload-header {
|
||||
margin: 0;
|
||||
padding: 5px 5px 0;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
background: #f6f7f7;
|
||||
}
|
||||
|
||||
#sidemenu {
|
||||
overflow: hidden;
|
||||
float: none;
|
||||
position: relative;
|
||||
right: 0;
|
||||
bottom: -1px;
|
||||
margin: 0 5px;
|
||||
padding-right: 10px;
|
||||
list-style: none;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#sidemenu a {
|
||||
padding: 0 7px;
|
||||
display: block;
|
||||
float: right;
|
||||
line-height: 28px;
|
||||
border-top: 1px solid #f6f7f7;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
background-color: #f6f7f7;
|
||||
text-decoration: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#sidemenu li {
|
||||
display: inline;
|
||||
line-height: 200%;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#sidemenu a.current {
|
||||
font-weight: 400;
|
||||
padding-right: 6px;
|
||||
padding-left: 6px;
|
||||
border: 1px solid #dcdcde;
|
||||
border-bottom-color: #f0f0f1;
|
||||
background-color: #f0f0f1;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#media-upload:after { /* clearfix */
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#media-upload .slidetoggle {
|
||||
border-top-color: #dcdcde;
|
||||
}
|
||||
|
||||
#media-upload input[type="radio"] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.media-upload-form label.form-help,
|
||||
td.help {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
#search-filter {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
th {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.media-upload-form label.form-help, td.help {
|
||||
font-family: sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.media-upload-form p.help {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.media-upload-form fieldset {
|
||||
width: 100%;
|
||||
border: none;
|
||||
text-align: justify;
|
||||
margin: 0 0 1em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* specific to the image upload form */
|
||||
|
||||
.image-align-none-label {
|
||||
background: url(../images/align-none.png) no-repeat center right;
|
||||
}
|
||||
|
||||
.image-align-left-label {
|
||||
background: url(../images/align-left.png) no-repeat center right;
|
||||
}
|
||||
|
||||
.image-align-center-label {
|
||||
background: url(../images/align-center.png) no-repeat center right;
|
||||
}
|
||||
|
||||
.image-align-right-label {
|
||||
background: url(../images/align-right.png) no-repeat center right;
|
||||
}
|
||||
|
||||
tr.image-size td {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
tr.image-size div.image-size-item {
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
|
||||
#library-form .progress,
|
||||
#gallery-form .progress,
|
||||
.insert-gallery,
|
||||
.describe.startopen,
|
||||
.describe.startclosed {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.media-item .thumbnail {
|
||||
max-width: 128px;
|
||||
max-height: 128px;
|
||||
}
|
||||
|
||||
thead.media-item-info tr {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.form-table thead.media-item-info {
|
||||
border: 8px solid #fff;
|
||||
}
|
||||
|
||||
abbr.required,
|
||||
span.required {
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.describe label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.describe td.error {
|
||||
padding: 2px 8px;
|
||||
}
|
||||
|
||||
.describe td.A1 {
|
||||
width: 132px;
|
||||
}
|
||||
|
||||
.describe input[type="text"],
|
||||
.describe textarea {
|
||||
width: 460px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
/* Specific to Uploader */
|
||||
|
||||
#media-upload p.ml-submit {
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
#media-upload p.help,
|
||||
#media-upload label.help {
|
||||
font-family: sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#media-upload .ui-sortable .media-item {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
#media-upload tr.image-size {
|
||||
margin-bottom: 1em;
|
||||
height: 3em;
|
||||
}
|
||||
|
||||
#media-upload #filter {
|
||||
width: 623px;
|
||||
}
|
||||
|
||||
#media-upload #filter .subsubsub {
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
#media-upload .tablenav-pages a,
|
||||
#media-upload .tablenav-pages .current {
|
||||
display: inline-block;
|
||||
padding: 4px 5px 6px;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#media-upload .tablenav-pages a {
|
||||
min-width: 17px;
|
||||
border: 1px solid #c3c4c7;
|
||||
background: #f6f7f7;
|
||||
}
|
||||
|
||||
#filter .tablenav select {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding: 2px;
|
||||
vertical-align: top;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#media-upload .del-attachment {
|
||||
display: none;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.menu_order {
|
||||
float: left;
|
||||
font-size: 11px;
|
||||
margin: 8px 10px 0;
|
||||
}
|
||||
|
||||
.menu_order_input {
|
||||
border: 1px solid #dcdcde;
|
||||
font-size: 10px;
|
||||
padding: 1px;
|
||||
width: 23px;
|
||||
}
|
||||
|
||||
.ui-sortable-helper {
|
||||
background-color: #fff;
|
||||
border: 1px solid #a7aaad;
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity=60);
|
||||
}
|
||||
|
||||
#media-upload th.order-head {
|
||||
width: 20%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#media-upload th.actions-head {
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#media-upload a.wp-post-thumbnail {
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
#media-upload .widefat {
|
||||
border-style: solid solid none;
|
||||
}
|
||||
|
||||
.sorthelper {
|
||||
height: 37px;
|
||||
width: 623px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#gallery-settings th.label {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
#gallery-settings #basic th.label {
|
||||
padding: 5px 0 5px 5px;
|
||||
}
|
||||
|
||||
#gallery-settings .title {
|
||||
clear: both;
|
||||
padding: 0 0 3px;
|
||||
font-size: 1.6em;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
}
|
||||
|
||||
h3.media-title {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
h4.media-sub-title {
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
font-size: 1.3em;
|
||||
margin: 12px;
|
||||
padding: 0 0 3px;
|
||||
}
|
||||
|
||||
#gallery-settings .title,
|
||||
h3.media-title,
|
||||
h4.media-sub-title {
|
||||
font-family: Georgia,"Times New Roman",Times,serif;
|
||||
font-weight: 400;
|
||||
color: #50575e;
|
||||
}
|
||||
|
||||
#gallery-settings .describe td {
|
||||
vertical-align: middle;
|
||||
height: 3em;
|
||||
}
|
||||
|
||||
#gallery-settings .describe th.label {
|
||||
padding-top: .5em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
#gallery-settings .describe {
|
||||
padding: 5px;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
cursor: default;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#gallery-settings .describe select {
|
||||
width: 15em;
|
||||
}
|
||||
|
||||
#gallery-settings .describe select option,
|
||||
#gallery-settings .describe td {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#gallery-settings label,
|
||||
#gallery-settings legend {
|
||||
font-size: 13px;
|
||||
color: #3c434a;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#gallery-settings .align .field label {
|
||||
margin: 0 3px 0 1em;
|
||||
}
|
||||
|
||||
#gallery-settings p.ml-submit {
|
||||
border-top: 1px solid #dcdcde;
|
||||
}
|
||||
|
||||
#gallery-settings select#columns {
|
||||
width: 6em;
|
||||
}
|
||||
|
||||
#sort-buttons {
|
||||
font-size: 0.8em;
|
||||
margin: 3px 0 -8px 25px;
|
||||
text-align: left;
|
||||
max-width: 625px;
|
||||
}
|
||||
|
||||
#sort-buttons a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#sort-buttons #asc,
|
||||
#sort-buttons #showall {
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
#sort-buttons span {
|
||||
margin-left: 25px;
|
||||
}
|
||||
|
||||
p.media-types {
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
p.media-types-required-info {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
tr.not-image {
|
||||
display: none;
|
||||
}
|
||||
|
||||
table.not-image tr.not-image {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
table.not-image tr.image-only {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* HiDPI Displays
|
||||
*/
|
||||
@media print,
|
||||
(min-resolution: 120dpi) {
|
||||
|
||||
.image-align-none-label {
|
||||
background-image: url(../images/align-none-2x.png?ver=20120916);
|
||||
background-size: 21px 15px;
|
||||
}
|
||||
|
||||
.image-align-left-label {
|
||||
background-image: url(../images/align-left-2x.png?ver=20120916);
|
||||
background-size: 22px 15px;
|
||||
}
|
||||
|
||||
.image-align-center-label {
|
||||
background-image: url(../images/align-center-2x.png?ver=20120916);
|
||||
background-size: 21px 15px;
|
||||
}
|
||||
|
||||
.image-align-right-label {
|
||||
background-image: url(../images/align-right-2x.png?ver=20120916);
|
||||
background-size: 22px 15px;
|
||||
}
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,428 @@
|
||||
/* Styles for the media library iframe (not used on the Library screen) */
|
||||
|
||||
div#media-upload-header {
|
||||
margin: 0;
|
||||
padding: 5px 5px 0;
|
||||
font-weight: 600;
|
||||
position: relative;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
background: #f6f7f7;
|
||||
}
|
||||
|
||||
#sidemenu {
|
||||
overflow: hidden;
|
||||
float: none;
|
||||
position: relative;
|
||||
left: 0;
|
||||
bottom: -1px;
|
||||
margin: 0 5px;
|
||||
padding-left: 10px;
|
||||
list-style: none;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#sidemenu a {
|
||||
padding: 0 7px;
|
||||
display: block;
|
||||
float: left;
|
||||
line-height: 28px;
|
||||
border-top: 1px solid #f6f7f7;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
background-color: #f6f7f7;
|
||||
text-decoration: none;
|
||||
transition: none;
|
||||
}
|
||||
|
||||
#sidemenu li {
|
||||
display: inline;
|
||||
line-height: 200%;
|
||||
list-style: none;
|
||||
text-align: center;
|
||||
white-space: nowrap;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#sidemenu a.current {
|
||||
font-weight: 400;
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
border: 1px solid #dcdcde;
|
||||
border-bottom-color: #f0f0f1;
|
||||
background-color: #f0f0f1;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
#media-upload:after { /* clearfix */
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
}
|
||||
|
||||
#media-upload .slidetoggle {
|
||||
border-top-color: #dcdcde;
|
||||
}
|
||||
|
||||
#media-upload input[type="radio"] {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.media-upload-form label.form-help,
|
||||
td.help {
|
||||
color: #646970;
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 1em;
|
||||
}
|
||||
|
||||
#search-filter {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
th {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.media-upload-form label.form-help, td.help {
|
||||
font-family: sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.media-upload-form p.help {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.media-upload-form fieldset {
|
||||
width: 100%;
|
||||
border: none;
|
||||
text-align: justify;
|
||||
margin: 0 0 1em;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* specific to the image upload form */
|
||||
|
||||
.image-align-none-label {
|
||||
background: url(../images/align-none.png) no-repeat center left;
|
||||
}
|
||||
|
||||
.image-align-left-label {
|
||||
background: url(../images/align-left.png) no-repeat center left;
|
||||
}
|
||||
|
||||
.image-align-center-label {
|
||||
background: url(../images/align-center.png) no-repeat center left;
|
||||
}
|
||||
|
||||
.image-align-right-label {
|
||||
background: url(../images/align-right.png) no-repeat center left;
|
||||
}
|
||||
|
||||
tr.image-size td {
|
||||
width: 460px;
|
||||
}
|
||||
|
||||
tr.image-size div.image-size-item {
|
||||
margin: 0 0 5px;
|
||||
}
|
||||
|
||||
#library-form .progress,
|
||||
#gallery-form .progress,
|
||||
.insert-gallery,
|
||||
.describe.startopen,
|
||||
.describe.startclosed {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.media-item .thumbnail {
|
||||
max-width: 128px;
|
||||
max-height: 128px;
|
||||
}
|
||||
|
||||
thead.media-item-info tr {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.form-table thead.media-item-info {
|
||||
border: 8px solid #fff;
|
||||
}
|
||||
|
||||
abbr.required,
|
||||
span.required {
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.describe label {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
.describe td.error {
|
||||
padding: 2px 8px;
|
||||
}
|
||||
|
||||
.describe td.A1 {
|
||||
width: 132px;
|
||||
}
|
||||
|
||||
.describe input[type="text"],
|
||||
.describe textarea {
|
||||
width: 460px;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
/* Specific to Uploader */
|
||||
|
||||
#media-upload p.ml-submit {
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
#media-upload p.help,
|
||||
#media-upload label.help {
|
||||
font-family: sans-serif;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
#media-upload .ui-sortable .media-item {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
#media-upload tr.image-size {
|
||||
margin-bottom: 1em;
|
||||
height: 3em;
|
||||
}
|
||||
|
||||
#media-upload #filter {
|
||||
width: 623px;
|
||||
}
|
||||
|
||||
#media-upload #filter .subsubsub {
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
#media-upload .tablenav-pages a,
|
||||
#media-upload .tablenav-pages .current {
|
||||
display: inline-block;
|
||||
padding: 4px 5px 6px;
|
||||
font-size: 16px;
|
||||
line-height: 1;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#media-upload .tablenav-pages a {
|
||||
min-width: 17px;
|
||||
border: 1px solid #c3c4c7;
|
||||
background: #f6f7f7;
|
||||
}
|
||||
|
||||
#filter .tablenav select {
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
padding: 2px;
|
||||
vertical-align: top;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
#media-upload .del-attachment {
|
||||
display: none;
|
||||
margin: 5px 0;
|
||||
}
|
||||
|
||||
.menu_order {
|
||||
float: right;
|
||||
font-size: 11px;
|
||||
margin: 8px 10px 0;
|
||||
}
|
||||
|
||||
.menu_order_input {
|
||||
border: 1px solid #dcdcde;
|
||||
font-size: 10px;
|
||||
padding: 1px;
|
||||
width: 23px;
|
||||
}
|
||||
|
||||
.ui-sortable-helper {
|
||||
background-color: #fff;
|
||||
border: 1px solid #a7aaad;
|
||||
opacity: 0.6;
|
||||
filter: alpha(opacity=60);
|
||||
}
|
||||
|
||||
#media-upload th.order-head {
|
||||
width: 20%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#media-upload th.actions-head {
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#media-upload a.wp-post-thumbnail {
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
#media-upload .widefat {
|
||||
border-style: solid solid none;
|
||||
}
|
||||
|
||||
.sorthelper {
|
||||
height: 37px;
|
||||
width: 623px;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#gallery-settings th.label {
|
||||
width: 160px;
|
||||
}
|
||||
|
||||
#gallery-settings #basic th.label {
|
||||
padding: 5px 5px 5px 0;
|
||||
}
|
||||
|
||||
#gallery-settings .title {
|
||||
clear: both;
|
||||
padding: 0 0 3px;
|
||||
font-size: 1.6em;
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
}
|
||||
|
||||
h3.media-title {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
h4.media-sub-title {
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
font-size: 1.3em;
|
||||
margin: 12px;
|
||||
padding: 0 0 3px;
|
||||
}
|
||||
|
||||
#gallery-settings .title,
|
||||
h3.media-title,
|
||||
h4.media-sub-title {
|
||||
font-family: Georgia,"Times New Roman",Times,serif;
|
||||
font-weight: 400;
|
||||
color: #50575e;
|
||||
}
|
||||
|
||||
#gallery-settings .describe td {
|
||||
vertical-align: middle;
|
||||
height: 3em;
|
||||
}
|
||||
|
||||
#gallery-settings .describe th.label {
|
||||
padding-top: .5em;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
#gallery-settings .describe {
|
||||
padding: 5px;
|
||||
width: 100%;
|
||||
clear: both;
|
||||
cursor: default;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
#gallery-settings .describe select {
|
||||
width: 15em;
|
||||
}
|
||||
|
||||
#gallery-settings .describe select option,
|
||||
#gallery-settings .describe td {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#gallery-settings label,
|
||||
#gallery-settings legend {
|
||||
font-size: 13px;
|
||||
color: #3c434a;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
#gallery-settings .align .field label {
|
||||
margin: 0 1em 0 3px;
|
||||
}
|
||||
|
||||
#gallery-settings p.ml-submit {
|
||||
border-top: 1px solid #dcdcde;
|
||||
}
|
||||
|
||||
#gallery-settings select#columns {
|
||||
width: 6em;
|
||||
}
|
||||
|
||||
#sort-buttons {
|
||||
font-size: 0.8em;
|
||||
margin: 3px 25px -8px 0;
|
||||
text-align: right;
|
||||
max-width: 625px;
|
||||
}
|
||||
|
||||
#sort-buttons a {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#sort-buttons #asc,
|
||||
#sort-buttons #showall {
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
#sort-buttons span {
|
||||
margin-right: 25px;
|
||||
}
|
||||
|
||||
p.media-types {
|
||||
margin: 0;
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
p.media-types-required-info {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
tr.not-image {
|
||||
display: none;
|
||||
}
|
||||
|
||||
table.not-image tr.not-image {
|
||||
display: table-row;
|
||||
}
|
||||
|
||||
table.not-image tr.image-only {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* HiDPI Displays
|
||||
*/
|
||||
@media print,
|
||||
(min-resolution: 120dpi) {
|
||||
|
||||
.image-align-none-label {
|
||||
background-image: url(../images/align-none-2x.png?ver=20120916);
|
||||
background-size: 21px 15px;
|
||||
}
|
||||
|
||||
.image-align-left-label {
|
||||
background-image: url(../images/align-left-2x.png?ver=20120916);
|
||||
background-size: 22px 15px;
|
||||
}
|
||||
|
||||
.image-align-center-label {
|
||||
background-image: url(../images/align-center-2x.png?ver=20120916);
|
||||
background-size: 21px 15px;
|
||||
}
|
||||
|
||||
.image-align-right-label {
|
||||
background-image: url(../images/align-right-2x.png?ver=20120916);
|
||||
background-size: 22px 15px;
|
||||
}
|
||||
}
|
||||
+2
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Vendored
+2
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Vendored
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,42 @@
|
||||
/*! This file is auto-generated */
|
||||
|
||||
.farbtastic {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.farbtastic * {
|
||||
position: absolute;
|
||||
cursor: crosshair;
|
||||
}
|
||||
|
||||
.farbtastic,
|
||||
.farbtastic .wheel {
|
||||
width: 195px;
|
||||
height: 195px;
|
||||
}
|
||||
|
||||
.farbtastic .color,
|
||||
.farbtastic .overlay {
|
||||
top: 47px;
|
||||
right: 47px;
|
||||
width: 101px;
|
||||
height: 101px;
|
||||
}
|
||||
|
||||
.farbtastic .wheel {
|
||||
background: url(../images/wheel.png) no-repeat;
|
||||
width: 195px;
|
||||
height: 195px;
|
||||
}
|
||||
|
||||
.farbtastic .overlay {
|
||||
background: url(../images/mask.png) no-repeat;
|
||||
}
|
||||
|
||||
.farbtastic .marker {
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
margin: -8px -8px 0 0;
|
||||
overflow: hidden;
|
||||
background: url(../images/marker.png) no-repeat;
|
||||
}
|
||||
Vendored
+2
@@ -0,0 +1,2 @@
|
||||
/*! This file is auto-generated */
|
||||
.farbtastic{position:relative}.farbtastic *{position:absolute;cursor:crosshair}.farbtastic,.farbtastic .wheel{width:195px;height:195px}.farbtastic .color,.farbtastic .overlay{top:47px;right:47px;width:101px;height:101px}.farbtastic .wheel{background:url(../images/wheel.png) no-repeat;width:195px;height:195px}.farbtastic .overlay{background:url(../images/mask.png) no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px -8px 0 0;overflow:hidden;background:url(../images/marker.png) no-repeat}
|
||||
@@ -0,0 +1,41 @@
|
||||
|
||||
.farbtastic {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.farbtastic * {
|
||||
position: absolute;
|
||||
cursor: crosshair;
|
||||
}
|
||||
|
||||
.farbtastic,
|
||||
.farbtastic .wheel {
|
||||
width: 195px;
|
||||
height: 195px;
|
||||
}
|
||||
|
||||
.farbtastic .color,
|
||||
.farbtastic .overlay {
|
||||
top: 47px;
|
||||
left: 47px;
|
||||
width: 101px;
|
||||
height: 101px;
|
||||
}
|
||||
|
||||
.farbtastic .wheel {
|
||||
background: url(../images/wheel.png) no-repeat;
|
||||
width: 195px;
|
||||
height: 195px;
|
||||
}
|
||||
|
||||
.farbtastic .overlay {
|
||||
background: url(../images/mask.png) no-repeat;
|
||||
}
|
||||
|
||||
.farbtastic .marker {
|
||||
width: 17px;
|
||||
height: 17px;
|
||||
margin: -8px 0 0 -8px;
|
||||
overflow: hidden;
|
||||
background: url(../images/marker.png) no-repeat;
|
||||
}
|
||||
Vendored
+2
@@ -0,0 +1,2 @@
|
||||
/*! This file is auto-generated */
|
||||
.farbtastic{position:relative}.farbtastic *{position:absolute;cursor:crosshair}.farbtastic,.farbtastic .wheel{width:195px;height:195px}.farbtastic .color,.farbtastic .overlay{top:47px;left:47px;width:101px;height:101px}.farbtastic .wheel{background:url(../images/wheel.png) no-repeat;width:195px;height:195px}.farbtastic .overlay{background:url(../images/mask.png) no-repeat}.farbtastic .marker{width:17px;height:17px;margin:-8px 0 0 -8px;overflow:hidden;background:url(../images/marker.png) no-repeat}
|
||||
File diff suppressed because it is too large
Load Diff
Vendored
+2
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
Load Diff
Vendored
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,398 @@
|
||||
/*! This file is auto-generated */
|
||||
html {
|
||||
background: #f0f0f1;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
border: 1px solid #c3c4c7;
|
||||
color: #3c434a;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
margin: 140px auto 25px;
|
||||
padding: 20px 20px 10px;
|
||||
max-width: 700px;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
a:focus {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
clear: both;
|
||||
color: #646970;
|
||||
font-size: 24px;
|
||||
padding: 0 0 7px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
p, li, dd, dt {
|
||||
padding-bottom: 2px;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
code, .code {
|
||||
font-family: Consolas, Monaco, monospace;
|
||||
}
|
||||
|
||||
ul, ol, dl {
|
||||
padding: 5px 22px 5px 5px;
|
||||
}
|
||||
|
||||
a img {
|
||||
border: 0
|
||||
}
|
||||
abbr {
|
||||
border: 0;
|
||||
font-variant: normal;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#logo {
|
||||
margin: -130px auto 25px;
|
||||
padding: 0 0 25px;
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
overflow: hidden;
|
||||
background-image: url(../images/w-logo-gray.png?ver=20260303);
|
||||
background-image: none, url(../images/wordpress-logo-gray.svg?ver=20260303);
|
||||
background-size: 84px;
|
||||
background-position: center top;
|
||||
background-repeat: no-repeat;
|
||||
color: #3c434a; /* same as login.css */
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
line-height: 1.3em;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
text-indent: -9999px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.step {
|
||||
margin: 20px 0 15px;
|
||||
}
|
||||
.step, th {
|
||||
text-align: right;
|
||||
padding: 0;
|
||||
}
|
||||
.language-chooser.wp-core-ui .step .button.button-large {
|
||||
font-size: 14px;
|
||||
}
|
||||
textarea {
|
||||
border: 1px solid #dcdcde;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-table {
|
||||
border-collapse: collapse;
|
||||
margin-top: 1em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.form-table td {
|
||||
margin-bottom: 9px;
|
||||
padding: 10px 0 10px 20px;
|
||||
font-size: 14px;
|
||||
vertical-align: top
|
||||
}
|
||||
|
||||
.form-table th {
|
||||
font-size: 14px;
|
||||
text-align: right;
|
||||
padding: 10px 0 10px 20px;
|
||||
width: 115px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.form-table code {
|
||||
line-height: 1.28571428;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.form-table p {
|
||||
margin: 4px 0 0;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.form-table .setup-description {
|
||||
margin: 4px 0 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.form-table input {
|
||||
line-height: 1.33333333;
|
||||
font-size: 15px;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
||||
.wp-pwd {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.form-table .wp-pwd {
|
||||
display: flex;
|
||||
column-gap: 4px;
|
||||
}
|
||||
|
||||
.form-table .password-input-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input,
|
||||
submit {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
.form-table input[type=text],
|
||||
.form-table input[type=email],
|
||||
.form-table input[type=url],
|
||||
.form-table input[type=password],
|
||||
#pass-strength-result {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.form-table th p {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.form-table.install-success th,
|
||||
.form-table.install-success td {
|
||||
vertical-align: middle;
|
||||
padding: 16px 0 16px 20px;
|
||||
}
|
||||
|
||||
.form-table.install-success td p {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.form-table.install-success td code {
|
||||
margin: 0;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#error-page {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
#error-page p {
|
||||
font-size: 14px;
|
||||
line-height: 1.28571428;
|
||||
margin: 25px 0 20px;
|
||||
}
|
||||
|
||||
#error-page code, .code {
|
||||
font-family: Consolas, Monaco, monospace;
|
||||
}
|
||||
|
||||
.message {
|
||||
border-right: 4px solid #d63638;
|
||||
padding: .7em .6em;
|
||||
background-color: #fcf0f1;
|
||||
}
|
||||
|
||||
/* rtl:ignore */
|
||||
#dbname,
|
||||
#uname,
|
||||
#pwd,
|
||||
#dbhost,
|
||||
#prefix,
|
||||
#user_login,
|
||||
#admin_email,
|
||||
#pass1,
|
||||
#pass2 {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
|
||||
/* localization */
|
||||
body.rtl,
|
||||
.rtl textarea,
|
||||
.rtl input,
|
||||
.rtl submit {
|
||||
font-family: Tahoma, sans-serif;
|
||||
}
|
||||
|
||||
:lang(he-il) body.rtl,
|
||||
:lang(he-il) .rtl textarea,
|
||||
:lang(he-il) .rtl input,
|
||||
:lang(he-il) .rtl submit {
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 799px) {
|
||||
body {
|
||||
margin-top: 115px;
|
||||
}
|
||||
#logo a {
|
||||
margin: -125px auto 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
|
||||
.form-table {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.form-table th,
|
||||
.form-table td {
|
||||
display: block;
|
||||
width: auto;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.form-table th {
|
||||
padding: 20px 0 0;
|
||||
}
|
||||
|
||||
.form-table td {
|
||||
padding: 5px 0;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
textarea,
|
||||
input {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.form-table td input[type="text"],
|
||||
.form-table td input[type="email"],
|
||||
.form-table td input[type="url"],
|
||||
.form-table td input[type="password"],
|
||||
.form-table td select,
|
||||
.form-table td textarea,
|
||||
.form-table span.description {
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
padding: 7px 10px;
|
||||
display: block;
|
||||
max-width: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#pwd {
|
||||
padding-left: 2.5rem;
|
||||
}
|
||||
|
||||
.wp-pwd #pass1 {
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
.wp-pwd .button.wp-hide-pw {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
#pass-strength-result {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
body.language-chooser {
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.language-chooser select {
|
||||
padding: 8px;
|
||||
width: 100%;
|
||||
display: block;
|
||||
border: 1px solid #dcdcde;
|
||||
background: #fff;
|
||||
color: #2c3338;
|
||||
font-size: 16px;
|
||||
font-family: Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.language-chooser select:focus {
|
||||
color: #2c3338;
|
||||
}
|
||||
|
||||
.language-chooser select option:hover,
|
||||
.language-chooser select option:focus {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.language-chooser .step {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.screen-reader-input,
|
||||
.screen-reader-text {
|
||||
border: 0;
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
|
||||
word-wrap: normal !important;
|
||||
word-break: normal !important;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
background: url(../images/spinner.gif) no-repeat;
|
||||
background-size: 20px 20px;
|
||||
visibility: hidden;
|
||||
opacity: 0.7;
|
||||
filter: alpha(opacity=70);
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 2px 5px 0;
|
||||
}
|
||||
|
||||
.step .spinner {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
.button.hide-if-no-js,
|
||||
.hide-if-no-js {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* HiDPI Displays
|
||||
*/
|
||||
@media print,
|
||||
(min-resolution: 120dpi) {
|
||||
|
||||
.spinner {
|
||||
background-image: url(../images/spinner-2x.gif);
|
||||
}
|
||||
|
||||
}
|
||||
Vendored
+2
File diff suppressed because one or more lines are too long
@@ -0,0 +1,397 @@
|
||||
html {
|
||||
background: #f0f0f1;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
body {
|
||||
background: #fff;
|
||||
border: 1px solid #c3c4c7;
|
||||
color: #3c434a;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
margin: 140px auto 25px;
|
||||
padding: 20px 20px 10px;
|
||||
max-width: 700px;
|
||||
-webkit-font-smoothing: subpixel-antialiased;
|
||||
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--wp-admin-theme-color);
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:active {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
a:focus {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 0 0 var(--wp-admin-border-width-focus, 1.5px) var(--wp-admin-theme-color, #3858e9);
|
||||
/* Only visible in Windows High Contrast mode */
|
||||
outline: 2px solid transparent;
|
||||
}
|
||||
|
||||
h1, h2 {
|
||||
border-bottom: 1px solid #dcdcde;
|
||||
clear: both;
|
||||
color: #646970;
|
||||
font-size: 24px;
|
||||
padding: 0 0 7px;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
p, li, dd, dt {
|
||||
padding-bottom: 2px;
|
||||
font-size: 14px;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
code, .code {
|
||||
font-family: Consolas, Monaco, monospace;
|
||||
}
|
||||
|
||||
ul, ol, dl {
|
||||
padding: 5px 5px 5px 22px;
|
||||
}
|
||||
|
||||
a img {
|
||||
border: 0
|
||||
}
|
||||
abbr {
|
||||
border: 0;
|
||||
font-variant: normal;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
border: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#logo {
|
||||
margin: -130px auto 25px;
|
||||
padding: 0 0 25px;
|
||||
width: 84px;
|
||||
height: 84px;
|
||||
overflow: hidden;
|
||||
background-image: url(../images/w-logo-gray.png?ver=20260303);
|
||||
background-image: none, url(../images/wordpress-logo-gray.svg?ver=20260303);
|
||||
background-size: 84px;
|
||||
background-position: center top;
|
||||
background-repeat: no-repeat;
|
||||
color: #3c434a; /* same as login.css */
|
||||
font-size: 20px;
|
||||
font-weight: 400;
|
||||
line-height: 1.3em;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
text-indent: -9999px;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.step {
|
||||
margin: 20px 0 15px;
|
||||
}
|
||||
.step, th {
|
||||
text-align: left;
|
||||
padding: 0;
|
||||
}
|
||||
.language-chooser.wp-core-ui .step .button.button-large {
|
||||
font-size: 14px;
|
||||
}
|
||||
textarea {
|
||||
border: 1px solid #dcdcde;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-table {
|
||||
border-collapse: collapse;
|
||||
margin-top: 1em;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.form-table td {
|
||||
margin-bottom: 9px;
|
||||
padding: 10px 20px 10px 0;
|
||||
font-size: 14px;
|
||||
vertical-align: top
|
||||
}
|
||||
|
||||
.form-table th {
|
||||
font-size: 14px;
|
||||
text-align: left;
|
||||
padding: 10px 20px 10px 0;
|
||||
width: 115px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.form-table code {
|
||||
line-height: 1.28571428;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.form-table p {
|
||||
margin: 4px 0 0;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.form-table .setup-description {
|
||||
margin: 4px 0 0;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.form-table input {
|
||||
line-height: 1.33333333;
|
||||
font-size: 15px;
|
||||
padding: 3px 5px;
|
||||
}
|
||||
|
||||
.wp-pwd {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.form-table .wp-pwd {
|
||||
display: flex;
|
||||
column-gap: 4px;
|
||||
}
|
||||
|
||||
.form-table .password-input-wrapper {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
input,
|
||||
submit {
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
|
||||
}
|
||||
|
||||
.form-table input[type=text],
|
||||
.form-table input[type=email],
|
||||
.form-table input[type=url],
|
||||
.form-table input[type=password],
|
||||
#pass-strength-result {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.form-table th p {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.form-table.install-success th,
|
||||
.form-table.install-success td {
|
||||
vertical-align: middle;
|
||||
padding: 16px 20px 16px 0;
|
||||
}
|
||||
|
||||
.form-table.install-success td p {
|
||||
margin: 0;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.form-table.install-success td code {
|
||||
margin: 0;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#error-page {
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
#error-page p {
|
||||
font-size: 14px;
|
||||
line-height: 1.28571428;
|
||||
margin: 25px 0 20px;
|
||||
}
|
||||
|
||||
#error-page code, .code {
|
||||
font-family: Consolas, Monaco, monospace;
|
||||
}
|
||||
|
||||
.message {
|
||||
border-left: 4px solid #d63638;
|
||||
padding: .7em .6em;
|
||||
background-color: #fcf0f1;
|
||||
}
|
||||
|
||||
/* rtl:ignore */
|
||||
#dbname,
|
||||
#uname,
|
||||
#pwd,
|
||||
#dbhost,
|
||||
#prefix,
|
||||
#user_login,
|
||||
#admin_email,
|
||||
#pass1,
|
||||
#pass2 {
|
||||
direction: ltr;
|
||||
}
|
||||
|
||||
|
||||
/* localization */
|
||||
body.rtl,
|
||||
.rtl textarea,
|
||||
.rtl input,
|
||||
.rtl submit {
|
||||
font-family: Tahoma, sans-serif;
|
||||
}
|
||||
|
||||
:lang(he-il) body.rtl,
|
||||
:lang(he-il) .rtl textarea,
|
||||
:lang(he-il) .rtl input,
|
||||
:lang(he-il) .rtl submit {
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 799px) {
|
||||
body {
|
||||
margin-top: 115px;
|
||||
}
|
||||
#logo a {
|
||||
margin: -125px auto 30px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 782px) {
|
||||
|
||||
.form-table {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.form-table th,
|
||||
.form-table td {
|
||||
display: block;
|
||||
width: auto;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.form-table th {
|
||||
padding: 20px 0 0;
|
||||
}
|
||||
|
||||
.form-table td {
|
||||
padding: 5px 0;
|
||||
border: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
textarea,
|
||||
input {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.form-table td input[type="text"],
|
||||
.form-table td input[type="email"],
|
||||
.form-table td input[type="url"],
|
||||
.form-table td input[type="password"],
|
||||
.form-table td select,
|
||||
.form-table td textarea,
|
||||
.form-table span.description {
|
||||
width: 100%;
|
||||
font-size: 16px;
|
||||
line-height: 1.5;
|
||||
padding: 7px 10px;
|
||||
display: block;
|
||||
max-width: none;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
#pwd {
|
||||
padding-right: 2.5rem;
|
||||
}
|
||||
|
||||
.wp-pwd #pass1 {
|
||||
padding-right: 50px;
|
||||
}
|
||||
|
||||
.wp-pwd .button.wp-hide-pw {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#pass-strength-result {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
body.language-chooser {
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
.language-chooser select {
|
||||
padding: 8px;
|
||||
width: 100%;
|
||||
display: block;
|
||||
border: 1px solid #dcdcde;
|
||||
background: #fff;
|
||||
color: #2c3338;
|
||||
font-size: 16px;
|
||||
font-family: Arial, sans-serif;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.language-chooser select:focus {
|
||||
color: #2c3338;
|
||||
}
|
||||
|
||||
.language-chooser select option:hover,
|
||||
.language-chooser select option:focus {
|
||||
color: var(--wp-admin-theme-color-darker-20);
|
||||
}
|
||||
|
||||
.language-chooser .step {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.screen-reader-input,
|
||||
.screen-reader-text {
|
||||
border: 0;
|
||||
clip-path: inset(50%);
|
||||
height: 1px;
|
||||
margin: -1px;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
width: 1px;
|
||||
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
|
||||
word-wrap: normal !important;
|
||||
word-break: normal !important;
|
||||
}
|
||||
|
||||
.spinner {
|
||||
background: url(../images/spinner.gif) no-repeat;
|
||||
background-size: 20px 20px;
|
||||
visibility: hidden;
|
||||
opacity: 0.7;
|
||||
filter: alpha(opacity=70);
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 2px 5px 0;
|
||||
}
|
||||
|
||||
.step .spinner {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin-right: 15px;
|
||||
}
|
||||
|
||||
.button.hide-if-no-js,
|
||||
.hide-if-no-js {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/**
|
||||
* HiDPI Displays
|
||||
*/
|
||||
@media print,
|
||||
(min-resolution: 120dpi) {
|
||||
|
||||
.spinner {
|
||||
background-image: url(../images/spinner-2x.gif);
|
||||
}
|
||||
|
||||
}
|
||||
Vendored
+2
File diff suppressed because one or more lines are too long
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user