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

/* ==UserStyle==
@name        Flickr WideScreen - BigONE v.294 (USw)
@namespace   flickr.com
@version     2.94.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 v.294 (USw) ==== */

/* ====  A - FLICKR - 0 - Flickr WideScreen(Part 1) v.293 (new293) - 2nd ABORTED NEW PHOT DESIGN - MINITHUMB ===== */


/* TEST - WIDE */

html.styleguide body #pool-photos.photo-display-container.ju ,
html.styleguide body.super-liquid #pool-photos.photo-display-container.ju {
    width: 100% !important;
    min-width: 99vw !important;
    max-width: 99vw !important;
    height: auto !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}
html.styleguide body.super-liquid #pool-photos.photo-display-container.ju #photo-display-container ,
html.styleguide body #pool-photos.photo-display-container.ju #photo-display-container {
    width: 100% !important;
    min-width: 99vw !important;
    max-width: 99vw !important;
    height: auto !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}
body.new-footer.new-footer-tight-ass #main, 
body.new-footer.new-footer-tight-ass #Main {
    margin: 0 0 0 0 !important;
}

/* MODAL - ADD PEOPLE TAGS */
.sub-photo-add-tags-view.flickr-view-root-view{
    height: 100%;
    border-radius: 5px  !important;
border: 1px solid red!important;
}
.tags-selection-list-view .tags-selection-list-container {
    height: 100%;
    min-height: 50vh !important;
    max-height: 50vh !important;
    overflow: auto;
    border-bottom: 1px solid #cfd6d9;
}
.tags-selection-list-view .tags-selection-list-container .tags-selection-list li {
    float: left !important;
    clear: none  !important;
    width: 48% !important;
    margin: 0 0 3px 2px !important;
}
.tags-selection-list-view .tags-selection-list-container .tags-selection-list li .tag-content .name-info {
    display: flex;
    flex-direction: column;
    max-height: 4vh !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}

/* TAGS SELEcTED */
.machine-tags-list + .tags-selection-list{
    background: green !important;
}
.manage-link-container a{
    color: peru !important;
}
.selection-search-container {
    color: silver !important;
    background: #111 !important;
}
.selection-search-container::before {
    width: 22px !important;
    height: 22px !important;
    opacity: 0.8 !important;
background: #222  url("https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png") no-repeat scroll -315px -231px !important;
}
.tags-selection-list-view .tags-selection-list-container .tags-selection-list li:nth-child(odd){
    background: #222 !important;
}
.tags-selection-list-view .tags-selection-list-container .tags-selection-list li:nth-child(even){
    background: #111 !important;
}

/* (new225COM) ERRORS PAGES - CLICK MORE BUT GO TO EXPLORE PAGES */
/* ERROR 403 */
.fluid.html-fluid-error-page-view.scrolling-layout{
    height: 99.8vh !important;
    margin: 0 0 0 0 !important;
    overflow: hidden !important;
}
.fluid.html-fluid-error-page-view.scrolling-layout .fluid-error-page-view {
    height: 99.8vh !important;
    margin: 0 0 0 0 !important;
    overflow: hidden !important;
}
.fluid.html-fluid-error-page-view.scrolling-layout  .fluid-centered {
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
}
.fluid-error-page-container.message.is-http-403 ,
.fluid-error-page-view section {
    margin: 1rem 0;
}
.fluid-error-page-view section.contextual-suggestions {
display: inline-block !important;
    height: 70vh !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}

.fluid-error-page-view section.contextual-suggestions > .photo-list-view {
    text-align: center !important;
    height: 70vh !important;
    padding: 0 10% !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}
.fluid-error-page-view section .photo-list-photo-view {
    position: relative  !important;
    display: inline-block !important;
    height: 125px !important;
    margin: 5px !important;
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: cover;
    transform: unset !important;
}

/* ERROR - MORE BUT */
.fluid-error-page-view section.contextual-suggestions > .butt {
    position: absolute !important;
    margin: 0rem 0 0 -120px !important;
    bottom: 6vh !important;
}
.fluid-error-page-view section.contextual-suggestions > a.butt:after {
    content: ":  ▶ Explore" !important;
}

/* TEST SCROLLBAR HIDDEN - scrollbar-width: none,  - WORK ONLY ON TOP HTML / OR IFRAME ?  */
html.styleguide body {
    position: relative;
    display: inline-block !important;
    box-sizing: border-box;
    padding:  0 0 0 0 !important;
    min-height: 100%;
    height: auto !important;
overflow-x: hidden !important;
/*   scrollbar-width: none !important; */
/* overflow: -moz-scrollbars-none !important; */
/* scrollbar-width: unset !important; */
}

/* SUPP PUBS / GEO YAHOO / SPONS ETC... */

/* (new218) NEW PUBS */
/* MOOOLA = Pépétes / somme d'argent
https://dictionnaire.reverso.net/anglais-francais/moola
=== */

/* SUPP - PB PHO COMMENTS */
/* .fluid.html-photo-page-scrappy-view .photo-page-scrappy-view section> [class*="view"] , */

