WordPress/wp-admin/css/colors-fresh.css
Mark Jaquith 52c46736df Improve the UX of the Nav Menus screen. Kill the tabs, and change to a
dropdown, unless you have zero or one menus (which is the most common),
in which case you jump right into editing your sole menu.

Do assignment to location using checkboxes in the main menu editing
section instead of the backwards menu => location assignment in a
random meta box.

More to come, but this gets us started.

props lessbloat, DrewAPicture, jkudish. see #23119

git-svn-id: http://core.svn.wordpress.org/trunk@23441 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2013-02-16 04:53:59 +00:00

2004 lines
36 KiB
CSS

/*------------------------------------------------------------------------------
Howdy! This is the CSS file that controls the
Gray (fresh) color style on the WordPress Dashboard.
This file contains both LTR and RTL styles.
TABLE OF CONTENTS:
------------------
1.0 - Left to Right Styles
2.0 - Right to Left Styles
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
1.0 - Left to Right Styles
------------------------------------------------------------------------------*/
.find-box-search,
.find-box-buttons {
background-color: #f7f7f7;
border-top: 1px solid #ddd;
}
.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: #333;
}
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;
}
#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: #dfdfdf;
background-color: #f9f9f9;
}
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: #fff;
}
ul.category-tabs li.tabs {
border-color: #dfdfdf #dfdfdf #fff;
}
ul.category-tabs li.tabs,
ul.add-menu-item-tabs li.tabs,
.wp-tab-active {
background-color: #fff;
}
kbd,
code {
background: #eaeaea;
}
textarea,
input[type="text"],
input[type="password"],
input[type="file"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="url"],
select {
border-color: #dfdfdf;
}
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="file"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus {
border-color: #aaa;
}
input.disabled,
textarea.disabled {
background-color: #ccc;
}
#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,
.widefat thead tr th,
.widefat tfoot tr th,
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 {
background: #f1f1f1;
}
.widget .widget-top,
.postbox h3,
.stuffbox h3 {
border-bottom-color: #dfdfdf;
}
.form-table th,
.form-wrap label {
color: #222;
}
.description,
.form-wrap p {
color: #666;
}
strong .post-com-count span {
background-color: #21759b;
}
.sorthelper {
background-color: #ccf3fa;
}
.ac_match,
.subsubsub a.current {
color: #000;
}
.wrap h2 {
color: #464646;
}
.wrap .add-new-h2,
.wrap .add-new-h2:active {
background: #f1f1f1;
}
.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: #fcfcfc;
}
.available-theme a.screenshot {
background-color: #f1f1f1;
border-color: #ddd;
}
#current-theme {
border-bottom-color: #dfdfdf;
}
.bar {
background-color: #e8e8e8;
border-right-color: #99d;
}
#media-upload,
#media-upload .media-item .slidetoggle {
background: #fff;
}
#media-upload .slidetoggle {
border-top-color: #dfdfdf;
}
div.error,
.login #login_error {
background-color: #ffebe8;
border-color: #c00;
}
div.error a {
color: #c00;
}
.form-invalid {
background-color: #ffebe8 !important;
}
.form-invalid input,
.form-invalid select {
border-color: #c00 !important;
}
.submit,
#commentsdiv #add-new-comment {
border-color: #dfdfdf;
}
.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: #d54e21;
}
.quicktags, .search {
background-color: #ccc;
color: #000;
}
.side-info h5 {
border-bottom-color: #dadada;
}
.side-info ul {
color: #666;
}
a:hover,
a:active {
color: #d54e21;
}
a:focus {
color: #124964;
}
#adminmenu a:hover,
#adminmenu li.menu-top > a:focus,
#adminmenu .wp-submenu a:hover,
#the-comment-list .comment 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,
.plugins .inactive a:hover,
#all-plugins-table .plugins .inactive a:hover,
#search-plugins-table .plugins .inactive a:hover {
color: #d54e21;
}
#the-comment-list .comment-item,
#dashboard-widgets #dashboard_quick_press form p.submit {
border-color: #dfdfdf;
}
#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;
}
#dashboard_right_now .table_content,
#dashboard_right_now .table_discussion {
border-top-color: #ececec;
}
.submitbox .submit {
background-color: #464646;
color: #ccc;
}
.plugins a.delete:hover,
#all-plugins-table .plugins a.delete:hover,
#search-plugins-table .plugins a.delete:hover,
.submitbox .submitdelete {
color: #f00;
border-bottom-color: #f00;
}
.submitbox .submitdelete:hover,
#media-items a.delete:hover,
#media-items a.delete-permanently:hover,
#nav-menu-footer .menu-delete:hover {
color: #fff;
background-color: #f00;
border-bottom-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: #21759b;
}
.tablenav .next:hover,
.tablenav .prev:hover {
border-color: transparent;
color: #d54e21;
}
div.updated,
.login .message {
background-color: #ffffe0;
border-color: #e6db55;
}
.update-message {
color: #000;
}
a.page-numbers {
border-bottom-color: #b8d3e2;
}
.commentlist li {
border-bottom-color: #ccc;
}
.widefat td,
.widefat th {
border-top-color: #fff;
border-bottom-color: #dfdfdf;
}
.widefat td {
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.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,
#adminmenu 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 {
color: #21759b;
}
#adminmenu .awaiting-mod,
#adminmenu .update-plugins,
#sidemenu a .update-plugins,
#rightnow .reallynow {
background-color: #464646;
color: #fff;
}
#plugin-information .action-button {
background-color: #d54e21;
color: #fff;
}
#adminmenu li.current a .awaiting-mod,
#adminmenu li a.wp-has-current-submenu .update-plugins{
background-color: #464646;
color: #fff;
}
div#media-upload-header,
div#plugin-information-header {
background-color: #f9f9f9;
border-bottom-color: #dfdfdf;
}
#currenttheme img {
border-color: #666;
}
#dashboard_secondary div.dashboard-widget-content ul li a {
background-color: #f9f9f9;
}
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;
}
.login #nav a,
.login #backtoblog a {
color: #21759b !important;
}
.login #nav a:hover,
.login #backtoblog a:hover {
color: #d54e21 !important;
}
#wpfooter {
color: #777;
border-color: #dfdfdf;
}
.imgedit-group,
#media-items .media-item,
.media-item .describe {
border-color: #dfdfdf;
}
.checkbox,
.side-info,
.plugins tr,
#your-profile #rich_editing {
background-color: #fcfcfc;
}
.plugins .inactive,
.plugins .inactive th,
.plugins .inactive td,
tr.inactive + tr.plugin-update-tr .plugin-update {
background-color: #f4f4f4;
}
.plugin-update-tr .update-message {
background-color: #fffbe4;
border-color: #dfdfdf;
}
.plugins .active,
.plugins .active th,
.plugins .active td {
color: #000;
}
.plugins .inactive a {
color: #579;
}
#the-comment-list tr.undo,
#the-comment-list div.undo {
background-color: #f4f4f4;
}
#the-comment-list .unapproved {
background-color: #ffffe0;
}
#the-comment-list .approve a {
color: #006505;
}
#the-comment-list .unapprove a {
color: #d98500;
}
table.widefat span.delete a,
table.widefat span.trash a,
table.widefat span.spam a,
#dashboard_recent_comments .delete a,
#dashboard_recent_comments .trash a,
#dashboard_recent_comments .spam a {
color: #bc0b0b;
}
.welcome-panel {
background: #f5f5f5;
border-color: #dfdfdf;
}
.welcome-panel p {
color: #777;
}
.welcome-panel-column p {
color: #464646;
}
.widget,
#widget-list .widget-top,
.postbox,
#titlediv,
#poststuff .postarea,
.stuffbox {
border-color: #dfdfdf;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.widget,
#widget-list .widget-top,
.postbox,
.menu-item-settings {
background: #f5f5f5;
}
.postbox h3 {
color: #464646;
}
.widget .widget-top {
color: #222;
}
.js .sidebar-name:hover h3,
.js .postbox h3:hover {
color: #000;
}
.curtime #timestamp {
background-image: url(../images/date-button.gif);
}
#rightnow .youhave {
background-color: #f0f6fb;
}
#rightnow a {
color: #448abd;
}
.tagchecklist span a,
#bulk-titles div a {
background: url(../images/xit.gif) no-repeat;
}
.tagchecklist span a:hover,
#bulk-titles div a:hover {
background: url(../images/xit.gif) no-repeat -10px 0;
}
#update-nag, .update-nag {
background-color: #fffbcc;
border-color: #e6db55;
color: #555;
}
#screen-meta {
background-color: #f1f1f1;
border-color: #ccc;
}
#contextual-help-back {
background: #fff;
}
.contextual-help-tabs a:hover {
color: #333;
}
#contextual-help-back,
.contextual-help-tabs .active {
border-color: #ccc;
}
.contextual-help-tabs .active,
.contextual-help-tabs .active a,
.contextual-help-tabs .active a:hover {
background: #fff;
color: #333;
}
/* screen options and help tabs */
#screen-options-link-wrap,
#contextual-help-link-wrap {
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: #f1f1f1;
}
#screen-meta-links a {
color: #777;
background: transparent url(../images/arrows.png) no-repeat right 4px;
}
#screen-meta-links a:hover,
#screen-meta-links a:active {
color: #333;
background-color: transparent;
}
#screen-meta-links a.screen-meta-active {
background-position: right -31px;
}
/* end screen options and help tabs */
.login #backtoblog a {
color: #464646;
}
#wphead {
border-bottom: #dfdfdf 1px solid;
}
#wphead h1 a {
color: #464646;
}
#wpfooter a:link,
#wpfooter a:visited {
text-decoration: none;
}
#wpfooter a:hover {
text-decoration: underline;
}
.file-error,
abbr.required,
.widget-control-remove:hover,
table.widefat .delete a:hover,
table.widefat .trash a:hover,
table.widefat .spam a:hover,
#dashboard_recent_comments .delete a:hover,
#dashboard_recent_comments .trash a:hover
#dashboard_recent_comments .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 {
border-color: #dfdfdf #ccc #ccc;
background-color: #eaeaea;
}
.editwidget .widget-inside {
border-color: #dfdfdf;
}
#titlediv #title {
background-color: #fff;
}
#tTips p#tTips_inside {
background-color: #ddd;
color: #333;
}
#poststuff .inside .the-tagcloud {
border-color: #ddd;
}
/* menu */
#adminmenuback,
#adminmenuwrap {
background-color: #ececec;
border-color: #ccc;
}
#adminmenushadow,
#adminmenuback {
background-image: url(../images/menu-shadow.png);
background-position: top right;
background-repeat: repeat-y;
}
#adminmenu li.wp-menu-separator {
background: #dfdfdf;
border-color: #cfcfcf;
}
#adminmenu div.separator {
border-color: #e1e1e1;
}
#adminmenu a.menu-top,
#adminmenu .wp-submenu .wp-submenu-head {
border-top-color: #f9f9f9;
border-bottom-color: #dfdfdf;
}
#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: #e4e4e4;
color: #d54e21;
}
#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 {
background: #777;
}
#adminmenu .wp-menu-arrow div {
background: #777;
}
#adminmenu li.wp-not-current-submenu .wp-menu-arrow {
border-top-color: #f9f9f9;
border-bottom-color: #dfdfdf;
background: #e4e4e4;
}
#adminmenu li.wp-not-current-submenu .wp-menu-arrow div {
background: #e4e4e4;
border-color: #ccc;
}
.folded #adminmenu li.menu-top li:hover a {
background-image: none;
}
#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;
border-top-color: #808080;
border-bottom-color: #6d6d6d;
}
.folded #adminmenu li.wp-has-current-submenu,
.folded #adminmenu li.current.menu-top {
border-top-color: #808080;
border-bottom-color: #6d6d6d;
}
#adminmenu .wp-submenu a:hover,
#adminmenu .wp-submenu a:focus {
background-color: #eaf2fa;
color: #333;
}
#adminmenu .wp-submenu li.current,
#adminmenu .wp-submenu li.current a,
#adminmenu .wp-submenu li.current a:hover {
color: #333;
}
#adminmenu .wp-submenu,
.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.folded #adminmenu .wp-has-current-submenu .wp-submenu {
background-color: #fff;
border-color: #dfdfdf;
-webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4);
}
#adminmenu .wp-submenu .wp-submenu-head {
background-color: #e4e4e4;
color: #333;
}
.rtl #adminmenu .wp-submenu,
.rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu {
-webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
}
.rtl #adminmenu .wp-has-current-submenu .wp-submenu {
-webkit-box-shadow: none;
box-shadow: none;
}
.rtl #adminmenu .wp-submenu,
.rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu {
-webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
}
.rtl #adminmenu .wp-has-current-submenu .wp-submenu {
-webkit-box-shadow: none;
box-shadow: none;
}
/* collapse menu button */
#collapse-menu {
color: #aaa;
border-top-color: #f9f9f9;
}
#collapse-menu:hover {
color: #999;
}
#collapse-button {
border-color: #ccc;
background: #f4f4f4;
}
#collapse-menu:hover #collapse-button {
border-color: #aaa;
}
#collapse-button div {
background: transparent url(../images/arrows.png) no-repeat 0 -72px;
}
.folded #collapse-button div {
background-position: 0 -108px;
}
/* Auto-folding of the admin menu */
@media only screen and (max-width: 900px) {
.auto-fold #adminmenu li.wp-has-current-submenu,
.auto-fold #adminmenu li.current.menu-top {
background-color: #777;
}
.auto-fold #adminmenu li.wp-has-current-submenu,
.auto-fold #adminmenu li.current.menu-top {
border-top-color: #808080;
border-bottom-color: #6d6d6d;
}
.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
background-color: #fff;
border-color: #dfdfdf;
}
.auto-fold #collapse-button div {
background-position: 0 -108px;
}
}
/* menu and screen icons */
.icon16,
.icon32,
div.wp-menu-image {
background-color: transparent;
background-repeat: no-repeat;
}
.icon16.icon-dashboard,
.menu-icon-dashboard div.wp-menu-image,
.icon16.icon-post,
.menu-icon-post div.wp-menu-image,
.icon16.icon-media,
.menu-icon-media div.wp-menu-image,
.icon16.icon-links,
.menu-icon-links div.wp-menu-image,
.icon16.icon-page,
.menu-icon-page div.wp-menu-image,
.icon16.icon-comments,
.menu-icon-comments div.wp-menu-image,
.icon16.icon-appearance,
.menu-icon-appearance div.wp-menu-image,
.icon16.icon-plugins,
.menu-icon-plugins div.wp-menu-image,
.icon16.icon-users,
.menu-icon-users div.wp-menu-image,
.icon16.icon-tools,
.menu-icon-tools div.wp-menu-image,
.icon16.icon-settings,
.menu-icon-settings div.wp-menu-image,
.icon16.icon-site,
.menu-icon-site div.wp-menu-image,
.icon16.icon-generic,
.menu-icon-generic div.wp-menu-image {
background-image: url(../images/menu.png?ver=20121105);
}
.icon16.icon-dashboard,
#adminmenu .menu-icon-dashboard div.wp-menu-image {
background-position: -59px -33px;
}
#adminmenu .menu-icon-dashboard:hover div.wp-menu-image,
#adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image,
#adminmenu .menu-icon-dashboard.current div.wp-menu-image {
background-position: -59px -1px;
}
.icon16.icon-post,
#adminmenu .menu-icon-post div.wp-menu-image {
background-position: -269px -33px;
}
#adminmenu .menu-icon-post:hover div.wp-menu-image,
#adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image,
#adminmenu .menu-icon-post.current div.wp-menu-image {
background-position: -269px -1px;
}
.icon16.icon-media,
#adminmenu .menu-icon-media div.wp-menu-image {
background-position: -119px -33px;
}
#adminmenu .menu-icon-media:hover div.wp-menu-image,
#adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image,
#adminmenu .menu-icon-media.current div.wp-menu-image {
background-position: -119px -1px;
}
.icon16.icon-links,
#adminmenu .menu-icon-links div.wp-menu-image {
background-position: -89px -33px;
}
#adminmenu .menu-icon-links:hover div.wp-menu-image,
#adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image,
#adminmenu .menu-icon-links.current div.wp-menu-image {
background-position: -89px -1px;
}
.icon16.icon-page,
#adminmenu .menu-icon-page div.wp-menu-image {
background-position: -149px -33px;
}
#adminmenu .menu-icon-page:hover div.wp-menu-image,
#adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image,
#adminmenu .menu-icon-page.current div.wp-menu-image {
background-position: -149px -1px;
}
.icon16.icon-comments,
#adminmenu .menu-icon-comments div.wp-menu-image {
background-position: -29px -33px;
}
#adminmenu .menu-icon-comments:hover div.wp-menu-image,
#adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image,
#adminmenu .menu-icon-comments.current div.wp-menu-image {
background-position: -29px -1px;
}
.icon16.icon-appearance,
#adminmenu .menu-icon-appearance div.wp-menu-image {
background-position: 1px -33px;
}
#adminmenu .menu-icon-appearance:hover div.wp-menu-image,
#adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image,
#adminmenu .menu-icon-appearance.current div.wp-menu-image {
background-position: 1px -1px;
}
.icon16.icon-plugins,
#adminmenu .menu-icon-plugins div.wp-menu-image {
background-position: -179px -33px;
}
#adminmenu .menu-icon-plugins:hover div.wp-menu-image,
#adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image,
#adminmenu .menu-icon-plugins.current div.wp-menu-image {
background-position: -179px -1px;
}
.icon16.icon-users,
#adminmenu .menu-icon-users div.wp-menu-image {
background-position: -300px -33px;
}
#adminmenu .menu-icon-users:hover div.wp-menu-image,
#adminmenu .menu-icon-users.wp-has-current-submenu div.wp-menu-image,
#adminmenu .menu-icon-users.current div.wp-menu-image {
background-position: -300px -1px;
}
.icon16.icon-tools,
#adminmenu .menu-icon-tools div.wp-menu-image {
background-position: -209px -33px;
}
#adminmenu .menu-icon-tools:hover div.wp-menu-image,
#adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image,
#adminmenu .menu-icon-tools.current div.wp-menu-image {
background-position: -209px -1px;
}
.icon16.icon-settings,
#adminmenu .menu-icon-settings div.wp-menu-image {
background-position: -239px -33px;
}
#adminmenu .menu-icon-settings:hover div.wp-menu-image,
#adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image,
#adminmenu .menu-icon-settings.current div.wp-menu-image {
background-position: -239px -1px;
}
.icon16.icon-site,
#adminmenu .menu-icon-site div.wp-menu-image {
background-position: -359px -33px;
}
#adminmenu .menu-icon-site:hover div.wp-menu-image,
#adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image,
#adminmenu .menu-icon-site.current div.wp-menu-image {
background-position: -359px -1px;
}
.icon16.icon-generic,
#adminmenu .menu-icon-generic div.wp-menu-image {
background-position: -330px -33px;
}
#adminmenu .menu-icon-generic:hover div.wp-menu-image,
#adminmenu .menu-icon-generic.wp-has-current-submenu div.wp-menu-image,
#adminmenu .menu-icon-generic.current div.wp-menu-image {
background-position: -330px -1px;
}
/* end menu and screen icons */
/* Screen Icons */
.icon32.icon-post,
#icon-edit,
#icon-post,
.icon32.icon-dashboard,
#icon-index,
.icon32.icon-media,
#icon-upload,
.icon32.icon-links,
#icon-link-manager,
#icon-link,
#icon-link-category,
.icon32.icon-page,
#icon-edit-pages,
#icon-page,
.icon32.icon-comments,
#icon-edit-comments,
.icon32.icon-appearance,
#icon-themes,
.icon32.icon-plugins,
#icon-plugins,
.icon32.icon-users,
#icon-users,
#icon-profile,
#icon-user-edit,
.icon32.icon-tools,
#icon-tools,
#icon-admin,
.icon32.icon-settings,
#icon-options-general,
.icon32.icon-site,
#icon-ms-admin,
.icon32.icon-generic,
#icon-generic {
background-image: url(../images/icons32.png?ver=20121105);
}
.icon32.icon-post,
#icon-edit,
#icon-post {
background-position: -550px -3px;
}
.icon32.icon-dashboard,
#icon-index {
background-position: -137px -3px;
}
.icon32.icon-media,
#icon-upload {
background-position: -251px -5px;
}
.icon32.icon-links,
#icon-link-manager,
#icon-link,
#icon-link-category {
background-position: -190px -3px;
}
.icon32.icon-page,
#icon-edit-pages,
#icon-page {
background-position: -312px -4px;
}
.icon32.icon-comments,
#icon-edit-comments {
background-position: -71px -3px;
}
.icon32.icon-appearance,
#icon-themes {
background-position: -11px -5px;
}
.icon32.icon-plugins,
#icon-plugins {
background-position: -370px -3px;
}
.icon32.icon-users,
#icon-users,
#icon-profile,
#icon-user-edit {
background-position: -600px -4px;
}
.icon32.icon-tools,
#icon-tools,
#icon-admin {
background-position: -432px -4px;
}
.icon32.icon-settings,
#icon-options-general {
background-position: -492px -4px;
}
.icon32.icon-site,
#icon-ms-admin {
background-position: -659px -4px;
}
.icon32.icon-generic,
#icon-generic {
background-position: -708px -4px;
}
/* end screen icons */
/* Diff */
table.diff .diff-deletedline {
background-color: #fdd;
}
table.diff .diff-deletedline del {
background-color: #f99;
}
table.diff .diff-addedline {
background-color: #dfd;
}
table.diff .diff-addedline ins {
background-color: #9f9;
}
#att-info {
background-color: #e4f2Fd;
}
/* edit image */
#sidemenu a {
background-color: #f9f9f9;
border-color: #f9f9f9;
border-bottom-color: #dfdfdf;
}
#sidemenu a.current {
background-color: #fff;
border-color: #dfdfdf #dfdfdf #fff;
color: #d54e21;
}
#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 .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: 1px solid #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: #d54e21;
}
.js .meta-box-sortables .postbox:hover .handlediv {
background: transparent url(../images/arrows.png) no-repeat 6px 7px;
}
.tablenav .tablenav-pages {
color: #555;
}
.tablenav .tablenav-pages a {
border-color: #e3e3e3;
background: #eee;
}
.tablenav .tablenav-pages a:hover,
.tablenav .tablenav-pages a:focus {
color: #d54e21;
}
.tablenav .tablenav-pages a.disabled,
.tablenav .tablenav-pages a.disabled:hover,
.tablenav .tablenav-pages a.disabled:focus {
color: #aaa;
}
.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 {
border-top-color: #fff;
border-bottom-color: #dfdfdf;
}
#minor-publishing {
border-bottom-color: #dfdfdf;
}
#post-body .misc-pub-section {
border-left-color: #eee;
}
.post-com-count span {
background-color: #bbb;
}
.form-table .color-palette td {
border-color: #fff;
}
.sortable-placeholder {
border-color: #bbb;
background-color: #f5f5f5;
}
#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 #view-switch-list,
.view-switch #view-switch-excerpt {
background-color: transparent;
background-image: url('../images/list.png');
background-repeat: no-repeat;
}
.view-switch #view-switch-list {
background-position: 0 0;
}
.view-switch .current #view-switch-list {
background-position: -40px 0;
}
.view-switch #view-switch-excerpt {
background-position: -20px 0;
}
.view-switch .current #view-switch-excerpt {
background-position: -60px 0;
}
#header-logo {
background: transparent url(../images/wp-logo.png?ver=20110504) no-repeat scroll center center;
}
.popular-tags,
.feature-filter {
background-color: #fff;
border-color: #dfdfdf;
}
div.widgets-sortables,
#widgets-left .inactive,
#available-widgets .widget-holder {
background-color: #fcfcfc;
border-color: #dfdfdf;
}
#available-widgets .widget-description {
color: #555;
}
.sidebar-name {
color: #464646;
border-color: #dfdfdf;
}
.js .sidebar-name:hover,
.js #removing-widget {
color: #d54e21;
}
#removing-widget span {
color: black;
}
.js .sidebar-name-arrow {
background: transparent url(../images/arrows.png) no-repeat 5px 9px;
}
.js .sidebar-name:hover .sidebar-name-arrow {
background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
}
.in-widget-title {
color: #606060;
}
.deleting .widget-title * {
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;
}
#dashboard_recent_comments div.undo {
border-top-color: #dfdfdf;
}
.comment-ays,
.comment-ays th {
border-color: #ddd;
}
.comment-ays th {
background-color: #f1f1f1;
}
/* added from nav-menu.css */
#menu-management .menu-edit {
border-color: #dfdfdf;
}
#post-body {
background: #fff;
border-top-color: #fff;
border-bottom-color: #dfdfdf;
}
#nav-menu-header {
border-bottom-color: #dfdfdf;
}
#nav-menu-footer {
border-top-color: #fff;
}
#menu-management .nav-tabs-arrow a {
color: #c1c1c1;
}
#menu-management .nav-tabs-arrow a:hover {
color: #d54e21;
}
#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: #999;
}
.item-controls .menu-item-delete:hover {
color: #f00;
}
.nav-menus-php .item-edit {
background: transparent url(../images/arrows.png) no-repeat 8px 10px;
border-bottom-color: #eee;
}
.nav-menus-php .item-edit:hover {
background: transparent url(../images/arrows-dark.png) no-repeat 8px 10px;
}
.menu-item-settings { /* Menu editing */
border-color: #dfdfdf;
}
.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: #21759b;
border-bottom-color: #21759b;
}
.submitbox .submitcancel:hover {
background: #21759b;
color: #fff;
}
.manage-menus {
border: 1px solid #eeeeee;
background: #fbfbfb;
}
.menu-settings {
border-top: 1px solid #eeeeee;
}
.theme-location-set {
color: #999999;
}
.nav-menus-php .delete-action a {
color: #bc0b0b;
}
.is-submenu {
color: #999999;
}
/* end added from nav-menu.css */
.nav-tab {
border-color: #dfdfdf #dfdfdf #fff;
}
.nav-tab:hover,
.nav-tab-active {
border-color: #ccc #ccc #fff;
}
h2.nav-tab-wrapper, h3.nav-tab-wrapper {
border-bottom-color: #ccc;
}
#menu-management .nav-tab-active {
background: #f1f1f1;
border-bottom-color: #f1f1f1;
}
#upload-form label {
color: #777;
}
/* Begin About Pages */
.about-wrap h1 {
color: #333;
}
.about-text {
color: #777;
}
.wp-badge {
color: #fff;
text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3);
}
.about-wrap h2 .nav-tab {
color: #21759b;
}
.about-wrap h2 .nav-tab:hover {
color: #d54e21;
}
.about-wrap h2 .nav-tab-active,
.about-wrap h2 .nav-tab-active:hover {
color: #333;
}
.about-wrap h2 .nav-tab-active {
color: #464646;
}
.about-wrap h3 {
color: #333;
}
.about-wrap .feature-section h4 {
color: #464646;
}
.about-wrap .feature-section img {
background: #fff;
border: 1px #ccc solid;
}
.about-wrap .point-releases {
border-bottom: 1px solid #dfdfdf;
}
.about-wrap .point-releases h3 {
border-top: 1px solid #dfdfdf;
}
.about-wrap .point-releases h3:first-child {
border: 0;
}
.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 */
/*------------------------------------------------------------------------------
2.0 - Right to Left Styles
------------------------------------------------------------------------------*/
.rtl .bar {
border-right-color: transparent;
border-left-color: #99d;
}
.rtl #screen-meta-links a.show-settings {
background-position: left 3px;
}
.rtl #screen-meta-links a.show-settings.screen-meta-active {
background-position: left -33px;
}
/* Menu */
.rtl #adminmenushadow,
.rtl #adminmenuback {
background-image: url(../images/menu-shadow-rtl.png);
background-position: top left;
}
.rtl #adminmenu .wp-submenu .wp-submenu-head {
border-right-color: transparent;
border-left-color: #dfdfdf;
}
/* Collapse Menu Button */
.rtl #collapse-button div {
background-position: 0 -108px;
}
.rtl.folded #collapse-button div {
background-position: 0 -72px;
}
/* Auto-folding of the admin menu for RTL */
@media only screen and (max-width: 900px) {
.rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
.rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
-webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
}
.rtl.auto-fold #collapse-button div {
background-position: 0 -72px;
}
}
/* Edit Image */
.js.rtl .meta-box-sortables .postbox:hover .handlediv {
background: transparent url(../images/arrows.png) no-repeat 6px 7px;
}
.rtl #post-body .misc-pub-section {
border-right-color: transparent;
border-left-color: #eee;
}
.js.rtl .sidebar-name-arrow {
background: transparent url(../images/arrows.png) no-repeat 5px 9px;
}
.js.rtl .sidebar-name:hover .sidebar-name-arrow {
background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px;
}
/**
* HiDPI Displays
*/
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
.curtime #timestamp {
background-image: url("../images/date-button-2x.gif?ver=20120916");
background-size: 16px auto;
}
.tagchecklist span a,
#bulk-titles div a,
.tagchecklist span a:hover,
#bulk-titles div a:hover {
background-image: url("../images/xit-2x.gif?ver=20120916");
background-size: 20px auto;
}
#screen-meta-links a.show-settings,
#screen-meta-links a.show-settings.screen-meta-active,
#adminmenu .wp-has-submenu:hover .wp-menu-toggle,
#adminmenu .wp-menu-open .wp-menu-toggle,
#collapse-button div,
.nav-menus-php .item-edit,
.js .meta-box-sortables .postbox:hover .handlediv,
.sidebar-name-arrow,
.rtl #adminmenu .wp-has-submenu:hover .wp-menu-toggle,
.rtl #adminmenu .wp-menu-open .wp-menu-toggle,
.js.rtl .meta-box-sortables .postbox:hover .handlediv,
.rtl .sidebar-name-arrow {
background-image: url("../images/arrows-2x.png?ver=20120916");
background-size: 15px 123px;
}
#adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
#adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
.sidebar-name:hover .sidebar-name-arrow,
.nav-menus-php .item-edit:hover,
.rtl #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle,
.rtl #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle,
.rtl .sidebar-name:hover .sidebar-name-arrow {
background-image: url("../images/arrows-dark-2x.png?ver=20120916");
background-size: 15px 123px;
}
.view-switch #view-switch-list,
.view-switch #view-switch-excerpt {
background-image: url("../images/list-2x.png?ver=20120916");
background-size: 80px 20px;
}
.icon32.icon-post,
#icon-edit,
#icon-post,
.icon32.icon-dashboard,
#icon-index,
.icon32.icon-media,
#icon-upload,
.icon32.icon-links,
#icon-link-manager,
#icon-link,
#icon-link-category,
.icon32.icon-page,
#icon-edit-pages,
#icon-page,
.icon32.icon-comments,
#icon-edit-comments,
.icon32.icon-appearance,
#icon-themes,
.icon32.icon-plugins,
#icon-plugins,
.icon32.icon-users,
#icon-users,
#icon-profile,
#icon-user-edit,
.icon32.icon-tools,
#icon-tools,
#icon-admin,
.icon32.icon-settings,
#icon-options-general,
.icon32.icon-site,
#icon-ms-admin,
.icon32.icon-generic,
#icon-generic {
background-image: url(../images/icons32-2x.png?ver=20121105);
background-size: 756px 45px;
}
.icon16.icon-dashboard,
.menu-icon-dashboard div.wp-menu-image,
.icon16.icon-post,
.menu-icon-post div.wp-menu-image,
.icon16.icon-media,
.menu-icon-media div.wp-menu-image,
.icon16.icon-links,
.menu-icon-links div.wp-menu-image,
.icon16.icon-page,
.menu-icon-page div.wp-menu-image,
.icon16.icon-comments,
.menu-icon-comments div.wp-menu-image,
.icon16.icon-appearance,
.menu-icon-appearance div.wp-menu-image,
.icon16.icon-plugins,
.menu-icon-plugins div.wp-menu-image,
.icon16.icon-users,
.menu-icon-users div.wp-menu-image,
.icon16.icon-tools,
.menu-icon-tools div.wp-menu-image,
.icon16.icon-settings,
.menu-icon-settings div.wp-menu-image,
.icon16.icon-site,
.menu-icon-site div.wp-menu-image,
.icon16.icon-generic,
.menu-icon-generic div.wp-menu-image {
background-image: url('../images/menu-2x.png?ver=20121105');
background-size: 390px 64px;
}
#header-logo {
background-image: url('../images/wp-logo-2x.png?ver=20120916');
background-size: 16px auto;
}
}