WordPress.org

Make WordPress Core

Ticket #23584: 23584.6.diff

File 23584.6.diff, 1.3 KB (added by obenland, 5 years ago)

Gallery captions, props Joen

  • wp-content/themes/twentythirteen/style.css

     
    735735}
    736736
    737737.wp-caption .wp-caption-text,
    738 .entry-caption {
     738.entry-caption,
     739.gallery-caption {
    739740        color: #220e10;
    740741        font-size: 18px;
    741742        font-style: italic;
     
    12511252.gallery-item {
    12521253        float: left;
    12531254        margin: 0 4px 4px 0;
     1255        overflow: hidden;
     1256        position: relative;
    12541257}
    12551258
    12561259.single .gallery-columns-1.gallery-size-medium,
     
    13351338}
    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;
     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%;
    13421358}
    13431359
    1344 .gallery-caption {
    1345         width: 90%;
     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%;
    13461368}
    13471369
     1370.gallery-item:hover .gallery-caption {
     1371        opacity: 1;
     1372}
    13481373
    13491374/**
    13501375 * 5.6 Post Formats