Flickr WideScreen - Dark & Grey v.320(USw) by decembre

/* ==UserStyle==
@name        Flickr WideScreen - Dark & Grey v.320 (USw)
@namespace   flickr.com
@version     320.00
@author      decembre
@description Flickr in Dark and Grey
@license     unlicense
==/UserStyle== */

@-moz-document domain("www.flickr.com"), domain("flickr.com"), domain("secure.flickr.com"), domain("flickrprints.com") {

/* A - FLICKR - Ac - Flickr WideScreen - Dark & Grey v.320  ==== */


/* LAST UPDATE ON USERSTYLES.org > v.232 - 4k installs */

/* ============== ============= ================ */
/* ============== ============= ================ */
/* ============== DIVERS COLORS ================ */
/* ============== ==== COLOR DIVERS ==== ================ */
/* ============== ============= ================ */



/* (new313) COLOR - USER / POOLS - GENERIC ICON - GRAYSCALE */

[style*="/bbuddyicon"][style*="_m.png"]  ,
/* style='background-image: url("//combo.staticflickr.com/pw/images/bbuddyicon05_r.png#14858277@N21");' */

/* background-image: url(//combo.staticflickr.com/pw/images/bbuddyicon01_r.png#45262201@N03); */
[style*="/bbuddyicon"][style*="_r.png"] ,
.avatar.group.thumbnail[style*="/bbuddyicon"][style*="_r.png"] ,

/* background-image: url(//combo.staticflickr.com/pw/images/bbuddyicon01.png#45262201@N03); */
a[style*="/bbuddyicon"][style*=".png"] ,

.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container a[style*="/bbuddyicon"][style*=".png"].avatar.person.medium ,

.tiny[style*="/pw/images/buddyicon"] ,

.group-top-contributors-dropdown-view.ui-dropdown.top-contribs > ul .avatar ,

[src^="https://s.yimg.com/pw/images/buddyicon"] ,

.context-list>li a[style^='background-image: url("//combo.staticflickr.com/pw/images/buddyicon'] ,
a[style^='background-image: url("//combo.staticflickr.com/pw/images/buddyicon'] ,
*[style^='background-image: url("//combo.staticflickr.com/pw/images/buddyicon'] ,


.avatar.group.tiny.tiny[style*="/pw/images/buddyicon"] ,
*[style*="background-image: url(//combo.staticflickr.com/pw/images/buddyicon"][style*=".png"] ,
*[style*="https://s.yimg.com/pw/images/buddyicon"] ,

[style^='background-image: url(https://combo.staticflickr.com/pw/images/buddyicon'][style*=".png"] ,
a[style*=".png"][style*="https://combo.staticflickr.com/pw/images/buddyicon"] ,
[style^='background-image: url("https://s.yimg.com/pw/images/buddyicon'] ,
img[src*=".png"][src^="https://flimg.flickr.com/?"][src*="buddyicon"] ,


a[style*="/buddyicon"][style*=".png"] ,
img[src*=".png"][src*="buddyicon"] ,
.avatar.person[style*=".png);"] ,
[src^='https://ec.yimg.com/ec?url=https%3A%2F%2Fs.yimg.com%2Fpw%2Fimages%2Fbuddyicon'] {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}
.sub-photo-view .attribution-view.photo-attribution .avatar.person.medium[style^="background-image: url(//combo.staticflickr.com/pw/images/buddyicon"] {
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

/* GENERIC ICON - STAFF */
.staffPost img[alt="Flickr Staff"] {
    filter:  invert(.8) grayscale(1) saturate(48) sepia(1)  ;
}

/* STRANGE same user : ===== */
.logo[src^="https://farm3.staticflickr.com/2921/buddyicons/"]{
    -webkit-filter: grayscale(1) !important;
    filter: grayscale(1) !important;
}
.attribution-view .avatar.person[style^='background-image: url(//live.staticflickr.com/2921/buddyicons/']  {
    -webkit-filter: grayscale(1) !important;
    filter: grayscale(1) !important;
}
.fluid .avatar.person[style^="background-image: url(//live.staticflickr.com/2921/buddyicons/"] {
    -webkit-filter: grayscale(1) !important;
    filter: grayscale(1) !important;
}
/* BUDDY HOVER */
.person_hover_img[src^="https://farm3.staticflickr.com/2921/buddyicons/126418148@N08.jpg?1406014425#126418148@N08"] {
    -webkit-filter: grayscale(1) !important;
    filter: grayscale(1) !important;
}


/* COLOR DIVERS - CHECKED - POOL ADM TROTTLE  */
input:not([name="magic_cookie"]):checked + label {
    padding: 0 3px !important;
    border-radius: 3px !important;
color: white !important;
background: green !important; 
}


/* COLOR DIVERS - IMAGE - SVG BACKGROUND WHITE - 
https://www.flickr.com/help/forum/en-us/72157713635219992/#reply72157713639041541
=== */
img.notsowide {
    background: white !important;
}

/* COLOR DIVERS - DISABLED PHOTO CHOICE */
.photo-list-photo-view .interaction-view.disabled:not(.disabled-selected) .disabled-overlay {
background-color: rgba(255, 0, 0, 0.88) !important;
}
.photo-list-photo-view .interaction-view.disabled-selected .disabled-overlay, .photo-list-photo-view .interaction-view.disabled .disabled-overlay {
    background-color: black !important;
}
/* COLOR DIVERS - PHOTO - TOP INFO RIGHT */
.sub-photo-right-view .sub-photo-right-row1 {
    border-bottom: 1px solid #303030 !important;
}

/* COLOR DIVERS - ADD TO GROUP - POPUP INVITATION  + RULE VIOLATION - === */
.add-to-dialog.add-to-group {
    border: 1px solid red !important;
    background: rgba(0, 0, 0, 0.70) !important;
}
.add-to-dialog.add-to-group .hd {
    background: rgba(0, 0, 0, 0.20) !important;
}
.add-to-dialog.add-to-group .bd {
    background: rgba(0, 0, 0, 0.60) !important;
}
.add-to-dialog .add-to-selector li strong.item-name {
    border-top: 1px solid gray !important;
}
.add-to-dialog .add-to-selector li:hover {
    background: rgba(36, 36, 37, 0.83) !important;
}
.add-to-dialog .add-to-selector li.item.group.item-selected.administered ,
.add-to-dialog .add-to-selector li.item.group.item-disabled.administered.invited {
    background: rgba(142, 52, 8, 0.51) !important;
}
.add-to-dialog .add-to-selector li.item.group.item-selected.administered:hover ,
.add-to-dialog .add-to-selector li.item.group.item-disabled.administered.invited:hover {
    background: rgba(142, 52, 8, 0.91) !important;
}
.rule-violation .bd {
    background: rgba(0, 0, 0, 0.25) !important;
    border: 1px solid rgba(128, 128, 128, 0.25) !important;
}
.rule-violation .msg {
    background: rgba(255, 255, 213, 0.16);
}
ul.pool-restrictions {
    border-bottom: 1px solid peru !important;
}

/* COLOR DIVERS - RIGHT SIDEBAR - INVIT POOL ICON - FROM THIS POPUP - === */
.yui3-popover-hidden #options-menu ul .option-invite-to-group span {
    border-right: 3px solid gray !important;
    border-bottom: 2px solid gray !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
}
.yui3-popover-hidden #options-menu ul .option-invite-to-group span:hover {
    background-color: rgba(0, 0, 0, 0.7) !important;
}

