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

/* ==UserStyle==
@name        Flickr WideScreen - BigONE v.313 (USw)
@namespace   flickr.com
@version     3.13.0
@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 v313 (new313) (USw) - TEST - 3Th NEW DESIGN - MEREGED Part 1+2 + Dark ++++ */

/* ==== A - FLICKR - Ab - Flickr WideScreen - BigONE v.313 (new313) (USw)- TEST DATE - 3Th NEW DESIGN - ANTI JUMP NO BETA - Merge Part(1+2) No Dark ==== */


/* 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"

=== */

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

/* (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 !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 - SETTINGS - INDICATOR */
.dmfl-dropdown-container.dmfl-thumbnail:hover .dmfl-dropdown-button.dmfl-populated:before {
    content: "⚙️" !important;
    position: absolute !important;
    display: inline-block !important;
    height: 12px !important;
    line-height: 12px !important;
    width: 10px  !important;
    top: 0 !important;
    left: -14px !important;
    padding: 0 2px !important;
    font-size: 9px  !important;
    text-align: center !important;
    border-radius: 5px 0 0 5px  !important;
background-color:red !important;
}

/* (new313) GM "Drop My Flickr Links!" - ALL - REVIEW MODAL*/
.dmfl-preview-background {
    z-index: 555500000 !important;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,1);
}


/* (new313) GM "HD" */
/* (new313) GM "HD" - POOL SMALL - HD INDICATOR */
#pool-photos.sm .thumb:has(img:not(.video-play-icon)[src$="_w.jpg"]):before{
    content: "HD" !important;
    position: absolute !important;
    display: inline-block ;
    width: 15px !important;
    height: 8px !important;
    line-...