Make WordPress Core

Changeset 23671


Ignore:
Timestamp:
03/12/2013 04:59:38 PM (12 years ago)
Author:
lancewillett
Message:

Twenty Thirteen: better styles for gallery captions. Props obenland, see #23584.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-content/themes/twentythirteen/style.css

    r23652 r23671  
    736736
    737737.wp-caption .wp-caption-text,
    738 .entry-caption {
     738.entry-caption,
     739.gallery-caption {
    739740    color: #220e10;
    740741    font-size: 18px;
     
    12521253    float: left;
    12531254    margin: 0 4px 4px 0;
     1255    overflow: hidden;
     1256    position: relative;
    12541257}
    12551258
     
    13361339
    13371340.gallery-caption {
    1338     color: #777;
     1341    background-color: rgba(0, 0, 0, 0.7);
     1342    box-sizing: border-box;
     1343    color: #fff;
    13391344    font-size: 14px;
    1340     font-style: italic;
    1341     padding-top: 4px;
    1342 }
    1343 
    1344 .gallery-caption {
    1345     width: 90%;
    1346 }
    1347 
     1345    height: 74px;
     1346    line-height: 1.3;
     1347    margin: 0;
     1348    max-height: 100%;
     1349    opacity: 0;
     1350    padding: 2px 8px;
     1351    position: absolute;
     1352    bottom: 0;
     1353    left: 0;
     1354    text-align: left;
     1355    -webkit-transition: opacity 400ms ease;
     1356    transition:         opacity 400ms ease;
     1357    width: 100%;
     1358}
     1359
     1360.gallery-caption:before {
     1361    box-shadow: 0 -10px 15px #000 inset;
     1362    content: "";
     1363    height: 74px;
     1364    position: absolute;
     1365    bottom: 0;
     1366    left: 0;
     1367    width: 100%;
     1368}
     1369
     1370.gallery-item:hover .gallery-caption {
     1371    opacity: 1;
     1372}
    13481373
    13491374/**
Note: See TracChangeset for help on using the changeset viewer.