Flickr WideScreen - BigONE v.320 (USw) by decembre

/* ==UserStyle==
@name        Flickr WideScreen - BigONE v.320 (USw)
@namespace   flickr.com
@version     3.200.1
@author      decembre
@description Flickr using at its maximum a WideScreen
@license     unlicense

==/UserStyle== */

@-moz-document domain("flickr.com"), domain("na.ads.yahoo.com"), domain("combo.staticflickr.com") {

/* ++++  Flickr WideScreen - BigONE v320 (new320) (USw) - MEREGED Part 1+2 + Dark - 3Th NEW DESIGN ++++ */ 

/* ==== A - FLICKR - Ab - Flickr WideScreen - BigONE v.320 (new320) (USw) - Merge Part(1+2) No Dark + Applications Helper - 3Th NEW DESIGN - ANTI JUMP NO BETA ==== */


/* GM ANTI NAG - "Flickr Pro Nag Remover" by Vuccala (2024):
https://greasyfork.org/fr/scripts/472918-flickr-pro-nag-remover
Removes the obnoxious "Upgrade to Flickr Pro to hide these ads" nag screen (that normally appears every 6 image slides) by deleting the 'adCounter' cookie that tracks your slideshow clicks.
=== */

/* MEMO SIZE ===

.ju.photo-display-container .pool-photo.photo-display-item [src$="_t.jpg"]



// sq - SQUARE SIZE 75 - 75x75 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/sq/
// q - SQUARE SIZE 150 - 150x150 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/q/
// t - Thumbnail - 80x100 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/t/
// s - SMALL 240 - 192x240 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/s/
// n - SMALL 320 - 3256x320 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/n/
// w - SMALL 400 - 320x400 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/w/
// m - MEDIUM 500 - 400x500 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/m/
// z - MEDIUM 640 - 512x640 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/z/
// c - MEDIUM 800 - 640x800 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/c/
// l - LARGE 1024 - 819x1024 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/l/
// h - LARE 1600 - 1080x1350 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/h/
SMALL:
src="https://live.staticflickr.com/65535/52460738956_5ef310b22c_t.jpg"
LARGE
src="https://live.staticflickr.com/65535/52460738956_5ef310b22c_b.jpg"
=== */

/* (new320) FIX FOUC ? */



/* (new313) TEST - GM "Drop My Flickr Links!" by stanleyqubit (2024):
https://greasyfork.org/fr/scripts/493773-drop-my-flickr-links
== */



/* (new320) FIX - ERROR BACKGROUD IMG */
.fluid.html-error-500-page-view body {
    position: relative !important;
    display: inline-block !important;
    width: 100% !important;
    min-width: 100vw  !important;
    max-width: 100vw  !important;
    height: 90vh !important;
    top: 0vh !important;
    margin: 0vh 0 0 0 !important;
    padding: 0 !important;
background-color: #333 !important;
}
#bg {
    position: fixed !important;
    display: inline-block !important;
    width: 100% !important;
    min-width: 100vw  !important;
    max-width: 100vw  !important;
    height: 80vh !important;
    top: 8vh !important;
    margin: 0vh 0 0 0 !important;
    padding: 0 !important;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
    color: #000;
    background: white url(/flickr_panda_error_pages/bg_error_hold_your_clicks.jpg) no-repeat center center !important;
    background-size: cover !important;
    background-attachment: fixed;
    background-color: #333 !important;
}

/* (new320) CSF - TAG PAGE SUPP */
.fluid.html-tags-page-view #CatFlickrSuitePopUp {
    display: none  !important;
}


/* (new313) GM "Drop My Flickr Links!" - PHOT */
.fluid.html-photo-page-scrappy-view .dmfl-dropdown-container.dmfl-main-photo-page.dmfl-engagement-view  {
    position: fixed !important;
    right: unset !important;
    left: -24px  !important;
    top: 0.4vh !important;
    opacity: 0.3 !important;
    transform: scale(0.6) !important;
    transition: opacity ease 0.7 !important;
    z-index: 5000000000 !important;
}
/* HOVER */
.fluid.html-photo-page-scrappy-view .dmfl-dropdown-container.dmfl-main-photo-page.dmfl-engagement-view:hover  {
    position: fixed !important;
    right: unset !important;
    left: -35px  !important;
    top: 0.5vh !important;
    opacity: 1 !important;
    transform: scale(1) !important;
    transition: opacity ease 0.7 !important;
    z-index: 5000000000 !important;
}
.fluid.html-photo-page-scrappy-view .dmfl-dropdown-container .dmfl-dropdown-content.dmfl-engagement-view {
    position: fixed !important;
    right: unset !important;
    left: -148px  !important;
    top: 0vh !important;
    opacity: 0.3 !important;
    transition: opacity ease 0.7 !important;
    z-index: 5000000000 !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
/*border: 1px solid aqua  !important;*/
}
/* (new313) GM "Drop My Flickr Links!" - PHO - HOVER */
.fluid.html-photo-page-scrappy-view .dmfl-dropdown-container:hover .dmfl-dropdown-content.dmfl-engagement-view {
    position: fixed !important;
    right: unset !important;
    left: -150px  !important;
    top: 0vh !important;
    opacity: 1 !important;
    transition: opacity ease 0.7 !important;
    z-index: 5000000000 !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
/*border: 1px solid aqua  !important;*/
}

