vhad/wordpress-develop
1
0
Fork 0
mirror of https://github.com/gosticks/wordpress-develop.git synced 2026-04-06 05:34:26 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Darken the hover/on states for the customizer section titles. Switch Collapse arrow and label. Improve text contrast. props helenyhou. fixes #20828.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@21006 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Nacin
2012-06-05 20:57:02 +00:00
parent e93e7d4dd9
commit 35bc32d45f
4 changed files with 50 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
wp-admin/css/customize-controls.dev.css
View File

@@ -12,6 +12,19 @@ body {
margin: 0;
}
.control-section.customize-section:hover,
.control-section.customize-section.open {
border-top-color: #808080;
}
.control-section.customize-section:hover {
border-bottom-color: #6d6d6d;
}
.customize-section.open:hover {
border-bottom-color: #dfdfdf;
}
.customize-section:last-child {
box-shadow: 0 1px 0 0px #fff;
}
@@ -53,27 +66,26 @@ body {
background-image: linear-gradient( top, #f5f5f5, #eee );
}
.control-section .customize-section-title:hover {
color: #222;
background-color: #e6e6e6;
background-image: -webkit-linear-gradient( top, #e9e9e9, #e4e4e4 );
background-image: -moz-linear-gradient( top, #e9e9e9, #e4e4e4 );
background-image: -ms-linear-gradient( top, #e9e9e9, #e4e4e4 );
background-image: -o-linear-gradient( top, #e9e9e9, #e4e4e4 );
background-image: linear-gradient( top, #e9e9e9, #e4e4e4 );
.control-section:hover .customize-section-title,
.control-section .customize-section-title:hover,
.control-section.open .customize-section-title {
color: #fff;
text-shadow: 0 -1px 0 #333;
background-color: #808080;
background-image: -webkit-linear-gradient( top, #808080, #6d6d6d );
background-image: -moz-linear-gradient( top, #808080, #6d6d6d );
background-image: -ms-linear-gradient( top, #808080, #6d6d6d );
background-image: -o-linear-gradient( top, #808080, #6d6d6d );
background-image: linear-gradient( top, #808080, #6d6d6d );
}
.control-section.open .customize-section-title {
border-bottom: 1px solid #e5e5e5;
}
.control-section.open .customize-section-title:hover {
border-bottom: 1px solid #dfdfdf;
border-bottom: 1px solid #6d6d6d;
}
.customize-section.open .customize-section-content {
display: block;
background: #fff;
background: #fdfdfd;
}
.customize-section-title:after {
@@ -97,6 +109,10 @@ body {
border-color: #aaa transparent;
}
.control-section .customize-section-title:hover:after {
border-color: #eee transparent;
}
.control-section .customize-section-title:after {
top: 15px;
}
@@ -293,7 +309,7 @@ body {
.customize-control .dropdown-status {
display: none;
max-width: 112px;
color: #999;
color: #777;
}
/*
@@ -412,7 +428,7 @@ body {
padding-bottom: 4px;
color: #777;
background: #fff;
background: #fdfdfd;
border-color: #dfdfdf;
-webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0 ;