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

/* ==UserStyle==
@name        Flickr WideScreen - Dark & Grey v.305 (USw)
@namespace   flickr.com
@version     305.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.305  ==== */


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

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

/* 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.personmenu-hidden + .global_dialog_spinner + div.global_dialog.global_dialog.default #global-dialog-container {
    box-shadow: -3px 4px 5px 4px  black ;
}
.reorder-widget + .button-container  {
    background: rgba(0, 0, 0, 0.25) ;
}

/* COLOR DIVERS - PROFILE ABOUT - === */
.coverphoto-content.fluid-centered .followers.truncate>a {
    color: peru !important;
}
.coverphoto-content.fluid-centered .followers.truncate>a:visited {
    color: tan !important;
}
.view.gallery-selection-dialog-view.flickr-view-root-view.album-selection-dialog-view .album-selection-list-item.album-selection-create-switch .album-selection-list-item-labels {
    background: #333 !important;
}
.view.album-engagement-view ,
.album-header-view.justified-transitions > .album-header-content > .album-stats-view  {
    background: rgba(34, 34, 34, 0.48) ;
}



/* COLOR DIVERS - POOL MANAGE MEMBERS / ACCOUNT SETTINGS - === */
h3.Tab {
        border-bottom: 4px solid red !important;
}
.TabIn {
        border: 1px solid gold !important;
        border-bottom: 4px solid gold !important;
        background: #111 !important;
}
span.TabOut  {
        background: #333 !important;
}
span.TabOut a  {
        color: gray !important;
}
span.TabOut:hover {
        color: white !important;
        border-bottom: 4px solid gold !important;
        background-color: green !important;
}
span.TabOut a:hover, 
span.TabOut a:visited:hover {
        text-decoration: none;
        color: white !important;
        background-color: transparent !important;
}
table.contact-list-table th, table.contact-list-table td {
        border-bottom: 1px solid #777777 !important;
}

#MemberList tr[id^="member_"] {
        background: #1A1919 !important;
}
#MemberList tr td:nth-child(n+3) a {
        background: black !important;
}

/* COLOR DIVERS - POOL - "YOUR CONTACTS NEW UPLOAD" + FAVs - JUSTIFIED THUMBNAILS - === */
.photo-display-container .row .photo-display-item {
        border-color: #222 !important;
}
.result-card .sizer-cropper ,
.search-photos-unified-page-view .search-subnav.using-slender-advanced-panel ,
.fluid .group-discussion-topic-view .reply, 
.fluid .group-discussion-topic-view .topic {
        border-bottom: 1px solid gray !important;
}
.fluid .group-discussion-topic-view .reply, 
.fluid .group-discussion-topic-view .topic {
        color: gray;
}
.result-card .button-content {
        box-shadow: none !important;
}

/* COLOR DIVERS - COLOR DIVERS - GM - "FLICKR FUNCTIONAL SUITE" - NORMAL POPUP MENU - === */
#CatFlickrSuitePopUp.ToolTip {
        border-color: gray #222 #222 gray !important;
        box-shadow: 10px 10px 3px 1px rgba(0, 0, 0, 0.3) !important;
}
a.simple_butt, 
a.simple_butt:link, 
a.simple_butt:visited {
        background: transparent  !important;
        color: peru !important;
}
/* COLOR DIVERS - GM (choice) - "FLICKR FUNCTIONAL SUITE" - PHOTO PAGE - POPUP - CHOOSE OUR COLOR FLAGS - === */
.SetColor:not(:hover) {
        border-top: 3px solid black !important;
        border-bottom: 3px solid black !important;
}
.Set...