Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2024-12-23 17:48:01 +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 { .media-modal {
position: fixed; position: fixed;
top: 60px; top: 40px;
left: 60px; left: 60px;
right: 60px; right: 60px;
bottom: 60px; bottom: 60px;
background: #fff;
z-index: 125000; z-index: 125000;
} }
@ -28,29 +27,43 @@
left: 0; left: 0;
right: 0; right: 0;
height: 28px; height: 28px;
background: #f1f1f1;
} }
.media-modal-header h3 { .media-modal-header h3 {
float: left; float: left;
padding: 0 0 0 10px; padding: 0;
margin: 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 { .media-modal-close {
float: right; float: right;
padding-right: 10px; text-decoration: none;
line-height: 28px; 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 { .media-modal-content {
position: absolute; position: absolute;
top: 28px; top: 40px;
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
overflow: auto; 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">
<div class="media-modal-header"> <div class="media-modal-header">
<h3><%- title %></h3> <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>
<div class="media-modal-content"></div> <div class="media-modal-content"></div>
</div> </div>