Changeset 20076

Timestamp:

03/02/2012 07:47:08 PM (13 years ago)

Author:

nacin

Message:

Improve background, styling, and alignment of the Help and Screen Options tabs. props helenyhou. props johnjamesjacoby for initial patch. see #16114.

Location:

trunk/wp-admin/css

Files:

• colors-classic.dev.css (modified) (2 diffs)
• colors-fresh.dev.css (modified) (2 diffs)
• wp-admin.dev.css (modified) (2 diffs)

trunk/wp-admin/css/colors-classic.dev.css

@@ -1673 +1673 @@
     border-left: 1px solid #D1E5EE;
     border-bottom: 1px solid #D1E5EE;
-    background-image: -ms-linear-gradient(bottom, #eff8ff, #fff); /* IE10 */
-    background-image: -moz-linear-gradient(bottom, #eff8ff, #fff); /* Firefox */
-    background-image: -o-linear-gradient(bottom, #eff8ff, #fff); /* Opera */
-    background-image: -webkit-gradient(linear, left bottom, left top, from(#eff8ff), to(#fff)); /* old Webkit */
-    background-image: -webkit-linear-gradient(bottom, #eff8ff, #fff); /* new Webkit */
-    background-image: linear-gradient(bottom, #eff8ff, #fff); /* proposed W3C Markup */
+    background-image: -ms-linear-gradient(bottom, #eff8ff, #eff8ff); /* IE10 */
+    background-image: -moz-linear-gradient(bottom, #def1ff, #eff8ff); /* Firefox */
+    background-image: -o-linear-gradient(bottom, #def1ff, #eff8ff); /* Opera */
+    background-image: -webkit-gradient(linear, left bottom, left top, from(#def1ff), to(#eff8ff)); /* old Webkit */
+    background-image: -webkit-linear-gradient(bottom, #def1ff, #eff8ff); /* new Webkit */
+    background-image: linear-gradient(bottom, #def1ff, #eff8ff); /* proposed W3C Markup */
 }
 
@@ -1690 +1690 @@
 
 #screen-meta-links a.show-settings {
-    background: transparent url(../images/arrows.png) no-repeat right 3px;
+    background: transparent url(../images/arrows.png) no-repeat right 4px;
 }
 
 #screen-meta-links a.show-settings.screen-meta-active  {
-    background: transparent url(../images/arrows.png) no-repeat right -33px;
+    background: transparent url(../images/arrows.png) no-repeat right -30px;
 }
 

trunk/wp-admin/css/colors-fresh.dev.css

@@ -812 +812 @@
 #contextual-help-link-wrap {
     background-color: #e3e3e3; /* Fallback */
-    border-right: 1px solid transparent;
-    border-left: 1px solid transparent;
-    border-bottom: 1px solid transparent;
+    border-right: 1px solid #ccc;
+    border-left: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
     background-image: -ms-linear-gradient(bottom, #dfdfdf, #f1f1f1); /* IE10 */
     background-image: -moz-linear-gradient(bottom, #dfdfdf, #f1f1f1); /* Firefox */
@@ -832 +832 @@
 
 #screen-meta-links a.show-settings {
-    background: transparent url(../images/arrows.png) no-repeat right 3px;
+    background: transparent url(../images/arrows.png) no-repeat right 4px;
 }
 
 #screen-meta-links a.show-settings.screen-meta-active {
-    background: transparent url(../images/arrows.png) no-repeat right -33px;
+    background: transparent url(../images/arrows.png) no-repeat right -30px;
 }
 

trunk/wp-admin/css/wp-admin.dev.css

@@ -1424 +1424 @@
 #contextual-help-link-wrap {
     float: right;
-    height: 22px;
+    height: 23px;
     padding: 0;
     margin: 0 0 0 6px;
@@ -1439 +1439 @@
 }
 
+#screen-meta-links .screen-meta-toggle {
+    position: relative;
+    top: -1px;
+}
+
 #screen-meta-links a.show-settings {
     text-decoration: none;
     z-index: 1;
-    padding: 0 16px 0 6px;
+    padding: 1px 16px 0 6px;
     height: 22px;
     line-height: 22px;