blog/_src/assets/less/content-photo.less

// PHOTO POST
/////////////////////////////////////

.hentry.format-photo {
    text-align: center;

    figure {
        position: relative;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;

        img,
        figcaption {
            margin-bottom: 0;
        }

        img { max-height: 540px }

        figcaption {
            position: absolute;
            left: 0;
            top: 25%;
            max-width: 55%;
            min-width: 45%;
            text-align: right;
        	font-family: @headings-font-family;
        	font-weight: @headings-font-weight;
            font-style: normal;
        	font-size: .9em;
            padding: @line-height-computed/3;
            background: @link-color;
            background: fade(@link-color, 70%);
            color: #fff;
            text-shadow: 0 1px 0 #000;

            opacity: 0;
            .translate(0,-20px);
            .transition;
        }

        &:hover figcaption {
            opacity: 1;
            .translate(0,0);
        }
    }

    .entry-content { text-align: left; }

    .page-single & {

        padding-top: @line-height-computed*2;
        padding-bottom: @line-height-computed*3;

    	@media @breakpoint2 {
            padding-top: @line-height-computed*4;
            padding-bottom: @line-height-computed*6;
    	}

        figure img { max-height: none }

        figcaption {
            opacity: 1;
            .translate(0,0);
            top: auto;
            bottom: 0;
            background: #000;
            background: fade(#000, 40%);
        }
    }
}

.photo-link {
    display: block;

    &:active { background: none }
}