It's all my "Flickr WideScreen" at once:
It's ONLY for a WIDESCREEN(1920x1080)!
Flickr WideScreen - BigONE v.294 (USw) by decembre
Details
Authordecembre
LicenseNo License
Categoryflickr, widescreen, Dark and Gray
Created
Updated
Size1.1 MB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
▶ LAST updates Infos:
[userstyles] "Flickr WideScreen & BigONE" [in Flickr Hacks pool]
Last change:
- (2024.03.30): Restyle Notifications Pages
- (2024.03.29): Adaptation for the NEW Photostream page
- (2024.02.07): Pool Top Nav Description
- (2024.01.25): Galleries rework.
- (2024.01.24): Fine tuning for Archives, Search, Gallery, EXif etc...
- (2023.12.29): Work on Exif Info, 3 dots menu for comments, etc...
- (2023.12.15): Fix for the 2nd aborted New design for Photo Page ! ... pffff.
- (2023.12) THE RETURN of the "New design" for Photo page (2nd round!).
Read:
[Staff Response] Another new Flickr page !
-(2023.11):
Fix for the aborted New design for Photo Page (with many fine tuning).
Read:
New Design Photo page (2023.11) - Aborted ?
Same version in GreasyFork:
Flickr WideScreen - BigONE (USw)
► The Goal: use at its maximum my WideScreen:
- for the shots (Maximize the number of shots visible in the window)
- for the Info (scroll list and hover)
- for an admin happy life (adaptation for selected Greasemonkey scripts)
- Less scrolling with a compact and useful styled interface.
- Less "IN THE FACE" style (Smaller version of the shots in Photo Page and Justified Views).
- Reverse Order for comments in Photo page (last in first):
For Comments and Favorits Users list
▶▶ For a Better result you need to use a Dark and Minimal Scrollbars, because without it, some scrolling list can lost columns:
-
For Firefox Quantum / Chrome (with Stylus):
Overlay Scrollbars - easy customizable -
For Waterfox "Classic" 56:
My Firefox - Slim Dark Scrollbar
▶▶ Support for this very useful Stig's Flickr Fixr - Multifeature browser extensions (or userscript)
▶▶ Fight these New Flickr Adds (2020):
- With Chrome and Firefox Quantum:
Use uBlock Origin by Raymond Hill
- With Waterfox Classic you need too:
Scriptlet Doctor
Read:
uBlockOrigin - Del "Upgrade to Flickr Pro to hide these ads" (with Addon "Scriptlet Doctor")
Notes:
▶▶ Last Changes in v.47…. v.247:
-
Photo Page corrections for Photo Editor and other things.
-
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) -
(2023.11.16) Fix for Photo page New Design.
Read:
[Staff Response] New design for the photo pages? -
(2023.11.08) Fix for Zoom function broken in Photo page.
Read:
[Acknowledged by Flickr Staff] Zoom broken on desktop -
(2023.11.01) Fix for Flickr's code change in Photo page - MAP
-
(2023.10.21) Fix for Flickr's code change in Photo page - Photo Container
-
(2023.09.29) Fight new Pubs in Search:
using only an Adblocker (like UblockOrigin)let a big and waste place.
This userstyle suppress it! -
MANY improvements / corrections in various pages
-
(2023.09) Total rework for "Pool no BETA":
That should fix the problem of thumbnails not displaying. -
(2023.08)Support for the new option "Expandable Textarea" of Flickr Fixr - Multifeature browser extension for Flickr users.
-
(2023.08) Adaptation for the NEW 3 dots menu for comments, read:
[Staff Response] 3 dots in the Comment Box -
Adaptation for:
[Acknowledged by Flickr Staff] NEW feature? Both date taken and uploaded now showing on photo page -
SUPP NEW PUBs in Photo pages and Search
-
Fix for Modal "User Info Card" in photo pages
-
Fix for modal / popups (less sensitive to the viewport)
-
Gallery Pagination
-
Search: Show "Print Shop" on Hover.
read:
Can you disable "from the print shop" in searches? -
Adaptation for the new "Version History" introduce by Flickr
-(Oct 2022) Adaptation to the NEW Search Sidebar :
Visible on arrow on Top/Right.
and fine tuning the Search pages
► (08.09.2021) Add support to the New Notification System:
Ramping New Flickr Notifications Center and Settings to all members.
-(2022.05.10) Adaptation for code change for top nav
-(2020.06.11) Adaptation for new Code Change in Photo Page :
“.photo-notes-scrappy-view-OLD” revert to “.photo-notes-scrappy-view”
”.photo-well-scrappy-view-OLD” revert to “.photo-well-scrappy-view”
► Rework of the Photo page (Right side reorganized and aligned)
► Galleries - OLD View before 2018:
https://www.flickr.com/help/forum/en-us/72157720068442958/#reply72157720081770587
▶▶ You can test too my other Userstyles.
Only on Userstyles.org... for now.
(2023.08) But because Usersytles.org is broken for me (their new design don't permit "Login" with any browsers), now i can't update them:
Many are better for A WIDE SCREEN (1920x1080)!:
-
For Pool BETA (2023.09):
► Flickr WideScreen - Pool No Beta - Small 223 (USw) [Userstyles.World - (USw)] -
For Favorites pages (2020):
► Flickr WideScreen - Favorite (Small) [Userstyles.World - (USw)] -
For Flickr Viewers :
► Flickr WideScreen (Viewer) - DACKR [Userstyles.World - (USw)]
► Flickr WideScreen (Viewer) - FlickRiver [Userstyles.World - (USw)]
► For a Better result you need to use a dark and minimal scrollbars:
-
For Firefox Quantum / Chrome (with Stylus):
Overlay Scrollbars - easy customizable -
For Waterfox "Classic" or Firefox > 56 ( If userstyles.org work for you...) :
My Firefox - Slim Dark Scrollbar
▶▶ Better too, for less clicks, with these Greasemonkey companions (by me):
► [Updated for the "3 dots" menu] Flickr - AUTO More Comments:
In Photo page, Auto load all comments (not need to click on the "More comments button).
► Flickr - AUTO ShowAllGroups (Photo Page):
Auto Expand/loads all groups on photo page.
Screenshot gif:
https://i.imgur.com/abALlgz.gif
► Flickr - AUTO Video Play
As the Name said, this script AUTO Play the video.
Test link:
New Set " Vice-City "
► Flickr - AUTO More Mini Thumbnail>:</b
Auto load all the Mini Thumbnails.
Screenshot:
Mikym
https://i.imgur.com/vgyk8x2.gif
► Addon for images preview:
- Thumbnail Zoom Plus, Firefox Addon par David Adler (support discontinued) :
Shows full image when you hover over a thumbnail.
But you can use too (same usage):
- Imagus
- Image Max URL
Or an userscript:
- Picviewer CE+
"Powerful picture viewing tool online, which can popup/scale/rotate/batch save pictures automatically"
▶▶ 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 - 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...