WordPress.org

Make WordPress Core

Changeset 22144


Ignore:
Timestamp:
10/09/2012 02:56:39 AM (8 years ago)
Author:
koopersmith
Message:

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

Location:
trunk/wp-includes
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-includes/css/media-views.css

    r22142 r22144  
    44.media-modal {
    55    position: fixed;
    6     top: 60px;
     6    top: 40px;
    77    left: 60px;
    88    right: 60px;
    99    bottom: 60px;
    10     background: #fff;
    1110    z-index: 125000;
    1211}
     
    2928    right: 0;
    3029    height: 28px;
    31     background: #f1f1f1;
    3230}
    3331
    3432.media-modal-header h3 {
    3533    float: left;
    36     padding: 0 0 0 10px;
     34    padding: 0;
    3735    margin: 0;
    38     line-height: 28px;
     36    font-size: 1.4em;
     37}
     38
     39.media-modal-header h3,
     40.media-modal-close {
     41    line-height: 40px;
     42    color: #fff;
     43    font-weight: 200;
     44    text-shadow: 0 0 16px rgba( 0, 0, 0, 0.6 );
    3945}
    4046
    4147.media-modal-close {
    4248    float: right;
    43     padding-right: 10px;
    44     line-height: 28px;
     49    text-decoration: none;
     50    font-size: 1.8em;
     51}
     52
     53.media-modal-close:hover,
     54.media-modal-close:focus {
     55    color: #fff;
     56    text-shadow: 0 0 16px rgba( 255, 255, 255, 0.8 );
    4557}
    4658
    4759.media-modal-content {
    4860    position: absolute;
    49     top: 28px;
     61    top: 40px;
    5062    left: 0;
    5163    right: 0;
    5264    bottom: 0;
    5365    overflow: auto;
     66    background: #fff;
    5467}
    5568
  • trunk/wp-includes/media.php

    r22138 r22144  
    12991299            <div class="media-modal-header">
    13001300                <h3><%- title %></h3>
    1301                 <a class="media-modal-close" href="" title="<?php esc_attr_e('Close'); ?>"><?php echo 'Close'; ?></a>
     1301                <a class="media-modal-close" href="" title="<?php esc_attr_e('Close'); ?>">&times;</a>
    13021302            </div>
    13031303            <div class="media-modal-content"></div>
Note: See TracChangeset for help on using the changeset viewer.