Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2024-12-23 09:37:42 +01:00
Code Issues 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
Show Stats 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;
}
/**

2
wp-includes/media.php
View File

@ -1298,7 +1298,7 @@ function wp_print_media_templates( $attachment ) {
<div class="media-modal">
<div class="media-modal-header">
<h3><%- title %></h3>
<a class="media-modal-close" href="" title="<?php esc_attr_e('Close'); ?>"><?php echo 'Close'; ?></a>
<a class="media-modal-close" href="" title="<?php esc_attr_e('Close'); ?>">&times;</a>
</div>
<div class="media-modal-content"></div>
</div>