Good Ole Flickr by katlamsib

/* ==UserStyle==
@name           Good Ole Flickr 
@namespace      github.com/openstyles/stylus
@version        2.0.1
@description    Flickr photopage without awful bright right sidebar panel introduced in 2023 and returned in 2024. Fix for cropped images in Activity Feed as well.
@author         katlamsib
==/UserStyle== */
@-moz-document domain("flickr.com") {

    /* Fix cropping images in Activity Feed */
    .photo-card-view .photo-card .photo-card-content .photo-card-photo .photo img,
    .photo-card-view .photo-card .photo-card-content .photo-card-photo .photo video {
        object-fit: contain;
    }
}
@-moz-document url-prefix("https://www.flickr.com/photos/") {

    #detached-moola-container {
        display:none !important;
    }

    
    /* Remove right sidebar altogether */
    .photo-page-sidebar-view {
        display: none
    }
    
    /* Return user name, photo title and sescription to the bottom of the image */
    .sub-photo-left-view > .attribution-view.photopage-sidebar {
        display:flex;
    }
    .sub-photo-title-desc-view.photopage-sidebar {
        display: flex;
    }

    /* Return stats to the bottom of the image */
    .sub-photo-right-view .sub-photo-right-row1.photopage-sidebar {
        display: flex;
    }

    /* Return exif and map to the bottom of the image */
    .sub-photo-right-view .photo-charm-exif-scrappy-view.photopage-sidebar {
        display: flex;
    }
    
    /* Slightly increase exif display area */
    .sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 {
        float: left;
        margin-right: 30px;
        width: 100% !important;
    }

    /* Show exif item names with bold font */
    .sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > .extended-exif-item > .exif-name {
        font-size: 14px;
        font-weight: 800;
    }

    /* Make comment box slightly bigger */
    .add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded,
    .add-comment-view .comment-area .text-area-section .text-area-wrapper.focused,
    .add-comment-view .comment-area .text-area-section .text-area-wrapper:focus-within {
        background-color: #fff;
        box-shadow: inset 0 0 0 1px #999;
        height: 200px;
    }

    /* Remove iStock eyesore */
    [class*='view view'] {
        display: none;
    }
}