Flickr Widescreen - ALLinONE (Part 2) v.184 by decembre

Imported from https://cdn.jsdelivr.net/gh/33kk/uso-archive@flomaster/data/usercss/131452.user.css

Flickr Widescreen - ALLinONE (Part 2) v.184 screenshot
Install Get Stylus Write a review

Details

Authordecembre

LicenseNo License

Created atApril 09, 2021 20:18

Updated atNovember 13, 2021 13:12

Applies toflickr

Statistics

Learn how we calculate statistics in the FAQ.

Total views145

Total installs17

Weekly installs1

Weekly updates1

Description

It’s ONLY for a WIDESCREEN(1920x1080)!
► Additional Userstyles to my “Flickr Widescreen - ALLinONE (Part 1):
for some userscripts (GM : Greasemonkey) i use since a long time and additional styles for some not often used Flickr’s pages

To install all parts of “Flickr Widescreen - ALLinONE” together in one shot:
On USw NEW 2021.07:
Flickr WideScreen - BigONE
OR
you can use my userscript [Greasyfork]:
Flickr WideScreen - BigONE - UserCSS (userstyle)

Greasy Fork now supports User CSS as defined here for use with Stylus or as UserScript, read:
[Beta] User CSS support

Note since v.173:
- Add Support for “The New Notification System” introduced in 2021.09 (work in progress…):
Ramping New Flickr Notifications Center and Settings to all members.Find my other Userstyles:

Notes

========================================
►► What This Userstyle Change ? :
========================================
Some special advantages are offer by this Userstyle:

► Hidden Flickr Nav bar:
Hide the Top Nav Bar until you hover the Litlle Red Arrow ( at the middle/ top).
or the MAIL Alert Envelope Icon with the number of Mails Waiting (Appear only if you receive a mail…)

►► PHOTO Page Very Clear:
The Place for the photo is big (Heavy Use of Hover…).
All is visible in the windows without scrolling.
Infos / Actions are moved on Right Side of the Photo:
- Left Side: 23 space for the Photo or Video
- Right Side: 13 space for Infos and Actions.

- PHOTO Title on Top, Description stay at the bottom (hidden until you hover an arrow)
- Comment Form moved Right Side, Near User Avatar.
- Comments are hidden and visible until you hover the “Comment Icon” near the Comment Form.
They are shown by an overlay on the picture. A Comment counter is added to know where you are… .
- Reverse order in Photo page for:
Comments and Favorits user list
- Polls / Sets / Favs List: Counter, Scrollable , and compacted (Use Hover if too long).
- Panels “People in this Photo”, “Tags” and “About Flickr”: Moved at the bottom of the page (visible on hover too).
- Polls / Sets / Favs List: Counter, Scrollable , and compacted (Use Hover if too long).
- Panels “People in this Photo”, “Tags” and “About Flickr”: Moved at the bottom of the page (visible on hover too).

Alternative to the Justified in the ARCHIVES pages:
Show the Hidden Options Bar.
So, Now you can chose the ARCHIVES Thumbnail size (Square - Small - Madium - Large)

Thumbnail Zoom Plus facility:
Always maintain the capacity to use Thumbnail Zoom Plus, Firefox Addon and see the larger Photo.

All “too flashy” Generics Buddy User Icons are muted :
Styled to be gray by a grayscale filter

►► Others Pages:
- All Thumbnails (Small and Justified): Total restyle
- Justified View :
. Row counter.
. Pagination Vertical on the left side.

Many small adaptations are done in many part of Flickr Pages….
You need to test it !

UserStyles.world [USw] (the best alternative to Userstyles.org)
decembre [USw]
USO Archives (Faster and more usable than Userstyles.org):
Decembre [UserStyles.org Archive]

▶ All My “Flickr ALLinONE” styles:

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

- Flickr Widescreen - ALLinONE (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).

You have 2 alternatives.

UserStyles World (USw):
Flickr WideScreen - BigONE

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


Some Recommendations:

► For Better result you need to use a dark and minimal scrollbars with it (“minimal” 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

► Better with 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

Notes:
► v.174 (08.09.2021) - Add support to the New Notification System (work in progress…):
Ramping New Flickr Notifications Center and Settings to all members.

► 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”)


► You can test my other Usertyles (For now, always on usertyles.org).
Many are better for A WIDE SCREEN (1920x1080)!.
- For Pool BETA (2020):
Flickr WideScreen - Pool No Beta - Small
- For Favorites (2020):
Flickr WideScreen - ALLinONE - Favorites Small
- For Flickr Viewers :
Flickr WideScreen (Viewers) - DACKR Viewer
Flickr WideScreen (Viewer) - FlickRiver
Flickr WideScreen (Viewers) - FlickrHiveMind

► Use with them: Useful greasemonkey companions (write by me).
- Flickr - AUTO ShowAllGroups (Photo Page)
Flickr - AUTO More Comments:
- More Comments: Load all the comments without need to click on the “Load more comments”

- Flickr - AUTO Video Play
- Flickr - AUTO Video Replay
- Flickr - AUTO More Mini Thumbnail:
This script move the Mini-thumbnail under the user buddy icon and expand it on hover while it auto load more thumbnail in it.
An indicator show the origin of the mini-thumbnail:
- Stream
- Favs
etc…

I use it always to navigate in stream, favs etc…. from Photo page.

► Greasemonkey’s Scripts that i use a lot too:
- Flickr ★ Surf (USO Mirror)
► Scripts Broken? read :
Photopage scripts broken (HTTPS?)

▶ You Can Find Many Other Updated Infos About Flickr Extensions / Userscripts / Userstyles / Applications..
In :

► My BIG List (After New Photo Page Design (2014)) - Updated 2020.

▶Last Changes in v.47….183:
► Adaptation for Flickr change (11.2021) :
New function? - User info Modal on hover the user buddy icon (On photo page )
► v.177: Rework of the Photo page (Right side reorganized and aligned)
Photo / Buddy Icon Editor, All Modal popups, Title/Description Editor, “Add to Pool/ Gallery” (with click on “+” icon), Fav Star, Top header improve, Pool Discussion / Help Forum, no ADS in Photo page …… etc ..

►► Additional Userstyle for some userscripts (GM : Greasemonkey) i use since a long time:
Flickr Functional Suite By Charles Tilford (USO Mirror)
I Use it a lot and GOOD news, the author , Charles Tilford, sent to me an Update which work with the last Firefox.
Thanks to him!.
My Working Backup:(removed if the author update it):
Flickr Functional Suite - NEW 2014

Flickr PM , with my TWEAK Script : Icons/new links for “flickr PM”
My Working Backup:
GM - Flickr PM TWEAKED - 2016

Number of Favs on Photostream Photos, and Pool pages (USO Mirror)
My Working Backup:
GM - Number of Favs on Photostream (Alesadam) Tweak Https+Require

Stig’s Flickr Fixr - Multifeature browser extensions (or userscript)

Flickr Cross-Recommendations - LAST Patch (USO Mirror)” Thumbnail :
ADD a Reserved Space (at the Bottom of the SideBar)for its thumbnail, tweaked by me to have 3 rows of thumbs (27thumbs).
My Working Backup:
GM - Flickr Cross-Recommendations - NEW Flickr (avr 2015)

Flickr Commented On (USO MIRROR) was broken… But can be fixed :
The following change to the script fixed this problem for me…. :
My Working Backup:
GM - Flickr Commented On (HTTPS) - TWEAK

