From f6f04cafe933512c69814529a732482b0aa6fe8b Mon Sep 17 00:00:00 2001 From: matt <matt@1a063a9b-81f0-0310-95a4-ce76da25c4cd> Date: Fri, 7 Mar 2008 01:17:21 +0000 Subject: [PATCH] Abstract colors from layout CSS. Pass 1. git-svn-id: http://svn.automattic.com/wordpress/trunk@7178 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-admin/admin-header.php | 1 + wp-admin/css/colors-fresh.css | 723 ++++++++++++++++++++++++++++++++ wp-admin/css/dashboard.css | 36 +- wp-admin/css/global.css | 22 +- wp-admin/css/media.css | 25 +- wp-admin/css/theme-editor.css | 3 - wp-admin/css/upload.css | 36 +- wp-admin/css/widgets.css | 39 +- wp-admin/includes/dashboard.php | 2 +- wp-admin/wp-admin.css | 364 ++++------------ 10 files changed, 867 insertions(+), 384 deletions(-) create mode 100644 wp-admin/css/colors-fresh.css diff --git a/wp-admin/admin-header.php b/wp-admin/admin-header.php index 36baf596b1..4f50a8a930 100644 --- a/wp-admin/admin-header.php +++ b/wp-admin/admin-header.php @@ -30,6 +30,7 @@ get_admin_page_title(); <?php wp_admin_css( 'css/global' ); wp_admin_css(); +wp_admin_css( 'css/colors-fresh' ); ?> <!--[if gte IE 6]> <?php wp_admin_css( 'css/ie' ); diff --git a/wp-admin/css/colors-fresh.css b/wp-admin/css/colors-fresh.css new file mode 100644 index 0000000000..ce3de0e1af --- /dev/null +++ b/wp-admin/css/colors-fresh.css @@ -0,0 +1,723 @@ +#plugins tr { + background: #f0f0f0; +} + +#plugins .active { + background: #fff; +} + +#plugins .togl { + border-right-color: #ccc; +} + +.form-invalid { + background-color: #ffebe8 !important; +} + +.form-invalid input { + border-color: #c00 !important; +} + +.available-theme a.screenshot { + background: #f1f1f1; + border-color: #ccc; +} + +.checkbox { + background: #fff; +} + +.commentlist li { + border-bottom-color: #ccc; +} + +.quicktags, .search { + background: #ccc; + color: #000; +} + +.side-info { + background: #fff; +} + +.side-info h5 { + border-bottom-color: #dadada; +} + +.side-info ul { + color: #666; +} + +.submit input, .button, .button-secondary { + color: #246; + background: #e5e5e5; +} + +.button-secondary { + background: #cee1ef; +} + +.submit input:hover, .button:hover, .button-secondary:hover { + color: #d54e21; +} + +select { + background: #fff; + border-color: #ddd; +} + +.submit a { + color: #fff; +} + +.updated { + background: #ffffe0; + border-color: #e6db55; +} + +.updated a { + border-bottom-color: #2583ad; +} + +.error { + background: #ffebe8; + border-color: #c00; +} + +.error a { + color: #c00; +} + +input.disabled, textarea.disabled { + background: #ccc; +} + +#currenttheme img { + border-color: #666; +} + +#quicktags { + background: #cee1ef; +} + +#ed_toolbar input { + background: #fff url( ../images/fade-butt.png ) repeat-x 0 -2px; +} + +#postcustom table { + border-color: #ccc; +} + +#your-profile #rich_editing { + border: none; + background: #fff; +} + +#your-profile fieldset { + border-color: #ccc; +} + +div.nav { + background-color: #eaf3fa; +} + +.page-numbers { + border-color: #fff; + background-color: #fff; +} + +a.page-numbers { + border-color: #ccc; +} + +a.page-numbers:hover { + border-color: #999; +} + +.page-numbers.current { + border-color: #328ab2; + background-color: #328ab2; + color: #fff; +} + +.tablenav .dots { + background-color: #e4f2fd; + border-color: #e4f2fd; +} + +.tablenav .next, .tablenav .prev{ + border-color: #e4f2fd; + background-color: #e4f2fd; + border-bottom-color: #2583ad; + color: #2583ad; +} + +.tablenav .next:hover, .tablenav .prev:hover { + color: #d54e21; + border-color: #e4f2fd; + border-bottom-color: #d54e21; +} + +.tablenav { + background-color: #eaf3fa; +} + +#update-nag, .plugin-update { + border-bottom-color: #ccc; + border-top-color: #ccc; + background: #fffeeb; + color: #555; +} + +#update-nag a:link, .plugin-update a:link { + color: #036; +} + +#pass-strength-result { + background-color: #e3e3e3; + border-color: #000; +} + +#pass-strength-result.short { + background-color: #e3e3e3; +} + +#pass-strength-result.bad { + background-color: #ffeff7; + border-color: #c69; +} + +#pass-strength-result.good { + background-color: #effff4; + border-color: #66cc87; +} + +#pass-strength-result.strong { + background-color: #59ef86; + border-color: #319f52; +} + +#user_info { + color: #ccc; +} + +#user_info a { + color: #fff; +} + +#wphead { + border-top-color: #464646; + background: #e4f2fd; +} + +#wphead #viewsite a:hover { + color: #d54e21; +} + +#wphead #viewsite a { + background-color: #c6d9e9; + color: #246; +} + +#wphead h1 { + color: #555; +} + +#dashmenu a { + color: #999; +} + +#dashmenu a.current { + background: #e4f2fd; + color: #555; +} + +#dashmenu a:hover { + color: #fff; +} + +#dashmenu a.current:hover { + color: #555; +} + +#adminmenu { + background-color: #e4f2fd; + border-bottom-color: #c6d9e9; +} + +/* Because we don't want visited on these links */ +#adminmenu a, #submenu a { + color: #2583ad; +} + +#adminmenu a.current, #sidemenu a.current { + background: #fff; + color: #d54e21; + border-color: #c6d9e9; + border-bottom-color: #fff; +} + +#adminmenu a:hover, #sidemenu a:hover { + color: #d54e21; +} + +#sidemenu { + color: #999; +} + +#sidemenu a { + background-color: #e4f2fd; + border-top-color: #e4f2fd; + border-bottom-color: #c6d9e9; +} + +#adminmenu li a #awaiting-mod { + background-image: url(../images/comment-stalk.gif); +} + +.post-com-count { + background-image: url(../images/comment-stalk.gif); + color: #fff; +} + +.post-com-count span { + color: #fff; + background-color: #bbb; +} + +strong .post-com-count span { + background-color: #2583ad; +} + +.post-com-count:hover span { + background-color: #d54e21; +} + +#adminmenu li a #awaiting-mod span { + color: #fff; + background-color: #d54e21; +} + +#adminmenu li a:hover #awaiting-mod span { + background-color: #264761; +} + +#submenu a.current, #submenu a:hover { + color: #d54e21; +} + +#footer { + background: #464646 url(../images/logo-ghost.png) no-repeat 20px 10px; + color: #999; +} + +#footer a { + color: #fff; +} + +.form-table td, .form-table th { + border-bottom-color:#fff; +} + +.form-table tr { + background: #eaf3fa; +} + +.form-table input, .form-table textarea { + border-color: #c6d9e9; +} + +#tagchecklist span a { + background: url(../images/xit.gif) no-repeat; +} + +#tagchecklist span a:hover { + background: url(../images/xit.gif) no-repeat -10px 0; +} + +.howto { + font-style: italic; + display: block; + color: #999; +} + +.ac_results { + border-color: gray; + background-color: white; +} + +.ac_results li { + color: #101010; +} + +.ac_over { + background-color: #F0F0B8; +} + +.ac_match { + color: black; +} + +#poststuff h3 { + background: #eaf3fa; +} + +#poststuff .postbox, #titlediv, #poststuff .postarea, #poststuff .stuffbox { + borde-color: #ebebeb; + border-right-color: #ccc; + border-bottom-color: #ccc; +} + +#edit-slug-box { + color: #999; +} + +#edit-slug-box strong {color: #777;} +#editable-post-name {background-color: #FFFBCC;} + +#edit-slug-buttons a.save { + background-color: #ebebeb; + +} + +#quicktags #ed_link { + color: blue; +} + +#poststuff #edButtonPreview, #poststuff #edButtonHTML { + color: #2583ad; +} + +#poststuff #editor-toolbar .active { + background: #cee1ef; + color: #333; +} + +#poststuff .togbox { + background-color:#b2b2b2; + background-image:url(../images/toggle-arrow.gif); +} + +#poststuff .closed .togbox { + background-color:#2583ad; + background-image:url(../images/toggle-arrow.gif); +} + +.submitbox { + background-color: #eaf3fa; +} + +.submitbox #previewview { + background-color: #2683ae; +} + +.submitbox #previewview a:hover { + color: #d54e21; +} + + +.submitbox #previewview a { + background: #ebebeb; + color: #264761; +} + +.submitbox .submit { + background-color: #464646; + color: #ccc; +} + + +.submitbox .submit a:hover { + border-bottom-color: #ccc; +} + +.submitbox #autosave .error { + color: #333; +} + +ul#category-tabs li.ui-tabs-selected { + background-color: #CEE1EF; +} + +div.ui-tabs-panel { + border-color: #CEE1EF; +} + +.bordertitle { + border-bottom-color: #dadada; +} + +.form-input-tip { color: #999; } + +ul.view-switch li.current { + background: #eaf3fa; +} + +ul.view-switch li.current a { + color: #333; +} + +#the-comment-list .comment a { + color: #666; + border-bottom-color: #ababab; +} + + +#the-comment-list .comment a:hover { + color: #d54e21; +} + +#the-comment-list .unapproved { + background: #f0f0f0; +} + +#the-comment-list p.comment-author strong a { + color: #2583ad; +} + +#rightnow { + border-color: #ccc; +} + +#rightnow .reallynow { + background: #d54e21; + color: #fff; +} + +#rightnow .rbutton { + background: #ebebeb; + color: #264761; +} + +#rightnow .youhave { + background: #f0f6fb; +} + +#rightnow a { + color: #448abd; + border-bottom-color: #448abd; +} + +#rightnow a:hover { + color: #d54e21; +} + +div.dashboard-widget { + border-color: #ccc; +} + +h3.dashboard-widget-title { + background-color: #eaf3fa; +} + +h3.dashboard-widget-title span { + background-color: #eaf3fa; +} + +h3.dashboard-widget-title small { + background-color: #eaf3fa; +} + +div.dashboard-widget-notice { + background-color: #cfe1ef; +} + +div.dashboard-widget-error { + background-color: #c43; +} + +div.dashboard-widget-submit { + border-top-color: #ccc; +} + +#dashboard_secondary div.dashboard-widget-content ul li a { + background-color: #ddd; +} + +#dashboard_primary span.rss-date { + color: #999; +} + +a { color: #2583ad; } + +a:hover, .subsubsub a:hover, .subsubsub a.current:hover { color: #d54e21; } + +body { + background: #fff; + color: #333; +} + +.alternate { background: #f9f9f9; } + +.subsubsub { + color: #999; +} + +.subsubsub a.current { color: #000; } + +.widefat { + border-color: #ccc; +} + +.widefat td, .widefat th { + border-bottom-color: #ccc; +} + +.widefat thead, .thead { background: #464646; color: #d7d7d7; } + +.wrap h2 { + border-bottom-color: #dadada; + color: #666; +} + +div#media-upload-header { + background-color: #e4f2fd; + border-bottom-color: #c6d9e9; +} + +div#media-upload-error, .file-error, .required abbr { + color: #f00; +} + + +.media-upload-form label.form-help, td.help { + color: #9a9a9a; +} + +#media-items { + border-color: #c0c0c0; +} +.media-item { + border-bottom-color: #d0d0d0; +} + +.bar { + background-color: #e8e8e8; + border-right-color: #99d; +} + +.describe { + border-top-color: #d0d0d0; +} + +a.delete { + color: #666; +} + +.nonessential { + color: #999; +} + +.highlight { + background-color: #E4F2FD; + color: #d54e21; +} + +#upload-menu { + border-type-color: #247fab; +} + +body > #upload-menu { border-bottom-style: #fff; } + +#upload-menu li { + border-top-color: #247fab; +} + +#upload-menu li a.upload-tab-link { + color: #fff; +} + +#upload-menu li.current { + border-right-color: #448abd; + color: #000; +} + +#upload-menu li.current a.upload-tab-link, #upload-menu li a:hover { + background: #f9fcfe; + color: #000; +} + +#upload-menu li #current-tab-nav { + background: #f9fcfe; +} + +#upload-menu li span a.page-numbers { color: #00019b; } + +#upload-file { + background: #f9fcfe; +} + +h2 { + color: #000; +} + +#upload-file-view a img { +border-bottom-color: #69c; +} + +#upload-files a.file-link { + background-color: rgb(209, 226, 239); +} + +input.readonly { background-color: #ddd; } + +div#available-widgets-filter { + border-bottom-color: #ccc; +} + +ul#widget-list li.widget-list-item { + border-bottom-color: #ccc; +} + +ul#widget-list li.widget-list-item h4.widget-title { + background-color: #f0f0f0; + color: #000; +} + +#dragHelper h4.widget-title { + color: #fff; + background-color: #2683ae; +} + +li.widget-list-control-item { + background-color: #eaf3fa; +} + +li.widget-list-control-item h4, #dragHelper li.widget-list-control-item h4 { + background-color: #2683ae; + color: #fff; +} + +.widget-control-save, .widget-control-remove { + color: #246; + background: #cee1ef; +} + +li.widget-list-control-item h4.widget-title a, +#dragHelper li.widget-list-control-item h4.widget-title a, +#draghelper li.widget-list-control-item h4.widget-title a:visited { + color: #fff; +} + +li.widget-list-control-item h4.widget-title a:hover { + color: #fff; +} + +ul.widget-control-list div.widget-control-actions { + border-top-color: #ccc; +} +ul.widget-control-list .sorthelper { + background-color: #ccf3fa; +} + +div#current-widgets { + border-color: #ccc; +} + +#current-widgets .drop-widget-here { + background-color: #ffc +} + +.widget-control-remove:hover { + color: #f00; +} \ No newline at end of file diff --git a/wp-admin/css/dashboard.css b/wp-admin/css/dashboard.css index 5bd9ccda71..2920de9b5e 100644 --- a/wp-admin/css/dashboard.css +++ b/wp-admin/css/dashboard.css @@ -1,29 +1,27 @@ #rightnow { - border: 1px solid #ccc; + border-width: 1px; + border-style: solid; padding: 2px; margin-top: 10px; margin-right: 7px; } #rightnow .reallynow { - background: #d54e21; padding: 6px; - color: #fff; font-size: 15px; line-height: 2; margin: 0; } #rightnow .rbutton { - background: #ebebeb; font-weight: normal; - color: #264761; padding: 6px; border-bottom: none; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; + text-decoration: none; } #rightnow .reallynow span { @@ -43,7 +41,6 @@ } #rightnow .youhave { - background: #f0f6fb; font-size: 14px; padding: 10px; } @@ -53,13 +50,9 @@ } #rightnow a { - color: #448abd; font-weight: bold; - border-bottom: 1px solid #448abd; -} - -#rightnow a:hover { - color: #d54e21; + border-bottom-width: 1px; + border-botom-style: solid } div#dashboard-widgets { @@ -94,7 +87,8 @@ div.dashboard-widget-holder.double div.dashboard-widget { div.dashboard-widget { position: relative; margin-right: 20px; - border: 1px solid #ccc; + border-width: 1px; + border-style: solid; padding: 2px; height: 27em; overflow: auto; @@ -102,7 +96,6 @@ div.dashboard-widget { } h3.dashboard-widget-title { - background-color: #eaf3fa; margin: 0; padding: 0 7px; font-size: 14px; @@ -110,19 +103,17 @@ h3.dashboard-widget-title { } h3.dashboard-widget-title span { - background-color: #eaf3fa; display: block; text-align: left; float: left; } h3.dashboard-widget-title small { - background-color: #eaf3fa; display: block; text-align: right; float: right; font-size: 75%; - line-height: 2.67; /* math: it works */ + line-height: 2.67; /* math: it works, bitches */ } h3.dashboard-widget-title img.rss-icon { @@ -130,14 +121,12 @@ h3.dashboard-widget-title img.rss-icon { } div.dashboard-widget-notice { - background-color: #cfe1ef; padding: 0 14px; font-size: 1.2em; line-height: 2; } div.dashboard-widget-error { - background-color: #c43; padding: 0 20px; font-size: 1.2em; line-height: 2; @@ -148,7 +137,8 @@ div.dashboard-widget-content { } div.dashboard-widget-submit { - border-top: 1px solid #ccc; + border-top-width: 1px; + border-top-style: solid; margin: 10px 15px; padding-top: 10px; } @@ -202,11 +192,12 @@ div.dashboard-widget-content p.comment-meta { } #dashboard_secondary div.dashboard-widget-content ul li a { - background:#DDDDDD none repeat scroll 0%; - display:block; + background: #ddd none repeat scroll 0%; + display: block; height:100%; overflow:hidden; margin: 5px 10px; + text-decoration: none; padding: .5em; } @@ -245,7 +236,6 @@ div.dashboard-widget-content p.comment-meta { #dashboard_primary span.rss-date { font-size: 14px; - color: #999; } #dashboard_plugins h4 { diff --git a/wp-admin/css/global.css b/wp-admin/css/global.css index e55852c706..44e6a448d8 100644 --- a/wp-admin/css/global.css +++ b/wp-admin/css/global.css @@ -1,12 +1,7 @@ /* styles for use by people extending the WordPress interface */ -a { color: #2583ad; } - -a:hover, .subsubsub a:hover, .subsubsub a.current:hover { color: #d54e21; } body { - background: #ffffff; - color: #333333; margin: 0; padding: 0; } @@ -35,14 +30,12 @@ textarea, input, select { .alignright { float: right; } -.alternate { background: #f9f9f9; } .clear { clear: both; height: 2px; } .hidden { display: none; } .subsubsub { - color: #999; list-style: none; margin: 15px 0 10px 0; padding: 0; @@ -52,12 +45,13 @@ textarea, input, select { .subsubsub a { line-height: 200%; padding: 3px; text-decoration: none; } -.subsubsub a.current { color: #000; font-weight: bold; background: none; border: none;} +.subsubsub a.current { font-weight: bold; background: none; border: none;} .subsubsub li { display: inline; margin: 0; padding: 0; } .widefat { - border: 1px solid #ccc; + border-width: 1px; + border-style: solid; border-collapse: collapse; width: 100%; clear: both; @@ -68,7 +62,9 @@ textarea, input, select { } .widefat td, .widefat th { - border-bottom: 1px solid #ccc; + border-bottom-width: 1px; + border-bottom-style: solid; + border-bottom-color: #ccc; font-size: 12px; padding: 10px 10px 20px; vertical-align: text-top; @@ -86,8 +82,6 @@ textarea, input, select { width: 3%; } -.widefat thead, .thead { background: #464646; color: #d7d7d7; } - .wrap { margin: 0; margin-left: 15px; @@ -97,9 +91,9 @@ textarea, input, select { } .wrap h2 { - border-bottom: 1px solid #dadada; + border-bottom-width: 1px; + border-bottom-style: solid; clear: both; - color: #666666; font: 24px Georgia, "Times New Roman", Times, serif; margin: 5px 0 0 -4px; padding: 0; diff --git a/wp-admin/css/media.css b/wp-admin/css/media.css index 3b35a37816..e461d20fe2 100644 --- a/wp-admin/css/media.css +++ b/wp-admin/css/media.css @@ -1,10 +1,10 @@ div#media-upload-header { - background-color: #e4f2fd; margin: 0; padding: 0 5px; font-weight: bold; position: relative; - border-bottom: 1px solid #c6d9e9; + border-bottom-width: 1px; + border-bottom-style: solid; height: 2.5em; } @@ -19,7 +19,6 @@ ul#sidemenu { div#media-upload-error { margin: 1em; font-weight: bold; - color: #f00; } form { @@ -38,7 +37,6 @@ form { } .media-upload-form label.form-help, td.help { - color: #9a9a9a; font-style: italic; font-weight: normal; } @@ -98,12 +96,14 @@ tr.image-size td.field { } #media-items { - border: 1px solid #c0c0c0; + border-width: 1px; + border-style: solid; border-bottom: none; width: 623px; } .media-item { - border-bottom: 1px solid #d0d0d0; + border-bottom-width: 1px; + border-bottom-style: solid; width: 623px; position: relative; min-height: 36px; @@ -122,7 +122,6 @@ button.dismiss { .file-error { margin: 0 0 5px 50px; font-weight: bold; - color: #f00; } .progress { @@ -135,8 +134,8 @@ button.dismiss { .bar { width: 0px; height: 100%; - background-color: #e8e8e8; - border-right: 3px solid #99d; + border-right-width: 3px; + border-right-style: solid; } .media-item .thumbnail { max-width: 128px; @@ -150,7 +149,8 @@ button.dismiss { max-width: 40px; } .describe { - border-top: 1px solid #d0d0d0; + border-top-width: 1px; + border-top-style: solid; padding: 5px; width: 100%; clear: both; @@ -159,7 +159,6 @@ button.dismiss { display: none; } .required abbr { - color: red; text-decoration: none; border: none; } @@ -200,9 +199,7 @@ button.dismiss { tr.align td.field { text-align: center; } -a.delete { - color: #666; -} + .hidden { height: 0px; width: 0px; diff --git a/wp-admin/css/theme-editor.css b/wp-admin/css/theme-editor.css index 40dd1fd488..1d52894536 100644 --- a/wp-admin/css/theme-editor.css +++ b/wp-admin/css/theme-editor.css @@ -37,11 +37,8 @@ .nonessential { font-size: small; - color: #999999; } .highlight { - background-color: #E4F2FD; padding: 1px; - color: #d54e21; } \ No newline at end of file diff --git a/wp-admin/css/upload.css b/wp-admin/css/upload.css index 009986c54b..19836122c1 100644 --- a/wp-admin/css/upload.css +++ b/wp-admin/css/upload.css @@ -3,7 +3,8 @@ body { background: #f9fcfe; } .upload-file-data { display: none; } #upload-menu { - border-top: 2em solid #247fab; + border-top-width: 2em; + border-top-style: solid; margin: 0; padding: 0; height: 0; @@ -11,7 +12,8 @@ body { background: #f9fcfe; } width: 100%; } -body > #upload-menu { border-bottom: 7px solid #fff; } +body > #upload-menu { border-bottom-width: 7px; +border-bottom-style: solid;} #upload-menu li { margin: 0; @@ -19,7 +21,8 @@ body > #upload-menu { border-bottom: 7px solid #fff; } top: -2em; padding-bottom: 5px; border: none; - border-top: 3px solid #247fab; + border-top-width: 3px; + border-top-style:solid; } #upload-menu li a.upload-tab-link { @@ -30,21 +33,14 @@ body > #upload-menu { border-bottom: 7px solid #fff; } height: 100%; text-decoration: none; border-bottom: none; - color: #fff; } #upload-menu li.current { - border-right: 2px solid #448abd; - color: #000; -} - -#upload-menu li.current a.upload-tab-link, #upload-menu li a:hover { - background: #f9fcfe; - color: #000; + border-right-width: 2px; + border-right-style: solid; } #upload-menu li #current-tab-nav { - background: #f9fcfe; float: left; padding: 5px 5px 0 0; margin-left: -5px; @@ -55,7 +51,6 @@ body > #upload-menu { border-bottom: 7px solid #fff; } border: none; } -#upload-menu li span a.page-numbers { color: #00019b; } #upload-menu li span a.page-numbers:hover { text-decoration: underline; } #upload-content { @@ -75,7 +70,6 @@ body > #upload-menu { border-bottom: 7px solid #fff; } left: 0; width: 95%; height: 100%; - background: #f9fcfe; } #upload-file th { @@ -101,7 +95,6 @@ h2 { padding: 0; display: inline; border: none; - color: #000; font-size: 1.4em; line-height: 1.4em; } @@ -109,8 +102,8 @@ h2 { .wrap h2 { margin: .4em 0 .5em; display: block; - border-bottom: .5em solid #e5f3ff; - color: #333; + border-bottom-width: .5em; + border-bottom-style: solid; font: normal 32px/5px serif; clear: both; } @@ -139,13 +132,16 @@ h2 { text-decoration: none; } -#upload-file-view a img { padding-bottom: .2em; border-bottom: 1px solid #6699CC; } +#upload-file-view a img { +padding-bottom: .2em; +border-bottom-width: 1px; +border-bottom-style: solid; +} #upload-files a.file-link { display: block; width: 130px; height: 128px; - background-color: rgb(209, 226, 239); text-align: center; overflow: hidden; } @@ -200,5 +196,3 @@ tr, td, th { #uploadoptions table { width: 300px; } - -input.readonly { background-color: #ddd; } diff --git a/wp-admin/css/widgets.css b/wp-admin/css/widgets.css index 77433d37e3..874ac8f0ee 100644 --- a/wp-admin/css/widgets.css +++ b/wp-admin/css/widgets.css @@ -23,7 +23,8 @@ form#widgets-filter { } div#available-widgets-filter { - border-bottom: 1px solid #ccc; + border-bottom-width: 1px; + border-bottom-style: solid; } p#widget-search { @@ -42,7 +43,8 @@ ul#widget-list { ul#widget-list li.widget-list-item { padding: .7em 1em; margin: 0; - border-bottom: 1px solid #ccc; + border-bottom-width: 1px; + border-bottom-style: solid; background-color: transparent; line-height: 1; } @@ -53,17 +55,13 @@ ul#widget-list li.widget-list-item h4.widget-title { padding: .5em 1em; width: 200px; float: left; - background-color: #f0f0f0; - color: #000; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; - border-radius: 3px; + border-radius: 3px;; } #dragHelper h4.widget-title { - color: #fff; - background-color: #2683ae; padding: .5em 1em; margin: 0; } @@ -91,7 +89,6 @@ ul.widget-control-list { } li.widget-list-control-item { - background-color: #eaf3fa; margin: 0 0 1em; -moz-border-radius: 3px; -khtml-border-radius: 3px; @@ -101,9 +98,7 @@ li.widget-list-control-item { li.widget-list-control-item h4, #dragHelper li.widget-list-control-item h4 { margin: 0; - background-color: #2683ae; padding: .5em 1em; - color: #fff; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; @@ -112,14 +107,13 @@ li.widget-list-control-item h4, #dragHelper li.widget-list-control-item h4 { .widget-control-save, .widget-control-remove { padding: 4px 6px; - color: #246; - background: #cee1ef; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-right: 8px; float: left; + text-decoration: none; } h4.widget-title a { @@ -132,12 +126,11 @@ h4.widget-title a { li.widget-list-control-item h4.widget-title a, #dragHelper li.widget-list-control-item h4.widget-title a, #draghelper li.widget-list-control-item h4.widget-title a:visited { - color: #fff; right: 2em; } li.widget-list-control-item h4.widget-title a:hover { - color: #fff; + text-decoration: none; border-bottom: none; } @@ -156,21 +149,21 @@ li.widget-list-control-item div.widget-control p { ul.widget-control-list div.widget-control-actions { margin-right: -10px; /* Correction for padding, margin, border of inputs */ padding: 0 0 1em; - border-top: 1px solid #ccc; + border-top-width: 1px; + border-top-style: solid; padding: 0.5em 0 1em 0; } -ul.widget-control-list .sorthelper { - background-color: #ccf3fa; - +ul.widget-control-list .widget-title { + cursor: move; } + div#current-widgets { padding-top: 1em; - border-top: 1px solid #ccc; - border-bottom: 1px solid #ccc; + border-width: 1px; + border-style: solid; + borde-right-style: none; + border-left-style: none; } -#current-widgets .drop-widget-here { - background-color: #ffc -} diff --git a/wp-admin/includes/dashboard.php b/wp-admin/includes/dashboard.php index 0287cd2852..98c6224314 100644 --- a/wp-admin/includes/dashboard.php +++ b/wp-admin/includes/dashboard.php @@ -373,7 +373,7 @@ function wp_dashboard_secondary_output() { if ( !isset($rss->items) || 0 == count($rss->items) ) return false; - echo "<ul>\n"; + echo "<ul id='planetnews'>\n"; $rss->items = array_slice($rss->items, 0, $items); foreach ($rss->items as $item ) { diff --git a/wp-admin/wp-admin.css b/wp-admin/wp-admin.css index fd3fdc4b20..1d1d211050 100644 --- a/wp-admin/wp-admin.css +++ b/wp-admin/wp-admin.css @@ -1,15 +1,7 @@ -#plugins tr { - background: #f0f0f0; -} - #plugins .name { font-weight: bold; } -#plugins .active { - background: #fff; -} - #plugins p { margin: 0 4px; padding: 0; @@ -17,21 +9,14 @@ #plugins .togl { width: 150px; - border-right: 1px solid #ccc; + border-right-width: 1px; + border-right-style: solid; } .import-system { font-size: 16px; } -.form-invalid { - background-color: #ffebe8 !important; -} - -.form-invalid input { - border: 1px solid #c00 !important; -} - #uploading { border-style: none; padding: 0; @@ -48,6 +33,12 @@ form#upload #post_content, form#upload #post_title { width: 250px; } +.form-invalid input { + border-width: 1px; !important + border-style: solid; !important +} + + form#upload #post_content { height: 50px; } @@ -75,14 +66,10 @@ form#upload #post_content { height: 200px; display: block; margin: auto; - background: #f1f1f1; - border: 1px solid #ccc; margin-bottom: 10px; overflow: hidden; -} - -.available-theme a.screenshot:hover { -/* border: 1px solid #666;*/ + border-width: 1px; + border-style: solid; } .available-theme img { @@ -90,7 +77,6 @@ form#upload #post_content { } .checkbox { - background: #fff; border: none; margin: 0; padding: 0; @@ -101,9 +87,10 @@ form#upload #post_content { } .commentlist li { - border-bottom: 1px solid #ccc; padding: 1em 1em .2em; margin: 0; + border-bottom-width: 1px; + border-bottom-style: solid; } .commentlist li li { @@ -127,8 +114,6 @@ form#upload #post_content { } .quicktags, .search { - background: #ccc; - color: #000; font: 12px Georgia, "Times New Roman", Times, serif; } @@ -147,7 +132,6 @@ form#upload #post_content { } .side-info { - background: #fff; margin: 0; padding: 4px; font-size: 11px; @@ -155,15 +139,15 @@ form#upload #post_content { .side-info h5 { padding-bottom: 8px; - border-bottom: 1px solid #dadada; font-size: 14px; margin-bottom: 6px; + border-bottom-width: 1px; + border-bottom-style: solid; } .side-info ul { margin: 0; padding-left: 18px; - color: #666; list-style: square; } @@ -176,29 +160,15 @@ form#upload #post_content { -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; - color: #246; - background: #e5e5e5; cursor: pointer; text-decoration: none; } -.button-secondary { - background: #cee1ef; -} - -.submit input:hover, .button:hover, .button-secondary:hover { - color: #d54e21; -} - select { - background: #fff; - border: 1px solid #ddd; font: 12px/14px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; padding: 0; -} - -.submit a { - color: #fff; + border-width: 1px; + border-style: solid; } .approve { @@ -209,6 +179,12 @@ select { display: inline; } +.updated a { + border-bottom-width: 1px; + border-bottom-style: solid; +} + + .unapproved .unapprove { display: none; } @@ -216,6 +192,8 @@ select { .updated, .error { margin: auto 25px 20px 15px; padding: 0 15px; + border-width: 1px; + border-style: solid; } .wrap .updated, .wrap .error { @@ -226,24 +204,9 @@ select { text-decoration: underline; } -.updated { - background: #ffffe0; - border: 1px solid #e6db55; -} - .updated a { text-decoration: none; padding-bottom: 2px; - border-bottom: 1px solid #2583ad; -} - -.error { - background: #ffebe8; - border: 1px solid #c00; -} - -.error a { - color: #c00; } .narrow { @@ -264,9 +227,6 @@ textarea.all-options, input.all-options { width: 250px; } -input.disabled, textarea.disabled { - background: #ccc; -} #postdiv, #titlediv, #guiddiv, #poststuff .stuffbox { margin: 0 8px 0 0; @@ -299,14 +259,14 @@ input.disabled, textarea.disabled { #currenttheme img { float: left; - border: 1px solid #666; margin-right: 1em; margin-bottom: 1.5em; width: 300px; + border-width: 1px; + border-style: solid; } #quicktags { - background: #cee1ef; padding: 0; border: 0 none; } @@ -316,7 +276,6 @@ input.disabled, textarea.disabled { } #ed_toolbar input { - background: #fff url( images/fade-butt.png ) repeat-x 0 -2px; margin: 3px 2px 2px; } @@ -325,7 +284,6 @@ input.disabled, textarea.disabled { } #quicktags #ed_link { - color: blue; text-decoration: underline; } @@ -388,9 +346,10 @@ input.disabled, textarea.disabled { } #postcustom table { - border: 1px solid #ccc; margin: 0; width: 100%; + border-width: 1px; + border-style: solid; } #postcustom table input, #postcustom table textarea { @@ -439,13 +398,9 @@ set display:none; */ height: 22px; } -#your-profile #rich_editing { - border: none; - background: #fff; -} - #your-profile fieldset { - border: 1px solid #ccc; + border-width: 1px; + border-style: solid; float: left; width: 40%; padding: .5em 2em 1em; @@ -480,31 +435,21 @@ set display:none; */ div.nav { - background-color: #eaf3fa; padding: 0.7em 1em; margin: .7em 0; } .page-numbers { padding: 2px 4px; - border: 1px solid #fff; margin-right: 3px; - background-color: #fff; -} - -a.page-numbers { - border: 1px solid #ccc; -} - -a.page-numbers:hover { - border: 1px solid #999; + border-width: 1px; + border-style: solid; } .page-numbers.current { - border: 1px solid #328ab2; font-weight: bold; - background-color: #328ab2; - color: #fff; + border-width: 1px; + border-style: solid; } p.pagenav { @@ -526,32 +471,18 @@ p.pagenav { margin-left: -5px; } -.tablenav .dots { - background-color: #e4f2fd; - border-color: #e4f2fd; -} - .tablenav a.button-secondary { display: inline-block; margin-right: 8px; } .tablenav .next, .tablenav .prev{ - border-color: #e4f2fd; - background-color: #e4f2fd; - border-bottom: 1px solid #2583ad; padding: 0; - color: #2583ad; -} - -.tablenav .next:hover, .tablenav .prev:hover { - color: #d54e21; - border-color: #e4f2fd; - border-bottom: 1px solid #d54e21; + border-bottom-width: 1px; + border-bottom-style: solid; } .tablenav { - background-color: #eaf3fa; padding: 10px 10px 8px; clear: both; margin-bottom: -10px; @@ -578,48 +509,25 @@ td.media-icon img { } #update-nag, .plugin-update { - border-bottom: 1px solid #ccc; - border-top: 1px solid #ccc; - background: #fffeeb; line-height: 29px; font-size: 12px; - color: #555; text-align: center; + border-bottom-width: 1px; + border-bottom-style: solid; + border-top-width: 1px; + border-top-style: solid; } #update-nag a, .plugin-update a { font-size: 1.1em; } -#update-nag a:link, .plugin-update a:link { - color: #036; -} #pass-strength-result { padding: 3px 5px 3px 5px; margin-top: 3px; text-align: center; - background-color: #e3e3e3; - border: 1px solid #000000; -} - -#pass-strength-result.short { - background-color: #e3e3e3; - border: 1px solid #000000; -} - -#pass-strength-result.bad { - background-color: #ffeff7; - border: 1px solid #cc6699; -} - -#pass-strength-result.good { - background-color: #effff4; - border: 1px solid #66cc87; -} - -#pass-strength-result.strong { - background-color: #59ef86; - border: 1px solid #319f52; + border-width: 1px; + border-style: solid; } a.view-comment-post-link { @@ -633,7 +541,6 @@ a.view-comment-post-link { position: absolute; right: 15px; top: 11px; - color: #ccc; font-size: 11px; } @@ -642,17 +549,13 @@ a.view-comment-post-link { padding: 0; } -#user_info a { - color: #fff; -} - #user_info a:hover { text-decoration: underline; } #wphead { - border-top: 30px solid #464646; - background: #e4f2fd; + border-top-width: 30px; + border-top-style: solid; } #wphead a, #user_info a, #dashmenu a, #adminmenu a, #submenu a, #sidemenu a { @@ -665,23 +568,18 @@ a.view-comment-post-link { margin-left: 10px; } #wphead #viewsite a { - background-color: #c6d9e9; font: 14px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; padding: 6px; display: block; - color: #246; letter-spacing: normal; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } -#wphead #viewsite a:hover { - color: #d54e21; -} + #wphead h1 { font: normal 36px Georgia, "Times New Roman", Times, serif; - color: #555; padding: 11px 170px 16px 12px; margin: 0; margin-right: 15%; @@ -700,15 +598,12 @@ a.view-comment-post-link { } #dashmenu a { - color: #999; padding: 5px 6px; line-height: 220%; margin-right: 8px; } #dashmenu a.current { - background: #e4f2fd; - color: #555; border: none; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; @@ -720,25 +615,12 @@ a.view-comment-post-link { border-top-right-radius: 3px; } -#dashmenu a:hover { - color: #fff; -} - -#dashmenu a.current:hover { - color: #555; -} - #adminmenu { margin: 0; list-style: none; - background-color: #e4f2fd; - border-bottom: 1px solid #c6d9e9; padding-left: 11px; -} - -/* Because we don't want visited on these links */ -#adminmenu a, #submenu a { - color: #2583ad; + border-bottom-width: 1px; + border-bottom-style: solid; } #adminmenu a { @@ -748,10 +630,6 @@ a.view-comment-post-link { } #adminmenu a.current, #sidemenu a.current { - background: #fff; - color: #d54e21; - border: 1px solid #c6d9e9; - border-bottom: 1px solid #fff; font-weight: normal; padding-left: 6px; padding-right: 6px; @@ -763,19 +641,16 @@ a.view-comment-post-link { -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; + border-width: 1px; + border-style: solid; } #adminmenu a.current { - border-bottom: 2px solid #fff; -} - -#adminmenu a:hover, #sidemenu a:hover { - color: #d54e21; + border-bottom-width: 2px; } #sidemenu { margin: -30px 15px 0 315px; - color: #999; list-style: none; position: relative; float: right; @@ -787,10 +662,11 @@ a.view-comment-post-link { padding: 0 7px; display: block; float: left; - background-color: #e4f2fd; - border-top: 1px solid #e4f2fd; - border-bottom: 1px solid #c6d9e9; line-height: 28px; + border-top-width: 1px; + border-top-style: solid; + border-bottom-width: 1px; + border-bottom-style: solid; } #dashmenu li, #adminmenu li, #submenu li, #sidemenu li { @@ -811,7 +687,6 @@ a.view-comment-post-link { position: absolute; margin-left: -0.2em; font-size: 0.7em; - background-image: url(images/comment-stalk.gif); background-repeat: no-repeat; background-position: 0 bottom; height: 0.9em; @@ -819,7 +694,6 @@ a.view-comment-post-link { } .post-com-count { - background-image: url(images/comment-stalk.gif); background-repeat: no-repeat; background-position: -240px bottom; height: 0.9em; @@ -827,11 +701,10 @@ a.view-comment-post-link { width: 1em; display: block; position: absolute; - color: #fff; + text-decoration: none; } .post-com-count span { - color: #fff; top: -0.7em; right: 0; position: absolute; @@ -839,7 +712,6 @@ a.view-comment-post-link { height: 1.3em; line-height: 1.3em; padding: 0 0.6em; - background-color: #bbb; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; @@ -850,24 +722,15 @@ strong .post-com-count { background-position: -160px bottom; } -strong .post-com-count span { - background-color: #2583ad; -} - .post-com-count:hover { background-position: 0 bottom; } -.post-com-count:hover span { - background-color: #d54e21; -} - #adminmenu li a:hover #awaiting-mod { background-position: -80px bottom; } #adminmenu li a #awaiting-mod span { - color: #fff; top: -0.8em; right: 0; position: absolute; @@ -875,17 +738,12 @@ strong .post-com-count span { height: 1.3em; line-height: 1.3em; padding: 0 0.8em; - background-color: #d54e21; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } -#adminmenu li a:hover #awaiting-mod span { - background-color: #264761; -} - #submenu { margin: 0; list-style: none; @@ -896,10 +754,6 @@ strong .post-com-count span { font-size: 14px; } -#submenu a.current, #submenu a:hover { - color: #d54e21; -} - #minisub { /* for empty submenus */ height: 15px; } @@ -923,16 +777,10 @@ html, body { height: 65px; padding: 10px 0 0 65px; margin: 0; - background: #464646 url('images/logo-ghost.png') no-repeat 20px 10px; - color: #999; position: relative; margin-top: -75px; } -#footer a { - color: #fff; -} - #footer p { margin: 0; padding: 5px 0; @@ -950,27 +798,23 @@ html, body { .form-table td { margin-bottom: 9px; padding: 10px; - border-bottom: 8px solid #fff; line-height: 20px; + border-bottom-width: 8px; + border-bottom-style: solid; + } .form-table th { text-align: left; padding: 10px; - border-bottom: 8px solid #fff; width: 150px; + border-bottom-width: 8px; + border-bottom-style: solid; } -.form-table tr { - background: #eaf3fa; -} - -.form-table input { - border: 1px solid #c6d9e9; -} - -.form-table textarea { - border: 1px solid #c6d9e9; +.form-table input, .form-table textarea { + border-width: 1px; + border-style: solid; } /* Post Screen */ @@ -993,48 +837,40 @@ html, body { cursor: pointer; width: 10px; height: 10px; - background: url(images/xit.gif) no-repeat; display: block; float: left; text-indent: -9999px; overflow: hidden; } -#tagchecklist span a:hover { - background: url(images/xit.gif) no-repeat -10px 0; -} .howto { font-style: italic; display: block; - color: #999; } .ac_results { - border: 1px solid gray; - background-color: white; padding: 0; margin: 0; list-style: none; position: absolute; z-index: 10000; display: none; + border-width: 1px; + border-style: solid; } .ac_results li { padding: 2px 5px; white-space: nowrap; - color: #101010; text-align: left; } .ac_over { cursor: pointer; - background-color: #F0F0B8; } .ac_match { text-decoration: underline; - color: black; } #poststuff h2 { @@ -1043,26 +879,19 @@ html, body { } #poststuff h3 { - background: #eaf3fa; font-size: 14px; font-weight: bold; padding: 8px 5px; margin: 0 0 10px; } -#poststuff fieldset { - border: 1px solid #ccc; - padding: 2px; -} - #poststuff .postbox, #titlediv, #poststuff .postarea, #poststuff .stuffbox { margin-left: 20px; - border: 1px solid #ebebeb; - border-right: 1px solid #ccc; - border-bottom: 1px solid #ccc; padding: 2px; margin-bottom: 10px; margin-right: 8px; + border-width: 1px; + border-style: 1px; } #poststuff .inside { @@ -1088,14 +917,11 @@ html, body { #edit-slug-box { margin-top: 8px; - color: #999; } -#edit-slug-box strong {color: #777;} -#editable-post-name {background-color: #FFFBCC;} + #editable-post-name-full {display: none;} #editable-post-name input {width: 16em;} #edit-slug-buttons a.save { - background-color: #ebebeb; -moz-border-raduis: 5px; padding: 6px; } @@ -1114,12 +940,9 @@ html, body { margin-right: 8px; float: right; cursor: pointer; - color: #2583ad; } #poststuff #editor-toolbar .active { - background: #cee1ef; - color: #333; font-weight: bold; -moz-border-radius-topright: 3px; -khtml-border-top-right-radius: 3px; @@ -1142,8 +965,6 @@ html, body { } #poststuff .togbox { - background-color:#b2b2b2; - background-image:url(images/toggle-arrow.gif); background-position:-10px 16px; background-repeat:no-repeat; display:block; @@ -1173,20 +994,16 @@ html, body { } #poststuff .closed .togbox { - background-color:#2583ad; - background-image:url(images/toggle-arrow.gif); background-position: 4px 16px; } .submitbox { - background-color: #eaf3fa; width: 200px; float: right; } .submitbox #previewview { - background-color: #2683ae; padding: 15px 10px; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; @@ -1199,10 +1016,8 @@ html, body { } .submitbox #previewview a { - background: #ebebeb; padding: 6px; font-weight: normal; - color: #264761; border-bottom: none; font-size: 14px; -moz-border-radius: 3px; @@ -1211,32 +1026,23 @@ html, body { border-radius: 3px; } -.submitbox #previewview a:hover { - color: #d54e21; -} - .submitbox .submit { text-align: left; - background-color: #464646; - color: #ccc; padding: 12px 10px 10px 10px; font-size: 11px; } +.submitbox .submit a:hover { + border-bottom-width: 1px; + border-bottom-style: solid; +} + .submitbox .submit input { margin-bottom: 8px; margin-right: 23pxpx; padding: 6px 4px; } -.submitbox .submit a:hover { - border-bottom: 1px solid #ccc; -} - -.submitbox #autosave .error { - color: #333; -} - /* Categories */ #categorydiv #category-adder { @@ -1266,7 +1072,6 @@ ul#category-tabs li { } ul#category-tabs li.ui-tabs-selected { - background-color: #CEE1EF; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; @@ -1288,7 +1093,8 @@ div.ui-tabs-panel { padding: .5em .9em; height: 12em; overflow: auto; - border: 4px solid #CEE1EF; + border-width: 4px; + border-style: solid; } #categorydiv ul { @@ -1369,14 +1175,14 @@ p#post-search { .bordertitle { padding-bottom: 5px; - border-bottom: 1px solid #dadada; + border-bottom-width: 1px; + border-bottom-style: solid; } /* Global classes */ .wp-hidden-children .wp-hidden-child { display: none; } .wp-no-js-hidden { display: none; } .ui-tabs-hide { display: none; } -.form-input-tip { color: #999; } .commentlist .avatar { vertical-align:text-top; @@ -1404,7 +1210,6 @@ ul.view-switch a { } ul.view-switch li.current { - background: #eaf3fa; border: none; -moz-border-radius-topleft: 3px; -khtml-border-top-left-radius: 3px; @@ -1416,24 +1221,14 @@ ul.view-switch li.current { border-top-right-radius: 3px; } -ul.view-switch li.current a { - color: #333; -} #the-comment-list .comment a { - color: #666; padding-bottom: 1px; - border-bottom: 1px solid #ababab; text-decoration: none; + border-bottom-width: 1px; + border-bottom-style: solid; } -#the-comment-list .comment a:hover { - color: #d54e21; -} - -#the-comment-list .unapproved { - background: #f0f0f0; -} #the-comment-list td.comment p.comment-author { margin-top: 0; @@ -1446,7 +1241,6 @@ ul.view-switch li.current a { } #the-comment-list p.comment-author strong a { - color: #2583ad; border: none; }