Index: src/wp-admin/css/colors/_admin.scss =================================================================== --- src/wp-admin/css/colors/_admin.scss (revision 27100) +++ src/wp-admin/css/colors/_admin.scss (working copy) @@ -20,12 +20,10 @@ } } -#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 { +.subsubsub a.current:hover { color: $link-focus; } Index: src/wp-admin/css/colors/blue/colors.scss =================================================================== --- src/wp-admin/css/colors/blue/colors.scss (revision 27100) +++ src/wp-admin/css/colors/blue/colors.scss (working copy) @@ -8,5 +8,4 @@ $menu-submenu-focus-text: #fff; $menu-submenu-background: #4796b3; -@import "../../colors.css"; @import "../_admin.scss"; Index: src/wp-admin/css/colors/coffee/colors.scss =================================================================== --- src/wp-admin/css/colors/coffee/colors.scss (revision 27100) +++ src/wp-admin/css/colors/coffee/colors.scss (working copy) @@ -4,5 +4,4 @@ $form-checked: $base-color; -@import "../../colors.css"; @import "../_admin.scss"; Index: src/wp-admin/css/colors/ectoplasm/colors.scss =================================================================== --- src/wp-admin/css/colors/ectoplasm/colors.scss (revision 27100) +++ src/wp-admin/css/colors/ectoplasm/colors.scss (working copy) @@ -5,5 +5,4 @@ $form-checked: $base-color; -@import "../../colors.css"; @import "../_admin.scss"; Index: src/wp-admin/css/colors/light/colors.scss =================================================================== --- src/wp-admin/css/colors/light/colors.scss (revision 27100) +++ src/wp-admin/css/colors/light/colors.scss (working copy) @@ -17,7 +17,6 @@ $menu-collapse-text: #777; $menu-collapse-focus-icon: #555; -@import "../../colors.css"; @import "../_admin.scss"; /* temporary fix for admin-bar hover color */ Index: src/wp-admin/css/colors/midnight/colors.scss =================================================================== --- src/wp-admin/css/colors/midnight/colors.scss (revision 27100) +++ src/wp-admin/css/colors/midnight/colors.scss (working copy) @@ -2,5 +2,4 @@ $highlight-color: #e14d43; $notification-color: #69a8bb; -@import "../../colors.css"; @import "../_admin.scss"; Index: src/wp-admin/css/colors/ocean/colors.scss =================================================================== --- src/wp-admin/css/colors/ocean/colors.scss (revision 27100) +++ src/wp-admin/css/colors/ocean/colors.scss (working copy) @@ -5,5 +5,4 @@ $form-checked: $base-color; -@import "../../colors.css"; @import "../_admin.scss"; Index: src/wp-admin/css/colors/sunrise/colors.scss =================================================================== --- src/wp-admin/css/colors/sunrise/colors.scss (revision 27100) +++ src/wp-admin/css/colors/sunrise/colors.scss (working copy) @@ -3,5 +3,4 @@ $notification-color: #ccaf0b; $menu-submenu-focus-text: lighten( $highlight-color, 35% ); -@import "../../colors.css"; @import "../_admin.scss"; Index: src/wp-admin/css/colors.css =================================================================== --- src/wp-admin/css/colors.css (revision 27100) +++ src/wp-admin/css/colors.css (working copy) @@ -1,1980 +0,0 @@ -/*------------------------------------------------------------------------------ - -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: #f1f1f1; -} - -/* 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-right-color: #f1f1f1; -} - -.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-left: none; - border-right: 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-right: 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 { - background: #e0e0e0; -} - -.wrap .add-new-h2: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-right-color: #99d; -} - -.form-invalid { - background-color: #ffebe8 !important; -} - -.form-invalid input, -.form-invalid select { - border-color: #c00 !important; -} - -.submit { - 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-left: 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-left: 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-left: 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, -.upgrade .plugins td, -.upgrade .plugins th { - -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, -.upgrade .plugins tr:last-of-type td, -.upgrade .plugins tr:last-of-type 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-left: 4px solid #2ea2cc; -} - -.plugins .active.update th.check-column, -.plugins .active.update + .plugin-update-tr .plugin-update { - border-left: 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-left: 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 #e5e5e5; - -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); - box-shadow: 0 1px 1px rgba(0,0,0,0.04); -} - -#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-right-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: #f1f1f1; - border-color: #dfdfdf #dfdfdf #f1f1f1; - 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: #f1f1f1; -} - -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: #f1f1f1; -} - -.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 */ - -/* 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: #f1f1f1; -} - -.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; - } -} Index: src/wp-admin/css/wp-admin.css =================================================================== --- src/wp-admin/css/wp-admin.css (revision 27100) +++ src/wp-admin/css/wp-admin.css (working copy) @@ -85,6 +85,7 @@ #adminmenu, #adminmenu .wp-submenu { width: 160px; + background-color: #222; } #adminmenuback { @@ -242,6 +243,46 @@ display: none; } +/* Large chunks of shared color, from the colors.css merge */ +.widget-top, +.menu-item-handle, +.widget-inside, +#menu-settings-column .accordion-container, +#menu-management .menu-edit, +.manage-menus, +table.widefat, +.stuffbox, +p.popular-tags, +.widgets-holder-wrap, +.wp-editor-container, +.popular-tags, +.feature-filter, +.imgedit-group { + border: 1px solid #e5e5e5; + -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); + box-shadow: 0 1px 1px rgba(0,0,0,0.04); +} + +table.widefat, +.wp-editor-container, +.stuffbox, +p.popular-tags, +.widgets-holder-wrap, +.popular-tags, +.feature-filter, +.imgedit-group { + background: #fff; +} + +input[type="radio"]:checked + label:before, +#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; +} + /* include margin and padding in the width calculation of input and textarea */ input, input[type="text"], @@ -259,8 +300,9 @@ input[type="checkbox"], input[type="radio"] { - border-width: 1px; - border-style: solid; + border: 1px solid #bbb; + background: #fff; + color: #555; clear: none; cursor: pointer; display: inline-block; @@ -276,8 +318,15 @@ -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; + -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); } +.wp-core-ui input[type="reset"]:hover, +.wp-core-ui input[type="reset"]:active { + color: #2ea2cc; +} + td > input[type="checkbox"], .wp-admin p input[type=checkbox], .wp-admin p input[type=radio] { @@ -298,6 +347,17 @@ line-height: 10px; } +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); +} + input[type=checkbox]:disabled, input[type=radio]:disabled, input[type=checkbox]:disabled:checked:before, @@ -320,6 +380,7 @@ input[type=checkbox]:checked:before { content: '\f147'; margin: -3px 0 0 -4px; + color: #1e8cbe; } input[type=radio]:checked:before { @@ -331,8 +392,13 @@ height: 6px; margin: 4px; line-height: 16px; + background-color: #1e8cbe; } +input.readonly, textarea.readonly { + background-color: #ddd; +} + @-moz-document url-prefix() { input[type=checkbox], input[type=radio], @@ -363,7 +429,12 @@ padding: 0; } +html { + background: #f1f1f1; +} + body { + color: #444; font-family: "Open Sans", sans-serif; font-size: 13px; line-height: 1.4em; @@ -376,7 +447,7 @@ } body.login { - background: #fbfbfb; + background: #f1f1f1; min-width: 0; } @@ -418,6 +489,19 @@ line-height: 1.4; } +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; +} + a, input[type="text"], input[type="password"], @@ -435,6 +519,15 @@ padding: 3px 0; } +a:hover, +a:active { + color: #2ea2cc; +} + +a:focus { + color: #124964; +} + a:focus, a:active { outline: thin dotted; @@ -501,12 +594,14 @@ } h2 { + color: #222; font-size: 1.5em; margin: .83em 0; font-weight: 400; } h3 { + color: #222; font-size: 1.3em; margin: 1em 0; } @@ -584,6 +679,8 @@ code { padding: 3px 5px 2px 5px; margin: 0 1px; + background: #eaeaea; + background: rgba(0,0,0,0.07); font-size: 13px; } @@ -593,6 +690,7 @@ padding: 0; font-size: 13px; float: left; + color: #666; } .subsubsub a { @@ -619,34 +717,6 @@ white-space: nowrap; } -textarea, -input[type="text"], -input[type="password"], -input[type="email"], -input[type="number"], -input[type="search"], -input[type="tel"], -input[type="url"], -select, -.tablenav-pages span.current, -#titlediv #title, -#postcustomstuff table, -#postcustomstuff input, -#postcustomstuff textarea, -.imgedit-menu div, -.plugin-update-tr .update-message, -#poststuff .inside .the-tagcloud, -.nav-menus-php .list-container, -.menu-item-handle, -.link-to-original, -.nav-menus-php .major-publishing-actions .form-invalid, -#TB_window, -.tbtitle, -.highlight { - border-width: 1px; - border-style: solid; -} - /* .widefat - main style for tables */ .widefat { border-spacing: 0; @@ -667,7 +737,13 @@ .widefat th { padding: 8px 10px; } + +.widefat thead th { + border-bottom: 1px solid #e1e1e1; +} + .widefat tfoot th { + border-top: 1px solid #e1e1e1; border-bottom: none; } @@ -801,19 +877,31 @@ div.updated, .login .message, .press-this #message { - border: none; + border-left: 4px solid #7ad03a; padding: 1px 12px; + background-color: #fff; + + -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 { - border: none; + border-left: 4px solid #dd3d36; + background: #fff; + + -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 { padding: 1px 12px; } +.attention { + color: #2ea2cc; +} + .wrap h2, .subtitle { font-weight: normal; @@ -828,6 +916,7 @@ } .subtitle { + color: #777; font-size: 14px; padding-left: 25px; } @@ -841,16 +930,21 @@ text-decoration: none; border: none; border-radius: 2px; + background: #e0e0e0; text-shadow: none; font-weight: 600; font-size: 13px; } +.wrap .add-new-h2:hover { + background: #2ea2cc; + color: #fff; +} + .wrap h2.long-header { padding-right: 0; } -html, .wp-dialog { background-color: #fff; } @@ -864,6 +958,8 @@ input[type="tel"], input[type="url"], select { + border: 1px solid #ddd; + box-shadow: inset 0 1px 2px rgba(0,0,0,0.07); background-color: #fff; color: #333; } @@ -890,7 +986,9 @@ .widgets-chooser ul, #widgets-left .widget-in-question .widget-top, #available-widgets .widget-top:hover, -div#widgets-right .widget-top:hover { +div#widgets-right .widget-top:hover, +#widgets-left .widget-top:hover { + border-color: #999; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); } @@ -904,6 +1002,78 @@ color: #a9a9a9; } +.sorthelper { + background-color: #ccf3fa; +} + +.ac_match, +.subsubsub a.current { + color: #000; +} + +.alternate, +.alt { + background-color: #f9f9f9; +} + +.bar { + background-color: #e8e8e8; + border-right-color: #99d; +} + +.form-invalid { + background-color: #ffebe8 !important; +} + +.form-invalid input, +.form-invalid select { + border-color: #c00 !important; +} + +.form-input-tip { + color: #666; +} + +.media-upload-form label.form-help, +td.help { + color: #9a9a9a; +} + +/* Helper classes for plugins to leverage the active WordPress color scheme */ + +.highlight { + background-color: #e4f2fd; + color: #000; +} + +.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; +} + /*------------------------------------------------------------------------------ 1.0 - Text Styles ------------------------------------------------------------------------------*/ @@ -927,8 +1097,22 @@ line-height: 1.4em; } +.widget .widget-top, +.menu-item-handle { + background: #fafafa; + color: #222; +} + +.postbox h3, +#namediv h3, +#submitdiv h3 { + border-bottom: 1px solid #eee; +} + .quicktags, .search { + background-color: #ccc; + color: #000; font-size: 12px; } @@ -947,6 +1131,7 @@ /* New Menu icons */ .icon16:before { + color: #999; font: normal 20px/1 'dashicons'; speak: none; padding: 6px 0; @@ -1071,6 +1256,7 @@ } .howto { + color: #666; font-style: italic; display: block; } @@ -1122,6 +1308,7 @@ -webkit-border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; + border: none; } form p.submit a.cancel:hover { @@ -1147,12 +1334,25 @@ padding-top: 0; } -table.widefat span.delete a:hover, -table.widefat span.trash a:hover, -table.widefat span.spam a:hover, -#dashboard_recent_comments .delete a:hover, -#dashboard_recent_comments .trash a:hover, -#dashboard_recent_comments .spam a:hover, +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; +} + +abbr.required, +.file-error, +.widget-control-remove:hover, +table.widefat .delete a:hover, +table.widefat .trash a:hover, +table.widefat .spam a:hover, .plugins a.delete:hover, #all-plugins-table .plugins a.delete:hover, #search-plugins-table .plugins a.delete:hover, @@ -1160,6 +1360,7 @@ #media-items a.delete:hover, #media-items a.delete-permanently:hover, #nav-menu-footer .menu-delete:hover { + color: #f00; text-decoration: none; border: none; } @@ -1224,6 +1425,10 @@ margin-left: 1em; } +#upload-form label { + color: #777; +} + label, #your-profile label + a { vertical-align: middle; @@ -1256,8 +1461,8 @@ } #pass-strength-result { - border-style: solid; - border-width: 1px; + background-color: #eee; + border: 1px solid #ddd; float: left; margin: 13px 5px 5px 1px; padding: 3px 5px; @@ -1265,6 +1470,27 @@ width: 200px; display: none; } + +#pass-strength-result.short { + background-color: #ffa0a0; + border-color: #f04040; +} + +#pass-strength-result.bad { + background-color: #ffb78c; + border-color: #ff853c; +} + +#pass-strength-result.good { + background-color: #ffec8b; + border-color: #fc0; +} + +#pass-strength-result.strong { + background-color: #c3ff88; + border-color: #8dff1c; +} + .indicator-hint { padding-top: 8px; } @@ -1308,8 +1534,8 @@ z-index: 10000; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; - border-width: 1px; - border-style: solid; + border: 1px solid #aaa; + background-color: #efefef; } .ui-autocomplete li { @@ -1322,9 +1548,11 @@ display: block; height: 100%; padding: 4px 10px; + color: #444; } .ui-autocomplete li a.ui-state-focus { + background-color: #ddd; cursor: pointer; } @@ -1364,14 +1592,6 @@ padding: 6px 10px 8px; } -.misc-pub-section:first-child { - border-top-width: 0; -} - -.misc-pub-section-last { - border-bottom-width: 0; -} - #minor-publishing-actions { padding: 10px 10px 0 10px; text-align: right; @@ -1399,14 +1619,14 @@ padding-bottom: 7px; font-size: 14px; margin: 12px 2px 5px; - border-bottom-width: 1px; - border-bottom-style: solid; + border-bottom: 1px solid #dadada; } .side-info ul { margin: 0; padding-left: 18px; list-style: square; + color: #666; } .approve, @@ -1438,15 +1658,15 @@ font-size: 14px; text-align: left; margin: 25px 20px 0 2px; -} + background-color: #fff; + border-left: 4px solid #ffba00; -.plugins .plugin-update { - padding: 0; + -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); } -.plugin-update .update-message { - margin: 0 10px 8px 31px; - font-weight: 600; +.update-message { + color: #000; } ul#dismissed-updates { @@ -1533,6 +1753,11 @@ display: none; margin: 0 20px -1px 0px; position: relative; + 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); } #screen-options-link-wrap, @@ -1540,6 +1765,11 @@ float: right; height: 28px; margin: 0 0 0 6px; + 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 .screen-meta-toggle { @@ -1547,6 +1777,22 @@ top: 0; } +#screen-meta-links a { + color: #777; +} + +#screen-meta-links a:hover, +#screen-meta-links a:active, +#screen-meta-links a:focus { + color: #333; +} + +#screen-meta-links a:focus { + border-color: #aaa; + -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15); + box-shadow: 0 2px 3px rgba(0,0,0,0.15); +} + #screen-meta-links a.show-settings { display: block; font-size: 13px; @@ -1569,6 +1815,7 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; + color: #bbb; } #screen-meta-links a.screen-meta-active:after { @@ -1640,8 +1887,10 @@ bottom: 0; left: 150px; right: 170px; - border-width: 0 1px; - border-style: solid; + border: 1px solid #e1e1e1; + border-top: none; + border-bottom: none; + background: #f6fbfd; } #contextual-help-wrap.no-sidebar #contextual-help-back { @@ -1675,18 +1924,30 @@ padding: 5px 5px 5px 12px; line-height: 18px; text-decoration: none; - border-style: solid; - border-width: 1px 0 1px 0; - border-color: transparent; + border: 1px solid transparent; + border-right: none; + border-left: none; } +.contextual-help-tabs a:hover { + color: #333; +} + .contextual-help-tabs .active { padding: 0; margin: 0 -1px 0 0; - border-width: 0 0 0 2px; - border-style: solid; + border-left: 2px solid #2ea2cc; + background: #f6fbfd; + + -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 a { + border-color: #e1e1e1; + color: #333; +} + .contextual-help-tabs-wrap { padding: 0 20px; overflow: auto; @@ -1741,8 +2002,15 @@ display: block; line-height: 18px; padding: 2px 5px; + color: #eee; } +#adminmenu a:hover, +#adminmenu li.menu-top > a:focus, +#adminmenu .wp-submenu a:hover { + color: #2ea2cc; +} + #adminmenu li.menu-top { border: none; min-height: 34px; @@ -1763,8 +2031,18 @@ .folded #adminmenu .wp-has-current-submenu .wp-submenu { padding: 7px 0 8px; z-index: 9999; + 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; +} + .js #adminmenu .sub-open, .js #adminmenu .opensub .wp-submenu, #adminmenu a.menu-top:focus + .wp-submenu, @@ -1787,8 +2065,20 @@ margin-top: 0; -webkit-box-shadow: none; box-shadow: none; + background-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; + color: #fff; +} + .folded #adminmenu .wp-submenu.sub-open, .folded #adminmenu .opensub .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open, @@ -1819,6 +2109,15 @@ padding: 6px 0; } +#adminmenu .wp-submenu li.current, +#adminmenu .wp-submenu li.current a, +#adminmenu .opensub .wp-submenu li.current a, +#adminmenu a.wp-has-current-submenu:focus + .wp-submenu li.current a, +#adminmenu .wp-submenu li.current a:hover, +#adminmenu .wp-submenu li.current a:focus { + color: #fff; +} + #adminmenu .wp-not-current-submenu li > a, .folded #adminmenu .wp-has-current-submenu li > a { padding-right: 16px; @@ -1895,6 +2194,22 @@ transition: all .1s ease-in-out; } +#adminmenu div.wp-menu-image:before { + color: #999; +} + +#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before, +#adminmenu .wp-has-current-submenu div.wp-menu-image:before, +#adminmenu .current div.wp-menu-image:before, +#adminmenu a.wp-has-current-submenu:hover div.wp-menu-image:before, +#adminmenu a.current:hover div.wp-menu-image:before { + color: #fff; +} + +#adminmenu li:hover div.wp-menu-image:before { + color: #2ea2cc; +} + .folded #adminmenu div.wp-menu-image { width: 35px; height: 30px; @@ -1939,13 +2254,13 @@ ul#adminmenu a.wp-has-current-submenu:after, ul#adminmenu > li.current > a.current:after { right: 0; - border: solid transparent; + border: solid 8px transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; - border-width: 8px; + border-right-color: #f1f1f1; top: 50%; margin-top: -8px; } @@ -1980,11 +2295,16 @@ top: 18px; } +#adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { + border-right-color: #333; +} + /* ensure that wp-submenu's box shadow doesn't appear on top of the focused menu item's background. */ #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { position: relative; + background-color: #111; } .folded #adminmenu li.menu-top:hover, @@ -2000,22 +2320,20 @@ } #adminmenu li.wp-menu-separator { - height: 3px; + height: 5px; padding: 0; margin: 0 0 6px 0; - border-width: 1px 0; - border-style: solid; cursor: inherit; } +/* @todo: is this even needed given that it's nested beneath the above li.wp-menu-separator? */ #adminmenu div.separator { - height: 1px; + height: 2px; padding: 0; - border-width: 1px 0 0 0; - border-style: solid; } #adminmenu .wp-submenu .wp-submenu-head { + color: #fff; font-weight: 400; font-size: 14px; padding: 8px 4px 8px 11px; @@ -2031,6 +2349,8 @@ #adminmenu span.update-plugins, #sidemenu li a span.update-plugins { display: inline-block; + background-color: #d54e21; + color: #fff; font-size: 9px; line-height: 17px; font-weight: 600; @@ -2048,6 +2368,12 @@ padding: 0 6px; } +#adminmenu li.current a .awaiting-mod, +#adminmenu li a.wp-has-current-submenu .update-plugins { + background-color: #2ea2cc; + color: #fff; +} + #adminmenu li span.count-0, #sidemenu li a .count-0 { display: none; @@ -2057,8 +2383,17 @@ font-size: 13px; line-height: 34px; margin-top: 10px; + color: #aaa; + -webkit-transition: all .1s ease-in-out; + -moz-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; } +#adminmenu #collapse-menu:hover, +#collapse-menu:hover #collapse-button div:after { + color: #2ea2cc; +} + .folded #collapse-menu span { display: none; } @@ -2089,6 +2424,7 @@ line-height: 15px; left: -3px; top: -3px; + color: #aaa; font: normal 20px/1 'dashicons' !important; speak: none; margin: 0 auto; @@ -2251,6 +2587,7 @@ cursor: pointer; background-position: center -80px; background-repeat: no-repeat; + color: #fff; } .post-com-count:after { /* draw bubble connector using CSS! */ @@ -2259,7 +2596,7 @@ width: 0; height: 0; margin-left: 8px; - border-top: 5px solid #bbbbbb; + border-top: 5px solid #bbb; border-right: 5px solid transparent; } @@ -2273,16 +2610,34 @@ display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; + background-color: #bbb; + color: #fff; } +.post-com-count:hover { + background-position: center -3px; +} + +.post-com-count:hover span { + background-color: #2ea2cc; +} + +.post-com-count:hover:after { + border-top: 5px solid #2ea2cc; +} + strong .post-com-count { background-position: center -55px; } -.post-com-count:hover { - background-position: center -3px; +strong .post-com-count span { + background-color: #0074a2; } +strong .post-com-count:after { + border-top: 5px solid #0074a2; +} + .column-response .post-com-count { float: left; margin-right: 5px; @@ -2315,6 +2670,7 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; + color: #444; } /*------------------------------------------------------------------------------ @@ -2340,16 +2696,28 @@ .widefat th, .widefat td { overflow: hidden; + color: #555; } .widefat th { font-weight: normal; } +.widefat thead tr th, +.widefat tfoot tr th { + color: #333; +} + .widefat td p { margin: 2px 0 0.8em; } +.widefat p, +.widefat ol, +.widefat ul { + color: #333; +} + .widefat .column-comment p { margin: 0.6em 0; } @@ -2605,8 +2973,7 @@ } .sortable-placeholder { - border-width: 1px; - border-style: dashed; + border: 1px dashed #bbb; margin-bottom: 20px; } @@ -2661,6 +3028,11 @@ margin-bottom: 0; } +.postbox table.widefat { + -webkit-box-shadow: none; + box-shadow: none; +} + .temp-border { border: 1px dotted #ccc; } @@ -2687,6 +3059,20 @@ min-height: 100px; } +h3.dashboard-widget-title, +h3.dashboard-widget-title span, +h3.dashboard-widget-title small { + color: #333; +} + +h3.dashboard-widget-title small a { + color: #d7d7d7; +} + +h3.dashboard-widget-title small a:hover { + color: #fff; +} + #the-comment-list td.comment p.comment-author { margin-top: 0; margin-left: 0; @@ -2715,6 +3101,10 @@ overflow: auto; margin: 16px 0; padding: 23px 10px 0; + border: 1px solid #e5e5e5; + -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); + box-shadow: 0 1px 1px rgba(0,0,0,0.04); + background: #fff; font-size: 13px; line-height: 2.1em; } @@ -2735,6 +3125,14 @@ font-size: 14px; } +.welcome-panel p { + color: #777; +} + +.welcome-panel a { + text-decoration: none; +} + .welcome-panel .about-description { font-size: 16px; margin: 0; @@ -2753,6 +3151,8 @@ #welcome-panel.welcome-panel .welcome-panel-close::before, .tagchecklist span a:before, #bulk-titles div a:before { + background: none; + color: #bbb; content: '\f153'; display: block !important; font: normal 16px/1 'dashicons'; @@ -2764,6 +3164,12 @@ -webkit-font-smoothing: antialiased !important; } +#welcome-panel.welcome-panel .welcome-panel-close:hover:before, +.tagchecklist span a:hover:before, +#bulk-titles div a:hover:before { + color: #c00; +} + #welcome-panel.welcome-panel .welcome-panel-close::before { position: absolute; left: -18px; @@ -2808,6 +3214,7 @@ .welcome-panel-column p { margin-top: 7px; + color: #464646; } .welcome-panel .welcome-icon { @@ -2817,6 +3224,7 @@ } .welcome-panel .welcome-icon:before { + color: #888; font: normal 20px/1 'dashicons'; speak: none; display: inline-block; @@ -2896,6 +3304,15 @@ margin-top: 0; } +/* @todo: are these actually used anywhere? no non-CSS results in plugin search */ +div.dashboard-widget-error { + background-color: #c43; +} + +div.dashboard-widget-notice { + background-color: #cfe1ef; +} + .rssSummary { color: #777; margin-top: 4px; @@ -3291,6 +3708,7 @@ } /* Dashboard activity widget - Comments */ +/* @todo: needs serious de-duplication */ #activity-widget #the-comment-list tr.undo, #activity-widget #the-comment-list div.undo { @@ -3336,6 +3754,10 @@ border-top: 1px solid #eeeeee; } +#activity-widget #the-comment-list .unapproved { + background-color: #fefaf7; +} + #activity-widget #the-comment-list .unapproved:before { content: ""; display: block; @@ -3439,6 +3861,20 @@ width: 80px; } +/* @todo: pick a consistent list table selector */ +.wp-list-table a { + -moz-transition: none; + -webkit-transition: none; + transition: none; +} + +#the-list tr:last-child td, +#the-list tr:last-child th { + border-bottom: none !important; + -webkit-box-shadow: none; + box-shadow: none; +} + #comments-form .fixed .column-author { width: 20%; } @@ -3512,6 +3948,7 @@ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-decoration: none !important; + color: #444; } .column-comments .sorting-indicator:before { @@ -3586,6 +4023,17 @@ padding: 7px 7px 8px 10px; } +th.manage-column a, +th.sortable a:hover, +th.sortable a:active, +th.sortable a:focus { + color: #333; +} + +th.sortable a:focus { + background: #e1e1e1; +} + .fixed .column-comments.sortable a, .fixed .column-comments.sorted a { padding: 8px 0; @@ -3644,6 +4092,7 @@ display: block; cursor: default; height: 30px; + color: #555; line-height: 30px; font-size: 12px; } @@ -3661,17 +4110,30 @@ .tablenav .tablenav-pages a { padding: 0 10px 3px; + background: #eee; + background: rgba( 0, 0, 0, 0.05 ); font-size: 16px; font-weight: normal; } -.tablenav .tablenav-pages a.disabled:hover , +.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, .tablenav .tablenav-pages a.disabled:active { - cursor: default; + color: #aaa; + background: #eee; + background: rgba( 0, 0, 0, 0.05 ); } .tablenav .displaying-num { margin-right: 2px; + color: #777; font-size: 12px; font-style: italic; } @@ -3685,6 +4147,24 @@ margin-right: 20px; } +/* unclear if the following tablenav rules are actually used. +classes exist in paginate_links() but not seen in list table output. */ +.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; +} + .view-switch { float: right; margin: 5px 16px 0 8px; @@ -3705,6 +4185,7 @@ } .view-switch > a:before { + color: #bbb; content: '\f163'; display: inline-block; float: left; @@ -3716,6 +4197,14 @@ -moz-osx-font-smoothing: grayscale; } +.view-switch a:hover:before { + color: #727272; +} + +.view-switch a.current:before { + color: #0074a2; +} + .view-switch > a + a:before { margin-left: 5px; content: '\f164'; @@ -3924,12 +4413,6 @@ } /* Specific Elements */ -.inline-edit-row fieldset input[type="text"], -.inline-edit-row fieldset textarea { - border-style: solid; - border-width: 1px; -} - .inline-edit-row fieldset .inline-edit-date { float: left; } @@ -3952,18 +4435,17 @@ ul.cat-checklist { height: 12em; - border-style: solid; - border-width: 1px; + border: solid 1px #ddd; overflow-y: scroll; padding: 0 5px; margin: 0; + background-color: #fff; } #bulk-titles { display: block; height: 12em; - border-style: solid; - border-width: 1px; + border: 1px solid #ddd; overflow-y: scroll; padding: 0 5px; margin: 0 0 5px; @@ -4062,6 +4544,7 @@ width: 100%; outline: none; margin: 0; + background-color: #fff; } #titlediv #title-prompt-text { @@ -4101,6 +4584,7 @@ min-height: 25px; /* Yes, line-height + 1 */ margin-top: 5px; padding: 0 10px; + color: #666; } #edit-slug-box .cancel { @@ -4112,6 +4596,10 @@ display: none; } +#editable-post-name { + background-color: #fffbcc; +} + #editable-post-name input { font-size: 13px; height: 22px; @@ -4127,6 +4615,8 @@ text-align: left; padding: 12px 10px 10px; font-size: 11px; + background-color: #464646; + color: #ccc; } .submitbox .submitdelete { @@ -4134,6 +4624,13 @@ padding: 1px 2px; } +/* @todo: do we really need this? */ +#normal-sortables .submitbox .submitdelete:hover { + color: #000; + background-color: #f00; + border-bottom-color: #f00; +} + .submitbox .submit a:hover { text-decoration: underline; } @@ -4160,6 +4657,10 @@ .postbox { position: relative; min-width: 255px; + border: 1px solid #e5e5e5; + -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); + box-shadow: 0 1px 1px rgba(0,0,0,0.04); + background: #fff; } #trackback_url { @@ -4204,6 +4705,16 @@ text-decoration: none; } +/* @todo: do these really need to be so specific? */ +#side-sortables .category-tabs .tabs a, +#side-sortables .add-menu-item-tabs .tabs a, +.wp-tab-bar .wp-tab-active a, +#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; +} + .category-tabs { margin: 8px 0 5px; } @@ -4241,15 +4752,20 @@ } ul.category-tabs li { - border-style: solid; - border-width: 1px; + border: solid 1px transparent; position: relative; } +ul.category-tabs li.tabs { + border-color: #dfdfdf #dfdfdf #fdfdfd; + background-color: #fdfdfd; +} + ul.add-menu-item-tabs li.tabs, .wp-tab-active { - border-style: solid solid none; - border-width: 1px 1px 0; + border: 1px solid #dfdfdf; + border-bottom: none; + background-color: #fdfdfd; } ul.add-menu-item-tabs li.tabs { @@ -4317,6 +4833,11 @@ #post-status-info { width: 100%; border-spacing: 0; + border: 1px solid #e5e5e5; + border-top: none; + background-color: #f7f7f7; + -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); + box-shadow: 0 1px 1px rgba(0,0,0,0.04); } #post-status-info td { @@ -4478,6 +4999,7 @@ #postcustomstuff thead th { padding: 5px 8px 8px; + background-color: #f1f1f1; } #postcustom #postcustomstuff .submit { @@ -4504,9 +5026,9 @@ #postcustomstuff table { margin: 0; width: 100%; - border-width: 1px; - border-style: solid; + border: 1px solid #dfdfdf; border-spacing: 0; + background-color: #f9f9f9; } #postcustomstuff tr { @@ -4579,6 +5101,8 @@ position: fixed; top: 0; height: 82px; + background: #fff; + box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .revisions-tickmarks { @@ -4590,13 +5114,13 @@ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; + background-color: #fff; } .revisions-tickmarks > div { position: absolute; height: 100%; - border-style: solid; - border-width: 0 1px 0 0; + border-left: 1px solid #aaa; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; @@ -4675,8 +5199,14 @@ .revisions-meta { margin-top: 20px; + background-color: #fff; + box-shadow: 0 1px 3px rgba(0,0,0,0.1); } +.revisions.pinned .revisions-meta { + box-shadow: none; +} + .revision-toggle-compare-mode { position: absolute; top: 0; @@ -4731,6 +5261,8 @@ .revisions-diff { padding: 15px; + background-color: #fff; + box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .revisions-diff h3:first-child { @@ -4794,6 +5326,22 @@ text-decoration: none; } +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; +} + .diff-meta { padding: 5px; clear: both; @@ -4918,13 +5466,10 @@ .revisions-tooltip, .revisions-tooltip-arrow > span { - border-width: 1px; - border-style: solid; + border: 1px solid #d7d7d7; + background-color: #fff; } - - - .revisions-tooltip { display: none; } @@ -4942,6 +5487,8 @@ .arrow::after { z-index: 9999; + background-color: #fff; + box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .arrow.top { @@ -4984,8 +5531,7 @@ /* jQuery UI Slider */ .wp-slider.ui-slider { position: relative; - border-width: 1px; - border-style: solid; + border: 1px solid #d7d7d7; text-align: left; cursor: pointer; } @@ -5000,11 +5546,21 @@ z-index: 2; } +.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 { background: none; position: absolute; top: 0; left: 0; + color: #fff; content: "\f229"; font: normal 18px/1 'dashicons'; speak: none; @@ -5124,6 +5680,19 @@ -moz-osx-font-smoothing: grayscale; } +.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; +} + +a.post-state-format:hover:before, +a.post-format-icon:hover:before { + color: #2ea2cc; +} + #post-formats-select { line-height: 2em; } @@ -5257,8 +5826,8 @@ max-height: 200px; overflow: auto; padding: 0 0.9em; - border-style: solid; - border-width: 1px; + border: solid 1px #dfdfdf; + background-color: #fdfdfd; } div.tabs-panel-active { @@ -5316,6 +5885,7 @@ p.description, .form-wrap p { margin: 2px 0 5px; + color: #666; } p.help, @@ -5411,8 +5981,8 @@ position: absolute; z-index: 10000; display: none; - border-width: 1px; - border-style: solid; + border: 1px solid #808080; + background-color: #fff; } .wp-customizer .ac_results { @@ -5422,10 +5992,12 @@ .ac_results li { padding: 2px 5px; white-space: nowrap; + color: #101010; text-align: left; } .ac_over { + background-color: #f0f0b8; cursor: pointer; } @@ -5473,8 +6045,7 @@ .media-item .describe { border-collapse: collapse; width: 100%; - border-top-style: solid; - border-top-width: 1px; + border-top: 1px solid #dfdfdf; clear: both; cursor: default; } @@ -5555,11 +6126,6 @@ padding: 0 5px; } -abbr.required { - border: medium none; - text-decoration: none; -} - .media-item .describe input[type="text"], .media-item .describe textarea { width: 460px; @@ -5588,8 +6154,7 @@ } #media-items .media-item { - border-bottom-style: solid; - border-bottom-width: 1px; + border-bottom: 1px solid #dfdfdf; min-height: 36px; position: relative; width: 100%; @@ -5712,10 +6277,12 @@ padding: 33px 0 51px; position: absolute; z-index: 1000; + background-color: #444; } .find-box-head { cursor: move; + color: #eee; font-weight: 600; height: 2em; line-height: 2em; @@ -5729,12 +6296,16 @@ overflow: auto; padding: 6px; height: 100%; + background-color: #fff; } -.find-box-search { +.find-box-search, +.find-box-buttons { overflow: hidden; - padding: 9px; + padding: 8px; position: relative; + background-color: #f7f7f7; + border-top: 1px solid #dfdfdf; } .find-box-search .spinner { @@ -5769,11 +6340,6 @@ width: 15px; } -.find-box-buttons { - padding: 8px; - overflow: hidden; -} - .find-box #resize-se { position: absolute; right: 1px; @@ -5806,8 +6372,7 @@ #poststuff .inside .the-tagcloud { margin: 5px 0 10px; padding: 8px; - border-width: 1px; - border-style: solid; + border: 1px solid #ddd; line-height: 1.8em; word-spacing: 3px; -webkit-border-radius: 6px; @@ -5963,13 +6528,15 @@ .imgedit-menu div { float: left; width: 32px; - background: none; + border: 1px solid #d5d5d5; + background: #f1f1f1; margin: 0 8px 0 0; height: 32px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; line-height: 28px; + color: #777; } .imgedit-menu div:before { @@ -5978,6 +6545,19 @@ vertical-align: middle; } +.imgedit-menu div:hover { + border-color: #c1c1c1; + background-color: #eaeaea; + color: #333; +} + +.imgedit-menu div.disabled { + border-color: #ccc; + background-color: #ddd; + filter: alpha(opacity=50); + opacity: 0.5; +} + .imgedit-crop:before { content:'\f165'; } @@ -6118,6 +6698,7 @@ .form-table th, .form-wrap label { + color: #222; font-weight: normal; text-shadow: none; vertical-align: baseline; @@ -6169,8 +6750,7 @@ .commentlist li { padding: 1em 1em .2em; margin: 0; - border-bottom-width: 1px; - border-bottom-style: solid; + border-bottom: 1px solid #ccc; } .commentlist li li { @@ -6183,12 +6763,12 @@ margin: 0 0 .8em; } -/* reply to comments */ -#replyrow input { - border-width: 1px; - border-style: solid; +#submitted-on, +.submitted-on { + color: #777; } +/* reply to comments */ #replyrow td { padding: 2px; } @@ -6247,6 +6827,11 @@ box-shadow: none; } +#replyerror { + border-color: #ddd; + background-color: #f9f9f9; +} + .comment-php .wp-editor-area { height: 200px; } @@ -6296,11 +6881,57 @@ vertical-align: text-top; } +#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-left: 4px solid #d54e21; +} + #the-comment-list .unapproved th.check-column input { margin-left: 4px; } +#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); +} + +#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); +} + +/* table vim shortcuts */ +.vim-current, +.vim-current th, +.vim-current td { + background-color: #e4f2fd !important; +} + + /*------------------------------------------------------------------------------ 16.0 - Themes ------------------------------------------------------------------------------*/ @@ -7380,10 +8011,10 @@ width: 300px; height: 225px; display: block; - border-width: 1px; - border-style: solid; + border: 1px solid #ccc; margin-bottom: 10px; overflow: hidden; + background-color: #fff; } .available-theme img { @@ -7491,19 +8122,34 @@ } } -#post-body ul.add-menu-item-tabs li.tabs a, -#TB_window #TB_title a.tb-theme-preview-link, -#TB_window #TB_title a.tb-theme-preview-link:visited { +/* @todo: surely this belongs elsewhere */ +#post-body ul.add-menu-item-tabs li.tabs a { font-weight: 600; text-decoration: none; } +#TB_window { + border: 1px solid #333; +} + #TB_window #TB_title { background-color: #222; color: #cfcfcf; } +#TB_window #TB_title a.tb-theme-preview-link, +#TB_window #TB_title a.tb-theme-preview-link:visited { + color: #999; + font-weight: 600; + text-decoration: none; +} +#TB_window #TB_title a.tb-theme-preview-link:hover, +#TB_window #TB_title a.tb-theme-preview-link:focus { + color: #ccc; +} + + /*------------------------------------------------------------------------------ 16.3 - Custom Header Screen ------------------------------------------------------------------------------*/ @@ -7558,6 +8204,7 @@ 17.0 - Plugins ------------------------------------------------------------------------------*/ +/* @todo: what is this doing here */ #dashboard_right_now .versions .b, #post-status-display, #post-visibility-display, @@ -7574,6 +8221,16 @@ font-weight: 600; } +.plugins, +.plugins th, +.plugins td { + color: #000; +} + +.plugins tr { + background: #fff; +} + .plugins p { margin: 0 4px; padding: 0; @@ -7608,14 +8265,66 @@ padding: 10px 9px; } +.plugins .active td, +.plugins .active th { + background-color: #f7fcfe; +} + .plugins .update th, .plugins .update td { border-bottom: 0; } + .plugin-update-tr td { border-top: 0; } +.plugins .inactive td, +.plugins .inactive th, +.plugins .active td, +.plugins .active th, +.plugin-install #the-list td, +.upgrade .plugins td, +.upgrade .plugins th { + -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 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 .update td, +.plugins .update th, +.upgrade .plugins tr:last-of-type td, +.upgrade .plugins tr:last-of-type th, +.plugins tr.active + tr.inactive.update th, +.plugins tr.active + tr.inactive.update td { + -webkit-box-shadow: none; + box-shadow: none; +} + +.plugins .active.update td, +.plugins .active.update th, +tr.active.update + tr.plugin-update-tr .plugin-update { + background-color: #fefaf7; +} + +.plugins .active th.check-column { + border-left: 4px solid #2ea2cc; +} + +.plugins .active.update th.check-column, +.plugins .active.update + .plugin-update-tr .plugin-update { + border-left: 4px solid #d54e21; +} + #wpbody-content .plugins .plugin-title, #wpbody-content .plugins .theme-title { padding-right: 12px; @@ -7643,14 +8352,17 @@ } .plugin-update-tr .update-message { - border: none; font-size: 13px; font-weight: normal; margin: 6px 12px 12px; padding: 6px 12px; + margin: 0 10px 8px 31px; + background-color: #f7f7f7; + background-color: rgba(0,0,0,0.03); } .plugin-update-tr .update-message:before { + color: #d54e21; content: '\f463'; display: inline-block; font: normal 20px/1 'dashicons'; @@ -7661,6 +8373,22 @@ vertical-align: top; } +.plugins .plugin-update { + padding: 0; + 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); +} + +/* update notices for active plugins */ +tr.active + tr.plugin-update-tr .plugin-update { + background-color: #f7fcfe; +} + +tr.active + tr.plugin-update-tr .plugin-update .update-message { + background-color: #fcf3ef; +} + .plugin-install-php h4 { margin: 2.5em 0 8px; } @@ -7793,6 +8521,7 @@ } .pressthis a span:before { + color: #777; font: normal 20px/1 'dashicons'; content:'\f157'; position: relative; @@ -7848,8 +8577,7 @@ right: 0; padding: 10px 0; margin-right: 20px; - border-top-width: 1px; - border-top-style: solid; + color: #777; } #wpfooter p { @@ -7908,11 +8636,16 @@ .about-wrap h1 { margin: 0.2em 200px 0 0; + color: #333; line-height: 1.2em; font-size: 2.8em; font-weight: 400; } +.about-wrap h4 { + color: #222; +} + .about-wrap .about-text, .about-wrap p.about-description, .about-wrap li.wp-person a.web { @@ -7928,6 +8661,7 @@ .about-text { margin: 1em 200px 1em 0; min-height: 60px; + color: #777; font-size: 24px; } @@ -7985,12 +8719,14 @@ .about-wrap .point-releases { margin-top: 5px; + border-bottom: 1px solid #dfdfdf; } .about-wrap .changelog.point-releases h3 { padding-top: 35px; } +/* @todo: what is this for? */ .about-wrap .changelog.point-releases h3:first-child { padding-top: 7px; } @@ -7998,10 +8734,11 @@ /* WordPress Version Badge */ .wp-badge { - background: url('../images/w-logo-white.png?ver=20131202') no-repeat; - background: none, url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat; + background: #0074a2 url('../images/w-logo-white.png?ver=20131202') no-repeat; + background: #0074a2 url('../images/wordpress-logo-white.svg?ver=20131110') no-repeat; background-position: center 24px; background-size: 85px 85px; + color: #78c8e6; font-size: 14px; text-align: center; font-weight: 600; @@ -8011,6 +8748,9 @@ display: inline-block; width: 150px; text-rendering: optimizeLegibility; + + -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); + box-shadow: 0 1px 3px rgba(0,0,0,0.2); } @@ -8034,10 +8774,6 @@ border-width: 1px; } -.about-wrap h2 .nav-tab-active { - font-weight: bold; -} - /* Changelog / Update screen */ .about-wrap .feature-section { @@ -8165,6 +8901,7 @@ height: 30px; } +/* @todo: combine this */ .about-wrap li.wp-person { height: 70px; width: 280px; @@ -8337,9 +9074,14 @@ margin-left: 15px; padding: 0; border-radius: 50%; + color: #777; text-decoration: none; } +.wp-full-overlay a.collapse-sidebar:hover { + color: #0074a2; +} + .wp-full-overlay.collapsed .collapse-sidebar { position: absolute; left: 100%; @@ -8359,6 +9101,7 @@ border-radius: 50%; float: left; content: "\f148"; + background: #eee; font: normal 20px/1 'dashicons'; speak: none; display: block; @@ -8561,8 +9304,10 @@ ------------------------------------------------------------------------------*/ .nav-tab { - border-style: solid; - border-width: 1px 1px 0; + border: 1px solid #ccc; + border-bottom: none; + background: #e4e4e4; + color: #555; font-size: 12px; line-height: 16px; display: inline-block; @@ -8571,20 +9316,25 @@ margin: -4px 4px -1px 0; } +.nav-tab:hover { + background-color: #fff; + color: #464646; +} + .nav-tab-active { - border-width: 1px; + color: #464646; } .nav-tab-active, .nav-tab-active:hover { - border-bottom-width: 1px; - border-bottom-style: solid; + border-bottom: 1px solid #f1f1f1; + background: none; + color: #000; } h2.nav-tab-wrapper, h3.nav-tab-wrapper { - border-bottom-width: 1px; - border-bottom-style: solid; + border-bottom: 1px solid #ccc; padding-bottom: 0; padding-left: 10px; } @@ -8640,6 +9390,7 @@ } .row-actions { + color: #ddd; font-size: 13px; visibility: hidden; padding: 2px 0 0; @@ -8725,6 +9476,19 @@ max-width: 100%; } +#poststuff .inside label.spam, +#poststuff .inside label.deleted { + color: red; +} + +#poststuff .inside label.waiting { + color: orange; +} + +#poststuff .inside label.approved { + color: green; +} + .inline-edit-row #post_parent, .inline-edit-row select[name="page_template"] { max-width: 80%; @@ -8776,10 +9540,9 @@ display: block; float: left; line-height: 28px; - border-top-width: 1px; - border-top-style: solid; - border-bottom-width: 1px; - border-bottom-style: solid; + border-top: 1px solid #f9f9f9; + border-bottom: 1px solid #dfdfdf; + background-color: #f9f9f9; -webkit-transition: none; -moz-transition: none; transition: none; @@ -8795,6 +9558,7 @@ padding: 0; } +/* @todo: remove border radius */ #sidemenu a.current { font-weight: normal; padding-left: 6px; @@ -8803,8 +9567,10 @@ -webkit-border-top-right-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; - border-width: 1px; - border-style: solid; + border: 1px solid #dfdfdf; + border-bottom-color: #f1f1f1; + background-color: #f1f1f1; + color: #000; } #sidemenu li a .count-0 { @@ -9014,6 +9780,7 @@ } #dashboard-widgets h4 { + color: #222; font-weight: normal; font-size: 14px; margin: 0 0 .2em; @@ -9030,6 +9797,15 @@ position: relative; } +#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); +} + +#activity-widget .comments #the-comment-list .alt { + background-color: transparent; +} + #activity-widget #latest-comments #the-comment-list .comment-item { padding: 1em 12px; } @@ -9212,6 +9988,10 @@ padding: 26px 24px 46px; font-weight: normal; overflow: hidden; + 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); } .login form .forgetmenot { @@ -9294,6 +10074,18 @@ margin: 16px 0 0 0; } +.login #nav a, +.login #backtoblog a { + text-decoration: none; + color: #999; +} + +.login #nav a:hover, +.login #backtoblog a:hover, +.login h1 a:hover { + color: #2ea2cc; +} + .login form .input, .login input[type="text"] { font-size: 24px; @@ -9303,11 +10095,15 @@ margin: 2px 6px 16px 0; } +.login form .input, +.login input[type="text"], +.login form input[type="checkbox"] { + background: #fbfbfb; +} + .login #pass-strength-result { width: 250px; font-weight: 600; - border-style: solid; - border-width: 1px; margin: 12px 0 6px; padding: 6px 5px; text-align: center; @@ -9443,6 +10239,7 @@ } .is-submenu { + color: #999; font-style: italic; font-weight: normal; margin-left: 4px; @@ -9452,6 +10249,7 @@ margin-top: 23px; padding: 10px; overflow: hidden; + background: #fbfbfb; } .manage-menus select { @@ -9478,8 +10276,7 @@ } .menu-settings { - border-top-width: 1px; - border-top-style: solid; + border-top: 1px solid #eee; margin-top: 2em; } @@ -9512,6 +10309,7 @@ } .theme-location-set { + color: #999; font-size: 11px; } @@ -9527,6 +10325,7 @@ margin-right: 20px; margin-top: -3px; width: 100%; + background: #f5f5f5; } #menu-management .menu-edit { @@ -9535,8 +10334,9 @@ .nav-menus-php #post-body { padding: 0 10px 10px; - border-width: 1px 0; - border-style: solid; + border-top: 1px solid #fff; + border-bottom: 1px solid #dfdfdf; + background: #fff; } #nav-menu-header, @@ -9545,7 +10345,7 @@ } #nav-menu-header { - border-bottom: 1px solid; + border-bottom: 1px solid #dfdfdf; margin-bottom: 0; } @@ -9625,6 +10425,7 @@ } .js .input-with-default-title { + color: #aaa; font-style: italic; } @@ -9688,6 +10489,7 @@ padding: 0 2px; } +/* @todo: is this actually used? */ #cancel-save { text-decoration: underline; font-size: 12px; @@ -9774,12 +10576,6 @@ margin-bottom: 10px; } -.nav-menus-php .list-container { - max-height: 200px; - overflow-y: auto; - padding: 10px 10px 5px; -} - .nav-menus-php .postbox p.submit { margin-bottom: 0; } @@ -9847,6 +10643,10 @@ word-wrap: break-word; } +.menu-item-bar .menu-item-handle:hover { + border-color: #999; +} + #menu-to-edit .menu-item-invalid .menu-item-handle { background: #f6c9cc; border-color: #f1acb1; @@ -9862,6 +10662,7 @@ .menu li.deleting .menu-item-handle { background-image: none; + background-color: #f66; } .menu-item-handle .item-title { @@ -9929,6 +10730,7 @@ /* Menu item controls */ .item-type { + color: #777; font-size: 12px; padding: 12px 10px; line-height: 18px; @@ -9979,6 +10781,10 @@ padding: 10px 0 10px 10px; position: relative; z-index: 10; /* Keep .item-title's shadow from appearing on top of .menu-item-settings */ + border: 1px solid #e5e5e5; + border-top: none; + -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04); + box-shadow: 0 1px 1px rgba(0,0,0,0.04); } .menu-item-settings .field-move a { @@ -10003,6 +10809,8 @@ display: block; margin: 0 0 10px; padding: 3px 5px 5px; + border: 1px solid #dfdfdf; + color: #777; font-size: 12px; font-style: italic; } @@ -10062,15 +10870,20 @@ } .nav-menus-php .submitbox .submitcancel { - border-bottom: 1px solid; + border-bottom: 1px solid #0074a2; padding: 1px 2px; + color: #0074a2; text-decoration: none; } +.nav-menus-php .submitbox .submitcancel:hover { + background: #0074a2; + color: #fff; +} + .nav-menus-php .major-publishing-actions .form-invalid { padding-left: 4px; margin-left: -4px; - border: 0 none; } /* Clearfix */ @@ -10162,9 +10975,9 @@ padding: 0 5px; font-weight: 600; position: relative; - border-bottom-width: 1px; - border-bottom-style: solid; + border-bottom: 1px solid #dfdfdf; height: 2.5em; + background-color: #f9f9f9; } #plugin-information ul#sidemenu { font-weight: normal; @@ -10191,6 +11004,8 @@ } #plugin-information .action-button a { + background-color: #2ea2cc; + color: #fff; text-align: center; font-weight: 600; text-decoration: none; @@ -10218,6 +11033,7 @@ padding: 5px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; + background-color: #cee1ef; } #plugin-information .fyi ul { @@ -10226,6 +11042,7 @@ list-style: none; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; + background-color: #eaf3fa; } #plugin-information .fyi li { @@ -10270,10 +11087,14 @@ #plugin-information pre { padding: 7px; overflow: auto; - border-width: 1px; - border-style: solid; + border: 1px solid #ccc; } +#plugin-information pre, +#plugin-information code { + background-color: #ededff; +} + .plugin-version-author-uri { font-size: 13px; } @@ -10283,11 +11104,15 @@ } /* Header */ +/* @todo: are these also specific to Press This? */ #wphead { - border-bottom-width: 1px; - border-bottom-style: solid; + border-bottom: 1px solid #dfdfdf; } +#wphead h1 a { + color: #464646; +} + .press-this #wphead { height: 32px; margin-left: 0; @@ -10445,10 +11270,6 @@ margin-left: 5px; } -#TB_window { - border: 1px solid #333; -} - .press-this .postbox, .press-this .stuffbox { margin-bottom: 10px; @@ -10502,7 +11323,7 @@ font-size: 1.7em; outline: none; padding: 3px 4px; - border-color: #dfdfdf; + border: 1px solid #dfdfdf; } .press-this .actions { @@ -10742,6 +11563,7 @@ } .nonessential { + color: #666; font-size: 11px; font-style: italic; padding-left: 12px; @@ -10818,6 +11640,17 @@ line-height: 16px; } +.in-widget-title, +#widgets-right a.widget-control-edit, +#available-widgets .widget-description { + color: #666; +} + +.deleting .widget-title, +.deleting .widget-top a.widget-action:after { + color: #aaa; +} + /* Widget Dragging Helpers */ .widget.ui-draggable-dragging { min-width: 100%; @@ -10849,7 +11682,6 @@ /* Widget Sidebars */ .sidebar-name { - border: none; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; @@ -10920,11 +11752,18 @@ padding: 4px 6px 4px 4px; } +#widgets-left #available-widgets, div#widgets-left .widget-holder { background: transparent; border: none; } +#widgets-left .widgets-holder-wrap { + border: none; + -webkit-box-shadow: none; + box-shadow: none; +} + #available-widgets .widget-action { display: none; } @@ -11125,6 +11964,22 @@ text-decoration: none !important; } +.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; +} + .widget-top a.widget-action:after { padding: 12px 12px 0; } @@ -11152,6 +12007,10 @@ display: none; } +.widget-inside { + background: #fff; +} + /* Dragging widgets over the available widget area show's a "Deactivate" message */ #removing-widget { display: none; @@ -11159,8 +12018,13 @@ padding-left: 15px; font-size: 12px; line-height: 1; + color: black; } +.js #removing-widget { + color: #2ea2cc; +} + .widget-control-noform, #access-off, .widgets_access .widget-action, @@ -11323,8 +12187,6 @@ padding: 10px 20px 15px; overflow: hidden; background: #fff; - border-left: 1px solid #dfdfdf; - border-right: 1px solid #dfdfdf; } .accordion-section-title { @@ -11392,6 +12254,10 @@ border-bottom: 1px solid #dfdfdf; } +.sticky-menu #TB_window { + background: #f1f1f1; +} + .sticky-menu #TB_window .updated { margin: 16px 0 0; } @@ -11597,6 +12463,21 @@ background-image: url('../images/spinner-2x.gif'); } + /* @todo: evaluate - most of these were likely replaced by dashicons */ + .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 { + background: none !important; + } + } /* =Localized CSS Index: src/wp-admin/includes/update-core.php =================================================================== --- src/wp-admin/includes/update-core.php (revision 27100) +++ src/wp-admin/includes/update-core.php (working copy) @@ -603,6 +603,9 @@ 'wp-admin/images/stars-rtl.png', 'wp-admin/images/wp-logo-vs-2x.png', 'wp-admin/images/about-updates-2x.png', +// 3.9 +'wp-admin/css/colors.css', +'wp-admin/css/colors.min.css', ); /** Index: src/wp-includes/css/editor.css =================================================================== --- src/wp-includes/css/editor.css (revision 27100) +++ src/wp-includes/css/editor.css (working copy) @@ -1087,6 +1087,34 @@ color: #999; padding-left: 12px; } + +/* from colors.css +.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; +} */ /* Distraction Free Writing mode * =Overlay Styles Index: src/wp-includes/css/media-views.css =================================================================== --- src/wp-includes/css/media-views.css (revision 27100) +++ src/wp-includes/css/media-views.css (working copy) @@ -457,6 +457,12 @@ user-select: none; } +.media-router a { + -moz-transition: none; + -webkit-transition: none; + transition: none; +} + .media-router > a { position: relative; float: left; Index: src/wp-includes/css/wp-pointer.css =================================================================== --- src/wp-includes/css/wp-pointer.css (revision 27100) +++ src/wp-includes/css/wp-pointer.css (working copy) @@ -59,6 +59,8 @@ } .wp-pointer-buttons a.close:before { + background: none; + color: #bbb; content: '\f153'; display: block !important; font: normal 13px/1 'dashicons'; @@ -73,6 +75,10 @@ top: 1px; } +.wp-pointer-buttons a.close:hover:before { + color: #c00; +} + /* The arrow base class must take up no space, even with transparent borders. */ .wp-pointer-arrow, .wp-pointer-arrow-inner { Index: src/wp-includes/script-loader.php =================================================================== --- src/wp-includes/script-loader.php (revision 27100) +++ src/wp-includes/script-loader.php (working copy) @@ -549,7 +549,7 @@ $suffix = SCRIPT_DEBUG ? '' : '.min'; - $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls', 'media-views', 'wp-color-picker', 'wp-pointer', 'editor-buttons', 'farbtastic', 'wp-auth-check', 'wp-jquery-ui-dialog', 'media-views', 'buttons', 'install', 'colors-fresh' ); + $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls', 'media-views', 'wp-color-picker', 'wp-pointer', 'editor-buttons', 'farbtastic', 'wp-auth-check', 'wp-jquery-ui-dialog', 'media-views', 'buttons', 'install' ); $styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array( 'open-sans', 'dashicons' ) ); @@ -590,7 +590,7 @@ $styles->add( 'colors', true, array( 'wp-admin', 'buttons', 'open-sans', 'dashicons' ) ); // do not refer to this directly, the right one is queued by the above "meta" colors handle - $styles->add( 'colors-fresh', "/wp-admin/css/colors$suffix.css", array( 'wp-admin', 'buttons' ) ); + $styles->add( 'colors-fresh', false, array( 'wp-admin', 'buttons' ) ); $styles->add( 'media', "/wp-admin/css/media$suffix.css" ); $styles->add( 'install', "/wp-admin/css/install$suffix.css", array( 'buttons', 'open-sans' ) );