Flickr Quick Links, By steeev (USO Mirror)
(showing them in the Flickr Nav Bar (after Hover)

Flickr Buddy Interesting (USO Mirror) :
Quick access to user’s interesting photos from the Buddy Icon Menu.
I tweak it to show quickly 250 thumbs at once(Fill all the windows) !!!
My Working Backup:
GM - Flickr Buddy Interesting by Pierre Andrews - TWEAK

►► My Others Flickr AUTO scripts:
- Flickr - AUTO View User Infos and More Comments
It’s a way to have the old User Buddy Dropdown menu we had before.
When it’s enable, a yellow border and the text “INFOS…” appear on the User’s Buddy Icon (Top /Right Side)in Photo pages and on album Set pages(Top Header )
It Show the User’s Infos when you hover it.
Bonus : it auto load all the comments.

- Flickr - AUTO More Mini Thumbnail:
This script AUTO Load More Preview on HOVER of the mini Thumbnail on Photo Page.
- Flickr - AUTO View ADULT Content
- Flickr - AUTO Video Play
- Flickr - AUTO Video Replay

► 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 ALLinONE & BigONE” [in Flickr Hacks

▶▶ Last Changes in v.47….184:
- Add Support The New Notification System (work in progress…):
Ramping New Flickr Notifications Center and Settings to all members.
- Safety Level indicator (on top near buddy icon)
- Fav Star - rework (Flat style: Not the NEW ugly animation)
- Improve the Pool Beta and No Beta pages
- Mini Thumbnail in photo page
- Photo page: Comment Form Enlarge (height on hover) + Emoji Comments
- Map indicator in Photo Page.
- Add a Dark Minimal style for readability (but it’s better to use my :
Flickr WideScreen - Dark & Grey
(you can remove it - Top of my CSS - if you don’t like)
- General Corrections (last one in first):
Many in v.176:
Photo / Buddy Icon Editor, All Modal popups, Title/Decsription Editor, “Add to Pool/ Gallery” (with click on “+” icon), Fav Star, Top header improve, Pool Discussion / Help Forum, no ADS in Photo page …… etc .

History

Daily snapshots of style statistics.

2021-07-072021-07-212021-08-032021-08-172021-08-302021-09-122021-09-262021-10-092021-10-222021-11-052021-11-182021-12-01Date0.000.501.001.502.002.503.003.504.00Daily countDaily installsDaily updatesDaily views
2021-07-072021-07-212021-08-032021-08-172021-08-302021-09-122021-09-262021-10-092021-10-222021-11-052021-11-182021-12-01Date0.0019.0038.0057.0075.0094.00113.00132.00150.00Total countTotal installsTotal views

Source code

Source code has over 100k characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name        Flickr WideScreen - ALLinONE (Part 2) v.184
@namespace   flickr.com
@version     1.84.0
@author      decembre
@description Flickr using at its maximum a WideScreen
@license     unlicense
@preprocessor   uso
==/UserStyle== */


@-moz-document domain("flickr.com") {

/* ==== FLICKR - 0 - Flickr WideScreen - ALLinONE (Part 2) v.184 (new184) MINIFIED  ==== */

/* START == ADDITIONALS STYLE ==== */



/* EXPLO - MORE + MODAL */
.fluid.html-explore-page-view .fluid-subnav .subnav-content .subnav-items-container .more-link {
    position: absolute ;
    left: 400px ;
    top: 0 ;
}
.fluid.html-explore-page-view .droparound.menu {
    position: fixed;
    width: 322px !important;
    right: 0px;
    left: 1936px !important;
    top: 20.5px !important;
}

/* START == FEEDS */

/* FEEDS - COMPACT - DUMMY */
.dummy-loader-container ,
.dummy-loader-container.fading {
    display: inline-block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
/* (new177) */
.dummy-loader-container .layout-container.compact .item {
    float: left !important;
    width: 49% ;
    height: 100% !important;
    min-height: 350px ;
    max-height: 350px ;
    margin: 5px 3px 0 0 !important;
    padding: 5px ;
border: 1px solid #333 !important;
} 
/* FEEDS - WIDE */
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container ,
.html-feed-new-page-view  .fluid-centered {
display: inline-block !important;
    margin-right: auto ;
    min-width: 100% ;
    max-width: 100% ;
    padding: 0 10px ;
}
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column {
display: inline-block !important;
    width: 99.9% !important;
}
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container {
    position: fixed ;
    width: 1748px ;
    left: 0 ;
    top: -20px ;
    margin-top: 20px ;
    padding: 16px 80px;
    z-index: 5000 ;
}

/*  EXPLO - CALEND */
.Day {
    display: inline-block !important;
    width: 73px !important;
    vertical-align: bottom;
    margin: 0;
    padding: 5px;
    text-align: center;
}
.AllMonths>tbody>tr + tr> td {
    display: inline-block !important;
    height: 75px !important;
    width: 75px !important;
}
.CalendarBlank {
    position: relative !important;
    display: inline-block !important;
    height: 75px !important;
    width: 75px !important;
    padding: 4px !important;
}

/* FEEDS - RIGHT INF */
.html-feed-new-page-view .feed-new-page-content-container .info-column {
    position: fixed !important;
    float: right ;
    width: 300px ;
    height: 800px ;
    left: 1868px !important;
    top: 70px ;
    padding: 5px ;
    border-radius: 5px 0 0 5px ;
    z-index: 500 ;
    transition: all ease 1s ;
}
.html-feed-new-page-view .feed-new-page-content-container .info-column:hover {
    left: 1550px !important;
    transition: all ease 2s !important;
}
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .info-column .info-content-container {
    height: 800px ;
    overflow: hidden ;
    overflow-y: auto ;
}
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .info-column .info-content-container[style="top: -480px; bottom: initial;"] ,
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .info-column .info-content-container[style="bottom: -549px; top: initial;"] {
    height: 800px ;
    bottom: 0 !important;
    top: -10px !important;
}
.html-feed-new-page-view  .feed-new-page-content-container .info-column:before {
    content: "🔺" ;
    position: absolute ;
    right: 310px ;
    top: 0 ;
    transform: rotate(-90deg) ;
    z-index: 600 ;
    transition: right ease 1s ;
}
.html-feed-new-page-view .feed-new-page-content-container .info-column:hover:before {
    right: 0px ;
    transform: rotate(90deg) ;
    transition: right ease 1s ;
}

/* FEEDS - CONT - ITEMS */

/* FEEDS - ERROR MESSS (PB Friends / Familly ?) */
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-column-content .feed-load-error-container {
    width: 97% !important;
border: 1px solid red !important;
}
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-column-content .feed-load-error-container  .error-message {
    color: red ;
}
/* FEEDS - DEFERED */
.html-feed-new-page-view .feed-new-page-content-container .photo-card-view .photo-card .photo-card-content .photo-card-photo .photo.contain[data-defer-src*="staticflickr.com"] {
    opacity: 1 !important;
}
/* FEEDS - CONT */
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-column-content {
    top: 57px ;
}
/* FEEDS ALL */
.feed-layout{
display: inline-block !important;
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 40px;
    padding: 5px !important;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view ,
.html-feed-new-page-view .photo-card-view .photo-card ,
.html-feed-new-page-view .photo-card-view .photo-card .photo-card-content ,
.html-feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-layout .feed-item  {
    border-radius: 5px !important;
}
.html-feed-new-page-view .photo-card-view .photo-card .link-footer {
    border-radius: 0 0 5px 5px !important;
}
.feed-new-page-view .batch-overlay {
    top: 53px ;
}
/* (new178) FEEDS - SM */
.html-feed-new-page-view .feed-new-page-content-container .feed-column-content .feed-layout .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) {
    display: inline-block ;
    width: 48.9% ;
    min-height: 350px ;
    margin: 0 3px 10px 0 !important;
    padding: 5px ;
border: 1px solid red !important;
} 
.html-feed-new-page-view .feed-new-page-content-container .feed-column-content .feed-layout .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view  {
    display: inline-block ;
    height: auto ;
    width: 100% !important;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-column-content .feed-layout .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card {
    display: flex;
    justify-content: center ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-column-content .feed-layout .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact {
    text-align: center ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-column-content .feed-layout .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .header {
    position: relative ;
    height: 30px ;
    line-height: 30px ;
    margin-bottom: 0px ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view .photo-card .photo-card-content {
    flex: 1 1 auto ;
    flex-direction: row ;
    width: 100% ;
    height: 100%;
    min-height: 0;
    align-items: center ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view .photo-card .photo-card-content .card-batch-layout {
    flex-direction:  row !important;
    min-height: 400px ;
    width: 100% !important;
}
 
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .photo-card-photo {
    flex: 1 1 300px ;
    height: 100% ;
    width: 100% ;
}

/* (new178) ONLY ONE */
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view > .photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view .photo-card.theme-card .photo {
    height: 395px !important;
    width: auto !important;
    background-size: contain !important;
/* border: 1px solid aqua !important; */
}



/* (new181) VISITED - ALL */
.html-feed-new-page-view .feed-new-page-content-container .photo-card-view .photo-card .photo-card-content .photo-card-photo .photo {
    background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain !important;
    height: 100%;
    position: relative;
    width: 100%;
    max-width: 99.5% !important;
    max-height: 99.5% !important;
    border-radius: 5px !important;
/* border: 1px solid gray !important; */
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-view .photo-card-content a.photo-link {

    border-radius: 5px !important;
    opacity: 1 !important;
border: 1px solid gray !important;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-view .photo-card-content a.photo-link:visited {
border: 1px solid red !important;
}



/* FEEDS - ONLY ONE PHOTO ITEM */
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type {
    position: absolute ;
    display: flex ;
    flex-direction: row ;
    min-width: 100% ;
    height: 400px ;
    left: 0 ;
    top: 0 ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view  {
    height: 400px ;
    min-width: 100% ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view  .photo-card.theme-card {
    height: 400px ;
    min-width: 100% ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view  .photo-card.theme-card .photo-card-content {
    height: auto ;
    min-width: 100% ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type photo-card-view  .photo-card.theme-card .photo-card-content .photo-card-photo .photo {
    height: 100% ;
    max-height: 400px ;
    width: auto ;
    background-size: contain ;
}
/* ONLY ONE HOVER HEADER USER*/
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view  .photo-card.theme-card .photo-card-content  .photo-card-photo .head-overlay .header-container {
    display: inline-block ;
    min-width: 40% ;
    padding: 0 ;
    text-align: center ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view  .photo-card.theme-card .photo-card-content  .photo-card-photo .head-overlay .header-container .photo-card-header.compact.theme-overlay {
    display: inline-block ;
    width: 100% ;
    text-align: center ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view  .photo-card.theme-card .photo-card-content  .photo-card-photo .head-overlay .header-container .photo-card-header.compact.theme-overlay .left-container {
    display: inline-block ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view  .photo-card.theme-card .photo-card-content  .photo-card-photo .head-overlay .header-container .photo-card-header.compact.theme-overlay .left-container  .avatar {
    display: inline-block ;
    float: left ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view  .photo-card.theme-card .photo-card-content  .photo-card-photo .head-overlay .header-container .photo-card-header.compact.theme-overlay .left-container  .attribution {
    display: inline-block ;
    height: 24px;
    line-height: 24px;
}
/* FEEDS - OPTIONS */
.fluid.html-feed-new-page-view .fluid-droparound-view {
    position: absolute ;
    top: 0px ;
}
/* (new181) FEEDS - MENU */
.html-feed-new-page-view .droparound.menu.photo-card-header-context-menu {
    margin-top: -10px ;
    z-index: 500000 !important;
}
.html-feed-new-page-view .droparound.menu.photo-card-header-context-menu .droparrow.down {
    left: 170px !important;
}


/* (new178) FEEDS - DATE */
/* .photo-card-header-view .photo-card-header .left-container .attribution .card-details .activity-type,  */
.html-feed-new-page-view  .photo-card-header-view .photo-card-header .left-container .attribution .card-details .time {
    margin-left: 20px !important;;
color: gold !important;
}

/* (new178) FEEDS - PHO COUNT */
.html-feed-new-page-view  .count-overlay-button {
    position: absolute;
    width: 60px !important;
    height: 60px !important;
margin-left: 10px !important;
top: 10px !important;
    border-radius: 50% !important;
    font-size: 1.5em !important;
border: 1px solid gray !important;
background-color: rgba(0, 0, 0, 0.6) !important;
}

/* (new181) FEEDS - BATCH MODAL */
.feed-batch-view {
    z-index: 500000 !important;
background-color: #111 !important;
border:1px solid red !important;
}
.feed-batch-view .batch-list >.feed-layout:first-of-type {
display: inline-block !important;
/* display: flex !important; */
/* flex-direction: row !important; */
/* flex-flow: row wrap !important; */
/* justify-content: space-around !important; */
/* justify-content: flex-start !important; */
/*     align-items: center !important; */
    flex: 1 1 auto !important;
    flex-direction: row !important;
    clear: none !important;
    float: none !important;
    width: 100% !important;
/* height:500px !important; */
    margin-bottom: 0px !important;
    padding: 5px !important;
/* overflow:hidden !important; */
/* background: red !important; */
}



/* ==== END - FEEDS COMPACT ==== */

/* == START == SETS / COLL == */

/* SET Thumbnail*/
/* COLL /SET */
.Coll-l {
    float: left;
    height: 220px;
    margin: 92px -50px -83px 16px !important;
    padding-right: 65px;
    text-align: left;
}
.Coll-l.c4 {
    padding-right: 109px;
}
/* SETS / COLL - CLASSEUR / SETS */
#ViewCollection.vcLongDesc {
    width: 1905px !important;
}
.vcLongDesc .vcDescription {
    float: left;
    margin-bottom: 40px;
    margin-right: 42px;
    margin-top: -30px;
    overflow: hidden;
    padding: 20px;
    width: 629px !important;
}
/* SET SHORT DESC */
#ViewCollection.vcShortDesc {
    width: 1905px !important;
    margin-left: 10px !important;
}
#ViewCollection .Sets {
    height: 150px !important;
    width: 150px !important;
    padding: 0 !important;
    margin-left: 10px !important;
border: 1px solid red ;
}
/* SETS - BIG THUMB */
.SetCase {
    width: 141px !important;
    height: 130px !important;
    margin-bottom: -48px!important;
    margin-top: 0px ! important;
    text-align: center !important;
background-image: none ! important;
}
.Sets h4 {
    display: inline-block;
    min-height: 50px;
    max-height: 50px;
    width: 140px !important;
    line-height: 12px !important;
    margin-left: 2px ! important;
    margin-top: -5px;
    margin-bottom: -7px;
    padding: 0 3px !important;
    font-size: 12px;
    overflow: hidden;
    overflow-y: auto;
}
.Sets p {
    color: #777;
    font-size: 11px;
    margin-top: 2px;
    padding: 0 4px !important;
}
.SetCase .setThumb {
    border: none !important;
    image-rendering: optimizespeed !important;
    transform: scale(1) !important;
}
#SetsCenterContainer {
    margin-top: 103px !important;
}

/* SET - COM CONT - REV ORDER */
#ViewSet .vsComments {
    float: right !important;
    margin: 0 5px 0 0 !important;
    width: 1120px !important;
    padding: 5px 5px 5px 10px !important;
border: 1px solid gray !important;
}
#ViewSet .vsComments table.SetComments {
    display: inline-block !important;
    width: 1120px !important;
    height: 450px !important;
    margin-top: -5px !important;
    padding: 5px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
border: 1px solid gray !important;
}
#ViewSet .vsComments table.SetComments > tbody {
    display: flex !important;
    flex-flow: row-reverse wrap-reverse;
    justify-content: space-around;
    width: 1095px !important;
    margin-top: -5px !important;
    padding: 5px 0 !important;
}
#ViewSet .vsComments table.SetComments > tbody tr {
    flex-basis: 400px !important;
    flex-grow: 2 ! important;
    height: 125px !important;
    margin: 5px !important;
    border-radius: 3px !important;  
    overflow: hidden !important;
border: 1px solid gray !important;
}
#ViewSet .vsComments table.SetComments > tbody tr .Comment {
    width: 100% !important;
    padding: 2px 5px !important;
}
#ViewSet .vsComments table.SetComments .Comment h4 {
    margin: 0 0 -10px !important;
}
#ViewSet .vsComments table.SetComments > tbody tr .Comment > p {
    min-height: 97px !important;
    max-height: 97px !important;
    padding: 2px 3px !important;    
    overflow: hidden !important;
    overflow-y: auto !important;
border-top: 1px dotted gray !important;
}
#ViewSet .vsComments table.SetComments > tbody tr .Comment > p small {
    float: right !important;
    width: 100% !important;
    bottom: 0 !important;
border-top: 1px dotted red !important;
}
#ViewSet .vsComments > form input + p {
    text-align: center !important;
}
/* SET - MINI THUMB */
#ViewSet {
    width: 100% !important;
}
#ViewSet .vsDetails {
    margin-right: -59px !important;
    width: 750px !important;
border: 1px solid gray !important;
}
.Separated {
    background-image: url("https://combo.staticflickr.com/pw/images/dotted.gif");
    background-position: left top;
    background-repeat: repeat-x;
    margin: 0!important;
    padding: 0 !important;
}
#setThumbs +p {
    margin: 0 ;
}
#ViewSet .vsDetails #setThumbs  {
    position: relative !important;
    display: inline-block;
    height: 445px !important;
    width: 745px !important;
    padding: 3px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    z-index: 500000 !important;
border: 1px solid gray !important;
}
#ViewSet .vsDetails #setThumbs:hover  {
border: 1px solid gray !important;
}
#ViewSet .vsDetails #setThumbs .thumb_link {
    display: inline-block !important;
    min-height: 100px !important;
    width: 134px !important;
    margin: 2px !important;
    padding: 2px !important;
    text-align: center !important;
border: 1px solid red !important;
}
#ViewSet .vsDetails #setThumbs .thumb_link >img {
    height: 96px !important;
    width: 92px !important;
}
#ViewSet .vsThumbnail {
    display: inline-block !important;
    width: 375px !important;
    height: 274px;
    margin: auto;
    padding: 20px 10px;
    text-align: center;
}
#ViewSet p.vsDescription:not(:empty) {
    position: absolute !important;
    display: inline-block !important;
    width: 324px !important;
    height: 280px;
    left: 403px;
    margin: auto ;
    top: 128px !important;
    padding: 10px ;
    overflow: hidden;
}
#ViewSet .vsNumbers {
    position: absolute !important;
    display: inline-block !important;
    height: 15px;
    line-height: 15px;
    width: 385px ;
    left: 5px !important;
    margin: 0 ;
    top: 410px !important;
    padding: 2px  0 ;
    font-size: 15px;
    text-align: center !important;
}
#ViewSet .vsThumbnail img {
    height: 215px ;
}

