vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2025-10-16 12:05:38 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Style the color picker button to match the new standard button style. Adjust font size and height of 'Default' button to match color picker button. Fixes #26179.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@26385 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Matt Thomas 2013-11-26 03:27:09 +00:00
parent 557ecd7b6d
commit d1e69984c7
1 changed files with 23 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
src/wp-admin/css/color-picker.css
View File

@ -7,9 +7,9 @@
}
.wp-color-result {
background-color: #f9f9f9;
border: 1px solid #bbb;
border-radius: 2px;
background-color: #f7f7f7;
border: 1px solid #ccc;
border-radius: 3px;
cursor: pointer;
display: inline-block;
height: 22px;
@ -23,19 +23,16 @@
vertical-align: bottom;
display: inline-block;
padding-left: 30px;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,.08);
box-shadow: 0 1px 0 rgba(0,0,0,.08);
}
.wp-color-result:after {
background: #f3f3f3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#f4f4f4));
background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
background-image: -o-linear-gradient(top, #fefefe, #f4f4f4);
background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
color: #333;
text-shadow: 0 1px 0 #fff;
border-radius: 0 1px 1px 0;
border-left: 1px solid #bbb;
background: #f7f7f7;
border-radius: 0 2px 2px 0;
border-left: 1px solid #ccc;
color: #555;
content: attr( title );
display: block;
font-size: 11px;
@ -45,12 +42,15 @@
right: 0;
text-align: center;
top: 0;
-webkit-box-shadow: inset 0 1px 0 #fff;
box-shadow: inset 0 1px 0 #fff;
}
.wp-color-result:hover {
border-color: #aaa;
-webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 );
box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.1 );
background: #fafafa;
border-color: #999;
color: #222;
}
.wp-color-result:hover:after {
@ -87,6 +87,13 @@
vertical-align: top;
}
/* Match the style of the color picker button */
.wp-picker-input-wrap .button.button-small {
line-height: 22px;
height: 24px;
font-size: 11px;
}
.wp-picker-container .button {
margin-left: 6px;
}