mirror of
https://github.com/WordPress/WordPress.git
synced 2024-08-20 12:54:00 +02:00
* Use a single close icon instead of a context-changing cancel/close button in the Customizer. In user testing, this small distinction in language was overlooked, and we use an AYS now instead. This also makes it consistent with the back arrow in Customizer panels. * Use the same close icon as well as the previous/next arrows from the theme details browser in the theme install preview. props celloexpressions. fixes #28655. Built from https://develop.svn.wordpress.org/trunk@29031 git-svn-id: http://core.svn.wordpress.org/trunk@28819 1a063a9b-81f0-0310-95a4-ce76da25c4cd
340 lines
13 KiB
CSS
340 lines
13 KiB
CSS
/*
|
|
* Button mixin- creates 3d-ish button effect with correct
|
|
* highlights/shadows, based on a base color.
|
|
*/
|
|
html {
|
|
background: #f1f1f1; }
|
|
|
|
/* Links */
|
|
a {
|
|
color: #0074a2; }
|
|
a:hover, a:active, a:focus {
|
|
color: #0099d5; }
|
|
|
|
#media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover {
|
|
color: #0099d5; }
|
|
|
|
/* Forms */
|
|
input[type=checkbox]:checked:before {
|
|
color: #59524c; }
|
|
|
|
input[type=radio]:checked:before {
|
|
background: #59524c; }
|
|
|
|
.wp-core-ui input[type="reset"]:hover, .wp-core-ui input[type="reset"]:active {
|
|
color: #0099d5; }
|
|
|
|
/* Core UI */
|
|
.wp-core-ui .button-primary {
|
|
background: #c7a589;
|
|
border-color: #b78a66;
|
|
color: white;
|
|
-webkit-box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15);
|
|
box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); }
|
|
.wp-core-ui .button-primary:hover, .wp-core-ui .button-primary:focus {
|
|
background: #bf9878;
|
|
border-color: #ae7d55;
|
|
color: white;
|
|
-webkit-box-shadow: inset 0 1px 0 #d7bfac, 0 1px 0 rgba(0, 0, 0, 0.15);
|
|
box-shadow: inset 0 1px 0 #d7bfac, 0 1px 0 rgba(0, 0, 0, 0.15); }
|
|
.wp-core-ui .button-primary:active {
|
|
background: #b78a66;
|
|
border-color: #ae7d55;
|
|
color: white;
|
|
-webkit-box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
|
|
box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5); }
|
|
.wp-core-ui .button-primary[disabled], .wp-core-ui .button-primary:disabled, .wp-core-ui .button-primary.button-primary-disabled, .wp-core-ui .button-primary.disabled {
|
|
color: #d1cbc7 !important;
|
|
background: #ba906d !important;
|
|
border-color: #ae7d55 !important;
|
|
text-shadow: none !important; }
|
|
.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: #f3f2f1; }
|
|
|
|
/* List tables */
|
|
.wrap .add-new-h2:hover, #add-new-comment a:hover, .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus {
|
|
color: #fff;
|
|
background-color: #59524c; }
|
|
|
|
.view-switch a.current:before {
|
|
color: #59524c; }
|
|
|
|
.view-switch a:hover:before {
|
|
color: #9ea476; }
|
|
|
|
.post-com-count:hover:after {
|
|
border-top-color: #59524c; }
|
|
|
|
.post-com-count:hover span {
|
|
color: #fff;
|
|
background-color: #59524c; }
|
|
|
|
strong .post-com-count:after {
|
|
border-top-color: #9ea476; }
|
|
|
|
strong .post-com-count span {
|
|
background-color: #9ea476; }
|
|
|
|
/* Admin Menu */
|
|
#adminmenuback, #adminmenuwrap, #adminmenu {
|
|
background: #59524c; }
|
|
|
|
#adminmenu a {
|
|
color: #fff; }
|
|
|
|
#adminmenu div.wp-menu-image:before {
|
|
color: #f3f2f1; }
|
|
|
|
#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 h2 .nav-tab-active, .nav-tab-active, .nav-tab-active:hover {
|
|
background-color: #f1f1f1;
|
|
border-bottom-color: #f1f1f1; }
|
|
|
|
/* Admin Menu: submenu */
|
|
#adminmenu .wp-submenu, #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu .wp-has-current-submenu.opensub .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu, #adminmenu a.wp-has-current-submenu:focus + .wp-submenu {
|
|
background: #46403c; }
|
|
|
|
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
|
|
border-right-color: #46403c; }
|
|
|
|
#adminmenu .wp-submenu .wp-submenu-head {
|
|
color: #cdcbc9; }
|
|
|
|
#adminmenu .wp-submenu a, #adminmenu .wp-has-current-submenu .wp-submenu a, .folded #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: #cdcbc9; }
|
|
#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, .folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus, .folded #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: #f1f1f1; }
|
|
|
|
#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 {
|
|
color: #fff; }
|
|
|
|
/* Admin Menu: bubble */
|
|
#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: #46403c; }
|
|
|
|
/* Admin Menu: collapse button */
|
|
#collapse-menu {
|
|
color: #f3f2f1; }
|
|
|
|
#collapse-menu:hover {
|
|
color: #fff; }
|
|
|
|
#collapse-button div:after {
|
|
color: #f3f2f1; }
|
|
|
|
#collapse-menu:hover #collapse-button div:after {
|
|
color: #fff; }
|
|
|
|
/* 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: #f3f2f1; }
|
|
|
|
#wpadminbar .ab-top-menu > li:hover > .ab-item, #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .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: #46403c; }
|
|
|
|
#wpadminbar > #wp-toolbar li:hover span.ab-label, #wpadminbar > #wp-toolbar li.hover span.ab-label, #wpadminbar > #wp-toolbar a:focus span.ab-label {
|
|
color: #c7a589; }
|
|
|
|
#wpadminbar li:hover .ab-icon:before, #wpadminbar li:hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before {
|
|
color: #fff; }
|
|
|
|
/* Admin Bar: submenu */
|
|
#wpadminbar .menupop .ab-sub-wrapper {
|
|
background: #46403c; }
|
|
|
|
#wpadminbar .quicklinks .menupop ul.ab-sub-secondary, #wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
|
|
background: #656463; }
|
|
|
|
#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: #cdcbc9; }
|
|
|
|
#wpadminbar .quicklinks li .blavatar, #wpadminbar .menupop .menupop > .ab-item:before {
|
|
color: #f3f2f1; }
|
|
|
|
#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 .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.hover .ab-icon:before, #wpadminbar li.hover .ab-item:before, #wpadminbar li:hover .ab-item:after, #wpadminbar li.hover .ab-item:after, #wpadminbar li:hover #adminbarsearch:before {
|
|
color: #c7a589; }
|
|
|
|
#wpadminbar .quicklinks li a:hover .blavatar, #wpadminbar .menupop .menupop > .ab-item:hover:before {
|
|
color: #c7a589; }
|
|
|
|
/* Admin Bar: search */
|
|
#wpadminbar #adminbarsearch:before {
|
|
color: #f3f2f1; }
|
|
|
|
#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
|
|
color: #fff;
|
|
background: #6c645c; }
|
|
|
|
#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
|
|
color: #fff;
|
|
opacity: 0.7; }
|
|
|
|
#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
|
|
color: #fff;
|
|
opacity: 0.7; }
|
|
|
|
#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
|
|
color: #fff;
|
|
opacity: 0.7; }
|
|
|
|
#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
|
|
color: #fff;
|
|
opacity: 0.7; }
|
|
|
|
/* Admin Bar: my account */
|
|
#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
|
|
border-color: #6c645c;
|
|
background-color: #6c645c; }
|
|
|
|
#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: #cdcbc9; }
|
|
|
|
/* Pointers */
|
|
.wp-pointer .wp-pointer-content h3 {
|
|
background-color: #c7a589;
|
|
border-color: #bf9878; }
|
|
|
|
.wp-pointer .wp-pointer-content h3:before {
|
|
color: #c7a589; }
|
|
|
|
.wp-pointer.wp-pointer-top .wp-pointer-arrow, .wp-pointer.wp-pointer-undefined .wp-pointer-arrow {
|
|
border-bottom-color: #c7a589; }
|
|
|
|
/* Media Uploader */
|
|
.media-item .bar, .media-progress-bar div {
|
|
background-color: #c7a589; }
|
|
|
|
.details.attachment {
|
|
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 5px #c7a589;
|
|
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #c7a589; }
|
|
|
|
.attachment.details .check {
|
|
background-color: #c7a589;
|
|
-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589;
|
|
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #c7a589; }
|
|
|
|
/* Themes */
|
|
.theme-browser .theme.active .theme-name, .theme-browser .theme.add-new-theme:hover:after {
|
|
background: #c7a589; }
|
|
|
|
.theme-browser .theme.add-new-theme:hover span:after {
|
|
color: #c7a589; }
|
|
|
|
.theme-overlay .theme-header .close:hover, .theme-overlay .theme-header .right:hover, .theme-overlay .theme-header .left:hover {
|
|
background: #c7a589; }
|
|
|
|
.theme-section.current, .theme-filter.current {
|
|
border-bottom-color: #59524c; }
|
|
|
|
body.more-filters-opened .more-filters, body.more-filters-opened .more-filters:before {
|
|
color: #fff;
|
|
background-color: #59524c; }
|
|
|
|
body.more-filters-opened .more-filters:hover, body.more-filters-opened .more-filters:focus, body.more-filters-opened .more-filters:hover:before, body.more-filters-opened .more-filters:focus:before {
|
|
background-color: #c7a589;
|
|
color: #fff; }
|
|
|
|
.theme-install-overlay .close-full-overlay:hover, .theme-install-overlay .close-full-overlay:focus, .theme-install-overlay .previous-theme:hover, .theme-install-overlay .previous-theme:focus, .theme-install-overlay .next-theme:hover, .theme-install-overlay .next-theme:focus {
|
|
background-color: #c7a589;
|
|
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; }
|
|
|
|
/* Customize */
|
|
#customize-theme-controls .widget-area-select .selected {
|
|
background-color: #c7a589;
|
|
color: #fff; }
|
|
|
|
.customize-controls-close:focus, .customize-controls-close:hover, .control-panel-back:focus, .control-panel-back:hover {
|
|
background-color: #c7a589;
|
|
color: #fff; }
|
|
|
|
/* jQuery UI Slider */
|
|
.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, .wp-slider .ui-slider-handle.focus {
|
|
background: #c7a589;
|
|
border-color: #b78a66;
|
|
-webkit-box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15);
|
|
box-shadow: inset 0 1px 0 #e0cdbd, 0 1px 0 rgba(0, 0, 0, 0.15); }
|
|
|
|
/* Thickbox: Plugin information */
|
|
#sidemenu a.current {
|
|
background: #f1f1f1;
|
|
border-bottom-color: #f1f1f1; }
|
|
|
|
#plugin-information .action-button {
|
|
background: #c7a589; }
|
|
|
|
/* Responsive Component */
|
|
div#wp-responsive-toggle a:before {
|
|
color: #f3f2f1; }
|
|
|
|
.wp-responsive-open div#wp-responsive-toggle a {
|
|
border-color: transparent;
|
|
background: #c7a589; }
|
|
|
|
.star-rating .star {
|
|
color: #c7a589; }
|
|
|
|
.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
|
|
background: #46403c; }
|