/* === END == SETS/COL ==== */

/* ALB - EDIT */
#gray_set_button_bar {
    position: absolute ;
}
#gray_set_button_bar ~ #SubNav form >input[name="content"] {
    float: left !important;
    width: 86% !important;
    font-size: 15px !important;
}
#gray_set_button_bar ~ #SubNav form >span ,
#gray_set_button_bar ~ #SubNav form >input {
    float: right;
    margin-bottom: 0px;
    margin-top: 6px !important;
}
#gray_set_button_bar ~ #SubNav form >input.CancelButt {
    margin-right: -130px !important;
}
#gray_set_button_bar ~ #SubNav form >span {
    margin-right: -70px !important;
    margin-top: 10px !important;
}
#gray_set_button_bar ~ #SubNav form >input.Butt {
    margin-right: 90px !important;
}
#gray_set_button_bar ~  #ViewSet #setThumbs + p + div {
    position: absolute ;
    width: 344px;
    height: 295px;
    left: 403px;
    right: 1300px;
    top: 127px;
    z-index: 50000 !important;
}
#gray_set_button_bar ~  #ViewSet #setThumbs + p + div textarea {
    width: 97% !important;
    max-height: 235px;
}
#gray_set_button_bar ~  #ViewSet #setThumbs + p + div + .vsDescription:hover {
    cursor: pointer !important;
}
#gray_set_button_bar ~  #ViewSet #setThumbs + p + div + .vsDescription:hover:after {
    content: "🖋" ;
    position: absolute ;
    top:  0 ;
    right: 0 ;
    border-radius: 5px ;
    font-size: 20px ;
    cursor: pointer !important;
}

/* TEST Multi-click zoom support - CURSOR CUSTOM  */
/* CURSOR PLANET */
.zoom-modal.max-zoom-level {
cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAMAAAAxmgQeAAAACVBMVEX///8AAAD///9+749PAAAAAXRSTlMAQObYZgAAAD5JREFUGNN1j9EKADAIAnP//9GjFq6w7iU4DNRsB06cb44TJ+UzYUcniqnqoA6ag/62JhjKIU0rxx1lKveuXJ5UAQs/G/2vAAAAAElFTkSuQmCC),auto;
}

/* GM "Video Speed Button" */
.fluid.html-photo-page-scrappy-view div[style^="position: fixed; top: 0px; right: 0px; z-index: 100;"] ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view + div[style^="position: fixed; top: 0px; right: 0px; z-index: 100;"] {
    position: fixed !important;
    top: 816px !important;
    right: 1052px !important;
    left: 445px !important;
    padding: 0px !important;
    z-index: 50000 !important;
    transform: scale(0.6) !important;
}
.vsb-container span[style*="color: black;"]{
    color: gold !important;
    cursor: pointer;
    font-size: 100%;
    font-weight: bold;
    margin-right: 10px;
}

/*  API PAGE - SERVCE TEST */
#Main>iframe[src^="/services/api/"] {
    color: gray !important;
    height: 400px;
    width: 100%;
}
html>body>pre {
    color: gray !important;
}
/* (ALL??) - ARCH ONLY WORK ??? - OPTIONS BAR (chose view: WORKING) */
.new-header:not(.breakout-justified).header-underlap.js .searchified-options {
    position: relative !important;
    display: inline-block !important;
    top: 10px !important;
    margin-top: 80px !important;
}
/* A SUPP?? - ADD COM BOX - SUPP TXT "Want format reply?" */ 
.html-info-trigger {
    margin: 5px 0 15px;
}
/* GAL ?? - POOL - ADMIN - POPOVER COM */
.pool-photo.photo-display-item.inline-commenting #comments.comments-popover {
    position: fixed !important;
    display: inline-block !important;
    float: none !important;
    width: 622px;
    font-size: 120% !important;
    text-align: left;
    z-index: 500000 !important;
    transform: scale(1) !important;
}
.pool-photo.photo-display-item.inline-commenting #comments.comments-popover  + .popover-shim {
    display: inline-block !important;
    position: fixed !important;
    float: none !important;
    min-width: 100% !important;
    top: 0 !important;
    left: 0 !important;
}
/* ANTI JUMP TOP - ALL */
html.styleguide body {
    box-sizing: border-box;
    position: relative;
    display: inline-block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    padding-bottom: 0px !important;
    padding-top: 0 !important;
}
/* ANTI JUMP - JU - POOL no BETA */
#pool-photos.ju.photo-display-container::before {
    content: "";
    float: left;
    padding-bottom: 25%;
}
#pool-photos.ju.photo-display-container::after {
    clear: left;
    content: " ";
    display: table;
}


/* END == ++ STYLES == */


/* START == YOUR POOL LIST == */

/* YOUR POOL - THUMB CONT - ALL */
#groups-list .groups-maincol.list-view {
    max-width: 1870px ;
    margin-top: 0px ;
}
.group-h3 {
    position: relative;
    margin-top: 40px;
}
/* YOUR POOL - LIST/THUMB POOL */
#groups-list.groups-thumbs {
    margin-right: 0;
    top: -40px ;
}
/* YOUR POOL LIST - THUMB POOL */
#groups-opt.opt-out-bug.enable_rebootify_groups_members_page +  #subnav-refresh.subnav-refresh.subnav-view.subnav-state-ready {
display: inline-block ;
    width: 100% ;
    height: 70px ;
    margin: 10px 0 30px 0 ;
    top: 0px  ;
}
#groups-list.groups-thumbs .SetsContainer.GroupsCenterContainer {
    margin: 5px -40px -35px -11px ;
}
/* YOUR POOL - RIGHT SIDE - BETA/NO BETA= */
#groups-list .groups-sidebar {
    position: absolute ;
    width: 510px ;
    height: 890px ;
    margin-top: 15px ;
    right: -504px ;
    z-index: 5000 ;
}
#groups-list .groups-sidebar:hover {
    width: 310px;
    right: 0px ;
    padding-left: 20px ;
    z-index: 5000 ;
    transition: all ease 0.7s ;
}
#groups-list .groups-sidebar .bd {
    top: 18px;
}
#groups-list .groups-sidebar:before {
    content: "+ More...." ;
    position: absolute ;
    width: 150px ;
    top: 100px ;
    margin-left: -90px ;
    padding: 0 5px ;
    border-radius: 0 0 5px 5px ;
    text-align: center ;
    transform: rotate(90deg) ;
}
.groupsList {
    position: relative ;
    width: 290px ;
    margin-top: -12px ;
    padding: 10px 5px 5px 5px ;
    z-index: 5000 ;
border: 1px solid gray ;
}
#noticed-groups + .groupsList {
    height: 500px ;
    overflow: hidden ;
    overflow-y: auto ;
}

/* YOUR POOL LIST - CONT - NO BETA */
#groups-list .groups-maincol.list-view #groups-list {
    width: 1870px ;
    margin-top: 0px ;
}
#groups-list .sec[class^="sec"] {
    width: 1870px ;
    margin-bottom: -44px ;
}
.groups-list-header {
    position: absolute ;
    display: inline-block ;
    width: 100% ;
    width: 753px ;
    margin-top: -45px ;
    margin-left: 560px ;
    padding: 5px ;
    border-radius: 5px ;
    text-align: center ;
    font-size: 16px ;
    z-index: 500 ;
border: 1px solid gray ;
}
.groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions , 
.groups-list-header .view-options {
    display: inline-block ;
    text-align: left ;
    width: 100% ;
}
.groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions  {
    display: inline-block ;
    width: 450px ;
    text-align: left ;
}
.groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions .group_sort_active  {
    color: red ;
}
.groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions .group_sort_active:after  {
    content: "🔻" ;
    font-size: 10px ;
}
.groups-list-item {
    display: inline-block ;
    width: 262px ;
    max-height: 80px ;
    min-height: 80px ;
    margin: -14px 0 20px 0 ;
    padding-bottom: 10px ;
    font-size: 12px ;
    overflow: hidden ;
border: 1px solid gray ;
}
.groups-list-item .group-overview {
    width: 100% ;
    text-align: left ;
}
.groups-list-item .group-overview .buddy-link {
    padding: 4px ;
}
.groups-list-item .group-overview h4 {
    position: relative ;
    display: inline-block ;
    width: 83% ;
    height: 30px ;
    line-height: 14px ;
    top: -75px ;
    margin-left: -3px ;
    padding: 2px 2px 2px 45px ;
    margin-bottom: -54px ;
    font-size: 15px ;
    overflow: hidden ;
    overflow-y: auto ;
border-bottom: 1px dotted gray ;
}
.groups-list-item .group-overview h4 a {
    float: left;
}
.group-overview>span {
    position: relative ;
    display: inline-block ;
    width: 100% ;
    top: -10px ;
}
.groups-list-item .group-members {
    position: relative ;
    display: inline-block ;
    width: 96% ;
    top: -16px ;
    padding-right: 20px ;
    text-align: right ;
}
.first.group-count.pool-pending:not([style="white-space: nowrap;"]) {
    position: absolute ;
    display: inline-block ;
    top: 0 ;
    left: 0 ;
    white-space: nowrap ;
    z-index: 5000 ;
}
.groups-list-item .discussion {
    position: absolute ;
    display: inline-block ;
    width: 256px ;
    vertical-align: top ;
    height: 15px ;
    margin-left: -262px ;
    margin-top: 56px ;
    padding-right: 5px ;
    text-align: right ;
}
.groups-list-item .discussion:before {
    content: "🗨" ;
    opacity: 0.7 ;
}
.groups-list-item .latest-post {
    position: absolute ;
    display: inline-block ;
    width: 90px ;
    margin-left: -260px ;
    margin-top: 36px ;
    padding-left: 34px ;
    text-align: left ;
color: gray ;
border-right: 2px solid gray ;
}
/* YOUR GROUPS - THUMBS - CONT - === */
#groups-list.groups-thumbs .groups-maincol {
    position: relative ;
    display: inline-block ;
    margin-left: 0px ;
}
#groups-list .SetsContainer.GroupsCenterContainer .group-h3 {
    margin-left: 0;
    padding: 2px 5px ;
    text-indent: 241px ;
}
#groups-list .SetsContainer.GroupsCenterContainer .SortOptions  {
    position: relative ;
    display: inline-block ;
    width: 453px ;
    left: -260px ;
    margin-top: 36px ;
    padding: 5px ;
    border-radius: 5px ;
    font-size: 16px ;
    text-align: center ;
    z-index: 200 ;