/* COLOR DIVERS - TOOLTIPS - ALL */
#global-dialog-container {
    background-color: transparent !important;
}
/* COLOR DIVERS - FOR ALL LUNGUAGES) - == */
.invite-content .button-container input.DeleteButt  {
    background: #E40600;
}
.ui-dialog-cta.scrappy-dialog, 
.ui-dialog-cta .scrappy-dialog, 
.ui-dialog-modal.scrappy-dialog, 
.ui-dialog-modal .scrappy-dialog, 
.ui-dialog-alert.scrappy-dialog, 
.ui-dialog-alert .scrappy-dialog, 
.fluid-modal-view.scrappy-dialog, 
.fluid-modal-view .scrappy-dialog {
    color: peru !important;
    background: rgba(34, 34, 34, 0.81) !important;
}


/* COLOR DIVERS - PHOTO - DIALOGUE POPUP / TOOLTIP - DELETE PCTURE - === */
.ui-dialog-modal .confirmation-dialog-view {
    color: red !important;
    background: #333 !important;
}
.album-selection  {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
}
.modal.subview-modal.fluid-album-modal.scrappy-dialog .body ,
.modal.subview-modal.fluid-album-modal.scrappy-dialog .body .content .album-selection ol {
    border-top: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.ui-dialog-wrapper .ui-dialog-body .album-selection  input {
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
    color: rgba(255, 255, 255, 0.9) !important;
}
.ui-dialog-wrapper .ui-dialog-body .album-selection  input::-moz-placeholder {
    border: 1px solid rgba(0, 0, 0, 0.5) !important;
    color: rgba(255, 255, 255, 0.9) !important;
    text-shadow: none !important;
}
.album-selection .album-selection-list-item {
    border: 1px solid gray !important;
}
.album-selection-list-item.belongs-to-album {
    border: 1px solid peru !important;
}
.album-selection-list-item:hover {
    border: 1px solid peru !important;
    color: tomato !important;
    background-color: #333 !important;
}
.album-selection-list-item:hover span {
    color: tomato !important;
}
.album-selection-list-item.belongs-to-album:hover {
    background-color: black !important;
}
.album-selection-list-item.belongs-to-album:hover span {
    color: gold !important;
}
.album-selection-buttons {
    box-shadow: none !important;
    background-color: rgba(0, 0, 0, 0.2) !important;
}

/* COLOR DIVERS - FLUID - THUMBNAIL META HOVER */
.photo-list-photo-interaction:hover .interaction-bar  {
        background: rgba(0, 0, 0, 0.74) !important;
        border-top: 1px solid #5a5a5a !important;
}

/* COLOR DIVERS - NEW DESIGN - BLOCK USER */
.profile-bio-page-view .general-stats ul li.block:hover {
        background: rgba(251, 6, 6, 0.88) !important;
        color: gold !important;  
        transition: all ease 0.7s ;  
}
.profile-bio-page-view .general-stats ul li.block:hover  a{
        color: gold !important;    
}
/* COLOR DIVERS - TOGGLE POOL BETA - SUPP TXT "GO BACK POOL NEW  EXPERIENCE" -  === */
.opt-out-bug button {
    color: gray !important;
}
.opt-out-bug button:before {
    color: white ;
    background: peru ;
}
.opt-out-bug button:after {
    color: white ;
    background-color: rgba(255, 0, 0, 0.61) ;
}
.opt-out-bug button:hover:after {
    color: white ;
    background-color: rgba(8, 249, 38, 0.43) ;
}

.opt-out-bug button:hover {
    color: gold !important;
    background: #333 !important;
}

/* COLOR DIVERS - TOOLTIP - GALLERIE / ALBUM - === */
.popover-position-marker + .personmenu.person...