WordPress.org

Make WordPress Core

Ticket #23584: 23584.5​.diff

File 23584.5​.diff, 1.1 KB (added by obenland, 14 months ago)

Hidden captions, visible on hover, preserving image margins.

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

     
    738738} 
    739739 
    740740.wp-caption .wp-caption-text, 
    741 .entry-caption { 
     741.entry-caption, 
     742.gallery-caption { 
    742743        color: #220e10; 
    743744        font-size: 18px; 
    744745        font-style: italic; 
     
    12441245.gallery-item { 
    12451246        float: left; 
    12461247        margin: 0 4px 4px 0; 
     1248        overflow: hidden; 
     1249        position: relative; 
    12471250} 
    12481251 
    12491252.single .gallery-columns-1.gallery-size-medium, 
     
    13281331} 
    13291332 
    13301333.gallery-caption { 
    1331         color: #777; 
    1332         font-size: 14px; 
    1333         font-style: italic; 
    1334         padding-top: 4px; 
     1334        background-color: rgba(255, 255, 255, 0.8); 
     1335        margin: 0; 
     1336        overflow: hidden; 
     1337        padding: 2px 10px; 
     1338        position: absolute; 
     1339        bottom: -40px; 
     1340        text-align: left; 
     1341        text-overflow: ellipsis; 
     1342        -webkit-transition: bottom 400ms ease; 
     1343        transition:         bottom 400ms ease; 
     1344        white-space: nowrap; 
     1345        width: 100%; 
    13351346} 
    13361347 
    1337 .gallery-caption { 
    1338         width: 90%; 
     1348.gallery-item:hover .gallery-caption { 
     1349        bottom: 0; 
    13391350} 
    13401351 
    13411352