WordPress/wp-admin/css/colors-rtl.css
Matt Thomas 68b7f94042 A small adjustment to the page background color per yesterday's conversation with nacin, from #eee to #f3f3f3. This retains enough contrast with white widget containers while making for a more comfortable reading experiences on pages that heavily use the default background color, like the About page. A few adjustments to go along with it:
- Horizontal rules on the About page are lighter, to match their previous level of contrast with #eee
- Eliminated the .flush-top class on <hr>s on the About page since we want the styles applied to all About page <hr>s.
- Color schemes should match the bottom border of active tabs to the scheme's body-background variable.
- Lighten the comment background color on the Dashboard activity widget to keep adequate contrast with the new lighter body background.

See #25858.


Built from https://develop.svn.wordpress.org/trunk@26788


git-svn-id: http://core.svn.wordpress.org/trunk@26675 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-12-08 04:12:11 +00:00

2038 lines
36 KiB
CSS

/*------------------------------------------------------------------------------
Howdy! This is the CSS file that controls the
fresh color style on the WordPress Dashboard.
TABLE OF CONTENTS:
------------------
1.0 - General
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
1.0 - General
------------------------------------------------------------------------------*/
html {
background: #f3f3f3;
}
/* Checkbooms */
input[type=checkbox],
input[type=radio] {
background: #fff;
border-color: #bbb;
color: #555;
-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}
input[type=checkbox]:checked:before {
color: #1e8cbe;
}
input[type=radio]:checked:before {
background-color: #1e8cbe;
}
.wp-core-ui input[type="reset"]:hover,
.wp-core-ui input[type="reset"]:active {
color: #2ea2cc;
}
/* Helper classes for plugins to leverage the active WordPress color scheme */
.wp-ui-primary {
color: #fff;
background-color: #333;
}
.wp-ui-text-primary {
color: #333;
}
.wp-ui-highlight {
color: white;
background-color: #1e8cbe;
}
.wp-ui-text-highlight {
color: #1e8cbe;
}
.wp-ui-notification {
color: #fff;
background-color: #D54E21;
}
.wp-ui-text-notification {
color: #D54E21;
}
.wp-ui-text-icon {
color: #999;
}
#adminmenu .wp-has-current-submenu .wp-submenu,
.no-js li.wp-has-current-submenu:hover .wp-submenu,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu {
background-color: #333;
}
#adminmenu .wp-has-current-submenu .wp-submenu a,
.no-js li.wp-has-current-submenu:hover .wp-submenu a,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open a,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a {
color: #bbb;
}
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus,
#adminmenu .wp-has-current-submenu .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu a:focus,
#adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open a:hover,
#adminmenu .wp-has-current-submenu .wp-submenu.sub-open a:focus,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:hover,
#adminmenu .wp-has-current-submenu.opensub .wp-submenu a:focus,
.no-js li.wp-has-current-submenu:hover .wp-submenu a:hover,
.no-js li.wp-has-current-submenu:hover .wp-submenu a:focus,
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:hover,
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a:focus,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:hover,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a:focus {
background: none;
color: #2ea2cc;
}
ul#adminmenu a.wp-has-current-submenu:after,
ul#adminmenu > li.current > a.current:after {
border-left-color: #f3f3f3;
}
.row-actions {
color: #ddd;
}
.find-box-search,
.find-box-buttons {
background-color: #f7f7f7;
border-top: 1px solid #dfdfdf;
}
.find-box {
background-color: #444;
}
.find-box-head {
color: #eee;
}
.find-box-inside {
background-color: #fff;
}
a.page-numbers:hover {
border-color: #999;
}
body,
#wpbody,
.form-table .pre,
.ui-autocomplete li a {
color: #444;
}
body > #upload-menu {
border-bottom-color: #fff;
}
#postcustomstuff table,
#your-profile fieldset,
#rightnow,
div.dashboard-widget,
#dashboard-widgets p.dashboard-widget-links {
border-color: #ccc;
}
#dashboard-widgets h4 {
color: #222;
}
#poststuff .inside label.spam,
#poststuff .inside label.deleted {
color: red;
}
#poststuff .inside label.waiting {
color: orange;
}
#poststuff .inside label.approved {
color: green;
}
#postcustomstuff table {
border-color: #dfdfdf;
background-color: #f9f9f9;
}
#postcustomstuff thead th {
background-color: #f1f1f1;
}
table.widefat {
border-color: #fff;
background-color: #fff;
}
th .comment-grey-bubble:before {
color: #444;
}
.sorting-indicator:before {
color: #444;
}
div.dashboard-widget-error {
background-color: #c43;
}
div.dashboard-widget-notice {
background-color: #cfe1ef;
}
div.dashboard-widget-submit {
border-top-color: #ccc;
}
ul.category-tabs li {
border-color: transparent;
}
div.tabs-panel,
.wp-tab-panel,
ul.add-menu-item-tabs li.tabs,
.wp-tab-active {
border-color: #dfdfdf;
background-color: #fdfdfd;
}
ul.category-tabs li.tabs {
border-color: #dfdfdf #dfdfdf #fdfdfd;
}
ul.category-tabs li.tabs,
ul.add-menu-item-tabs li.tabs,
.wp-tab-active {
background-color: #fdfdfd;
}
kbd,
code {
background: #eaeaea;
background: rgba(0,0,0,0.07);
}
textarea,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
.titlewrap input,
select {
border-color: #ddd;
box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
select:focus,
#widgets-left .widget-in-question .widget-top,
#available-widgets .widget-top:hover,
#widgets-right .widget-top:hover,
#widgets-left .widget-top:hover,
.menu-item-bar .menu-item-handle:hover {
border-color: #999;
}
input:disabled,
input.disabled,
textarea:disabled,
textarea.disabled {
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.04);
box-shadow: inset 0 1px 2px rgba(0,0,0,0.04);
border-color: rgba(222, 222, 222, .75);
background: rgba(255, 255, 255, .5);
color: rgba(51, 51, 51, .5);
}
#plugin-information .action-button a,
#plugin-information .action-button a:hover,
#plugin-information .action-button a:visited {
color: #fff;
}
/*
.widget .widget-top,
.postbox h3,
.stuffbox h3,
.control-section .accordion-section-title,
h3.dashboard-widget-title,
h3.dashboard-widget-title span,
h3.dashboard-widget-title small,
.sidebar-name,
#nav-menu-header,
#nav-menu-footer,
.menu-item-handle,
.checkbox,
.side-info,
.widefat thead th,
.widefat tfoot th {
background: #fcfcfc;
border-top: none;
border-bottom: 1px solid #e1e1e1;
}
*/
.accordion-section-content {
border-right: none;
border-left: none;
}
/*
.js .control-section:hover .accordion-section-title,
.js .control-section .accordion-section-title:hover,
.js .control-section.open .accordion-section-title,
.js .control-section .accordion-section-title:focus {
background: #0074a2;
border-color: #0074a2 !important;
}
*/
.widefat tfoot th {
border-bottom: none;
border-top: 1px solid #e1e1e1;
}
.widefat thead th {
border-bottom: 1px solid #e1e1e1;
}
.form-table th,
.form-wrap label {
color: #222;
}
.form-table.editcomment td {
border-bottom: none;
}
.description,
.form-wrap p {
color: #666;
}
strong .post-com-count span {
background-color: #0074a2;
}
.post-com-count:after { /* draw bubble connector using CSS! */
border-top: 5px solid #bbbbbb;
border-left: 5px solid transparent;
}
strong .post-com-count:after {
border-top: 5px solid #0076a0;
}
.post-com-count:hover:after {
border-top: 5px solid #2ea2cc;
}
.sorthelper {
background-color: #ccf3fa;
}
.ac_match,
.subsubsub a.current {
color: #000;
}
h2,
h3 {
color: #222;
}
.wrap .add-new-h2,
.wrap .add-new-h2:active,
#add-new-comment a {
background: #e0e0e0;
}
.wrap .add-new-h2:hover,
#add-new-comment a:hover {
background: #2ea2cc;
color: #fff;
}
.subtitle {
color: #777;
}
.ac_over {
background-color: #f0f0b8;
}
.ac_results {
background-color: #fff;
border-color: #808080;
}
.ac_results li {
color: #101010;
}
.alternate,
.alt {
background-color: #f9f9f9;
}
.available-theme a.screenshot {
background-color: #fff;
border-color: #ccc;
}
#current-theme {
border-bottom-color: #dfdfdf;
}
.bar {
background-color: #e8e8e8;
border-left-color: #99d;
}
.form-invalid {
background-color: #ffebe8 !important;
}
.form-invalid input,
.form-invalid select {
border-color: #c00 !important;
}
.submit,
#commentsdiv #add-new-comment {
border: none;
}
.highlight {
background-color: #e4f2fd;
color: #000;
}
.howto,
.nonessential,
#edit-slug-box,
.form-input-tip,
.subsubsub {
color: #666;
}
.media-upload-form label.form-help,
td.help {
color: #9a9a9a;
}
.ui-autocomplete {
border-color: #aaa;
background-color: #efefef;
}
.ui-autocomplete li a.ui-state-focus {
background-color: #ddd;
}
.post-com-count {
color: #fff;
}
.post-com-count span {
background-color: #bbb;
color: #fff;
}
.post-com-count:hover span {
background-color: #2ea2cc;
}
.quicktags, .search {
background-color: #ccc;
color: #000;
}
.side-info h5 {
border-bottom-color: #dadada;
}
.side-info ul {
color: #666;
}
a:hover,
a:active {
color: #2ea2cc;
}
a:focus {
color: #124964;
}
#adminmenu a:hover,
#adminmenu li.menu-top > a:focus,
#adminmenu .wp-submenu a:hover,
#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: #2ea2cc;
}
#the-comment-list .comment-item {
border: none;
}
#side-sortables .category-tabs .tabs a,
#side-sortables .add-menu-item-tabs .tabs a,
.wp-tab-bar .wp-tab-active a {
color: #333;
}
#rightnow .rbutton {
background-color: #ebebeb;
color: #264761;
}
p.submit {
border-top-color: #dfdfdf;
}
.submitbox .submit {
background-color: #464646;
color: #ccc;
}
table.widefat span.delete a,
table.widefat span.trash a,
table.widefat span.spam a,
.plugins a.delete,
#all-plugins-table .plugins a.delete,
#search-plugins-table .plugins a.delete,
.submitbox .submitdelete,
#media-items a.delete,
#media-items a.delete-permanently,
#nav-menu-footer .menu-delete {
color: #a00;
}
table.widefat span.delete a:hover,
table.widefat span.trash a:hover,
table.widefat span.spam a:hover,
.plugins a.delete:hover,
#all-plugins-table .plugins a.delete:hover,
#search-plugins-table .plugins a.delete:hover,
.submitbox .submitdelete:hover,
#media-items a.delete:hover,
#media-items a.delete-permanently:hover,
#nav-menu-footer .menu-delete:hover {
color: #f00;
}
#normal-sortables .submitbox .submitdelete:hover {
color: #000;
background-color: #f00;
border-bottom-color: #f00;
}
.tablenav .dots {
border-color: transparent;
}
.tablenav .next,
.tablenav .prev {
border-color: transparent;
color: #0074a2;
}
.tablenav .next:hover,
.tablenav .prev:hover {
border-color: transparent;
color: #2ea2cc;
}
div.updated,
.login .message,
.press-this #message {
background-color: #fff;
border-right: 4px solid #7ad03a;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
}
#update-nag,
.update-nag {
background-color: #fff;
border-right: 4px solid #ffba00;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
}
div.error,
.login #login_error {
background: #fff;
border-right: 4px solid #dd3d36;
-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
}
.update-message {
color: #000;
}
a.page-numbers {
border-bottom-color: #b8d3e2;
}
.commentlist li {
border-bottom-color: #ccc;
}
.widefat td,
.widefat th {
color: #555;
}
.widefat p,
.widefat ol,
.widefat ul {
color: #333;
}
.widefat thead tr th,
.widefat tfoot tr th,
h3.dashboard-widget-title,
h3.dashboard-widget-title span,
h3.dashboard-widget-title small {
color: #333;
}
th.manage-column a,
th.sortable a:hover,
th.sortable a:active,
th.sortable a:focus {
color: #333;
}
th.sortable a:focus {
background: #e1e1e1;
}
h3.dashboard-widget-title small a {
color: #d7d7d7;
}
h3.dashboard-widget-title small a:hover {
color: #fff;
}
a,
#the-comment-list p.comment-author strong a,
#media-upload a.del-link,
#media-items a.delete,
#media-items a.delete-permanently,
.plugins a.delete,
.ui-tabs-nav a,
.plugins .inactive a {
color: #0074a2;
-webkit-transition-property: border, background, color;
-moz-transition-property: border, background, color;
transition-property: border, background, color;
-webkit-transition-duration: .05s;
-moz-transition-duration: .05s;
transition-duration: .05s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.wp-list-table a,
.media-router a {
-moz-transition: none;
-webkit-transition: none;
transition: none;
}
#adminmenu a {
color: #eee;
}
#adminmenu .awaiting-mod,
#adminmenu .update-plugins,
#sidemenu a .update-plugins,
#rightnow .reallynow {
background-color: #d54e21;
color: #fff;
}
#plugin-information .action-button {
background-color: #2ea2cc;
color: #fff;
}
#adminmenu li.current a .awaiting-mod,
#adminmenu li a.wp-has-current-submenu .update-plugins {
background-color: #2ea2cc;
color: #fff;
}
div#media-upload-header,
div#plugin-information-header {
background-color: #f9f9f9;
border-bottom-color: #dfdfdf;
}
#currenttheme img {
border-color: #666;
}
input.readonly, textarea.readonly {
background-color: #ddd;
}
#editable-post-name {
background-color: #fffbcc;
}
#edit-slug-box strong,
.tablenav .displaying-num,
#submitted-on,
.submitted-on {
color: #777;
}
.plugins .inactive a:hover {
color: #2ea2cc;
}
#wpfooter {
color: #777;
border-color: transparent;
}
.imgedit-group,
#media-items .media-item,
.media-item .describe {
border-color: #dfdfdf;
}
.plugins .plugin-description p,
.plugins .plugin-version-author-uri {
color: #333;
}
.plugins .inactive .plugin-title strong {
color: #333;
}
.plugin-update-tr .plugin-update {
border: none;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
}
.plugin-update-tr .update-message {
background-color: #f7f7f7;
background-color: rgba(0,0,0,0.03);
}
tr.active.update + tr.plugin-update-tr .plugin-update .update-message {
background-color: #fcf3ef;
}
.plugin-update-tr .update-message:before {
color: #d54e21;
}
.plugins,
.plugins th,
.plugins td {
color: #000;
}
.plugins .inactive a {
color: #579;
}
.plugins tr {
background: #fff;
}
.plugins .inactive td,
.plugins .inactive th,
.plugins .active td,
.plugins .active th,
.plugin-install #the-list td {
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1);
}
.plugins .update td,
.plugins .update th {
-webkit-box-shadow: none;
box-shadow: none;
}
.plugins .active td,
.plugins .active th,
tr.active + tr.plugin-update-tr .plugin-update {
background-color: #f7fcfe;
}
.plugins .active.update td,
.plugins .active.update th,
tr.active.update + tr.plugin-update-tr .plugin-update,
#activity-widget #the-comment-list .unapproved {
background-color: #fefaf7;
}
.plugins tr.active.plugin-update-tr + tr.inactive th,
.plugins tr.active.plugin-update-tr + tr.inactive td,
.plugins tr.active + tr.inactive th,
.plugins tr.active + tr.inactive td {
border-top: 1px solid rgba(0,0,0,0.03);
-webkit-box-shadow: inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
box-shadow: inset 0px 1px 0 rgba(0,0,0,0.02), inset 0 -1px 0 #e1e1e1;
}
.plugins tr.active + tr.inactive.update th,
.plugins tr.active + tr.inactive.update td {
-webkit-box-shadow: none;
box-shadow: none;
}
.plugins .active th.check-column {
border-right: 4px solid #2ea2cc;
}
.plugins .active.update th.check-column,
.plugins .active.update + .plugin-update-tr .plugin-update {
border-right: 4px solid #d54e21;
}
.post-state-format:before,
.post-format-icon:before {
color: #ddd;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
input[type="radio"]:checked+label:before {
color: #888888;
}
a.post-state-format:hover:before,
a.post-format-icon:hover:before {
color: #2ea2cc;
}
#the-list tr:last-child td,
#the-list tr:last-child th {
border-bottom: none !important;
-webkit-box-shadow: none;
box-shadow: none;
}
#the-comment-list tr.undo,
#the-comment-list div.undo {
background-color: #f4f4f4;
}
#the-comment-list .unapproved th,
#the-comment-list .unapproved td {
background-color: #fefaf7;
}
#the-comment-list .unapproved th.check-column {
border-right: 4px solid #d54e21;
}
#the-comment-list .approve a {
color: #006505;
}
#the-comment-list .unapprove a {
color: #d98500;
}
#the-comment-list th,
#the-comment-list td {
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
#activity-widget #the-comment-list .comment {
-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
}
#the-comment-list tr:last-child th,
#the-comment-list tr:last-child td {
-webkit-box-shadow: none;
box-shadow: none;
}
#the-comment-list tr.unapproved + tr.approved th,
#the-comment-list tr.unapproved + tr.approved td {
border-top: 1px solid rgba(0, 0, 0, 0.03);
}
#activity-widget .comments #the-comment-list .alt {
background-color: transparent;
}
.welcome-panel p {
color: #777;
}
.welcome-panel a {
text-decoration: none;
}
.welcome-panel-column p {
color: #464646;
}
.welcome-panel .welcome-icon:before {
color: #888;
}
.widget-top,
.menu-item-handle,
.menu-item-settings,
.widget-inside,
.postbox,
#menu-settings-column .accordion-container,
#menu-management .menu-edit,
.manage-menus,
table.widefat,
.stuffbox,
p.popular-tags,
.widgets-holder-wrap,
.welcome-panel,
.wp-editor-container,
#post-status-info,
.popular-tags,
.feature-filter,
.imgedit-group {
border: 1px solid #ddd;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
#post-status-info {
border-top: none;
}
.postbox table.widefat {
-webkit-box-shadow: none;
box-shadow: none;
}
.welcome-panel,
.postbox,
table.widefat,
.wp-editor-container,
.stuffbox,
p.popular-tags,
.widgets-holder-wrap,
.popular-tags,
.feature-filter,
.imgedit-group {
background: #fff;
}
.postbox h3,
#namediv h3,
#submitdiv h3 {
border-bottom: 1px solid #eeeeee;
}
.widget .widget-top,
.menu-item-handle {
background: #fafafa;
color: #222;
}
#misc-publishing-actions label[for="post_status"]:before,
#post-body #visibility:before,
.curtime #timestamp:before,
#post-body .misc-pub-revisions:before,
span.wp-media-buttons-icon:before {
color: #888;
}
#rightnow .youhave {
background-color: #f0f6fb;
}
#rightnow a {
color: #448abd;
}
#welcome-panel.welcome-panel .welcome-panel-close::before,
.tagchecklist span a:before,
#bulk-titles div a:before,
.wp-pointer-buttons a.close:before {
background: none;
color: #bbb;
}
#welcome-panel.welcome-panel .welcome-panel-close:hover:before,
.tagchecklist span a:hover:before,
#bulk-titles div a:hover:before,
.wp-pointer-buttons a.close:hover:before {
color: #c00;
}
#screen-meta {
background-color: #fff;
border: 1px solid #ddd;
border-top: none;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.025);
box-shadow: 0 1px 0 rgba(0,0,0,.025);
}
#contextual-help-back {
background: #f6fbfd;
}
.contextual-help-tabs a:hover {
color: #333;
}
#contextual-help-back,
.contextual-help-tabs .active a {
border-color: #e1e1e1;
}
.contextual-help-tabs .active {
border-color: #2ea2cc;
-webkit-box-shadow: 0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
box-shadow: 0px 2px 0 rgba(0,0,0,0.02), 0 1px 0 rgba(0,0,0,0.02);
}
.contextual-help-tabs .active,
.contextual-help-tabs .active a,
.contextual-help-tabs .active a:hover {
background: #f6fbfd;
color: #333;
}
/* screen options and help tabs */
#screen-options-link-wrap,
#contextual-help-link-wrap {
border: 1px solid #ddd;
border-top: none;
background: #fff;
-webkit-box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
box-shadow: 0px 1px 1px -1px rgba(0,0,0,0.1);
}
#screen-meta-links a {
color: #777;
}
#screen-meta-links a:after {
color: #bbb;
}
#screen-meta-links a:hover,
#screen-meta-links a:active {
color: #333;
}
#screen-meta-links a:focus {
border-color: #aaa;
color: #333;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15);
box-shadow: 0 2px 3px rgba(0,0,0,0.15);
}
/* end screen options and help tabs */
#wphead {
border-bottom-color: #dfdfdf;
}
#wphead h1 a {
color: #464646;
}
.file-error,
abbr.required,
.widget-control-remove:hover,
table.widefat .delete a:hover,
table.widefat .trash a:hover,
table.widefat .spam a:hover {
color: #f00;
}
#pass-strength-result {
background-color: #eee;
border-color: #ddd !important;
}
#pass-strength-result.bad {
background-color: #ffb78c;
border-color: #ff853c !important;
}
#pass-strength-result.good {
background-color: #ffec8b;
border-color: #fc0 !important;
}
#pass-strength-result.short {
background-color: #ffa0a0;
border-color: #f04040 !important;
}
#pass-strength-result.strong {
background-color: #c3ff88;
border-color: #8dff1c !important;
}
#post-status-info {
background-color: #f7f7f7;
}
.widget-inside,
.menu-item-settings {
background: #fff;
}
.menu-item-settings {
border-top: none;
}
#titlediv #title {
background-color: #fff;
}
#tTips p#tTips_inside {
background-color: #ddd;
color: #333;
}
#poststuff .inside .the-tagcloud {
border-color: #ddd;
}
/* menu */
#adminmenuback,
#adminmenuwrap,
#adminmenu {
background-color: #222;
}
#adminmenu li.wp-menu-separator {
background: transparent;
border-color: transparent;
}
#adminmenu div.separator {
border-color: transparent;
}
#adminmenu li.wp-menu-open {
border-color: #dfdfdf;
}
#adminmenu li.menu-top:hover,
#adminmenu li.opensub > a.menu-top,
#adminmenu li > a.menu-top:focus {
background-color: #111;
color: #2ea2cc;
}
/* flyout menu arrow */
#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
border-left-color: #333;
}
#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
#adminmenu li.current a.menu-top,
.folded #adminmenu li.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top,
#adminmenu .wp-menu-arrow,
#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head,
#adminmenu .wp-menu-arrow div {
background: #0074a2;
}
#adminmenu li.wp-not-current-submenu .wp-menu-arrow {
border-top-color: #f9f9f9;
border-bottom-color: #dfdfdf;
background: transparent;
}
#adminmenu li.wp-not-current-submenu .wp-menu-arrow div {
background: #111;
border-color: #111;
}
#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 {
color: #fff;
}
.folded #adminmenu li.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top {
border-color: #666; /* Match the background color of the current menu item for a flat appearance */
}
#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;
background: transparent;
}
#adminmenu .wp-submenu,
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
background-color: #333;
-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2);
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
#adminmenu .wp-submenu a,
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu a,
.folded #adminmenu .wp-has-current-submenu .wp-submenu a {
color: #bbb;
}
#adminmenu .wp-submenu .wp-submenu-head {
color: #fff;
}
/* collapse menu button */
#collapse-menu {
color: #aaa;
-webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
#collapse-menu:hover {
color: #2ea2cc;
}
#collapse-button div:after {
color: #aaa;
}
#collapse-menu:hover #collapse-button div:after {
color: #2ea2cc;
}
#adminmenu div.wp-menu-image:before {
color: #999;
}
.icon16:before {
color: #999;
}
#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before {
color: #fff;
}
#adminmenu li:hover div.wp-menu-image:before {
color: #2ea2cc;
}
#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 {
color: #fff;
}
/* Collapse button in theme preview */
.wp-full-overlay a.collapse-sidebar {
color: #777;
}
.wp-full-overlay a.collapse-sidebar:hover {
color: #0074a2;
}
.wp-full-overlay .collapse-sidebar-arrow:before {
background: #eee;
}
/* Diff */
table.diff .diff-deletedline del {
background-color: #f99;
}
.ui-tooltip, .arrow::after {
background-color: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.revisions-meta,
.revisions-diff,
.revisions.pinned .revisions-controls {
background-color: #fff;
box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
table.diff .diff-deletedline {
background-color: #ffe9e9;
}
table.diff .diff-deletedline del {
background-color: #faa;
}
table.diff .diff-addedline {
background-color: #e9ffe9;
}
table.diff .diff-addedline ins {
background-color: #afa;
}
.revisions-tooltip,
.revisions-tooltip-arrow span {
border-color: #d7d7d7;
background-color: #fff;
}
.revisions-tickmarks {
background-color: #fff;
}
.revisions-tickmarks > div {
border-color: #aaa;
}
.revisions.pinned .revisions-controls {
background: #fff;
}
.revisions.pinned .revisions-meta {
box-shadow: none;
}
/* jQuery UI Slider */
.wp-slider.ui-slider {
border-color: #d7d7d7;
}
.wp-slider .ui-slider-handle,
.wp-slider .ui-slider-handle.ui-state-hover,
.wp-slider .ui-slider-handle.focus {
background: #2ea2cc;
border: 1px solid #0074a2;
-webkit-box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
box-shadow: inset 0 1px 0 #78c8e6, 0 1px 0 rgba(0,0,0,.15);
}
.wp-slider .ui-slider-handle:before {
color: #fff;
}
/* edit image */
#sidemenu a {
background-color: #f9f9f9;
border-color: #f9f9f9;
border-bottom-color: #dfdfdf;
}
#sidemenu a.current {
background-color: #eee;
border-color: #dfdfdf #dfdfdf #eee;
color: #000;
}
#replyerror {
border-color: #ddd;
background-color: #f9f9f9;
}
/* table vim shortcuts */
.vim-current,
.vim-current th,
.vim-current td {
background-color: #E4F2FD !important;
}
/* Install Plugins */
#plugin-information {
height: auto;
}
#plugin-information .fyi ul {
background-color: #eaf3fa;
}
#plugin-information .fyi h2.mainheader {
background-color: #cee1ef;
}
#plugin-information pre,
#plugin-information code {
background-color: #ededff;
}
#plugin-information pre {
border-color: #ccc;
}
/* inline editor */
#bulk-titles {
border-color: #ddd;
}
.inline-editor div.title {
background-color: #eaf3fa;
}
.inline-editor ul.cat-checklist {
background-color: #fff;
border-color: #ddd;
}
.inline-editor .quick-edit-save {
background-color: #f1f1f1;
}
fieldset.inline-edit-col-right .inline-edit-col {
border-color: #dfdfdf;
}
.attention {
color: #2ea2cc;
}
.tablenav .tablenav-pages {
color: #555;
}
.tablenav .tablenav-pages a {
background: #eee;
background: rgba( 0, 0, 0, 0.05 );
}
.tablenav .tablenav-pages a:hover,
.tablenav .tablenav-pages a:focus {
color: #fff;
background: #2ea2cc;
}
.tablenav .tablenav-pages a.disabled,
.tablenav .tablenav-pages a.disabled:hover,
.tablenav .tablenav-pages a.disabled:focus {
color: #aaa;
background: #eee;
background: rgba( 0, 0, 0, 0.05 );
}
.tablenav .tablenav-pages .current {
background: #dfdfdf;
border-color: #d3d3d3;
}
#availablethemes,
#availablethemes td {
border-color: #ddd;
}
#current-theme img {
border-color: #999;
}
#TB_window #TB_title a.tb-theme-preview-link,
#TB_window #TB_title a.tb-theme-preview-link:visited {
color: #999;
}
#TB_window #TB_title a.tb-theme-preview-link:hover,
#TB_window #TB_title a.tb-theme-preview-link:focus {
color: #ccc;
}
.misc-pub-section {
}
#minor-publishing {
border-bottom-color: #dfdfdf;
}
#post-body .misc-pub-section {
}
.post-com-count span {
background-color: #bbb;
}
.sortable-placeholder {
border-color: #bbb;
}
#post-body ul.category-tabs li.tabs a,
#post-body ul.add-menu-item-tabs li.tabs a,
body.press-this ul.category-tabs li.tabs a {
color: #333;
}
.view-switch>a:before {
color: #bbb;
}
.view-switch a:hover:before {
color: #727272;
}
.view-switch a.current:before {
color: #0074a2;
}
div.widgets-sortables,
#widgets-left .inactive,
#available-widgets .widget-holder {
background-color: #fff;
border-color: #fff;
}
#widgets-left #available-widgets {
background: transparent;
}
#widgets-left .widgets-holder-wrap {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.sidebar-name {
border-bottom-color: #e1e1e1;
}
.js #removing-widget {
color: #2ea2cc;
}
#removing-widget span {
color: black;
}
.in-widget-title,
#widgets-right .widget-top a.widget-control-edit,
#wp_inactive_widgets .in-widget-title,
#available-widgets .widget-description {
color: #666;
}
#widgets-right .widget-top a.widget-control-edit:hover {
color: #fff;
}
.deleting .widget-title,
.deleting .widget-top a.widget-action:after {
color: #aaa;
}
.imgedit-menu div {
border-color: #d5d5d5;
background-color: #f1f1f1;
}
.imgedit-menu div:hover {
border-color: #c1c1c1;
background-color: #eaeaea;
}
.imgedit-menu div.disabled {
border-color: #ccc;
background-color: #ddd;
filter: alpha(opacity=50);
opacity: 0.5;
}
/* added from nav-menu.css */
#menu-management {
background: #f5f5f5
}
#menu-management #post-body {
background: #fff;
border-top-color: #fff;
border-bottom-color: #dfdfdf;
}
#nav-menu-header {
border-bottom-color: #dfdfdf;
}
#menu-management .nav-tabs-arrow a {
color: #c1c1c1;
}
#menu-management .nav-tabs-arrow a:hover {
color: #2ea2cc;
}
#menu-management .nav-tabs-arrow a:active {
color: #464646;
}
#menu-management .nav-tab-active {
border-color: #dfdfdf;
}
#menu-management .nav-tab {
background: #fbfbfb;
border-color: #dfdfdf;
}
.js .input-with-default-title {
color: #aaa;
}
#cancel-save {
color: #f00;
}
#cancel-save:hover {
background-color: #f00;
color: #fff;
}
.list-container,
.menu-item-handle {
border-color: #dfdfdf;
}
.menu li.deleting .menu-item-handle {
background-color: #f66;
}
.item-type { /* Menu item controls */
color: #777;
}
.item-controls .menu-item-delete:hover {
color: #f00;
}
.widget-action,
.handlediv,
.item-edit,
.sidebar-name-arrow,
.accordion-section-title:after {
color: #aaa;
}
.widget-action:hover,
.handlediv:hover,
.item-edit:hover,
.sidebar-name:hover .sidebar-name-arrow,
.accordion-section-title:hover:after {
color: #777;
}
/* Menu editing */
.link-to-original {
color: #777;
border-color: #dfdfdf;
}
#cancel-save:hover {
color: #fff !important;
}
#update-menu-item {
color: #fff !important;
}
#update-menu-item:hover,
#update-menu-item:active,
#update-menu-item:focus {
color: #eaf2fa !important;
border-color: #13455b !important;
}
.submitbox .submitcancel {
color: #0074a2;
border-bottom-color: #0074a2;
}
.submitbox .submitcancel:hover {
background: #0074a2;
color: #fff;
}
.manage-menus {
background: #fbfbfb;
}
.menu-settings {
border-top-color: #eeeeee;
}
.theme-location-set {
color: #999999;
}
.nav-menus-php .delete-action a {
color: #bc0b0b;
}
.is-submenu {
color: #999999;
}
.nav-tab {
color: #555;
border-color: #ccc;
background: #e4e4e4;
}
.nav-tab:hover {
background-color: #fff;
color: #464646;
}
.nav-tab-active {
color: #464646;
}
.nav-tab-active,
.nav-tab-active:hover {
color: #000;
background: none;
border-color: #ccc;
border-bottom-color: #f3f3f3;
}
h2.nav-tab-wrapper, h3.nav-tab-wrapper {
border-bottom-color: #ccc;
}
#upload-form label {
color: #777;
}
/* Begin About Pages */
.about-wrap h1 {
color: #333;
}
.about-text {
color: #777;
}
.wp-badge {
background-color: #0074a2;
color: #78c8e6;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}
.about-wrap h2 .nav-tab-active {
border-color: #ccc;
border-bottom-color: #f3f3f3;
}
.about-wrap h2,
.about-wrap h3,
.about-wrap h4 {
color: #222;
}
.about-wrap .feature-section .col-2:before,
.about-wrap .feature-section .col-2:after,
.about-wrap .feature-section.two-col p:before {
color: #1e8cbe;
}
.about-wrap .point-releases {
border-bottom: 1px solid #dfdfdf;
}
.about-wrap .point-releases h3 {
border-top-color: #dfdfdf;
}
.about-wrap li.wp-person img.gravatar {
border-color: #ccc;
}
.about-wrap li.wp-person .title {
color: #464646;
}
.freedoms-php .about-wrap ol li {
color: #999;
}
.freedoms-php .about-wrap ol p {
color: #464646;
}
/* End About Pages */
/* Press This and Image editing icons */
.pressthis a span:before {
color:#777;
}
.imgedit-menu div {
color:#777;
}
.imgedit-menu div:hover {
color:#333;
}
/* End Press This and Image editing icons */
/* Media Manager */
.media-modal-content {
background: #fcfcfc;
box-shadow: 0 5px 15px rgba(0,0,0,0.7);
}
.media-menu {
background: #f3f3f3;
border-left-color: #ccc;
}
.media-menu > a {
color: #0074a2;
}
.media-menu .active,
.media-menu .active:hover {
color: #222;
}
.media-frame-content {
background: #fff;
border-top-color: #ddd;
border-bottom-color: #ddd;
}
.media-menu .separator {
border-top-color: #ddd;
border-bottom: none;
}
.media-sidebar {
background: #f3f3f3;
border-color: #ddd;
}
.media-router .active,
.media-router > a.active:last-child {
background: #fff;
border: 1px solid #ddd;
border-bottom: none;
}
.details.attachment {
box-shadow: 0 0 0 1px #fff, 0 0 0 5px #1e8cbe;
}
.attachment .check {
background: #eee;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px rgba( 0, 0, 0, 0.4 );
}
.attachment.details .check {
background-color: #1e8cbe;
box-shadow: 0 0 0 1px #fff, 0 0 0 2px #1e8cbe;
}
/* TinyMCE modal */
.clearlooks2 {
box-shadow: 0 5px 15px rgba(0,0,0,0.7);
}
.clearlooks2 .mceMiddle span,
.clearlooks2 .mceMiddle .mceLeft,
.clearlooks2 .mceMiddle .mceRight,
.clearlooks2 .mceBottom,
.clearlooks2 .mceBottom .mceLeft,
.clearlooks2 .mceBottom .mceCenter,
.clearlooks2 .mceBottom .mceRight {
background-color: #fcfcfc;
}
.clearlooks2 .mceTop span,
.clearlooks2 .mceFocus .mceTop span {
color: #222;
}
.clearlooks2 .mceClose:before {
color: #999;
}
.clearlooks2 .mceClose:hover:before {
color: #2ea2cc;
}
/* Lightbox */
.sticky-menu #TB_window {
background: #f1f1f1;
}
/* tinymce */
a .mceIcon, .mceAction {
color:#777;
}
a .mceIcon:hover {
color:#333;
}
/* Log in page */
.login form .input,
.login input[type="text"],
.login form input[type="checkbox"] {
background: #fbfbfb;
}
.login form {
background: #fff;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.13);
box-shadow: 0 1px 3px rgba(0,0,0,0.13);
}
body.login {
background: #f3f3f3;
}
.login #nav a,
.login #backtoblog a {
text-decoration: none;
color: #999;
}
.login #nav a:hover,
.login #backtoblog a:hover {
color: #2ea2cc;
}
.login h1 a:hover {
color: #2ea2cc;
}
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
.curtime #timestamp,
#screen-meta-links a.show-settings,
.widget-top a.widget-action,
.widget-top a.widget-action:hover,
.sidebar-name-arrow,
.sidebar-name:hover .sidebar-name-arrow,
.meta-box-sortables .postbox:hover .handlediv,
.tagchecklist span a,
#bulk-titles div a,
.tagchecklist span a:hover,
#bulk-titles div a:hover,
.wp_themeSkin .mceToolbar span.mce_undo,
.wp_themeSkin .mceToolbar span.mce_redo,
.wp_themeSkin .mceToolbar span.mce_bullist,
.wp_themeSkin .mceToolbar span.mce_numlist,
.wp_themeSkin .mceToolbar span.mce_blockquote,
.wp_themeSkin .mceToolbar span.mce_charmap,
.wp_themeSkin .mceToolbar span.mce_bold,
.wp_themeSkin .mceToolbar span.mce_italic,
.wp_themeSkin .mceToolbar span.mce_underline,
.wp_themeSkin .mceToolbar span.mce_justifyleft,
.wp_themeSkin .mceToolbar span.mce_justifyright,
.wp_themeSkin .mceToolbar span.mce_justifycenter,
.wp_themeSkin .mceToolbar span.mce_justifyfull,
.wp_themeSkin .mceToolbar span.mce_indent,
.wp_themeSkin .mceToolbar span.mce_outdent,
.wp_themeSkin .mceToolbar span.mce_link,
.wp_themeSkin .mceToolbar span.mce_unlink,
.wp_themeSkin .mceToolbar span.mce_help,
.wp_themeSkin .mceToolbar span.mce_removeformat,
.wp_themeSkin .mceToolbar span.mce_fullscreen,
.wp_themeSkin .mceToolbar span.mce_wp_fullscreen,
.wp_themeSkin .mceToolbar span.mce_media,
.wp_themeSkin .mceToolbar span.mce_pastetext,
.wp_themeSkin .mceToolbar span.mce_pasteword,
.wp_themeSkin .mceToolbar span.mce_wp_help,
.wp_themeSkin .mceToolbar span.mce_wp_adv,
.wp_themeSkin .mceToolbar span.mce_wp_more,
.wp_themeSkin .mceToolbar span.mce_strikethrough,
.wp_themeSkin .mceToolbar span.mce_spellchecker,
.wp_themeSkin .mceToolbar span.mce_forecolor,
.wp_themeSkin .mceToolbar .mce_forecolorpicker,
.wp_themeSkin .mceToolbar .mceSplitButton .mce_spellchecker span.mce_spellchecker,
.wp_themeSkin .mceToolbar .mceSplitButton .mce_forecolor span.mce_forecolor,
.wp_themeSkin .mceToolbar .mceSplitButton span.mce_numlist,
.wp_themeSkin .mceToolbar .mceSplitButton span.mce_bullist {
background: none !important;
}
}