/* SUPP - PHOT */
.photo-list-getty-item-view  ,
.loading-text ,
.fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view + .fluid-droparound-overlay.transparent  + .fluid-droparound-view + .fluid-droparound-view ,
.sub-photo-content-container > .sub-photo-right-view > div:not([class*="sub-photo-"]):not(.photo-charm-exif-scrappy-view) ,
.fluid.html-photo-page-scrappy-view .photo-page-scrappy-view section nav > [class*="view"] ,
.with-emoji-picker .attach-to-input .upward-arrow ,
#comments .adding-comment .html-info-trigger ,
#comments #reply.comment-block .comment-icon ,
.html-photo-page-scrappy-view .gift-pro-view ,
.photo-page-i-m-container, 
.photo-page-i-m-container .upgrade-to-pro-cta, 
.photo-page-m-container, 
.photo-page-m-container .upgrade-to-pro-cta ,

/* OTHERS */
div[class*="-moola-"] ,
.photo-list-view .photo-list-moola-item-view ,

.photo-charm-exif-scrappy-view + div:not([class^="view sub-photo-"]) ,

summary ,
.sub-photo-right-view summary ,
.fluid.html-search-photos-unified-page-view #content  .search-tools-view + .requiredToShowOnServer[class*="view"] ,

.getty-widget-view ,
.getty-search-widget-view ,
.sub-photo-container.centered-content .getty-photopage-view ,

/* SUPP -PHO - FAVE RED */
.sub-photo-left-view > .sub-photo-fave-view.faves-present .ui-icon-fave-star ,
.photo-engagement-view .fave-view a.fave-star.false.is-faved svg.icon-fave , 
.photo-engagement-view .fave-view a.fave-star.is-faved svg.icon-fave ,
.view.photo-engagement-view .view.fave-view .fave-star.false .icon-fave_hollow ,
.photo-engagement-view .fave-view a.fave-star.false.is-faved svg.icon-fave_hollow ,

#global-nav #gb-ac-wrap.droparound-with-storage #gb-ac-panel .pro-hook-container ,
.NoneFound .SortOptions  ,
.sub-photo-tags-people-view .c-contact-search-autocomplete .contact-list + input.add-person  +   .contact-autocomplete-arrow ,
.feed-rail-view .feed-rail .feed-rail-content-container .rail-items-container .rail-item.flat ,
.photo-page-leader-moola-view ,
.moola-sticky-view ,
.footer-full-view .foot-banner-container.fixed ,

#testimonials .avatar.person.small>span ,
.cookie-banner-reg ,

.sub-photo-left-view > .sub-photo-fave-view i ,
.ForumPost + br ,
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) tr:last-of-type  td + td > a.pro-badge-new svg ,

.ad-card ,
.New ,
.html-feed-new-page-view .feed-b ,
.feed-page-view .feed .moola-card ,
.feed-page-view .feed-b, 
.feed-page-view .feed-b .upgrade-to-pro-cta, 

.activity-card.ad-card.pro-upsell-card ,
a[href="/account/upgrade/pro"] ,
.ad-card ,
.html-feed-new-page-view .feed-b ,
.sub-photo-left-view > .sub-photo-fave-view.faves-present svg.icon ,
.opt-out-widget .feedback ,
.opt-out-widget .optout-toggle .divider ,
.optout-toggle>a ,
.fluid.html-group-home-page-view .fluid-droparound-overlay ,

.main.moola-search-div ,
.signup-footer ,
.photo-page-lightbox-scrappy-view .photo-well-view.enable-zoom .facade-of-protection-neue, 
.photo-page-lightbox-scrappy-view .photo-well-view.dark.enable-zoom .facade-of-protection-neue  ,

#group-sidebar .pending.sec h3.group-subhead ~ p ,

#foot ,

.view.old-magic-email-banner-view ,
.modal.html-modal[style="top: 50%; left: 50%; margin-top: -218.5px; margin-left: -300px; max-height: inherit; max-width: inherit; overflow: visible;"] ,
.nav-banner-container ,
.featured-toast-view .featured-toast ,
.featured-toast-view.activated ,
#Hint img ,
#invites-and-comments div#comments div#comments-list ol#photo-activity.mixed li.comment-block.comment-deleted ,
#pool-photos.ju[style^="padding-left: 345px;"] .row:empty ,
#pool-photos.sm .photo-display-item:hover .remove-from-group img ,
.TopicReply td h3 ,
.sn-navitem>span>br ,
#you-subnav-more-butt ,
ul.sn-dropdown .sn-dropdownitem.sn-divider ,
.subnav-refresh .sn-avatar.sn-avatar-size-0 img.sn-avatar-ico,
.subnav-refresh .sn-avatar.sn-avatar-size-48 img.sn-avatar-ico,
.subnav-refresh .sn-avatar.sn-avatar-size-60 img.sn-avatar-ico,
.subnav-refresh .sn-avatar.sn-avatar-size-100 img.sn-avatar-ico ,
.photo-display-item .play ,
.spaceball ,
.fluid.html-favorites-page-view .footer-full-view ,

.zoom-modal .zoom-photo-container .facade-of-protection-zoom  ,
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view-OLD > .facade-of-protection...