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

git-svn-id: http://svn.automattic.com/wordpress/trunk@20076 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
nacin 2012-03-02 19:47:08 +00:00
parent ae8af5d0dd
commit ee35957ab0
3 changed files with 20 additions and 15 deletions

View File

@ -1672,12 +1672,12 @@ table.diff .diff-addedline ins {
border-right: 1px solid #D1E5EE;
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 */
}
#screen-meta-links a.show-settings {
@ -1689,11 +1689,11 @@ table.diff .diff-addedline ins {
}
#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;
}
/* end screen options and help tabs */

View File

@ -811,9 +811,9 @@ table.widefat span.spam a,
#screen-options-link-wrap,
#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 */
background-image: -o-linear-gradient(bottom, #dfdfdf, #f1f1f1); /* Opera */
@ -831,11 +831,11 @@ table.widefat span.spam a,
}
#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;
}
/* end screen options and help tabs */

View File

@ -1423,7 +1423,7 @@ form.upgrade .hint {
#screen-options-link-wrap,
#contextual-help-link-wrap {
float: right;
height: 22px;
height: 23px;
padding: 0;
margin: 0 0 0 6px;
font-family: sans-serif;
@ -1438,10 +1438,15 @@ form.upgrade .hint {
border-bottom-right-radius: 3px;
}
#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;
font-size: 12px;