border: 1px solid gray ;
}
#groups-list .SetsContainer.GroupsCenterContainer .Sets {
    width: 300px !important;
    margin: -37px -82px -15px -13px ;
    text-align: left ;
    background-position: center center ;
    background-repeat: no-repeat ;
    background-size: cover ;
    overflow: hidden ;
    z-index: 500 ;
    transform: scale(0.65) ;
}
#groups-list .SetsContainer.GroupsCenterContainer .Sets .SetCase {
    width: 300px !important;
    height: 0px !important;
    margin: 199px 0 0 0 !important;
    text-align: center ;
}
#groups-list .Sets .setText {
    width: 300px ;
    height: 53px ;
    top: -63px ;
    padding: 6px 0 0 ;
    transform: scale(1) ;
}
#groups-list .Sets .setText> a  {
    display: inline-block ;
    width: 300px ;
    padding: 0px ;
    transform: scale(1) ;
}
#groups-list .Sets .setText> a h4  {
    float: left ;
    clear: both ;
    width: 288px !important;
    height: 15px ;
    line-height: 15px !important;
    margin: 2px 0 -10px 0 !important;
    padding: 5px 0 0 ;
    font-size: 19px !important;
}
#groups-list .Sets .setText > p {
    position: relative ;
    display: inline-block ;
    width: 135px ;
    line-height: 18px ;
    margin: -80px 0 -5px -10px ;
    top: -20px ;
    padding: 0 ;
    font-size: 19px ;
    text-align: left ;
    overflow: hidden ;
    text-overflow: ellipsis ;
    white-space: nowrap ;
}
#groups-list .Sets .setText p a   {
    line-height: 15px ;
    font-size: 16px ;
}
#groups-list .Sets .discussionCount {
    position: absolute ;
    display: inline-block ;
    width: 120px ;
    bottom: 170px ;
    left: 5px ;
    font-size: 16px ;
    text-align: left ;
    transform: scale(1) ;
}
#groups-list .Sets .discussionCount a p {
    font-size: 16px ;
    transform: scale(1) ;
}

/* POOL META - ADD LABEL */
/* MEMB numb */
#groups-list .SetsContainer.GroupsCenterContainer  a[href$="/members"]:before ,
/* MEMB PEND */
#groups-list .SetsContainer.GroupsCenterContainer a[href^="/groups_pending.gne"]:before ,
/* PHOT numbk */
#groups-list .Sets .setText p a[href^="/groups/"]:not([href$="/pending"]):not([href$="/members"]):before ,
/* PHOT PEND */
#groups-list .Sets .setText p a[href$="/admin/pending"]:before {
    margin-right: 5px ;
    font-size: 10px ;
}
/* HOVER */
#groups-list .SetsContainer.GroupsCenterContainer  a[href$="/members"]:hover:before ,
#groups-list .SetsContainer.GroupsCenterContainer a[href^="/groups_pending.gne"]:hover:before ,
#groups-list .Sets .setText p a[href^="/groups/"]:not([href$="/pending"]):not([href$="/members"]):hover:before ,
#groups-list .Sets .setText p a[href$="/admin/pending"]:hover:before {
    margin-left: -5px ;
    font-size: 15px ;
}
/* MEMB numb */
#groups-list .SetsContainer.GroupsCenterContainer  a[href$="/members"]:before  {
    content: "Mbs" ;
color: red ;
}
/* MEMB PEND ok */
#groups-list .SetsContainer.GroupsCenterContainer a[href^="/groups_pending.gne"]:before {
    content: "Mbers" ;
color: aqua ;
}
/* PHOT numb ok */
#groups-list .Sets .setText p a[href^="/groups/"]:not([href$="/pending"]):not([href$="/members"]):before {
    content: "Pht" ;
color: green ;
}
/* PHOT PEND ok */
#groups-list .Sets .setText p a[href$="/admin/pending"]:before {
    content: "Pht" ;
color: aqua ;
}
/* END == YOUR GROUPS LIST ==== */


/* == START == NEW GAL PAGES ==== */

/* (new173) GAL - SHOW HID THUMB  */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remove-x-container ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container ,
.html-gallery-page-view  .photo-list-photo-container.loading .photo + a,
.html-gallery-page-view  .photo-list-photo-container.loading .photo,
.html-gallery-page-view  .photo-list-photo-container.loading ,
.html-gallery-page-view .invisible {
    opacity: 1 !important;
    visibility: visible !important;
}
.photo-list-photo-container.loading ,
.reorder-grid-view .drag-list-container .drag-drop-item.hidden, 
.reorder-grid-view .drag-list-container .drag-drop-item.invisible .drag-drop-content {
    align-items: center;
    display: flex !important;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: center;
}
/* (new171) GAL/ALB/STR - WIDE */
html.scrolling-layout.fluid.html-album-page-view  body ,
html.scrolling-layout.fluid.html-album-page-view {
    display: inline-block !important;
    left: 0 !important;
    max-width: 1910px !important;
    min-width: 1910px !important;
    min-height: 100%;
    overflow: hidden !important;
    overflow-y: auto !important;
}
html.scrolling-layout.fluid.html-album-page-view  body  {
    display: inline-block !important;
    left: 0 !important;
    max-width: 1910px !important;
    min-width: 1910px !important;
    min-height: 100%;
    padding: 0 5px !important;
}
html.scrolling-layout.fluid.html-album-page-view .photo-list-view {
    display: inline-block !important;
    max-width: 99% !important;
    min-width: 99% !important;
    width: 100% !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}

.fluid.html-photostream-page-view  #content .photostream-page-view  .photolist-container.fluid-centered ,
.fluid.html-albums-list-page-view  #content .albums-list-container.fluid-centered ,
.fluid.html-album-page-view #content .album-page-view.flickr-view-root-view .album-container.fluid-centered ,
.fluid.html-gallery-page-view  #content .fluid-centered.gallery-page-container {
    float: none !important;
    display: inline-block !important;
    min-width: 100% !important;
    max-width: 100% !important;
}
.photolist-container.fluid-centered body ,
.fluid.html-gallery-page-view body {
    margin-top: -52px ;
}
html #content .galleries-list-container.fluid-centered {
    max-width: 98% !important;
    min-width: 98% !important;
    padding: 0 20px !important;
    margin-top: -58px ;
}
.fluid.html-photostream-page-view .photolist-container.fluid-centered {
    margin-top: -48px ;
}
/* STR - TOP HEAD */
.fluid.html-photostream-page-view .subnav-content.fluid-centered {
    margin-left: auto;
    margin-right: auto;
    max-width: 100% !important;
}
/* ALB EDIT COV */
.album-header-view > .album-header-content > .edit-cover-photo {
    top: 35px;
}
/* GAL - HEAD */
.gallery-page-view .gallery-page-container .details-section {
    position: sticky !important;
    top: 35px !important;
    margin-top: -95px !important;
    width: 100% !important;
z-index: 50 !important;
}
.gallery-page-view .gallery-page-container .details-section .description:not(.hidden) ,
.gallery-page-view .gallery-page-container .details-section .description:not(.hidden) {
    position: sticky !important;
    display: inline-block !important;
    width: 100%;
    height: auto !important;
    top: -85px !important;
    margin-top: 0px !important;
    text-align: center !important;
}
.gallery-page-view .gallery-page-container .details-section .description.short.no-read-more:not(.hidden) {
    max-height: 100% !important;
}

.gallery-page-view .gallery-page-container .details-section .description.short:not(.hidden) p {
    display: inline-block !important;
    width: 30%;
    height: 100% !important;
    line-height: 15px ;
    max-height: 30px !important;  
    min-height: 30px !important;
    margin-bottom: 0px !important;
    padding: 3px 0  0 ;
    text-align: left ;
    overflow: hidden !important;
}
.gallery-page-view .gallery-page-container .details-section .description:not(.short) p {
    display: inline-block !important;
    width: 30%;
    height: 100% !important;
    min-height: 400px !important;
    max-height: 400px !important;
    padding: 5px !important;
    text-align: left ;
    overflow-y: auto ;
}
.gallery-page-view .gallery-page-container .details-section .description .read-less-button, 
.gallery-page-view .gallery-page-container .details-section .description .read-more-button {
    position: absolute ;
    display: inline-block;
    right: 610px  ;
    top: 12px ;
    padding: 5px ;
    border-radius:  5px ;
    font-size: 13px ;
}
.gallery-page-view .gallery-page-container .details-section .description .read-less-button {
    opacity: 1 ;
}
.gallery-page-view .gallery-page-container .details-section .description .read-more-button {
    padding: 1px ;
    opacity: 0.5 ;
}
.gallery-page-view .gallery-page-container .details-section header h1 {
    float: left ;
    width: 50%;
    font-size: 25px;
    letter-spacing: 0.03em;
    line-height: 25px;
    margin: 0;
    text-align: right ;
}
.gallery-page-view .gallery-page-container .details-section header p {
    float: right ;
    width: 49%;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    margin: 5px 0 0;
    text-align: left !important;
color: gray ;
}
.gallery-page-view .gallery-page-container .details-section .description.short p >a {
    display: inline-block;
    width: 100%;
}
.gallery-page-view .gallery-page-container .stats {
    position: fixed !important;
    display: inline-block !important;
    width: 370px !important;
    right: 10px !important;
    top: 45px!important;
    margin: 0 !important;
    text-align: right !important;
    opacity: 1 !important;
    z-index: 50 !important;
}
.gallery-page-view .gallery-page-container .stats span {
    display: inline-block !important;
    opacity: 1 !important;
    z-index: 500000 !important;
    color: gold !important;
}
.gallery-page-view .gallery-page-container .details-section header {
    display: block !important;
    height: 25px !important;
    margin-top: 184px !important;
    padding: 5px !important;
    z-index: 50000 !important;
}
/* GAL - LIST */
html #content .galleries-list-container.fluid-centered .photo-list-gallery-view {
    position: relative !important;
    display: inline-block !important;
    margin: -40px 0px 65px 35px !important;
    opacity: 1 !important;
    transform: none !important;
}
.gallery-page-view .gallery-page-container .photos-section .photo-list-container {
    display: inline-block !important;
    width: 100% !important;
    height: auto !important;
    top: 10px !important;
}
.galleries-list-container.fluid-centered .galleries-list-toolbar-view {
    position: absolute !important;
    height: 20px !important;
    line-height: 20px !important;
    right: 500px !important;
    top: 90px !important;
}
.galleries-list-container.fluid-centered .galleries-list-toolbar-view a{
    height: 20px !important;
    line-height: 20px !important;
}
.html-gallery-page-view .photo-list-gallery-photo-view {
    padding: 3px !important;
}
/* (new182) GAL - MODAL - COMMENTS */
.fluid.html-gallery-page-view .modal.subview-modal.gallery-comments-modal{
    min-width: 800px !important;
    top: -190px !important;
    left: -200px !important;
fill: peru !important;
border: 1px solid red !important;
}
.fluid.html-gallery-page-view .modal.subview-modal.gallery-comments-modal .comment-area .text-area-section .text-area-wrapper {
    height: 30px;
    margin: 0;
    padding: 3px 10px !important;
color: red !important;
border: 1px solid gray !important;
}
/* (new182) GAL - COMMENTS - ZEBRA */
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item:nth-child(odd) , 
.fluid.html-gallery-page-view .modal.subview-modal.gallery-comments-modal li.comment-list-item:nth-child(odd){
background: #111 !important;
border-bottom: 1px solid gray !important;
}
/* (new182) GAL - MODAL - ADD SHOTS */
.fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"] {
    position: fixed;
    top: 37px !important;
    left: 0% !important;
    margin-left: 0;
    min-height: 95vh !important;
    max-height: 95vh !important;
    z-index: 5000000000 !important;
background: #111 !important;
border: 1px solid red !important;
}
.fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"]  .body.lines {
    min-height: 80vh !important;
border-bottom: 1px solid red !important;
}
.fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"]  .body.lines .photo-selector-photos {
    min-height: 80vh !important;
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}
/* .fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"]  .body.lines .photo-selector-photos {
    min-height: 80vh !important;
} */
.flavor-text.secondary {
    font-size: 14px;
color: gold !important;
}
.fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"]  .body.lines .photo-selector-photos .photo-list-photo-interaction .interaction-bar .text a.title {
    margin-bottom: -11px !important;
    text-align: center;
