Skip to content

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

Imported from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/49241.user.css

Screenshot of Flickr WideScreen - Dark & Grey v.291 (USw)

Details

Authordecembre

LicenseNo License

Categoryflickr, widescreen, Dark and Gray

Created

Updated

Size149 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

It's the ideal companion of some others of my Flickr Userstyles.
Add a Dark Gray Flavour for my Flickr Userstyles.

Notes

▶ Add a quick fix for the New Photo page ...

NOTES (2023.08):

  • Update ONLY on Userstyles.world (USw) and GreasyFork:
    Usersytles.org is broken for me (their new design don't permit Login! - request done 2023.08)

▶ LAST updates Infos:
[userstyles] "Flickr WideScreen & BigONE" [in Flickr Hacks pool]

Find my other Userstyles:
UserStyles.world [USw] (the best alternative to Userstyles.org)
decembre [USw]

▶ All My "Flickr WideSreen" userstyles at once :
You have 2 alternatives.
UserStyles World (USw):
Flickr WideScreen - BigONE [UserStyles World (USw)]

GreasyFork:
Flickr WideScreen - BigONE [GreasyFork]
About this new function in GreasyFork, read:
[Beta] User CSS support

Initially, due an Userstyles.org size limit, it was need to split it in 3 parts:
- Flickr Widescreen (Part 1):
The first and principal to install.

- Flickr Widescreen (Part 2):
Adaptation for GM (Adaptation for some great Userscripts i use a lot , since a long time...),
and Additional styles for some some unused pages.

- Flickr WideScreen - Dark and Grey:
Dark and Gray flavor

But,for a better results, it's recommended to install these 3 userstyles together in one shot).

Notes:
► Fight these New Flickr Adds (2020):
- With Chrome and Firefox Quantum:
Use uBlock Origin by Raymond Hill

- Waterfox Classic you need too:
Scriptlet Doctor
Read:
uBlockOrigin - Del "Upgrade to Flickr Pro to hide these ads" (with Addon "Scriptlet Doctor")

► Add support for Stig's Flickr Fixr - Multifeature browser extensions (or userscript)

►► You Can Find Many Other Updated Infos About Flickr Extensions / Userscripts / Userstyles / Applications..
In :
► My BIG List (After New Photo Page Design (avr 2015)) - Updated 2020

►► More infos and screenshots:
All my Userstyles for Flickr: Photo Page with all my Tweaks [Flickr]
And :
[userstyles] "Flickr WideScreen & BigONE" [in Flickr Hacks

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name        Flickr WideScreen - Dark & Grey v.291 (USw)
@namespace   flickr.com
@version     291.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") {


/* FLICKR - 0 - Flickr WideScreen - Dark & Grey v.291 (new291)  - (STANDALONE) === */
/* =================================================================================================== */
/* =================================================================================================== */

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

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

/* 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; 
}


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

/* (new285) 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;
}
/* PHOTO - TOP INFO RIGHT */
.sub-photo-right-view .sub-photo-right-row1 {
    border-bottom: 1px solid #303030 !important;
}

/*  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;
}

/* 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;
}

/* TOOLTIPS - ALL */
#global-dialog-container {
    background-color: transparent !important;
}
/* 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;
}


/* 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;
}

/* 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;
}

/* 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;    
}
/* (new159) 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;
}

/* 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) ;
}

/* 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) ;
}



/* (new162) 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;
}

/* 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;
}

/* 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;
}
/* 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;
}
.SetColor:hover {
        co...

Reviews

No reviews yet.