/* (new313) GM "Drop My Flickr Links!" - PHO - REPLACE FLICKR DOWNLOAD BUTTON */
.fluid.html-photo-page-scrappy-view .fluid-share-photo-view.engagement-item + .dmfl-dropdown-container.dmfl-main-photo-page.dmfl-engagement-view  {
    position: fixed !important;
    right: unset !important;
    left: 110px  !important;
    top: 0.4vh !important;
    opacity: 0.3 !important;
    transform: scale(0.6) !important;
    transition: opacity ease 0.7 !important;
    z-index: 1 !important;
/*border: 1px solid aqua  !important;*/
}
/* (new313) GM "Drop My Flickr Links!" - PHO - HOVER */
.fluid.html-photo-page-scrappy-view .fluid-share-photo-view.engagement-item + .dmfl-dropdown-container.dmfl-main-photo-page.dmfl-engagement-view:hover  {
    position: fixed !important;
    display: inline-block !important;
    height: 50vh !important;
    right: unset !important;
    left: -55px  !important;
    top: 0vh !important;
    border-right: 170px solid rgba(0,0,0,0.2) !important;
    opacity: 1 !important;
    transform: scale(1) !important;
    transition: opacity ease 0.7 !important;
    z-index: 0 !important;
/*background-color: green !important;*/
/*border: 1px solid aqua  !important;*/
}


/* (new313) GM "Drop My Flickr Links!" - PHO */
.dmfl-dropdown-container:hover .dmfl-dropdown-content.dmfl-engagement-view .dmfl-dropdown-entry a{
background-color: rgba(0,0,0,0.8);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dmfl-dropdown-container:hover .dmfl-dropdown-content.dmfl-engagement-view .dmfl-dropdown-entry a:hover {
background-color: rgba(0,0,0,1) !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dmfl-dropdown-container:hover .dmfl-dropdown-content.dmfl-engagement-view .dmfl-dropdown-entry-preview-button{
    font-size:  0 !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
}
.dmfl-dropdown-container:hover .dmfl-dropdown-content.dmfl-engagement-view .dmfl-dropdown-entry-preview-button:before{
    content: "👁️‍🗨️"  !important;
    display: inline-block !important;
    height: 1.9vh !important;
    line-height:2.8vh !important;
    width: 25px !important;
    font-size:  18px !important;
    border-radius: 100% !important;
    overflow: hidden !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
}

/* (new313) GM "Drop My Flickr Links!" - THUMBNAIL */
.dmfl-dropdown-container.dmfl-thumbnail {
    position: absolute;
    display: inline-block !important;
    height: 100% !important;
    min-height: 15px !important;
    max-height: 15px !important;
    max-width: 15px  !important;
    padding: 3px;
    opacity: 0.5 !important;
    transform: scale(0.6) !important;
background-color: rgba(0,0,0,0.8);
border: 1px solid red !important;
}
.dmfl-dropdown-container.dmfl-thumbnail:hover {
    position: absolute;
    display: inline-block !important;
    height: 100% !important;
    min-height: 15px !important;
    max-height: 15px !important;
    max-width: 15px  !important;
    padding: 3px;
    opacity: 1 !important;
    border-radius: 3px !important;
    transform: scale(1) !important;
background-color: rgba(0,0,0,0.8);
border: 1px solid red !important;
}
.dmfl-dropdown-container.dmfl-thumbnail .dmfl-dropdown-button.dmfl-populated {
    height: 15px !important;
    width: 15px  !important;
    transform: scale(1) !important;
}
.dmfl-dropdown-container.dmfl-thumbnail:hover .dmfl-dropdown-button.dmfl-populated {
    font-size: 14px !important;
    transform: scale(1) !important;
    background-color:#777775 !important;
}
.dmfl-dropdown-container.dmfl-thumbnail:hover .dmfl-dropdown-entry a {
    height: 1.2vh !important;
    font-size: 14px !important;
background-color: rgba(0,0,0,0.8);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dmfl-dropdown-container.dmfl-thumbnail:hover .dmfl-dropdown-entry a  {
background-color: rgba(0,0,0,1) !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}

.dmfl-dropdown-container.dmfl-thumbnail:hover .dmfl-dropdown-content .dmfl-dropdown-entry-preview-button {
    font-size:  0 !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
}
.dmfl-dropdown-container.dmfl-thumbnail:hover .dmfl-dropdown-content .dmfl-dropdown-entry-preview-button:before{
    content: "👁️‍🗨️"  !important;
    display: inline-block !important;
    height: 1.2vh !important;
    line-height: 1.2vh !important;
    width: 25px !import...