color: transparent !important;
}
.fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"]  .body.lines .photo-selector-photos .photo-list-photo-interaction:hover .interaction-bar .text a.title {
     color: gold !important;
}
.fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"]  .body.lines .photo-selector-photos .photo-list-photo-interaction .interaction-bar .text a.attribution {
    margin-bottom: 0px !important;
}


/* (new182) GAL - OLD VIEW before 2018:
https://www.flickr.com/help/forum/en-us/72157720068442958/#reply72157720081770587
=== */

/* (new182) GAL - OLD VIEW - TOP HEADER */
#gallery-breadcrumb {
    position: fixed !important;
    width: 100% !important;
    top: 0px !important;
    margin: 0 !important;
    padding: 0 0 0 50px !important;
    z-index: 50000 !important;
background: #111 !important;
/* border: 1px solid green !important; */
}
#gallery-meta {
    position: fixed !important;
    width: 100% !important;
    top: 2px !important;
    right: 0 !important;
    padding-top: 10px!important;
    z-index: 50000 !important;
background: #111 !important;
border-bottom: 1px solid red !important;
}

#gallery-meta h1 {
    margin: 0px 0 8px !important;
    padding: 0;
    width: 700px;
}
#gallery-meta  .share-this-wrapper , 
#gallery-meta ul#button-bar.button-list.share-options-list {
    margin-top: 25px !important;
    padding: 0;
    text-align: left;
}
/* (new183) GAL - OLD VIEW - PREVIEW PANEL */
#gallery-desc-thumbs {
    position: fixed !important;
    top: 90px !important;
    width: 848px !important;
background: rgba(0, 0, 0, 0.59);
border: 1px solid peru;
}
#gallery-desc-thumbs .vsDescription.with-thumbs {
    width: 833px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    padding: 5px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}
#gallery-desc-thumbs .vsDescription.with-thumbs:hover {
    max-height: 260px !important;
/* color: gold !important; */
background: rgba(0, 0, 0, 0.59);
}
#gallery-desc-thumbs .gallery-description-container {
    width: 848px !important;
    float: left;
color: gray !important;
}
#gallery-desc-thumbs ol.gallery-preview {
    float: left !important;
    width: 836px;
    min-height: 80vh !important;
    max-height: 80vh !important;
    padding: 5px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
border: 1px solid tan !important;
}
/* (new183) PREVIEW - VIEWVED [id^="yui_"] */
#gallery-desc-thumbs .gallery-preview [class^="thumb_"] a {
outline: 1px solid #222 !important;
}
#gallery-desc-thumbs .gallery-preview [class^="thumb_"] a:visited {
outline: 1px solid red !important;
}

/* (new183) GAL - OLD VIEW - BIG PHOT */
#gallery-big-photos {
    position: absolute !important;
    float: none !important;
    width: 1048px;
    right: 0 !important;
    top: 95px !important;
border: 1px solid red !important;
}
#gallery-big-photos .gallery-item  {
    padding-top: 5px !important;
}


#gallery-big-photos .curator_info_arrow_wrapper {
background-color: #111 !important;
}
#gallery-big-photos .curator_info_arrow {
    border-color: #060606 #545454 !important;
}
#gallery-big-photos .photo_container a:before {
    content: attr(title) ;
    position: absolute !important;
    float: none !important;
    min-width: 100% !important;
    height: 44px !important;
    line-height: 44px !important;
    top: 0px !important;
    text-align: center !important;
    transition: all ease 0.7s ;
color: transparent !important;
background-color: transparent !important;
}
#gallery-big-photos .photo_container:hover a:before {
    transition: all ease 0.7s ;
color: gold !important;
background-color: rgba(9, 8, 8, 0.6) !important;
}
#gallery-big-photos .gallery-item .vsDescription {
    color: gray !important;
}
/* (new182) GAL - OLD VIEW - TOP HEADER - EDIT - INDICATOR */
#gallery-desc-thumbs .vsDescription.with-thumbs.insitu-trigger:before , 
#gallery-big-photos .gallery-item .vsDescription.photo-caption-insitu.insitu-trigger:before {
    content: "✎" ;
    display: inline-block ;
    width: 30px !important;
    height: 30px ;
    line-height: 30px ;
    margin: 5px 6px 5px -7px ;
    border-radius: 100% ;
    text-align: center ;
    font-size: 20px ;
    opacity: 0.3 ;
    transition: all ease 0.7s ;
color: gray ;
border: 1px solid gray ;
}
#gallery-desc-thumbs .vsDescription.with-thumbs.insitu-trigger:hover:before ,
#gallery-big-photos .gallery-item .vsDescription.photo-caption-insitu.insitu-trigger:hover:before {
    opacity: 1 ;
    transition: all ease 0.7s ;
color: gold ;
border: 1px solid red ;
}
#gallery-desc-thumbs.gallery-item .vsDescription.with-thumbs.insitu-trigger ,
#gallery-big-photos .gallery-item .vsDescription.insitu-trigger {
    opacity: 0.3 !important;
color: gray !important;
}
#gallery-desc-thumbs.gallery-item .vsDescription.with-thumbs.insitu-trigger:hover {
    opacity: 1 !important;
color: gray !important;
background: rgba(0, 0, 0, 0.59);
}

#gallery-big-photos .gallery-item .vsDescription.insitu-trigger:hover {
    opacity: 1 !important;
color: gray !important;
background: rgba(0, 0, 0, 0.59);
}

/* (new182) GAL - OLD VIEW - EDITABLE - DESC ADDED */
#gallery-desc-thumbs.gallery-item .vsDescription.with-thumbs.insitu-trigger:not(.insitu-hint) ,
#gallery-big-photos .gallery-item .vsDescription.photo-caption-insitu.insitu-trigger:not(.insitu-hint) {
    opacity: 1 !important;
color: gray !important;
background: rgba(0, 0, 0, 0.59);
}


/* CURATOR */
#gallery-big-photos .gallery-item .vsDescription.insitu-trigger b {
    opacity: 1 !important;
color: gold !important;
}

#gallery-desc-thumbs.gallery-item .vsDescription.with-thumbs ,
#gallery-big-photos .gallery-item .vsDescription {
    padding-left: 10px !important;
}
/* (new182) GAL - OLD VIEW - COMMENTS */
#gallery-comments {
    position: fixed !important;
    width: 565px !important;
    height: auto !important;
    min-height: 150px !important;
    top: 35px !important;
    left: 700px !important;
    z-index: 50000 !important;
    visibility: hidden !important;
border: 1px solid red !important;
}
#gallery-comments:hover {
    visibility: visible !important;
border: 1px solid red !important;
}
#gallery-comments:before {
    content: "Comment(s)▼ " ;
    position: fixed !important;
    width: 565px !important;
    height: 25px ;
    line-height: 22px ;
    top: 50px !important;
    left: 1035px;
    font-size: 20px;
    text-align: center ;
    visibility: visible !important;
color: peru !important;
background: #111 !important;
border: 1px solid red !important;
}
#gallery-comments #comments h3 {
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
    padding-left: 15px !important;
}

#gallery-comments ol{
    display: flex !important;
    flex-wrap: wrap-reverse !important;
    justify-content: space-around !important;
    align-content: flex-end !important;
    justify-content: space-around;
    width: 100% !important;
    height: 100% !important;
    min-height: 26vh !important;
    max-height: 65vh !important;
    overflow: hidden !important;
    overflow-y: auto !important;
border-bottom: 1px solid red !important;
}
#gallery-comments #comments ol li.comment-block {
    flex-basis: 440px !important;
    height: 88px !important;
    margin-bottom: 3px;
    margin-left: 15px;
    margin-right: 15px;
    overflow-x: hidden;
    overflow-y: auto;
background: #333 !important;
border: 1px solid gray;
}
#gallery-comments #comments ol li.comment-block:nth-child(odd) {
    background: #222 !important;
}
#gallery-comments #comments ol li.comment-block .comment-body p a[href^="/photos/"] {
    float: left !important;
height: 18px !important;
width: 18px !important;
margin-right: 5px !important;
}
#gallery-comments #comments ol li.comment-block .comment-body p a[href^="/photos/"] img {
height: 18px !important;
width: 18px !important;
}
#gallery-comments #comments ol li.comment-block .comment-body p a[href^="/photos/"]  + br {
display: none !important;
}
#gallery-comments .comment-block.add-comment-form.adding-comment {
    flex-basis: 400px;
    flex-grow: 2;
    height: auto !important;
    min-height: 56px !important;
    margin-left: 15px;
    margin-right: 15px;
padding: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
/* border: 1px solid yellow !important; */
}
#gallery-comments .comment-block.add-comment-form.adding-comment textarea#message{
    width: 97% !important;
    height: auto !important;
    min-height: 36px !important;
    max-height: 206px !important;
    margin: 0px !important;
    padding: 5px !important;
    overflow-x: hidden;
    overflow-y: auto;
/* border: 1px solid yellow !important; */
}


/* (new182) GAL - OLD VIEW - COMMENT - ERROR */
#gallery-comments #bg {
    height: 100%;
    min-height: 145px !important;
    max-height: 145px !important;
    width: 100% !important;
    min-width: 563px !important;
    max-width: 563px !important;
    margin-top: 0px !important;
    background: white url("https://combo.staticflickr.com/pw/images/bg_error_hold_your_clicks.jpg") no-repeat scroll center center / cover ;
border: 1px solid red !important;
}
#gallery-comments #bg .content {
    padding: 0% 0 0 180px !important;
}
/* (new182) GAL - OLD VIEW - REORDER etc - MODAL  */
#global-dialog-container ,
#global_dialog.global_dialog.default  {
    display: block;
    width: auto;
    left: 0% !important;
    top: 20px !important;
    margin: 0 !important;
}
#global_dialog.global_dialog .global_dialog_container .wrapper .bd.gallery-thumbs-bd .thumb-widget,
div.global_dialog .global_dialog_container .bd ,
#global_dialog.global_dialog.default .global_dialog_container .wrapper .bd.gallery-reorder-bd ol.reorder-widget.yui3-dd-drop ,
#global_dialog.global_dialog.default .global_dialog_container .wrapper .bd.gallery-reorder-bd ,
#global_dialog.global_dialog.default .global_dialog_container .wrapper ,
#global_dialog.global_dialog.default .global_dialog_container {
    width: 99.5% !important;
}

#global_dialog.global_dialog.default .global_dialog_container .wrapper .bd.gallery-reorder-bd ,
#global_dialog.global_dialog .global_dialog_container .wrapper .hd.gallery-thumbs-hd {
    width: 99.5% !important;
color: gold !important;
background: #333 !important;
}
#global_dialog.global_dialog.default .global_dialog_container .wrapper .bd.gallery-reorder-bd ol.reorder-widget.yui3-dd-drop  ,
#global_dialog.global_dialog .global_dialog_container .wrapper .bd.gallery-thumbs-bd .thumb-widget {
    width: 100% !important;
    min-height: 26vh !important;
    max-height: 86vh !important;
    overflow: hidden !important;
    overflow-y: auto !important;
border-bottom: 1px solid red !important;
}


.reorder-widget ,
#global_dialog.global_dialog .global_dialog_container .wrapper .bd.gallery-thumbs-bd  {
    background: #222 !important;
}

/* (new182) ALBUM GALL */
html.fluid.html-gallery-page-view.scrolling-layout .album-container.fluid-centered {
    min-width: 100% !important;
    max-width: 100% !important;
}
html.fluid.html-gallery-page-view.scrolling-layout .album-container.fluid-centered .photo-list-view{
padding: 5px !important;
}

/* GAL - COUNT IETMS - GM "Superloader" */
.fluid.html-galleries-list-page-view #content .photo-list-view {
    display: inline-block !important;
    height: 100% !important;
    min-height: 2462px !important; 
    max-height: 2462px !important;
    margin-top: 42px !important;
    counter-increment: myIndex 1;
    counter-reset: myIndex -1 !important;
}
.fluid.html-galleries-list-page-view #content .sp-separator ~ .photo-list-view {
    min-height: 2462px !important; 
    max-height: 2462px !important;
}

