Whole bunch of font/color/shadow updates from Matt Thomas. fixes #8157

git-svn-id: https://develop.svn.wordpress.org/trunk@9797 602fd350-edb4-49c9-b593-d223f7449a82

wp-admin/css/colors-fresh.css

@@ -129,9 +129,17 @@ h3.info-box-title,
 	background-color: #dfdfdf;
 }
 
+.form-table th, .form-wrap label {
+	color: #222;
+}
+
+.setting-description, .form-wrap p {
+	color: #999;
+}
+
 .form-table tr,
 .form-wrap .form-field {
-	background-color: #f9f9f9;
+	background-color: #f3f3f3;
 }
 
 select {
@@ -296,6 +304,11 @@ td.help {
 	background: #f2f2f2 url(../images/white-grad.png) repeat-x scroll left top;
 }
 
+#wpcontent select {
+	background: url(../images/white-grad.png) repeat-x scroll left top;
+	color: #555;
+}
+
 .button-secondary,
 .submit .button-secondary {
 	border-color: #CFE1EF;
@@ -305,6 +318,7 @@ td.help {
 .button-primary,
 .submit .button-primary {
 	border-color: #21759B;
+	font-weight: bold;
 	color: #FFF;
 	background: #21759B url(../images/button-grad.png) repeat-x scroll left top;
 }
@@ -343,8 +357,7 @@ a:hover,
 #login form .submit input:hover,
 div.dashboard-widget-submit input:hover,
 #media-upload a.del-link:hover,
-.ui-tabs-nav a:hover,
+.ui-tabs-nav a:hover {
-#user_info a:hover {
 	color: #d54e21;
 }
 
@@ -359,8 +372,7 @@ div.dashboard-widget-submit input:hover,
 }
 
 .button-primary:hover {
-	border-color: #156079;
+	color: #EAF2FA;
-	background-image: inherit;
 }
 
 #side-info-column #category-tabs .ui-tabs-selected a {
@@ -719,6 +731,15 @@ body.login {
 	color: #999;
 }
 
+#user_info a:hover {
+	color: #fff;
+	text-decoration: underline !important;
+}
+
+#user_info a:active {
+	color: #ccc !important;
+}
+
 #user_info a, #user_info a:visited {
 	color: #ccc;
 	text-decoration: none;
@@ -1051,7 +1072,6 @@ abbr.required,
 	background: #6d6d6d url(../images/menu-bits.gif) top left repeat-x;
 	border-color: #6d6d6d;
 	color: #fff;
-	text-shadow: #666 0px -1px 0px;
 }
 
 #adminmenu li.wp-has-current-submenu .wp-submenu, #adminmenu li.wp-has-current-submenu ul li a {
@@ -1086,7 +1106,6 @@ abbr.required,
 	background-color: #f5f5f5;
 	background-image: none;
 	border-color: #e3e3e3;
-	text-shadow: #fff 0px 1px 0px;
 }
 
 #adminmenu .wp-submenu ul {
@@ -1341,8 +1360,7 @@ div.star.select:hover {
 }
 
 .tablenav .tablenav-pages a:hover {
-	color: #fff;
+	color: #d54e21;
-	background-color: #d54e21;
 	border-color: #d54321;
 }
 
@@ -1433,8 +1451,9 @@ form p.submit a.cancel:hover {
 }
 
 #favorite-first {
-	border-color: #464646;
 	background: #797979 url(../images/fav.png) repeat-x 0 center;
+	border-color: #777 !important;
+	border-bottom-color: #666 !important;
 }
 
 #favorite-inside {
@@ -1451,8 +1470,8 @@ form p.submit a.cancel:hover {
 }
 
 #favorite-inside a:hover {
-	background-color: #8f8f8f;
 	color: #fff;
+	text-decoration: underline;
 }
 
 #favorite-actions .slide-down {

wp-admin/css/dashboard.css

@@ -132,11 +132,6 @@ div.postbox div.inside {
 	border-top: none;
 }
 
-#dashboard_right_now .b,
-#dashboard_right_now .b a {
-	color: #2583ad;
-}
-
 #dashboard_right_now td.b {
 	padding-right: 6px;
 	text-align: right;
@@ -148,6 +143,10 @@ div.postbox div.inside {
 	font-size: 18px;
 }
 
+#dashboard_right_now td.b a:hover {
+	color: #d54e21;
+}
+
 #dashboard_right_now .t {
 	font-size: 12px;
 	padding-right: 12px;
@@ -185,8 +184,6 @@ div.postbox div.inside {
 #dashboard_right_now .versions a,
 #dashboard_right_now .versions .b {
 	font-style: normal;
-	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
-	font-size: 12px;
 }
 
 #dashboard_right_now a.button {

wp-admin/css/global.css

@@ -250,7 +250,7 @@ h6 {
 	margin: 0 0 5px;
 	padding: 0;
 	white-space: nowrap;
-	font-size: 12px;
+	font-size: 11px;
 	float: left;
 }
 

wp-admin/wp-admin.css

