IntenseWebs/WordPress
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Improve media modal title bar styling. props helenyhou, see #21390.

Browse Source 
git-svn-id: http://core.svn.wordpress.org/trunk@22144 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Daryl Koopersmith
2012-10-09 02:56:39 +00:00
parent 4c2f61c767
commit fed20bc298
2 changed files with 22 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
wp-includes/css/media-views.css
View File

@@ -3,11 +3,10 @@
*/
.media-modal {
position: fixed;
top: 60px;
top: 40px;
left: 60px;
right: 60px;
bottom: 60px;
background: #fff;
z-index: 125000;
}
@@ -28,29 +27,43 @@
left: 0;
right: 0;
height: 28px;
background: #f1f1f1;
}
.media-modal-header h3 {
float: left;
padding: 0 0 0 10px;
padding: 0;
margin: 0;
line-height: 28px;
font-size: 1.4em;
}
.media-modal-header h3,
.media-modal-close {
line-height: 40px;
color: #fff;
font-weight: 200;
text-shadow: 0 0 16px rgba( 0, 0, 0, 0.6 );
}
.media-modal-close {
float: right;
padding-right: 10px;
line-height: 28px;
text-decoration: none;
font-size: 1.8em;
}
.media-modal-close:hover,
.media-modal-close:focus {
color: #fff;
text-shadow: 0 0 16px rgba( 255, 255, 255, 0.8 );
}
.media-modal-content {
position: absolute;
top: 28px;
top: 40px;
left: 0;
right: 0;
bottom: 0;
overflow: auto;
background: #fff;
}
/**