/* GAL - LIST - THUMB - INFO BACKG/FAV STAR */
.gallery-page-view .gallery-page-container .photos-section {
    display: inline-block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 900px !important;
    border-top: 1px solid #333;
}
.html-gallery-page-view .fluid-centered.gallery-page-container .photos-section .photo-list-container .photo-list-view .photo-list-gallery-photo-view.forced-aspect-ratio:not(:hover) .sub-photo-info-bar {
    opacity: 1 !important;
    visibility: hidden !important;
}
.html-gallery-page-view .fluid-centered.gallery-page-container .photos-section .photo-list-container .photo-list-view .photo-list-gallery-photo-view.forced-aspect-ratio:not(:hover) .sub-photo-info-bar .engagement-item.fave {
    opacity: 0.5 !important;
    visibility: visible !important;
}
/* (new173) GAL - POPUP ADD from FAV */
.html-gallery-page-view .modal.subview-modal.flex-layout.photo-selector.gallery-faves-selector {
    top: 104% !important;
border: 1px solid red !important;
}


/* (new176) GAL - POPUP REORDER/COVER SELEC - AND SOME OTHER PALCEs (.modal.subview-modal.photo-selector) */
.modal.subview-modal.photo-selector  ,
.modal.subview-modal.reorder-grid-modal ,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector {
    position: fixed !important;
    display: inline-block !important;
    max-height: 95.9vh !important;
    min-height: 95.9vh !important;
    max-width: inherit;
    min-width: 1905px !important;
    left: 0% !important;
    top: 4% !important;
    margin-left: 2px !important;
    margin-top: 1px !important;
    overflow: hidden !important;
    z-index: 50000000 !important;
}
/* .modal.subview-modal.photo-selector .nav , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .nav {
    height: 35px !important;
}
/* .modal.subview-modal.photo-selector .fluid-modal-nav-bar ,
.modal.subview-modal.photo-selector .fluid-modal-nav-content ul ,
.modal.subview-modal.photo-selector .fluid-modal-nav-content ul.links  ,
.modal.subview-modal.photo-selector .fluid-modal-nav-content ul.links li , */

.modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-bar ,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-content ul ,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-content ul.links  ,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-content ul.links li {
    height: 30px !important;
    line-height: 30px !important;
}
/* .modal.subview-modal.photo-selector .fluid-modal-nav-content ul.links li a , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-content ul.links li a {
    height: 25px !important;
    padding: 0 !important;
}
/* .modal.subview-modal.photo-selector .close-x , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .close-x {
    right: 42px;
    top: 6px;
    border-radius: 5px !important;
}
.modal.subview-modal.photo-selector .close-x:hover ,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .close-x:hover {
    opacity: 1;
}
/* .modal.subview-modal.photo-selector .body.lines , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .body.lines {
    height: 87.8vh;
}
/* .modal.subview-modal.photo-selector .body.lines .content.has-footer , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .body.lines .content.has-footer {
    height: 87.5vh !important;
    border: 1px solid gray;
}
/* .modal.subview-modal.photo-selector .foot , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .foot {
    height: 25px !important;
    margin-top: 5px !important;
    overflow: hidden;
}
/* .modal.subview-modal.photo-selector .foot .buttons , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .foot .buttons {
    padding: 0;
}
/* .modal.subview-modal.photo-selector .foot .buttons button.mini.action , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .foot .buttons button.mini.action {
    height: 23px;
    line-height: 27px;
    margin: 2px 25px 0 0 !important;
}
.reorder-grid-modal .content.subview ,
.modal.subview-modal.reorder-grid-modal .body {
    min-height: 96vh !important;
}
.reorder-grid-view .drag-list-container .drag-drop-item {
    height: 90.462px !important;
    width: 90.462px !important;
    margin-bottom: 8px;
    margin-left: 4px;
    margin-right: 4px;
}
.drag-tip ,
.drag-interaction-containe .text-container {
    color: gold;
}
.reorder-grid-modal-view header {
    padding: 5px;
    text-align: center;
border-bottom: 1px solid gray;
}

/* (new176) BUDYICON - DOWNLOAD - DROP ZONE */
.subview-modal.photo-selector .content.subview .view .photo-selector-upload .drop-zone .drop-zone-content {
    height: 550px;
    position: absolute;
    text-align: center;
    width: 570px;
}
.subview-modal.photo-selector .content.subview .view .photo-selector-upload .drop-zone .file-select {
    height: 21px;
    margin-top: 174px;
    visibility: visible !important;
    background: #222 !important;
}
.html-cameraroll-page-view .modal.subview-modal[style^="max-height: 888px;"] {
    width: 1152px;
    max-width: 1880px;
    max-height: 888px;
    left: 40%;
    margin-left: -576px;
    margin-top: -341.5px;
    top: 48%;
    overflow: auto;
border: 1px solid red !important;
}


/* GAL - ACT BAR */
.gallery-page-view .action-bar ,
.gallery-page-view .gallery-page-container .action-bar {
    position: fixed;
    height: 37px  !important;
    line-height: 37px !important;
    left: 0;
    right: 0;
    top: 0;
    z-index: 82;
}
.fluid.html-gallery-page-view .action-bar-content.fluid-centered {
    height: 37px  !important;
    line-height: 37px !important;
}
/* (new174) */
.fluid.html-gallery-page-view #content .action-bar-content.fluid-centered {
    width: 100%;
    min-width: 1850px !important;
    max-width: 1850px !important;
    height: 37px ;
    line-height: 37px ;
    padding-left: 5px;
    padding-right: 5px;
}
/* ADD/REORDER/VIEWS SIZE/SHARE - IN ACT BAR */
.gallery-page-view .gallery-page-container .photos-section .photos-section-header {
    position: fixed !important;
    display: flex;
    -moz-box-align: center;
    -moz-box-pack: justify;
    align-items: center;
    justify-content: space-between;
    width: 400px ;
    height: 37px  !important;
    line-height: 37px !important;
    left: 750px !important;
    right: 50px ;
    top: 0;
    z-index: 82;
border-bottom: 1px solid red;
}
.gallery-page-view .gallery-page-container .photos-section .photos-section-header .layout-tabs .tab.selected svg.icon {
    color: #006dac !important;
}
.gallery-page-view .gallery-page-container .action-bar .actions .action.share {
    margin-right: 23px !important;
}


/* GAL - POP MENU ADD to POOL/GAL */
.fluid.html-gallery-page-view .droparound.subview-droparound.auto-size .add-to-stuff-view.flickr-view-root-view {
    opacity: 1 !important;
}
/*  GAL - COM OVERLAY + ADAP ALBUM/SET - ADD TO POOL + GALL POPUP */
.fluid.html-album-page-view  body   .fluid-droparound-overlay.transparent:not(.transparent)  ,
.fluid.html-gallery-page-view  body  .fluid-droparound-overlay:not(.transparent)  {
    position: fixed !important;
    display: inline-block !important;
    z-index: -1 !important;
    pointer-events: auto !important;
    visibility: visible !important;
}
.fluid.html-album-page-view  body   .fluid-droparound-overlay.transparent ,
.fluid.html-gallery-page-view  body  .fluid-droparound-overlay.transparent  {
    position: fixed !important;
    display: inline-block !important;
    pointer-events: none !important;
    visibility: visible !important;
}
/* GAL - POPUP ADD COM */
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-comments ,
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark {
    display: inline-block !important;
    width: 390px !important;
    height: auto !important;
    max-height: 200px !important;
    margin-left: 0 !important;
    margin-top: 84px !important;
    opacity: 1 !important;
    z-index: 500000 !important;
}
.gallery-page-remark-view {
    padding: 5px !important;
}
.gallery-page-remark-view header {
    margin-top: 11px !important;
}
.gallery-page-remark-view .remark-container p {
    font-size: 14px;
    line-height: 18px;
    margin-top: -20px !important;
    max-height: 120px !important;
    padding-bottom: 20px !important;
    overflow: auto;
}
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-comments .remark-container .remark-edit-container {
    margin-top: -12px !important;
}
/* GAL - ADD CUR NOTE - PHO ITEM */
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-comments .remark-container .remark-edit-container:before {
    position: absolute ;
    content: "Add a Curator Note: " ;
    top: -2px ;
color: red ;
}
/* GAL -  SEE CURA NOTE - POP */
.gallery-page-remark-view .remark-container p:before {
    position: absolute ;
    content: "Curator Note: " ;
    top: -2px ;
color: gold ;
}
/* GAL - COM PHO ITEM */
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark {
    position: fixed !important;
    max-height: 295px !important;
    min-height: 295px !important;
    margin-left: 0% !important;
    left: 1155px !important;
    top: 0px !important;
    margin-top: 0px !important;
    padding: 20px 0 0;
box-shadow: 0px 7px 5px 5px rgba(0, 0, 0, 0.9) !important;
} 
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark .body .content.subview.auto-size .photo-comments-view {
    max-height: 270px !important;
    min-height: 270px !important;
}
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark .droparrow.up ,
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark .droparrow.down {
    left: 0 !important;
    right: 0 !important;
    top: 275px !important;
}
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark:before {
    position: absolute ;
    content: "Comment(s) on This Photo: " ;
    top: 0px ;
    left: 10px ;
color: gold ;
}
.photo-list-gallery-photo-view .remark-container.active ,
.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar.active {
    height: 100% ;
    left: 0;
}
.fluid.html-gallery-page-view .comment-item-view  .comment-item .content-container  .comment-content  br ,
.fluid.html-gallery-page-view .fluid-droparound-view .comment-item-view.flickr-view-root-view  .comment-item .content-container  .comment-content br {
    display: block !important;
    margin-bottom: -1px !important;
}
/* (new172) GAL - COM CONT - TOP ACT BAR */
.gallery-page-view .gallery-page-container .comments-section:not(:hover) {
    max-width: 300px !important;
background: #222 !important;
}
.gallery-page-view .gallery-page-container .comments-section {
    left: 17%;
    max-width: 550px;
    position: fixed;
    display: inline-block !important;
    height: 30px !important;
    top: 2px !important;
    z-index: 50000;
    overflow: hidden !important;
}
.gallery-page-view .gallery-page-container .comments-section:hover {
    height: auto !important;
}
.gallery-page-view .gallery-page-container .comments-section h2 {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 ;
}
.gallery-page-view .gallery-page-container .comments-section h2:before {
content: "🔻 Gallerie " ;
    height: 30px;
    line-height: 30px;
    margin-right: 40px ;
    padding: 0;
    color: gold ;
}
.gallery-page-view .gallery-page-container .comments-section h2:after {
content: "    🔻" ;
    height: 30px;
    line-height: 30px;
    margin-left: 10px ;
    padding: 0;
    color: gold ;
}
.gallery-page-view .gallery-page-container .comments-section:hover .comments-list-section {
    max-height: 514px;
    overflow: hidden;
    overflow-y: auto;
}

