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

Theme Customizer: Add 'choose image' functionality to image controls. Rough first pass, using header images as an example. see #19910.

Browse Source 
git-svn-id: https://develop.svn.wordpress.org/trunk@20290 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Daryl Koopersmith
2012-03-25 21:18:32 +00:00
parent 76e4fbee38
commit d8513a5ebb
4 changed files with 141 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
wp-includes/css/customize-controls.dev.css
View File

@@ -104,7 +104,8 @@ body {
padding-bottom: 60px;
}
#customize-theme-controls ul {
#customize-theme-controls > ul,
#customize-theme-controls .customize-section-content {
margin: 0;
}
@@ -327,4 +328,70 @@ body {
}
.customize-section .customize-image-picker .actions a {
display: block;
}
.customize-section .customize-image-picker .library {
display: none;
/* float: left;*/
}
/*.customize-section .customize-image-picker .library label {
display: block;
position: relative;
float: left;
padding: 0 0 5px 20px;
}
.customize-section .customize-image-picker .library input {
display: block;
position: absolute;
top: 50%;
left: 0;
margin-top: -7px;
}*/
/*.customize-section .customize-image-picker .library .wp-tab-panel {
padding: 10px 10px 5px 8px;
}*/
.customize-section .customize-image-picker .library ul {
border-bottom: 1px solid #dfdfdf;
float: left;
width: 100%;
margin: 5px 0;
}
.customize-section .customize-image-picker .library li {
color: #999;
float: left;
padding: 4px 6px;
margin: 0;
border-style: solid;
border-color: transparent;
border-width: 1px 1px 0 1px;
}
.customize-section .customize-image-picker .library li.library-selected {
color: #777;
border-color: #dfdfdf;
background: #f5f5f5;
margin-bottom: -1px;
padding-bottom: 5px;
}
.customize-section .customize-image-picker .library div {
width: 100%;
float: left;
}
.customize-section .customize-image-picker .library a {
display: block;
max-width: 220px;
max-height: 80px;
margin: 5px auto;
padding: 4px;
background: #fff;
border: 1px solid #dfdfdf;
}
.customize-section .customize-image-picker .library a:hover {
border-color: #21759b;
}
.customize-section .customize-image-picker .library img {
display: block;
max-width: 220px;
max-height: 80px;
}
.customize-section .customize-image-picker .library-content {
display: none;
}