@@ -148,14 +148,14 @@ table#availablethemes td.bottom {
 	padding: 0;
 }
 
-.code {
+.code, code {
-	font-family: "Courier New", Courier, monospace;
+	font-family: Consolas, Monaco, Courier, monospace;
 }
 
 kbd, code {
 	padding: 1px 3px;
 	margin: 0 1px;
-	font-size: 12px;
+	font-size: 11px;
 }
 
 .commentlist li {
@@ -353,6 +353,20 @@ form p.submit a.cancel:hover {
 	box-sizing: content-box;
 }
 
+.submit input,
+.button,
+.button-primary,
+.button-secondary,
+.button-highlighted,
+#postcustomstuff .submit input {
+	text-shadow: rgba(255,255,255,1) 0 1px 0;
+}
+
+.button-primary,
+.submit .button-primary {
+	text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
+}
+
 a.button {
 	padding: 4px 8px;
 }
@@ -375,8 +389,8 @@ a.button {
 }
 
 #wpcontent select {
-	font: 12px/20px "Lucida Grande", Verdana, Arial, sans-serif;
+	font: 11px/20px "Lucida Grande", Verdana, Arial, sans-serif;
-	padding: 2px;
+	padding: 0 0 0 4px;
 	border-width: 1px;
 	border-style: solid;
 	height: 2em;
@@ -739,7 +753,7 @@ p.pagenav {
 .tablenav {
 	clear: both;
 	height: 30px;
-	margin: 6px 6px 4px;
+	margin: 6px 0 4px;
 	vertical-align: middle;
 }
 
@@ -750,7 +764,6 @@ p.pagenav {
 	height: 30px;
 	line-height: 30px;
 	font-size: 11px;
-	margin: 0 8px 0 0;
 }
 
 .tablenav .tablenav-pages a, .tablenav-pages span.current  {
@@ -863,6 +876,7 @@ a#view-site-link {
 	padding: 10px 10px 5px;
 	margin: 0;
 	float: left;
+	text-shadow: rgba(0,0,0,0.6) 0 -1px 0;
 }
 
 #wphead h1.long-title {
@@ -903,11 +917,12 @@ a#view-site-link {
 #adminmenu .wp-submenu li.current a,
 #adminmenu .wp-submenu li.current a:hover {
 	font-weight: bold;
+	text-shadow: rgba(255,255,255,1) 0px 1px 0px;
 }
 	
 #adminmenu a.menu-top,
 #adminmenu .wp-submenu-head {
-	font: normal 12px/18px Georgia, "Times New Roman", Times, serif;
+	font: normal 13px/18px Georgia, "Times New Roman", Times, serif;
 }
 
 #adminmenu.folded,
@@ -1098,7 +1113,8 @@ a#view-site-link {
 }
 
 #adminmenu li.wp-has-current-submenu a.wp-has-current-submenu,
-#adminmenu li.menu-top > a.current {
+#adminmenu .menu-top .current {
+	text-shadow: rgba(0,0,0,0.4) 0px -1px 0px;
 }
 
 #adminmenu li.wp-has-current-submenu ul {
@@ -1196,7 +1212,7 @@ html, body {
 }
 
 #footer #footer-thankyou, #footer #footer-upgrade {
-	font-size: 12px;
+	font-size: 13px;
 	word-spacing: 0;
 	font-family: Georgia, "Times New Roman", Times, serif;
 	font-style: italic;
@@ -1239,6 +1255,11 @@ html, body {
 	font-size: 11px;
 }
 
+.form-table th, .form-wrap label {
+	font-weight: normal;
+	text-shadow: #fff 0 1px 0;
+}
+
 .form-table th,
 #wpbody-content .describe th {
 	vertical-align: top;
