diff --git a/src/wp-admin/admin-header.php b/src/wp-admin/admin-header.php index a677dde375..6df3ad2f72 100644 --- a/src/wp-admin/admin-header.php +++ b/src/wp-admin/admin-header.php @@ -53,6 +53,7 @@ _wp_admin_html_begin(); wp_enqueue_style( 'colors' ); wp_enqueue_style( 'ie' ); wp_enqueue_script('utils'); +wp_enqueue_script( 'svg-painter' ); $admin_body_class = preg_replace('/[^a-z0-9_-]+/i', '-', $hook_suffix); ?> @@ -145,7 +146,13 @@ $admin_body_class .= ' locale-' . sanitize_html_class( strtolower( str_replace( if ( wp_is_mobile() ) $admin_body_class .= ' mobile'; -$admin_body_class .= ' no-customize-support'; +if ( is_multisite() ) + $admin_body_class .= ' multisite'; + +if ( is_network_admin() ) + $admin_body_class .= ' network-admin'; + +$admin_body_class .= ' no-customize-support no-svg'; ?> diff --git a/src/wp-admin/css/colors-classic.css b/src/wp-admin/css/colors-classic.css deleted file mode 100644 index 32bc6f4bf4..0000000000 --- a/src/wp-admin/css/colors-classic.css +++ /dev/null @@ -1,2252 +0,0 @@ -/*------------------------------------------------------------------------------ - - -Howdy! This is the CSS file that controls the -Blue (classic) color style on the WordPress Dashboard. - -This file contains both LTR and RTL styles. - - -TABLE OF CONTENTS: ------------------- - 1.0 - Left to Right Styles - 2.0 - Right to Left Styles - - -------------------------------------------------------------------------------*/ - - -/*------------------------------------------------------------------------------ - 1.0 - Left to Right Styles -------------------------------------------------------------------------------*/ - -.find-box-search, -.find-box-buttons { - background-color: #eff8ff; - border-top: 1px solid #dce6f8; -} - -.find-box { - background-color: #5589aa; -} - -.find-box-head { - color: #fff; -} - -.find-box-inside { - background-color: #fff; -} - -a.page-numbers:hover { - border-color: #999; -} - -body, -#wpbody, -.form-table .pre, -.ui-autocomplete li a { - color: #333; -} - -body > #upload-menu { - border-bottom-color: #fff; -} - -#postcustomstuff table, -#your-profile fieldset, -#rightnow, -div.dashboard-widget, -#dashboard-widgets p.dashboard-widget-links { - border-color: #d1e5ee; -} - -#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: #d1e5ee; - background-color: #fff; -} - -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: #d1e5ee; - background-color: #fff; -} - -ul.category-tabs li.tabs { - border-color: #d1e5ee #d1e5ee #fff; -} - -ul.category-tabs li.tabs, -ul.add-menu-item-tabs li.tabs, -.wp-tab-active { - background-color: #fff; -} - -kbd, -code { - background: #eff8ff; -} - -textarea, -input[type="text"], -input[type="password"], -input[type="file"], -input[type="email"], -input[type="number"], -input[type="search"], -input[type="tel"], -input[type="url"], -select { - border-color: #d1e5ee; -} - -textarea:focus, -input[type="text"]:focus, -input[type="password"]:focus, -input[type="file"]:focus, -input[type="email"]:focus, -input[type="number"]:focus, -input[type="search"]:focus, -input[type="tel"]:focus, -input[type="url"]:focus, -select:focus { - border-color: #b0c8d7; -} - -input.disabled, -textarea.disabled { - background-color: #ccc; -} - -#plugin-information .action-button a, -#plugin-information .action-button a:hover, -#plugin-information .action-button a:visited { - color: #fff; -} - -.revisions-meta, -.widget .widget-top, -.postbox h3, -.stuffbox h3, -.widefat thead tr th, -.widefat tfoot tr th, -h3.dashboard-widget-title, -h3.dashboard-widget-title span, -h3.dashboard-widget-title small, -.sidebar-name, -#nav-menu-header, -#nav-menu-footer, -.menu-item-handle, -#fullscreen-topbar { - background: #f5fafd; - background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe)); - background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -moz-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -o-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: linear-gradient(to top, #eff8ff, #f7fcfe); -} - -.widget .widget-top, -.postbox h3, -.stuffbox h3 { - border-bottom-color: #d1e5ee; - text-shadow: #fff 0 1px 0; - -webkit-box-shadow: 0 1px 0 #fff; - box-shadow: 0 1px 0 #fff; -} - -.form-table th, -.form-wrap label { - color: #222; - text-shadow: #fff 0 1px 0; -} - -.description, -.form-wrap p { - color: #666; -} - -strong .post-com-count span { - background-color: #21759b; -} - -.sorthelper { - background-color: #ccf3fa; -} - -.ac_match, -.subsubsub a.current { - color: #000; -} - -.wrap h2 { - color: #174f69; -} - -.wrap .add-new-h2, -.wrap .add-new-h2:active { - background: #f1f1f1; -} - -.subtitle { - color: #777; -} - -.ac_over { - background-color: #f0f0b8; -} - -.ac_results { - background-color: #fff; - border-color: #b0c8d7; -} - -.ac_results li { - color: #101010; -} - -.alternate, -.alt { - background-color: #f7fcfe; -} - -.available-theme a.screenshot { - background-color: #eff8ff; - border-color: #acd; -} - -#current-theme { - border-bottom-color: #d1e5ee; -} - -.bar { - background-color: #e8e8e8; - border-right-color: #99d; -} - -#media-upload, -#media-upload .media-item .slidetoggle { - background: #fff; -} - -#media-upload .slidetoggle { - border-top-color: #dfdfdf; -} - -div.error, -.login #login_error { - background-color: #ffebe8; - border-color: #c00; -} - -div.error a { - color: #c00; -} - -.form-invalid { - background-color: #ffebe8 !important; -} - -.form-invalid input, -.form-invalid select { - border-color: #c00 !important; -} - -.submit, -#commentsdiv #add-new-comment { - border-color: #dfdfdf; -} - -.highlight { - background-color: #e4f2fd; - color: #000; -} - -.howto, -.nonessential, -#edit-slug-box, -.form-input-tip, -.subsubsub { - color: #666; -} - -.media-upload-form label.form-help, -td.help { - color: #9a9a9a; -} - -.ui-autocomplete { - border-color: #b0c8d7; - background-color: #eff8ff; -} - -.ui-autocomplete li a.ui-state-focus { - background-color: #def1ff; -} - -.post-com-count { - color: #fff; -} - -.post-com-count span { - background-color: #bbb; - color: #fff; -} - -.post-com-count:hover span { - background-color: #d54e21; -} - -.quicktags, .search { - background-color: #ccc; - color: #000; -} - -.side-info h5 { - border-bottom-color: #dadada; -} - -.side-info ul { - color: #666; -} - -a:hover, -a:active { - color: #d54e21; -} - -a:focus { - color: #124964; -} - -#adminmenu a:hover, -#adminmenu li.menu-top > a:focus, -#adminmenu .wp-submenu a:hover, -#the-comment-list .comment a:hover, -#rightnow a:hover, -#media-upload a.del-link:hover, -div.dashboard-widget-submit input:hover, -.subsubsub a:hover, -.subsubsub a.current:hover, -.ui-tabs-nav a:hover, -.plugins .inactive a:hover, -#all-plugins-table .plugins .inactive a:hover, -#search-plugins-table .plugins .inactive a:hover { - color: #d54e21; -} - -#the-comment-list .comment-item, -#dashboard-widgets #dashboard_quick_press form p.submit { - border-color: #dfdfdf; -} - -#side-sortables .category-tabs .tabs a, -#side-sortables .add-menu-item-tabs .tabs a, -.wp-tab-bar .wp-tab-active a { - color: #333; -} - -#dashboard_right_now .table_content, -#dashboard_right_now .table_discussion { - border-top-color: #d1e5ee; -} - -#rightnow .rbutton { - background-color: #ebebeb; - color: #264761; -} - -.submitbox .submit { - background-color: #464646; - color: #ccc; -} - -.plugins a.delete:hover, -#all-plugins-table .plugins a.delete:hover, -#search-plugins-table .plugins a.delete:hover, -.submitbox .submitdelete { - color: #f00; - border-bottom-color: #f00; -} - -.submitbox .submitdelete:hover, -#media-items a.delete:hover, -#media-items a.delete-permanently:hover { - color: #fff; - background-color: #f00; - border-bottom-color: #f00; -} - -#normal-sortables .submitbox .submitdelete:hover { - color: #000; - background-color: #f00; - border-bottom-color: #f00; -} - -.tablenav .dots { - border-color: transparent; -} - -.tablenav .next, -.tablenav .prev { - border-color: transparent; - color: #21759b; -} - -.tablenav .next:hover, -.tablenav .prev:hover { - border-color: transparent; - color: #d54e21; -} - -div.updated, -.login .message { - background-color: #ffffe0; - border-color: #e6db55; -} - -.update-message { - color: #000; -} - -a.page-numbers { - border-bottom-color: #b8d3e2; -} - -.commentlist li { - border-bottom-color: #ccc; -} - -.widefat td, -.widefat th { - border-top-color: #fff; - border-bottom-color: #d0dfe9; -} - -.widefat th { - text-shadow: rgba(255,255,255,0.8) 0 1px 0; -} - -.widefat td { - color: #555; -} -.widefat p, -.widefat ol, -.widefat ul { - color: #333; -} - -.widefat thead tr th, -.widefat tfoot tr th, -h3.dashboard-widget-title, -h3.dashboard-widget-title span, -h3.dashboard-widget-title small { - color: #333; -} - -th.sortable a:hover, -th.sortable a:active, -th.sortable a:focus { - color: #333; -} - -th.sortable a:focus { - background: #e1e1e1; - background-image: -webkit-gradient(linear, left bottom, left top, from(#dcdcdc), to(#e9e9e9)); - background-image: -webkit-linear-gradient(bottom, #dcdcdc, #e9e9e9); - background-image: -moz-linear-gradient(bottom, #dcdcdc, #e9e9e9); - background-image: -o-linear-gradient(bottom, #dcdcdc, #e9e9e9); - background-image: linear-gradient(to top, #dcdcdc, #e9e9e9); -} - -h3.dashboard-widget-title small a { - color: #d7d7d7; -} - -h3.dashboard-widget-title small a:hover { - color: #fff; -} - -a, -#adminmenu a, -#the-comment-list p.comment-author strong a, -#media-upload a.del-link, -#media-items a.delete, -#media-items a.delete-permanently, -.plugins a.delete, -.ui-tabs-nav a { - color: #21759b; -} - -#adminmenu .awaiting-mod, -#adminmenu .update-plugins, -#sidemenu a .update-plugins, -#rightnow .reallynow { - background-color: #464646; - color: #fff; - -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0; - box-shadow: rgba(255,255,255,0.5) 0 1px 0; -} -#plugin-information .action-button { - background-color: #d54e21; - color: #fff; -} - -#adminmenu li.current a .awaiting-mod, -#adminmenu li a.wp-has-current-submenu .update-plugins{ - background-color: #464646; - color: #fff; - -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0; - box-shadow: rgba(255,255,255,0.5) 0 1px 0; -} - -div#media-upload-header, -div#plugin-information-header { - background-color: #f9f9f9; - border-bottom-color: #dfdfdf; -} - -#currenttheme img { - border-color: #666; -} - -#dashboard_secondary div.dashboard-widget-content ul li a { - background-color: #f9f9f9; -} - -input.readonly, textarea.readonly { - background-color: #ddd; -} - -#editable-post-name { - background-color: #fffbcc; -} - -#edit-slug-box strong, -.tablenav .displaying-num, -#submitted-on, -.submitted-on { - color: #777; -} - -.login #nav a, -.login #backtoblog a { - color: #21759b !important; -} - -.login #nav a:hover, -.login #backtoblog a:hover { - color: #d54e21 !important; -} - -#wpfooter { - color: #777; - border-color: #b0c8d7; -} - -.imgedit-group, -#media-items .media-item, -.media-item .describe { - border-color: #dfdfdf; -} - -.checkbox, -.side-info, -.plugins tr, -#your-profile #rich_editing { - background-color: #fcfcfc; -} - -.plugins .inactive, -.plugins .inactive th, -.plugins .inactive td, -tr.inactive + tr.plugin-update-tr .plugin-update { - background-color: #f7fcfe; -} - -.plugin-update-tr .update-message { - background-color: #fffbe4; - border-color: #dfdfdf; -} - -.plugins .active, -.plugins .active th, -.plugins .active td { - color: #000; -} - -.plugins .inactive a { - color: #579; -} - -#the-comment-list tr.undo, -#the-comment-list div.undo { - background-color: #f4f4f4; -} - -#the-comment-list .unapproved { - background-color: #ffffe0; -} - -#the-comment-list .approve a { - color: #006505; -} - -#the-comment-list .unapprove a { - color: #d98500; -} - -table.widefat span.delete a, -table.widefat span.trash a, -table.widefat span.spam a, -#dashboard_recent_comments .delete a, -#dashboard_recent_comments .trash a, -#dashboard_recent_comments .spam a { - color: #bc0b0b; -} - -.welcome-panel { - background: #f5fafd; - background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe)); - background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -moz-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -o-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: linear-gradient(to top, #eff8ff, #f7fcfe); - border-color: #d1e5ee; -} -.welcome-panel p { - color: #777; -} -.welcome-panel-column p { - color: #464646; -} -.welcome-panel h3 { - text-shadow: 1px 1px 1px #fff; -} - -.widget, -#widget-list .widget-top, -.postbox, -#titlediv, -#poststuff .postarea, -.stuffbox { - border-color: #d1e5ee; - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; - -webkit-border-radius: 3px; - border-radius: 3px; -} - -.widget, -#widget-list .widget-top, -.postbox, -.menu-item-settings { - background: #f5fafd; - background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe)); - background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -moz-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -o-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: linear-gradient(to top, #eff8ff, #f7fcfe); -} - -.postbox h3 { - color: #174f69; -} - -.widget .widget-top { - color: #174f69; -} - -.js .sidebar-name:hover h3, -.js .postbox h3:hover { - color: #000; -} - -.curtime #timestamp { - background-image: url(../images/date-button.gif); -} - -#quicktags #ed_link { - color: #00f; -} - -#rightnow .youhave { - background-color: #f0f6fb; -} - -#rightnow a { - color: #448abd; -} - -.tagchecklist span a, -#bulk-titles div a { - background: url(../images/xit.gif) no-repeat; -} - -.tagchecklist span a:hover, -#bulk-titles div a:hover { - background: url(../images/xit.gif) no-repeat -10px 0; -} - -#update-nag, .update-nag { - background-color: #fffbcc; - border-color: #e6db55; - color: #555; -} - -#screen-meta { - background-color: #eff8ff; - border-color: #d1e5ee; - -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 ); - box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 ); -} - -#contextual-help-back { - background: #fff; -} - -.contextual-help-tabs a:hover { - background-color: #ceeaff; - color: #333; -} - -#contextual-help-back, -.contextual-help-tabs .active { - border-color: #d1e5ee; -} - -.contextual-help-tabs .active, -.contextual-help-tabs .active a, -.contextual-help-tabs .active a:hover { - background: #fff; - color: #000; -} - -/* screen options and help tabs */ -#screen-options-link-wrap, -#contextual-help-link-wrap { - border-right: 1px solid #d1e5ee; - border-left: 1px solid #d1e5ee; - border-bottom: 1px solid #d1e5ee; - background: #eff8ff; - background-image: -webkit-gradient(linear, left bottom, left top, from(#def1ff), to(#eff8ff)); - background-image: -webkit-linear-gradient(bottom, #def1ff, #eff8ff); - background-image: -moz-linear-gradient(bottom, #def1ff, #eff8ff); - background-image: -o-linear-gradient(bottom, #def1ff, #eff8ff); - background-image: linear-gradient(to top, #def1ff, #eff8ff); -} - -#screen-meta-links a { - color: #606060; - background: transparent url(../images/arrows.png) no-repeat right 4px; -} - -#screen-meta-links a:hover, -#screen-meta-links a:active { - color: #000; - background-color: transparent; -} - -#screen-meta-links a.screen-meta-active { - background-position: right -31px; -} - -/* end screen options and help tabs */ - -.login #backtoblog a { - color: #464646; -} - -#wphead { - border-bottom: 1px solid #d0dfe9; -} - -#wphead h1 a { - color: #174f69; -} - -#wpfooter a:link, -#wpfooter a:visited { - text-decoration: none; -} - -#wpfooter a:hover { - color: #000; - text-decoration: underline; -} - -.file-error, -abbr.required, -.widget-control-remove:hover, -table.widefat .delete a:hover, -table.widefat .trash a:hover, -table.widefat .spam a:hover, -#dashboard_recent_comments .delete a:hover, -#dashboard_recent_comments .trash a:hover -#dashboard_recent_comments .spam a:hover { - color: #f00; -} - -#pass-strength-result { - background-color: #eee; - border-color: #ddd !important; -} - -#pass-strength-result.bad { - background-color: #ffb78c; - border-color: #ff853c !important; -} - -#pass-strength-result.good { - background-color: #ffec8b; - border-color: #fc0 !important; -} - -#pass-strength-result.short { - background-color: #ffa0a0; - border-color: #f04040 !important; -} - -#pass-strength-result.strong { - background-color: #c3ff88; - border-color: #8dff1c !important; -} - -/* editors */ -#poststuff .wp-editor-wrap .wp_themeSkin .mceStatusbar { - border-color: #d0dfe9; - background-color: #eff8ff; -} - -#poststuff .wp-editor-wrap .wp_themeSkin .mceStatusbar * { - color: #555; -} - -#poststuff #editor-toolbar .active { - border-color: #d0dfe9 #d0dfe9 #eff8ff; - background-color: #eff8ff; - color: #333; -} - -.wp-editor-wrap .wp-editor-container, -.wp-editor-wrap .wp_themeSkin table.mceLayout { - border-color: #d1e5ee #d1e5ee #d0dfe9; -} - -#editorcontainer { - border-color: #d1e5ee #d1e5ee #d0dfe9; -} - -#post-status-info { - border-color: #d0dfe9 #d1e5ee #d1e5ee; -} - -/* TinyMCE */ - -.wp-admin .wp-editor-wrap .wp-switch-editor { - background-color: #d3e9f2; - border-color: #d1e5ee #d1e5ee #d3e9f2; - color: #174F69; -} - -.wp-admin .wp-editor-wrap .wp-switch-editor:active { - background-color: #f5fafd; -} - -.wp-admin .wp-editor-wrap.tmce-active .switch-tmce, -.wp-admin .wp-editor-wrap.html-active .switch-html { - background: #f7fcfe; - border-color: #d1e5ee #d1e5ee #f7fcfe; -} - -.wp-admin .wp-editor-wrap .quicktags-toolbar, -.wp-admin .wp-editor-wrap .wp_themeSkin tr.mceFirst td.mceToolbar { - border-color: #d0dfe9; - background-color: #f5fafd; - background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#f7fcfe)); - background-image: -webkit-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -moz-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: -o-linear-gradient(bottom, #eff8ff, #f7fcfe); - background-image: linear-gradient(to top, #eff8ff, #f7fcfe); -} - -.wp-admin .wp_themeSkin table.mceListBox { - border-color: #d1e5ee; -} - -.wp-admin .wp_themeSkin table.mceListBoxEnabled:hover, -.wp-admin .wp_themeSkin table.mceListBoxEnabled:active, -.wp-admin .wp_themeSkin table.mceListBoxHover, -.wp-admin .wp_themeSkin table.mceListBoxHover:active, -.wp-admin .wp_themeSkin table.mceListBoxSelected { - border-color: #b8cfdf; -} - -.wp-admin .wp_themeSkin a.mceButtonEnabled:hover, -.wp-admin .wp_themeSkin table.mceSplitButton:hover { - border-color: #c3d2dc; - background: #f4f9fc; - background-image: -webkit-gradient(linear, left bottom, left top, from(#f4f9fc), to(#fff)); - background-image: -webkit-linear-gradient(bottom, #f4f9fc, #fff); - background-image: -moz-linear-gradient(bottom, #f4f9fc, #fff); - background-image: -o-linear-gradient(bottom, #f4f9fc, #fff); - background-image: linear-gradient(to top, #f4f9fc, #fff); -} - -.wp-admin .wp_themeSkin a.mceButton:active, -.wp-admin .wp_themeSkin a.mceButtonEnabled:active, -.wp-admin .wp_themeSkin a.mceButtonSelected:active, -.wp-admin .wp_themeSkin a.mceButtonActive, -.wp-admin .wp_themeSkin a.mceButtonActive:active, -.wp-admin .wp_themeSkin a.mceButtonActive:hover, -.wp-admin .wp_themeSkin .mceSplitButtonSelected table, -.wp-admin .wp_themeSkin .mceSplitButtonSelected table:hover { - border-color: #8f9da9 #c3d2dc #c3d2dc #8f9da9; - background: #f4f9fc; - background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f4f9fc)); - background-image: -webkit-linear-gradient(bottom, #fff, #f4f9fc); - background-image: -moz-linear-gradient(bottom, #fff, #f4f9fc); - background-image: -o-linear-gradient(bottom, #fff, #f4f9fc); - background-image: linear-gradient(to top, #fff, #f4f9fc); -} - -.wp-admin .wp_themeSkin .mceSplitButtonSelected table a.mceOpen, -.wp-admin .wp_themeSkin .mceSplitButtonSelected table a.mceAction { - border-color: #8f9da9 #c3d2dc #c3d2dc #8f9da9; -} - -.wp-admin .wp_themeSkin .mceSplitButton:hover a { - border-color: #c3d2dc; -} -/* end TinyMCE */ - -.editwidget .widget-inside { - border-color: #d0dfe9; -} - -#titlediv #title { - background-color: #fff; -} - -#tTips p#tTips_inside { - background-color: #ddd; - color: #333; -} - -#poststuff .inside .the-tagcloud { - border-color: #ddd; -} - -/* menu */ -#adminmenuback, -#adminmenuwrap { - background-color: #eff8ff; - border-color: #d1e5ee; -} - -#adminmenushadow, -#adminmenuback { - background-image: url(../images/menu-shadow.png); - background-position: top right; - background-repeat: repeat-y; -} - -#adminmenu li.wp-menu-separator { - background: #d1e5ee; - border-color: #bed1dd; -} - -#adminmenu div.separator { - border-color: #d1e5ee; -} - -#adminmenu a.menu-top, -#adminmenu .wp-submenu .wp-submenu-head { - border-top-color: #fff; - border-bottom-color: #cae6ff; -} - -#adminmenu li.wp-menu-open { - border-color: #d1e5ee; -} - -#adminmenu li.menu-top:hover, -#adminmenu li.opensub > a.menu-top, -#adminmenu li > a.menu-top:focus { - background-color: #e0f1ff; - color: #d54e21; - text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 ); -} - -/* So it doesn't get applied to the number spans (comments, updates, etc) */ -#adminmenu li.menu-top:hover > a span, -#adminmenu li.menu-top > a:focus span { - text-shadow: none; -} - -#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, -#adminmenu li.current a.menu-top, -.folded #adminmenu li.wp-has-current-submenu, -.folded #adminmenu li.current.menu-top, -#adminmenu .wp-menu-arrow, -#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head { - background: #5589aa; - background-image: -webkit-gradient(linear, left bottom, left top, from(#5589aa), to(#619bbb)); - background-image: -webkit-linear-gradient(bottom, #5589aa, #619bbb); - background-image: -moz-linear-gradient(bottom, #5589aa, #619bbb); - background-image: -o-linear-gradient(bottom, #5589aa, #619bbb); - background-image: linear-gradient(to top, #5589aa, #619bbb); -} - -#adminmenu .wp-menu-arrow div { - background: #5589aa; - background-image: -webkit-gradient(linear, right bottom, left top, from(#5589aa), to(#619bbb)); - background-image: -webkit-linear-gradient(bottom right, #5589aa, #619bbb); - background-image: -moz-linear-gradient(bottom right, #5589aa, #619bbb); - background-image: -o-linear-gradient(bottom right, #5589aa, #619bbb); - background-image: linear-gradient(to top left, #5589aa, #619bbb); -} - -#adminmenu li.wp-not-current-submenu .wp-menu-arrow { - border-top-color: #fff; - border-bottom-color: #cae6ff; - background: #e0f1ff; -} - -#adminmenu li.wp-not-current-submenu .wp-menu-arrow div { - background: #e0f1ff; - border-color: #cae6ff; -} - -.folded #adminmenu li.menu-top li:hover a { - background-image: none; -} - -#adminmenu li.wp-has-current-submenu a.wp-has-current-submenu, -#adminmenu li.current a.menu-top, -#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head { - text-shadow: 0 -1px 0 #333; - color: #fff; - border-top-color: #5a8fad; - border-bottom-color: #5589aa; -} - -.folded #adminmenu li.wp-has-current-submenu, -.folded #adminmenu li.current.menu-top { - border-top-color: #5a8fad; - border-bottom-color: #5589aa; -} - -#adminmenu .wp-submenu a:hover, -#adminmenu .wp-submenu a:focus { - background-color: #eff8ff; - color: #333; -} - -#adminmenu .wp-submenu li.current, -#adminmenu .wp-submenu li.current a, -#adminmenu .wp-submenu li.current a:hover { - color: #333; -} - -#adminmenu .wp-submenu, -.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, -.folded #adminmenu .wp-has-current-submenu .wp-submenu { - background-color: #fff; - border-color: #d0dfe9; - -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4); - box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4); -} - -#adminmenu .wp-submenu .wp-submenu-head { - background-color: #e0f1ff; - color: #333; -} - -/* collapse menu button */ -#collapse-menu { - color: #a0c3d5; - border-top-color: #f9f9f9; -} - -#collapse-menu:hover { - color: #5a8fad; -} - -#collapse-button { - border-color: #d0dfe9; - background: #eff8ff; - background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#fff)); - background-image: -webkit-linear-gradient(bottom, #eff8ff, #fff); - background-image: -moz-linear-gradient(bottom, #eff8ff, #fff); - background-image: -o-linear-gradient(bottom, #eff8ff, #fff); - background-image: linear-gradient(to top, #eff8ff, #fff); -} - -#collapse-menu:hover #collapse-button { - border-color: #a0c3d5; -} - -#collapse-button div { - background: transparent url(../images/arrows-vs.png) no-repeat 0 -72px; -} - -.folded #collapse-button div { - background-position: 0 -108px; -} - -/* Auto-folding of the admin menu */ -@media only screen and (max-width: 900px) { - .auto-fold #adminmenu li.wp-has-current-submenu, - .auto-fold #adminmenu li.current.menu-top { - background-color: #5589aa; - background-image: -webkit-gradient(linear, left bottom, left top, from(#5589aa), to(#619bbb)); - background-image: -webkit-linear-gradient(bottom, #5589aa, #619bbb); - background-image: -moz-linear-gradient(bottom, #5589aa, #619bbb); - background-image: -o-linear-gradient(bottom, #5589aa, #619bbb); - background-image: linear-gradient(bottom, #5589aa, #619bbb); - } - - .auto-fold #adminmenu li.wp-has-current-submenu, - .auto-fold #adminmenu li.current.menu-top { - border-top-color: #5a8fad; - border-bottom-color: #5589aa; - } - - .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, - .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { - background-color: #fff; - border-color: #d0dfe9; - -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4); - box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4); - } - - .auto-fold #collapse-button div { - background-position: 0 -108px; - } -} - -/* menu and screen icons */ -.icon16, -.icon32, -div.wp-menu-image { - background-color: transparent; - background-repeat: no-repeat; -} - -.icon16.icon-dashboard, -.menu-icon-dashboard div.wp-menu-image, -.icon16.icon-post, -.menu-icon-post div.wp-menu-image, -.icon16.icon-media, -.menu-icon-media div.wp-menu-image, -.icon16.icon-links, -.menu-icon-links div.wp-menu-image, -.icon16.icon-page, -.menu-icon-page div.wp-menu-image, -.icon16.icon-comments, -.menu-icon-comments div.wp-menu-image, -.icon16.icon-appearance, -.menu-icon-appearance div.wp-menu-image, -.icon16.icon-plugins, -.menu-icon-plugins div.wp-menu-image, -.icon16.icon-users, -.menu-icon-users div.wp-menu-image, -.icon16.icon-tools, -.menu-icon-tools div.wp-menu-image, -.icon16.icon-settings, -.menu-icon-settings div.wp-menu-image, -.icon16.icon-site, -.menu-icon-site div.wp-menu-image, -.icon16.icon-generic, -.menu-icon-generic div.wp-menu-image { - background-image: url(../images/menu-vs.png?ver=20121105); -} - -.icon16.icon-dashboard, -#adminmenu .menu-icon-dashboard div.wp-menu-image { - background-position: -59px -33px; -} - -#adminmenu .menu-icon-dashboard:hover div.wp-menu-image, -#adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-dashboard.current div.wp-menu-image { - background-position: -59px -1px; -} - -.icon16.icon-post, -#adminmenu .menu-icon-post div.wp-menu-image { - background-position: -269px -33px; -} - -#adminmenu .menu-icon-post:hover div.wp-menu-image, -#adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-post.current div.wp-menu-image { - background-position: -269px -1px; -} - -.icon16.icon-media, -#adminmenu .menu-icon-media div.wp-menu-image { - background-position: -119px -33px; -} - -#adminmenu .menu-icon-media:hover div.wp-menu-image, -#adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-media.current div.wp-menu-image { - background-position: -119px -1px; -} - -.icon16.icon-links, -#adminmenu .menu-icon-links div.wp-menu-image { - background-position: -89px -33px; -} - -#adminmenu .menu-icon-links:hover div.wp-menu-image, -#adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-links.current div.wp-menu-image { - background-position: -89px -1px; -} - -.icon16.icon-page, -#adminmenu .menu-icon-page div.wp-menu-image { - background-position: -149px -33px; -} - -#adminmenu .menu-icon-page:hover div.wp-menu-image, -#adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-page.current div.wp-menu-image { - background-position: -149px -1px; -} - -.icon16.icon-comments, -#adminmenu .menu-icon-comments div.wp-menu-image { - background-position: -29px -33px; -} - -#adminmenu .menu-icon-comments:hover div.wp-menu-image, -#adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-comments.current div.wp-menu-image { - background-position: -29px -1px; -} - -.icon16.icon-appearance, -#adminmenu .menu-icon-appearance div.wp-menu-image { - background-position: 1px -33px; -} - -#adminmenu .menu-icon-appearance:hover div.wp-menu-image, -#adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-appearance.current div.wp-menu-image { - background-position: 1px -1px; -} - -.icon16.icon-plugins, -#adminmenu .menu-icon-plugins div.wp-menu-image { - background-position: -179px -33px; -} - -#adminmenu .menu-icon-plugins:hover div.wp-menu-image, -#adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-plugins.current div.wp-menu-image { - background-position: -179px -1px; -} - -.icon16.icon-users, -#adminmenu .menu-icon-users div.wp-menu-image { - background-position: -300px -33px; -} - -#adminmenu .menu-icon-users:hover div.wp-menu-image, -#adminmenu .menu-icon-users.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-users.current div.wp-menu-image { - background-position: -300px -1px; -} - -.icon16.icon-tools, -#adminmenu .menu-icon-tools div.wp-menu-image { - background-position: -209px -33px; -} - -#adminmenu .menu-icon-tools:hover div.wp-menu-image, -#adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-tools.current div.wp-menu-image { - background-position: -209px -1px; -} - -.icon16.icon-settings, -#adminmenu .menu-icon-settings div.wp-menu-image { - background-position: -239px -33px; -} - -#adminmenu .menu-icon-settings:hover div.wp-menu-image, -#adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-settings.current div.wp-menu-image { - background-position: -239px -1px; -} - -.icon16.icon-site, -#adminmenu .menu-icon-site div.wp-menu-image { - background-position: -359px -33px; -} - -#adminmenu .menu-icon-site:hover div.wp-menu-image, -#adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-site.current div.wp-menu-image { - background-position: -359px -1px; -} - -.icon16.icon-generic, -#adminmenu .menu-icon-generic div.wp-menu-image { - background-position: -330px -33px; -} - -#adminmenu .menu-icon-generic:hover div.wp-menu-image, -#adminmenu .menu-icon-generic.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-generic.current div.wp-menu-image { - background-position: -330px -1px; -} -/* end menu and screen icons */ - -/* Screen Icons */ -.icon32.icon-post, -#icon-edit, -#icon-post, -.icon32.icon-dashboard, -#icon-index, -.icon32.icon-media, -#icon-upload, -.icon32.icon-links, -#icon-link-manager, -#icon-link, -#icon-link-category, -.icon32.icon-page, -#icon-edit-pages, -#icon-page, -.icon32.icon-comments, -#icon-edit-comments, -.icon32.icon-appearance, -#icon-themes, -.icon32.icon-plugins, -#icon-plugins, -.icon32.icon-users, -#icon-users, -#icon-profile, -#icon-user-edit, -.icon32.icon-tools, -#icon-tools, -#icon-admin, -.icon32.icon-settings, -#icon-options-general, -.icon32.icon-site, -#icon-ms-admin, -.icon32.icon-generic, -#icon-generic { - background-image: url(../images/icons32-vs.png?ver=20121105); -} - -.icon32.icon-post, -#icon-edit, -#icon-post { - background-position: -552px -5px; -} - -.icon32.icon-dashboard, -#icon-index { - background-position: -137px -5px; -} - -.icon32.icon-media, -#icon-upload { - background-position: -251px -5px; -} - -.icon32.icon-links, -#icon-link-manager, -#icon-link, -#icon-link-category { - background-position: -190px -5px; -} - -.icon32.icon-page, -#icon-edit-pages, -#icon-page { - background-position: -312px -5px; -} - -.icon32.icon-comments, -#icon-edit-comments { - background-position: -72px -5px; -} - -.icon32.icon-appearance, -#icon-themes { - background-position: -11px -5px; -} - -.icon32.icon-plugins, -#icon-plugins { - background-position: -370px -5px; -} - -.icon32.icon-users, -#icon-users, -#icon-profile, -#icon-user-edit { - background-position: -600px -5px; -} - -.icon32.icon-tools, -#icon-tools, -#icon-admin { - background-position: -432px -5px; -} - -.icon32.icon-settings, -#icon-options-general { - background-position: -492px -5px; -} - -.icon32.icon-site, -#icon-ms-admin { - background-position: -659px -5px; -} - -.icon32.icon-generic, -#icon-generic { - background-position: -708px -5px; -} - -/* end screen icons */ - -/* Post format icons */ - -.post-format-icon { - background: url(../images/post-formats-vs.png) no-repeat; -} - -/* Diff */ -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-meta { - border: 1px solid #d1e5ee; -} - -.revisions-controls { - background: #fff; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,1)), color-stop(30px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); - background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%); - background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%); - background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%); - background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%); -} - -.revisions-tooltip, -.revisions-tooltip-arrow span { - border-color: #d1e5ee; - background-color: #fff; -} - -.revisions-tickmarks > div { - border-color: #d1e5ee; -} - -/* jQuery UI Slider */ -.wp-slider.ui-slider { - border-color: #d1e5ee; -} - -.wp-slider .ui-slider-handle { - color: #333; - border-color: none; -} - -.wp-slider .ui-slider-handle { - border-color: #d0dfe9; - background: #eff8ff; - background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#fff)); - background-image: -webkit-linear-gradient(bottom, #eff8ff, #fff); - background-image: -moz-linear-gradient(bottom, #eff8ff, #fff); - background-image: -o-linear-gradient(bottom, #eff8ff, #fff); - background-image: linear-gradient(to top, #eff8ff, #fff); -} - -.wp-slider .ui-slider-handle:hover, -.wp-slider .ui-slider-handle:focus { - border-color: #a0c3d5; -} - -.wp-slider .ui-slider-handle.ui-state-hover, -.wp-slider .ui-slider-handle.ui-state-focus { - border-color: #a0c3d5; - outline: none; -} - -/* edit image */ -#sidemenu a { - background-color: #f9f9f9; - border-color: #f9f9f9; - border-bottom-color: #dfdfdf; -} - -#sidemenu a.current { - background-color: #fff; - border-color: #dfdfdf #dfdfdf #fff; - color: #d54e21; -} - -#replyerror { - border-color: #ddd; - background-color: #f9f9f9; -} - -/* table vim shortcuts */ -.vim-current, -.vim-current th, -.vim-current td { - background-color: #e4f2fd !important; -} - -/* Install Plugins */ -#plugin-information .fyi ul { - background-color: #eaf3fa; -} - -#plugin-information .fyi h2.mainheader { - background-color: #cee1ef; -} - -#plugin-information pre, -#plugin-information code { - background-color: #ededff; -} - -#plugin-information pre { - border: 1px solid #ccc; -} - -/* inline editor */ -#bulk-titles { - border-color: #ddd; -} - -.inline-editor div.title { - background-color: #eaf3fa; -} - -.inline-editor ul.cat-checklist { - background-color: #fff; - border-color: #ddd; -} - -.inline-editor .quick-edit-save { - background-color: #f1f1f1; -} - -fieldset.inline-edit-col-right .inline-edit-col { - border-color: #dfdfdf; -} - -.attention { - color: #d54e21; -} - -.js .meta-box-sortables .postbox:hover .handlediv { - background: transparent url(../images/arrows-vs.png) no-repeat 6px 7px; -} - -.tablenav .tablenav-pages { - color: #555; -} - -.tablenav .tablenav-pages a { - border-color: #d1e5ee; - background: #eee; - -moz-box-shadow: inset 0 1px 0 #fff; - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; -} - -.tablenav .tablenav-pages a:hover, -.tablenav .tablenav-pages a:focus { - color: #d54e21; -} - -.tablenav .tablenav-pages a.disabled, -.tablenav .tablenav-pages a.disabled:hover, -.tablenav .tablenav-pages a.disabled:focus { - color: #aaa; -} - -.tablenav .tablenav-pages .current { - background: #dfdfdf; - border-color: #d3d3d3; -} - -#availablethemes, -#availablethemes td { - border-color: #acd; -} - -#current-theme img { - border-color: #b0c8d7; -} - -#TB_window #TB_title a.tb-theme-preview-link, -#TB_window #TB_title a.tb-theme-preview-link:visited { - color: #999; -} - -#TB_window #TB_title a.tb-theme-preview-link:hover, -#TB_window #TB_title a.tb-theme-preview-link:focus { - color: #ccc; -} - -.misc-pub-section { - border-top-color: #fff; - border-bottom-color: #d1e5ee; -} - -#minor-publishing { - border-bottom-color: #cae6ff; -} - -#post-body .misc-pub-section { - border-left-color: #eee; -} - -.post-com-count span { - background-color: #bbb; -} - -.form-table .color-palette td { - border-color: #fff; -} - -.sortable-placeholder { - border-color: #bbb; - background-color: #f5f5f5; -} - -#post-body ul.category-tabs li.tabs a, -#post-body ul.add-menu-item-tabs li.tabs a, -body.press-this ul.category-tabs li.tabs a { - color: #333; -} - -.view-switch #view-switch-list, -.view-switch #view-switch-excerpt { - background-color: transparent; - background-image: url('../images/list.png'); - background-repeat: no-repeat; -} - -.view-switch #view-switch-list { - background-position: 0 0; -} - -.view-switch .current #view-switch-list { - background-position: -40px 0; -} - -.view-switch #view-switch-excerpt { - background-position: -20px 0; -} - -.view-switch .current #view-switch-excerpt { - background-position: -60px 0; -} - -#header-logo { - background: transparent url(../images/wp-logo-vs.png?ver=20101102) no-repeat scroll center center; -} - -.popular-tags, -.feature-filter { - background-color: #fff; - border-color: #d1e5ee; -} - -div.widgets-sortables, -#widgets-left .inactive, -#available-widgets .widget-holder { - background-color: #f7fcfe; - border-color: #d0dfe9; -} - -#available-widgets .widget-description { - color: #555; -} - -.sidebar-name { - color: #464646; - text-shadow: #fff 0 1px 0; - border-color: #d0dfe9; - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; -} - -.js .sidebar-name:hover, -.js #removing-widget { - color: #d54e21; -} - -#removing-widget span { - color: black; -} - -.js .sidebar-name-arrow { - background: transparent url(../images/arrows-vs.png) no-repeat 5px 9px; -} - -.js .sidebar-name:hover .sidebar-name-arrow { - background: transparent url(../images/arrows-dark-vs.png) no-repeat 5px 9px; -} - -.in-widget-title { - color: #606060; -} - -.deleting .widget-title * { - color: #aaa; -} - -.imgedit-menu div { - border-color: #d5d5d5; - background-color: #f1f1f1; -} - -.imgedit-menu div:hover { - border-color: #c1c1c1; - background-color: #eaeaea; -} - -.imgedit-menu div.disabled { - border-color: #ccc; - background-color: #ddd; - filter: alpha(opacity=50); - opacity: 0.5; -} - -#dashboard_recent_comments div.undo { - border-top-color: #dfdfdf; -} - -.comment-ays, -.comment-ays th { - border-color: #ddd; -} - -.comment-ays th { - background-color: #f1f1f1; -} - -/* added from nav-menu.css */ -#menu-management .menu-edit { - border-color: #d0dfe9; -} - -#post-body { - background: #fff; - border-top-color: #fff; - border-bottom-color: #d0dfe9; -} - -#nav-menu-header { - border-bottom-color: #d0dfe9; -} - -#nav-menu-footer { - border-top-color: #fff; -} - -#menu-management .nav-tabs-arrow a { - color: #c1c1c1; -} - -#menu-management .nav-tabs-arrow a:hover { - color: #d54e21; -} - -#menu-management .nav-tabs-arrow a:active { - color: #464646; -} - -#menu-management .nav-tab-active { - border-color: #dfdfdf; -} - -#menu-management .nav-tab { - background: #f7fcfe; - border-color: #d0dfe9; -} - -.js .input-with-default-title { - color: #aaa; -} - -#cancel-save { - color: #f00; -} - -#cancel-save:hover { - background-color: #f00; - color: #fff; -} - -.list-container { - border-color: #dfdfdf; -} - -.menu-item-handle { - border-color: #d0dfe9; -} - -.menu li.deleting .menu-item-handle { - background-color: #f66; - text-shadow: #ccc; -} - -.item-type { /* Menu item controls */ - color: #999; -} - -.item-controls .menu-item-delete:hover { - color: #f00; -} - -.nav-menus-php .item-edit { - background: transparent url(../images/arrows-vs.png) no-repeat 8px 10px; - border-bottom-color: #eff8ff; -} - -.nav-menus-php .item-edit:hover { - background: transparent url(../images/arrows-dark-vs.png) no-repeat 8px 10px; -} - -.menu-item-settings { /* Menu editing */ - border-color: #d0dfe9; -} - -.link-to-original { - color: #777; - border-color: #d0dfe9; -} - -#cancel-save:hover { - color: #fff !important; -} - -#update-menu-item { - color: #fff !important; -} - -#update-menu-item:hover, -#update-menu-item:active, -#update-menu-item:focus { - color: #eaf2fa !important; - border-color: #13455b !important; -} - -.submitbox .submitcancel { - color: #21759b; - border-bottom-color: #21759b; -} - -.submitbox .submitcancel:hover { - background: #21759b; - color: #fff; -} -/* end added from nav-menu.css */ - -.nav-tab { - border-color: #d1e5ee #d1e5ee #fff; -} - -.nav-tab:hover, -.nav-tab-active { - border-color: #acd #acd #fff; -} - -h2.nav-tab-wrapper, h3.nav-tab-wrapper { - border-bottom-color: #acd; -} - -#menu-management .nav-tab-active, -.menu-item-handle, -.menu-item-settings { - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; -} - -#menu-management .nav-tab-active { - background: #f7fcfe; - border-bottom-color: #f7fcfe; -} - -#upload-form label { - color: #777; -} - -/* custom header & background pages */ - -/* full screen */ -.fullscreen-overlay { - background: #fff; -} - -.wp-fullscreen-focus #wp-fullscreen-title, -.wp-fullscreen-focus #wp-fullscreen-container { - border-color: #bed1dd; -} - -#fullscreen-topbar { - border-bottom-color: #d1e5ee; -} - -/* Begin About Pages */ - -.about-wrap h1 { - color: #333; - text-shadow: 1px 1px 1px #fff; -} - -.about-text { - color: #777; -} - -.wp-badge { - color: #fff; - text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3); -} - -.about-wrap h2 .nav-tab { - color: #21759b; -} - -.about-wrap h2 .nav-tab:hover { - color: #d54e21; -} - -.about-wrap h2 .nav-tab-active, -.about-wrap h2 .nav-tab-active:hover { - color: #333; -} - -.about-wrap h2 .nav-tab-active { - text-shadow: 1px 1px 1px #fff; - color: #464646; -} - -.about-wrap h3 { - color: #333; - text-shadow: 1px 1px 1px #fff; -} - -.about-wrap .feature-section h4 { - color: #464646; -} - -.about-wrap h4.wp-people-group { - text-shadow: 1px 1px 1px #fff; -} - -.about-wrap .point-releases { - border-bottom: 1px solid #dfdfdf; -} - -.about-wrap .point-releases h3 { - border-top: 1px solid #dfdfdf; -} - -.about-wrap .point-releases h3:first-child { - border: 0; -} - -.about-wrap li.wp-person img.gravatar { - -webkit-box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 ); - box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 ); -} - -.about-wrap li.wp-person .title { - color: #464646; - text-shadow: 1px 1px 1px #fff; -} - -.freedoms-php .about-wrap ol li { - color: #999; -} - -.freedoms-php .about-wrap ol p { - color: #464646; -} - -/* End About Pages */ - - -/*------------------------------------------------------------------------------ - 2.0 - Right to Left Styles -------------------------------------------------------------------------------*/ - -.rtl .bar { - border-right-color: transparent; - border-left-color: #99d; -} - -.rtl #screen-meta-links a.show-settings { - background-position: left 3px; -} - -.rtl #screen-meta-links a.show-settings.screen-meta-active { - background-position: left -33px; -} - -/* Menu */ -.rtl #adminmenushadow, -.rtl #adminmenuback { - background-image: url(../images/menu-shadow-rtl.png); - background-position: top left; -} - -.rtl #adminmenu .wp-submenu .wp-submenu-head { - border-right-color: transparent; - border-left-color: #d1e5ee; -} - -.rtl #adminmenu .wp-submenu, -.rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu { - -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); - box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); -} - -.rtl #adminmenu .wp-has-current-submenu .wp-submenu { - -webkit-box-shadow: none; - box-shadow: none; -} - -/* Collapse Menu Button */ -.rtl #collapse-button div { - background-position: 0 -108px; -} - -.rtl.folded #collapse-button div { - background-position: 0 -72px; -} - -/* Auto-folding of the admin menu for RTL */ -@media only screen and (max-width: 900px) { - .rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, - .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { - -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); - box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); - } - - .rtl.auto-fold #collapse-button div { - background-position: 0 -72px; - } -} - -/* edit image */ -.js.rtl .meta-box-sortables .postbox:hover .handlediv { - background: transparent url(../images/arrows-vs.png) no-repeat 6px 7px; -} - -.rtl #post-body .misc-pub-section { - border-right-color: transparent; - border-left-color: #d1e5ee; -} - -.js.rtl .sidebar-name-arrow { - background: transparent url(../images/arrows-vs.png) no-repeat 5px 9px; -} - -.js.rtl .sidebar-name:hover .sidebar-name-arrow { - background: transparent url(../images/arrows-dark-vs.png) no-repeat 5px 9px; -} - -/** - * HiDPI Displays - */ -@media print, - (-o-min-device-pixel-ratio: 5/4), - (-webkit-min-device-pixel-ratio: 1.25), - (min-resolution: 120dpi) { - - .curtime #timestamp { - background-image: url("../images/date-button-2x.gif?ver=20120916"); - background-size: 16px auto; - } - - .tagchecklist span a, - #bulk-titles div a, - .tagchecklist span a:hover, - #bulk-titles div a:hover { - background-image: url("../images/xit-2x.gif?ver=20120916"); - background-size: 20px auto; - } - - #screen-meta-links a.show-settings, - #screen-meta-links a.show-settings.screen-meta-active, - #adminmenu .wp-has-submenu:hover .wp-menu-toggle, - #adminmenu .wp-menu-open .wp-menu-toggle, - #collapse-button div, - .nav-menus-php .item-edit, - .js .meta-box-sortables .postbox:hover .handlediv, - .sidebar-name-arrow, - .rtl #adminmenu .wp-has-submenu:hover .wp-menu-toggle, - .rtl #adminmenu .wp-menu-open .wp-menu-toggle, - .js.rtl .meta-box-sortables .postbox:hover .handlediv, - .rtl .sidebar-name-arrow { - background-image: url("../images/arrows-vs-2x.png?ver=20120916"); - background-size: 15px 123px; - } - - #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle, - #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle, - .nav-menus-php .item-edit:hover, - .sidebar-name:hover .sidebar-name-arrow, - .rtl #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle, - .rtl #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle, - .rtl .sidebar-name:hover .sidebar-name-arrow { - background-image: url("../images/arrows-dark-vs-2x.png?ver=20120916"); - background-size: 15px 123px; - } - - .view-switch #view-switch-list, - .view-switch #view-switch-excerpt { - background-image: url("../images/list-2x.png?ver=20120916"); - background-size: 80px 20px; - } - - .icon32.icon-post, - #icon-edit, - #icon-post, - .icon32.icon-dashboard, - #icon-index, - .icon32.icon-media, - #icon-upload, - .icon32.icon-links, - #icon-link-manager, - #icon-link, - #icon-link-category, - .icon32.icon-page, - #icon-edit-pages, - #icon-page, - .icon32.icon-comments, - #icon-edit-comments, - .icon32.icon-appearance, - #icon-themes, - .icon32.icon-plugins, - #icon-plugins, - .icon32.icon-users, - #icon-users, - #icon-profile, - #icon-user-edit, - .icon32.icon-tools, - #icon-tools, - #icon-admin, - .icon32.icon-settings, - #icon-options-general, - .icon32.icon-site, - #icon-ms-admin, - .icon32.icon-generic, - #icon-generic { - background-image: url(../images/icons32-vs-2x.png?ver=20121105); - background-size: 756px 45px; - } - - .icon16.icon-dashboard, - .menu-icon-dashboard div.wp-menu-image, - .icon16.icon-post, - .menu-icon-post div.wp-menu-image, - .icon16.icon-media, - .menu-icon-media div.wp-menu-image, - .icon16.icon-links, - .menu-icon-links div.wp-menu-image, - .icon16.icon-page, - .menu-icon-page div.wp-menu-image, - .icon16.icon-comments, - .menu-icon-comments div.wp-menu-image, - .icon16.icon-appearance, - .menu-icon-appearance div.wp-menu-image, - .icon16.icon-plugins, - .menu-icon-plugins div.wp-menu-image, - .icon16.icon-users, - .menu-icon-users div.wp-menu-image, - .icon16.icon-tools, - .menu-icon-tools div.wp-menu-image, - .icon16.icon-settings, - .menu-icon-settings div.wp-menu-image, - .icon16.icon-site, - .menu-icon-site div.wp-menu-image, - .icon16.icon-generic, - .menu-icon-generic div.wp-menu-image { - background-image: url('../images/menu-vs-2x.png?ver=20121105'); - background-size: 390px 64px; - } - - #header-logo { - background-image: url('../images/wp-logo-vs-2x.png?ver=20120916'); - background-size: 16px auto; - } - - /* 16px post formats */ - .post-format-icon { - background-image: url(../images/post-formats32-vs.png); - background-size: 16px 304px; - } - -} diff --git a/src/wp-admin/css/colors-fresh.css b/src/wp-admin/css/colors-fresh.css index 547d6f4173..1c828d91b3 100644 --- a/src/wp-admin/css/colors-fresh.css +++ b/src/wp-admin/css/colors-fresh.css @@ -1,8 +1,9 @@ /*------------------------------------------------------------------------------ +This is MP6 as of r800130 Howdy! This is the CSS file that controls the -Gray (fresh) color style on the WordPress Dashboard. +fresh color style on the WordPress Dashboard. This file contains both LTR and RTL styles. @@ -20,10 +21,127 @@ TABLE OF CONTENTS: 1.0 - Left to Right Styles ------------------------------------------------------------------------------*/ +html { + background: #eee; +} + +/* Checkbooms */ + +input[type=checkbox], +input[type=radio] { + background: #fff; + border-color: #bbb !important; + 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; +} + +#wpbody select { + border-color: #bbb; +} + +.wp-core-ui input[type="reset"]:hover, +.wp-core-ui input[type="reset"]:active { + color: #2ea2cc; +} + + +/* Helper classes for pulling MP6 colors */ + +.mp6-primary { + color: #fff; + background-color: #333; +} +.mp6-text-primary { + color: #333; +} + +.mp6-highlight { + color: white; + background-color: #1e8cbe; +} +.mp6-text-highlight { + color: #1e8cbe; +} + +.mp6-notification { + color: #fff; + background-color: #D54E21; +} +.mp6-text-notification { + color: #D54E21; +} + +.mp6-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: #eee; +} + +#dashboard_right_now .t, +#dashboard_right_now .b { + color: #777; +} + +#the-comment-list .comment-item p.row-actions, +#dashboard_recent_comments .subsubsub, +.plugins .row-actions-visible, +.row-actions { + color: #ddd; +} + .find-box-search, .find-box-buttons { background-color: #f7f7f7; - border-top: 1px solid #ddd; + border-top: 1px solid #dfdfdf; } .find-box { @@ -46,7 +164,7 @@ body, #wpbody, .form-table .pre, .ui-autocomplete li a { - color: #333; + color: #555; } body > #upload-menu { @@ -84,8 +202,16 @@ div.dashboard-widget, } table.widefat { - border-color: #dfdfdf; - background-color: #f9f9f9; + border-color: #fff; + background-color: #fff; +} + +th .comment-grey-bubble:before { + color: #444; +} + +.sorting-indicator:before { + color: #444; } div.dashboard-widget-error { @@ -109,7 +235,7 @@ div.tabs-panel, ul.add-menu-item-tabs li.tabs, .wp-tab-active { border-color: #dfdfdf; - background-color: #fff; + background-color: #fdfdfd; } ul.category-tabs li.tabs { @@ -119,31 +245,54 @@ ul.category-tabs li.tabs { ul.category-tabs li.tabs, ul.add-menu-item-tabs li.tabs, .wp-tab-active { - background-color: #fff; + background-color: #fdfdfd; } kbd, code { background: #eaeaea; + background: rgba(0,0,0,0.07); } textarea, input[type="text"], input[type="password"], -input[type="file"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], +.titlewrap input { + box-shadow: inset 0 1px 2px 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: #dfdfdf; + border-color: #dedede; +} + +.inside textarea, +.inside input[type="text"], +.inside input[type="password"], +.inside input[type="email"], +.inside input[type="number"], +.inside input[type="search"], +.inside input[type="tel"], +.inside input[type="url"] { + border-color: #ddd; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, -input[type="file"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, @@ -153,9 +302,15 @@ select:focus { border-color: #aaa; } +input:disabled, input.disabled, +textarea:disabled, textarea.disabled { - background-color: #ccc; + -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, @@ -164,42 +319,66 @@ textarea.disabled { color: #fff; } -.revisions-meta, +/* .widget .widget-top, .postbox h3, .stuffbox h3, -.widefat thead tr th, -.widefat tfoot tr th, +.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 { - background: #f1f1f1; - background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9)); - background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9); - background-image: -moz-linear-gradient(bottom, #ececec, #f9f9f9); - background-image: -o-linear-gradient(bottom, #ececec, #f9f9f9); - background-image: linear-gradient(to top, #ececec, #f9f9f9); +.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; +} -.widget .widget-top, -.postbox h3, -.stuffbox h3 { - border-bottom-color: #dfdfdf; - text-shadow: #fff 0 1px 0; - -webkit-box-shadow: 0 1px 0 #fff; - box-shadow: 0 1px 0 #fff; +.widefat thead th { + border-bottom: 1px solid #e1e1e1; } .form-table th, .form-wrap label { color: #222; - text-shadow: #fff 0 1px 0; +} + +.form-table th { + border-bottom: 1px solid #dfdfdf; +} + +.form-table td { + border-bottom: 1px solid #dfdfdf; +} +.form-table.editcomment td { + border-bottom: none; } .description, @@ -208,7 +387,20 @@ h3.dashboard-widget-title small, } strong .post-com-count span { - background-color: #21759b; + 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 { @@ -221,12 +413,19 @@ strong .post-com-count span { } .wrap h2 { - color: #464646; + color: #000; } .wrap .add-new-h2, -.wrap .add-new-h2:active { - background: #f1f1f1; +.wrap .add-new-h2:active, +#add-new-comment a { + background: #e0e0e0; +} + +.wrap .add-new-h2:hover, +#add-new-comment a:hover { + background: #2ea2cc; + color: #fff; } .subtitle { @@ -248,12 +447,12 @@ strong .post-com-count span { .alternate, .alt { - background-color: #fcfcfc; + background-color: #f9f9f9; } .available-theme a.screenshot { - background-color: #f1f1f1; - border-color: #ddd; + background-color: #fff; + border-color: #ccc; } #current-theme { @@ -265,25 +464,6 @@ strong .post-com-count span { border-right-color: #99d; } -#media-upload, -#media-upload .media-item .slidetoggle { - background: #fff; -} - -#media-upload .slidetoggle { - border-top-color: #dfdfdf; -} - -div.error, -.login #login_error { - background-color: #ffebe8; - border-color: #c00; -} - -div.error a { - color: #c00; -} - .form-invalid { background-color: #ffebe8 !important; } @@ -295,7 +475,7 @@ div.error a { .submit, #commentsdiv #add-new-comment { - border-color: #dfdfdf; + border: none; } .highlight { @@ -335,7 +515,7 @@ td.help { } .post-com-count:hover span { - background-color: #d54e21; + background-color: #2ea2cc; } .quicktags, .search { @@ -353,7 +533,7 @@ td.help { a:hover, a:active { - color: #d54e21; + color: #2ea2cc; } a:focus { @@ -363,22 +543,18 @@ a:focus { #adminmenu a:hover, #adminmenu li.menu-top > a:focus, #adminmenu .wp-submenu a:hover, -#the-comment-list .comment a:hover, #rightnow a:hover, #media-upload a.del-link:hover, div.dashboard-widget-submit input:hover, .subsubsub a:hover, .subsubsub a.current:hover, -.ui-tabs-nav a:hover, -.plugins .inactive a:hover, -#all-plugins-table .plugins .inactive a:hover, -#search-plugins-table .plugins .inactive a:hover { - color: #d54e21; +.ui-tabs-nav a:hover { + color: #2ea2cc; } #the-comment-list .comment-item, #dashboard-widgets #dashboard_quick_press form p.submit { - border-color: #dfdfdf; + border: none; } #side-sortables .category-tabs .tabs a, @@ -392,9 +568,8 @@ div.dashboard-widget-submit input:hover, color: #264761; } -#dashboard_right_now .table_content, -#dashboard_right_now .table_discussion { - border-top-color: #ececec; +p.submit { + border-top-color: #dfdfdf; } .submitbox .submit { @@ -402,21 +577,36 @@ div.dashboard-widget-submit input:hover, color: #ccc; } +table.widefat span.delete a, +table.widefat span.trash a, +table.widefat span.spam a, +#dashboard_recent_comments .delete a, +#dashboard_recent_comments .trash a, +#dashboard_recent_comments .spam a, +.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, +#dashboard_recent_comments .delete a:hover, +#dashboard_recent_comments .trash a:hover, +#dashboard_recent_comments .spam a:hover, .plugins a.delete:hover, #all-plugins-table .plugins a.delete:hover, #search-plugins-table .plugins a.delete:hover, -.submitbox .submitdelete { - color: #f00; - border-bottom-color: #f00; -} - .submitbox .submitdelete:hover, #media-items a.delete:hover, #media-items a.delete-permanently:hover, #nav-menu-footer .menu-delete:hover { - color: #fff; - background-color: #f00; - border-bottom-color: #f00; + color: #f00; } #normal-sortables .submitbox .submitdelete:hover { @@ -432,19 +622,41 @@ div.dashboard-widget-submit input:hover, .tablenav .next, .tablenav .prev { border-color: transparent; - color: #21759b; + color: #0074a2; } .tablenav .next:hover, .tablenav .prev:hover { border-color: transparent; - color: #d54e21; + color: #2ea2cc; } div.updated, -.login .message { - background-color: #ffffe0; - border-color: #e6db55; +.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 { @@ -461,17 +673,9 @@ a.page-numbers { .widefat td, .widefat th { - border-top-color: #fff; - border-bottom-color: #dfdfdf; -} - -.widefat th { - text-shadow: rgba(255,255,255,0.8) 0 1px 0; -} - -.widefat td { color: #555; } + .widefat p, .widefat ol, .widefat ul { @@ -486,6 +690,7 @@ h3.dashboard-widget-title small { color: #333; } +th.manage-column a, th.sortable a:hover, th.sortable a:active, th.sortable a:focus { @@ -494,11 +699,6 @@ th.sortable a:focus { th.sortable a:focus { background: #e1e1e1; - background-image: -webkit-gradient(linear, left bottom, left top, from(#dcdcdc), to(#e9e9e9)); - background-image: -webkit-linear-gradient(bottom, #dcdcdc, #e9e9e9); - background-image: -moz-linear-gradient(bottom, #dcdcdc, #e9e9e9); - background-image: -o-linear-gradient(bottom, #dcdcdc, #e9e9e9); - background-image: linear-gradient(to top, #dcdcdc, #e9e9e9); } h3.dashboard-widget-title small a { @@ -510,36 +710,55 @@ h3.dashboard-widget-title small a:hover { } a, -#adminmenu a, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-items a.delete, #media-items a.delete-permanently, .plugins a.delete, -.ui-tabs-nav a { - color: #21759b; +.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; + -webkit-transition: all .1s ease-in-out; + -moz-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; } #adminmenu .awaiting-mod, #adminmenu .update-plugins, #sidemenu a .update-plugins, #rightnow .reallynow { - background-color: #464646; + background-color: #d54e21; color: #fff; - -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0; - box-shadow: rgba(255,255,255,0.5) 0 1px 0; } #plugin-information .action-button { - background-color: #d54e21; + background-color: #2ea2cc; color: #fff; } #adminmenu li.current a .awaiting-mod, -#adminmenu li a.wp-has-current-submenu .update-plugins{ - background-color: #464646; +#adminmenu li a.wp-has-current-submenu .update-plugins { + background-color: #2ea2cc; color: #fff; - -webkit-box-shadow: rgba(255,255,255,0.5) 0 1px 0; - box-shadow: rgba(255,255,255,0.5) 0 1px 0; } div#media-upload-header, @@ -571,19 +790,13 @@ input.readonly, textarea.readonly { color: #777; } -.login #nav a, -.login #backtoblog a { - color: #21759b !important; -} - -.login #nav a:hover, -.login #backtoblog a:hover { - color: #d54e21 !important; +.plugins .inactive a:hover { + color: #2ea2cc; } #wpfooter { color: #777; - border-color: #dfdfdf; + border-color: transparent; } .imgedit-group, @@ -592,28 +805,37 @@ input.readonly, textarea.readonly { border-color: #dfdfdf; } -.checkbox, -.side-info, -.plugins tr, -#your-profile #rich_editing { - background-color: #fcfcfc; +.plugins .plugin-description p, +.plugins .plugin-version-author-uri { + color: #333; } -.plugins .inactive, -.plugins .inactive th, -.plugins .inactive td, -tr.inactive + tr.plugin-update-tr .plugin-update { - background-color: #f4f4f4; +.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: #fffbe4; - border-color: #dfdfdf; + background-color: #f7f7f7; + background-color: rgba(0,0,0,0.03); } -.plugins .active, -.plugins .active th, -.plugins .active td { +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; } @@ -621,13 +843,104 @@ tr.inactive + tr.plugin-update-tr .plugin-update { color: #579; } +.plugins tr { + background: #fff; +} + +.plugins .inactive td, +.plugins .inactive th, +.plugins .active td, +.plugins .active th, +.plugin-install #the-list td { + -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); + box-shadow: inset 0 -1px 0 rgba(0,0,0,0.1); +} + +.plugins .update td, +.plugins .update th { + -webkit-box-shadow: none; + box-shadow: none; +} + +.plugins .active td, +.plugins .active th, +tr.active + tr.plugin-update-tr .plugin-update { + background-color: #f7fcfe; +} + +.plugins .active.update td, +.plugins .active.update th, +tr.active.update + tr.plugin-update-tr .plugin-update { + 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 { - background-color: #ffffe0; +#the-comment-list .unapproved th, +#the-comment-list .unapproved td, +#dashboard_recent_comments #the-comment-list .unapproved { + background-color: #fefaf7; +} + +#the-comment-list .unapproved th.check-column, +#dashboard_recent_comments #the-comment-list .unapproved { + border-left: 4px solid #d54e21; +} + +#dashboard_recent_comments #the-comment-list .unapproved .avatar { + margin-left: -4px; } #the-comment-list .approve a { @@ -638,65 +951,103 @@ tr.inactive + tr.plugin-update-tr .plugin-update { color: #d98500; } -table.widefat span.delete a, -table.widefat span.trash a, -table.widefat span.spam a, -#dashboard_recent_comments .delete a, -#dashboard_recent_comments .trash a, -#dashboard_recent_comments .spam a { - color: #bc0b0b; +#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); } -.welcome-panel { - background: #f5f5f5; - background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#fafafa)); - background-image: -webkit-linear-gradient(bottom, #f5f5f5, #fafafa); - background-image: -moz-linear-gradient(bottom, #f5f5f5, #fafafa); - background-image: -o-linear-gradient(bottom, #f5f5f5, #fafafa); - background-image: linear-gradient(to top, #f5f5f5, #fafafa); - border-color: #dfdfdf; +#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); +} + +.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 h3 { - text-shadow: 1px 1px 1px #fff; + +.welcome-panel .welcome-icon:before { + color: #888; } .widget, -#widget-list .widget-top, +#available-widgets .widget-top, +.menu-item-settings, .postbox, -#titlediv, -#poststuff .postarea, -.stuffbox { - border-color: #dfdfdf; - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; - -webkit-border-radius: 3px; - border-radius: 3px; +#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 { + border: 1px solid #dedede; + -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); } -.widget, -#widget-list .widget-top, +.wp-editor-container { + border-bottom: none; +} + +#available-widgets .widget, +.widget.ui-sortable-helper { + -webkit-box-shadow: none; + box-shadow: none; +} + +.postbox table.widefat { + -webkit-box-shadow: none; + box-shadow: none; +} + +.welcome-panel, .postbox, -.menu-item-settings { - background: #f5f5f5; - background-image: -webkit-gradient(linear, left bottom, left top, from(#f5f5f5), to(#f9f9f9)); - background-image: -webkit-linear-gradient(bottom, #f5f5f5, #f9f9f9); - background-image: -moz-linear-gradient(bottom, #f5f5f5, #f9f9f9); - background-image: -o-linear-gradient(bottom, #f5f5f5, #f9f9f9); - background-image: linear-gradient(to top, #f5f5f5, #f9f9f9); +table.widefat, +.wp-editor-container, +.stuffbox, +p.popular-tags, +.widgets-holder-wrap, +.popular-tags, +.feature-filter { + background: #fff; } -.postbox h3 { - color: #464646; +.postbox h3, +#namediv h3, +#submitdiv h3, +#dashboard_recent_comments .comment { + color: #555; + border-bottom: 1px solid #eeeeee; } -.widget .widget-top { - color: #222; +.widget .widget-top, +.menu-item-handle { + background: #e9e9e9; + color: #333; } .js .sidebar-name:hover h3, @@ -704,8 +1055,12 @@ table.widefat span.spam a, color: #000; } -.curtime #timestamp { - background-image: url(../images/date-button.gif); +#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 { @@ -716,31 +1071,31 @@ table.widefat span.spam a, color: #448abd; } -.tagchecklist span a, -#bulk-titles div a { - background: url(../images/xit.gif) no-repeat; +#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; } -.tagchecklist span a:hover, -#bulk-titles div a:hover { - background: url(../images/xit.gif) no-repeat -10px 0; -} - -#update-nag, .update-nag { - background-color: #fffbcc; - border-color: #e6db55; - color: #555; +#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: #f1f1f1; - border-color: #ccc; - -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 ); - box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.05 ); + background-color: #fff; + border: 1px solid #dedede; + 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: #fff; + background: #f6fbfd; } .contextual-help-tabs a:hover { @@ -748,69 +1103,63 @@ table.widefat span.spam a, } #contextual-help-back, +.contextual-help-tabs .active a { + border-color: #e1e1e1; +} + .contextual-help-tabs .active { - border-color: #ccc; + 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: #fff; + background: #f6fbfd; color: #333; } /* screen options and help tabs */ #screen-options-link-wrap, #contextual-help-link-wrap { - border-right: 1px solid #ccc; - border-left: 1px solid #ccc; - border-bottom: 1px solid #ccc; - background: #e3e3e3; - background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#f1f1f1)); - background-image: -webkit-linear-gradient(bottom, #dfdfdf, #f1f1f1); - background-image: -moz-linear-gradient(bottom, #dfdfdf, #f1f1f1); - background-image: -o-linear-gradient(bottom, #dfdfdf, #f1f1f1); - background-image: linear-gradient(to top, #dfdfdf, #f1f1f1); + border: 1px solid #dedede; + 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; - background: transparent url(../images/arrows.png) no-repeat right 4px; +} + +#screen-meta-links a:after { + color: #bbb; } #screen-meta-links a:hover, #screen-meta-links a:active { color: #333; - background-color: transparent; } -#screen-meta-links a.screen-meta-active { - background-position: right -31px; +#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 */ -.login #backtoblog a { - color: #464646; -} - #wphead { - border-bottom: #dfdfdf 1px solid; + border-bottom-color: #dfdfdf; } #wphead h1 a { color: #464646; } -#wpfooter a:link, -#wpfooter a:visited { - text-decoration: none; -} - -#wpfooter a:hover { - text-decoration: underline; -} - .file-error, abbr.required, .widget-control-remove:hover, @@ -849,12 +1198,12 @@ table.widefat .spam a:hover, } #post-status-info { - border-color: #dfdfdf #ccc #ccc; - background-color: #eaeaea; + background-color: #f7f7f7; } -.editwidget .widget-inside { - border-color: #dfdfdf; +.widget-inside, +.menu-item-settings { + background: #eee; } #titlediv #title { @@ -873,48 +1222,40 @@ table.widefat .spam a:hover, /* menu */ #adminmenuback, #adminmenuwrap { - background-color: #ececec; - border-color: #ccc; -} - -#adminmenushadow, -#adminmenuback { - background-image: url(../images/menu-shadow.png); - background-position: top right; - background-repeat: repeat-y; + background-color: #222; } #adminmenu li.wp-menu-separator { - background: #dfdfdf; - border-color: #cfcfcf; + background: transparent; + border-color: transparent; } #adminmenu div.separator { - border-color: #e1e1e1; -} - -#adminmenu a.menu-top, -#adminmenu .wp-submenu .wp-submenu-head { - border-top-color: #f9f9f9; - border-bottom-color: #dfdfdf; + border-color: transparent; } #adminmenu li.wp-menu-open { border-color: #dfdfdf; } +#adminmenu li.menu-top, +#adminmenu li.opensub > a.menu-top, +#adminmenu li > a.menu-top { + -webkit-transition: all .1s ease-in-out; + -moz-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; +} + #adminmenu li.menu-top:hover, #adminmenu li.opensub > a.menu-top, #adminmenu li > a.menu-top:focus { - background-color: #e4e4e4; - color: #d54e21; - text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.4 ); + background-color: #111; + color: #2ea2cc; } -/* So it doesn't get applied to the number spans (comments, updates, etc) */ -#adminmenu li.menu-top:hover > a span, -#adminmenu li.menu-top > a:focus span { - text-shadow: none; +/* 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, @@ -922,443 +1263,123 @@ table.widefat .spam a:hover, .folded #adminmenu li.wp-has-current-submenu, .folded #adminmenu li.current.menu-top, #adminmenu .wp-menu-arrow, -#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head { - background: #777; - background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080)); - background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080); - background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080); - background-image: -o-linear-gradient(bottom, #6d6d6d, #808080); - background-image: linear-gradient(to top, #6d6d6d, #808080); -} - +#adminmenu .wp-has-current-submenu .wp-submenu .wp-submenu-head, #adminmenu .wp-menu-arrow div { - background: #777; - background-image: -webkit-gradient(linear, right bottom, left top, from(#6d6d6d), to(#808080)); - background-image: -webkit-linear-gradient(bottom right, #6d6d6d, #808080); - background-image: -moz-linear-gradient(bottom right, #6d6d6d, #808080); - background-image: -o-linear-gradient(bottom right, #6d6d6d, #808080); - background-image: linear-gradient(to top left, #6d6d6d, #808080); + background: #0074a2; } #adminmenu li.wp-not-current-submenu .wp-menu-arrow { border-top-color: #f9f9f9; border-bottom-color: #dfdfdf; - background: #e4e4e4; + background: transparent; } #adminmenu li.wp-not-current-submenu .wp-menu-arrow div { - background: #e4e4e4; - border-color: #ccc; -} - -.folded #adminmenu li.menu-top li:hover a { - background-image: none; + 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 { - text-shadow: 0 -1px 0 #333; color: #fff; - border-top-color: #808080; - border-bottom-color: #6d6d6d; } .folded #adminmenu li.wp-has-current-submenu, .folded #adminmenu li.current.menu-top { - border-top-color: #808080; - border-bottom-color: #6d6d6d; -} - -#adminmenu .wp-submenu a:hover, -#adminmenu .wp-submenu a:focus { - background-color: #eaf2fa; - color: #333; + 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 .wp-submenu li.current a:hover { - color: #333; +#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: #fff; - border-color: #dfdfdf; - -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4); - box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4); + 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 { - background-color: #e4e4e4; - color: #333; + color: #fff; } /* collapse menu button */ #collapse-menu { color: #aaa; - border-top-color: #f9f9f9; + -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; } -#collapse-button { - border-color: #ccc; - background: #f4f4f4; - background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#fff)); - background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fff); - background-image: -moz-linear-gradient(bottom, #dfdfdf, #fff); - background-image: -o-linear-gradient(bottom, #dfdfdf, #fff); - background-image: linear-gradient(to top, #dfdfdf, #fff); +.icon16:before { + color: #999; } -#collapse-menu:hover #collapse-button { - border-color: #aaa; +#adminmenu li.wp-has-current-submenu:hover div.wp-menu-image:before { + color: #fff; } -#collapse-button div { - background: transparent url(../images/arrows.png) no-repeat 0 -72px; +#adminmenu li:hover div.wp-menu-image:before { + color: #2ea2cc; } -.folded #collapse-button div { - background-position: 0 -108px; -} - -/* Auto-folding of the admin menu */ -@media only screen and (max-width: 900px) { - .auto-fold #adminmenu li.wp-has-current-submenu, - .auto-fold #adminmenu li.current.menu-top { - background-color: #777; - background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080)); - background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080); - background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080); - background-image: -o-linear-gradient(bottom, #6d6d6d, #808080); - background-image: linear-gradient(bottom, #6d6d6d, #808080); - } - - .auto-fold #adminmenu li.wp-has-current-submenu, - .auto-fold #adminmenu li.current.menu-top { - border-top-color: #808080; - border-bottom-color: #6d6d6d; - } - - .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, - .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { - background-color: #fff; - border-color: #dfdfdf; - -webkit-box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4); - box-shadow: 2px 3px 6px rgba(0, 0, 0, 0.4); - } - - .auto-fold #collapse-button div { - background-position: 0 -108px; - } -} - -/* menu and screen icons */ -.icon16, -.icon32, -div.wp-menu-image { - background-color: transparent; - background-repeat: no-repeat; -} - -.icon16.icon-dashboard, -.menu-icon-dashboard div.wp-menu-image, -.icon16.icon-post, -.menu-icon-post div.wp-menu-image, -.icon16.icon-media, -.menu-icon-media div.wp-menu-image, -.icon16.icon-links, -.menu-icon-links div.wp-menu-image, -.icon16.icon-page, -.menu-icon-page div.wp-menu-image, -.icon16.icon-comments, -.menu-icon-comments div.wp-menu-image, -.icon16.icon-appearance, -.menu-icon-appearance div.wp-menu-image, -.icon16.icon-plugins, -.menu-icon-plugins div.wp-menu-image, -.icon16.icon-users, -.menu-icon-users div.wp-menu-image, -.icon16.icon-tools, -.menu-icon-tools div.wp-menu-image, -.icon16.icon-settings, -.menu-icon-settings div.wp-menu-image, -.icon16.icon-site, -.menu-icon-site div.wp-menu-image, -.icon16.icon-generic, -.menu-icon-generic div.wp-menu-image { - background-image: url(../images/menu.png?ver=20121105); -} - -.icon16.icon-dashboard, -#adminmenu .menu-icon-dashboard div.wp-menu-image { - background-position: -59px -33px; -} - -#adminmenu .menu-icon-dashboard:hover div.wp-menu-image, -#adminmenu .menu-icon-dashboard.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-dashboard.current div.wp-menu-image { - background-position: -59px -1px; -} - -.icon16.icon-post, -#adminmenu .menu-icon-post div.wp-menu-image { - background-position: -269px -33px; -} - -#adminmenu .menu-icon-post:hover div.wp-menu-image, -#adminmenu .menu-icon-post.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-post.current div.wp-menu-image { - background-position: -269px -1px; -} - -.icon16.icon-media, -#adminmenu .menu-icon-media div.wp-menu-image { - background-position: -119px -33px; -} - -#adminmenu .menu-icon-media:hover div.wp-menu-image, -#adminmenu .menu-icon-media.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-media.current div.wp-menu-image { - background-position: -119px -1px; -} - -.icon16.icon-links, -#adminmenu .menu-icon-links div.wp-menu-image { - background-position: -89px -33px; -} - -#adminmenu .menu-icon-links:hover div.wp-menu-image, -#adminmenu .menu-icon-links.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-links.current div.wp-menu-image { - background-position: -89px -1px; -} - -.icon16.icon-page, -#adminmenu .menu-icon-page div.wp-menu-image { - background-position: -149px -33px; -} - -#adminmenu .menu-icon-page:hover div.wp-menu-image, -#adminmenu .menu-icon-page.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-page.current div.wp-menu-image { - background-position: -149px -1px; -} - -.icon16.icon-comments, -#adminmenu .menu-icon-comments div.wp-menu-image { - background-position: -29px -33px; -} - -#adminmenu .menu-icon-comments:hover div.wp-menu-image, -#adminmenu .menu-icon-comments.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-comments.current div.wp-menu-image { - background-position: -29px -1px; -} - -.icon16.icon-appearance, -#adminmenu .menu-icon-appearance div.wp-menu-image { - background-position: 1px -33px; -} - -#adminmenu .menu-icon-appearance:hover div.wp-menu-image, -#adminmenu .menu-icon-appearance.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-appearance.current div.wp-menu-image { - background-position: 1px -1px; -} - -.icon16.icon-plugins, -#adminmenu .menu-icon-plugins div.wp-menu-image { - background-position: -179px -33px; -} - -#adminmenu .menu-icon-plugins:hover div.wp-menu-image, -#adminmenu .menu-icon-plugins.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-plugins.current div.wp-menu-image { - background-position: -179px -1px; -} - -.icon16.icon-users, -#adminmenu .menu-icon-users div.wp-menu-image { - background-position: -300px -33px; -} - -#adminmenu .menu-icon-users:hover div.wp-menu-image, -#adminmenu .menu-icon-users.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-users.current div.wp-menu-image { - background-position: -300px -1px; -} - -.icon16.icon-tools, -#adminmenu .menu-icon-tools div.wp-menu-image { - background-position: -209px -33px; -} - -#adminmenu .menu-icon-tools:hover div.wp-menu-image, -#adminmenu .menu-icon-tools.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-tools.current div.wp-menu-image { - background-position: -209px -1px; -} - -.icon16.icon-settings, -#adminmenu .menu-icon-settings div.wp-menu-image { - background-position: -239px -33px; -} - -#adminmenu .menu-icon-settings:hover div.wp-menu-image, -#adminmenu .menu-icon-settings.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-settings.current div.wp-menu-image { - background-position: -239px -1px; -} - -.icon16.icon-site, -#adminmenu .menu-icon-site div.wp-menu-image { - background-position: -359px -33px; -} - -#adminmenu .menu-icon-site:hover div.wp-menu-image, -#adminmenu .menu-icon-site.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-site.current div.wp-menu-image { - background-position: -359px -1px; -} - -.icon16.icon-generic, -#adminmenu .menu-icon-generic div.wp-menu-image { - background-position: -330px -33px; -} - -#adminmenu .menu-icon-generic:hover div.wp-menu-image, -#adminmenu .menu-icon-generic.wp-has-current-submenu div.wp-menu-image, -#adminmenu .menu-icon-generic.current div.wp-menu-image { - background-position: -330px -1px; -} - -/* end menu and screen icons */ - -/* Screen Icons */ -.icon32.icon-post, -#icon-edit, -#icon-post, -.icon32.icon-dashboard, -#icon-index, -.icon32.icon-media, -#icon-upload, -.icon32.icon-links, -#icon-link-manager, -#icon-link, -#icon-link-category, -.icon32.icon-page, -#icon-edit-pages, -#icon-page, -.icon32.icon-comments, -#icon-edit-comments, -.icon32.icon-appearance, -#icon-themes, -.icon32.icon-plugins, -#icon-plugins, -.icon32.icon-users, -#icon-users, -#icon-profile, -#icon-user-edit, -.icon32.icon-tools, -#icon-tools, -#icon-admin, -.icon32.icon-settings, -#icon-options-general, -.icon32.icon-site, -#icon-ms-admin, -.icon32.icon-generic, -#icon-generic { - background-image: url(../images/icons32.png?ver=20121105); -} - -.icon32.icon-post, -#icon-edit, -#icon-post { - background-position: -552px -5px; -} - -.icon32.icon-dashboard, -#icon-index { - background-position: -137px -5px; -} - -.icon32.icon-media, -#icon-upload { - background-position: -251px -5px; -} - -.icon32.icon-links, -#icon-link-manager, -#icon-link, -#icon-link-category { - background-position: -190px -5px; -} - -.icon32.icon-page, -#icon-edit-pages, -#icon-page { - background-position: -312px -5px; -} - -.icon32.icon-comments, -#icon-edit-comments { - background-position: -72px -5px; -} - -.icon32.icon-appearance, -#icon-themes { - background-position: -11px -5px; -} - -.icon32.icon-plugins, -#icon-plugins { - background-position: -370px -5px; -} - -.icon32.icon-users, -#icon-users, -#icon-profile, -#icon-user-edit { - background-position: -600px -5px; -} - -.icon32.icon-tools, -#icon-tools, -#icon-admin { - background-position: -432px -5px; -} - -.icon32.icon-settings, -#icon-options-general { - background-position: -492px -5px; -} - -.icon32.icon-site, -#icon-ms-admin { - background-position: -659px -5px; -} - -.icon32.icon-generic, -#icon-generic { - background-position: -708px -5px; -} - -/* end screen icons */ - -/* Post format icons */ - -.post-format-icon { - background: url(../images/post-formats.png) no-repeat; +#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; } /* 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; } @@ -1375,55 +1396,56 @@ table.diff .diff-addedline ins { background-color: #afa; } -.revisions-meta { - border: 1px solid #dfdfdf; -} - -.revisions-controls { - background: #fff; - background: -webkit-gradient(linear, left bottom, left top, color-stop(0%,rgba(255,255,255,1)), color-stop(30px,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); - background: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%); - background: -moz-linear-gradient(bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%); - background: -o-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%); - background: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30px, rgba(255,255,255,1) 100%); -} - .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 { - border-color: #ccc; - border-radius: 50%; - background: #f4f4f4; - background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), to(#fff)); - background-image: -webkit-linear-gradient(bottom, #dfdfdf, #fff); - background-image: -moz-linear-gradient(bottom, #dfdfdf, #fff); - background-image: -o-linear-gradient(bottom, #dfdfdf, #fff); - background-image: linear-gradient(to top, #dfdfdf, #fff); - color: #333; -} - -.wp-slider .ui-slider-handle:hover, -.wp-slider .ui-slider-handle:focus { - border-color: #aaa; -} - +.wp-slider .ui-slider-handle, .wp-slider .ui-slider-handle.ui-state-hover, -.wp-slider .ui-slider-handle.ui-state-focus { - border-color: #aaa; - outline: none; +.wp-slider .ui-slider-handle.focus { + background: #2ea2cc; + background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#2ea2cc), color-stop(100%,#1e8cbe)); + background: -webkit-linear-gradient(-45deg, #2ea2cc 0%,#1e8cbe 100%); + background: linear-gradient(135deg, #2ea2cc 0%,#1e8cbe 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ea2cc', endColorstr='#1e8cbe',GradientType=1 ); + box-shadow: 0 1px 3px rgba(0,0,0,0.1); +} + +.wp-slider .ui-slider-handle:before { + color: #fff; + text-shadow: 0 1px 1px rgba(0,116,162,1); +} + +.wp-slider .ui-slider-handle.ui-state-active { + background: #0074a2; + background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#0074a2), color-stop(100%,#005684)); + background: -webkit-linear-gradient(-45deg, #0074a2 0%,#005684 100%); + background: linear-gradient(135deg, #0074a2 0%,#005684 100%); + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0074a2', endColorstr='#005684',GradientType=1 ); } /* edit image */ @@ -1434,9 +1456,9 @@ table.diff .diff-addedline ins { } #sidemenu a.current { - background-color: #fff; - border-color: #dfdfdf #dfdfdf #fff; - color: #d54e21; + background-color: #eee; + border-color: #dfdfdf #dfdfdf #eee; + color: #000; } #replyerror { @@ -1452,6 +1474,11 @@ table.diff .diff-addedline ins { } /* Install Plugins */ + +#plugin-information { + height: auto; +} + #plugin-information .fyi ul { background-color: #eaf3fa; } @@ -1466,7 +1493,7 @@ table.diff .diff-addedline ins { } #plugin-information pre { - border: 1px solid #ccc; + border-color: #ccc; } /* inline editor */ @@ -1492,11 +1519,11 @@ fieldset.inline-edit-col-right .inline-edit-col { } .attention { - color: #d54e21; + color: #2ea2cc; } -.js .meta-box-sortables .postbox:hover .handlediv { - background: transparent url(../images/arrows.png) no-repeat 6px 7px; +.js .meta-box-sortables .postbox:hover .handlediv:before { + color: #888; } .tablenav .tablenav-pages { @@ -1504,22 +1531,22 @@ fieldset.inline-edit-col-right .inline-edit-col { } .tablenav .tablenav-pages a { - border-color: #e3e3e3; background: #eee; - -moz-box-shadow: inset 0 1px 0 #fff; - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; + background: rgba( 0, 0, 0, 0.05 ); } .tablenav .tablenav-pages a:hover, .tablenav .tablenav-pages a:focus { - color: #d54e21; + 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 { @@ -1547,8 +1574,6 @@ fieldset.inline-edit-col-right .inline-edit-col { } .misc-pub-section { - border-top-color: #fff; - border-bottom-color: #dfdfdf; } #minor-publishing { @@ -1556,17 +1581,12 @@ fieldset.inline-edit-col-right .inline-edit-col { } #post-body .misc-pub-section { - border-left-color: #eee; } .post-com-count span { background-color: #bbb; } -.form-table .color-palette td { - border-color: #fff; -} - .sortable-placeholder { border-color: #bbb; background-color: #f5f5f5; @@ -1578,44 +1598,27 @@ body.press-this ul.category-tabs li.tabs a { color: #333; } -.view-switch #view-switch-list, -.view-switch #view-switch-excerpt { - background-color: transparent; - background-image: url('../images/list.png'); - background-repeat: no-repeat; +.view-switch>a:before { + color: #bbb; } -.view-switch #view-switch-list { - background-position: 0 0; +.view-switch a:hover:before { + color: #727272; } -.view-switch .current #view-switch-list { - background-position: -40px 0; -} - -.view-switch #view-switch-excerpt { - background-position: -20px 0; -} - -.view-switch .current #view-switch-excerpt { - background-position: -60px 0; -} - -#header-logo { - background: transparent url(../images/wp-logo.png?ver=20110504) no-repeat scroll center center; -} - -.popular-tags, -.feature-filter { - background-color: #fff; - border-color: #dfdfdf; +.view-switch a.current:before { + color: #0074a2; } div.widgets-sortables, #widgets-left .inactive, #available-widgets .widget-holder { - background-color: #fcfcfc; - border-color: #dfdfdf; + background-color: #fff; + border-color: #fff; +} + +#widgets-left #available-widgets { + background: #fff; } #available-widgets .widget-description { @@ -1624,34 +1627,30 @@ div.widgets-sortables, .sidebar-name { color: #464646; - text-shadow: #fff 0 1px 0; - border-color: #dfdfdf; - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; + border-bottom-color: #e1e1e1; } .js .sidebar-name:hover, .js #removing-widget { - color: #d54e21; + color: #2ea2cc; } #removing-widget span { color: black; } -.js .sidebar-name-arrow { - background: transparent url(../images/arrows.png) no-repeat 5px 9px; +.in-widget-title, +#widgets-right .widget-top a.widget-control-edit, +#wp_inactive_widgets .in-widget-title { + color: #777; } -.js .sidebar-name:hover .sidebar-name-arrow { - background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px; +#widgets-right .widget-top a.widget-control-edit:hover { + color: #fff; } -.in-widget-title { - color: #606060; -} - -.deleting .widget-title * { +.deleting .widget-title, +.deleting .widget-top a.widget-action:after { color: #aaa; } @@ -1672,25 +1671,12 @@ div.widgets-sortables, opacity: 0.5; } -#dashboard_recent_comments div.undo { - border-top-color: #dfdfdf; -} - -.comment-ays, -.comment-ays th { - border-color: #ddd; -} - -.comment-ays th { - background-color: #f1f1f1; -} - /* added from nav-menu.css */ -#menu-management .menu-edit { - border-color: #dfdfdf; +#menu-management { + background: #f5f5f5 } -#post-body { +#menu-management #post-body { background: #fff; border-top-color: #fff; border-bottom-color: #dfdfdf; @@ -1700,16 +1686,12 @@ div.widgets-sortables, border-bottom-color: #dfdfdf; } -#nav-menu-footer { - border-top-color: #fff; -} - #menu-management .nav-tabs-arrow a { color: #c1c1c1; } #menu-management .nav-tabs-arrow a:hover { - color: #d54e21; + color: #2ea2cc; } #menu-management .nav-tabs-arrow a:active { @@ -1745,30 +1727,52 @@ div.widgets-sortables, .menu li.deleting .menu-item-handle { background-color: #f66; - text-shadow: #ccc; } .item-type { /* Menu item controls */ - color: #999; + color: #777; } .item-controls .menu-item-delete:hover { color: #f00; } -.nav-menus-php .item-edit { - background: transparent url(../images/arrows.png) no-repeat 8px 10px; - border-bottom-color: #eee; +.widget-top a.widget-action:hover { + color: #0074a2; } -.nav-menus-php .item-edit:hover { - background: transparent url(../images/arrows-dark.png) no-repeat 8px 10px; +.widget-top a.widget-action:after { + color: #333; } -.menu-item-settings { /* Menu editing */ - border-color: #dfdfdf; +#wp_inactive_widgets .widget .widget-top a.widget-action { + color: #ddd; } +.nav-menus-php .item-edit:after, +#wp_inactive_widgets .widget .widget-top a.widget-action:after { + color: #888; +} + +.control-section .accordion-section-title::after, +.accordion-section-title::after { + color: #888; +} + +.nav-menus-php .control-section .accordion-section-title { + background: #fff; +} + +.nav-menus-php .control-section:hover .accordion-section-title, +.nav-menus-php .control-section .accordion-section-title:hover, +.nav-menus-php .control-section.open .accordion-section-title, +.nav-menus-php .control-section .accordion-section-title:focus{ + color: #555; + background: #f5f5f5; +} + +/* Menu editing */ + .link-to-original { color: #777; border-color: #dfdfdf; @@ -1790,20 +1794,23 @@ div.widgets-sortables, } .submitbox .submitcancel { - color: #21759b; - border-bottom-color: #21759b; + color: #0074a2; + border-bottom-color: #0074a2; } .submitbox .submitcancel:hover { - background: #21759b; + background: #0074a2; color: #fff; } .manage-menus { - border: 1px solid #eeeeee; background: #fbfbfb; } +.menu-settings { + border-top-color: #eeeeee; +} + .theme-location-set { color: #999999; } @@ -1815,42 +1822,41 @@ div.widgets-sortables, .is-submenu { color: #999999; } -/* end added from nav-menu.css */ .nav-tab { - border-color: #dfdfdf #dfdfdf #fff; + color: #555; + border-color: #ccc; + background: #e4e4e4; +} + +.nav-tab:hover { + background-color: #fff; + color: #464646; } -.nav-tab:hover, .nav-tab-active { - border-color: #ccc #ccc #fff; + color: #464646; +} + +.nav-tab-active, +.nav-tab-active:hover { + color: #000; + background: none; + border-color: #ccc; + border-bottom-color: #eee; } h2.nav-tab-wrapper, h3.nav-tab-wrapper { border-bottom-color: #ccc; } -#menu-management .nav-tab-active, -.menu-item-handle, -.menu-item-settings { - -webkit-box-shadow: inset 0 1px 0 #fff; - box-shadow: inset 0 1px 0 #fff; -} - -#menu-management .nav-tab-active { - background: #f9f9f9; - border-bottom-color: #f9f9f9; -} - #upload-form label { color: #777; } /* Begin About Pages */ - .about-wrap h1 { color: #333; - text-shadow: 1px 1px 1px #fff; } .about-text { @@ -1858,39 +1864,34 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { } .wp-badge { - color: #fff; - text-shadow: 0 -1px 0 rgba(22, 57, 81, 0.3); -} - -.about-wrap h2 .nav-tab { - color: #21759b; -} - -.about-wrap h2 .nav-tab:hover { - color: #d54e21; -} - -.about-wrap h2 .nav-tab-active, -.about-wrap h2 .nav-tab-active:hover { - color: #333; + 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 { - text-shadow: 1px 1px 1px #fff; - color: #464646; + border-color: #ccc; + border-bottom-color: #eee; } .about-wrap h3 { color: #333; - text-shadow: 1px 1px 1px #fff; } .about-wrap .feature-section h4 { color: #464646; } -.about-wrap h4.wp-people-group { - text-shadow: 1px 1px 1px #fff; +.about-wrap .feature-section img { + background: #fff; + border-color: #ccc; +} + +.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 { @@ -1898,21 +1899,15 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { } .about-wrap .point-releases h3 { - border-top: 1px solid #dfdfdf; -} - -.about-wrap .point-releases h3:first-child { - border: 0; + border-top-color: #dfdfdf; } .about-wrap li.wp-person img.gravatar { - -webkit-box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 ); - box-shadow: 0 0 4px rgba( 0, 0, 0, 0.4 ); + border-color: #ccc; } .about-wrap li.wp-person .title { color: #464646; - text-shadow: 1px 1px 1px #fff; } .freedoms-php .about-wrap ol li { @@ -1925,6 +1920,221 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { /* End About Pages */ +/* Press This and Image editing icons */ + +.pressthis a span:before { + color:#777; +} + +.imgedit-menu div { + color:#777; +} + +.imgedit-menu div:hover { + color:#333; +} + +/* End Press This and Image editing icons */ + +/* Media Manager */ + +.media-modal-content { + background: #fcfcfc; + box-shadow: 0 5px 15px rgba(0,0,0,0.7); +} + +.media-menu { + background: #f3f3f3; + border-right-color: #ccc; +} + +.media-menu > a { + color: #0074a2; +} + +.media-menu .active, +.media-menu .active:hover { + color: #222; +} + +.media-frame-content { + background: #fff; + border-top-color: #ddd; + border-bottom-color: #ddd; +} + +.media-menu .separator { + border-top-color: #ddd; + border-bottom: none; +} + +.media-sidebar { + background: #f3f3f3; + border-color: #ddd; +} + +.media-router .active, +.media-router > a.active:last-child { + background: #fff; + border: 1px solid #ddd; + border-bottom: none; +} + +.details.attachment { + box-shadow: 0 0 0 1px #fff, 0 0 0 5px #2ea2cc; +} + +.attachment .check { + background: #eee; +} + +.attachment.details .check { + box-shadow: 0 0 0 1px #2ea2cc; + background: #0074a2; + background-image: none; +} + +/* 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 .mceFocus .mceTop .mceLeft, +.clearlooks2 .mceFocus .mceTop .mceRight { + background-color: #f3f3f3; +} + +.clearlooks2 .mceTop span, +.clearlooks2 .mceFocus .mceTop span { + color: #222; +} + +.clearlooks2 .mceClose:before { + color: #666; +} +.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"] { + border-color: #ddd !important; /* Override !important in checkbox style */ + -webkit-box-shadow: inset 1px 1px 2px rgba(0,0,0,0.08); + box-shadow: inset 1px 1px 2px rgba(0,0,0,0.08); +} + +.login form input[type="checkbox"] { + background-color: #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: #eee; +} + +.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; + } +} /*------------------------------------------------------------------------------ 2.0 - Right to Left Styles @@ -1935,21 +2145,6 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { border-left-color: #99d; } -.rtl #screen-meta-links a.show-settings { - background-position: left 3px; -} - -.rtl #screen-meta-links a.show-settings.screen-meta-active { - background-position: left -33px; -} - -/* Menu */ -.rtl #adminmenushadow, -.rtl #adminmenuback { - background-image: url(../images/menu-shadow-rtl.png); - background-position: top left; -} - .rtl #adminmenu .wp-submenu .wp-submenu-head { border-right-color: transparent; border-left-color: #dfdfdf; @@ -1966,31 +2161,17 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { box-shadow: none; } -/* Collapse Menu Button */ -.rtl #collapse-button div { - background-position: 0 -108px; +.rtl ul#adminmenu a.wp-has-current-submenu:after, +.rtl ul#adminmenu > li.current > a.current:after { + border-right-color: transparent; + border-left-color: #eee; } -.rtl.folded #collapse-button div { - background-position: 0 -72px; -} - -/* Auto-folding of the admin menu for RTL */ -@media only screen and (max-width: 900px) { - .rtl.auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, - .rtl.auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { - -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); - box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); - } - - .rtl.auto-fold #collapse-button div { - background-position: 0 -72px; - } -} - -/* Edit Image */ -.js.rtl .meta-box-sortables .postbox:hover .handlediv { - background: transparent url(../images/arrows.png) no-repeat 6px 7px; +/* Flyout Menu Arrow */ +.rtl #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after, +.rtl #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after { + border-right-color: transparent; + border-left-color: #333; } .rtl #post-body .misc-pub-section { @@ -1998,144 +2179,31 @@ h2.nav-tab-wrapper, h3.nav-tab-wrapper { border-left-color: #eee; } -.js.rtl .sidebar-name-arrow { - background: transparent url(../images/arrows.png) no-repeat 5px 9px; +.rtl div.updated, +.rtl .login .message { + border-left: none; + border-right: 4px solid #7ad03a; } -.js.rtl .sidebar-name:hover .sidebar-name-arrow { - background: transparent url(../images/arrows-dark.png) no-repeat 5px 9px; +.rtl .plugins .active th.check-column, +.rtl tr.active + tr.plugin-update-tr .plugin-update { + border-left: none; + border-right: 4px solid #2ea2cc; } -/** - * HiDPI Displays - */ -@media print, - (-o-min-device-pixel-ratio: 5/4), - (-webkit-min-device-pixel-ratio: 1.25), - (min-resolution: 120dpi) { - - .curtime #timestamp { - background-image: url("../images/date-button-2x.gif?ver=20120916"); - background-size: 16px auto; - } - - .tagchecklist span a, - #bulk-titles div a, - .tagchecklist span a:hover, - #bulk-titles div a:hover { - background-image: url("../images/xit-2x.gif?ver=20120916"); - background-size: 20px auto; - } - - #screen-meta-links a.show-settings, - #screen-meta-links a.show-settings.screen-meta-active, - #adminmenu .wp-has-submenu:hover .wp-menu-toggle, - #adminmenu .wp-menu-open .wp-menu-toggle, - #collapse-button div, - .nav-menus-php .item-edit, - .js .meta-box-sortables .postbox:hover .handlediv, - .sidebar-name-arrow, - .rtl #adminmenu .wp-has-submenu:hover .wp-menu-toggle, - .rtl #adminmenu .wp-menu-open .wp-menu-toggle, - .js.rtl .meta-box-sortables .postbox:hover .handlediv, - .rtl .sidebar-name-arrow { - background-image: url("../images/arrows-2x.png?ver=20120916"); - background-size: 15px 123px; - } - - #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle, - #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle, - .sidebar-name:hover .sidebar-name-arrow, - .nav-menus-php .item-edit:hover, - .rtl #adminmenu li.wp-has-current-submenu.wp-menu-open .wp-menu-toggle, - .rtl #adminmenu li.wp-has-current-submenu:hover .wp-menu-toggle, - .rtl .sidebar-name:hover .sidebar-name-arrow { - background-image: url("../images/arrows-dark-2x.png?ver=20120916"); - background-size: 15px 123px; - } - - .view-switch #view-switch-list, - .view-switch #view-switch-excerpt { - background-image: url("../images/list-2x.png?ver=20120916"); - background-size: 80px 20px; - } - - .icon32.icon-post, - #icon-edit, - #icon-post, - .icon32.icon-dashboard, - #icon-index, - .icon32.icon-media, - #icon-upload, - .icon32.icon-links, - #icon-link-manager, - #icon-link, - #icon-link-category, - .icon32.icon-page, - #icon-edit-pages, - #icon-page, - .icon32.icon-comments, - #icon-edit-comments, - .icon32.icon-appearance, - #icon-themes, - .icon32.icon-plugins, - #icon-plugins, - .icon32.icon-users, - #icon-users, - #icon-profile, - #icon-user-edit, - .icon32.icon-tools, - #icon-tools, - #icon-admin, - .icon32.icon-settings, - #icon-options-general, - .icon32.icon-site, - #icon-ms-admin, - .icon32.icon-generic, - #icon-generic { - background-image: url(../images/icons32-2x.png?ver=20121105); - background-size: 756px 45px; - } - - .icon16.icon-dashboard, - .menu-icon-dashboard div.wp-menu-image, - .icon16.icon-post, - .menu-icon-post div.wp-menu-image, - .icon16.icon-media, - .menu-icon-media div.wp-menu-image, - .icon16.icon-links, - .menu-icon-links div.wp-menu-image, - .icon16.icon-page, - .menu-icon-page div.wp-menu-image, - .icon16.icon-comments, - .menu-icon-comments div.wp-menu-image, - .icon16.icon-appearance, - .menu-icon-appearance div.wp-menu-image, - .icon16.icon-plugins, - .menu-icon-plugins div.wp-menu-image, - .icon16.icon-users, - .menu-icon-users div.wp-menu-image, - .icon16.icon-tools, - .menu-icon-tools div.wp-menu-image, - .icon16.icon-settings, - .menu-icon-settings div.wp-menu-image, - .icon16.icon-site, - .menu-icon-site div.wp-menu-image, - .icon16.icon-generic, - .menu-icon-generic div.wp-menu-image { - background-image: url('../images/menu-2x.png?ver=20121105'); - background-size: 390px 64px; - } - - #header-logo { - background-image: url('../images/wp-logo-2x.png?ver=20120916'); - background-size: 16px auto; - } - - /* 16px post formats */ - .post-format-icon { - background-image: url(../images/post-formats32.png); - background-size: 16px 304px; - } - +.rtl .plugins .update th.check-column, +.rtl tr.plugin-update-tr .plugin-update { + border-left: none; + border-right: 4px solid #d54e21; +} + +.rtl #the-comment-list .unapproved th.check-column, +.rtl #dashboard_recent_comments #the-comment-list .unapproved { + border-left: none; + border-right: 4px solid #d54e21; +} + +.rtl #dashboard_recent_comments #the-comment-list .unapproved .avatar { + margin-left: 10px; + margin-right: -4px; } diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css index 14f6f212d1..d4b9b0caac 100644 --- a/src/wp-admin/css/customize-controls.css +++ b/src/wp-admin/css/customize-controls.css @@ -6,43 +6,16 @@ body { text-decoration: none; } -#customize-info .accordion-section-content { - background: transparent; -} - -#customize-info .preview-notice { - font-size: 13px; - line-height: 24px; - color: #999; -} - -#customize-info .theme-name { - font-size: 20px; - font-weight: 200; - line-height: 24px; - color: #333; - display: block; - text-shadow: 0 1px 0 #fff; -} - -#customize-info .theme-screenshot { - width: 258px; - border: 1px solid #ccc; -} - -#customize-info .theme-description { - margin-top: 1em; - color: #777; - line-height: 20px; +#customize-controls h3 { + font-size: 14px; } #customize-controls .submit { text-align: center; } -#customize-theme-controls > ul, -#customize-theme-controls .accordion-section-content { - margin: 0; +#customize-controls .description { + color: #666666; } #customize-header-actions .button-primary { @@ -59,6 +32,117 @@ body { display: block; } +#customize-info { + border: none; + border-top: 1px solid #ddd; +} + +#customize-info .accordion-section-title { + background-color: #fff; + color: #666666; + border-left: none; + border-right: none; + border-bottom: 1px solid #eeeeee; +} + +#customize-info.open .accordion-section-title, +#customize-info .accordion-section-title:hover, +#customize-info .accordion-section-title:focus { + color: #555555; +} + +#customize-info.open .accordion-section-title:after, +#customize-info .accordion-section-title:hover:after, +#customize-info .accordion-section-title:focus:after { + color: #555555; +} + +#customize-info.open .accordion-section-title { + border-color: transparent; +} + +#customize-info .preview-notice { + font-size: 13px; + line-height: 24px; +} + +#customize-info .theme-name { + font-size: 20px; + font-weight: 200; + line-height: 24px; + display: block; +} + +#customize-info .theme-screenshot { + width: 258px; +} + +#customize-info .theme-description { + margin-top: 1em; + color: #666666; + line-height: 20px; +} + +#customize-theme-controls { + -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); +} + +#customize-theme-controls .control-section { + border: none; +} + +#customize-theme-controls .accordion-section-title { + color: #555555; + background-color: #fff; + border-bottom: 1px solid #eeeeee; +} + +#customize-theme-controls .accordion-section-content { + color: #555555; + background: white; +} + +#customize-theme-controls .control-section:hover .accordion-section-title, +#customize-theme-controls .control-section .accordion-section-title:hover, +#customize-theme-controls .control-section.open .accordion-section-title, +#customize-theme-controls .control-section .accordion-section-title:focus { + color: #555555; + background: #f5f5f5; +} + +.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: #f5f5f5; +} + +#customize-theme-controls .control-section:hover .accordion-section-title::after, +#customize-theme-controls .control-section .accordion-section-title:hover::after, +#customize-theme-controls .control-section.open .accordion-section-title::after, +#customize-theme-controls .control-section .accordion-section-title:focus::after { + color: #555555; +} + +#customize-theme-controls .control-section.open { + border-bottom: 1px solid #eeeeee; +} + +#customize-theme-controls .control-section.open .accordion-section-title { + border-bottom-color: #eeeeee !important; +} + +#customize-theme-controls .control-section:last-of-type.open, +#customize-theme-controls .control-section:last-of-type .accordion-section-title { + border-bottom-color: #ddd; +} + +#customize-theme-controls > ul, +#customize-theme-controls .accordion-section-content { + margin: 0; +} + .customize-control { width: 100%; float: left; @@ -66,19 +150,10 @@ body { margin-bottom: 8px; } -.customize-control-title { - display: block; - line-height: 24px; - font-weight: bold; -} - .customize-control select, .customize-control input[type="text"], .customize-control input[type="radio"], -.customize-control input[type="checkbox"], -.customize-control-color .color-picker, -.customize-control-checkbox label, -.customize-control-upload div { +.customize-control input[type="checkbox"] { line-height: 28px; } @@ -95,6 +170,20 @@ body { line-height: 28px; } +.customize-control-title { + display: block; + font-size: 14px; + line-height: 24px; + font-weight: 600; + margin-bottom: 5px; +} + +.customize-control-color .color-picker, +.customize-control-checkbox label, +.customize-control-upload div { + line-height: 28px; +} + .customize-control-checkbox input { margin-right: 5px; } @@ -109,7 +198,7 @@ body { } .customize-control-radio label { - line-height: 20px; + line-height: 32px; } .customize-control-radio input { @@ -121,39 +210,42 @@ body { height: 100%; } -#customize-theme-controls .accordion-section-title:hover:after, -#customize-theme-controls .accordion-section-title:focus:after { - border-color: #eee transparent; +.wp-full-overlay-sidebar { + background: #eeeeee; + border: none; } -#customize-theme-controls .control-section:hover .accordion-section-title, -#customize-theme-controls .control-section .accordion-section-title:hover, -#customize-theme-controls .control-section.open .accordion-section-title, -#customize-theme-controls .control-section .accordion-section-title:focus { - color: #fff; - text-shadow: 0 -1px 0 #333; - background: #808080; - background-image: -webkit-gradient(linear, left bottom, left top, from(#6d6d6d), to(#808080)); - background-image: -webkit-linear-gradient(bottom, #6d6d6d, #808080); - background-image: -moz-linear-gradient(bottom, #6d6d6d, #808080); - background-image: -o-linear-gradient(bottom, #6d6d6d, #808080); - background-image: linear-gradient(to top, #6d6d6d, #808080); - border-left: 1px solid #808080; - border-right: 1px solid #808080; +.collapse-sidebar { + background-color: transparent !important; + border: none !important; + box-shadow: none !important; + border-radius: 0 !important; } -#customize-theme-controls .control-section.accordion-section:hover, -#customize-theme-controls .control-section.accordion-section.open { - border-top-color: #808080; +.collapse-sidebar .collapse-sidebar-label { + color: #ccc; } -#customize-theme-controls .control-section.open .accordion-section-title { - border-bottom: 1px solid #6d6d6d; +.collapse-sidebar .collapse-sidebar-arrow:before { + color: #aaa; } -/* - * Style for custom settings - */ +.collapse-sidebar:hover .collapse-sidebar-label, +.collapse-sidebar:hover .collapse-sidebar-arrow:before { + color: #0074a2; +} + +.collapse-sidebar:active, +.collapse-sidebar:active .collapse-sidebar-label, +.collapse-sidebar:active .collapse-sidebar-arrow:before { + text-shadow: none; +} + +.collapsed .collapse-sidebar-arrow:before { + color: #888; +} + +/* Style for custom settings */ /* * Dropdowns @@ -163,9 +255,6 @@ body { display: block; position: relative; cursor: pointer; - - -webkit-border-radius: 3px; - border-radius: 3px; } .accordion-section .dropdown-content { @@ -176,11 +265,7 @@ body { line-height: 16px; margin-right: 16px; padding: 4px 5px; - background-color: #eee; - border: 1px solid #ccc; - -webkit-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; - + border: 2px solid #eeeeee; -webkit-user-select: none; -moz-user-select: none; user-select: none; @@ -191,47 +276,33 @@ body { top: 0; bottom: 0; right: 0; - width: 15px; - - border-color: #ccc; - border-style: solid; - border-width: 1px 1px 1px 0; - -webkit-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; + width: 20px; + background: #eeeeee; } .customize-control .dropdown-arrow:after { - content: ''; - width: 0; - height: 0; - border-color: #ccc transparent; - border-style: solid; - border-width: 4px 4px 0 4px; - position: absolute; - top: 50%; - margin-top: -1px; - right: 4px; - z-index: 1; -} - -.accordion-section .dropdown:hover .dropdown-content, -.customize-control .dropdown:hover .dropdown-arrow { - border-color: #aaa; -} - -.accordion-section .dropdown:hover .dropdown-arrow:after { - border-color: #aaa transparent; + content: "\f140"; + font: normal 20px/1 'dashicons'; + speak: none; + display: block; + padding: 0; + text-indent: 0; + text-align: center; + position: relative; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; + color: #333; } .customize-control .dropdown-status { + color: #333; + background: #eeeeee; display: none; max-width: 112px; - color: #777; } -/* - * Color Picker - */ +/* Color Picker */ .customize-control-color .color-picker-hex { display: none; } @@ -246,12 +317,16 @@ body { } .customize-control-color .dropdown .dropdown-content { - background-color: #fff; - border: 1px solid rgba( 0, 0, 0, 0.15 ); + background-color: #555555; + border: 1px solid rgba(0, 0, 0, 0.15); } .customize-control-color .dropdown:hover .dropdown-content { - border-color: rgba( 0, 0, 0, 0.25 ); + border-color: rgba(0, 0, 0, 0.25); +} + +.customize-control-color .iris-picker { + border-radius: 0 !important; } .accordion-section input[type="text"].color-picker-hex { @@ -265,6 +340,7 @@ body { .accordion-section input[type="text"].color-picker-hex:focus::-webkit-input-placeholder { color: transparent; } + .accordion-section input[type="text"].color-picker-hex:-moz-placeholder { color: #999; } @@ -308,31 +384,44 @@ body { } .accordion-section .customize-control-image .library ul { - border-bottom: 1px solid #dfdfdf; + border-bottom: 1px solid #ddd; float: left; width: 100%; margin: 10px 0 0; } .accordion-section .customize-control-image .library li { - color: #999; + color: #ccc; float: left; - padding: 3px 5px; + padding: 3px 15px; margin: 0; - border-style: solid; - border-color: transparent; - border-width: 1px 1px 0 1px; + border: 1px solid transparent; } .accordion-section .customize-control-image .library li.library-selected { margin-bottom: -1px; padding-bottom: 4px; + color: #666666; + border-color: #ddd; + border-bottom-color: #fff; +} - color: #777; - background: #fdfdfd; - border-color: #dfdfdf; - -webkit-border-radius: 3px 3px 0 0; - border-radius: 3px 3px 0 0 ; +.accordion-section .customize-control-image .library .thumbnail { + display: block; + width: 100%; +} + +.accordion-section .customize-control-image .library .thumbnail img { + display: block; + max-width: 90%; + max-height: 80px; + margin: 5px auto; + padding: 2px; + background: #666666; +} + +.accordion-section .customize-control-image .library .thumbnail:hover img { + background-color: #2ea2cc; } .accordion-section .customize-control-image .library-content { @@ -346,26 +435,6 @@ body { display: block; } -.accordion-section .customize-control-image .library .thumbnail { - display: block; - width: 100%; -} - -.accordion-section .customize-control-image .library .thumbnail:hover img { - border-color: #21759b; -} - -.accordion-section .customize-control-image .library .thumbnail img { - display: block; - max-width: 90%; - max-height: 80px; - - margin: 5px auto; - padding: 4px; - background: #fff; - border: 1px solid #dfdfdf; -} - .accordion-section .customize-control-upload .upload-fallback, .accordion-section .customize-control-image .upload-fallback { display: none; @@ -378,7 +447,6 @@ body { border: 3px dashed #dfdfdf; margin: 5px auto; text-align: center; - color: #777; position: relative; cursor: default; } @@ -419,9 +487,7 @@ body { -webkit-overflow-scrolling: touch; } -/** - * Handle cheaters. - */ +/** Handle cheaters. */ body.cheatin { min-width: 0; background: #f9f9f9; @@ -433,8 +499,8 @@ body.cheatin p { margin: 0 auto; padding: 2em; font-size: 14px; - background: #fff; + background: #555555; border: 1px solid #dfdfdf; -webkit-border-radius: 3px; - border-radius: 3px; + border-radius: 3px; } diff --git a/src/wp-admin/css/media.css b/src/wp-admin/css/media.css index 85adbf3066..2bc118c79e 100644 --- a/src/wp-admin/css/media.css +++ b/src/wp-admin/css/media.css @@ -18,6 +18,25 @@ body#media-upload ul#sidemenu { overflow: hidden; } +#media-upload:after { /* clearfix */ + content: ""; + display: table; + clear: both; +} + +#media-upload, +#media-upload .media-item .slidetoggle { + background: #fff; +} + +#media-upload .slidetoggle { + border-top-color: #dfdfdf; +} + +#media-upload input[type="radio"] { + padding: 0; +} + form { margin: 1em; } diff --git a/src/wp-admin/css/wp-admin-rtl.css b/src/wp-admin/css/wp-admin-rtl.css index 5221a0430d..f467184f34 100644 --- a/src/wp-admin/css/wp-admin-rtl.css +++ b/src/wp-admin/css/wp-admin-rtl.css @@ -129,6 +129,10 @@ input[type=password] { direction: ltr; } +input[type=checkbox]:checked:before { + margin-left: 1px; +} + input[type="text"].ui-autocomplete-loading { background: transparent url('../images/loading.gif') no-repeat left center; } @@ -246,12 +250,11 @@ form.upgrade .hint { #screen-meta-links { margin-right: 0; - margin-left: 24px; + margin-left: 5px; } #screen-meta { - margin-right: 5px; - margin-left: 15px; + margin: 0 0 -2px 20px; } #screen-options-link-wrap, @@ -261,11 +264,20 @@ form.upgrade .hint { margin-right: 6px; } +#screen-meta-links a { + left: 20px; +} + #screen-meta-links a.show-settings { + background-position: left -33px; padding-right: 6px; padding-left: 16px; } +#wpbody-content #screen-meta-links a.show-settings { + padding: 1px 10px 0 0; +} + .toggle-arrow { background-position: top right; } @@ -311,6 +323,8 @@ form.upgrade .hint { .contextual-help-tabs { float: right; + margin-right: 4px; + width: 146px; } .contextual-help-tabs a { @@ -326,7 +340,7 @@ form.upgrade .hint { .contextual-help-tabs .active, .contextual-help-tabs-wrap { border-left: 0; - border-right-width: 1px; + border-right-width: 2px; } .help-tab-content { @@ -350,12 +364,12 @@ form.upgrade .hint { ------------------------------------------------------------------------------*/ .folded #wpcontent { - margin-left: 0; + margin-left: inherit; margin-right: 52px; } .folded.wp-admin #wpfooter { - margin-left: 15px; + margin-left: inherit; margin-right: 52px; } @@ -369,11 +383,24 @@ form.upgrade .hint { left: 0; } -#adminmenu li .wp-submenu { +ul#adminmenu .wp-submenu { left: auto; - right: 146px; + right: 150px; } +ul#adminmenu .wp-has-current-submenu .wp-submenu { + right: auto; +} + +ul#adminmenu .wp-has-current-submenu ul > li > a { + padding-right: 12px; +} + +ul#adminmenu a.wp-has-current-submenu:after, +ul#adminmenu > li.current > a.current:after { + right: auto; + left: 0; +} .folded #adminmenu .wp-submenu.sub-open, .folded #adminmenu .opensub .wp-submenu, @@ -383,23 +410,23 @@ form.upgrade .hint { .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu, .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu { left: auto; - right: 32px; + right: 36px; } -#adminmenu div.wp-menu-image, +ul#adminmenu div.wp-menu-image, .folded #adminmenu div.wp-menu-image { float: right; width: 30px; } -#adminmenu .wp-submenu a, -#adminmenu li li a, +ul#adminmenu .wp-submenu a, +ul#adminmenu li li a, .folded #adminmenu .wp-not-current-submenu li a { padding-left: 0; padding-right: 12px; } -#adminmenu .wp-not-current-submenu li a { +ul#adminmenu .wp-not-current-submenu li a { padding-left: 0; padding-right: 18px; } @@ -407,8 +434,8 @@ form.upgrade .hint { .wp-menu-arrow { right: 0; - -moz-transform: translate( -139px ); -webkit-transform: translate( -139px ); + -moz-transform: translate( -139px ); -o-transform: translate( -139px ); -ms-transform: translate( -139px ); transform: translate( -139px ); @@ -418,42 +445,40 @@ form.upgrade .hint { right: -20px; } -#adminmenu .wp-menu-arrow div { +ul#adminmenu .wp-menu-arrow div { left: -8px; width: 16px; } -#adminmenu li.wp-not-current-submenu .wp-menu-arrow { - -moz-transform: translate( -138px ); +ul#adminmenu li.wp-not-current-submenu .wp-menu-arrow { -webkit-transform: translate( -138px ); + -moz-transform: translate( -138px ); -o-transform: translate( -138px ); -ms-transform: translate( -138px ); transform: translate( -138px ); } .folded #adminmenu li .wp-menu-arrow { - -moz-transform: translate( -26px ); -webkit-transform: translate( -26px ); + -moz-transform: translate( -26px ); -o-transform: translate( -26px ); -ms-transform: translate( -26px ); transform: translate( -26px ); } -#adminmenu .wp-not-current-submenu .wp-menu-arrow div { +ul#adminmenu .wp-not-current-submenu .wp-menu-arrow div { border-style: solid solid none none; border-width: 1px 1px 0 0; } -#adminmenu .wp-menu-image img { +ul#adminmenu .wp-menu-image img { padding: 7px 7px 0 0; } -#adminmenu .wp-submenu .wp-submenu-head { +ul#adminmenu .wp-submenu .wp-submenu-head { padding: 5px 10px 5px 4px; -webkit-border-top-right-radius: 0; - -webkit-border-top-left-radius: 3px; border-top-right-radius: 0; - border-top-left-radius: 3px; } .folded #adminmenu li.wp-has-current-submenu .wp-submenu { @@ -469,8 +494,13 @@ form.upgrade .hint { border-top-left-radius: 3px; } -#adminmenu .awaiting-mod, -#adminmenu span.update-plugins, +ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { + right: auto; + left: 0; +} + +ul#adminmenu .awaiting-mod, +ul#adminmenu span.update-plugins, #sidemenu li a span.update-plugins { font-family: Tahoma, Arial, sans-serif; margin-left: 0; @@ -481,6 +511,19 @@ form.upgrade .hint { float: right; } +#collapse-button div:after { + left: 3px; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} + +.folded #collapse-button div:after { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); +} + /* Auto-folding of the admin menu */ @media only screen and (max-width: 900px) { .auto-fold #wpcontent { @@ -506,7 +549,7 @@ form.upgrade .hint { .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu, .no-js.auto-fold #adminmenu .wp-has-submenu:hover .wp-submenu { left: auto; - right: 32px; + right: 36px; } .auto-fold #adminmenu .wp-not-current-submenu li a { @@ -515,8 +558,8 @@ form.upgrade .hint { } .auto-fold #adminmenu li .wp-menu-arrow { - -moz-transform: translate( -27px ); -webkit-transform: translate( -27px ); + -moz-transform: translate( -27px ); -o-transform: translate( -27px ); -ms-transform: translate( -27px ); transform: translate( -27px ); @@ -534,6 +577,18 @@ form.upgrade .hint { border-top-right-radius: 0; border-top-left-radius: 3px; } + + .auto-fold #collapse-button div:after { + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + + .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, + .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { + -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); + box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 ); + } } /* List table styles */ @@ -541,10 +596,6 @@ form.upgrade .hint { font-family: Tahoma, Arial, sans-serif; } -.post-com-count { - background-image: url('../images/bubble_bg-rtl.gif'); -} - .column-response .post-com-count { float: right; margin-right: 0; @@ -762,6 +813,19 @@ th.sorted a span { .view-switch { float: left; + margin-left: 16px; + margin-right: 8px; +} + +.view-switch>a:before { + float: right !important; + margin-left: 5px; + margin-right: 0; +} + +.view-switch>a+a:before { + margin-left: none; + margin-right: 5px; } .filter { @@ -889,6 +953,7 @@ th.sorted a span { float: right; } +p.submit, .submitbox .submit { text-align: right; } @@ -902,6 +967,17 @@ th.sorted a span { margin-left: 4px; } +#post-body #visibility:before, +.curtime #timestamp:before { + padding-right: 0; + padding-left: 4px; +} + +#misc-publishing-actions label[for="post_status"]:before { + padding-right: 0; + padding-left: 8px; +} + #normal-sortables .postbox .submit { float: left; } @@ -910,6 +986,10 @@ th.sorted a span { margin: 0 125px 0 5px; } +.category-tabs { + margin-bottom: 3px; +} + #side-sortables .comments-box thead th, #normal-sortables .comments-box thead th { font-style: normal; @@ -946,7 +1026,6 @@ th.sorted a span { .curtime #timestamp { background-position: right top; padding-left: 0; - padding-right: 18px; } .compat-attachment-fields th { @@ -1108,49 +1187,14 @@ a.post-state-format { label.post-format-icon { margin-left: 0; - margin-right: 5px; - padding-left: 0px; - padding-right: 21px; + margin-right: 0; + padding-left: 0; + padding-right: 0; } -.post-format-icon.post-format-standard { - background-position: 100% 0; -} - -.post-format-icon.post-format-image { - background-position: 100% -32px; -} - -.post-format-icon.post-format-gallery { - background-position: 100% -64px; -} - -.post-format-icon.post-format-audio { - background-position: 100% -96px; -} - -.post-format-icon.post-format-video { - background-position: 100% -128px; -} - -.post-format-icon.post-format-chat { - background-position: 100% -160px; -} - -.post-format-icon.post-format-status { - background-position: 100% -192px; -} - -.post-format-icon.post-format-aside { - background-position: 100% -224px; -} - -.post-format-icon.post-format-quote { - background-position: 100% -256px; -} - -.post-format-icon.post-format-link { - background-position: 100% -288px; +.post-format-icon:before { + margin-left: 7px; + margin-right: 0; } /*------------------------------------------------------------------------------ @@ -1426,6 +1470,29 @@ form.upgrade .hint { margin: 2px 0 5px 3px; } +#submitcomment #timestamp:before { + left: 1px; +} + +.post-com-count:after { /* draw bubble connector using CSS! */ + margin-left: auto; + margin-right: 8px; + border-right: none !important; + border-left: 5px solid transparent; +} + +th .comment-grey-bubble:before { + content: '\f101'; /* todo: should be changed to a rtl variant - mitcho */ + left: auto; + right: -4px; +} + +#the-comment-list .unapproved th.check-column input { + margin-left: 0; + margin-right: 4px; +} + + /*------------------------------------------------------------------------------ 16.0 - Themes ------------------------------------------------------------------------------*/ @@ -1563,6 +1630,12 @@ h3.available-themes { margin: 0 0 -1px 6px; } +.wrap h2.nav-tab-wrapper, +.wrap h3.nav-tab-wrapper { + padding-left: 0; + padding-right: 10px; +} + h2 .nav-tab { font-family: Tahoma, Arial, sans-serif; } @@ -1578,10 +1651,14 @@ h2 .nav-tab { } #wpbody-content .plugins .plugin-title, #wpbody-content .plugins .theme-title { - padding-right: 0; + padding-right: 9px; padding-left: 12px; } +.plugin-update-tr .update-message:before { + margin: 0 -2px 0 8px; +} + /*------------------------------------------------------------------------------ 18.0 - Users @@ -1606,9 +1683,34 @@ h2 .nav-tab { 19.0 - Tools ------------------------------------------------------------------------------*/ +.press-this .posting { + margin-right: 0; + margin-left: 252px; +} + +.press-this #publish, +.press-this-sidebar { + float: left; +} + +.press-this #header-logo, +.press-this #wphead h1 { + float: right; +} + +.press-this .wp_themeSkin .mceStatusbar a.mceResize { + background: transparent url('../images/resize-rtl.gif') no-repeat scroll right bottom; + width: 12px; + position: relative; + top: -1px; +} + +.pressthis a span:before { + padding-left: 8px; +} + .pressthis a span { - background-position: right 5px; - padding: 8px 27px 8px 11px; + padding: 0px 3px 8px 12px; } .pressthis a:after { @@ -1660,7 +1762,8 @@ h2 .nav-tab { #wpcontent, #wpfooter { - margin-right: 165px; + padding-left: inherit; + margin-right: 170px; } /*------------------------------------------------------------------------------ @@ -1706,21 +1809,37 @@ h2 .nav-tab { float: right; } -.about-wrap .feature-section.two-col div, .about-wrap .feature-section.three-col div { margin-right: 0; margin-left: 4.999999999%; float: right; } -.about-wrap .feature-section.col .last-feature { +.about-wrap .feature-section.three-col h4 { + text-align: right; +} + +.about-wrap .feature-section.three-col img { + margin-right: 5px; margin-left: 0; } -.about-wrap .feature-section div p img { - float: left; +.about-wrap .feature-section.three-col .last-feature { margin-left: 0; - margin-right: 10px; +} + +.about-wrap .feature-section img { + margin: 0 0 10px 0.7%; +} + +.about-wrap .feature-section.images-stagger-right img { + float: left; + margin: 0 2em 12px 5px; +} + +.about-wrap .feature-section.images-stagger-left img { + float: right; + margin: 0 5px 12px 2em; } .about-wrap li.wp-person, @@ -1730,6 +1849,19 @@ h2 .nav-tab { margin-left: 10px; } +@media only screen and (max-width: 768px) { + .about-wrap .feature-section img.image-66 { + float: none; + } + + .about-wrap .feature-section.images-stagger-right img.image-66 { + margin-right: 3px; + } + + .about-wrap .feature-section.images-stagger-left img.image-66 { + margin-left: 3px; + } +} /*------------------------------------------------------------------------------ 23.0 - Misc @@ -1763,7 +1895,7 @@ h2 .nav-tab { } .tagchecklist span a { - margin: 4px -10px 0 0; + margin: 0 -17px 0 0; float: right; } @@ -1871,7 +2003,8 @@ table .column-rating { .wp-full-overlay-sidebar:after { right: auto; left: 0; - box-shadow: inset 5px 0 4px -4px rgba(0, 0, 0, 0.1); + -webkit-box-shadow: inset 5px 0 4px -4px rgba(0, 0, 0, 0.1); + box-shadow: inset 5px 0 4px -4px rgba(0, 0, 0, 0.1); } .wp-full-overlay.collapsed, @@ -1944,7 +2077,7 @@ table .column-rating { float: right; } -#adminmenu { +ul#adminmenu { clear: right; } @@ -2047,7 +2180,7 @@ ol.ol-decimal { .wrap { margin-right: 0; - margin-left: 15px; + margin: 10px 2px 0 20px; } .wrap h2, @@ -2153,13 +2286,13 @@ a.rsswidget, /* Recent Comments */ #the-comment-list .comment-item { - padding: 1em 70px 1em 10px; + padding: 1em 10px 1em 10px; } #the-comment-list .comment-item .avatar { float: right; - margin-left: 0; - margin-right: -60px; + margin-left: 10px; + margin-right: 0; } /* Feeds */ @@ -2190,6 +2323,17 @@ a.rsswidget, margin: 4px 0 0 6px; } +#dashboard_quick_press .input-text-wrap { + margin-right: 0; + margin-left: 1px; +} + +#dashboard_quick_press .wp-media-buttons, +#dashboard_quick_press .textarea-wrap { + margin-left: 0; + margin-right: 1px; +} + /* Recent Drafts */ #dashboard_recent_drafts h4 abbr { font-family: Tahoma, Arial, sans-serif; @@ -2646,6 +2790,11 @@ h3.tb { float: left; } +.plugin-editor-php #submit, +.theme-editor-php #submit { + float: right; +} + #template textarea, #docs-list { direction: ltr; @@ -2669,6 +2818,17 @@ h3.tb { padding-left: 25px; } +/* Meta/post boxes */ + +.js .meta-box-sortables .postbox:hover .handlediv:before { + left: 12px; + right: auto; +} +.js #dashboard-widgets h3 .postbox-title-action { + left: 33px; + right: auto; +} + /* widgets */ /* 2 column liquid layout */ div.widget-liquid-left { @@ -2716,14 +2876,8 @@ div.sidebar-name h3 { float: left; } -/* Press This */ -.press-this-sidebar { - float: left; -} - -.press-this #header-logo, -.press-this #wphead h1 { - float: right; +.widgets-holder-wrap .sidebar-name-arrow { + margin: -1px 0 0 26px; } /* RTL */ @@ -2793,12 +2947,9 @@ div.sidebar-name h3 { (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { - .post-com-count { - background-image: url('../images/bubble_bg-rtl-2x.gif'); - background-size: 18px 100px; - } - #content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize { + #content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize, + .press-this .wp_themeSkin .mceStatusbar a.mceResize { background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll right bottom; background-size: 11px 11px; } @@ -2823,11 +2974,6 @@ div.sidebar-name h3 { background: transparent url('../images/resize-rtl-2x.gif') no-repeat scroll left bottom; } - .wp-slider .ui-slider-handle:before { - background-image: url(../images/arrows-pr-2x.png); - background-size: 16px 102px; - } - } /* =Localized CSS diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css index 4cc1a392cf..4bb36237ed 100644 --- a/src/wp-admin/css/wp-admin.css +++ b/src/wp-admin/css/wp-admin.css @@ -53,6 +53,7 @@ TABLE OF CONTENTS: min-height: 100%; width: 100%; position: relative; + -webkit-font-smoothing: subpixel-antialiased; } #wpcontent { @@ -61,25 +62,26 @@ TABLE OF CONTENTS: #wpcontent, #wpfooter { - margin-left: 165px; + margin-left: 170px; } .folded #wpcontent, .folded #wpfooter { - margin-left: 52px; + margin-left: 56px; } #wpbody-content { padding-bottom: 65px; float: left; width: 100%; + overflow: visible !important; } #adminmenuback, #adminmenuwrap, #adminmenu, #adminmenu .wp-submenu { - width: 145px; + width: 150px; } #adminmenuback { @@ -91,7 +93,7 @@ TABLE OF CONTENTS: #adminmenu { clear: left; - margin: 0; + margin: 12px 0 0; padding: 0; list-style: none; } @@ -100,7 +102,7 @@ TABLE OF CONTENTS: .folded #adminmenuwrap, .folded #adminmenu, .folded #adminmenu li.menu-top { - width: 32px; + width: 36px; } /* inner 2 column liquid layout */ @@ -212,7 +214,7 @@ TABLE OF CONTENTS: width: auto; display: block; font-size: 14px; - font-weight: bold; + font-weight: 600; padding: 15px 23px 14px; background: #f1f1f1; color: #21759b; @@ -236,6 +238,7 @@ TABLE OF CONTENTS: } /* include margin and padding in the width calculation of input and textarea */ +input, input[type="text"], input[type="password"], input[type="number"], @@ -247,15 +250,92 @@ textarea { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; /* ie8 only */ box-sizing: border-box; + -webkit-border-radius: 0; + border-radius: 0; } input[type="checkbox"], input[type="radio"] { - vertical-align: text-top; - padding: 0; - margin: 1px 0 0; + border-width: 1px; + border-style: solid; + clear: none; + cursor: pointer; + display: inline-block; + line-height: 0; + height: 16px; + margin: -4px 4px 0 0; + outline: 0; + padding: 0 !important; + text-align: center; + vertical-align: middle; + width: 16px; + min-width: 16px; + -webkit-appearance: none; + -webkit-box-sizing: border-box; + box-sizing: border-box; } +td > input[type="checkbox"], +.wp-admin p input[type=checkbox], +.wp-admin p input[type=radio] { + margin-top: 0; +} + +.wp-admin p label input[type=checkbox] { + margin-top: -4px; +} + +.wp-admin p label input[type=radio] { + margin-top: -2px; +} + +input[type="checkbox"] { + border-radius: 0; +} + +input[type=radio] { + border-radius: 50%; + margin-right: 4px; + line-height: 10px; +} + +input[type=checkbox]:checked:before, +input[type=radio]:checked:before { + float: left; + display: inline-block; + vertical-align: middle; + width: 16px; + font: normal 21px/1 'dashicons'; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +input[type=checkbox]:checked:before { + content: '\f147'; + margin: -3px 0 0 -4px; +} + +input[type=radio]:checked:before { + content: '\2022'; + text-indent: -9999px; + border-radius: 50px; + font-size: 24px; + width: 6px; + height: 6px; + margin: 4px; + line-height: 16px; +} + +@-moz-document url-prefix() { + input[type=checkbox], + input[type=radio], + .form-table input.tog { + margin-bottom: -1px; + } +} + +/* Search */ input[type="search"] { -webkit-appearance: textfield; } @@ -273,8 +353,8 @@ body { } body { - font-family: sans-serif; - font-size: 12px; + font-family: "Open Sans", sans-serif; + font-size: 13px; line-height: 1.4em; min-width: 600px; } @@ -309,11 +389,23 @@ textarea { line-height: inherit; } +textarea { + overflow: auto; +} + +textarea, input, select { + font-size: 14px; + padding: 3px 5px; line-height: 15px; } +textarea { + padding: 2px 6px; + line-height: 1.4; +} + a, input[type="text"], input[type="password"], @@ -327,6 +419,12 @@ div { outline: 0; } +.wp-admin input[type="file"] { + border: none; + background: none; + padding: 8px 0 0; +} + a:focus, a:active { outline: thin dotted; @@ -351,7 +449,10 @@ q:after { content: none; } -p { +p, +.wp_attachment_details label[for="content"] { + font-size: 13px; + line-height: 1.5; margin: 1em 0; } @@ -368,11 +469,10 @@ dd { margin-bottom: 6px; } -textarea, input, select { margin: 1px; - padding: 3px; + padding: 3px 5px; } h1, @@ -382,7 +482,7 @@ h4, h5, h6 { display: block; - font-weight: bold; + font-weight: 600; } h1 { @@ -396,7 +496,7 @@ h2 { } h3 { - font-size: 1.17em; + font-size: 1.3em; margin: 1em 0; } @@ -458,18 +558,27 @@ code { font-family: Consolas, Monaco, monospace; } +input.code { + padding-top: 6px; +} + +textarea.code { + line-height: 1.4; + padding: 4px 6px 1px 6px; +} + kbd, code { - padding: 1px 3px; + padding: 3px 5px 2px 5px; margin: 0 1px; - font-size: 11px; + font-size: 13px; } .subsubsub { list-style: none; - margin: 8px 0 5px; + margin: 8px 0 0; padding: 0; - font-size: 12px; + font-size: 13px; float: left; } @@ -486,7 +595,7 @@ code { } .subsubsub a.current { - font-weight: bold; + font-weight: 600; border: none; } @@ -497,10 +606,6 @@ code { white-space: nowrap; } -.widefat, -div.updated, -div.error, -.wrap .add-new-h2, textarea, input[type="text"], input[type="password"], @@ -511,33 +616,22 @@ input[type="search"], input[type="tel"], input[type="url"], select, -.tablenav .tablenav-pages a, .tablenav-pages span.current, #titlediv #title, -.postbox, #postcustomstuff table, #postcustomstuff input, #postcustomstuff textarea, .imgedit-menu div, .plugin-update-tr .update-message, #poststuff .inside .the-tagcloud, -.login form, -#login_error, -.login .message, -#menu-management .menu-edit, .nav-menus-php .list-container, .menu-item-handle, .link-to-original, .nav-menus-php .major-publishing-actions .form-invalid, -.press-this #message, #TB_window, .tbtitle, .highlight, -.feature-filter, -#widget-list .widget-top, .editwidget .widget-inside { - -webkit-border-radius: 3px; - border-radius: 3px; border-width: 1px; border-style: solid; } @@ -558,27 +652,9 @@ select, text-decoration: none; } -.widefat thead th:first-of-type { - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; -} -.widefat thead th:last-of-type { - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; -} -.widefat tfoot th:first-of-type { - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.widefat tfoot th:last-of-type { - -webkit-border-bottom-right-radius: 3px; - border-bottom-right-radius: 3px; -} - .widefat td, .widefat th { - border-width: 1px 0; - border-style: solid; + padding: 8px 10px; } .widefat tfoot th { border-bottom: none; @@ -589,19 +665,18 @@ select, } .widefat td { - font-size: 12px; - padding: 4px 7px 2px; vertical-align: top; } +.widefat td, .widefat td p, .widefat td ol, .widefat td ul { - font-size: 12px; + font-size: 13px; + line-height: 1.5em; } .widefat th { - padding: 7px 7px 8px; text-align: left; line-height: 1.3em; font-size: 14px; @@ -619,6 +694,10 @@ select, vertical-align: top; } +.widefat th input[type=checkbox] { + margin-top: -1px; +} + .widefat tbody th.check-column { padding: 9px 0 22px; } @@ -627,9 +706,51 @@ select, padding-top: 8px; } -.widefat thead .check-column, -.widefat tfoot .check-column { - padding: 10px 0 0; +.widefat thead th.check-column, +.widefat tbody th.check-column, +.widefat tfoot th.check-column { + padding: 11px 0 0 3px; +} + +.widefat thead th.check-column { + padding-top: 10px; +} + +#update-plugins-table tbody th.check-column, +.plugins tbody th.check-column, +.plugins tbody, +.plugins .inactive.update th.check-column { + padding: 8px 0 0 2px; +} + +.plugins tbody th.check-column input[type=checkbox] { + margin-top: 4px; +} + +#update-plugins-table tbody td p { + margin-top: 0; +} + +#update-plugins-table tbody td p strong { + font-size: 14px; +} + +.plugins thead th.check-column, +.plugins tfoot th.check-column, +.plugins .inactive th.check-column, +#update-plugins-table thead th.check-column, +#update-plugins-table tfoot th.check-column { + padding-left: 6px; +} + +#update-plugins-table thead th.check-column, +#update-plugins-table tfoot th.check-column { + padding-top: 11px; +} + +.update-php div.updated, +.update-php div.error { + margin-left: 0; } .no-js .widefat thead .check-column input, @@ -649,7 +770,7 @@ select, } .wrap { - margin: 4px 15px 0 0; + margin: 10px 20px 0 2px; } div.updated, @@ -670,15 +791,31 @@ div.error p { margin: 5px 0 15px; } +div.updated, +.login .message, +.press-this #message { + border: none; + padding: 1px 12px; +} + +div.error, +.login #login_error { + border: none; +} + +div.error { + padding: 1px 12px; +} + .wrap h2, .subtitle { font-weight: normal; margin: 0; - text-shadow: #fff 0 1px 0; } .wrap h2 { font-size: 23px; + font-weight: 400; padding: 9px 15px 4px 0; line-height: 29px; } @@ -688,15 +825,20 @@ div.error p { padding-left: 25px; } -.wrap .add-new-h2 { - font-family: sans-serif; +.wrap .add-new-h2, +.wrap .add-new-h2:active, +#add-new-comment a { + font-family: "Open Sans", sans-serif; margin-left: 4px; - padding: 3px 8px; + padding: 4px 8px; position: relative; top: -3px; text-decoration: none; - font-size: 12px; - border: 0 none; + border: none; + border-radius: 2px; + text-shadow: none; + font-weight: 600; + font-size: 13px; } .wrap h2.long-header { @@ -744,8 +886,8 @@ input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, select:focus { - -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1); - box-shadow: 1px 1px 2px rgba(0,0,0,0.1); + -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); + box-shadow: 0 1px 2px rgba(0,0,0,0.1); } input[readonly] { @@ -778,14 +920,33 @@ a.rsswidget, .widefat th, .quicktags, .search { - font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; + font-family: "Open Sans", sans-serif; +} + +.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, +#your-profile #rich_editing, +.widefat thead th, +.widefat tfoot th { + line-height: 1.4em; } h2 .nav-tab, .wrap h2, .subtitle, .login form .input { - font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; + font-family: "Open Sans", sans-serif; } .quicktags, @@ -794,10 +955,7 @@ h2 .nav-tab, } .icon32 { - float: left; - height: 34px; - margin: 7px 8px 0 0; - width: 36px; + display: none; } .icon16 { @@ -808,10 +966,127 @@ h2 .nav-tab, float: left; } +/* New Menu icons */ + +.icon16:before { + font: normal 20px/1 'dashicons' !important; + speak: none; + padding: 6px 0; + height: 34px; + width: 20px; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -moz-transition: all .1s ease-in-out; + -webkit-transition: all .1s ease-in-out; + -moz-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; +} + +.icon16.icon-dashboard:before, +#adminmenu .menu-icon-dashboard div.wp-menu-image:before { + content: '\f226'; +} + +.icon16.icon-post:before, +#adminmenu .menu-icon-post div.wp-menu-image:before { + content: '\f109'; +} + +.icon16.icon-media:before, +#adminmenu .menu-icon-media div.wp-menu-image:before { + content: '\f104'; +} + +.icon16.icon-links:before, +#adminmenu .menu-icon-links div.wp-menu-image:before { + content: '\f103'; +} + +.icon16.icon-page:before, +#adminmenu .menu-icon-page div.wp-menu-image:before { + content: '\f105'; +} + +.icon16.icon-comments:before, +#adminmenu .menu-icon-comments div.wp-menu-image:before { + content: '\f101'; + margin-top: 1px; +} + +.icon16.icon-appearance:before, +#adminmenu .menu-icon-appearance div.wp-menu-image:before { + content: '\f100'; +} + +.icon16.icon-plugins:before, +#adminmenu .menu-icon-plugins div.wp-menu-image:before { + content: '\f106'; +} + +.icon16.icon-users:before, +#adminmenu .menu-icon-users div.wp-menu-image:before { + content: '\f110'; +} + +.icon16.icon-tools:before, +#adminmenu .menu-icon-tools div.wp-menu-image:before { + content: '\f107'; +} + +.icon16.icon-settings:before, +#adminmenu .menu-icon-settings div.wp-menu-image:before { + content: '\f108'; +} + +.icon16.icon-site:before, +#adminmenu .menu-icon-site div.wp-menu-image:before { + content: '\f112' +} + +.icon16.icon-generic:before, +#adminmenu .menu-icon-generic div.wp-menu-image:before { + content: '\f111'; +} + +/* hide background-image for icons above */ +.icon16.icon-dashboard, +.menu-icon-dashboard div.wp-menu-image, +.icon16.icon-post, +.menu-icon-post div.wp-menu-image, +.icon16.icon-media, +.menu-icon-media div.wp-menu-image, +.icon16.icon-links, +.menu-icon-links div.wp-menu-image, +.icon16.icon-page, +.menu-icon-page div.wp-menu-image, +.icon16.icon-comments, +.menu-icon-comments div.wp-menu-image, +.icon16.icon-appearance, +.menu-icon-appearance div.wp-menu-image, +.icon16.icon-plugins, +.menu-icon-plugins div.wp-menu-image, +.icon16.icon-users, +.menu-icon-users div.wp-menu-image, +.icon16.icon-tools, +.menu-icon-tools div.wp-menu-image, +.icon16.icon-settings, +.menu-icon-settings div.wp-menu-image, +.icon16.icon-site, +.menu-icon-site div.wp-menu-image, +.icon16.icon-generic, +.menu-icon-generic div.wp-menu-image { + background-image: none !important; +} + .key-labels label { line-height: 24px; } +strong, b { + font-weight: 600; +} + .pre { /* https://developer.mozilla.org/en-US/docs/CSS/white-space */ white-space: pre-wrap; /* css-3 */ @@ -821,7 +1096,7 @@ h2 .nav-tab, .howto { font-style: italic; display: block; - font-family: sans-serif; + font-family: "Open Sans", sans-serif; } p.install-help { @@ -840,7 +1115,12 @@ p.install-help { .wp-admin select { padding: 2px; - height: 2em; + line-height: 28px; + height: 28px; +} + +.meta-box-sortables select { + max-width: 100%; } .wp-admin select[multiple] { @@ -860,6 +1140,42 @@ form p.submit a.cancel:hover { text-decoration: none; } +p.submit { + text-align: left; + max-width: 100%; + margin-top: 20px; + padding-top: 10px; +} + +.textright p.submit { + border: none; + text-align: right; +} + +table.form-table + p.submit, +table.form-table + input + p.submit, +table.form-table + input + input + p.submit { + border-top: none; + 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, +.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 { + text-decoration: none; + border: none; +} + #minor-publishing-actions input, #major-publishing-actions input, #minor-publishing-actions .preview { @@ -883,10 +1199,11 @@ input.regular-text, input.small-text { width: 50px; + padding: 1px 6px; } input[type="number"].small-text { - width: 60px; + width: 65px; } #doaction, @@ -924,10 +1241,32 @@ label, vertical-align: middle; } +fieldset label, +#your-profile label + a { + vertical-align: middle; +} + +.options-media-php label[for*="_size_"], #misc-publishing-actions label { vertical-align: baseline; } +#misc-publishing-actions label[for="post_status"]:before { + content: '\f173'; + display: inline-block; + font: normal 20px/1 'dashicons'; + speak: none; + left: -1px; + padding: 0 5px 0 0; + position: relative; + top: 0; + text-decoration: none !important; + vertical-align: top; + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + #pass-strength-result { border-style: solid; border-width: 1px; @@ -951,7 +1290,7 @@ p.search-box { #search-plugins input[name="s"], .tagsdiv .newtag { float: left; - height: 2em; + height: 28px; margin: 0 4px 0 0; } @@ -1002,14 +1341,14 @@ ul#add-to-blog-users { ------------------------------------------------------------------------------*/ #major-publishing-actions { - padding: 10px 10px 8px; + padding: 10px; clear: both; - border-top: 1px solid #f5f5f5; - margin-top: -2px; + border-top: 1px solid #dedede; + background: #f5f5f5; } #delete-action { - line-height: 25px; + line-height: 28px; vertical-align: middle; text-align: left; float: left; @@ -1031,8 +1370,6 @@ ul#add-to-blog-users { .misc-pub-section { padding: 6px 10px 8px; - border-width: 1px 0; - border-style: solid; } .misc-pub-section:first-child { @@ -1044,17 +1381,10 @@ ul#add-to-blog-users { } #minor-publishing-actions { - padding: 10px 10px 2px 8px; + padding: 10px 10px 0 10px; text-align: right; } -#minor-publishing { - border-bottom-width: 1px; - border-bottom-style: solid; - -webkit-box-shadow: 0 1px 0 #fff; - box-shadow: 0 1px 0 #fff; -} - #save-post { float: left; } @@ -1110,17 +1440,12 @@ th.action-links { #update-nag, .update-nag { + display: inline-block; line-height: 19px; - padding: 5px 0; - font-size: 12px; - text-align: center; - margin: -1px 15px 0 5px; - border-width: 1px; - border-style: solid; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; + padding: 11px 15px; + font-size: 14px; + text-align: left; + margin: 25px 20px 0 2px; } .plugins .plugin-update { @@ -1129,7 +1454,7 @@ th.action-links { .plugin-update .update-message { margin: 0 10px 8px 31px; - font-weight: bold; + font-weight: 600; } ul#dismissed-updates { @@ -1163,6 +1488,11 @@ form.upgrade .hint { margin-left: 2em; } +/*------------------------------------------------------------------------------ + 5.0 - TinyMCE +------------------------------------------------------------------------------*/ + +/* nothing? */ /*------------------------------------------------------------------------------ 6.0 - Admin Header @@ -1187,6 +1517,7 @@ form.upgrade .hint { #contextual-help-wrap { overflow: auto; + margin-left: 0 !important; } #screen-meta .screen-reader-text { @@ -1194,56 +1525,64 @@ form.upgrade .hint { } #screen-meta-links { - margin: 0 24px 0 0; + margin: 0 20px 0 0; +} + +#screen-meta-links a { + padding: 3px 6px 3px 16px; } #screen-meta-links a:focus { - -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4); - box-shadow: 1px 1px 1px rgba(0,0,0,0.4); outline: none; } /* screen options and help tabs revert */ #screen-meta { display: none; + font-size: 14px; + margin: 0 20px -1px 0px; position: relative; - margin: 0 15px 0 5px; - border-width: 0 1px 1px; - border-style: none solid solid; } #screen-options-link-wrap, #contextual-help-link-wrap { float: right; - height: 23px; - padding: 0; + height: 28px; margin: 0 0 0 6px; - font-family: sans-serif; -} - -#screen-options-link-wrap, -#contextual-help-link-wrap, -#screen-meta { - -webkit-border-bottom-left-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; + font-family: "Open Sans", sans-serif; } #screen-meta-links .screen-meta-toggle { position: relative; - top: -1px; + top: 0; } #screen-meta-links a.show-settings { - text-decoration: none; - z-index: 1; - padding: 1px 16px 0 6px; + display: block; + font-size: 13px; height: 22px; line-height: 22px; - font-size: 12px; - display: block; - text-shadow: rgba(255,255,255,0.7) 0 1px 0; + text-decoration: none; + z-index: 1; +} + +#screen-meta-links a:after { + right: 0; + content: '\f140'; + font: normal 20px/1 'dashicons'; + speak: none; + display: inline-block; + padding: 0 5px 0 0; + bottom: 2px; + position: relative; + vertical-align: bottom; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; +} + +#screen-meta-links a.screen-meta-active:after { + content: '\f142'; } #screen-meta-links a.show-settings:hover { @@ -1273,10 +1612,14 @@ form.upgrade .hint { .metabox-prefs label { display: inline-block; padding-right: 15px; - white-space: nowrap; line-height: 30px; } +.metabox-prefs label input[type=checkbox] { + margin-top: -4px; + margin-right: 6px; +} + .metabox-prefs label input { margin: 0 5px 0 2px; } @@ -1295,7 +1638,6 @@ form.upgrade .hint { #contextual-help-wrap { padding: 0; - margin-left: -4px; } #contextual-help-columns { @@ -1334,7 +1676,7 @@ form.upgrade .hint { margin-bottom: 0; list-style-type: none; border-style: solid; - border-width: 1px 0; + border-width: 0 0 0 2px; border-color: transparent; } @@ -1343,12 +1685,15 @@ form.upgrade .hint { padding: 5px 5px 5px 12px; line-height: 18px; text-decoration: none; + border-style: solid; + border-width: 1px 0 1px 0; + border-color: transparent; } .contextual-help-tabs .active { padding: 0; margin: 0 -1px 0 0; - border-width: 1px 0 1px 1px; + border-width: 0 0 0 2px; border-style: solid; } @@ -1384,12 +1729,6 @@ form.upgrade .hint { 7.0 - Main Navigation (Left Menu) ------------------------------------------------------------------------------*/ -#adminmenuback, -#adminmenuwrap { - border-width: 0 1px 0 0; - border-style: solid; -} - #adminmenuwrap { position: relative; float: left; @@ -1424,25 +1763,25 @@ form.upgrade .hint { } #adminmenu li.menu-top { - min-height: 28px; + border: none; + min-height: 34px; position: relative; } #adminmenu .wp-submenu { list-style: none; - padding: 4px 0; - margin: 0; position: absolute; top: -1000em; - left: 146px; - z-index: 1000; + left: 150px; overflow: visible; - border-width: 1px; - border-style: solid; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; + word-wrap: break-word; +} + +#adminmenu .wp-submenu, +.folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, +.folded #adminmenu .wp-has-current-submenu .wp-submenu { + padding: 7px 0 8px; + z-index: 9999; } .js #adminmenu .sub-open, @@ -1464,7 +1803,7 @@ form.upgrade .hint { right: auto; bottom: auto; border: 0 none; - + margin-top: 0; -webkit-box-shadow: none; box-shadow: none; } @@ -1476,38 +1815,47 @@ form.upgrade .hint { .folded #adminmenu a.menu-top:focus + .wp-submenu, .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu, .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu { - top: -1px; - left: 32px; + top: 0; + left: 36px; } .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, .folded #adminmenu .wp-has-current-submenu .wp-submenu { - border-width: 1px; - border-style: solid; position: absolute; top: -1000em; } -#adminmenu .wp-submenu a { - font-size: 12px; - line-height: 18px; - margin: 0; - padding-left: 12px; +#adminmenu .wp-not-current-submenu .wp-submenu, +.folded #adminmenu .wp-has-current-submenu .wp-submenu { + min-width: 150px; + width: auto; } -#adminmenu .wp-not-current-submenu li > a { - padding-left: 16px; +#adminmenu .wp-submenu a { + font-size: 13px; + line-height: 1.2; + margin: 0; + padding: 6px 0; +} + +#adminmenu .wp-not-current-submenu li > a, +.folded #adminmenu .wp-has-current-submenu li > a { + padding-right: 16px; + padding-left: 14px; + -moz-transition: all .1s ease-in-out; + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; } #adminmenu .wp-has-current-submenu ul > li > a, .folded #adminmenu li.menu-top .wp-submenu > li > a { - padding-left: 12px; + padding: 6px 12px; } #adminmenu a.menu-top, #adminmenu .wp-submenu-head { - font-size: 13px; - font-weight: bold; + font-size: 14px; + font-weight: 400; line-height: 18px; padding: 0; } @@ -1527,133 +1875,115 @@ form.upgrade .hint { overflow: hidden; } -#adminmenu a.menu-top { - border-width: 1px 0; - border-style: solid none; -} - #adminmenu .wp-menu-image img { - padding: 7px 0 0 7px; + padding: 9px 0 0 0px; opacity: 0.6; filter: alpha(opacity=60); } #adminmenu div.wp-menu-name { - padding: 5px; + padding: 8px 12px 8px 0; } #adminmenu div.wp-menu-image { float: left; - width: 28px; - height: 28px; + width: 34px; + height: 30px; + margin: 0; + text-align: center; +} + +div.wp-menu-image:before { + font: normal 20px/1 'dashicons' !important; + speak: none; + color: #999; + padding: 8px 0; + height: 34px; + width: 20px; + display: inline-block; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -moz-transition: all .1s ease-in-out; + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; } .folded #adminmenu div.wp-menu-image { - width: 32px; + width: 34px; + height: 30px; position: absolute; z-index: 25; } .folded #adminmenu a.menu-top { - height: 28px; + height: 34px; } +/* A new arrow */ + .wp-menu-arrow { - z-index: 25; + display: none !important; +} + +ul#adminmenu a.wp-has-current-submenu { + position: relative; +} + +ul#adminmenu a.wp-has-current-submenu:after, +ul#adminmenu > li.current > a.current:after { + right: 0; + border: solid transparent; + content: " "; + height: 0; + width: 0; position: absolute; - right: 100%; - margin: 0; - height: 30px; - width: 6px; - - -moz-transform: translate( 146px ); - -webkit-transform: translate( 146px ); - -o-transform: translate( 146px ); - -ms-transform: translate( 146px ); - transform: translate( 146px ); + pointer-events: none; + border-width: 8px; + top: 50%; + margin-top: -8px; } -#adminmenu .wp-menu-arrow div { +.folded ul#adminmenu li:hover a.wp-has-current-submenu:after { display: none; +} + +.folded ul#adminmenu a.wp-has-current-submenu:after, +.folded ul#adminmenu > li a.current:after { + border-width: 4px; + margin-top: -4px; +} + +/* flyout menu arrow */ +#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { + right: 0; + border: solid transparent; + content: " "; + height: 0; + width: 0; position: absolute; - top: 7px; - left: -1px; - width: 14px; - height: 15px; - - -moz-transform: matrix( -0.6, 1, 0.6, 1, 0, 0 ); - -webkit-transform: matrix( -0.6, 1, 0.6, 1, 0, 0 ); - -o-transform: matrix( -0.6, 1, 0.6, 1, 0, 0 ); - -ms-transform: matrix( -0.6, 1, 0.6, 1, 0, 0 ); - transform: matrix( -0.6, 1, 0.6, 1, 0, 0 ); + pointer-events: none; + border-width: 8px; + top: 10px; + z-index: 10000; } -#adminmenu li.wp-not-current-submenu .wp-menu-arrow { - -moz-transform: translate( 145px ); - -webkit-transform: translate( 145px ); - -o-transform: translate( 145px ); - -ms-transform: translate( 145px ); - transform: translate( 145px ); - height: 28px; - border-width: 1px 0; - border-style: solid; - top: 0; +.folded ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { + border-width: 4px; + margin-top: -4px; + top: 18px; } -.folded #adminmenu li .wp-menu-arrow { - -moz-transform: translate( 32px ); - -webkit-transform: translate( 32px ); - -o-transform: translate( 32px ); - -ms-transform: translate( 32px ); - transform: translate( 32px ); +/* 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; } -#adminmenu li.current .wp-menu-arrow, -#adminmenu li.wp-has-current-submenu .wp-menu-arrow, -#adminmenu li.wp-has-current-submenu .wp-menu-arrow div, -#adminmenu li.wp-has-submenu .wp-menu-arrow div, -#adminmenu li.current .wp-menu-arrow div, -.no-js #adminmenu li.wp-has-submenu:hover .wp-menu-arrow, -#adminmenu li.wp-has-submenu.opensub .wp-menu-arrow, -#adminmenu a.wp-has-submenu:focus .wp-menu-arrow, -#adminmenu a:hover .wp-menu-arrow { - display: block; -} - -#adminmenu li.current .wp-menu-arrow, -#adminmenu li.wp-menu-open .wp-menu-arrow { - top: 0; -} - -.no-js #adminmenu li.wp-has-submenu:hover .wp-menu-arrow, -#adminmenu li.wp-has-submenu.opensub .wp-menu-arrow, -#adminmenu a.wp-has-submenu:focus .wp-menu-arrow { - z-index: 1001; -} - -.ie8 #adminmenu li.menu-top:hover .wp-menu-arrow { - display: none; -} - -#adminmenu .wp-not-current-submenu .wp-menu-arrow div { - width: 15px; - top: 6px; - border-width: 0 0 1px 1px; - border-style: solid; -} - -.wp-menu-arrow, -.folded #adminmenu li .wp-menu-arrow div, -.no-js #adminmenu li.wp-not-current-submenu:hover .wp-menu-arrow { - display: none; -} - -.folded #adminmenu li.current .wp-menu-arrow, -.folded #adminmenu li.current .wp-menu-arrow div, -.folded #adminmenu li.wp-has-current-submenu .wp-menu-arrow div, -.folded #adminmenu li.wp-menu-open .wp-menu-arrow, -.folded #adminmenu li a:focus .wp-menu-arrow { - display: block; +.folded #adminmenu li.menu-top:hover, +.folded #adminmenu li.opensub > a.menu-top, +.folded #adminmenu li > a.menu-top:focus { + z-index: 10000; } #adminmenu li.menu-top:hover .wp-menu-image img, @@ -1665,7 +1995,7 @@ form.upgrade .hint { #adminmenu li.wp-menu-separator { height: 3px; padding: 0; - margin: 0; + margin: 0 0 6px 0; border-width: 1px 0; border-style: solid; cursor: inherit; @@ -1679,17 +2009,10 @@ form.upgrade .hint { } #adminmenu .wp-submenu .wp-submenu-head { - padding: 5px 4px 5px 10px; - margin: -4px -1px 4px; - border-width: 1px 0; - border-style: solid; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; -} - -#adminmenu li.wp-menu-open { - border-width: 0 0 1px; - border-style: solid; + font-weight: 400; + font-size: 14px; + padding: 8px 4px 8px 11px; + margin: -7px 0px 4px; } #adminmenu li.current, @@ -1697,22 +2020,14 @@ form.upgrade .hint { border: 0 none; } -.folded #adminmenu li.wp-has-current-submenu { - margin-bottom: 1px; -} - -.folded #adminmenu .wp-has-current-submenu.menu-top-last { - margin-bottom: 0; -} - #adminmenu .awaiting-mod, #adminmenu span.update-plugins, #sidemenu li a span.update-plugins { position: absolute; - font-family: sans-serif; + font-family: "Open Sans", sans-serif; font-size: 9px; line-height: 17px; - font-weight: bold; + font-weight: 600; margin-top: 1px; margin-left: 7px; -webkit-border-radius: 10px; @@ -1720,6 +2035,10 @@ form.upgrade .hint { z-index: 26; } +#adminmenu .wp-submenu .update-plugins { + margin-top: 0; +} + #adminmenu li .awaiting-mod span, #adminmenu li span.update-plugins span, #sidemenu li a span.update-plugins span { @@ -1732,11 +2051,10 @@ form.upgrade .hint { display: none; } -#collapse-menu { - font-size: 12px; +#adminmenu #collapse-menu { + font-size: 13px; line-height: 34px; - border-width: 1px 0 0; - border-style: solid; + margin-top: 10px; } .folded #collapse-menu span { @@ -1751,25 +2069,58 @@ form.upgrade .hint { #collapse-button { float: left; - margin: 8px 6px; - border-width: 1px; - border-style: solid; + height: 15px; + margin: 10px 8px 10px 11px; + width: 15px; + -webkit-border-radius: 10px; border-radius: 10px; } +#wpwrap #collapse-button div { + padding: 0; +} + +#collapse-button div:after { + content: '\f148'; + display: block; + line-height: 15px; + left: -3px; + top: -3px; + font: normal 20px/1 'dashicons' !important; + speak: none; + margin: 0 auto; + padding: 0 !important; + position: relative; + text-align: center; + width: 20px; + -moz-transition: all .1s ease-in-out; + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; + + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.folded #collapse-button div:after { + -ms-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + transform: rotate(180deg); +} + + /* Auto-folding of the admin menu */ @media only screen and (max-width: 900px) { .auto-fold #wpcontent, .auto-fold #wpfooter { - margin-left: 52px; + margin-left: 56px; } .auto-fold #adminmenuback, .auto-fold #adminmenuwrap, .auto-fold #adminmenu, .auto-fold #adminmenu li.menu-top { - width: 32px; + width: 36px; } .auto-fold #adminmenu .wp-submenu.sub-open, @@ -1778,18 +2129,30 @@ form.upgrade .hint { .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu, .auto-fold #adminmenu a.menu-top:focus + .wp-submenu, .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu { - top: -1px; - left: 32px; + top: 0px; + left: 36px; } .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu, .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { - border-width: 1px; - border-style: solid; position: absolute; top: -1000em; + margin-right: -1px; + padding: 7px 0 8px; + z-index: 9999; } + .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu { + min-width: 150px; + width: auto; + } + + .auto-fold #adminmenu .wp-has-current-submenu li > a { + padding-right: 16px; + padding-left: 14px; + } + + .auto-fold #adminmenu li.menu-top .wp-submenu > li > a { padding-left: 12px; } @@ -1803,61 +2166,69 @@ form.upgrade .hint { } .auto-fold #adminmenu div.wp-menu-image { - width: 32px; + height: 30px; + width: 34px; position: absolute; z-index: 25; } .auto-fold #adminmenu a.menu-top { - height: 28px; - } - - .auto-fold #adminmenu li .wp-menu-arrow { - -moz-transform: translate( 32px ); - -webkit-transform: translate( 32px ); - -o-transform: translate( 32px ); - -ms-transform: translate( 32px ); - transform: translate( 32px ); - } - - .auto-fold #adminmenu li .wp-menu-arrow div { - display: none; - } - - .auto-fold #adminmenu li.current .wp-menu-arrow, - .auto-fold #adminmenu li.current .wp-menu-arrow div, - .auto-fold #adminmenu li.wp-has-current-submenu .wp-menu-arrow div, - .auto-fold #adminmenu li.wp-menu-open .wp-menu-arrow, - .auto-fold #adminmenu li a:focus .wp-menu-arrow { - display: block; + height: 34px; } .auto-fold #adminmenu li.wp-menu-open { border: 0 none; } - .auto-fold #adminmenu li.wp-has-current-submenu { - margin-bottom: 1px; - } - .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last { margin-bottom: 0; } + .auto-fold ul#adminmenu li:hover a.wp-has-current-submenu:after { + display: none; + } + + .auto-fold ul#adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after { + border-width: 4px; + margin-top: -4px; + top: 16px; + } + + .auto-fold ul#adminmenu a.wp-has-current-submenu:after, + .auto-fold ul#adminmenu > li a.current:after { + border-width: 4px; + margin-top: -4px; + } + + .auto-fold #adminmenu li.menu-top:hover, + .auto-fold #adminmenu li.opensub > a.menu-top, + .auto-fold #adminmenu li > a.menu-top:focus { + z-index: 10000; + } + .auto-fold #collapse-menu span { display: none; } + .auto-fold #collapse-button div { + background: none; + } + + .auto-fold #collapse-button div:after { + -ms-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + transform: rotate(180deg); + } } /* List table styles */ .post-com-count-wrapper { min-width: 22px; - font-family: sans-serif; + font-family: "Open Sans", sans-serif; } .post-com-count { - background-image: url('../images/bubble_bg.gif'); + background: none; height: 1.3em; line-height: 1.1em; display: block; @@ -1868,9 +2239,19 @@ form.upgrade .hint { background-repeat: no-repeat; } +.post-com-count:after { /* draw bubble connector using CSS! */ + content: ""; + display: block; + width: 0; + height: 0; + margin-left: 8px; + border-top: 5px solid #bbbbbb; + border-right: 5px solid transparent; +} + .post-com-count span { font-size: 11px; - font-weight: bold; + font-weight: 600; height: 1.4em; line-height: 1.4em; min-width: 0.7em; @@ -1903,10 +2284,23 @@ strong .post-com-count { } th .comment-grey-bubble { - background-image: url('../images/comment-grey-bubble.png'); - background-repeat: no-repeat; - height: 12px; - width: 12px; + height: 16px; + width: 16px; +} + +th .comment-grey-bubble:before { + content: '\f101'; + font: normal 20px/.5 'dashicons'; + speak: none; + display: inline-block; + padding: 0; + top: 4px; + left: -4px; + position: relative; + vertical-align: top; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; } /*------------------------------------------------------------------------------ @@ -1914,7 +2308,7 @@ th .comment-grey-bubble { ------------------------------------------------------------------------------*/ html.wp-toolbar { - padding-top: 28px; + padding-top: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; @@ -2006,6 +2400,7 @@ html.wp-toolbar { #poststuff { padding-top: 10px; + min-width: 763px; } #poststuff #post-body { @@ -2014,6 +2409,7 @@ html.wp-toolbar { #post-body-content { width: 100%; + min-width: 463px; float: left; } @@ -2091,7 +2487,11 @@ html.wp-toolbar { } /* one column on the post write/edit screen */ -@media only screen and (max-width: 960px) { +@media only screen and (max-width: 850px) { + #poststuff { + min-width: 0; + } + #wpbody-content #poststuff #post-body { margin: 0; } @@ -2119,13 +2519,6 @@ html.wp-toolbar { } } -.postbox .hndle { - -webkit-border-top-left-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-top-left-radius: 3px; - border-top-right-radius: 3px; -} - .js .postbox .hndle { cursor: move; } @@ -2161,8 +2554,6 @@ html.wp-toolbar { .stuffbox { margin-bottom: 20px; padding: 0; - border-width: 1px; - border-style: solid; line-height: 1; } @@ -2170,8 +2561,6 @@ html.wp-toolbar { .postbox h3, .stuffbox h3 { margin-top: 1px; - border-bottom-width: 1px; - border-bottom-style: solid; -webkit-user-select: none; -moz-user-select: none; user-select: none; @@ -2184,15 +2573,25 @@ html.wp-toolbar { .postbox .inside, .stuffbox .inside { - padding: 0 12px 0 10px; + padding: 0 12px 12px; line-height: 1.4em; + font-size: 13px; } .postbox .inside { - margin: 10px 0; + margin: 12px 0; position: relative; } +#dashboard-widgets .postbox .inside { + margin-bottom: 0; +} + +.postbox .inside > p:last-child, +.rss-widget ul li:last-child { + margin-bottom: 1px !important; +} + .postbox.closed h3 { border: none; -webkit-box-shadow: none; @@ -2229,13 +2628,19 @@ html.wp-toolbar { } #dashboard_recent_comments div.undo { - border-top-style: solid; - border-top-width: 1px; - margin: 0 -10px; - padding: 3px 8px; + margin: 0 -12px; + padding: 6px 12px; font-size: 11px; } +#dashboard_recent_comments div.undo .avatar { + float: left; +} + +#dashboard_recent_comments div.undo div { + min-height: 20px; +} + #the-comment-list td.comment p.comment-author { margin-top: 0; margin-left: 0; @@ -2262,25 +2667,27 @@ html.wp-toolbar { .welcome-panel { position: relative; overflow: auto; - margin: 20px 0; + margin: 16px 0; padding: 23px 10px 12px; - border-width: 1px; - border-style: solid; - border-radius: 3px; font-size: 13px; line-height: 2.1em; } .welcome-panel h3 { margin: 0; - font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; + font-family: "Open Sans", sans-serif; font-size: 21px; font-weight: normal; line-height: 1.2; } + .welcome-panel h4 { margin: 1.33em 0 0; - font-size: 13px; + font-size: 16px; +} + +.welcome-panel li { + font-size: 14px; } .welcome-panel .about-description { @@ -2298,17 +2705,28 @@ html.wp-toolbar { line-height: 1; } -.welcome-panel .welcome-panel-close:before { - content: ' '; - position: absolute; - left: -12px; - width: 10px; - height: 100%; - background: url('../images/xit.gif') 0 17% no-repeat; +#welcome-panel.welcome-panel .welcome-panel-close::before, +.tagchecklist span a:before, +#bulk-titles div a:before, +.wp-pointer-buttons a.close:before { + content: '\f153'; + display: block !important; + font: normal 16px/1 'dashicons'; + speak: none; + height: 20px; + margin: 2px 0; + text-align: center; + width: 20px; + -webkit-font-smoothing: antialiased !important; } -.welcome-panel .welcome-panel-close:hover:before { - background-position: 100% 17%; +#welcome-panel.welcome-panel .welcome-panel-close::before { + position: absolute; + left: -18px; + margin-top: -2px; + -webkit-transition: all .1s ease-in-out; + -moz-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; } .wp-core-ui .welcome-panel .button.button-hero { @@ -2340,45 +2758,65 @@ html.wp-toolbar { width: 36%; } +.welcome-panel-column p.hide-if-no-customize { + margin-top: 10px; +} + .welcome-panel-column p { margin-top: 7px; } .welcome-panel .welcome-icon { display: block; - padding: 2px 0 8px 32px; - background-image: url('../images/welcome-icons.png'); - background-repeat: no-repeat; - background-size: 16px; + padding: 0 0 8px; + background: transparent !important; } -.welcome-panel .welcome-add-page { - background-position: 0 2px; +.welcome-panel .welcome-icon:before { + font: normal 20px/1 'dashicons'; + speak: none; + display: inline-block; + padding: 0 10px 0 0; + top: -1px; + position: relative; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; + vertical-align: top; } -.welcome-panel .welcome-edit-page { - background-position: 0 -90px; +.welcome-panel .welcome-write-blog:before, +.welcome-panel .welcome-edit-page:before { + content:'\f119'; + top: -3px; } -.welcome-panel .welcome-learn-more { - background-position: 0 -136px; +.welcome-panel .welcome-add-page:before { + content:'\f132'; } -.welcome-panel .welcome-comments { - background-position: 0 -182px; +.welcome-panel .welcome-view-site:before { + content:'\f115'; + top: -2px; } -.welcome-panel .welcome-view-site { - background-position: 0 -274px; +.welcome-panel .welcome-widgets-menus:before { + content:'\f116'; + top: -2px; +} + +.welcome-panel .welcome-comments:before { + content:'\f117'; + top: -1px; +} + +.welcome-panel .welcome-learn-more:before { + content:'\f118'; + top: -1px; } .welcome-panel .welcome-widgets-menus { - background-position: 1px -229px; - line-height: 14px; -} - -.welcome-panel .welcome-write-blog { - background-position: 0 -44px; + line-height: 16px; } .welcome-panel .welcome-panel-column ul { @@ -2502,6 +2940,7 @@ table.fixed { #commentsdiv #add-new-comment { border-width: 0 0 1px; border-style: none none solid; + margin-top: 6px; } #commentsdiv .comments-box { @@ -2524,12 +2963,43 @@ table.fixed { .sorting-indicator { display: none; - width: 7px; + width: 10px; height: 4px; margin-top: 8px; margin-left: 7px; - background-image: url('../images/sort.gif'); - background-repeat: no-repeat; +} + +.sorting-indicator:before { + background: none; + content: '\f142'; + font: normal 20px/1 'dashicons'; + speak: none; + display: inline-block; + padding: 0; + top: -4px; + left: -8px; + color: #444; + line-height: 10px; + position: relative; + vertical-align: top; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; +} + +.column-comments .sorting-indicator:before { + top: 0; + left: -10px; +} + +th.sorted.asc .sorting-indicator:before, +th.desc:hover span.sorting-indicator:before { + content: '\f142'; +} + +th.sorted.desc .sorting-indicator:before, +th.asc:hover span.sorting-indicator:before { + content: '\f140'; } tr.wp-locked .locked-indicator { @@ -2552,10 +3022,15 @@ tr .locked-info { } tr.wp-locked .locked-info { + margin-top: 8px; height: auto; opacity: 1; } +.locked-text { + vertical-align: top; +} + tr.locked-info, tr.wp-locked .locked-info { -webkit-transition: height 1s, opacity 500ms; -moz-transition: height 1s, opacity 500ms; @@ -2609,13 +3084,12 @@ th.asc:hover span.sorting-indicator { /* Bulk Actions */ .tablenav-pages a { - border-bottom-style: solid; - border-bottom-width: 2px; - font-weight: bold; + font-weight: 600; margin-right: 1px; padding: 0 2px; } .tablenav-pages .current-page { + padding-top: 0; text-align: center; } .tablenav-pages .next-page { @@ -2658,13 +3132,19 @@ th.asc:hover span.sorting-indicator { padding: 3px 6px; } +.tablenav .tablenav-pages a { + padding: 0 10px 3px; + font-size: 16px; + font-weight: normal; +} + .tablenav .tablenav-pages a.disabled:hover , .tablenav .tablenav-pages a.disabled:active { cursor: default; } .tablenav .displaying-num { - margin-right: 10px; + margin-right: 2px; font-size: 12px; font-style: italic; } @@ -2680,13 +3160,40 @@ th.asc:hover span.sorting-indicator { .view-switch { float: right; - margin: 6px 8px 0; + margin: 5px 16px 0 8px; +} + +.view-switch img { + display: none; } .view-switch a { text-decoration: none; } +.view-switch > a { + display: inline-block; + width: 18px; + height: 18px; +} + +.view-switch > a:before { + content: '\f163'; + display: inline-block; + float: left; + font: normal 20px/1 'dashicons'; + speak: none; + vertical-align: middle; + margin-left: 0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.view-switch > a + a:before { + margin-left: 5px; + content: '\f164'; +} + .filter { float: left; margin: -5px 0 0 10px; @@ -2942,7 +3449,7 @@ ul.cat-checklist { .inline-edit-row fieldset ul.cat-checklist label, .inline-edit-row #bulk-titles div { - font-family: sans-serif; + font-family: "Open Sans", sans-serif; font-style: normal; font-size: 11px; } @@ -2970,12 +3477,16 @@ ul.cat-checklist { cursor: pointer; display: block; float: left; - height: 10px; - margin: 3px 3px 0 -2px; + height: 18px; + margin: 0 3px 0 -2px; overflow: hidden; position: relative; - text-indent: -9999px; - width: 10px; + width: 20px; +} + +#bulk-titles div a:before { + position: relative; + top: -3px; } @@ -3006,7 +3517,7 @@ ul.cat-checklist { #titlediv { position: relative; - margin-bottom: 5px; + margin-bottom: 10px; } #titlediv label { @@ -3073,7 +3584,7 @@ input#link_url { line-height: 24px; min-height: 25px; /* Yes, line-height + 1 */ margin-top: 5px; - padding-right: 6px; + padding: 0 10px; } #edit-slug-box .cancel { @@ -3104,10 +3615,8 @@ input#link_url { padding: 1px 2px; } -.submitbox .submitdelete, .submitbox .submit a:hover { - border-bottom-width: 1px; - border-bottom-style: solid; + text-decoration: underline; } .submitbox .submit input { @@ -3172,7 +3681,7 @@ ul.category-tabs li, } .category-tabs { - margin: 8px 0 3px; + margin: 8px 0 5px; } #category-adder h4 { @@ -3219,6 +3728,10 @@ ul.add-menu-item-tabs li.tabs, border-width: 1px 1px 0; } +ul.add-menu-item-tabs li.tabs { + padding-bottom: 3px; +} + #post-body .add-menu-item-tabs li.tabs { border-style: solid none solid solid; border-width: 1px 0 1px 1px; @@ -3229,13 +3742,13 @@ ul.category-tabs li, ul.add-menu-item-tabs li, ul.wp-tab-bar li { padding: 3px 5px 5px; - -webkit-border-top-left-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-top-left-radius: 3px; - border-top-right-radius: 3px; } -/* positioning etc. */ +#postimagediv .inside img { + max-width: 100%; + height: auto; +} + form#tags-filter { position: relative; } @@ -3245,6 +3758,7 @@ td.post-title strong, td.plugin-title strong { display: block; margin-bottom: .2em; + font-size: 14px; } td.post-title p, @@ -3276,13 +3790,7 @@ td.plugin-title p { } #post-status-info { - border-width: 0 1px 1px; - border-style: none solid solid; width: 100%; - -webkit-border-bottom-left-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } #post-status-info td { @@ -3298,24 +3806,25 @@ td.plugin-title p { border: none; } +#content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize { - display: block; background: transparent url('../images/resize.gif') no-repeat scroll right bottom; width: 12px; cursor: se-resize; +} + +#post-body .wp_themeSkin .mceStatusbar a.mceResize { + display: block; margin: 0 1px; position: relative; top: -2px; } #post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize { - top: 20px; + top: 22px; } #content-resize-handle { - background: transparent url('../images/resize.gif') no-repeat scroll right bottom; - width: 12px; - cursor: se-resize; position: absolute; right: 2px; height: 19px; @@ -3355,9 +3864,38 @@ td.plugin-title p { } .curtime #timestamp { - background-repeat: no-repeat; - background-position: left center; - padding: 2px 0 1px 20px; + padding: 2px 0 1px 0; + display: inline !important; + height: auto !important; +} + +#post-body #visibility:before, +.curtime #timestamp:before, +#post-body .misc-pub-revisions:before { + font: normal 20px/1 'dashicons'; + speak: none; + display: inline-block; + padding: 0 2px 0 0; + top: 0; + left: -1px; + position: relative; + vertical-align: top; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; +} + +#post-body #visibility:before { + content: '\f177'; +} + +.curtime #timestamp:before { + content: '\f145'; + top: -1px; +} + +#post-body .misc-pub-revisions:before { + content: '\f321'; } #timestampdiv { @@ -3531,13 +4069,13 @@ td.plugin-title p { .revisions.pinned .revisions-controls { position: fixed; top: 0; - padding-bottom: 10px; + height: 82px; } .revisions-tickmarks { position: relative; margin: 0 auto; - height: 0.8em; + height: 0.7em; top: 7px; max-width: 70%; -moz-box-sizing: border-box; @@ -3563,6 +4101,10 @@ td.plugin-title p { height: 140px; } +.comparing-two-revisions.pinned .revisions-controls { + height: 124px; +} + .revisions .diff-error { position: absolute; text-align: center; @@ -3623,7 +4165,7 @@ body.folded .revisions .loading-indicator { } .revisions-meta { - margin-top: 15px; + margin-top: 20px; } .revision-toggle-compare-mode { @@ -3654,6 +4196,10 @@ body.folded .revisions .loading-indicator { display: block; } +.revisions.pinned .revisions-buttons { + padding: 0 11px; +} + .revisions-previous, .revisions-next { position: relative; @@ -3674,17 +4220,27 @@ body.folded .revisions .loading-indicator { top: -3px; } +.revisions-diff { + padding: 15px; +} + +.revisions-diff h3:first-child { + margin-top: 0; +} + /* Revision meta box */ .post-revisions li img, #revisions-meta-restored img { vertical-align: middle; } +table.diff tbody tr td:nth-child(2) { + width: 4%; +} + table.diff { - table-layout: fixed; width: 100%; white-space: pre-wrap; - word-wrap: break-word; } table.diff col.content { @@ -3709,8 +4265,19 @@ table.diff tr { table.diff td, table.diff th { - padding: .5em; font-family: Consolas, Monaco, monospace; + font-size: 14px; + line-heighit: 1.618; + padding: .5em; +} + +table.diff td h1, +table.diff td h2, +table.diff td h3, +table.diff td h4, +table.diff td h5, +table.diff td h6 { + margin: 0; } table.diff .diff-deletedline del, @@ -3734,6 +4301,11 @@ table.diff .diff-addedline ins { margin-right: 5px; } +.revisions-controls .author-card .author-info { + font-size: 12px; + line-height: 16px; +} + .revisions-controls .author-card .avatar, .revisions-controls .author-card .author-info { float: left; @@ -3816,10 +4388,10 @@ table.diff .diff-addedline ins { width: 25px; height: 25px; -webkit-transform: rotate(45deg); - -moz-transform: rotate(45deg); - -ms-transform: rotate(45deg); - -o-transform: rotate(45deg); - transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); } .revisions-tooltip.flipped .revisions-tooltip-arrow > span { @@ -3843,6 +4415,57 @@ table.diff .diff-addedline ins { border-style: solid; } + + + +.revisions-tooltip { + display: none; +} + +.arrow { + width: 70px; + height: 16px; + overflow: hidden; + position: absolute; + left: 0; + margin-left: -35px; + bottom: 90px; + z-index: 10000; +} + +.arrow::after { + z-index: 9999; +} + +.arrow.top { + top: -16px; + bottom: auto; +} + +.arrow.left { + left: 20%; +} + +.arrow:after { + content: ""; + position: absolute; + left: 20px; + top: -20px; + width: 25px; + height: 25px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} + +.revisions-tooltip, +.revisions-tooltip-arrow:after { + border-width: 1px; + border-style: solid; +} + div.revisions-controls > .wp-slider > .ui-slider-handle { margin-left: -10px; } @@ -3852,46 +4475,49 @@ div.revisions-controls > .wp-slider > .ui-slider-handle { position: relative; border-width: 1px; border-style: solid; - border-radius: 3px; text-align: left; cursor: pointer; } .wp-slider .ui-slider-handle { - position: absolute; - z-index: 2; - margin-top: -3px; - width: 19px; - height: 19px; - border-width: 1px; - border-style: solid; border-radius: 50%; + height: 20px; + margin-top: -2px; + outline: none; + position: absolute; + width: 20px; + z-index: 2; } .wp-slider .ui-slider-handle:before { - content: ""; + background: none; position: absolute; - top: 6px; - left: 3px; - height: 8px; - width: 13px; - background: url(../images/arrows-pr.png) no-repeat -2px -47px; + margin-top: 1px; + margin-left: 1px; + top: 0; + left: 0; + content: "\f229"; + font: normal 18px/1 'dashicons'; + speak: none; + -webkit-font-smoothing:antialiased; + -moz-osx-font-smoothing: grayscale; } .wp-slider .ui-slider-handle.from-handle:before, .wp-slider .ui-slider-handle.to-handle:before { + font-size: 20px !important; height: 8px; width: 7px; + margin-left: 0; } .wp-slider .ui-slider-handle.from-handle:before { - background-position: -5px -84px; - left: 7px; + content: '\f139'; } .wp-slider .ui-slider-handle.to-handle:before { - background-position: -4px -65px; - left: 5px; + content: '\f141'; + } .wp-slider .ui-slider-range { @@ -3904,7 +4530,7 @@ div.revisions-controls > .wp-slider > .ui-slider-handle { } .wp-slider.ui-slider-horizontal { - height: .8em; + height: .7em; } .wp-slider.ui-slider-horizontal .ui-slider-handle { @@ -3963,66 +4589,112 @@ div.revisions-controls > .wp-slider > .ui-slider-handle { 11.4 - Post formats ------------------------------------------------------------------------------*/ -a.post-state-format { +.post-state-format { overflow: hidden; display: inline-block; vertical-align: middle; - height: 16px; - width: 16px; + height: 20px; + width: 20px; margin-right: 5px; - background-repeat: no-repeat; - text-indent: -999em; + margin-top: -4px; +} + +.post-state-format:before { + display: block; + height: 20px; + width: 20px; + font: normal 20px/1 'dashicons' !important; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } #post-formats-select { line-height: 2em; } +#post-formats-select .post-format-icon:before { + top: 5px; +} + +input.post-format { + margin-top: 1px; +} + label.post-format-icon { - margin-left: 5px; - padding: 2px 0 2px 21px; + margin-left: 0px; + padding: 2px 0 2px 0px; } -.post-format-icon.post-format-standard { - background-position: 0 0; +.post-format-icon:before { + position: relative; + display: inline-block; + margin-right: 7px; + font: normal 20px/1 'dashicons'; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.post-format-icon.post-format-image { - background-position: 0 -32px; +.post-state-format.post-format-standard:before, +.post-format-icon.post-format-standard:before, +a.post-state-format.format-standard:before { + content: '\f109'; } -.post-format-icon.post-format-gallery { - background-position: 0 -64px; +.post-state-format.post-format-image:before, +.post-format-icon.post-format-image:before, +a.post-state-format.format-image:before { + content: '\f128'; } -.post-format-icon.post-format-audio { - background-position: 0 -96px; +.post-state-format.post-format-gallery:before, +.post-format-icon.post-format-gallery:before, +a.post-state-format.format-gallery:before { + content: '\f161'; } -.post-format-icon.post-format-video { - background-position: 0 -128px; +.post-state-format.post-format-audio:before, +.post-format-icon.post-format-audio:before, +a.post-state-format.format-audio:before { + content: '\f127'; } -.post-format-icon.post-format-chat { - background-position: 0 -160px; +.post-state-format.post-format-video:before, +.post-format-icon.post-format-video:before, +a.post-state-format.format-video:before { + content: '\f126'; } -.post-format-icon.post-format-status { - background-position: 0 -192px; +.post-state-format.post-format-chat:before, +.post-format-icon.post-format-chat:before, +a.post-state-format.format-chat:before { + content: '\f125'; } -.post-format-icon.post-format-aside { - background-position: 0 -224px; +.post-state-format.post-format-status:before, +.post-format-icon.post-format-status:before, +a.post-state-format.format-status:before { + content: '\f130'; } -.post-format-icon.post-format-quote { - background-position: 0 -256px; +.post-state-format.post-format-aside:before, +.post-format-icon.post-format-aside:before, +a.post-state-format.format-aside:before { + content: '\f123'; } -.post-format-icon.post-format-link { - background-position: 0 -288px; +.post-state-format.post-format-quote:before, +.post-format-icon.post-format-quote:before, +a.post-state-format.format-quote:before { + content: '\f122'; } +.post-state-format.post-format-link:before, +.post-format-icon.post-format-link:before, +a.post-state-format.format-link:before { + content: '\f103'; +} /*------------------------------------------------------------------------------ 12.0 - Categories @@ -4050,8 +4722,8 @@ label.post-format-icon { padding: 0; } -#post-body ul.add-menu-item-tabs li { - padding: 8px; +ul.add-menu-item-tabs li { + padding: 3px 5px 3px 8px; } #post-body ul.add-menu-item-tabs li.tabs { @@ -4096,7 +4768,7 @@ ul.export-filters, ul.categorychecklist li { margin: 0; padding: 0; - line-height: 19px; + line-height: 22px; word-wrap: break-word; } @@ -4135,9 +4807,9 @@ p.help, p.description, span.description, .form-wrap p { - font-size: 12px; + font-size: 13px; font-style: italic; - font-family: sans-serif; + font-family: "Open Sans", sans-serif; } .form-wrap .form-field { @@ -4163,13 +4835,17 @@ span.description, 13.0 - Tags ------------------------------------------------------------------------------*/ +.tagsdiv { + margin-top: -8px; +} + #poststuff .taghint { color: #aaa; margin: 15px 0 -24px 12px; } #poststuff .tagsdiv .howto { - margin: 0 0 6px 8px; + margin: 0 0 6px 0; } .ajaxtag .newtag { @@ -4193,10 +4869,7 @@ span.description, } p.popular-tags { - -webkit-border-radius: 8px; - border-radius: 8px; - border-width: 1px; - border-style: solid; + border: none; line-height: 2em; max-width: 1000px; padding: 8px 12px 12px; @@ -4345,16 +5018,16 @@ table.links-table { display: inline; padding: 0 0 0 23px; margin: 0 1em 0 3px; - font-weight: bold; + font-weight: 600; } .media-upload-form tr.image-size label { margin: 0 0 0 5px; - font-weight: bold; + font-weight: 600; } .media-upload-form th.label label { - font-weight: bold; + font-weight: 600; margin: 0.5em; font-size: 13px; } @@ -4488,7 +5161,6 @@ abbr.required { position: relative; width: 200px; padding: 0 8px; - text-shadow: 0 1px 0 rgba(255,255,255,0.4); color: rgba(0,0,0,0.6); } @@ -4537,7 +5209,7 @@ abbr.required { .find-box-head { cursor: move; - font-weight: bold; + font-weight: 600; height: 2em; line-height: 2em; padding: 1px 12px; @@ -4683,6 +5355,10 @@ borger color while dragging a file over the uploader drop area */ 14.2 - Image Editor ------------------------------------------------------------------------------*/ +.wp_attachment_details #attachment_caption { + height: 4em; +} + .describe .image-editor { vertical-align: top; } @@ -4721,8 +5397,8 @@ td.imgedit-settings input { .imgedit-wait { position: absolute; top: 0; - background: #fff url(../images/wpspin_light.gif) no-repeat scroll 22px 10px; - background-size: 16px 16px; + background: #fff url('../images/spinner.gif') no-repeat scroll 22px 10px; + background-size: 20px 20px; opacity: 0.7; filter: alpha(opacity=70); width: 100%; @@ -4731,15 +5407,15 @@ td.imgedit-settings input { } .spinner { - background: url(../images/wpspin_light.gif) no-repeat; - background-size: 16px 16px; + background: url('../images/spinner.gif') no-repeat; + background-size: 20px 20px; display: none; float: right; opacity: 0.7; filter: alpha(opacity=70); - width: 16px; - height: 16px; - margin: 5px 5px 0; + width: 20px; + height: 20px; + margin: 2px 5px 0; } .no-float { @@ -4768,7 +5444,7 @@ td.imgedit-settings input { .wp_attachment_image .spinner, .A1B1 .spinner { float: left; - padding: 0 4px 4px; + padding: 0 0 4px 0; vertical-align: bottom; } @@ -4780,7 +5456,47 @@ td.imgedit-settings input { .imgedit-menu div { float: left; width: 32px; + background: none; + margin: 0 8px 0 0; height: 32px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-align: center; + line-height: 28px; +} + +.imgedit-menu div:before { + font: normal 20px/1 'dashicons'; + speak: none; + vertical-align: middle; +} + +.imgedit-crop:before { + content:'\f165'; +} + +.imgedit-rleft:before { + content:'\f166'; +} + +.imgedit-rright:before { + content:'\f167'; +} + +.imgedit-flipv:before { + content:'\f168'; +} + +.imgedit-fliph:before { + content:'\f169'; +} + +.imgedit-undo:before { + content:'\f171'; +} + +.imgedit-redo:before { + content:'\f172'; } .imgedit-crop-wrap { @@ -4788,96 +5504,33 @@ td.imgedit-settings input { } .imgedit-crop { - background: transparent url('../images/imgedit-icons.png') no-repeat scroll -9px -31px; margin: 0 8px 0 0; } -.imgedit-crop.disabled:hover { - background-position: -9px -31px; -} - -.imgedit-crop:hover { - background-position: -9px -1px; -} - .imgedit-rleft { - background: transparent url('../images/imgedit-icons.png') no-repeat scroll -46px -31px; margin: 0 3px; } -.imgedit-rleft.disabled:hover { - background-position: -46px -31px; -} - -.imgedit-rleft:hover { - background-position: -46px -1px; -} - .imgedit-rright { - background: transparent url('../images/imgedit-icons.png') no-repeat scroll -77px -31px; margin: 0 8px 0 3px; } -.imgedit-rright.disabled:hover { - background-position: -77px -31px; -} - -.imgedit-rright:hover { - background-position: -77px -1px; -} - .imgedit-flipv { - background: transparent url('../images/imgedit-icons.png') no-repeat scroll -115px -31px; margin: 0 3px; } -.imgedit-flipv.disabled:hover { - background-position: -115px -31px; -} - -.imgedit-flipv:hover { - background-position: -115px -1px; -} - .imgedit-fliph { - background: transparent url('../images/imgedit-icons.png') no-repeat scroll -147px -31px; margin: 0 8px 0 3px; } -.imgedit-fliph.disabled:hover { - background-position: -147px -31px; -} - -.imgedit-fliph:hover { - background-position: -147px -1px; -} - .imgedit-undo { - background: transparent url('../images/imgedit-icons.png') no-repeat scroll -184px -31px; margin: 0 3px; } -.imgedit-undo.disabled:hover { - background-position: -184px -31px; -} - -.imgedit-undo:hover { - background-position: -184px -1px; -} - .imgedit-redo { - background: transparent url('../images/imgedit-icons.png') no-repeat scroll -215px -31px; margin: 0 8px 0 3px; } -.imgedit-redo.disabled:hover { - background-position: -215px -31px; -} - -.imgedit-redo:hover { - background-position: -215px -1px; -} - .imgedit-applyto img { margin: 0 8px 0 0; } @@ -4940,30 +5593,35 @@ span.imgedit-scale-warn { .form-table { border-collapse: collapse; + font-size: 14px; margin-top: 0.5em; width: 100%; - margin-bottom: -8px; clear: both; } .form-table td { margin-bottom: 9px; - padding: 8px 10px; - line-height: 20px; - font-size: 12px; + padding: 18px 10px; + line-height: 1.3; + font-size: 14px; + vertical-align: middle; } .form-table th, .form-wrap label { font-weight: normal; - text-shadow: #fff 0 1px 0; + text-shadow: none; + font-size: 14px; + vertical-align: baseline; } .form-table th { vertical-align: top; text-align: left; - padding: 10px; + padding: 20px 10px 20px 0; width: 200px; + line-height: 1.3; + font-weight: 600; } .form-table th.th-full { @@ -4984,6 +5642,7 @@ span.imgedit-scale-warn { .form-table td p { margin-top: 4px; + margin-bottom: 0; } .form-table table.color-palette { @@ -5000,6 +5659,25 @@ span.imgedit-scale-warn { width: 10px; } + +.form-table td fieldset label { + margin: 0.25em 0 0.5em !important; + display: inline-block; +} + +.form-table td fieldset label, +.form-table td fieldset p, +.form-table td fieldset li { + line-height: 1.4em; +} + +.form-table input.tog, +.form-table input[type=radio] { + margin-top: -4px; + margin-right: 4px; + float: none; +} + .commentlist li { padding: 1em 1em .2em; margin: 0; @@ -5087,13 +5765,12 @@ span.imgedit-scale-warn { .comment-ays { margin-bottom: 0; - border-style: solid; - border-width: 1px; + border-bottom-style: solid; + border-bottom-width: 1px; } -.comment-ays th { - border-right-style: solid; - border-right-width: 1px; +.comment-ays .alt { + background-color: transparent; } .trash-undo-inside, @@ -5131,6 +5808,9 @@ span.imgedit-scale-warn { vertical-align: text-top; } +#the-comment-list .unapproved th.check-column input { + margin-left: 4px; +} /*------------------------------------------------------------------------------ 16.0 - Themes @@ -5307,7 +5987,7 @@ h3.available-themes { margin-right: 10px; text-transform: uppercase; font-size: 11px; - line-height: 18px; + line-height: 22px; color: #999; } @@ -5392,7 +6072,7 @@ h3.available-themes { #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 { - font-weight: bold; + font-weight: 600; text-decoration: none; } @@ -5470,35 +6150,36 @@ div#custom-background-image img { .nav-tab { border-style: solid; border-width: 1px 1px 0; - color: #aaa; - text-shadow: #fff 0 1px 0; font-size: 12px; line-height: 16px; display: inline-block; padding: 4px 14px 6px; text-decoration: none; - margin: 0 6px -1px 0; - -webkit-border-top-left-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-top-left-radius: 3px; - border-top-right-radius: 3px; + margin: -4px 4px -1px 0; } .nav-tab-active { border-width: 1px; - color: #464646; } -h2.nav-tab-wrapper, h3.nav-tab-wrapper { +.nav-tab-active, +.nav-tab-active:hover { + border-bottom-width: 1px; + border-bottom-style: solid; +} + +h2.nav-tab-wrapper, +h3.nav-tab-wrapper { border-bottom-width: 1px; border-bottom-style: solid; padding-bottom: 0; + padding-left: 10px; } h2 .nav-tab { - padding: 4px 10px 6px; - font-weight: 200; - font-size: 20px; + padding: 6px 10px; + font-weight: bold; + font-size: 15px; line-height: 24px; } @@ -5521,7 +6202,7 @@ h2 .nav-tab { #ed_reply_toolbar #ed_reply_strong, .item-controls .item-order a, .feature-filter .feature-name { - font-weight: bold; + font-weight: 600; } .plugins p { @@ -5546,21 +6227,16 @@ h2 .nav-tab { list-style-type: disc; } -.plugins .row-actions { +.plugins .row-actions-visible { + font-size: 13px; padding: 0; } -.plugins tbody th.check-column { - padding: 7px 0; -} - .plugins .inactive td, .plugins .inactive th, .plugins .active td, .plugins .active th { - border-top-style: solid; - border-top-width: 1px; - padding: 5px 7px 0; + padding: 10px 9px; } .plugins .update th, @@ -5577,13 +6253,17 @@ h2 .nav-tab { white-space:nowrap; } +.plugins .inactive .plugin-title strong { + font-weight: 400; +} + .plugins .second, -.plugins .row-actions { +.plugins .row-actions-visible { padding: 0 0 5px; } .plugins .update .second, -.plugins .update .row-actions { +.plugins .update .row-actions-visible { padding-bottom: 0; } @@ -5594,8 +6274,22 @@ h2 .nav-tab { } .plugin-update-tr .update-message { - margin: 5px; - padding: 3px 5px; + border: none; + font-size: 13px; + font-weight: normal; + margin: 6px 12px 12px; + padding: 6px 12px; +} + +.plugin-update-tr .update-message:before { + content: '\f113'; + display: inline-block; + font: normal 20px/1 'dashicons'; + speak: none; + margin: 0 8px 0 -2px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + vertical-align: top; } .plugin-install-php h4 { @@ -5620,10 +6314,6 @@ h2 .nav-tab { font-size: 22px; } -#your-profile #rich_editing { - border: none; -} - #display_name { width: 15em; } @@ -5636,6 +6326,14 @@ h2 .nav-tab { 19.0 - Tools ------------------------------------------------------------------------------*/ +body.press-this { + color: #333; + margin: 0; + padding: 0; + min-width: 708px; + min-height: 400px; +} + .pressthis { margin: 20px 0; } @@ -5649,11 +6347,6 @@ h2 .nav-tab { cursor: move; color: #333; background: #e6e6e6; - background-image: -webkit-gradient(linear, left bottom, left top, color-stop(7%, #e6e6e6), color-stop(77%, #d8d8d8)); - background-image: -webkit-linear-gradient(bottom, #e6e6e6 7%, #d8d8d8 77%); - background-image: -moz-linear-gradient(bottom, #e6e6e6 7%, #d8d8d8 77%); - background-image: -o-linear-gradient(bottom, #e6e6e6 7%, #d8d8d8 77%); - background-image: linear-gradient(to top, #e6e6e6 7%, #d8d8d8 77%); -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #b4b4b4; @@ -5661,7 +6354,6 @@ h2 .nav-tab { line-height: 16px; font-size: 14px; text-decoration: none; - text-shadow: 0 1px 0px #fff; } .pressthis a:active { @@ -5677,11 +6369,18 @@ h2 .nav-tab { } .pressthis a span { - background: url(../images/press-this.png?v=20120502) no-repeat 0px 5px; - background-size: 24px 20px; - padding: 8px 11px 8px 27px; - margin: 0 5px; display: inline-block; + margin: 0px 0 0; + padding: 0px 12px 8px 9px; +} + +.pressthis a span:before { + font: normal 20px/1 'dashicons'; + content:'\f157'; + position: relative; + display: inline-block; + top: 4px; + margin-right: 4px; } .pressthis a:after { @@ -5708,7 +6407,7 @@ h2 .nav-tab { #utc-time, #local-time { padding-left: 25px; font-style: italic; - font-family: sans-serif; + font-family: "Open Sans", sans-serif; } .defaultavatarpicker .avatar { @@ -5737,10 +6436,15 @@ h2 .nav-tab { } #wpfooter p { + font-size: 13px; margin: 0; line-height: 20px; } +#footer-thankyou { + font-style: italic; +} + #wpfooter a { text-decoration: none; } @@ -5786,13 +6490,12 @@ h2 .nav-tab { margin: 0.2em 200px 0 0; line-height: 1.2em; font-size: 2.8em; - font-weight: 200; + font-weight: 400; } .about-text, .about-description, .about-wrap li.wp-person a.web { - font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif; font-weight: normal; line-height: 1.6em; font-size: 20px; @@ -5826,10 +6529,12 @@ h2 .nav-tab { margin-top: 0.6em; } -.about-wrap code { +.about-wrap code, +.about-wrap ol li p { font-size: 14px; } + /* Point Releases */ .about-wrap .point-releases { @@ -5847,16 +6552,21 @@ h2 .nav-tab { /* WordPress Version Badge */ .wp-badge { - padding-top: 142px; - height: 50px; - width: 173px; - font-weight: bold; + background: url('../images/wordpress-logo.svg?ver=20131107') #000 no-repeat; + background-position: center 30px; + background-size: 110px 110px; font-size: 14px; text-align: center; - margin: 0 -5px; - background: url('../images/wp-badge.png?ver=20111120') no-repeat; + font-weight: 600; + margin: 5px 0 0; + padding-top: 155px; + height: 45px; + display: inline-block; + width: 165px; + text-rendering: optimizeLegibility; } + .about-wrap .wp-badge { position: absolute; top: 0; @@ -5870,15 +6580,15 @@ h2 .nav-tab { } .about-wrap h2 .nav-tab { - padding: 4px 10px 6px; + padding: 4px 15px 6px; margin: 0 3px -1px 0; font-size: 18px; vertical-align: top; + border-width: 1px; } .about-wrap h2 .nav-tab-active { font-weight: bold; - padding-top: 3px; } /* Changelog / Update screen */ @@ -5898,12 +6608,14 @@ h2 .nav-tab { } .about-wrap .feature-section.two-col div { + position: relative; width: 47%; margin-right: 4.999999999%; float: left; } .about-wrap .feature-section.three-col div { + position: relative; width: 30%; margin-right: 4.999999999%; float: left; @@ -5911,13 +6623,25 @@ h2 .nav-tab { .about-wrap .three-col.about-updates .col-1, .about-wrap .three-col.about-updates .col-3 { - width: 37%; + width: 50%; margin: 0; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +.about-wrap .three-col.about-updates .col-1 { + z-index: 1; + padding-right: 100px; } .about-wrap .three-col.about-updates .col-2 { - width: 16%; - margin: 0 5%; + position: absolute; + width: 100%; + text-align: center; +} + +.about-wrap .three-col.about-updates .col-3 { + padding-left: 100px; } .about-wrap .feature-section.col .last-feature { @@ -5935,7 +6659,7 @@ h2 .nav-tab { .about-wrap .about-passwords { margin: 20px 0; padding: 1px 20px 10px; - background-color: #f9f9f9; + background-color: #fff; } .about-wrap .about-auto-update { @@ -5980,6 +6704,56 @@ h2 .nav-tab { margin-left: 3em; } +/* Icons to replace images. */ + +.about-wrap .feature-section .col-2 img, +.about-wrap .feature-section.two-col p img { + display: none; +} + +.about-wrap .feature-section .col-2:before, +.about-wrap .feature-section .col-2:after, +.about-wrap .feature-section.two-col p:before { + display: inline-block; + position: relative; + font: normal 50px/125px 'dashicons'; + speak: none; + content: '\f147'; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.about-wrap .feature-section .col-2:before { + width: 100%; +} + +.about-wrap .feature-section .col-2:after { + position: absolute; + top: 0; + left: 0; + width: 100%; + font-size: 170px; + line-height: 125px; + content: '\f113'; +} + +.about-wrap .feature-section.two-col p:before { + float: right; + top: -25px; + font-size: 130px; + line-height: 1; + content: '\f179'; +} + +.about-wrap .feature-section.two-col .last-feature p:before { + top: -15px; + font-size: 110px; + content: '\f319'; +} + +.about-wrap .about-passwords .feature-section.two-col p:before { + content: ''; +} /* Return to Dashboard Home link */ @@ -6082,7 +6856,7 @@ body.full-overlay-active { } .wp-full-overlay { - background: #fff; + background: transparent; z-index: 500000; position: fixed; overflow: visible; @@ -6096,9 +6870,8 @@ body.full-overlay-active { .wp-full-overlay-sidebar { -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - + -moz-box-sizing: border-box; + box-sizing: border-box; position: fixed; width: 300px; height: 100%; @@ -6109,8 +6882,8 @@ body.full-overlay-active { margin: 0; z-index: 10; overflow: auto; - background: #f5f5f5; - border-right: 1px solid rgba( 0, 0, 0, 0.2 ); + background: transparent; + border-right: none; } .wp-full-overlay.collapsed .wp-full-overlay-sidebar { @@ -6138,7 +6911,6 @@ body.full-overlay-active { bottom: 0; right: 0; width: 3px; - box-shadow: -5px 0 4px -4px rgba(0, 0, 0, 0.1) inset; z-index: 1000; } @@ -6160,19 +6932,21 @@ body.full-overlay-active { line-height: 45px; z-index: 10; margin: 0; + border-top: none; + -webkit-box-shadow: none; + box-shadow: none; } -.wp-full-overlay-sidebar .wp-full-overlay-header { - border-top: 0; - border-bottom: 1px solid #fff; - box-shadow: inset 0 -1px 0 0px #dfdfdf; +.wp-full-overlay-sidebar .wp-full-overlay-header a.back { + margin-top: 10px; } .wp-full-overlay-sidebar .wp-full-overlay-footer { bottom: 0; - border-bottom: 0; - border-top: 1px solid #dfdfdf; - box-shadow: inset 0 1px 0 0px #fff; + border-bottom: none; + border-top: none; + -webkit-box-shadow: none; + box-shadow: none; } .wp-full-overlay-sidebar .wp-full-overlay-sidebar-content { @@ -6184,10 +6958,6 @@ body.full-overlay-active { overflow: auto; } -.wp-full-overlay-sidebar-content .accordion-section:first-child { - border-top: 1px solid #fff; -} - /* Close Link */ .wp-full-overlay .close-full-overlay { text-decoration: none; @@ -6214,13 +6984,28 @@ body.full-overlay-active { } .wp-full-overlay .collapse-sidebar-arrow { - position: absolute; - margin-top: 2px; - margin-left: 2px; + position: static; + margin-top: 0; + margin-left: 0; display: block; - width: 15px; - height: 15px; - background: transparent url('../images/arrows.png') no-repeat -1px -73px; + width: auto; + height: auto; + background: none; +} + +.wp-full-overlay .collapse-sidebar-arrow:before { + float: left; + content: "\f148"; + font: normal 20px/1 'dashicons'; + speak: none; + display: block; + padding: 0; + text-indent: 0; + text-align: center; + position: relative; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; } .wp-full-overlay.collapsed .collapse-sidebar-arrow { @@ -6230,7 +7015,6 @@ body.full-overlay-active { .wp-full-overlay .collapse-sidebar-label { position: absolute; left: 100%; - color: #808080; line-height: 20px; margin-left: 10px; } @@ -6238,11 +7022,6 @@ body.full-overlay-active { .wp-full-overlay.collapsed .collapse-sidebar-label { display: none; } - -.wp-full-overlay .collapse-sidebar:hover .collapse-sidebar-label { - color: #666; -} - /* Animations */ .wp-full-overlay, .wp-full-overlay-sidebar, @@ -6253,7 +7032,6 @@ body.full-overlay-active { -ms-transition-property: left, right, top, bottom, width, margin; -o-transition-property: left, right, top, bottom, width, margin; transition-property: left, right, top, bottom, width, margin; - -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -ms-transition-duration: 0.2s; @@ -6261,7 +7039,6 @@ body.full-overlay-active { transition-duration: 0.2s; } - /*------------------------------------------------------------------------------ 24.0 - Customize Loader ------------------------------------------------------------------------------*/ @@ -6297,8 +7074,8 @@ body.full-overlay-active { } .customize-loading #customize-container { - background: #fff url("../images/wpspin_light.gif") no-repeat fixed center center; - background-size: 16px 16px; + background: #fff url('../images/spinner.gif') no-repeat fixed center center; + background-size: 20px 20px; } #customize-container iframe, @@ -6318,6 +7095,10 @@ body.full-overlay-active { bottom: 16px; } +#customize-controls { + margin-top: 0; +} + #theme-installer { display: none; } @@ -6397,13 +7178,13 @@ p.pagenav { } .pagenav span { - font-weight: bold; + font-weight: 600; margin: 0 6px; } .row-title { - font-size: 13px !important; - font-weight: bold; + font-size: 14px !important; + font-weight: 600; } .column-author img, .column-username img { @@ -6413,18 +7194,20 @@ p.pagenav { } .row-actions { + font-size: 13px; visibility: hidden; padding: 2px 0 0; } +.mobile .row-actions { + visibility: visible; +} + tr:hover .row-actions, -.mobile .row-actions, -.row-actions.visible, div.comment-item:hover .row-actions { visibility: visible; } -/* deprecated */ .row-actions-visible { padding: 2px 0 0; } @@ -6443,6 +7226,9 @@ table.form-table td .updated { font-size: 12px; overflow: auto; } +.tagchecklist br { + display: none; +} .tagchecklist strong { margin-left: -8px; position: absolute; @@ -6451,19 +7237,20 @@ table.form-table td .updated { margin-right: 25px; display: block; float: left; - font-size: 11px; + font-size: 13px; line-height: 1.8em; white-space: nowrap; cursor: default; } + .tagchecklist span a { - margin: 4px 0 0 -10px; + margin: 1px 0 0 -17px; cursor: pointer; - width: 10px; - height: 10px; + width: 20px; + height: 20px; display: block; float: left; - text-indent: -9999px; + text-indent: 0; overflow: hidden; position: absolute; } @@ -6478,15 +7265,14 @@ table.form-table td .updated { #poststuff h3, .metabox-holder h3 { - font-size: 15px; - font-weight: normal; - padding: 7px 10px; + font-size: 14px; + padding: 7px 12px; margin: 0; - line-height: 1; + line-height: 1.4; } #poststuff .inside { - margin: 6px 0 8px; + margin: 6px 0 0 0; } #poststuff .inside #parent_id, @@ -6590,7 +7376,7 @@ table .column-rating { .error-message { color: red; - font-weight: bold; + font-weight: 600; } /* Scrollbar fix for bulk upgrade iframe */ @@ -6636,6 +7422,14 @@ td.media-icon img { width: auto; } +#post-body #post-body-content #namediv h3 { + margin-top: 0; +} + +#namediv h3 label { + vertical-align: baseline; +} + #namediv table { width: 100%; } @@ -6745,16 +7539,20 @@ h3:hover .edit-box { } .js #dashboard-widgets h3 .postbox-title-action { - right: 30px; + right: 33px; } #dashboard-widgets h4 { font-weight: normal; - font-size: 13px; + font-size: 14px; margin: 0 0 .2em; padding: 0; } +#dashboard_plugins h5 { + font-size: 14px; +} + /* Right Now */ #dashboard_right_now p.sub, #dashboard_right_now .table, #dashboard_right_now .versions { @@ -6762,17 +7560,19 @@ h3:hover .edit-box { } #dashboard_right_now .inside { - font-size: 12px; + font-size: 13px; padding-top: 20px; } #dashboard_right_now p.sub { padding: 5px 0 15px; - color: #8f8f8f; - font-size: 14px; + font-size: 11px; + font-weight: 600; + left: 14px; + letter-spacing: 1px; position: absolute; + text-transform: uppercase; top: -17px; - left: 15px; } #dashboard_right_now .table { @@ -6783,15 +7583,11 @@ h3:hover .edit-box { #dashboard_right_now .table_content { float: left; - border-top-width: 1px; - border-top-style: solid; - width: 45%; + width: 48%; } #dashboard_right_now .table_discussion { float: right; - border-top-width: 1px; - border-top-style: solid; width: 45%; } @@ -6820,10 +7616,13 @@ h3:hover .edit-box { } #dashboard_right_now .t { - font-size: 12px; padding-right: 12px; - padding-top: 6px; - color: #777; +} + +#dashboard_right_now .t, +#dashboard_right_now .b { + font-size: 14px; + padding-top: 4px; } #dashboard_right_now .t a { @@ -6864,9 +7663,10 @@ h3:hover .edit-box { } #dashboard_recent_comments .comment-meta .approve { - font-style: italic; - font-family: sans-serif; - font-size: 10px; + font-family: "Open Sans", sans-serif; + font-size: 13px; + line-height: 1; + margin: 0 10px; } #dashboard_recent_comments .subsubsub { @@ -6879,17 +7679,17 @@ h3:hover .edit-box { } #the-comment-list .comment-item { - padding: 1em 10px; + padding: 1em 12px; border-top: 1px solid; } #the-comment-list .pingback { - padding-left: 9px !important; + padding-left: 12px !important; } #the-comment-list .comment-item, #the-comment-list #replyrow { - margin: 0 -10px; + margin: 0 -12px; } #the-comment-list .comment-item:first-child { @@ -6902,9 +7702,9 @@ h3:hover .edit-box { } #the-comment-list .comment-item h4 { - line-height: 1.7em; - margin-top: -0.4em; - color: #777; + line-height: 1.5em; + margin-top: 0; + color: #999; } #the-comment-list .comment-item h4 cite { @@ -6927,10 +7727,25 @@ h3:hover .edit-box { #the-comment-list .comment-item p.row-actions { margin: 3px 0 0; padding: 0; - font-size: 12px; + font-size: 13px; } /* QuickPress */ +#header-logo { + display: none; +} + +#site-heading:before { + top: 3px; + position: relative; + display: inline-block; + font: normal 18px/1 'dashicons'; + speak: none; + color: #727272; + content: '\f120'; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} .no-js #dashboard_quick_press { display: none; } @@ -6967,6 +7782,7 @@ h3:hover .edit-box { #tags-input-wrap #tags-input { outline: none; + padding: 3px 6px; } #title-wrap #title-prompt-text { @@ -6976,21 +7792,30 @@ h3:hover .edit-box { #tags-input-wrap #tags-input-prompt-text { font-size: 1em; - padding: 4px 8px; + padding: 5px 8px; } #dashboard_quick_press .input-text-wrap, #dashboard_quick_press .textarea-wrap { - margin: 0 0 1em 0; + margin: 0 0 .7em 0; +} + +#dashboard_quick_press .input-text-wrap { + margin-right: 1px; +} + +#dashboard_quick_press .textarea-wrap { + margin-left: 1px; } #dashboard_quick_press .wp-media-buttons { - margin: 0 0 .2em 1px; + margin: 0 0 2px 1px; padding: 0; } #dashboard_quick_press .wp-media-buttons a { color: #777; + margin-bottom: 0; } #dashboard-widgets #dashboard_quick_press form p.submit input { @@ -7033,7 +7858,7 @@ h3:hover .edit-box { #dashboard_recent_drafts h4 abbr { font-weight: normal; - font-family: sans-serif; + font-family: "Open Sans", sans-serif; font-size: 12px; color: #999; margin-left: 3px; @@ -7047,7 +7872,8 @@ h3:hover .edit-box { } a.rsswidget { - font-size: 13px; + font-size: 14px; + font-weight: 600; line-height: 1.7em; } @@ -7058,7 +7884,7 @@ a.rsswidget { .rss-widget span.rss-date { color: #999; - font-size: 12px; + font-size: 13px; margin-left: 3px; } @@ -7108,7 +7934,7 @@ a.rsswidget { /* Browser Nag */ #dashboard_browser_nag a.update-browser-link { font-size: 1.2em; - font-weight: bold; + font-weight: 600; } #dashboard_browser_nag a { @@ -7144,7 +7970,6 @@ a.rsswidget { #dashboard_browser_nag.postbox h3 { border-bottom-color: #f6e2ac; - text-shadow: none; background: transparent none; color: #fff; -webkit-box-shadow: none; @@ -7155,32 +7980,45 @@ a.rsswidget { color: #fff; } -#dashboard_browser_nag.browser-insecure a.browse-happy-link, -#dashboard_browser_nag.browser-insecure a.update-browser-link { - text-shadow: #871b15 0 1px 0; +/* Make the browser nags easier to read with Open Sans */ + +#dashboard_browser_nag h3.hndle { + border: none; + font-weight: 600; + font-size: 20px; + padding-top: 10px; } -#dashboard_browser_nag a.browse-happy-link, -#dashboard_browser_nag a.update-browser-link { - text-shadow: #d29a04 0 1px 0; +.postbox#dashboard_browser_nag p a.dismiss { + font-size: 14px; +} + +.postbox#dashboard_browser_nag p, +.postbox#dashboard_browser_nag a, +.postbox#dashboard_browser_nag p.browser-update-nag { + font-size: 16px; } /* login */ +#loginform p.submit, +.login-action-lostpassword p.submit { + border: none; + margin: -10px 0 20px; /* May want to revisit this */ +} + .login * { margin: 0; padding: 0; } .login form { - margin-left: 8px; + margin-top: 20px; + margin-left: 0; padding: 26px 24px 46px; font-weight: normal; - background: #fff; - border: 1px solid #e5e5e5; - -webkit-box-shadow: rgba(200, 200, 200, 0.7) 0px 4px 10px -1px; - box-shadow: rgba(200, 200, 200, 0.7) 0px 4px 10px -1px; + overflow: hidden; } .login form .forgetmenot { @@ -7198,6 +8036,7 @@ a.rsswidget { } #login form p.submit { + margin: 0; padding: 0; } @@ -7211,17 +8050,27 @@ a.rsswidget { line-height: 19px; } +.login h1 { + text-align: center; +} + .login h1 a { - background-image: url('../images/wordpress-logo.png?ver=20120216'); - background-size: 274px 63px; - background-position: top center; + background-image: url('../images/wordpress-logo.svg?ver=20131107'); + background-size: 80px 80px; + background-position: center top; background-repeat: no-repeat; - width: 326px; - height: 67px; + color: #999; + height: 80px; + font-size: 20px; + font-weight: normal; + line-height: 1.3em; + margin: 0 auto 25px; + padding: 0; + text-decoration: none; + width: 80px; text-indent: -9999px; outline: none; overflow: hidden; - padding-bottom: 15px; display: block; } @@ -7233,25 +8082,27 @@ a.rsswidget { #login_error, .login .message { - margin: 0 0 16px 8px; + margin-left: 0; padding: 12px; } .login #nav, .login #backtoblog { - text-shadow: #fff 0 1px 0; - margin: 0 0 0 16px; - padding: 16px 16px 0; + font-size: 13px; + padding: 0 24px 0; +} + +.login #nav { + margin: 24px 0 0 0; } #backtoblog { - padding: 12px 16px 0; + margin: 16px 0 0 0; } .login form .input, .login input[type="text"] { color: #555; - font-weight: 200; font-size: 24px; line-height: 1; width: 100%; @@ -7268,7 +8119,7 @@ a.rsswidget { .login #pass-strength-result { width: 250px; - font-weight: bold; + font-weight: 600; border-style: solid; border-width: 1px; margin: 12px 0 6px; @@ -7320,9 +8171,9 @@ body.interim-login { /* ms */ /* Dashboard: MS Specific Data */ #dashboard_right_now p.musub { - margin-top: 12px; + margin: 20px -2px 0; + padding: 15px 5px 10px; border-top: 1px solid #ececec; - padding-left: 16px; position: static; } @@ -7339,10 +8190,17 @@ body.interim-login { border-top: none; } -#dashboard_right_now div.musubtable .t { +#dashboard_right_now div.musubtable .t, +#dashboard_right_now div.musubtable .b { + vertical-align: top; + padding: 0; white-space: normal; } +#dashboard_right_now div.musubtable .b { + padding-right: 3px; +} + /* Background Color for Site Status */ .wp-list-table .site-deleted { background: #ff8573; @@ -7363,11 +8221,6 @@ body.interim-login { display: block; } -#nav-menu-meta ul.outer-border { - -webkit-border-radius: 3px; - border-radius: 3px; -} - .accordion-section ul.category-tabs, .accordion-section ul.add-menu-item-tabs, .accordion-section ul.wp-tab-bar { @@ -7391,6 +8244,10 @@ body.interim-login { margin-top: 23px; } +#nav-menus-frame .accordion-section-content .inside { + font-size: 14px; +} + #wpbody-content #menu-settings-column { display:inline; width:281px; @@ -7406,7 +8263,8 @@ body.interim-login { } .metabox-holder-disabled .postbox, -.metabox-holder-disabled .accordion-section-content { +.metabox-holder-disabled .accordion-section-content, +.metabox-holder-disabled .accordion-section-title { opacity: 0.5; filter: alpha(opacity=50); } @@ -7440,8 +8298,6 @@ body.interim-login { margin-top: 23px; padding: 10px; overflow: hidden; - -webkit-border-radius: 3px; - border-radius: 3px; } .manage-menus select { @@ -7467,15 +8323,19 @@ body.interim-login { margin: 0 0 10px; } +#post-body #post-body-content h3 { + margin-top: 1em; +} + .menu-settings { + border-top-width: 1px; + border-top-style: solid; margin-top: 2em; - overflow: hidden; } .menu-settings dl { margin: 0 0 10px; overflow: hidden; - position: relative; } .menu-settings dd { @@ -7484,6 +8344,17 @@ body.interim-login { width: 60%; } +.menu-settings dt { + float: left; + clear: both; + width: 18%; + padding: 3px 1px 0; +} + +.menu-settings label { + vertical-align: baseline; +} + .menu-edit .checkbox-input { margin-top: 4px; } @@ -7523,15 +8394,11 @@ body.interim-login { #nav-menu-header { border-bottom: 1px solid; - margin-bottom: 13px; + margin-bottom: 0; } #nav-menu-header .menu-name-label { - margin-top: 2px; -} - -#nav-menu-footer { - border-top: 1px solid; + margin-top: 4px; } .nav-menus-php #post-body div.updated, @@ -7545,7 +8412,7 @@ body.interim-login { } #menu-management .menu-add-new abbr { - font-weight:bold; + font-weight:600; } #select-nav-menu-container { @@ -7624,30 +8491,6 @@ body.interim-login { margin: 0; } -#nav-menu-meta .accordion-container .top { - border-top: 1px solid #dfdfdf; -} - -#nav-menu-meta .accordion-container .accordion-section:first-child, -#nav-menu-meta .accordion-container .accordion-section:first-child h3, -#nav-menu-meta .accordion-container .top, -#nav-menu-meta .accordion-container .top h3 { - -webkit-border-top-right-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-top-right-radius: 3px; - border-top-left-radius: 3px; -} - -#nav-menu-meta .accordion-container .accordion-section:last-child, -#nav-menu-meta .accordion-container .accordion-section:last-child .accordion-section-content, -#nav-menu-meta .accordion-container .bottom, -#nav-menu-meta .accordion-container .bottom:not(.open) h3 { - -webkit-border-bottom-right-radius: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - border-bottom-left-radius: 3px; -} - .customlinkdiv .howto input { width: 180px; } @@ -7685,7 +8528,7 @@ body.interim-login { .nav-menus-php .submitcancel { display: block; float: left; - margin: 4px 0; + margin: 6px 0; line-height: 15px; } @@ -7763,7 +8606,7 @@ body.interim-login { } .nav-menus-php .howto span { - margin-top: 4px; + margin-top: 6px; display: block; float: left; } @@ -7806,6 +8649,11 @@ body.interim-login { margin-top: -3px; } +.menu-item-title input[type=checkbox] { + display: inline-block; + margin-top: -4px; +} + /* Nav Menu */ #menu-container .inside { padding-bottom: 10px; @@ -7836,14 +8684,14 @@ body.interim-login { margin: 9px 0 0; } -.menu-item-handle { +.menu-item-bar .menu-item-handle { border: 1px solid #dfdfdf; position: relative; padding-left: 10px; + padding-right: 2px; height: auto; width: 400px; line-height: 35px; - text-shadow: 0 1px 0 #FFFFFF; overflow: hidden; word-wrap: break-word; } @@ -7862,6 +8710,7 @@ body.interim-login { -webkit-border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; + border-bottom: none; } .no-js .menu-item-edit-active .item-edit { @@ -7874,15 +8723,13 @@ body.interim-login { .menu li.deleting .menu-item-handle { background-image: none; - text-shadow: 0 0 0; } .menu-item-handle .item-title { - font-size: 12px; - font-weight: bold; - padding: 7px 0; + font-size: 13px; + font-weight: 600; + padding: 5px 0; line-height: 20px; - min-height: 20px; display: block; margin-right: 13em; } @@ -7945,7 +8792,9 @@ body.menu-max-depth-11 { min-width: 1280px !important; } /* Menu item controls */ .item-type { font-size: 12px; - padding-right: 10px; + padding: 7px 10px; + line-height: 22px; + display: block; } .item-controls { @@ -7970,15 +8819,12 @@ body.menu-max-depth-11 { min-width: 1280px !important; } .nav-menus-php .item-edit { position: absolute; right: -20px; - top: 0; + top: -24px; display: block; - width: 30px; + width: 40px; height: 36px; - overflow: hidden; text-indent:-999em; - border-bottom: 1px solid; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; + margin-right: 0 !important; } /* Menu editing */ @@ -7988,14 +8834,8 @@ body.menu-max-depth-11 { min-width: 1280px !important; } .menu-item-settings { display: block; - width: 400px; + width: 402px; padding: 10px 0 10px 10px; - border: solid; - border-width: 0 1px 1px 1px; - -webkit-border-bottom-right-radius: 3px; - -webkit-border-bottom-left-radius: 3px; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; } .menu-item-settings .field-move a { @@ -8005,10 +8845,12 @@ body.menu-max-depth-11 { min-width: 1280px !important; } .menu-item-edit-active .menu-item-settings { display: block; + border-top: none; } .menu-item-edit-inactive .menu-item-settings { display: none; + border-top: none; } .add-menu-item-pagelinks { @@ -8059,14 +8901,14 @@ body.menu-max-depth-11 { min-width: 1280px !important; } /* Major/minor publishing actions (classes) */ .nav-menus-php .major-publishing-actions { clear: both; - padding: 3px 0 5px; + padding: 3px 0 6px; } .nav-menus-php .major-publishing-actions .publishing-action { text-align: right; float: right; line-height: 23px; - margin: 2px 0 1px; + margin: 4px 0 1px; } .nav-menus-php .blank-slate .menu-settings { @@ -8137,7 +8979,7 @@ div.action-links { #plugin-information-header { margin: 0; padding: 0 5px; - font-weight: bold; + font-weight: 600; position: relative; border-bottom-width: 1px; border-bottom-style: solid; @@ -8152,6 +8994,10 @@ div.action-links { } /* Install sidemenu */ +#plugin-information { + height: auto; +} + #plugin-information p.action-button { width: 100%; padding-bottom: 0; @@ -8165,7 +9011,7 @@ div.action-links { #plugin-information .action-button a { text-align: center; - font-weight: bold; + font-weight: 600; text-decoration: none; display: block; line-height: 2em; @@ -8243,15 +9089,12 @@ div.action-links { #plugin-information pre { padding: 7px; overflow: auto; + border-width: 1px; + border-style: solid; } -/* press-this */ -body.press-this { - color: #333; - margin: 0; - padding: 0; - min-width: 675px; - min-height: 400px; +.plugin-version-author-uri { + font-size: 13px; } img { @@ -8259,6 +9102,11 @@ img { } /* Header */ +#wphead { + border-bottom-width: 1px; + border-bottom-style: solid; +} + .press-this #wphead { height: 32px; margin-left: 0; @@ -8294,9 +9142,13 @@ img { margin: 10px 0; } +.press-this .posting { + margin-right: 252px; +} + .press-this-sidebar { float: right; - width: 200px; + width: 240px; padding-top: 10px; } @@ -8309,8 +9161,8 @@ img { box-sizing: border-box; } -.press-this .tagchecklist span a { - background: transparent url(../images/xit.gif) no-repeat 0 0; +.press-this .tagchecklist { + margin-top: 8px; } .press-this #titlediv { @@ -8319,7 +9171,7 @@ img { .press-this .wp-media-buttons { cursor: default; - padding: 8px 8px 0; + padding: 8px 8px 6px; } .press-this .howto { @@ -8330,6 +9182,18 @@ img { display: block; } +.press-this #wp-content-editor-container { + clear: none; +} + +.press-this #poststuff .inside { + margin-top: 18px; +} + +.press-this .category-tabs { + margin-bottom: 3px; +} + /* Editor/Main Column */ .press-this #poststuff { margin: 0 10px 10px; @@ -8395,8 +9259,7 @@ div.zerosize { } h3.tb { - text-shadow: 0 1px 0 #fff; - font-weight: bold; + font-weight: 600; font-size: 12px; margin-left: 5px; } @@ -8411,9 +9274,46 @@ h3.tb { min-width: 0; } -.js .postbox:hover .handlediv, -.js .stuffbox:hover .handlediv { - background: transparent url(../images/arrows.png) no-repeat 6px 7px; +.js .meta-box-sortables .postbox:hover .handlediv { + margin-right: 0 !important; +} + +/* Metabox collapse arrow indicators */ +.js .sidebar-name .sidebar-name-arrow:before, +.js .meta-box-sortables .postbox .handlediv:before { + right: 12px; + font: normal 20px/1 'dashicons'; + speak: none; + display: inline-block; + padding: 8px 10px; + top: 0; + position: relative; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; +} + +/* Make the tiny arrow visible on the widgets page at all times */ +.js .widgets-holder-wrap .sidebar-name .sidebar-name-arrow:before { + color: rgba(136,136,136,.4); +} +.js .widgets-holder-wrap .sidebar-name .sidebar-name-arrow:before { + content: '\f142'; +} +.js .widgets-holder-wrap.closed .sidebar-name .sidebar-name-arrow:before { + content: '\f140'; +} + +/* Show the arrow only on hover */ +.js .sidebar-name:hover .sidebar-name-arrow:before, +.js .meta-box-sortables .postbox:hover .handlediv:before { + content: '\f142'; + color: #888; +} + +.js .widgets-holder-wrap.closed:hover .sidebar-name-arrow:before, +.js .meta-box-sortables .postbox.closed:hover .handlediv:before { + content: '\f140'; } .press-this #submitdiv:hover .handlediv { @@ -8591,22 +9491,23 @@ input.newtag:focus ~ div.taghint { visibility: hidden; } +/* TinyMCE */ +#mce_fullscreen_container { + background: #fff; +} + #photo-add-url-div input[type="text"] { width: 300px; } -/* theme-editor */ +/* Theme/Plugin Editor */ .alignleft h3 { margin: 0; } -h3 span { - font-weight: normal; -} - #template textarea { font-family: Consolas, Monaco, monospace; - font-size: 12px; + font-size: 13px; width: 97%; background: #f9f9f9; outline: none; @@ -8633,7 +9534,7 @@ h3 span { #templateside ol, #templateside ul { - margin: .5em; + margin: .5em 0; padding: 0; } @@ -8641,8 +9542,20 @@ h3 span { margin: 4px 0; } -#templateside ul li a span.highlight { - display:block; +#templateside a, +.theme-editor-php .highlight { + display: block; + padding: 3px 3px 3px 12px; + text-decoration: none; +} + +.theme-editor-php .highlight { + margin: -3px 3px -3px -12px; +} + +#templateside .highlight { + border: none; + font-weight: bold; } .nonessential { @@ -8651,20 +9564,14 @@ h3 span { padding-left: 12px; } -.highlight { - padding: 3px 3px 3px 12px; - margin-left: -12px; - font-weight: bold; - border: 0 none; -} - #documentation { margin-top: 10px; } + #documentation label { line-height: 22px; - vertical-align: top; - font-weight: bold; + vertical-align: baseline; + font-weight: 600; } .fileedit-sub { @@ -8725,11 +9632,19 @@ div.widget-liquid-right { width: 300px; } +.widget-liquid-right .widget { + position: relative; +} + .widget-liquid-right .widget, .inactive-sidebar .widget, .widget-liquid-right .sidebar-description { width: 250px; margin: 0 auto 20px; +} + +.widget-liquid-right .widget, +.widget-liquid-right .sidebar-description { overflow: hidden; } @@ -8753,12 +9668,8 @@ div.sidebar-name h3 { div.sidebar-name { font-size: 13px; - border-width: 1px; - border-style: solid; - -webkit-border-top-right-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-top-right-radius: 3px; - border-top-left-radius: 3px; + border-bottom-width: 1px; + border-bottom-style: solid; } .js .sidebar-name { @@ -8783,7 +9694,8 @@ div.sidebar-name { } .js .closed .widgets-sortables, -.js .closed .widget-holder { +.js .closed .widget-holder, +.js .closed br.clear { display: none; } @@ -8795,11 +9707,6 @@ div.sidebar-name { padding: 7px 5px 0; } -#available-widgets .widget { - -webkit-box-shadow: none; - box-shadow: none; -} - .inactive-sidebar { padding: 5px 5px 0; } @@ -8848,11 +9755,15 @@ ul#widget-list { } .widget .widget-top { - margin-bottom: -1px; font-size: 12px; - font-weight: bold; + font-weight: 600; height: 26px; - overflow: hidden; +} + +.widget .widget-top, +.menu-item-handle { + margin-top: 0; + padding: 4px; } .widget-top .widget-title { @@ -8867,18 +9778,63 @@ a.widget-action { display: block; width: 24px; height: 26px; + text-decoration: none; } #available-widgets a.widget-action { display: none; } -.widget-top a.widget-action { - background: transparent url(../images/arrows.png) no-repeat 4px 6px; +.widget-top a.widget-action, +.widget-top a.widget-action:hover { + background: none !important; + border: none !important; + width: 30px; + margin-right: 0 !important; + margin-top: 3px; + text-decoration: none; } -.widget-top a.widget-action:hover { - background: transparent url(../images/arrows-dark.png) no-repeat 4px 6px; +.nav-menus-php .item-edit:after, +.widget-top a.widget-action:after, +.control-section .accordion-section-title::after, +.accordion-section-title::after { + right: 0; + content: '\f141'; + border: none; + background: none; + font: normal 20px/1 'dashicons'; + speak: none; + display: block; + padding: 0; + text-indent: 0; + text-align: center; + position: relative; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + text-decoration: none !important; +} + +.control-section .accordion-section-title::after, +.accordion-section-title::after { + float: right; + right: 20px; + top: -2px; +} + +.widget-top a.widget-action:after { + content: '\f140'; +} + +.control-section.open .accordion-section-title::after, +#customize-info.open .accordion-section-title::after, +.nav-menus-php .menu-item-edit-active .item-edit:after { + content: '\f140'; +} + +.nav-menus-php .item-controls .item-type { + padding: 11px; + margin-right: 10px; } .widget .widget-inside, @@ -8908,6 +9864,7 @@ a.widget-action { line-height: 1; overflow: hidden; white-space: nowrap; + text-overflow: ellipsis; } .widgets-sortables { @@ -9175,19 +10132,10 @@ a.widget-control-edit { /* Accordion */ .accordion-section { - border-top: 1px solid #fff; border-bottom: 1px solid #dfdfdf; margin: 0; } -.accordion-section:first-child { - border-top: 1px solid #dfdfdf; -} - -.accordion-section:last-child { - box-shadow: 0 1px 0 0px #fff; -} - .accordion-section.open .accordion-section-content, .no-js .accordion-section .accordion-section-content { display: block; @@ -9201,7 +10149,7 @@ a.widget-control-edit { display: none; padding: 10px 20px 15px; overflow: hidden; - background: #fdfdfd; + background: #fff; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; } @@ -9223,15 +10171,9 @@ a.widget-control-edit { } .js .accordion-section-title:after { - content: ''; - width: 0; - height: 0; - border-color: #ccc transparent; - border-style: solid; - border-width: 6px 6px 0; position: absolute; - top: 25px; - right: 20px; + top: 12px; + right: 10px; z-index: 1; } @@ -9253,12 +10195,10 @@ a.widget-control-edit { } .control-section .accordion-section-title { - padding: 10px 20px; - color: #464646; - font-size: 15px; - font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif; - font-weight: normal; - text-shadow: 0 1px 0 #fff; + border-left: none; + border-right: none; + padding: 10px 10px 11px 14px; + line-height: 21px; background: #f5f5f5; background-image: -webkit-gradient(linear, left bottom, left top, from(#eee), to(#f5f5f5)); background-image: -webkit-linear-gradient(bottom, #eee, #f5f5f5); @@ -9268,14 +10208,14 @@ a.widget-control-edit { } .control-section .accordion-section-title:after { - top: 15px; + top: 11px; } .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 { - color: #000; + color: #fff; background: #f9f9f9; background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9)); background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9); @@ -9285,9 +10225,14 @@ a.widget-control-edit { } .control-section.open .accordion-section-title { + /* When expanded */ border-bottom: 1px solid #dfdfdf; } +.sticky-menu #TB_window .updated { + margin: 16px 0 0; +} + /* =Media Queries -------------------------------------------------------------- */ @@ -9371,43 +10316,11 @@ a.widget-control-edit { (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { - .press-this .tagchecklist span a { - background-image: url('../images/xit-2x.gif'); - background-size: 20px auto; - } - - .js .postbox:hover .handlediv, - .js .stuffbox:hover .handlediv, - .widget-top a.widget-action { - background-image: url('../images/arrows-2x.png'); - background-size: 15px 123px; - } - - .widget-top a.widget-action:hover { - background-image: url('../images/arrows-dark-2x.png'); - background-size: 15px 123px; - } - - .post-com-count { - background-image: url('../images/bubble_bg-2x.gif'); - background-size: 18px 100px; - } - tr.wp-locked .locked-indicator { background-image: url('../images/lock-2x.png'); background-size: 16px 16px; } - th .comment-grey-bubble { - background-image: url('../images/comment-grey-bubble-2x.png'); - background-size: 12px 12px; - } - - .sorting-indicator { - background-image: url('../images/sort-2x.gif?ver=20130102'); - background-size: 14px 4px; - } - #content-resize-handle, #post-body .wp_themeSkin .mceStatusbar a.mceResize { background: transparent url('../images/resize-2x.gif') no-repeat scroll right bottom; @@ -9424,54 +10337,16 @@ a.widget-control-edit { background-size: 21px 37px; } - .welcome-panel .welcome-panel-close:before { - background-image: url('../images/xit-2x.gif'); - background-size: 20px auto; - } - - .welcome-panel .welcome-icon { - background-image: url('../images/welcome-icons-2x.png'); - } - - .login h1 a { - background-image: url('../images/wordpress-logo-2x.png?ver=20120412'); - background-size: 274px 63px; - } - - .wp-badge { - background-image: url('../images/wp-badge-2x.png?ver=20120516'); - background-size: 173px 194px; - } - .wp-full-overlay .collapse-sidebar-arrow { background-image: url('../images/arrows-2x.png'); background-size: 15px 123px; - } - - .pressthis a span { - background-image: url(../images/press-this-2x.png?v=20121105); - } - - .imgedit-crop, - .imgedit-rleft, - .imgedit-rright, - .imgedit-flipv, - .imgedit-fliph, - .imgedit-undo, - .imgedit-redo { - background-image: url('../images/imgedit-icons-2x.png'); - background-size: 260px 64px; } .spinner, .imgedit-wait, - .customize-loading #customize-container { - background-image: url(../images/wpspin_light-2x.gif); - } - - .wp-slider .ui-slider-handle:before { - background-image: url(../images/arrows-pr-2x.png); - background-size: 16px 102px; + .customize-loading #customize-container, + .revision-tick.completed-false { + background-image: url('../images/spinner-2x.gif'); } } @@ -9547,3 +10422,31 @@ a.widget-control-edit { .locale-lt-lt .inline-edit-row fieldset label span.input-text-wrap { margin-left: 8em; } + + +/* Thickbox styles */ + +.tb-close-icon { + background: none; + height: 16px; + margin: -2px -3px 0 0; + width: 16px; +} + +.tb-close-icon:before { + content: '\f158'; + color: #ccc; + font: normal 20px/1 'dashicons'; + speak: none; + vertical-align: middle; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.tb-close-icon:hover:before { + color: #fff; +} + +#TB_closeAjaxWindow a { + text-decoration: none; +} diff --git a/src/wp-includes/admin-bar.php b/src/wp-includes/admin-bar.php index cba5b8a181..8184b846a0 100644 --- a/src/wp-includes/admin-bar.php +++ b/src/wp-includes/admin-bar.php @@ -753,8 +753,12 @@ function wp_admin_bar_header() { ?> */ function _admin_bar_bump_cb() { ?> ul > li { - border-right: 0; - border-left: 1px solid #555; -} - -#wpadminbar .quicklinks > ul > li > a, -#wpadminbar .quicklinks > ul > li > .ab-empty-item { - border-right: 0; - border-left: 1px solid #333; -} - #wpadminbar .quicklinks .ab-top-secondary > li { - border-left: 0; - border-right: 1px solid #333; float: left; } #wpadminbar .quicklinks .ab-top-secondary > li > a, #wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item { - border-right: 1px solid #555; - border-left: 0; -} - -#wpadminbar .menupop .ab-sub-wrapper, -#wpadminbar .shortlink-input { - margin: 0 -1px 0 0; } #wpadminbar.ie7 .menupop .ab-sub-wrapper, @@ -54,7 +34,6 @@ #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper { right: auto; left: 0; - margin: 0 0 0 -1px; } #wpadminbar .menupop li:hover > .ab-sub-wrapper, @@ -72,17 +51,27 @@ } #wpadminbar .menupop .menupop > .ab-item { - background-position: 5% -46px; padding-left: 2em; padding-right: 1em; } +#wpadminbar .menupop .menupop > .ab-item:before { + content: '\f141'; + right: auto; + left: 3px; +} + #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item { - background-position: 95% -20px; padding-left: 1em; padding-right: 2em; } +#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before { + content: '\f139'; + left: auto; + right: 3px; +} + #wpadminbar .quicklinks .menupop ul.ab-sub-secondary { right: 0; left: auto; @@ -131,23 +120,22 @@ * My Sites */ #wpadminbar .quicklinks li .blavatar { - margin-right: 0px; - margin-left: 4px; + float: right; + margin-right: -10px; + margin-left: 7px; } /* * Search */ -#wpadminbar #adminbarsearch .adminbar-input { - font-family: Tahoma, Arial, Helvetica, sans-serif; - padding: 0 24px 0 3px; - margin: 0; - background-position: 50% 2px; +#wpadminbar #adminbarsearch:before { + left: auto; + right: 5px; } -#wpadminbar #adminbarsearch .adminbar-input:focus, -#wpadminbar.ie7 #adminbarsearch .adminbar-input { - background-position: 99% 2px; +#wpadminbar #adminbarsearch .adminbar-input { + padding: 0 24px 0 3px; + margin: 0; } /** @@ -155,6 +143,7 @@ */ #wpadminbar .ab-icon { float: right; + margin-right: auto; } .ie7 #wp-admin-bar-wp-logo > .ab-item .ab-icon { diff --git a/src/wp-includes/css/admin-bar.css b/src/wp-includes/css/admin-bar.css index 270fa9a0a1..687ede01f6 100644 --- a/src/wp-includes/css/admin-bar.css +++ b/src/wp-includes/css/admin-bar.css @@ -6,10 +6,10 @@ position: static; text-transform: none; letter-spacing: normal; - line-height: 1; - font: normal 13px/28px sans-serif; - color: #ccc; - text-shadow: #444 0px -1px 0px; + line-height: 30px; + font: normal 13px/32px "Open Sans", sans-serif; + color: #eee; + border-radius: 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; @@ -19,6 +19,27 @@ transition: none; } +#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default *, +#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary * { + text-transform: none; + letter-spacing: normal; + font: normal 13px/32px "Open Sans", sans-serif; +} + +#wpadminbar a.ab-item, +#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default span.ab-label, +#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary span.ab-label, +#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary span.noticon { + color: #eee; +} + +#wpadminbar #wp-admin-bar-site-name a.ab-item, +#wpadminbar #wp-admin-bar-my-sites a.ab-item { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + #wpadminbar ul li:before, #wpadminbar ul li:after { content: normal; @@ -51,20 +72,15 @@ #wpadminbar { direction: ltr; color: #ccc; - font: normal 13px/28px sans-serif; - height: 28px; + font: normal 13px/32px "Open Sans", sans-serif; + height: 32px; position: fixed; top: 0; left: 0; width: 100%; min-width: 600px; /* match the min-width of the body in wp-admin.css */ z-index: 99999; - background: #464646; - background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373737), color-stop(18%, #464646)); - background-image: -webkit-linear-gradient(bottom, #373737 0, #464646 5px); - background-image: -moz-linear-gradient(bottom, #373737 0, #464646 5px); - background-image: -o-linear-gradient(bottom, #373737 0, #464646 5px); - background-image: linear-gradient(to top, #373737 0, #464646 5px); + background: #222; } #wpadminbar .ab-sub-wrapper, @@ -80,8 +96,8 @@ z-index: 99999; } -#wpadminbar .quicklinks { - border-left: 1px solid transparent; +#wpadminbar ul#wp-admin-bar-root-default>li { + margin-right: 0; } #wpadminbar .quicklinks ul { @@ -96,74 +112,44 @@ outline: none; } -#wpadminbar .quicklinks > ul > li { - border-right: 1px solid #555; -} - -#wpadminbar .quicklinks > ul > li > a, -#wpadminbar .quicklinks > ul > li > .ab-empty-item { - border-right: 1px solid #333; -} - #wpadminbar .quicklinks .ab-top-secondary > li { - border-left: 1px solid #333; - border-right: 0; float: right; } -#wpadminbar .quicklinks .ab-top-secondary > li > a, -#wpadminbar .quicklinks .ab-top-secondary > li > .ab-empty-item { - border-left: 1px solid #555; - border-right: 0; -} - #wpadminbar .quicklinks a, #wpadminbar .quicklinks .ab-empty-item, #wpadminbar .shortlink-input { - height: 28px; + height: 32px; display: block; - padding: 0 12px; + padding: 0 10px; margin: 0; } #wpadminbar .menupop .ab-sub-wrapper, #wpadminbar .shortlink-input { - margin: 0 0 0 -1px; + margin: 0; padding: 0; - -webkit-box-shadow: 0 4px 4px rgba(0,0,0,0.2); - box-shadow: 0 4px 4px rgba(0,0,0,0.2); - background: #fff; + -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.2); + box-shadow: 0 3px 5px rgba(0,0,0,0.2); + background: #333; display: none; position: absolute; float: none; - border-width: 0 1px 1px 1px; - border-style: solid; - border-color: #dfdfdf; } #wpadminbar.ie7 .menupop .ab-sub-wrapper, #wpadminbar.ie7 .shortlink-input { - top: 28px; + top: 32px; left: 0; } -#wpadminbar .ab-top-menu > .menupop > .ab-sub-wrapper { - min-width: 100%; -} - #wpadminbar .ab-top-secondary .menupop .ab-sub-wrapper { right: 0; left: auto; - margin: 0 -1px 0 0; -} - -#wpadminbar .ab-sub-wrapper > .ab-submenu:first-child { - border-top: none; } #wpadminbar .ab-submenu { padding: 6px 0; - border-top: 1px solid #dfdfdf; } #wpadminbar .selected .shortlink-input { @@ -185,7 +171,6 @@ #wpadminbar .shortlink-input { line-height: 26px; height: 26px; - text-shadow: none; white-space: nowrap; min-width: 140px; } @@ -202,8 +187,7 @@ #wpadminbar .menupop li:hover > .ab-sub-wrapper, #wpadminbar .menupop li.hover > .ab-sub-wrapper { margin-left: 100%; - margin-top: -33px; - border-width: 1px; + margin-top: -32px; } #wpadminbar .ab-top-secondary .menupop li:hover > .ab-sub-wrapper, @@ -217,89 +201,114 @@ #wpadminbar .ab-top-menu > li.hover > .ab-item, #wpadminbar .ab-top-menu > li > .ab-item:focus, #wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus { - color: #fafafa; - background: #222; - background-image: -webkit-gradient(linear, left bottom, left top, from(#3a3a3a), to(#222)); - background-image: -webkit-linear-gradient(bottom, #3a3a3a, #222); - background-image: -moz-linear-gradient(bottom, #3a3a3a, #222); - background-image: -o-linear-gradient(bottom, #3a3a3a, #222); - background-image: linear-gradient(to top, #3a3a3a, #222); + color: #fff; } #wpadminbar.nojs .ab-top-menu > li.menupop:hover > .ab-item, #wpadminbar .ab-top-menu > li.menupop.hover > .ab-item { - background: #fff; - color: #333; - text-shadow: none; - border-right-color: transparent; - border-left-color: transparent; + background: #333; + color: #2ea2cc; } -#wpadminbar .hover .ab-label, -#wpadminbar.nojq .ab-item:focus .ab-label { - color: #fafafa; +#wpadminbar .ab-icon, +#wpadminbar .ab-item:before { + position: relative; + float: left; + font: normal 20px/1 'dashicons' !important; + speak: none; + padding: 4px 0; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background-image: none !important; + color: #999; + margin-right: 6px; } -#wpadminbar .menupop.hover .ab-label { - color: #333; - text-shadow: none; +#wpadminbar li:hover .ab-icon, +#wpadminbar li:hover > .ab-item:before { + color: #2ea2cc; } -#wpadminbar .menupop li:hover, -#wpadminbar .menupop li.hover, -#wpadminbar .quicklinks .menupop .ab-item:focus, -#wpadminbar .quicklinks .ab-top-menu .menupop .ab-item:focus { - background-color: #eaf2fa; +#wpadminbar .ab-icon:before { + position: relative; + -moz-transition: all .1s ease-in-out; + -webkit-transition: all .1s ease-in-out; + transition: all .1s ease-in-out; +} + +#wpadminbar .ab-label { + display: inline-block; + height: 32px; } #wpadminbar .ab-submenu .ab-item { - color: #333; - text-shadow: none; + color: #eee; } #wpadminbar .quicklinks .menupop ul li a, #wpadminbar .quicklinks .menupop ul li a strong, #wpadminbar .quicklinks .menupop.hover ul li a, #wpadminbar.nojs .quicklinks .menupop:hover ul li a { - color: #21759B; + color: #eee; +} + +#wpadminbar .quicklinks .menupop ul li a:hover, +#wpadminbar .quicklinks .menupop ul li a:hover strong, +#wpadminbar .quicklinks .menupop.hover ul li a:hover, +#wpadminbar.nojs .quicklinks .menupop:hover ul li a:hover { + color: #2ea2cc; +} + +#wpadminbar .menupop .menupop > .ab-item:before, +#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before { + position: absolute; + font: normal 17px/1 'dashicons'; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } #wpadminbar .menupop .menupop > .ab-item { display: block; - background-image: url(../images/admin-bar-sprite.png?d=20120830); - background-position: 95% -20px; - background-repeat: no-repeat; padding-right: 2em; } +#wpadminbar .menupop .menupop > .ab-item:before { + top: 0px; + right: 4px; + content: '\f139'; +} + #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item { - background-image: url(../images/admin-bar-sprite.png?d=20120830); - background-position: 5% -46px; - background-repeat: no-repeat; padding-left: 2em; padding-right: 1em; } +#wpadminbar .ab-top-secondary .menupop .menupop > .ab-item:before { + top: 5px; + left: 3px; + content: '\f141'; +} + #wpadminbar .quicklinks .menupop ul.ab-sub-secondary { display: block; position: relative; right: auto; margin: 0; - background: #eee; + background: #4b4b4b; -webkit-box-shadow: none; box-shadow: none; } -#wpadminbar .quicklinks .menupop .ab-sub-secondary > li:hover, -#wpadminbar .quicklinks .menupop .ab-sub-secondary > li.hover, -#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus { - background-color: #dfdfdf; +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li:hover > a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li.hover > a, +#wpadminbar .quicklinks .menupop .ab-sub-secondary > li .ab-item:focus a { + color: #2ea2cc; } #wpadminbar .quicklinks a span#ab-updates { background: #eee; color: #333; - text-shadow: none; display: inline; padding: 2px 5px; font-size: 10px; @@ -315,17 +324,10 @@ #wpadminbar .ab-top-secondary { float: right; - background: #464646; - background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #373737), color-stop(18%, #464646)); - background-image: -webkit-linear-gradient(bottom, #373737 0, #464646 5px); - background-image: -moz-linear-gradient(bottom, #373737 0, #464646 5px); - background-image: -o-linear-gradient(bottom, #373737 0, #464646 5px); - background-image: linear-gradient(to top, #373737 0, #464646 5px); } #wpadminbar ul li:last-child, #wpadminbar ul li:last-child .ab-item { - border-right: 0; -webkit-box-shadow: none; box-shadow: none; } @@ -346,12 +348,12 @@ margin-right: 16px; } -#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li { - margin-left: 88px; +#wpadminbar #wp-admin-bar-user-actions.ab-submenu { + padding: 6px 0 12px; } -#wp-admin-bar-user-actions > li > .ab-item { - padding-left: 8px; +#wpadminbar #wp-admin-bar-my-account.with-avatar #wp-admin-bar-user-actions > li { + margin-left: 88px; } #wpadminbar #wp-admin-bar-user-info { @@ -382,12 +384,11 @@ #wpadminbar #wp-admin-bar-user-info .display-name, #wpadminbar #wp-admin-bar-user-info .username { - text-shadow: none; display: block; } #wpadminbar #wp-admin-bar-user-info .display-name { - color: #333; + color: #fff; } #wpadminbar #wp-admin-bar-user-info .username { @@ -398,30 +399,104 @@ #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img { width: 16px; height: 16px; - border: 1px solid #999; padding: 0; + border: 1px solid #888; background: #eee; line-height: 24px; vertical-align: middle; - margin: -3px 0 0 6px; + margin: -4px 0 0 6px; float: none; display: inline; } -/* - * My Sites +/** + * WP Logo */ -#wpadminbar .quicklinks li .blavatar { - vertical-align: middle; - margin: -3px 4px 0 0; - padding: 0; +#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon { + width: 20px; + height: 20px; + margin-right: 0; + padding: 6px 0 5px; } -#wpadminbar .quicklinks li div.blavatar { - background: url('../images/wpmini-blue.png') no-repeat; +#wpadminbar #wp-admin-bar-wp-logo > .ab-item { + padding: 0 8px 0 8px; +} + +#wpadminbar #wp-admin-bar-wp-logo > .ab-item .ab-icon:before { + content: '\f120'; +} + +/* + * My Sites & Site Title + */ +#wpadminbar .quicklinks li .blavatar { + float: left; + font: normal 16px/1 'dashicons' !important; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + color: #eee; +} + +#wpadminbar .quicklinks li a:hover .blavatar { + color: #2ea2cc; +} + +#wpadminbar .quicklinks li .blavatar:before { + content: '\f120'; height: 16px; width: 16px; display: inline-block; + margin: 8px 8px 0 -2px; +} + +#wpadminbar #wp-admin-bar-appearance { + margin-top: -12px; +} + +#wpadminbar #wp-admin-bar-my-sites > .ab-item:before, +#wpadminbar #wp-admin-bar-site-name > .ab-item:before { + content: '\f112'; + top: 2px; +} + +#wpadminbar #wp-admin-bar-site-name > .ab-item:before { + content: '\f319'; +} + + + +/** + * Comments + */ +#wpadminbar #wp-admin-bar-comments .ab-icon { + margin-right: 6px; +} + +#wpadminbar #wp-admin-bar-comments .ab-icon:before { + content: '\f101'; + top: 3px; +} + +#wpadminbar #wp-admin-bar-comments .count-0 { + opacity: .5; +} + +/** + * New Content + */ +#wpadminbar #wp-admin-bar-new-content .ab-icon:before { + content: '\f132'; + top: 4px; +} + +/** + * Updates + */ +#wpadminbar #wp-admin-bar-updates .ab-icon:before { + content: '\f113'; + top: 2px; } /** @@ -429,37 +504,42 @@ */ #wpadminbar #wp-admin-bar-search .ab-item { padding: 0; -} - -#wpadminbar #wp-admin-bar-search .ab-item { - /* default background */ background: transparent; } #wpadminbar #adminbarsearch { - height: 28px; + position: relative; + height: 32px; padding: 0 2px; } -#wpadminbar #adminbarsearch .adminbar-input { - font: 13px/24px sans-serif; +#wpadminbar #adminbarsearch:before { + position: absolute; + top: 6px; + left: 5px; + z-index: 20; + font: normal 20px/1 'dashicons' !important; + content: '\f179'; + color: #999; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input { + position: relative; + z-index: 30; + font: 13px/24px "Open Sans", sans-serif; height: 24px; width: 24px; - border: none; - padding: 0 3px 0 23px; + padding: 0 3px 0 24px; margin: 0; color: #ccc; - text-shadow: #444 0px -1px 0px; background-color: rgba( 255, 255, 255, 0 ); - background-image: url(../images/admin-bar-sprite.png?d=20120830); - background-position: 3px 2px; - background-repeat: no-repeat; + border: none; outline: none; cursor: pointer; - -webkit-border-radius: 3px; - border-radius: 3px; - -webkit-box-shadow: none; box-shadow: none; @@ -479,127 +559,46 @@ -o-transition-timing-function: ease; } -#wpadminbar.ie7 #adminbarsearch .adminbar-input { - margin-top: 1px; - width: 120px; -} - -#wpadminbar #adminbarsearch .adminbar-input:focus { - color: #555; - text-shadow: 0 1px 0 #fff; +#wpadminbar > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { + z-index: 10; + color: #000; width: 200px; background-color: rgba( 255, 255, 255, 0.9 ); cursor: text; + border: 0; } -#wpadminbar.ie8 #adminbarsearch .adminbar-input { +#wpadminbar.ie7 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input { + margin-top: 3px; + width: 120px; +} + +#wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input { + margin-top: 4px; background-color: #464646; } -#wpadminbar.ie8 #adminbarsearch .adminbar-input:focus { +#wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus { background-color: #fff; } -/* Two rules to ensure browser recognition */ #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { - color: #ddd; + color: #999; } - #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { - color: #ddd; + color: #999; +} +#wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { + color: #999; +} +#wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { + color: #999; } #wpadminbar #adminbarsearch .adminbar-button { display: none; } -/** - * Site Menu - */ -#wpadminbar #wp-admin-bar-appearance { - border-top: none; - margin-top: -12px; -} - -/** - * Site Menu - */ -#wpadminbar #wp-admin-bar-appearance { - border-top: none; - margin-top: -12px; -} - -/** - * ICONS - */ -#wpadminbar .ab-icon { - position: relative; - float: left; - width: 16px; - height: 16px; - margin-top: 6px; -} - -#wpadminbar .ab-label { - margin-left: 4px; -} - -/** - * WP Logo icon - */ -#wp-admin-bar-wp-logo > .ab-item .ab-icon { - width: 20px; - height: 20px; - margin-top: 4px; - background-image: url(../images/admin-bar-sprite.png?d=20120830); - background-position: 0 -76px; - background-repeat: no-repeat; -} - -#wpadminbar.nojs #wp-admin-bar-wp-logo:hover > .ab-item .ab-icon, -#wpadminbar #wp-admin-bar-wp-logo.hover > .ab-item .ab-icon { - background-position: 0 -104px; -} - -/** - * Updates icon - */ -#wp-admin-bar-updates > .ab-item .ab-icon { - background-image: url(../images/admin-bar-sprite.png?d=20120830); - background-position: -2px -159px; - background-repeat: no-repeat; -} - -/** - * Comments icon - */ -#wp-admin-bar-comments > .ab-item .ab-icon { - background-image: url(../images/admin-bar-sprite.png?d=20120830); - background-position: -1px -134px; - background-repeat: no-repeat; -} - -#wpadminbar span.count-0 { - display: none; -} - -/** - * Add New icon - */ -#wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon { - background-image: url(../images/admin-bar-sprite.png?d=20120830); - background-position: -2px -182px; - background-repeat: no-repeat; -} - -/** - * Add New icon - */ -#wpadminbar.nojs #wp-admin-bar-new-content:hover > .ab-item .ab-icon, -#wpadminbar #wp-admin-bar-new-content.hover > .ab-item .ab-icon { - background-position: -2px -203px; -} - /** * Customize support classes */ @@ -612,30 +611,6 @@ display: none; } -/** - * Retina display 2x icons - */ -@media print, - (-o-min-device-pixel-ratio: 5/4), - (-webkit-min-device-pixel-ratio: 1.25), - (min-resolution: 120dpi) { - #wpadminbar .menupop .menupop > .ab-item, - #wpadminbar .ab-top-secondary .menupop .menupop > .ab-item, - #wpadminbar #adminbarsearch .adminbar-input, - #wp-admin-bar-wp-logo > .ab-item .ab-icon, - #wp-admin-bar-updates > .ab-item .ab-icon, - #wp-admin-bar-comments > .ab-item .ab-icon, - #wpadminbar #wp-admin-bar-new-content > .ab-item .ab-icon { - background-image: url(../images/admin-bar-sprite-2x.png?d=20120830); - background-size: 20px 220px; - } - - #wpadminbar .quicklinks li div.blavatar { - background: url('../images/wpmini-blue-2x.png') no-repeat; - background-size: 16px 16px; - } -} - /* Skip link */ #wpadminbar .screen-reader-text, #wpadminbar .screen-reader-text span { @@ -662,14 +637,12 @@ font-weight: bold; padding: 15px 23px 14px; background: #f1f1f1; - color: #21759b; - text-shadow: none; - border-radius: 3px; + color: #fff; z-index: 100000; line-height: normal; + text-decoration: none; -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6); box-shadow: 0 0 2px 2px rgba(0,0,0,.6); - text-decoration: none; } /** diff --git a/src/wp-includes/css/buttons.css b/src/wp-includes/css/buttons.css index 5ae473c85c..e7922d172f 100644 --- a/src/wp-includes/css/buttons.css +++ b/src/wp-includes/css/buttons.css @@ -39,9 +39,9 @@ TABLE OF CONTENTS: .wp-core-ui .button-secondary { display: inline-block; text-decoration: none; - font-size: 12px; - line-height: 23px; - height: 24px; + font-size: 13px; + line-height: 26px; + height: 28px; margin: 0; padding: 0 10px 1px; cursor: pointer; @@ -97,21 +97,35 @@ TABLE OF CONTENTS: display: none; } +/* Style Reset buttons as simple text links */ + +.wp-core-ui input[type="reset"], +.wp-core-ui input[type="reset"]:hover, +.wp-core-ui input[type="reset"]:active, +.wp-core-ui input[type="reset"]:focus { + background: none; + border: none; + -moz-box-shadow: none; + -webkit-box-shadow: none; + box-shadow: none; + padding-left: 2px; + padding-right: 2px; + width: auto; +} + /* ---------------------------------------------------------------------------- 2.0 - Default Button Style ---------------------------------------------------------------------------- */ .wp-core-ui .button, .wp-core-ui .button-secondary { - background: #f3f3f3; - background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4)); - background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); - background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); - background-image: -o-linear-gradient(top, #fefefe, #f4f4f4); - background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); - border-color: #bbb; - color: #333; - text-shadow: 0 1px 0 #fff; + color: #555; + border-color: #cccccc; + background: #f7f7f7; + + -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08); + box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08); + vertical-align: top; } .wp-core-ui .button.hover, @@ -120,13 +134,7 @@ TABLE OF CONTENTS: .wp-core-ui .button.focus, .wp-core-ui .button:focus, .wp-core-ui .button-secondary:focus { - background: #f3f3f3; - background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f3f3f3)); - background-image: -webkit-linear-gradient(top, #fff, #f3f3f3); - background-image: -moz-linear-gradient(top, #fff, #f3f3f3); - background-image: -ms-linear-gradient(top, #fff, #f3f3f3); - background-image: -o-linear-gradient(top, #fff, #f3f3f3); - background-image: linear-gradient(to bottom, #fff, #f3f3f3); + background: #fafafa; border-color: #999; color: #222; } @@ -144,19 +152,17 @@ TABLE OF CONTENTS: .wp-core-ui .button:active, .wp-core-ui .button-secondary:active { background: #eee; - background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#fefefe)); - background-image: -webkit-linear-gradient(top, #f4f4f4, #fefefe); - background-image: -moz-linear-gradient(top, #f4f4f4, #fefefe); - background-image: -ms-linear-gradient(top, #f4f4f4, #fefefe); - background-image: -o-linear-gradient(top, #f4f4f4, #fefefe); - background-image: linear-gradient(to bottom, #f4f4f4, #fefefe); border-color: #999; color: #333; - text-shadow: 0 -1px 0 #fff; -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); } +/* this creates an inset effect on the text */ +.wp-core-ui .button:active { + padding-top: 1px; +} + .wp-core-ui .button[disabled], .wp-core-ui .button:disabled, .wp-core-ui .button-secondary[disabled], @@ -164,12 +170,6 @@ TABLE OF CONTENTS: .wp-core-ui .button-disabled { color: #aaa !important; border-color: #ddd !important; - background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f4f4f4)) !important; - background-image: -webkit-linear-gradient(top, #f9f9f9, #f4f4f4) !important; - background-image: -moz-linear-gradient(top, #f9f9f9, #f4f4f4) !important; - background-image: -ms-linear-gradient(top, #f9f9f9, #f4f4f4) !important; - background-image: -o-linear-gradient(top, #f9f9f9, #f4f4f4) !important; - background-image: linear-gradient(to bottom, #f9f9f9, #f4f4f4) !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: 0 1px 0 #fff !important; @@ -181,38 +181,23 @@ TABLE OF CONTENTS: ---------------------------------------------------------------------------- */ .wp-core-ui .button-primary { - background-color: #21759b; - background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b)); - background-image: -webkit-linear-gradient(top, #2a95c5, #21759b); - background-image: -moz-linear-gradient(top, #2a95c5, #21759b); - background-image: -ms-linear-gradient(top, #2a95c5, #21759b); - background-image: -o-linear-gradient(top, #2a95c5, #21759b); - background-image: linear-gradient(to bottom, #2a95c5, #21759b); - border-color: #21759b; - border-bottom-color: #1e6a8d; - -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); - box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); + background: #2ea2cc; + border-color: #0074a2; + -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15); + box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15); color: #fff; text-decoration: none; - text-shadow: 0 1px 0 rgba(0,0,0,0.1); } .wp-core-ui .button-primary.hover, .wp-core-ui .button-primary:hover, .wp-core-ui .button-primary.focus, .wp-core-ui .button-primary:focus { - background-color: #278ab7; - background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b)); - background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b); - background-image: -moz-linear-gradient(top, #2e9fd2, #21759b); - background-image: -ms-linear-gradient(top, #2e9fd2, #21759b); - background-image: -o-linear-gradient(top, #2e9fd2, #21759b); - background-image: linear-gradient(to bottom, #2e9fd2, #21759b); - border-color: #1b607f; + background: #1e8cbe; + border-color: #0074a2; -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); color: #fff; - text-shadow: 0 -1px 0 rgba(0,0,0,0.3); } .wp-core-ui .button-primary.focus, @@ -226,18 +211,17 @@ TABLE OF CONTENTS: .wp-core-ui .button-primary.active:hover, .wp-core-ui .button-primary.active:focus, .wp-core-ui .button-primary:active { - background: #1b607f; - background-image: -webkit-gradient(linear, left top, left bottom, from(#21759b), to(#278ab7)); - background-image: -webkit-linear-gradient(top, #21759b, #278ab7); - background-image: -moz-linear-gradient(top, #21759b, #278ab7); - background-image: -ms-linear-gradient(top, #21759b, #278ab7); - background-image: -o-linear-gradient(top, #21759b, #278ab7); - background-image: linear-gradient(to bottom, #21759b, #278ab7); - border-color: #124560 #2382ae #2382ae #2382ae; + background: #1e8cbe; + border-color: #005684; color: rgba(255,255,255,0.95); -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); - text-shadow: 0 1px 0 rgba(0,0,0,0.1); + vertical-align: top; +} + +/* this creates an inset effect on the text */ +.wp-core-ui .button-primary:active { + padding-top: 1px; } .wp-core-ui .button-primary[disabled], diff --git a/src/wp-includes/css/dashicons.css b/src/wp-includes/css/dashicons.css new file mode 100644 index 0000000000..634e714edf --- /dev/null +++ b/src/wp-includes/css/dashicons.css @@ -0,0 +1,13 @@ +@font-face { + font-family: 'dashicons'; + src: url('../fonts/dashicons.eot'); +} + +@font-face { + font-family: 'dashicons'; + src: url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff'), + url('../fonts/dashicons.ttf') format('truetype'), + url('../fonts/dashicons.svg#dashicons') format('svg'); + font-weight: normal; + font-style: normal; +} diff --git a/src/wp-includes/css/editor.css b/src/wp-includes/css/editor.css index 9cab91b9c5..eed89c24eb 100644 --- a/src/wp-includes/css/editor.css +++ b/src/wp-includes/css/editor.css @@ -1,5 +1,6 @@ /*------------------------------------------------------------------------------ + TinyMCE and Quicklinks toolbars ------------------------------------------------------------------------------*/ @@ -48,6 +49,59 @@ color: #555; } +/* These are part of TinyMCE, used in TinyMCE Advanced, but not WordPress. These are not MP6-ified. */ +/* +.wp_themeSkin span.mce_sup, +.wp_themeSkin span.mce_sub, +.wp_themeSkin span.mce_media, +.wp_themeSkin span.mce_styleprops, +.wp_themeSkin span.mce_search, +.wp_themeSkin span.mce_emotions, +.wp_themeSkin span.mce_print, +.wp_themeSkin span.mce_attribs, +.wp_themeSkin span.mce_hr, +.wp_themeSkin span.mce_cut, +.wp_themeSkin span.mce_copy, +.wp_themeSkin span.mce_paste, +.wp_themeSkin span.mce_cite, +.wp_themeSkin span.mce_visualchars, +.wp_themeSkin span.mce_advhr, +.wp_themeSkin span.mce_insertdate, +.wp_themeSkin span.mce_anchor, +.wp_themeSkin span.mce_visualaid, +.wp_themeSkin span.mce_cleanup, +.wp_themeSkin span.mce_table, +.wp_themeSkin span.mce_row_props, +.wp_themeSkin span.mce_cell_props, +.wp_themeSkin span.mce_row_before, +.wp_themeSkin span.mce_row_after, +.wp_themeSkin span.mce_delete_row, +.wp_themeSkin span.mce_col_before, +.wp_themeSkin span.mce_col_after, +.wp_themeSkin span.mce_delete_col, +.wp_themeSkin span.mce_split_cells, +.wp_themeSkin span.mce_merge_cells, +.wp_themeSkin span.mce_delete_table, +.wp_themeSkin span.mce_ins, +.wp_themeSkin span.mce_abbr, +.wp_themeSkin span.mce_acronym, +.wp_themeSkin span.mce_del, +.wp_themeSkin span.mce_replace, +.wp_themeSkin span.mce_code, +.wp_themeSkin span.mce_nonbreaking, +.wp_themeSkin span.mce_inserttime, +.wp_themeSkin span.mce_insertlayer, +.wp_themeSkin span.mce_moveforward, +.wp_themeSkin span.mce_movebackward, +.wp_themeSkin span.mce_absolute +{ + -moz-transition: none; + -webkit-transition: none; + transition: none; + background: url("../js/tinymce/themes/advanced/img/icons.gif") no-repeat 20px 20px; +}*/ + + /* Containers */ .wp_themeSkin table {} @@ -97,16 +151,16 @@ } .wp_themeSkin .mceStatusbar { + background: #fff; + border-top: 1px solid #eee; + color: #000; display: block; font-family: sans-serif; font-size: 12px; + height: 20px; line-height: 16px; padding: 0 0 0 8px; overflow: visible; - height: 20px; - border-top: 1px solid #dfdfdf; - color: #000; - background-color: #f5f5f5; } .rtl .wp_themeSkin .mceStatusbar { @@ -169,8 +223,16 @@ height: 20px; } -.wp_themeSkin .mceIcon { - background: url("../js/tinymce/themes/advanced/img/icons.gif") no-repeat 20px 20px; +a .mceIcon, .mceAction { + text-align: center; + font: normal 20px/1 'dashicons' !important; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.mceAction { + line-height:16px; } /* Button */ @@ -354,44 +416,6 @@ border-top-right-radius: 2px; } -.wp_themeSkin span.mce_undo, -.wp_themeSkin span.mce_redo, -.wp_themeSkin span.mce_bullist, -.wp_themeSkin span.mce_numlist, -.wp_themeSkin span.mce_blockquote, -.wp_themeSkin span.mce_charmap, -.wp_themeSkin span.mce_bold, -.wp_themeSkin span.mce_italic, -.wp_themeSkin span.mce_underline, -.wp_themeSkin span.mce_justifyleft, -.wp_themeSkin span.mce_justifyright, -.wp_themeSkin span.mce_justifycenter, -.wp_themeSkin span.mce_justifyfull, -.wp_themeSkin span.mce_indent, -.wp_themeSkin span.mce_outdent, -.wp_themeSkin span.mce_link, -.wp_themeSkin span.mce_unlink, -.wp_themeSkin span.mce_help, -.wp_themeSkin span.mce_removeformat, -.wp_themeSkin span.mce_fullscreen, -.wp_themeSkin span.mce_wp_fullscreen, -.wp_themeSkin span.mce_media, -.wp_themeSkin span.mce_pastetext, -.wp_themeSkin span.mce_pasteword, -.wp_themeSkin span.mce_wp_help, -.wp_themeSkin span.mce_wp_adv, -.wp_themeSkin span.mce_wp_more, -.wp_themeSkin span.mce_strikethrough, -.wp_themeSkin span.mce_spellchecker, -.wp_themeSkin span.mce_forecolor, -.wp_themeSkin .mce_forecolorpicker, -.wp_themeSkin .mceSplitButton .mce_spellchecker span.mce_spellchecker, -.wp_themeSkin .mceSplitButton .mce_forecolor span.mce_forecolor, -.wp_themeSkin .mceSplitButton span.mce_numlist, -.wp_themeSkin .mceSplitButton span.mce_bullist { - background-image: url('../images/wpicons.png?ver=20120720'); -} - /* ColorSplitButton */ .wp_themeSkin div.mceColorSplitMenu table { background-color: #ebebeb; @@ -418,7 +442,7 @@ width: 100%; height: auto; text-align: center; - font-family: Tahoma,Verdana,Arial,Helvetica; + font-family: "Open Sans", sans-serif; font-size: 11px; line-height: 20px; border-color: #fff; @@ -474,7 +498,7 @@ .wp_themeSkin .mceMenu .mceText { position: relative; display: block; - font-family: Tahoma,Verdana,Arial,Helvetica; + font-family: "Open Sans", sans-serif; cursor: default; margin: 0; padding: 0 25px; @@ -591,17 +615,17 @@ .wp_themeSkin .mce_h2 span.mceText { font-weight: bolder; - font-size: 16px; + font-size: 14px; } .wp_themeSkin .mce_h3 span.mceText { font-weight: bolder; - font-size: 14px; + font-size: 12px; } .wp_themeSkin .mce_h4 span.mceText { font-weight: bolder; - font-size: 12px; + font-size: 11px; } .wp_themeSkin .mce_h5 span.mceText { @@ -614,6 +638,111 @@ font-size: 10px; } +span.mce_bold:before { + content:'\f200'; +} +span.mce_italic:before { + content:'\f201'; +} + +span.mce_bullist:before { + content:'\f203'; +} + +span.mce_numlist:before { + content:'\f204'; +} + +span.mce_blockquote:before { + content:'\f205'; +} +span.mce_justifyleft:before { + content:'\f206'; +} +span.mce_justifycenter:before { + content:'\f207'; +} +span.mce_justifyright:before { + content:'\f208'; +} +span.mce_link:before { + content:'\f103'; +} +span.mce_unlink:before { + content:'\f225'; +} +span.mce_wp_more:before { + content:'\f209'; +} +span.mce_strikethrough:before { + content:'\f224'; +} + +span.mce_spellchecker { + font-size:20px; + background:none !important; + margin-top: 2px; +} +span.mce_spellchecker:before { + content:'\f210'; +} +span.mce_fullscreen:before, +span.mce_wp_fullscreen:before { + content:'\f211'; +} + +span.mce_wp_adv:before { + content:'\f212'; +} +span.mce_underline:before { + content:'\f213'; +} + +span.mce_justifyfull:before { + content:'\f214'; +} + +span.mce_forecolor { + background:none !important; +} +span.mce_forecolor:before { + content:'\f215'; +} +span.mce_pastetext:before { + content:'\f217'; +} +span.mce_pasteword:before { + content:'\f216'; +} +span.mce_removeformat:before { + content:'\f218'; +} +span.mce_charmap:before { + content:'\f220'; +} +span.mce_outdent:before { + content:'\f221'; +} +span.mce_indent:before { + content:'\f222'; +} +span.mce_undo:before { + content:'\f171'; +} +span.mce_redo:before { + content:'\f172'; +} +span.mce_wp_help:before { + content:'\f223'; +} +span.mce_image:before { + content: '\f104'; +} +span.mce_ltr:before { + content: '\f320'; +} + + /* Theme */ .wp_themeSkin span.mce_undo {background-position:-500px -20px} .wp_themeSkin .mceButtonEnabled:hover span.mce_undo, @@ -944,6 +1073,9 @@ #mceModalBlocker { background: #000; + opacity: 0.7; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; + filter: alpha(opacity=70); } /* WP specific */ @@ -951,8 +1083,20 @@ position: relative; } +#wp-content-editor-tools { + position: relative; + z-index: 1; +} + +#wp-content-editor-container { + clear: both; + position: relative; + top: -1px; +} + .wp-editor-area { font-family: Consolas, Monaco, monospace; + font-size: 13px; padding: 10px; margin: 1px 0 0; line-height: 150%; @@ -966,24 +1110,13 @@ } .wp-editor-tools { - height: 30px; - padding: 0 10px 0 0; + padding: 0; } .rtl .wp-editor-tools { padding: 0 0 0 10px; } -.wp-editor-container { - border-width: 1px; - border-style: solid; - -webkit-border-top-right-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - border-color: #ccc #ccc #dfdfdf; -} - .wp-editor-container textarea.wp-editor-area { width: 100%; margin: 0; @@ -993,31 +1126,20 @@ .quicktags-toolbar, .wp_themeSkin tr.mceFirst td.mceToolbar { - border-bottom: 1px solid #d1d1d1; - background: #eee; - background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#f4f4f4)); - background-image: -webkit-linear-gradient(bottom, #e5e5e5, #f4f4f4); - background-image: -moz-linear-gradient(bottom, #e5e5e5, #f4f4f4); - background-image: -o-linear-gradient(bottom, #e5e5e5, #f4f4f4); - background-image: linear-gradient(to top, #e5e5e5, #f4f4f4); + border-bottom: 1px solid #dedede; + background: #f5f5f5; } .wp-switch-editor { - height: 18px; - font: 13px/18px Arial,Helvetica,sans-serif normal; - margin: 5px 5px 0 0; - padding: 4px 5px 2px; - float: right; + background: #ebebeb; + border: 1px solid #dedede; + color: #777; cursor: pointer; - border-width: 1px; - border-style: solid; - -webkit-border-top-right-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - background-color: #f1f1f1; - border-color: #dfdfdf #dfdfdf #ccc; - color: #999; + float: right; + font: 13px/19px "Open Sans", sans-serif; + height: 19px; + margin: 5px 0 0 5px; + padding: 3px 8px 4px; } html[dir="rtl"] .wp-switch-editor { @@ -1030,6 +1152,7 @@ html[dir="rtl"] .wp-switch-editor { .wp-switch-editor:hover { text-decoration: none !important; + background: #fff; } .js .tmce-active .wp-editor-area { @@ -1042,13 +1165,24 @@ html[dir="rtl"] .wp-switch-editor { .tmce-active .switch-tmce, .html-active .switch-html { - border-color: #ccc #ccc #f4f4f4; - background-color: #f4f4f4; + background: #f5f5f5; color: #555; + height: 20px; + border-bottom: none; } .wp-media-buttons .button { margin-right: 5px; + margin-bottom: 4px; + padding-left: 7px; + padding-right: 7px; +} + +.wp-media-buttons .button:active { + position: relative; + top: 1px; + margin-top: -1px; + margin-bottom: 1px; } .rtl .wp-media-buttons .button { @@ -1057,12 +1191,12 @@ html[dir="rtl"] .wp-switch-editor { } .wp-media-buttons .insert-media { - padding-left: 0.4em; + padding-left: 5px; } .rtl .wp-media-buttons .insert-media { - padding-left: 10px; - padding-right: 0.4em; + padding-left: 7px; + padding-right: 5px; } .wp-media-buttons a { @@ -1078,14 +1212,29 @@ html[dir="rtl"] .wp-switch-editor { .wp-media-buttons span.wp-media-buttons-icon { display: inline-block; - width: 16px; - height: 16px; + width: 18px; + height: 18px; vertical-align: text-top; margin: 0 2px; } .wp-media-buttons .add_media span.wp-media-buttons-icon { - background: url('../../wp-admin/images/media-button.png') no-repeat top left; + background: none; +} + +.wp-media-buttons .add_media span.wp-media-buttons-icon:before { + font: normal 18px/1 'dashicons'; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.wp-media-buttons .add_media span.wp-media-buttons-icon:before { + content: '\f104'; +} + +.wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before { + content: '\f175'; } .quicktags-toolbar { @@ -1109,7 +1258,7 @@ html[dir="rtl"] .wp-switch-editor { display: inline-block; min-width: 26px; padding: 2px 4px; - font: 12px/18px Arial, Helvetica, sans-serif normal; + font: 12px/18px "Open Sans", sans-serif; color: #464646; border: 1px solid #c3c3c3; -webkit-border-radius: 3px; @@ -1222,7 +1371,7 @@ html[dir="rtl"] .wp-switch-editor { } #wp-link .toggle-arrow { - background: transparent url( '../images/toggle-arrow.png' ) top left no-repeat; + background: transparent url("../images/toggle-arrow.png") top left no-repeat; height: 23px; line-height: 23px; } @@ -1749,58 +1898,74 @@ RTL direction: rtl; } -.clearlooks2 .mceFocus .mceTop .mceLeft { - background: #444444; - border-left: 1px solid #999; - border-top: 1px solid #999; - -webkit-border-top-left-radius: 3px; - border-top-left-radius: 3px; +/* TinyMCE modal */ +.clearlooks2 .mceTop { + border-bottom: 1px solid #ccc; } -.clearlooks2 .mceFocus .mceTop .mceRight { +.clearlooks2 .mceTop span { + font: 13px/24px "Open Sans", sans-serif; + color: #e5e5e5; +} + +.clearlooks2 .mceTop .mceLeft { background: #444444; - border-right: 1px solid #999; - border-top: 1px solid #999; - -webkit-border-top-right-radius: 3px; - border-top-right-radius: 3px; + border-color: transparent; +} + +.clearlooks2 .mceTop .mceRight { + background: #444444; + border-color: transparent; +} + +.clearlooks2 .mceMiddle { + clip: rect(24px auto auto auto); } .clearlooks2 .mceMiddle .mceLeft { background: #f1f1f1; - border-left: 1px solid #999; + border-color: transparent; } .clearlooks2 .mceMiddle .mceRight { background: #f1f1f1; - border-right: 1px solid #999; + border-color: transparent; } .clearlooks2 .mceBottom { background: #f1f1f1; - border-bottom: 1px solid #999; + border-color: transparent; } .clearlooks2 .mceBottom .mceLeft { background: #f1f1f1; - border-bottom: 1px solid #999; - border-left: 1px solid #999; + border-color: transparent; } .clearlooks2 .mceBottom .mceCenter { background: #f1f1f1; - border-bottom: 1px solid #999; + border-color: transparent; } .clearlooks2 .mceBottom .mceRight { background: #f1f1f1; - border-bottom: 1px solid #999; - border-right: 1px solid #999; + border-color: transparent; } -.clearlooks2 .mceFocus .mceTop span { - color: #e5e5e5; +.clearlooks2 .mceClose, +.clearlooks2 .mceFocus .mceClose, +.clearlooks2 .mceFocus .mceClose:hover { + background-image: none; +} +.clearlooks2 .mceClose:before { + content: '\f158'; + font: normal 20px/1 'dashicons'; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + color: #666; + padding-left: 12px; } - /* Distraction Free Writing mode * =Overlay Styles @@ -1903,15 +2068,15 @@ RTL /* =Top bar -------------------------------------------------------------- */ #fullscreen-topbar { + background: #f5f5f5; + border-bottom: 1px solid #fff; + height: 40px; + left: 0; + min-width: 800px; position: fixed; top: 0; - left: 0; - z-index: 150050; - border-bottom-style: solid; - border-bottom-width: 1px; - min-width: 800px; width: 100%; - height: 40px; + z-index: 150050; } #wp-fullscreen-toolbar { @@ -2035,11 +2200,6 @@ RTL display: none; } -#wp-fullscreen-buttons #wp_fs_image span.mce_image { - background-image: url('../../wp-admin/images/media-button.png'); - background-position: 2px 2px; -} - /* =Thickbox Adjustments -------------------------------------------------------------- */ .fullscreen-active #TB_overlay { @@ -2074,22 +2234,6 @@ RTL border-color: #ccc; } -#fullscreen-topbar { - border-bottom-color: #DFDFDF; - background: #f1f1f1; - background-image: -webkit-gradient(linear, left bottom, left top, from(#ececec), to(#f9f9f9)); - background-image: -webkit-linear-gradient(bottom, #ececec, #f9f9f9); - background-image: -moz-linear-gradient(bottom, #ececec, #f9f9f9); - background-image: -o-linear-gradient(bottom, #ececec, #f9f9f9); - background-image: linear-gradient(to top, #ececec, #f9f9f9); -} - -#mce_fullscreen_container { - background: #fff; - /* Fix for the default fullscreen plugin for the media modal */ - z-index: 110000 !important; -} - /* =CSS 3 transitions -------------------------------------------------------------- */ @@ -2227,49 +2371,9 @@ RTL (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { - .wp_themeSkin span.mce_undo, - .wp_themeSkin span.mce_redo, - .wp_themeSkin span.mce_bullist, - .wp_themeSkin span.mce_numlist, - .wp_themeSkin span.mce_blockquote, - .wp_themeSkin span.mce_charmap, - .wp_themeSkin span.mce_bold, - .wp_themeSkin span.mce_italic, - .wp_themeSkin span.mce_underline, - .wp_themeSkin span.mce_justifyleft, - .wp_themeSkin span.mce_justifyright, - .wp_themeSkin span.mce_justifycenter, - .wp_themeSkin span.mce_justifyfull, - .wp_themeSkin span.mce_indent, - .wp_themeSkin span.mce_outdent, - .wp_themeSkin span.mce_link, - .wp_themeSkin span.mce_unlink, - .wp_themeSkin span.mce_help, - .wp_themeSkin span.mce_removeformat, - .wp_themeSkin span.mce_fullscreen, - .wp_themeSkin span.mce_wp_fullscreen, - .wp_themeSkin span.mce_media, - .wp_themeSkin span.mce_pastetext, - .wp_themeSkin span.mce_pasteword, - .wp_themeSkin span.mce_wp_help, - .wp_themeSkin span.mce_wp_adv, - .wp_themeSkin span.mce_wp_more, - .wp_themeSkin span.mce_strikethrough, - .wp_themeSkin span.mce_spellchecker, - .wp_themeSkin span.mce_forecolor, - .wp_themeSkin .mce_forecolorpicker, - .wp_themeSkin .mceSplitButton .mce_spellchecker span.mce_spellchecker, - .wp_themeSkin .mceSplitButton .mce_forecolor span.mce_forecolor, - .wp_themeSkin .mceSplitButton span.mce_numlist, - .wp_themeSkin .mceSplitButton span.mce_bullist { - background-image: url('../images/wpicons-2x.png?ver=20120720'); - background-size: 560px 40px; - } - .wp-media-buttons .add_media span.wp-media-buttons-icon, #wp-fullscreen-buttons #wp_fs_image span.mce_image { - background-image: url('../../wp-admin/images/media-button-2x.png'); - background-size: 16px 16px; + background: none; } .wp_themeSkin .mceListBox .mceOpen, diff --git a/src/wp-includes/css/media-views.css b/src/wp-includes/css/media-views.css index 43061561a8..6f5cd88e88 100644 --- a/src/wp-includes/css/media-views.css +++ b/src/wp-includes/css/media-views.css @@ -3,7 +3,7 @@ */ .media-modal, .media-frame { - font-family: sans-serif; + font-family: "Open Sans", sans-serif; font-size: 12px; } @@ -49,14 +49,12 @@ .media-frame input[type="url"], .media-frame textarea, .media-frame select { - font-family: sans-serif; + font-family: "Open Sans", sans-serif; font-size: 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; /* ie8 only */ box-sizing: border-box; - -webkit-border-radius: 3px; - border-radius: 3px; border-width: 1px; border-style: solid; border-color: #dfdfdf; @@ -114,18 +112,34 @@ .media-modal-close { position: absolute; - top: 7px; - right: 7px; + text-decoration: none; + top: 5px; + right: 10px; width: 30px; height: 30px; z-index: 1000; } -.media-modal-close span { + +.media-modal-close span.media-modal-icon { display: block; margin: 8px auto 0; width: 15px; height: 15px; - background-position: -100px 0; + background-image: none; +} + +.media-modal-close .media-modal-icon:before { + content: '\f158'; + font: normal 20px/1 'dashicons'; + speak: none; + vertical-align: middle; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + color: #666; +} + +.media-modal-close:hover .media-modal-icon:before { + color: #2ea2cc; } .media-modal-close:active { @@ -141,6 +155,7 @@ overflow: auto; min-height: 300px; background: #fff; + -webkit-font-smoothing: subpixel-antialiased; } .media-modal-icon { @@ -209,7 +224,6 @@ } .media-sidebar .sidebar-title { - font-weight: 200; font-size: 20px; margin: 0; padding: 12px 10px 10px; @@ -232,7 +246,6 @@ text-transform: uppercase; font-size: 12px; color: #777; - text-shadow: 0 1px 0 #fff; margin: 24px 0 8px; } @@ -261,10 +274,11 @@ max-width: 65%; } -.media-sidebar .setting input[type="checkbox"] { - width: auto; +.media-sidebar .setting input[type="checkbox"], +.media-sidebar .field input[type="checkbox"] { + width: 16px; float: none; - margin-top: 8px; + margin: 8px 3px 0; padding: 0; } @@ -277,11 +291,11 @@ text-align: right; font-weight: normal; color: #999; - text-shadow: 0 1px 0 #fff; } .media-sidebar .setting input, .media-sidebar .setting textarea { + margin: 1px; width: 65%; float: right; } @@ -336,8 +350,7 @@ .compat-item .field { float: right; - width: 65%; - padding-right: 1px; + width: 66%; } .compat-item .field input { @@ -357,8 +370,8 @@ bottom: 0; margin: 0; padding: 16px 0; - border-right: 1px solid #d9d9d9; - box-shadow: inset -6px 0 6px -6px rgba( 0, 0, 0, 0.2 ); + border-right-width: 1px; + border-right-style: solid; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; @@ -368,12 +381,11 @@ .media-menu > a { display: block; position: relative; - padding: 4px 20px; + padding: 8px 20px; margin: 0; line-height: 18px; font-size: 14px; color: #21759B; - text-shadow: 0 1px 0 #fff; text-decoration: none; } @@ -417,13 +429,11 @@ .media-router > a { position: relative; float: left; - padding: 2px 10px; + padding: 8px 10px 9px; margin: 0; height: 18px; line-height: 18px; font-size: 14px; - border-right: 1px solid #dfdfdf; - text-shadow: 0 1px 0 #fff; text-decoration: none; } @@ -441,21 +451,13 @@ color: #333; } -.media-router .active:after { - content: ''; - display: block; - margin: -100px auto 0; - width: 7px; - height: 7px; - background: #fff; - box-shadow: 1px 1px 1px rgba( 0, 0, 0, 0.2 ); - z-index: 300; +.media-router .active, +.media-router > a.active:last-child { + margin: -1px -1px 0; +} - -webkit-transform: rotate( 45deg ) translate( 75px, 75px ); - -moz-transform: rotate( 45deg ) translate( 75px, 75px ); - -ms-transform: rotate( 45deg ) translate( 75px, 75px ); - -o-transform: rotate( 45deg ) translate( 75px, 75px ); - transform: rotate( 45deg ) translate( 75px, 75px ); +.media-router .active:after { + display: none; } /** @@ -484,24 +486,22 @@ top: 0; left: 200px; right: 0; - height: 45px; + height: 56px; z-index: 200; } .media-frame-router { position: absolute; - top: 45px; + top: 56px; left: 200px; right: 0; - height: 30px; + height: 36px; z-index: 200; - border-bottom: 1px solid #dfdfdf; - box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, 0.1 ); } .media-frame-content { position: absolute; - top: 75px; + top: 90px; left: 200px; right: 0; bottom: 61px; @@ -509,6 +509,10 @@ width: auto; margin: 0; overflow: auto; + border-top-width: 1px; + border-top-style: solid; + border-bottom-width: 1px; + border-bottom-style: solid; } .media-frame-toolbar { @@ -518,9 +522,6 @@ bottom: 0; height: 60px; z-index: 100; - border: 0 solid #dfdfdf; - border-width: 1px 0 0 0; - box-shadow: 0 -4px 4px -4px rgba( 0, 0, 0, 0.1 ); } .media-frame.hide-menu .media-frame-title, @@ -543,7 +544,7 @@ } .media-frame.hide-router .media-frame-content { - top: 45px; + top: 56px; } .media-frame.hide-router .media-frame-router { @@ -562,8 +563,7 @@ .media-frame-title h1 { padding: 0 16px; font-size: 22px; - font-weight: 200; - line-height: 45px; + line-height: 60px; margin: 0; } @@ -598,7 +598,7 @@ line-height: 18px; font-size: 13px; color: #464646; - font-family: sans-serif; + font-family: "Open Sans", sans-serif; -webkit-appearance: none; } @@ -641,12 +641,6 @@ 0 0 0 3px #ccc; } -.details.attachment { - box-shadow: - 0 0 0 1px #fff, - 0 0 0 5px #1e8cbe; -} - .attachment-preview { position: relative; width: 199px; @@ -779,15 +773,7 @@ outline: none; border: 1px solid #fff; - border-radius: 3px; box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.4 ); - - background: #f1f1f1; - background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#e1e1e1)); - background-image: -webkit-linear-gradient(top, #f1f1f1, #e1e1e1); - background-image: -moz-linear-gradient(top, #f1f1f1, #e1e1e1); - background-image: -o-linear-gradient(top, #f1f1f1, #e1e1e1); - background-image: linear-gradient(to bottom, #f1f1f1, #e1e1e1); } .attachment .check div { @@ -938,7 +924,6 @@ display: none; font-size: 12px; color: #666; - text-shadow: 0 1px 0 #fff; } .uploading.media-uploader-status .upload-details { @@ -1032,6 +1017,7 @@ } .uploader-window h3 { + margin: -0.5em 0 0; position: absolute; top: 50%; left: 0; @@ -1042,8 +1028,7 @@ -o-transform: translateY( -50% ); transform: translateY( -50% ); - font-size: 20px; - font-weight: 200; + font-size: 40px; color: #fff; padding: 0; } @@ -1092,7 +1077,7 @@ .uploader-inline h3 { font-size: 20px; line-height: 28px; - font-weight: 200; + font-weight: 400; margin-bottom: 1.6em; } @@ -1252,13 +1237,13 @@ */ .media-frame .spinner { - background: url(../images/wpspin.gif) no-repeat; - background-size: 16px 16px; + background: url('../images/spinner.gif') no-repeat; + background-size: 20px 20px; display: none; opacity: 0.7; filter: alpha(opacity=70); - width: 16px; - height: 16px; + width: 20px; + height: 20px; margin: 0; } @@ -1402,14 +1387,11 @@ .embed-url { display: block; position: relative; - padding: 0 16px 7px; + padding: 16px; margin: 0; z-index: 250; background: #fff; - border-bottom: 1px solid #dfdfdf; - box-shadow: 0 4px 4px -4px rgba( 0, 0, 0, 0.1 ); font-size: 18px; - font-weight: 200; } .media-frame .embed-url input { @@ -1433,8 +1415,7 @@ .embed-link-settings, .embed-image-settings { position: absolute; - background: #f5f5f5; - top: 57px; + top: 60px; left: 0; right: 0; bottom: 0; @@ -1480,7 +1461,6 @@ font-size: 13px; line-height: 24px; color: #999; - text-shadow: 0 1px 0 #fff; } .media-embed .setting .button-group { @@ -1627,6 +1607,10 @@ .media-menu .separator { margin: 12px 10px; } + + .media-modal-close { + right: 20px; + } } @media only screen and (max-width: 800px) { @@ -1662,12 +1646,13 @@ (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { + .media-modal-icon { background-image: url(../images/uploader-icons-2x.png); background-size: 134px 15px; } .media-frame .spinner { - background-image: url(../images/wpspin-2x.gif); + background-image: url('../images/spinner-2x.gif'); } } \ No newline at end of file diff --git a/src/wp-includes/css/wp-pointer.css b/src/wp-includes/css/wp-pointer.css index c5566f3f91..e6f1706f39 100644 --- a/src/wp-includes/css/wp-pointer.css +++ b/src/wp-includes/css/wp-pointer.css @@ -1,23 +1,11 @@ -.wp-pointer { -} - -.wp-pointer-content { +.wp-pointer-content { padding: 0 0 10px; position: relative; font-size: 13px; - background: #fff; - border-style: solid; - border-width: 1px; - /* Fallback for non-rgba-compliant browsers */ - border-color: #dfdfdf; - /* Use rgba to look better against non-white backgrounds. */ - border-color: rgba(0,0,0,.125); - -webkit-border-radius: 3px; - border-radius: 3px; - - -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.19); - box-shadow: 0 2px 4px rgba(0,0,0,.19); + border: none; + -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.075); + box-shadow: 0 3px 6px rgba(0,0,0,0.075); } .wp-pointer-content h3 { @@ -27,14 +15,7 @@ line-height: 1.4em; font-size: 14px; color: #fff; - border-radius: 3px 3px 0 0; - text-shadow: 0 -1px 0 rgba(0,0,0,0.3); - background: #8cc1e9; - background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9)); - background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9); - background-image: -moz-linear-gradient(bottom, #72a7cf, #8cc1e9); - background-image: -o-linear-gradient(bottom, #72a7cf, #8cc1e9); - background-image: linear-gradient(to top, #72a7cf, #8cc1e9); + background: #2ea2cc; } .wp-pointer-content h3:before { @@ -64,17 +45,17 @@ } .wp-pointer-buttons a.close { - padding-left:3px; + padding-left: 3px; position: relative; } .wp-pointer-buttons a.close:before { - content: ' '; - width:10px; - height:100%; - position:absolute; - left:-10px; - background:url('../images/xit.gif') 0 50% no-repeat; + font-size: 13px; + width: 10px; + height: 100%; + position: absolute; + left: -12px; + top: 1px; } .wp-pointer-buttons a.close:hover:before { @@ -91,7 +72,9 @@ .wp-pointer-arrow { z-index: 10; - background:url('../images/arrow-pointer-blue.png') 0 0 no-repeat; + width: 0; + height: 0; + border: 0 solid transparent; } .wp-pointer-arrow-inner { @@ -121,38 +104,38 @@ .wp-pointer-bottom .wp-pointer-arrow, .wp-pointer-undefined .wp-pointer-arrow { left: 50px; - width: 30px; - height: 14px; } .wp-pointer-left .wp-pointer-arrow, .wp-pointer-right .wp-pointer-arrow { top: 50%; margin-top: -15px; - width: 14px; - height: 30px; } /* Arrow Sprite */ .wp-pointer-top .wp-pointer-arrow, .wp-pointer-undefined .wp-pointer-arrow { top: 0; - background-position: 0 0; + border-width: 0 17px 15px 17px; + border-bottom-color: #2ea2cc; } .wp-pointer-bottom .wp-pointer-arrow { bottom: 0; - background-position: 0 -46px; + border-width: 15px 17px 0 17px; + border-top-color: #fff; } .wp-pointer-left .wp-pointer-arrow { left: 0; - background-position: 0 -15px; + border-width: 17px 15px 17px 0; + border-right-color: #fff; } .wp-pointer-right .wp-pointer-arrow { right:0; - background-position:-16px -15px; + border-width: 17px 0 17px 15px; + border-left-color: #fff; } /* - RTL @@ -185,44 +168,3 @@ .rtl .wp-pointer-undefined .wp-pointer-arrow { right: 50px; } - -/** - * HiDPI Displays - */ -@media print, - (-o-min-device-pixel-ratio: 5/4), - (-webkit-min-device-pixel-ratio: 1.25), - (min-resolution: 120dpi) { - - .wp-pointer-buttons a.close:before { - background-image: url('../images/xit-2x.gif'); - background-size: 20px auto; - } - - .wp-pointer-content h3:before { - background-image: url('../images/icon-pointer-flag-2x.png'); - background-size: 36px auto; - } - - .wp-pointer-arrow { - background: url('../images/arrow-pointer-blue-2x.png') 0 0 no-repeat; - background-size: 30px 60px; - } - - .wp-pointer-top .wp-pointer-arrow, - .wp-pointer-undefined .wp-pointer-arrow { - background-position: 0 1px; - } - - .wp-pointer-bottom .wp-pointer-arrow { - background-position: 0 -47px; - } - - .wp-pointer-left .wp-pointer-arrow { - background-position: 1px -15px; - } - - .wp-pointer-right .wp-pointer-arrow { - background-position:-17px -15px; - } -} diff --git a/src/wp-includes/fonts/dashicons.eot b/src/wp-includes/fonts/dashicons.eot new file mode 100644 index 0000000000..ef8dfaf832 Binary files /dev/null and b/src/wp-includes/fonts/dashicons.eot differ diff --git a/src/wp-includes/fonts/dashicons.svg b/src/wp-includes/fonts/dashicons.svg new file mode 100644 index 0000000000..5a372f0b30 --- /dev/null +++ b/src/wp-includes/fonts/dashicons.svg @@ -0,0 +1,175 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/wp-includes/fonts/dashicons.ttf b/src/wp-includes/fonts/dashicons.ttf new file mode 100644 index 0000000000..58ac356a86 Binary files /dev/null and b/src/wp-includes/fonts/dashicons.ttf differ diff --git a/src/wp-includes/fonts/dashicons.woff b/src/wp-includes/fonts/dashicons.woff new file mode 100644 index 0000000000..8f2ebb814a Binary files /dev/null and b/src/wp-includes/fonts/dashicons.woff differ diff --git a/src/wp-includes/general-template.php b/src/wp-includes/general-template.php index 90e19d4b72..75599204bf 100644 --- a/src/wp-includes/general-template.php +++ b/src/wp-includes/general-template.php @@ -2101,10 +2101,8 @@ function wp_admin_css_color($key, $name, $url, $colors = array()) { * @since 3.0.0 */ function register_admin_color_schemes() { - wp_admin_css_color( 'classic', _x( 'Blue', 'admin color scheme' ), admin_url( 'css/colors-classic.min.css' ), - array( '#5589aa', '#cfdfe9', '#d1e5ee', '#eff8ff' ) ); - wp_admin_css_color( 'fresh', _x( 'Gray', 'admin color scheme' ), admin_url( 'css/colors-fresh.min.css' ), - array( '#555', '#a0a0a0', '#ccc', '#f1f1f1' ) ); + wp_admin_css_color( 'fresh', _x( 'Default', 'admin color scheme' ), admin_url( 'css/colors-fresh.min.css' ), + array( '#222', '#333', '#0074a2', '#2ea2cc' ) ); } /** diff --git a/src/wp-includes/js/svg-painter.js b/src/wp-includes/js/svg-painter.js new file mode 100644 index 0000000000..126942f6b6 --- /dev/null +++ b/src/wp-includes/js/svg-painter.js @@ -0,0 +1,204 @@ +;var svgPainter = ( function( $, window, document, undefined ) { + + 'use strict'; + + $(document).ready( function() { + + // detection for browser SVG capability + if ( document.implementation.hasFeature( 'http://www.w3.org/TR/SVG11/feature#Image', '1.1' ) ) { + document.body.className = document.body.className.replace( 'no-svg', 'svg' ); + } + + svgPainter.init(); + + }); + + return { + + elements : [], + + init : function() { + + this.selector = $( '#adminmenu .wp-menu-image, #wpadminbar .ab-item' ); + + this.setColors(); + this.findElements(); + this.paint(); + + }, + + setColors : function( colors ) { + + if ( typeof colors === 'undefined' && typeof mp6_color_scheme !== 'undefined' ) { + var colors = mp6_color_scheme; + } + + this.colorscheme = colors; + + }, + + findElements : function() { + + this.selector.each(function() { + + var bgimg = $(this).css( 'background-image' ); + + if ( bgimg.indexOf( 'data:image/svg+xml;base64' ) != -1 ) { + svgPainter.elements.push( $(this) ); + } + + }); + + }, + + paint : function() { + + // loop through all elements + $.each( this.elements, function( index, $element ) { + + var $menuitem = $element.parent().parent(); + + if ( $menuitem.hasClass( 'current' ) || $menuitem.hasClass( 'wp-has-current-submenu' ) ) { + + // paint icon in 'current' color + svgPainter.paintElement( $element, svgPainter.colorscheme.icons.current ); + + } else { + + // paint icon in base color + svgPainter.paintElement( $element, svgPainter.colorscheme.icons.base ); + + // set hover callbacks + $menuitem.hover( + function() { svgPainter.paintElement( $element, svgPainter.colorscheme.icons.focus ); }, + function() { svgPainter.paintElement( $element, svgPainter.colorscheme.icons.base ); } + ); + + } + + }); + + }, + + paintElement : function( $element, color ) { + + // only accept hex colors: #101 or #101010 + if ( ! color.match( /^(#[0-9a-f]{3}|#[0-9a-f]{6})$/i ) ) + return; + + var xml = $element.data( 'mp6-svg-' + color ); + + if ( ! xml ) { + + var base64 = $element.css( 'background-image' ).match( /.+data:image\/svg\+xml;base64,(.+)\)/ ); + + if ( ! base64 ) + return; + + try { + var xml = window.atob( base64[1] ); + } catch ( e ) { + var xml = $.base64.atob( base64[1] ); + } + + // replace `fill` attributes + xml = xml.replace( /fill="(.+?)"/g, 'fill="' + color + '"'); + + // replace `style` attributes + xml = xml.replace( /style="(.+?)"/g, 'style="fill:' + color + '"'); + + // replace `fill` properties in `