New buttons and styling for all "management" pages

git-svn-id: http://svn.automattic.com/wordpress/trunk@9328 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/css/colors-fresh.css

@@ -20,13 +20,20 @@ body > #upload-menu {
 	border-bottom-color: #fff;
 }
 
-div#current-widgets, #postcustomstuff table, #your-profile fieldset,
-a.page-numbers, #rightnow, div.dashboard-widget,
-#dashboard-widgets p.dashboard-widget-links, .widefat,
+div#current-widgets,
+#postcustomstuff table,
+#your-profile fieldset,
+#rightnow,
+div.dashboard-widget,
+#dashboard-widgets p.dashboard-widget-links,
 #replyrow #ed_reply_toolbar input {
 	border-color: #ccc;
 }
 
+.widefat {
+	border-color: #dfdfdf;
+}
+
 div.dashboard-widget-error {
 	background-color: #c43;
 }
@@ -73,7 +80,7 @@ strong .post-com-count span {
 	background-color: #2583ad;
 }
 
-#post-body ul#category-tabs li.ui-tabs-selected, .button-secondary,
+#post-body ul#category-tabs li.ui-tabs-selected,
 #quicktags, #login form .submit input, .search-box .button,
 #ed_reply_toolbar {
 	background-color: #cee1ef !important;
@@ -172,17 +179,6 @@ ul#widget-list li.widget-list-item h4.widget-title {
 	color: #9a9a9a;
 }
 
-.page-numbers {
-	background-color: #fff;
-	border-color: #fff;
-}
-
-.page-numbers.current {
-	background-color: #328ab2;
-	border-color: #328ab2;
-	color: #fff;
-}
-
 .post-com-count {
 	background-image: url(../images/bubble_bg.gif);
 	color: #fff;
@@ -211,8 +207,6 @@ ul#widget-list li.widget-list-item h4.widget-title {
 }
 
 .submit input,
-.button,
-.button-secondary,
 #login form .submit input,
 div.dashboard-widget-submit input,
 #edit-slug-buttons a.save {
@@ -221,6 +215,29 @@ div.dashboard-widget-submit input,
 	border-color: #80b5d0;
 }
 
+.button {
+	border-color: #DCDCDC;
+	color: #464646;
+	text-shadow: #FFF 0 1px 0;
+}
+
+.button-primary {
+	border-color: #21759B;
+	color: #FFF;
+	background: #21759B url(../images/button-grad.png) repeat-x scroll left top;
+}
+
+.button-secondary {
+	border-color: #CFE1EF;
+	color: #464646;
+	text-shadow: #FFF, 0 1px 0;
+}
+
+.button,
+.button-secondary {
+	background: #f2f2f2 url(../images/white-grad.png) repeat-x scroll left top;
+}
+
 .button[disabled], .button:disabled {
 	background-color: #999;
 }
@@ -238,7 +255,12 @@ div.dashboard-widget-submit input,
 	color: #d54e21;
 }
 
-.button-secondary:hover, #login form .submit input:hover {
+.button-primary:hover {
+	border-color: #156079; 
+}
+
+.button-secondary:hover,
+#login form .submit input:hover {
 	border-color: #328ab2;
 }
 
@@ -305,10 +327,18 @@ div.dashboard-widget-submit input,
 	border-bottom-color: #2583ad;
 }
 
-.widefat td, .widefat th, div#available-widgets-filter, ul#widget-list li.widget-list-item, .commentlist li {
+a.page-numbers {
+	border-bottom-color: #B8D3E2;
+}
+
+div#available-widgets-filter, ul#widget-list li.widget-list-item, .commentlist li {
 	border-bottom-color: #ccc;
 }
 
+.widefat td, .widefat th {
+	border-color: #dfdfdf;
+}
+
 .widefat thead,
 .widefat tfoot,
 .thead,
@@ -317,8 +347,8 @@ h3.dashboard-widget-title,
 h3.dashboard-widget-title span,
 h3.dashboard-widget-title small,
 .find-box-head {
-	background-color: #464646;
-	color: #d7d7d7;
+	color: #333;
+	background: #dfdfdf url(../images/gray-grad.png) repeat-x scroll left top;
 }
 
 h3.dashboard-widget-title small a {
@@ -334,12 +364,6 @@ h3.dashboard-widget-title small a:hover {
 	color: #246;
 }
 
-.wrap h2 {
-	border-bottom-color: #dadada;
-	color: #666;
-}
-
-
 #adminmenu a, #poststuff #edButtonPreview, #poststuff #edButtonHTML, #the-comment-list p.comment-author strong a, #media-upload a.del-link, #media-upload a.delete, .ui-tabs-nav a, .ui-sortable .postbox h3:hover span, a {
 	color: #2583ad;
 }

wp-admin/css/global.css

@@ -174,10 +174,16 @@ h6 {
 .widefat {
 	border-width: 1px;
 	border-style: solid;
-	border-collapse: collapse;
+	border-collapse: separate;
+	border-spacing: 0;
 	width: 100%;
 	clear: both;
 	margin: 0;
+	-moz-border-radius: 4px;
+	-khtml-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+	
 }
 
 .widefat a {
@@ -202,7 +208,7 @@ h6 {
 }
 
 .widefat th {
-	padding: 9px 15px 6px 10px;
+	padding: 7px 15px 8px 10px;
 	text-align: left;
 	line-height: 1.3em;
 }
@@ -210,6 +216,7 @@ h6 {
 .widefat th input {
 	margin: 0 0 0 8px;
 	padding: 0;
+	vertical-align: text-top;
 }
 
 .widefat .check-column {
@@ -220,7 +227,7 @@ h6 {
 }
 
 .widefat tbody th.check-column {
-	padding: 8px 0 22px;
+	padding: 10px 0 22px;
 }
 /*
 th.check-column + th, th.check-column + td {
@@ -232,6 +239,10 @@ th.check-column + th, th.check-column + td {
 	text-align: center;
 }
 
+.widefat th#comments {
+	vertical-align: middle;
+}
+
 .wrap, .updated, .error {
 	margin: 0 15px;
 	padding: 0;
@@ -262,14 +273,10 @@ th.check-column + th, th.check-column + td {
 }
 
 .wrap h2 {
-	border-bottom-width: 1px;
-	border-bottom-style: solid;
 	clear: both;
-	font: 24px Georgia, "Times New Roman", Times, serif;
-	margin: 5px 0 10px -4px;
-	padding: 0;
-	padding-bottom: 7px;
-	padding-right: 280px;
+	font: italic normal normal 24px/29px Georgia, "Times New Roman", Times, serif;
+	margin: 5px 0 10px;
+	padding: 8px 15px 4px 0;
 }
 
 .wrap h2.long-header {