@@ -1264,6 +1285,7 @@ html, body {
 .form-table div.color-option {
 	display: block;
 	clear: both;
+	margin-top: 12px;
 }
 
 .form-table input.tog {
@@ -1275,7 +1297,7 @@ html, body {
 .form-table table.color-palette {
 	vertical-align: bottom;
 	float: left;
-	margin: -8px 3px 12px;
+	margin: -8px 3px 8px;
 }
 
 .form-table .color-palette td {
@@ -1344,7 +1366,7 @@ table.form-table td .updated {
 .form-wrap label {
 	display: block;
 	padding: 2px;
-	font-weight: bold;
+	font-size: 12px;
 }
 
 .form-field input,
@@ -1356,7 +1378,11 @@ table.form-table td .updated {
 
 .form-wrap p {
 	margin: 2px 0 5px;
+}
+
+.setting-description, .form-wrap p {
 	font-style: italic;
+	font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
 }
 
 .form-wrap .form-field {
@@ -1547,6 +1573,7 @@ table.form-table td .updated {
 .howto {
 	font-style: italic;
 	display: block;
+	font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
 }
 
 .ac_results {
@@ -2468,7 +2495,7 @@ fieldset {
 }
 
 #screen-meta-links {
-	margin: 0 20px 0 0;
+	margin: 0 9px 0 0;
 }
 
 #screen-meta .invisible {
@@ -2482,20 +2509,24 @@ fieldset {
 	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
 	height: 23px;
 	padding: 0;
-	margin: -1px 10px 0 0;
+	margin: -1px 6px 0 0;
 }
 
 #screen-meta a.show-settings {
 	text-decoration: none;
 	z-index: 1;
-	padding: 0 18px 0 8px;
+	padding: 0 16px 0 6px;
-	height: 23px;
+	height: 22px;
-	line-height: 23px;
+	line-height: 22px;
-	font-size: 11px;
+	font-size: 10px;
 	display: block;
 	background-repeat: no-repeat;
-	background-position: right top;
+	background-position: right bottom;
 	background-color: transparent;
+	border-top-color: #dfdfdf;
+	border-top-width: 1px;
+	border-top-style: solid;
+	text-shadow: rgba(255,255,255,0.7) 0 1px 0;
 }
 
 #screen-meta a.show-settings {
@@ -2519,13 +2550,10 @@ fieldset {
 	border-top: 0 none;
 	border-width: 0 1px 1px;
 	margin: 0 15px;
-	-moz-border-radius: 0 0 4px 4px;
+	-moz-border-radius: 0 0 0 4px;
 	-webkit-border-bottom-left-radius: 4px;
-	-webkit-border-bottom-right-radius: 4px;
 	-khtml-border-bottom-left-radius: 4px;
-	-khtml-border-bottom-right-radius: 4px;
 	border-bottom-left-radius: 4px;
-	border-bottom-right-radius: 4px;
 }
 
 .metabox-prefs {
@@ -2960,7 +2988,6 @@ abbr.required {
 	margin: 11px 12px 0;
 	min-width: 130px;
 	position: relative;
-	
 }
 
 #favorite-first {
@@ -2975,8 +3002,8 @@ abbr.required {
 }
 
 #favorite-inside {
-	margin: 0 0 0 1px;
+	margin: 0 0 0 0px;
-	padding: 0 0 6px;
+	padding: 0 1px 6px 1px;
 	border-width: 1px;
 	border-style: solid;
 	position: absolute;
@@ -2995,6 +3022,7 @@ abbr.required {
 	display: block;
 	text-decoration: none;
 	font-size: 11px;
+	text-shadow: rgba(0,0,0,0.2) 0 -1px 0;
 }
 
 #favorite-inside a {
@@ -3027,11 +3055,9 @@ abbr.required {
 #utc-time, #local-time {
 	padding-left: 25px;
 	font-style: italic;
+	font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, sans-serif;
 }
 
-.setting-description {
-	font-style: italic;
-}
 ul#dismissed-updates {
 	display: none;
 }
@@ -3115,5 +3141,6 @@ table.fixed {
 .widefat th,
 .widefat td {
 	overflow: hidden;
+	text-shadow: rgba(255,255,255,0.8) 0 1px 0;
 }
 

wp-includes/script-loader.php

@@ -300,20 +300,20 @@ function wp_default_styles( &$styles ) {
 
 	$rtl_styles = array( 'global', 'colors', 'dashboard', 'ie', 'install', 'login', 'media', 'theme-editor', 'upload', 'widgets', 'press-this', 'plugin-install', 'farbtastic' );
 
-	$styles->add( 'wp-admin', '/wp-admin/wp-admin.css', array(), '20081119b' );
+	$styles->add( 'wp-admin', '/wp-admin/wp-admin.css', array(), '20081119c' );
 	$styles->add_data( 'wp-admin', 'rtl', '/wp-admin/rtl.css' );
 
 	$styles->add( 'ie', '/wp-admin/css/ie.css', array(), '20081117' );
 	$styles->add_data( 'ie', 'conditional', 'gte IE 6' );
 
 	$styles->add( 'colors', true, array(), '20081118' ); // Register "meta" stylesheet for admin colors
-	$styles->add( 'colors-fresh', '/wp-admin/css/colors-fresh.css', array(), '20081119'); // for login.php.  Is there a better way?
+	$styles->add( 'colors-fresh', '/wp-admin/css/colors-fresh.css', array(), '20081119b'); // for login.php.  Is there a better way?
 	$styles->add_data( 'colors-fresh', 'rtl', true );
 
-	$styles->add( 'global', '/wp-admin/css/global.css', array(), '20081119' );
+	$styles->add( 'global', '/wp-admin/css/global.css', array(), '20081119b' );
 	$styles->add( 'media', '/wp-admin/css/media.css', array(), '20080709' );
 	$styles->add( 'widgets', '/wp-admin/css/widgets.css' );
-	$styles->add( 'dashboard', '/wp-admin/css/dashboard.css', array(), '20081119' );
+	$styles->add( 'dashboard', '/wp-admin/css/dashboard.css', array(), '20081119b' );
 	$styles->add( 'install', '/wp-admin/css/install.css', array(), '20080708' );
 	$styles->add( 'theme-editor', '/wp-admin/css/theme-editor.css' );
 	$styles->add( 'press-this', '/wp-admin/css/press-this.css', array(), '20081115' );