/* GAL - COM ACT */
.fluid.html-gallery-page-view .menu.over-modal.comment-action-menu {
    width: auto;
    z-index: 50000 !important;
}
/* INFOS */
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar {
    height: 70px !important;
    padding: 3px 5px 2px !important;
    font-size: 14px;
    opacity: 1 ;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-containerdetails-container .avatar {
    margin-right: 30px;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.title ,
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.attribution ,
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement {
    margin-top: 3px !important;
}
/* SM */
.forced-aspect-ratio .photo-list-photo-container .details a:only-of-type  {
    position: relative !important;
    top: 24px !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .engagement {
    position: absolute;
    bottom: 0;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item:hover ,
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.hidden {
    display: flex !important;
color: gray !important;
}
/* GAL - CURA NOTE */
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar {
    display: inline-block !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container  .remark-container.present:not(:hover)  {
    display: inline-block !important;
    height: 100% !important;
    min-height: 30px !important;
    max-height: 30px !important;
    line-height: 15px !important;
    bottom: 0px !important;
    padding: 0 !important;
    opacity: 1 !important;
    z-index: 1 !important;
    visibility: hidden !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover {
    display: inline-block !important;
    min-height: 70px !important;
    height: auto !important;
    line-height: 15px !important;
    bottom: 0px !important;
    padding: 0 !important;
    opacity: 1 !important;
    z-index: 1 !important;
}
/* GALL - OVERL NOTE */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present::before {
    content: "";
    position: absolute;
    display: inline-block !important;
    min-height: 20px !important;
    max-height: 20px !important;
    right: 0;
    top: 10px ;
    left: 0;
    bottom: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
    z-index: -1;
    opacity: 1;
}
/* GALL - OVERL NOTE - HOVER */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover::before {
    min-height: 73px !important;
    max-height: 73px !important;
    top: 1px ;
    z-index: -1;
    opacity: 1;
}
/* GALL - PRES/ACT */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-line-container {
    position: relative !important;
    display: inline-block  !important;
    width: 94% !important;
    height: 100% !important;
    min-height: 30px !important;
    max-height: 30px !important;
    line-height: 15px !important;
    top: 0px !important;
    margin: 0 !important;
    padding: 1px 5px 1px 5px !important;
    font-size: 14px;
    text-align: left !important;
    white-space: pre-line !important;
    overflow: hidden;
    opacity: 1 !important;
color: #fff;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover .remark-line-container {
    display: inline-block !important;
min-height: 70px !important;
    max-height: 70px !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-line-container .remark-line {
    display: inline-block !important;
    height: 30px !important;
    line-height: 15px !important;
    width: 100% !important;
    margin-top: -30px !important;
    opacity: 1 !important;
    z-index: 1 !important;
    overflow-y: auto !important;
}
/* HOVER */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover .remark-line-container .remark-line {
    display: inline-block !important;
    height: auto !important;
    line-height: 15px !important;
    width: 100% !important;
    margin-top: -13px !important;
    opacity: 1 !important;
    z-index: 1 !important;
    overflow-y: auto !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-line-container .remark-line:not(.hidden) .title {
    position: relative !important;
    display: inline-block !important;
    width: 100%;
    min-height: 10px !important;
    max-height: 10px !important;
    line-height: 10px !important;
    top: -19px !important;
    bottom: 0 !important;
    font-size: 10px;
}
/* GAL - NOTE - HOVER */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-line-container .remark-line:not(.hidden) .remark {
    position: relative !important;
    display: inline-block !important;
    min-width: 100% !important;
    max-width: 100% !important;
    min-height: 15px !important;
    max-height: 165px !important;
    line-height: 15px !important;
    top: -18px !important;
    padding-bottom: 20px !important;
    font-size: 15px !important;
    overflow: hidden !important;
overflow-y: auto !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover  .remark-line-container .remark-line span + span  {
    position: absolute !important;
    display: inline-block !important;
    width: 100%;
    min-height: 52px !important;
    max-height: 52px !important;
    line-height: 15px !important;
    top: 15px !important;
    font-size: 15px !important;
overflow: hidden !important;
overflow-y: auto !important;
}

/* BUT */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-button svg.filled ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-button {
    display: inline-block!important;
    position: absolute;
    right: 0;
bottom: 0 ;
visibility: visible !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-button svg.icon.icon-remark.hollow{
     visibility: hidden !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.active .remark-button .icon.filled {
    display: block;
    filter: drop-shadow(0px 0 3px rgba(0, 0, 0, 0.88));
    height: 32px !important;
    width: 33px !important;
    fill: red !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:not(:hover)  .remark-button[aria-expanded="false"] ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover  .remark-button[aria-expanded="false"] {
    display: inline-block !important;
    opacity: 1 !important;
    z-index: 1 !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:not(:hover)  .remark-button[aria-expanded="false"]  .icon.icon-remark-filled.filled ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover  .remark-button[aria-expanded="false"]  .icon.icon-remark-filled.filled {
    display: inline-block !important;
    opacity: 1 !important;
    z-index: 1 !important;
}

/* GAL - FAV ICON */
.photo-list-gallery-photo-view .photo-list-photo-container  .engagement-item.fave.faved .engagement-icon .icon {
    color: red !important;
    opacity: 1 !important;
}
/* (new173) TEST VISIBILITY - GAL - PHOT CONTAIN - for VISIT */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container {
    display: inline-block !important;
    width: 100% !important;
    min-width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition: none !important;
    transform: none !important;
outline: 1px solid red !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container.loading .photo-container a.click-target ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container a.click-target {
    display: inline-block !important;
    width: 100% !important;
    min-width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
    transition: none !important;
    transform: none !important;
outline: 1px solid gray !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .click-target:visited {
outline: 1px solid green !important;
}

/* ==== END - NEW GALLERY ==== */


/* START - VIDO DUR */
 .photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:after ,
.photo-well-scrappy-view .height-controller.enable-zoom .photo-well-media-scrappy-view:not(.is-real-fullscreen) .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:after {
    content: attr(aria-valuetext) ;
    position: fixed ;
    display: inline-block ;
    height: 20px ;
    line-height: 20px ;
    width: 100px ;
    left: 296px ;
    top: 80px ;
    font-size: 15px ;
    text-align: right ;
    word-spacing: 10px ;
    opacity: 1 ;
    visibility: visible ;
}
.photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:before  , 
.photo-well-scrappy-view .height-controller.enable-zoom .photo-well-media-scrappy-view:not(.is-real-fullscreen) .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:before {
    content: "video lenght:" ;
    position: fixed ;
    display: inline-block ;
    height: 20px ;
    line-height: 9px ;
    width: 59px ;
    left: 296px ;
    top: 80px ;
    padding-left: 5px ;
    font-size: 10px ;
    opacity: 1 ;
    visibility: visible ;
    z-index: 50000000 ;
}
/* FULL */
 .photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:after {
    content: attr(aria-valuetext) ;
    width: 100px ;
    left: 646px !important;
    top: 80px !important;
} 
 .photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:before {
    left: 646px !important;
    top: 80px !important;
}


/* START STR OLD WAY - with DETAIL */
/* SHARE */
.zeus.new-footer.new-header.super-liquid.extras.header-underlap  #global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar.nav-links.nav-links-tools.clearfix:not(:empty) {
    left: 700px !important;
}
.PhotoStream {
    margin-bottom: 15px;
    margin-top: 80px !important;
}
body.zeus .PhotoStream.ps-photos-only .PhotosColumn .photo-display-item, 
body.zeus .PhotoStream.ps-photos-only .photo-display-item {
    float: left !important;
    width: 195px !important;
    height: 390px !important;
    margin-bottom: 4px !important;
    margin-left: 4px !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
border: 1px solid gray;
}
body.zeus .PhotoStream.ps-photos-only .PhotosColumn .photo-display-item .thumb {
    position: relative;
    max-width: 197px !important;
    height: auto !important;
    margin-top: -12px !important;
    text-align: center !important;
}
body.zeus .PhotoStream.ps-photos-only .PhotosColumn .photo-display-item .thumb .photo_container {
    margin-top: 0px !important;
}
body.zeus .PhotoStream.ps-photos-only .PhotosColumn .photo-display-item .thumb img {
    max-width: 187px !important;
    height: auto !important;
}
.photostream-photo.photo-display-item .hover-target .title {
    display: inline-block !important;
    height: auto !important;
    max-height: 45px !important;
    width: 199px !important;
    word-wrap: break-word !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    overflow-y: auto !important;
}

/* STREAM OLD WAY - (SET ???) - EDIT TITLE - MULTILINE not working with CSS need textarea */
.StreamView h4 {
    margin-bottom: 0;
    font-size: 14px;
    overflow: hidden !important;
color: red !important;
}
.photostream-photo.photo-display-item .hover-target .meta .StreamView  .Desc .insitu-trigger.insitu-hint.insitu-editing {
    position: fixed !important;
    height: auto !important; 
    width: 50% !important;
    top: 39% !important;
    left: 25% !important;
    padding-bottom: 20px !important;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
    overflow: hidden !important;
    overflow-x: auto !important;
    -moz-appearance: none !important;
    z-index: 5000 !important;
color: red !important;
}
.ps-photos-only h4.insitu-editing {
    position: fixed !important;
    display: inline-block !important;
    height: auto !important;
    width: 49.5% !important;
    top: 34% !important;
    left: 25% !important;
    padding: 5px !important;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
    overflow: hidden !important;
    overflow-x: auto !important;
    -moz-appearance: none !important;
    z-index: 5000 !important;
color: red !important;
}
.ps-photos-only h4.insitu-editing input.insitu-value {
    display: inline-block !important;
    height: auto !important;
    width: 98.6% !important;
    word-wrap: break-word !important;
    white-space: pre-wrap !important;
    overflow: hidden !important;
    overflow-x: auto !important;
    -moz-appearance: none !important;
    z-index: 5000 !important;
color: red !important;
}
.photostream-photo.photo-display-item .hover-target .meta .StreamView .Desc .insitu-trigger.insitu-hint.insitu-editing  textarea.insitu-value {
    width: 98%;
    max-width: 98% !important;
    margin-left: 5px !important;
    margin-top: 5px;
}
/* END == TEST - STREAM OLD WAY - DETAIL (&details=1) ===== */


/* PHO - EDIT PRIVACY PAGE */
.photoDetails {
    clear: none;
    float: left;
    margin-bottom: 20px;
    margin-left: 40px;
    margin-right: 20px;
    text-align: center;
    width: 100%;
}
.privacyDetails {
display: inline-block !important;
    clear: none;
    float: none !important;
    width: 100% !important;
    padding-left: 30% !important;
    text-align: left !important;
}
.privacyDetails form ,
.privacyDetails p {
    padding: 5px;
    width: 36% !important;
}
.privacyDetails form {
    border-radius: 4px !important;
border: 1px solid gray !important;
}

.privacyDetails form blockquote::before {
    float: left ;
}
.privacyDetails form blockquote::after {
    margin-top: -23px ;
    float: right ;
}
.privacyDetails form p {
    width: 99% !important;
    border-radius: 4px !important;
    text-align: center !important;
    border: 1px solid gray !important;
}

/* START == APP GARDEN ==== */
#DiscussPhoto {
    position: absolute !important;
    clear: both;
    width: 788px !important;
    height: 790px !important;
    right: 0 !important;
    top: 26px !important;
    padding: 27px !important;
    border: 1px solid gray !important;
    border-radius: 5px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
}
#Photo {
    position: static !important;
    float: none !important;
    width: 999px !important;
    margin-left: 50px !important;
    margin-top: 20px;
    padding: 27px !important;
    border: 1px solid gray !important;
    border-radius: 5px !important;
}
#col-left .module {
    top: -20px ;
}
.app-list ul li {
    display: inline-block;
    line-height: 14px;
    width: 187px !important;
}
#Main #top-about + #col-left {
    margin-left: 35px ;
    height: 758px ;
    width: 920px ;
    padding: 5px 27px ;
    border: 1px solid gray ;
    border-radius: 5px ;
}
#Main #top-about + #col-left + #col-right {
    margin-right: 35px ;
    width: 700px ;
    height: 630px ;
    padding: 27px ;
    border: 1px solid gray ;
    border-radius: 5px ;
}
#the-developers +.module + h3 {
    display: inline-block ;
    margin-top: -222px ;
    margin-left: 400px ;
    position: absolute ;
}
#make-other-stuff {
    display: inline-block ;
    margin-left: 400px ;
    position: relative ;
    top: -212px ;
    padding: 25px ;
    border: 1px solid gray ;
    border-radius: 5px ;
}
#make-other-stuff li a {
    display: inline-block ;
    font-size: 19px ;
}
/* APPS PAGES - TAGS - === */
.TagList #thetags {
    width: 100% ;
    height: 100px !important;
    padding: 0;
    border: 1px solid gray;
    overflow: hidden ;
    overflow-y: auto ;
}
.RHS ul {
    margin-top: -3px ;
}
.RHS ul.rhs-data .Stats {
    display: inline-block ;
    width: 130px ;
    overflow: hidden ;
    text-overflow: ellipsis ;
}
/* APPS BY AUT */
#ag-user-promo {
    position: absolute;
    width: 233px ;
    height: 60px ;
    left: 5px ;
    top: 49px ;
    padding: 5px ;
    border-radius: 5px ;
    overflow: hidden ;
}
#ag-user-promo h3 {
    margin: -2px 0 0 ;
}
#ag-user-promo:hover {
    height: auto ;
}
#apps-go-here-wide {
    float: left;
    width: 100% ;
}
.app-summary {
    float: left;
    width: 857px !important;
    height: 130px !important;
    margin: 0 32px 5px 7px ;
    top: 12px ;
    padding: 5px ;
    padding-bottom: 10px ;
    border: 1px solid gray ;
    text-align: left ;
}
#apps-weve-noticed .app-summary.big .app-summary-details {
    position: static;
    width: 597px ;
    margin-top: -129px ;
    padding-left: 234px ;
}
.app-summary-screenshot {
    height: 75px ;
    width: 757px ;
    margin-right: 0 ;
    margin-bottom: 7px ;
    text-align: center ;
}
#apps-go-here-wide .app-summary-details {
    width: 100% ;
}
ul.app-list li {
    display: inline-block ;
    float: left;
    height: 130px;
    line-height: 13px;
    margin: -10px 10px 9px 8px ;
    overflow: hidden;
    padding-bottom: 0px;
    padding-right: 0px;
    width: 205px ;
}
.app-list span.photo_container {
    display: inline-block ;
    width: 196px ;
    text-align: center ;
    border: 1px solid gray ;
}
ul.app-list li .photo_container .photo_container a .pc_img {
    display: inline-block ;
    height: auto !important;
    width: 90px !important;
}
.app-summary.big.clearfix span.photo_container a img {
    display: inline-block;
    image-rendering: optimizequality;
    position: relative;
    height: 125px !important;
    width: auto  !important;
    vertical-align: bottom;
}

