]> scripts.mit.edu Git - autoinstallsdev/wordpress.git/blobdiff - wp-admin/css/colors/_admin.scss
WordPress 3.8
[autoinstallsdev/wordpress.git] / wp-admin / css / colors / _admin.scss
diff --git a/wp-admin/css/colors/_admin.scss b/wp-admin/css/colors/_admin.scss
new file mode 100644 (file)
index 0000000..88c443f
--- /dev/null
@@ -0,0 +1,477 @@
+
+@import 'variables';
+@import 'mixins';
+
+
+html {
+       background: $body-background;
+}
+
+
+/* Links */
+
+a {
+       color: $link;
+
+       &:hover,
+       &:active,
+       &:focus {
+               color: $link-focus;
+       }
+}
+
+#rightnow a:hover,
+#media-upload a.del-link:hover,
+div.dashboard-widget-submit input:hover,
+.subsubsub a:hover,
+.subsubsub a.current:hover,
+.ui-tabs-nav a:hover {
+       color: $link-focus;
+}
+
+
+/* Forms */
+
+input[type=checkbox]:checked:before {
+    color: $form-checked;
+}
+
+input[type=radio]:checked:before {
+    background: $form-checked;
+}
+
+.wp-core-ui input[type="reset"]:hover,
+.wp-core-ui input[type="reset"]:active {
+       color: $link-focus;
+}
+
+
+/* Core UI */
+
+.wp-core-ui {
+       .button-primary {
+               @include button( $button-color );
+       }
+
+       .wp-ui-primary {
+               color: $text-color;
+               background-color: $base-color;
+       }
+       .wp-ui-text-primary {
+               color: $base-color;
+       }
+
+       .wp-ui-highlight {
+               color: $menu-highlight-text;
+               background-color: $menu-highlight-background;
+       }
+       .wp-ui-text-highlight {
+               color: $menu-highlight-background;
+       }
+
+       .wp-ui-notification {
+               color: $menu-bubble-text;
+               background-color: $menu-bubble-background;
+       }
+       .wp-ui-text-notification {
+               color: $menu-bubble-background;
+       }
+
+       .wp-ui-text-icon {
+               color: $menu-icon;
+       }
+}
+
+
+/* List tables */
+
+.wrap .add-new-h2:hover,
+#add-new-comment a:hover,
+.tablenav .tablenav-pages a:hover,
+.tablenav .tablenav-pages a:focus {
+       color: $menu-text;
+       background-color: $menu-background;
+}
+
+.view-switch a.current:before {
+       color: $menu-background;
+}
+
+.view-switch a:hover:before {
+       color: $menu-bubble-background;
+}
+
+.post-com-count:hover:after {
+       border-top-color: $menu-background;
+}
+.post-com-count:hover span {
+       color: $menu-text;
+       background-color: $menu-background;
+}
+
+strong .post-com-count:after {
+       border-top-color: $menu-bubble-background;
+}
+strong .post-com-count span {
+       background-color: $menu-bubble-background;
+}
+
+
+/* Admin Menu */
+
+#adminmenuback,
+#adminmenuwrap,
+#adminmenu {
+       background: $menu-background;
+}
+
+#adminmenu a {
+       color: $menu-text;
+}
+
+#adminmenu div.wp-menu-image:before {
+       color: $menu-icon;
+}
+
+#adminmenu a:hover,
+#adminmenu li.menu-top:hover,
+#adminmenu li.opensub > a.menu-top,
+#adminmenu li > a.menu-top:focus {
+       color: $menu-highlight-text;
+       background-color: $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: $menu-highlight-icon;
+}
+
+
+/* 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 {
+       border-bottom-color: $body-background;
+}
+
+
+/* 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: $menu-submenu-background;
+}
+
+#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
+       border-right-color: $menu-submenu-background;
+}
+
+#adminmenu .wp-submenu .wp-submenu-head {
+       color: $menu-submenu-text;
+}
+
+#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: $menu-submenu-text;
+
+       &:focus, &:hover {
+               color: $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: $menu-submenu-current-text;
+
+       &:hover, &:focus {
+               color: $menu-submenu-focus-text;
+       }
+}
+
+ul#adminmenu a.wp-has-current-submenu:after,
+ul#adminmenu > li.current > a.current:after {
+    border-right-color: $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: $menu-current-text;
+       background: $menu-current-background;
+}
+
+#adminmenu li.wp-has-current-submenu div.wp-menu-image:before {
+       color: $menu-current-icon;
+}
+
+
+/* Admin Menu: bubble */
+
+#adminmenu .awaiting-mod,
+#adminmenu .update-plugins {
+       color: $menu-bubble-text;
+       background: $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: $menu-bubble-current-text;
+       background: $menu-bubble-current-background;
+}
+
+
+/* Admin Menu: collapse button */
+
+#collapse-menu {
+    color: $menu-collapse-text;
+}
+
+#collapse-menu:hover {
+    color: $menu-collapse-focus-text;
+}
+
+#collapse-button div:after {
+    color: $menu-collapse-icon;
+}
+
+#collapse-menu:hover #collapse-button div:after {
+    color: $menu-collapse-focus-icon;
+}
+
+
+/* Admin Bar */
+
+#wpadminbar {
+       color: $menu-text;
+       background: $menu-background;
+}
+
+#wpadminbar .ab-item,
+#wpadminbar a.ab-item,
+#wpadminbar > #wp-toolbar span.ab-label,
+#wpadminbar > #wp-toolbar span.noticon {
+       color: $menu-text;
+}
+
+#wpadminbar .ab-icon,
+#wpadminbar .ab-icon:before,
+#wpadminbar .ab-item:before,
+#wpadminbar .ab-item:after {
+       color: $menu-icon;
+}
+
+#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: $menu-submenu-focus-text;
+       background: $menu-submenu-background;
+}
+
+#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: $menu-submenu-focus-text;
+}
+
+#wpadminbar li:hover .ab-icon:before,
+#wpadminbar li:hover .ab-item:before,
+#wpadminbar li:hover .ab-item:after,
+#wpadminbar li:hover #adminbarsearch:before {
+       color: $menu-highlight-icon;
+}
+
+
+/* Admin Bar: submenu */
+
+#wpadminbar .menupop .ab-sub-wrapper {
+       background: $menu-submenu-background;
+}
+
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary,
+#wpadminbar .quicklinks .menupop ul.ab-sub-secondary .ab-submenu {
+       background: $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: $menu-submenu-text;
+}
+
+#wpadminbar .quicklinks li .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:before {
+       color: $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 .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: $menu-submenu-focus-text;
+}
+
+#wpadminbar .quicklinks li a:hover .blavatar,
+#wpadminbar .menupop .menupop > .ab-item:hover:before {
+       color: $menu-submenu-focus-text;
+}
+
+
+/* Admin Bar: search */
+
+#wpadminbar #adminbarsearch:before {
+       color: $menu-icon;
+}
+
+#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
+       color: $menu-text;
+       background: $adminbar-input-background;
+}
+
+#wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: $menu-text; opacity: .7; }
+#wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: $menu-text; opacity: .7; }
+#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: $menu-text; opacity: .7; }
+#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: $menu-text; opacity: .7; }
+
+
+/* Admin Bar: my account */
+
+#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+       border-color: $adminbar-avatar-frame;
+       background-color: $adminbar-avatar-frame;
+}
+
+#wpadminbar #wp-admin-bar-user-info .display-name {
+       color: $menu-text;
+}
+
+#wpadminbar #wp-admin-bar-user-info a:hover .display-name {
+       color: $menu-submenu-focus-text;
+}
+
+#wpadminbar #wp-admin-bar-user-info .username {
+       color: $menu-submenu-text;
+}
+
+
+/* Pointers */
+
+.wp-pointer .wp-pointer-content h3 {
+       background-color: $highlight-color;
+}
+
+.wp-pointer .wp-pointer-content h3:before {
+       color: $highlight-color;
+}
+
+.wp-pointer.wp-pointer-top .wp-pointer-arrow,
+.wp-pointer.wp-pointer-undefined .wp-pointer-arrow {
+       border-bottom-color: $highlight-color;
+}
+
+
+/* Media Uploader */
+
+.media-item .bar,
+.media-progress-bar div {
+       background-color: $highlight-color;
+}
+
+.details.attachment {
+       box-shadow: 0 0 0 1px #fff, 0 0 0 5px $highlight-color;
+}
+
+.attachment.details .check {
+       background-color: $highlight-color;
+       box-shadow: 0 0 0 1px #fff, 0 0 0 2px $highlight-color;
+}
+
+
+/* Themes */
+
+.theme-browser .theme.active .theme-name,
+.theme-browser .theme.add-new-theme:hover:after {
+       background: $highlight-color;
+}
+
+.theme-browser .theme.add-new-theme:hover span:after {
+       color: $highlight-color;
+}
+
+.theme-overlay .theme-header .close:hover,
+.theme-overlay .theme-header .right:hover,
+.theme-overlay .theme-header .left:hover {
+       background: $highlight-color;
+}
+
+/* jQuery UI Slider */
+
+.wp-slider .ui-slider-handle,
+.wp-slider .ui-slider-handle.ui-state-hover,
+.wp-slider .ui-slider-handle.focus {
+       background: $button-color;
+       border-color: darken( $button-color, 10% );
+       -webkit-box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
+       box-shadow: inset 0 1px 0 lighten( $button-color, 15% ), 0 1px 0 rgba(0,0,0,.15);
+}
+
+/* Thickbox: Plugin information */
+
+#sidemenu a.current {
+       background: $body-background;
+       border-bottom-color: $body-background;
+}
+
+#plugin-information .action-button {
+       background: $button-color;
+}
+
+/* Responsive Component */
+
+div#wp-responsive-toggle a:before {
+       color: $menu-icon;
+}
+
+.wp-responsive-open div#wp-responsive-toggle a {
+       // ToDo: make inset border
+       border-color: transparent;
+       background: $menu-highlight-background;
+}
+
+.star-rating .star {
+       color: $highlight-color;
+}
+
+.wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle a {
+       background: $menu-submenu-background;
+}