/* END == APP GARDEN ==== */


/* START === POOL DISC/GAL/ALB  CAPTION */

#DiscussTopic a[href*="/albums/"]  img[width="500"] ,
#DiscussTopic a[href*="/galleries/"]  img[width="500"] {
    height: auto;
    max-width: 470px ;
    vertical-align: text-bottom ;
}
#DiscussTopic a[href*="/albums/"] ,
#groups-about a[href*="galleries/"] ,
#DiscussTopic a[href*="/galleries/"] {
    display: inline-block ;
    min-height: 100% !important;
    min-width: 100% !important;
    padding: 5px ;
    text-align: center ;
outline: 1px solid gray 
}
#DiscussTopic a[href*="/albums/"]:before , 
#groups-about a[href*="galleries/"]:before , 
#DiscussTopic a[href*="/galleries/"]:before {
    content: "Gallerie : "attr(title) !important;
    display: inline-block ;
    width: 100% ;
    margin-top: 5px ;
    font-size: 20px ;
}
#DiscussTopic a[href*="/albums/"]:after {    
    content: "Album : "attr(title) ;
}

/* END == POOL DISC/GAL CAPTION ==== */

/* (new178) PHO - NOTES - EXPAND - ICON EXPAND IMAGE > COM FORM - HOVER  + ADD NOTE INDIC */
.photo-notes-scrappy-view ,
.photo-notes-scrappy-view.is-ready {
    z-index: 2500 !important;
}
.photo-notes-scrappy-view.box-hovered ,
.photo-notes-scrappy-view.box-hovered.is-ready  {
    z-index: 50000 !important;
} 
.photo-notes-scrappy-view::after,
.photo-notes-scrappy-view.box-hovered::after, 
.fluid.html-photo-page-scrappy-view .height-controller .photo-well-media-scrappy-view.requiredToShowOnServer + .photo-notes-scrappy-view::after, 
.fluid.html-photo-page-scrappy-view .height-controller .photo-well-media-scrappy-view + .photo-notes-scrappy-view::after {
    content: " ⿹📝" ;
    position: fixed ;
    display: inline-block ;
    float: left ;
    clear: left ;
    width: 34px ;
    height: 22px ;
    line-height: 22px ;
    left: 1500px ;
    bottom: 0px ;
    padding: 0px ;
    border-radius: 3px ;
    font-weight: bold ;
    text-align: center ;
    font-size: 14px ;
    opacity: 0.4 ;
    visibility: visible ;
    z-index: 500!important;
    transition: opacity 0.1s ease 0s, transform 0.5s ease 0s ;
}
.fluid.html-photo-page-scrappy-view .photo-page-scrappy-view .height-controller .photo-notes-scrappy-view.box-hovered:hover:after {
    content: "📝  Add a Note: \A Hold down \A LEFT mousebutton \A and drag an area" ;
    height: 50px ;
    line-height: 12px ;
    min-width: 150px ;
    bottom: 5px ;
    padding: 0 5px ;
    font-size: 13px ;
    white-space: pre ;
    cursor: move ;
    transform: scale(1) ;
    text-align: left ;
    z-index: 500 !important;
    opacity: 1 ;
color: red ;
}

/* START == GM Super_preloaderPlus_one_New == POOL DISC/GAL CAPTION */
/* FAVS  */
.sp-separator + .photo-list-view,
.fluid.html-favorites-page-view .photo-list-view ~ .photo-list-view + .sp-separator + .photo-list-view {
    margin-top: 24px !important;
}
/* END == POOL DISC/GAL CAPTION == */




/* START == ORGANIZE ==== */
#findr {
    width: 1905px !important;
}
#findr_mover_div {
    min-height: 85px !important;
    left: 0;
    position: relative;
    top: 0;
}

/* END == ORGANIZE == */


/* START == STATS ==== */
#bod {
    display: inline-block !important;
    margin-top: -20px !important;
}
#breakdown ,
#Main h2.breakdown ,
#refs ,
#Main h2.refs ,
#mostviewed ,
#Main h2.mostviewed ,
#Main #snapshot ,
#Main h2.snapshot ,
#graph {
    width: 760px !important;
}
#graph {
    margin-left: 14px !important;
}
#Main h2.mostviewed  {
    position: absolute !important;
    display: inline-block !important;
    top: -14px !important;
    right: 20px !important;
}
#mostviewed  {
    position: absolute !important;
    display: inline-block !important;
    top: 45px !important;
    right: 20px !important;
}
#mostviewed div div {
    margin-top: -2px !important;
    padding: 2px !important;
}
#mostviewed div div a ,
#mostviewed div div a:visited {
    display: inline-block !important;
    padding: 2px !important;
}
#Main h2.breakdown {
    position: absolute !important;
    display: inline-block !important;
    top: 570px !important;
    right: 20px !important;
}
#breakdown {
    position: absolute !important;
    display: inline-block !important;
    top: 615px !important;
    right: 20px !important;
    padding: 0 !important;
}
#breakdown .left,
#breakdown .mdl,
#breakdown .right {
    margin-top: 34px !important;
    float: left;
    width: 226px;
}
/* END == STATS PAGES ==== */


/* START == CTS RELAD (ACT/MEMB/CONT/MAIL) ===== */

/* CTS - TOP HEAD */
.contact-list-header {
    position: absolute ;
    display: inline-block ;
    width: 1340px ;
    height: 30px ;
    top: 80px ;
    left: 250px ;
    padding: 0 4px ;
}
/*  CTS - FOL */
table.contact-list-table {
    position: absolute ;
    display: inline-block  ;
    width: 1345px ;
    left: 250px ;
    margin-top: 30px ;
}
/* CTS - PEOP YOU FOL - YOU LIST THEM "NOTHING YET"= */
.contact-list-nothingyet:after {
    content: "X" ;
    position: absolute ;
    left: -20px ;
    font-size: 20px ;
color: red ;
}
/*  PEOP YOU FOL - PHOT of - ONE BY USER - SMALL THUMB */
.HoldPhotos {
    width: 980px !important;
    margin-left: 418px !important;
outline: 1px solid violet;
}
.HoldPhotos p.RecentPhotos {
    font-size: 0 ;
}
p.RecentPhotos  a[href^="/people/"]  {
    display: inline-block ;
    width: 70px ;
    height: 16px ;
    line-height: 18px ;
    margin-top: 2px ;
    font-size: 11px ;
    text-overflow: ellipsis ;
    white-space: nowrap ;
    overflow: hidden ;
}
/* CTs */
#Main > table.contact-list-table ,
#Main > table.contact-list-table.contact-list-table-default {
    min-width: 1357px !important;
    max-width: 1357px !important;
    margin-top: 30px !important;
}
.contact-list-table.contact-list-table-default>tbody>tr ,
.contact-list-table.contact-list-table-default>thead ,
.contact-list-table.contact-list-table-default>tbody ,
.contact-list-table.contact-list-table-default>thead>tr {
    display: inline-block ;
    width: 1357px ;
}

.contact-list-table.contact-list-table-default>thead>tr>th:first-of-type {
    padding-left: 31px !important;
}
.contact-list-table.contact-list-table-default>thead>tr>th.contact-list-name {
    width: 605px !important;
    padding-left: 12px ;
    font-size: 18px ;
}
td.contact-list-name {
    width: 612px ;
}
.contact-list-table.contact-list-table-default>thead>tr>th.contact-list-num {
    width: 100px ;
    text-align: center ;
}
th.contact-list-num ,
td.contact-list-num {
    width: 120px !important;
    text-align: center ;
}
td.contact-list-num a {
    display: inline-block ;
    width: 100% ;
    min-width: 90px ;
    max-width: 90px ;
    padding: 2px 0 ;
    border-radius: 3px ;
    text-align: center ;
}
td.contact-list-last {
    width: 125px ;
    text-align: center ;
}
.contact-list-table.contact-list-table-default>thead>tr>th.contact-list-location {
    width: 190px ;
    padding-left: 0px ;
    font-size: 18px ;
}
.contact-list-table.contact-list-table-default tbody td.contact-list-location{
    width: 167px !important;
    text-align: left ;
}
.contact-list-table.contact-list-table-default>thead>tr>th.contact-list-added.contact-list-sorted {
    width: 140px !important;
    padding-left: 8px ;
    font-size: 17px ;
}
td.contact-list-added.contact-list-sorted {
    width: 194px !important;
    text-align: center ;
}
.contact-list-table tbody tr .contact-list-name > a:not([id*="CFS"]) span  ,
.contact-list-table tbody tr .contact-list-name > a {
    position: relative ;
    display: inline-block ;
    height: 15px ;
    top: 0px ;
}
.contact-list-table tbody tr .contact-list-name > a[id*="CFS"] span {
    float: left !important;
    font-size: 15px ;
}
.contact-list-table tbody tr .contact-list-name > a +span +span.contact-list-fullname ,
.contact-list-table tbody tr .contact-list-name > a +span +span.contact-list-nofullname {
    text-align: left ;
    white-space:pre-wrap ;
}
td.contact-list-youthem {
    width: 160px ;
    text-align: right ;
}

.contact-list-table>thead>tr>th ,
.contact-list-table td ,
.contact-list-num a {
border: 1px solid gray !important;
}

/* CTS - PAG */
.contact-list-table + #paginator-module.Pages  {
    position: absolute ;
    display: inline-block ;
    height: 25px ;
    margin-bottom: 20px ;
    top: -6px ;
    right: 519px ;
    white-space: nowrap ;
}
.contact-list-table + #paginator-module.Pages .Results {
    margin-top: 12px ;
    text-align: center;
}
#tagspanid {
    position: relative ;
    display: inline-block ;
    width: 100% ;
    padding: 1px 0 1px 5px ;
}
#tagslist > p {
    position: relative ;
    display: inline-block !important;
    float: right ;
    clear: both ;
    width: 900px ;
    height: 720px ;
    right: 10px ;
    top: 50px ;
    padding: 0 10px ;
    overflow: hidden ;
    overflow-y: auto ;
}
/* ==== CTS ==== */
/* CTS - PAG */
.PeopleResults ~ #paginator-module {
    position: absolute ;
    left: 975px ;
    top: 0px ;
    width: 30% ;
}
/* CTS/ALB - TOP HEA - === */
body.zeus.quirks Table#SubNav {
    display: inline-block ;
    width: 70% ;
    margin-bottom: 20px ;
    margin-top: 10px ;
    margin-left: 250px ;
    text-align: center ;
}
body.zeus.quirks Table#SubNav tbody {
    display: inline-block ;
    width: 100% ;
    padding: 5px ;
    text-align: left ;
    border-radius: 5px ;
border: 1px solid gray ;
}
body.zeus.quirks Table#SubNav + h3 {
    width: 90% ;
    margin-left: 50px ;
    text-align: center ;
}
.PeopleResults {
    display: inline-block ;
    width: 660px ;
    margin: 20px auto 20px -500px ;
}
#tagslist +h3 +.PeopleResults {
    float: left ;
    margin: 20px auto 20px -500px ;
}
#tagslist +h3 +.PeopleResults > tbody {
    display: inline-block ;
    margin-left: 540px ;
...

Reviews

No reviews yet.