Flickr using at its maximum a WideScreen
/* ==UserStyle==
@name Flickr WideScreen - BigONE v.314 (USw)
@namespace flickr.com
@version 3.140.00
@author decembre
@description Flickr using at its maximum a WideScreen
@icon https://external-content.duckduckgo.com/ip3/blog.flickr.net.ico
@license unlicense
==/UserStyle== */
@-moz-document domain("flickr.com"), domain("na.ads.yahoo.com"), domain("combo.staticflickr.com") {
/* ++++ Flickr WideScreen - BigONE v314 (new314) (USw) - TEST - 3Th NEW DESIGN - MEREGED Part 1+2 + Dark ++++ */
/* ==== A - FLICKR - Ab - Flickr WideScreen - BigONE v.314 (new314) (USw)- TEST DATE - 3Th NEW DESIGN - ANTI JUMP NO BETA - Merge Part(1+2) No Dark ==== */
/* GM ANTI NAG - "Flickr Pro Nag Remover" by Vuccala (2024):
https://greasyfork.org/fr/scripts/472918-flickr-pro-nag-remover
Removes the obnoxious "Upgrade to Flickr Pro to hide these ads" nag screen (that normally appears every 6 image slides) by deleting the 'adCounter' cookie that tracks your slideshow clicks.
=== */
/* MEMO SIZE ===
.ju.photo-display-container .pool-photo.photo-display-item [src$="_t.jpg"]
// sq - SQUARE SIZE 75 - 75x75 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/sq/
// q - SQUARE SIZE 150 - 150x150 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/q/
// t - Thumbnail - 80x100 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/t/
// s - SMALL 240 - 192x240 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/s/
// n - SMALL 320 - 3256x320 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/n/
// w - SMALL 400 - 320x400 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/w/
// m - MEDIUM 500 - 400x500 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/m/
// z - MEDIUM 640 - 512x640 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/z/
// c - MEDIUM 800 - 640x800 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/c/
// l - LARGE 1024 - 819x1024 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/l/
// h - LARE 1600 - 1080x1350 - https://www.flickr.com/photos/derek_animal/52154319200/sizes/h/
SMALL:
src="https://live.staticflickr.com/65535/52460738956_5ef310b22c_t.jpg"
LARGE
src="https://live.staticflickr.com/65535/52460738956_5ef310b22c_b.jpg"
=== */
/* (new313) TEST - GM "Drop My Flickr Links!" by stanleyqubit (2024):
https://greasyfork.org/fr/scripts/493773-drop-my-flickr-links
== */
/* (new313) GM "Drop My Flickr Links!" - PHOT */
.fluid.html-photo-page-scrappy-view .dmfl-dropdown-container.dmfl-main-photo-page.dmfl-engagement-view {
position: fixed !important;
right: unset !important;
left: -24px !important;
top: 0.4vh !important;
opacity: 0.3 !important;
transform: scale(0.6) !important;
transition: opacity ease 0.7 !important;
z-index: 5000000000 !important;
}
/* HOVER */
.fluid.html-photo-page-scrappy-view .dmfl-dropdown-container.dmfl-main-photo-page.dmfl-engagement-view:hover {
position: fixed !important;
right: unset !important;
left: -35px !important;
top: 0.5vh !important;
opacity: 1 !important;
transform: scale(1) !important;
transition: opacity ease 0.7 !important;
z-index: 5000000000 !important;
}
.fluid.html-photo-page-scrappy-view .dmfl-dropdown-container .dmfl-dropdown-content.dmfl-engagement-view {
position: fixed !important;
right: unset !important;
left: -148px !important;
top: 0vh !important;
opacity: 0.3 !important;
transition: opacity ease 0.7 !important;
z-index: 5000000000 !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
/*border: 1px solid aqua !important;*/
}
/* (new313) GM "Drop My Flickr Links!" - PHO - HOVER */
.fluid.html-photo-page-scrappy-view .dmfl-dropdown-container:hover .dmfl-dropdown-content.dmfl-engagement-view {
position: fixed !important;
right: unset !important;
left: -150px !important;
top: 0vh !important;
opacity: 1 !important;
transition: opacity ease 0.7 !important;
z-index: 5000000000 !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
/*border: 1px solid aqua !important;*/
}
/* (new313) GM "Drop My Flickr Links!" - PHO - REPLACE FLICKR DOWNLOAD BUTTON */
.fluid.html-photo-page-scrappy-view .fluid-share-photo-view.engagement-item + .dmfl-dropdown-container.dmfl-main-photo-page.dmfl-engagement-view {
position: fixed !important;
right: unset !important;
left: 110px !important;
top: 0.4vh !important;
opacity: 0.3 !important;
transform: scale(0.6) !important;
transition: opacity ease 0.7 !important;
z-index: 1 !important;
/*border: 1px solid aqua !important;*/
}
/* (new313) GM "Drop My Flickr Links!" - PHO - HOVER */
.fluid.html-photo-page-scrappy-view .fluid-share-photo-view.engagement-item + .dmfl-dropdown-container.dmfl-main-photo-page.dmfl-engagement-view:hover {
position: fixed !important;
display: inline-block !important;
height: 50vh !important;
right: unset !important;
left: -55px !important;
top: 0vh !important;
border-right: 170px solid rgba(0,0,0,0.2) !important;
opacity: 1 !important;
transform: scale(1) !important;
transition: opacity ease 0.7 !important;
z-index: 0 !important;
/*background-color: green !important;*/
/*border: 1px solid aqua !important;*/
}
/* (new313) GM "Drop My Flickr Links!" - PHO */
.dmfl-dropdown-container:hover .dmfl-dropdown-content.dmfl-engagement-view .dmfl-dropdown-entry a{
background-color: rgba(0,0,0,0.8);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dmfl-dropdown-container:hover .dmfl-dropdown-content.dmfl-engagement-view .dmfl-dropdown-entry a:hover {
background-color: rgba(0,0,0,1) !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dmfl-dropdown-container:hover .dmfl-dropdown-content.dmfl-engagement-view .dmfl-dropdown-entry-preview-button{
font-size: 0 !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
}
.dmfl-dropdown-container:hover .dmfl-dropdown-content.dmfl-engagement-view .dmfl-dropdown-entry-preview-button:before{
content: "👁️🗨️" !important;
display: inline-block !important;
height: 1.9vh !important;
line-height:2.8vh !important;
width: 25px !important;
font-size: 18px !important;
border-radius: 100% !important;
overflow: hidden !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
}
/* (new313) GM "Drop My Flickr Links!" - THUMBNAIL */
.dmfl-dropdown-container.dmfl-thumbnail {
position: absolute;
display: inline-block !important;
height: 100% !important;
min-height: 15px !important;
max-height: 15px !important;
max-width: 15px !important;
padding: 3px;
opacity: 0.5 !important;
transform: scale(0.6) !important;
background-color: rgba(0,0,0,0.8);
border: 1px solid red !important;
}
.dmfl-dropdown-container.dmfl-thumbnail:hover {
position: absolute;
display: inline-block !important;
height: 100% !important;
min-height: 15px !important;
max-height: 15px !important;
max-width: 15px !important;
padding: 3px;
opacity: 1 !important;
border-radius: 3px !important;
transform: scale(1) !important;
background-color: rgba(0,0,0,0.8);
border: 1px solid red !important;
}
.dmfl-dropdown-container.dmfl-thumbnail .dmfl-dropdown-button.dmfl-populated {
height: 15px !important;
width: 15px !important;
transform: scale(1) !important;
}
.dmfl-dropdown-container.dmfl-thumbnail:hover .dmfl-dropdown-button.dmfl-populated {
font-size: 14px !important;
transform: scale(1) !important;
background-color:#777775 !important;
}
.dmfl-dropdown-container.dmfl-thumbnail:hover .dmfl-dropdown-entry a {
height: 1.2vh !important;
font-size: 14px !important;
background-color: rgba(0,0,0,0.8);
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dmfl-dropdown-container.dmfl-thumbnail:hover .dmfl-dropdown-entry a {
background-color: rgba(0,0,0,1) !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
.dmfl-dropdown-container.dmfl-thumbnail:hover .dmfl-dropdown-content .dmfl-dropdown-entry-preview-button {
font-size: 0 !important;
background-color: rgba(0,0,0,0.8) !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
}
.dmfl-dropdown-container.dmfl-thumbnail:hover .dmfl-dropdown-content .dmfl-dropdown-entry-preview-button:before{
content: "👁️🗨️" !important;
display: inline-block !important;
height: 1.2vh !important;
line-height: 1.2vh !important;
width: 25px !important;
font-size: 18px !important;
border-radius: 100% !important;
overflow: hidden !important;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
}
/* (new313) GM "Drop My Flickr Links!" - THUMBNAIL - SETTINGS - INDICATOR */
.dmfl-dropdown-container.dmfl-thumbnail:hover .dmfl-dropdown-button.dmfl-populated:before {
content: "⚙️" !important;
position: absolute !important;
display: inline-block !important;
height: 12px !important;
line-height: 12px !important;
width: 10px !important;
top: 0 !important;
left: -14px !important;
padding: 0 2px !important;
font-size: 9px !important;
text-align: center !important;
border-radius: 5px 0 0 5px !important;
background-color:red !important;
}
/* (new313) GM "Drop My Flickr Links!" - ALL - REVIEW MODAL*/
.dmfl-preview-background {
z-index: 555500000 !important;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,1);
}
/* (new313) GM "HD" */
/* (new313) GM "HD" - POOL SMALL - HD INDICATOR */
#pool-photos.sm .thumb:has(img:not(.video-play-icon)[src$="_w.jpg"]):before{
content: "HD" !important;
position: absolute !important;
display: inline-block ;
width: 15px !important;
height: 8px !important;
line-height: 10px !important;
bottom: -4vh !important;
padding: 0 !important;
font-size: 8px !important;
opacity: 0.4 !important;
color: gold !important;
border: 1px dashed #333 !important;
}
/* (new313) GM "HD" - POOL JUSTIFIED - HD INDICATOR */
.ju.photo-display-container .pool-photo.photo-display-item .thumb.wide:has([src$="_b.jpg"])::before {
content: "HD" !important;
position: absolute !important;
display: inline-block ;
width: 15px !important;
height: 8px !important;
line-height: 10px !important;
bottom: -4vh !important;
left: 30px !important;
padding: 0 !important;
font-size: 8px !important;
opacity: 0.4 !important;
color: gold !important;
border: 1px dashed #333 !important;
}
/* (new313) GM "HD" - NOTIF - HD INDICATOR html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item .thumb-container a.notification-photo-thumb[style*='background-image: url('][style*='_b.jpg']::before */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item .thumb-container a.HD::after {
content: "HD" !important;
position: absolute !important;
display: inline-block ;
width: 15px !important;
height: 8px !important;
line-height: 10px !important;
top: 5vh !important;
left: -30px !important;
padding: 0 !important;
font-size: 8px !important;
opacity: 0.4 !important;
color: gold !important;
border: 1px dashed #333 !important;
}
/* (new313) GM "HD" - SEARCH - HD INDICATOR */
.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view .photo-list-tile-view.forced-aspect-ratio .photo.HD::after {
content: "HD" !important;
position: absolute !important;
display: inline-block ;
width: 15px !important;
height: 8px !important;
line-height: 10px !important;
bottom: 1vh !important;
left: 50px !important;
padding: 0 !important;
font-size: 8px !important;
opacity: 0.4 !important;
color: gold !important;
border: 1px dashed #333 !important;
}
/* (new313) GM "HD" - PHOTO OF - HD INDICATOR */
.HoldPhotos p.RecentPhotos .photo_container:has([src*="_w.jpg"]) a:not([title="Play Video"])::before {
content: "HD" !important;
position: absolute !important;
display: inline-block ;
width: 15px !important;
height: 8px !important;
line-height: 10px !important;
bottom: -2vh !important;
right: 0px !important;
padding: 0 !important;
font-size: 8px !important;
opacity: 0.4 !important;
color: gold !important;
border: 1px dashed #333 !important;
}
/* (new313) GM "HD" - PHOTO OF - PEOP YOU FOL - PHOT of - ONE BY USER - SMALL THUMB */
.HoldPhotos:has([src*="_w.jpg"]) {
width: 1400px !important;
margin-left: 218px !important;
/*outline: 1px solid violet; */
}
.HoldPhotos:has([src*="_w.jpg"]) p.RecentPhotos {
width: 260px !important;
font-size: 0 ;
padding: 5px !important;
border-radius: 5px !important;
background: #333 !important;
}
.HoldPhotos:has([src*="_w.jpg"]) p.RecentPhotos .photo_container a img:not(.video-play-icon) {
height: 117px !important;
width: 100% !important;
object-fit: contain !important;
/*border: 1px solid silver !important;*/
}
.HoldPhotos:has([src*="_w.jpg"]) span.photo_container + br + div {
display: inline-block ;
height: 2vh !important;
line-height: 1vh !important;
width: 255px !important;
font-size: 15px !important;
padding: 0 5px !important;
margin: -2vh 0 0 -5px !important;
border-radius: 5px !important;
background: #333 !important;
/*border: 1px solid silver !important;*/
}
.HoldPhotos:has([src*="_w.jpg"]) .RecentPhotos a[href^="/people/"] ,
.HoldPhotos:has([src*="_w.jpg"]) .RecentPhotos span.photo_container + br + div + a[href^="/people/"] {
display: inline-block !important;
height: 1.5vh !important;
line-height: 1.5vh !important;
width: 255px !important;
font-size: 13px !important;
padding: 0 0px !important;
margin: 0.3vh 0 0 0px !important;
opacity: 1 !important;
visibility: visible !important;
border-radius: 5px !important;
color: peru !important;
background: #333 !important;
/*border: 1px solid silver !important;*/
}
/* HOVER */
.HoldPhotos p.RecentPhotos [id^="FCO-photo-"] a[href^="/people/"]:hover ,
.HoldPhotos p.RecentPhotos [id^="FCO-photo-"]:hover a[href^="/people/"] ,
.HoldPhotos:has([src*="_w.jpg"]) p.RecentPhotos span.photo_container + br + div:hover + a[href^="/people/"] ,
.HoldPhotos:has([src*="_w.jpg"]) p.RecentPhotos:hover span.photo_container + br + div + a[href^="/people/"] {
position: absolute !important;
display: inline-block !important;
height: 1.5vh !important;
line-height: 1.5vh !important;
width: 255px !important;
font-size: 13px !important;
padding: 0 0px !important;
margin: 0.3vh 0 0 -128px !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 5000 !important;
border-radius: 5px !important;
/*color: gold !important;*/
background: #333!important;
/*border: 1px solid silver !important;*/
}
/* (new311) TEST PHO - FOR MODAL */
html.fluid.html-photo-page-scrappy-view.scrolling-layout #stacking-overlay-container[style="display: block;"] .fluid-modal-overlay {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 75vh !important;
max-height: 75vh !important;
width: 100% !important;
min-width: 32vw !important;
max-width: 32vw !important;
left: unset !important;
top: 13vh !important;
right: 0 !important;
z-index: 500000 !important;
background: #11111147 !important;
}
/* (new311) MODAL DOWNLOAD */
.fluid.html-photo-page-scrappy-view.scrolling-layout .modal.subview-modal.download-interstitial-modal {
min-width: 40% !important;
max-width: 40% !important;
right: -500px !important;
margin: 0 0px 0 0 !important;
background: #111 !important;
}
.download-interstitial-modal .photo-page-download-interstitial-view .download-interstitial-container .interstitial-text-container {
display: flex;
flex-direction: column;
margin: 0% 5% 0 0;
width: 100%;
}
.download-interstitial-modal .photo-page-download-interstitial-view .interstitial-upsell-container {
max-width: 0% !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .modal.subview-modal.download-interstitial-modal .licensing-attribution-container p + p {
display: none !important;
}
/* (new310) TEST - FLIKR SIGNED OUT - NEW CSS :HAS() ===
.fluid.html-photo-page-scrappy-view:has(.signed-out-icon)
.fluid.html-photo-page-scrappy-view:has(a[data-track="gnSignin"])
==== */
.fluid.html-photo-page-scrappy-view:has(a[data-track="gnSignin"]) .photo-page-scrappy-view .sub-photo-container.centered-content .sub-photo-content-container .attribution-view {
position: fixed !important;
display: inline-block !important;
width: 585px !important;
height: 100% !important;
min-height: 0 !important;
max-height: 0 !important;
margin: 0 0 0 0 !important;
padding: 0 !important;
top: 4.5vh !important;
right: 0 !important;
left: unset !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 500000000000 !important;
/*background-color: red !important;*/
border-top: 1px solid #333 !important;
}
.fluid.html-photo-page-scrappy-view:has(a[data-track="gnSignin"]) .sub-photo-right-view .sub-photo-right-row1 {
position: fixed !important;
display: inline-block !important;
height: 0 !important;
padding: 0 !important;
/*border: 1px solid yellow !important;*/
}
.fluid.html-photo-page-scrappy-view:has(a[data-track="gnSignin"]) .sub-photo-right-view .sub-photo-right-row1 > .sub-photo-right-stats-view {
height: 3vh !important;
width: 223px;
line-height: 2.5vh !important;
margin: 0 0 0 0px !important;
padding: 0 0 0 10px !important;
/*border: 1px solid yellow !important;*/
}
.fluid.html-photo-page-scrappy-view:has(a[data-track="gnSignin"]) .view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list::after {
content: "👁️🗨️";
left: 1645px !important;
}
.fluid.html-photo-page-scrappy-view:has(a[data-track="gnSignin"]) .sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view {
position: fixed !important;
display: inline-block !important;
min-width: 112px !important;
max-width: 112px !important;
height: 100% !important;
min-height: 3vh !important;
max-height: 3vh !important;
line-height: 2vh !important;
margin: 0 0 0 0 !important;
padding: 0 0px 0 5px !important;
top: 9vh !important;
right: 120px !important;
left: unset !important;
text-align: left !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 500000000000 !important;
/*background-color: red !important;*/
/*border-top: 1px solid #333 !important;*/
border-left: 1px solid #333 !important;
}
.fluid.html-photo-page-scrappy-view:has(a[data-track="gnSignin"]) .sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-posted {
display: inline-block !important;
min-width: 202px !important;
max-width: 202px !important;
line-height: 1.5vh !important;
margin: 0px 0px 0px 0px !important;
padding: 0 0px 0 0 !important;
font-size: 16px;
text-align: left !important;
transition: background-color .2s ease-in-out;
}
/*(new313) PhotoShow (ADDON) Adaptation :has()- FlickR - v.312 ==== */
/* ALL - SUPP VIEWER FOR CERTAIN IMAGES */
/* PhotoShow (ADDON) - BUDDY */
/* https://combo.staticflickr.com/pw/images/buddyicon11_l.png#187147635@N02 */
#photoShowViewer:has(img[src*="https://combo.staticflickr.com/pw/images/bbuddyicon"]) ,
#photoShowViewer:has(img[src*="https://combo.staticflickr.com/pw/images/bbuddyicon02_l.png"]) ,
#photoShowViewer:has(img[src*="https://combo.staticflickr.com/pw/images/bbuddyicon11_l.png"]) ,
#photoShowViewer:has(img[src*="https://combo.staticflickr.com/pw/images/buddyicon11_l.png#187147635@N02"]) ,
#photoShowViewer .photoshow-img-wrapper:has(img[src*="/buddyicon"]) ,
#photoShowViewer:has(img[src*="/buddyicon"]) .photoshow-img-wrapper ,
#photoShowViewer:has(img[src*="/buddyicon"]) ,
#photoShowViewer:has(img[src*="/buddyicons/"]) ,
/* PhotoShow (ADDON) - ICON - ORGANIZE - ARROWS / CLOSE */
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/calendar_arrow_right.gif"]) ,
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/calendar_arrow_left.gif"]) ,
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/candy_findr_beg_disabled.gif"]) ,
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/candy_findr_prev_disabled.gif"]) ,
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/findr_dragger_hover.gif"]) ,
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/findr_dragger_default.gif"]) ,
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/caret_closed.gif"]) ,
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/window_close_grey.gif"]) ,
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/gray_button_caret_hover.gif"]) ,
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/gray_button_caret_split_hover.gif"]) ,
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/candy_findr_beg_hover.gif"]) ,
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/candy_findr_end_hover.gif"]) ,
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/candy_findr_prev_hover.gif"]) ,
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/candy_findr_next_hover.gif"]) ,
/* PhotoShow (ADDON) - ICON - BUDDY CONTACT TRIGGER */
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/personmenu_up_hover.gif"]) ,
/* PhotoShow (ADDON) - ICON - DATE TRIGGER */
#photoShowViewer:has(img[src="https://live.staticflickr.com/65535/53049942523_46706c1d76_b.png"]) ,
/* PhotoShow (ADDON) - ICON STAR FAV ARCH (not FAVED) SPACEBAL gif */
#photoShowViewer:has(img[src="https://combo.staticflickr.com/pw/images/spaceball.gif"]) ,
/* PhotoShow (ADDON) - CONTACT - COVER */
#photoShowViewer:has(img[src*="/coverphoto"]) ,
/* PhotoShow (ADDON) - MAP */
#photoShowViewer:has(img[src*="https://api.mapbox.com/"]) ,
/* PhotoShow (ADDON) - BUDDY ARROW */
#photoShowViewer:has(img[src*="personmenu_down_"]) ,
/* PhotoShow (ADDON) - POLL - PHOTO COVER */
#photoShowViewer:has(img[src*="/coverphoto/"]) ,
/* PhotoShow (ADDON) - GM BASE64 - Scroll to to Bottom by Midpoint */
#photoShowViewer:has([src*="data:image/png;base64,iVBORw0KGg"]) {
position: fixed !important;
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
transform: unset !important;
top: -100vh !important;
pointer-events: auto !important;
}
/* (new310) SUPP ELEMENT NOT USABLE BECAUSE NOT SIGNED */
.fluid.html-photo-page-scrappy-view:has(a[data-track="gnSignin"]) .sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .owner-name + .owner-name-with-by.truncate + .follow-view.clear-float.photo-attribution {
display: none !important;
}
/* (new310) SIGN IN MODAL */
.fluid.html-photo-page-scrappy-view:has(a[data-track="gnSignin"]) .modal.html-modal.signup-modal {
position: fixed !important;
width: 600px;
min-height: 39vh !important;
max-height: 39vh !important;
margin: auto;
bottom: 0 !important;
border-radius: 3px;
pointer-events: all;
box-shadow: 0 1px 6px rgba(0,0,0,.2);
background-color: #111 !important;
}
.fluid.html-photo-page-scrappy-view:has(a[data-track="gnSignin"]) .modal.html-modal.signup-modal .body .content {
font-size: 14px;
min-height: 60px;
overflow-y: auto;
padding: 0 !important;
}
.fluid.html-photo-page-scrappy-view:has(a[data-track="gnSignin"]) .modal.html-modal.signup-modal .body .content .avatar.big {
height: 80px !important;
width: 80px !important ;
}
/* (new310) POOL CLASSIC - ANNOUCEMENT TOP BNNER */
.top-banner.announcement {
position: fixed;
display: inline-block !important;
width: 58.5% !important;
top:4vh;
left: 30%;
right: 0%;
margin: 0 0 0 0 !important;
z-index: 50000000;
border-left: 5px solid #7d0808 !important;
border-right: 5px solid #7d0808 !important;
background-color: #43494d;
}
.top-banner.announcement .banner-content {
display: inline-block !important;
width: 100% !important;
padding: 0 0 !important;
color: silver !important;
}
.top-banner.announcement .banner-content .message-container {
display: inline-block !important;
width: 100% !important;
margin: 0 !important;
}
.top-banner.announcement .banner-content .message-container p {
display: inline-block !important;
width: 100% !important;
padding: 0 0 !important;
color: silver !important;
}
.top-banner .banner-content .message-container a {
color: peru !important;
}
/* (new309) TEST SCROLLBAR DARK and GRAK TINY */
/* FIREFOX */
*:not(select) {
scrollbar-color: #797979 #111 !important;
scrollbar-width: thin !important;
}
/* Chrome and derivatives*/
::-webkit-scrollbar {
max-width: 6px !important;
max-height: 6px !important;
background: rgba(79, 140, 201, .6) !important;
}
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track,
::-webkit-scrollbar-track-piece {
background: red !important;
}
::-webkit-scrollbar-thumb {
background: yellow !important;
border-radius: 0px !important;
}
::-webkit-scrollbar-corner:hover,
::-webkit-scrollbar-track:hover,
::-webkit-scrollbar-track-piece:hover {
background: transparent !important;
}
::-webkit-scrollbar-thumb:hover {
background: transparent!important;
}
/* (new309) TEST 3th NEW DESIGN - PB FOUC */
.fluid.html-photo-page-scrappy-view .photo-content-upper-container .photo-well-scrappy-view {
flex: 1;
width: 100% !important;
min-width: 100% !important;
/*background: red !important;*/
}
/* TEST IFRAME SETTINGS */
iframe[src="https://www.flickr.com/account/privacy"]{
position: fixed;
top: 0px;
left: 10% !important;
width: 80% !important;
height: 4vh !important;
padding: 2vh 50px !important;
z-index: 500000000 !important;
background: red;
border: 1px solid aqua !important;
}
.fluid.html-account-settings-page-view:not(:hover) .groups-beta-row {
position: fixed !important;
display: inline-block !important;
top: 2vh !important;
right: 2% !important;
margin: 0vh 0 0 0 !important;
padding: 1px 50px;
white-space: nowrap!important;
z-index: 500000000 !important;
background: red !important;
}
.fluid.html-account-settings-page-view:hover .groups-beta-row {
position: fixed !important;
display: inline-block !important;
top: 2vh !important;
right: 2% !important;
padding: 1px 50px;
white-space: nowrap!important;
z-index: 500000000 !important;
background: green !important;
}
.fluid.html-account-settings-page-view .groups-beta-row span.groups-beta-label {
display: inline-block !important;
}
.fluid.html-account-settings-page-view .groups-beta-row a.groups-beta-link {
display: inline-block !important;
width: 300px !important;
}
iframe[src="https://www.flickr.com/account/privacy"]:hover{
position: fixed !important;
display: inline-block !important;
top: 0px;
left: 10% !important;
width: 80%;
height: 80vh !important;
padding: 2vh 1px;
z-index: 500000000;
background: brown !important;
border: 1px solid aqua
}
li.toplink.upload-icon-link + .opensettings {
position: absolute !important;
float: none !important;
height: 3vh !important;
line-height: 2.2vh !important;
width: 100% !important;
width: 30px !important;
top: -5px !important;
left: 40px !important;
margin: 0px 0px 0 0!important;
padding: 0px !important;
border-radius: 100%;
font-size: 20px;
text-align: center !important;
cursor: pointer;
z-index: 5000000 !important;
background: yellow!important;
}
/* PHOTO / ALB LIST PAGE */
.gn-tools button.opensettings {
position: absolute !important;
display: inline-block !important;
float: none !important;
height: 3vh !important;
line-height: 3.3vh !important;
width: 100% !important;
min-width: 30px !important;
max-width: 30px !important;
top: -5px !important;
left: -40px !important;
margin: 0px 0px 0 0!important;
padding: 0px !important;
border-radius: 100%;
font-size: 20px;
text-align: center !important;
cursor: pointer;
z-index: 5000000 !important;
/*background: fuchsia !important;*/
}
.gn-tools button.opensettings + li[role="menuitem"] .notifications-menu-view {
position: fixed !important;
display: inline-block !important;
float: none !important;
height: 3vh !important;
line-height: 3.3vh !important;
width: 100% !important;
min-width: 30px !important;
max-width: 30px !important;
top: 0vh !important;
left: 98.5% !important;
margin: 0px 0px 0 0!important;
padding: 0px !important;
border-radius: 100%;
font-size: 20px;
text-align: center !important;
cursor: pointer;
opacity: 1 !important;
visibility: visible !important;
z-index: 50000000 !important;
/*background-color: red!important;*/
/*border: 1px solid fushia !important;*/
}
/* SEARCH PAGES */
.html-search-photos-unified-page-view button.opensettings {
position: absolute !important;
display: inline-block !important;
float: none !important;
height: 3vh !important;
line-height: 3.3vh !important;
width: 100% !important;
min-width: 30px !important;
max-width: 30px !important;
top: -5px !important;
left: -20px !important;
margin: 0px 0px 0 0!important;
padding: 0px !important;
border-radius: 100%;
font-size: 20px;
text-align: center !important;
cursor: pointer;
z-index: 5000000 !important;
/*background: fuchsia !important;*/
}
.closesettings {
display: none !important
}
iframe[src="https://www.flickr.com/account/privacy"] +.closesettings {
position: fixed !important;
display: inline-block !important;
top: 0.5vh !important;
left: 11% !important;
height: 3vh !important;
line-height: 2vh !important;
width: 100% !important;
width: 50px !important;
padding: 5px !important ;
border-radius: 5px !important;
z-index: 500000000 !important;
background: gold !important;
border: 1px solid aqua
}
/* GO TOTOPOOL */
/*.GoToPool {
display: inline-block;
position: absolute;
top: 0;
right: 0;
height: 15px;
line-height: 15px;
width: 15px;
background-color: green;
font-size: 10px;
border-radius: 50%;
text-align: center;
padding: 1px;
opacity: 0.5;
transition: opacity 0.7s ease !important;
}
.GoToPool:hover {
font-size: 8px !important;
background-color: #b3ddb3 !important;
opacity: 1 !important;
transition: opacity 0.7s ease !important;
}*/
/*.GoToPool:visited {
background-color: gold !important;
}*/
/* (new298) EVENTS */
.events-page-view .events-home-page-container .section-row-header h3 {
width: 100% !important;
text-align: center !important;
}
/* (new310) MODAL - ADD TAGS - HELPER =
cf https://www.flickr.com/groups/helpforum/discuss/72157721921681934/
=== */
.sub-photo-tagging-modal h4:before {
content: '⚠' !important;
position: absolute !important;
display: inline-block !important;
width: auto !important;
margin: -1vh 0 0 0px !important;
right: 60px !important;
padding: 3px !important;
font-size: 25px !important;
white-space: pre-wrap !important;
overflow: hidden !important;
text-align: center !important;
border-radius: 5px !important;
color: gold !important;
background: #111 !important;
border: 1px solid red !important;
}
.sub-photo-tagging-modal h4:not(:hover):after {
content: 'Hit "Enter" to add Tags !' !important;
position: absolute !important;
display: inline-block !important;
width: 300px !important;
height: 4vh !important;
line-height: 4vh !important;
margin: -1.3vh 0 0 70px !important;
font-size: 16px !important;
white-space: pre-wrap !important;
overflow: hidden !important;
text-align: center !important;
border-radius: 5px !important;
color: gold !important;
background: #111 !important;
border: 1px solid red !important;
}
/* HOVER */
.sub-photo-tagging-modal h4:hover:after {
content: "⩓ Hit 'Enter' to add Tags \A Hit the 'Done' button,\A loses the tags, they don't get entered " !important;
position: absolute !important;
display: inline-block !important;
width: 300px !important;
margin: -1.5vh 0 0 70px !important;
font-size: 14px !important;
white-space: pre-wrap !important;
overflow: hidden !important;
text-align: center !important;
border-radius: 5px !important;
color: gold !important;
background: #111 !important;
border: 1px solid red !important;
}
/* (new310) MODAL - ADD TAGS / PEOPLE ?? */
.sub-photo-add-tags-view.flickr-view-root-view{
height: 100%;
border-radius: 5px !important;
border: 1px solid red!important;
}
.tags-selection-list-view .tags-selection-list-container {
height: 100%;
min-height: 50vh !important;
max-height: 50vh !important;
overflow: auto;
border-bottom: 1px solid #cfd6d9;
}
.tags-selection-list-view .tags-selection-list-container .tags-selection-list li {
float: left !important;
clear: none !important;
width: 48% !important;
margin: 0 0 3px 2px !important;
}
.tags-selection-list-view .tags-selection-list-container .tags-selection-list li .tag-content .name-info {
display: flex;
flex-direction: column;
max-height: 4vh !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.tags-selection-list-view .tags-selection-list-container .tags-selection-list li .tag-content {
display: flex;
flex: 1 1 auto;
padding: 3px 0 !important;
word-break: break-word;
}
/* TAGS SELECTED */
.machine-tags-list + .tags-selection-list{
background: green !important;
}
.manage-link-container a {
color: peru !important;
}
.selection-search-container {
color: silver !important;
background: #111 !important;
}
/* (new310) TAGS ZEBBRA */
.tags-selection-list-view .tags-selection-list-container .tags-selection-list li {
border: 1px solid #797979 !important
}
/*.tags-selection-list-view .tags-selection-list-container .tags-selection-list li:nth-child(odd) ,*/
.tags-selection-list-view .tags-selection-list-container .tags-selection-list li:nth-child(4n+1) {
background: #111 !important;
}
.tags-selection-list-view .tags-selection-list-container .tags-selection-list li:nth-child(4n+3) {
background: #222 !important;
}
/*.tags-selection-list-view .tags-selection-list-container .tags-selection-list li:nth-child(even) ,*/
.tags-selection-list-view .tags-selection-list-container .tags-selection-list li:nth-child(4n+2) {
background: #222 !important;
}
.tags-selection-list-view .tags-selection-list-container .tags-selection-list li:nth-child(4n+4) {
background: #111 !important;
}
/* TAGS SEARCH ICON */
.selection-search-container::before {
width: 22px !important;
height: 22px !important;
opacity: 0.8 !important;
background: #222 url("https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png") no-repeat scroll -315px -231px !important;
}
/* (new225COM) ERRORS PAGES - CLICK MORE BUT GO TO EXPLORE PAGES */
/* ERROR 403 */
.fluid.html-fluid-error-page-view.scrolling-layout{
height: 99.8vh !important;
margin: 0 0 0 0 !important;
overflow: hidden !important;
}
.fluid.html-fluid-error-page-view.scrolling-layout .fluid-error-page-view {
height: 99.8vh !important;
margin: 0 0 0 0 !important;
overflow: hidden !important;
}
.fluid.html-fluid-error-page-view.scrolling-layout .fluid-centered {
max-width: 100% !important;
margin-left: auto;
margin-right: auto;
}
.fluid-error-page-container.message.is-http-403 ,
.fluid-error-page-view section {
margin: 1rem 0;
}
.fluid-error-page-view section.contextual-suggestions {
display: inline-block !important;
height: 70vh !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.fluid-error-page-view section.contextual-suggestions > .photo-list-view {
text-align: center !important;
height: 70vh !important;
padding: 0 10% !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.fluid-error-page-view section .photo-list-photo-view {
position: relative !important;
display: inline-block !important;
height: 125px !important;
margin: 5px !important;
background-position: 50% center;
background-repeat: no-repeat;
background-size: cover;
transform: unset !important;
}
/* ERROR - MORE BUT */
.fluid-error-page-view section.contextual-suggestions > .butt {
position: absolute !important;
margin: 0rem 0 0 -120px !important;
bottom: 6vh !important;
}
.fluid-error-page-view section.contextual-suggestions > a.butt:after {
content: ": ▶ Explore" !important;
}
/* TEST SCROLLBAR HIDDEN - scrollbar-width: none, - WORK ONLY ON TOP HTML / OR IFRAME ? */
html.styleguide body {
position: relative;
display: inline-block !important;
box-sizing: border-box;
padding: 0 0 0 0 !important;
min-height: 100%;
height: auto !important;
overflow-x: hidden !important;
/* scrollbar-width: none !important; */
/* overflow: -moz-scrollbars-none !important; */
/* scrollbar-width: unset !important; */
}
/* (new298) SUPP PUBS / GEO YAHOO / SPONS ETC... */
/* (new304) COMMENTS SMALL AWARDS - LETTERS */
.comment-list-view .comment-list-container .comment-list li .comment-item .content-container .comment-content img.flimoji ,
.comment-list-view .comment-list-container .comment-list li .comment-item .content-container .comment-content img[src^="https://flimg.flickr.com/?url="] {
display: inline-block !important;
min-height: 10px !important;
max-height: 10px !important;
min-width: 10px !important;
max-width: 10px !important;
margin: 0px 4px 0 4px !important;
background-color: transparent !important;
box-shadow: none !important;
border: 0px solid transparent !important;
appearance: none !important;
/*outline: 1px solid aqua !important;*/
}
.comment-list-view .comment-list-container .comment-list li .comment-item .content-container .comment-content img[src^="https://flimg.flickr.com/?url="][width="20"] {
height: 10px !important;
width: 2px !important;
margin: 0px 0px 0 0 !important;
background-color: transparent !important;
box-shadow: none !important;
border: 0px solid transparent !important;
appearance: none !important;
/*outline: 1px solid yellow !important;*/
}
/* (new295) PHO - COMMENTS - TEXT IMAGE GENERATOR - REDUCE SIZE - GLITTER-GRAPHICS.COM/MYSPACE/TEXT_GENERATOR */
.photo-comments.with-emoji-picker li.comment-list-item a[href="http://www.glitter-graphics.com/myspace/text_generator.php"] {
float: left !important;
width: 100% !important;
}
.photo-comments.with-emoji-picker li.comment-list-item img[src^="https://flimg.flickr.com/?"] ,
.photo-comments.with-emoji-picker li.comment-list-item a[href="http://www.glitter-graphics.com/myspace/text_generator.php"] img {
float: left !important;
width: 20px !important;
height: auto !important;
min-height: 2vh !important;
max-height: 2vh !important;
background: transparent !important;
}
.photo-comments.with-emoji-picker li.comment-list-item a[href="http://www.glitter-graphics.com/myspace/text_generator.php"] img[src*="empty.gif"] {
width: 1px !important;
min-height: 2vh !important;
max-height: 2vh !important;
}
/* (new306) REMOVE / REDUCE IMG IN COM (SUPP BADGE) */
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-holder .comment-content img.notsowide[src*=".gif"] ,
.sub-photo-comments-view .photosInComments .comments .comment .comment-content img ,
.sub-photo-comments-view .photosInComments .comments .comment .comment-content a:not([href$=".gif"]) img ,
.sub-photo-comments-view .photosInComments .comments .comment .comment-content img:not([src*=".gif"]) ,
.comment-content .notsowide ,
.comment-body span.photo_container a:not([href$=".gif"]) img.notsowide ,
.comment-body > p img ,
.comment-body > blockquote img {
display: block !important;
float: left !important;
clear: both !important;
width: 40px !important;
height: auto !important;
margin: 0 0 0 0 !important;
outline: 1px solid aqua !important;
}
.sub-photo-comments-view .photosInComments .comments .comment .comment-content img.flimoji {
max-width: 15px !important;
height: auto !important;
}
.sub-photo-comments-view .photosInComments .comments .comment .comment-content img[src*=".gif"] {
display: inline-block !important;
}
.comment-content b ,
.comment-content b > br {
display: block !important;
margin-bottom: 5px !important;
}
/* (new314) - SUPP AWARD UNAVIABLE */
.comment-list-view .comment-list-container .comment-list li .comment-item .content-container .comment-content a.no-outline ,
.comment-list-view .comment-list-container .comment-list li .comment-item .content-container .comment-content img {
height: auto;
max-width: 100%;
margin: 5px 20px 0 0 !important;
appearance: none !important;
background-color: transparent !important;
box-shadow: none !important;
border: 0px solid transparent !important;
outline: unset !important;
}
.comment-content img[src="https://live.staticflickr.com/65535/51092673876_8c35c4078c_o.gif"] ,
.comment-content img[src="https://live.staticflickr.com/65535/50125929893_6201fcf4c5.jpg"] ,
.comment-content img[src="https://live.staticflickr.com/65535/50126724062_95f059cf82.jpg"] ,
.comment-content img[src="https://farm1.static.flickr.com/183/404597909_dfd08c9d2f_s.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3037/2721443787_36cf9b9d4e_t.jpg?v=2"] ,
.comment-content img[src="https://farm6.static.flickr.com/5042/5269971096_9bd3d9a130_m.jpg"] ,
.comment-content img[src="https://c1.staticflickr.com/5/4232/35489523210_193801daf6_t.jpg"] ,
.comment-content img[src="https://live.staticflickr.com/65535/49421534796_80d4662d13_m.jpg"] ,
.comment-content img[src="https://c1.staticflickr.com/5/4889/45775522675_f3063f5df2_m.jpg"] ,
.comment-content img[src="https://c1.staticflickr.com/5/4505/37588071400_33492238d5_m.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3110/2696473281_9ff6138430_t.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3539/3423516888_3dd7d1d34b.jpg"] ,
.comment-content img[src="https://farm5.static.flickr.com/4109/5064421365_dd6134b9ff_o.jpg?1213566364"] ,
.comment-content img[src="https://farm4.static.flickr.com/3387/3606590492_fcc726bab5_m.jpg"] ,
.comment-content img[src="https://farm3.static.flickr.com/2457/3605742275_32f2dd2ee9_t.jpg"] ,
.comment-content img[src="https://farm5.static.flickr.com/4013/4439448540_e8b03a280b_o.jpg"] ,
.comment-content img[src="https://c1.staticflickr.com/5/4081/4828811828_a8260dca91_q.jpg"] ,
.comment-content img[src="https://c7.staticflickr.com/9/8074/28897168606_0aa0fac482_b.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3379/3573507116_23aeeaf3f5.jpg?v=0"] ,
.comment-content img[src="https://farm8.staticflickr.com/7323/9554114603_248d1613bd.jpg"] ,
.comment-content img[src="https://farm3.static.flickr.com/2742/4334880532_e09a61aa9a_m.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3348/5803378219_f83099a4fd_m.jpg"] ,
.comment-content img[src="https://farm4.staticflickr.com/3937/15480383555_f323a032cd_o.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3029/3013971348_219c21721f_o.jpg "] ,
.comment-content img[src="https://farm5.staticflickr.com/4863/45960917814_f3a1a40cba_m.jpg"] ,
.comment-content img[src="https://live.staticflickr.com/65535/51497436160_408627d518_m.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3407/3274187141_965ab53611_s.jpg"] ,
.comment-content img[src="https://c2.staticflickr.com/2/1679/26544097711_9553165e8f_m.jpg"] ,
.comment-content img[src="https://live.staticflickr.com/65535/51952215733_8ecb5ebe10_s.jpg/"] ,
.comment-content img[src="https://flimg.flickr.com/?url=http%3A%2F%2Fs206.photobucket.com%2Falbums%2Fbb198%2Fyanez500%2FA%20ARENA%2F%3Faction%3Dview%26amp%3Bcurrent%3Dsexyhandcuffs-1.jpg&h=cc71914314f55320ced998dfbeca19803997b848f398ebafccc76780cb7b20e2"] ,
.comment-content img[src="https://farm5.staticflickr.com/4527/37542717604_26d5b6aabf_z.jpg"] ,
.comment-content img[src="https://c3.staticflickr.com/1/497/31218505634_6b21098336_m.jpg"] ,
.comment-content img[src="https://farm3.static.flickr.com/2527/4101153476_83022abf62_m.jpg"] ,
.comment-content img[src="https://flimg.flickr.com/?url=http%3A%2F%2Fi36.tinypic.com%2F20b1k07.jpg&h=579eb6f4ff20d2840df3529575d3e1277e3a4ec67720d92349025b119b8baa56"] ,
.comment-content img[src="https://live.staticflickr.com/65535/49764229098_354358205a_m.jpg"] ,
.comment-content img[src="https://c1.staticflickr.com/9/8627/28179702352_5906f7ca44_z.jpg"] ,
.comment-content img[src="https://c1.staticflickr.com/9/8445/29065939705_e7bfe96621_n.jpg"] ,
.comment-content img[src="https://farm5.staticflickr.com/4705/26579053488_a74f7ff37d_m.jpg"] ,
.comment-content img[src='https://farm4.staticflickr.com/65535/31008282428_b73198e1f6_w.jpg"'] ,
.comment-content img[src="https://farm2.staticflickr.com/1862/44440061482_388daf7d98.jpg"] ,
.comment-content img[src="https://farm5.staticflickr.com/4771/40684079011_83bcc74184_m.jpg<br>"] ,
.comment-content img[src='https://farm4.staticflickr.com//65535/51805144765_80c3724717_m.jpg"'] ,
.fluid.html-photo-page-scrappy-view .comment-list-container ol.comment-list li.comment-list-item .comment-content img[src^="https://combo.staticflickr.com/ap/build/images/joypixels"][src$=".svg"] ~img[src^="https://combo.staticflickr.com/ap/build/images/joypixels"][src$=".svg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3032/3065484148_782cbe0689_o.gif?1186477904"] ,
.comment-content img[src="https://farm6.staticflickr.com/5488/14164991189_95119ce443_z.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3208/2877385192_15bf577df4_o.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3116/2876675879_ce93ca417c_o.jpg"] ,
.comment-content img[src="https://live.staticflickr.com/65535/49976251311_9ecb4cd9a2_m.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3032/3065484148_782cbe0689_o.gif? 1186477904"] ,
.comment-content img[src="https://farm66.staticflickr.com/65535/buddyicons/14685252@N20_m.j pg?1584129186"] ,
.comment-content img[src="https://farm5.static.flickr.com/4088/5117365621_5e42314163_o.jpg?1213566364"],
.comment-content img[src="https://flimg.flickr.com/?url=http%3A%2F%2Fsphotos.ak.fbcdn.net%2Fhphotos-ak-snc4%2Fhs960.snc4%2F75394_1679133986543_1483341146_1630015_2909911_n.jpg&h=00e48e1088db50e73913d45c5173966c856dda8ec189e77a6261d2aaad2b615c"] ,
.comment-content img[src="https://flimg.flickr.com/?url=http%3A%2F%2Fimg89.imageshack.us%2Fimg89%2F172%2Fimg4377abynaaiconomasgr.jpg&h=b3857e30f2658e0f41bb354fedda396e1a56d413eca4d9772af475447641340c"] ,
.comment-content img[src="https://farm3.static.flickr.com/2463/3940080058_408d60cd65_t.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3117/2647880346_9bebd42616_o.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3215/3079414349_b1b4dd142b_t.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3595/3518158929_f8b3d40cac_o.jpg"] ,
.comment-content img[src="https://farm6.staticflickr.com/5007/5271014990_e4b2796ef7_m.jpg"] ,
.comment-content img[src="https://farm5.static.flickr.com/4044/4376993122_85b219ff3b.jpg"] ,
.comment-content img[src="https://live.staticflickr.com/7862/46604780435_f5556f2724.jpg"] ,
.comment-content img[src="https://farm5.static.flickr.com/4068/4606242075_b6ddd43e60_t.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3592/3374853101_4c448aa3b2_o.jpg"] ,
.comment-content img[src="https://static.flickr.com/86/273278209_43f4629109_s.jpg"] ,
.comment-content img[src="https://farm8.staticflickr.com/7511/15223338573_c8eec3d2b5_m.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3174/2954289797_2c565bb382_s.jpg"] ,
.comment-content img[src="https://farm5.static.flickr.com/4002/4591655359_51dc43a80f_m.jpg"] ,
.comment-content img[src="https://farm8.staticflickr.com/7432/12870948625_671bbe0d88_m.jpg"] ,
.comment-content img[src="https://farm6.staticflickr.com/5002/5246089980_ce87f5ce86_s.jpg"] ,
.comment-content img[src="https://c5.staticflickr.com/8/7275/27945597516_ab75654894_m.jpg"] ,
.comment-content img[src="https://farm4.staticflickr.com/3678/13554452585_ff84bd9573_t.jpg"] ,
.comment-content img[src="https://farm6.staticflickr.com/5768/20686666248_5c10e128ee_o.gif"] ,
.comment-content img[src="https://farm8.staticflickr.com/7131/8153268290_68f51fed4c_m.jpg"] ,
.comment-content img[href="https://www.flickr.com/groups/helmets_choice/"] ,
.comment-content img[src="https://live.staticflickr.com/65535/50698540763_d42bc8cd0c_b.jpg"] ,
.comment-content img[src="https://farm3.staticflickr.com/2555/5824776740_0b34d75184_o.jpg"] ,
.comment-content img[src="https://farm3.staticflickr.com/2487/5817964280_4d39b92dae_o.jpg"] ,
.comment-content img[src="https://farm4.staticflickr.com/3837/15136479571_95f4ab8de4_s.jpg"] ,
.comment-content img[src="https://farm4.staticflickr.com/3837/15136479571_15b1113df9_t.jpg"] ,
.comment-content img[src="https://farm9.staticflickr.com/8216/8286961493_e54265ee47_q.jpg"] ,
.comment-content img[src="https://farm9.staticflickr.com/8380/8585250699_2f86a9b03b_o.png"] ,
.comment-content img[src="https://farm4.static.flickr.com/3123/2604052404_764a49df97_o.jpg"] ,
.comment-content img[src="https://farm5.static.flickr.com/4022/4423757648_6fb97b010e_o.jpg"] ,
.comment-content img[src="https://farm5.static.flickr.com/4035/4406890508_b2466cab41_t.jpg"] ,
.comment-content img[src="https://c2.staticflickr.com/8/7843/45722999915_a4d2c95055_m.jpg"] ,
.comment-content img[src="https://farm5.staticflickr.com/4752/39084947624_2c50a40db1_m.jpg"] ,
.comment-content img[src="https://farm9.staticflickr.com/8473/8105334132_f551a0a9a2_s.jpg"] ,
.comment-content img[src="https://farm2.staticflickr.com/1507/26213310931_5c0daae2f7_m.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3501/3840417327_8bc4f8422c_s.jpg"] ,
.comment-content img[src="https://farm8.staticflickr.com/7006/6445569709_8c2e355a12_s.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3294/5835155106_97526b8bdd.jpg"] ,
.comment-content img[src="https://farm4.staticflickr.com/3763/9308080921_4f75243df2_n.jpg"] ,
.comment-content img[src="https://farm3.staticflickr.com/2886/9310863748_1ccf85d6d5_n.jpg"] ,
.comment-content img[src="https://farm2.static.flickr.com/1367/4594779472_027952cf8d_s.jpg"] ,
.comment-content img[src="https://farm4.staticflickr.com/3806/13675862325_d04305413c_o.jpg "] ,
.comment-content img[src="https://farm4.staticflickr.com/3806/13675862325_d04305413c_o.jpg"] ,
.comment-content img[src="https://farm1.staticflickr.com/583/22031577238_a3493baf38_s.jpg%e2%80%9d"] ,
.comment-content img[src="https://c1.staticflickr.com/1/445/31120299244_368e8ac5d0_z.jpg"] ,
.comment-content img[src="https://live.staticflickr.com/65535/51107360035_cff600ec46_k.jpg"] ,
.comment-content img[src="https://live.staticflickr.com/65535/49576369888_114528a5c8_m.jpg"],
.comment-content img[src="https://c5.staticflickr.com/6/5002/30038685556_dc7516ba30_m.jpg"] ,
.comment-content img[src="https://farm6.staticflickr.com/5661/22418058433_8360ea1ec2_t.jpg"] ,
.comment-content img[src="https://live.staticflickr.com/65535/50504038108_91854dbdef_m.jpg"] ,
.comment-content img[src='https://farm4.staticflickr.com/65535/51376145767_3fbd1d5d01_m.jpg"'] ,
.comment-content img[src="https://farm6.static.flickr.com/5065/5883165961_7768e3d044_t.jpg"] ,
.comment-content img[src="https://farm6.static.flickr.com/65535/5755982042_05daf935f1_o.jpg"] ,
.comment-content img[src="https://flimg.flickr.com/?url=http%3A%2F%2Fwww.pasq.org%2Frab%2Fblog%2Flogo_group2.jpg&h=0bc3ee063ceadb1a492d61f6c8d30598e1d7c78df0b99850fb6daf2ff17fc657"] ,
.comment-content img[src="https://farm1.staticflickr.com/973/40997480534_fd39f89fd8_m.jpg"] ,
.comment-content img[src="https://live.staticflickr.com/65535/49970757507_d93e8f65f5_m.jpg"] ,
.comment-content img[src="https://farm5.static.flickr.com/4023/4649058475_5898d717f4_t.jpg"] ,
.comment-content img[src="https://farm9.staticflickr.com/8371/8512947811_2ffbd3c04f_t.jpg"] ,
.comment-content img[src="https://farm9.staticflickr.com/8371/8512947811_2ffbd3c04f_t.jpg"] ,
.comment-content img[src="https://farm9.staticflickr.com/8231/8452156770_74f607c48d_m.jpg"] ,
.comment-content img[src="https://farm3.static.flickr.com/2563/3935767548_7a7901511a_t.jpg?v=2"] ,
.comment-content img[src="https://farm3.static.flickr.com/2116/5790308929_2950bb2ee4_o.gif"] ,
.comment-content img[src="https://farm8.staticflickr.com/7240/7093216587_49c02598f4_t.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3538/3385576249_93313ce582_t.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3418/3379378176_6a7d0ed7fe_t.jpg"] ,
.comment-content img[src="https://farm3.static.flickr.com/2328/2335637311_c15e98b7a5_m.jpg"] ,
.comment-content img[src="https://farm3.static.flickr.com/2377/2367287407_8a2de10fa0_t.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3133/3205207705_b65fcf456a_m.jpg"] ,
.comment-content img[src="https://farm4.static.flickr.com/3552/3367858021_11d4c6ba76_m.jpg"] ,
.comment-content img[src="https://farm9.staticflickr.com/8086/8357428865_670e63250d_o.jpg"] ,
.comment-content img[src="https://c2.staticflickr.com/8/7843/45722999915_a4d2c95055_q.jpg"] ,
.comment-content img[src="https://static.flickr.com/96/267170263_b7a1d0b904_o.gif"] {
display: none !important;
}
/* (new218) NEW PUBS */
/* MOOOLA = Pépétes / somme d'argent
https://dictionnaire.reverso.net/anglais-francais/moola
=== */
[class*="moola"] ,
.explore-page-view .moola-default-banner-view ,
/* SUPP - PB PHO COMMENTS */
/* .fluid.html-photo-page-scrappy-view .photo-page-scrappy-view section> [class*="view"] , */
/* (new309)SUPP - PHOT */
html.scrolling-layout #detached-moola-container,
.photo-list-revenue-item-view ,
.photo-list-getty-item-view ,
.loading-text ,
.fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view + .fluid-droparound-overlay.transparent + .fluid-droparound-view + .fluid-droparound-view ,
.sub-photo-content-container > .sub-photo-right-view > div:not([class*="sub-photo-"]):not(.photo-charm-exif-scrappy-view) ,
.fluid.html-photo-page-scrappy-view .photo-page-scrappy-view section nav > [class*="view"] ,
.with-emoji-picker .attach-to-input .upward-arrow ,
#comments .adding-comment .html-info-trigger ,
#comments #reply.comment-block .comment-icon ,
.html-photo-page-scrappy-view .gift-pro-view ,
.photo-page-i-m-container,
.photo-page-i-m-container .upgrade-to-pro-cta,
.photo-page-m-container,
.photo-page-m-container .upgrade-to-pro-cta ,
/* OTHERS */
div[class*="-moola-"] ,
.photo-list-view .photo-list-moola-item-view ,
.photo-charm-exif-scrappy-view + div:not([class^="view sub-photo-"]) ,
summary ,
.sub-photo-right-view summary ,
.fluid.html-search-photos-unified-page-view #content .search-tools-view + .requiredToShowOnServer[class*="view"] ,
.getty-widget-view ,
.getty-search-widget-view ,
.sub-photo-container.centered-content .getty-photopage-view ,
/* SUPP -PHO - FAVE RED */
.sub-photo-left-view > .sub-photo-fave-view.faves-present .ui-icon-fave-star ,
.photo-engagement-view .fave-view a.fave-star.false.is-faved svg.icon-fave ,
.photo-engagement-view .fave-view a.fave-star.is-faved svg.icon-fave ,
.view.photo-engagement-view .view.fave-view .fave-star.false .icon-fave_hollow ,
.photo-engagement-view .fave-view a.fave-star.false.is-faved svg.icon-fave_hollow ,
#global-nav #gb-ac-wrap.droparound-with-storage #gb-ac-panel .pro-hook-container ,
.NoneFound .SortOptions ,
.sub-photo-tags-people-view .c-contact-search-autocomplete .contact-list + input.add-person + .contact-autocomplete-arrow ,
.feed-rail-view .feed-rail .feed-rail-content-container .rail-items-container .rail-item.flat ,
.photo-page-leader-moola-view ,
.moola-sticky-view ,
.footer-full-view .foot-banner-container.fixed ,
#testimonials .avatar.person.small>span ,
.cookie-banner-reg ,
.sub-photo-left-view > .sub-photo-fave-view i ,
.ForumPost + br ,
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) tr:last-of-type td + td > a.pro-badge-new svg ,
.ad-card ,
.New ,
.html-feed-new-page-view .feed-b ,
.feed-page-view .feed .moola-card ,
.feed-page-view .feed-b,
.feed-page-view .feed-b .upgrade-to-pro-cta,
.activity-card.ad-card.pro-upsell-card ,
a[href="/account/upgrade/pro"] ,
.ad-card ,
.html-feed-new-page-view .feed-b ,
.sub-photo-left-view > .sub-photo-fave-view.faves-present svg.icon ,
.opt-out-widget .feedback ,
.opt-out-widget .optout-toggle .divider ,
.optout-toggle>a ,
.fluid.html-group-home-page-view .fluid-droparound-overlay ,
.main.moola-search-div ,
.signup-footer ,
.photo-page-lightbox-scrappy-view .photo-well-view.enable-zoom .facade-of-protection-neue,
.photo-page-lightbox-scrappy-view .photo-well-view.dark.enable-zoom .facade-of-protection-neue ,
#group-sidebar .pending.sec h3.group-subhead ~ p ,
#foot ,
.view.old-magic-email-banner-view ,
.modal.html-modal[style="top: 50%; left: 50%; margin-top: -218.5px; margin-left: -300px; max-height: inherit; max-width: inherit; overflow: visible;"] ,
.nav-banner-container ,
.featured-toast-view .featured-toast ,
.featured-toast-view.activated ,
#Hint img ,
#invites-and-comments div#comments div#comments-list ol#photo-activity.mixed li.comment-block.comment-deleted ,
#pool-photos.ju[style^="padding-left: 345px;"] .row:empty ,
#pool-photos.sm .photo-display-item:hover .remove-from-group img ,
.TopicReply td h3 ,
.sn-navitem>span>br ,
#you-subnav-more-butt ,
ul.sn-dropdown .sn-dropdownitem.sn-divider ,
.subnav-refresh .sn-avatar.sn-avatar-size-0 img.sn-avatar-ico,
.subnav-refresh .sn-avatar.sn-avatar-size-48 img.sn-avatar-ico,
.subnav-refresh .sn-avatar.sn-avatar-size-60 img.sn-avatar-ico,
.subnav-refresh .sn-avatar.sn-avatar-size-100 img.sn-avatar-ico ,
.photo-display-item .play ,
.spaceball ,
.fluid.html-favorites-page-view .footer-full-view ,
.zoom-modal .zoom-photo-container .facade-of-protection-zoom ,
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view-OLD > .facade-of-protection-neue ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view-OLD > .facade-of-protection-neue ,
.photo-engagement-view > div.print-button-view .print-button-container .new ,
.sub-photo-tags-tag-view:empty ,
.recommended-groups-in-list h5:first-of-type +h5 ,
.fluid .tag-page-view .related-groups-view .result-cards .result-card .text-content:after ,
.fluid .coverphoto-gradient ,
.fluid .avatar.group::after,
.fluid .avatar.group::before ,
.fluid .avatar.group::after, .fluid .avatar.group::after ,
.fluid.html-photostream-page-view body::after ,
.fluid.html-photostream-page-view .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view.closed ,
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view.closed a.search-toggle span.active,
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view.closed a.search-toggle span.active:before ,
.follow-view.is-real-fullscreen ,
.main-logo ,
.global-nav-view .global-nav .global-nav-content .flickr-logo-container ,
.global-nav-view .global-nav .global-nav-content .flickr-logo-container .main-logo ,
#global-nav .logo ,
.global-nav-content .main-logo ,
#global-nav .logo .refresh-logo-2013, #global-nav .logo .refresh-logo-2013-2x ,
#global-nav #gb-ac-panel .usage .upgrade ,
#global-nav #gb-ac-panel.new-account-menu .usage .upgrade ,
.option-getty ,
#gpt-photostream-interstitial ,
.sub-photo-submoola-view ,
.fluid.html-photo-page-ad-scrappy-view .sub-photo-ad-view .sub-photo-title-desc-view ,
.fluid.html-photo-page-ad-scrappy-view .photo-page-ad-scrappy-view .sub-photo-ad-view,
.sub-photo-moola-view .sub-photo-left-view ,
.moola-container ,
#global-nav #gn-wrap .nav.small-logo .toplink[class="toplink"]:last-of-type ,
#gpt-feed-billboard ,
.cookie-banner-view ,
.fluid .fluid-chalkboard-overlay .balls,
.fluid .fluid-droparound-overlay .balls,
.fluid .fluid-modal-overlay .balls ,
.global-nav .global-nav-content .gn-tools li:last-of-type .account-menu-view .c-account-buddyicon span.exceed-warning-dot .exclamation ,
.global-nav .global-nav-content .gn-tools li:last-of-type .account-menu-view .c-account-buddyicon span.exceed-warning-dot ,
.content.html-only.no-scroll ,
.global-nav .global-nav-content .nav-menu > li.gn-get-pro ,
.img[src="https://s.yimg.com/pw/images/spaceout.gif"] ,
.ad-iframe-shim ,
.html-feed-page-view .ad-iframe-container ,
.privacy-footer-view.hidden ,
.footer-full-view.requiredToShowOnServer.privacy-footer .privacy-footer-view.hidden ,
.footer-full-view.requiredToShowOnServer.privacy-footer ,
.slideshow-view .slideshow-well-view > .facade-of-protection-neue ,
html body #main #sihp-flickr-pro-upsell ,
.card.ad-card ,
.CAN_ad ,
img[width="1"] ,
.lrec-ad-container ,
.CAN_ad ,
.GoogleActiveViewClass ,
#groups-list #groups_ad ,
#sponsored-groups ,
#FCR_main>h3 ,
.DiscussionResults>tbody tr td:first-of-type:not(.Who) .Topic p > b b ,
.notification-banner-view .basic-banner.head-banner-style:not(:hover) .banner-content ,
.notif-banner.announcement:not(:hover) .banner-content ,
.unscaleBtn ,
.unscaleBtn ,
#sp-fw-container ~.fluid-droparound-overlay.transparent ,
#GoodStuff #MemberList tr:first-of-type ,
#MemberList tr[valign="bottom"] ,
.char_search +#MemberList tr[valign="bottom"] ,
.gallery-page-view .gallery-page-container .details-section .description.hidden ,
.gallery-page-view .gallery-page-container .details-section .description.hidden ,
#groups-list .SetsContainer.GroupsCenterContainer .Sets .SetCase .setLinkDiv ,
#groups-list .SetsContainer.GroupsCenterContainer .Sets .SetCase .setLinkDiv .setThumb ,
.groups-list-item .divider ,
#gray_set_button_bar ~ #SubNav form >br ,
#ViewSet .vsDetails>p:empty ,
.Separated ,
#ViewSet .vsDetails > br ,
.feed-layout[style="margin-bottom: 40px;"] ,
.feed-layout[style="margin-bottom: 32px;"] ,
.html-feed-new-page-view .feed-new-page-content-container .feed-item:only-of-type ,
.AllMonths tbody tr + tr .CalendarBlank:last-of-type ,
.fluid.html-favorites-page-view div[style^="position: fixed;"] ,
#lowres-spinner ,
#lowres-photo,
#liquid-photo-buffer ,
.separator ,
.droparound.subview-droparound[style="max-height: 165px; min-height: 165px; width: 350px; left: 0px; top: 11px;"]:not(:hover) ,
img[src^="https://geo.yahoo.com/"] + .fluid-droparound-view ,
img + .fluid-droparound-view {
display: none !important;
}
/* Cf POOL PENDING MEMBER */
#GoodStuff table#InBox tbody tr:first-of-type {
display: none !important;
}
/* (new304) COMMENTS SMALL EMOJ */
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item .flimoji.emoji2x,
.comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item .flimoji.emoji2x{
display: inline-block !important;
min-height: 20px !important;
max-height: 20px !important;
width: 100% !important;
min-width: 20px !important;
max-width: 20px !important;
margin: 0px 5px 0 5px !important;
background-color: transparent !important;
box-shadow: none !important;
border: 0px solid transparent !important;
appearance: none !important;
/*outline: 1px solid aqua !important;*/
}
/* ALL SIZE - BYPASS PROTECTION */
#allsizes-photo .spaceball + img {
pointer-events: auto !important;
}
/* SEARCH SIDDEBAR - SUPP UPGRADE */
.search-container-w-sidebar .sidebar-column {
position: fixed !important;
flex: 0 0 auto;
width: 300px;
margin: 0 0 0 0 !important;
right: -16.3% !important;
top: 10vh !important;
padding: 5px !important;
border-radius: 5px 0 0 5px !important;
z-index: 5000 !important;
transition: all ease 0.7s !important;
}
.search-container-w-sidebar .sidebar-column:hover {
position: fixed !important;
right: 0% !important;
transition: all ease 0.7s !important;
border: 1px solid red !important;
}
.search-container-w-sidebar .sidebar-column .sidebar-content-container:before {
content: "◄" !important;
display: inline-block !important;
position: absolute !important;
width: 15px !important;
margin: 0 !important;
left: -32px !important;
top: 0 !important;
padding: 5px !important;
border-radius: 5px 0 0 5px !important;
z-index: 500 !important;
color: gray !important;
border: 1px solid red !important;
border-right: 1px solid transparent !important;
}
.search-container-w-sidebar .sidebar-column:hover .sidebar-content-container:before {
content: "▶" !important;
}
.search-container-w-sidebar .sidebar-column .sidebar-column-spacer{
margin-top: 0vh !important;
}
.search-container-w-sidebar .sidebar-column .rail-item.flat .ad-rail-card-view{
display: none !important;
}
.search-container-w-sidebar .sidebar-column .search-photos-layout a.photo-item{
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
border: 1px solid gray !important;
}
/* SEARCH POOL */
.fluid.html-search-groups-page-view #content {
margin-top: 6vh !important;
padding-bottom: 111px;
}
.fluid.html-search-groups-page-view #content .my-groups {
padding-top: 16px !important;
}
/* (new205) SEARCH - PEOPLE */
.search-people-page-view .search-container-w-sidebar-content {
margin-top: 20px !important;
}
/* MODAL - ALL */
.fluid .droparound {
z-index: 5000000 !important;
}
/* MODAL - PHO LICENCES */
.droparound.menu.photo-license-droparound{
z-index: 5000000 !important;
border: 1px solid #222 !important;
}
.droparound.menu.photo-license-droparound .droparrow.down {
left: 240px !important;
}
/* ZOOM MODAL - EVENTS (for ADDON) */
.zoom-modal .zoom-photo-container img {
pointer-events: auto !important;
}
/* PERSON MENU */
#person_hover #personmenu_contact_link > strong{
display: inline-block !important;
width: 160px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* ORGANIZE MENU */
.top_form_div .candy_button_bar .candy_menu a,
.top_form_div .candy_button_bar .candy_menu a:link {
font-size: 15px !important;
}
/* ADDS PHO - add txt" RELOAD" */
.photo-page-ad-scrappy-view .sub-photo-moola-view {
opacity: 1 !important;
}
.photo-page-ad-scrappy-view .sub-photo-moola-view .find-out-more {
position: fixed ;
display: inline-block !important;
width: 1200px ;
height: 600px;
left: 2%;
margin-top: -720px !important;
font-size: 0px;
border: 1px solid gray;
}
.photo-page-ad-scrappy-view .sub-photo-moola-view .find-out-more:before {
content: "RELOAD ...." !important;
position: fixed;
width: 1200px;
height: 600px;
line-height: 550px;
left: 0% ;
font-size: 40px;
color: gray;
}
/* NEW FLAG */
.flag-modal-view .flag-photo-container .flag-photo-content-container {
display: inline-block !important;
max-height: 52vh !important;
line-height: 15px !important;
padding: 0 5px 5px 10px !important;
overflow: hidden;
overflow-y: auto !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
.flag-photo-container .check-indicator {
margin-bottom: 0 !important;
}
/* TAGS */
.tag-page-view .tag-page-container {
min-width: 1908px !important;
max-width: 1908px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.tag-page-view .related-groups-view > h5 ,
.html-tag-page-view .search-results-header ,
.fluid h5.tag-list-header {
height: auto ;
line-height: 20px ;
padding: 5px ;
}
.fluid h5.tag-list-header{
margin: -10px 0 10px 0;
}
.tag-page-view .related-groups-view > h5{
margin: -10px 0 -10px 0;
}
.html-tag-page-view .search-results-header {
margin: -5px 0 -10px 0;
}
/* POOL HAPPY INF */
.InfoCase {
margin-left: 33%;
}
/* LOAD BAR */
.loader-bar {
opacity: 0.2 !important;
}
/* POSS PUB - ARROW INDIC */
/* FAV/PHOSTREAM/POOL/ */
.fluid.html-photo-page-ad-scrappy-view .photo-page-ad-scrappy-view .photo-well-scrappy-view .height-controller > .navigate-target[href*="/in/"] span.hide-text ,
.fluid.html-photo-page-ad-scrappy-view .photo-page-ad-scrappy-view .photo-well-scrappy-view-OLD .height-controller > .navigate-target[href*="/in/"] span.hide-text {
border: 1px solid rgba(255, 0, 0, 0.5) !important;
border-radius: 3px;
box-shadow: -5px 3px 10px rgba(255, 0, 0, 0.5) !important;
}
/* ==== START == DARK MINIMAL (D/M) ==== */
/* LOADER BAR - KEEP IT BLUE */
.loader-bar {
background: #128fdc !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}
.loader-bar::after,
.loader-bar::before {
display: none !important;
}
/* (D/M) PHOTO - #222 */
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item:focus .selection-item-content,
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item:hover .selection-item-content ,
.add-comment-view .comment-area .text-area-section .text-area-wrapper .comment-arrow::before ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound ,
.fluid.html-photo-page-scrappy-view {
background: #222 ;
}
/* (D/M) PHOTO - #333 */
.sub-photo-add-tags-view.flickr-view-root-view ,
.fluid.html-photo-page-scrappy-view .text-area-wrapper.always-expanded .comment-field {
background: #333 !important;
}
/* (D/M) PHOTO - BLACK */
.context-slider-scrappy-view.hover,
.context-slider-scrappy-view {
background: black !important;
}
/* (D/M) PHOTO */
.stuff-selection-view .stuff-selection .stuff-selection-search-container input.stuff-selection-search ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea {
color: gray;
background-color: rgb(0, 0, 0);
border: 1px solid #333 !important;
}
.add-to-stuff-view .nav .list-label {
color: gold !important;
}
.stuff-selection-list .item-title ,
.add-to-stuff-view .nav ul li span {
color: peru !important;
}
/* (D/M) TOP NAV HEADER - ALL */
.subnav-refresh .subnav-middle {
background: #333;
}
/* (D/M) GALLERRY */
.fluid .fluid-subnav {
background: #333;
}
/* (new217) (D/M) MODAL */
.fluid .modal {
background-color: #1E1D1D;
}
.fluid .fluid-chalkboard-overlay, .fluid .fluid-droparound-overlay, .fluid .fluid-modal-overlay {
background-color: transparent;
}
.add-to-stuff-view {
background: #151515 !important;
}
/* (D/M) COL - TEXT */
.fluid-modal-view .modal .content.text-only.has-footer ,
.searchified-options .searchified-options-sort ,
#SubNav .Section .LinksNew .Here ,
.Confirm ,
h4 a ,
h4 ,
h2 ,
h1 ,
p {
color: gray ;
}
/* (D/M) == END == TEST DARK MINIMAL ==== */
/* ==== DIVERS COUNTER (MOVE HERE for style Size) */
/* COUNTER - NOTIF BELL */
.notifications-panel-view .tab:last-of-type {
left: 120px !important;
}
.notifications-list-view:not(.hidden) {
counter-increment: myIndex !important;
}
.notifications-panel-view .notifications-list-view:not(.hidden) .notification-item-list li:before {
position: fixed ;
display: inline-block ;
min-width: 20px ;
content: counter(myIndex, decimal) ;
counter-increment: myIndex !important;
top: 25px ;
right: 475px ;
padding: 2px ;
border-radius: 5px ;
font-size: 15px ;
text-align: center ;
z-index: 10 ;
color: gold ;
border: 1px solid gray ;
background: red;
}
.notifications-panel-view .view.notifications-list-view.hidden + .notifications-list-view:not(.hidden) .notification-item-list li:before {
position: fixed ;
display: inline-block ;
min-width: 20px ;
content: counter(myIndex, decimal) ;
counter-increment: myIndex !important;
top: 25px ;
right: 120px ;
padding: 2px ;
border-radius: 5px ;
font-size: 15px ;
text-align: center ;
z-index: 10 ;
color: gold ;
border: 1px solid gray ;
background: green !important;
}
/* (new307)PHO - POLL LIST COUNT - Polllist */
.sub-photo-contexts-view .sub-photo-groups-view .sub-photo-context ul.context-list {
counter-increment: myIndexPolllist ! important;
counter-reset: myIndexPolllist 01 !important;
margin-left: -5px !important;
border-radius: 0px !important;
border-top: 1px solid #333 ;
}
.sub-photo-contexts-view .sub-photo-groups-view .sub-photo-context ul.context-list li {
border: 1px solid gray ;
}
.sub-photo-contexts-view .sub-photo-groups-view .sub-photo-context ul.context-list li:before {
counter-increment: myIndexPolllist;
content: counter(myIndexPolllist, decimal-leading-zero) ;
position: absolute;
display: inline-block !important;
width: 100% !important;
min-width: 17px ;
max-width: 17px ;
top: 0.7vh !important;
margin: 0 0 0 -20px !important;
border-radius: 10px !important;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
font-size: 10px ;
text-align: center ;
color: peru ;
z-index: 500000 !important;
background: rgba(62, 59, 59, 0.6) ;
}
/* (new310) POOL COUNT TOTAL */
.sub-photo-contexts-view .sub-photo-context.sub-photo-context-groups .context-list li:last-of-type:before {
position: fixed !important;
top: 28.6vh !important;
right: 150px !important;
padding: 2px 5px ;
opacity: 0.4 ;
}
/* (new307)YOUR POOL - ITEMS COUNT */
#groups-list {
counter-increment: myIndex ;
}
#groups-list .sec {
counter-reset: myIndex 00 ;
}
#groups-list .sec .groups-list-item:before {
counter-increment: myIndex ;
content: counter(myIndex, decimal-leading-zero);
position: absolute ;
display: inline-block ;
width: auto ;
min-width: 20px ;
margin: 0px 0 0 -20px ;
left: 0 !important;
padding: 2px ;
border: 1px solid gray ;
border-radius: 100% ;
text-align: center ;
font-size: 10px !important;
z-index: 10 ;
}
/* POOL - SEND INVIT - COUNT */
#Main > #subnav-template-positionmask + h1#Tertiary +table #GoodStuff {
counter-increment: myIndex ! important;
}
#GoodStuff p.NoResult ,
#GoodStuff p.Confirm {
counter-reset: myIndex 00 !important;
counter-increment: myIndex2 0 !important;
}
#GoodStuff p.NoResult + ul li:before ,
#GoodStuff p.Confirm + ul li:before {
display: inline-block ;
counter-increment: myIndex ;
content: counter(myIndex, decimal-leading-zero) ;
width: 30px ;
height: 15px ;
line-height: 15px ;
margin-right: 5px ;
margin-top: 0px ;
border-radius: 10px 0 0 10px ;
font-size: 10px ;
text-align: center ;
}
#GoodStuff p.NoResult + ul li:after ,
#GoodStuff p.Confirm + ul li:after {
display: inline-block ;
counter-increment: myIndex2 ;
content: counter(myIndex2, decimal-leading-zero) " Users";
position: absolute ;
min-width: 200px ;
top: 5px ;
left: 300px ;
border-radius: 5px ;
font-size: 20px ;
text-align: center ;
z-index: 10 ;
opacity: 0 ;
}
#GoodStuff p.Confirm + ul li:last-of-type:after {
opacity: 1 ;
}
#GoodStuff p.NoResult + ul li:last-of-type:after {
top: 395px ;
left: 700px ;
opacity: 1 ;
}
/* === END DIVERS COUNTERS === */
/* ALBUM - MODAL */
/* ALBUM - MODAL - VIEW DESC - MORE */
.fluid-modal-view .modal.html-modal.album-full-description {
position: fixed !important;
min-height: 700px !important;
max-width: 600px !important;
top: 47% !important;
left: 35% !important;
margin-left: 0 !important;
border-radius: 5px !important;
overflow: auto;
border: 1px solid red !important;
}
.fluid-modal-view .modal.html-modal.album-full-description .close-x {
top: 7px;
}
.fluid-modal-view .modal.html-modal.album-full-description .head .title {
padding: 5px 20px 5px;
border-radius: 5px 5px 0 0 !important;
}
.fluid-modal-view .modal.html-modal.album-full-description .body .content {
min-height: 690px !important;
max-height: 690px !important;
overflow-y: auto;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
/* PHO - MODAL - SHARE */
.fluid.html-photo-page-scrappy-view .modal.subview-modal.modal-restyle {
position: fixed !important;
display: inline-block !important;
height: auto !important;
min-height: 45vh !important;
top: 28vh !important;
left: unset !important;
right: 10px !important;
z-index: 5000000000 !important;
background: red !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .modal.subview-modal.modal-restyle .body .content {
font-size: 14px;
min-height: 60px;
padding: 0 !important;
}
.modal.subview-modal.modal-restyle .fluid-share-panel-view.restyle ,
.modal.subview-modal.modal-restyle .share-panel-body ,
.modal.subview-modal.modal-restyle .share-panels ,
.modal.subview-modal.modal-restyle .main-sharing-panel.share-panel ,
.modal.subview-modal.modal-restyle .share-link-types {
width: 100% !important;
}
/* SHARE - EMAIL */
.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel {
width: 550px !important;
height: 32vh !important;
margin: 4.2vh 0 0 30px !important;
padding: 10px !important;
}
.fluid-share-panel-view.restyle .link-type-buttons {
top: 15px ;
padding: 0 !important;
z-index: 5000 !important;
background: black !important;
}
/* SHARE - ALL */
.fluid.html-photo-page-scrappy-view .link-type-contents {
margin-top: -20px !important;
}
.fluid.html-photo-page-scrappy-view .link-type-content {
height: auto !important;
width: 473px !important;
margin-left: 2px !important;
}
.fluid.html-photo-page-scrappy-view .link-type-content.grab-link .network-buttons {
margin-bottom: 40px;
width: 450px !important;
}
.fluid.html-photo-page-scrappy-view .share-link-types.first-stop .link-type-contents > .link-type-content:nth-child(1) {
margin-right: 82px !important;
}
.fluid.html-photo-page-scrappy-view .network-buttons + .grab-link-text-field {
width: 434px !important;
}
.fluid.html-photo-page-scrappy-view .link-type-contents .grab-link-reminders {
margin: 10px auto;
width: 425px !important;
padding: 2px !important;
font-size: 21px !important;
}
.fluid.html-photo-page-scrappy-view .grab-link-privacy-reminder:not(.hide-reminder) {
display: inline-block !important;
white-space: pre-line !important;
word-wrap: normal !important;
}
.fluid.html-photo-page-scrappy-view .share-link-types.second-stop {
position: relative !important;
display: inline-block !important;
height: 337px;
width: 477px;
}
.fluid.html-photo-page-scrappy-view .link-type-content.html-embed{
margin-top: 38px !important;
margin-left: 65px !important;
}
.fluid.html-photo-page-scrappy-view .html-embed input.embed-code-text-field {
display: inline-block !important;
width: 451px !important;
padding: 0 !important;
white-space: pre !important;
overflow-wrap: break-word;
}
.fluid.html-photo-page-scrappy-view .share-link-types .embed-options {
float: right;
margin-top: 4px !important;
width: 274px !important;
}
.fluid.html-photo-page-scrappy-view .link-type-content.email-sharing-panel {
margin: 40px 0 0 46px !important;
}
.fluid-share-panel-view.restyle .email-sharing-panel .message-form {
width: 100% !important;
min-width: 100% !important;
margin: 0 !important;
}
.fluid-share-panel-view.restyle .share-link-types .link-type-contents .link-type-content.email-sharing-panel .fake-input {
max-height: 5.5vh !important;
min-height: 5.5vh !important;
width: 100% !important;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
background: #3333 ;
}
.fluid.html-photo-page-scrappy-view .fluid-share-panel-view .link-type-content.email-sharing-panel .fake-input {
min-height: 30px;
max-height: 30px;
width: 430px !important;
}
.fluid.html-photo-page-scrappy-view .fluid-share-panel-view .email-message-text-field {
width: 100% !important;
}
.fluid.html-photo-page-scrappy-view .fluid-share-panel-view .link-type-content.email-sharing-panel .fake-input.not-empty {
min-height: 30px;
max-height: 100px;
}
/* EMAIL INPUT */
.fluid.html-photo-page-scrappy-view .fluid-share-panel-view .link-type-content.email-sharing-panel .fake-input .email-recipient-text-field {
max-height: 30px;
min-height: 30px;
min-width: 190px !important;
padding: 2px 4px !important;
margin: 12px 0 0 8px !important;
color: gold !important;
background: black !important;
}
.fluid-share-panel-view.restyle .email-sharing-panel .pill {
position: relative !important;
display: inline-block !important;
vertical-align: top !important;
height: 35px !important;
line-height: 15px !important;
margin: 4px 0px 0 4px !important;
background-color: black !important;
border: 1px solid #333 !important;
}
/* SHARE - BB EMBED */
.fluid.html-photo-page-scrappy-view .link-type-content.html-bb-embed {
width: 520px !important;
margin-top: 60px !important;
margin-left: 30px !important;
z-index: 0 !important;
}
.fluid.html-photo-page-scrappy-view input.bb-code-text-field {
margin-left: -18px;
width: 469px !important;
}
.fluid.html-photo-page-scrappy-view .bb-code-size-field.embed-size-field {
width: 401px;
height: 34px;
left: -13px;
}
.fluid.html-photo-page-scrappy-view .embed-code-size-field {
margin-top: -128px !important;
width: 290px;
}
.fluid.html-photo-page-scrappy-view .share-link-types .embed-options {
float: right;
margin-top: 50px !important;
width: 274px;
}
/* (new295) SHARE - SIZE MENU DROPDOWN */
.fluid.html-photo-page-scrappy-view .droparound.over-modal {
position: fixed !important;
width: 295px;
min-height: 380px !important;
left: 1605px !important;
margin-top: -1vh !important;
z-index: 5000000 !important;
border-top: 3px solid red ;
}
.fluid.html-photo-page-scrappy-view .droparound.over-modal .body {
max-height: 580px !important;
overflow: auto;
}
.fluid.html-photo-page-scrappy-view .droparound.over-modal .body .content.menu ul[role="menu"] {
display: inline-block !important;
min-width: 235px !important;
max-width: 235px !important;
min-height: 355px !important;
max-height: 355px !important;
overflow: hidden !important;
overflow-y: auto !important;
border-bottom: 1px solid red ;
}
/* ALL SIZE MENU */
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.html.download-dialog-tooltip.auto-size {
position: fixed !important;
display: inline-block !important;
height: auto !important;
min-height: 15px !important;
max-height: 100% !important;
min-width: 215px !important;
max-width: 215px !important;
top: 143px !important;
box-shadow: 10px 10px 3px 1px rgba(0, 0, 0, 0.7) !important;
opacity: 1 !important;
z-index: 5000000 !important;
background: black !important;
border: 1px solid red!important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.html.download-dialog-tooltip.auto-size .body {
display: inline !important;
max-width: 290px !important;
}
.fluid .fluid-droparound-view .droparound.download-dialog-tooltip .content ul.sizes li:hover {
background-color: #222 !important;
}
.fluid .fluid-droparound-view .droparound.download-dialog-tooltip .content ul.sizes li a {
color: peru !important;
}
.fluid .fluid-droparound-view .droparound.download-dialog-tooltip .content ul.sizes li a:hover {
color: #b9d56e !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.html.download-dialog-tooltip.auto-size .droparrow.up {
top: -11px !important;
transform: rotate(0deg) !important;
}
/* POP MODAL - ACC */
.fluid-droparound-view .droparound.subview-droparound.auto-size.user-account-card-droparound {
left: 10px !important;
top: 41px !important;
}
.fluid-droparound-view .droparound.subview-droparound.auto-size.user-account-card-droparound .droparrow.down {
margin-right: -20px !important;
}
/* TOP - NAG LIMIT / LOG BAN */
.featured-toast-view .featured-toast {
opacity: 0.5 !important;
box-shadow: none !important;
}
/* (new304) TOP NAV - FLUID TOP HEAD - :not(.html-notification-center-page-view) */
html.fluid.html-photostream-page-view.scrolling-layout #content .photostream-page-view .fluid-magic-subnav-view .fluid-subnav-shim ,
html.fluid.html-group-pool-page-view.scrolling-layout #content[style="padding-bottom: 124px;"] .photostream-page-view .fluid-magic-subnav-view .fluid-subnav-shim {
position: fixed !important;
display: inline-block !important;
min-width: 99.8% !important;
max-width: 99.8% !important;
top: 0 !important;
margin: 0 0 0 0 !important;
padding: 0px !important;
z-index: 5000 !important;
background: olive !important;
/*border: 1px solid yellow !important;*/
}
html.scrolling-layou:not(.html-notification-center-page-view) #content .featured-banner-content.fluid-centered ,
html.scrolling-layout:not(.html-notification-center-page-view) #content .fluid-subnav-shim .subnav-content.fluid-centered {
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 0px !important;
background: #333 !important;
/*border: 1px solid aqua !important;*/
}
/* (new304) PHOTOSTREAM - THUMBNAIL - CONTAINER */
html.fluid.html-photostream-page-view.scrolling-layout #content .photostream-page-view .fluid-magic-subnav-view .fluid-subnav.with-overflow-menu.fixed {
position: fixed !important;
background: #333 !important;
}
html.fluid.html-photostream-page-view.scrolling-layout #content .photostream-page-view .fluid-magic-subnav-view + .photostream-content-container {
margin: 6vh 0 0 0 !important;
}
/* HIDDEN IMG VISIBLE - POOL JU */
.hideimg .img {
visibility: visible !important;
}
.global-nav-view .smug-mug-news {
position: absolute !important;
display: inline-block !important;
margin-top: 19px !important;
}
/* (new304) COR FLOAT - STREAM - EDIT BUT */
.secondary-tools .edit-link {
/*display: inline-block;*/
float: right;
height: 20px !important;
}
.fluid .fluid-magic-tools-view .fluid-magic-toolbar .edit-link .fluid-edit-icon {
display: inline-block;
margin-top: 17px !important;
}
.fluid .fluid-magic-tools-view .fluid-magic-toolbar .label-beta {
float: right;
margin-right: 5px !important;
margin-top: 9px;
}
.fluid .global-nav-view, .fluid .global-nav-view.requiredToShowOnServer ,
.global-nav-view .global-nav-shim.top-banner {
height: 50px !important;
}
/* A BIT MORE ABOUT YOU */
#Main>textarea[cols="78"][ rows="7"] {
margin-left: 77px;
}
/* START === PHO - MINTHUMB - SLIDER === */
/* .context-slider-scrappy-view .context-slider > .wrapper .slider .context-thumb.hover {
background-color: brown !important;
border: 1px solid red !important;
}*/
/* PHO - MINTHUMB - BACK TO */
.photo-well-scrappy-view .height-controller .entry-type ,
.photo-well-scrappy-view-OLD .height-controller .entry-type {
position: fixed;
top: 90.5vh !important;
height: 15px;
line-height: 15px;
width: 257px ;
left: 505px !important;
padding: 2px 5px ;
border-radius: 3px ;
opacity: 0.5 ;
z-index: 5000 !important;
border: 1px solid #404040;
}
/* (new308) PHOTO - MINI PHOT SLID */
.context-slider-scrappy-view.hover ,
.context-slider-scrappy-view {
position: absolute;
display: inline-block !important;
min-width: 100px ;
max-width: 100px ;
min-height: 25px ;
max-height: 25px ;
top: 22.3vh !important;
left: 1330px ;
overflow: hidden ;
z-index: 5000000 !important;
background-image: none !important;
background-color: rgba(30, 30, 30, 0.68) !important;
}
/* (new292) */
.context-slider-scrappy-view:hover ,
.context-slider-scrappy-view.hover:hover {
position: fixed !important;
max-width: 685px ;
min-width: 685px ;
height: 100% !important;
min-height: 65vh !important;
max-height: 65vh !important;
left: 1280px ;
top: 24.8vh !important;
padding-right: 0px ;
border-radius: 5px 0 0 5px !important;
opacity: 1 ;
overflow-y: auto ;
z-index: 50000000 !important;
background-color: rgba(30, 30, 30, 0.9) !important;
border: 1px solid red !important;
}
.context-slider-scrappy-view.hover .context-slider.big-slider ,
.context-slider-scrappy-view.hover:hover .context-slider.big-slider {
height: 100% ;
min-height: 50px ;
max-height: 100% ;
min-width: 100px ;
max-width: 100px ;
opacity: 1;
white-space: nowrap ;
z-index: 5000000 !important;
}
.context-slider-scrappy-view .context-slider > .wrapper {
position: relative;
min-height: 25px ;
min-width: 100px ;
max-width: 100px ;
top: -22px;
opacity: 1;
white-space: nowrap ;
transition: none !important;
}
.context-slider-scrappy-view .context-slider.small-slider ,
.context-slider-scrappy-view .context-slider.small-slider > .wrapper.is-ready ,
.context-slider-scrappy-view .context-slider.small-slider .wrapper.is-ready.clear-float.small-photos {
display: none !important;
min-width: 100px ;
max-width: 100px ;
height: 24px !important;
opacity: 1 !important;
transition: none !important;
}
.context-slider-scrappy-view .context-slider.small-slider > .wrapper.is-ready .slider {
position: fixed !important;
min-width: 100px ;
max-width: 100px ;
height: 24px !important;
left: 1332px !important;
top: 232px !important;
white-space: nowrap ;
overflow: hidden ;
}
.context-slider-scrappy-view.hover .context-slider.small-slider > .wrapper.is-ready .slider ,
.context-slider-scrappy-view:hover .context-slider.small-slider > .wrapper.is-ready .slider {
display: none !important;
}
.context-slider-scrappy-view .context-slider.big-slider ,
.context-slider-scrappy-view .context-slider > .wrapper .slider {
position: absolute ;
min-width: 100px ;
max-width: 100px ;
height: 25px ;
left: 0 !important;
margin-left: 0px !important;
white-space: nowrap ;
opacity: 1 !important;
}
.context-slider-scrappy-view:not(:hover) .context-slider.big-slider {
height: 100% ;
min-height: 25px ;
max-height: 25px ;
top: 0px !important;
}
.context-slider-scrappy-view.hover:not(:hover) .context-slider.big-slider > .wrapper ,
.context-slider-scrappy-view:not(:hover) .context-slider.big-slider > .wrapper {
min-width: 100px ;
max-width: 100px ;
height: 100% !important;
min-height: 25px !important;
max-height: 100% !important;
top: 0px !important;
padding: 0 !important;
transition: none !important;
white-space: nowrap !important;
overflow: visible !important;
}
/* (new292) */
.context-slider-scrappy-view.hover:hover .context-slider.big-slider > .wrapper ,
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper {
min-width: 650px ;
max-width: 100% ;
height: 100% !important;
min-height: 64vh !important;
max-height: 64vh !important;
top: 3vh !important;
left: 0px !important;
padding: 0 !important;
transition: none !important;
white-space: nowrap !important;
overflow: visible !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid #333 !important;
}
.context-slider-scrappy-view.hover:hover .context-slider.big-slider > .wrapper .slider ,
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider {
position: relative;
max-width: 615px !important;
min-width: 615px !important;
height: 100% !important;
min-height: 600px !important;
max-height: 100% !important;
top: 0px !important;
padding: 0 5px !important;
left: 18px !important;
overflow: visible !important;
transition: opacity 0.1s linear 0s;
white-space: nowrap !important;
border-right: 1px solid yellow !important;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider ,
.context-slider-scrappy-view.hover:hover .context-slider.big-slider > .wrapper .slider {
transition: none !important;
}
/* PHO - MINTHUMB - INDI ORIG - display: none OK */
.photo-well-scrappy-view .context-slider-scrappy-view.hover .context-slider.big-slider > .nav ,
.photo-well-scrappy-view .context-slider-scrappy-view .context-slider > .nav ,
.photo-well-scrappy-view-OLD .context-slider-scrappy-view.hover .context-slider.big-slider > .nav ,
.photo-well-scrappy-view-OLD .context-slider-scrappy-view .context-slider > .nav {
display: none !important;
position: fixed !important;
height: 36px !important;
width: 18px;
left: 1282px !important;
padding: 0;
z-index: 50000;
}
/*
.photo-well-scrappy-view-OLD .context-slider-scrappy-view.hover:hover .context-slider.big-slider > .nav.nav-l:not([style="display: none;"]) ,
.photo-well-scrappy-view-OLD .context-slider-scrappy-view:hover .context-slider > .nav.nav-l:not([style="display: none;"]) , */
.photo-well-scrappy-view .context-slider-scrappy-view.hover:hover .context-slider.big-slider > .nav.nav-l:not([style="display: none;"]) ,
.photo-well-scrappy-view .context-slider-scrappy-view:hover .context-slider > .nav.nav-l:not([style="display: none;"]) {
display: inline-block !important;
top: 476px;
border: 1px solid yellow !important;
}
/*.photo-well-scrappy-view-OLD .context-slider-scrappy-view.hover:hover .context-slider.big-slider > .nav.nav-r:not([style="display: none;"]) ,
.photo-well-scrappy-view-OLD .context-slider-scrappy-view:hover .context-slider > .nav.nav-r:not([style="display: none;"]) ,*/
.photo-well-scrappy-view .context-slider-scrappy-view.hover:hover .context-slider.big-slider > .nav.nav-r:not([style="display: none;"]) ,
.photo-well-scrappy-view .context-slider-scrappy-view:hover .context-slider > .nav.nav-r:not([style="display: none;"]) {
display: inline-block !important;
top: 516px;
border: 1px solid aqua !important;
}
.context-slider-scrappy-view.hover .context-slider.big-slider > .nav.nav-r span ,
.context-slider-scrappy-view.hover .context-slider.big-slider > .nav.nav-l span ,
.context-slider-scrappy-view .context-slider.big-slider > .nav.nav-r span ,
.context-slider-scrappy-view .context-slider.big-slider > .nav.nav-l span {
position: relative ;
display: inline-block ;
vertical-align: middle ;
line-height: 20px ;
height: 20px ;
width: 15px !important;
padding: 0 ;
text-align: center !important;
cursor: pointer;
z-index: 1;
opacity: 0.5 !important;
background-image: none;
}
.context-slider-scrappy-view.hover .context-slider.big-slider > .nav.nav-l span ,
.context-slider-scrappy-view .context-slider.big-slider > .nav.nav-l span {
top: 7px !important;
}
.context-slider-scrappy-view.hover .context-slider.big-slider > .nav.nav-r span ,
.context-slider-scrappy-view .context-slider.big-slider > .nav.nav-r span {
left: 0px !important;
top: 7px !important;
}
.context-slider-scrappy-view.hover .context-slider.big-slider > .nav.nav-r span:hover ,
.context-slider-scrappy-view.hover .context-slider.big-slider > .nav.nav-l span:hover ,
.context-slider-scrappy-view .context-slider > .nav-l span:hover ,
.context-slider-scrappy-view .context-slider > .nav-r span:hover {
opacity: 1 !important;
}
.context-slider-scrappy-view .context-slider > .nav-l span:before ,
.context-slider-scrappy-view .context-slider > .nav-r span:before {
position: absolute !important;
display: inline-block !important;
line-height: 20px ;
height: 20px ;
width: 17px !important;
text-align: right !important;
font-size: 15px ;
}
.context-slider-scrappy-view .context-slider > .nav-l span:before {
content: " ◄" ;
left: -16px !important;
color: gold ;
}
.context-slider-scrappy-view .context-slider > .nav-r span:before {
content: "►" ;
left: -15px !important;
color: tomato ;
}
/* MORE BIG */
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb:last-of-type ,
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.currentImage ,
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage ,
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb {
position: relative !important;
/*display: inline-block !important;*/
float: left !important;
clear: right !important;
height: 70px !important;
width: 70px !important;
margin: 1px !important;
left: 0 !important;
transition: none !important;
}
/* VISITED */
.context-slider-scrappy-view .context-slider > .wrapper .slider a.context-thumb {
border: 1px solid gray !important;
}
.context-slider-scrappy-view .context-slider > .wrapper .slider a.context-thumb:visited {
border: 1px solid tomato !important;
}
/* PHO - MINTHUMB - INDIC */
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage.currentImage {
outline: 1px dashed red !important;
}
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage.currentImage:not(:hover):after {
content: "🔺" ;
position: absolute ;
width: 15px ;
height: 15px ;
line-height: 15px;
display: inline-block ;
margin-top: 33px ;
margin-left: -18px ;
font-size: 10px ;
text-align: center ;
border: 1px solid red !important;
color: red ;
}
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type {
outline: 2px solid blue ;
}
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:not(:hover):last-of-type:after {
position: absolute ;
width: 20px ;
height: 15px;
line-height: 15px;
content: "🔴" ;
display: inline-block ;
margin-top: 33px ;
margin-left: -18px ;
border-radius: 100% ;
font-size: 5px !important;
text-align: center ;
color: red ;
}
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage.no-outline {
outline: 1px dashed black ;
}
/* (new246) PHO - MINITHUMB - ORIGIN INDICATOR */
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/"]:before {
display: inline-block !important;
position: fixed ;
transform: rotate(-90deg) ;
font-size: 15px ;
z-index: 500000 ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/photosof-"]:before {
content: "🔻 In Photos Of 🔻" ;
top: 49px ;
left: -69px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/explore-"]:before {
content: "🔻 In Explore 🔻" ;
top: 49px ;
left: -69px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/contacts/"]:before {
content: "🔻 In Contacts 🔻" ;
top: 49px ;
left: -69px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/pool-"]:before {
content: "🔻 In Pool 🔻" ;
top: 37px ;
left: -55px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/faves-"]:before {
content: "🔻 In Faves 🔻" ;
top: 40px ;
left: -60px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/album-"]:before {
content: "🔻 In Album 🔻" ;
top: 42px ;
left: -60px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/photostream/"]:before {
content: "🔻 In Photostream 🔻" ;
top: 64px ;
left: -83px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/datetaken/"]:before {
content: "🔻 In Photostream (by date) 🔻" ;
top: 93px ;
left: -113px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/gallery-"]:before {
content: "🔻 In Gallery 🔻" ;
top: 45px ;
left: -63px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/feed-"]:before {
content: "🔻 In Feeds 🔻" ;
top: 45px ;
left: -63px ;
}
/* PHO - MINTHUMB - NOT HOVER - THUMBNAIL - */
.context-slider-scrappy-view:not(:hover) .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage ,
.context-slider-scrappy-view:not(:hover) .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage[href*="/in/photostream/"] {
position: relative;
float: left;
clear: right;
width: 20px !important;
height: 20px !important;
margin: 1px;
transition: none 0s ease 0s ;
}
/* PHO - MINITHUMB - ERROR */
.context-slider-scrappy-view .loadingError {
height: 10px !important;
line-height: 10px !important;
margin-top: 9px !important;
text-align: left !important;
}
.context-slider-scrappy-view .loadingError p:last-of-type ,
.context-slider-scrappy-view .loadingError p:first-of-type {
display: inline-block !important;
height: 10px !important;
line-height: 10px !important;
margin-top: -20px !important;
font-size: 10px !important;
}
.context-slider-scrappy-view .loadingError p:last-of-type {
width: 100% !important;
min-width: 22px !important;
max-width: 22px !important;
padding: 0 3px !important;
}
.context-slider-scrappy-view .loadingError .ui-button.ui-button-cta {
position: absolute !important;
display: inline-block !important;
height: 100% !important;
min-height: 10px !important;
max-height: 10px !important;
width: 100% !important;
min-width: 20px !important;
max-width: 20px !important;
top: 13px !important;
right: 4px !important;
padding: 0 1px !important;
font-size: 8px !important;
}
/* == END === PHO - MINTHUMB - SLIDER === */
/* FLUID - ALL */
.fluid h5 {
line-height: 10px ;
}
.fluid.html-profile-page-view h1.truncate {
width: 364px ;
}
/* PROF STREAM - ABOUT */
.fluid.html-profile-page-view .profile-page-view .profile-container {
margin-top: -65px ;
}
.profile-bio-page-view .bio-description .description::after {
z-index: 0 !important;
}
.profile-bio-page-view .bio-description .description-container .description {
min-width: 80%;
}
/* PROF - STREAM CONTAINER */
.html-profile-page-view.scrolling-layout {
position: relative;
min-width: 100vw !important;
max-width: 100vw !important;
}
.html-profile-page-view .fluid-centered.photolist-container {
min-width: 100vw !important;
max-width: 100vw !important;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
padding: 0 0 0 0 !important;
}
/* PROF/STRE - POP MENU - FOL */
.fluid.html-photostream-page-view .fluid-droparound-view .droparound .relationship-menu-view ,
.fluid.html-profile-page-view .fluid-droparound-view .droparound .relationship-menu-view {
position: fixed !important;
display: inline-block !important;
width: 140px !important;
right: 20px !important;
top: 140px !important;
padding: 5px ;
border: 1px solid #404040 ;
box-shadow: 3px 3px 2px black ;
}
.relationship-menu-view ul li label {
color: gold ;
}
/* PROF - FILT - POP MENU - "MOST..." */
.fluid.html-profile-page-view .fluid-droparound-view .droparound.menu ,
.fluid.html-profile-page-view .fluid-droparound-view .droparound.menu {
display: inline-block !important;
width: 10% !important;
left: 168% !important;
margin-top: 0px !important;
margin-left: -79.6% !important;
z-index: 500000 !important;
}
.fluid.html-profile-page-view .fluid-droparound-view .droparound.menu .droparrow {
left: 18px !important;
}
/* PROF - STATS: Views/Tags/Geo/FAVS/POOL */
.profile-bio-page-view .general-stats {
position: absolute ;
width: 570px;
height: 36px;
top: 60px ;
left: 898px ;
padding: 15px 15px 0 5px ;
color: #898989 ;
border-radius: 0 3px 3px 0 ;
border: 1px solid gray ;
}
.general-stats>ul>li {
height: 37px;
line-height: 3px;
margin-top: -6px ;
}
.general-stats ul li span {
margin-bottom: 14px ;
}
/* PROF - PHOT COUNT - BLOCK/LOCAT/JOIN */
.profile-bio-page-view .general-stats ul li {
display: inline-block;
height: 30px;
line-height: 0px ;
margin-right: 10px;
margin-top: -13px ;
min-width: 90px ;
vertical-align: top ;
}
.profile-bio-page-view .general-stats ul li a {
height: 28px;
margin-top: 0;
margin-bottom: 10px;
font-size: 14px ;
}
.profile-bio-page-view .general-stats ul li a span {
display: block;
line-height: 19px;
margin-bottom: 0;
padding-bottom: 5px;
font-size: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: gold !important;
}
.fluid .coverphoto-content .metadata-flexer {
width: 87.5% !important;
margin-top: 12px;
}
.subtitle.no-shrink.truncate {
min-width: 385px;
max-width: 385px;
}
.metadata-item.photo-count ,
.profile-bio-page-view .general-stats ul li.block ,
.metadata-item.joined ,
.metadata-item.truncate.cp-location.loc {
position: absolute ;
width: 250px ;
height: 20px ;
line-height: 20px ;
text-align: right ;
}
.metadata-item.photo-count {
position: absolute !important;
display: inline-block !important;
height: 25px !important;
line-height: 25px !important ;
width: 190px ;
top: 52px ;
left: 1191px ;
font-size: 20px ;
text-align: center ;
border-radius: 3px ;
border: 1px solid #333 ;
}
/* FAV / EMPTY PAGE */
.html-empty-page-view p.metadata-item.photo-count ,
.fluid.html-favorites-page-view p.metadata-item.photo-count {
top: 5px ;
left: 1359px;
}
/* GAL/PROF/PEOPLE/ALB/LIST POOL/STREAM */
.fluid.html-photostream-page-view .coverphoto-content p.metadata-item.photo-count ,
.fluid.html-groups-list-page-view .coverphoto-content p.metadata-item.photo-count ,
.fluid.html-albums-list-page-view .coverphoto-content p.metadata-item.photo-count ,
.fluid.html-person-groups-page-view .coverphoto-content p.metadata-item.photo-count ,
.fluid.html-profile-page-view .coverphoto-content p.metadata-item.photo-count ,
.fluid.html-galleries-list-page-view .coverphoto-content p.metadata-item.photo-count {
top: 11px ;
left: 1354px;
}
/* STREAM */
.metadata-flexer p:only-of-type {
margin-left: 5px !important;
border: 1px dotted gray ;
}
/* PROF/FAV - LOC */
p.metadata-item.truncate.cp-location.loc {
top: 6.3vh !important;
right: 205px ;
text-align: right ;
color: gold !important;
}
/* PROF/FAV - DATE JOIN */
.metadata-item.joined {
top: 5vh !important;
right: 1215px ;
text-align: left ;
color: gold !important;
}
/* FAVS / EMPTY PAGE / GAL/PROF/PEOPL/ALB/LIST POOL/STREAM */
.html-cameraroll-page-view .metadata-item.joined ,
.html-empty-page-view .metadata-item.joined ,
.fluid.html-favorites-page-view .metadata-item.joined ,
.fluid.html-photostream-page-view .metadata-item.joined ,
.fluid.html-groups-list-page-view .metadata-item.joined ,
.fluid.html-albums-list-page-view .metadata-item.joined ,
.fluid.html-person-groups-page-view .metadata-item.joined ,
.fluid.html-profile-page-view .metadata-item.joined ,
.fluid.html-galleries-list-page-view .metadata-item.joined {
right: 1390px !important;
}
/* STATS */
.profile-bio-page-view .general-stats ul li.block {
display: inline-block ;
width: auto;
height: 24px !important;
line-height: 34px !important;
top: 0px ;
right: -210px ;
padding: 0 3px ;
text-align: center !important;
border-radius: 3px ;
border: 1px solid gray ;
}
.general-stats ul li.block span {
margin-bottom: 0px !important;
}
.general-stats ul li.block a {
margin-top: -6px !important;
}
/* ==== */
.group-list-belong-view {
margin-bottom: 0;
height: 100% !important;
min-height: 100%;
display: inline-block;
}
/* PROF - USER POOL */
.person-groups-page-view .fluid-magic-subnav-view {
margin-bottom: -77px ;
}
.fluid.html-groups-list-page-view .groups-list-view {
display: inline-block ;
min-height: 100% ;
margin-bottom: 641px ;
padding-bottom: 80px ;
}
.fluid .sortable-table-wrapper table.with-avatar {
display: inline-flex ;
table-layout: unset ;
border-collapse: collapse ;
width: 100% ;
height: auto ;
line-height: 44px;
text-align: left;
}
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables {
position: relative;
display: inline-block ;
float: none ;
width: 100% ;
min-width: 100% ;
max-width: 100% ;
height: 100% ;
height: auto ;
margin-top: -10px ;
min-height: 1400px ;
}
.main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type {
position: relative ;
display: inline-block ;
float: none ;
width: 100% ;
height: 100% ;
height: auto ;
margin-top: 30px ;
}
/* === */
.fluid.html-person-groups-page-view .sortable-table-view:not(:empty):first-of-type {
position: relative;
display: inline-block ;
width: 100% ;
height: 100% ;
height: auto ;
margin-top: 10px !important;
}
.main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type h5 {
margin-bottom: -11px;
margin-top: 1px;
}
/* (new306) USER - GROUPS / POOLS LIST */
.fluid.html-person-groups-page-view table.with-avatar tr::after,
.fluid.html-person-groups-page-view table.with-avatar tr::before {
height: 0px !important;
}
/*.fluid.html-person-groups-page-view .sortable-table-wrapper table.with-avatar tbody tr:not(.header)*/
.fluid.html-person-groups-page-view .sortable-table-view:not(:empty):first-of-type .sortable-table-wrapper table.with-avatar tbody tr:not(.header) ,
.fluid.html-groups-list-page-view table tr.show-fave {
float: left ;
clear: none ;
width: 465px ;
height: 100% ;
min-height: 70px ;
max-height: 70px ;
margin: 5px 5px 0 5px ;
overflow: hidden ;
border: 1px solid red ;
}
/* (new306) BETA - POOL LIST */
.fluid.html-person-groups-page-view .sortable-table-view:not(:empty):first-of-type .sortable-table-wrapper table.with-avatar tbody tr:not(.header) .show-after-locked {
width: 475px ;
height: 100% ;
min-height: 40px ;
max-height: 40px ;
margin: 0 0 0 0 !important;
}
.fluid.html-groups-list-page-view table tr .show-after-locked {
width: 475px ;
height: 100% ;
min-height: 40px ;
max-height: 40px ;
margin: 0 0 0 0 !important;
}
.group-list-administered-view .show-after-locked > .avatar.group {
display: inline-block ;
margin-top: -7px ;
}
.group-list-administered-view .show-after-locked > a {
display: inline-block ;
margin-top: 10px ;
}
.fluid.html-person-groups-page-view .sortable-table-view:not(:empty):first-of-type .sortable-table-wrapper table.with-avatar tbody tr:not(.header) .show-after-locked {
display: inline-block ;
margin: 0px 0 0 0 !important;
border-bottom: 1px solid silver!important;
}
.fluid.html-person-groups-page-view .sortable-table-view:not(:empty):first-of-type .sortable-table-wrapper table.with-avatar tbody tr:not(.header) td.align-right ,
.fluid.html-person-groups-page-view .sortable-table-view:not(:empty):first-of-type .sortable-table-wrapper table.with-avatar tbody tr:not(.header) td.align-right.emphasis ,
.fluid.html-groups-list-page-view table tr td {
display: inline-block ;
margin-top: -0px ;
text-overflow: ellipsis ;
white-space: nowrap ;
overflow: hidden ;
}
/* (new305) */
.fluid.html-groups-list-page-view table tr td {
display: inline-block ;
margin: 0 0 0 0 !important;
text-overflow: ellipsis ;
white-space: nowrap ;
overflow: hidden ;
}
.fluid.html-person-groups-page-view .sortable-table-wrapper td.show-after-locked ~ td.align-right a:after {
font-size: 10px ;
color: gold ;
}
.fluid.html-person-groups-page-view .sortable-table-wrapper td.show-after-locked + td.align-right a:after {
content: "Mbs" ;
}
.fluid.html-person-groups-page-view .sortable-table-wrapper td.show-after-locked + td + td.align-right a:after {
content: "Phot" ;
}
.fluid.html-person-groups-page-view .sortable-table-wrapper td.show-after-locked + td + td + td.align-right a:after {
content: "Phot Last" ;
}
.fluid.html-person-groups-page-view .sortable-table-wrapper td.show-after-locked + td + td + td + td.align-right a:after {
content: "Disc" ;
}
.fluid.html-person-groups-page-view .sortable-table-wrapper td.show-after-locked + td + td + td + td + td.align-right a:after {
content: "Last Disc" ;
}
/* FAV BACKG */
.fluid table tr.show-fave:hover::before {
margin-left: -25px;
cursor: pointer ;
background-position: 97% center;
}
/* (new245) PHOT ITEM BACKG - ALL */
.photo-display-item {
background-color: transparent !important;
}
/* GAL - CREATE */
.album-selection .album-selection-list-item.album-selection-create-switch {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 25px !important;
max-height: 25px !important;
width: 100% !important;
max-width: 240px !important;
min-width: 240px !important;
left: 1054px ;
top: 3px ;
padding: 0 !important;
box-shadow: -3px 4px 5px 4px black ;
}
.gallery-selection-dialog-view.album-selection-dialog-view .album-selection-list-item.album-selection-create-switch .album-selection-list-item-labels {
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 10px !important;
width: 100% !important;
min-width: 161px !important;
max-width: 161px !important;
left: 61px !important;
top: 3px !important;
}
.gallery-selection-dialog-view.album-selection-dialog-view .album-selection-list-item.album-selection-create-switch .album-selection-list-item-labels .album-selection-list-item-title {
height: 20px !important;
line-height: 20px !important;
width: 161px !important;
left: 0px !important;
top: 0px !important;
padding: 0 5px !important;
}
.album-creation {
display: inline-block;
width: 710px;
}
.album-selection-list-item.album-selection-create-switch .album-selection-list-item-title {
top: 13px;
}
.album-creation-heading {
display: inline-block;
margin-left: -7px;
padding: 0;
width: 100%;
text-align: center;
}
.album-creation .album-selection-list-item-icon-wrapper {
height: 80px !important;
width: 80px !important;
border: 1px solid red !important;
}
.album-creation .album-selection-list-item-icon-wrapper .album-creation-list-item-icon {
margin-top: 0 !important;
}
.album-selection-buttons.hide + .album-selection-errors {
height: 30px !important;
margin-top: 0px !important;
margin-left: -12px !important;
}
.album-selection-errors .error-message {
height: 20px ;
line-height: 20px !important;
margin-top: 7px !important;
margin-left: 8px ;
text-align: center ;
color: gold ;
background: red !important;
}
.album-selection-buttons.hide + .album-selection-errors button {
height: 15px !important;
line-height: 15px !important;
padding: 2px 29px ;
margin-top: -16px !important;
font-size: 13px !important;
}
.ui-dialog-button.ui-dialog-button-neutral.album-creation-cancel {
height: 25px !important;
line-height: 26px !important;
padding: 2px 29px ;
margin-top: 5px !important;
text-align: center !important;
}
.ui-dialog-button.ui-dialog-button-neutral.album-creation-cancel>span:last-of-type {
margin-left: 42px ;
color: peru ;
}
.album-creation{
height: 220px !important;
overflow: hidden ;
overflow-y: auto ;
}
/* (new289) SET/ALB(??) - TOP HEAD - TOOL/COL */
.fluid.html-albums-list-page-view #content .album-list-toolbar-view.fluid-centered {
height: auto !important;
width: 100% ;
min-width: 1880px ;
max-width: 1880px ;
margin-top: -70px ;
margin-bottom: 0px ;
padding: 0 20px ;
}
.albums-list-page-view > .album-list-toolbar-view .album-toolbar-content .divider {
height: 21px !important;
margin-top: 3px !important;
}
.fluid.html-albums-list-page-view .albums-list-page-view > .album-list-toolbar-view .album-toolbar-content {
height: auto !important;
}
.album-header-view .album-header-content .album-title-desc-view > .title-desc-block > .album-title,
.album-header-view .album-header-content .album-title-desc-view > .title-desc-block > .edit-meta-field.edit-album-title {
font-size: 23px !important;
}
.album-header-view > .album-header-content > .album-title-desc-view > .title-desc-block > .album-desc {
font-size: 17px !important;
}
.album-header-view > .album-header-content > .album-stats-view ,
.album-header-view.justified-transitions > .album-header-content > .album-stats-view {
position: absolute ;
display: inline-block ;
top: 253px ;
right: 30px !important;
}
.album-engagement-view {
position: absolute ;
display: inline-block ;
top: 10px ;
right: 0 ;
}
/* (new289) ALB LIST - VIEW COLLECTION BUTTON */
.fluid.html-albums-list-page-view .album-list-toolbar-view .album-toolbar-content a.toolbar-action.view-collections {
position: absolute !important;
display: inline-block !important;
top: -14.2vh !important;
right: 100px !important;
padding: 0 5px !important;
border-radius: 5px !important;
z-index: 5000 !important;
color: peru !important;
border: 1px solid #333 !important;
}
/* (ne249) ALB LIST - TO PAGINATION */
.fluid.html-albums-list-page-view #topPaginationContainer {
display: inline-block;
height: 2vh !important;
max-width: 450px !important;
min-width: 450px !important;
left: 690px;
top: 1.8vh !important;
border-radius: 5px !important;
border: 1px solid #333 !important;
}
.fluid.html-albums-list-page-view #topPaginationContainer #topPagination {
top: 2px !important;
}
/* (new302) GAL / ALB - TOP NAV FIX */
.photo-list-header-container .details-section {
margin: 90px auto 0;
width: 80%;
}
.fluid.html-gallery-page-view .photo-list-header-action-bar .action-bar-content ,
.html-album-page-view .photo-list-header-action-bar .action-bar-content ,
.fluid.html-albums-list-page-view #content .album-container.fluid-centered .album-toolbar-view .album-toolbar-content ,
.fluid.html-albums-list-page-view #content .album-toolbar-view ,
.html-album-page-view .album-page-view .album-toolbar-view > .album-toolbar-content ,
.html-album-page-view .album-toolbar-view {
position: fixed ;
display: inline-block;
height: 3.5vh !important;
width: 65% !important;
top: 0vh !important;
right: 0px !important;
margin: 0 0 0 0 !important;
padding-right: 0px ;
z-index: 500 !important;
border: none !important;
background: #111 !important;
/*border: 1px solid yellow !important;*/
}
/* (new306) ALBUM - NEW TOP HEADER - BACK / EDIT /SHARE - TOP TINY */
.html-album-page-view .album-toolbar-view {
/*border: 1px solid red !important;*/
}
/* (new306) A SUPP ? */
/*.album-container.fluid-centered .view.new-album-header-view .photo-list-header-action-bar {
position: fixed !important;
display: inline-block;
height: 0vh !important;
width: 100% !important;
top: 0vh !important;
left: 0px !important;
margin: 0 0 0 0 !important;
padding-right: 0px ;
z-index: 5000000 !important;
background: transparent !important;
border: none !important;
}
*/
/* (new306) ALBUM USER - NEW TOP HEADER - BACK / EDIT /SHARE - TOP TINY */
html.scrolling-layout.fluid.html-album-page-view body .album-container.fluid-centered .album-action-bar-view {
position: fixed !important;
display: inline-block !important;
height: 3.5vh !important;
width: 100% !important;
top: 0vh !important;
left: 0px !important;
margin: 0 0 0 0 !important;
padding: 0px ;
z-index: 1 !important;
background: transparent !important;
background: #333 !important;
border: none !important;
/*border: 1px solid aqua !important;*/
}
/* ALB - BACK */
html.scrolling-layout.fluid.html-album-page-view body .album-container.fluid-centered .photo-list-header-action-bar .back-link-container {
position: fixed !important;
display: inline-block !important;
height: 3vh !important;
width: 10% !important;
top: 0vh !important;
left: 15px !important;
margin: 4px 0 0 0 !important;
padding: 0px ;
z-index: 50000000 !important;
background: transparent !important;
border: none !important;
/*border: 1px solid yellow !important*/
}
/* ALB - ACTIONS DEL / DOWNL /SHARE */
html.scrolling-layout.fluid.html-album-page-view body .album-container.fluid-centered .photo-list-header-action-bar .actions {
position: fixed !important;
height: 3vh !important;
width: 25% !important;
top: 0vh !important;
left: 200px !important;
margin: 2px 0 0 0 !important;
padding: 0px ;
z-index: 50000000 !important;
background: transparent !important;
border: none !important;
/*border: 1px solid green !important*/
}
/* (new302) ALB - EDIT (MY) - CONTAINER */
.album-container.fluid-centered .view.new-album-header-view .photo-list-header-action-bar .action-bar-content {
display: inline-block;
height: 3.1vh !important;
width: 35% !important;
top: 0.3vh !important;
left: 0px !important;
/*background: tan !important;*/
/*border: 1px solid red !important;*/
}
/* (new302) ALB - EDIT (MY) - BACK */
.album-container.fluid-centered .view.new-album-header-view .photo-list-header-action-bar .action-bar-content > div.back-link-container {
float: left !important;
height: 3vh !important;
width: 26% !important;
margin: 0 0 0 0px !important;
/*background: brown !important;*/
/*border: 1px solid yellow !important;*/
}
/* (new302) ALB - EDIT (MY) - ACTION EDIT */
.album-container.fluid-centered .view.new-album-header-view .photo-list-header-action-bar .action-bar-content > div.actions {
float: left !important;
height: 3vh !important;
width: auto !important;
padding: 0 30px 0 0 !important;
/*background: brown !important;*/
/*border: 1px solid fuchsia !important;*/
}
/* (new302) ALBUM - LEFT - REORDER */
.album-page-view .album-toolbar-view > .album-toolbar-content .left-actions {
position: fixed !important;
display: inline-block;
height: 3vh !important;
line-height: 3vh !important;
width: 13% !important;
top: -0.2vh !important;
left: 680px !important;
padding: 2px 5px !important;
/*background: olivedrab !important;*/
/*border: 1px solid aqua !important;*/
}
.album-page-view .album-toolbar-view > .album-toolbar-content .left-actions a {
float: left !important;
height: 3vh !important;
width: auto !important;
line-height: 3.5vh !important;
margin: 3px 10px 0 0px !important;
padding: 0 0px 0 0 !important;
/*background: brown !important;*/
/*border: 1px solid fuchsia !important;*/
}
/* (new306) ALBUM - RIGHT - TABS LAYOUT */
/*.html-gallery-page-view .right-actions , */
.album-page-view .album-toolbar-view > .album-toolbar-content .right-actions {
position: fixed !important;
height: 3vh !important;
width: 120px !important;
top: 4px ;
right: 870px !important;
padding: 0px 5px !important;
}
.album-page-view .album-toolbar-view > .album-toolbar-content .right-actions .right-action.layout:hover ,
.album-page-view .album-toolbar-view > .album-toolbar-content .right-actions .right-action.layout{
display: inline-block;
height: 19px !important;
min-width: 19px !important;
margin: 0 20px 0 0 !important;
background-color: #111 !important;
border: 1px solid #222 !important;
}
.album-page-view .album-toolbar-view > .album-toolbar-content .right-actions .right-action.layout.justified:hover ,
.album-page-view .album-toolbar-view > .album-toolbar-content .right-actions .right-action.layout.justified.selected:hover {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-32dc0fa1.png") no-repeat scroll -170px -477px !important;
width: 20px !important;
height: 19px !important;
}
.album-page-view .album-toolbar-view > .album-toolbar-content .right-actions .right-action.layout.story:not(.selected) {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-32dc0fa1.png") no-repeat scroll -169px -512px !important;
width: 19px !important;
height: 19px !important;
}
.album-page-view .album-toolbar-view > .album-toolbar-content .right-actions .right-action.layout.story.selected {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-32dc0fa1.png") no-repeat scroll -186px -512px !important;
width: 19px !important;
height: 19px !important;
}
.album-page-view .album-toolbar-view > .album-toolbar-content .right-actions .right-action.layout.story:hover ,
.album-page-view .album-toolbar-view > .album-toolbar-content .right-actions .right-action.layout.story.selected:hover {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-32dc0fa1.png") no-repeat scroll -186px -512px !important;
width: 19px !important;
height: 19px !important;
}
/* (new248) ALBUM - ACTIONS */
.fluid.html-albums-list-page-view #content .album-container.fluid-centered .album-engagement-view ,
.html-album-page-view .view album-header-view:not(.justified) .album-engagement-view ,
.html-album-page-view .view album-header-view.justified .album-engagement-view ,
.html-album-page-view .album-engagement-view {
position: fixed !important;
display: inline-block;
height: 30px;
top: 0px !important;
right: 1000px !important;
margin: 0 !important;
padding-right: 0px ;
z-index: 50000 !important;
}
/* (new248) ALBUM - SLIDESHOW */
.html-album-page-view .album-toolbar-view .fluid-magic-slideshow-view {
right: 250px !important;
}
.html-album-page-view .album-toolbar-view button {
margin-right: 150px !important;
}
/* ALB - SHOW HID */
.fluid.html-albums-list-page-view .photo-list-album-view {
opacity: 1 ;
}
/* HELP/POOL DISC - MIDDLE PANEL */
#Main h1#Tertiary + script + table {
min-width: 100% !important;
}
#Main h1#Tertiary + script + table tbody tr ,
#Main h1#Tertiary + script + table tbody {
display: inline-block ;
min-width: 100% !important;
}
/* (new290) HELP FORUM - TITLE - */
#Main table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) {
position: absolute !important;
display: inline-block ;
width: 77.5%;
min-height: 100vh !important;
max-height: 100vh !important;
margin: 0px ;
right: 10px ;
top: 0 !important;
padding: 0 ;
text-align: center !important;
}
#Main table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) h2{
width: 1487px !important;
top: 30px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* (new290) HELP FORUM - TITLE - HOVER */
#Main table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) h2:hover {
height: auto !important;
width: 1487px !important;
top: 30px !important;
white-space: pre-wrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
z-index: 500 !important;
}
/* TEXT ELIPSIS - The Fade Out Way =
https://css-tricks.com/line-clampin/
=== */
#Main table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) h2:not(:hover)::after {
content: "";
text-align: right;
position: absolute;
bottom: 0;
right: 0;
width: 70%;
height: 1.2em;
/* WHITE */
background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 1) 100%);
/* BLACK */
/* background: linear-gradient(to right, rgba(1, 1, 1, 0), rgba(1, 1, 1, 0), rgba(1, 1, 1, 0), rgba(1, 1, 1, 0), rgba(1, 1, 1, 0), rgba(1, 1, 1, 0), rgba(1, 1, 1, 0.1), rgba(1, 1, 1, 1) 100%); */
}
/* === GALLERY ==== */
/* (new245) GAL - HEAD */
.gallery-page-view .gallery-page-container .details-section {
position: sticky !important;
width: 100% !important;
top: 4vh !important;
margin: 0 0 4vh 0 !important;
z-index: 50000 !important;
/* background: red !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: 99.9% !important;
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 ;
}
/* (new295) */
.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: 420px ;
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%;
line-height: 16px;
margin: 5px 0 0;
font-size: 16px;
font-weight: 600;
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: 300px !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: 0 !important;
padding: 5px 0!important;
z-index: 50000 !important;
}
/* (new245) 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;
}
/* (new245) GAL - LIST - THUMB - INFO BACKG/FAV STAR */
.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;
}
.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;
}
/* (new298) GAL - REMOVE MESS CONTAINER */
.fluid.html-gallery-page-view .photo-list-gallery-photo-view .remove-message-container {
max-height: 15vh !important;
top: 0vh !important;
background-color: hsla(0, 0%, 100%, 0.35) !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .remove-message-container .remove-message-content {
top: 0 !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .remove-message-container .remove-message-content.hidden {
display: inline-block;
}
/* (new245) GAL - FOR GAL COUNTER */
.photo-list-gallery-photo-view .photo-list-photo-container .remove-message-container.hidden {
display: inline-block;
visibility: hidden !important;
}
/* (new298) GAL - EMTPY */
.html-gallery-page-view .gallery-page-view .gallery-page-container .photos-section .photo-list-container .view.photo-list-view[style*="; display: none;"]{
display: inline-block !important;
}
.gallery-page-view .gallery-page-container .photos-section.empty .empty-state-container {
position: fixed;
display: inline-block;
width: 100%;
min-height: 7vh !important;
max-height: 7vh !important;
top: 5%;
left: 0 !important;
overflow: hidden !important;
z-index: 50000 !important;
/*border: 1px solid aqua !important;*/
}
.gallery-page-view .gallery-page-container .photos-section .empty-state-container .empty-state-content {
height: 7vh !important;
width: 100%;
}
.gallery-page-view .gallery-page-container .photos-section .empty-state-container .empty-state-content h3 {
position: absolute;
display: inline-block;
margin: 0 0 px;
width: 380px;
height: 40px !important;
line-height: 40px;
top: 1.5vh !important;
left: 300px !important;
border-radius: 5px !important;
text-align: center;
font-size: 30px !important;
font-weight: 600 !important;
color: white !important;
background: #333 !important;
border: 1px solid red !important;
}
.gallery-page-view .gallery-page-container .photos-section .empty-state-container .empty-state-content p {
margin: 0vh 0 0px 0 !important;
text-align: center;
width: 380px;
}
.gallery-page-view .gallery-page-container .photos-section .empty-state-container .empty-state-content button {
position: absolute;
display: inline-block;
margin: 0 0 px;
width: 380px;
line-height: 30px;
top: 1.5vh !important;
right: 300px !important;
text-align: center;
font-size: 24px;
background: #333 !important;
border: 1px solid red !important;
}
/* (new245) GAL - MODAL - COMMENTS */
.fluid.html-gallery-page-view .modal.subview-modal.gallery-comments-modal{
min-width: 500px !important;
top: -190px !important;
left: 220px !important;
padding: 0 0 2vh 0 !important;
fill: peru !important;
border: 1px solid red !important;
}
/* (new245) GAL - MODAl - ADD COMM to SHOT - IMG AWARD - SUPP */
.droparound.subview-droparound.auto-size.gallery-photo-remark .comment-item .comment-content img {
display: none !important;
}
/* (new245) GAL - MODAl - COMMENTS LINE BREAK PB */
.fluid.html-gallery-page-view #stacking-overlay-container #commentundefined.comment-item .content-container .comment-content {
display: block !important;
line-height: 18px;
padding: 5px !important;
overflow: hidden;
}
.fluid.html-gallery-page-view section.comments-section .gallery-comments-view .content-container .comment-content a:not([href^="/photos/1"]) ,
.fluid.html-gallery-page-view #stacking-overlay-container #commentundefined.comment-item .content-container .comment-content a:not([href^="/photos/1"]){
display: block !important;
min-width: 99% !important;
max-width: 99% !important;
color: peru !important;
}
.fluid.html-gallery-page-view section.comments-section .gallery-comments-view img ,
.fluid.html-gallery-page-view #stacking-overlay-container #commentundefined.comment-item .content-container .comment-content img {
min-width: 30% !important;
max-width: 30% !important;
max-height: 10vh !important;
margin: 6px 4px 5px 0 !important;
object-fit: contain !important;
background-color: #111 !important;
}
/* (new245) GAL - COMMENTS - ADD COMMENTS - MODAL */
.fluid-modal-view .gallery-comments-view .gallery-comments .add-comment-section {
position: relative !important;
display: inline-block !important;
top: 0vh !important;
padding: 0 0 0 0 !important;
}
.fluid-modal-view .gallery-comments-view .gallery-comments .add-comment-section .add-comment-view {
width: 100% !important;
padding: 0vh 0 0 0 !important;
}
.fluid-modal-view .gallery-comments-view .gallery-comments .add-comment-section .add-comment-view .comment-area a.avatar {
position: absolute !important;
height: 20px !important;
width: 20px !important;
margin: 0vh 0 0 0 !important;
}
.fluid.html-gallery-page-view .modal.subview-modal.gallery-comments-modal .comment-area .text-area-section .text-area-wrapper {
min-height: 5vh !important;
margin: 0;
padding: 2.5vh 5px 0vh 5px !important;
color: red !important;
border: 1px solid gray !important;
}
.fluid.html-gallery-page-view .modal.subview-modal.gallery-comments-modal .buttons.comment-buttons {
bottom: 0.6vh !important;
margin: 0vh 0 0 50px !important;
position: absolute;
}
/* (new303) GAL - COMMNENT - FORMAT INDICATOR */
/* (new303) GAL - COMMNENT - FORMAT INDICATOR - COMMENTS LEFT */
.html-gallery-page-view .comments-section:hover .gallery-comments.with-emoji-picker .text-area-section .picker-icon-wrapper:after {
content: "?";
position: fixed !important;
display: inline-block !important;
padding: 0 5px !important;
margin:0vh 0 0 450px !important;
top: 0.6vh !important;
white-space: pre;
background: brown !important;
}
/* HOVER */
.html-gallery-page-view .comments-section:hover .gallery-comments.with-emoji-picker .text-area-section .picker-icon-wrapper:hover:after{
content: "You can use the following\A HTML tags to style your text:\A<b>bold<\/b> \A <i>italic<\/i>\A<u>underlined</u> \A<del>deleted<\/del>\A<blockquote> blockquote <\/blockquote>\A\A If you\'d like to include \A a Flickr photo or video in your reply,\A simply copy and paste its URL \A between square brackets, like so:\A \[http\:\/\/www.flickr.com\/photos\/example\/2910192942\/\]\A\AYou can also include\A a link or non-Flickr image in your reply\:\A <a href=\"URL\">link text<\/a\A <img src=\"URL\">";
position: fixed !important;
display: inline-block !important;
width: 400px !important;
padding: 3vh 5px 5px 5px !important;
border-radius: 8px !important;
white-space: pre;
opacity: 1 !important;
color: white !important;
background: brown !important;
}
/* (new303) GAL - COMMNENT - FORMAT INDICATOR - COMMENTS RIGHT */
.html-gallery-page-view #stacking-overlay-container .gallery-comments-view .add-comment-section .text-area-section .comment-field.focused + .emoji-picker-view ,
.html-gallery-page-view #stacking-overlay-container .gallery-comments-view .add-comment-section .text-area-section .comment-field:not(.focused) + .emoji-picker-view {
opacity: 1 !important;
pointer-events: auto !important;
}
.html-gallery-page-view #stacking-overlay-container .gallery-comments-view .add-comment-section .text-area-section .picker-icon-wrapper:after {
content: "?";
position: fixed !important;
display: inline-block !important;
padding: 0 5px !important;
margin:0vh 0 0 350px !important;
top: 7.6vh !important;
white-space: pre;
opacity: 1 !important;
z-index: 50000000000000 !important;
background: olive !important;
}
/* (new304) HOVER */
.html-gallery-page-view #stacking-overlay-container .gallery-comments-view .add-comment-section .text-area-section .picker-icon-wrapper:hover:after{
content: "You can use the following\A HTML tags to style your text:\A<b>bold<\/b> \A <i>italic<\/i>\A<u>underlined</u> \A<del>deleted<\/del>\A<blockquote> blockquote <\/blockquote>\A\A If you\'d like to include \A a Flickr photo or video in your reply,\A simply copy and paste its URL \A between square brackets, like so:\A \[http\:\/\/www.flickr.com\/photos\/example\/2910192942\/\]\A\A You can also include\A a link or non-Flickr image in your reply\:\A <a href=\"URL\">link text<\/a\A <img src=\"URL\">";
position: fixed !important;
display: inline-block !important;
width: 400px !important;
padding: 3vh 5px 5px 5px !important;
white-space: pre;
border-radius: 8px !important;
opacity: 1 !important;
color: white !important;
background: olive !important;
}
/* (new245) GAL - COM ACT */
.fluid.html-gallery-page-view .menu.over-modal.comment-action-menu {
width: auto;
z-index: 50000 !important;
}
/* (new245) 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;
}
/* (new245) GAL - MODAL - ADD SHOTS */
.fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout.photo-selector.gallery-faves-selector {
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.photo-selector.gallery-faves-selector .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.photo-selector.gallery-faves-selector .body.lines .photo-selector-photos {
min-height: 80vh !important;
overflow-x: hidden !important;
overflow-y: hidden !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.photo-selector.gallery-faves-selector .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.photo-selector.gallery-faves-selector .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.photo-selector.gallery-faves-selector .body.lines .photo-selector-photos .photo-list-photo-interaction .interaction-bar .text a.attribution {
margin-bottom: 0px !important;
}
/* (new245) GAL - 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;
}
/* (new245) 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;
}
/* (new298) GAL - LIST - PAGIN */
.fluid.html-galleries-list-page-view .view.pagination-view{
position: fixed !important;
top: -1vh !important;
right: 10% !important;
z-index: 50000 !important;
}
.fluid.html-galleries-list-page-view .galleries-list-container .total-count-container {
position: fixed !important;
top: 2.2vh !important;
right: 35% !important;
z-index: 50000 !important;
}
.fluid.html-galleries-list-page-view .galleries-list-container .total-count-container .total-count {
font-size: 22px !important;
}
/* (new245) 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;
}
/* (new245) GAL - FULL CONTAINER */
.gallery-page-view .gallery-page-container .photos-section {
width: 100% !important;
}
.gallery-page-view .gallery-page-container .photos-section .photo-list-container .photo-list-view {
position: relative;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 0.5vh 0 0 0 !important;
}
/* (new245) GAL - CONTAINER - PADDING BOTTOM ? */
html.fluid.html-gallery-page-view.scrolling-layout #content[style="padding-bottom: 111px;"] {
padding: 0 !important;
}
/* (new245) GAL - GAL - FOOTER */
.view.footer-full-view {
position: fixed;
bottom: -13vh;
}
.gallery-page-view .view.footer-full-view:hover {
position: fixed;
bottom: 0 !important;
border-top: 1px solid red !important;
}
.gallery-page-view .view.footer-full-view:before {
content: "About" !important;
position: fixed;
bottom: 0;
right: 5px !important;
padding: 0 5px !important;
background: #111 !important;
}
/* (new248) GAL - ACT BAR */
.gallery-page-view .action-bar ,
.gallery-page-view .gallery-page-container .action-bar {
position: sticky !important;
height: 37px !important;
line-height: 37px !important;
left: 0;
right: 0;
top: 0;
z-index: 82;
border-bottom: 1px solid red !important;
}
.fluid.html-gallery-page-view .action-bar-content.fluid-centered {
height: 37px !important;
line-height: 37px !important;
}
.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;
}
/* (new245) GAL - EDIT / COMMENTS / SHARE - IN TOP ACT BAR - RIGHT */
.gallery-page-view .action-bar .actions {
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;
right: 70px !important;
right: 50px ;
top: 0;
z-index: 82;
border-bottom: 1px solid red;
/* border:1px solid yellow !important; */
}
/* (new302) GAL - ACTION BAR */
.gallery-page-view .gallery-page-container .photos-section .photos-section-header {
position: fixed !important;
display: inline-block !important;
width: 50% !important;
height: 3.7vh !important;
top: 0vh !important;
left: 18% !important;
z-index: 5000 !important;
/*background: olive !important;*/
/*border: 1px solid aqua;*/
}
/* TOP HEADER BACKGROUND */
.gallery-page-view .photo-list-header-action-bar {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
height: 3.8vh !important;
top: 0vh !important;
left: 0% !important;
z-index: 50 !important;
background: #111!important;
/*border-bottom: 1px solid red;*/
}
/* GAL - BACK */
.gallery-page-view .photo-list-header-action-bar .back-link-container {
position: fixed !important;
display: inline-block !important;
width: 12% !important;
height: 3vh !important;
line-height: 3vh !important;
top: 0.4vh !important;
left: 2% !important;
z-index: 5000000 !important;
/*background: brown !important;*/
/*border: 1px solid red;*/
}
/* GAL - EDIT COMMENT SHARE */
.gallery-page-view .photo-list-header-action-bar .actions {
position: fixed !important;
display: inline-block !important;
width: 20% !important;
height: 3vh !important;
line-height: 3vh !important;
top: 0.4vh !important;
left: 74% !important;
z-index: 500000000 !important;
/*background: brown !important;*/
/*border: 1px solid red;*/
}
.gallery-page-view .photo-list-header-action-bar .actions > a {
display: inline-block !important;
height: 3vh !important;
line-height: 3vh !important;
/*border: 1px solid red;*/
}
.gallery-page-view .photo-list-header-action-bar .actions > a svg {
display: inline-block !important;
height: 3vh !important;
line-height: 3vh !important;
margin: 0 5px 0 0 !important;
}
.gallery-page-view .photo-list-header-action-bar .actions > a span {
float: right !important;
height: 3vh !important;
line-height: 3vh !important;
margin: 0 5px 0 0 !important;
}
/* GAL - ADD + REORDER */
.gallery-page-view .gallery-page-container .photos-section-details {
position: fixed !important;
display: inline-block !important;
width: 8% !important;
height: 3vh !important;
line-height: 3vh !important;
top: 0.4vh !important;
left: 38% !important;
padding: 0 30px 0 10px !important;
z-index: 500000000 !important;
/*background: orange !important;*/
/*border: 1px solid red;*/
}
/* GAL - TABS */
.gallery-page-view .gallery-page-container .photos-section .photos-section-header .layout-tabs {
position: fixed !important;
display: inline-block !important;
width: 9% !important;
height: 3vh !important;
line-height: 3vh !important;
left: 52% !important;
top: 0.4vh !important;
margin: 0 0px 0 0 !important;
z-index: 5000000 !important;
/*background: greenyellow !important;*/
/*border: 1px solid yellow;*/
}
.gallery-page-view .gallery-page-container .photos-section .photos-section-header .layout-tabs a.tab {
display: inline-block !important;
height: 3vh !important;
/*border: 1px solid red;*/
}
.gallery-page-view .gallery-page-container .photos-section .photos-section-header .layout-tabs a.tab svg {
height: 3vh !important;
}
.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;
}
/* (new311) GAL /ALB - TITLE DESC CONTAINER */
.photo-list-header-container {
background: #111 !important;
}
.photo-list-header-container .details-section header h1{
position: relative !important;
display: inline-block !important;
width: 70% !important;
height: auto !important;
max-height: 20vh !important;
line-height: 4vh;
margin: 0vh 0 0vh 0 !important;
padding: 1vh 0 1vh 0 !important;
text-align: center !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.photo-list-header-container .details-section header p{
position: relative !important;
display: inline-block !important;
width: 70% !important;
line-height: 16px;
margin: 0vh 0 0vh 0 !important;
padding: 1vh 0 1vh 0 !important;
border-bottom: 1px solid #333 !important;
}
.fluid.html-album-page-view .album-header-view{
width: 100% !important;
background: #333 !important;
}
/* MORE OPEN */
.fluid.html-album-page-view .fluid-centered .details-section .description:not(.collapsed):not(.no-read-more) ,
.gallery-page-view .fluid-centered .description:not(.collapsed):not(.no-read-more) {
width: 70%;
padding: 0 150px 0 20px !important;
background: #111 !important;
border-left: 4px solid red !important;
}
.photo-list-header-container .details-section .description .toggle-button {
display: block;
position: sticky !important;
margin-top: -2rem;
padding-top: 2rem;
pointer-events: none;
background: linear-gradient(180deg,transparent 0%,#111 99%);
}
.album-page-view .photo-list-header-container .details-section ,
.gallery-page-view .photo-list-header-container .details-section {
margin: 4vh auto 0;
width: 80%;
}
.album-page-view .photo-list-header-container .details-section header p ,
.gallery-page-view .photo-list-header-container .details-section header p {
margin: 0px 0 0 0 !important;
}
.album-page-view .photo-list-header-container .details-section .description ,
.gallery-page-view .photo-list-header-container .details-section .description {
margin: 1vh auto 0;
width: 50%;
text-align: left !important;
}
/* (new306) GAL /ALB - STATS */
.album-page-view .photo-list-header-container .stats {
position: fixed !important;
display: inline-block !important;
height: 2.5vh !important;
line-height: 2.5vh !important;
top: 0.6vh !important;
right: 600px !important;
margin: 0 0 0 0 !important;
padding: 0 3px !important;
border-radius: 5px !important;
z-index: 5000000 !important;
background: #222 !important;
/*border: 1px solid yellow;*/
}
.gallery-page-view .photo-list-header-container .stats {
position: fixed !important;
display: inline-block !important;
height: 3vh !important;
line-height: 3vh !important;
top: 0.3vh !important;
left: 1170px !important;
margin: 0 0 0 0 !important;
z-index: 5000000 !important;
/*background: greenyellow !important;*/
/*border: 1px solid aqua;*/
}
.album-page-view .photo-list-header-container .stats span ,
.gallery-page-view .photo-list-header-container .stats span {
margin: 0 0px;
font-size: 15px;
font-weight: 800;
color: gold !important;
}
.album-page-view .photo-list-header-container .stats .stat.view-count + .stats-separator {
display: none !important;
}
/* (new304) ALB - ADDON FIXR - COMMENTS BUTTON */
.album-page-view .photo-list-header-container .stats .stat.album-comments {
position: fixed !important;
display: inline-block !important;
height: 2.5vh !important;
line-height: 2.5vh !important;
top: 0.6vh !important;
left: 950px !important;
margin: 0 0 0 0 !important;
padding: 0 4px !important;
border-radius: 5px !important;
font-size: 0 !important;
z-index: 5000000 !important;
background: #222 !important;
/*border: 1px solid aqua;*/
}
.album-page-view .photo-list-header-container .stats .stat.album-comments:after {
content: "💬" !important;
margin: 0 0 0 5px !important;
font-size: 12px !important;
}
.album-page-view .photo-list-header-container .stats .stat.album-comments + .stats-separator {
display: none !important;
}
.album-page-view .photo-list-header-container .stats .stat.album-comments span {
margin: 0 0px;
font-size: 15px;
font-weight: 800;
color: red !important;
}
/* (new304) ALB - ADDON FIXR - MAP BUTTON */
.album-page-view .photo-list-header-container .stats .stat.album-comments + .stats-separator + .stat.map-link {
position: fixed !important;
display: inline-block !important;
height: 2.5vh !important;
line-height: 2.5vh !important;
top: 0.6vh !important;
left: 1000px !important;
margin: 0 0 0 0 !important;
padding: 0 4px !important;
border-radius: 5px !important;
font-size: 0 !important;
z-index: 5000000 !important;
background: #222 !important;
/*border: 1px solid aqua;*/
}
.album-page-view .photo-list-header-container .stats .stat.album-comments + .stats-separator + .stat.map-link:after {
content: "🌏" !important;
height: 2.5vh !important;
line-height: 2.5vh !important;
margin: 0 0 0 0px !important;
font-size: 17px !important;
}
/* (new245) 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;
}
/* (new245) 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;
}
/* (new245) GAL - POPUP ADD COM */
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-comments[style^="width: 400px;"] {
display: inline-block !important;
width: 390px !important;
height: auto !important;
max-height: 200px !important;
min-height: 200px !important;
margin: 0vh 0 0 0px !important;
opacity: 1 !important;
z-index: 500000 !important;
}
/* (new245) 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 ;
}
/* (new245) GAL - SEE CURA NOTE - POP */
.gallery-page-remark-view .remark-container p:before {
position: absolute ;
content: "Curator Note: " ;
top: -2px ;
color: gold ;
}
/* (new245) GAL - COM from PHO ITEM - .gallery-photo-remark */
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark {
max-height: 425px !important;
min-height: 425px !important;
margin: 0px 0 0 0 !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:before {
position: absolute ;
content: "Comment(s) on This Photo: " ;
top: 0px ;
left: 10px ;
color: gold ;
}
.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: 400px !important;
min-height: 400px !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 .scrollable-comment-list-view .comment-list-container {
overflow: hidden !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 {
bottom: -20px !important;
}
.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;
}
/* (new245) GAL - COM CONT - TOP ACT BAR */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remove-x-container .remove-x-button {
opacity: 0 !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remove-x-container .remove-x-button {
opacity: 1 !important;
background: red !important;
}
.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: 19%;
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;
}
/* (new245) GAL - FIXR - TEXTAREA */
.html-gallery-page-view #stacking-overlay-container .view.photo-comments-view.flickr-view-root-view .photo-comments.with-emoji-picker.scrollable .add-comment-section .view.add-comment-view .comment-area a.avatar.person ,
.gallery-page-view .gallery-page-container .comments-section:hover .comments-list-section.standard + .add-comment-section .view.add-comment-view .comment-area a.avatar.person {
position: absolute !important;
height: 20px;
width: 20px;
margin: 0 !important;
}
.gallery-page-view .gallery-page-container .comments-section:hover .comments-list-section.standard + .add-comment-section .view.add-comment-view .comment-area a.avatar.person + .text-area-section .fixr-ta-resizeable {
min-width: 89% !important;
max-width: 89% !important;
padding: 5px 0 0 25px !important;
}
.html-gallery-page-view #stacking-overlay-container .view.photo-comments-view.flickr-view-root-view .photo-comments.with-emoji-picker.scrollable .add-comment-section .view.add-comment-view .comment-area a.avatar.person + .text-area-section .text-area-wrapper {
min-width: 100% !important;
max-width: 100% !important;
margin: 0.5vh 0 3vh 20px !important;
padding: 5px 0 0vh 0 !important;
}
.html-gallery-page-view #stacking-overlay-container .view.photo-comments-view.flickr-view-root-view .photo-comments.with-emoji-picker.scrollable .add-comment-section .view.add-comment-view .comment-area a.avatar.person + .text-area-section .comment-arrow {
display: none !important;
}
.gallery-page-view .gallery-page-container .comments-section:hover .comments-list-section.standard + .add-comment-section .view.add-comment-view .comment-area a.avatar.person + .text-area-section .fixr-ta-resizeable textarea {
min-width: 95% !important;
max-width: 95% !important;
min-height: 6em;
resize: both;
padding: 0 0 0 20px !important;
}
.html-gallery-page-view #stacking-overlay-container .view.photo-comments-view.flickr-view-root-view .photo-comments.with-emoji-picker.scrollable .add-comment-section .view.add-comment-view .comment-area a.avatar.person + .text-area-section .text-area-wrapper textarea {
min-width: 100% !important;
max-width: 100% !important;
min-height: 6em;
max-height: 35vh !important;
resize: both;
padding: 0 20px 0 20px !important;
}
/* (new245) GAL - ADD COMMENT - BUTTONS */
.gallery-page-view .gallery-page-container .comments-section:not(:hover) .add-comment-view .buttons {
display: none !important;
}
.html-gallery-page-view #stacking-overlay-container .view.photo-comments-view.flickr-view-root-view .photo-comments.with-emoji-picker.scrollable .add-comment-section .view.add-comment-view .buttons.comment-buttons ,
.fluid.html-gallery-page-view .modal.subview-modal.gallery-comments-modal .buttons.comment-buttons ,
.gallery-page-view .gallery-page-container .comments-section:hover .add-comment-view .buttons {
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
min-width: 150px !important;
max-width: 150px !important;
margin: 0px 10px 0 30px !important;
bottom: 0.7vh !important;
text-align: center !important;
}
.html-gallery-page-view #stacking-overlay-container .view.photo-comments-view.flickr-view-root-view .photo-comments.with-emoji-picker.scrollable .add-comment-section .view.add-comment-view .buttons.comment-buttons button ,
.fluid.html-gallery-page-view .modal.subview-modal.gallery-comments-modal .buttons.comment-buttons button ,
.gallery-page-view .gallery-page-container .comments-section:hover .add-comment-view .buttons button {
height: 20px !important;
line-height: 20px !important;
margin: 0px 0 0 23px !important;
border: 1px solid red !important;
}
/* (new245) GAL - INFOS - A VOIR*/
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 70px !important;
padding: 3px 0px 2px !important;
font-size: 14px;
opacity: 1 ;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container {
display: inline-block !important;
width: 100% !important;
height: auto !important;
min-height: 4.3vh !important;
margin: 0px 0 0px 0 !important;
padding: 0 0 7px 0px !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement {
padding: 0 5px !important;
border-radius: 0 0 5px 5px !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details {
height: 100% !important;
min-height: 0 !important;
max-height: 7vh !important;
width: 100% !important;
margin: 0 !important;
bottom: 0vh !important;
padding: 0 0px !important;
text-align: left !important;
overflow: hidden !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a {
float: left !important;
width: 100% !important;
padding: 0 5px !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.attribution:only-of-type {
display: inline-block !important;
width: 100% !important;
min-width: 99% !important;
max-width: 99% !important;
margin: 0px 0 0 0 !important;
top: 0px !important;
/* color: peru !important; */
}
/* (new245) LARGE */
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .avatar {
position: absolute !important;
height: 32px;
width: 32px;
margin: 2px 0 0 3px !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .avatar + .details {
width: calc(100% - 35px) !important;
padding: 0 0 0 35px !important;
}
/* (new245) GAL - SM */
.photo-list-gallery-photo-view.forced-aspect-ratio .sub-photo-info-bar .details-container .details {
position: absolute !important;
display: inline-block !important;
height: auto !important;
min-height: 0 !important;
max-height: 6vh !important;
width: 100% !important;
min-width: 95% !important;
max-width: 95% !important;
bottom: 3vh !important;
padding: 0 5px !important;
text-align: left !important;
overflow: hidden !important;
}
/* (new245) GAL - 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;
}
/* (new302) */
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item {
display: flex !important;
color: gray !important;
}
.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: silver !important;
}
/* (new245) GAL - CURA NOTE */
.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;
}
/* (new245) GAL - 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: 0px ;
left: 0;
bottom: 0px !important;
margin-bottom: 0px !important;
padding: 0px !important;
z-index: -1;
opacity: 1;
}
/* (new245) GAL - 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;
}
/* (new245) GAL - 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;
}
/* (new245) GAL - 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;
}
/* (new245) 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;
}
/* (new245) GAL - NOTE - NOTE BUT */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-button svg.filled {
display: inline-block!important;
position: absolute;
margin-top: -20px !important;
z-index: 500 !important;
visibility: visible !important;
}
.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.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;
}
.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 {
background-color: black !important;
}
/* (new245) GAL - FAV ICON */
.photo-list-gallery-photo-view .photo-list-photo-container .engagement-item.fave.faved .engagement-icon .icon {
opacity: 1 !important;
color: red !important;
}
/* (new245) GAL - 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 ==== */
/* (new209) GAL / ALBUM EDIT - MODAL - 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.8vh !important;
min-height: 95.8vh !important;
max-width: inherit;
min-width: 1920px !important;
left: 0% !important;
top: 4vh !important;
margin: 0 0 0 0 !important;
overflow: hidden !important;
z-index: 50000000 !important;
border: 1px solid red !important;
}
/* MAIL MESS */
.ThinCase.mail-write .Problem {
position: relative ;
display: inline-block ;
width: 1120px ;
height: 20px ;
line-height: 20px ;
left: 370px ;
top: -50px ;
margin-bottom: -27px ;
text-align: left ;
}
/* VIDEO - VOIR SMALL PLAYER STANDALONE*/
.videoplayer ,
.video-js {
position: relative;
display: inline-block !important;
width: 100%;
max-width: 1300px !important;
max-height: 650px !important;
background-color: transparent !important;
}
/* VID FULL */
.view.photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen.enable-zoom .videoplayer.main-photo {
height: 87vh !important;
max-height: 87vh !important;
max-width: 1300px !important;
}
.video-js .vjs-poster {
background-position: 50% 50%;
}
/* VID - CONTROL - ALWAYS VIS */
.video-js .vjs-control-bar {
visibility: visible !important;
opacity: 1 !important;
transform: translatey(33px) !important;
}
/* (new305) FLUID - TXT "HELLO ..." - OTHERS */
.fluid:not(.fluid.html-groups-list-page-view):not(.html-notification-center-page-view):not(.html-group-discussion-page-view):not(.html-group-admin-pending-page-view):not(.html-feed-new-page-view):not(.html-profile-page-view):not(.html-gallery-page-view):not(.html-group-discussions-list-page-view):not(.html-photo-page-scrappy-view):not(.html-group-home-page-view):not(.html-group-pool-page-view):not(.html-photostream-page-view):not(.html-favorites-page-view):not(.html-empty-page-view):not(.html-albums-list-page-view):not(.html-album-page-view):not(.html-photostream-page-view):not(.html-search-photos-unified-page-view):not(.html-search-groups-page-view):not(.html-photostream-edit-page-view) .fluid-droparound-view .droparound:not(.download-dialog-tooltip):not(.gallery-photo-remark):not(.notifs-droparound):not(.lang-droparound):not(.html-photo-page-lightbox-scrappy-view),
.fluid:not(.fluid.html-groups-list-page-view):not(.html-notification-center-page-view):not(.html-group-discussion-page-view):not(.html-group-admin-pending-page-view):not(.html-feed-new-page-view):not(.html-profile-page-view):not(.html-gallery-page-view):not(.html-group-discussions-list-page-view):not(.html-photo-page-scrappy-view):not(.html-group-home-page-view):not(.html-group-pool-page-view):not(.html-photostream-page-view):not(.html-favorites-page-view):not(.html-empty-page-view):not(.html-albums-list-page-view):not(.html-album-page-view):not(.html-photostream-page-view):not(.html-search-photos-unified-page-view):not(.html-search-groups-page-view):not(.html-photostream-edit-page-view) .fluid-droparound-view .droparound:not(.download-dialog-tooltip):not(.gallery-photo-remark):not(.notifs-droparound):not(.lang-droparound):not(.html-photo-page-lightbox-scrappy-view):not(.html-account-settings-page-view) {
margin-top: 35px !important;
z-index: 500000 !important;
}
.fluid .droparound:not(.download-dialog-tooltip) .droparrow.down {
left: auto;
right: 298px !important;
}
/* FAVS / STRE - HELLO MENU */
.fluid.html-photostream-page-view .fluid-droparound-view .droparound.html ,
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.html {
position: absolute !important;
margin-left: -1535px !important;
margin-top: 20px !important;
z-index: 5000000 !important;
}
.fluid.html-photostream-page-view .fluid-droparound-view .droparound.html .droparrow ,
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.html .droparrow {
left: 25px !important;
right: 10px;
}
/* FAVS - MORE DROP MENU */
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.menu {
margin-left: -20px !important;
margin-top: 5px !important;
z-index: 500000 !important;
}
/* FAVS / BETA POOL ABOUT - SHOW XX ROWS MENU - CARRET */
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.menu .droparrow.down ,
.fluid.html-group-home-page-view .fluid-droparound-view .droparound.menu .droparrow.down {
right: 10px !important;
}
.fluid.html-favorites-page-view .photo-list-photo-view .interaction-view .engagement-item.curate .engagement-icon ,
.fluid.html-group-pool-page-view .engagement-item.curate .engagement-icon ,
.fluid.html-group-home-page-view:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view .engagement-item.curate .engagement-icon {
position: absolute !important;
bottom: 2px !important;
right: 2px !important;
}
/* ZOOM ICON IN THUMBNAIL - SMALL - === */
.photo-display-container .photo-display-item .hover-target:hover .meta a.lightbox-inline {
position: absolute !important;
display: inline-block !important;
height: 10px;
right: 0px !important;
top: -13px !important;
border-radius: 100% !important;
z-index: 50000000 !important;
}
.photo-display-container .photo-display-item:hover .hover-target .meta a.lightbox-inline:hover ,
.photo-display-container .photo-display-item .hover-target:hover .meta a.lightbox-inline:hover {
position: absolute !important;
display: inline-block !important;
height: 13px !important;
width: 13px !important;
top: -16px !important;
right: 0px !important;
transform: scale(1.2) !important;
z-index: 50000000 !important;
background: white !important;
}
.photo-display-container .photo-display-item .meta a.lightbox-inline img {
height: 13px !important;
width: 10px !important;
background-position: 0.5px -22px !important;
}
/* NAVBAR OPT - FAVs/ARCH/YOURS CTS - ALL */
.searchified-options .item-divider {
border-right: 2px solid #656c7a;
width: 1px;
}
/* NAVBAR OPT - ARCH - BLOCK "DATE TAKEN" (NB items)" */
#archives-navigation {
border-radius: 3px !important;
padding: 1px 5px 2px !important;
}
/* NAVBAR OPT - DIV */
.searchified-options-view ,
.searchified-options-sort ,
#archives-navigation ,
.searchified-options.gl-view-controls {
border-radius: 3px !important;
padding: 1px 5px 2px !important;
}
/* POOLS - TITLE - TXT " This group is for member only " */
#main > #subnav-refresh + script#subnav-template-photopicker + script#subnav-template-positionmask + h2 {
height: 22px !important;
margin-top: 81px !important;
text-align: center !important;
}
/* STATS - NO PRO */
.empty-page-view .empty-page-stats .pro-badge {
width: 50px !important;
height: 50px !important;
margin: 29px auto -135px;
background: transparent !important;
}
.empty-page-view .empty-page-stats .sample-image-wrap {
height: 358px;
margin: 50px auto 20px;
}
.empty-page-view .empty-page-stats .sample-image-wrap:before {
position: absolute ;
display: inline-block ;
content: "SAMPLE " ;
width: 100% ;
width: 1920px ;
height: 50px ;
line-height: 55px ;
top: 450px ;
left: 0 ;
font-size: 50px ;
text-align: center ;
opacity: 1 ;
z-index: 500 ;
color: red ;
}
/* POOL SMALL */
#pool-photos.sm.photo-display-container ~ #feeds.clearfix.next-to-slideshow-link {
position: absolute ;
display: inline-block ;
bottom: 0px ;
}
#pool-photos.sm.photo-display-container ~ .slideshow-bottom{
display: inline-block ;
bottom: 0px;
margin-left: 20px ;
}
/* POOL - QUITT BUT */
#group-sidebar .DeleteButt {
position: fixed !important;
display: inline-block !important;
max-width: 180px;
margin-top: 20px;
top: 120px!important;
right: -40px!important;
padding: 1px 3px ;
letter-spacing: 1px !important;
overflow: hidden;
text-overflow: ellipsis;
transform: rotate(90deg) !important;
opacity: 0.3 !important;
z-index: 80000 !important;
}
#group-sidebar .DeleteButt:hover {
right: -35px!important;
opacity: 1 !important;
}
/* EDIT REALT */
#editRelationshipDialog {
position: absolute;
display: inline-block;
min-height: 100px;
min-width: 130px;
top: 34px;
right: -112px;
font-size: 14px;
box-shadow: 3px 5px 3px black !important;
z-index: 20 !important;
}
/* VISIT INDIC - IMG POOL */
/* JU */
.photo-display-container.ju .photo_container a:not(.spaceball):before {
content: "" ;
position: absolute ;
bottom: -7px ;
width: 10px ;
line-height: 10px ;
border-radius: 100% ;
font-size: 15px ;
background: #222 ;
}
.photo-display-container.ju .photo_container a:not(.spaceball):visited:before {
opacity: 1 ;
background: green !important;
}
/* PHOT OFF - VISITED */
.PhotosOfList {
font-size: 0px!important;
}
.PhotosOfList span.photo_container a ,
.PhotosOfList a {
opacity:1!important;
font-size: 10px!important;
}
.PhotosOfList span.photo_container a img {
outline: 1px solid #333333 !important;
}
.PhotosOfList span.photo_container a:visited img {
opacity:1!important;
outline: 1px solid green!important;
}
/* VISIT - Sm/Sq - :not(.pc_link) */
.photo-display-container .photo_container >a:not(.pc_link):before {
content: "." ;
position: absolute ;
display: inline-block ;
width: 4px ;
height: 4px ;
line-height: 3px ;
vertical-align: middle ;
bottom: -7px ;
left: 50% !important;
border-radius: 20px ;
font-size: 10px ;
color: transparent ;
background: black ;
}
.photo-display-container .photo_container > a:visited:before {
opacity:1 ;
background: green ;
}
/* TOGGLE POOL BETA - SUPP TXT "GO BACK POOL NEW EXP" */
.opt-out-bug {
position: fixed !important;
display: inline-block ;
width: 190px ;
height: 20px !important;
left: 1730px !important;
top: 35px !important;
padding: 2px ;
border-radius: 5px ;
opacity: 0.4 ;
z-index: 70000 !important;
}
.opt-out-bug:hover {
opacity: 1 ;
}
/* BETA TOOGLE - POOL HOME/DISC/LIST POOL */
.fluid.html-groups-list-page-view .opt-out-widget-view ,
.fluid.html-group-members-page-view .opt-out-widget-view ,
.fluid.html-group-discussion-page-view .opt-out-widget-view ,
.fluid.html-group-discussions-list-page-view .opt-out-widget-view ,
.fluid.html-group-pool-page-view .opt-out-widget-view ,
.fluid.html-group-home-page-view .opt-out-widget-view {
position: fixed !important;
top: 27px !important;
z-index: 5000 !important;
}
.fluid.html-group-discussions-list-page-view .opt-out-widget-view .opt-out-widget,
.fluid.html-group-pool-page-view .opt-out-widget-view .opt-out-widget.hugging-footer {
width: auto !important;
bottom: 0px !important;
}
/* BETA */
.opt-out-widget.hugging-footer ,
.opt-out-widget-view {
position: absolute !important;
display: inline-block ;
min-width: 150px !important;
height: 20px ;
right: 10px !important;
top: 55px !important;
border-radius: 5px !important;
}
.opt-out-widget.hugging-footer {
right: 5px !important;
top: 10px !important;
}
.opt-out-widget {
position: relative ;
display: inline-block ;
min-width: 150px !important;
margin: auto ;
border-radius: 5px !important;
opacity: 0.4 ;
}
.opt-out-widget:hover {
opacity: 1 ;
}
.opt-out-widget .optout-toggle {
height: 20px ;
line-height: 20px ;
padding: 0 3px ;
border-radius: 5px ;
border: none ;
}
.opt-out-bug button {
border-radius: 5px !important;
font-size: 12px;
font-size: 0px !important;
cursor: pointer;
}
.opt-out-bug button:before {
content: "GROUP BETA" ;
display: inline-block ;
width: 105px ;
padding: 1px 30px 1px 5px ;
border-radius: 5px ;
font-size: 12px ;
text-align: left ;
cursor: pointer;
}
.opt-out-bug button:after {
content: "OFF" ;
position: absolute ;
display: inline-block ;
height: 49px ;
line-height: 49px ;
width: 85px ;
top: -14.51px ;
right: -10px ;
padding: 1px 30px 1px 2px ;
border-radius: 25px ;
font-size: 27px ;
letter-spacing: 2px ;
text-align: left ;
text-indent: 9px ;
transform: scale(0.32) ;
color: gold !important;
background: red !important;
}
.opt-out-bug button:hover:after {
content: "ON" ;
position: absolute ;
display: inline-block ;
height: 49px ;
line-height: 49px ;
width: 85px ;
top: -14.51px ;
right: -10px ;
padding: 1px 30px 1px 2px ;
border-radius: 25px ;
font-size: 27px ;
letter-spacing: 3px ;
text-align: right ;
text-indent: 40px ;
cursor: pointer;
transform: scale(0.32) ;
background: green !important;
}
.opt-out-widget form {
float: right;
min-width: 150px !important;
}
/* POOL BETA - BUT TOOG BETA */
.fluid .label-beta {
padding: 1px 45px 1px 3px !important;
}
.opt-out-widget .optout-toggle button {
position: absolute !important;
display: inline-block !important;
height: 48px !important;
width: 116px !important;
top: -20px !important;
right: -35px !important;
border-radius: 20px !important;
transform: scale(0.3) !important;
background-image: none;
}
.opt-out-widget .optout-toggle button:hover {
position: absolute !important;
display: inline-block !important;
height: 49px !important;
width: 116px !important;
top: -20px !important;
right: -35px !important;
border-radius: 20px !important;
transform: scale(0.3) !important;
}
.opt-out-widget .optout-toggle button:after {
content: "ON" ;
position: relative ;
display: inline-block ;
margin-top: -3px ;
margin-left: 34px ;
font-size: 20px ;
color: white ;
opacity: 1 ;
transform: scale(1.4) ;
}
.opt-out-widget .optout-toggle button:hover:after {
content: "OFF" ;
position: relative ;
display: inline-block ;
margin-top: -5px ;
margin-left: -38px ;
font-size: 20px ;
color: white ;
opacity: 1 ;
transform: scale(1.4) ;
}
/* WHO FAVED */
#faves-right {
float: left ! important;
width: 900px ! important;
margin-left: 225px!important;
}
/* OVERLAY - POINT EVENTS */
#global-dialog-background {
display: none;
pointer-events: none !important;
}
/* PHOT - VID WRA */
.video-wrapper {
width: 1160px !important;
}
/* COM DEL - POPUP CONFIR */
.flickr-dialog.flickr-dialog-confirmation[role="alertdialog" ] {
position: absolute ! important;
width: 238px !important;
line-height: 10px !important;
top: 170px ! important;
left: 1770px ! important;
}
.flickr-dialog .flickr-dialog-container {
border-radius: 4px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
float: left;
padding: 1px;
position: relative;
width: 100%;
z-index: 1;
}
.flickr-dialog .bd {
clear: both;
height: auto !important;
margin-top: 4px !important;
padding: 4px !important;
border-radius: 5px ! important;
color: #FFD700 !important;
}
.flickr-dialog .button-container{
background: transparent ! important;
}
/* USER BUDY MENU */
.personmenu .personmenu-bd ul li {
height: 18px!important;
}
/* MENU ITEM - BLOCK */
.personmenu .personmenu-bd ul li.personmenu-block a ,
#personmenu_block_link {
text-align: center !important;
}
.personmenu .personmenu-bd {
top: 60px !important;
}
/* HELP - MESS HIGT TOP */
#photogne-bucket-help {
position: absolute!important;
line-height: 1.4;
width: 332px!important;
top: 9px!important;
left: 5px!important;
margin-bottom: 16px;
padding: 1px 5px 1px 30px !important;
opacity: 0.7 !important;
}
/* POOL MANAGE - REM MEMB */
.char_search + #MemberList tr td[colspan="3"] form {
position: absolute !important;
display: inline-block !important;
width: 402px !important;
top: -2px !important;
left: -200px !important;
border-radius: 3px 3px 3px 3px !important;
}
.char_search + #MemberList tr td[colspan="3"] form #photo_remove{
margin-left: -2px !important;
}
.char_search + #MemberList tr td[colspan="3"] form .Butt {
display: inline-block !important;
padding: 0 !important;
}
.char_search + #MemberList tr td:nth-child(n+3)[colspan="3"] i {
position: relative !important;
display: inline-block !important;
width: 222px !important;
top: -20px !important;
margin-left: -57px !important;
padding: 0 !important;
}
/* POOL DISC PAGI */
.group-topics #paginator-module.Pages {
margin-top: 98px !important;
}
/* SEARC - ADV PANEL */
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view .search-subnav.using-slender-advanced-panel {
position: fixed;
box-sizing: border-box;
width: 100%;
height: 27px !important;
top: 0px !important;
padding: 0 !important;
border: 0 none;
box-shadow: 0 -2px transparent inset;
backface-visibility: hidden;
overflow: visible;
z-index: 82;
border-bottom: 1px solid rgba(137, 137, 137, 0.3);
}
.search-subnav .search-subnav-sizing .search-subnav-content .links > .tool a .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .tool a:visited .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .tool a:hover .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .link a .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .link a:visited .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .link a:hover .title {
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
padding-top: 0px !important;
font-size: 15px !important;
}
.search-subnav .search-subnav-sizing {
height: 20px !important;
line-height: 20px !important;
margin-top: -20px !important;
bottom: -27px !important;
}
.search-subnav .search-subnav-sizing .search-subnav-content .links {
height: 21px !important;
}
.search-subnav .search-subnav-sizing .search-subnav-content .links li a div {
height: 21px !important;
color: gray !important;
}
/* SEARCH - ADVANCED TOOL - For CLEAR MENU */
.search-subnav .search-subnav-sizing .search-subnav-content .tools {
position: absolute;
display: inline-block !important;
right: 0;
}
/* SEARCH - PRINT SHOP BETA */
.main.search-prints-results {
position: fixed;
width: 99%;
left: -99.8% !important;
bottom: 0vh;
padding: 10px 5px 30px 5px !important;
z-index: 5000;
opacity: 0.5 !important;
transition: left ease 0.7s !important;
background: #222 !important;
border: 1px solid red !important;
}
.main.search-prints-results:hover {
position: fixed;
width: 99%;
left: 0 !important;
bottom: 0vh;
padding: 10px 5px 30px 5px !important;
opacity: 1 !important;
transition: left ease 0.7s !important;
background: #111 !important;
border: 1px solid red !important;
}
.main.search-prints-results .search-photos-prints-view{
margin: 0 !important;
}
.search-photos-prints-view h5 {
position: absolute !important;
width: 98% !important;
bottom: 0vh;
padding: 2px 5px !important;
text-align: right !important;
}
.main.search-prints-results:not(:hover) .search-photos-prints-view h5 a:after {
content: "Print Shop ▶ " !important;
position: absolute !important;
width: 100px !important;
left: -5px !important;
top: -24px !important;
padding: 5px 3px 25px 0 !important;
background:rgba(1, 128, 0, 0.21) !important;
}
.search-photos-prints-view {
margin: 10vh 0 0vh 0 !important;
}
/* SEARCH PAGE :not(:hover) */
.fluid.html-search-people-page-view .search-people-page-view .view.global-nav-view ~ .search-subnav-slender-view ,
.fluid.html-search-groups-page-view .search-groups-page-view .view.global-nav-view ~ .search-subnav-slender-view ,
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view .view.global-nav-view ~ .search-subnav-slender-view {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-height: 2.9vh !important;
max-height: 2.9vh !important;
top: 0vh !important;
margin: 0 0 0 0 !important;
}
.fluid.html-search-people-page-view .search-people-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav ,
.fluid.html-search-groups-page-view .search-groups-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav ,
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav {
height: 2.9vh!important;
top: 0px !important;
margin: 2vh 0 0 0 !important;
border-bottom: 1px solid red !important;
}
.fluid.html-search-groups-page-view .search-groups-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav {
margin-top: -56px !important;
}
.fluid.html-search-people-page-view .search-people-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav .search-subnav-sizing ,
.fluid.html-search-groups-page-view .search-groups-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav .search-subnav-sizing ,
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav .search-subnav-sizing {
height: 20px;
line-height: 20px;
margin-top: 0px;
top: 5px !important;
}
/* SEARCH ADVANCED TOOL */
.fluid.html-search-people-page-view .search-slender-advanced-panel-view ,
.fluid.html-search-groups-page-view .search-slender-advanced-panel-view ,
.fluid.html-search-photos-unified-page-view .search-slender-advanced-panel-view {
position: fixed !important;
height: auto !important;
top: 3.5vh !important;
border-top: 1px solid rgba(137, 137, 137, 0.3) !important;
border-bottom: 4px solid rgba(137, 137, 137, 0.3) !important;
}
.fluid.html-search-people-page-view .search-slender-advanced-panel-view .advanced-panel ,
.fluid.html-search-groups-page-view .search-slender-advanced-panel-view .advanced-panel ,
.fluid.html-search-photos-unified-page-view .search-slender-advanced-panel-view .advanced-panel {
top: -1.2vh !important;
border-top: 1px solid rgba(137, 137, 137, 0.3) !important;
border-bottom: 1px solid rgba(137, 137, 137, 0.3) !important;
}
.search-slender-advanced-panel-view .advanced-panel .advanced-options {
display: flex;
justify-content: space-between;
align-items: flex-start;
max-height: 100px !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 2vh 0 -1vh 0 !important;
padding: 0 20% !important;
transition: unset !important;
background: #111 !important;
}
.fluid.html-search-people-page-view .search-tools-view .tool-bar ,
.fluid.html-search-groups-page-view .search-tools-view .tool-bar {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
top: 3px !important;
padding: 0 20px !important;
left: 670px !important;
z-index: 500 !important;
border-bottom: 1px solid gray ;
}
/* (new289) */
.search-tools-view .tool-bar .tools > div {
display: flex;
height: 30px !important;
line-height: 30px !important;
}
.search-tools-view .tool-bar .tools > div button {
height: 28px !important;
margin-top: 1px !important;
}
.search-tools-view .tool-bar .tools > div button.selected {
border: 1px solid red !important;
}
/* SEARCH - PHOT - TOOL BAR */
.fluid.html-search-photos-unified-page-view .search-tools-view .tool-bar {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 350px !important;
max-width: 350px !important;
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
top: 3.6vh !important;
padding: 0 20px !important;
left: 670px !important;
z-index: 500 !important;
border-bottom: 1px solid gray ;
}
/* SEARCH POOL - TOOL BAR */
.fluid.html-search-groups-page-view .search-container-w-sidebar-content .search-tools-view .tool-bar {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width:100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 2.8vh !important;
max-height: 2.8vh !important;
top: 0vh !important;
left: 0 !important;
padding: 0 20px !important;
text-align: center !important;
z-index: 500 !important;
border-bottom: 1px solid gray ;
}
.fluid.html-search-groups-page-view .search-container-w-sidebar-content .search-tools-view .tool-bar .tools {
display: inline-block !important;
width: 100% !important;
min-width: 40% !important;
max-width: 40% !important;
min-height: 2vh !important;
max-height: 2vh !important;
}
.fluid.html-search-groups-page-view .search-container-w-sidebar-content .search-tools-view .tool-bar .tools> div {
display: inline-block !important;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 15px !important;
}
.fluid .droparound .body .content.menu li.selected-item {
color: gold !important;
}
.search-tools-view .tool-bar .tools .layout-toggles {
width: 102px !important;
}
/* SEARCH POOL */
.fluid.html-search-groups-page-view .search-tools-view .tool-bar {
position: fixed !important;
top: 4px !important;
left: 0px !important;
}
.search-search-in-picker-view .search-in-list .search-in-button:not(.selected) ,
ul.size-list li:not(.selected) {
color: gray !important;
}
/* SEARCH - ADVANCED TOGGLE */
.search-slender-advanced-panel-view .advanced-panel .advanced-toggle {
position: fixed !important;
display: inline-block !important;
top: 2.8vh !important;
right: 300px !important;
padding: 2px 10px !important;
border-radius: 3px !important;
z-index: 500000 !important;
background: #333 !important;
border: 1px solid red !important;
}
.search-slender-advanced-panel-view .advanced-panel .advanced-toggle:hover {
border: 1px solid green !important;
}
/* SEARCH PHO UNIF - ASPECT RATIO */
.fluid.html-search-photos-unified-page-view .search-photos-results {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
.fluid.html-search-photos-unified-page-view .search-photos-results .photo-list-photo-view .photo-list-photo-container {
display: inline-block !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 0px !important;
}
.fluid.html-search-photos-unified-page-view .search-photos-results .photo-list-photo-view .photo-list-photo-container img {
display: inline-block !important;
height: 100% !important;
min-height: 78% !important;
max-height: 78% !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
object-fit: contain !important;
background-size: contain !important;
}
/* SEARCH PHO UNIF */
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view main#search-unified-content.main.fluid-centered {
min-width: 80.55% !important;
max-width: 80.55% !important;
margin-top: 5.7vh !important;
}
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar-content {
flex: unset !important;
min-width: 99.90% !important;
max-width: 99.90% !important;
}
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view main#search-unified-content.main.fluid-centered.using-slender-advanced-panel.advanced-panel-visible ,
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view main#search-unified-content.main.fluid-centered.using-slender-advanced-panel:not(.advanced-panel-visible) {
display: inline-block !important;
max-width: 99.9% !important;
min-width: 99.9% !important;
margin-top: 105px !important;
padding: 0px 15px !important;
border-top: 1px solid red !important;
}
.fluid.html-search-people-page-view .search-people-results-view .main.full-bleed.fluid-centered {
display: inline-block !important;
min-width: 100% !important;
margin-top: 0px !important;
padding: 0 20px !important;
}
.fluid.html-search-groups-page-view .search-groups-results-view .main.full-bleed.fluid-centered {
display: inline-block !important;
min-width: 100% !important;
margin-top: 45px !important;
padding: 0 20px !important;
}
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view main#search-unified-content.main.fluid-centered.using-slender-advanced-panel.advanced-panel-visible {
margin-top: 120px !important;
}
/* SEARCH EMPTY */
.search-empty-view {
margin-top: 238px;
}
.search-empty .no-results-message h5 {
line-height: 25px;
}
/* SEARCH - PHOT - FILTERS */
.fluid.html-search-photos-unified-page-view .search-tools-view .tool-bar .tools + .filters {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 300px !important;
max-width: 300px !important;
height: 100% !important;
min-height: 4vh !important;
max-height: 4vh !important;
top: 3vh !important;
left: 1170px !important;
padding: 1vh 20px 0 20px !important;
z-index: 500 !important;
border-bottom: 1px solid gray ;
}
/* SEARCH - PHOT/POOL - MODAL MENU */
.fluid.html-search-groups-page-view .fluid-droparound-view .droparound.menu[style^="position: fixed; width: auto;"] .droparrow.down ,
.fluid.html-search-photos-unified-page-view .fluid-droparound-view .droparound.menu[style^="position: fixed; width: auto;"] .droparrow.down {
left: auto;
right: 7px !important;
}
/* SEARCH - PEOPLE/POOL - MODAL - AVATAR POPUP */
.fluid.html-search-groups-page-view .droparound.subview-droparound.auto-size.avatar-menu-droparound ,
.fluid.html-search-people-page-view .droparound.subview-droparound.auto-size.avatar-menu-droparound {
display: inline-block !important;
width: 100% !important;
min-width: 600px !important;
max-width: 600px !important;
height: auto !important;
border: 1px solid red !important;
}
.fluid.html-search-groups-page-view .droparound.subview-droparound.auto-size.avatar-menu-droparound .links.secondary ,
.fluid.html-search-people-page-view .droparound.subview-droparound.auto-size.avatar-menu-droparound .links.secondary {
margin-top: 20px !important;
}
.fluid.html-search-groups-page-view .droparound.subview-droparound.auto-size.avatar-menu-droparound > * ,
.fluid.html-search-people-page-view .droparound.subview-droparound.auto-size.avatar-menu-droparound > * {
box-shadow: none !important;
}
/* SEARCH NUM RESUT PB - EXT (OTHERS than USER INTERST */
.search-photos-unified-page-view .search-photos-albums-view h5.search-results-header,
.search-photos-unified-page-view .search-photos-contacts-view h5.search-results-header,
.search-photos-unified-page-view .search-photos-everyone-view h5.search-results-header,
.search-photos-unified-page-view .search-photos-yours-view h5.search-results-header {
position: relative !important;
display: inline-block !important;
height: auto !important;
margin-top: 0vh !important;
}
/* [A VOIR] (new209) SEARCH - THUMBNAL SQUARE - SIZE CONATIN PB */
.fluid.html-search-photos-unified-page-view #content .view.photo-list-photo-view.awake[style*="width: 146px; height: 146px;"] .photo-list-photo-container {
line-height: 146px !important;
}
.fluid.html-search-photos-unified-page-view #content .view.photo-list-photo-view.awake[style*="width: 146px; height: 146px;"] .photo-list-photo-container .interaction-view .interaction-bar {
line-height: 15px !important;
}
.fluid.html-search-photos-unified-page-view #content .view.photo-list-photo-view.awake[style*="width: 146px; height: 146px;"] .photo-list-photo-container img[src*="_m.jpg"] {
display: inline-block !important;
vertical-align: middle !important;
height: auto !important;
max-height: 146px !important;
width: 100% !important;
max-width: 146px !important;
background-size: contain !important;
}
/* SEARCH - MODAL */
.fluid.html-search-photos-unified-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] {
min-width: 539px !important;
max-width: 539px !important;
border-radius: 3px !important;
}
.fluid.html-search-photos-unified-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .body .content {
border-radius: 3px !important;
box-shadow: -5px 5px 6px 7px black !important;
border: 1px solid red !important;
}
/* SEARCH - POOL */
.fluid.html-search-groups-page-view .search-slender-advanced-panel-view {
top: 40px !important;
border-bottom: 1px solid gray !important;
}
.search-groups-results-view {
margin-top: 45px !important;
}
.fluid.html-search-groups-page-view .search-groups-page-view .search-groups-results-view .my-groups {
margin-bottom: -37px !important;
}
/* SEARCH UNIF - PHOT - GAL */
.fluid.html-search-photos-unified-page-view .main.fluid-centered.using-slender-advanced-panel .main.search-your-photos-results .search-photos-yours-view h5.search-results-header {
position: relative !important;
display: inline-block !important;
margin-bottom: -190px !important;
top: 100px !important;
margin-top: 0px !important;
}
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view main#search-unified-content.main.fluid-centered.using-slender-advanced-panel:not(.advanced-panel-visible) .search-photos-yours-view .photo-list-view {
margin-top: 110px !important;
}
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view main#search-unified-content.main.fluid-centered.using-slender-advanced-panel.advanced-panel-visible .search-photos-yours-view .photo-list-view{
margin-top: 124px !important;
}
/* SEARCH - PHOTOS of YOUR CONTACT - === */
.fluid.html-search-photos-unified-page-view .main.fluid-centered.using-slender-advanced-panel .main.search-contacts-results {
margin-top: 32px !important;
margin-bottom: -90px !important;
}
/* SEARCH - PHOTO / POOL */
.ui-display-wrapper {
position: absolute;
display: inline-block !important;
height: 22px ! important;
transform: scale(0.5) !important;
}
.ui-display-wrapper.ui-display-wrapper-justified > .display-item-tile{
display: inline-block ! important;
margin-bottom: 122px !important;
margin-top: 160px !important;
}
.ui-display-tile{
display: inline-block ! important;
bottom: -280px !important;
margin-top: -50px !important;
}
/* SEARCH - HELP/FORUM COM LIST */
body.zeus #Main #BodyContainer.noPivots {
width: 100% !important;
min-width: 100% !important;
}
#BodyContainer .AboutResults + br + table.DiscussionResults {
display: inline-block !important;
min-width: 100% !important;
}
.search-refinements {
position: relative;
display: inline-block ! important;
width: 661px !important;
height: 20px !important;
margin-bottom: -5px;
margin-left: 0 !important;
margin-right: -15px;
text-align: left !important;
}
.search-refinements div.refinements-wrapper {
position: absolute ! important;
display: inline-block ! important;
margin: 0 auto;
padding: 1px 15px 4px 20px;
list-style-type: none;
text-align: left;
}
.AboutResults {
display: inline-block ! important;
width: 100%;
margin-top: -22px!important;
margin-left: 300px ! important;
}
body.zeus #Main #BodyContainer.noPivots .AboutResults {
width: 700px ! important;
top: -32px!important;
left: 300px ! important;
}
#Main > table:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing):not(.acct-sett).DiscussionResults {
display: inline-block ! important;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 50px !important;
}
#Main > table.DiscussionResults:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing):not(.acct-sett) > tbody tr td {
margin-top: -6px !important;
padding-top: 5px !important;
}
/* (new299) SEARCH - HELP/FORUM COM LIST - ITEMS */
.DiscussionResults>tbody tr td:first-of-type:not(.Who) .What {
display: block ! important;
float: left !important;
clear: none !important;
min-height: 17vh !important ;
max-height: 17vh !important;
width: 600px ! important;
margin: 0 5px 6vh 5px !important;
overflow: hidden ! important;
border: 1px solid gray ;
border: 1px solid red !important;
}
.DiscussionResults>tbody tr td:first-of-type:not(.Who) h2 {
display: block ! important;
float: left !important;
clear: none !important;
min-height: 40px ;
max-height: 40px ;
line-height: 15px ;
min-width: 588px ;
max-width: 588px ;
margin: -45px 5px 0vh 5px !important;
padding: 1px 5px ;
border-radius: 5px 5px 0 0 ;
font-size: 15px ;
border: 1px solid red ;
}
.DiscussionResults>tbody tr td:first-of-type:not(.Who) .Topic p {
height: 15vh ! important;
margin-bottom: 0px;
padding: 1px 5px ! important;
overflow: hidden ! important;
overflow-y: auto ! important;
overflow-x: hidden ! important;
outline: 1px solid gray ! important;
}
.DiscussionResults .Who {
display: inline-block !important;
width: 50px !important;
height: 100% !important;
max-height: 130px !important;
min-height: 130px !important;
padding-right: 0 !important;
}
.DiscussionResults > tbody tr td.Topic {
color: #000;
font-size: 12px;
max-width: 418px !important;
}
.DiscussionResults .Topic>p br ~ br {
display: block !important;
margin-bottom: 0px !important;
}
.DiscussionResults .Glance {
text-align: left !important;
min-width: 100px !important;
max-width: 100px !important;
}
.DiscussionResults ul {
margin: 0;
padding-left: 9px !important;
}
/* COLUMN - SEARCH */
body.zeus #Main #BodyContainer.noPivots #ResultsContainer table.GroupsResults tbody {
-moz-column-count: 5 ! important;
-moz-column-gap: 20px !important;
-moz-column-rule-style: solid !important;
-moz-column-rule-width: 2px !important;
display: inline-block !important;
max-width: 1900px !important;
min-width: 1900px !important;
min-height: 660px !important;
margin-top: -35px !important;
margin-left: -60px !important;
overflow: hidden !important;
overflow-y: hidden !important;
overflow-x: hidden !important;
}
body.zeus #Main #BodyContainer.noPivots #ResultsContainer table.GroupsResults tbody tr:not(:last-of-type) {
display: inline-block ! important;
height: 200px ! important;
width: 350px ! important;
padding: 5px ! important;
margin-bottom: 5px ! important;
border: 1px solid red ! important;
}
.GroupsResults h2 {
width: 288px !important;
height: 50px ! important;
margin-left: -8px ! important;
padding: 3px ! important;
}
.GroupsResults .Stats {
width: 260px !important;
height: 70px ! important;
margin-bottom: -10px ! important;
margin-left: -68px ! important;
padding: 3px ! important;
}
.GroupsResults .Stats b {
display: inline-block !important;
max-width: 150px !important;
min-width: 150px !important;
text-align: left ! important;
border-top: 1px solid gray ! important;
border-bottom: 1px solid gray ! important;
}
.GroupsResults .Stats a {
display: inline-block !important;
margin-left: -90px ! important;
text-align: left ! important;
}
.GroupsResults .Stats a[href^="/groups_join.gne"]:link {
display: inline-block !important;
max-width: 200px !important;
min-width: 200px !important;
margin-left: -15px ! important;
padding: 5px ! important;
text-align: center ! important;
}
.GroupsResults .About {
float: right !important;
margin-top: 25px !important;
margin-left: -68px ! important;
width: 350px !important;
height: 100px ! important;
overflow: hidden !important;
}
/* (new304) COR FLOAT - */
.GroupsResults .Pool {
position: relative ! important;
/*display: inline-block !important;*/
float: right !important;
top: -225px ! important;
padding: 0 ! important;
text-align: center ! important;
width: 80px ! important;
height: 77px ! important;
outline: 1px solid gray ! important;
}
/* FORUM SEARCH */
.Areas {
margin-top: -15px !important;
}
/* (new299) SERACH FORUM - PAGI */
#Main .Areas + form[action="/search/forum/"] + .ResultSet + br + table.DiscussionResults + br + #paginator-module.Pages ,
#Main > table.DiscussionResults:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing):not(.acct-sett) + br + #paginator-module {
position: absolute ;
top: 4.5vh !important;
right: 25px ;
/*border: 1px solid aqua !important;*/
}
/* (new304) COR FLOAT - SEARCH */
#Main div.forced-width {
width: 1920px ;
}
#ResultsContainer {
position: relative;
/*display: inline;*/
float: left;
clear: both;
min-width: 980px;
left: 6px ;
}
#PivotsContainer {
position: relative ;
display: inline-block ;
float: none ;
width: 302px;
margin-left: -485px ;
top: -109px ;
}
/* SEARCH - ALL (HOTO.ALB / CONTACT / EVERYONE / PHO.YOUR- MEMO */
html.fluid.html-search-photos-unified-page-view {
position: relative;
min-height: 100%;
min-width: 100vw !important;
max-width: 100vw !important;
overflow-x: hidden;
overflow-y: hidden !important;
}
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view {
position: relative !important;
display: inline-block !important;
height: 100vh !important;
width: 99.9% !important;
}
/* SUPP NEW PUBS GETTY in SEARCH */
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar-content .search-tools-view + div:not(.main) ,
.photo-list-getty-item-view {
display: none !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .view ,
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view {
margin: 0px 0 0 0 !important;
overflow: auto;
overflow-y: hidden !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .view .photo-list-view ,
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view {
position: relative !important;
display: inline-block !important;
height: 155px !important;
width: auto !important;
transform: unset !important;
margin: 0 !important;
}
html.fluid.html-search-photos-unified-page-view.scrolling-layout main#search-unified-content.main.fluid-centered {
position: relative !important;
display: inline-block !important;
height: auto !important;
width: 100% !important;
min-width: 100vw !important;
max-width: 100vw !important;
margin: 0 0 0 0 !important;
top: 6.2vh !important;
padding: 0vh 0 0vh 0 !important;
overflow: hidden !important;
overflow-x: hidden !important;
}
html.fluid.html-search-photos-unified-page-view.scrolling-layout main#search-unified-content.main.fluid-centered > .search-container-w-sidebar {
display: inline-block !important;
justify-content: unset !important;
width: 100% !important;
min-width: 100vw !important;
max-width: 100vw !important;
margin: auto;
}
/* (new303) SEARCH RESULTS - 3 CONATINERs (Yours Photos/ Contacts photos / Phots-all - FOR OTHER than USER INTERST */
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view[style*="position: relative;"] ,
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view[style*="position: initial;"] ,
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view {
display: inline-block !important;
height: auto !important;
min-height: 89vh !important;
max-height: 89vh !important;
width: 100% !important;
min-width: 99.8% !important;
max-width: 99.8% !important;
margin: 0 0 2vh 0 !important;
top: 3.7vh !important;
padding: 0.5vh 0 1.5vh 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
overflow-x: hidden !important;
}
/* (new234) SEARCH RESULTS - END SCROOL - for MORE BUTT - ([style*="padding-bottom: 0px"]) */
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view[style*="padding-bottom:"] ,
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view[style*="position: initial;"][style*="padding-bottom:"] {
min-height: 83vh !important;
max-height: 83vh !important;
padding: 0vh 0 3vh 0 !important;
margin: 0 0 2.5vh 0 !important;
}
/* (new234) SEARCH RESULTS - LAST SCROOL - NO MORE BUTT - :not([style*="padding-bottom: 0px"]) */
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view[style*="padding-bottom: 0px"] ,
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view[style*="position: initial;"][style*="padding-bottom: 0px"] {
min-height: 87vh !important;
max-height: 87vh !important;
padding: 0vh 0 3vh 0 !important;
margin: 0 0 6vh 0 !important;
}
/* SEARCH - Views MORE BUTTONS */
html.fluid.html-search-photos-unified-page-view .main.search-photos-results .infinite-scroll-load-more {
position: fixed !important;
float: none !important;
margin: 1.3vh 0 0 0 !important;
left: 0 !important;
}
/* SEARCH RESULTS - ONE CONATINER - ALL TABS FOR OTHER than USER INTERST - TABED NUMBER OF VIEW */
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"]:not(.search-photos-results) > div:first-of-type h5{
background: lime !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"]:not(.search-photos-results) > div:first-of-type h5,
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"] .search-photos-everyone-view > div:first-of-type {
position: fixed !important;
display: inline-block !important;
height: 2vh !important;
line-height: 2vh !important;
width: 100% !important;
top: 7vh !important;
left: 0 !important;
margin: 0vh 0 0 0 !important;
padding: 0 0 0 30px !important;
overflow: hidden !important;
z-index: 5000 !important;
background: #111 !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"] .search-photos-everyone-view > div:first-of-type h5 {
height: 2vh !important;
line-height: 2vh !important;
}
/* (new245) SEARCH RESULTS - TABS PHOT YOUR / ALB-GAL /PHO CONTACTS / */
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"] .search-photos-contacts-view:not(.search-photos-results) h5.search-results-header ,
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"] .search-photos-yours-view:not(.search-photos-results) h5.search-results-header {
position: fixed !important;
display: inline-block !important;
max-width: 20% !important;
height: 2vh !important;
line-height: 2vh !important;
top: 7vh !important;
padding: 0 10px !important;
visibility: visible !important;
border-radius: 5px 5px 0 0 !important;
z-index: 500000 !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-contacts-results {
position: fixed !important;
display: inline-block !important;
height: 16vh !important;
line-height: 2vh !important;
width: 100% !important;
min-width: 99.8vw !important;
max-width: 99.8vw !important;
top: 9.3vh !important;
left: 0 !important;
margin: 0vh 0 0 0 !important;
padding: 0.5vh 0 1.5vh 0 !important;
visibility: hidden !important;
z-index: 500000 !important;
background: #111 !important;
}
/* (new245)) SEARCH RESULTS - TAB - PHOT YOUR */
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"] .search-photos-yours-view:not(.search-photos-results) h5.search-results-header {
left: 40% !important;
max-width: 15% !important;
padding: 0 30px 0 30px !important;
text-align: center !important;
border-radius: 5px 5px 0 0 !important;
overflow: hidden !important;
z-index: 5000000 !important;
visibility: visible !important;
background: #111 !important;
border: 1px solid silver !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"] .search-photos-yours-view:not(.search-photos-results):hover h5.search-results-header ,
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"] .search-photos-yours-view:not(.search-photos-results) h5.search-results-header:hover {
margin-top: -2px !important;
background: #222 !important;
border: 1px solid red !important;
border-bottom: 3px solid red !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"] .search-photos-yours-view:not(.search-photos-results) h5.search-results-header:after {
content: "▼" !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-your-photos-results {
position: fixed !important;
display: inline-block !important;
min-height: 40vh !important;
max-height: 40vh !important;
line-height: 2vh !important;
width: 100% !important;
min-width: 99.8vw !important;
max-width: 99.8vw !important;
top: 9.3vh !important;
left: 0 !important;
margin: 0vh 0 0 0 !important;
padding: 0vh 0 1.5vh 0 !important;
visibility: hidden !important;
z-index: 500000 !important;
background: #111 !important;
border: 1px solid aqua !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-your-photos-results:hover {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 26vh !important;
max-height: 26vh !important;
line-height: 2vh !important;
width: 100% !important;
min-width: 99.8vw !important;
max-width: 99.8vw !important;
top: 9.3vh !important;
left: 0 !important;
margin: 0vh 0 0 0 !important;
padding: 0vh 0 1.5vh 0 !important;
visibility: visible !important;
z-index: 500000 !important;
background: #111 !important;
border: 1px solid red !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-your-photos-results:hover .search-photos-yours-view {
position: relative !important;
height: 100% !important;
min-height: 24vh !important;
max-height: 24vh !important;
padding: 1vh 0 2vh 0 !important;
margin: 0 !important;
visibility: visible !important;
overflow: hidden !important;
background: #111 !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-your-photos-results:hover .search-photos-yours-view .photo-list-view {
display: inline-block !important;
position: relative;
width: 100% !important;
min-height: 20vh !important;
max-height: 20vh !important;
padding: 2vh 0 2vh 0 !important;
background: #222 !important;
}
/* (new245) SEARCH RESULTS - TAB - ALB-GAL */
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"].search-your-albums-results:not(.search-photos-results) > div:first-of-type h5 {
position: fixed !important;
display: inline-block !important;
height: 2vh !important;
line-height: 2vh !important;
width: 13% !important;
left: 22% !important;
top: 7vh !important;
margin: 0vh 0 0 0 !important;
padding: 0 30px 0 30px !important;
text-align: center !important;
border-radius: 5px 5px 0 0 !important;
overflow: hidden !important;
z-index: 5000000 !important;
visibility: visible !important;
background: #111 !important;
border: 1px solid silver !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"].search-your-albums-results:not(.search-photos-results):hover > div:first-of-type h5 ,
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"].search-your-albums-results:not(.search-photos-results) > div:first-of-type h5:hover {
margin-top: -2px !important;
background: #222 !important;
border: 1px solid red !important;
border-bottom: 3px solid red !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"].search-your-albums-results:not(.search-photos-results) > div:first-of-type h5:after {
content: "▼" !important;
}
.fluid.html-search-photos-unified-page-view .albums-galleries {
position: fixed;
display: inline-block;
height: 18vh;
line-height: 2vh;
width: 100%;
min-width: 99.8vw;
max-width: 99.8vw;
left: 0;
top: 9.3vh;
margin: 0vh 0 0;
padding: 0.5vh 0 1.5vh;
visibility: hidden;
z-index: 500000;
background: #111 !important;
border: 1px solid red !important;
}
.fluid.html-search-photos-unified-page-view .albums-galleries:hover {
visibility: visible !important;
}
.fluid.html-search-photos-unified-page-view .albums-galleries .main.search-your-albums-results {
margin: -2.5vh 0 0 0 !important;
padding: 0vh 0.5vh 1vh 0.5vh !important;
background: #222 !important;
}
/* SEARCH RESULTS - TAB - PHOTO CONTACTS */
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"] .search-photos-contacts-view:not(.search-photos-results) h5.search-results-header {
left: 70% !important;
cursor: pointer !important;
background: #222 !important;
border: 1px solid silver !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"] .search-photos-contacts-view:not(.search-photos-results) h5.search-results-header:hover {
margin-top: -2px !important;
background: #222 !important;
border: 1px solid red !important;
border-bottom: 3px solid red !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main[class*="search-"] .search-photos-contacts-view:not(.search-photos-results) h5.search-results-header:after {
content: "▼" !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-contacts-results:hover {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 25vh !important;
max-height: 25vh !important;
line-height: 2vh !important;
width: 100% !important;
min-width: 99.8vw !important;
max-width: 99.8vw !important;
top: 9.3vh !important;
left: 0 !important;
margin: 0vh 0 0 0 !important;
padding: 1.5vh 0 1.5vh 0 !important;
visibility: visible !important;
z-index: 500000 !important;
background: #111 !important;
border: 1px solid red !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-contacts-results:hover .search-photos-contacts-view {
position: relative !important;
height: 100% !important;
min-height: 22vh !important;
max-height: 22vh !important;
padding: 2vh 0 0vh 0 !important;
margin: 0 !important;
background: #222 !important;
}
/* (new304) COR FLOAT - */
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-contacts-results:hover .photo-list-view .photo-list-photo-view {
position: relative !important;
/*display: inline-block !important;*/
float: left !important;
margin: 0 0 0px 0px;
padding: 0px;
transform: unset !important;
}
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-contacts-results:hover .photo-list-view .photo-list-photo-view .interaction-view {
display: inline-block !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
/* SEARCH RESULTS - PHO - SQUARE / MEDIUM */
.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view .photo-list-photo-view.awake {
position: relative !important;
display: inline-block !important;
height: 162px !important;
width: 174px !important;
transform: unset !important;
margin: 0 0px 5px 5px !important;
padding: 5px !important;
}
/* SEARCH RESULTS - PHO - LARGE */
html.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view .photo-list-tile-view.forced-aspect-ratio{
position: relative !important;
display: inline-block !important;
height: 280px !important;
width: 16.4% !important;
margin: 0 5px 10px 0px !important;
transform: unset !important;
}
.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view .photo-list-tile-view.forced-aspect-ratio .photo {
height: 80% !important;
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain;
}
.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view .photo-list-tile-view.forced-aspect-ratio .extra-tools {
position: absolute;
height: 5px !important;
line-height: 5px !important;
right: 0px !important;
top: 1px !important;
opacity: 0.2 !important;
transition: opacity 0.2s linear 0s;
}
.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view .photo-list-tile-view.forced-aspect-ratio:hover .extra-tools {
opacity: 1 !important;
}
.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view .photo-list-tile-view.forced-aspect-ratio .more-menu {
height: 18px !important;
width: 30px;
top: -7px !important;
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png") no-repeat scroll -496px 0 !important;
}
.search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view .photo-list-tile-view.forced-aspect-ratio .metadata .bottom-icons {
position: absolute;
display: flex;
justify-content: space-between;
align-items: center;
bottom: 0;
right: 0;
left: 0;
padding: 0 8px 2px 8px !important;
}
.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view .photo-list-tile-view.forced-aspect-ratio .metadata {
padding-top: 0px !important;
width: 100%;
}
.fluid.html-search-photos-unified-page-view main#search-unified-content.main.fluid-centered .search-container-w-sidebar .main.search-photos-results .search-photos-everyone-view .photo-list-view .photo-list-tile-view.forced-aspect-ratio + div[style^="position: absolute;"] {
position: relative !important;
display: inline-block !important;
height: 5vh !important;
width: 95% !important;
transform: unset !important;
margin: 8vh 0px 0px 0px !important;
}
/* ==== END SEARCH GENERAL - ALONE - TEST SEARCH === */
/* ================================================== */
/* HELP - DISC LEFT PAN */
#Main table tbody tr td#Hint {
position: sticky ;
display: inline-block ;
height: auto ;
width: 410px ;
top: 90px !important;
margin-top: -8px !important;
padding-top: 5px ;
border-radius: 5px ;
background: transparent !important;
}
#Main table tbody tr td#Hint .TopicListing:last-of-type ,
#Main table tbody tr td#Hint .TopicListing:first-of-type ,
#Main table tbody tr td#Hint .TopicListing {
display: inline-block ;
height: auto ;
width: 400px ;
margin-top: 0px ;
margin-bottom: -10px ;
padding: 0 ;
overflow: hidden ;
}
#Main table tbody tr td#Hint .TopicListing:first-of-type {
margin-bottom: 5px ;
}
#Main table tbody tr td#Hint .TopicListing:last-of-type {
margin-left: -2px ;
padding-top: 85px ;
}
#Main table tbody tr td#Hint .TopicListing:last-of-type tbody ,
#Main table tbody tr td#Hint .TopicListing:first-of-type tbody {
display: inline-block ;
width: 400px ;
height: auto ;
overflow: hidden ;
overflow-y: auto ;
}
#Main table tbody tr td#Hint .TopicListing:first-of-type tbody {
padding-top: 45px ;
}
#Main table tbody tr td#Hint .TopicListing:last-of-type tbody {
min-height: 480px ;
max-height: 480px ;
padding-top: 55px ;
overflow: hidden ;
overflow-y: auto ;
}
/* HELP HINT - PB POOL EDIT ABOUT */
#Main table tbody tr td#Hint .TopicListing:last-of-type h4 ,
#Main table tbody tr td#Hint .TopicListing h4 ,
#Main table tbody tr td#Hint h4 {
position: relative ;
display: inline-block ;
width: 100% ;
height: 25px ;
top: -20px ;
left: 13px ;
margin-bottom: 5px ;
padding: 5px ;
text-align: center ;
border-bottom: 1px solid red ;
}
/* HELP TOPIC */
#Main table tbody tr td#Hint .TopicListing h4 {
position: relative ;
display: inline-block ;
width: 99.4% !important;
height: 25px ;
top: -4px !important;
left: -5px !important;
background: #333 !important;
border: 1px solid yellow ;
}
/* BOT */
#Main table tbody tr td#Hint .TopicListing:last-of-type h4 {
top: 15px !important;
}
#Main table tbody tr td#Hint .TopicListing:last-of-type tr:first-of-type td ,
#Main table tbody tr td#Hint .TopicListing:first-of-type tr:first-of-type td {
position: absolute ;
display: inline-block ;
width: 380px ;
height: 25px ;
}
#Main table tbody tr td#Hint .TopicListing:last-of-type tr:first-of-type td {
top: 75px ;
}
/* TOP */
#Main table tbody tr td#Hint .TopicListing:first-of-type tr:first-of-type td ,
#Main table tbody tr td#Hint .TopicListing:first-of-type tr:first-of-type td h4 {
top: 5px ;
}
/* HELP - HINT TOP DISC LEFT PAN - TABLE HEAD */
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) tbody > tr:first-of-type td:first-of-type {
width: 800px ;
}
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) tbody > tr:first-of-type td[width="20%"] {
width: 90px ;
text-align: center ;
}
/* (new225COM) (JUnew) POOL - MESS EMPTY POOL - "NOTHING" */
#pool-photos #empty-state ,
/* SM */
#pool-photos.sm.photo-display-container #empty-state {
position: fixed ;
display: inline-block !important;
width: 1080px ;
line-height: 30px ;
top: 18vh !important;
left: 450px !important;
padding: 5px ;
white-space: normal ;
font-size: 20px ;
z-index: 500000 ;
transform: scale(1) !important;
border: 1px solid peru ;
}
#pool-photos #empty-state p a ,
#pool-photos #empty-state p ,
#pool-photos #empty-state h2 {
position: relative ;
display: inline-block ;
width: 100% ;
line-height: 30px ;
white-space: pre-wrap ;
text-align: center ;
}
/* POOL BETA - EMPTY STATE */
.fluid.html-group-interstitial-view .main h1 {
margin: 120px auto 14px !important;
border-radius: 5px !important;
border: 1px solid peru !important;
}
/* MY STR - STAT NAV BAR */
#subnav-refresh.subnav-refresh .subnav-middle .subnav-holder ul#button-bar.nav-links li.sn-navitem:nth-child(1) ,
#subnav-refresh.subnav-refresh .subnav-middle .subnav-holder ul#button-bar.nav-links li.sn-navitem:nth-child(2),
#subnav-refresh.subnav-refresh .subnav-middle .subnav-holder ul#button-bar.nav-links li.sn-navitem:nth-child(3),
#subnav-refresh.subnav-refresh .subnav-middle .subnav-holder ul#button-bar.nav-links li.sn-navitem:nth-child(4) {
position: relative !important;
display: inline-block !important;
width: auto !important;
}
#subnav-refresh.subnav-refresh .subnav-middle .subnav-holder ul#button-bar.nav-links li.sn-navitem span {
position: relative !important;
display: inline-block !important;
top: -7px !important;
padding: 0 3px 0 4px !important;
}
/* POOL DISC/NO DISC/MAIL BOX - CONT */
.ThinCase {
position: relative ;
display: inline-block !important;
width: 90% !important;
margin-top: 10px !important;
top: 38px ;
padding: 40px 0px 20px 10px !important;
text-align: center !important;
}
/* MAP MES - NOTHING */
#subnav-template-positionmask + .ThinCase {
margin-top: 40px !important;
}
/* HELP - EDIT DISC - SUBJ/EDIT POOL RULE/CHEKI INVIT */
#Main #Tertiary + script + table tbody tr td#Hint ,
#Main #Tertiary + table tbody tr td#Hint {
position: absolute ;
display: inline-block !important;
height: auto ;
min-height: 0px !important;
width: 100%;
max-width: 410px;
min-width: 410px;
margin-top: 0px !important;
border: none !important;
}
/* HELP - EDIT TOP HINT H4 */
#global-nav.styleguide-global-nav + #Main table tbody tr td#Hint > h4 {
position: fixed !important;
display: inline-block !important;
top: -10px !important;
left: 35px !important;
width: 346px !important;
border: 1px solid red ;
}
#global-nav.styleguide-global-nav + #Main table tbody tr td#Hint p:only-of-type {
position: fixed !important;
display: inline-block !important;
float: none !important;
clear: both !important;
min-width: 350px !important;
max-width: 350px !important;
height: auto !important;
line-height: 20px !important;
margin-bottom: -10px !important;
top: 47px !important;
left: 22px !important;
padding: 3px !important;
text-align: center !important;
overflow: hidden !important;
background: #333 !important;
}
/* EDIT - POOL MODE/DISC */
#global-nav.styleguide-global-nav + #Main h1#Tertiary + table tbody tr td#Hint p:only-of-type {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
height: auto !important;
line-height: 20px !important;
margin-bottom: -10px !important;
top: -67px !important;
left: 0px !important;
padding: 4px !important;
text-align: center !important;
overflow: hidden !important;
}
/* EDIT DISC/REPLY/POOL INVIT - CENTER */
#GoodStuff > form > p:first-of-type {
display: inline-block !important;
width: 434px;
height: auto ;
margin-top: -5px ;
padding: 5px 5px 5px 20px ;
border-radius: 3px ;
text-align: left ;
border: 1px solid gray ;
}
#GoodStuff > form > p > textarea {
display: inline-block !important;
resize: vertical ;
padding: 10px ;
width: 650px !important;
}
/* EDIT POOL DISC - table:not(.about_group_edit) */
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > table form:not([id^="banned_form"]) {
display: inline-block;
width: 100%;
max-width: 965px !important;
min-width: 965px !important;
padding: 0px !important;
border-radius: 5px;
border: 1px solid red;
}
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > form table {
display: inline-block;
}
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > form > p:first-of-type {
width: 97% !important;
margin-top: 10px;
padding: 0px;
}
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > form > p > textarea{
width: 97.5% !important;
}
/* (225COM) MAIN CONT - POOL - THUMB DISC */
#main {
position: relative !important;
display: inline-block !important;
height: auto !important;
min-height: 98vh !important;
max-height: 98vh !important;
width: 99.9vw !important;
top: 0 !important;
}
/* POOL DISC - NO SCROLL Y */
body.new-header #global-nav.styleguide-global-nav + #main.clearfix.wide {
min-height: 99.5vh !important;
max-height: 99.5vh !important;
margin-bottom: -3vh ;
overflow: hidden !important;
}
/* #Main - POOL PEND/ADD RULE/HELP */
#Main {
height: auto !important;
width: 100vw !important;
min-width: 100vw !important;
max-width: 100vw !important;
margin-bottom: -50px !important;
z-index: 0 !important;
}
/* HEADER - PHOT COVER - HOVER/DISP NONE */
#subnav-refresh.subnav-refresh .cover-photo-holder {
position: fixed !important;
display: inline-block !important;
height: 20px !important;
width: 15px !important;
top: 6.4vh !important;
right: 0px !important;
left: unset !important;
padding: 0 !important;
opacity: 1 !important;
z-index: 5000000 !important;
background: olive !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder:hover {
position: fixed !important;
display: inline-block !important;
height: 16vh !important;
width: 220px !important;
top: 3.5vh !important;
right: 0 !important;
left: unset !important;
z-index: 5000000000 !important;
background: #222 !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder:hover {
position: fixed !important;
display: inline-block !important;
height: 12vh !important;
width: 210px !important;
top: 8.8vh !important;
right: 0 !important;
border-radius: 0 0 0 5px !important;
visibility: visible !important;
z-index: 5000000 !important;
background: #333 !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder + .subnav-middle .cover-attribution {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 180px !important;
max-width: 180px !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
top: 6.4vh !important;
right: 10px !important;
text-align: right !important;
visibility: visible !important;
z-index: 5000000000 !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder:hover + .subnav-middle .cover-attribution{
top: 6.4vh !important;
z-index: 5000000000 !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder + .subnav-middle .cover-attribution p {
position: absolute !important;
display: inline-block !important;
width: 180px !important;
top: 0px !important;
right: 0px !important;
text-align: center !important;
font-size: 0 !important;
z-index: 500000 !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder + .subnav-middle .cover-attribution p a {
float: right !important;
width: 144px !important;
margin-left: 0px !important;
font-size: 13px !important;
text-align: left !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
z-index: 500000 !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder + .subnav-middle .cover-attribution p:before {
content: "Cover \A by:" !important;
float: left !important;
width: 25px !important;
line-height: 8px !important;
margin: 0px 0 0 0 !important;
font-size: 10px !important;
text-align: right !important;
color: gray !important;
}
/* THUMB :not(:hover)*/
.subnav-refresh .cover-photo-holder .cover-photo.wviewvert {
position: fixed !important;
display: inline-block !important;
height: 14vh !important;
width: 190px !important;
top: 8.6vh !important;
right: 0px !important;
padding-bottom: 0px !important;
background-repeat: no-repeat;
background-size: contain !important;
visibility: hidden !important;
border: 1px solid #959494 ;
box-shadow: -3px 4px 5px 4px black ;
background-color: #111 !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder:hover .cover-photo.wviewvert ,
#subnav-refresh.subnav-refresh .cover-photo-holder .cover-photo.wviewvert:hover {
visibility: visible !important;
z-index: 500000000 !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder:after {
content: "▼" !important;
position: fixed !important;
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
width: 15px !important;
top: 6.6vh !important;
right: 0px !important;
padding: 0 0px !important;
border-radius: 3px ;
font-size: 10px !important;
text-align: center !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 5000000 !important;
background: red !important;
color: gold !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder:hover:after {
content: "▼" !important;
position: fixed !important;
display: inline-block !important;
height: 30px !important;
line-height: 30px !important;
width: 20px !important;
top: 6.4vh !important;
right: 0px !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 5000000 !important;
background: #111 !important;
color: gold !important;
}
/* POOL - BUT - EDIT COVER */
#subnav-refresh.subnav-refresh .cover-photo-holder:not(:hover) + .subnav-middle .cover-attribution + .cover-cta {
position: fixed !important;
display: inline-block !important;
height: 20px !important;
right: 25px !important;
visibility: hidden !important;
z-index: 5000000000 !important;
background: red !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder + .subnav-middle .cover-attribution + .cover-cta > a {
display: inline-block !important;
vertical-align: top !important;
height: 20px !important;
line-height: 20px !important;
padding: 0 10px 0 30px !important;
background-position: 6px -1304px !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder + .subnav-middle .cover-attribution + .cover-cta:hover ,
#subnav-refresh.subnav-refresh .cover-photo-holder:hover + .subnav-middle .cover-attribution + .cover-cta {
position: fixed !important;
display: inline-block !important;
height: 20px !important;
line-height: 0px !important;
top: 6.2vh !important;
right: 15px !important;
opacity: 0.8 !important;
visibility: visible !important;
z-index: 5000000000 !important;
background: green !important;
}
/* USER INF */
.subnav-refresh .person {
width: 1784px !important;
left: 120px !important;
top: 8px !important;
}
/* == .subnav-middle == */
/* (new289) TOP NAV HEADER - POOL / COLLECTION / ALL */
.subnav-refresh .subnav-middle {
position: fixed !important;
display: inline-block !important;
width: 1926px !important;
height: 85px!important;
top: 0px !important;
left: -6px !important;
z-index: 50000 ;
/* border: 1px solid aqua !important; */
}
/* (JUnew) JU - TOP NAV HEADER - FEEDS but */
#pool-photos.photo-display-container.ju ~ #feeds {
position: fixed !important;
width: 16px !important;
height: 16px !important;
top: 5.3vh !important;
left: 1684px !important;
font-size: 0 !important;
opacity: 0.5 !important;
filter: grayscale(1) !important;
z-index: 5000000 !important;
}
/* ALL JU */
.breakout.breakout-justified .subnav-middle {
top: 0px !important;
}
/* EXPLORE - NO .subnav-middle*/
.breakout.ad-free #searchified-header {
top: -140px !important;
padding: 2px 5px !important;
}
/* SET Presentation*/
.breakout.header-underlap:not(.photostream).liquid .subnav-middle {
top: 60px !important;
}
/* == START = FLICKR - HEAD == */
.breakout.header-underlap.photostream .subnav-middle {
top: -19px !important;
}
#searchified-options + #photo-list-holder #thumb-wrapper {
margin-top: 30px !important;
}
#photo-list-holder #thumb-wrapper {
margin-top: 120px !important;
}
/* FAVS */
.breakout-justified.header-underlap.liquid.breakout .subnav-middle {
top: 6px !important;
}
/* SETS PRESEN */
.breakout:not(.breakout-justified).header-underlap:not(.photostream) .subnav-middle {
top: 6px !important;
}
#archives {
margin-top: 4px !important;
}
/* STREAM/SET - JU THUMB */
.breakout.header-underlap.photostream .subnav-middle {
margin-top: 23px !important;
}
/* == END = FLICKR - HEADER == */
/* (new244) == ARCH == */
/* (new244) ARCH - OPTIONS BAR (chose view: WORKING)
CLICK ON "THUMBNAIL" go to ARCHIVE with BIG THUMBNAIL AND CHOOSE VIEW (SMALL etc):
archives/date-taken/detail/?view=sm
https://www.flickr.com/photos/74172748@N00/archives/date-taken/detail/?view=sm
==== */
.new-header:not(.breakout-justified).header-underlap.js .searchified-options ,
.new-header:not(.breakout-justified).header-underlap.js #archives-options.searchified-options {
position: relative !important;
display: inline-block !important;
top: 10px !important;
margin-top: 80px !important;
}
#archives-tabs {
width: 100%;
height: 16px;
line-height: 0;
margin-bottom: 20px;
margin-top: -7px;
border-bottom: 1px solid red ;
}
#archives-tabs .tabs {
float: left;
padding-top: 0px;
width: 100%;
margin-top: -7px;
}
#archives-footer {
margin-top: -3.5vh !important;
}
/* (new244) ARCHIVES - BY MONTH */
.AllMonths {
border: 0 none;
width: 100%;
}
.AllMonths + .ThinCase {
position: absolute !important;
display: inline-block;
width: 60% !important;
margin-top: 10px;
top: 8.5vh !important;
right: 0 !important;
padding: 0px 0 20px 10px !important;
text-align: center;
}
.AllMonths + .ThinCase > table.MonthsAvailable {
display: inline-block;
width: 98% !important;
text-align: left;
overflow: hidden !important;
}
.AllMonths + .ThinCase > table tbody {
display: inline-block;
height: 83vh !important;
width: 98% !important;
text-align: left;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new299) ARCHVES - ALL - GM "FLICKR COMMENTED ON" - ERROR ICON */
#archives-tabs + .photo-display-container.clearfix #photo-display-container [id^="FCO-photo-"] [src^="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c"] {
height: 12px !important;
opacity: 0.3 !important;
}
/* (new244) ARCHIVE THUMBNAILS - ALL */
#archives .archive .thumb {
display: inline-block;
width: 100% !important;
height: 72% !important;
}
#archives .archive .thumb span.photo_container {
position: relative;
display: inline-block;
width: 100% !important;
line-height: 0;
}
#archives .archive .thumb span.photo_container a.rapidnofollow:not(.spaceball) {
display: inline-block;
width: 100% !important;
}
#archives .archive .meta {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
font-size: 11px;
}
#archives .archive .meta .inline-icons {
position: absolute;
height: 10px;
margin: -2.1vh 0 0 0!important;
}
#archives .archive h4 {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
font-size: 11px;
}
#archives .archive .meta a.fave-star-inline {
display: inline-block !important;
height: 9px;
margin-left: 5px;
width: 10px;
opacity: 0.5 !important;
}
/* ARCHVES - SQUARE */
#archives.sq .archive {
height: 100px !important;
width: 7.5% !important;
margin: 0 3px 5px 10px !important;
padding: 5px 0 0 0 !important;
background: #222 !important;
border: 1px solid #333 !important;
}
#archives-tabs + .sq.photo-display-container.clearfix #photo-display-container {
display: inline-block !important;
height: 100% !important;
width: 99.2% !important;
margin: 0vh 0px -1vh 0px !important;
}
/* ARCHVES - SMALL */
#archives-tabs + .sm.photo-display-container.clearfix #photo-display-container {
display: inline-block !important;
height: 75% !important;
width: 99.2% !important;
margin: -2vh 0px -1vh 0px !important;
border: 1px solid #333 !important;
}
#archives.sm .archive {
height: 164px !important;
width: 5.29% !important;
margin: 0 1px 5px 1px !important;
background: #222 !important;
border: 1px solid #333 !important;
}
#archives.sm .archive .hover-target {
display: inline-block;
height: 64% !important;
width: 100% !important;
padding: 5px 0 0 0 !important;
}
#archives.sm .archive .thumb {
display: inline-block;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
width: 100%;
}
#archives.sm .archive .thumb span.photo_container {
height: 100% !important;
width: 100% !important;
}
#archives.sm .archive .thumb span.photo_container a.rapidnofollow:not(.spaceball) {
height: 100% !important;
width: 100% !important;
}
#archives.sm .archive .thumb span.photo_container a.rapidnofollow:not(.spaceball) img:not(.video-play-icon) {
display: inline-block;
width: 99% !important;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
object-fit: contain !important;
object-position: center center !important;
}
#archives.sm .archive .meta {
width: 100%;
min-width: 98% !important;
max-width: 98% !important;
font-size: 11px;
}
#archives.sm .archive h4 {
display: inline-block;
width: 100%;
min-width: 100%;
margin: 0 0 0 0 !important;
font-size: 11px;
}
#archives.sm .archive .meta .inline-icons {
position: absolute;
display: inline-block !important;
height: 10px;
margin: -2.1vh 0 0px !important;
}
#archives.sm .archive .meta .inline-icons a.fave-star-inline {
margin-left: -35px !important;
}
/* ARCHVES - MEDIUM */
#archives.md .archive.photo-display-item {
height: 290px;
width: 15.8% !important;
margin: 0 11px 7px 0 !important;
background-color: #333 !important;
}
#archives.md .archive .hover-target {
display: inline-block;
height: 85% !important;
width: 100% !important;
padding: 5px 0 0 0 !important;
}
#archives.md .archive .thumb {
display: inline-block;
height: 100% !important;
width: 100%;
}
#archives.md .archive .thumb span.photo_container {
position: relative;
display: inline-block;
line-height: 0;
width: 100%;
height: 100% !important;
}
#archives.md .archive .thumb span.photo_container a.rapidnofollow:not(.spaceball) {
display: inline-block;
width: 100%;
height: 100% !important;
}
#archives.md .archive .thumb span.photo_container a.rapidnofollow:not(.spaceball) img:not(.video-play-icon) {
display: inline-block;
width: 100%;
height: 100% !important;
object-fit: contain !important;
}
#archives.md .archive .meta .inline-icons {
position: absolute;
height: 10px;
margin: -2vh 0 0px !important;
}
#archives.md .archive .meta a.fave-star-inline {
display: inline-block;
height: 9px;
width: 10px;
margin-left: -35px !important;
opacity: 0.5;
}
/* ARCHVES - LARGE */
#archives.lg.photo-display-container.clearfix .archive.photo-display-item {
display: inline-block !important;
height: 290px;
width: auto !important;
min-width: 24% !important;
max-width: 24% !important;
margin: 0 11px 7px 0 !important;
background-color: #333 !important;
border: 1px solid gray !important;
}
#archives.lg.photo-display-container.clearfix .archive.photo-display-item .hover-target {
display: inline-block;
width: 100% !important;
}
#archives.lg.photo-display-container.clearfix .archive.photo-display-item .photo_container {
display: inline-block !important;
max-height: 100% !important;
width: auto !important;
width: 100% !important;
min-width: 100% !important;
padding: 0px 0 0 0 !important;
}
#archives.lg.photo-display-container.clearfix .archive.photo-display-item .photo_container a:not(.spaceball) img {
display: inline-block !important;
max-height: 225px !important;
width: 100% !important;
padding: 0px 0 0 0 !important;
object-fit: contain !important;
}
#archives.lg .archive .meta .inline-icons {
height: 10px;
margin: -2.1vh 0 0;
position: absolute;
}
#archives.lg .archive .meta a.fave-star-inline {
display: inline-block;
height: 9px;
margin: 5px 0 0 -45px !important;
opacity: 0.5;
width: 10px;
}
/* (new304) COR FLOAT - POOL PEND PAGE == */
/* POOL PEND PHO - OLD - THUMB ZOOM PLUS */
.photo-list-photo-interaction .interaction-bar .tool .fave-area i.fave-star:before ,
.gPendWho > a:first-of-type:before {
position: absolute ;
display: inline-block ;
width: 15px ;
content: "X" ;
margin-top: 0px ;
padding: 4px ;
font-size: 10px ;
color: transparent ;
background: transparent ;
}
.photo-list-photo-interaction .interaction-bar .tool .fave-area i.fave-star:before {
margin-left: -12px !important;
}
/* LEFT SID - PEND - POOL PHO - OLD */
#group-sidebar.open:not(:hover) .pending.sec ,
#group-sidebar:not(:hover) .pending.sec {
position: absolute ;
display: inline-block ;
width: 58px ;
height: 19px ;
line-height: 19px ;
left: 645px ;
top: -26px ;
padding-bottom: 5px ;
border-radius: 3px ;
font-size: 12px ;
text-align: center ;
overflow: hidden ;
z-index: 2147483647 ;
}
.breakout-justified #group-sidebar .pending.sec ,
#group-sidebar.open.short-window .pending.sec ,
#group-sidebar.open .pending.sec ,
#group-sidebar.open:hover .pending.sec {
position: absolute ;
display: inline-block ;
height: 19px ;
line-height: 19px ;
width: 655px ;
left: 0px ;
top: -20px ;
padding: 4px 0 5px 0 ;
border-radius: 3px 3px 0 0 ;
font-size: 12px ;
text-align: center ;
overflow: hidden ;
z-index: 2147483647 ;
}
/* (JUnew) */
#group-sidebar.open.short-window .pending.sec {
min-width: 655px ;
}
#group-sidebar.sm.open:hover .pending.sec ,
#group-sidebar:hover .pending.sec ,
#group-sidebar .pending.sec:hover {
position: absolute ;
display: inline-block ;
height: 19px ;
line-height: 19px ;
min-width: 655px ;
left: 0 ;
top: 0 ;
padding: 4px 0 5px 0 ;
text-align: center ;
transition: all ease 0s ;
background: black !important;
}
.breakout-justified #group-sidebar:hover .pending.sec {
top: 0px !important;
}
#group-sidebar .pending.sec h3.group-subhead {
width: 55px !important;
height: 19px ;
line-height: 19px ;
margin-top: 2px ;
margin-bottom: 0px ;
border-radius: 5px ;
font-size: 12px ;
text-align: center ;
z-index: 50000 ;
color: peru !important;
border: 1px solid red ;
}
#group-sidebar.sm:hover .pending.sec h3.group-subhead ~ p ,
#group-sidebar:hover .pending.sec h3.group-subhead ~ p ,
#group-sidebar.open .pending.sec:hover p ,
#group-sidebar .pending.sec:hover p {
position: relative ;
display: inline-block !important;
width: 250px ;
height: 19px ;
line-height: 19px ;
margin-bottom: 1px ;
top: -29px ;
margin-top: 5px ;
border-radius: 5px ;
text-align: center ;
font-size: 12px ;
opacity: 1 ;
visibility: visible ;
border: 1px solid gray ;
}
#group-sidebar .pending p:first-of-type + p {
margin-top: 5px ;
}
#Main>form[action*="/pending/"]{
margin-top: -70px ;
}
form[action*="/pending/"] .gPend {
margin-top: 74px ;
}
form[action*="/pending/"] .gPend #paginator-module:first-of-type {
position: relative ;
width: 596px ;
top: 74px ;
margin-bottom: 20px ;
}
form[action*="/pending/"] .gPend #paginator-module:first-of-type .Results {
color: #bbb;
font: 11px/15px Arial,Helvetica;
margin-top: 0px;
text-align: center;
}
form[action*="/pending/"] .gPend p.gPendAll:first-of-type {
position: absolute ;
width: 296px ;
top: 73px ;
right: 200px ;
}
form[action*="/pending/"] .gPend p.gPendAll:first-of-type + p.gPendAll {
position: absolute ;
width: 128px ;
top: 71px ;
right: 450px ;
}
form[action*="/pending/"] .gPend p.gPendAll:first-of-type + p.gPendAll input.Butt {
margin-right: 305px ;
}
.gPendMod p + p input:checked + label::after {
position: absolute ;
display: inline-block ;
content: " deny" ;
margin-top: -269px ;
margin-left: -220px ;
padding: 116px ;
pointer-events: none ;
background: rgba(255, 0, 0, 0.3) ;
}
.gPendMod p + p input:checked + label[id^="leave_"]::after {
position: absolute ;
display: inline-block ;
content: " leave" ;
margin-top: -269px ;
margin-left: -180px ;
padding: 116px 80px ;
pointer-events: none ;
background: rgba(11, 255, 0, 0.1) ;
}
.gPendMod > p:first-of-type input:checked + label {
color: gold ;
background: green ;
}
.gPendMod p + p input:checked + label {
color: white ;
background: red ;
}
.gPendMod p + p input:checked + label[id^="leave_"] {
color: white ;
background: rgba(11, 255, 0, 0.2) ;
}
.gPend table {
width: 100% ;
min-width: 1897px ;
max-width: 1897px ;
margin-left: 7px ;
margin-top: -55px ;
}
.gPend table tbody {
display: inline-block ;
width: 100% ;
min-width: 1897px ;
max-width: 1897px ;
margin-top: 117px ;
}
.gPend>table>tbody>tr {
display: inline-block ;
vertical-align: top ;
height: 324px ;
width: 450px ;
margin-right: 5px ;
margin-bottom: 5px ;
padding: 5px ;
overflow: hidden ;
border-right: 1px solid red ;
border: 1px solid gray ;
}
.gPend>table>tbody>tr:nth-child(odd) {
float: left ;
clear: none ;
}
.gPend>table>tbody>tr:nth-child(even) {
float: right ;
clear: none ;
}
/* (new304) COR FLOAT - */
.gPendPic {
/*display: inline-block ;*/
float: left ;
width: 240px ;
min-height: 240px ;
padding-right: 0px ;
text-align: center ;
}
.gPendPic>div {
text-align: center ;
}
.gPendPic>div .photo_container.pc_ma img {
position: relative ;
display: inline-block ;
vertical-align: bottom ;
image-rendering: optimizequality ;
}
.gPendDesc {
float: right ;
width: 195px ;
min-height: 239px ;
max-height: 239px ;
line-height: 15px ;
padding-left: 5px ;
padding-right: 5px ;
overflow: hidden ;
overflow-y: auto ;
}
.gPendDesc>br {
display: block ;
margin-bottom: -2px ;
}
.gPend .gPendDesc .gPendWho > a:last-of-type {
display: inline-block ;
text-align: center ;
width: 198px ;
border: 1px solid gray ;
}
/* (new304) COR FLOAT - */
.gPendMod {
/*display: inline-block ;*/
float: right ;
clear: none ;
width: 450px ;
padding: 5px 0 ;
text-align: center ;
}
.gPendMod p {
/*display: inline ;*/
height: 15px ;
line-height: 15px ;
width: 140px ;
margin-right: 5px ;
padding: 5px 5px 3px 5px ;
text-align: left ;
}
.gPendMod>p input {
position: relative !important;
display: inline-block !important;
top: 2px !important;
}
.gPendMod>p label {
display: inline-block ;
height: 16px ;
line-height: 15px ;
width: 100px ;
margin-left: -24px ;
padding-left: 20px ;
text-align: left ;
cursor: pointer ;
}
/* POOL PEND PHOT- MOD SORT/GEST */
.fluid.html-group-admin-pending-page-view .fluid-droparound-view {
position: absolute ;
display: inline-block ;
width: auto ;
width: 100% ;
min-width: 200px ;
max-width: 200px ;
left: 0px ;
right: 0 ;
top: 0px ;
margin-top: 0px ;
z-index: 500000 ;
}
/* POOL PEND PHOT - NEW - DEL IM - ALL POOL - remove */
.fluid.html-group-admin-pending-page-view .group-admin-pending-page-view .group-admin-pending-page-container {
max-width: 100% ;
margin-top: 65px ;
padding: 0px 20px ;
border-top: 1px solid red ;
}
.group-admin-pending-page-view .group-admin-pending-page-container .tools-container {
padding: 5px 0 ;
}
.fluid.html-group-admin-pending-page-view .group-admin-pending-page-view .group-admin-pending-page-container.fluid-centered .pending-list-container {
display: inline-block ;
width: 100% ;
height: auto ;
}
.fluid.html-group-admin-pending-page-view .group-admin-pending-page-view .group-admin-pending-page-container .pending-page-title {
margin: 5px 0 0 ;
}
.fluid.html-group-admin-pending-page-view .fluid-centered.group-admin-pending-page-container .pending-list-container .group-admin-pending-item-view {
float: left ;
width: 100% ;
min-width: 24% ;
max-width: 24% ;
height: 350px ;
margin-right: 10px ;
margin-bottom: 10px ;
padding-top: 35px ;
border: 1px solid gray ;
}
.group-admin-pending-item {
display: inline-block ;
width: 100% ;
height: 350px ;
margin-right: 10px ;
margin-bottom: 10px ;
overflow: hidden ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container {
display: inline-block ;
width: 100% ;
height: 350px ;
padding: 0 ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-and-details-column {
display: inline-block !important;
width: 100% ;
height: 350px ;
padding: 0 ;
text-align: center ;
transition: opacity 0.2s ease 0s;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-column {
display: inline-block ;
width: 100% ;
height: 310px ;
text-align: center ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-column a {
display: inline-block ;
width: 100% ;
text-align: center ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-column .photo {
display: inline-block !important;
max-height: 250px ;
max-width: 300px ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column {
position: absolute ;
display: inline-block ;
width: 286px ;
height: 35px ;
margin-left: -450px ;
margin-top: -37px ;
padding: 0 5px ;
text-align: center ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container:hover .action-column ,
.group-admin-pending-item-view .group-admin-pending-item .item-content-container:hover .action-column .batch-check {
transition: all ease 0.7s ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column {
display: inline-block ;
width: 96% ;
height: 46px ;
margin-top: -10px ;
padding: 0 5px ;
border-top: 1px solid gray ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .timestamp {
position: absolute ;
display: inline-block ;
vertical-align: middle ;
width: 35px ;
height: 26px ;
line-height: 13px ;
margin-top: -384px ;
margin-left: 10px ;
padding: 2px ;
border-radius: 3px ;
font-size: 12px ;
text-align: center ;
z-index: 500 ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .photo-title {
position: relative ;
display: inline-block ;
height: 15px ;
line-height: 15px ;
min-width: 430px ;
max-width: 430px ;
top: -5px ;
margin: 0px 0 -7px 0 ;
font-size: 15px ;
overflow: hidden ;
text-overflow: ellipsis ;
white-space: nowrap ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .photo-details .by-user {
min-width: 300px ;
max-width: 300px ;
text-align: left ;
}
/* SAVE FOR LATER */
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .batch-check {
position: absolute ;
display: inline-block ;
width: 140px ;
height: 35px ;
line-height: 35px ;
margin-left: 153px ;
margin-top: -64px ;
padding: 0 5px ;
text-align: center ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .batch-check .toggle-component.box-after.gray-theme.switch.block {
display: inline-block ;
text-align: center ;
color: green ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .batch-check .toggle-component.box-after.gray-theme.switch.block:hover .label-text {
display: inline-block ;
text-align: center ;
color: green ;
}
.group-admin-pending-item-view.disabled-ignored .group-admin-pending-item .item-content-container .action-column .batch-check .toggle-component.box-after.gray-theme.switch.block {
display: inline-block ;
text-align: center ;
}
.group-admin-pending-item-view.disabled-ignored .group-admin-pending-item .item-content-container .action-column .batch-check .toggle-component.box-after.gray-theme.switch.block .label-text {
display: inline-block ;
text-align: center ;
color: red ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .batch-check .toggle-component-view {
display: inline-block ;
width: 140px ;
height: 15px ;
line-height: 15px ;
text-align: center ;
}
.group-admin-pending-item-view.disabled-ignored .group-admin-pending-item .item-content-container .action-column .action-buttons,
.group-admin-pending-item-view.disabled-ignored .group-admin-pending-item .item-content-container .photo-and-details-column {
opacity: 0.3 ;
pointer-events: auto ;
}
/* POOL PEND MEMB LIST */
#Main table tbody tr #GoodStuff table#InBox {
position: relative ;
display: inline-block ;
width: 1840px ;
margin-left: 10px ;
margin-top: 0px ;
}
/* POOL PEND LIST */
#GoodStuff table#InBox tbody tr:not(:first-of-type) {
float: left ;
width: 322px !important;
margin: 5px 2px 5px 30px !important;
padding: 5px ;
border-radius: 5px ;
border: 1px solid gray !important;
}
/* COUNTER */
#GoodStuff table#InBox tbody tr:not(:first-of-type):before{
position: relative ;
display: inline-block ;
content: counter(li);
counter-increment: li;
width: 2em;
margin-left: -56px ;
top: 30px ;
line-height: 1em;
text-align: center;
border-radius: 13px 0 0 13px ;
border: 1px solid gray ;
}
/* ICON */
#Main table tbody tr #GoodStuff table#InBox tr + tr td:first-of-type {
float: left !important;
padding: 0px;
}
/* NAME */
#GoodStuff table#InBox tbody tr td[width="70%"] {
float: right !important;
width: 90% !important;
margin: 5px 0 5px 0 !important;
padding: 0px;
}
#GoodStuff table#InBox tbody tr td[width="70%"] a {
display: inline-block ;
width: 100% !important;
overflow: hidden ;
text-overflow: ellipsis ;
white-space: nowrap ;
}
/* BUTT */
#GoodStuff table#InBox tbody tr td[width="70%"] + td {
position: relative !important;
display: inline-block !important;
margin-left: 30px !important;
}
#GoodStuff table#InBox tbody tr td[width="70%"] ~ td:last-of-type {
position: relative !important;
display: inline-block !important;
}
/* POOL PEND LIST - EDIT MEMB DECL - TEXTAREA */
#GoodStuff table#InBox tbody {
width: 1850px ;
counter-reset: li ;
list-style: none ;
padding: 1px ;
}
#GoodStuff table #InBox>tbody>tr>td>form .Butt {
display: inline-block ;
padding: 0 ;
font-size: 10px ;
}
/* MAIN - TITLE HEAD - MESS/MAIL/HELP/PEND - STICKY */
#Main > h1 {
position: sticky ;
display: inline-block ;
width: 915px ;
height: 28px ;
line-height: 28px ;
left: 443px ;
top: 0px ;
margin-top: 0px ;
padding: 0 5px ;
text-align: left ;
z-index: 500 ;
border-bottom: 1px solid gray ;
background: white ;
}
/* == JU CONT == */
/* (new225COM) JU - POOL - POOL SIDEBAR HIDDEN / OPEN */
.group-content-wrapper {
margin: 0 0 0 0 !important;
width: auto;
}
#group-sidebar,
#group-sidebar.sm,
#group-sidebar.open {
position: fixed !important;
display: inline-block ! important;
width: 630px !important;
left: -645px !important;
top: 10vh !important;
padding: 5px !important;
border-radius: 0 0 5px 0 !important;
z-index: 50000 !important;
border: 1px solid red !important;
}
#group-sidebar .sec {
opacity: 1 !important;
}
#group-sidebar .discussions.sec ul {
height: 250px !important;
overflow: hidden !important;
overflow-y: auto !important;
border-bottom: 1px solid red !important;
}
#group-sidebar .discussions .topic[style="display: none;"] {
display: inline-block ! important;
}
#group-sidebar .group-cta {
width: 597px !important;
height: 105px !important;
}
/* (JUnew) POLL SMALL - ABOUT - SIDEBAR TOGGLE */
#group-sidebar .group-cta .group-subhead {
width: 500px !important;
}
#group-sidebar .toggle ,
#group-sidebar.open .toggle {
top: 5px !important;
right: -15px !important;
opacity: 1 !important;
}
#group-sidebar .toggle p {
line-height: 10px !important;
padding: 0 20px 0 20px !important;
font-size: 10px !important;
}
/* (JUnew) POLL SMALL - HIDE - TOGGLE on HOVER */
#group-sidebar:hover,
#group-sidebar.open:hover {
position: fixed !important;
display: inline-block ! important;
width: 630px !important;
top: 89px !important;
left: 0px !important;
padding: 40px 5px 20px 20px !important;
z-index: 500000 !important;
background: #222 !important;
}
/* (JUnew) POLL SMALL - HIDDE - + / - */
#group-sidebar p.hide {
position: fixed !important;
display: inline-block ! important;
width: 20px !important;
top: 50px !important;
left: 4px !important;
visibility: visible !important;
opacity: 0.5 !important;
}
#group-sidebar p.hide:hover {
opacity: 1 !important;
}
#group-sidebar p.hide a span,
#group-sidebar p.hide a ,
#group-sidebar.open p.hide a span ,
#group-sidebar.open p.hide a {
font-size: 0 !important;
}
#group-sidebar p.hide:after ,
#group-sidebar.open p.hide:after {
content: "Pics" !important;
position: absolute !important;
height: 10px !important;
line-height: 8px !important;
left: 1px !important;
top: 2px !important;
font-size: 9px !important;
color: white !important;
}
#group-sidebar p.hide a:before ,
#group-sidebar.open p.hide a:before {
position: absolute !important;
height: 5px !important;
left: 4px !important;
top: 7px !important;
font-size: 8px !important;
}
#group-sidebar p.hide a:before {
content: "➕" !important;
}
#group-sidebar.open p.hide a:before {
content: "➖" !important;
}
/* POOL - POOL SIDEBAR - TOPIC + META */
#group-sidebar .discussions li.topic {
display: inline-block ! important;
width: 100%!important;
min-width: 580px !important;
max-width: 580px !important;
min-height: 90px !important;
margin-bottom: 5px !important;
overflow-wrap: break-word;
}
#group-sidebar .discussions .topic .discuss-topic {
margin-bottom: 18px !important;
}
#group-sidebar .discussions .topic .reply .group-meta {
position: absolute !important;
display: inline-block ! important;
width: 100%!important;
min-width: 580px !important;
max-width: 580px !important;
top: -17px !important;
left: 0 !important;
}
#group-sidebar .discussions .topic .reply p.group-message {
position: relative !important;
display: inline-block !important;
text-align: left !important;
}
#group-sidebar .discussions .topic .reply p img.notsowide:not(.buddyicon){
position: relative;
display: inline-block !important;
height: auto;
max-width: 100px !important;
vertical-align: text-bottom;
margin-bottom: 20px !important;
}
#group-sidebar .discussions .topic .reply .group-message a {
position: relative;
display: inline-block;
width: 99% !important;
}
/* JU - ALL - CONT */
.ju {
width: 1900px !important;
height: 100% !important;
margin-top: -29px !important;
margin-left: 0px !important;
left: 0 !important;
padding-bottom: 200px !important;
padding-left: 0 !important;
}
/* JU - FAVS - CONTAINER */
#faves {
padding-top: 0px !important;
}
#faves.ju {
width: 1920px !important;
min-height: 100% !important;
margin-top: 10px !important;
margin-left: 0px !important;
left: 0 !important;
padding-left: 0 !important;
}
/* JU - STREAM - CONTAINER */
.js #photo-list-holder.loaded,
.js #photo-list-holder.pre-loaded {
margin-top: -67px !important;
}
#thumb-wrapper #thumbnails.ju {
width: 1900px !important;
height: 100% !important;
margin-top: -29px !important;
margin-left: 8px !important;
left: 0 !important;
padding-left: 0 !important;
}
/* == JU - ROWS == */
/* JU - ALL USERS + MY FAVS - ROWS */
#faves.photo-display-container.clearfix .row ,
#faves.ju.is_own.photo-display-container.clearfix .row {
position: relative !important;
display: inline-block !important;
width: 1100px !important;
min-height: 200px !important;
max-height: 190px !important;
margin-bottom: -105px !important;
top: -20px !important;
margin-top: 70px !important;
left: -60px !important;
margin-left: -180px !important;
overflow: visible !important;
transform: scale(0.45) !important;
vertical-align: top !important;
background: transparent !important;
}
/* JU - EXPL - STREAM/SET - CONT */
#thumb-wrapper #thumbnails.ju .row {
position: relative !important;
display: inline-block !important;
width: 1100px !important;
min-height: 230px !important;
max-height: 230px !important;
margin-bottom: -105px !important;
top: -90px !important;
margin-top: 70px !important;
left: -60px !important;
margin-left: -180px !important;
overflow: visible !important;
transform: scale(0.45) !important;
vertical-align: bottom !important;
background: transparent !important;
}
/* JU - CAMERA FINDER - ROW */
#camera-finder-content.model-page {
padding-top: 0px !important;
}
#camera-finder-content #interesting-photos {
margin-bottom: 5px !important;
margin-top: 10px !important;
font-size: 20px !important;
text-align: center !important;
}
#camera-finder-content h3 {
font-size: 23px !important;
line-height: 30px !important;
margin: 0 !important;
}
.js #camera-finder-content #photo-list-holder.loaded,
.js #camera-finder-content #photo-list-holder.pre-loaded {
margin-top: -37px !important;
}
#camera-finder-content #interesting-photos + #view-holder #photo-list-holder #thumb-wrapper {
margin-top: 10px !important;
}
#camera-finder-content #view-holder #photo-list-holder #thumb-wrapper #thumbnails.ju .row.row- {
width: 1000px !important;
min-height: 325px !important;
max-height: 325px !important;
line-height: 15px !important;
vertical-align: middle !important;
margin-bottom: -90px !important;
top: -50px !important;
left: 97px !important;
margin-left: -65px !important;
transform: scale(0.91) !important;
transform-origin: center left !important;
border: 1px solid #333 !important;
}
/* (new244) CAMERA FINDER - HOVER TARGET */
/* (new244) CAMERA FINDER - META */
#camera-finder-content #thumb-wrapper #thumbnails.ju.photo-display-container #photo-display-container .row.row- .photo-display-item .hover-target .thumb .meta {
position: absolute !important;
display: inline-block !important;
height: auto !important;
margin: 0vh 0 0vh 0 !important;
padding: 0px 0 0px 0px !important;
transform: scale(1) !important;
transform-origin: left bottom 0 !important;
}
/* HOVER */
#camera-finder-content #thumb-wrapper #thumbnails.ju.photo-display-container #photo-display-container .row.row- .photo-display-item:hover .hover-target .thumb .meta {
position: absolute !important;
display: inline-block !important;
height: auto !important;
margin: -1vh 0 0vh 0 !important;
padding: 0px 0 5px 0px !important;
transform: scale(1) !important;
transform-origin: left bottom 0 !important;
}
#camera-finder-content .meta div {
transform: scale(1) !important;
transform-origin: left bottom 0 !important;
}
/* (new244) CAMERA FINDER - META - TITLE */
#camera-finder-content #thumb-wrapper #thumbnails.ju.photo-display-container #photo-display-container .row.row- .photo-display-item .hover-target .thumb .meta div.title {
display: inline-block !important;
width: 100% !important;
height: auto !important;
margin: 0vh 0 0 0px !important;
left: 0px !important;
padding: 0 0 0 0px !important;
font-size: 0px !important;
white-space: normal;
}
#camera-finder-content #thumb-wrapper #thumbnails.ju.photo-display-container #photo-display-container .row.row- .photo-display-item:hover .hover-target .thumb .meta div.title {
display: inline-block !important;
width: 100% !important;
height: auto !important;
margin: 0vh 0 0 0px !important;
left: 0px !important;
padding: 0 0 0 0px !important;
font-size: 15px !important;
white-space: normal;
}
#camera-finder-content #thumb-wrapper #thumbnails.ju.photo-display-container #photo-display-container .row.row- .photo-display-item .hover-target .thumb .meta div.title a.title {
display: inline-block !important;
width: 100% !important;
height: auto !important;
margin: 0vh 0 0 0px !important;
left: 0px !important;
padding: 2px 4px 0 4px !important;
font-size: 0px !important;
white-space: normal;
}
#camera-finder-content #thumb-wrapper #thumbnails.ju.photo-display-container #photo-display-container .row.row- .photo-display-item:hover .hover-target .thumb .meta div.title a.title {
display: inline-block !important;
width: 100% !important;
height: auto !important;
margin: 0vh 0 0 0px !important;
left: 0px !important;
padding: 2px 4px 0 4px !important;
font-size: 13px !important;
opacity: 1 !important;
white-space: normal;
}
/* (new244) CAMERA FINDER - META - ATTRIB NAME */
#camera-finder-content #thumb-wrapper #thumbnails.ju.photo-display-container #photo-display-container .row.row- .photo-display-item:hover .hover-target .thumb .meta div.attribution-block ,
#camera-finder-content #thumb-wrapper #thumbnails.ju.photo-display-container #photo-display-container .row.row- .photo-display-item .hover-target .thumb .meta div.attribution-block {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
height: 2vh !important;
line-height: 18px !important;
margin: 0 0 0 0 !important;
bottom: -2.5vh !important;
left: 0px !important;
padding: 0 0 0 5px !important;
font-size: 15px !important;
white-space: normal;
background: #111 !important;
}
#camera-finder-content #thumb-wrapper #thumbnails.ju.photo-display-container #photo-display-container .row.row- .photo-display-item:hover .hover-target .thumb .meta div.attribution-block .attribution a.owner ,
#camera-finder-content #thumb-wrapper #thumbnails.ju.photo-display-container #photo-display-container .row.row- .photo-display-item .hover-target .thumb .meta div.attribution-block .attribution a.owner {
position: relative !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 1.5vh !important;
line-height: 15px !important;
margin: 0 0 0 0 !important;
top: 0vh !important;
left: 0px !important;
padding: 0 0 0 0px !important;
font-size: 15px !important;
white-space: normal;
}
/* (new244) CAMERA FINDER - META - COMMENTS */
#camera-finder-content .meta span.inline-icons {
position: absolute !important;
display: inline-block !important;
width: 97.8% !important;
bottom: 6vh !important;
left: -1px !important;
padding: 0 10px 0 0 !important;
font-size: 15px;
text-align: right !important;
opacity: 1;
transform: unset !important;
}
#camera-finder-content .rapidnofollow.comments-icon.comments-inline-btn span {
font-size: 20px;
}
/* (new244) CAMERA FINDER - LAST ROW - IMAGE */
#camera-finder-content #view-holder #photo-list-holder #thumb-wrapper #thumbnails.ju .row.row-:last-of-type .photo-display-item .photo_container.pc_n .pc_img {
max-height: 285px !important;
width: auto !important;
}
#camera-finder-content .row.row-:last-of-type .photo-display-item .hover-target .thumb .meta {
margin: 3vh 0 0 0 !important;
padding: 5px 0 10px 8px !important;
transform: scale(1) !important;
transform-origin: left bottom 0 !important;
}
#camera-finder-content .row.row-:last-of-type .photo-display-item .meta div ,
#camera-finder-content .row.row-:last-of-type .photo-display-item .meta span {
transform: scale(1) !important;
transform-origin: left bottom 0 !important;
}
/* CAMERA FINDER - MARQUES */
#camera-finder-content:not(.model-page) h3 {
width: 98%;
margin: -10px 0 10px 3px !important;
text-indent: 150px !important;
}
#camera-finder-content.model-page .c2 h3 {
text-indent: 20px !important;
}
#camera-finder-content #models {
display: inline-flex;
width: 100%;
}
table#all-cameras.camera-table {
font-size: 12px;
margin: 0 auto;
width: 50% !important;
}
/* (new244) SVG - CAMERA FINDER - GRAPH - TXT */
.graph-overlay {
position: absolute;
top: -6px !important;
left: -5px !important;
margin: 1px 0 0 2px;
padding: 1px 3px 0 5px;
border-radius: 3px;
font-size: 11px;
color: silver !important;
text-shadow: 0 1px 0 #888 !important;
background-color: rgba(255, 252, 252, 0.09) !important;
}
/* (new244) CAMERA FINDER - SEARCH FORM */
#camera-finder-content + #photo-search {
position: absolute;
right: 550px;
top: 17vh !important;
}
#camera-finder-content + #photo-search {
-moz-appearance: none;
font-size: 20px !important;
color: gray;
}
#camera-finder-content + #photo-search label {
display: inline-block !important;
position: absolute !important;
width: 235px!important;
margin: -8vh 0 0 0px !important;
padding: 5px 20px !important;
font-size: 20px !important;
background: #111 !important;
border: 1px solid red !important;
}
#camera-finder-content + #photo-search #q_cam[value] {
-moz-appearance: none;
padding: 5px 20px !important;
border-radius: 3px !important;
color: gray;
border: 1px solid red !important;
}
#camera-finder-content + #photo-search input.Butt {
position: absolute !important;
display: inline-block !important;
margin: 5vh 0 0 0px !important;
left: 0 !important;
/* border: 1px solid red !important; */
}
/* CAMERA FINDER - ? */
.interesting-photo-block {
display: inline-block;
width: 895px!important;
margin-bottom: 5em;
}
/* BLURY THUMBS ??? - IMAGE RENDERING - POOL JU ROW - EMPTY */
.app-summary.big.clearfix .span.photo_container a img {
display: inline-block;
position: relative;
vertical-align: bottom !important;
image-rendering: optimizeQuality !important;
height: 215px ;
width: auto ;
}
/* JU - PAGI - FAV/STREAM */
body.breakout-justified .infinite-pages .Pages {
position: fixed !important;
display: inline-block !important;
top: 400px !important;
left: 50px !important;
text-align: center;
transform: rotate(0deg) !important;
}
body.breakout-justified .infinite-pages .pages {
display: inline-block !important;
position: absolute !important;
width: 26px !important;
left: -30px !important;
}
body.breakout-justified .infinite-pages .Pages .Paginator .Results {
position: fixed !important;
display: inline-block !important;
text-align: center;
top: 80px !important;
right: -20px !important;
transform: rotate(90deg) !important;
}
/* "◄ PREV" */
body.breakout-justified .infinite-pages .Pages .Paginator .Prev ,
body.breakout-justified .infinite-pages .Pages .Paginator .AtStart {
display: inline-block !important;
position: absolute !important;
width: 50px !important;
text-align: center;
left: -50px !important;
top: -130px !important;
transform: rotate(90deg) !important;
font-size: 0 !important;
}
body.breakout-justified .infinite-pages .Pages .Paginator .Prev:before ,
body.breakout-justified .infinite-pages .Pages .Paginator .AtStart:before {
content: "\25C4 PREV" ;
display: inline-block ;
position: absolute ;
width: 50px ;
text-align: center ;
left: 12px ;
top: 5px ;
font-size: 12px ;
letter-spacing: 2px ;
}
/* "NEXT ►" */
body.breakout-justified .infinite-pages .Pages .Paginator .Next {
display: inline-block !important;
position: absolute !important;
text-align: center;
width: 50px !important;
left: -70px !important;
top: -57px !important;
transform: rotate(90deg) !important;
font-size: 0 !important;
}
body.breakout-justified .infinite-pages .Pages .Paginator .Next:before {
content: "NEXT\25BA " ;
display: inline-block ;
position: absolute ;
text-align: center ;
width: 50px ;
left: 10px ;
top: 5px ;
font-size: 12px ;
letter-spacing: 2px ;
}
/* PAGI STREAM */
#view-holder +script + #paginator-module.Pages ,
#view-holder + #paginator-module.Pages {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
top: 400px !important;
left: -935px !important;
text-align: center;
transform: rotate(90deg) !important;
}
#view-holder +script + #paginator-module.Pages .Results,
#view-holder + #paginator-module.Pages .Paginator + .Results {
position: fixed !important;
display: inline-block !important;
text-align: center;
top: -19px !important;
margin-left: -35px !important;
transform: rotate(0deg) !important;
color: #CCC7C7 !important;
letter-spacing: 2px !important;
}
/* "◄ PREV" */
#view-holder + script + #paginator-module.Pages .Paginator .AtStart ,
#view-holder + #paginator-module.Pages .Paginator .AtStart ,
#view-holder +script + #paginator-module .Paginator .Prev ,
#view-holder + #paginator-module.Pages .Paginator .Prev {
display: inline-block !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
width: auto !important;
line-height: 20px !important;
border-radius: 5px 0 0 5px !important;
text-align: center;
font-size: 0 !important;
}
#view-holder + script + #paginator-module.Pages .Paginator .AtStart:before ,
#view-holder +script + #paginator-module .Paginator .Prev:before ,
#view-holder + #paginator-module.Pages .Paginator .Prev:before {
content: "\25C4 PREV" ;
position: relative ;
display: inline-block ;
text-align: center ;
font-size: 12px ;
letter-spacing: 1px ;
}
/* "NEXT ►" */
#view-holder +script + #paginator-module .Paginator .Next ,
#view-holder + #paginator-module.Pages .Paginator span.AtEnd ,
#view-holder + #paginator-module.Pages .Paginator .Next {
display: inline-block !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
width: auto !important;
border-radius: 0 5px 5px 0 !important;
font-size: 0 !important;
}
#view-holder +script + #paginator-module .Paginator .Next:before ,
#view-holder + #paginator-module.Pages .Paginator span.AtEnd:before ,
#view-holder + #paginator-module.Pages .Paginator .Next:before {
content: "NEXT \25BA " ;
display: inline-block ;
text-align: center ;
font-size: 12px ;
letter-spacing: 1px ;
}
#view-holder +script + #paginator-module .Paginator span a,
#view-holder +script + #paginator-module .Paginator span .this-page ,
#view-holder + #paginator-module.Pages .Paginator span a,
#view-holder + #paginator-module.Pages .Paginator span .this-page {
display: inline-block !important;
transform: rotate(-90deg) !important;
}
/* JU - META - ALL + OTHERS TXT "by" */
.photo-display-container.ju .photo-display-item {
opacity: 1 !important;
}
.ju .meta {
text-shadow: none !important;
color: transparent !important;
overflow: visible !important;
}
/* JU - META - ALL - LIGHTBOX ICON */
.ju .lightbox-inline {
display: inline-block !important;
margin-top: 4px ! important;
}
.ju .photo-display-item .lightbox-inline img ,
.ju .photo-display-item:hover .lightbox-inline img {
position: relative !important;
display: inline-block !important;
height: 20px ! important;
margin-left: 0;
margin-top: -1px ! important;
width: 20px ! important;
}
/* JU - META - AUTHOR */
.ju .row .meta span.attribution {
display: inline-block !important;
width: auto !important;
color: transparent !important;
opacity: 1 !important;
}
.ju .row .thumb.narrow .meta span.attribution a ,
.ju .row .thumb.too-narrow .meta span.attribution a {
display: inline-block !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.ju .row .thumb.too-narrow .meta span.attribution a {
max-width: 190px !important;
}
.ju .row .thumb.narrow .meta span.attribution a{
display: inline-block !important;
max-width: 160px !important;
}
/* (JUnew) JU - POOL NO BETA - META - ALL - ICON FAV + DEL X - RED/WHITE */
.ju .fave-star-inline img {
margin-top: 4px ! important;
transform: scale(1) !important;
}
/* (JUnew) JU - POOL NO BETA - META - POOL/FAV +(#faves.sm.is_own) - INLINE ICONS - DELETE "X" + HOVER */
#pool-photos.ju .photo-display-item .remove-from-group {
position: absolute ! important;
display: inline-block !important;
width: 20px !important;
height: 20px ! important;
line-height: 24px ! important;
margin-bottom: 0 !important;
top: -2px !important;
left: -3px !important;
right: 0 !important;
border-radius: 5px !important;
font-size: 20px ! important;
text-align: center ! important;
opacity: 1!important;
overflow: visible !important;
z-index: 500 !important;
}
#pool-photos.ju .photo-display-item .remove-from-group:hover {
opacity: 1 !important;
}
/* JU - POOL NO BETA - DELETE IMG */
#pool-photos.ju .photo-display-item .remove-from-group img {
visibility: hidden !important;
}
#pool-photos.ju .photo-display-item .remove-from-group:before {
content: "❌" !important;
position: absolute !important;
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
width: 20px !important;
margin: 0 0 0 -3px !important;
top: 0 !important;
font-size: 15px !important;
border-radius: 5px !important;
text-align: center !important;
visibility: visible !important;
opacity: 0.2 !important;
z-index: 5000 !important;
background: transparent !important;
}
#pool-photos.ju .photo-display-item:hover .remove-from-group:before {
opacity: 0.5 !important;
}
#pool-photos.ju .photo-display-item .remove-from-group:hover:before {
height: 20px !important;
line-height: 20px !important;
width: 20px !important;
margin: 0 0 0 -3px !important;
opacity: 1 !important;
}
#pool-photos.ju .photo-display-item .remove-from-group:hover img {
transform: scale(1.6) !important;
}
/* JU - POOL NO BETA - META - DELETE "X" - POOL/FAV - COM ICON + HOVER */
.ju .meta a.comments-icon img {
margin-top: 5px !important;
}
/* META - DELETE "X" - POOL SMALL */
.photo-display-item .remove-from-group:hover img {
transform: scale(1.5) !important;
}
/* (JUnew) HOVER TITLE */
.photo-display-container.ju .photo-display-item .meta a.title {
display: inline-block;
width: 99% !important;
opacity: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px ;
}
.photo-display-container.ju .photo-display-item:hover .meta a.title {
width: 98% !important;
font-size: 13px !important;
white-space: normal ;
}
/* == END == JU - META == */
/* == END == JU THUMBNAILS (without POOLSIDEBAR) == */
/* == DELETE "X" - POOL (sq/sm/ju/HOMEe) == */
/* DELETE "X" - GENERAL - HOVER ROUNDED */
.delete-x:hover, .delete-x-inline:hover img {
border-radius: 5px 5px 5px 5px !important;
}
/* POOL SMALL - DELETE - NO MUSTACHE */
#pool-photos.sm .photo-display-item:hover .remove-from-group {
position: absolute;
display: inline-block !important;
height: 14px;
width: auto ! important;
top: 90% !important;
left: 1% !important;
right: 1% !important;
overflow: visible !important;
z-index: 1000;
text-align: center ! important;
}
#pool-photos.sm .photo-display-item:hover .remove-from-group {
opacity: 0.3 !important;
}
#pool-photos.sm .photo-display-item:hover .remove-from-group:hover {
opacity: 1 !important;
}
#pool-photos.sm .photo-display-item:hover .remove-from-group:before {
display: inline-block !important;
content: "X" !important;
width: 15px !important;
height: 15px !important;
line-height: 15px !important;
font-size: 15px !important;
opacity: 1 !important;
color: white !important;
background: red !important;
}
/* DELETE "X" - POOL - MAIN PAGE */
.group-content-wrapper #div_hold_photos.HoldPhotos .photo-display-item .meta a.delete-x-inline img {
position: absolute !important;
display: inline-block !important;
height:14px !important;
width: 14px !important;
top: -40px !important;
left: 20% !important;
background: url("http://l.yimg.com/g/images/flickr-sprite.png.v4") no-repeat scroll -1452px -12px transparent !important;
}
.group-content-wrapper #div_hold_photos.HoldPhotos .photo-display-item .meta a.delete-x-inline img:hover {
background: url("http://l.yimg.com/g/images/flickr-sprite.png.v4") no-repeat scroll -1452px -52px black !important;
}
/* == END - DELETE "X" - POOL (sq/sm/md/lg/ju/HOM) == */
/* (new314) (JUnew)POOL no BETA - TEST GRID - NO JUMP (scroll-snap-type) - WITH GM "Flickr WideScreen BigONE - HI-RES Pics" */
#pool-photos.photo-display-container.ju > span ,
#pool-photos.photo-display-container.ju ~ br {
display: none !important;
}
.super-liquid #pool-photos.photo-display-container.ju ,
#pool-photos.photo-display-container.ju {
position: relative !important;
display: inline-block!important;
grid-template-columns: unset !important;
grid-template-rows: unset !important;
align-content: start !important;
grid-gap: unset !important;
height: auto !important;
min-height: 75vh !important;
/*max-height: 82vh !important;*/
width: 100% !important;
min-width: 100vw !important;
max-width: 100vw !important;
margin: 0vh 0 8vh 0 !important;
top: 9vh !important;
padding: 0vh 0px 0vh 0px !important;
overflow: hidden;
overflow-y: auto !important;
scroll-snap-type: both mandatory;
/*background: brown !important;*/
/*border-bottom: 1px solid aqua !important;*/
}
.super-liquid #pool-photos.photo-display-container.ju .row ,
#pool-photos.photo-display-container.ju .row {
scroll-snap-align: start;
}
/* (JUnew) POOL no BETA - THUMBNAIL */
.super-liquid #pool-photos.photo-display-container.ju .row .photo-display-item span.photo_container a:first-of-type img{
width: 100% !important;
min-width: 100% !important;
height: 20vh !important;
object-fit: contain !important;
object-position: center center !important;
}
/* (JUnew) POOL no BETA - METAS */
.super-liquid #pool-photos.photo-display-container.ju .photo-display-item .meta {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
bottom: -2.5vh !important;
padding: 0 0 1vh 0 !important;
text-align: left !important;
opacity: 0.3 !important;
}
.super-liquid #pool-photos.photo-display-container.ju .photo-display-item:hover .meta {
opacity: 1 !important;
}
/* (JUnew) JU - ALL METAS - OWNER */
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item .thumb .meta a.owner,
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item .thumb .meta a.owner[id^="CFS"] {
position: absolute !important;
display: inline-block;
width: 100% !important;
max-width: 100% !important;
min-width: 100% !important;
height: 15px !important;
line-height: 15px !important;
bottom: -0.2vh !important;
left: -5px !important;
padding: 0px 2px 0 8px !important;
text-align: center !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* (JUnew) - ICONS */
.photo-display-container.ju .photo-display-item .meta .inline-icons,
.photo-display-container.ju .hoverzoom .meta .inline-icons {
width: 100% !important;
top: 99% !important;
left: 0 !important;
padding: 0 0 0 10px !important;
font-size: 15px !important;
text-align: center !important;
opacity: 1 !important;
}
.photo-display-container.ju .photo-display-item .meta a.comments-icon.comments-inline-btn ,
.photo-display-container.ju .photo-display-item .meta a.fave-star-inline,
.photo-display-container.ju .zoomer .meta a.fave-star-inline {
font-size: 13px !important;
}
/* (new244) */
.photo-display-container.ju .photo-display-item .meta a.comments-icon.comments-inline-btn img:not([src$="/spaceball.gif"]) ,
.photo-display-container.ju .photo-display-item .meta a.fave-star-inline img img:not([src$="/spaceball.gif"]) ,
.photo-display-container.ju .zoomer .meta a.fave-star-inline img img:not([src$="/spaceball.gif"]) {
position: relative !important;
height: 14px !important;
top: 3px !important;
}
.photo-display-container.ju .photo-display-item .meta a.comments-icon.comments-inline-btn span ,
.photo-display-container.ju .photo-display-item .meta a.fave-star-inline span ,
.photo-display-container.ju .zoomer .meta a.fave-star-inline span {
font-size: 12px !important;
}
/* (JUnew) - GM "NUMBERS of COMMENTS */
.photo-display-container.ju .row [id^="FCO-photo-"] {
position: absolute;
display: inline-block;
width: 17px;
height: 11px;
left: 0px !important;
top: 92% !important;
padding-bottom: 3px;
padding-right: 10px;
transform: scale(0.7) !important;
z-index: 10000;
}
/* POOL no BETA - TOG BUT */
body.super-liquid.extras.breakout.breakout-justified .group-content-wrapper.group-cover-photo .opt-out-bug {
position: fixed !important;
z-index: 70000 !important;
}
/* POOL no BETA - PAGI */
#pool-photos.ju.photo-display-container ~#paginator-module.Pages {
position: sticky;
bottom: 0;
margin-bottom: 0;
margin-top: 20px;
text-align: center;
z-index: 50000;
background: black !important;
}
/* == END = FLICKR - TEST - POOL no BETA - NORMAL == */
/* (new314) TEST ANTI JUMP - NO BETA - WITH GM "Flickr WideScreen BigONE - HI-RES Pics" */
body.breakout-justified .group-content-wrapper.group-cover-photo ~ .ju.photo-display-container .row:not(.extrarow),
body.breakout-justified .group-content-wrapper.group-cover-photo ~ .ju.photo-display-container[style^="padding-left: 345px;"] .row .row:not(.extrarow) ,
.super-liquid #pool-photos.photo-display-container.ju .row:not(.extrarow) {
display: inline-grid !important;
grid-template-columns: auto auto auto auto auto auto auto auto !important;
height: 100% !important;
min-height: 26vh !important;
max-height: 26vh !important;
width: 100% !important;
min-width: 49vw !important;
max-width: 49vw !important;
margin: 0 0px 5px 0 !important;
padding: 0vh 0 !important;
transform: unset !important;
overflow: hidden !important;
/*border: 1px solid aqua !important;*/
}
body.breakout-justified .group-content-wrapper.group-cover-photo ~ .ju.photo-display-container .row.extrarow,
body.breakout-justified .group-content-wrapper.group-cover-photo ~ .ju.photo-display-container[style^="padding-left: 345px;"] .row .rowextrarow ,
.super-liquid #pool-photos.photo-display-container.ju .row.extrarow {
display: inline-grid !important;
grid-template-columns: auto auto auto auto auto auto auto auto !important;
height: 100% !important;
min-height: 26vh !important;
max-height: 26vh !important;
width: 100% !important;
min-width: 49vw !important;
max-width: 49vw !important;
margin: 0vh 0 -5.5vh 0 !important;
overflow: hidden !important;
transform: unset !important;
/*border: 1px solid pink !important;*/
}
.super-liquid #pool-photos.photo-display-container.ju .row .photo-display-item {
float: none;
position: relative;
height: 24.5vh !important;
margin: 0 0px 0 10px !important;
padding: 5px !important;
border-radius: 5px !important;
border: 1px solid #333 !important;
}
/* == TOP HEADER == */
/* HEADER - PHOT + ALL INF/POOL/COM - TOTAL CONT */
body.new-header {
background: none !important;
}
/* HEADER - PHOT */
body.new-header.has-free-refresh-banner #photo {
margin-left: 1% !important;
padding-top: 36px! important;
padding-top: 7% !important;
}
#photo {
overflow: hidden;
width: 62% !important;
background: none !important;
}
/* (new247) HEADER - TITLE/ DESC POOL CONT */
.set-wrap .group-meta {
position: absolute;
top: 5px !important;
bottom: -6px !important;
left: 140px;
}
.set-wrap .group-meta h1 {
padding: 0 !important;
line-height: 27px !important;
margin-bottom: 10px !important;
font-size: 2em ! important;
text-shadow: none !important;
background: transparent !important;
}
/* (new247) POOL DESC - */
.set-wrap .set-meta.group-meta .set-desc.group-desc {
display: inline-block !important;
width: 430px !important;
height: auto !important;
min-height: 4.7vh !important;
max-height: 4.7vh !important;
margin: -5px 0 0 0 !important;
border-radius: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid #333 !important;
}
/* HOVER */
.set-wrap .set-meta.group-meta .set-desc.group-desc:hover {
display: inline-block !important;
width: 430px !important;
min-height: 4.7vh !important;
max-height: 4.7vh !important;
overflow: hidden !important;
overflow-y: auto !important;
background: #333 !important;
border: 1px solid red !important;
}
.set-wrap .set-meta .set-desc .short {
display: inline-block !important;
width: 98% !important;
height: 100% !important;
min-height: 4.2vh !important;
max-height: 4.2vh !important;
margin: 0 !important;
padding: 0 0px 0 5px !important;
overflow: hidden !important;
/* overflow-y: auto !important; */
/*border: 1px solid yellow !important; */
}
/* HOVER */
.set-wrap .set-meta .set-desc .short:hover ,
.set-wrap .set-meta .set-desc:hover .short {
display: inline-block !important;
width: 85% !important;
min-height: 4.2vh !important;
max-height: 100vh !important;
margin: 0 ;
padding: 0 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
/*border: 1px dotted yellow !important;*/
}
/* (new306) COR FLOAT - POOL DESC - SEE MORE BUT */
.set-wrap .set-meta .set-desc .short a[href^="/groups/"] {
position: absolute !important;
/*display: inline-block !important;*/
float: right !important;
bottom: 1.2vh !important;
left: 360px;
padding: 1px 5px !important;
border-radius: 5px !important;
opacity: 0.3 !important;
background: #333!important;
}
.set-wrap .set-meta .set-desc:hover .short a[href^="/groups/"] {
opacity: 1 !important;
background: #222 !important;
}
/* (new247) - POOL DESC - ADD BUT */
.subnav-refresh .subnav-middle .group-title-holder .add-button {
margin-left: 70px !important;
top: 8px !important;
}
/* TOP HEADER - PHOTO - GROUPS / POOL */
/* TOP HEADER - POOL - STATS*/
.subnav-refresh .stats {
display: inline-block ! important;
width: 100%! important;
line-height: 10px! important;
top: 50px !important;
right: 265px !important;
bottom: 30px !important;
font-size: 12px !important;
text-align: right !important;
text-shadow: none ! important;
}
.subnav-refresh .stats .stat {
position: relative !important;
display: inline-block ! important;
left: 45px !important;
margin-left: 0 !important;
top: -42px !important;
padding: 0 !important;
border-radius: 3px !important;
border: 1px solid grey ;
}
.subnav-refresh .stats .stat h1 {
margin-top: 1px !important;
margin-left: 0 !important;
padding: 2px 20px !important;
font-size: 15px !important;
text-align: center !important;
}
.subnav-refresh .stats .stat h2 {
margin-top: -1px !important;
margin-left: 0 !important;
padding: 0 5px !important;
font-size: 12px !important;
text-align: center !important;
color: gray ;
}
/* POOL DISC - DEL CONFIR */
#subnav-refresh + script + script + p.Confirm {
position: absolute;
width: 300px;
top: 100px;
}
/* TOP HEAD / ETC - POOL DISC/HELP */
/* (new306) POOL DISC */
#subnav-refresh + script + script + p.Confirm + .group-topics ,
#subnav-refresh + script + script + .group-topics {
display: inline-block ;
width: 769px ;
height: 82vh !important;
margin: 9vh 0 0 550px ;
margin-bottom: 200px ;
padding: 5px ;
border: 1px solid gray ;
}
.group-topics .groups-controls {
display: inline-block ;
min-width: 100% ;
height: 20px ;
line-height: 20px ;
border-radius: 5px ;
text-align: center ;
border: 1px solid red ;
}
/* POOL DISC - LOCKED */
.group-topics p.discussion_locked {
display: inline-block ;
min-width: 100% ;
font-size: 20px ;
}
.group-topics .ThinCase {
position: relative ;
display: inline-block ;
width: 99% ;
margin: 0px ;
top: 0px ;
padding: 5px ;
text-align: center ;
}
.group-topics-col {
position: fixed ;
width: 409px ;
height: 813px ;
top: 90px ;
left: 10px ;
padding: 10px ;
border-radius: 5px ;
overflow: hidden ;
border: 1px solid gray ;
}
/* (new306) */
.group-topics ul.topic-list ,
.group-topics + .group-topics ul.topic-list {
height: 75vh !important;
margin: 0 0 -10vh 0 !important;
padding: 5px ;
overflow: hidden ;
overflow-y: auto ;
border-top: 1px solid red ;
border-bottom: 1px solid red ;
}
.group-topics ul.topic-list li {
padding: 0 ;
margin-bottom: 2px ;
border-bottom: 1px solid gray ;
}
.group-topics ul.topic-list li p {
width: 100% !important;
padding: 0 0px 0 0 !important;
}
.group-topics ul.topic-list li .hd .reply-count {
position: relative ;
display: inline-block ;
margin-bottom: -10px ;
margin-top: -8px ;
}
.group-topics ul.topic-list li .bd {
position: relative ;
display: inline-block ;
width: 100% !important;
margin-top: 0px ;
/* background: brown !important; */
}
.group-topics ul.topic-list li .bd .message {
display: inline-block !important;
margin: 0 0 0 65px !important;
min-height: 50px;
max-width: 70% !important;
overflow-wrap: break-word;
}
/* (new306) TOPICS POOL - FEEDS */
#main:has(.group-topics-col) + #Feeds ,
.group-topics + #Feeds {
position: fixed !important;
display: inline-block ;
width:400px !important;
margin: 0 auto;
top: 6.3vh !important;
right: 300px !important;
z-index: 500000 !important;
}
/* (new245) TOPICS POOL - LEFT LIST - NARROW*/
.group-topics ul.topic-list.narrow-list li .bd .message {
display: inline-block !important;
width: 100% !important;
min-width: 80% !important;
max-width: 80% !important;
}
.group-topics ul.topic-list.narrow-list li .bd .message p {
display: inline-block !important;
width: 100% !important;
min-width: 99.8% !important;
max-width: 99.8% !important;
border-bottom: 1px solid silver !important;
}
.group-topics ul.topic-list.narrow-list li .bd .message p:not(:empty) {
min-height: 49px !important;
padding-bottom: 0px;
padding-left: 5px;
}
.group-topics ul.topic-list.narrow-list li .bd .message p:empty {
display: none !important;
}
.group-topics ul.topic-list.narrow-list li .hd {
height: auto !important;
line-height: 20px !important;
margin: 0px 0 9px 0 !important;
}
.group-topics ul.topic-list li .hd h3 a,
.group-topics ul.topic-list.narrow-list li .hd h3 a{
height: auto !important;
line-height: 20px !important;
margin: 0px !important;
white-space: pre-line !important;
}
.group-topics ul.topic-list.narrow-list li .bd .poster {
top: 15px !important;
}
.group-topics ul.topic-list.narrow-list li .hd .reply-count {
position: absolute !important;
display: inline-block;
margin: 0 !important;
bottom: -20px !important;
left: 0 !important;
}
.group-topics ul.topic-list.narrow-list li .bd .message p a {
display: inline-block;
width: 329px !important;
}
.group-topics ul.topic-list.narrow-list li .bd .message .ft a {
display: inline-block;
vertical-align: middle !important;
height: 15px !important;
line-height: 15px !important;
width: 200px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.group-topics ul.topic-list.narrow-list li .bd .message img {
display: inline-block !important;
}
.group-topics ul.topic-list.narrow-list li .bd .message p a img {
margin-bottom: 5px !important;
max-width: 329px !important;
}
/* POOL DISC - IMG */
.group-topics .topic-list .bd .message p a {
display: inline-block;
}
.group-topics .topic-list .bd .message p a img {
max-width: 899px;
margin-bottom: 20px;
border: 1px solid gray;
}
.group-topic-detail-col {
display: inline-block ;
float: none ;
min-width: 833px ;
max-width: 833px ;
left: 443px ;
top: 78px ;
}
/* POOL DISC - TOP SEARCH */
.topic-list.narrow-list > p + p {
position: fixed;
width: 178px;
left: 246px;
top: 128px;
padding: 0 3px;
border-radius: 3px;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #333;
}
/* POOL BETA - COV PHOT */
.group-home-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed ,
.group-pool-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed ,
.group-discussion-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed {
position: fixed !important;
display: inline-block !important;
top: 50px;
z-index: 5000000 !important;
}
.group-discussions-list-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed ,
.group-home-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed {
position: fixed !important;
top: 50px;
z-index: 5000 !important;
background: white ;
}
/* POOL PEND */
.fluid.html-group-admin-pending-page-view .fluid-group-coverphoto-view {
position: sticky;
display: inline-block;
width: 100%;
height: 23px;
}
/* POOL BETA - HOME / DISC LIST PG */
.fluid.html-group-home-page-view .fluid-group-coverphoto-view ,
.fluid.html-group-discussions-list-page-view .fluid-group-coverphoto-view {
position: fixed !important;
width: 100% !important;
height: 140px !important;
top: 0px !important;
z-index: 100 !important;
border-bottom: 1px solid gray ;
background: white ;
}
.fluid.html-group-discussions-list-page-view .group-discussion-view {
margin-top: 95px;
top: 0;
border-top: 1px solid gray;
}
.fluid.html-group-discussions-list-page-view .fluid-magic-groups-subnav-view .fluid-subnav-shim {
position: relative !important;
height: 40px !important;
top: 0;
margin-bottom: 0 !important;
z-index: 100 !important;
}
.fluid.html-group-discussions-list-page-view .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed {
position: sticky !important;
height: 50px !important;
top: 0;
z-index: 100 !important;
background: white ;
}
/* (new292) FAV */
.fluid.html-favorites-page-view .fluid-photostream-coverphoto-view {
height: 15vh !important;
margin-bottom: 0;
border-bottom: 1px solid gray;
}
.fluid.html-favorites-page-view .fluid-photostream-coverphoto-view .coverphoto {
position: sticky !important;
width: 100% !important;
height: 100px !important;
top: 0px !important;
margin-top: 50px !important;
z-index: 5 !important;
background-color: transparent !important;
}
/* COVER - EDIT - ALL */
.fluid .coverphoto.updates-flipped.editing {
padding-top: 0px !important;
border: 1px dashed red !important;
}
.fluid .coverphoto.editing .editor-controls {
height: 7vh !important;
bottom: 0.5vh !important;
padding: 5px !important;
border-radius: 0 5px 5px 0 !important;
transform: translateX(29%);
background: #111 !important;
border: 1px solid red !important;
border-left: unset !important;
}
/* SHARE */
.fluid.html-group-members-page-view .groups-toolbar-view ,
.fluid.html-group-pool-page-view .groups-toolbar-view ,
.fluid.html-group-home-page-view .groups-toolbar-view ,
.fluid.html-group-discussion-page-view .groups-toolbar-view ,
.fluid.html-group-discussions-list-page-view .groups-toolbar-view {
position: fixed;
right: 35px;
top: 7px;
width: 100px;
z-index: 200;
}
.fluid.html-group-members-page-view .groups-toolbar-view ,
.fluid.html-group-pool-page-view .groups-toolbar-view {
position: fixed !important;
left: 1600px !important;
top: 7px !important;
}
.fluid.html-group-members-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content ,
.fluid.html-group-pool-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content ,
.fluid.html-group-home-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content ,
.fluid.html-group-discussion-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content ,
.fluid.html-group-discussions-list-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content {
height: 25px;
margin-top: 0;
}
.fluid.html-group-members-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content .groups-toolbar-share-content ,
.fluid.html-group-pool-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content .groups-toolbar-share-content ,
.fluid.html-group-home-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content .groups-toolbar-share-content ,
.fluid.html-group-discussion-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content .groups-toolbar-share-content ,
.fluid.html-group-discussions-list-page-view .groups-toolbar-view .groups-toolbar-content .groups-toolbar-share-content {
margin-top: 0px !important;
}
/* (new312) POOL BETA DISC LIST */
.fluid.html-group-discussion-page-view.scrolling-layout body {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
min-height: 99vh !important;
padding: 0 !important;
/*background: olive !important;*/
/*border: 1px solid yellow !important;*/
}
.fluid.html-group-discussion-page-view #content {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
min-height: 99vh !important;
padding: 0 !important;
background: #222 !important;
/*border: 1px solid yellow !important;*/
}
.fluid.html-group-discussion-page-view .group-discussion-topic-view .discussion-topic-header {
position: sticky !important;
display: inline-block !important;
max-width: 834px !important;
margin: 0vh 0 0 0 !important;
top: 0 !important;
padding: 0px;
}
.group-discussion-page-view .right-column {
margin: 0vh 0 0 0 !important;
}
.group-discussion-topic-view .replies {
margin: 0vh 0 0 0 !important;
padding: 0px !important;
}
.fluid.html-group-discussion-page-view .centered-content {
position: absolute !important;
display: inline-block !important;
width: 835px;
height: 100% !important;
min-height: 80vh !important;
max-height: 40vh !important;
margin: 0 0 0 420px !important;
padding-bottom: 0vh !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid red!important;
}
.fluid.html-group-discussion-page-view .fluid .fluid-subnav-shim {
height: 50px;
margin-bottom: 20px;
margin-top: -151px !important;
}
.fluid.html-group-discussion-page-view .fluid-group-coverphoto-view {
position: sticky !important;
height: 130px !important;
top: 0 !important;
z-index: 1 !important;
border-bottom: 1px solid gray !important;
background: white ;
}
.fluid.html-group-discussion-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view {
position: fixed !important;
height: 50px;
width: 100% !important;
top: 0 !important;
z-index: 1 !important;
}
.group-discussion-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu {
position: fixed;
top: 50px;
z-index: 82;
}
/* (new312) BETA - POOL TOPIC DISCUS - PAGI TOP */
.fluid.html-group-discussion-page-view .topic-paginator.top-pagination-view .hide-phone {
position: relative !important;
display: inline-block !important;
float: none !important;
width: 100% !important;
min-width: 808px!important;
bottom: 0vh !important;
top: 0vh!important;
left: 0 !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
z-index: 82;
background: #333 !important;
border-bottom: 1px solid gray!important;
}
.fluid.html-group-discussion-page-view .topic-paginator.top-pagination-view .reply-counts.tertiary {
position: absolute !important;
display: inline-block !important;
float: none !important;
width: 30% !important;
top: 7vh!important;
right: 20px !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
z-index: 82;
background: #222 !important;
/*border: 1px solid yellow !important;*/
}
/* (new312) BETA - POOL TOPIC DISCUS - PAGI BOTTOM */
.fluid.html-group-discussion-page-view .topic-paginator:not(.top-pagination-view) {
position: fixed;
display: inline-block !important;
min-width: 833px !important;
max-width: 833px !important;
bottom: 2vh !important;
padding: 0 0 0 0 !important;
z-index: 0 !important;
background: #111!important;
border-top: 1px solid red !important;
}
.fluid.html-group-discussion-page-view .topic-paginator:not(.top-pagination-view) .pagination-view.bottom-pagination-view {
position: relative !important;
display: block !important;
float: left !important;
width: 69% !important;
bottom: 0vh !important;
top: 0vh!important;
left: 0 !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
z-index: 82;
background: #111 !important;
/*border: 1px solid red !important;*/
}
.fluid.html-group-discussion-page-view .topic-paginator:not(.top-pagination-view) .reply-counts.tertiary.hide-phone {
position: relative !important;
display: block !important;
float: right !important;
width: 30% !important;
bottom: 0vh !important;
top: 1vh!important;
right: 0 !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
z-index: 82;
background: #111 !important;
/*border: 1px solid red !important;*/
}
/* POOL BETA - DISC - FOOT */
.fluid.html-group-discussion-page-view .footer-full-view:before {
content: "Fickr About" ;
position: absolute !important;
top: -15px ;
left: 1242px ;
padding: 2px 4px ;
border-radius: 3px 3px 0 0 ;
background: black !important;
}
.fluid.html-group-discussion-page-view .footer-full-view {
position: fixed;
bottom: -112px;
transition: bottom ease 0.7s ;
}
.fluid.html-group-discussion-page-view .footer-full-view:hover {
bottom: 0px;
transition: bottom ease 0.7s ;
}
/* FLUID - POOL DISC */
.fluid .group-discussion-topic-view .message-text,
.fluid .group-discussion-topic-view .preview-block {
line-height: 18px !important;
}
/* DISC - FIRST - RIGHT */
#DiscussTopic table:first-of-type ,
.group-topic-detail-col #DiscussTopic table:first-of-type {
display: inline-block ;
height: 820px ;
width: 601px ;
margin-left: 811px ;
top: 104px ;
padding: 0px 10px 0px 5px ;
overflow: hidden ;
border-radius: 0 ;
border: 1px solid gray ;
}
/* POOL DISC + POOL BETA - VOIR DUPLICATE ABOVE */
.group-discussion-topic-view .topic ,
.group-topic-detail-col #DiscussTopic table:first-of-type {
position: fixed ;
display: inline-block ;
height: 785px;
margin-left: 843px ;
margin-bottom: 0 ;
top: 142px ;
padding-top: 5px ;
text-align: left ;
}
.group-discussion-topic-view .discussion-topic-header {
position: fixed;
display: inline-block;
width: 100%;
max-width: 808px;
margin-top: 0;
top: 131px;
padding: 0 ;
border-radius: 5px 5px 0 0 ;
z-index: 500 ;
background: #111 ;
border: 1px solid red;
}
.group-discussion-topic-view .discussion-topic-header .sticky-field.hide-sticky + h4,
.group-discussion-topic-view .left-column .sticky-field.hide-sticky + h4 {
width: 100% ;
margin: 0 0 31px 0 ;
padding: 0 0 0 5px ;
}
.group-discussion-topic-view .replies {
max-width: 810px;
}
.group-discussion-topic-view .replies {
padding-top: 50px ;
}
.group-discussion-topic-view .post-reply-title {
height: 17px;
line-height: 17px;
border-radius: 5px 0 0 0 ;
color: peru;
}
.group-discussion-page-view .left-column {
position: fixed;
float: none;
width: 400px;
height: 780px;
left: 5px;
margin-top: 0px;
padding: 0 5px;
overflow: hidden ;
overflow-y: auto ;
border: 1px solid gray ;
}
.group-discussion-page-view .right-column {
width: 810px ;
margin-left: 0;
margin-top: 42px;
border: 1px solid gray ;
}
.group-discussion-page-view .right-column .topic {
height: 767px !important;
width: 635px !important;
top: 133px !important;
overflow: hidden ;
border: 1px solid gray ;
}
group-discussion-page-view .right-column .topic .message {
position: relative;
height: 756px !important;
width: 570px;
margin-left: 80px;
margin-top: 0px;
padding: 5px;
overflow: hidden ;
}
/* POOL BETA DISC */
.group-discussion-page-view .right-column .topic .message .message-text {
height: 735px !important;
line-height: 15px;
padding: 0px 5px !important;
overflow: hidden ;
overflow-y: auto ;
border-top: 1px solid gray ;
border-bottom: 1px solid red ;
}
.group-discussion-page-view .right-column .topic .message textarea.edit-reply-message {
height: 660px !important;
line-height: 15px;
padding: 5px 10px !important;
overflow: hidden ;
overflow-y: auto ;
border-top: 1px solid gray ;
border-bottom: 1px solid red ;
}
.group-discussion-topic-view .edit-reply .post-actions,
.group-discussion-topic-view .new-reply .post-actions {
margin: 5px 0 !important;
}
.group-discussion-page-view .right-column .topic .message .preview-block {
position: fixed !important;
height: 735px !important;
line-height: 15px;
min-width: 815px !important;
left: 420px !important;
top: 189px !important;
padding: 0px 25px !important;
overflow: hidden ;
overflow-y: auto ;
border: 1px solid red ;
background: #222 !important;
}
/* HELP - RIGHT */
#GoodStuff #DiscussTopic table:first-of-type {
position: fixed ;
width: 685px ;
height: 825px !important;
top: 95px ;
right: 5px !important;
padding: 0px 5px 0px 5px ;
border-radius: 0 0 5px 5px ;
}
#GoodStuff #DiscussTopic table:first-of-type tbody {
display: inline-block !important;
width: 672px !important;
}
/* POOL DISC - MIDDLE */
.group-topic-detail-col #DiscussTopic {
min-width: 838px ;
max-width: 838px ;
margin: 0px ;
}
/* POOL/HELP DISC FIRST (right side) */
#DiscussTopic .Said p {
min-width: 480px ;
max-width: 480px ;
word-wrap: break-word ;
}
#DiscussTopic table:first-of-type .Who:first-of-type {
float: left ;
width: 45px ;
}
#GoodStuff #DiscussTopic table:first-of-type h4 ,
.group-topic-detail-col #DiscussTopic table:first-of-type .Who:first-of-type +.Said h4 ,
#DiscussTopic table:first-of-type .Who:first-of-type +.Said h4 {
position: fixed !important;
display: inline-block !important;
width: 593px ;
left: 1275px !important;
top: 72px !important;
padding: 1px 3px ;
border-radius: 5px 5px 0 0 ;
z-index: 5000000 ;
border: 1px solid red ;
}
#GoodStuff #DiscussTopic table:first-of-type h4 {
width: 677px ;
left: 1230px !important;
top: 63px !important;
}
.group-topic-detail-col #DiscussTopic table:first-of-type .Who:first-of-type +.Said h4 {
left: 1286px !important;
top: 115px !important;
}
#DiscussTopic table:first-of-type .Said {
position: relative ;
display: inline-block ;
float: none !important;
height: 780px ;
width: 515px ;
padding: 0px 5px 0px 5px ;
overflow: hidden !important;
overflow-y: auto !important;
}
/* HELP */
#GoodStuff #DiscussTopic table:first-of-type .Said {
position: relative ;
float: right !important;
height: 820px ;
width: 597px ;
padding: 0px 5px 0px 5px ;
text-align: left ;
}
/* POOL DISC (without BLOCKQUOTE */
#DiscussTopic table:first-of-type .Said > p {
display: inline-block ;
max-height: 770px ;
max-width: 520px ;
min-width: 520px ;
left: 1330px !important;
margin-top: 0 ;
padding: 3px 20px 0px 5px ;
border-radius: 0 0 3px 3px ;
overflow: hidden ;
overflow-y: auto ;
font-size: 15px !important;
border-top: 1px solid gray ;
border-bottom: 1px solid gray ;
}
#DiscussTopic table:first-of-type .Said > p >i {
padding: 5px ;
}
/* POOL DISC - BLOQUOTE after P */
#DiscussTopic table:first-of-type .Said > p + blockquote ~ blockquote ,
#DiscussTopic table:first-of-type .Said > p + blockquote {
position: relative;
display: inline-block;
margin-top: 5px ;
padding: 5px ;
z-index: 500 ;
cursor: pointer ;
color: #666;
}
#DiscussTopic table:first-of-type .Said > p + blockquote ~ blockquote {
width: 390px ;
margin-top: 0px ;
}
/* POOL DISC */
.group-topic-detail-col #DiscussTopic table:first-of-type .Said > p {
min-width: 500px ;
max-width: 500px ;
top: 127px ;
padding-right: 0;
}
.group-topic-detail-col > h2 {
margin-top: 20px ;
width: 700px ;
}
/* DELTED TOPIC */
.group-topic-detail-col > p {
position: absolute !important;
margin-top: 0px !important;
width: 20px ;
height: 15px !important;
line-height: 15px !important;
top: 25px !important;
padding: 2px 0 2px 5px !important;
border-radius: 5px !important;
white-space: nowrap !important;
overflow: hidden !important;
z-index: 1000 !important;
transition: all ease 0.7s !important;
color: black !important;
background: black !important;
}
.group-topic-detail-col > p:hover {
width: 700px ;
padding: 2px 0 2px 27px !important;
transition: all ease 0.7s !important;
color: gold !important;
background: red !important;
}
.group-topic-detail-col > p:before {
content: "X" !important;
position: absolute !important;
width: 15px ;
height: 15px !important;
line-height: 12px !important;
left: 5px !important;
z-index: 1000 !important;
color: red !important;
}
.group-topic-detail-col > p:after {
content: "🗨" !important;
position: absolute !important;
width: 25px ;
height: 15px !important;
line-height: 12px !important;
left: -2px !important;
top: 2px !important;
border-radius: 5px !important;
text-align: center !important;
font-size: 20px !important;
color: black !important;
background: green !important;
}
/* POOL/HELP - DISC FIRST (right)- BR */
#DiscussTopic .Said p > br {
content: "A" ;
display: block ;
margin-bottom: 4px ;
}
/* HELP REPLY - COM FORM */
#GoodStuff #DiscussTopic table.TopicReply tbody tr:last-of-type td:not(.Said):not(.Who) {
right: -603px ;
padding: 0 !important;
}
/* HELP REPLY - COM FORM - FORMAT INDICATOR */
.html-info-trigger a#html-info-link #html-info-text:not(:hover):after {
content: "?";
position: absolute !important;
display: inline-block !important;
padding: 0 5px !important;
margin: 0 0 0 30px !important;
white-space: pre;
background: brown !important;
}
/* (new304) HOVER */
.html-info-trigger a#html-info-link #html-info-text:after {
content: "You can use the following HTML tags to style your text:\A<b>bold<\/b> \A <i>italic<\/i>\A<u>underlined</u> \A<del>deleted<\/del>\A<blockquote> blockquote <\/blockquote>\A\A If you\'d like to include a Flickr photo or video in your reply,\A simply copy and paste its URL between square brackets, like so:\A \[http\:\/\/www.flickr.com\/photos\/example\/2910192942\/\]\A\A You can also include a link or non-Flickr image in your reply\:\A <a href=\"URL\">link text<\/a\A <img src=\"URL\">";
position: absolute !important;
display: inline-block !important;
padding: 5px !important;
white-space: pre;
background: brown !important;
}
/* POOL/HELP REPLY - COM FORM */
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who) {
position: fixed !important;
display: inline-block ;
width: 603px ;
height: auto ;
min-height: 200px ;
max-height: 770px ;
right: -605px ;
top: 140px ;
padding: 5px 0px 21px 0px ;
border: 1px solid #404040 ;
}
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who) form:before {
content: "🔻 Add a Reply 🔺" ;
position: absolute;
display: inline-block ;
width: 154px ;
line-height: 15px ;
margin-left: -87px ;
top: 70px ;
padding: 2px 0 ;
border-radius: 0 0 5px 5px ;
text-align: center ;
transform: rotate(90deg) ;
border: 1px solid red ;
background: black !important;
}
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who) form:hover:before {
content: "Add a Reply" ;
margin-left: -87px ;
z-index: 5000 !important;
}
/* HELP */
#GoodStuff #DiscussTopic table.TopicReply tbody tr:last-of-type td:not(.Said):not(.Who) form:before {
margin-left: -393px ;
z-index: 5000 !important;
border: 1px solid red ;
background: black !important;
}
#GoodStuff #DiscussTopic table.TopicReply tbody tr:last-of-type td:not(.Said):not(.Who):hover ,
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who):hover {
right: 0px !important;
transition: ease all 0.7s ;
background: white ;
}
#DiscussTopic .TopicReply form {
display: inline-block ;
resize: vertical ;
width: 600px ;
height: 100% ;
max-height: 700px ;
min-height: 200px ;
margin-top: 0px ;
}
/* POOL/HELP - COM REPLY - TEXTARERA - RESIZE */
#DiscussTopic .TopicReply tr td[colspan="2"] form p textarea {
display: inline-block ;
resize: vertical ;
width: 575px !important;
min-height: 125px ;
max-height: 600px ;
margin-left: 10px ;
}
/* ALL - PREV REPLY */
#GoodStuff .Preview ,
#DiscussTopic .Preview {
position: absolute;
width: 570px !important;
padding: 20px 5px ;
text-align: left ;
overflow-x: hidden ;
overflow-y: auto ;
}
/* (new200) RE-EDIT POST POSTED - EDIT PAGE - cor for pool */
#GoodStuff .Preview {
position: absolute ;
width: 500px ;
min-height: 300px ;
max-height: 840px ;
top: -20px ;
right: -110px ;
padding: 15px ;
}
/* POOL ABOUT EDIT - PREV */
#GoodStuff table.about_group_edit tbody .Preview {
position: absolute ;
width: 930px !important;
min-height: 600px ;
max-height: 600px ;
top: 200px ;
right: -240px ;
padding: 0px 15px ;
}
#GoodStuff table.about_group_edit tbody .Preview p:first-of-type{
border-bottom: 1px solid red ;
}
#GoodStuff table.about_group_edit tbody .Preview p:first-of-type b{
display: inline-block ;
width: 100% !important;
}
#GoodStuff table.about_group_edit tbody .Preview p+p{
min-height: 510px ;
max-height: 510px ;
overflow-y: auto ;
}
/* POOL NO BETA - EDIT DISC */
#Main h1#Tertiary + table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) .Preview + h4 + form[action^="/groups/"][action$="/edit/"][action*="/discuss/"] {
width: 720px !important;
margin-left: -400px !important;
}
#GoodStuff:not(.admin_moderation) .Preview + h4 + form[action^="/groups/"][action$="/edit/"][action*="/discuss/"] p textarea {
max-width: 659px !important;
}
/* A VOIR - POOL NO BETA - EDIT DISC - NE MATCH PAS */
#Main h1#Tertiary + table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) .Preview + h4 + form[action^="/groups/"][action$="/edit/"][action*="/discuss/"] tbody > tr ,
#Main h1#Tertiary + table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) .Preview + h4 + form[action^="/groups/"][action$="/edit/"][action*="/discuss/"] tbody {
display: inline-block !important;
min-width: 700px !important;
}
#Main h1#Tertiary + table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) .Preview + h4 + form[action^="/groups/"][action$="/edit/"][action*="/discuss/"] tbody tr > td textarea {
width: 635px !important;
}
/* HELP - API FAQ */
#faq-category-page.ThinCase {
width: 900px !important;
margin-top: -50px !important;
margin-left: 400px !important;
margin-right: 0 !important;
padding: 20px !important;
border-radius: 5px !important;
border: 1px solid gray ;
}
/* HELP + API FAQ */
.help_main {
float: right;
margin-bottom: 20px;
margin-right: 631px !important;
width: 595px;
}
.help_side {
float: left;
margin-bottom: 20px;
width: 250px !important;
padding: 20px!important;
border: 1px solid gray ;
}
/* HELP - NEW TOPIC - PREV */
#help_forum_newtopic_preview {
width: 854px;
padding: 5px 10px;
background: #111 !important;
}
#help_forum_newtopic_preview form table textarea {
height: 638px !important;
max-width: 742px !important;
overflow-y: auto ;
}
div#help_topicpreview {
position: absolute;
width: 627px;
min-height: 870px;
max-height: 870px;
right: 11px;
top: 34px;
overflow-y: auto ;
}
div#help_topicpreview div.help_topicpreview_content {
float: right;
width: 563px;
}
#help_forum_newtopic_preview #finger_pointy {
position: absolute !important;
width: 366px !important;
bottom: 20px !important;
left: 0 !important;
}
/* HELP/POOL DISC - REPLY PREV (FIRST TIME) */
.TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):not(:hover) ,
#GoodStuff .TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):not(:hover) .Preview {
width: 600px !important;
min-height: 300px ;
max-height: 840px ;
right: -603px ;
padding: 0px !important;
transition: all ease 0.7s !important;
}
.TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):hover .Preview ,
#GoodStuff .TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):hover .Preview {
display: inline-block !important;
width: 570px !important;
height: 100% !important;
min-height: 80vh !important;
max-height: 80vh !important;
padding: 20px !important;
right: 610px !important;
top: -1px !important;
color: gray ;
border: 1px solid red ;
box-shadow: 3px 3px 2px black ;
background: black !important;
transition: all ease 0.7s !important;
}
#GoodStuff DiscussTopic .Preview:before {
position: absolute !important;
width: 685px !important;
content: "🔻 Preview 🔻 " ;
top: 100px ;
left: 1px ;
color: blue ;
text-align: center;
}
#GoodStuff #DiscussTopic .Preview:after {
position: absolute !important;
width: 608px ;
left: 1px ;
content: "🔺 Preview 🔺 " ;
bottom: 0px ;
color: red ;
text-align: center;
}
#GoodStuff #DiscussTopic .Preview + h4 {
width: 1023px !important;
margin-bottom: 23px;
margin-top: -17px;
left: -619px !important;
padding-left: 200px !important;
text-align: left !important;
opacity: 1 !important;
}
.TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):hover .Preview + h4 ,
#GoodStuff .TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):hover .Preview + h4 {
position: absolute !important;
width: 625px !important;
left: -609px ;
margin: 0;
text-align: center;
}
/* HELP HOME - 1st TABLE */
#Main #Tertiary + .forumIntro ~ .TopicListing:first-of-type:not(.PeopleResults):not(#Photo):not(:only-of-type) {
top: -77px;
}
/* HELP HOME - 2nd TABLE */
#Main #Tertiary + .forumIntro ~ .TopicListing:first-of-type:not(.PeopleResults):not(#Photo):not(:only-of-type) ~ .TopicListing {
min-height: auto !important;
margin-top: 130px !important;
margin-bottom: -300px !important;
}
/* HELP - ONLY ONE TABLE */
#Main #Tertiary + .forumIntro ~ .TopicListing:first-of-type:not(.PeopleResults):not(#Photo):only-of-type {
min-height: 600px !important;
top: -30px;
margin-bottom: -100px !important;
}
#Main #Tertiary + .forumIntro ~ .TopicListing:first-of-type:not(.PeopleResults):not(#Photo):only-of-type ~#paginator-module.Pages {
text-align: center;
}
#Main #Tertiary + .forumIntro ~ .TopicListing:first-of-type:not(.PeopleResults):not(#Photo):only-of-type + #newTopic + #paginator-module.Pages {
margin-top: 99px;
}
/* HELP - HOME */
.forumIntro .forumIntroText {
float: left;
width: 390px ;
height: auto !important;
margin-top: 2px ;
line-height: 20px ;
margin-right: -25px ;
padding: 5px ;
font-size: 13px ;
}
.forumIntro .forumIntroText p {
display: inline-block ;
height: auto ;
line-height: 16px !important;
}
.forumIntro .forumSearch {
display: inline-block ;
width: 1000px ;
margin-left: 95px ;
margin-top: 14px;
}
.forumIntro h3 {
margin-top: 0px ;
margin-bottom: -8px ;
}
.forumIntro .forumSearch p {
display: inline-block ;
width: 375px ;
margin-top: 9px ;
}
/* INTRO */
#Main > .forumIntro ~ h3 {
position: relative ;
height: 22px ;
line-height: 22px ;
margin-bottom: 10px ;
font-size: 14px ;
text-align: center ;
transform: rotate(-90deg) ;
}
#Main > .forumIntro ~ h3:first-of-type {
width: 130px ;
top: -65px ;
left: 390px ;
}
#Main > .forumIntro ~ h3:last-of-type {
width: 380px ;
top: 134px ;
left: 265px ;
}
/* HINT */
#Main table tbody tr td#Hint p {
position: relative ;
display: inline-block ;
width: 346px !important;
height: 17px ;
line-height: 17px ;
margin-bottom: -2px ;
margin-top: -3px ;
margin-left: 13px ;
padding: 3px 20px ;
text-align: center ;
border: 1px solid red ;
}
#newTopic {
position: absolute ;
display: inline-block ;
width: 390px ;
margin-top: -105px ;
top: 290px ;
left: 0px ;
margin-bottom: -18px ;
padding: 5px ;
}
/* HELP - HOME SERC */
#Main #Tertiary + .forumIntro ~ .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo):last-of-type:not(:only-of-type) ~ #paginator-module {
margin-top: 110px;
}
/* HELP - WIDTH/HIGHT - CONT */
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) ,
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) tbody {
display: inline-block ;
width: 1000px ;
min-height: 180px ;
max-height: 100% !important;
margin-left: 0px ;
overflow: hidden ;
overflow-y: auto ;
}
#Main > .TopicListing[cellspacing="0"]:first-of-type:not(:only-of-type):not(.PeopleResults):not(#Photo){
margin-top: -74px !important;
}
#Main > .TopicListing[cellspacing="0"]:first-of-type:not(:only-of-type):not(.PeopleResults):not(#Photo) tbody {
min-height: 145px !important;
max-height: 145px !important;
border-bottom: 1px solid red !important;
}
/* HELP - TOP DISC - CONT */
.TopicListing:not([cellspacing="0"]):first-of-type {
margin-top: -80px ;
margin-left: 8px ;
margin-bottom: 3px ;
padding: 20px ;
border: 1px solid gray ;
}
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo):first-of-type {
position: relative ;
display: inline-block ;
height: auto ;
min-height: 130px ;
max-height: 130px ;
top: -217px ;
margin: -100px 0 -40px 471px ;
border-bottom: 1px solid red ;
outline: 1px solid gray ;
}
.TopicListing:not([cellspacing="0"]):last-of-type {
position: absolute ;
left: 10px ;
padding: 20px ;
padding-top: 90px ;
border: 1px solid gray ;
}
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo):last-of-type:not(:only-of-type) {
position: relative ;
display: inline-block ;
height: auto ;
min-height: 100px ;
max-height: 580px ;
margin-left: 471px ;
margin-top: 0 ;
top: -207px ;
margin-bottom: -220px ;
overflow: hidden ;
border-bottom: 1px solid red ;
}
/* HELP - ITEMS */
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) td +td > a:not(.pro-badge-new) {
float: right ;
width: 130px ;
overflow: hidden ;
text-overflow: ellipsis ;
white-space: nowrap ;
}
/* (new304) COR FLOAT - HELP - USERS - PRO BADGE */
.TopicListing a +.pro-badge {
position: relative ;
/*display: inline-block ;*/
float: left !important;
box-sizing: border-box ;
width: 31px ;
height: 15px ;
line-height: 10px ;
left: 2px ;
top: -17px ;
margin-bottom: -25px ;
border-right: none ;
font-size: 8px ;
opacity: 0 ;
transition: all ease 0.7s ;
background: transparent ;
}
.TopicListing a:hover +.pro-badge {
left: -32px ;
opacity: 1 ;
background: transparent ;
}
/* PAGI - ALL */
#paginator-module.Pages {
margin-bottom: 0px ;
margin-top: 20px ;
text-align: center ;
}
.Paginator {
margin-bottom: -5px;
}
/* HELP - SEARCH RES */
#Main>form[action="/search/forum/"] .For {
float: left;
vertical-align: middle ;
width: 100% ;
height: 67px ;
padding: 1px ;
text-align: center ;
background-position: left bottom ;
background-repeat: repeat-x;
background-image: none ! important;
}
/* FORUM/HELP - SEARCH */
.This {
float: left;
height: 67px ;
margin-top: -5px ;
margin-left: -242px ;
padding: 2px 8px ;
text-align: left ;
width: 602px ;
}
.This p input#standard_q {
width: 487px ;
height: 25px ;
font-size: 15px ;
}
.ResultSet {
position: absolute ;
clear: none ;
width: 66% ;
height: 57px;
left: 624px ;
margin-top: 0 ;
padding: 5px ;
border-left: 3px solid gray ;
}
.ResultSet .SortOptions {
font-size: 15px !important;
}
.ResultSet .NoneFound ,
.ResultSet .Found {
width: 867px !important;
padding: 15px 0 5px 25px !important;
font-size: 15px !important;
border: 1px solid gray ;
}
.NoneFound>p {
margin: 0 !important;
font-size: 15px !important;
}
.Switch {
margin-top: 46px !important;
color: gold !important;
}
/* HOT OFF/HELP/YOUR PEOPLE Follow + LOCKED / POOL INVIT */
#Main > table.TopicListing {
position: relative ;
display: inline-block ;
}
#Main > table.TopicListing:first-of-type {
position: absolute ;
display: inline-block ;
min-height: 692px ;
margin-top: 64px ;
}
#Main > table.TopicListing:last-of-type {
position: absolute ;
display: inline-block ;
margin-top: 64px ;
}
/* ACC SETT + POOL MBRS MAN */
.Tab > span.TabOut:first-of-type {
margin-left: 358px !important;
font-size: 13px;
padding: 2px 8px 4px !important;
}
.Tab > span.TabIn:first-of-type {
margin-left: 358px !important;
}
/* ACC SETT */
#Main > table.acct-sett {
position: relative !important;
display: inline-block !important;
width: 900px !important;
margin-top: -24px !important;
margin-left: 300px !important;
}
#Main > table.acct-sett + h3 {
position: relative !important;
display: inline-block !important;
width: 900px !important;
margin-top: 10px !important;
margin-left: 300px !important;
margin-bottom: 25px !important;
}
#Main > table.acct-sett:only-of-type {
position: relative !important;
display: inline-block !important;
width: 900px !important;
margin-top: 24px !important;
margin-left: 300px !important;
}
/* HELP/POOL DISC */
#main .group-topics-col + .group-topic-detail-col > h2,
#Main table tbody tr #GoodStuff h2 {
position: sticky !important;
width: 1487px ;
height: 22px ;
line-height: 20px ;
top: 0px !important;
margin: 0px !important;
padding: 1px 0 1px 8px ;
text-align: left ;
background: white ;
border-bottom: 1px solid red ;
}
#Main table tbody tr #GoodStuff h2 {
position: sticky !important;
width: 1487px ;
height: 22px ;
line-height: 20px ;
top: 0px !important;
margin: 0px !important;
padding: 1px 0 1px 8px ;
text-align: left ;
}
/* POOL DISC */
#main .group-topics-col + .group-topic-detail-col > h2 {
position: fixed ;
width: 1430px ;
top: 86px !important;
margin: 0px ;
border-bottom: 1px solid red ;
}
/* PHOT OF - THUMB */
#global-nav.styleguide-global-nav + #Main #subnav-refresh:not(.groups) ~ table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) {
position: relative ;
display: inline-block ;
width: 700px ;
margin-left: 220px ;
margin-top: 20px ;
}
/* HELP - PHOT OF - THUMB - CENT */
#GoodStuff .Said>div span.photo_container.pc_m.bbml_img {
text-align: center ;
}
/* POOL DISC/HELP - SEARCH TERM */
#Main table tbody tr #GoodStuff div:first-of-type[style^="font-weight"] ,
.group-topic-detail-col > div:first-of-type:not(#DiscussTopic) {
position: absolute;
display: inline-block;
min-width: 587px;
right: -664px;
top: -1px;
padding: 0 !important;
z-index: 50000;
border-bottom: 1px solid aqua;
background: gold ;
}
/* HELP */
#Main table tbody tr #GoodStuff div:first-of-type[style^="font-weight"] {
min-width: 597px ;
right: -610px ;
top: 8px ;
}
/* HELP - LOOCKED/CLOSED DISC */
.Locked {
display: inline-block ;
height: 20px ;
line-height: 20px ;
width: 805px ;
padding: 0 ;
top: -65px ;
text-align: center ;
}
/* TOP */
#Main h1 + p.Locked {
position: absolute ;
width: 640px ;
right: 65px ;
top: -10px ;
z-index: 500 ;
}
/* BOTTOM */
#Main #GoodStuff p.Locked {
position: fixed ;
display: inline-block ;
width: 545px !important;
margin: 0px ;
right: 73px !important;
top: 98vh !important;
z-index: 500000 !important;
}
/* HELP - PRO BADGE - ALL DISC */
#GoodStuff #DiscussTopic .pro-badge {
display: inline-block ;
line-height: 15px ;
left: 0px ;
}
/* POOL/HELP - ALL DISC */
#GoodStuff #DiscussTopic table.TopicReply ,
#DiscussTopic table.TopicReply {
position: relative ;
display: inline-block ;
width: 805px ;
height: 785px ;
margin-left: 0px ;
margin-top: 0px ;
padding: 5px ;
border-radius: 5px ;
overflow: hidden ;
overflow-y: auto ;
border: 1px solid gray ;
}
/* NOT HELP / POOL DISC - NO PAG*/
.group-topic-detail-col #DiscussTopic table.TopicReply {
position: relative ;
display: inline-block ;
width: 832px ;
height: 805px ;
padding: 2px 5px 5px ;
overflow: hidden ;
overflow-y: auto ;
}
/* POOL DISC + PAG */
.group-topic-detail-col #DiscussTopic #paginator-module.Pages {
margin-top: 0px;
}
.group-topic-detail-col #DiscussTopic #paginator-module.Pages + table.TopicReply {
height: 685px ;
}
/* HELP - NO PAG */
#Hint + #GoodStuff h2 + #DiscussTopic table + table.TopicReply {
position: relative ;
display: inline-block ;
height: 858px ;
margin-left: -5px ;
margin-top: 0px ;
top: 35px !important;
overflow: hidden !important;
}
#Hint + #GoodStuff h2 + #DiscussTopic table + table.TopicReply tbody {
position: relative ;
display: inline-block ;
height: 858px ;
margin-left: 0px ;
margin-top: 0px ;
overflow: hidden !important;
overflow-y: auto !important;
}
/* for after REPLY POST */
tr[id^="yui_"] #Hint + #GoodStuff h2 + #DiscussTopic table + table.TopicReply {
top: 32px !important;
}
/* TOPIC - NOT LOCKED - NO PAGI */
#Main table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) #DiscussTopic {
width: 805px ;
height: auto !important;
margin-top: 4px !important;
min-height: 888px !important;
max-height: 888px !important;
}
/* (new314) TOPIC LOCKED - NO PAGI */
#Main .Locked + table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) #DiscussTopic{
width: 800px !important;
min-height: 92vh !important;
max-height: 92vh !important;
margin: 0px;
top: 0px !important;
border: 1px solid red !important;
}
/* LOCKED withoou PAGI ?*/
#Main h1 + p.Locked + table #GoodStuff #DiscussTopic table.TopicReply {
width: 795px !important;
min-height: 91vh !important;
max-height: 91vh !important;
margin: 0px ;
top: 0px !important;
overflow: hidden !important;
}
#Main h1 + p.Locked + table #GoodStuff #DiscussTopic table.TopicReply tbody{
display: inline-block !important;
min-height: 90vh !important;
max-height: 90vh !important;
margin-top: 0px ;
top: 0px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* LOCKED WITH PAG */
#Main h1 + p.Locked + table #GoodStuff #DiscussTopic #paginator-module.Pages{
margin: 0 !important;
}
#Main h1 + p.Locked + table #GoodStuff #DiscussTopic #paginator-module.Pages + table.TopicReply {
min-height: 80vh !important;
max-height: 80vh !important;
margin-top: 0px ;
top: 0px !important;
overflow: hidden !important;
}
#GoodStuff #DiscussTopic + p.Locked + #paginator-module.Pages {
position: absolute !important;
display: inline-block !important;
width: 805px;
left: 0px!important;
margin: 0 !important;
top: 89.3vh !important;
}
/* THREAD LOCKED */
#Main p.Locked+ table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) {
min-height: 95.5vh !important;
max-height: 95.5vh !important;
top: 34px !important;
}
#Main p.Locked+ table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) h2{
top: 30px;
}
/* DISC PAG LAST */
#DiscussTopic + #paginator-module:last-child {
display: inline-block ;
position: relative ;
}
/* HELP + PAG */
#GoodStuff #DiscussTopic #paginator-module.Pages {
width: 100%;
margin-top: 30px !important;
}
#GoodStuff #DiscussTopic + p + #paginator-module.Pages ,
#GoodStuff #DiscussTopic + #paginator-module:last-child {
display: inline-block ;
width: 805px !important;
margin-top: 5px !important;
left: -355px;
top: -80px !important;
}
#GoodStuff #DiscussTopic + p + #paginator-module.Pages {
position: absolute !important;
display: inline-block ;
width: 805px !important;
margin-top: 3px;
left: -15px !important;
}
#GoodStuff #DiscussTopic #paginator-module.Pages + table.TopicReply {
height: 760px ;
}
#DiscussTopic table.TopicReply tbody tr ,
#GoodStuff #DiscussTopic table.TopicReply tbody tr {
display: inline-block ;
width: 100% ;
min-width: 780px ;
max-width: 780px ;
}
/* (new310) FOR VERY LONG WORD
https://www.flickr.com/groups/helpforum/discuss/72157721921681934/72157721921672487/
=== */
#DiscussTopic table.TopicReply tbody tr td.Said ,
#GoodStuff #DiscussTopic table.TopicReply tbody tr td.Said {
display: inline-block ;
width: 100% ;
min-width: 705px ;
max-width: 705px ;
margin: -58px 0 -10px 63px ;
padding: 2px 5px ;
text-align: left ;
font-size: 15px !important;
/*white-space: pre-line !important;*/
word-break: break-word !important;
/*border: 1px solid aqua !important;*/
}
#DiscussTopic table.TopicReply tbody tr td.Said p {
min-width: 705px ;
max-width: 705px ;
font-size: 15px !important;
}
#DiscussTopic table.TopicReply blockquote .linkifyplus img {
max-width: 605px !important;
border: 1px dotted gray ;
}
/* HELP - STAFF POST */
table:last-of-type .staffPost {
width: 505px ;
}
tr.staffPost td {
border-bottom: none ;
}
table:last-of-type .staffPost .Said {
display: inline-block ;
width: 600px ;
}
/* TOPIC REPLY - BLOCKQUOTE + BR */
.TopicReply blockquote {
margin: 5px 10px 5px 10px !important;
}
/* IN REPLY PREVIEW */
.TopicReply .Preview blockquote {
margin: 5px 10px 10px 10px !important;
}
.TopicReply blockquote ~ br ,
.TopicReply blockquote ~ br + br {
display: block !important;
margin-bottom: -10px !important;
}
/* HELP - STAFF POST */
#DiscussTopic table.TopicReply tbody tr.staffPost td.Said {
position: relative ;
display: inline-block ;
width: 600px ;
top: -20px ;
border: 1px solid red !important;
}
/* HELP - PRO BADGE */
#DiscussTopic .ProIcon {
background-size: contain ;
background-color: white ;
opacity: 0.5 ;
}
/* EDIT POOL - ABOUT - TOP HEADER + JOIN AGREE */
h3#Tertiary ,
.group-subhead {
width: 590px !important;
text-align: center !important;
border-radius: 5px !important;
color: peru !important;
border: 1px solid gray ;
}
#groups-about .about {
float: left !important;
clear: both !important;
width: 1600px !important;
margin-left: 16px !important;
margin-top: 75px !important;
padding: 10px !important;
border-radius: 5px !important;
border: 1px solid gray ;
}
#groups-about .about>div {
float: left !important;
clear: both !important;
min-width: 1590px !important;
right: 0px !important;
padding: 10px !important;
font-size: 15px !important;
}
#groups-about .about div .description {
float: left !important;
max-width: 654px !important;
min-width: 654px !important;
min-height: 80vh !important;
margin: 0px 20px 0 0px !important;
padding: 5px 90px 5px 5px !important;
border-right: 1px solid gray !important;
}
.group-subhead +.description +h3 {
margin-left: 770px !important;
margin-top: -25px !important;
}
h3#Tertiary {
margin-left: 770px !important;
}
.about>div>form[action="/groups_join.gne"] {
position: fixed !important;
width: 220px !important;
right: 7px !important;
top: 85px !important;
padding: 5px !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
.about>div>form[action="/groups_join.gne"] p {
padding: 5px !important;
}
.about>div>form[action="/groups_join.gne"] a {
width: 210px !important;
top: 0px !important;
left: -20px !important;
padding: 0px !important;
white-space: normal !important;
color: gray !important;
}
#groups-about .additional {
position: fixed !important;
display: inline-block !important;
float: none !important;
width: 200px !important;
right: 11px !important;
top: 200px !important;
padding: 10px !important;
border-radius: 5px !important;
border: 1px solid gray ;
}
#groups-about .additional h3 {
width: 192px !important;
height: auto !important;
padding: 5px !important;
text-align: center !important;
}
/* EDIT POOL - ABOUT */
.about_group_edit>tbody>tr>td>label {
display: inline-block !important;
min-width: 705px !important;
max-width: 705px !important;
}
.about_group_edit>tbody>tr>td>label + input {
display: inline-block !important;
min-width: 670px !important;
max-width: 670px !important;
}
#GoodStuff #original_lang_close + .about_group_edit>tbody>tr>td>label[for="form_description"] + textarea {
display: inline-block !important;
min-width: 670px !important;
max-width: 670px !important;
min-height: 400px !important;
}
/* POOL - ADMIN PGE */
.group-admin-page-view .group-admin-page-container {
margin-top: 90px ;
padding: 5px ;
border-top: 1px solid gray;
}
/* EDIT POOL - MODER */
#Main table tbody tr td#Hint + #GoodStuff.admin_moderation {
position: relative !important;
display: inline-block !important;
width: 100% !important;
left: 55px !important;
margin-top: 0px !important;
padding: 0 !important;
}
#Main table tbody tr td#Hint + #GoodStuff form[action*="/admin/about/"],
#Main table tbody tr td#Hint + #GoodStuff.admin_moderation form#throttle-form {
display: inline-block !important;
width: 100% !important;
max-width: 40% !important;
min-width: 40% !important;
margin-left: 413px;
padding: 5px !important;
}
/* POOL EDIT ABOUT */
ul.group_desc_lang_select {
position: fixed !important;
display: inline-block !important;
width: 393px;
top: 200px !important;
padding: 5px 0 10px 20px;
z-index: 500000 !important;
background: #111 ;
}
/* POOL EDIT ABOUT */
#Main table tbody tr td#Hint + #GoodStuff form[action*="/admin/about/"] {
position: relative !important;
display: inline-block !important;
width: 100% !important;
max-width: 705px !important;
min-width: 705px !important;
left: -400px !important;
margin-top: 0 !important;
text-align: center !important;
/* border: 1px solid aqua !important; */
}
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > form table.about_group_edit tbody {
display: inline-block !important;
text-align: center !important;
}
.about_group_edit tbody tr td textarea#form_description ,
.about_group_edit tbody tr td input#form_name ,
.about_group_edit tbody tr {
display: inline-block !important;
min-width: 670px !important;
max-width: 670px !important;
text-align: left;
}
.about_group_edit tbody tr td {
display: inline-block !important;
width: 670px ;
text-align: left;
}
.about_group_edit>tbody>tr:nth-child(3)>td {
display: inline-block !important;
text-align: left !important;
}
.about_group_edit>tbody>tr:nth-child(3)>td textarea#form_description {
text-align: left !important;
}
/* A VOIR - POOL EDIT ABOUT ???? */
table#rulesbody tbody {
display: inline-block !important;
width: 732px !important;
}
table#rulesbody tbody tr td textarea {
display: inline-block !important;
min-width: 692px !important;
max-width: 692px !important;
min-height: 400px !important;
}
/* POOL EDIT MBRS ROLE/ KEYWORD */
#Main table tbody tr td#Hint + #GoodStuff form[action*="/admin/keywords/"] ,
#Main table tbody tr td#Hint + #GoodStuff form[action*="/admin/roles/"] {
position: relative !important;
display: inline-block;
left: -300px !important;
margin: 0px !important;
}
/* POOL - JOIN - AGREE BUTTON */
#groups-about .about form p input.Butt {
border: 1px solid red!important;
background: green !important;
}
/* MAIL - TAB */
[id^="mouse_tip_div_toggler_"] ~ #global-nav + #Main h3.Tab {
position: relative !important;
display: inline-block !important;
width: 47% !important;
margin-left: 450px !important;
}
/* MAIL - MES */
.ThinCase > table ,
.ThinCase table.FlickrMailMessage {
display: inline-block ;
width: 1200px ;
margin: auto ;
padding: 20px ;
border-radius: 5px ;
text-align: left ;
border: 1px solid gray ;
}
.ThinCase table.FlickrMailMessage > tbody {
display: inline-block ;
width: 100% ;
padding: 5px ;
border: 1px solid gray ;
}
.FlickrMailMessage>tbody>tr>td>div>h3{
color: transparent !important;
margin-top: 0;
}
.FlickrMailMessage>tbody>tr>td>div>div {
margin-left: -100px ;
width: 1375px ;
}
h1.mail-header {
text-align: center;
}
.ThinCase.mail-write {
margin-top: 0px ;
top: -30px ;
padding: 5px ;
text-align: left !important;
}
.ThinCase.mail-write .compose-ui ,
.compose-ui {
display: inline-block ;
width: 50%;
margin-top: 0px ;
margin-left: 350px ;
padding: 20px ;
border-radius: 5px ;
border: 1px solid gray ;
}
table.FlickrMailMessage p.flickr-user.flickrmail-to span.name ,
.compose-field-container + .compose-field-container p.flickr-user.flickrmail-to.compose-field > span.name{
display: inline-block;
width: 100%;
margin-bottom: 10px ;
}
table.FlickrMailMessage p.flickr-user.flickrmail-to span.name span.realname ,
table.FlickrMailMessage p.flickr-user.flickrmail-to span.name strong.username ,
.compose-field-container + .compose-field-container p.flickr-user span.name span.realname ,
.compose-field-container + .compose-field-container p.flickr-user span.name strong.username {
display: inline-block;
width: 100%;
margin-left: 30px;
}
.ThinCase.mail-write .compose-field-container .compose-field ,
.ThinCase.mail-write .compose-field-container input#subject.compose-field {
width: 86% !important;
}
/* MAIL LIST */
form#MessagesForm {
position: relative ;
display: inline-block ;
width: 95% ;
height: 500px ;
margin: auto ;
padding: 0px ;
border-radius: 5px ;
}
table#mail {
width: 50% ;
margin: auto;
border: 1px solid gray ;
}
/* (new289) TOP HEAD - NAV RIGHT - STREA / SET / FAV / POOL */
.subnav-refresh .subnav-holder {
width: auto !important;
min-width: 58.5% !important;
height: 20px !important;
left: 580px ! important;
top: 6vh !important;
border-radius: 5px !important;
font-size: 14px !important;
text-shadow: none !important;
box-shadow: none !important;
border: 1px solid gray ;
/* border: 1px solid yellow !important; */
background: none !important;
}
/* TOP HEADER - NAV LINKS - POOLS/INVIT PAG */
.subnav-refresh ul.nav-links {
display: inline-block ;
height: 20px !important;
width: auto !important;
margin-left: 6px ;
}
#global-nav + #main .subnav-refresh.subnav-refresh.groups.subnav-view .subnav-holder ul.nav-links:first-of-type ,
#global-nav.styleguide-global-nav + #main .subnav-refresh.subnav-refresh.groups.subnav-view.subnav-state-ready .subnav-holder ul.nav-links:first-of-type {
display: inline-block !important;
height: 20px ;
width: auto ;
left: 0px ! important;
margin-left: 0px !important;
top: 0px !important;
border-radius: 5px 0 0 5px ;
}
/* COLL - PB - USER POOL PAG - === */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar.nav-links.nav-links-tools.clearfix {
position: absolute;
display: inline-block;
width: 700px !important;
height: 20px ;
line-height: 23px ;
margin-top: 0;
top: 0px ;
left: 420px !important;
text-align: right;
text-shadow: none;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder .sn-navitem.sn-dropdowntarget {
width: 0 !important;
}
/* MAP */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(1):not(.sn-divider) {
display: inline-block !important;
width: 100% ;
min-width: 45px !important;
max-width: 45px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(1):not(.sn-divider) a {
display: inline-block !important;
width: 100% !important;
min-width: 45px !important;
max-width: 45px !important;
}
/* COLL */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(3):not(.sn-divider) {
display: inline-block !important;
width: 100% ;
min-width: 70px !important;
max-width: 70px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(3):not(.sn-divider) a {
display: inline-block !important;
width: 100% !important;
min-width: 70px !important;
max-width: 70px !important;
}
/* ARCH */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(4):not(.sn-divider) {
display: inline-block !important;
width: 100% ;
min-width: 70px !important;
max-width: 70px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(4):not(.sn-divider) a {
display: inline-block !important;
width: 100% !important;
min-width: 70px !important;
max-width: 70px !important;
}
/* TAG */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(5):not(.sn-divider) {
display: inline-block !important;
width: 100% ;
min-width: 45px !important;
max-width: 45px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(5):not(.sn-divider) a {
display: inline-block !important;
width: 100% !important;
min-width: 45px !important;
max-width: 45px !important;
}
/* PHOT OF */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(6):not(.sn-divider) {
min-width: 70px !important;
max-width: 70px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(6):not(.sn-divider) a {
min-width: 70px !important;
max-width: 70px !important;
}
/* PROF */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(7):not(.sn-divider) {
min-width: 65px !important;
max-width: 65px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(7):not(.sn-divider) a {
min-width: 50px !important;
max-width: 50px !important;
}
/* MAIL / ORGANIZE */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(9):not(.sn-divider) {
min-width: 40px !important;
max-width: 40px !important;
margin-left: 30px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(9):not(.sn-divider) a {
height: 14px !important;
line-height: 16px !important;
}
/* BLOCK */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(10):not(.sn-divider) {
min-width: 50px !important;
max-width: 50px !important;
margin-left: 32px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(10):not(.sn-divider) a {
min-width: 50px !important;
max-width: 50px !important;
}
/* MY REC ACT */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(8).sn-divider + .sn-dropdownitem {
min-width: 100px !important;
max-width: 100px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(8).sn-divider + .sn-dropdownitem a {
min-width: 100px !important;
max-width: 100px !important;
}
/* ORGANIZE */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(8).sn-divider + .sn-dropdownitem + .sn-dropdownitem {
min-width: 65px !important;
max-width: 65px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(8).sn-divider + .sn-dropdownitem + .sn-dropdownitem a {
min-width: 65px !important;
max-width: 65px !important;
}
/* HEADER - TOP NAV BAR RIGHT - OK for Profile (PHOSTR/SET/FAV ??? ) - NAV ITEMS */
.sn-navitem {
display: inline-block !important;
height: 20px !important;
line-height: 23px !important;
}
.sn-navitem a:not(#you-subnav-more-butt) {
height: 15px !important;
line-height: 13px !important;
padding-bottom: 0 !important;
padding-top: 2px !important;
text-shadow: none !important;
}
.sn-navitem a.sn-ico-slideshow {
text-shadow: none !important;
background-image: url("https://combo.staticflickr.com/pw/images/sprites/icons-sc208c84ef4.png");
background-position: -1px -1889px !important;
}
.sn-navitem.sn-dropdowntarget:hover ul.sn-dropdown ,
.sn-navitem.sn-dropdowntarget:not(:hover) ul.sn-dropdown {
display: inline-block ;
position: relative;
width: auto;
visibility: hidden !important;
}
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider) {
display: inline-block ;
position: relative ;
min-width: 75px !important;
max-width: 75px !important;
top: -32px ;
padding: 0 !important;
visibility: visible ;
text-align: center !important;
}
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider):nth-child(1) {
margin-left: -80px ;
}
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider):nth-child(10) ,
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider):nth-child(7) ,
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider):nth-child(5) ,
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider):nth-child(1) {
min-width: 44px !important;
max-width: 44px !important;
}
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider):nth-child(9) {
min-width: 20px !important;
max-width: 20px !important;
top: -32px !important;
}
/* REC ACT */
ul.sn-dropdown .sn-dropdownitem.sn-divider + .sn-dropdownitem {
display: inline-block !important;
width: 100% !important;
min-width: 100px !important;
max-width: 100px !important;
text-align: center !important;
}
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider) a[href^="/mail/write/"] {
display: inline-block !important;
width: 20px !important;
font-size: 0px !important;
overflow: hidden ;
}
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider) a[href^="/mail/write/"]:before {
content: "✉" ;
font-size: 20px ;
}
/* COLL - HEADER NAV BAR - 3 DOTS MENU === */
.subnav-refresh .sn-dropdowntarget ul.sn-dropdown {
width: 722px !important;
top: 24px !important;
}
/* VIEW MODE BUT */
.subnav-refresh ul.nav-links li.sn-navitem.sn-active,
.subnav-refresh ul.nav-links li.sn-navitem:hover {
border-radius: 5px !important;
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-thumbs-inactive {
background-position: 2px -2471px !important;
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-list-active {
background-position: 2px -2575px !important;
}
/* HEADER - NAV BAR RIGHT (Phostream Sets Fav POOL ) - RIGHT BUTTON-BAR - BLOCK CONT */
#button-bar.nav-links.nav-links-tools {
position: absolute !important;
display: inline-block !important;
height: 20px !important;
width: 100px !important;
line-height: 23px !important;
top: -35px ;
left: 1130px !important;
margin-top: 0 !important;
}
/* (new290) POOL PAGE */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar.nav-links.nav-links-tools.clearfix ,
#global-nav.styleguide-global-nav + #main .group-content-wrapper.group-cover-photo #subnav-refresh .subnav-middle .subnav-holder #button-bar.nav-links.nav-links-tools.clearfix {
width: 43px !important;
height: 20px !important;
top: -4.8vh !important;
left: 1130px !important;
}
/* from NEW ABOUT - USER POOL PAG/GAL/FAV - NOT BETA */
#global-nav.styleguide-global-nav + #Main #subnav-refresh .subnav-middle .subnav-holder #button-bar.nav-links.nav-links-tools.clearfix:not(:empty) ,
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar.nav-links.nav-links-tools.clearfix:not(:empty) {
display: inline-block !important;
width: 42px !important;
height: 20px !important;
top: 0px !important;
left: 425px !important;
}
#button-bar .sn-navitem {
display: inline-block !important;
width: 100% !important;
max-width: 30px !important;
height: 18px !important;
line-height: 13px !important;
padding-bottom: 0 !important;
padding-top: 2px !important;
}
.subnav-refresh ul.nav-links.nav-links-tools li.sn-navitem a {
display: inline-block !important;
min-width: 20px !important;
max-width: 20px !important;
height: 15px !important;
line-height: 15px !important;
padding-bottom: 0 !important;
padding-top: 2px !important;
}
.subnav-refresh ul.nav-links.nav-links-tools li.sn-navitem a.sn-ico.sn-ico-share.share-dropdown-arrow.rapidnofollow {
display: inline-block !important;
min-width: 20px !important;
max-width: 20px !important;
height: 15px !important;
line-height: 15px !important;
padding-bottom: 0 !important;
padding-top: 2px !important;
}
.subnav-refresh ul.nav-links.nav-links-tools li.sn-navitem a.sn-ico.sn-ico-share.share-dropdown-arrow.rapidnofollow:hover {
display: inline-block !important;
min-width: 20px !important;
max-width: 20px !important;
height: 15px !important;
line-height: 15px !important;
padding-bottom: 0 !important;
padding-top: 2px !important;
pointer-events: auto !important;
}
/* POOL - SMALL - SHARE MODAL */
#global-nav + #main #subnav-refresh .subnav-holder ul li:only-of-type#share-this-v3-more-button {
display: none !important;
}
/* THUMB OPTION = .yui3-popover-content-hider #thumb-options */
.yui3-popover-content-hider.share-this-v3-hider-fix .yui3-widget.yui3-popover.yui3-widget-positioned.yui3-widget-stacked:not(.yui3-popover-hidden):before ,
.yui3-popover-content-hider.share-this-v3-hider-fix .yui3-widget.yui3-popover.yui3-widget-positioned.yui3-widget-stacked.yui3-popover-hidden:before {
content: "x" !important;
position: fixed !important;
width: 20px !important;
height: 20px !important;
left: 1730px !important;
top: 1.4vh !important;
text-align: center !important;
background-image: url("https://combo.staticflickr.com/pw/images/sprites/icons-sc208c84ef4.png") !important;
background-position: 0 -1545px !important;
background-repeat: no-repeat !important;
visibility: visible !important;
color: transparent !important;
background-color: #333 !important;
}
.yui3-popover-content-hider.share-this-v3-hider-fix .yui3-widget.yui3-popover.yui3-widget-positioned.yui3-widget-stacked.yui3-popover-hidden li.share-service.share-disabled:before {
content: "x" !important;
position: fixed !important;
width: 24px !important;
height: 20px !important;
left: 1728px !important;
top: 1.3vh !important;
text-align: center !important;
font-size: 25px !important;
visibility: visible !important;
opacity: 0.2 !important;
color: red !important;
background-color: #111 !important;
}
body.new-header.new-footer-tight-ass #main + .yui3-popover-content-hider.share-this-v3-hider-fix {
position: fixed;
display: inline-block;
width: 400px;
height: auto !important;
left: 1452px;
top: 4vh !important;
visibility: hidden !important;
z-index: 500000;
}
.yui3-popover-content-hider.share-this-v3-hider-fix .yui3-widget.yui3-popover.yui3-widget-positioned.yui3-widget-stacked.yui3-popover-hidden {
width: 400px !important;
left: 0 !important;
top: 0 !important;
visibility: hidden !important;
z-index: 5000000;
}
body.new-header.new-footer-tight-ass #main + .yui3-popover-content-hider.share-this-v3-hider-fix:hover ,
.yui3-popover-content-hider.share-this-v3-hider-fix:hover .yui3-widget.yui3-popover.yui3-widget-positioned.yui3-widget-stacked.yui3-popover-hidden {
visibility: visible !important;
}
.yui3-popover-content-hider.share-this-v3-hider-fix .yui3-widget.yui3-popover.yui3-widget-positioned.yui3-widget-stacked.yui3-popover-hidden:hover #share-menu-v3 li.share-options:first-child .share-options-header ,
.yui3-popover-content-hider.share-this-v3-hider-fix:hover .yui3-widget.yui3-popover.yui3-widget-positioned.yui3-widget-stacked.yui3-popover-hidden #share-menu-v3 li.share-options:first-child .share-options-header {
color: gold !important;
background: #111 !important;
}
/* SHARE OPTION */
.yui3-popover-content-hider.share-this-v3-hider-fix:hover .yui3-widget.yui3-popover.yui3-widget-positioned.yui3-widget-stacked.yui3-popover-hidden ul.share-panel-list li.share-options.share-options-open .share-options-inner .share-services li.share-service.share-disabled ,
.yui3-popover-content-hider.share-this-v3-hider-fix:hover .yui3-widget.yui3-popover.yui3-widget-positioned.yui3-widget-stacked.yui3-popover-hidden ul.share-panel-list li.share-options.share-options-open .share-options-inner .share-services li.share-service{
display: inline-block;
margin: 0;
position: relative;
text-align: center;
vertical-align: top;
width: 70px !important;
}
.yui3-popover-content-hider.share-this-v3-hider-fix:hover .yui3-widget.yui3-popover.yui3-widget-positioned.yui3-widget-stacked.yui3-popover-hidden .yui3-popover-arrow {
position: absolute;
right: 116px !important;
top: 0 !important;
}
/* TOP HEADER - NAV - EDIT DETAIL STREAM - UPLOAD */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder .nav-links.extraitems + #button-bar.nav-links.nav-links-tools.clearfix:not(:empty){
position: absolute !important;
display: inline-block !important;
min-width: 22px !important;
max-width: 22px !important;
margin-left: 107px !important;
}
/* TOP HEADER - POOL NAV - VIEW THUMB SMALL ICON */
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-pool-justified-view {
background-position: 0px -2435px !important;
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-share {
background-position: 0px -1545px !important;
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-thumbs-active{
background-position: 2px -2505px !important;
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-list-inactive {
background-position: 2px -2540px !important;
}
/* HEADER - DOUBLE BUD ICON - BLOCK CONT - FAV */
.subnav-refresh .sn-avatar {
transform: scale(0.6) !important;
width: 110px;
height: 110px;
top: -11px !important;
left: 27px !important;
}
/* == END == HEADER == */
/* == SMALL THUMB == */
/* SMALL THUMB - POOL - ADAPTATION for BUG FLICKR which serve inconstant number of shots by page in ADMIN view */
#pool-photos.sm {
position: relative !important;
display: inline-block !important;
width: 98% !important;
height: auto !important;
min-height: 83.7vh !important;
max-height: 83.7vh !important;
top: 9vh !important;
padding: 5px 0px 0px 20px !important;
margin: 0 0 0vh 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
border-bottom: 1px solid red !important;
}
.sm .photo-display-container {
float: left !important;
height: 100% !important;
margin: auto !important;
}
#pool-photos.sm .photo-display-item {
height: 170px !important;
margin: 0 1px 3px 0 !important;
width: 5.5% !important;
padding: 5px 0 0 0 !important;
border-radius: 3px !important;
}
#pool-photos.sm .thumb {
min-height: 125px !important;
margin-bottom: 15px !important;
}
/* :not(.video-play-icon) */
#pool-photos.sm .thumb img:not(.video-play-icon) ,
#pool-photos.sm .thumb img.pc_img:not(.video-play-icon) {
min-height: 125px !important;
min-width: 100px !important;
object-fit: contain;
}
#pool-photos.sm .meta {
display: inline-block;
width: 100% !important;
margin: -5px 0 -10px 0 !important;
vertical-align: top;
}
/* POOL SMALL - FAV ICON */
#pool-photos.sm .meta .owner+ .inline-icons {
top: -6px !important;
left: -6px !important;
}
/* SMALL VIEW - PAGI */
.sm.photo-display-container ~ #paginator-module.Pages {
display: inline-block !important;
position: absolute !important;
width: 100% !important;
bottom: -2vh !important;
z-index: 2000 !important;
}
.sm.photo-display-container + .yui3-popover-content-hider + .group-content-wrapper {
margin-top: -90px !important;
}
/* == END = SMALL THUMB == */
/* == END == DIV == */
/* START = BUTT - CURSOR - GEN === */
.DeleteButt,
.CancelButt,
.SmallButt,
.SmallDeleteButt,
.SmallCancelButt,
.Butt:visited,
.DeleteButt:visited {
cursor: pointer !important;
}
/* END = BUTT - CURSOR - GEN === */
/* START = GEN - LINK COL + OTHERS THINGS === */
/* TEXT DECO NONE */
.fluid .coverphoto .coverphoto-content .cover-photo-attribution a:hover ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type:hover,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type:visited:hover ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:not(:last-of-type):hover,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:not(:last-of-type):visited:hover ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view .show-more-stats ,
a:active ,
a:hover,
a:visited:hover ,
a {
text-decoration: none !important;
}
/* LINK + VISIT + VISIT HOVER */
a {
color: peru !important;
}
a:hover,
a:visited:hover {
color: #B9D56E !important;
background-color: transparent !important;
}
a:active {
background-color: transparent !important;
color: #CC0000 !important;
}
.sub-photo-date-view > .date-taken + .date-info>p>a {
color: peru !important;
}
.sub-photo-date-view > .date-taken + .date-info>p>a:visited {
color: tan !important;
}
/* END ==== LINK COLOR GENERAL - ALL === */
/* == OTHERS THINGS - ALL === */
/* BLOCKQUOTE */
blockquote{
quotes: "\201C" "\201D";
font-size: 15px !important;
}
blockquote:before {
content: open-quote;
font-weight: bold;
font-size: 15px ;
}
blockquote:after {
content: open-quote;
font-weight: bold;
font-size: 15px ;
}
#groups-about .about div blockquote {
max-width: 654px !important;
min-width: 654px !important;
margin: 1em 40px;
}
/* HELP - TABLE BORDER */
table th,
table td {
border-color: #777777 !important;
}
/* END ==== ALL - LINK COLOR + OTHERS THINGS ===== */
/* END == STYLE 0 == NO GM Adaptation ==== */
/* STYLE 1 == START = NEW PHOTO PAGE + NOTES ========= */
/* PHO - ICON BUY - GETTY IMG */
.photo-engagement-view.has-buyable .button.butt {
position: absolute !important;
top: 59px !important;
left: 291px !important;
}
/* FOOT - ALL - HID/VISBLE HOVER */
/* FOOT - PHO - HID/VISBLE HOVER */
.html-photo-page-scrappy-view .footer-full-view ,
.html-photo-page-scrappy-view.fluid .footer-full-view {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 99.9vw !important;
max-width: 99.9vw !important;
height: 100% !important;
min-height: 131px !important;
max-height: 131px !important;
left: 0 !important;
bottom: -14.2vh !important;
padding: 0 !important;
border-top: 1px dashed gray !important;
z-index: 500000 !important;
transition: all ease 0.1s !important;
background: #111 !important;
}
.html-photo-page-scrappy-view.fluid .footer-full-view:hover {
position: fixed !important;
display: inline-block !important;
bottom: 0vh !important;
z-index: 5000000 !important;
transition: all ease 0.1s !important;
}
.html-photo-page-scrappy-view.fluid .footer-full-view footer.foot {
position: absolute;
width: 100% !important;
height: 100% !important;
min-height: 131px !important;
max-height: 131px !important;
bottom: 0 !important;
background: #111 !important;
}
.html-photo-page-scrappy-view.fluid .footer-full-view:hover footer.foot {
height: 131px !important;
}
.html-photo-page-scrappy-view.fluid .footer-full-view:before {
content: "Flickr About" ;
position: absolute ;
display: inline-block ;
width: 100px ;
height: 20px !important;
left: 1380px ;
bottom: 14vh !important;
padding: 4px 3px ;
border-radius: 5px 5px 0 0 ;
text-align: center ;
cursor: pointer ;
transition: all ease 0.7s ;
color: peru !important;
background: #333 !important;
}
.html-photo-page-scrappy-view.fluid .footer-full-view:hover:before {
bottom: 14vh !important;
transition: all ease 0.1s ;
color: gold !important;
}
/* FOOT - TAGS/ ABOUT/ KEYB - FOOTER -BACKGROUND */
.sub-photo-tags-tag-view.empty:after ,
.sub-photo-tags-tag-view:after {
content: " ▲ Tags" ;
position: fixed ;
display: inline-block !important;
width: 580px ;
height: 20px !important;
left: 1330px ;
bottom: 0vh !important;
padding: 4px 3px ;
border-radius: 3px 3px 0 0 ;
cursor: pointer ;
text-align: right !important;
visibility: visible !important;
transition: all ease 0.7s ;
z-index: 500000 !important;
color: gold !important;
background: #111 !important;
border: 1px solid #333 !important;
}
/* (new310) FOT - KEYB */
.html-photo-page-scrappy-view.fluid .sub-photo-keyboard-shortcuts-view {
position: fixed !important;
display: inline-block !important;
max-width: 700px !important;
bottom: -15.2vh !important;
right: 0 !important;
padding: 0 0px 20px 0px !important;
z-index: 500000 !important;
transition: all ease 0.7s ;
color: peru !important;
background: black !important;
border-top: 1px solid red !important;
}
.html-photo-page-scrappy-view.fluid .photo-page-leader-moola-view ~ .sub-photo-view .sub-photo-keyboard-shortcuts-view:hover ,
.html-photo-page-scrappy-view.fluid .sub-photo-keyboard-shortcuts-view:hover {
height: 10vh !important;
bottom: 0vh !important;
z-index: 50000000 !important;
transition: all ease 0.7s ;
background: #111 !important;
}
.html-photo-page-scrappy-view.fluid .sub-photo-keyboard-shortcuts-view > div > div {
width: 11%;
margin: 0 3px 0 3px !important;
}
.html-photo-page-scrappy-view.fluid .photo-page-leader-moola-view ~ .sub-photo-view .sub-photo-keyboard-shortcuts-view:before ,
.html-photo-page-scrappy-view.fluid .sub-photo-keyboard-shortcuts-view:before {
content: "ShortCuts" ;
position: fixed ;
display: inline-block ;
width: 100px ;
height: 17px !important;
line-height: 15px !important;
left: 1490px ;
bottom: 0.1vh !important;
padding: 4px 3px ;
border-radius: 5px 5px 0 0 ;
text-align: center ;
cursor: pointer ;
background: #333 !important;
}
/* FOT - KEYB - NOT LOG + PUB */
.html-photo-page-scrappy-view.fluid .photo-page-leader-moola-view ~ .sub-photo-view .sub-photo-keyboard-shortcuts-view {
bottom: -10.1vh !important;
color: peru !important;
background: red !important;
}
.html-photo-page-scrappy-view.fluid .photo-page-leader-moola-view ~ .sub-photo-view .sub-photo-keyboard-shortcuts-view:before {
bottom: 10.2vh !important;
}
/* END === FOOTER ==== */
/* (new308) PHO - NEW DESIGN */
/* (new308) PHO 3th NEW DESIGN - SIDEBAR .scrollable-container */
html.fluid.html-photo-page-scrappy-view.scrolling-layout {
min-height: 100%;
min-width: 1060px;
position: relative;
background-color: #222!important;
}
.photo-page-sidebar-view .sidebar-main-container .attribution-view {
display: inline-block !important;
padding: 0 !important;
border-bottom: 1px solid #333 !important;
}
.photo-page-sidebar-view .sidebar-main-container .scrollable-container {
position: fixed !important;
display: inline-block!important;
height: 0 !important;
width: 0 !important;
margin: 0 0 0 0 !important;
background: transparent !important;
}
.photo-page-sidebar-view .sidebar-main-container {
position: fixed !important;
display: inline-block!important;
height: 8.5vh !important;
width: 520px !important;
right: 0 !important;
margin: 0 0 0px 0 !important;
padding: 0 0 0 80px !important;
overflow: hidden !important;
overflow-y: auto;
overflow-x: hidden;
z-index: 101;
/*background: olive !important;*/
}
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-title-desc-view {
padding: 0 !important;
}
/* (new308) PHO - PHOTO CONTAINER */
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.photo-well-scrappy-view.requiredToShowOnServer ,
.photo-well-scrappy-view ,
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.photo-well-scrappy-view-OLD.requiredToShowOnServer ,
.photo-well-scrappy-view-OLD {
display: flex !important;
position: relative !important;
min-width: 1304px !important;
max-width: 1304px !important;
height: 96.5vh !important;
top: 3vh !important;
/*border: 1px solid gold !important;*/
}
/* (new312) PHOT - PHOTO - VIDEO - CONTAINER - CENTER */
.fluid.html-photo-page-scrappy-view .photo-content-upper-container {
display: flex !important;
position: relative !important;
width: 1304px !important;
height: 94.5vh !important;
top: 5vh !important;
/*border: 1px dashed yellow !important;*/
}
.fluid.html-photo-page-scrappy-view .photo-content-upper-container .photo-well-scrappy-view {
display: flex !important;
position: relative !important;
width: 1304px !important;
margin-top: -50px !important;
background-color: transparent !important;
/*border: 1px dashed blanchedalmond !important;*/
}
.fluid.html-photo-page-scrappy-view .photo-content-upper-container .photo-well-scrappy-view img {
display: inline-block !important;
max-height: 804px !important;
max-width: 1300px !important;
object-fit: contain;
transition: all 0.7s ease 0s;
background-color: #111 !important;
/*border: 1px solid aqua !important;*/
}
/* PHO - HEIGHT CONT - FLEX */
.photo-well-scrappy-view .height-controller ,
.photo-well-scrappy-view-OLD .height-controller {
position: relative !important;
display: flex !important;
width: 100% !important;
height: 90vh !important;
top: 0px !important;
transition: all ease 0.7s !important;
}
.photo-well-scrappy-view .height-controller:hover ,
.photo-well-scrappy-view-OLD .height-controller:hover {
transition: all ease 0.7s !important;
box-shadow: 7px 0px 15px 10px rgba(38, 38, 38, 0.92) !important;
background-color: rgba(38, 38, 38, 0.92) !important;
}
.photo-well-scrappy-view .height-controller:hover .photo-well-media-scrappy-view ,
.photo-well-scrappy-view-OLD .height-controller:hover .photo-well-media-scrappy-view-OLD {
outline: 1px solid rgba(0, 0, 0, 0.33) !important;
}
/* FLEX */
.photo-well-scrappy-view .height-controller.enable-zoom .photo-well-media-scrappy-view ,
.photo-well-scrappy-view-OLD .height-controller.enable-zoom .photo-well-media-scrappy-view-OLD {
position: relative;
width: auto !important;
height: auto !important;
padding: 0px 0 !important;
text-align: center !important;
z-index: 102;
}
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view:not(:hover) > .facade-of-protection-neue ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view-OLD:not(:hover) > .facade-of-protection-neue {
position: absolute;
display: block !important;
width: 100% !important;
height: 100% !important;
top: 0px;
left: 0px !important;
bottom: 0;
right: 496px !important;
z-index: 100 !important;
opacity: 0.2 !important;
}
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .facade-of-protection-neue .zoom-view ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view-OLD > .facade-of-protection-neue .zoom-view {
background: transparent none repeat scroll 0 0;
cursor: zoom-in;
display: inline-block !important;
height: 100%;
width: auto !important;
}
/* PHO - MAX RESOL - HIDDEN / NOT HIDDEN */
.photo-well-scrappy-view.height-controller .photo-well-media-scrappy-view > img.main-photo.is-hidden ,
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view img.main-photo:not(.is-hidden) ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view-OLD > img.main-photo.is-hidden ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view-OLD img.main-photo:not(.is-hidden) {
display: inline-block !important; /*OK*/
height: 100% !important; /*OK*/
max-height: 804px !important; /*OK*/
max-width: 1300px !important; /*OK*/
object-fit: contain !important;
transition: all ease 0.7s !important;
}
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > img.main-photo.is-hidden ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view-OLD > img.main-photo.is-hidden {
display: inline-block !important;
height: 100% !important;
max-width: 1300px !important;
object-fit: contain !important;
transition: all 0.7s ease 0s !important;
}
.view.photo-well-media-scrappy-view img.main-photo {
background-color: #111 !important;
}
/* (new312) NOTES */
/* (new312) PHO - NOTES - GLOBAL SIZE */
/* (new312) PHO - FOR NOTES */
.fluid.html-photo-page-scrappy-view #content .photo-page-scrappy-view ,
.fluid.html-photo-page-scrappy-view #content {
height: 100% !important;
width: 100% !important;
padding-bottom: 0px !important;
}
.fluid.html-photo-page-scrappy-view body {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
height: 100vh !important;
overflow: hidden !important;
overflow-y: hidden !important;
background: transparent !important;
}
.photo-well-scrappy-view .height-controller.enable-zoom .photo-well-media-scrappy-view + .photo-notes-scrappy-view.is-ready {
/*border: 1px solid yellow !important;*/
}
/* (new312) NOTE CONTAINER - HOVERED */
.photo-notes-scrappy-view ,
.photo-notes-scrappy-view.is-ready ,
.photo-notes-scrappy-view-OLD ,
.photo-notes-scrappy-view-OLD.is-ready {
z-index: 2500 !important;
}
.photo-notes-scrappy-view.box-hovered ,
.photo-notes-scrappy-view.box-hovered.is-ready ,
.photo-notes-scrappy-view-OLD.box-hovered ,
.photo-notes-scrappy-view-OLD.box-hovered.is-ready {
z-index: 5000000 !important;
}
/* (new312) PHOTO - FIX for ZOOM */
.photo-content-upper-container .photo-well-scrappy-view .height-controller.enable-zoom .photo-well-media-scrappy-view .zoom-view ,
.photo-notes-scrappy-view ,
.photo-notes-scrappy-view.is-ready {
display: flex !important;
z-index: 50000 !important;
}
/* HOVER */
.photo-notes-scrappy-view:hover ,
.photo-notes-scrappy-view.is-ready:hover {
z-index: 5000000 !important;
}
/* (new312) NOTES - ITEMS - Not HOVERED / HOVERED - :not(.note-can-edit) */
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view span ,
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view-OLD span {
padding: 0 !important;
}
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view:not(.box-hovered) span.note:not(.note-clicked) ,
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view-OLD:not(.box-hovered) span.note:not(.note-clicked) {
opacity: 0.3 !important;
visibility: hidden !important;
}
/* (new312) NOTES - ITEMS - HOVERED : not :HOVER */
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view.box-hovered:hover .note:not(:hover) ,
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view-OLD.box-hovered:hover .note:not(:hover) {
opacity: 0.5 !important;
visibility: visible !important;
}
/* (new312) PHO - NOTES */
.photo-notes-scrappy-view .note-text a.author ,
.photo-notes-scrappy-view-OLD .note-text a.author {
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
min-width: 90px !important;
max-width: 90px !important;
padding: 0 3px !important;
font-size: 14px;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
color: white !important;
background: rgba(0, 0, 0, 0.2) !important;
}
/* (new312) PHO - NOTE - TEXT */
.photo-notes-scrappy-view .note-text .text-alignment-fix ,
.photo-notes-scrappy-view-OLD .note-text .text-alignment-fix {
max-height: 155px;
max-width: 210px;
padding: 3px 5px !important;
border-radius: 0px 0px 3px 3px !important;
color: tomato !important;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 3px 20px 0 rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.6) !important;
}
.photo-notes-scrappy-view .note-text .text-alignment-fix:hover ,
.photo-notes-scrappy-view-OLD .note-text .text-alignment-fix:hover {
color: white !important;
}
/* PHOT - NOTE - TEXT - EDIT */
.photo-notes-scrappy-view.is-ready.box-note-clicked span.note.note-can-edit:not(.note-clicked) ,
.photo-notes-scrappy-view.box-note-clicked.box-hovered span.note:not(.note-clicked):not(.note-can-edit) ,
.photo-notes-scrappy-view-OLD.is-ready.box-note-clicked span.note.note-can-edit:not(.note-clicked) ,
.photo-notes-scrappy-view-OLD.box-note-clicked.box-hovered span.note:not(.note-clicked):not(.note-can-edit) {
display: none !important;
visibility: hidden !important;
z-index: 0 !important;
}
.photo-notes-scrappy-view.is-ready.box-note-clicked span.note.note-can-edit.note-clicked ,
.photo-notes-scrappy-view-OLD.is-ready.box-note-clicked span.note.note-can-edit.note-clicked {
z-index: 5000000 !important;
}
.photo-notes-scrappy-view.is-ready.box-note-clicked span.note-text.editing .text-alignment-fix ,
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view.box-note-clicked.box-hovered note.note-can-edit.note-clicked .text-alignment-fix ,
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view.box-note-clicked .note-text.adding .text-alignment-fix ,
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view.box-note-clicked span.note.note-can-edit.note-clicked + .note-text.adding .text-alignment-fix ,
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view.box-note-clicked span.note + .note-text.adding .text-alignment-fix ,
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view.box-note-clicked .note-text.adding .text-alignment-fix ,
.photo-notes-scrappy-view-OLD.is-ready.box-note-clicked span.note-text.editing .text-alignment-fix ,
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view-OLD.box-note-clicked.box-hovered note.note-can-edit.note-clicked .text-alignment-fix ,
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view-OLD.box-note-clicked .note-text.adding .text-alignment-fix ,
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view-OLD.box-note-clicked span.note.note-can-edit.note-clicked + .note-text.adding .text-alignment-fix ,
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view-OLD.box-note-clicked span.note + .note-text.adding .text-alignment-fix ,
.fluid.html-photo-page-scrappy-view #content .photo-notes-scrappy-view-OLD.box-note-clicked .note-text.adding .text-alignment-fix {
position: relative !important;
min-width: 267px !important;
max-width: 267px !important;
max-height: none;
padding: 20px !important;
border-radius: 3px;
}
.photo-notes-scrappy-view .note-text .note-text-buttons ,
.photo-notes-scrappy-view-OLD .note-text .note-text-buttons {
min-width: 267px !important;
margin-top: 5px;
}
/* (new312) PHO - CREATE NOTES */
.photo-notes-scrappy-view .note-text.adding,
.photo-notes-scrappy-view-OLD .note-text.adding {
position: absolute !important;
display: inline-block !important;
width: auto !important;
height: 100% !important;
}
/* (new312) PHO - NOTES COUNTER */
.photo-content-upper-container .photo-well-scrappy-view .height-controller.enable-zoom .photo-well-media-scrappy-view ,
.view.photo-notes-scrappy-view.is-ready ,
.photo-notes-scrappy-view.box-hovered ,
.photo-notes-scrappy-view-OLD.box-hovered ,
.photo-notes-scrappy-view {
content: counter(myIndexN, decimal);
counter-increment: myIndexN 0 !important;
counter-reset: myIndexN 00 !important;
}
/*(new312) NOTE - NOT HOVERED */
.photo-notes-scrappy-view:not(.box-hovered) span:before ,
.photo-notes-scrappy-view-OLD:not(.box-hovered) span:before {
counter-increment: myIndexN ;
content: counter(myIndexN, decimal) " Note(s)" ;
position: fixed ;
display: inline-block ;
min-width: 15px ;
max-width: 65px ;
height: 14px ;
line-height: 14px ;
top: 150px ;
left: 1332px ;
font-size: 10px ;
text-align: center ;
text-indent: 3px ;
cursor: context-menu ;
opacity: 1 ;
z-index: 50000 !important;
}
.photo-notes-scrappy-view:not(.box-hovered) span:last-of-type:before ,
.photo-notes-scrappy-view-OLD:not(.box-hovered) span:last-of-type:before {
cursor: context-menu ;
opacity: 1 ;
visibility: visible ;
z-index: 10 ;
color: white ;
}
/* HOVERED*/
.photo-notes-scrappy-view.box-hovered span:before ,
.photo-notes-scrappy-view-OLD.box-hovered span:before {
counter-increment: myIndexN ;
content: counter(myIndexN, decimal) ;
position: absolute !important;
display: inline-block ;
min-width: 10px !important;
max-width: 10px !important;
height: 10px !important;
line-height: 10px !important;
top: unset !important;
left: unset !important;
margin: 0px 0 0 0 !important;
font-size: 8px !important;
text-align: center ;
text-indent: 0px !important;
cursor: context-menu ;
opacity: 1 ;
z-index: 50000 !important;
color: white!important;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 3px 20px 0 rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.6) !important;
}
.photo-notes-scrappy-view.box-hovered span:last-of-type:after ,
.photo-notes-scrappy-view-OLD.box-hovered span:last-of-type:after{
content: "👁️🗨️ Note(s)" !important;
position: fixed ;
display: inline-block ;
min-width: 75px ;
max-width: 75px ;
height: 2vh !important;
line-height: 15px ;
top: 150px ;
left: 1332px ;
padding: 0 4px 0 5px !important;
font-size: 15px !important;
border-radius: 35% 3px 3px 35% !important;
cursor: context-menu ;
opacity: 1 ;
visibility: visible ;
z-index: 10 ;
color: white ;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3), 0 3px 20px 0 rgba(0, 0, 0, 0.3);
background: rgba(0, 0, 0, 0.6) !important;
border: 1px solid red !important;
}
/* ==== START == PHO - TITLE/DESC cf STREAM EDIT COMPAT ==== */
/* PHO - TITLE DESC */
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view {
position: absolute ;
display: inline-block ;
height: 0 ;
width: 1298px ;
margin: 0 ;
left: 0 ;
bottom: -12px ;
padding: 0 ;
border-bottom: none ;
z-index: 50000 !important;
}
/* PHO - TITLE DESC - EDIT */
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view.editing {
z-index: 5000000 !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block.showFull {
max-height: 100% ;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block.showFull {
position: relative ;
top: -6px ;
bottom: 0 ;
padding: 0 ;
word-wrap: break-word ;
overflow: visible ;
}
/* (new313) PHO - TITLE - */
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block.showFull > .meta-field.photo-title {
position: fixed ;
display: inline-block ;
height: auto !important;
min-height: 3vh !important;
width: 1265px !important;
top: 0px !important;
left: 10px ;
margin: 0 0 0 0 !important;
font-size: 17px ;
text-align: center ;
word-wrap: break-word ;
transition: all ease 0.7s !important;
color: #656c7a !important;
background: #222 !important;
/*border: 1px solid aqua !important;*/
}
.fluid.html-photo-page-scrappy-view .sidebar-main-container .sub-photo-title-desc-view > .title-desc-block.showFull > .meta-field.photo-title {
position: fixed !important;
display: inline-block !important;
height: auto !important;
min-height: 3vh !important;
line-height: 17px !important;
width: 1265px !important;
top: 0px !important;
left: 10px ;
margin: 0 0 0 0 !important;
font-size: 17px ;
text-align: center ;
word-wrap: break-word ;
transition: all ease 0.7s !important;
color: #656c7a !important;
background: #222 !important;
/*border: 1px solid yellow !important;*/
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > h1.meta-field.photo-title:hover {
cursor: text !important;
transition: all ease 0.7s !important;
color: white !important;
background: #111 !important;
}
/* (new311) PHO - DESC */
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc {
position: fixed !important;
display: inline-block !important;
line-height: 0px ;
max-height: 13px ;
min-height: 13px ;
min-width: 950px ;
max-width: 950px ;
margin-bottom: 0 ;
bottom: -20px !important;
left: 5px ;
padding: 3px 173px 2px 173px ;
text-align: left ;
overflow: hidden ;
z-index: 50000000000 !important;
transition: all ease 0.7s ;
background: rgba(0, 0, 0, 0.9) ;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc:after {
content: " " !important;
position: fixed !important;
display: inline-block !important;
height: 0px ;
width: 1000px !important;
bottom: -1px !important;
left: 140px !important;
border-radius: 0 !important;
opacity: 1 !important;
z-index: 5000 !important;
pointer-events: none !important;
transition: height ease 0.7s !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc:hover:after {
height: 303px ;
bottom: 4px !important;
transition: height ease 1s !important;
border-left: 1px dotted gray !important;
border-right: 1px dotted gray !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc:hover {
position: fixed !important;
display: inline-block !important;
min-height: 300px ;
max-height: 300px ;
bottom: 0px !important;
text-align: left ;
overflow: hidden ;
overflow-y: auto ;
z-index: 500000 !important;
transition: all ease 1s ;
border-top: 1px solid gray ;
border-bottom: 4px solid peru ;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc > p {
color: white !important;
}
/* (new311) PHO - DESCRIPTION - INDICATOR - 🔺 */
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc:not(.show-editable):before {
content: "🔺" ;
position: fixed ;
display: inline-block ;
width: 20px ;
height: 15px ;
line-height: 20px ;
left: 650px ;
bottom: 0 ;
border-radius: 20px 20px 0 0 ;
text-align: center !important;
font-size: 15px ;
cursor: pointer ;
visibility: visible ;
opacity: 0.4 ;
color: red ;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc:not(.show-editable):hover:before {
opacity: 0.05 ;
}
/* (new313) PHO - TITLE EDIT - ICON */
.fluid.html-photo-page-scrappy-view.scrolling-layout .sub-photo-title-desc-view > .title-desc-block.editable.showFull .title-desc-edit.ui-icon-title-desc-edit {
float: right;
width: 16px;
height: 16px;
margin: 0.6vh 0 0 20px !important;
}
/* (new311) PHO - TITLE + DESC EDIT */
.fluid.html-photo-page-scrappy-view.scrolling-layout .sub-photo-title-desc-view.photopage-sidebar.editing {
position: fixed ;
display: inline-block ;
height: 99.8vh !important;
bottom: 0px ;
right: 675px ;
opacity: 1 ;
border-radius: 5px !important;
background: #111 !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .sub-photo-title-desc-view.photopage-sidebar.editing button.ui-button.ui-button-cta.done-editing-title-desc {
position: fixed ;
display: inline-block ;
bottom: 10px ;
right: 675px ;
opacity: 1 ;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view.editing > .title-desc-block .title-desc-edit.ui-icon-title-desc-edit {
position: fixed ;
display: inline-block ;
bottom: 10px ;
right: 675px ;
opacity: 1 ;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block .title-desc-edit.ui-icon-title-desc-edit:hover {
outline: 1px solid peru !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view.editing > .title-desc-block .done-editing-title-desc {
margin-top: -75px ;
margin-right: -35px ;
}
/* (new311) PHO - TITLE EDITABLE */
.fluid.html-photo-page-scrappy-view.scrolling-layout .photo-page-sidebar-view .title-desc-block.editable.showFull h1.editable.meta-field.photo-title {
position: fixed ;
display: inline-block ;
width: 1200px ;
height: auto !important;
top: -50px !important;
left: 50px ;
margin-bottom: 10px ;
font-size: 17px ;
text-align: center ;
word-wrap: break-word ;
transition: all ease 0.7s !important;
color: #656c7a !important;
background: #222 !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > h1.meta-field.photo-title + a.title-desc-edit.ui-icon-title-desc-edit {
position: fixed !important;
display: inline-block !important;
height: 16px;
width: 16px;
top: 1px !important;
left: 1260px !important;
opacity: 0.2 !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > h1.meta-field.photo-title:hover + a.title-desc-edit.ui-icon-title-desc-edit{
opacity: 1 !important;
border: 1px solid red !important;
}
/* (new312) PHO - EDIT - TITLE INPUT FIELD */
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.edit-meta-field.edit-photo-title {
position: relative ;
display: block !important;
float: left !important;
width: 100% ;
max-width: 100% !important;
height: auto !important;
min-height: 5vh !important;
top : 0px ;
right: 0px ;
margin:0.5vh 0 0 0 !important;
font-size: 14px ;
word-wrap: break-word;
white-space: pre-line !important;
overflow: hidden !important;
overflow-x: auto !important;
color: gold !important;
border: 1px solid green !important;
}
/* (new311) PHO - EDIT - DESC INPUT FIELD */
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.edit-meta-field.edit-photo-desc {
position: relative ;
display: block !important;
float: left !important;
width: 100% ;
min-height: 80vh ;
max-height: 80vh ;
margin: 1vh 0 0 0 !important;
right: 0px ;
font-size: 14px ;
overflow: hidden ;
overflow-y: auto ;
}
.meta-field.photo-desc > p:only-of-type a:only-of-type {
display: inline-block ;
width: 100% ;
text-align: left !important;
}
/* ==== END == PHOT - TITLE/DES ==== */
/* ==== START == STREAM EDIT ==== *
/* STREAM EDIT - TITLE + DESC */
.html-photostream-edit-page-view .interaction-view .photo-list-photo-edit-interaction .interaction-bar:hover {
opacity: 1 !important;
}
.fluid.html-photostream-edit-page-view .photo-list-photo-view {
position: absolute;
display: inline-block !important;
overflow: hidden !important;
background-position: center center !important;
background-repeat: no-repeat;
background-size: contain !important;
}
/* STREAM EDIT - PORTRAIT */
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait {
background-position-y: calc(0% - 0px) !important;
}
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait .interaction-view-placeholder {
top: 410px !important;
}
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait a.overlay {
margin-top: 190px !important;
}
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait .interaction-bar {
top: 401px;
}
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait .interaction-bar .sub-photo-title-desc-view.photostream-edit {
margin-top: -85px !important;
}
/* SMALL PHOTO (e.g. icons) */
.fluid.html-photostream-edit-page-view .photolist-container.fluid-centered .photo-list-photo-view.edit.portrait.awake[style*="_s.jpg"] ,
.fluid.html-photostream-edit-page-view .photolist-container.fluid-centered .photo-list-photo-view.edit.portrait.awake[style*="_t.jpg"] {
background-position: center center !important;
background-repeat: no-repeat;
background-size: contain !important;
background-size: 10% !important;
}
/* STREA EDIT - PORT */
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait .interaction-bar .sub-photo-title-desc-view.photostream-edit.editing {
margin-top: -185px !important;
}
/* STREAM EDITABLE - LANDSCAPE */
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.landscape {
background-position-y: calc(50% - 45px) !important;
}
/* ==== END == STEREAM EDITABLE ==== *
/* PHOTO - IMAGE CONTAINER */
/* (new308) PHOT CONT UNDER PHOT - CF COMM and MINITHU */
html.fluid.html-photo-page-scrappy-view #content .sub-photo-view {
position: absolute !important;
height: 99.7vh !important;
width: 600px !important;
margin-top: 0vh !important;
top: 0 !important;
right: 0 !important;
/*border: 1px solid aqua !important;*/
}
html.fluid.html-photo-page-scrappy-view #content .centered-content .sub-photo-content-container ,
html.fluid.html-photo-page-scrappy-view #content .centered-content {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 31vw !important;
max-width: 31vw !important;
height: 100vh !important;
bottom: 0 !important;
left: 69vw !important;
right: 0 !important;
/*ckground-color: brown !important;*/
/*rder: 1px solid yellow !important;*/
}
html.fluid.html-photo-page-scrappy-view #content .centered-content .sub-photo-content-container {
/*ckground: olive !important;*/
/*rder: 1px dashed yellow !important;*/
}
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view img ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view img {
height: 100% !important;
max-height: 750px !important;
width: auto !important;
max-width: 1250px !important;
z-index: 0 !important;
}
/* COPYRIGHT INF */
.main-photo[src^="//combo.staticflickr.com/pw/images/en-us/photo_unavailable_copyright_"] {
filter: opacity(0.3)
}
/* PHOTO - ZOOM PHOTO */
/* ZOOOM - MODAL */
.zoom-modal ,
.zoom-modal.max-zoom-level {
z-index: 550000000 !important;
}
.zoom-modal .zoom-photo-container {
transform-origin: 100px 500px 0 !important;
}
.zoom-modal .zoom-photo-container img {
opacity: 1 !important;
}
/* PHO - MODAL - ALL - TOOLTIP/POP/MENU ETC */
.fluid.html-photo-page-scrappy-view .fluid-modal-view ,
.fluid.html-photo-page-scrappy-view .fluid-modal-view .modal.html-modal.scrappy-dialog {
z-index: 5000000 !important;
}
.fluid.html-photo-page-scrappy-view.view.fluid-modal-view .album-selection input.album-selection-search::-moz-placeholder {
color: gray !important;
}
/* PHO - ADULT CONT - MESS */
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .restricted-interstitial ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view > .restricted-interstitial {
margin: 0 !important;
padding: 20px !important;
text-align: center !important;
z-index: 500 !important;
}
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .restricted-interstitial > .restricted-interstitial-message ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view > .restricted-interstitial > .restricted-interstitial-message {
width: 100% !important;
}
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .restricted-interstitial > .restricted-interstitial-message p + p button.ui-button ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view > .restricted-interstitial > .restricted-interstitial-message p + p button.ui-button {
position: absolute!important;
width: 500px !important;
top: -300px !important;
left: 0px !important;
margin: 0 !important;
}
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .restricted-interstitial > .restricted-interstitial-message p + p + p ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view > .restricted-interstitial > .restricted-interstitial-message p + p + p {
position: absolute !important;
width: 500px !important;
top: -250px !important;
left: 0px !important;
}
/* (new242) PHO / GAL - COM - TOTAL CONTAINER - .fluid.html-photo-page-scrappy-view .sub-photo-comments-view */
.fluid.html-photo-page-scrappy-view .view.photo-comments-view .photo-comments.with-emoji-picker ,
.fluid.html-photo-page-scrappy-view .photo-comments-view {
position: fixed !important;
display: inline-block !important;
flex-direction: unset !important;
float: none !important;
clear: both;
width: 1305px !important;
min-height: 89vh !important;
max-height: 89vh !important;
left: 0px !important;
margin-bottom: 0px;
top: 7vh !important;
overflow: hidden !important;
overflow-y: auto !important;
visibility: hidden !important;
transition: all ease 0.5s !important;
z-index: 5000000 !important;
color: silver !important;
}
.fluid.html-photo-page-scrappy-view .view.photo-comments-view .photo-comments.with-emoji-picker {
width: 1315px !important;
padding: 0 !important;
}
/* PHO COMMENT - MORE BUTTON */
.sub-photo-content-container .photo-comments.with-emoji-picker a.load-more-button {
position: fixed;
top: 23.3vh!important;
right: 600px !important;
margin: 0;
font-size: 0 !important;
visibility: visible !important;
color: gold !important;
background: red;
}
.sub-photo-content-container .photo-comments.with-emoji-picker a.load-more-button:hover {
position: fixed;
top: 23.3vh!important;
right: 600px !important;
margin: 0;
font-size: 15px !important;
visibility: visible !important;
z-index: 50000000 !important;
color: gold !important;
background: red;
}
.sub-photo-content-container .photo-comments.with-emoji-picker a.load-more-button:after {
content: "+" ;
position: absolute !important;
height: 10px !important;
line-height: 10px !important;
width: 10px !important;
font-size: 15px !important;
text-align: center !important;
border-radius: 100% !important;
background: green ;
}
/* (JUnew) PHO / GAL - COMMENTS - TOTAL CONTAINER - for HOVER */
/* .fluid.html-photo-page-scrappy-view .photo-comments-view .photo-comments .comments-list-section.standard:hover , */
.fluid.html-photo-page-scrappy-view .view.photo-comments-view .photo-comments.with-emoji-picker:hover ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover {
z-index: 50000000 !important;
transition: all ease 0.5s !important;
visibility: visible !important;
}
/* (JUnew) PHO - COM CONT - REVERT ORD ? */
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list ,
.comments-holder.order-chronological.photosInComments ul.comments {
display: flex !important;
flex-basis: 19% !important;
flex-flow: row-reverse wrap-reverse !important;
justify-content: flex-end !important;
}
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list ,
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments {
height: 100% !important;
width: 100% !important;
min-width: 68vw !important;
max-width: 68vw !important;
padding-top: 0 !important;
border-radius: 10px !important;
transition: all ease 0.3s !important;
background: rgba(0, 0, 0, 0.35) !important;
}
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list:empty ,
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comment:empty ,
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container.loading {
display: none !important;
}
/* (JUnew) PHO - COMMENTS ITEMS */
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list .comment-list-item {
display: flex !important;
flex-grow: 1 !important;
flex-basis: 30% !important;
margin: 0px 5px 5px 5px !important;
border-radius: 5px !important;
overflow: hidden !important;
background: rgba(0, 0, 0, 0.55) !important;
border: 1px solid gray !important;
}
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list .comment-list-item .comment-item-view {
width: 100% !important;
}
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list .comment-list-item .comment-item-view .comment-item {
animation-duration: 0.5s;
animation-fill-mode: forwards;
animation-name: fadeInGalleryComment;
display: flex;
height: 100% !important;
margin: 2px;
padding: 0px 0px 5px !important;
}
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list .comment-list-item .comment-item-view .comment-item .avatar {
flex: 0 0 auto;
margin: 3px 3px 0 0 !important;
}
.photo-comments-view .photo-comments.with-emoji-picker section.comments-list-section.standard .standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list li.comment-list-item .comment-item-view .content-container {
width: 100% !important;
min-height: 10.3vh !important;
max-height: 10.3vh !important;
margin: 0 0 3px 0 !important;
}
/* HOVER / NOT HOVER*/
.photo-comments-view .photo-comments.with-emoji-picker section.comments-list-section.standard .standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list li.comment-list-item .comment-item-view .content-container ,
.photo-comments-view .photo-comments.with-emoji-picker section.comments-list-section.standard .standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list li.comment-list-item:hover .comment-item-view .content-container {
width: 100% !important;
min-height: 7vh !important;
max-height: 35.2vh !important;
}
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list .comment-list-item .comment-item-view .comment-item .content-container .comment-content {
min-width: 100% !important;
max-width: 100% !important;
min-height: 7.5vh !important;
max-height: 7.5vh !important;
line-height: 18px;
overflow-y: auto !important;
}
.photo-comments-view .photo-comments.with-emoji-picker section.comments-list-section.standard .standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list li.comment-list-itemr .comment-item-view .content-container .edit-comment-view .comment-edit .text-area-wrapper .emoji-picker-view ,
.photo-comments-view .photo-comments.with-emoji-picker section.comments-list-section.standard .standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list li.comment-list-item:hover .comment-item-view .content-container .edit-comment-view .comment-edit .text-area-wrapper .emoji-picker-view {
position: absolute !important;
margin: 23vh 0 0 73% !important;
}
.photo-comments-view .photo-comments.with-emoji-picker section.comments-list-section.standard .standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list li.comment-list-item .comment-item-view .content-container .edit-comment-view .comment-edit .basic-confirm-actions-view ,
.photo-comments-view .photo-comments.with-emoji-picker section.comments-list-section.standard .standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list li.comment-list-item:hover .comment-item-view .content-container .edit-comment-view .comment-edit .basic-confirm-actions-view {
width: 100% !important;
min-width: 75% !important;
max-width: 75% !important;
}
/* (new309) PHO - COMMENTS - 3 DOTS MENU - HOVER */
.photo-comments-view .photo-comments.with-emoji-picker section.comments-list-section.standard .standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list li.comment-list-item:hover .comment-actions {
display: inline-block !important;
height: 1.5vh !important;
line-height: 1.7vh !important;
width: 30px !important;
margin: 2px 5px 0 0 !important;
border-radius: 3px !important;
text-align: center !important;
opacity: 1;
background: #333 !important;
}
/* PHO - COMMENT EDIT */
/* COMMENT EDIT - HOVER */
.photo-comments-view .photo-comments.with-emoji-picker section.comments-list-section.standard .standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list li.comment-list-item:hover .comment-item-view .content-container .edit-comment-view .comment-edit .text-area-wrapper {
width: 100% !important;
min-width: 80% !important;
max-width: 80% !important;
min-height: 22.5vh !important;
max-height: 22.5vh !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new295) PERSO - MY COMMENTS - ADD INDICATOR - COUNTER - === */
/* (new295) PHO/GAL - COUNT COM ITEMS + NUMB COM BY ME on TOP RIGHT PANEL/BUD ICON */
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list {
counter-reset: myIndex 00 !important;
/*counter-increment: myIndex 0 !important;*/
}
.fluid.html-photo-page-scrappy-view .comment-list-container ol.comment-list li.comment-list-item:before ,
.html-gallery-page-view .comment-list-container ol.comment-list li.comment-list-item:before {
counter-increment: myIndex ;
content: counter(myIndex, decimal-leading-zero) ;
position: fixed !important;
min-width: 17px ;
margin: 0px !important;
padding: 0.5px !important;
border-radius: 10px ;
font-size: 7px !important;
text-align: center ;
z-index: 10 ;
visibility: visible !important;
color: peru ;
box-shadow: none !important;
}
/* (new309) PHO - COMMENT COUNTER */
.fluid.html-photo-page-scrappy-view .comment-list-container ol.comment-list li.comment-list-item:before {
min-width: 16px !important;
height: 9px !important;
line-height: 8px !important;
right: 568.5px !important;
top: 19.3vh !important;
margin: 0px 0 0 0px !important;
padding: 0px !important;
border-radius: 60px !important;
font-size: 9px !important;
color: white ;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset !important;
background: #222 !important;
}
/* GAL COMMENT COUNTER */
.html-gallery-page-view .comment-list-container ol.comment-list li.comment-list-item:before {
right: 240px !important;
top: 1.3vh !important;
padding: 0.5px !important;
border-radius: 10px ;
font-size: 10px !important;
background: red !important;
}
/* (new310) ONLY UPLOADED DATE */
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-date-view .date-posted:not(:has(.date-taken-label)) .date-posted-label {
display: inline-block !important;
margin: 0.6vh 0 0 0 !important;
/*border: 1px solid aqua !important;*/
}
.fluid.html-photo-page-scrappy-view .sub-photo-right-view .sub-photo-date-view .date-posted:not(:has(.date-taken-label)) .date-posted-label {
display: inline-block !important;
margin: 0.7vh 0 0 0 !important;
/*border: 1px solid red !important;*/
}
/* (new309) PHO - INDICATOR - ADD DATE :not(:hover) -.fluid.html-photo-page-scrappy-view ===:not([href="/photos/bruno-decembre/"] == */
.fluid.html-photo-page-scrappy-view .view.photo-comments-view .photo-comments.with-emoji-picker:not(:hover) .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list li.comment-list-item:only-of-type .author-info .comment-date,
.fluid.html-photo-page-scrappy-view .view.photo-comments-view .photo-comments.with-emoji-picker:not(:hover) .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list li.comment-list-item .author-info .comment-date {
position: fixed !important;
display: inline-block !important;
width: 30px !important;
height: 12px !important;
line-height: 10px !important;
left: 1350px !important;
top: 19vh !important;
padding: 0 !important;
border-radius: 3px !important;
font-size: 10px !important;
text-align: center !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 500000 !important;
color: white !important;
border: 1px solid red !important;
background-color: #111 !important;
}
/* (new292) PHOTO - COMMENTS ACTIONS in PANEL RIGHT - HOVER ARROW */
.fluid.html-photo-page-scrappy-view .view.photo-comments-view .photo-comments.with-emoji-picker:hover .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list li.comment-list-item .author-info .comment-date:before {
content: "<" !important;
position: fixed !important;
display: inline-block !important;
min-width: 27px !important;
max-width: 27px !important;
height: 13px !important;
line-height: 13px !important;
left: 1362px !important;
top: 19vh !important;
padding: 0 0 0 5px !important;
border-radius: 5px !important;
font-size: 10px !important;
text-align: left !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 500000 !important;
color: red !important;
border: 1px solid red !important;
background: gold !important;
}
/* PHOT - COM - PB BUDDY ICON / ACTIONS */
.comment-list-container ol.comment-list li.comment-list-item:hover a.author-name ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments li.comment:hover .comment-author > a {
color: red !important;
}
/* (new308) PHOT - COM - ADD ICON SHOW COMM CONT (on HOVER) - SECOND PLACE in USER INFOS under NAME (ADAPT PHOTOSHOW ADDON) */
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list::after {
content: "👁️🗨️";
position: fixed !important;
display: inline-block !important;
float: none;
width: 45px;
height: 14px;
line-height: 13px;
top: 9.8vh;
left: 1625px;
padding: 0;
font-size: 22px;
text-align: center;
cursor: pointer;
opacity: 0.2 !important;
visibility: visible;
z-index: 5000000 !important;
pointer-events: auto !important;
border-radius: 3px;
box-shadow: none;
border: none;
}
/* HOVER */
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list:hover::after {
font-size: 24px !important;
pointer-events: auto !important;
opacity: 1 !important;
}
/* (new309) PHOT - COMM - CONT - ADD ICON SHOW COM CONT (on HOVER) */
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list:before ,
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments:before {
content: "🗨" ;
position: fixed ;
display: inline-block ;
float: none ;
height: 14px ;
line-height: 13px ;
width: 25px ;
left: 1330px ;
top: 19vh !important;
padding: 0px ;
border-radius: 3px ;
font-size: 20px ;
text-align: center ;
visibility: visible ;
opacity: 0.2 ;
cursor: pointer ;
border: 1px solid gray ;
}
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list:hover:before ,
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments:hover:before {
transform: scaleX(1.3) ;
background-color: red ;
}
.view.photo-comments-view .photo-comments.with-emoji-picker .comments-list-section.standard .view.standard-comment-list-view.comment-list-view .comment-list-container ol.comment-list:hover:before ,
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments .comment:hover:before {
border-radius: 2px;
}
/* PHO COMMENT DISABLED */
.fluid.html-photo-page-scrappy-view .photo-comments.with-emoji-picker .comments-disabled-container {
line-height: 16px;
margin: 0px 0 0 0 ;
}
/* PHO - COM FORM - SHORT */
/* COMMENT FORM - AVATAR */
.fluid.html-photo-page-scrappy-view .add-comment-view .comment-area .avatar ,
.comments-form .comment-icon.circle-icon {
position: absolute ;
display: inline-block ;
height: 25px !important;
width: 25px !important;
top: 5px !important;
left: -32px !important;
margin: 0 0 0 0 !important;
overflow: hidden ;
opacity: 1 ;
z-index: 0 ;
}
/* (new309) COMMENTS FORM - form-field - NORMAL */
.fluid.html-photo-page-scrappy-view .photo-comments.with-emoji-picker .add-comment-section {
position: fixed !important;
display: inline-block ;
height: 100% !important;
min-height: 8.2vh !important;
max-height: 8.2vh !important;
width: 440px !important;
top: 16vh !important;
left: 1450px !important;
margin: 0 !important;
pointer-events: auto ;
visibility: visible !important;
transition: height 0s ease !important;
box-shadow: unset !important;
/*border: 1px solid aqua !important;*/
}
.fluid.html-photo-page-scrappy-view .photo-comments.with-emoji-picker .add-comment-section .add-comment-view .comment-area .text-area-section ,
.fluid.html-photo-page-scrappy-view .photo-comments.with-emoji-picker .add-comment-section .add-comment-view .comment-area ,
.fluid.html-photo-page-scrappy-view .photo-comments.with-emoji-picker .add-comment-section .add-comment-view {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
height: auto !important;
}
.fluid.html-photo-page-scrappy-view .photo-comments.with-emoji-picker .add-comment-section .add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded {
display: inline-block ;
height: 100% !important;
min-height: 8.2vh !important;
max-height: 8.2vh !important;
width: 440px !important;
margin: 0 !important;
pointer-events: auto ;
visibility: visible !important;
transition: height 0s ease !important;
box-shadow: unset !important;
/*border: 1px dashed aqua !important;*/
}
.photo-comments.with-emoji-picker .add-comment-section .add-comment-view .comment-area .text-area-section .text-area-wrapper {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
height: auto !important;
}
.add-comment-view .comment-area .text-area-section ,
.add-comment-view .comment-area {
display: inline-block !important;
width: 100% !important;
margin: 0px 0 !important;
}
.add-comment-view .comment-area .text-area-section .text-area-wrapper {
display: inline-block !important;
flex-direction: unset !important;
width: 100% !important;
height: auto !important;
margin: 0;
transition: height 0.5s ease 0s, background-color 0.5s ease 0s;
color: #212124;
}
.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded,
.add-comment-view .comment-area .text-area-section .text-area-wrapper.focused,
.add-comment-view .comment-area .text-area-section .text-area-wrapper:focus-within {
display: inline-block !important;
height: auto !important;
width: 100% !important;
padding: 2px !important;
box-shadow: 0 0 0 1px #222 inset;
background-color: #333 !important;
}
/* FOCUS */
.add-comment-view .comment-area .text-area-section .text-area-wrapper.focused,
.add-comment-view .comment-area .text-area-section .text-area-wrapper:focus-within ,
.sub-photo-comments-view .comments-form .comment-form-field.comment-text-focused {
box-shadow: 0 0 0 1px #4C4D4E inset ;
}
/* (new241) FIXR /NO FIXR - NOT HOVER */
/* NOT HOVER */
/*.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded ,
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded ,
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded.focused ,
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded.focused {
display: inline-block !important;
height: 100%;
min-height: 5.2vh !important;
max-height: 5.2vh !important;
width: 100% !important;
padding: 0;
}
*/
/* (new241) FIXR /NO FIXR - PLACEHOLDER - NOT HOVER */
/*.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded textarea.comment-field[placeholder] ,
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded textarea.comment-field[placeholder] ,
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded.focused textarea.comment-field[placeholder] ,
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded.focused textarea.comment-field[placeholder]{
display: inline-block !important;
width: 100% !important;
height: 100%;
min-height: 4.7vh !important;
max-height: 4.7vh !important;
line-height: 15px !important;
padding: 1px 3px !important;
border: 1px solid #222 !important;
}*/
/* (new241) FIXR /NO FIXR - PLACEHOLDER - HOVER */
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded textarea.comment-field[placeholder] ,
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section.view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded textarea.comment-field[placeholder] ,
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded.focused textarea.comment-field[placeholder] ,
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded.focused textarea.comment-field[placeholder]{
display: inline-block !important;
width: 100% !important;
height: 100%;
min-height: 7.5vh !important;
max-height: 7.5vh !important;
line-height: 15px !important;
padding: 1px 3px !important;
border: 1px solid gray !important;
}
/* HOVER */
.photo-comments.with-emoji-picker .add-comment-section .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded.focused {
display: inline-block !important;
height: 100%;
min-height: 10vh !important;
max-height: 10vh !important;
width: 100%;
padding: 0;
}
.photo-comments.with-emoji-picker .add-comment-section .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded textarea:focus ,
.photo-comments.with-emoji-picker .add-comment-section .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded.focused textarea {
display: inline-block !important;
width: 100% !important;
height: 100%;
min-height: 9.2vh !important;
max-height: 9.2vh !important;
padding: 5px !important;
color: silver !important;
}
/* PHO - COM - textarea NOT HOVER */
/*.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .text-area-wrapper.always-expanded:not(.focused) .comment-field ,
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .text-area-wrapper.always-expanded:not(.focused) .comment-field[placeholder] ,
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .text-area-wrapper.always-expanded:not(.focused) .comment-field[placeholder] ,
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .text-area-wrapper.always-expanded:not(.focused) .comment-field {
position: relative;
display: inline-block ;
height: auto !important;
min-height: 3.5vh !important;
max-height: 3.5vh !important;
line-height: 15px !important;
width: 98% !important;
left: 2px ;
top: 2px ;
margin: 0 !important;
padding: 0px 5px ;
border-radius: 3px ;
overflow: hidden !important;
overflow-y: auto !important;
word-wrap: break-word !important;
white-space: pre-wrap !important;
color: silver !important;
}*/
.fluid.html-photo-page-scrappy-view .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .text-area-wrapper.always-expanded.focused .comment-field ,
.fluid.html-photo-page-scrappy-view .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .text-area-wrapper.always-expanded.focused .comment-field[placeholder] {
position: relative;
display: inline-block ;
height: auto !important;
min-height: 7.4vh !important;
max-height: 7.4vh !important;
width: 98% !important;
left: 2px ;
top: 2px ;
margin: 0 !important;
padding: 0px 5px ;
border-radius: 3px ;
overflow: hidden !important;
overflow-y: auto !important;
word-wrap: break-word !important;
white-space: pre-wrap !important;
color: silver !important;
}
.fluid.html-photo-page-scrappy-view .text-area-wrapper.always-expanded.focused {
width: 98% !important;
}
.fluid.html-photo-page-scrappy-view .text-area-wrapper.always-expanded:hover textarea.comment-field:not(.fixr-ta-resizeable) ,
.fluid.html-photo-page-scrappy-view .photo-comments.with-emoji-picker .add-comment-section:hover .add-comment-view .text-area-wrapper.always-expanded:not(:hover) textarea.comment-field[placeholder]:not(.fixr-ta-resizeable) {
min-height: 9.5vh !important;
max-height: 9.5vh !important;
margin: 0 0 2.8vh 0 !important;
background: #333 !important;
}
.fluid.html-photo-page-scrappy-view .photo-comments.with-emoji-picker .add-comment-section:hover .add-comment-view textarea.comment-field:not(.fixr-ta-resizeable) ,
.fluid.html-photo-page-scrappy-view .photo-comments.with-emoji-picker .add-comment-section:hover .add-comment-view .text-area-wrapper.always-expanded:hover textarea.comment-field[placeholder]:not(.fixr-ta-resizeable) {
min-height: 9.5vh !important;
max-height: 9.5vh !important;
margin: 0 0 2.8vh 0 !important;
background: #333 !important;
}
/* PHO - COMMENT - textarea HOVER */
/* .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field:not(.fixr-ta-resizeable):hover textarea , */
.fluid.html-photo-page-scrappy-view .text-area-wrapper.always-expanded:not(.focused) .comment-field:not(.fixr-ta-resizeable) ,
.fluid.html-photo-page-scrappy-view .text-area-wrapper.always-expanded.focused .comment-field:not(.fixr-ta-resizeable) ,
.fluid.html-photo-page-scrappy-view .text-area-wrapper.always-expanded .comment-field:not(.fixr-ta-resizeable){
min-height: 2vh !important;
max-height: 2vh !important;
border: 1px solid #222 !important;
}
/* ??? */
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field.comment-text-focused:not(.fixr-ta-resizeable) textarea:not(.false-comment-content) ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea:not(.false-comment-content):not(.fixr-ta-resizeable) {
width: 417px !important;
min-height: 195px !important;
max-height: 195px !important;
margin: 0 !important;
transition: width 0.7s ease ;
}
/* FIXR */
/* FIXR - HOVER */
/*.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section:not(:hover){
min-width: 160px !important;
max-width: 160px !important;
height: auto !important;
min-height: 5.5vh !important;
max-height: 5.5vh !important;
border: 1px solid #333;
}*/
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section {
min-width: 440px !important;
max-width: 440px !important;
height: auto !important;
min-height: 5.8vh !important;
max-height: 65vh !important;
background: #111 !important;
border: 1px solid #333;
}
/*.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .add-comment-view .comment-area {
height: 100% !important;
min-height: 5vh !important;
max-height: 5vh !important;
border: 1px solid #333;
}*/
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section .add-comment-view .comment-area {
height: 100% !important;
min-height: 5vh !important;
max-height: 50vh !important;
border: 1px solid #333;
}
/*.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .add-comment-view .comment-area .text-area-section .fixr-ta-resizeable.always-expanded {
min-width: 155px !important;
max-width: 155px !important;
min-height: 5vh !important;
max-height: 5vh !important;
margin: 0 !important;
}*/
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section .add-comment-view .comment-area .text-area-section .fixr-ta-resizeable.always-expanded {
min-width: 436px !important;
max-width: 436px !important;
min-height: 5vh !important;
max-height: 60vh !important;
margin: 0 !important;
}
/*.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .add-comment-view .comment-area .text-area-section .fixr-ta-resizeable.always-expanded textarea[placeholder].comment-field ,
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .add-comment-view .comment-area .text-area-section .fixr-ta-resizeable.always-expanded textarea {
width: 100% !important;
min-height: 5vh !important;
max-height: 5vh !important;
margin: 0 !important;
padding: 0 !important;
}*/
/*.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .add-comment-view .comment-area .text-area-section .fixr-ta-resizeable.always-expanded textarea[placeholder].comment-field {
line-height: 15px !important;
padding: 2px 5px 2px 5px !important;
color: silver !important;
background: #333 !important;
}*/
/* (new309) FIXR */
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section .add-comment-view .comment-area .text-area-section .fixr-ta-resizeable.always-expanded textarea:not([placeholder]) {
min-width: 435px !important;
max-width: 435px !important;
min-height: 11vh !important;
max-height: 60vh !important;
margin: 0 !important;
transition: width 0.7s ease ;
color: silver !important;
background: #333 !important;
}
/* (new309) PLACEHOLDER - FIXR */
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section .add-comment-view .fixr-ta-resizeable.always-expanded textarea[placeholder] {
min-width: 435px !important;
max-width: 435px !important;
min-height: 5vh !important;
max-height: 60vh !important;
margin: 0 !important;
transition: width 0.7s ease ;
color: silver !important;
background: #333 !important;
}
/* FIXR - BUTTON - ADD COMMENT */
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .add-comment-view .buttons.comment-buttons.always-expanded ,
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section:hover .add-comment-view .buttons.comment-buttons.always-expanded {
position: absolute;
justify-content: unset;
bottom: 0.3vh;
height: 20px;
width: 120px;
left: 40px !important;
padding: 0 3px;
opacity: 0.4;
visibility: visible;
transition: all 0.7s ease 1s;
}
/* (new304) HELP REPLY - COM FORM - FORMAT INDICATOR */
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section .comment-field.focused + .emoji-picker-view .picker-icon-wrapper:after {
content: "?";
position: fixed !important;
display: inline-block !important;
height: 2vh !important;
padding: 0 5px !important;
margin:-1.9vh 0 0 28px !important;
white-space: pre;
opacity: 1 !important;
transition: height ease 0s !important;
background: brown !important;
}
/* (new304 HOVER */
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section .comment-field.focused + .emoji-picker-view .picker-icon-wrapper:hover:after {
content: "You can use the following\A HTML tags to style your text:\A<b>bold<\/b> \A <i>italic<\/i>\A<u>underlined</u> \A<del>deleted<\/del>\A<blockquote> blockquote <\/blockquote>\A\A If you\'d like to include \A a Flickr photo or video in your reply,\A simply copy and paste its URL \A between square brackets, like so:\A \[http\:\/\/www.flickr.com\/photos\/example\/2910192942\/\]\A\AYou can also include\A a link or non-Flickr image in your reply\:\A <a href=\"URL\">link text<\/a\A <img src=\"URL\">";
position: fixed !important;
display: inline-block !important;
height: 20vh !important;
width: 400px !important;
margin: -1.9vh 0 0 30px !important;
padding: 3vh 5px 5px 5px !important;
white-space: pre;
overflow: hidden !important;
overflow-y: auto !important;
opacity: 1 !important;
transition: height ease 2s !important;
background: #333 !important;
border-left: 1px solid red !important;
}
/* PHO - COM BUT */
.add-comment-view .buttons,
.add-comment-view .buttons.always-expanded ,
.sub-photo-comments-view button.comment {
position: absolute !important;
display: inline-block !important;
justify-content: unset !important;
width: 120px !important;
height: 20px !important;
padding: 0 3px ;
margin: 0vh 0 0 0 !important;
left: 0 !important;
bottom: 0.3vh !important;
opacity: 0.4 !important;
visibility: visible !important;
transition: all ease 0.7s !important;
}
.add-comment-view .comment-area + .buttons.comment-buttons.always-expanded button {
height: 20px !important;
line-height: 20px !important;
font-size: 14px !important;
padding: 0 3px !important;
transition: none !important;
}
/* NOT HOVER */
.fluid.html-photo-page-scrappy-view .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .comment-area + .buttons.comment-buttons.always-expanded {
display: none !important;
}
/* COMMENT FORM - HOVER - BUTTON */
.photo-comments.with-emoji-picker .add-comment-section:hover .buttons.always-expanded {
margin: 0vh 0 0 0 !important;
}
/* PHO - COMENT FORM - NO INPUT - ADD BUTTON HIDDEN */
.fluid.html-photo-page-scrappy-view .photo-comments.with-emoji-picker .add-comment-section:hover .buttons.comment-buttons.always-expanded.hidden{
display: inline-block !important;
margin: 5px 0 0 0 !important;
}
.add-comment-view .buttons:hover ,
.add-comment-view .buttons.always-expanded:hover ,
.sub-photo-comments-view button.comment:hover {
opacity: 1 ;
}
/* (new309) TEST - ADD COMMENT - NO FIXR - BOUTON outside TEXTAREA cf FOCUSED + HOVER */
/*.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .add-comment-view .comment-area .text-area-section .text-area-wrapper.focused,
.add-comment-view .comment-area .text-area-section .text-area-wrapper:focus-within
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded.focused textarea.comment-field[placeholder]focused*/
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .view.add-comment-view {
position: fixed !important;
display: inline-block;
height: auto !important;
max-height: 3vh !important;
width: 440px !important;
top: 16vh !important;
left: 1450px !important;
margin: 0px !important;
pointer-events: auto;
visibility: visible !important;
transition: height 0s !important;
box-shadow: unset !important;
background: #111 !important;
/*border: 1px solid pink !important;*/
}
/* (new310) HOVER NO FIXR */
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section:hover .view.add-comment-view {
position: fixed !important;
display: inline-block;
height: 12vh !important;
width: 440px !important;
top: 16vh !important;
left: 1450px !important;
margin: 0px !important;
border-radius: 5px !important;
pointer-events: auto;
visibility: visible !important;
transition: height 0.1s !important;
box-shadow: unset !important;
background: #111 !important;
/*border: 1px solid pink !important;*/
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded {
display: inline-block;
height: auto !important;
/*height: 100%;*/
/*min-height: 8vh !important;*/
/*max-height: 8vh !important;*/
min-height: 3.5vh !important;
max-height: 3.5vh !important;
width: 440px !important;
margin: 0px !important;
pointer-events: auto;
visibility: visible !important;
/*overflow: hidden !important;*/
transition: height, left 1s !important;
box-shadow: unset !important;
/*border: 1px dashed yellow !important;*/
}
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded textarea.comment-field[placeholder] ,
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded.focused textarea.comment-field[placeholder]{
display: inline-block !important;
width: 100% !important;
height: 100%;
min-height: 3vh !important;
max-height: 3vh !important;
line-height: 15px !important;
padding: 1px 3px !important;
/*border: 1px solid gold !important*/
}
/* HOVER */
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section:hover .view.add-comment-view.comment-area .text-area-section .text-area-wrapper.always-expanded textarea.comment-field[placeholder] ,
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .photo-comments.with-emoji-picker .add-comment-section:hover .view.add-comment-view .comment-area .text-area-section .text-area-wrapper.always-expanded.focused textarea.comment-field[placeholder]{
display: inline-block !important;
width: 100% !important;
height: 100%;
min-height: 7.5vh !important;
max-height: 7.5vh !important;
line-height: 15px !important;
padding: 1px 3px !important;
/*border: 1px solid green !important;*/
}
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .add-comment-view.comment-area .text-area-section {
/*position: absolute !important;*/
display: block !important;
float: left !important;
justify-content: unset !important;
height: auto !important;
bottom: 0 !important;
padding: 0 0 0 0 !important;
overflow: hidden;
opacity: 1;
transition: none !important;
/*border: 1px solid fuchsia !important;*/
}
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .add-comment-view:hover .buttons,
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .add-comment-view:hover .buttons.always-expanded {
position: absolute !important;
display: block !important;
float: left !important;
justify-content: unset !important;
height: 2vh !important;
top: 8vh !important;
bottom: 0 !important;
padding: 0 0 0 0 !important;
overflow: hidden;
opacity: 1;
transition: none !important;
/*border: 1px solid aqua !important;*/
}
/* COM EMOJI - .comment-form-field.comment-text-focused */
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .photo-comments.with-emoji-picker .add-comment-section:not(:hover) .add-comment-view .comment-area .text-area-section .fixr-ta-resizeable.always-expanded .view.emoji-picker-view ,
.photo-comments.with-emoji-picker:not(:hover) .add-comment-section .add-comment-view .comment-area .text-area-section .text-area-wrapper .comment-field + .view.emoji-picker-view {
display: none !important;
}
.sub-photo-comments-view .comment-form-field:hover .emoji-picker-view ,
.sub-photo-comments-view .comment-form-field.comment-text-focused .emoji-picker-view ,
.photo-comments.with-emoji-picker:hover .add-comment-section .add-comment-view .comment-area .text-area-section .text-area-wrapper .comment-field + .view.emoji-picker-view {
position: fixed;
display: inline-block !important;
width: 28px ;
height: 22px ;
top: 180px !important;
right: 467px !important;
opacity: 0.6 ;
background: #111 ;
border: 1px solid #333 !important;
}
.view.emoji-picker-view .picker-icon-wrapper.flimoji-icon-wrapper svg {
height: 20px;
width: 20px;
margin: 1px 0 0 3px ;
}
.sub-photo-comments-view .emoji-picker-view .new-comment-features {
height: 20px ;
line-height: 27px ;
padding: 2px 6px ;
}
.sub-photo-comments-view .emoji-picker-view .new-comment-features .flimoji-icon-wrapper {
height: 20px ;
}
.sub-photo-comments-view .emoji-picker-view .new-comment-features .flimoji-icon-wrapper svg.icon {
display: inline-block ;
fill: currentcolor ;
height: 15px ;
width: 15px ;
}
.flimojis-dismiss-area ~ .flimojis-dismiss-area {
display: none !important;
}
/* EMOJ PICKER - ATACH INPUT + FIXR - .fixr-ta-resizeable.always-expanded */
.fluid.html-photo-page-scrappy-view body.flickrfixrwebextension .flimojis-picker-container.with-emoji-picker .attach-to-input ,
.fluid.html-photo-page-scrappy-view body:not(.flickrfixrwebextension) .flimojis-picker-container.with-emoji-picker .attach-to-input {
position: fixed !important;
left: 1190px !important;
top: 15.7vh !important;
z-index: 500000000 !important;
}
.with-emoji-picker .attach-to-input {
width: 200px ;
border-radius: 3px !important;
border: 1px solid red !important;
}
.with-emoji-picker .attach-to-input .grid-wrapper {
color: gold ;
background: black ;
}
.with-emoji-picker .attach-to-input .grid-wrapper li.emoji-header {
height: auto ;
line-height: 13px ;
padding: 0px ;
font-size: 12px ;
text-align: center ;
background-color: black !important;
}
.with-emoji-picker .attach-to-input .grid-wrapper .search-menu.flimoji-grid-container {
position: relative;
display: inline-block ;
grid-row-end: unset ;
grid-template-columns: unset;
width: 100%;
min-height: 75px ;
vertical-align: 0px;
padding: 2px ;
text-align: center;
overflow-y: auto;
background-color: #333 ;
}
.with-emoji-picker .attach-to-input .grid-wrapper .search-menu.flimoji-grid-container .flimoji-grid-item {
position: relative;
display: inline-block;
-moz-box-pack: unset !important;
place-content: center;
width: 22px;
height: 22px;
padding: 2px;
font-size: 12px;
text-align: center;
border: 0.5px solid #222 ;
background-color: black ;
}
.with-emoji-picker .attach-to-input .grid-wrapper li.no-emoji-results {
height: 20px ;
width: 20px ;
padding: 2px ;
background-color: #333 ;
}
.with-emoji-picker img.flimoji {
height: 17px ;
width: 17px ;
margin-left: -1px;
margin-top: -1px;
margin-bottom: -3px ;
color: transparent ;
}
.with-emoji-picker .attach-to-input .flimojis-search-wrapper {
height: 20px;
line-height: 0px;
padding: 1px 2px ;
border-top: 0.8px solid gray ;
background-color: #333 ;
}
.with-emoji-picker .attach-to-input .flimojis-search-wrapper input[type="text"].flimoji-search {
height: 18px;
line-height: 18px;
padding: 1px 2px ;
color: gold !important;
background-color: #333 !important;
}
/* (nrw595) NEW COM - NOTIF - MODAL - PHO - CF for COMMENTS */
.fluid.html-photo-page-scrappy-view:not(.html-notification-center-page-view):not(.html-gallery-page-view) #stacking-overlay-container[style="display: block;"] .fluid-modal-overlay.transparent.over-modal:not(:hover) ,
.fluid.html-photo-page-scrappy-view:not(.html-notification-center-page-view):not(.html-gallery-page-view) #stacking-overlay-container[style="display: block;"] .fluid-modal-overlay.transparent.over-modal:hover {
position: fixed !important;
display: inline-block !important;
height: 8.8vh !important;
width: 110px !important;
bottom: 0;
left: 1315px !important;
right: 0;
top: 16vh !important;
visibility: visible;
z-index: 5 !important;
transition: none !important;
}
/* (new243) PHO - COMMENTS - MENU ACTION + ICONS */
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view .droparound.menu.over-modal.comment-action-menu {
position: fixed;
display: inline-block !important;
vertical-align: top !important;
left: 1328px !important;
top: 14.1vh !important;
min-height: unset !important;
height: 5.2vh !important;
line-height: 15px !important;
width: 90px !important;
border-radius: 0 3px 3px 0 !important;
z-index: 50000500 !important;
background-color: #111 !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view .droparound.menu.over-modal.comment-action-menu .droparrow.down {
left: -17px !important;
top: 2vh !important;
transform: rotate(-90deg) !important;
background-color: transparent !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view .droparound.menu.over-modal.comment-action-menu:before {
content: " " ;
position: absolute ;
height: 5.2vh ;
line-height: 14px !important;
width: 10px ;
top: -0.1vh ;
left: -10px ;
border-radius: 3px 0 0 3px ;
text-align: center ;
font-size: 10px ;
pointer-events: none ;
color: white ;
background: red !important;
}
/* (new295) PHO - COMMENTS ACTION - MENU */
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view .droparound.menu.over-modal.comment-action-menu .content.menu ul {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 85px !important;
max-width: 85px !important;
height: 100% !important;
min-height: 5vh !important;
max-height: 5vh !important;
line-height: 15px !important;
margin: 0 !important;
top: 0 !important;
padding: 0 !important;
overflow: hidden !important;
/*background: red !important;*/
}
/* (new243) PHO - COMMENTS ACTION - LABELS */
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view .droparound.menu.over-modal.comment-action-menu .content.menu ul li {
float: left !important;
height: 15px !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0 0 0 0px !important;
padding: 0 !important;
font-size: 14px !important;
text-align: center !important;
}
/* (new200) VIEW MORE STATS */
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view .show-more-stats {
position: absolute !important;
width: 95px!important;
height: 5px !important;
line-height: 15px !important;
right: 160px !important;
top: 10.8vh !important;
padding: 2px 4px 13px 4px !important;
border-radius: 3px !important;
cursor: pointer;
font-size: 13px;
text-indent: 0px !important;
text-align: center !important;
white-space: nowrap !important;
opacity: 0.2 !important;
background: -5px center url('https://www.flickr.com/sparklines/t/EyI_ZBdkNyIAACkAwP8lFkouehhTHzY6SUVNEQ--.png') no-repeat !important;
background-size: contain !important;
text-shadow: 1px 1px #000 !important;
color: gold !important;
background-color: #111 !important;
}
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view .show-more-stats:hover,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view .show-more-stats:visited:hover {
opacity: 0.5 !important;
color: red !important;
text-decoration: none !important;
}
/* END - === (new221COM) PHO / GAL - COMMENTS - NEW DESIGN ==== */
/* GAL - COM CONT - REVERT ORD */
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list {
display: flex !important;
flex-flow: row-reverse wrap-reverse;
justify-content: space-around !important;
}
/* GAL */
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item {
width: 512px !important;
}
/* GAL - COMM TOP/LEFT - EDIT */
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.menu.over-modal {
margin-top: -60px !important;
z-index: 5000000;
}
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.menu.over-modal .droparrow.down {
left: 0 !important;
right: 8px;
}
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section #commentundefined .comment-edit {
visibility: visible ;
position: fixed !important;
display: inline-block !important;
width: auto ;
min-width: 420px !important;
max-width: 420px !important;
height: auto !important;
min-height: 200px !important;
left: 870px !important;
top: 0 !important;
padding: 20px !important;
border-radius: 5px !important;
z-index: 50000 !important;
background: #111 !important;
border: 1px solid red !important;
}
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section #commentundefined .comment-edit .text-area-wrapper textarea {
min-height: 155px !important;
resize: vertical !important;
}
/* [A VOIR]PB FIREFOX QUANTUM - (new209) GAL - COUNT IETMS */
/* GAL - COUNT IETMS */
html #content .galleries-list-container.fluid-centered .photo-list-gallery-view:before {
position: absolute ;
counter-increment: myIndex ;
content: counter(myIndex, decimal-leading-zero) ;
font-size: 10px ;
text-align: center ;
width: 15px ;
opacity: 1 ;
z-index: 10 ;
background: gold ;
}
/* GAL - GAL LIST + GAL - COM COUNT */
.html-gallery-page-view .gallery-page-view .gallery-page-container .photos-section .photo-list-container .view.photo-list-view ,
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list {
counter-reset: myIndex 00 !important;
}
.html-gallery-page-view .gallery-page-view .gallery-page-container .photos-section .photo-list-container .view.photo-list-view .photo-list-gallery-photo-view .remove-message-container.hidden:before ,
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item:before {
counter-increment: myIndex ;
content: counter(myIndex, decimal-leading-zero) ;
position: absolute ;
width: 15px ;
min-width: 17px ;
margin-left: 95px ;
top: 9px ;
border-radius: 10px ;
font-size: 10px ;
text-align: center ;
z-index: 10 ;
visibility: hidden ;
color: white ! important;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
background: rgba(62, 59, 59, 0.6) ;
}
.html-gallery-page-view .gallery-page-view .gallery-page-container .photos-section .photo-list-container .view.photo-list-view .photo-list-gallery-photo-view .remove-message-container.hidden:before {
display: inline-block !important;
margin: 0 !important;
top: 0px !important;
border-radius: 0 !important;
visibility: visible !important;
opacity: 0.6 !important;
color: white ! important;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
background: #333 !important;
}
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item:last-of-type:before {
visibility: visible ;
color: red ;
}
/* (new304) - GAL - COMMNETS SMALL IMGE */
/*.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item:*/
/* GAL - CURA NOTE COUNT */
.gallery-page-view .gallery-page-container .photos-section .photo-list-container {
counter-increment: myIndex ! important;
counter-reset: myIndex -1 !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:after {
counter-increment: myIndex ;
content: counter(myIndex, decimal-leading-zero) " \A note(s)" ;
position: fixed !important;
display: inline-block !important;
float: none ;
width: 35px ;
min-width: 17px ;
bottom: 0px !important;
right: 0px ;
border-radius: 5px 0 0 0 ;
font-size: 10px ;
text-align: center ;
opacity: 1 !important;
visibility: visible !important;
z-index: 10000 ;
color: white ;
background: rgba(17, 17, 17, 0.58) ;
border: 1px solid gray ;
}
/*===== */
.ui-dropdown > span {
background-color: transparent;
color: gray !important;
}
/* PHOTO - LICENSE */
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view ul ,
.photo-license-view .ui-dropdown:not(.ui-dropdown-closed) > ul {
position: fixed !important;
display: inline-block !important;
height: 14.8vh;
left: 1650px;
top: -12px !important;
overflow-x: hidden;
overflow-y: auto;
opacity: 1 !important;
box-shadow: 5px 5px 5px black !important;
border: 1px solid red !important;
}
.sub-photo-right-view .sub-photo-right-row1 .photo-license-view .ui-dropdown > .ui-dialog-arrow {
top: -4px;
transform: rotate(180deg);
}
.sub-photo-right-view .sub-photo-right-row1 .photo-license-view ul > li {
font-size: 14px;
line-height: 14px !important;
padding: 0 15px;
color: gray !important;
}
.sub-photo-right-view .sub-photo-right-row1 .photo-license-view ul > li:first-of-type {
margin-top: 1px;
}
.sub-photo-right-view .sub-photo-right-row1 .photo-license-view ul > li:hover {
background: #111 !important;
}
.sub-photo-right-view .sub-photo-right-row1 .photo-license-view ul > li {
color: gray !important;
}
.sub-photo-right-view .sub-photo-right-row1 .photo-license-view ul > li.ui-dropdown-item-selected {
color: gold !important;
}
/* (new242) PHO - ALL MODAL */
.fluid.html-photo-page-scrappy-view .modal:not(.editor-dialog) {
position: relative;
display: inline-block !important;
height: auto !important;
min-height: unset !important;
width: 600px ;
margin: auto ;
border-radius: 3px;
overflow: visible !important;
z-index: 0 !important;
background: transparent !important;
/* border: 1px solid yellow !important; */
}
.fluid.html-photo-page-scrappy-view .modal:not(.editor-dialog) .body .content {
font-size: 14px;
min-height: unset !important;
overflow-y: auto;
}
/* ERROR MODAL / CONFIRMATION */
.html-photo-page-scrappy-view .confirmation-dialog-view {
position: absolute !important;
display: inline-block !important;
width: 600px !important;
top: -12.5vh !important;
z-index: 5000000 !important;
color: gold !important;
background: red !important;
border: 1px solid red !important;
}
/* DOUBLE ERROR */
.html-photo-page-scrappy-view .confirmation-dialog-view .confirmation-dialog .basic-closeable-header-view .basic-closeable-header {
position: absolute !important;
width: 94% !important;
top: 0vh !important;
right: 1px !important;
padding: 0px 17px !important;
background: #111 !important;
border-top: 1px solid red !important;
}
.html-photo-page-scrappy-view .confirmation-dialog-view .confirmation-dialog .basic-closeable-header-view + .message-container {
width: 94% !important;
margin: 2.5vh 0 0 0 !important;
padding: 0 16px;
overflow-wrap: break-word;
background: red !important;
}
.html-photo-page-scrappy-view .confirmation-dialog-view .confirmation-dialog .basic-confirm-actions-view {
position: absolute ;
left: 250px ;
top: 5px !important;
width: 40% !important;
}
.html-photo-page-scrappy-view .confirmation-dialog-view .confirmation-dialog .basic-confirm-actions-view .basic-confirm-actions.padded {
padding: 0px !important;
}
.html-photo-page-scrappy-view .confirmation-dialog-view .confirmation-dialog .basic-confirm-actions-view button{
display: inline-block;
vertical-align: top;
height: 15px !important;
padding: 0 10px !important;
font-size: 15px !important;
text-align: center;
}
.html-photo-page-scrappy-view .confirmation-dialog-view .confirmation-dialog .basic-confirm-actions-view button span.button-text{
display: inline-block;
vertical-align: top;
height: 15px !important;
line-height: 15px !important;
font-size: 15px !important;
text-align: center;
}
/* [A VOIR PB MINIFIED del , after] (new212) PHO - AUTHOR INFOS - MODAL - TEST - PB */
.html-photo-page-scrappy-view #stacking-overlay-container[style="display: block;"] .fluid-droparound-view .droparound.subview-droparound.auto-size.avatar-menu-droparound {
position: fixed !important;
top: 14vh !important;
}
.html-photo-page-scrappy-view #stacking-overlay-container .fluid-droparound-view .droparound.subview-droparound.auto-size.avatar-menu-droparound:not(.faded-in):not(.faded-out) ,
.html-photo-page-scrappy-view #stacking-overlay-container .fluid-droparound-view .droparound.subview-droparound.auto-size.avatar-menu-droparound.faded-out ,
.html-photo-page-scrappy-view #stacking-overlay-container .fluid-droparound-view .droparound.subview-droparound.auto-size.avatar-menu-droparound.faded-in.faded-out ,
.html-photo-page-scrappy-view #stacking-overlay-container:not([style="display: block;"]) .fluid-droparound-view .droparound.subview-droparound.auto-size.avatar-menu-droparound.faded-in ,
.html-photo-page-scrappy-view #stacking-overlay-container:not([style="display: block;"]) .fluid-droparound-view .droparound.subview-droparound.auto-size.avatar-menu-droparound.faded-out {
pointer-events: none !important;
display: none !important;
}
/* MODAL - USER / POOL INFO - TEST - ALL */
/* PHO/GAL - USER/POOL INFOS - MODAL */
/* GAL - MODAL - CONTAINER */
.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.avatar-menu-droparound {
display: inline-block !important;
width: 550px !important;
border: 1px solid red !important;
}
/* MODAL - ALL - USER / POOL - NAME - H3 */
.group-card-view .attribution ,
.person-card-view .attribution {
width: 480px !important;
height: 3.2vh !important;
line-height: 30px !important;
padding: 0 3px 0 6px !important;
background:#111 !important;
border: none !important;
}
.html-photo-page-scrappy-view .fluid-droparound-view .person-card-view h3 ,
.group-card-view a h3 ,
.person-card-view a h3 {
width: 460px !important;
height: 3vh !important;
line-height: 25px !important;
text-overflow: ellipsis !important;
border: none !important;
}
.html-photo-page-scrappy-view .fluid-droparound-view .person-card-view h3.fade-out:after ,
.html-photo-page-scrappy-view .fluid-droparound-view .person-card-view .fade-out::after,
.group-card-view h3.fade-out:after ,
.group-card-view .fade-out::after ,
.person-card-view h3.fade-out:after ,
.person-card-view .fade-out::after {
width: 0px ;
background: none ;
}
/* MODAL - ALL - USER / POOL - NAME INFOS */
.group-card-view .info ,
.person-card-view .info {
position: relative !important;
display: inline-block !important;
height: 20px;
width: 100% !important;
border: none !important;
}
/* MODAL - ALL - USER / POOL - RECENT PHOTOS */
.html-photo-page-scrappy-view .person-card-view .recent-photos,
.group-card-view .recent-photos ,
.person-card-view .recent-photos {
position: relative !important;
display: inline-block !important;
clear: both;
height: 87px;
width: 100% !important;
top: -5px !important;
text-align: center !important;
background: #111 !important;
border-top: 4px solid #111 !important;
border-bottom: 1px solid red !important;
}
.html-photo-page-scrappy-view .person-card-view .recent-photos a ,
.group-card-view .recent-photos a ,
.person-card-view .recent-photos a{
display: inline-block !important;
height: 80px !important;
width: 80px !important;
margin: 0 0px 0 8px !important;
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(64, 64, 64, 0.7) inset !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center center !important;
image-rendering: optimizeSpeed;
border: 1px solid gray !important;
}
/* VISITED */
.person-card-view .recent-photos a ,
.group-card-view .recent-photos a ,
.recent-photos .recent-photos a {
outline: 1px solid gray !important;
}
.fluid.html-photo-page-lightbox-scrappy-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.avatar-menu-droparound .recent-photos a:visited ,
.html-photo-page-scrappy-view .person-card-view .recent-photos a:visited ,
.person-card-view .recent-photos a:visited ,
.group-card-view .recent-photos a:visited ,
.recent-photos .recent-photos a:visited {
outline: 1px solid red !important;
}
/* MODAL - ALL - USER / POOL - LINKS - BOTTOM */
.person-card-view .links.secondary ,
.group-card-view .links.secondary {
position: relative !important;
display: inline-block !important;
width: 100% !important;
top: 0px !important;
border-radius: 2px;
border: none !important;
}
/* PHOT - PRO BADGE */
.avatar.person.medium + .pro-badge-inline {
display: inline-block !important;
vertical-align: middle !important;
height: 11px;
line-height: 8px !important;
width: 23px;
top: 35px !important;
left: 58px !important;
font-size: 10px !important;
text-align: center !important;
text-indent: 1px;
border-radius: 3px;
transform: rotate(90deg);
color: #888A8C !important;
background: transparent;
}
/* (new308) PHO - FAVED BY - TOOLTIP */
.ui-dialog-modal-curtain.ui-dialog-modal-curtain-clear {
transition: none 0s ease 0s ;
background: transparent;
}
.sub-photo-left-view > .sub-photo-fave-view.faves-present {
position: fixed !important;
display: inline-block !important;
float: none !important;
height: 2vh !important;
line-height: 2vh !important;
margin: 0 !important;
top: 13.5vh !important;
right: 5px !important;
padding: 0 !important;
border-bottom: none !important;
z-index: 50000 !important;
/*border: 1px solid rebeccapurple !important;*/
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by {
display: inline-block;
width: 100% !important;
height: 2vh !important;
line-height: 2vh !important;
margin: 0 !important;
z-index: 500 !important;
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display {
height: 2vh !important;
line-height: 2vh !important;
margin: 0 !important;
font-size: 0px !important;
font-weight: 400;
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:not(:last-of-type) {
position: relative !important;
display: inline-block !important;
height: 2vh !important;
line-height: 0.8vh !important;
width: 100% !important;
min-width: 85px !important;
max-width: 85px !important;
top: 5px !important;
padding: 0px !important;
font-size: 14px !important;
text-align: center !important;
text-overflow: ellipsis !important;
overflow: hidden !important;
white-space: nowrap !important;
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:not(:last-of-type):before {
content: "+" ;
margin: 0 5px 0 5px !important;
font-size: 14px ;
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:first-of-type:before {
content: "♥ by" ;
margin: 0 5px 0 5px !important;
font-size: 14px ;
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type {
display: inline-block !important;
max-width: 135px !important;
height: 2vh !important;
line-height: 2vh !important;
margin-top: 0px !important;
font-size: 14px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type:not(:only-of-type):before {
content: "+" ;
margin-left: 5px ;
margin-right: 5px ;
font-size: 14px ;
}
.faved-by + .ui-dialog-tooltip:not(.ui-util-removed) {
position: fixed !important;
display: inline-block !important;
float: none !important;
width: auto !important;
min-width: 452px !important;
height: auto !important;
left: 1243px !important;
top: 155px !important;
padding: 5px !important;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.sub-photo-left-view > .sub-photo-fave-view .ui-dialog-wrapper > .ui-dialog-arrow {
right: 38px !important;
}
.sub-photo-left-view > .sub-photo-fave-view .ui-dialog-wrapper > .ui-dialog-arrow::after {
content: "" ;
border-bottom: 9px solid red ;
border-left: 9px solid transparent ;
border-right: 9px solid transparent ;
}
.sub-photo-left-view > .sub-photo-fave-view .ui-dialog-wrapper {
display: inline-block !important;
height: 100% !important;
min-height: 740px !important;
max-height: 740px !important;
width: 100% !important;
min-width: 650px !important;
max-width: 650px !important;
top: 5px !important;
left: 0px !important;
overflow: hidden !important;
overflow-x: hidden !important;
overflow-y: auto !important;
}
.sub-photo-left-view > .sub-photo-fave-view .dialog-tooltip .ui-dialog-body {
display: inline-block !important;
}
.sub-photo-left-view > .sub-photo-fave-view .dialog-tooltip .ui-dialog-body ul li {
display: inline-block !important;
width: 207px !important;
font-size: 14px;
line-height: 0;
white-space: nowrap;
}
/* PHO - ERR POP - Problem Remave fromPool / NOT FAVS POSS */
.dialog-alert.ui-dialog.ui-dialog-alert.scrappy-dialog {
display: inline-block !important;
width: auto !important;
min-width: auto !important;
height: auto !important;
margin-top: -333px !important;
padding: 10px !important;
z-index: 50000000 !important;
}
.dialog-alert.ui-dialog.ui-dialog-alert.scrappy-dialog .ui-dialog-wrapper {
position: relative !important;
height: auto !important;
width: 352px !important;
left: 4px !important;
color: violet !important;
}
/* PHO - POOL INVIT POPUP */
.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed) {
display: inline-block !important;
height: auto !important;
line-height: 24px;
min-width: 680px !important;
max-width: 680px !important;
margin-left: -245px !important;
margin-top: -264px !important;
padding: 5px 5px 12px 5px !important;
border-radius: 3px;
font-size: 16px;
box-shadow: -10px -10px 3px 1px rgba(0, 0, 0, 0.3), 10px -10px 3px 1px rgba(0, 0, 0, 0.3) !important;
z-index: 50000 !important;
}
.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog .ui-dialog-wrapper {
position: relative !important;
display: inline-block !important;
min-width: 675px !important;
max-width: 675px !important;
height: auto !important;
left: 2px !important;
top: 4px !important;
line-height: 24px;
border-radius: 3px;
box-shadow: none !important;
}
/* (new242) PHO - MODAL EDITOR - OLD?? */
.fluid.html-photo-page-scrappy-view .ui-dialog-modal-curtain {
display: none !important;
}
.fluid.html-photo-page-scrappy-view .dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed).editor-dialog {
position: fixed !important;
display: inline-block;
max-width: 99.3vw !important;
min-width: 99.3vw !important;
height: 100% !important;
min-height: 97.6vh !important;
max-height: 97.6vh !important;
line-height: 24px;
margin: 0 !important;
top: 0 !important;
left: 0 !important;
padding: 5px 5px 12px;
border-radius: 3px;
font-size: 16px;
z-index: 5000000000 !important;
}
.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed).editor-dialog .ui-dialog-wrapper {
position: relative;
display: inline-block;
height: auto;
line-height: 24px;
left: 0px;
top: 0px;
border-radius: 3px;
box-shadow: none;
}
.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed).editor-dialog .ui-dialog-wrapper .ui-dialog-body {
width: 97vw !important;
height: 93.5vh !important;
}
.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed).editor-dialog .ui-dialog-wrapper .ui-dialog-body .js-content {
width: 97vw !important;
height: 93.5vh !important;
}
#editor-iframe{
width: 97vw !important;
height: 95vh !important;
}
/* (new306) COR */
.pesdk-react-editor .pesdk-react-topBar__row {
/*display: table-row;*/
height: 23px;
margin-top: -18px !important;
}
/* (new242) PHO - MODAL EDITOR */
.fluid.html-photo-page-scrappy-view #stacking-overlay-container[style="display: block;"] .fluid-modal-overlay + .fluid-modal-view .modal.html-modal.editor-dialog {
position: fixed !important;
display: inline-block;
max-width: 100vw !important;
min-width: 100vw !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
line-height: 24px;
margin: 0 !important;
top: 0 !important;
left: 0 !important;
padding: 5px !important;
border-radius: 3px;
font-size: 16px;
z-index: 5000000000 !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view #stacking-overlay-container[style="display: block;"] .fluid-modal-overlay + .fluid-modal-view .modal.html-modal.editor-dialog .body .content {
height: 100% !important;
min-height: 99vh !important;
max-height: 99vh !important;
font-size: 14px;
overflow-y: auto;
}
/* PHO - ADD POOL+GAL - POP/TOOLTIP - ADD POOL/GAL/DEL PIC - ALL */
.fluid .fluid-modal-view {
position: fixed;
bottom: 50%;
left: 42%;
right: 35%;
top: 25%;
}
/* MODAL - LARGE - PHO - ADD TO POOL / GALL - ALB - USER INF */
.fluid.html-photo-page-scrappy-view .fluid-modal-view {
position: fixed;
bottom: 50%;
left: unset !important;
right: 0% !important;
top: 25%;
background: transparent !important;
}
.fluid.html-photo-page-scrappy-view .modal.subview-modal.flex-layout .add-to-stuff-view {
position: absolute;
width: 594px !important;
min-height: 50px !important;
height: auto !important;
margin: 0 0 0 0px !important;
left: unset !important;
right:0 !important;
top: -9vh !important;
border-radius: 3px;
box-shadow: -5px 5px 6px 7px black !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .modal.subview-modal.flex-layout .content.subview .add-to-stuff-view ul li {
height: 20px !important;
line-height: 20px !important;
}
.fluid.html-photo-page-scrappy-view .modal.subview-modal.flex-layout .content.subview .add-to-stuff-view ul li.selected {
background: green !important;
color: white !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .modal.subview-modal.flex-layout .content.subview .add-to-stuff-view ul li.selected span {
color: white !important;
}
.fluid.html-photo-page-scrappy-view .modal.subview-modal.flex-layout .content.subview .add-to-stuff-view ul li span {
height: 20px !important;
line-height: 20px !important;
padding: 0 16px !important;
}
.fluid.html-photo-page-scrappy-view .modal.subview-modal.flex-layout .add-to-stuff-view .tab-content-container .tab-container.selected {
display: inline-block !important;
height: auto !important;
overflow: hidden !important;
}
/* PHO - GAL CREATE / ALB ADD TO - MODAL */
.fluid.html-photo-page-scrappy-view .modal.subview-modal.flex-layout .add-to-stuff-view .tab-content-container .tab-container.selected[data-tab="gallery"] ,
.fluid.html-photo-page-scrappy-view .modal.subview-modal.flex-layout .content.subview .add-to-stuff-view .add-to-stuff-container .tab-content-container .tab-container {
width: 100% !important;
}
/* PHO - HISTORY - MODAL */
.fluid-modal-view .modal.subview-modal.license-history {
min-height: 40vh !important;
color: gray !important;
background: #333 !important;
border: 1px solid red !important;
}
.fluid-modal-view .modal.subview-modal.license-history .body.lines {
color: gray !important;
background: #222 !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
.fluid-modal-view .modal.subview-modal.license-history .body.lines table tr {
border-bottom: 1px solid red !important;
}
.fluid-modal-view .modal.subview-modal.license-history .body.lines table tr td a ,
.fluid-modal-view .modal.subview-modal.license-history .body.lines table tr td {
color: gold !important;
background: #111 !important;
}
/* PHO - GAL CREATE - MODAL */
.fluid.html-photo-page-scrappy-view .modal.subview-modal.flex-layout .add-to-stuff-view .tab-content-container .tab-container.selected[data-tab="gallery"] {
width: 100% !important;
}
.fluid.html-photo-page-scrappy-view .modal.subview-modal.flex-layout .add-to-stuff-view .tab-content-container .tab-container.selected[data-tab="gallery"] textarea {
height: 40vh !important;
}
/* ALB - USER INF - MODAL */
.fluid.html-album-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.avatar-menu-droparound {
left: 623px !important;
top: 350px !important;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size .stuff-selection-view .stuff-selection-search-container input.stuff-selection-search {
min-width: 490px !important;
max-width: 490px !important;
}
.fluid.html-photo-page-scrappy-view .modal.subview-modal .stuff-selection-view .stuff-selection-search-container input.stuff-selection-search {
min-width: 540px !important;
max-width: 540px !important;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size .stuff-selection-list-container ,
.fluid.html-photo-page-scrappy-view .modal .stuff-selection-list-container {
min-height: 50px !important;
max-height: 30vh !important;
overflow-x: hidden !important;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size .gallery-selection-view.stuff-selection-view .stuff-selection-list-container ,
.fluid.html-photo-page-scrappy-view .modal .gallery-selection-view.stuff-selection-view .stuff-selection-list-container {
min-height: 50px !important;
max-height: 61vh !important;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size .stuff-selection-list-container ol.stuff-selection-list ,
.fluid.html-photo-page-scrappy-view .modal .stuff-selection-list-container ol.stuff-selection-list {
overflow-x: hidden !important;
}
/* PHO - ADD TO POLL / GAL - From "+" icon */
.photo-engagement-view .engagement-item.curate{
height: 20px;
line-height: 20px;
width: 20px;
margin: 0 5px 0 20px !important;
padding: 0 !important;
text-align: center !important;
background: red !important;
}
/* ALL */
.photo-engagement-view .engagement-item.curate span svg{
height: 20px;
line-height: 20px;
width: 20px;
padding: 0 !important;
text-align: center !important;
background: black !important;
}
.photo-engagement-view .engagement-item.curate:before {
content: "Big Choice" !important;
position: absolute !important;
height: 22px;
line-height: 22px;
width: 100px;
right: 40px !important;
top: 2px !important;
text-align: center !important;
border-radius: 3px !important;
visibility: hidden !important;
transition: all ease 0s !important;
color: gold !important;
background: #333 !important;
}
.photo-engagement-view .engagement-item.curate:hover:before {
content: "Big Choice" !important;
top: -18px !important;
z-index: 100 !important;
visibility: visible !important;
transition: all ease 0.7s !important;
background: red !important;
}
/* PHO - ADD TO POLL / GAL - From "+" icon - MODAL */
.fluid.html-photo-page-scrappy-view .fluid-droparound-view,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:hover {
z-index: 50000000;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size:hover {
left: unset !important;
right: 0% !important;
top: 25vh !important;
width: 600px !important;
border-radius: 3px !important;
z-index: 50000000 !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size .add-to-stuff-view:before {
content: "Big Choice from '➕' " !important;
position: absolute !important;
height: 22px;
line-height: 22px;
width: 132px;
right: 60px !important;
top: 4px !important;
text-align: center !important;
border-radius: 3px !important;
color: gold !important;
background: #333 !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size .add-to-stuff-view .add-to-stuff-container .tab-container .stuff-selection-list-container {
display: inline-block !important;
height: 100% !important;
min-height: 50px !important;
max-height: 88vh !important;
}
/* (new313) ADD POOL - SHORT */
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size .content.subview.auto-size .add-to-stuff-container .tab-content-container .tab-container.selected[data-tab="group"] .group-selection-view.stuff-selection-view .stuff-selection .stuff-selection-list-container {
display: inline-block !important;
height: 100% !important;
min-height: 50px !important;
max-height: 18vh !important;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size .content.subview.auto-size .add-to-stuff-container .tab-content-container .tab-container.selected[data-tab="group"] .group-selection-view.stuff-selection-view .stuff-selection .stuff-selection-list-container ol.stuff-selection-list {
display: inline-block !important;
height: 100% !important;
min-height: 17vh !important;
max-height: 17vh !important;
overflow: hidden;
/*background: green*/
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size .add-to-stuff-view .add-to-stuff-container .tab-container.selected .stuff-selection-view.gallery-selection-view {
height: auto;
min-height: 50px !important;
max-height: 88vh !important;
padding: 0 5px;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size .add-to-stuff-view .add-to-stuff-container .tab-container .stuff-selection-list-container ol.stuff-selection-list {
min-height: 62vh !important;
overflow-y: auto;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size .droparrow {
left: 43px !important;
}
/* NEW ADD TO POOL/GAL - NOT BELL NOTIF - ALL */
.add-to-stuff-view .add-to-stuff-container .nav {
height: 20px !important;
}
.stuff-selection-view .stuff-selection-search-container {
height: 29px !important;
margin-top: 5px !important;
}
.stuff-selection-view .stuff-selection-search-container input.stuff-selection-search {
min-width: 320px !important;
max-width: 320px !important;
height: 18px;
margin-top: 6px;
padding: 2px 0 !important;
background: #222 !important;
}
.stuff-selection-list-container + .action-container {
height: 29px !important;
border-top: 1px solid red !important;
}
/* MODAL - ADD TO POOL/GAL ??? */
.fluid-droparound-view .droparound.subview-droparound.auto-size .stuff-selection .stuff-selection-list-container ol.stuff-selection-list {
height: 350px ;
overflow: hidden ;
overflow-y: auto ;
}
.stuff-selection-view .stuff-selection {
padding: 0 5px !important;
height: auto !important;
}
.stuff-selection-view .stuff-selection .stuff-selection-search-container {
width: 20px !important;
height: 20px !important;
margin: 8px 0 8px 5px;
padding: 0 ;
border: none ;
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -473px -349px !important;
}
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item {
display: inline-block !important;
width: 48.3%;
height: 46px;
margin: 0 2px 2px 0;
padding: 0 1px !important;
cursor: pointer;
border-radius: 5px !important;
border: 1px solid gray ;
box-shadow: -2px 2px 6px 5px black !important;
}
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-icon {
height: 32px;
margin: 2px;
width: 32px;
}
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels {
display: inline-block !important;
width: 100% !important;
min-width: 87% !important;
max-width: 87% !important;
margin-right: -10% !important;
padding: 3px 0;
font-size: 14px;
overflow: hidden;
}
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels .item-stats,
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels .item-title {
display: inline-block !important;
width: 100% !important;
min-width: 97% !important;
max-width: 97% !important;
outline: 1px solid tomato !important;
}
/*lang="en-us"*/
html .stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content.is-pending .item-labels .item-stats {
margin-top: -5px !important;
outline: none !important;
color: red !important;
}
/* [lang="fr-fr"] */
html[lang="fr-fr"] .stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item.is-pending .selection-item-content .item-labels .item-stats {
font-size: 10px;
color: red !important;
}
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels .item-stats .stat-action{
color: gold;
}
/* ADD TO POOL+GAL - in POOL BETA/ALB/GAL/FAV/PHOTSREAM */
.fluid.html-photostream-page-view .stuff-selection-view .stuff-selection-list li.selection-item ,
.fluid.html-group-home-page-view .stuff-selection-view .stuff-selection-list li.selection-item ,
.fluid.html-group-pool-page-view .stuff-selection-view .stuff-selection-list li.selection-item ,
.fluid.html-album-page-view .stuff-selection-view .stuff-selection-list li.selection-item ,
.fluid.html-gallery-page-view .stuff-selection-view .stuff-selection-list li.selection-item ,
.fluid.html-favorites-page-view .stuff-selection-view .stuff-selection-list li.selection-item {
padding: 0 1px !important;
width: 47.3% !important;
}
.fluid.html-photostream-page-view .stuff-selection-view .stuff-selection-list .item-labels ,
.fluid.html-group-home-page-view .stuff-selection-view .stuff-selection-list .item-labels ,
.fluid.html-group-pool-page-view .stuff-selection-view .stuff-selection-list .item-labels ,
.fluid.html-album-page-view .stuff-selection-view .stuff-selection-list .item-labels ,
.fluid.html-gallery-page-view .stuff-selection-view .stuff-selection-list .item-labels ,
.fluid.html-favorites-page-view .stuff-selection-view .stuff-selection-list .item-labels {
max-width: 79% !important;
min-width: 79% !important;
}
/* ADD TO POOL/GAL - in ALB - OVERLAY */
.fluid.html-album-page-view .fluid-droparound-overlay.transparent ,
.fluid.html-album-page-view .fluid-droparound-overlay {
position: fixed !important;
display: inline-block !important;
left: 0px !important;
right: 0 !important;
top: 0px !important;
width: 100% !important;
}
.add-to-stuff-view .nav ul li {
height: 36px !important;
}
.add-to-stuff-view .nav ul li span {
padding-bottom: 0;
padding-top: 12px;
}
/* POOL BETA - NOTIF PANEL - HOME */
.fluid.html-group-discussions-list-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound ,
.fluid.html-group-pool-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound ,
.fluid.html-group-discussion-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound ,
.fluid.html-group-home-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound {
position: fixed;
min-height: 19px !important;
max-height: 19px !important;
min-width: 19px !important;
max-width: 19px !important;
left: 1882px !important;
top: 3px !important;
overflow: hidden !important;
opacity: 0;
z-index: 5000000;
transition: opacity ease 0.7s !important;
}
.fluid.html-group-discussions-list-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound:hover ,
.fluid.html-group-pool-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound:hover ,
.fluid.html-group-discussion-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound:hover ,
.fluid.html-group-home-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound:hover {
min-height: auto;
min-width: 500px;
left: 1423px !important;
opacity: 1;
transition: opacity ease 0.7s, left ease 0.7s !important;
}
/* INVIT ERR */
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels .item-stats.error-message {
line-height: 11px;
font-size: 11px;
color: gold !important;
background-color: red;
}
/* INVIT */
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels + .item-status {
margin: 23px 0 0 -2px ;
}
/* (new294) INVIT PEND */
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item.is-pending .selection-item-content .item-labels + .item-status {
width: 14px;
height: 14px;
border-radius: 50% ;
/* background-position: -352px -494px; */
/* BACKGROUD URL - SPRITE 2024=
https://combo.staticflickr.com/ap/build/images/sprites/icons-275dcc41.png
==== */
/* GREEN CIRCLE*/
/* background-position: -375.675px -496px !important; */
/* V - BACKG BLUE */
background-position: -498px -45px !important;
/* V BLUE - BACKG TRANSPARENT */
/* background-position: -530px -479px !important; */
/* V GRAY - BACKG TRANSPARENT */
background-position: -530px -499.8px !important;
background-color: green ;
}
/* (new233) PHO - MODAL - EDIT DATE */
.fluid.html-photo-page-scrappy-view .subview-modal.modal.edit-dates-dialog {
position: fixed !important;
display: inline-block !important;
height: 25vh !important;
min-width: 600px !important;
margin: -100px 0 0 60px !important;
top: 35.5vh !important;
right: 0 !important;
z-index: 500000000 !important;
background: #111 !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .modal.edit-dates-dialog .close-x {
right: 43px !important;
}
/* PHO/VID - LIGHTBOX - VOIR FAV STAR */
.fluid.html-photo-page-lightbox-scrappy-view .photo-well-view .engagement-container body > #content > .photo-page-lightbox-scrappy-view > div {
display: flex !important;
float: none !important;
background: aqua !important;
}
.fluid.html-photo-page-lightbox-scrappy-view .fluid.html-photo-page-lightbox-scrappy-view .photo-page-lightbox-scrappy-view .photo-well-view > .photo-well-media-view,
.fluid.html-photo-page-lightbox-scrappy-view .photo-page-lightbox-scrappy-view .photo-well-view.dark > .photo-well-media-view {
position: relative !important;
display: inline-block !important;
vertical-align: middle !important;
top: -30px !important;
text-align: center !important;
}
.photo-page-lightbox-scrappy-view .photo-well-view > .photo-well-media-view img.low-res-photo,
.photo-page-lightbox-scrappy-view .photo-well-view > .photo-well-media-view img.main-photo ,
.photo-page-lightbox-scrappy-view .photo-well-view > .photo-well-media-view img,
.photo-page-lightbox-scrappy-view .photo-well-view.dark > .photo-well-media-view .main-photo img {
max-height: 85vh !important;
width: 100% !important;
max-width: 100% !important;
vertical-align: middle !important;
}
/* SLIDESHOW - VID/PHO - ACTIONS */
.fluid.html-photo-page-lightbox-scrappy-view .photo-well-view.dark .engagement-container,
.fluid.html-photo-page-lightbox-scrappy-view .photo-well-view .engagement-container {
bottom: 12px;
position: absolute;
right: 12px;
transition: opacity 0.75s ease 0s;
z-index: 50000000 !important;
}
.photo-well-view.dark .engagement-container.is-hidden,
.photo-well-view .engagement-container.is-hidden {
opacity: 1 !important;
}
/* (new310) SLIDESHOW - MODAL - ADD COMMENT */
.fluid.html-photo-page-lightbox-scrappy-view .droparound.subview-droparound.auto-size[style^="height: 400px; width: 400px;"] {
display: inline-block !important;
width: 400px !important;
height: auto !important;
max-height: 85vh!important;
top: unset !important;
bottom: 4vh !important;
left: 1492px!important;
right: 0 !important;
overflow: hidden !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-lightbox-scrappy-view .droparound.subview-droparound.auto-size[style^="height: 400px; width: 400px;"] .photo-comments-view .photo-comments.with-emoji-picker.scrollable {
display: inline-block !important;
width: 100% !important;
height: 100% !important;
max-height: 75vh !important;
overflow: hidden !important;
/*background: yellow !important;*/
}
.fluid.html-photo-page-lightbox-scrappy-view .droparound.subview-droparound.auto-size[style^="height: 400px; width: 400px;"] .photo-comments-view .photo-comments.with-emoji-picker.scrollable .comments-list-section.scrollable .scrollable-comment-list-view.comment-list-view .comment-list-container ol.comment-list {
display: flex !important;
flex-basis: 100% !important;
flex-flow: row-reverse wrap-reverse !important;
justify-content: flex-end !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 100% !important;
max-height: 60vh !important;
overflow: hidden !important;
overflow-y: auto !important;
/*background: brown !important;*/
}
.fluid.html-photo-page-lightbox-scrappy-view .droparound.subview-droparound.auto-size[style^="height: 400px; width: 400px;"] .photo-comments-view .photo-comments.with-emoji-picker.scrollable .comments-list-section.scrollable .scrollable-comment-list-view.comment-list-view .comment-list-container ol.comment-list li {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.fluid.html-photo-page-lightbox-scrappy-view .droparound.subview-droparound.auto-size[style^="height: 400px; width: 400px;"] .photo-comments-view .photo-comments.with-emoji-picker.scrollable .comments-list-section.scrollable .scrollable-comment-list-view.comment-list-view .comment-list-container ol.comment-list li:nth-child(odd) {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
overflow: hidden !important;
overflow-y: auto !important;
background: #222!important;
}
.fluid.html-photo-page-lightbox-scrappy-view .droparound.subview-droparound.auto-size[style^="height: 400px; width: 400px;"] .add-comment-view .comment-area .text-area-section .text-area-wrapper textarea {
flex: 1 1 auto;
width: 100%;
height: 100%;
min-height: 7vh !important;
margin: 0 0 3vh 0 !important;
padding: 0;
box-shadow: none;
background-color: transparent;
}
/* SLIDESHOW - MODAL - ADD To Pol/GAl - [style^="width: 400px;"] */
.fluid.html-photo-page-lightbox-scrappy-view .droparound.subview-droparound.auto-size {
width: 600px !important;
top: 415px !important;
left: 1278px!important;
right: 0 !important;
}
/* SLIDESHOW - MODAL - USER INFOS */
.fluid.html-photo-page-lightbox-scrappy-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.avatar-menu-droparound {
position: fixed !important;
display: inline-block !important;
min-width: 600px !important;
min-height: 193px !important;
max-height: 193px !important;
left: 938px !important;
top: 70vh !important;
right: 0px !important;
margin: 0 !important;
opacity: 1 !important;
z-index: 500000000 !important;
}
/* COM ACTION MENU */
.fluid.html-photo-page-lightbox-scrappy-view .droparound.menu.over-modal.comment-action-menu[style^="width: auto;"] {
width: 100px !important;
left: 1714px !important;
right: 0 !important;
top: 380px !important;
}
.fluid.html-photo-page-lightbox-scrappy-view .comment-list li .comment-item:hover ,
.fluid.html-photo-page-lightbox-scrappy-view .comment-list li .comment-item.active {
background-color: black !important;
border-left: 3px solid red !important;
border-right: 3px solid red !important;
}
/* COM ACTION - EDIT */
.fluid.html-photo-page-lightbox-scrappy-view .comment-list .comment-edit .text-area-wrapper ,
.fluid.html-photo-page-lightbox-scrappy-view .comment-list .comment-edit .text-area-wrapper textarea {
line-height: 15px !important;
background-color: #222 !important;
}
/* FULLSCREEN / SLIDESHOW */
.photo-page-lightbox-scrappy-view .photo-well-view .attribution-view.photo-attribution.is-real-fullscreen ,
.photo-page-lightbox-scrappy-view .photo-well-view .attribution-view.photo-attribution.is-real-fullscreen.is-hidden {
position: fixed !important;
display: inline-block !important;
height: auto !important;
width: 325px !important;
width: 99.9% !important;
top: 93.5vh !important;
padding: 0 !important;
color: peru !important;
text-align: center !important;
transition: all ease 0.7s !important;
visibility: visible !important;
z-index: 5000000 !important;
}
.photo-page-lightbox-scrappy-view .photo-well-view .attribution-view.photo-attribution.is-real-fullscreen .avatar {
float: left !important;
height: 44px !important;
width: 44px !important;
left: 52px !important;
margin-left: 882px !important;
top: 9px !important;
text-align: center !important;
}
/* PRO */
.attribution-view.photo-attribution.is-real-fullscreen > .pro-badge-new + .attribution-info > .owner-name {
left: 48px !important;
}
.photo-page-lightbox-scrappy-view .attribution-view.photo-attribution > .pro-badge-new {
position: absolute;
height: 21px;
width: 35px;
top: 7px !important;
left: 987px !important;
}
.photo-page-lightbox-scrappy-view .attribution-view.photo-attribution > .pro-badge-new.light.pro-badge-legacy svg {
height: 21px;
width: 35px;
border-radius: 3px !important;
border: 1px solid peru !important;
}
/* (new304) COR FLOAT - PHO - LIGHTBOX / ZOOM ? */
.photo-page-lightbox-scrappy-view .attribution-view.photo-attribution .follow-view.is-real-fullscreen {
position: absolute;
/*display: inline-block !important;*/
float: right !important;
top: 37px !important;
left: 990px !important;
transform: scale(0.7) !important;
transform-origin: top left !important;
}
.attribution-view.photo-attribution.is-real-fullscreen > .attribution-info >.follow-view.is-real-fullscreen button {
height: 20px !important;
line-height: 20px !important;
top: -10px !important;
}
.fluid.html-photo-page-lightbox-scrappy-view .droparound.subview-droparound[style^="height: 130px;"] {
position: fixed !important;
display: inline-block !important;
width: 140px !important;
height: 130px !important;
left: -1800px !important;
right: 0 !important;
top: 786px !important;
margin-left: 0 !important;
margin-top: 0 !important;
z-index: 50000000 !important;
}
.attribution-view.photo-attribution.is-real-fullscreen > .attribution-info >.follow-view.is-real-fullscreen button:before ,
.attribution-view.photo-attribution.is-real-fullscreen > .attribution-info >.follow-view.is-real-fullscreen button:after {
top: -16px !important;
}
.photo-well-view.scrappy-photo-page-enabled.is-real-fullscreen > .photo-sidebar-actions-view {
min-width: 200px !important;
height: 30px !important;
line-height: 30px !important;
right: 0;
font-size: 15px !important;
}
.photo-well-view.scrappy-photo-page-enabled.is-real-fullscreen > .photo-sidebar-actions-view.is-real-fullscreen ,
.photo-well-view.scrappy-photo-page-enabled.is-real-fullscreen > .photo-sidebar-actions-view.is-real-fullscreen.is-hidden {
display: inline-block ;
right: 0px ;
top: 0 ;
line-height: 30px ;
font-size: 15px ;
opacity: 1 ;
transform: scale(0.7);
}
.photo-sidebar-actions-view.is-real-fullscreen > div > .button .fave-star {
right: -6px ;
}
.photo-well-view.dark.is-real-fullscreen > .similarity-search-link ,
.photo-well-view.is-real-fullscreen > .similarity-search-link ,
.photo-well-view.dark.is-real-fullscreen > .similarity-search-link.is-hidden ,
.photo-well-view.is-real-fullscreen > .similarity-search-link.is-hidden {
right: 9px;
top: 34px;
opacity: 1;
}
/* =========== */
/* SLIDESHOW- BUT TOGG - .photo-well-scrappy-view-OLD */
.photo-well-scrappy-view .photo-sidebar-toggle-view,
.photo-well-scrappy-view-OLD .photo-sidebar-toggle-view {
position: absolute;
display: inline-block !important;
width: 30px !important;
height: 30px !important;
right: -25px !important;
top: -25px !important;
transition: opacity 0.75s ease 0s;
z-index: 104;
}
.photo-well-scrappy-view .photo-sidebar-toggle-view > .toggle ,
.photo-well-scrappy-view-OLD .photo-sidebar-toggle-view > .toggle {
display: inline-block !important;
width: 30px !important;
height: 30px !important;
padding-top: 0px !important;
}
.photo-well-scrappy-view .photo-sidebar-toggle-view > .toggle > .toggle-icon ,
.photo-well-scrappy-view-OLD .photo-sidebar-toggle-view > .toggle > .toggle-icon {
margin: 4px 0 0 3px !important;
}
.photo-well-scrappy-view .photo-notes-scrappy-view + .navigate-target + .photo-sidebar-toggle-view ,
.photo-well-scrappy-view-OLD .photo-notes-scrappy-view-OLD + .navigate-target + .photo-sidebar-toggle-view {
opacity: 0.2 !important;
}
.photo-well-scrappy-view .photo-sidebar-toggle-view.show:hover ,
.photo-well-scrappy-view .photo-well-scrappy-view-OLD:hover .photo-notes-scrappy-view + .navigate-target + .photo-sidebar-toggle-view ,
.photo-notes-scrappy-view.box-hovered + .navigate-target + .photo-sidebar-toggle-view.show ,
.photo-well-scrappy-view-OLD .photo-sidebar-toggle-view.show:hover ,
.photo-well-scrappy-view-OLD .photo-well-scrappy-view-OLD:hover .photo-notes-scrappy-view-OLD + .navigate-target + .photo-sidebar-toggle-view ,
.photo-notes-scrappy-view-OLD.box-hovered + .navigate-target + .photo-sidebar-toggle-view.show {
opacity: 1 !important;
}
/* SLIDESHOW / FULL ? - MODAL - ADD POOL/GAL*/
.photo-page-lightbox-scrappy-view .photo-well-view .droparound.subview-droparound.auto-size[style="width: 400px; left: 1470px; top: 777.5px;"] {
width: 540px !important;
left: 2865px !important;
margin-left: 0 !important;
right: 0 !important;
top: 417px !important;
border: 1px solid yellow !important;
}
/* PHO NAV - PREV/NEXT ARR */
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-prev ,
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-next ,
.photo-well-scrappy-view-OLD .height-controller > .navigate-target.navigate-prev ,
.photo-well-scrappy-view-OLD .height-controller > .navigate-target.navigate-next {
min-width: 20px !important;
width: 26px !important;
height: 700px !important;
z-index: 500000 !important;
visibility: hidden !important;
}
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-prev ,
.photo-well-scrappy-view-OLD .height-controller > .navigate-target.navigate-prev {
height: 40px !important;
}
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-next ,
.photo-well-scrappy-view-OLD .height-controller > .navigate-target.navigate-next {
height: 40px !important;
}
/* (new309) */
.photo-well-scrappy-view .height-controller > .navigate-target > span ,
.photo-well-scrappy-view-OLD .height-controller > .navigate-target > span {
position: fixed !important;
display: inline-block !important;
width: 21px !important;
height: 48px !important;
top: 20vh !important;
border-radius: 3px !important;
cursor: pointer !important;
transform: scale(0.5) !important;
transition: height ease 0.7s !important;
visibility: visible !important;
box-shadow: -5px 3px 10px black ;
border: 1px solid #404040;
}
.photo-well-scrappy-view .height-controller > .navigate-target > span:hover ,
.photo-well-scrappy-view-OLD .height-controller > .navigate-target > span:hover {
top: 20vh !important;
transform: scale(0.7) !important;
border: 1px solid #404040;
visibility: visible !important;
}
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-prev > span ,
.photo-well-scrappy-view-OLD .height-controller > .navigate-target.navigate-prev > span {
left: 1316px !important;
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -214px -154px !important;
}
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-next > span ,
.photo-well-scrappy-view-OLD .height-controller > .navigate-target.navigate-next > span {
left: 1375px !important;
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -216px -357px !important;
}
/* ====- PHO - PANEL RIGHT ==== */
/* PHO - for ALL USERS - ACTION BAR - FAV/SHARE/ALL SIZE/PRINT */
.photo-engagement-view {
position: fixed ! important;
width: 161px !important;
height: 32px !important;
top: 13.1vh !important;
right: 410px ! important;
margin-right: 40px !important;
z-index: 5000000 !important;
transform: scale(0.7) !important;
}
/* PHO - ALL USER - ACT BAR - ICONs FAV/SHARE/ALL SIZE */
.photo-engagement-view > div a {
padding: 8px 1px !important;
}
.photo-engagement-view > div {
float: left;
margin-right: 0px !important;
}
.photo-engagement-view .fave-view {
height: 30px !important;
width: 30px !important;
top: 0px;
}
.fave-view .button {
display: inline-block !important;
height: 30px !important;
line-height: 15px !important;
width: 32px !important;
padding: 0 !important;
text-align: center !important;
}
.fave-star.false ,
.fave-star.false.is-faved ,
.fave-view .fave-star,
.fave-view .fave-star.animated {
display: inline-block !important;
min-height: 30px !important;
width: 30px !important;
top: -6px !important;
left: -2px !important;
padding: 0 !important;
transform: scale(1)!important;
}
/* PHOT - FAV STAR + NOT ANIMATED - GEN */
.fave-star i.animated-fave-star ,
.fave-star.animated.is-faved i.animated-fave-star ,
/* FAV STAR - PHOT */
.view.photo-engagement-view .view.fave-view .fave-star.false.is-faved ,
.view.photo-engagement-view .view.fave-view .fave-star.is-faved{
position: absolute;
height: 28px !important;
width: 28px !important;
left: 0px;
top: 2px !important;
transform: scale(1)!important;
background-image: none !important;
}
/* FAV STAR - FEEDS/GAL/POOL BETA/FAV */
.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.fave .engagement-icon i.animated-fave-star ,
.photo-card-engagement-view .photo-card-engagement .engagement-item .engagement-icon i.animated-fave-star ,
.photo-list-photo-interaction .engagement-item.fave .engagement-icon i.animated-fave-star ,
.photo-list-gallery-photo-view .engagement-item.fave .engagement-icon i.animated-fave-star ,
.engagement-item.fave.faved.last .engagement-icon i.animated-fave-star {
height: 20px;
width: 20px;
left: 0px;
top: 0;
text-align: center !important;
background-image: none !important;
}
/* FAV STAR - ADD FAV ICON */
/* FAV STAR - ADD FAV ICON - ALL */
.fave-star:before ,
.fave-star.false:before {
display: inline-block ;
height: 30px !important;
line-height: 28px !important;
width: 30px;
margin-left: -4px;
margin-top: -2px;
font-size: 29px !important;
font-style: normal !important;
text-align: center ;
}
/* FAV STAR - ADD FAV ICON - FEEDS/GAL/POOL BETA/FAV */
.photo-card-engagement-view .photo-card-engagement .engagement-item .engagement-icon i.animated-fave-star:before ,
.fluid.html-gallery-page-view .photo-list-container .view.photo-list-view .engagement .engagement-item.fave.faved .animated-fave-star:before ,
.photo-list-photo-interaction .engagement-item.fave .engagement-icon i.animated-fave-star:before ,
.photo-list-gallery-photo-view .engagement-item.fave .engagement-icon i.animated-fave-star:before {
display: inline-block ;
height: 24px !important;
line-height: 20px !important;
width: 24px;
margin-left: -4px ;
margin-top: -2px;
font-size: 18px !important;
font-style: normal !important;
text-align: center !important;
}
/* FAV STAR - ADD FAV ICON - NOT FAVED */
/* PHOT */
.view.photo-engagement-view .view.fave-view .fave-star:not(.is-faved):before ,
.view.photo-engagement-view .view.fave-view .fave-star.false:not(.is-faved):before {
content: "✩" ;
margin-top: 8px !important;
color: gray !important;
}
/* ALB/GALL/SEARCH */
.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.fave:not(.faved) .engagement-icon i.animated-fave-star:before,
.photo-card-engagement-view .photo-card-engagement .engagement-item .engagement-icon i.animated-fave-star:before ,
.photo-list-gallery-photo-view .engagement-item.fave .engagement-icon i.animated-fave-star:before ,
.photo-list-photo-interaction .engagement-item.fave .engagement-icon i.animated-fave-star:before {
content: "✩" ;
top: -2px !important;
margin-top: -2px !important;
font-style: normal !important;
color: gray !important;
}
/* FAV- SEARCH */
.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.fave .engagement-icon i.animated-fave-star:before {
font-size: 20px !important;
line-height:20px !important;
}
/* FAV STAR - ADD FAV ICON - FAVED */
/* FEEDS / GAL/POOL BETA */
.photo-list-tile-view .metadata .bottom-icons .engagement .engagement-item.fave.faved .engagement-icon i.animated-fave-star:before,
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.faved .animated-fave-star:before ,
.engagement-item.fave.faved.last .engagement-icon i.animated-fave-star:before ,
.view.photo-engagement-view .view.fave-view .fave-star.is-faved:before ,
.view.photo-engagement-view .view.fave-view .fave-star.false.is-faved:before ,
a.fave-star.false.is-faved:before {
content: "★" ;
height: 30px !important;
width: 30px !important;
margin-top: -2px !important;
font-size: 20px !important;
font-style: normal !important;
color: red !important;
}
/* FEEDS / GAL - FAV STAR - ADD FAV ICON - FAVED */
.photo-card-engagement-view .photo-card-engagement .engagement-item.fave.faved .engagement-icon i.animated-fave-star:before ,
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave.faved .engagement-icon i.animated-fave-star:before {
content: "★" ;
top: -2px !important;
margin-top: -2px !important;
color: red !important;
}
/* FAV STAR - PHOT */
.fluid.html-photo-page-scrappy-view .view.photo-engagement-view .view.fave-view .fave-star.is-faved:before ,
.fluid.html-photo-page-scrappy-view .view.photo-engagement-view .view.fave-view .fave-star.false.is-faved:before {
margin-top: 0px !important;
font-size: 25px !important;
color: red !important;
}
/* PHO - FAV STAR - COUNT (PB WRONG COUNT) */
.photo-page-scrappy-view .photo-engagement-view .fave-view .button > span.fave-count {
position: absolute !important;
display: inline-block !important;
top: -1px !important;
left: 19px ;
font-size: 15px !important;
transition: all ease 0.7s !important;
opacity: 0.3 !important;
color: gray !important;
}
.photo-page-scrappy-view .photo-engagement-view .fave-view .button:hover > span.fave-count {
transition: all ease 0.7s !important;
opacity: 1 !important;
color: gold !important;
}
/* SHARE */
.photo-engagement-view > div.fluid-share-photo-view {
margin-right: 0px !important;
}
.fluid .fluid-share-button.disable-sharing{
display: none !important;
}
/* PRINT */
.photo-engagement-view > div.print-button-view {
height: 36px !important;
width: 22px !important;
margin-right: 0 !important;
}
.print-button-view .print-button-container {
height: 36px !important;
width: 22px !important;
line-height: 17px !important;
}
/* EDIT */
.photo-engagement-view > .photo-well-scrappy-edit-view {
margin-right: 4px !important;
}
.photo-engagement-view > .photo-well-scrappy-edit-view + .fluid-share-photo-view {
margin-right: 0px !important;
}
/* (new308) PHO - SCROLLABLE CONTAINER */
.photo-page-sidebar-view .sidebar-main-container .scrollable-container {
/*display: none !important;*/
visibility: hidden !important;
}
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-title-desc-view {
display: inline-block !important;
visibility: visible !important;
}
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-right-stats-view {
display: inline-block !important;
visibility: visible !important;
}
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .scrollable-container .photo-charm-exif-scrappy-view {
display: inline-block !important;
visibility: visible !important;
}
/* (new308) PHO - USER NAME for F.F.S - SIDEBAR */
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .attribution-view.photo-attribution:first-of-type > .attribution-info {
position: absolute !important;
display: inline-block !important;
float: none !important;
min-width: 532px !important;
max-width: 532px !important;
min-height: 4.1vh !important;
max-height: 4.1vh !important;
line-height: 2vh !important;
margin: 0px 0 0 0px !important;
top: 0vh !important;
right: 0px !important;
padding: 1px 0 0 0px !important;
overflow: hidden !important;
z-index: 0 !important;
/*color: transparent ;*/
/*background: darkblue !important;*/
}
/* (new309) first AUTHOR / ALIAS */
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .attribution-detached-container a[rel="author"] {
display: block !important;
float: left !important;
clear: none !important;
min-width: 520px !important;
max-width: 520px !important;
min-height: 2.3vh !important;
max-height: 2.3vh !important;
line-height: 2.3vh !important;
margin: 0 0 0 0px !important;
padding: 0 0 0 0px !important;
/*background: lime !important;*/
/*border: 1px dashed aqua !important;*/
}
/* (new309) 2nd USER NAME */
.photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .attribution-detached-container .attribution-sub-container .attribution-username ,
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .attribution-detached-container a[rel="author"] + .attribution-sub-container p[attribution-username] {
display: block !important;
float: left !important;
clear: none !important;
min-width: 520px !important;
max-width: 520px !important;
min-height: 1.5vh !important;
max-height: 1.5vh !important;
line-height: 1.5vh !important;
margin: 0 0 0 5px !important;
padding: 0 0 0 0px !important;
/*background: lime !important;*/
/*border: 1px dashed yellow !important;*/
}
.photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .attribution-detached-container .attribution-sub-container {
display: inline-block !important;
}
.photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .attribution-detached-container .owner-name {
display: block !important;
/*min-width: 460px !important;*/
float: left !important;
clear: both !important;
max-width: 460px !important;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 2vh !important;
padding: 0 0 0 0 !important;
font-size: 17px !important;
/*background: gold !important;*/
}
/* (new308) USER NAME for F.F.S */
.attribution-view.photo-attribution.is-real-fullscreen > .attribution-info > .owner-name {
display: inline-block !important;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 2vh !important;
top: 2px !important;
left: 10px !important;
margin: 0 !important;
padding: 0 !important;
font-size: 15px !important;
text-align: left !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: peru !important;
}
.photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .attribution-detached-container {
display: block !important;
float: left !important;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 2vh !important;
width: 100% !important;
min-width: 0 !important;
max-width: 400px !important;
margin: 0px 0 0 0px !important;
/*border: 1px solid blue !important;*/
}
/* (new308) */
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name[id^="CFS"] span ,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name[id^="CFS"] ,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name span ,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name {
display: inline-block !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
max-width: 420px !important;
top: 6px !important;
opacity: 0.94 !important;
text-shadow: 1px 1px 4px #000 !important;
color: white !important;
overflow: hidden !important;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name span:last-of-type ,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name[id^="CFS"] span:last-of-type {
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 2vh !important;
max-width: 170px !important;
text-overflow: ellipsis !important;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name[id^="CFS"] span ,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name[id^="CFS"]{
display: inline-block !important;
white-space: nowrap !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author:visited ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a:visited ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a {
color: white !important;
}
.sub-photo-comments-view .comments .comment .comment-author span.deleted {
opacity: 0.5 !important;
color: #656c7a !important;
}
/* (new310) - PHO - RIGHT SIDE - TOP INFOS - 3th NEW DESIGN */
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .attribution-view.photo-attribution:not(.is-hidden):not(.is-always-hidden),
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .attribution-view.photo-attribution:first-of-type {
position: fixed !important;
display: inline-block !important;
min-height: 0vh !important;
max-height: 0vh !important;
line-height: 50px !important;
width: 597px !important;
right: 0px !important;
top: 4.2vh!important;
margin: 0vh 0 0 0 !important;
padding: 0 0 0 0px !important;
z-index: 3006 !important;
background: none !important;
border-top: 1px solid #333!important;;
}
.attribution-view .avatar.person {
margin: 2vh 0 0 0 !important;
top: 0 !important;
}
/* (new310) PHO - RIGHT SIDE - TOP INFOS - 3th NEW DESIGN - COMMENTS - LABEL FOR MODAL COMMENT */
.photo-content-upper-container .sidebar-main-container .scrollable-container .sub-photo-right-stats-view .comment-count:hover span.stats-label {
color: gold !important;
}
/* (new310) PHO - RIGHT SIDE - TOP INFOS - 3th NEW DESIGN - COMMENTS - MODAL COMMENT */
.fluid.html-photo-page-scrappy-view #stacking-overlay-container[style="display: block;"] .photo-comments-view {
position: fixed !important;
display: inline-block !important;
flex-direction: unset;
float: none;
clear: both;
height: 100% !important;
/* min-height: 83vh !important; */
min-height: 20vh !important;
max-height: 64vh !important;
width: 560px !important;
left: 1355px !important;
top: unset !important;
bottom: 2vh !important;
margin: 0 0 0 0 !important;
overflow-x: hidden;
overflow-y: auto;
z-index: 50000000 !important;
transition: all 0.5s ease 0s !important;
visibility: visible !important;
color: silver;
background: green !important;
}
.fluid.html-photo-page-scrappy-view #stacking-overlay-container[style="display: block;"] .photo-comments-view .photo-comments.with-emoji-picker.scrollable {
display: inline-block !important;
flex-direction: unset;
float: none !important;
clear: both !important;
height: 100% !important;
min-height: 20vh !important;
max-height: 70.7vh !important;
width: 560px !important;
left: 1355px !important;
top: unset !important;
bottom: 0vh !important;
margin: 0 0 0 0 !important;
border-radius: 5px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
transition: all 0.5s ease 0s !important;
visibility: visible !important;
z-index: 5000000000 !important;
color: silver;
background: #111 !important;
border: 1px solid red !important;
}
/* (new310) MODAL COMMENTS - HEADER */
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .photo-comments header.comments-header {
display: flex;
flex: 0 0 auto;
justify-content: space-between;
align-items: center;
height: 3vh !important;
border-bottom: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .photo-comments header.comments-header h1 {
margin: 0 0 0 5px !important;
}
/* (new311) MODAL COMMENTS - COMMENTS CONTAINER - max-height GIVE PLACE FOR TEXARERA */
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comments-list-section.scrollable {
position: relative !important;
display: inline-block !important;
height: auto !important;
float: none !important;
clear: none !important;
min-height: 42vh !important;
max-height: 50vh !important;
margin: 0;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 5000000000 !important;
/*background: blue !important;*/
/*border: 1px solid yellow !important;*/
border-bottom: 1px solid orange !important;
}
/* (new311) PHO - COMMENT MODAL - LIST REVERSE ORDER */
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list {
display: flex !important;
flex-basis: 40% !important;
flex-flow: row-reverse wrap-reverse !important;
justify-content: flex-end !important;
align-content: flex-end !important;
margin: 0;
background: #333 !important
/*border: 1px solid pink !important;*/
}
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list li {
display: flex !important;
flex-grow: 1 !important;
flex-basis: 100% !important;
width: 90% !important;
max-width: 90% !important;
height: auto !important;
min-height: 11.5vh !important;
max-height: 11.5vh !important;
margin: 0 10px 5px 4px !important;
padding: 7px !important;
border-radius: 5px !important;
overflow: hidden !important;
/*overflow-y: auto !important;*/
background: #222 !important;
border: 1px solid gray !important;
}
/* (new311) HOVER */
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list li:hover {
display: flex !important;
flex-grow: 1 !important;
flex-basis: 100% !important;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
min-height: 11.5vh !important;
max-height: 11.5vh !important;
margin: 0 10px 5px 4px !important;
padding: 7px !important;
border-radius: 5px !important;
overflow: hidden !important;
/*overflow-y: auto !important;*/
background: red !important;
border: 1px solid gray !important;
}
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list li .comment-item {
display: inline-flex !important;
width: 100% !important;
min-width: 535px !important;
max-width: 535px !important;
animation-duration: .5s;
animation-fill-mode: forwards;
animation-name: fadeInGalleryComment;
margin: 0px;
padding: 4px 0 0 4px !important;
background: #222 !important;
}
/* (new311) HOVER */
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list li:hover .comment-item {
animation-duration: .5s;
animation-fill-mode: forwards;
animation-name: fadeInGalleryComment;
margin: 0px;
padding: 4px 0 0 4px !important;
background: #444242 !important;
border: 1px solid gray !important;
}
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list li .comment-item .avatar {
display: block !important;
float: left !important;
margin: 3px 5px 0 0 !important;
}
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list li .comment-item .comment-content {
display: block !important;
float: right !important;
width: 90% !important;
min-width: 90% !important;
max-width: 90% !important;
height: auto !important;
min-height: 8.5vh !important;
max-height: 8.5vh !important;
margin: 0 35px 0px 0px !important;
padding: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
transition: all ease 2s !important;
background: #111 !important;
}
/* HOVER */
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list li:hover .comment-item .comment-content {
display: block !important;
float: right !important;
width: 90% !important;
min-width: 90% !important;
max-width: 90% !important;
height: auto !important;
min-height: 8.5vh !important;
max-height: 8.5vh !important;
margin: 0 35px 0px 0px !important;
padding: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
transition: all ease 2s !important;
background: #111 !important;
}
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list li .comment-item .comment-content a {
position: relative !important;
display: inline-block !important;
width: 100% !important;
height: auto !important;
margin: 5px 0px 5px 0px !important;
/*border: 1px solid aqua !important;*/
}
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list li .comment-item .comment-content br {
display: block !important;
margin-bottom: -4px !important;
}
/* (new311) PHO - COMMENTS MODAL - FOR EDIT COMMENT */
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list li:has(.edit-comment-view) {
min-height: 25.5vh !important;
max-height: 25.5vh !important;
margin: 0 10px 5px 4px !important;
overflow: visible !important;
/*overflow-y: auto !important;*/
background: blue !important;
border: 1px solid gray !important;
}
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list li:has(.edit-comment-view) .comment-item .comment-content ,
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list li:hover:has(.edit-comment-view) .comment-item .comment-content {
display: block !important;
float: right !important;
width: 90% !important;
min-width: 97% !important;
max-width: 97% !important;
height: auto !important;
min-height: 21.5vh !important;
max-height: 14.5vh !important;
margin: 0 5px 0px 0px !important;
padding: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
transition: unset !important;
/*background: red !important;*/
}
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list li .comment-item .comment-content + .edit-comment-view {
position: absolute !important;
display: inline-block !important;
float: none !important;
width: 100% !important;
min-width: 85% !important;
max-width: 85% !important;
height: auto !important;
min-height: 20.5vh !important;
max-height: 20.5vh !important;
margin: 0 0px 0px 0px !important;
padding: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
transition: all ease 2s !important;
z-index: 500000 !important;
/*background: green !important;*/
}
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .comment-list-view .comment-list-container ol.comment-list li .comment-item .comment-content + .edit-comment-view .comment-edit .text-area-wrapper {
display: flex;
flex-direction: column;
width: 100%;
min-height: 15vh !important;
max-height: 15vh !important;
margin: 8px 0;
}
/* (new311) PHO - RIGHT SIDE - TOP INFOS - 3th NEW DESIGN - COMMENTS - MODAL COMMENT ADD COMMENT */
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .photo-comments section.comments-list-section.scrollable + section.add-comment-section {
position: static !important;
display: block !important;
float: left !important;
clear: none !important;
min-height: 14vh !important;
max-height: 14vh !important;
width: 90% !important;
min-width: 90% !important;
margin: 1vh 0px 0 5px !important;
padding: 5px 5px 5px 40px !important;
border-radius: 5px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
transition: all 0.5s ease 0s !important;
visibility: visible !important;
z-index: 0 !important;
color: silver;
background: #111 !important;
/*border: 1px solid aqua !important;*/
}
/* (new311) COMM MODAL - HOVER */
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .photo-comments section.comments-list-section.scrollable + section.add-comment-section:hover {
position: static !important;
display: block !important;
float: left !important;
clear: none !important;
min-height: 14vh !important;
max-height: 14vh !important;
width: 90% !important;
min-width: 90% !important;
margin: 1vh 0px 0 5px !important;
padding: 5px 5px 5px 40px !important;
border-radius: 5px !important;
overflow-x: hidden !important;
overflow-y: auto !important;
transition: all 0.5s ease 0s !important;
visibility: visible !important;
z-index: 0 !important;
color: silver;
background: #111 !important;
/*border: 1px solid yellow !important;*/
}
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .photo-comments section.comments-list-section.scrollable + section.add-comment-section .add-comment-view {
flex: 0 0 auto;
min-height: 11vh !important;
max-height: 11vh !important;
/*border: 1px solid yellow !important;*/
}
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .photo-comments section.comments-list-section.scrollable + section.add-comment-section .add-comment-view .comment-area .text-area-section .text-area-wrapper {
display: flex;
min-height: 11vh !important;
max-height: 11vh !important;
margin:0px 0;
outline: none;
outline-width: medium;
/*border: 1px dashed yellow !important;*/
}
/* (new311) COMM MODAL - YOU AVATAR */
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .photo-comments section.comments-list-section.scrollable + section.add-comment-section .add-comment-view .avatar.person.tiny.no-menu {
position: fixed !important;
display: inline-block;
margin: 0 5px 0px -38px !important;
top: 85vh !important;
bottom: 0vh !important;
right: 525px !important;
left: unset !important;
}
/* (new311) */
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .photo-comments section.comments-list-section.scrollable li.comment-list-item .comment-item-view a + div .comment-actions a.comment-action.comment-action-menu-button svg {
display: inline-block !important;
height: 0.8vh !important;
width: 20px;
padding: 0 0 0 0 !important;
margin: 0 0 0 -100px !important;
transform: scale(2) !important;
border-radius: 3px !important;
border: 1px solid red !important;
}
/* (new311) COMM MODAL - BUTT */
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .photo-comments section.comments-list-section.scrollable + section.add-comment-section .add-comment-view .buttons.comment-buttons {
position: relative !important;
display: block !important;
float: left !important;
width: 40% !important;
height: 2.5vh !important;
line-height: 2vh !important;
margin: 0.5vh 0 0 0 !important;
padding: 0 !important;
/*border: 1px solid yellow !important;*/
}
.fluid.html-photo-page-scrappy-view .fluid-modal-view .photo-comments-view .photo-comments section.comments-list-section.scrollable + section.add-comment-section .add-comment-view button {
display: inline-block !important;
height: 2.5vh !important;
line-height: 2vh !important;
margin-left: 10px;
border: 1px solid yellow !important;
}
/* (new310) GM - "F.F.S"- PHO - SHORT USER NAME - MORE LONG COLOR FLAG INDIC */
.photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .attribution-detached-container .owner-name span:before {
position: fixed !important;
float: right !important;
content:"" !important;
width: 65px !important;
height: 100% !important;
min-height: 1px !important;
max-height: 1px !important;
line-height: 0px !important;
margin: 0vh 0px 0 0px !important;
top: 8.5vh !important;
padding: 0 !important;
visibility: visible !important;
opacity: 1 !important;
text-align: center !important;
background: inherit !important;
}
/* (new308) PHO - OTHER USER REAL NAME - INDICATOR */
.attribution-view.is-real-fullscreen.photo-attribution.is-always-hidden.is-hidden a.avatar.person.medium:before ,
.sub-photo-container.centered-content .attribution-view a.avatar.person.medium:before {
content: attr(href) !important;
position: fixed !important;
display: inline-block !important;
width: auto !important;
height: 12px !important;
line-height: 9px !important;
top: 0vh !important;
left: 1292px !important;
font-size: 10px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
clip-path: inset(0px 3px 0px 37px) !important;
opacity: 0.4 !important;
z-index: 500000 !important;
color: silver !important;
background: #111 !important;
}
/* HOVER */
.attribution-view.is-real-fullscreen.photo-attribution.is-always-hidden.is-hidden a.avatar.person.medium:hover:before ,
.sub-photo-container.centered-content .attribution-view a.avatar.person.medium:hover:before {
content: attr(href) !important;
position: fixed !important;
display: inline-block !important;
width: auto !important;
height: 15px !important;
line-height: 15px !important;
top: 0vh !important;
left: 1266px !important;
padding: 1px 2px !important;
font-size: 15px !important;
white-space: nowrap !important;
letter-spacing: 1px !important;
opacity: 0.4 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
clip-path: inset(0px 7px 0px 64px) !important;
z-index: 500000 !important;
color: gold !important;
background: #111 !important;
}
/* (new243) PHO - OTHER USER NSID - INDICATOR */
.sub-photo-container.centered-content .attribution-view a.avatar.person.medium:after {
content: attr(data-person-nsid) !important;
position: fixed !important;
display: inline-block !important;
width: auto !important;
line-height: 10px !important;
top: 2vh !important;
left: 1330px !important;
font-size: 10px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
opacity: 0.4 !important;
z-index: 500 !important;
color: silver !important;
background: #111 !important;
}
/* (new308) PRO BADGE */
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .attribution-detached-container a.pro-badge-new ,
.photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .attribution-detached-container .attribution-sub-container .pro-badge-new:not(.pro-badge-legacy) ,
.photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .attribution-detached-container .attribution-sub-container .pro-badge-new.pro-badge-legacy {
position: fixed !important;
margin: 0 0 0 0px !important;
top: 6.2vh !important;
right: 534px !important;
z-index: 500000 !important;
background: #111 !important;
}
.photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .attribution-detached-container .attribution-sub-container .pro-badge-new:not(.pro-badge-legacy) ,
.fluid.html-photo-page-scrappy-view .attribution-view .pro-badge-new:not(.pro-badge-legacy) {
transform: scale(0.75) !important;
}
.photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .attribution-detached-container .attribution-sub-container .pro-badge-new.pro-badge-legacy ,
.fluid.html-photo-page-scrappy-view .attribution-view .pro-badge-new.pro-badge-legacy {
}
/* PRO */
.attribution-view.photo-attribution.is-real-fullscreen > .pro-badge-new + .attribution-info > .owner-name {
left: 40px !important;
}
.sub-photo-right-view > .sub-photo-right-row1 {
height: 39px !important;
padding-bottom: 4px !important;
border-bottom: 1px solid #333 !important;
}
/* (new310) STATS SIDEBAR - WITH NEW COMMENT MODAL LINK */
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-right-stats-view ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view {
position: fixed !important;
display: inline-block !important;
line-height: 13px !important;
top: 9vh !important;
margin: 0 0 0 -10px !important;
font-size: 14px ! important;
z-index: 5000000 !important;
/*background: red !important;*/
}
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-right-stats-view .right-stats-details-container .stat-item:not(:first-child)::before {
display: none !important;
}
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-right-stats-view span:last-of-type {
position: relative !important;
float: left !important;
clear: none !important;
width: auto !important;
height: 1.5vh !important;
line-height: 1.5vh !important;
top: 10px !important;
margin: 1vh 40px 10px -20px!important;
text-align: left !important;
color: silver !important;
/*background: red !important;*/
}
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-right-stats-view span:first-of-type ,
.comment-count-label ,
.fave-count-label ,
.view-count-label{
position: relative !important;
float: left !important;
width: 20px !important;
line-height: 10px ! important;
top: 4px !important;
margin: 0px 0px 0 -5px !important;
font-size: 15px !important;
text-align: right !important;
color: violet ! important;
}
/* (new310) COMM STATS */
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-right-stats-view .comment-count-label + span {
position: relative !important;
float: left !important;
clear: none !important;
width: auto !important;
height: 1.5vh !important;
line-height: 1.5vh !important;
top: 10px !important;
margin: 1vh 40px 10px -15px!important;
text-align: left !important;
color: silver !important;
/*background: blue !important;*/
}
/* (new310) COMM STATS - INDICATOR - OPEN MODAL COMMENTS */
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-right-stats-view .comment-count-label:hover + span:before ,
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-right-stats-view .comment-count-label + span:hover:before {
content:"💬" !important;
position: fixed !important;
float: left !important;
clear: none !important;
width: auto !important;
height: 1.5vh !important;
line-height: 1.5vh !important;
top: 9.3vh !important;
left: 1605px !important;
margin: 0vh 0px 0px -10px!important;
border-radius: 3px 0 0 3px !important;
text-align: center !important;
color: silver !important;
background: brown !important;
}
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-right-stats-view .comment-count-label:hover + span:after ,
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-right-stats-view .comment-count-label + span:hover:after {
content:"✚" !important;
position: fixed !important;
float: left !important;
clear: none !important;
width: auto !important;
height: 1.5vh !important;
line-height: 1.5vh !important;
top: 9.3vh !important;
left: 1605px !important;
margin: 0vh 0px 0px 10px!important;
border-radius: 0 3px 3px 0!important;
text-align: center !important;
color: silver !important;
background: brown !important;
}
/* PHO - FOLL/UNFOL - CONT */
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .owner-name + .owner-name-with-by.truncate + .follow-view.clear-float.photo-attribution {
height: 25px !important;
line-height: 25px !important;
margin-top: 5px !important;
font-size: 0 !important;
opacity: 0.3 !important;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .owner-name + .owner-name-with-by.truncate + .follow-view.clear-float.photo-attribution:hover {
opacity: 1 !important;
}
.fluid .follow-view.clear-float.photo-attribution:hover .button.follow > .drop-icon:before,
.fluid .follow-view.clear-float.photo-attribution:hover button.follow.is-following > .drop-icon {
border: none !important;
}
/* NEW - MODAL FOLLOW */
.fluid.html-photo-page-scrappy-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound[style^="height: 130px; width: 140px;"] {
z-index: 50000000 !important;
}
.fluid.html-photo-page-scrappy-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound[style^="height: 130px; width: 140px;"] .droparrow.down {
left: 118px !important;
}
/* (new308) FOLLOW Buttp - .follow */
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .follow-view button.follow {
position: fixed !important;
display: inline-block !important;
vertical-align: top !important;
height: 20px !important;
line-height: 15px !important;
width: 100% !important;
min-width: 20px !important;
max-width: 20px !important;
top: 4.2vh !important;
right: 535px!important;
padding: 0 0 0 0 !important;
font-size: 0px !important;
transform: rotate(0deg) scale(0.7)!important;
background: #333 !important;
}
/* (new308) NOT FOLLOWING */
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .follow-view .follow:not(.is-following)::before{
content: "✗" !important;
position: absolute !important;
display: inline-block !important;
width: 18px !important;
height: 1.8vh !important;
top: 0px !important;
left: 0 !important;
font-size: 15px !important;
text-align: center !important;
border-radius: 5px !important;
opacity: 0.2 !important;
color: white !important;
background-image: none !important;
background-color: red !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .follow-view .follow:not(.is-following):hover::before {
opacity: 1 !important;
border: 1px solid green !important;
}
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .follow-view .follow:not(.is-following)::after {
display: none !important;
background: gray ;
}
/* (new308) FOLLOWING */
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .follow-view .follow.is-following::before {
content: "✔" !important;
position: absolute !important;
display: inline-block !important;
width: 18px !important;
height: 1.98vh !important;
top: 0px !important;
left: 0 !important;
font-size: 15px !important;
text-align: center !important;
border-radius: 5px !important;
transform: rotate(0deg) !important;
opacity: 0.2 !important;
color: white !important;
background-image: none !important;
background-color: green !important ;
border: 1px solid green !important;
}
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .follow-view .follow.is-following:hover::before {
opacity: 1 !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .attribution-view .attribution-info .follow-view .follow.is-following::after {
display: none !important;
}
.unfluid.follow.is-following.ui-button.ui-button-icon.ui-button-transparent.ui-button-dropdown {
height: 26px !important;
}
.unfluid.follow.is-following.ui-button.ui-button-icon.ui-button-transparent.ui-button-dropdown:hover {
padding-right: 0 !important;
}
/*PHO - FOL/UNFOL */
/* PHO - ALL TOP RIGHT - TXT FOL/UNFOL */
.unfluid.follow.is-following.ui-button.ui-button-icon.ui-button-transparent.ui-button-dropdown span {
display: inline-block !important;
height: 20px !important;
width: auto !important;
font-size: 12px !important;
color: gray !important;
}
/* PHO - ALL TOP RIGHT - TXT FOL/UNFOL */
.sub-photo-left-view > .attribution-view > .attribution-info .follow-view > .relationship .follow.ui-button > span {
padding: 0 0 0 31px !important;
font-size: 0 !important;
color: #fff;
}
/* PHO - ALL TOP RIGHT - TXT FOL/UNFOL TOOLTIP TOP RIGHT */
.follow-view .relationship.ui-util-selected button span {
font-size: 0 !important;
padding: 0 0 0 0px !important;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip:not(.ui-util-hidden) {
position: fixed !important;
display: inline-block !important;
width: 120px !important;
top: 57px !important;
left: 1200px !important;
box-shadow: 10px 10px 3px 1px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip .ui-dialog-arrow {
transform: rotate(90deg) !important;
left: 117px !important;
top: 20px !important;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip .ui-dialog-body ul li {
color: peru !important;
}
.person-card-view .follow-view > .relationship .dialog-tooltip .ui-dialog-body ul li a ,
.person-card-view .follow-view > .relationship .dialog-tooltip .ui-dialog-body ul li label{
height: 25px ;
line-height: 30px ;
}
.person-card-view .follow-view > .relationship .dialog-tooltip .ui-dialog-body ul li {
margin-top: 0px ;
line-height: 25px ;
}
.person-card-view .follow-view > .relationship .dialog-tooltip .ui-dialog-body ul li:not(.divider):not(.following-unfollow){
margin-top: -4px ;
margin-bottom: 4px ;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip .following-unfollow .ui-icon-tiny-unfollow {
top: 8px !important;
}
/* (new308) PHO - FOLLOW - MODAL - NEW CSS :HAS() */
button.follow.is-following:hover > .drop-icon {
border: none !important;
opacity: 1;
transition: opacity .1s ease .2s;
}
/* (new308) PHO - FOLLOW - MODAL - NEW CSS :HAS() */
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound:has(.relationship-menu-view) ,
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound[style="height: 130px; width: 140px; left: 1755px; top: 125px;"] {
left: 1359px !important;
top: 7vh !important;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound:has(.relationship-menu-view) .droparrow ,
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound[style="height: 130px; width: 140px; left: 1755px; top: 125px;"] .droparrow {
position: absolute !important;
height: 11px;
width: 21px;
margin: 0 0 0 -120px !important;
overflow: hidden;
/*border: 1px solid red !important;*/
}
/* (new309) PHO - RIGHT PAN INFOS - NUMB VIEW/FAVS/COM */
.fluid.html-photo-page-scrappy-view .sub-photo-right-view {
height: 0vh !important;
width: 0 !important;
margin: 0 0 0 0 !important;
padding: 0 0 0 0 !important;
z-index: 0 !important;
/*background: aqua !important;*/
/*border: 1px solid pink !important;*/
}
.sub-photo-right-view .sub-photo-section {
border-bottom: none !important;
}
/* (new309) PHOTO RIGHT */
.fluid.html-photo-page-scrappy-view #content .photo-page-scrappy-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view {
position: fixed !important;
display: inline-block !important;
width: 505px !important;
height: 0vh !important;
line-height: 14px ;
top: 84px ;
margin: 0 ;
right: 0px ;
padding: 0 0 0 25px !important;
z-index: 0 !important;
/*border: 1px solid aqua !important;*/
}
/* PHO - RIGHT PAN INFOS - DATE LICENSE */
.sub-photo-right-view .sub-photo-right-row1 .date-license-container {
position: fixed ;
display: inline-block ;
height: 25px ;
left: 1663px ;
top: 85px ;
text-align: right ;
}
/* (new310) PHO - NORMAL - DATE - CONTAINER SIDEBAR */
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-date-view {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 4vh !important;
max-height: 4vh !important;
width: 245px !important;
top: 8.8vh !important;
right: 3px !important;
padding: 0 0 0 0px !important;
text-align: left !important;
border-radius: 3px !important;
visibility: visible !important;
z-index: 0 !important;
/*background: #111!important;*/
}
/* (new310) */
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-date-view > .date-posted ,
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-date-view .date-posted.clear-float ,
.date-posted.clear-float ,
.sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-posted {
position: relative !important;
display: inline-block !important;
vertical-align: top !important;
height: 100% !important;
line-height: 10px !important;
min-height: 3.7vh !important;
max-height: 3.7vh !important;
width: 230px !important;
margin: 0px 0px 0 0 !important;
padding: 0 0px 0 5px !important;
font-size: 14px !important;
/*border-left: 1px solid red !important;*/
}
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-date-view .date-posted .date-posted-label {
margin: 0;
}
/* (new310) PHO - NORMAL - DATE EDIT HOVER */
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-date-view > .date-posted.editable:hover ,
.sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-posted.editable:hover {
background-color: #111 !important;
}
.sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-posted.editable:hover .date-taken-container span {
color: peru !important;
background-color: #333 !important;
}
.date-posted.clear-float .date-posted-label {
font-size: 13px !important;
color: silver !important;
}
/* (new308) PHO - NORMAL - DATE EDIT - ICON */
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .sub-photo-date-view .date-posted.clear-float.editable span.date-taken-label + svg.icon.edit-date-taken ,
.sub-photo-date-view .date-posted.clear-float.editable span.date-taken-label + svg.icon.edit-date-taken {
position: absolute !important;
float: none !important;
height: 10px !important;
width: 10px !important;
left: 12px !important;
margin: 0vh 0 0 -30px !important;
padding: 2px !important;
border-radius: 100% !important;
fill: peru !important;
border: 1px solid #333 !important;
}
.date-taken-container {
display: inline-block !important;
height: 1vh !important;
line-height: 1vh !important;
margin: 0px 0 0px 0 !important;
text-align: right !important;
font-size: 13px !important;
/*background: red !important;*/
}
/* (new304) COR FLOAT - PHO - NORMAL - DATE TAKEN */
.date-taken-container span {
position: relative !important;
/*display: inline-block !important;*/
float: right !important;
height: 1.5vh !important;
line-height: 1.5vh !important;
top: 0 !important;
margin: -2.7px 0 0px 0 !important;
text-align: right !important;
font-size: 13px !important;
color: gray !important
}
/* (new300) STIG - FIXR - BACK PHOTO STREAM */
/*.entry-type.do-not-evict[href^="/photos/"]:not([href*="/favorites/"]):not([href*="/albums/"])[style^="left:"] .icon.upstream*/
.entry-type.do-not-evict[href^="/photos/"]:not([href*="/favorites/"]):not([href*="/albums/"])[style^="left:"] {
position: fixed !important;
width: 200px !important;
height: 2vh !important;
top: unset !important;
left: 0 !important;
bottom: 2vh !important;
border-radius: 5px !important;
background: #111!important;
}
/* (new310) STIG - PHO - DATE INFOS - ICON TRIGGER */
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sub-photo-date-view .date-info-trigger ,
.fluid.html-photo-page-scrappy-view:has(a[data-track="gnSignin"]) .sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view .date-info-trigger {
position: fixed !important;
width: 13px !important;
height: 12px !important;
top: 9.7vh !important;
left: unset !important;
right: 0px !important;
margin: 0;
padding: 0 !important;
border-radius: 100% !important;
z-index: 5000000 !important;
background-color: gold !important;
}
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sub-photo-date-view .date-info-trigger:hover .date-info ,
.fluid.html-photo-page-scrappy-view:has(a[data-track="gnSignin"]) .sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view .date-info-trigger:hover .date-info {
position: fixed !important;
display: inline-block !important;
min-height: 8vh !important;
left: unset !important;
right: 10px !important;
top: 7.5vh !important;
z-index: 5000000 !important;
background-color: #111 !important;
}
.date-info-trigger:hover {
border: 1px solid red !important;
}
.date-info-trigger img {
display: block;
padding: 0;
width: 0.8em;
height: 0.8em;
margin: 0;
opacity: 1 !important;
filter: invert(15%) sepia(100%) saturate(6481%) hue-rotate(46deg) brightness(102%) contrast(43%) !important;
}
/* (new310) PHO - STIG - DATE REPLACED */
div.view.sub-photo-date-view > span ,
.sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view .date-posted.clear-float + .date-info-trigger + span {
position: fixed !important;
display: inline-block !important;
width: 240px !important;
height: 1vh !important;
line-height: 0.8vh !important;
margin: 0vh 0 0px 0;
top: 8vh !important;
right: 4px !important;
font-size: 12px !important;
font-style: italic;
color: silver !important;
/*border: 1px solid red !important;*/
}
/* (new294) STIG - PHO - DATE INFOS - CONTAINER - VISIBLE HOVER on TRIGGER */
.date-info {
position: absolute;
/* display: inline-block !important;*/
width: 240px !important;
line-height: 0vh !important;
top: 0 !important;
left: 0 !important;
margin: -3vh 0 0 0px !important;
padding: 0px ;
border-radius: 4px;
font-size: 18px !important;
text-align: center !important;
z-index: 10000 !important;
color: silver !important;
border: 1px solid #d4b943;
}
.sub-photo-date-view:hover .date-info {
background-color: #111 !important;
border: 1px solid #d4b943;
}
.sub-photo-date-view .date-info p {
position: relative !important;
display: inline-block !important;
line-height: 1.7vh !important;
font-size: 12px !important;
text-align: center !important;
color: white !important;
}
.sub-photo-date-view .date-info label {
display: inline-block !important;
min-width: 100% !important;
margin: 0px 0 0px 0 !important;
text-align: left !important;
background: #222 !important;
color: gold !important;
}
.sub-photo-date-view .date-info label:first-of-type{
text-align: left !important;
background: #222 !important;
color: gold !important;
}
/*.sub-photo-date-view > .date-taken + .date-info > p > a ,*/
.sub-photo-date-view .date-info a{
color: red !important;
}
.sub-photo-date-view .date-info br {
display: none !important;
}
/* (new310) PHO - PEOPOLE + TAG - CONT */
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view:not(:empty) {
position: relative !important;
display: inline-block !important;
max-width: 579px !important;
min-width: 579px !important;
min-height: 35px !important;
margin: 5vh 0 0 0px ;
right : 0 !important;
padding: 0px 0 0 1px ;
border-radius: 5px ;
overflow: hidden ;
background: rgba(17, 17, 17, 0.19) !important;
border: 1px solid #333 !important;
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view:not(.empty) > h3 {
position: relative ;
display: inline-block ;
height: 15px ;
line-height: 15px ;
margin: 8px 0 7px 0 ;
top: 0px ;
font-size: 16px ;
text-indent: 5px ;
color: gray !important;
}
.sub-photo-right-view .sub-photo-tags-view > .sub-photo-tags-people-view > .c-contact-search-autocomplete[style="display: block;"] {
position: relative !important;
display: inline-block !important;
height: 20px !important;
margin: 0 !important;
top: 0px !important;
}
.sub-photo-tags-people-view .c-contact-search-autocomplete .contact-list + input.add-person {
display: inline-block !important;
width: 215px !important;
margin: 3px 0 0 -168px !important;
padding: 3px !important;
}
.sub-photo-right-view .sub-photo-tags-view > .sub-photo-tags-people-view > .c-contact-search-autocomplete > ul.contact-list {
position: fixed !important;
max-height: 63vh !important;
width: 65% !important;
top: 33vh !important;
left: 30px !important;
padding: 5px 0 0 40px !important;
border-radius: 3px;
overflow-y: auto;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
background-color: #111 !important;
border: 1px solid red !important;
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > .person-list {
max-height: 4.8vh !important;
margin: 0 !important;
padding: 0px !important;
border-radius: 0px ;
overflow-y: auto;
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > .person-list:hover {
max-height: 22vh !important;
margin: 0 !important;
padding: 0px !important;
border-radius: 0px ;
overflow-y: auto;
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view li {
position: relative ;
display: inline-block ;
height: 30px ;
width: 270px ;
margin-top: 5px ;
padding: 3px !important;
border-radius: 3px;
overflow: hidden;
transition: opacity 300ms ease-out 0s, background-color 0.2s ease-in-out 0s ;
border: 1px solid #333 ;
}
.sub-photo-right-view > .sub-photo-tags-view {
position: relative ;
display: inline-block !important;
height: auto !important;
min-height: 20px !important;
right: 79px !important;
max-width: 579px !important;
min-width: 579px !important;
margin: 135px 0 0 0px !important;
padding: 0 !important;
border: none ;
}
/* (new308) PHO - PEOP + PEOP EMPTY */
.sub-photo-tags-view.people-is-empty {
position: relative ;
display: inline-block ;
max-width: 580px !important;
min-width: 580px !important;
max-height: 3vh ;
min-height: 2vh ;
line-height: 18px ;
right: 85px !important;
margin: 20vh 0px 20px 0px !important;
padding-top: 0 ;
/*border: 1px solid olive !important;*/
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view.empty {
display: inline-block !important;
max-width: 580px !important;
min-width: 580px !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 18px !important;
margin: 0px 0 0 0 !important;
padding: 2px 3px !important;
text-align: left !important;
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view.empty h3 {
position: relative !important;
display: inline-block !important;
width: 220px !important;
line-height: 18px ;
height: 18px ;
margin: 0 0px 0 0px ;
padding-left: 5px !important;
text-align: left ;
}
.fluid.html-photo-page-scrappy-view .sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > a.show-add-people ,
.fluid.html-photo-page-scrappy-view .sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view.empty > a.show-add-people {
position: relative ;
display: inline-block ;
float: none !important;
width: 230px !important;
line-height: 15px ;
height: 15px ;
top: -2px !important;
left: 108px !important;
right: 0px !important;
text-align: right ;
}
.fluid.html-photo-page-scrappy-view .sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > a.show-add-people {
top: 0px !important;
left: 228px !important;
}
/* (new244) PHO - COPYRIGHT ICON - CONTAINER (cf GM "STIG") */
.sub-photo-right-view .date-license-container ,
.sub-photo-right-view .date-license-container {
position: fixed ;
height: 28px !important;
width: 247px ;
top: 17vh !important;
left: 1670px !important;
right: 0 !important;
}
.fluid.html-photo-page-scrappy-view .photo-license-view {
display: inline-block !important;
line-height: 22px !important;
text-align: right !important;
}
.photo-license-view > .photo-license-info > .photo-license-url i {
float: right !important;
margin: -4px -2px 0 0 !important;
}
/* (new244) PHO - NO COPYRIGHT ICON */
.fluid.html-photo-page-scrappy-view .photo-license-view > .photo-license-info > .photo-license-url i.ui-icon-tiny-noKnown {
margin: 1px 2px 0 0 !important;
}
/* PHO - LICS ICON */
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view > .photo-license-info > .photo-license-url-iconOnly {
display: inline-block ;
vertical-align: middle ;
}
.ui-icon-tiny-copyright ,
.ui-icon-tiny-9cc {
border-radius: 100% ;
transform: scale(0.6) ;
border: 2px solid rgba(194, 188, 188, 0.67) !important;
background-color: rgba(194, 188, 188, 0.67) !important;
}
/* PHO - LICENSE - 2/3 ICON */
.ui-icon-tiny-3cc ,
.ui-icon-tiny-1cc ,
.ui-icon-tiny-2cc ,
.ui-icon-tiny-6cc,
.ui-icon-tiny-5cc,
.ui-icon-tiny-4cc ,
.ui-icon-tiny-10cc {
border-radius: 5px ;
transform: scale(0.7) ;
border: 2px solid rgba(194, 188, 188, 0.67) !important;
background-color: rgba(194, 188, 188, 0.67) !important;
}
/* (new308) PHO - EXIF - CONTAINER SIDEBAR */
.photo-page-sidebar-view .sidebar-main-container .scrollable-container > .photo-charm-exif-scrappy-view ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view {
position: fixed ;
display: inline-block !important;
width: 35px ;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
right: 3px ;
bottom: 78vh !important;
margin-top: 0 ;
opacity: 1 ;
visibility: visible !important;
overflow: hidden !important;
z-index: 500000000 !important;
}
.photo-page-sidebar-view .sidebar-main-container .scrollable-container > .photo-charm-exif-scrappy-view ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view {
overflow: hidden !important;
z-index: 50000000 !important;
}
/* (new309) PHO - EXIF - CONTAINER LIST - SIDEBAR SCROLLABE */
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .scrollable-container > .photo-charm-exif-scrappy-view .exif-charm-list ,
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .photo-charm-exif-scrappy-view ,
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container .scrollable-container .photo-charm-exif-scrappy-view {
/*display: none !important;*/
position: fixed ;
display: inline-block !important;
width: 0px ;
height: 100% !important;
min-height: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list {
position: fixed !important;
display: inline-block !important;
width: 20px !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
bottom: 4.1vh !important;
/*z-index: 50000000000 !important;*/
/*border: 1px solid yellow !important;*/
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list.empty-map > ul > div.exif-column-1 ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list:not(.empty-map) > ul > div.exif-column-1 {
position: fixed;
display: inline-block ;
float: none ;
width: 0px !important;
height: 0px !important;
margin: 0 0 0 0 ;
padding: 0 !important;
border-radius: 5px ;
overflow: hidden !important;
visibility: visible !important;
color: peru !important;
}
/* (new309) HOVER */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list.empty-map > ul > div.exif-column-1:not(:empty):hover ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list:not(.empty-map) > ul > div.exif-column-1:not(:empty):hover {
display: inline-block !important;
width: 270px !important;
height: 100% !important;
min-height: unset !important;
max-height: 61vh !important;
bottom: -5.5vh !important;
right: 0px ;
padding: 0px 0 0px 05px !important;
visibility: visible ;
transform: scale(0.9) ;
transform-origin: top right ;
overflow: hidden ;
overflow-y: auto !important;
opacity: 1 !important;
background: #111 !important;
border: 1px solid red !important;
}
/* (new309) PHOTO - EXIF INDICATOR */
.exif-charm-list.empty-map .exif-column-1:not(:hover):not(:empty) .extended-exif + .extended-exif-item::before ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list ul .exif-column-1:not(:hover):not(:empty) li:first-of-type::before {
content: "📷 ▲" ;
position: fixed ;
display: inline-block !important;
height: 20px !important;
line-height: 19px !important;
width: 30px !important;
bottom: 4.1vh;
right: 0px ;
padding: 0 6px !important;
border-radius: 5px !important;
font-size: 13px ;
visibility: visible !important;
z-index: 500000000 !important;
color: gold ;
background: #333 !important;
border: 1px solid red !important;
}
/* (new308) PHOTO - EXIF ITEMS - ALL FIRST VISIBLE - .extended-exif.two-up */
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li[class^="c-charm-item-"]:not(.divided-bottom):not(.extended-exif-item) {
position: relative ;
display: inline-block !important;
vertical-align: middle ;
height: 22px ;
width: 110px ;
margin: 0 0 2px 4px ;
border-radius: 0 3px 3px 0 ;
border: 1px solid red !important;
}
/* PHOTO - EXIF EMPTY - ITEMS - FIRST ITEM for EXIF INDICATOR */
.exif-charm-list.empty-map .exif-column-1 .extended-exif + .extended-exif-item ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 .c-charm-item-camera.divided-bottom {
width: 275px ;
height: auto ;
margin: 20px 0 0 0 !important;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1:hover .c-charm-item-camera.divided-bottom {
position: sticky !important;
width: 260px !important;
height: auto ;
top: 0 !important;
margin: 0 0 0 -5px !important;
padding: 5px 0 0 5px !important;
z-index: 5000 !important;
background: #111 !important;
/* border: 1px solid red !important; */
}
/* (new243) BUTTON - SHOW MORE EXTENDED - SUPP */
.exif-charm-list.empty-map .exif-column-1 .extended-exif ,
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.two-up:not([class^="c-charm-item-"]):not(.divided-bottom):not(.extended-exif-item) ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 .extended-exif.two-up {
display: none !important;
}
/* MORE EXIF ITEMS EXTENDED */
.exif-charm-list.empty-map .exif-column-1:hover .extended-exif + .extended-exif-item {
margin: 0px 0 0 0 !important;
/* border: 1px solid red !important; */
}
.fluid.html-photo-page-scrappy-view .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 li.extended-exif-item {
display: inline-block !important;
min-width: 260px !important;
max-width: 260px !important;
height: auto ;
min-height: 30px ;
text-align: center ;
border: 1px solid #333 ;
}
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.extended-exif-item ,
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li {
padding: 5px !important;
}
/* EXIF EXT ITEMS - EXTENDED ZEBRA */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > .extended-exif-item:nth-child(even) {
position: relative;
vertical-align: middle ;
height: auto ;
min-height: 20px ;
line-height: 1.3 ;
margin: 0 0 5px ;
padding: 0 ;
background-color: #222 !important;
}
/* EXIF NAME */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 li .exif-name {
float: left ;
height: 15px ;
line-height: 15px ;
margin: 0 0 0px 4px ;
font-size: 15px ;
text-align: center ;
overflow: hidden ;
}
/* EXIF VAL */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 li .exif-value {
float: left ;
width: 270px ;
height: 15px ;
margin-bottom: 0px ;
font-size: 15px ;
text-align: center ;
text-overflow: ellipsis ;
overflow: hidden ;
color: white ;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 li .exif-value {
display: inline-block ;
width: 260px ;
height: auto ;
line-height: 15px ;
margin: 0px ;
font-size: 15px ;
text-align: left ;
text-overflow: ellipsis ;
white-space: pre-wrap ;
overflow: hidden ;
color: white ;
}
/* (new243) PHO - EXIF - ICONS */
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-flash-on ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-aperture ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-focal-length ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-exposure-time ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-iso ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-flash-off ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-exif {
border-radius: 100% ;
background-color: #111 !important;
}
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-flash-on {
margin-top: 1px ;
}
/* (new243) CAMERA */
.exif-column-1 .c-charm-item-camera.divided-bottom > .exif-row {
padding: 0 0 8px 0 !important;
margin-bottom: 8px !important;
border-bottom: 1px solid red ;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 .exif-item.c-charm-item-lens.full-width {
max-width: 240px !important;
height: auto !important;
margin: 0 10px 0 0px !important;
padding: 0px 0 0px 0px !important;
background: #222 !important;
}
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.c-charm-item-camera .exif-camera-name {
width: 145px ;
margin: 0px 0 0 -2px !important;
padding: 3px 0 3px 10px !important;
border-radius: 0 5px 5px 0px !important;
background:#333 !important;
border: 1px solid silver !important;
border-left: 1px solid black !important;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 .c-charm-item-lens.full-width .exif-row {
margin-bottom: 0px ;
margin-left: 0px ;
}
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li .exif-item.full-width {
width: 280px ;
height: auto ;
}
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.c-charm-item-camera .lens-string {
margin: 0px ;
text-align: left ;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1:hover > li.c-charm-item-camera > .exif-row .exif-item:not(.full-width) {
min-height: 56px !important;
max-height: 56px !important;
left: 0px ;
border-radius: 5px !important;
box-shadow: 0px 0px 6px 3px rgba(0,0,0,0.9) inset !important;
background-color: white !important;
border: 1px solid gray !important;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.c-charm-item-camera .ui-illustration-camera {
position: relative ;
display: inline-block ;
min-height: 56px ;
max-height: 56px ;
width: 100% ;
left: 0px ;
margin: 0px 0 0 0px !important;
padding: 0 0px 0 0 ;
/* border-radius: 5px !important; */
visibility: visible ;
transform: scale(0.8) ;
background-position: 50% 50% ;
background-repeat: no-repeat ;
background-size: contain ;
/* background-color: peru !important; */
/* border: 1px solid red !important; */
}
/* LENS */
.c-charm-item-lens.full-width .exif-row {
max-width: 240px !important;
height: auto !important;
line-height: 15px ;
color: gold !important;
}
/* (new243) FOCAL */
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-focal-length {
background-color: #111 !important;
background-image: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) !important;
background-position: -175px -448px !important;
width: 26px !important;
height: 26px !important;
}
/* (new243) EXPOSURE */
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.two-up > i.ui-icon-tiny-exposure-time {
height: 27px ;
width: 23px ;
margin: -3px 15px 0 0;
background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) -471px -34px no-repeat !important;
background-color: #111 !important;
}
/* (new243) ISO */
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-iso {
background-color: #111 !important;
background-image: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) !important;
background-position: -496px -356px !important;
width: 30px !important;
height: 18px !important;
border-radius: 0 !important;
}
/* (new243) LENS */
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.two-up > i.ui-icon-tiny-focal-length {
background-color: #111 !important;
background-image: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) !important;
background-position: -469px -61px;
width: 26px !important;
height: 26px !important;
}
/* (new243) APERTURE */
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.two-up > i.ui-icon-tiny-aperture {
background-color: #111 !important;
background-image: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) !important;
background-position: -469px -61px;
width: 26px !important;
height: 26px !important;
}
/* (new243) FLASH */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 li.c-charm-item-flash span{
display: inline-block !important;
height: 22px !important;
min-width: 80px !important;
max-width: 80px !important;
line-height: 10px !important;
font-size: 10px ;
}
/* (new244) FLASF OFF */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 li.c-charm-item-flash i {
width: 24px !important;
height: 26px !important;
margin-right: 5px ;
border-radius: 0 !important;
background-color: #111 !important;
background-image: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) !important;
background-position: -494px -224px;
}
/* (new244) FLASH ON */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 li.c-charm-item-flash i.ui-icon-tiny-flash-on {
width: 20px;
height: 24px;
margin-right: 5px ;
background-color: #111 !important;
background-image: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-87310c47.png) !important;
background-position: -496px -332px;
border-radius: 0 !important;
}
/* (new309) PHO - MAP - CONTAINER */
.sidebar-main-container .photo-charm-exif-scrappy-view .c-charm-item-location .map-container.maplibregl-map {
display: none !important;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location {
height: 20px ;
width: 55px !important;
background: #111 !important;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:not(:empty) {
position: fixed !important;
display: inline-block ;
float: none ;
width: 255px !important;
min-width: 55px !important;
max-width: 55px !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
margin: 0 !important;
top: 25.5vh !important;
right: 3px !important;
left: unset !important;
z-index: 500000 !important;
visibility: visible !important;
}
/* (new308) PHO - MAP - FLICKR - MAP */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location .map-container {
position: fixed ;
display: inline-block ;
min-width: 250px !important;
top: 19.7vh !important;
left: 1870px !important;
right: 0 !important;
margin: 0px 0 0 0px !important;
transform: scale(0.14) ;
transform-origin: center left ;
z-index: 500000 !important;
overflow: visible ;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location .map-container.is-clickable:hover {
position: fixed ;
display: inline-block ;
min-width: 250px !important;
top: 25.7vh !important;
left: unset !important;
right: 140px !important;
margin: 0px 0 0 0px !important;
transform: scale(1.5) !important;
transform-origin: 4vh 0 !important;
z-index: 500000 !important;
overflow: visible ;
background: #111 !important;
border-top: 2vh solid #111 !important;
}
.photo-charm-exif-scrappy-view .c-charm-item-location .map-container.maplibregl-map[class^=".zoom-"] {
border: 8px solid gold !important;
}
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-column-2.photo-page-sidebar:not(:hover) .protomaps-super-container:before {
content: "Map" !important;
position: fixed !important;
display: inline-block !important;
width: 50px;
height: 1.9vh;
line-height: 1.8vh !important;
margin: -2.2vh 0 0 0 !important;
text-align: right !important;
padding: 1px 15px 1px 0 !important;
border-radius: 3px !important;
font-size: 12px !important;
transform: scale(1) ;
z-index: 500000000 !important;
color: peru !important;
background-color : #222 !important;
border: 1px solid #333 !important;
}
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-column-2.photo-page-sidebar:not(:hover) .protomaps-super-container:after {
content: " " !important;
position: fixed !important;
display: inline-block !important;
width: 18px;
height: 24px;
margin: -2.3vh 0 0 4px !important;
transform: scale(0.7) ;
z-index: 500000000 !important;
opacity: 1!important;
/*background-color : red !important;*/
color: transparent !important;
background: url('https://combo.staticflickr.com/ap/build/images/sprites/scrappy-632a806a.png') no-repeat -104px -54px;
filter: invert(15%) sepia(100%) saturate(6481%) hue-rotate(46deg) brightness(102%) contrast(43%) !important;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location .map-container:not(:hover) .static-map-mb-attr {
display: none !important;
}
.photo-charm-exif-scrappy-view .c-charm-item-location .static-map-attr {
display: none !important;
}
.photo-charm-exif-scrappy-view .c-charm-item-location .map-container.maplibregl-map::after {
content: "";
position: absolute !important;
top: 4.6vh !important;
left: 115px !important;
border-radius: 50%;
pointer-events: none;
transition: all .15s ease-in-out;
z-index: 500000 !important;
background-color: rgba(0,0,0,.2);
border: 2px solid yellow;
}
.photo-charm-exif-scrappy-view .c-charm-item-location .map-container.maplibregl-map.zoom-hovered::after {
content: "";
position: absolute !important;
top: 4vh !important;
left: 108px !important;
border-radius: 50%;
pointer-events: none;
transition: all .15s ease-in-out;
z-index: 500000 !important;
background-color: rgba(0,0,0,.2);
border: 2px solid green !important;
}
.photo-charm-exif-scrappy-view .c-charm-item-location .map-container.maplibregl-map.zoom-tightest::after {
content: "";
position: absolute !important;
top: 3vh !important;
left: 100px !important;
border-radius: 50%;
pointer-events: none;
transition: all .15s ease-in-out;
z-index: 500000 !important;
background-color: rgba(0,0,0,.2);
border: 2px solid red !important;
}
/* (new308) PHO - MAP - FLICKR - MAP - HOVER */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location .map-container:hover {
position: fixed ;
display: inline-block !important;
top: 25vh !important;
left: 1660px !important;
margin: 4px 0 0 0px !important;
padding: 4vh 0 0 0 !important;
transform: scale(1.05) ;
z-index: 5000000 !important;
}
/* MAP - FLICKR - LOCATION NAME - ORIGIN ICON indic :not(:hover)*/
/* (new309) FLICKR MAP - ZOOM INDICATOR */
.photo-charm-exif-scrappy-view .c-charm-item-location .map-container:hover:before {
position: absolute !important;
content: " ❶ \A 🌎" ;
height: 9vh ;
line-height: 4vh ;
width: 35px !important;
margin-left: -35px ;
top: 3.5vh !important;
padding: 0 0 0 0px !important;
text-align: right;
transform: scale(1) ;
font-size: 20px ;
border-radius: 4px 0 0 4px !important;
color: red ;
background: yellow ;
}
.photo-charm-exif-scrappy-view .c-charm-item-location .map-container.maplibregl-map.zoom-hovered:hover:before {
position: absolute !important;
content: " ❷ \A 🌎" ;
height: 9vh ;
line-height: 4vh ;
width: 35px !important;
margin-left: -35px ;
top: 3.5vh !important;
padding: 0 0 0 0px !important;
text-align: right;
transform: scale(1) ;
font-size: 20px ;
border-radius: 4px 0 0 4px !important;
color: white ;
background: green ;
}
.photo-charm-exif-scrappy-view .c-charm-item-location .map-container.maplibregl-map.zoom-tightest:hover:before {
position: absolute !important;
content: " ❸ \A 🌎" ;
height: 9vh ;
line-height: 4vh ;
width: 35px !important;
margin-left: -35px ;
top: 3.5vh !important;
padding: 0 0 0 0px !important;
text-align: right;
transform: scale(1) ;
font-size: 20px ;
border-radius: 4px 0 0 4px !important;
color: gold ;
background: red ;
}
/* (new308) ADD YOUR PHO TO THE - === */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .empty {
position: absolute !important;
display: inline-block ;
height: 24px ;
width: 258px !important;
right: 0 !important;
overflow: hidden ;
border: 1px solid #333 ;
}
.photo-charm-exif-scrappy-view .c-charm-item-location > .empty .empty-map {
position: absolute ;
height: 2vh !important;
width: 158px ;
top: 1px ;
left: 99px ;
opacity: 0.5 ;
z-index: 0;
background-position: right center ;
background-size: 50% auto ;
/*background-color: red !important;*/
}
/* (new308) SUPP IN SCROLLABLE */
.fluid.html-photo-page-scrappy-view .scrollable-container .exif-charm-list.empty-map ,
.fluid.html-photo-page-scrappy-view .scrollable-container .photo-charm-exif-scrappy-view ,
.fluid.html-photo-page-scrappy-view .scrollable-container .exif-charm-list.empty-map ,
.fluid.html-photo-page-scrappy-view .scrollable-container .photo-charm-exif-scrappy-view .c-charm-item-location > .empty .empty-map {
display: none !important;
}
.photo-charm-exif-scrappy-view .c-charm-item-location > .empty a.add-location {
position: absolute;
display: inline-block;
height: 34px ;
line-height: 16px ;
top: 0 ;
left: 0 ;
margin-top: 0 ;
padding: 5px ;
z-index: 300 ;
opacity: 1 ;
color: gold !important;
background: #222;
}
/* (new308) MAP - TXT LOCAT CONT - ICON */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .c-charm-item-location.photo-page-sidebar .marker-text-container .map-icon-location {
position: fixed;
display: inline-block;
height: 15px;
width: 15px;
margin: 8px 0 0 -25px !important;
opacity: 0.3 !important;
transition: all ease 0.7s !important;
fill: peru !important;
}
/* HOVER */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .c-charm-item-location.photo-page-sidebar .marker-text-container:hover .map-icon-location {
position: fixed;
display: inline-block;
height: 20px;
width: 20px;
margin: 8px 0 0 -25px !important;
opacity: 1 !important;
transition: all ease 0.7s !important;
fill: peru !important;
}
/* (new308) MAP - TXT LOCAT CONT */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .marker-text-container ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .location-data-container:nth-child(2) {
position: absolute ;
display: inline-block ;
width: 257px ;
height: 100% !important;
max-height: 2vh !important;
line-height: 10px ;
margin: 0 ;
bottom: 3vh !important;
right: -8px !important;
padding: 0 0 0 5px ;
text-align: left ;
overflow: hidden ;
transition: all ease 0.7s !important;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .marker-text-container .location-data-container {
font-size: 14px;
margin: 0px 0 0px 0px !important;
overflow: hidden;
padding: 0px !important;
transition: background-color 0.2s ease-in-out 0s;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location:hover > .location-data-container:nth-child(2) ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .location-data-container:nth-child(2):hover {
min-height: 2vh !important;
max-height: 6vh !important;
text-align: left !important;
transition: all ease 0.7s !important;
}
/* HOVER - MAP LOCA/MAP INDI GOOGLE/FLICKR */
.sub-photo-right-view > .photo-charm-exif-scrappy-view:hover .exif-column-2 .c-charm-item-location > .location-data-container:nth-child(3) {
right: 150px ;
}
/* (new230COM) MAP - LOCA TXT + FOURSQUARE ICON - SEARCH ICON */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .marker-text-container a.foursquare-on-flickr-search.location-name-link:after ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .marker-text-container a[href^="https://www.flickr.com/search/?"]:after ,
.photo-charm-exif-scrappy-view .c-charm-item-location > .location-data-container:nth-child(2) a.location-name-link:not(.foursquare-venue):after {
content: "⌕" ;
position: fixed ;
width: 20px ;
height: 16px ;
line-height: 15px ;
right: 3px ;
text-align: center ;
color: gold ;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .marker-text-container a.foursquare-on-flickr-search.location-name-link ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .marker-text-container a[href^="https://www.flickr.com/search/?"] ,
.photo-charm-exif-scrappy-view .c-charm-item-location > .location-data-container:nth-child(2) a.location-name-link:not(.foursquare-venue) {
position: fixed !important;
display: inline-block !important;
vertical-align: top !important;
width: 229px ;
height: 1.7vh !important;
line-height: 15px ;
margin: 0 ;
right: 5px !important;
bottom: 74.9vh !important;
padding: 0 15px 0 5px !important;
border-radius: 5px 0 0 5px !important;
text-align: left ;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
border: 1px solid #333 !important;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .marker-text-container a.foursquare-on-flickr-search.location-name-link:hover ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .marker-text-container a[href^="https://www.flickr.com/search/?"]:hover ,
.photo-charm-exif-scrappy-view .c-charm-item-location > .location-data-container:nth-child(2) a.location-name-link:not(.foursquare-venue):hover {
display: inline-block !important;
vertical-align: top !important;
height: auto !important;
line-height: 16px !important;
min-width: 229px !important;
min-height: 3.5vh !important;
bottom: 73.9vh !important;
padding: 0 15px 0 5px !important;
text-align: left !important;
white-space: normal !important;
overflow: visible !important;
background: #111 !important;
}
/* PHO - MAP - LOCA DATA - FLICKR MAP on HOVER - Cf GM "STIG" */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .marker-text-container a[href^="https://www.flickr.com/search/?"] ,
.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container:last-of-type > a[href^="https://www.flickr.com/search/?"] {
float: left ;
line-height: 15px !important;
text-align: left;
font-size: 15px ;
color: peru !important;
}
/* MAP - FOURSQUARE ICON */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .marker-text-container a.foursquare-venue {
position: fixed !important;
display: block;
width: 15px !important;
height: 15px !important;
margin: -10px 0 0 -25px !important;
font-size: 0px !important;
opacity: 0.3 !important;
transform: scale(0.7) ;
}
/* (new308) LOCATION + FOURSQUARE - FLICKR MAP INDICATOR */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .marker-text-container a.foursquare-on-flickr-search.location-name-link:before ,
.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="https://www.flickr.com/search/?"]:before ,
.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container:last-of-type > a[href^="https://www.flickr.com/search/?"]:before {
content: "Flickr Map" ;
position: fixed !important;
display: inline-block ;
width: 55px ;
height: 15px ;
line-height: 17px !important;
top: 25.7vh !important;
right: 72px ;
padding: 0 20px 0 12px ;
border-radius: 0 5px 5px 0 ;
text-align: center ;
font-size: 10px ;
/* background-image: url('https://i.imgur.com/M9ccQMOl.jpg') !important;*/
background-image: url('https://live.staticflickr.com/65535/53606798322_8cb8c39c0f_z.jpg') !important;
background-repeat: no-repeat ;
background-position: left top ;
background-size: contain ;
font-family: "Material Icons" ;
opacity: 0.3 ;
z-index: 50000 ;
color: white !important;
background-color: green !important;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover .c-charm-item-location .location-data-container:hover > a[href^="https://www.flickr.com/search/?"]:before {
opacity: 1 ;
color: white ;
background-color: red !important;
}
/* (new308) FLICKR MAP - HOVER */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover .c-charm-item-location > .marker-text-container a.foursquare-on-flickr-search.location-name-link:before ,
.photo-charm-exif-scrappy-view .c-charm-item-location:hover .location-data-container > a[href^="https://www.flickr.com/search/?"]:before ,
.photo-charm-exif-scrappy-view .c-charm-item-location:hover .location-data-container:last-of-type > a[href^="https://www.flickr.com/search/?"]:before ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover .c-charm-item-location .location-data-container > a[href^="https://www.flickr.com/search/?"]:before {
margin: 0.5vh 0 0 0 !important;
opacity: 1 ;
color: white ;
background-color: red !important;
}
/* POLL/ALB/GAL - TOTAL CONTAINER */
.sub-photo-contexts-view > div:not(:empty) {
position: relative ;
display: inline-block !important;
max-width: 579px;
min-width: 579px;
margin: 5px 0 5px 0 !important;
padding: 1px !important;
border-radius: 5px !important;
border: 1px solid #333 !important;
}
/* ZEBBRA */
.sub-photo-contexts-view > div:not(:empty):nth-child(odd){
background: #222 !important;
}
.sub-photo-contexts-view > div:not(:empty):nth-child(even){
background: rgba(17, 17, 17, 0.41) !important;
}
/* (new308) */
.sub-photo-right-view > .sub-photo-contexts-view {
position: relative ;
display: inline-block !important;
width: 100% !important;
max-width: 590px !important;
min-width: 590px !important;
height: auto !important;
margin: 0px ;
right: 85px !important;
top: 19vh !important;
/*border: 1px solid aqua !important;*/
}
.sub-photo-contexts-view .sub-photo-context {
position: relative;
margin: 0px !important;
padding: 0 !important;
border-top: none ;
}
.sub-photo-contexts-view .sub-photo-context h5 {
position: relative ;
display: inline-block ;
line-height: 20px ;
top: 0px ;
margin: 0px !important;
padding-left: 5px !important;
}
/* (new313) PHO - ADD TO - POOL/ALB/GAL */
html.fluid.html-photo-page-scrappy-view.scrolling-layout .sub-photo-groups-view .sub-photo-context-groups h5 + .label-container {
position: absolute ;
right: 5px ;
margin: -4px ;
padding: 0 !important;
}
.sub-photo-contexts-view .sub-photo-context a.add-to {
position: absolute ;
right: 5px ;
margin: -3px ;
padding: 0 !important;
}
/* PHO - CONT LIST - ALL */
.sub-photo-contexts-view .sub-photo-context ul.context-list {
position: relative ;
display: inline-block !important;
height: 100% !important;
min-height: 7vh !important;
max-height: 7vh !important;
min-width: 579px !important;
max-width: 579px !important;
right: -5px !important;
margin: 0 !important;
padding: 5px 0 0 1px ;
overflow-x: hidden ;
overflow-y: auto ;
z-index: 1 ;
transition: all ease 2.5s ;
transition-delay: 0.7s ;
}
.sub-photo-contexts-view .sub-photo-context ul.context-list:hover {
max-height: 35vh !important;
margin-top: 10px ;
padding-right: 7px ;
overflow-x: hidden ;
overflow-y: auto ;
}
/* (new308) */
.sub-photo-contexts-view .sub-photo-context .context-list li {
position: relative ;
display: inline-block ;
float: none ;
width: 260px ;
height: 5.5vh !important;
margin: 0 0 4px 7px !important;
padding: 4px 6px ;
border-radius: 3px ;
overflow: hidden;
transition: opacity 300ms ease-out 0s, background-color 0.2s ease-in-out 0s ;
border: 1px solid #333 ;
}
.sub-photo-contexts-view .sub-photo-context .context-list li:hover {
background: #222 !important;
}
.sub-photo-contexts-view .sub-photo-context-groups .context-list li .thumbnail {
margin-right: 5px;
border-radius: 0 ;
}
.sub-photo-view .sub-photo-context-groups .context-list li .title {
display: inline-block !important;
min-width: 195px !important;
max-width: 195px !important;
text-transform: lowercase !important;
border-bottom: 1px solid #333 !important;
}
.sub-photo-view .sub-photo-context-groups .context-list li span.title:first-letter {
display: inline-block !important;
text-transform: capitalize !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li .counts {
margin: 0 ;
font-size: 12px !important;
}
/* ALB LIST */
.sub-photo-contexts-view .sub-photo-context-albums ul.context-list:hover {
max-height: 338px !important;
z-index: 500000 !important;
}
/* PHO - CONTEXT LIST - POOLS */
.sub-photo-groups-view {
position: relative !important;
display: inline-block !important;
max-width: 584px;
min-width: 584px;
margin: 12px 0 5px 0px !important;
}
.sub-photo-contexts-view .invitation-notice {
position: absolute ;
display: inline-block ;
width: 466px ;
margin-top: 1px ;
padding: 2px 17px ;
margin-bottom: 53px ;
border-top: none ;
text-align: right ;
font-size: 14px ;
background-color: #333 !important;
}
/* PHO - MY ALB EMPTY */
.sub-photo-contexts-view .sub-photo-context.sub-photo-context-albums.empty ,
.sub-photo-contexts-view .sub-photo-context.empty {
max-width: 579px;
min-width: 579px;
height: 18px ;
line-height: 18px ;
margin-bottom: 13px ;
margin-top: 30px ;
padding: 2px 3px ;
text-align: left ;
border: 1px solid green ;
}
/* PHO - CONTEXT LIST - ALB */
.sub-photo-albums-view:not(:empty) {
position: relative ;
display: inline-block ;
max-height: 253px !important;
margin: 0px 0 0 0 !important;
}
.sub-photo-contexts-view .sub-photo-context.empty p:last-child {
margin-top: 0;
text-align: right;
}
.sub-photo-contexts-view .sub-photo-albums-view ul.context-list {
position: relative !important;
display: inline-block !important;
min-height: 75px !important;
max-height: 75px !important;
margin-top: 10px ;
overflow-x: hidden ;
overflow-y: auto ;
}
/* PHO - CONTEXT LIST - GAL */
.sub-photo-galleries-view:not(.empty) {
position: relative !important;
display: inline-block !important;
max-width: 579px !important;
min-width: 579px !important;
max-height: 105px !important;
margin: 0 0 10px 0px ;
}
.sub-photo-galleries-view:not(.empty) ul.context-list {
min-height: 66px !important;
max-height: 66px !important;
padding: 2px 0 0 1px ;
overflow-x: hidden ;
overflow-y: auto ;
}
.sub-photo-container .sub-photo-galleries-view ul.context-list:hover {
max-height: 170px !important;
}
.sub-photo-context.sub-photo-context-galleries .context-list li .title {
max-width: 140px ;
}
/* PHO - POLL LIST - POOL AC INVIT BUT */
.sub-photo-contexts-view .sub-photo-context .context-list li button.accept-invite {
display: inline-block ;
vertical-align: top;
height: 15px ;
line-height: 14px ;
padding: 0 5px ;
opacity: 0.4 ;
}
.sub-photo-contexts-view .sub-photo-context .context-list li button.accept-invite:hover {
opacity: 1 !important;
}
/* HO - CONTEXT LIST - DEL IMG - ALL POOLS */
.sub-photo-contexts-view .sub-photo-context .context-list li .remove ,
.sub-photo-contexts-view .sub-photo-context .context-list li:hover .remove {
position: absolute ;
height: 15px ;
width: 15px ;
margin-top: 30px ;
margin-right: 0px ;
border: 2px solid red ;
border-radius: 10px ;
z-index: 100 ;
transform: scale(1.2) ;
background: rgba(0, 0, 0, 0.78) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -541.4px -156px ;
background-color: red !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li .remove {
display: inline-block !important;
opacity: 0.6 !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li:hover .remove {
opacity: 1 !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li .remove:hover:before {
content: "Delete \A Image" ;
position: fixed ;
display: inline-block ;
width: 100% ;
min-width: 40px ;
max-width: 40px ;
line-height: 8px ;
top: -10px ;
left: -18px ;
padding: 2px ;
border-radius: 5px ;
text-align: center ;
font-weight: 600 ;
font-size: 10px ;
opacity: 1 ;
z-index: 0 ;
z-index: 500 ;
background: red ;
}
/* PHO - CONTEXT LIST - REMOVE INVIT - ALL POOL */
.sub-photo-contexts-view .sub-photo-context .context-list li .cancel-invite {
opacity: 0.6 ;
}
.sub-photo-contexts-view .sub-photo-context .context-list li:hover .cancel-invite {
opacity: 1 ;
}
.sub-photo-contexts-view .sub-photo-context .context-list li .cancel-invite {
position: absolute ;
height: 15px ;
width: 15px ;
top: 40px ;
right: 10px ;
border-radius: 10px ;
font-size: 0px ;
z-index: 500000 !important;
cursor: pointer ;
transform: scale(1.2) ;
border: 2px solid green !important;
background: rgba(0, 0, 0, 0.78) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -541px -156px ;
background-color: green !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li.cancel-invite:hover {
height: 10px ;
width: 10px ;
top: 50px ;
z-index: 2500 !important;
border: 2px solid yellow !important;
background-color: yellow !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li .cancel-invite:hover:before {
content: "Remove \A Invte" ;
position: fixed ;
display: inline-block ;
width: 100% ;
min-width: 40px ;
max-width: 40px ;
line-height: 8px ;
top: -10px ;
left: -18px ;
padding: 2px ;
border-radius: 5px ;
text-align: center ;
font-size: 10px ;
opacity: 1 ;
z-index: 500 ;
background: peru ;
}
/* PHO - CONTEXT LIST - MORE - POOL */
.sub-photo-contexts-view .sub-photo-context .view-all-contexts-of-type {
position: fixed ;
display: inline-block ;
width: 15px ;
height: 15px ;
line-height: 4px ;
top: 28.5vh ;
right: 305px ;
padding: 3px ;
border-radius: 10px ;
font-size: 0px ;
cursor: pointer ;
opacity: 0.5 ;
}
.sub-photo-contexts-view .sub-photo-context .view-all-contexts-of-type:hover {
opacity: 1 ;
}
.sub-photo-contexts-view .sub-photo-context .view-all-contexts-of-type a:before {
content: "✚" ;
position: relative ;
display: inline-block ;
width: 15px ;
height: 15px ;
line-height: 16px ;
top: -1px ;
left: -1px ;
padding: 1px ;
border-radius: 10px ;
font-size: 15px ;
text-align: center ;
cursor: pointer ;
visibility: visible ;
}
.sub-photo-contexts-view .sub-photo-context .view-all-contexts-of-type a:hover:before {
font-size: 16px ;
cursor: pointer ;
color: tomato ;
background: black ;
}
/* PHO - POOL / GAL - EMPTY */
/* ALL EMPTY */
.sub-photo-contexts-view .sub-photo-context.empty p:first-child {
height: 20px ;
line-height: 18px !important;
margin: 0 !important;
padding-left: 5px ;
}
.sub-photo-contexts-view .sub-photo-context.empty a.add-to {
margin-top: 21px ;
right: 5px ;
}
/* PHO - POOL / ALB EMPTY */
.sub-photo-contexts-view .sub-photo-context-groups.empty {
display: inline-block ;
height: 20px ;
line-height: 20px ;
min-width: 579px !important;
max-width: 579px !important;
right: 0px !important;
margin: 38px 0 29px -7px ;
padding: 1px 10px ;
text-align: left ;
z-index: 10 ;
border: 1px solid green !important;
}
.sub-photo-contexts-view .sub-photo-context.sub-photo-context-albums.empty p:last-child ,
.sub-photo-contexts-view .sub-photo-context-groups.empty p:last-child {
position: absolute ;
display: inline-block ;
height: 20px ;
line-height: 20px ;
width: 100% ;
min-width: 100px ;
max-width: 100px ;
margin: 0px ;
right: 0px ;
top: 0 !important;
visibility: visible ;
}
.sub-photo-contexts-view .sub-photo-context.sub-photo-context-albums.empty a.add-to ,
.sub-photo-contexts-view .sub-photo-context-groups.empty a.add-to {
display: inline-block ;
margin-top: 0px ;
right: 5px ;
}
/* ADAP LANG */
html[lang="ko-kr"] .sub-photo-contexts-view .sub-photo-context-groups.empty p:first-child ,
html[lang="fr-fr"] .sub-photo-contexts-view .sub-photo-context-groups.empty p:first-child {
width: 345px ;
font-size: 14px !important;
}
html[lang="ko-kr"] .sub-photo-contexts-view .sub-photo-context-groups.empty p:last-child ,
html[lang="fr-fr"] .sub-photo-contexts-view .sub-photo-context-groups.empty p:last-child {
min-width: 140px;
max-width: 140px;
line-height: 13px !important;
}
/* LANG - NBR in POLL */
html[lang="ko-kr"] .sub-photo-contexts-view .sub-photo-context.sub-photo-context-groups h5 ,
html[lang="fr-fr"] .sub-photo-contexts-view .sub-photo-context.sub-photo-context-groups h5 {
font-size: 12px !important;
}
/* LANG - PRIVACY LABELS */
.html-photo-page-scrappy-view:not([lang="en-us"]) .sub-photo-additional-info-view .ui-dropdown > .truncate {
font-size: 10px !important;
}
.html-photo-page-scrappy-view[lang="ko-kr"] span.flag-label ,
.html-photo-page-scrappy-view[lang="fr-fr"] span.flag-label{
font-size: 10px !important;
}
/* GAL - EMPTY */
.sub-photo-contexts-view .sub-photo-context-galleries.empty {
display: inline-block ;
height: 20px !important;
max-width: 579px !important;
min-width: 579px !important;
right: 0px !important;
margin: 0px 0 0 0 !important;
padding: 2px 10px ;
text-align: left ;
border: 1px solid gray ;
}
.sub-photo-contexts-view .sub-photo-context-galleries.empty p {
height: 20px !important;
line-height: 25px !important;
padding-left: 5px !important;
}
.sub-photo-contexts-view .sub-photo-context-galleries.empty p:last-child {
position: absolute ;
display: inline-block ;
height: 100% ;
min-height: 20px ;
max-height: 20px ;
line-height: 20px ;
width: 100% ;
max-width: 100px ;
min-width: 100px ;
right: 0px ;
top: -5px ;
margin: 0px 0 0 0 ;
visibility: visible ;
}
/* PHO - ADDIT INFOS - Cf PB */
.sub-photo-additional-info-view:empty {
margin-top: 11px ;
padding: 5px 10px ;
}
/* (new242) PHO NEW DESIGN - ADDITIONAL INFOS */
.sub-photo-tags-view.tags-is-empty + .sub-photo-additional-info-view ,
.sub-photo-additional-info-view:empty ,
.sub-photo-additional-info-view:not(:empty) ,
.sub-photo-additional-info-view ,
.sub-photo-tags-view.tags-is-empty + .sub-photo-additional-info-view{
position: fixed !important;
display: inline-block !important;
height: auto !important;
min-height: 8.5vh !important;
max-width: 573px !important;
min-width: 573px !important;
margin: 0px !important;
bottom: 0.2vh !important;
right: 0 !important;
padding: 0px 0px 5px 10px ;
z-index: 0 !important;
border-radius: 5px 5px 0 0 !important;
background: #222 !important;
border: 1px solid #333 !important;
}
.sub-photo-additional-info-view .additional-info {
display: inline-block !important;
line-height: 14px;
margin: 0px 0 0px 0 !important;
}
.additional-info > h3 {
position: relative;
display: inline-block ;
max-width: 575px !important;
min-width: 575px !important;
height: 20px !important;
margin: -0.3vh 0 5px 0px !important;
right: 0 !important;
padding: 0 5px 0 5px !important;
text-align: left !important;
border: none !important;
}
/* (new310) PHO - ADDIT INFOS - PRIVACY ALL - NOT LISCENSE / HISTORY / FLAG - VOIR :not(.c-charm-item-privacy) */
.sub-photo-additional-info-view .additional-info > li:not(.c-charm-item-license-history):not(.commenting-permission):not(.add-meta-permission):not(.flag-photo-container) {
display: inline-block !important;
width: auto ;
min-width: 21% !important;
max-width: 21% !important;
vertical-align: bottom ;
height: 100% ;
min-height: 2.5vh !important;
max-height: 2.5vh !important;
line-height: 20px ;
margin: 5px 0 0 0 !important;
cursor: pointer ;
border-radius: 50px 0 0 50px ;
border: 1px solid #333 !important;
}
/* (new234) PHO - ADDIT INFOS - FLAG */
.sub-photo-additional-info-view .additional-info > li.flag-photo-container {
position: absolute !important;
display: inline-block !important;
width: auto !important;
vertical-align: bottom ;
height: 100% ;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 15px ;
margin: -2vh 0px 0 0 !important;
right: 0 !important;
cursor: pointer ;
border-radius: 50px 0 0 50px ;
border: 1px solid #333 !important;
}
/* LABEL ONE LINE */
.sub-photo-additional-info-view .c-charm-item-privacy .ui-dropdown > span.truncate ,
.sub-photo-additional-info-view .additional-info > li.c-charm-item-safetylevel .safety-container span.truncate{
height: 27px;
line-height: 22px !important;
}
.sub-photo-additional-info-view .additional-info > li.c-charm-item-safetylevel .safety-container div.ui-dropdown {
float: right;
width: 100% !important;
height: 25px;
top: 0;
}
.sub-photo-additional-info-view .additional-info > li div:last-of-type.ui-dropdown {
float: right !important;
width: 78% !important;
top: 0px !important;
background: #111 !important;
}
/* (new206) PHO - ADD INFOS - NORMAL + EDIT - SUPP INFO LABEL */
.sub-photo-additional-info-view .add-meta-permission + li .safety-label ,
.sub-photo-additional-info-view .add-meta-permission .meta-permissions-label ,
.sub-photo-additional-info-view .commenting-permission .commenting-label ,
.sub-photo-additional-info-view li > .safety-label ,
.safety-label ,
.sub-photo-additional-info-view li span.privacy-label {
position: absolute !important;
display: inline-block !important;
width: 185px !important;
margin-top: 0px ;
margin-left: -45px ;
border-radius: 5px ;
font-size: 10px !important;
text-align: center !important;
opacity: 0 ;
z-index: 50000 !important;
transition: all ease 0.2s ;
}
.sub-photo-additional-info-view .add-meta-permission + li:hover .safety-label,
.sub-photo-additional-info-view li.add-meta-permission:hover .meta-permissions-label,
.sub-photo-additional-info-view li.commenting-permission:hover .commenting-label,
.sub-photo-additional-info-view li:hover > .safety-label,
.sub-photo-additional-info-view li:hover .safety-label ,
.sub-photo-additional-info-view li:hover span.privacy-label {
height: 21px !important;
line-height: 20px !important;
margin-top: -24px ;
margin-left: -24px ;
text-align: center !important;
opacity: 1 ;
transition: all ease 0.7s ;
color: gold !important;
border: 1px solid gray ;
background: #333 !important;
}
/* PHO - ADD INFOS - NORMAL + EDIT - DROP INFO LABEL */
.sub-photo-additional-info-view .ui-dropdown > .truncate {
position: relative ;
display: inline-block ;
min-width: 77% !important;
max-width: 77% !important;
vertical-align: middle ;
height: 100% ;
min-height: 27px ;
max-height: 27px ;
line-height: 12px ;
top: 1px ;
left: 2px ;
margin-right: 0px ;
font-size: 15px ;
white-space: normal ;
word-wrap: normal ;
}
/* (new234) SAFETY LEVEL / PRIVACY - VALUE */
.sub-photo-additional-info-view .additional-info > li.c-charm-item-safetylevel > .label-container + .safety-container span.safety-value ,
.sub-photo-additional-info-view li.c-charm-item-privacy .label-container + .privacy-value {
position: absolute !important;
display: inline-block !important;
height: 2.3vh !important;
line-height: 2.4vh !important;
width: auto !important;
top: 3.1vh !important;
text-align: left !important;
margin: 0 0 0 30px !important;
}
/* (new234) PHO - CONTENT */
.sub-photo-additional-info-view li.content-type.ready .label-container + .content-type-value {
position: absolute !important;
min-width: 24.5% !important;
max-width: 24.5% !important;
top: unset !important;
margin: -2.5vh 0 0 30px !important;
color: silver !important;
}
/* (new234)PRIVACY */
.sub-photo-additional-info-view li .permissions-button.privacy-permissions-button {
position: absolute !important;
width: 153px !important;
top: 3vh !important;
margin: 0 0 0 30px !important;
padding: 0 0 0 5px !important;
}
/* (new234) SAFETY - CONTENT */
.sub-photo-additional-info-view li .permissions-button.safety-level-button ,
.sub-photo-additional-info-view li .permissions-button.content-type-button {
position: absolute !important;
width: 153px !important;
top: 3vh !important;
margin: 0 0 0 30px !important;
padding: 0 0 0 5px !important;
}
.sub-photo-additional-info-view li.content-type.ready .label-container span {
font-size: 0px !important;
}
.sub-photo-additional-info-view li.content-type.ready .label-container svg {
height: 18px ;
width: 22px ;
margin: 4px -5px 0 2px ;
padding: 1px ;
border-radius: 3px !important;
opacity: 0.4 ;
border: none !important;
}
/* (new309) PHO - LICENSE HIST - BOTTOM INFOS */
.sub-photo-additional-info-view .c-charm-item-license-history.photo-page-sidebar.mobile {
position: fixed !important;
display: inline-block !important;
width: auto ;
vertical-align: bottom ;
height: 100% ;
min-height: 2.2vh !important;
max-height: 2.2vh !important;
line-height: 15px ;
right: 120px !important;
top: unset !important;
bottom: 6.6vh !important;
border-radius: 5px !important;
overflow: hidden !important;
opacity: 0.5 !important;
border: 1px solid red !important;
}
/* (new310) PHO - COPYRIGHT / LICENSE - TOP INFOS */
.sub-photo-additional-info-view .c-charm-item-license-history {
position: fixed !important;
display: inline-block !important;
width: auto ;
vertical-align: top!important;
height: 100% ;
min-height: 2.4vh !important;
max-height: 2.4vh !important;
line-height: 2vh !important;
right: 200px !important;
bottom: 6.8vh !important;
overflow: hidden !important;
opacity: 1 !important;
/*background: aqua !important;*/
}
/* (new308) */
.sub-photo-additional-info-view .c-charm-item-license-history.photo-page-sidebar.desktop .photo-license-view .photo-license-url {
display: inline-block !important;
width: auto ;
vertical-align: top !important;
height: 100% ;
min-height: 1.8vh !important;
max-height: 1.8vh !important;
line-height: 1.8vh !important;
margin: -2px 0 0 0 !important;
/*border: 1px dashed aqua !important;*/
}
/* (new308) MY */
.sub-photo-additional-info-view .c-charm-item-license-history:not(.mobile) .photo-license-info {
position: relative ;
float: right !important;
width: auto ;
vertical-align: bottom ;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 15px ;
line-height: 0vh !important;
margin: -2px 6px 0 0 !important;
cursor: pointer ;
border-radius: 50px 0 0 50px ;
border: 1px solid #333 !important;
}
.sub-photo-additional-info-view .c-charm-item-license-history > div {
position: relative ;
float: right !important;
width: auto ;
vertical-align: bottom ;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 15px ;
line-height: 0vh !important;
margin: 2px 6px 0 0 !important;
cursor: pointer ;
border-radius: 50px 0 0 50px ;
border: 1px solid #333 !important;
}
.sub-photo-additional-info-view .c-charm-item-license-history > div.label-container {
position: relative ;
float: right !important;
width: auto !important;
vertical-align: middle !important;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 2vh !important;
margin: 0px 0px 0 0 !important;
cursor: pointer ;
border-radius: 50px 0 0 50px ;
border: 1px solid #333 ;
}
.sub-photo-additional-info-view li > .label-container svg.icon.license-history-icon {
height: 100% ;
min-height: 2vh !important;
max-height: 2vh !important;
width: 18px;
margin-left: 4px !important;
}
.sub-photo-additional-info-view li > .label-container svg.icon.license-history-icon use {
display: inline-block !important;
height: 100% ;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 2vh !important;
width: 22px !important;
margin-left: 4px !important;
}
.sub-photo-additional-info-view li span.show-license-history:not(.arrow):not(.charm-ui-error) {
display: inline-block;
height: 100% ;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 2vh !important;
margin: 0px 6px 0 0 !important;
padding: 0 0 0 3px !important;
text-align: left;
vertical-align: middle;
}
.sub-photo-additional-info-view li > .label-container .show-license-history {
display: inline-block;
width: 40px !important;
height: 100% ;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 8px !important;
margin: 0 0 0 4px !important;
font-size: 10px !important;
white-space: pre-wrap !important;
overflow: hidden !important;
}
/* (new234) PHO LICENSE */
.sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-row1 .date-license-container .photo-license-view .photo-license-info {
position: fixed !important;
float: none !important;
width: auto ;
vertical-align: bottom ;
height: 100% ;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 2vh !important;
top: 17vh !important;
right: 73px !important;
margin: 0px 0px 0 0 !important;
cursor: pointer ;
border-radius: 50px 0 0 50px ;
border: 1px solid #333 !important;
}
.sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-row1 .date-license-container .photo-license-view .photo-license-info a.photo-license-url {
width: auto ;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 2vh !important;
margin: 0 0 0 0 !important;
}
.sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-row1 .date-license-container .photo-license-view .photo-license-info a span{
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 2vh !important;
margin: 0 4px 0 10px !important;
font-size: 13px !important;
color: silver !important;
}
/* (new234) CONTENT */
.sub-photo-additional-info-view li.content-type.ready .label-container span {
font-size: 0 !important;
}
.sub-photo-additional-info-view li.content-type.ready .label-container svg {
height: 18px ;
width: 22px ;
margin: 2px -5px 0 2px ;
padding: 1px ;
border-radius: 3px !important;
opacity: 0.4 ;
border: none !important;
}
.sub-photo-additional-info-view li.content-type.ready .label-container {
margin: 0px -10px 0 0 ;
}
/* (new308) PHO - PRIV ICONS - PUBLIC */
.sub-photo-additional-info-view li.commenting-permission .label-container i ,
.sub-photo-additional-info-view .label-container i {
border-radius: 50% !important;
opacity: 0.30 !important;
background-color: #111 !important;
}
.commenting-permission i.ui-icon-tiny-commentPermission3 ,
.sub-photo-additional-info-view .c-charm-item-privacy i.ui-icon-tiny-privacypublic {
height: 16px !important;
width: 15px !important;
margin: 0 0 0 0px !important;
padding: 2px !important;
opacity: 1 ;
transform: scale(0.8) !important;
border: 2px solid green !important;
background: #111 url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png) no-repeat scroll -199px -17px !important;
}
/* PRIVATE/FRIEND */
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfamily ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriends ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyprivate {
height: 17px ;
width: 17px ;
margin-left: 0px ;
margin-top: 0px ;
padding: 2px 2px 2.5px 2px ;
opacity: 0.6 !important;
background: #111 url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png) no-repeat scroll -198px -34px ;
border: 2px solid red !important;
}
/* (new234)SAFE */
.sub-photo-additional-info-view i.ui-icon-tiny-safety-0 {
height: 17px ;
width: 17px ;
margin: 1px 0 0 0px ;
text-align: center ;
transform: scale(0.8) !important;
opacity: 0.7 ;
background: #111 url("https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png") no-repeat scroll -199px -82px ;
border: 2px solid green !important;
}
/* (new234) MOD */
.sub-photo-additional-info-view i.ui-icon-tiny-safety-1 {
height: 16px ;
width: 16px ;
margin: -1px 0 0 0 !important;
padding: 2px 2px 2.5px 2px ;
opacity: 0.6 !important;
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png") no-repeat scroll -154px -148.5px ;
border: 2px solid orange !important;
}
/* ONLY YOU/FAM/FRIE */
.sub-photo-additional-info-view i.ui-icon-tiny-commentPermission2,
.sub-photo-additional-info-view i.ui-icon-tiny-metaPermission2 ,
.sub-photo-additional-info-view i.ui-icon-tiny-commentPermission1,
.sub-photo-additional-info-view i.ui-icon-tiny-metaPermission1 ,
.sub-photo-additional-info-view i.ui-icon-tiny-commentPermission0,
.sub-photo-additional-info-view i.ui-icon-tiny-metaPermission0 {
height: 16px ;
width: 16px ;
margin-left: 0px ;
margin-top: 0px ;
padding: 2px 2px 2.5px 2px ;
opacity: 0.6 ;
background: #111 url("https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png") no-repeat scroll -198px -34px ;
border: 3px solid orange !important;
}
/* RESTR/FRI ONLY */
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriendsandfamily ,
.sub-photo-additional-info-view i.ui-icon-tiny-safety-2 {
display: inline-block ;
height: 17px ;
width: 17px ;
margin-left: 0px ;
margin-top: 1px ;
padding: 2px 2px 2.5px 2px ;
opacity: 0.6 ;
background: #111 url("https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png") no-repeat scroll -198px -34px ;
border: 2px solid red !important;
}
/* (new234) PHO - FLAG */
.sub-photo-additional-info-view i.ui-icon-tiny-flag-photo {
height: 19px ;
width: 17px ;
margin: -4px -1px 0 -3px !important;
padding: 2px 0px 0px 3px ;
border-radius: 50% !important;
opacity: 0.3 ;
transform: scale(0.6) !important;
background: rgba(18, 180, 177, 0.32) url("https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png") no-repeat scroll -169px -117px ;
border: 3px solid gray !important;
}
.sub-photo-additional-info-view li .flag-photo {
width: 100% !important;
text-align: center !important;
}
span.flag-label{
float: right ;
height: 2vh !important;
line-height: 2vh !important;
width: auto !important;
text-align: center !important;
/* background: #111 !important; */
}
/* (new235) SAFFTY/PRIVACY - ALL - INDICATORS */
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfamily:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriends:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriendsandfamily:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyprivate:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriendsandfamily:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-safety-2:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-safety-1:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-safety-0:before {
content: " " !important;
position: fixed !important;
display: inline-block !important;
height: 12px !important;
width: 12px !important;
line-height: 12px ;
top: 21.8vh !important;
right: 551px !important;
border-radius: 50% !important;
font-style: normal;
font-size: 10px !important;
text-align: center ;
transform: scale(1) !important;
opacity: 1 !important;
z-index: 500000000 !important;
color: white !important;
}
/* (new310) GREEN - SAFETY */
.sub-photo-additional-info-view i.ui-icon-tiny-safety-0:before {
content: " " !important;
position: fixed !important;
display: inline-block !important;
height: 12px !important;
width: 12px !important;
line-height: 12px ;
top: -90vh !important;
right: 157px !important;
border-radius: 50% !important;
font-style: normal;
font-size: 10px !important;
text-align: center ;
opacity: 1 !important;
z-index: 500000000 !important;
color: white !important;
}
/* (new235) PERU - SAFETY - MODERATED */
/* .sub-photo-additional-info-view i.ui-icon-tiny-safety-1:before , */
/* (new235) RED - SAFETY - PRIVATE */
/* .sub-photo-additional-info-view i.ui-icon-tiny-safety-2:before , */
/* (new235) SMAL INDIC - PRIV / FAM / FIREND */
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfamily:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriends:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriendsandfamily:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyprivate:before {
height: 9px !important;
width: 9px !important;
line-height: 8px ;
right: 550px !important;
top: 168px !important;
font-size: 8px !important;
opacity: 1 !important;
background: red !important;
border: 1px solid tomato !important;
}
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriends:before {
content: "FR" !important;
width: 18px !important;
}
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfamily:before {
content: "FM" !important;
width: 18px !important;
}
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriendsandfamily:before {
content: "A/F" !important;
height: 12px !important;
width: 18px !important;
border: 1px solid orange !important;
}
.sub-photo-additional-info-view i.ui-icon-tiny-privacyprivate:before {
content: "P" !important;
}
/* INDIC - SAFE */
.sub-photo-additional-info-view i.ui-icon-tiny-safety-0:before {
content: "S" !important;
border: 2px solid green !important;
}
/* INDIC - MOD */
.sub-photo-additional-info-view i.ui-icon-tiny-safety-1:before {
content: "M" !important;
border: 2px solid orange !important;
}
/* INDIC - RESTR/FRI ONLY */
.sub-photo-additional-info-view i.ui-icon-tiny-safety-2:before {
content: "R" !important;
border: 2px solid red !important;
}
/* PHO - ADD INFO - EDIT - ICONS */
/* (new235) ADD INFOS - EDIT - COM ICON */
.sub-photo-additional-info-view i.ui-icon-tiny-commentPermission3,
.sub-photo-additional-info-view i.ui-icon-tiny-metaPermission3 {
width: 18px;
height: 18px;
margin-left: -1px ;
margin-top: -1px ;
padding: 2px 2px 2.5px 2px ;
opacity: 0.4 !important;
background: #111 url("https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png") no-repeat scroll -149px -69px;
background-color: green !important;
border: 2px solid green !important;
}
/* (new310) MODAL - ADITIONNAL INFOS */
.fluid.html-photo-page-scrappy-view.scrolling-layout #stacking-overlay-container[style="display: block;"] .fluid-droparound-view .droparound.menu.sub-photo-additional-info-droparound {
position: fixed !important;
display: inline-block !important;
width: auto;
margin: -5vh 0 0 70px !important;
z-index: 500000000 !important;
box-shadow: -10px 10px 3px 1px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.4) !important;
border: 1px solid red !important;
}
.fluid-droparound-view .droparound.menu.sub-photo-additional-info-droparound .content.menu {
box-shadow: unset !important;
}
.fluid-droparound-view .droparound.menu.sub-photo-additional-info-droparound .droparrow {
display: none !important;
}
/* (new310) PHO NEW DESIGN - COMMENTING / ADD META PERMISSION - MOVE TO TOP */
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info li.add-meta-permission ,
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info li.commenting-permission {
position: fixed !important;
vertical-align: bottom ;
width: 100% !important;
min-width: 70px !important;
max-width: 70px !important;
height: 100% ;
min-height: 2vh !important;
max-height: 2vh !important;
line-height: 20px ;
/*top: 19.5vh !important;*/
bottom: 4vh !important;
margin: 0.5vh 5px 0 0px !important;
cursor: pointer ;
border-radius: 50px 0 0 50px ;
opacity: 0.8 !important;
border: 1px solid red !important;;
}
/* (new308) PHO NEW DESIGN - HOVER */
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info li.add-meta-permission:hover ,
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info li.commenting-permission:hover {
min-width: 150px !important;
max-width: 150px !important;
margin: 0.5vh 5px 0 0 !important;
/*z-index: 5000000000 !important;*/
opacity: 1 !important;
}
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info li.add-meta-permission:not(:hover) .label-container .meta-permissions-label ,
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info li.commenting-permission:not(:hover) .label-container .commenting-label {
height: 0 !important;
font-size: 0 !important;
}
/* (new242) */
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info li.add-meta-permission:hover .label-container .meta-permissions-label {
width: 180px !important;
margin: -3vh 0 0 -68px !important;
opacity: 1 !important;
transition: all 0.7s ease 0s;
z-index: 50000000;
color: gold;
}
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info li.commenting-permission:hover .label-container span.commenting-label {
width: 90px !important;
margin: -3vh 0 0 -10px !important;
opacity: 1 !important;
transition: all 0.7s ease 0s;
z-index: 50000000;
color: gold;
}
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info .commenting-permission .label-container + .permissions-button > span:not(.arrow) ,
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info .add-meta-permission .label-container + .permissions-button > span:not(.arrow) {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 38px !important;
max-width: 38px !important;
height: 1.5vh !important;
line-height: 12px !important;
top: 0.3vh !important;
left: -8px !important;
margin: 0vh 0 0 35px !important;
padding: 0 0 0 3px !important;
opacity: 1 !important;
border-radius: 0 3px 3px 0 !important;
font-size: 12px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
transition: all 0.2s ease 0s;
border: none !important;
background: #333 !important;
}
/* (new308) HOVER */
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info .commenting-permission:hover .label-container + .permissions-button > span:not(.arrow) ,
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info .add-meta-permission:hover .label-container + .permissions-button > span:not(.arrow) {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 100px !important;
max-width: 100px !important;
height: 1.5vh !important;
line-height: 12px !important;
top: 0.3vh !important;
left: 0px !important;
margin: 0vh 0 0 25px !important;
padding: 0 0 0 5px !important;
opacity: 1 !important;
border-radius: 0 3px 3px 0 !important;
font-size: 12px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
transition: all 0.2s ease 0s;
border: none !important;
background: #333 !important;
}
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info .add-meta-permission i,
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info .commenting-permission i {
opacity: 0.7 !important;
transform: scale(0.7) !important;
z-index: 5000 !important;
}
/* (new234) PHO NEW DESIGN - COM + ADD META - ONLY YOU /FRIENDS */
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info li.add-meta-permission i.ui-icon-tiny-metaPermission0 ,
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info li.add-meta-permission i.ui-icon-tiny-metaPermission1 ,
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info .commenting-permission i.ui-icon-tiny-commentPermission0 ,
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info .commenting-permission i.ui-icon-tiny-commentPermission1 {
border: 3px solid red !important;
}
/* (new234) PHO NEW DESIGN - HOVER */
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info .add-meta-permission:hover i,
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info .commenting-permission:hover i {
transform: scale(1) !important;
opacity: 1 !important;
}
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info .commenting-permission i {
transform: scale(0.8) !important;
background-color: #111 !important;
}
/* (new234) PHO NEW DESIGN - COMMENTING PERMISSION */
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info .commenting-permission {
right: 120px !important;
}
/* (new234) PHO NEW DESIGN - ADD META PERMISSION */
.photo-content-upper-container + .sub-photo-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view .sub-photo-additional-info-view .additional-info .add-meta-permission {
right: 45px !important;
}
/* PHO - TAGS + TAG EMPTY - CONT */
.sub-photo-tags-tag-view.empty a.show-add-tags{
display: inline-block ;
width: 180px ;
height: 25px ;
line-height: 25px ;
visibility: visible ;
background: #333! important;
}
.sub-photo-tags-tag-view.empty ,
.sub-photo-tags-tag-view {
position: fixed !important;
display: inline-block !important;
float: none ;
min-width: 579px !important;
max-width: 579px !important;
height: 30px !important;
margin: 0 !important;
right: 1px !important;
bottom: 0vh !important;
padding: 0 5px 0 5px ;
border: none !important;
border-radius: 5px 5px 0 0 ;
z-index: 5000000 !important;
background: #111 !important;
}
.sub-photo-tags-tag-view:hover {
height: auto !important;
min-width: 579px ;
max-width: 579px ;
margin: 0px ;
bottom: 0vh !important;
padding: 0 4px 35px 4px ;
z-index: 50000000 ;
background: #111 !important;
border: 1px solid red !important;
}
/* PHO - ICON */
.sub-photo-contexts-view .sub-photo-context-groups .context-list li .thumbnail:before ,
.sub-photo-contexts-view .sub-photo-context-groups .context-list li .thumbnail:after {
box-shadow: none ;
transition: none 0s ease 0s ;
}
.sub-photo-view .circle-icon:after {
border: none ;
border-radius: 0 ;
}
.sub-photo-view .circle-icon {
border-radius: 0 ;
}
.sub-photo-view .circle-icon img {
border-radius: 0!important;
}
/* ==== END = NEW PHOTO PAGE + NOTES ======= */
/* START = NEW PHOTO PAGE + NOTES - COLOR ==== */
/* LINK + VISITED + VISITER HOVER */
a {
color: peru !important;
}
a:hover,
a:visited:hover {
color: #B9D56E !important;
background-color: transparent !important;
}
a:active {
background-color: transparent !important;
color: #CC0000 !important;
}
a:visited {
color: TAN !important;
}
/* LINKS /TXT COL - GRAY (new300) */
#CatFlickrSuitePopUp ,
.additional-info > h3 ,
.sub-photo-additional-info-view:empty ,
.sub-photo-additional-info-view:not(:empty) ,
.sub-photo-contexts-view .sub-photo-context h5 ,
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view.empty h3 ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type:not(:only-of-type):before ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:first-of-type:before ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:not(:last-of-type):before ,
.sub-photo-left-view > .sub-photo-fave-view.faves-present ,
.sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc ,
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view ul > li ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view .show-more-stats ,
.sub-photo-comments-view {
text-decoration: none ;
color: gray ;
}
/* END = NEW PHOTO PAGE + NOTES - COLOR ========= */
/* START = FLUID BETA ========= */
/* FLU - GENERAL - === */
.fluid.scrolling-layout {
overflow: hidden !important;
/* overflow: visible !important; */
overflow-x: hidden !important;
overflow-y: auto !important;
}
.result-card {
border-radius: 0px !important;
border: 1px solid gray ;
}
.result-card a.click-anywhere ,
.result-card .sizer-cropper::before ,
.result-card .avatar-content ,
.result-card .text-content::after ,
.result-card .sizer-cropper {
padding: 2px 0px ;
}
.result-card .text-content {
max-width: 270px !important;
margin-left: 7px !important;
padding: 5px 0px 5px 5px !important;
}
.result-card .text-content::after {
padding: 5px 2px ;
}
.result-card .text-content .title {
text-overflow: ellipsis !important;
max-width: 256px !important;
min-width: 256px !important;
}
.result-card .avatar-content {
margin-right: 0px !important;
left: 1px !important;
top: -12px !important;
}
/* FLU - SEARCH PAGE - PEOP/POOL */
.result-card .button-content ,
.fluid.html-search-people-page-view .result-card .button-content {
position: absolute;
display: inline-block;
max-width: 150px !important;
left: -22px !important;
top: 60px !important;
border-radius: 2px 2px 5px 5px !important;
transform: scale(0.65) !important;
z-index: 2;
background: transparent !important;
}
.fluid.html-search-people-page-view .result-card button.follow:not(.is-following) {
padding-right: 30px !important;
position: relative;
border: none !important;
box-shadow: none !important;
text-shadow: none !important;
opacity: 0.6 !important;
}
.fluid.html-search-people-page-view .result-card button.follow:not(.is-following):hover {
opacity: 1 !important;
}
.fluid.html-search-people-page-view .result-card button.follow.is-following {
padding-right: 10px !important;
position: relative;
border: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
.fluid.html-search-people-page-view .result-card button.follow.is-following:hover {
padding-right: 34px !important;
position: relative;
border: 1px solid red !important;
}
/* (new306) COR */
.fluid.html-search-people-page-view .result-card button.follow.is-following .drop-icon {
position: absolute;
/*display: inline;*/
width: 30px;
right: 0;
top: 0;
padding-left: 0;
box-shadow: none !important;
opacity: 0 !important;
transition: opacity 0.3s ease 0s;
color: #128fdc;
}
.fluid.html-search-people-page-view .result-card button.follow.is-following:hover .drop-icon {
opacity: 1 !important;
transition: opacity 0.3s ease 0s;
}
/* FLUID - NEW ABOUT - USER POOL LIST */
/* NEW USER ABOUT - POOL LIST - TOP NAV */
.fluid.html-groups-list-page-view .fluid-subnav-shim {
height: 0 ;
margin-bottom: 6px ;
}
/* FLU - BETA - POOL RECOM */
.recommended-groups-in-list h5:first-of-type {
height: 40px ;
line-height: 20px ;
margin-bottom: -13px !important ;
border-bottom: 1px dashed gray ;
}
.recommended-groups-in-list {
display: inline-block ;
position: fixed ;
width: 550px ;
top: 200px ;
right: -550px !important;
transition: right ease 0.5s !important;
border: 1px solid red;
}
.recommended-groups-in-list:hover {
transition: right ease 0.2s !important;
right: 0px !important;
background: black !important;
}
.recommended-groups-in-list::before {
content: "+ More....";
position: absolute;
display: inline-block ;
width: 80px;
top: 33px;
border-radius: 0 0 5px 5px;
left: -50px !important;
padding: 0 5px;
text-align: center;
transform: rotate(90deg) !important;
background: red !important;
}
.featured-groups {
margin: auto;
max-width: 500px ;
min-width: 500px ;
padding-top: 5px !important;
}
.featured-groups .recommended-groups {
display: inline-block ;
max-height: 600px !important;
width: 510px ;
margin-bottom: -9px ;
padding: 5px 5px 0 5px ;
overflow: hidden ;
overflow-y: auto ;
border-bottom: 1px dashed gray ;
}
.featured-groups .recommended-groups .recommended-group {
display: inline-block ;
height: 345px !important;
width: 510px;
margin: auto auto 20px;
padding-top: 0 !important;
background: #333 ;
}
.fluid.html-groups-list-page-view .result-card .button-content {
top: 0px !important;
}
.recommended-group .result-card.linked.reboot-restyle {
height: 78px ;
margin: 0;
width: 98% ;
}
.recommended-group .result-card.linked.reboot-restyle .avatar-content {
left: -5px !important;
top: -70px !important;
}
.featured-groups .recommended-groups .result-card .sizer-cropper {
height: 71px ;
}
.featured-groups .recommended-groups .result-card .text-content {
min-width: 350px ;
max-width: 350px ;
height: 56px ;
left: -5px ;
padding-left: 75px !important;
top: -157px ;
}
.featured-groups .recommended-groups .result-card .text-content .title {
max-width: 330px !important;
min-width: 330px !important;
}
.featured-groups .recommended-groups .result-card .click-anywhere {
height: 68px ;
}
/* NEW ABOUT - FOLL BUT */
.fluid .coverphoto-content .title-block-content .title .follow-view button,
.fluid .coverphoto-content .title-block-content .title .join-group-view button,
.fluid .coverphoto-content .title-block-content .title .curator-pass-over-view button {
height: 24px !important;
line-height: 24px ;
margin-left: 0px ;
margin-top: 3px !important;
}
.fluid .coverphoto-content .title-block-content .title .follow-view button:after,
.fluid .coverphoto-content .title-block-content .title .join-group-view button:after,
.fluid .coverphoto-content .title-block-content .title .curator-pass-over-view button:after ,
.fluid .coverphoto-content .title-block-content .title .follow-view button:before,
.fluid .coverphoto-content .title-block-content .title .join-group-view button:before,
.fluid .coverphoto-content .title-block-content .title .curator-pass-over-view button:before {
line-height: 28px !important;
margin-top: -3px ;
}
/* FLU - POOL DISC - BR */
.fluid .group-discussion-topic-view .message-text>br {
content: "A" !important;
display: block !important;
margin-bottom: 4px !important;
}
/* POOL BETA - PEND MEMB/MEMB */
.fluid .group-members-admins-view {
margin-top: -48px !important;
}
/* POOL BETA - POOL TOP NAV BAR */
.fluid.html-group-pool-page-view .group-pool-page-view .fluid-magic-groups-subnav-view {
position: fixed;
display: inline-block;
height: 50px;
width: 100% !important;
top: 0px;
z-index: 100 !important;
background-color: rgba(45, 43, 43, 0.9) ;
}
.fluid.html-group-pool-page-view .group-pool-page-view .groups-toolbar-content {
margin-top: 0px ;
}
.fluid.html-group-discussions-list-page-view .groups-toolbar-view .groups-toolbar-content.fluid.html-group-discussions-list-page-view .groups-toolbar-view .groups-toolbar-content ,
.fluid.html-group-pool-page-view .group-pool-page-view .fluid-magic-groups-subnav-view + .fluid-centered.with-fluid-subnav group-pool-subheader-view {
height: 105px ;
margin-top: 0px ;
border-bottom: 1px solid gray ;
}
/* (new307) POOL BETA - TOP THUMB INFOS */
.fluid.html-group-pool-page-view .group-pool-subheader-view {
position: fixed !important;
display: inline-block !important;
width: auto !important;
top: 1vh !important;
right: 50px !important;
left: unset !important;
z-index: 50000!important;
/*border: 1px solid aqua !important;*/
}
.fluid.html-group-pool-page-view .group-pool-subheader-view h2 ,
.fluid.html-group-pool-page-view .group-pool-page-view .groups-toolbar-view + .group-pool-subheader-view h2{
display: none !important;
}
.fluid.html-group-pool-page-view .group-pool-subheader-view .at-right {
position: fixed;
width: 200px !important;
right: 455px !important;
top: 12px;
z-index: 500 !important;
}
/* FLUID - TOP HEAD - INFO - ALL */
.fluid-photostream-coverphoto-view {
height: 140px !important;
margin-bottom: 0px ;
border-bottom: 1px solid gray !important;
}
.fluid .coverphoto {
position: absolute !important;
display: inline-block !important;
min-width: 180px !important;
max-width: 180px !important;
height: 100% !important;
min-height: 85px;
max-height: 85px;
left: 10px !important;
top: 53px !important;
margin-top: 0 !important;
padding-top: 0px !important;
background-attachment: scroll;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain !important;
}
/* POOL BETA/ALB/LIST POOL/STREAM */
.fluid.html-photostream-page-view .coverphoto ,
.fluid.html-groups-list-page-view .coverphoto ,
.fluid.html-albums-list-page-view .coverphoto ,
.fluid.html-person-groups-page-view .coverphoto ,
.fluid.html-profile-page-view #content .coverphoto ,
.fluid.html-group-discussion-page-view .coverphoto ,
.fluid.html-group-discussions-list-page-view .coverphoto ,
.fluid.html-group-members-page-view .coverphoto ,
.fluid.html-group-home-page-view .coverphoto ,
.fluid.html-group-pool-page-view .coverphoto {
min-height: 75px;
max-height: 75px;
}
.fluid .group-blast-view.requiredToShowOnServer {
margin-top: 46px;
padding: 5px 20px !important;
}
/* (new305) */
html.fluid.html-group-pool-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.html-empty-page-view #content .coverphoto-content.fluid-centered.desktop:not(.mobile) ,
html.fluid #content .coverphoto-content.fluid-centered:not(.mobile) {
position: absolute !important;
display: inline-block !important;
height: 80px;
width: 100% !important;
min-width: 1705px !important;
max-width: 1705px !important;
top: 5px !important;
left: 185px !important;
margin: 0 auto !important;
padding: 0px !important;
border-radius: 5px ;
border: 1px solid #333 !important;
/*border: 1px solid aqua !important;*/
}
.html-empty-page-view #content .coverphoto-content.fluid-centered.desktop:not(.mobile) {
min-width: 1720px !important;
max-width: 1720px !important;
}
html.fluid #content .coverphoto-content.fluid-centered.mobile {
display: none !important;
}
/* (new305) BETA - POOL LIST */
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type {
position: relative;
display: inline-block;
float: none;
width: 100% !important;
min-width: 96vw !important;
height: 100%;
height: auto;
margin: 0 0 0 0 !important;
padding: 2vh 10px 0 10px !important;
/*border: 1px solid red !important;*/
}
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody {
position: relative;
display: inline-block;
float: none;
width: 100% !important;
min-width: 96vw !important;
max-width: 96vw !important;
height: 100%;
height: auto;
margin: 0 0 0 0 !important;
padding: 2vh 10px 0 10px !important;
/*border: 1px solid aqua !important;*/
}
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody tr.header {
position: relative;
display: inline-block !important;
float: none;
width: 100% !important;
min-width: 76vw !important;
max-width: 76vw !important;
height: 3vh !important;
line-height: 3vh !important;
margin: 0 0 0 0 !important;
padding: 0vh 0px 0 0px !important;
border: 1px solid red !important;
}
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody tr.header > th[data-col-index="0"] {
width: 35%;
margin: 0 0 0 0 !important;
background: brown !important;
}
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody tr::after ,
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody tr::before ,
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody tr.header::after ,
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody tr.header::before {
height: 0px !important;
}
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody tr:not(.header) {
position: relative;
display: inline-block;
float: none;
width: 100% !important;
min-width: 79vw !important;
max-width: 79vw !important;
height: auto;
margin: 0 0 0 0 !important;
padding: 0vh 0px 0 0px !important;
/*border: 1px solid yellow !important;*/
}
/* POOL NAME */
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody tr:not(.header) td.show-after-locked {
background: #111 !important;
}
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody tr:not(.header) td.show-after-locked.emphasis {
background: #333 !important;
}
/* OPTION */
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody tr:not(.header) td.align-right.has-icon.options-menu {
position: relative !important;
display: inline-block;
height: 3vh !important;
line-height: 1.3vh !important;
margin: 0px 150px 0 110px !important;
top: -5px !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: center !important;
padding: 3px 5px !important;
background: #111 !important;
}
/* MEMBER */
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody tr:not(.header) td.align-right.group-member-count-row {
display: inline-block;
width: 220px !important;
height: 3vh !important;
line-height: 2.3vh !important;
margin: 0 95px 0 -70px !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: center !important;
padding: 3px 5px !important;
background: #111 !important;
}
/* COUNT */
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody tr:not(.header) td.align-right.group-pool-count-row {
display: inline-block;
height: 3vh !important;
line-height: 2.3vh !important;
width: 170px !important;
margin: 0 120px 0 -70px !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 3px 5px !important;
text-align: center !important;
background: #111 !important;
}
/* LATEST PHO */
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody tr:not(.header) td.align-right.group-pool-count-row + .align-right {
display: inline-block;
height: 3vh !important;
line-height: 2.3vh !important;
width: 70px !important;
margin: 0 80px 0 -100px !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 3px 5px !important;
text-align: center !important;
background: #111 !important;
}
/* TOPICS */
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type table tbody tr:not(.header) td.align-right.group-pool-count-row + .align-right + .align-right {
display: inline-block;
height: 3vh !important;
line-height: 2.3vh !important;
width: 70px !important;
margin: 0 60px 0 -10px !important;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 3px 5px !important;
text-align: center !important;
background: #111 !important;
}
/* (new305) BETA - POOL LIST - OPTION MODAL - */
.fluid.html-groups-list-page-view .fluid-droparound-view.flickr-view-root-view .droparound.menu {
margin: 0vh 0 0 0px !important;
/*border: 1px solid aqua !important;*/
}
.fluid.html-groups-list-page-view .fluid-droparound-view.flickr-view-root-view .droparrow.down {
margin: 0vh 0 0 0px !important;
left: 148px !important;
/*border: 1px solid aqua !important;*/
}
/* (new305) BETA - POOOL DISC - */
html.fluid.html-group-discussion-page-view #content .coverphoto-content.fluid-centered:not(.mobile) {
position: absolute !important;
display: inline-block !important;
height: 80px;
width: 100% !important;
min-width: 1705px !important;
max-width: 1705px !important;
top: 0px !important;
left: 185px !important;
margin: 0 auto !important;
padding: 0px !important;
border-radius: 5px ;
border: 1px solid #333 !important;
/*border: 1px solid yellow!important;*/
}
html.fluid.html-group-discussions-list-page-view #content .fluid-magic-groups-subnav-view {
position: fixed !important;
display: inline-block !important;
height: 5vh !important;
width: 100% !important;
min-width: 1705px !important;
max-width: 1705px !important;
top: 0px !important;
left: 185px !important;
margin: 0 auto !important;
padding: 0px !important;
border-radius: 5px ;
z-index: 500000 !important;
border: 1px solid #333 !important;
/*border: 1px solid yellow!important;*/
}
/* PROF/FAV - INFO CONTAINER + METATDATA - FAV - ALL */
.fluid .coverphoto.updates-flipped .coverphoto-content .info-container {
-moz-box-flex: 1;
flex: 1 1 auto;
margin-bottom: 0px !important;
}
.fluid .coverphoto.updates-flipped .coverphoto-content .info-container .metadata-container .metadata-left,
.fluid .coverphoto.updates-flipped .coverphoto-content .info-container .metadata-container .metadata-right {
margin: 2px 0 0 0 !important;
}
/* (new303) PROF/FAV - GIVE PRO */
.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-subtitle .gift-pro-view .gift-pro-container svg {
display: inline-block;
font-size: 14px;
height: 16px !important;
width: 16px !important;
line-height: 16px;
}
/*.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-subtitle .gift-pro-view .gift-pro-container*/
/* POOL BETA/ALB/LIST POOL/STREAM */
.fluid.html-photostream-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-groups-list-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-albums-list-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-person-groups-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-profile-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-group-discussion-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-group-discussions-list-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-group-members-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-group-home-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-group-pool-page-view #content .coverphoto-content.fluid-centered:not(.mobile) {
height: 78px !important;
}
.fluid .coverphoto .coverphoto-content .cover-photo-attribution {
position: absolute;
display: inline-block !important;
height: 0px !important;
width: 180px !important;
left: -170px !important;
top: 67px !important;
}
.fluid .coverphoto:hover .coverphoto-content .cover-photo-attribution ,
.fluid .coverphoto .coverphoto-content:hover .cover-photo-attribution {
display: inline-block !important;
height: 20px !important;
width: 180px !important;
left: -185px !important;
top: 55px !important;
}
.fluid .coverphoto .coverphoto-content .cover-photo-attribution a {
display: inline-block !important;
height: 20px !important;
width: 180px !important;
text-align: center !important;
color: white !important;
background: black !important;
}
.fluid .coverphoto .coverphoto-content:hover .cover-photo-attribution a {
display: inline-block !important;
height: 20px !important;
width: 180px !important;
text-align: center !important;
color: white !important;
transition: all ease 0.7s !important;
background: rgba(0, 0, 0, 0.77) !important;
}
.fluid .coverphoto .coverphoto-content .cover-photo-attribution a:hover {
color: #b9d56e !important;
}
/* FLU - CAMERAROLL - TOP HEAD - INFO */
.html-cameraroll-page-view .fluid-photostream-coverphoto-view {
margin-bottom: -48px;
}
/* FLUID - AVATAR */
.fluid.html-group-pool-page-view .avatar ,
.fluid.html-group-pool-page-view .avatar.no-menu.group.large.no-edit {
top: 14px !important;
border-radius: 0 !important;
border: none !important;
}
.fluid .avatar.large {
height: 50px !important;
width: 50px !important;
top: 14px !important;
}
.fluid .avatar.person {
border-radius: 0 ;
font-size: 0 !important;
}
.fluid .coverphoto-content .avatar .edit {
position: absolute;
width: 50px !important;
height: 50px !important;
top: 0px !important;
padding-top: 0 !important;
color: white;
}
.fluid .coverphoto-content .avatar .edit .edit-icon {
top: 6px !important;
}
.group-top-contributors-dropdown-view.ui-dropdown.top-contribs > ul .avatar {
top: 0px !important;
}
/* FLU - GROUP HOME - ACCEPT MODAL */
.fluid.html-group-home-page-view #stacking-overlay-container .confirmation-dialog-view {
position: fixed !important;
width: 600px !important;
top: 5vh !important;
z-index: 50000 !important;
}
.fluid.html-group-home-page-view #stacking-overlay-container .confirmation-dialog-view .confirmation-dialog .message-container {
max-height: 77vh !important;
margin: 0 0 5px 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* FLU - TOP HEAD - PHO - 5 MATCHS - ALL - PHO/POOL BETA HOME */
html.fluid.html-group-home-page-view #content[style="padding-bottom: 111px;"] {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: auto !important;
padding-bottom: 151px !important;
}
html.fluid.html-group-home-page-view #content[style="padding-bottom: 111px;"] .main.fluid-centered {
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
margin-top: 14px !important;
}
html.fluid.html-group-home-page-view #content[style="padding-bottom: 111px;"] .main.fluid-centered .view.group-blast-view{
height: auto !important;
margin-top: 51px !important;
}
html.fluid.html-group-pool-page-view #content .fluid-centered.with-fluid-subnav ,
html.fluid.html-group-home-page-viewt #content .main.fluid-centered ,
html.fluid.html-photo-page-scrappy-view #content .fluid-centered {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
min-height: 100% !important;
margin-top: 0px !important;
left: 0 !important;
right: 0 !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
html.fluid.html-group-pool-page-view #content .fluid-centered.with-fluid-subnav ,
html.fluid.html-group-home-page-viewt #content .main.fluid-centered {
margin-top: 117px !important;
}
/* FLUID - TOP HEADER - ALB/SET */
.album-header-view > .album-header-content ,
.album-header-view.justified-transitions > .album-header-content {
height: 300px !important;
}
/* (new225COM) */
.album-page-view .album-toolbar-view > .album-toolbar-content > .fluid-magic-slideshow-view {
position: absolute;
width: 28px !important;
height: 22px !important;
right: 320px !important;
}
.album-page-view .album-toolbar-view > .album-toolbar-content > .justified:not(.selected),
.album-page-view .album-toolbar-view > .album-toolbar-content > .justified.selected,
.album-page-view .album-toolbar-view > .album-toolbar-content > .story:not(.selected) ,
.album-page-view .album-toolbar-view > .album-toolbar-content > .story.selected {
width: 18px !important;
height: 18px !important;
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-32dc0fa1.png") no-repeat scroll -238px -512px !important;
background-color: transparent !important;
}
.album-page-view .album-toolbar-view > .album-toolbar-content > .justified:not(.selected) {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-32dc0fa1.png") no-repeat scroll -170px -476px !important;
}
.album-page-view .album-toolbar-view > .album-toolbar-content > .justified.selected {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-32dc0fa1.png") no-repeat scroll -189px -476px !important;
}
.album-page-view .album-toolbar-view > .album-toolbar-content > .story.selected {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-32dc0fa1.png") no-repeat scroll -237px -512px !important;
}
.album-page-view .album-toolbar-view > .album-toolbar-content > .story:not(.selected) {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-32dc0fa1.png") no-repeat scroll -254px -512px !important;
}
/* FLUID - TOP HEADER - CAMERAROLL */
.cameraroll-page-view .height-controller {
padding: 0 0 0 150px ;
}
/* FLUID - TOP HEADER + THUMBNAIL - ALL */
.fluid .title-block-content {
position: relative ;
display: inline-block !important;
height: 85px !important;
margin-top: 0px !important;
top: 0px !important;
padding-left: 0px !important;
}
.fluid .coverphoto-content .title-block-content {
display: inline-block !important;
width: 94% !important;
height: 84px !important;
top: -64px !important;
padding-left: 70px !important;
}
.fluid .coverphoto-content .metadata-flexer .subtitle.metadata-spacer {
display: inline-block !important;
max-width: 238px !important;
}
/* POOL BETA */
.fluid.html-group-discussion-page-view .coverphoto-content .title-block-content ,
.fluid.html-group-discussions-list-page-view .coverphoto-content .title-block-content ,
.fluid.html-group-members-page-view .coverphoto-content .title-block-content ,
.fluid.html-group-home-page-view .coverphoto-content .title-block-content ,
.fluid.html-group-pool-page-view .coverphoto-content .title-block-content {
height: 70px !important;
width: 94%;
}
.fluid .coverphoto-content .title-block-content .title.title-link-included .join-group-view {
right: 3px !important;
padding: 0 2px;
background: #222;
}
/* PEND PHOT */
.fluid .coverphoto-content .title-block-content .title.title-link-included + .metadata-flexer .metadata-item:last-of-type {
position: relative !important;
display: inline-block !important;
width: 500px !important;
right: -60px !important;
text-align: right ;
}
/* POOL BETA */
.fluid.html-group-pool-page-view .coverphoto-content .title-block-content .title.title-link-included + .metadata-flexer .metadata-item:last-of-type {
right: 15px !important;
text-align: center ;
}
/* FAVS - PB NEED BORDER ? */
.fluid.html-favorites-page-view .coverphoto-content .title-block-content {
position: relative !important;
display: inline-block !important;
width: 92% !important;
height: 83px !important;
right: 0px !important;
border: 1px solid #222 ;
}
.fluid .coverphoto-content .title-block-content .title {
display: inline-block;
height: 40px !important;
width: 100% ;
}
.fluid .coverphoto-content .title-block-content .title h1 {
display: inline-block;
max-width: 630px;
min-width: 630px;
height: 50px !important;
line-height: 50px !important;
margin-top: -10px !important;
margin-bottom: -30px !important;
padding: 0 !important;
font-size: 22px !important;
z-index: 50000;
}
.fluid .coverphoto-content .send-flickr-mail {
position: absolute !important;
display: inline-block;
min-width: 18px ;
max-width: 18px ;
height:18px ;
line-height: 10px !important;
top: 30px !important;
left: 32px ;
padding: 0px ;
border-radius: 100% ;
text-align: center ;
border: 1px solid #222 ;
}
.fluid .coverphoto-content .send-flickr-mail svg.icon {
height: 18px;
width: 18px;
margin-left: -1px;
margin-top: -1px;
}
.fluid .coverphoto-content .title-block-content .group-statistics {
display: inline-block !important;
height: 20px !important;
margin-top: 0px !important;
z-index: 5000 !important;
}
.with-fluid-subnav .group-pool-subheader-view > .at-right,
.group-pool-subheader-view .at-right {
top: 12px !important;
right: 70px !important;
}
/* POOL BETA */
.fluid.html-group-pool-page-view .group-pool-subheader-view h2 {
position: fixed !important;
display: inline-block ;
height: 20px !important;
line-height: 20px !important;
width: 200px !important;
margin: 0 !important;
top: 15px !important;
right: 1250px !important;
font-size: 20px ;
text-align: center ;
z-index: 500 !important;
}
/* POOL BETA */
.fluid.html-group-pool-page-view .with-fluid-subnav .group-pool-subheader-view > .butt {
position: fixed;
top: 4px !important;
right: 40px !important;
z-index: 5000 ;
}
.fluid.html-group-pool-page-view .with-fluid-subnav .group-pool-subheader-view > .butt:hover {
border: 1px solid red !important;
}
.fluid button.follow.white {
margin-top: 10px !important;
}
.follow.is-following.white {
margin-top: 10px !important;
}
.fluid .coverphoto-content .metadata-content {
right: -135px !important;
top: 25px !important;
}
/* FLU - TOP HEAD - MAGIC TOOL - CONTAINER - ALL */
.fluid .fluid-magic-tools-view {
position: relative;
height: 1px !important;
width: 100%;
top: -55px !important;
}
/* FLU - TOP HEAD - USER INFO - SECOND TOOL CON - ALL */
.fluid .fluid-magic-tools-view .secondary-tools {
position: absolute;
width: 15% !important;
height: 32px;
line-height: 32px;
top: -37px !important;
right: 144px !important;
padding: 0 5px !important;
}
/* FLU - TOP HEAD - FLUID MAGIC TOOL - STR/FAV - (with TOP PAGI) */
/* (new289) PHOTOSTREAM / FAVS - TOP HEAD - STREAM / FAVS - MAGIC FILTERS */
.fluid.html-favorites-page-view .fluid-magic-tools-view ,
.fluid.html-photostream-page-view .fluid-magic-tools-view {
position: fixed;
height: 30px !important;
top: 32px !important;
z-index: 5000 !important;
}
.fluid.html-photostream-page-view .fluid-magic-tools-view {
width: 220px ;
height: 15px !important;
top: 54px !important;
left: 83px !important;
background: transparent !important;
}
/* (new289) TOP HEAD - FILT - DATE TAKEN - ALL */
.fluid .fluid-magic-tools-view .primary-tools .dropdown-link:last-of-type {
position: relative !important;
float: right !important;
max-height: 25px !important;
top: -90px !important;
padding: 0 !important;
}
/* (new289) PHOTOSTREAM / FAVS - TOP HEAD - MAGIC TOOL - FAV - (with TOP PAGI) */
.fluid.html-favorites-page-view .fluid-magic-tools-view {
position: fixed !important;
display: inline-block !important;
height: 2.5vh !important;
width: 120px !important;
right: 200px !important;
top: 0 !important;
margin: 0 !important;
background: transparent !important;
}
/* (new289) PHOTOSTREAM - TOP HEAD - FILTER - DATE TAK - ALL */
.fluid .fluid-magic-tools-view .primary-tools .dropdown-link:last-of-type {
position: relative !important;
float: right !important;
max-height: 25px !important;
top: -90px !important;
padding: 0 !important;
}
.fluid .fluid-magic-tools-view .primary-tools .dropdown-link:only-of-type {
float: left !important;
top: 0px !important;
}
/* (new289) PHOTOSTREAM - TOP HEAD - STR - MAGIC - FILTERS - (cf GM "STIG")- SORT by */
.fluid.html-photostream-page-view .fluid-magic-tools-view {
width: auto !important;
max-width: 550px !important;
height: 15px !important;
top: 52px !important;
left: 200px !important;
background: transparent !important;
}
.fluid.html-photostream-page-view .fluid-magic-tools-view .fluid-magic-toolbar {
display: inline-block !important;
height: 15px !important;
width: 300px !important;
}
.fluid.html-photostream-page-view .photostream-filter-tools-view.primary-tools {
height: 15px !important;
margin-left: 0px !important;
}
.fluid.html-photostream-page-view .fluid-magic-tools-view .fluid-magic-toolbar:hover {
background: black !important;
}
.fluid.html-photostream-page-view.is-old-windows .fluid-magic-tools-view .primary-tools-container{
width: auto !important;
height: 15px !important;
margin-left: 0px !important;
}
/* (new292) PHOTOSTREAM /FAVS - 2nd TOOL */
.fluid.html-photostream-page-view .fluid-magic-tools-view .secondary-tools {
position: fixed !important;
display: inline-block !important;
height: 2.5vh !important;
width: auto !important;
left: 1000px !important;
top: 0vh !important;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools {
position: relative !important;
display: inline-block !important;
height: 2.5vh !important;
width: 150px !important;
left: 0px !important;
top: 0vh !important;
}
/* (new303) LAYOUT SELECTED COLOR */
.fluid.html-photostream-page-view .fluid-magic-tools-view .fluid-magic-toolbar .layout-button.selected svg {
fill: red !important;
}
/* (new289) PHOTOSTREAM - 2nd TOOL - SEARCH ICON in 2nd TOOL (NOT TOP NAVBAR) - SUPP */
.fluid.html-photostream-page-view .fluid-magic-tools-view .secondary-tools .fluid-magic-search-view {
display: none !important;
}
/* (new289) A VOIR - PHOTOSTREAM AND ? */
.fluid.html-photostream-page-view .fluid-magic-tools-view .dropdown-link>p ,
.fluid.html-photostream-page-view .fluid-magic-tools-view .dropdown-link {
height: 15px !important;
line-height: 15px !important;
margin-right: 0px !important;
top: 0px !important;
padding: 0 !important;
}
/* (new289) A VOIR - PHOTOSTREAM AND ? */
.fluid-magic-tools-view .primary-tools .dropdown-link.filter-view:last-of-type {
top: 0px !important;
margin-right: 0px !important;
left: 0px !important;
}
/* (new289) A VOIR - PHOTOSTREAM AND ? */
.fluid.html-photostream-page-view .filter-sort.warning::after ,
.filter-sort.warning::after {
right: 320px !important;
top: -15px !important;
width: 400px !important;
line-height: 15px !important;
z-index: 5000 !important;
transition: opacty ease 0.7s !important;
}
.fluid.html-photostream-page-view .filter-sort.warning::after {
right: -135px !important;
}
.fluid.html-photostream-page-view .droparound.menu .droparrow.down {
left: 107px !important;
}
/* FLU - TOP HEADER - POOL HOME - OVERVIEW - BLAST INFO ADMIN */
.fluid.html-group-home-page-view .group-blast-view > .blast-block {
height: auto !important;
margin-bottom: 0px;
margin-top: 0px;
padding: 5px 30px;
}
.fluid.html-group-home-page-view .group-blast-view > .blast-block > .blast-message {
height: auto !important;
margin-top: 0;
}
.fluid.html-group-home-page-view .group-blast-view > .blast-block > .blast-message .blast-message-display {
max-width: 80%;
}
/* (new305) FLU - BETA POOL - HOME - THUMBNAiL CONTAINER */
.fluid.html-group-home-page-view .main.fluid-centered {
height: auto !important;
margin-top: 10vh !important;
/*border: 1px solid aqua !important;*/
}
/* FLU - BETA POOL - HOME PAGE */
.fluid.html-group-home-page-view .group-pool-preview-view {
height: auto !important;
}
.html-group-home-page-view .with-fluid-subnav .group-pool-preview-view h2 {
width: 100% ;
height: 36px ;
margin-top: 0px ;
}
.html-group-home-page-view .with-fluid-subnav .group-pool-preview-view h2 > a {
display: inline-block ;
width: 100% ;
}
.html-group-home-page-view .with-fluid-subnav .group-pool-preview-view .add {
position: fixed;
display: inline-block ;
height: 20px;
line-height: 20px;
right: 760px;
top: 60px !important;
z-index: 50000 !important;
}
/* POOL BETA - PEND MEMB/PHOT */
.fluid.html-group-home-page-view .notification-block.move-to-top {
position: fixed;
display: inline-block;
width: 400px;
left: 1048px;
margin-top: 0;
top: 14px;
padding: 0;
border-radius: 5px ;
border: none ;
text-align: center ;
z-index: 5000 !important;
background: green !important;
}
/* FLUID - TOP HEAD - USER INFOS - CONT */
.fluid-magic-subnav-view.requiredToShowOnServer {
display: inline-block !important;
}
/* STREAM - SCROLL Y NONE " */
.fluid.html-photostream-page-view {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 100vh !important;
max-height: 100vh !important;
left: 0px !important;
right: 0 !important;
overflow-y: auto !important;
scrollbar-width: none !important;
}
.fluid.html-photostream-page-view body {
position: absolute !important;
display: inline-block !important;
width: 99.9% !important;
left: 0 !important;
right: 0 !important;
}
/* BETA - FAV / POOL BETA / ALB/SET / GALL - MODAL - ADD POOL /GAL */
.fluid.html-album-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] ,
.fluid.html-group-home-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] ,
.fluid.html-group-pool-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] ,
.fluid.html-favorites-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] {
width: 600px !important;
min-height: 286px !important;
max-height: 286px !important;
margin-top: 0px;
}
.fluid.html-album-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .body .content,
.fluid.html-group-home-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .body .content ,
.fluid.html-group-pool-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .body .content,
.fluid.html-favorites-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .body .content {
padding: 0 !important;
}
.fluid.html-album-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ,
.fluid.html-group-home-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ,
.fluid.html-group-pool-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ,
.fluid.html-favorites-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container {
height: 200px !important;
}
.fluid.html-album-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ol.stuff-selection-list ,
.fluid.html-group-home-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ol.stuff-selection-list ,
.fluid.html-group-pool-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ol.stuff-selection-list ,
.fluid.html-favorites-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ol.stuff-selection-list {
height: 200px !important;
overflow-x: hidden;
overflow-y: auto;
}
/* FEEDS / GAL /PHOTOSTREAM - MODAL - ADD POOL /GAL */
.fluid.html-feed-new-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] ,
.fluid.html-photostream-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] ,
.fluid.html-gallery-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] {
width: 600px !important;
min-height: 380px !important;
max-height: 380px !important;
margin-top: 0px;
z-index: 50000000 !important;
}
.fluid.html-feed-new-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ,
.fluid.html-photostream-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ,
.fluid.html-gallery-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container {
height: 295px !important;
}
.fluid.html-feed-new-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ol.stuff-selection-list ,
.fluid.html-photostream-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ol.stuff-selection-list ,
.fluid.html-gallery-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ol.stuff-selection-list {
height: 290px !important;
overflow-x: hidden;
overflow-y: auto;
}
/* SEAR FAV */
.fluid.html-favorites-page-view .favorites-page-view .global-nav-view ul.gn-tools {
position: absolute !important;
display: inline-block !important;
max-width: 300px;
min-width: 300px;
height: 28px !important;
top: 3px !important;
padding: 0;
z-index: 5000 !important;
}
/* (new304) COR FLOAT - TOP 2nd TOOL - ORGANIZE - ALL */
.fluid .fluid-magic-tools-view .fluid-magic-toolbar .organize-link {
/*display: inline-block !important;*/
float: left !important;
height: 2.5vh !important;
width: auto !important;
margin: -4px 15px 0 0 !important;
}
/* (new304) COR FLOAT - TOP 2nd TOOL - SHARE / SLIDESHOW / JUSTIF / PHOTSTREAM EDIT - PHOTOSTREAM / ALL */
.fluid.html-photostream-page-view .fluid-magic-tools-view .fluid-magic-toolbar .divider ,
.fluid.html-photostream-page-view .fluid-magic-tools-view .fluid-magic-toolbar .layout-button ,
.fluid.html-photostream-page-view .fluid-magic-tools-view .fluid-magic-toolbar .edit-link ,
.fluid .fluid-magic-tools-view .fluid-magic-toolbar .secondary-tools > div:not(.fluid-magic-search-view) {
/*display: inline-block !important;*/
float: left !important;
height: 2.5vh !important;
width: 30px !important;
margin: 0 5px 0 0 !important;
}
.fluid.html-photostream-page-view .fluid-magic-tools-view .fluid-magic-toolbar .edit-link {
margin-top: -5px !important;
}
/* (new289) A VOIR - 2nd TOOL - SEARCH - ALL */
/* .fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view.closed , */
.fluid .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view ,
.fluid .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view.closed {
position: fixed !important;
margin-left: 0px;
right: 300px !important;
top: 0 !important;
z-index: 5000000 !important;
}
/* (new289) A VOIR - 2nd TOOL - SEARCH - FAVS / ALL */
/* .fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view.closed , */
.fluid .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view.closed {
position: fixed !important;
margin-left: 0px;
right: 250px !important;
top: 5px !important;
z-index: 5000000 !important;
}
/* (new289) FAVS - 2nd TOOL - SEARCH - SUPP */
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools .fluid-magic-search-view {
display: none !important;
}
/* (new289) A VOIR - FAVS - TOP NNAV - SEARCH */
.fluid.html-favorites-page-view .favorites-page-view .global-nav-view .global-nav.search-open .gn-tools .gn-search-box {
position: fixed !important;
height: 33px;
right: 180px !important;
top: 10px !important;
z-index: 5000000 !important;
}
.favorites-page-view .global-nav-view ul.gn-tools .search-autosuggest-field-view {
position: relative;
width: 220px;
margin-top: -5px !important;
}
.favorites-page-view .global-nav-view ul.gn-tools .search-autosuggest-field-view:before {
content: " " ;
position: fixed ;
display: inline-block ;
width: 21px ;
height: 21px ;
top: 22px ;
right: 50px ;
margin: 0 ;
padding-top: 0px ;
font-size: 15px ;
z-index: 1 ;
background: rgba(220, 23, 23, 0) url("https://s.yimg.com/ap/build/images/sprites/icons-938e2840.png") no-repeat scroll -473px -279px ;
}
.html-favorites-page-view #content .fluid-magic-subnav-view .fluid-subnav-shim {
height: 0px !important;
margin: 0 0 0 0 !important;
}
.html-favorites-page-view #content .fluid-magic-subnav-view {
position: relative !important;
display: inline-block !important;
height: 0 !important;
width: 100% !important;
top: -1.2vh !important;
}
.html-favorites-page-view #content .fluid-magic-subnav-view .fluid-subnav {
position: fixed !important;
top: 0 !important;
left: 0px !important;
}
/* (new244) FAVS */
html.html-favorites-page-view #content {
position: absolute !important;
display: inline-block !important;
width: 99.9% !important;
height: 99.7% !important;
top: 0vh !important;
left: 0px !important;
padding: 0 !important;
/* border: 1px solid violet !important; */
}
html.html-favorites-page-view #content .favorites-page-view {
margin-left: 0px;
height: 100% !important;
/* border: 1px solid violet !important; */
}
.fluid.html-favorites-page-view .global-nav.search-open .global-nav-content.styleguide-global-nav.fluid>div:last-of-type:not(.global-nav-container) {
position: absolute !important;
display: inline-block !important;
min-width: 96.2% !important;
max-width: 96.2% !important;
height: 14px !important;
line-height: 14px !important;
left: -122px !important;
top: -2px;
font-size: 0px !important;
text-align: left !important;
white-space: nowrap !important;
cursor: default !important;
outline: none !important;
z-index: 50000000 !important;
color: transparent !important;
}
/* FLUID (cf BETA) - FAV/ALB - THUMB */
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view {
opacity: 1 !important;
}
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view .interaction-bar {
opacity: 0.5 !important;
}
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view:hover .interaction-bar {
overflow: hidden !important;
overflow-x: hidden !important;
opacity: 1 !important;
transition: opacity ease 0.7s !important;
}
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view:hover,
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view.manual-hover ,
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view:hover,
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view.manual-hover {
background-image: none !important;
}
/* A VOIR NOT PHO STREA - FROM FAV SMALL */
.fluid:not(.html-photostream-edit-page-view) #content .photo-list-view .photo-list-photo-view .photo-list-photo-interaction {
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 1 !important;
}
.fluid:not(.html-photostream-edit-page-view) #content .photo-list-view .photo-list-photo-view .photo-list-photo-interaction a.overlay {
left: 0;
outline: 1px solid transparent;
border: none ;
}
.fluid:not(.html-photostream-edit-page-view) #content .photo-list-view .photo-list-photo-view .photo-list-photo-interaction .interaction-bar .text a.title {
height: auto !important;
max-width: 95% !important;
line-height: 8px;
margin-top: 15px;
font-size: 8px;
opacity: 0 !important;
transition: all 0.7s ease 0s;
color: gray;
}
.fluid:not(.html-photostream-edit-page-view) #content .photo-list-view .photo-list-photo-view .photo-list-photo-interaction:hover .interaction-bar .text a.title {
max-height: 5vh !important;
line-height: 15px !important;
font-size: 13px;
opacity: 1 !important;
overflow-y: auto !important;
white-space: pre-wrap !important;
word-break: normal !important;
transition: all 0.7s ease 0s;
color: gold !important;
}
.photo-list-photo-interaction .interaction-bar{
padding: 0 0px 8px !important;
pointer-events: none !important;
}
.photo-list-photo-interaction .interaction-bar .text .attribution ,
.photo-list-photo-interaction .interaction-bar .engagement {
pointer-events: auto !important;
}
.photo-list-photo-interaction .interaction-bar .text {
display: inline-block !important;
height: auto !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0 0 -12px 0 !important;
overflow: hidden !important;
overflow-x: hidden !important;
}
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item {
color: gray ;
}
.photo-list-photo-interaction .interaction-bar .text .title,
.photo-list-photo-interaction .interaction-bar .text .attribution {
display: inline-flex !important;
max-width: 100% !important;
height: 15px !important;
line-height: 15px !important;
margin: 2px 0 0;
margin-bottom: 8px ;
text-align: center !important;
z-index: 2;
overflow: hidden;
justify-content: center !important;
text-shadow: none !important;
color: peru !important;
}
.photo-list-photo-interaction .interaction-bar .text .attribution {
margin-bottom: 18px ;
}
/* ATTRIB - SEARCH FLIUD + THUMBNAIL VIEW */
.html-search-photos-unified-page-view .attribution:not(a) ,
.html-search-photos-unified-page-view #search-unified-content.main.fluid-centered.moola-search-enabled .photo-list-photo-interaction .interaction-bar .text .attribution:not(a) {
display: flex !important;
justify-content: center !important;
max-width: 100% !important;
width: auto !important;
}
.photo-list-photo-interaction .interaction-bar .text .title:not(.empty) ,
.fluid.html-favorites-page-view .photo-list-photo-interaction .interaction-bar .text .title:not(.empty) {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
line-height: 10px !important;
margin: 2px 0 0;
overflow: hidden !important;
text-overflow: ellipsis;
white-space: nowrap !important;
z-index: 2;
text-shadow: none !important;
color: white !important;
}
.photo-list-photo-interaction:hover .interaction-bar.text .title:not(.empty) {
display: inline-block ;
height: 100% ;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: unset !important;
z-index: 2;
text-shadow: none !important;
color: white !important;
}
/* ATTRIB */
.photo-list-photo-interaction:hover .interaction-bar .text .attribution {
display: inline-flex !important;
height: 100% ;
min-width: 100% !important;
max-width: 100% !important;
margin: 0px 0 15px 0 !important;
overflow: hidden !important;
text-overflow: ellipsis;
white-space: nowrap !important;
opacity: 1 !important;
}
.photo-list-photo-interaction:hover .interaction-bar:hover .text .attribution:hover a[id^="CFS"] span:first-of-type:not(.avatar) {
border-radius: 2px 0 0 2px;
display: inline-block;
min-width: 0px;
padding: 2px 2px !important;
white-space: nowrap !important;
opacity: 1 !important;
}
.photo-list-photo-interaction .interaction-bar .text .title:not(.empty) {
text-align: center !important;
color: gold !important;
}
.photo-list-photo-interaction .interaction-bar .engagement {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
height: 15px !important;
line-height: 10px !important;
left: 0 !important;
bottom: 0 !important;
font-size: 14px;
text-align: center !important;
}
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item ,
.engagement-item.fave.last ,
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item .engagement-count.empty,
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item .engagement-count.hidden ,
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.hidden {
display: inline-flex !important;
height: 15px !important;
line-height: 15px !important;
}
.photo-list-photo-interaction .interaction-bar .engagement:hover .engagement-item ,
.photo-list-photo-interaction .interaction-bar:hover .engagement .engagement-item {
cursor: pointer;
display: inline-flex !important;
}
/* POOL NO BETA - VISIT */
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .overlay ,
.photo-list-photo-interaction a.overlay {
opacity: 1 !important;
outline: 1px solid gray !important;
}
.photo-list-photo-interaction a.overlay:visited ,
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .overlay:visited {
outline: 1px solid green !important;
}
/* FLU - FAVED - RED STAR */
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.fave.faved .engagement-icon svg.filled {
fill: red ;
}
/* (new304) FLU - NAVBAR TOP HEADER - FIXED TOP */
.fluid:not(.html-notification-center-page-view) .fluid-subnav {
position: absolute !important;
top: 0px !important;
z-index: 20 !important;
}
.fluid:not(.html-notification-center-page-view) .fluid-subnav.fixed {
position: fixed !important;
background: #333 !important;
}
/* FLU - ICON FAV RED */
.photo-list-photo-interaction .interaction-bar .tool .fave-area i.fave-star.fave {
cursor: pointer;
height: 22px !important;
width: 21px !important;
border: 1px solid rgba(10, 10, 10, 0.92) !important;
border-radius: 100% !important;
background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/icons-36c2f8d6.png") no-repeat scroll -245.7px -402px !important;
background-color: rgba(10, 10, 10, 0.92) !important;
}
.photo-list-photo-interaction .interaction-bar .tool .fave-area i.fave-star.faved {
background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/icons-36c2f8d6.png") no-repeat scroll -265.6px -403px !important;
border-radius: 100% !important;
height: 19px !important;
width: 21px !important;
border: 1px solid rgba(10, 10, 10, 0.92) !important;
background-color: rgba(10, 10, 10, 0.92) !important;
}
/* (new244) FLU - FAV/FAV MY */
.html-favorites-page-view .fluid-magic-tools-view + .fluid-centered {
position: absolute !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0vh 0 0 0 !important;
top: 6.6vh !important;
padding: 0 10px !important;
/* border: 1px solid yellow !important; */
}
/* FAVS - PB GETTY PUB (space not removed) - LEFT solve PROBLEM when ONLY ONE FAV ? */
.fluid.html-favorites-page-view.scrolling-layout {
min-height: 100vh !important;
top: 0 !important;
overflow-x: hidden;
overflow-y: hidden !important;
}
/* GRID TEST 1 / 2 - GETTY PB */
.favorites-page-view .photo-list-view {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(0%, 12.5%)) !important;
grid-template-rows: repeat(auto-fill, minmax(0%, 12.5%))!important;
grid-template-rows: auto !important;
align-content: start;
grid-gap: 0;
height: 100% !important;
min-height: 80.5vh !important;
max-height: 80.5vh !important;
overflow: hidden !important;
overflow-y: auto !important;
margin: 8.7vh 0 0 0 !important;
/* border: 1px solid aqua !important; */
}
/* PAGI */
.favorites-page-view .photo-list-view + .pagination-view {
margin: 0.1vh 0 0 0 !important;
min-height: 20px;
text-align: center;
}
/* GRID TEST 1 - FAV ITEMS - GETTY */
.favorites-page-view .fluid-magic-tools-view + .fluid-centered .photo-list-view .photo-list-photo-view.awake,
.favorites-page-view .photo-list-view .photo-list-photo-view {
transform: unset !important;
margin: 0 5px 5px 0 !important;
position: unset !important;
width: inherit !important;
height: unset !important;
min-height: 205px !important;
max-height: 205px !important;
padding: 5px !important;
border-radius: 5px !important;
}
/* FAVs - ASPECT RATIO */
.favorites-page-view .fluid-magic-tools-view + .fluid-centered .photo-list-view .photo-list-photo-view.awake img ,
.favorites-page-view .photo-list-view .photo-list-photo-view.awake img{
min-height: 170px !important;
max-height: 170px !important;
width: 100% !important;
min-width: 100% !important;
padding: 0 0 1.5vh 0 !important;
object-fit: contain !important;
}
/* FLUID - POOL */
.fluid .group-description {
display: inline-block !important;
}
.fluid .group-description > a {
position: relative !important;
display: inline-block !important;
overflow: visible !important;
}
.fluid .group-description > b {
position: relative !important;
display: inline-block !important;
overflow: visible !important;
}
.fluid .group-description > a img {
position: relative !important;
display: inline-block !important;
overflow: visible !important;
background: red !important;
visibility: visible !important;
opacity: 1 !important;
}
/* POOL BETA ON - POOL THUM/MEMB */
.fluid.html-group-members-page-view .fluid-group-coverphoto-view ,
.fluid .group-pool-page-view .fluid-group-coverphoto-view {
position: sticky;
top: -130px;
height: 140px;
z-index: 1;
border-bottom: 1px solid gray ;
}
html.fluid.html-group-pool-page-view #content .fluid-centered.with-fluid-subnav {
margin-top: -100px !important;
}
/* POOL BETA */
.fluid.html-group-pool-page-view .photo-list-view {
display: inline-block ;
width: 96% ;
height: auto !important;
min-height: 900px !important;
max-height: 2474px !important;
padding-top: 8px ;
padding-left: 70px ;
margin-top: 100px ;
border-bottom: 1px solid red !important;
}
/* POOL BETA */
.fluid.html-group-pool-page-view .photo-list-view .photo-list-photo-view {
position: relative ;
float: left !important;
clear: none !important;
width: 12% !important;
height: 100% ;
max-height: 187px !important;
min-height: 187px !important;
margin: 0 -40px -30px 0 !important;
padding: 0 0 0 0 !important;
border-radius: 2px ;
transform: translate(-30px, -20px) scale(0.8) !important;
background-position: center 30% ;
background-repeat: no-repeat;
background-size: contain;
}
.fluid.html-group-pool-page-view .photo-list-view .photo-list-photo-view .photo-list-photo-container img{
object-fit: contain !important;
}
.photo-list-photo-interaction:hover .interaction-bar {
background: rgba(0, 0, 0, 0.74) ;
border-top: 1px solid #5a5a5a;
}
.fluid.html-group-pool-page-view .photo-list-view .photo-list-photo-view .extra-tool {
opacity: 0.02 !important;
}
.fluid.html-group-pool-page-view .photo-list-view .photo-list-photo-view:hover .extra-tool {
opacity: 1 !important;
}
.fluid.html-group-pool-page-view .photo-list-view .photo-list-photo-view .remove-photo {
width: 20px;
height: 20px;
margin-right: 5px;
margin-top: 1px;
transform: scale(0.7);
background: rgba(0, 0, 0, 0.53) ;
transition: all ease 0.7s ;
}
.fluid.html-group-pool-page-view .photo-list-view .photo-list-photo-view:hover .remove-photo {
transform: scale(0.9);
background: red ;
}
/* TOP NAV - POOL BETA/NO BETA - BETA SEARC (HOVER)/BETA SHARE/DISC/TOP CONTRIB/RULES/ADD INFO */
#global-nav #gn-wrap.gn-wrap .search-icon.fluid.html-group-home-page-view .group-home-page-view .with-fluid-subnav .group-pool-preview-view ul.pool-overview-actions li .search-icon {
position: fixed;
right: 270px !important;
top: 30px;
z-index: 500 !important;
outline: 1px solid yellow !important;
}
.fluid.html-group-home-page-view .group-home-page-view .with-fluid-subnav .group-pool-preview-view ul.pool-overview-actions li .search-icon {
position: fixed;
right: 20px !important;
top: 5px;
z-index: 500 !important;
opacity: 0 !important;
outline: 1px solid violet !important;
}
/* POOL BETA - for BETA SEARC (HOVER)/BETA SHA/DISC/TOP CONTRIB/RULES /ADDI INFO */
.fluid.html-group-home-page-view .groups-toolbar-view .groups-toolbar-share-content{
height: 20px ;
margin-top: 10px;
right: 10px;
}
/* (new305) POOL BETA - HOME */
.fluid.html-group-home-page-view .group-blast-view .blast-empty .empty-state{
margin-top: 0 ;
padding-top: 0 ;
}
.fluid.html-group-home-page-view .group-discussion-view ,
.fluid.html-group-home-page-view .group-top-contributors-view ,
.fluid.html-group-home-page-view .additional-info ,
.fluid.html-group-home-page-view .group-rules ,
.fluid.html-group-home-page-view .group-description {
float: left !important;
width: 44% !important;
height: 378px;
margin: 5px 15px 20px 20px !important;
padding: 0 25px ;
border-radius: 5px ;
overflow: hidden;
overflow-y: auto;
border: 1px solid gray ;
}
.fluid.html-group-home-page-view .additional-info ,
.fluid.html-group-home-page-view .group-rules ,
.fluid.html-group-home-page-view .group-top-contributors-view {
margin-left: 0px;
}
/* FLUID - POOL - HOME - 5 INFOS BLOCKS - LAST ONE NO MARGIN LEFT */
.fluid.html-group-home-page-view .group-rules +.additional-info {
margin-left: 0px;
}
/* BETA ON - AWAKE THUMB - FIRST VIEW after BETA */
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view ,
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake {
position:relative !important;
display: inline-block !important;
height: 100% !important;
min-height: 190px !important;
max-height: 190px !important;
width: 100% !important;
min-width: 153px !important;
max-width: 153px !important;
margin-left: 6px !important;
margin-right: 5px !important;
margin-bottom: 8px !important;
padding: 5px !important;
background-position: center center !important;
background-repeat: no-repeat;
transform: none !important;
}
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .photo-list-photo-container ,
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake .photo-list-photo-container {
height: 100% !important;
min-height: 190px !important;
max-height: 190px !important;
width: 100% !important;
min-width: 161px !important;
max-width: 161px !important;
margin-left: -1px !important;
}
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .photo-list-photo-container img ,
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake .photo-list-photo-container img {
height: 100% !important;
min-height: 190px !important;
max-height: 190px !important;
width: 100% !important;
min-width: 153px !important;
max-width: 153px !important;
object-fit: contain !important;
}
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .photo-list-photo-interaction ,
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake .photo-list-photo-interaction {
height: 198px;
width: 153px !important;
right: 1px !important;
left: 0px !important;
}
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .interaction-view {
left: 0 !important;
right: 0 !important;
top: 0 !important;
}
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake .photo-list-photo-interaction .interaction-bar {
width: 100% !important;
min-width: 100% !important;
align-items: flex-end;
bottom: 0;
box-sizing: border-box;
display: flex;
flex-direction: row;
left: 0;
padding: 0 8px 8px;
position: absolute;
z-index: 2;
}
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake .photo-list-photo-interaction .interaction-bar .text {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
min-height: 0;
margin-bottom: -12px;
margin-right: 12px;
}
/* POOL BETA - A SUPP ? */
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .overlay {
opacity: 1 !important;
}
/* FLU - POOL - OTHER BETA ON - PAGI */
.fluid.html-group-pool-page-view .pagination-view:not(:empty) {
position: fixed !important;
transform: rotate(90deg);
width: 500px !important;
height: 30px !important;
line-height: 30px;
left: -225px !important;
top: 486px;
border-radius: 5px ;
text-align: center;
}
.fluid.html-group-pool-page-view .pagination-view a[rel="next"] ,
.fluid.html-group-pool-page-view .pagination-view>span:not(.disabled) ,
.fluid.html-group-pool-page-view .pagination-view > a {
float: none !important;
transform: rotate(-90deg);
vertical-align: middle !important;
height: 20px;
line-height: 17px;
min-width: 25px;
}
.fluid.html-group-pool-page-view .pagination-view span.is-current ,
.fluid.html-group-pool-page-view .pagination-view a span {
height: 15px;
line-height: 15px;
min-width: 20px;
padding: 0px 3px;
border-radius: 3px;
box-sizing: border-box;
color: #898989;
cursor: pointer;
font-size: 13px;
text-align: center;
transition: background-color 0.15s ease-in-out 0s;
vertical-align: middle;
}
.fluid.html-group-pool-page-view .pagination-view a[rel="prev"] span ,
.fluid.html-group-pool-page-view .pagination-view a[rel="next"] span {
height: 20px !important;
overflow: hidden !important;
}
.fluid.html-group-pool-page-view .pagination-view a[rel="prev"] span i ,
.fluid.html-group-pool-page-view .pagination-view a[rel="next"] span i {
top: 0px !important;
overflow: hidden !important;
}
.fluid.html-group-pool-page-view .pagination-view .moredots {
height: 10px;
min-width: 15px;
max-width: 15px;
line-height: 7px;
font-size: 10px;
padding: 0 1px !important;
}
.fluid.html-group-home-page-view .footer-full-view {
width: 100% !important;
margin-top: 720px;
}
/* (new290) - TAGS PAGE */
.fluid .tag-page-view .related-groups-view .result-cards .result-card .cover {
height: 145px !important;
margin-bottom: -147px !important;
opacity: 1 !important;
background-size: cover;
}
.fluid .tag-page-view .related-groups-view .result-cards .result-card .sizer-cropper {
position: relative;
display: inline-block !important;
height: 186px !important;
width: 364px !important;
top: 0px !important;
text-align: center !important;
}
.fluid .tag-page-view .related-groups-view .result-cards .result-card .avatar-content {
position: absolute !important;
display: inline-block !important;
height: 143px !important;
top: 0px !important;
left: 145px !important;
}
.fluid .tag-page-view .related-groups-view .result-cards .result-card .avatar-content a {
display: inline-block !important;
margin-top: 45px !important;
}
.fluid .tag-page-view .related-groups-view .result-cards .result-card .text-content {
position: relative !important;
display: inline-block !important;
min-width: 345px !important;
max-width: 345px !important;
top: 60px !important;
margin-left: -4px !important;
padding: 5px !important;
text-align: center !important;
overflow: hidden !important;
}
.fluid .tag-page-view .related-groups-view .result-cards .result-card .text-content .title {
position: relative !important;
display: inline-block !important;
min-width: 335px !important;
max-width: 335px !important;
height: 22px !important;
line-height: 26px !important;
text-align: center !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.fluid .tag-page-view .related-groups-view .view-more-link {
margin-top: -24px !important;
}
/* FLU - ALB/SET */
.fluid .fluid-modal-view .album-full-description{
left: 50%;
margin-left: -866px !important;
margin-top: -336.5px !important;
max-height: inherit;
max-width: inherit;
overflow: visible;
top: 20%!important;
}
/* === SLIDESHOW === */
.slideshow-view {
z-index: 50000000 !important;
}
.fluid.html-album-page-view .slideshow-view.idle .chrome + .slideshow-attribution-view.is-real-fullscreen.photo-attribution ,
.fluid.html-album-page-view .slideshow-view > .slideshow-attribution-view.photo-attribution.is-real-fullscreen {
position: absolute;
width: 100%;
top: 0;
left: 0;
padding-left: 20px;
z-index: 103;
visibility: hidden !important;
}
.fluid.html-album-page-view .slideshow-view:hover > .slideshow-attribution-view.photo-attribution.is-real-fullscreen{
visibility: visible !important;
}
/* LIGHTBOX - CLOSE/SLIDE BUT */
#lightbox .hd {
top: 39px;
}
#ken-burns-mode .close-x {
top: 42px;
}
#lightbox.biggering-2013 .bottom-controls {
left: 1800px;
top: -100px !important;
margin-top: 40px !important;
}
#lightbox.biggering-2013 .bottom-controls:after {
content: "Play Slideshow" ;
margin-top: 0px ;
}
/* S.SHOW BUT */
.slideshow-bottom {
position: absolute ;
vertical-align: middle ;
bottom: -230px ;
left: 0 ;
}
/* S.SHOW BUT - POOL JU */
.ju.photo-display-container ~ .slideshow-bottom ,
.ju.photo-display-container + div + div + br + #paginator-module.Pages + #feeds + .slideshow-bottom {
position: fixed !important;
height: 26px;
line-height: 12px;
width: 54px;
top: 1vh!important;
left: 64.5% !important;
right: unset !important;
padding: 1px !important;
text-align: center;
border-radius: 5px !important;
z-index: 500000!important;
}
/* == END == FLUID BETA ==== */
/* START = HIDDEN TOP NAVBAR ==== */
/* TOP NAV - BUD POPUP - IMAGE COVER - USAGE etc ... NEW MAIL- OTHERS */
#global-nav:hover .gn-account .account {
width: 33px;
height: 33px;
padding: 0;
border-radius: 50%;
overflow: hidden;
opacity: 1 !important;
outline: 1px solid peru !important;
}
#global-nav #gb-ac-panel.arrow_box::after ,
#global-nav #gb-ac-panel.arrow_box::before {
right: 275px ;
}
/* TOP NAV - YOU/REC ACT/CTS/POOL/GAL/HELP */
/* TOP NAV - YOU/EXPL/CREA - OTHERS */
#global-nav #gn-wrap .nav.small-logo {
min-width: 350px !important;
max-width: 350px !important;
height: 40px !important;
margin-left: 0px !important;
left: 55px !important;
}
#global-nav #gn-wrap .nav.small-logo .toplink {
height: 20px ;
top: 20px;
}
#global-nav #gn-wrap .nav.small-logo .toplink.gn-menu-parent[data-context="you"] {
margin-left: 100px !important;
}
/* (new244) */
#global-nav #gn-wrap .nav.small-logo .toplink > a {
height: 20px ;
line-height: 20px ;
padding-top: 0px ;
color: peru !important;
}
#global-nav #gn-wrap .nav.small-logo .toplink > a + .panel {
left: 10px;
top: 17px ;
}
/* (new292) TOP - PRINT - HOVER */
#global-nav:hover .gn-menu-parent[data-context="prints"] {
position: fixed !important;
display: inline-block !important;
height: 2vh !important;
left: 700px !important;
top: 2.2vh;
}
#global-nav:hover .gn-menu-parent[data-context="prints"] a.gn-link.prints {
display: inline-block !important;
height: 2vh !important;
line-height: 2vh !important;
padding: 0 5px !important;
}
/* (new292) TOP NAV - GM "Flickr Functional Suite" STTINGS - HOVER */
#global-nav.styleguide-global-nav:hover .top-nav li[data-context="explore"] + li {
position: fixed !important;
display: inline-block !important;
height: 2vh !important;
left: 500px !important;
top: 2.2vh;
}
/* TOP NAV - RELATED SEARCH - FROM BETA ON - HOVER / NOT HOVER - move SHARE */
.groups-toolbar-content .groups-toolbar-share-content {
position: absolute ;
height: 26px;
right: 2px ;
margin-top: 37px ;
z-index: 500 ;
}
.group-pool-subheader-view .search-icon {
top: -38px ;
}
.group-pool-preview-view ul.pool-overview-actions li .search-icon{
position: absolute ;
top: -252px ;
right: -4px ;
}
/* TOP NAV - SEARC CONT INPUT - SEARC */
/* NORM */
.search-slender-advanced-panel-view .advanced-panel .quick-filter {
left: -600px !important;
}
/* SEARCH PHOT */
.fluid.html-search-photos-unified-page-view .global-nav-view:not(:hover) .gn-search-box {
position: fixed !important;
display: inline-block !important;
height: 2.6vh !important;
min-width: 800px !important;
top: 0px !important;
left: unset !important;
right: 40px !important;
margin: 0 0 0 0 !important;
}
.fluid.html-search-photos-unified-page-view .global-nav-view:hover .gn-search-box {
position: fixed !important;
display: inline-block !important;
height: 2.6vh !important;
min-width: 800px !important;
top: 2vh !important;
left: unset !important;
right: 40px !important;
margin: 0 0 0 0 !important;
}
/* TOP NAV - SERACH PHOT UNIFIED - SEARCH HOVER / EXPANDED */
.fluid.html-search-photos-unified-page-view .global-nav-view:not(:hover) .search-autosuggest-field-view ,
.fluid.html-search-photos-unified-page-view .global-nav-view:not(:hover) .search-autosuggest-field-view.expanded ,
.fluid.html-search-photos-unified-page-view .global-nav-view:not(:hover) .search-autosuggest-field-view.expanded.focus {
position: fixed !important;
display: inline-block !important;
width: auto !important;
min-width: 850px !important;
height: 2.5vh !important;
top: 0vh !important;
left: unset !important;
right: 0 !important;
margin: 0 0 0 0 !important;
}
.fluid.html-search-photos-unified-page-view .global-nav-view:hover .search-autosuggest-field-view ,
.fluid.html-search-photos-unified-page-view .global-nav-view:hover .search-autosuggest-field-view.expanded ,
.fluid.html-search-photos-unified-page-view .global-nav-view:hover .search-autosuggest-field-view.expanded.focus {
position: fixed !important;
display: inline-block !important;
width: auto !important;
min-width: 850px !important;
height: 2.5vh !important;
top: 1.7vh !important;
right: 0 !important;
left: unset !important;
}
.fluid.html-search-photos-unified-page-view .search-autosuggest-field-view .search-form .search-pillbox .search-pill {
align-items: center;
border-radius: 3px;
flex: 0 0 auto;
float: none;
font-size: 14px;
height: 19px ;
line-height: 19px;
list-style-type: none;
margin-right: 3px;
position: relative;
transition: padding-right 0.25s ease-in-out 0s;
}
.search-autosuggest-field-view .search-pill-remover {
top: 5px !important;
background-color: red !important;
}
/* TOP NAV - SEARCH CLEAR BUT */
.fluid.html-search-photos-unified-page-view .global-nav-view ~ .search-subnav-slender-view .search-subnav-sizing.fluid-centered .search-subnav-content .tool.advanced-clear {
position: relative !important;
display: inline-block !important;
top: 15px !important;
right: -185px !important;
padding: 5px 20px !important;
border-radius: 3px !important;
z-index: 500 !important;
}
.fluid.html-search-photos-unified-page-view .global-nav-view:hover ~ .search-subnav-slender-view .search-subnav-sizing.fluid-centered .search-subnav-content .tool.advanced-clear {
top: -32px !important;
}
/* TOP NAV - SEARCH CONT - ALL */
.fluid .global-nav-view .global-nav .global-nav-content .global-nav-container .gn-tools ,
.global-nav .global-nav-content .global-nav-container .gn-tools ,
.global-nav .global-nav-content .gn-tools {
position: absolute !important;
display: inline-block !important;
height: 20px !important;
min-width: 300px !important;
max-width: 300px !important;
left: 1795px !important;
margin: 0px 0 0 0 !important;
padding: 0 130px 0 0;
padding: 0 !important;
}
.fluid .global-nav-view:hover .global-nav .global-nav-content .global-nav-container .gn-tools ,
.fluid .global-nav-view:hover .global-nav .global-nav-content .global-nav-container .gn-tools {
position: absolute !important;
min-width: 300px !important;
max-width: 300px !important;
left: 1540px !important;
margin: 2vh 0 0 0 !important;
padding: 0 130px 0 0;
padding: 0 !important;
}
.search-autosuggest-field-view {
position: relative;
height: 2.8vh !important;
width: auto !important;
margin: 0px 0 0 0 !important;
}
.search-autosuggest-field-view .search-form {
height: 2.8vh !important;
}
/* TOP NAV - SEARCH - FORM/INPUT */
#global-nav .tools form {
position: relative;
float: left;
height: 25px !important;
left: 45px !important;
margin-top: 10px !important;
transition: background-color 250ms ease-in-out 0s, width 250ms ease-in-out 0s, left 250ms ease-in-out 0s;
}
#global-nav input,
#global-nav textarea,
#global-nav select {
height: 25px !important;
}
#global-nav .gn-wrap .tools.with-upload-icon form ,
#global-nav .tools form {
left: 99px !important;
}
#global-nav:hover .gn-wrap .tools.with-upload-icon form {
left: 95px !important;
margin-top: 0px !important;
}
#global-nav .tools form input {
left: 10px !important;
}
#global-nav .tools.expanded form {
width: 360px;
margin-left: -123px !important;
}
/* TOP NAV - SEARCH FIELD - ALL - PHOT/ALB/SET / SEARCH */
.global-nav .global-nav-content .gn-tools.with-upload-icon .gn-search-box {
position: relative !important;
display: inline-block !important;
height: 25px !important;
line-height: 25px !important;
right: 20px;
margin-top: 5px !important;
}
/* TOP NAV - SEARCH FIELD - ALL */
.fluid.html-search-photos-unified-page-view .search-autosuggest-field-view .search-form ,
.fluid.html-search-photos-unified-page-view .search-autosuggest-field-view.expanded.focus .search-form ,
.fluid.html-search-photos-unified-page-view .search-autosuggest-field-view.expanded .search-form {
min-width: 700px !important;
height: 2.5vh !important;
line-height: 25px !important;
right: 50px !important;
left: unset !important;
top: 0px !important
}
/* SEARCH PHOTO PAGE */
.fluid.html-photo-page-scrappy-view .search-autosuggest-field-view .search-form ,
.fluid.html-photo-page-scrappy-view .search-autosuggest-field-view.expanded.focus .search-form ,
.fluid.html-photo-page-scrappy-view .search-autosuggest-field-view.expanded .search-form {
height: 2.5vh !important;
}
.search-autosuggest-field-view .search-form label {
height: 25px !important;
line-height: 25px !important;
}
.search-autosuggest-field-view #search-field {
height: 25px !important;
line-height: 25px !important;
left: 0px ;
font-size: 14px;
background-color: transparent;
}
/* (new244) SEARCH PAGES - AUTOSUGGEST LIST - NOT HOVER */
.fluid.html-search-photos-unified-page-view .global-nav-view:not(:hover) .search-autosuggest-field-view .search-autosuggest-items-list-view {
position: absolute;
width: 360px !important;
left: 184px !important;
top: 2.5vh !important;
z-index: 5000 !important;
}
/* (new244) SEARCH PAGES - AUTOSUGGEST LIST - HOVER */
.fluid.html-search-photos-unified-page-view .global-nav-view:hover .search-autosuggest-field-view .search-autosuggest-items-list-view {
position: absolute;
width: 360px !important;
top: 2.5vh !important;
left: 184px !important;
}
/* TOP NAV - SEARCH ICON - ALL */
.search-autosuggest-field-view .search-form .search-icon-button {
margin: 3px 0 7px -5px !important;
}
/* TOP NAV - SEARCH ICON - GAL / ALB - Not HOVER */
.fluid.html-album-page-view .global-nav-view:not(:hover) .global-nav .search-autosuggest-field-view .search-form .search-icon-button ,
.fluid.html-gallery-page-view .global-nav-view:not(:hover) .global-nav .search-autosuggest-field-view .search-form .search-icon-button {
position: fixed !important;
left: 230px !important;
right: 0px !important;
top: 190px !important;
}
/* TOP NAV - SEARCH ICON - FLUID ALB - HOVER / Not HOVER */
.fluid.html-album-page-view .global-nav-view:hover .global-nav .search-autosuggest-field-view .search-form {
height: 2.6vh !important;
}
.fluid.html-album-page-view .global-nav-view:not(:hover) .global-nav .search-autosuggest-field-view .search-form .search-icon-button {
position: fixed !important;
display: inline-block ;
right: 200px !important;
left: unset !important;
top: 5.4vh !important;
}
/* (new298) TOP NAV - SEARCH - POOL BETA - :not(:hover) / hover */
.fluid.html-group-pool-page-view .group-pool-page-view .global-nav-view:hover .search-autosuggest-field-view .search-form label:before ,
.fluid.html-group-pool-page-view .group-pool-page-view .global-nav-view:not(:hover) .search-autosuggest-field-view .search-form label:before {
position: fixed ;
display: inline-block ;
height: 18px ;
width: 18px ;
right: 235px !important;
text-indent: 20px ;
font-size: 10px ;
z-index: 500000 !important;
}
.fluid.html-group-pool-page-view .group-pool-page-view .global-nav-view:not(:hover) .search-autosuggest-field-view .search-form label:before {
content: " 🔻 " ;
top: 4.5vh !important;
}
/* HOVER */
.fluid.html-group-pool-page-view .group-pool-page-view .global-nav-view:hover .search-autosuggest-field-view .search-form label:before {
content: " 🔺 " ;
top: 2.5vh !important;
right: -30px !important;
}
/* ==== TOP NAV - NEW BELL NOTIF MENU ==== */
/* TOP NAV - NOTIF BELL - ALL */
.toplink.notifications-icon-link ,
.notifications-menu-view {
position: absolute !important;
display: inline-block !important;
height: 30px !important;
line-height: 25px !important;
width: 28px !important;
margin-top: 0px !important;
top: -53px !important;
right: 1433px !important;
padding: 0 !important;
border-radius: 100% !important;
opacity: 1 !important;
transform: scale(0.6) !important;
z-index: 5000000 !important;
}
.global-nav-view .notifications-menu-view:hover ,
.global-nav-view:hover .notifications-menu-view {
margin-top: 0px !important;
top: 22px !important;
left: 534px !important;
transform: scale(0.7) !important;
opacity: 1 !important;
z-index: 50000 !important;
}
#global-nav.styleguide-global-nav .toplink.notifications-icon-link ,
.notifications-menu-view .gn-title.c-notifications-menu[aria-haspopup="true"][aria-expanded="false"] ,
.notifications-menu-view .gn-title.c-notifications-menu {
width: 27px !important;
height: 27px !important;
padding: 0 !important;
text-align: center;
z-index: 5000 !important;
background: black !important;
}
.notifications-menu-view .gn-title.c-notifications-menu:hover {
opacity: 1 !important;
}
.notifications-menu-view .gn-title.c-notifications-menu[aria-haspopup="true"][aria-expanded="true"] {
outline: 1px solid blue !important;
}
.gn-tools .c-notification-icon .c-notification-unseencount:not(.hidden) ,
.c-notification-icon .c-notification-unseencount:not(.hidden) ,
.c-notification-icon .c-notification-unseencount:not(.hidden) {
position: absolute;
display: inline-block !important;
height: 20px !important;
line-height: 12px !important;
right: 4px !important;
top: 28px !important;
padding: 4px !important;
font-size: 15px !important;
text-align: center !important;
opacity: 0.6 !important;
z-index: 5000 !important;
}
.gn-tools:hover .c-notification-icon .c-notification-unseencount:not(.hidden) ,
.c-notification-icon .c-notification-unseencount:not(.hidden):hover ,
.c-notification-icon:hover .c-notification-unseencount:not(.hidden) {
font-size: 19px !important;
opacity: 1 !important;
}
.notifications-menu-view .gn-title.c-notifications-menu[aria-haspopup="true"][aria-expanded="false"][ aria-label="Notifications"] .c-notification-icon {
height: 28px;
width: 28px;
border-radius: 50% !important;
opacity: 1 !important;
background: black url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -493px -394px !important;
}
.notifications-menu-view .gn-title.c-notifications-menu[aria-haspopup="true"][aria-expanded="false"] .c-notification-icon[aria-hidden="true"] {
height: 28px;
width: 28px;
border-radius: 50% !important;
opacity: 0.8 !important;
background: #9A2222 url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -493px -395px;
}
/* cf POOL NO BETA */
#global-nav.styleguide-global-nav .toplink.notifications-icon-link {
margin-top: 0px !important;
top: 40px !important;
right: -23px !important;
opacity: 0.6 !important;
z-index: 5000000 !important;
}
#global-nav.styleguide-global-nav:hover .toplink.notifications-icon-link {
top: -15px !important;
right: 0px !important;
opacity: 1 !important;
}
#global-nav.styleguide-global-nav .toplink.notifications-icon-link:hover {
opacity: 1 !important;
}
#global-nav.styleguide-global-nav .notifications-icon {
top: -11px !important;
left: -7px !important;
}
#global-nav.styleguide-global-nav .toplink.notifications-icon-link .gn-link.global-nav-notifications span.notifications-count:not(.hidden) {
position: absolute;
display: inline-block !important;
height: 22px !important;
line-height: 12px !important;
right: -5px !important;
top: -18px !important;
margin-right: 7px !important;
padding: 4px !important;
font-size: 14px !important;
transform: scale(1) !important;
z-index: 5000000 !important;
color: gold !important;
}
#global-nav.styleguide-global-nav:hover li.toplink.notifications-icon-link a.gn-link.global-nav-notifications span.notifications-count:not(.hidden) {
right: -8px !important;
top: -18px !important;
font-size: 17px !important;
opacity: 1 !important;
}
/* BELL to NOTIF (no MODAL) - INDICATOR */
#global-nav li.toplink:hover ,
#global-nav li.toplink:focus {
opacity: 1 !important;
}
.gn-link.global-nav-notifications[href="/notifications"] i.notifications-icon {
width: 30px !important;
height: 30px !important;
border-radius: 50% !important;
border: 1px solid red !important;
}
.gn-link.global-nav-notifications[href="/notifications"] i.notifications-icon + span:before {
content: "🔗" !important;
visibility: hidden !important;
position: absolute !important;
left: -14px !important;
top: 21px !important;
width: 25px !important;
height: 25px !important;
line-height: 30px !important;
border-radius: 50% !important;
font-size: 20px !important;
z-index: 0 !important;
color: gold !important;
background-color: green !important;
border: 1px solid red !important;
}
.gn-link.global-nav-notifications[href="/notifications"]:hover i.notifications-icon + span:before {
content: "🔗" !important;
visibility: visible !important;
width: 27px !important;
top: 2px !important;
left: -40px !important;
border-radius: 5px !important;
font-size: 12px !important;
text-align: center !important;
transition: all ease 0.7s !important;
color: gold !important;
background-color: black !important;
border: 1px solid red !important;
}
.gn-link.global-nav-notifications[href="/notifications"]:hover i.notifications-icon + span:after {
content: "⮉" !important;
position: absolute !important;
visibility: visible !important;
width: 35px !important;
height: 25px !important;
line-height: 20px !important;
top: 7px !important;
left: -44px !important;
border-radius: 5px !important;
font-size: 42px !important;
text-align: center !important;
transition: all ease 0.7s !important;
color: gold !important;
background-color: transparent !important;
}
/* TOP NAV - NOTIF BELL - ALL - PHOTO / GAL / SEARCH / ALB === */
.fluid.html-albums-list-page-view .global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-search-photos-unified-page-view .global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-galleries-list-page-view .global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-gallery-page-view .global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-photo-page-scrappy-view .global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid .global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) {
position: absolute ;
display: inline-block ;
height: 28px ;
line-height: 25px ;
top: 91px ;
left: 1520px ;
}
.fluid.html-photo-page-scrappy-view .global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) {
left: 1539px !important;
}
.fluid.html-albums-list-page-view .global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-search-photos-unified-page-view .global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-galleries-list-page-view .global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-gallery-page-view .global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-photo-page-scrappy-view .global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid .global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) {
left: -216px !important;
top: -36px !important;
}
.fluid.html-photo-page-scrappy-view .global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) {
left: -202px !important;
}
/* TOP NAV - BELL - POPUP - ALL */
/* BELL GAL */
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound.no-border.big-shadow {
left: 1883px !important;
}
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound.no-border.big-shadow ,
.fluid.html-feed-new-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound {
left: 1900px ;
transition: left ease 0.7s ;
}
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound.no-border.big-shadow:hover ,
.fluid.html-feed-new-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound:hover ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:not([style="width: 220px; left: 1856.77px; top: 158px;"]):hover ,
.fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:hover {
position: fixed;
min-height: 840px !important;
min-width: 495px !important;
left: 1430px !important;
top: 1px ;
opacity: 1 ;
z-index: 5000000 ;
background: #333 ;
}
/* BELL PHO */
.fluid.html-photo-page-scrappy-view .notifications-menu-view {
margin-top: 0px !important;
top: -5vh !important;
}
.fluid.html-photo-page-scrappy-view .global-nav-view .notifications-menu-view:hover,
.fluid.html-photo-page-scrappy-view .global-nav-view:hover .notifications-menu-view {
width: 27px !important;
height: 27px !important;
margin-top: 0;
opacity: 1;
top: 2.5vh !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:hover {
left: 1455px ;
}
/* BELL POOL PEND */
.fluid.html-group-admin-pending-page-view .droparound.subview-droparound.auto-size.notifs-droparound.no-border.big-shadow {
left: 1882px !important;
}
/* BELL ALB */
.fluid.html-album-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:hover {
left: 1460px ;
}
.fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound .body .content.subview {
min-width: 475px ;
max-width: 475px ;
max-height: 100% ;
padding: 0px ;
}
/* BELL FAV */
.fluid.html-favorites-page-view global-nav-view:not(:hover) .gn-tools .notifications-menu-view {
position: fixed !important;
display: inline-block ;
left: 1882px !important;
right: 0px !important;
margin-top: 0 !important;
top: 0px !important;
transform: scale(0.7) ;
z-index: 500000 !important;
opacity: 1 !important;
visibility: visible ;
}
.fluid.html-favorites-page-view .global-nav-view .notifications-menu-view:hover,
.fluid.html-favorites-page-view .global-nav-view:hover .notifications-menu-view {
left: 534px !important;
margin-top: 0!important;
opacity: 1 !important;
top: 22px !important;
transform: scale(0.7)!important;
z-index: 50000 !important;
}
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound ,
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound {
position: fixed !important;
display: inline-block !important;
min-height: 20px !important;
max-height: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
left: 1885px !important;
top: 2px !important;
overflow: hidden !important;
transition: all ease 0.7s ;
opacity: 0 !important;
z-index: 5000000 !important;
}
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound:hover ,
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:hover {
min-height: 850px !important;
max-height: 850px !important;
min-width: 500px !important;
max-width: 500px !important;
left: 1420px !important;
top: 1px !important;
opacity: 1 !important;
}
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound .body .content.subview ,
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound .body .content.subview {
min-width: 555px ;
max-width: 555px ;
max-height: 100% ;
margin-left: -5px ;
padding: 10px ;
}
.fluid.html-favorites-page-view .fluid-droparound-overlay.transparent{
z-index: -1 !important;
}
/* BELL FEEDS */
.fluid.html-feed-new-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound {
width: 100% ;
min-width: 18px ;
max-width: 18px ;
left: 1882px !important;
right: 0px ;
margin-left: 0 ;
overflow: hidden ;
z-index: 500000 !important;
}
.fluid.html-feed-new-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:hover {
max-width: 498px ;
left: 1450px !important;
}
/* TOP NAV - ACCO MENU - ALL */
.global-nav .global-nav-content .gn-tools li:last-of-type .account-menu-view {
margin-left: -15px !important;
}
#global-nav .gn-account {
position: absolute !important;
float: none !important;
left: -1498px !important;
top: -7px !important;
cursor: pointer !important;
}
/* TOP NAV - SEARC */
.global-nav-view + .search-subnav-slender-view .search-subnav.using-slender-advanced-panel {
height: 42px !important;
top: 0px !important;
padding-top: 14px !important;
}
.global-nav-view:hover + .search-subnav-slender-view .search-subnav.using-slender-advanced-panel {
top: 0px !important;
}
/* (new298) TOP NAV - AVAT / MAIL - PHOT/ALB/SET */
global-nav-content .gn-tools li:last-of-type .account-menu-view {
margin-left: -15px !important;
}
.global-nav .global-nav-content .gn-tools li:last-of-type .account-menu-view .c-account-buddyicon {
position: absolute ;
float: none ;
left: -1520px ;
top: -9px !important;
cursor: pointer ;
z-index: 5000 ;
}
.global-nav .global-nav-content .gn-tools li:last-of-type .account-menu-view .c-account-buddyicon span {
position: relative ;
display: inline-block ;
margin-top: 0px ;
right: 45px ;
cursor: pointer ;
}
/* (new298) TOP NAV - AVAT - POOL */
.fluid.html-group-pool-page-view .group-pool-page-view .global-nav .global-nav-content .gn-tools li:last-of-type .account-menu-view .c-account-buddyicon {
position: absolute ;
float: none ;
left: -1520px ;
top: -0.5vh !important;
cursor: pointer ;
z-index: 5000 ;
border: 1px solid aqua !important;
}
.fluid.html-group-pool-page-view .group-pool-page-view .global-nav .global-nav-content .gn-tools li:last-of-type .account-menu-view .c-account-buddyicon a .avatar.person{
position: absolute ;
top: -1vh !important;
border: 1px solid yellow !important;
}
/* (new298) TOP NAV - POOL DISC / HELP - MENU - DROPDOWN - HOVER */
#global-nav li.gn-menu-parent:hover .panel{
position: absolute;
display: inline-block !important;
min-width: 150px;
line-height: 24px;
top: 0.8vh !important;
left: 0px !important;
margin: 0 !important;
padding: 8px 5px !important;
/*border: 1px solid aqua !important;*/
}
/* (new298) TOP NAV - POOL / PHOTOSTREAM / PHOTO PAGE / GALL - MENU - DROPDOWN - HOVER */
.fluid.html-album-page-view .global-nav-view .nav-menu li:hover .gn-submenu ,
.fluid.html-albums-list-page-view .global-nav-view .nav-menu li:hover .gn-submenu ,
.fluid.html-gallery-page-view .global-nav-view .nav-menu li:hover .gn-submenu ,
.fluid.html-galleries-list-page-view .global-nav-view .nav-menu li:hover .gn-submenu ,
.fluid.html-account-settings-view .global-nav-view .nav-menu li:hover .gn-submenu ,
.fluid.html-favorites-page-view .global-nav-view .nav-menu li:hover .gn-submenu ,
.fluid.html-photo-page-scrappy-view .global-nav-view .nav-menu li:hover .gn-submenu ,
.fluid.html-photostream-page-view .global-nav-view .nav-menu li:hover .gn-submenu ,
.fluid.html-group-pool-page-view .global-nav-view .nav-menu li:hover .gn-submenu {
position: absolute;
display: inline-block !important;
min-width: 150px;
line-height: 24px;
top: 2.8vh !important;
left: 0px !important;
margin: 0 !important;
padding: 8px 5px !important;
/*border: 1px solid aqua !important;*/
}
/* (new298) TOP NAV - POOL PENDING - MENU - DROPDOWN - HOVER */
.html-group-admin-pending-page-view .global-nav-view .nav-menu li:hover .gn-submenu {
position: absolute;
display: inline-block !important;
min-width: 150px;
line-height: 24px;
top: 3.5vh !important;
left: 25px !important;
margin: 1vh 0 0 40px !important;
padding: 8px 5px !important;
border: 1px solid red !important;
}
/* TOP NAV - AVAT / MAIL - PHOT/ALB/GAL */
.fluid.html-galleries-list-page-view .c-account-buddyicon ,
.fluid.html-gallery-page-view .c-account-buddyicon ,
.fluid.html-albums-list-page-view .c-account-buddyicon ,
.fluid.html-photo-page-scrappy-view .c-account-buddyicon {
top: 0px !important;
}
/* (new304) COR FLOAT - TOP NAV - MENU - YOU/EXPL/CREATE - PHOT/ALB/SET - for LANG */
.global-nav .global-nav-content .nav-menu {
/*display: inline-block !important;*/
min-width: 300px !important;
max-width: 300px !important;
float: left !important;
min-height: 20px !important;
max-height: 20px !important;
margin: 1.5vh 0 0 60px !important;
padding: 0px !important;
margin-top: 1.5vh !important;
text-align: left !important;
}
.global-nav .global-nav-content .nav-menu > li {
display: inline-block !important;
min-height: 20px !important;
max-height: 20px !important;
margin-left: 5px !important;
padding: 0 !important;
}
.global-nav .global-nav-content .nav-menu > li > a ,
.global-nav .global-nav-content:hover .nav-menu > li > a {
min-height: 20px !important;
max-height: 20px !important;
padding: 0 !important;
}
.global-nav .global-nav-content .nav-menu li:hover .gn-submenu {
padding-top: 10px !important;
top: 20px !important;
margin-left: -35px !important;
}
.global-nav .global-nav-content .nav-menu > li ul.gn-submenu li a {
display: inline-block !important;
width: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
padding: 0 !important;
}
/* (new304) COR FLOAT - TOP NAV - MENU - LABEL NEW */
.fluid .global-nav .global-nav-content .nav-menu > li.gn-create > a .label-beta.new {
/*display: inline-block;*/
float: right;
width: 0;
margin-left: 5px;
padding: 0 !important;
text-align: center !important;
transform: scale(0.5) !important;
background-color: #ff9f00 !important;
}
/* TOP NAV - UPLOAD ICON - NO FLUID - CONT */
#global-nav .gn-wrap .tools.with-upload-icon {
position: absolute;
width: 392px;
height: 25px !important;
left: 1500px !important;
top: 15px !important;
transition: unset ;
}
#global-nav:hover .gn-wrap .tools.with-upload-icon {
position: absolute;
height: 25px !important;
left: 1520px !important;
top: 20px !important;
}
#global-nav .gn-wrap .tools.with-upload-icon .top-nav {
margin-top: -8px !important;
}
/* (new298) */
.gn-upload {
position: absolute;
left: -1305px !important;
top: -1vh !important;
opacity: 0.6 !important;
transform: scale(0.7);
}
/* UPLO ICO in PHO/GAL/FAV/EPLO/ALB/POOL LIST/POOL BET POOL/DISC/ABT */
.fluid.html-group-admin-page-view .gn-upload ,
.fluid.html-group-members-page-view .gn-upload ,
.fluid.html-group-pool-page-view .gn-upload ,
.fluid.html-group-home-page-view .gn-upload ,
.fluid.html-group-discussions-list-page-view .gn-upload ,
.fluid.html-group-discussion-page-view .gn-upload ,
.fluid.html-person-groups-page-view .gn-upload ,
.fluid.html-albums-list-page-view .gn-upload ,
.fluid.html-galleries-list-page-view .gn-upload ,
.fluid.html-explore-page-view .gn-upload ,
.fluid.html-favorites-page-view .gn-upload ,
.fluid.html-gallery-page-view .gn-upload ,
.fluid.html-photo-page-scrappy-view .gn-upload {
left: -1250px !important;
}
/* UPLO in POOL */
#global-nav .upload-icon-link {
position: absolute;
width: 40px !important;
height: 25px !important;
line-height: 25px !important;
left: -1160px !important;
top: 0px !important;
opacity: 0.5 !important;
transform: scale(0.6) !important;
}
#global-nav .global-nav-upload {
height: 25px !important;
padding: 3px !important;
}
/* HELP - TOP NAV - NEW MAIL COUNT */
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account .gn-link.account + #header-mailcount + #gb-ac-wrap {
left: -25px !important;
top: 45px !important;
opacity: 1 !important;
visibility: hidden !important;
}
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account .gn-link.account:hover + #header-mailcount + #gb-ac-wrap ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account .gn-link.account + #header-mailcount + #gb-ac-wrap:hover ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account .gn-link.account:hover + #header-mailcount + #gb-ac-wrap {
left: -25px !important;
top: 20px !important;
padding-top: 20px !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
}
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account #gb-ac-wrap #gb-ac-panel ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account #gb-ac-wrap #gb-ac-panel.new-account-menu {
display: inline-block !important;
left: 0px !important;
top: 2px !important;
opacity: 1 !important;
}
#global-nav #gb-ac-panel #gb-ac-profile .wrap .iwrap div ,
#global-nav #gb-ac-panel.new-account-menu #gb-ac-profile .wrap .iwrap div {
color: white !important;
}
#global-nav #gb-ac-panel #gb-ac-profile ,
#global-nav #gb-ac-panel.new-account-menu #gb-ac-profile {
padding: 5px 20px 0 !important;
color: white !important;
}
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account #gb-ac-wrap #gb-ac-panel .ac-nav>li>a[data-track="Account-flickrmail-menu"] ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account.ActiveButt #gb-ac-wrap #gb-ac-panel .ac-nav>li>a[data-track="Account-flickrmail-menu"] ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account #gb-ac-wrap #gb-ac-panel.new-account-menu .ac-nav>li>a[data-track="Account-flickrmail-menu"] ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account.ActiveButt #gb-ac-wrap #gb-ac-panel.new-account-menu .ac-nav>li>a[data-track="Account-flickrmail-menu"] {
position: fixed ;
display: inline-block ;
height: 100% ;
min-height: 15px ;
max-height: 15px ;
width: 100% ;
min-width: 15px ;
max-width: 15px ;
top: 2px ;
left: 4px ;
font-size: 0px ;
cursor: pointer ;
transition: top ease 0.7s ;
background: url(data:image/x-icon;base64,AAABAAEAEBAQAAAAAAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAABpaGgAj42MAAAAAAD///8A4ODgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIiIiIiIiIiIhEREREREREhQzMzMzMzNBE0MzMzMzNDETNDMzMzNDMRMzQzMzNDMxEzM0MzNDMzATMzM0QzMzMRMzM0EUMzMxEzM0EzFDMzETM0EzMxQzMRM0EzMzMUMxE0EzMzMzFDEUEzMzMzMxQREzMzMzMzMRIRERERERERL//wAAgAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAQAA) no-repeat!important;
transform: scale(0.7) ;
opacity: 1 ;
visibility: visible !important;
z-index: 500000 !important;
}
.flickrmail-menu-number ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account #gb-ac-wrap #gb-ac-panel .ac-nav>li>a[data-track="Account-flickrmail-menu"] span.number {
position: fixed ;
display: inline-block ;
min-width: 20px ;
height: 17px ;
line-height: 15px ;
top: -1px ;
left: 15px ;
font-size: 13px ;
border-radius: 5px ;
letter-spacing: 2px ;
text-indent: 2px ;
text-align: center ;
color: white ;
border: 1px solid red ;
background: #111 ;
}
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account #gb-ac-wrap #gb-ac-panel .ac-nav>li>a[data-track="Account-flickrmail-menu"] ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account.ActiveButt.open #gb-ac-wrap #gb-ac-panel .ac-nav>li>a[data-track="Account-flickrmail-menu"] {
left: 0px !important;
}
/* TOP NAV - PHOT/ALB/SET + OTHERS */
#global-nav.styleguide-global-nav ,
.global-nav-restyle .global-nav-content {
position: fixed !important;
display: inline-block !important;
height: 49px !important;
width: 100% !important;
min-width: 100% !important;
top: -5.5vh !important;
left: 0px !important;
right: 0px !important;
margin: 0 0 0 0 !important;
padding: 0 !important;
text-align: center !important;
z-index: 5000000 !important;
color: peru !important;
border-bottom: 1px solid red !important;
}
#global-nav.styleguide-global-nav:hover {
top: 0px !important;
}
#global-nav .gn-wrap {
height: 100%;
margin: 0 auto;
max-width: 100% !important;
min-width: 800px;
position: relative;
}
/* TOP NAV - UPLOAD */
html.has-items body.editr-loaded #global-nav #gn-wrap .nav.small-logo {
display: inline-block !important;
width: 100% !important;
max-width: 1920px !important;
min-width: 1920px !important;
height: 40px;
left: 0px;
margin-left: 0;
}
html.has-items body.editr-loaded #global-nav #gn-wrap .nav.small-logo .toplink:first-of-type {
margin-left: 110px !important;
}
html.has-items body.editr-loaded #global-nav #gn-wrap .tools .toplink.gn-menu-parent.gn-account {
top: 7px !important;
}
/* UPLOAD - OLD FORM */
#wholeform {
position: relative !important;
top: 100px !important;
left: -281px !important;
}
#Main table#upload_form_container tbody tr td#Hint p:first-of-type {
height: auto !important;
}
/* TOP NAV - WELC / STOR */
#global-nav.styleguide-global-nav #gb-ac-wrap {
position: absolute;
right: 237px ;
width: 322px ;
}
/* HOVER MENU SETTINGS */
#global-nav.styleguide-global-nav .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account:hover .gn-link.account + #gb-ac-wrap {
right: -270px !important;
top: 33px !important;
transition: all ease 0.7s ;
}
#global-nav #gb-ac-wrap.droparound-with-storage #gb-ac-panel .usage {
padding: 0px 20px ;
}
/* (new204) TOP NAV - ALL */
.global-nav-view .global-nav-content {
height: 0px !important;
left: 0;
position: fixed;
right: 0;
top: 0;
width: 100%;
z-index: 2000;
/* overflow: hidden !important; */
}
.fluid .global-nav-view ,
.fluid .global-nav-view.requiredToShowOnServer {
position: fixed !important;
display: inline-block !important;
height: 49px !important;
width: 1920px !important;
min-width: 100% !important;
top: -50px !important;
left: 0px !important;
padding: 0 !important;
text-align: center !important;
z-index: 50000 !important;
color: peru !important;
}
.fluid .global-nav-content.styleguide-global-nav.fluid.sohp-mobile-navable {
position: absolute !important;
display: inline-block !important;
height: 45px !important;
width: 1920px !important;
min-width: 100% !important;
top: -106px !important;
left: 0px !important;
padding: 0 !important;
text-align: center !important;
color: peru !important;
}
.fluid .global-nav-view:hover .fluid.sohp-mobile-navable {
top: 0px !important;
border-bottom: 1px solid red !important;
}
.global-nav-container.fluid-centered {
position: absolute !important;
display: inline-block !important;
height: 45px !important;
width: 1920px !important;
min-width: 100% !important;
top: -48px !important;
left: 0px !important;
padding: 0 !important;
text-align: center !important;
color: peru !important;
}
.fluid .global-nav-view:hover .global-nav-container.fluid-centered {
top: 0px !important;
}
.fluid .global-nav-view:hover {
display: inline-block !important;
height: 49px !important;
width: 1920px !important;
min-width: 100% !important;
top: 0px !important;
left: 0px !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
z-index: 500000000 !important;
color: peru !important;
border-bottom: 1px solid red !important;
}
.fluid .global-nav-view:hover .global-nav {
top: 50px !important;
}
.fluid .global-nav-view:before {
content: "🔻" ;
position: absolute ;
display: inline-block ;
top: 54px !important;
left: 0 ;
font-size: 10px ;
cursor: pointer ;
}
.fluid .global-nav-view:after ,
#global-nav .gn-wrap:after {
content: "🔻" ;
position: absolute ;
top: 47px !important;
font-size: 10px ;
cursor: pointer ;
}
.fluid .global-nav-view:hover:after {
content: "🔺" ;
}
/* TOP NAV - SEARCH - ALL + POOL BETA/NO BETA - HOME === */
#global-nav #gn-wrap.gn-wrap .search-icon {
position: fixed ;
left: 1856px !important;
top: 5px ;
}
#global-nav:hover #gn-wrap.gn-wrap .search-icon {
top: 20px;
border-radius: 0 5px 5px 0 !important;
}
#global-nav #gn-wrap.gn-wrap .search-icon::after ,
.fluid.html-group-home-page-view .global-nav-view:not(:hover) .global-nav::after {
content: " 🔻 " ;
position: absolute;
display: inline-block;
height: 18px ;
line-height: 18px ;
width: 18px !important;
top: 50px !important;
right: 70px !important;
font-size: 15px;
cursor: pointer;
text-indent: 20px ;
background: rgba(0, 0, 0, 0) url("https://s.yimg.com/ap/build/images/sprites/icons-938e2840.png") no-repeat scroll -413px -218px ;
}
.fluid.html-group-home-page-view .global-nav-view:not(:hover) .global-nav::after {
width: 18px ;
top: 64px ;
right: 55px;
}
/* ==== TOP NAV BAR - SIGN IN / UP(NOT Bell) ==== */
/* TOP NAV - SIGN IN - PHO */
.fluid .global-nav-view:hover .gn-tools > li.gn-search-box + li + li.gn-signin {
position: absolute !important;
display: inline-block !important;
width: 150px !important;
right: 960px !important;
top: 13px !important;
}
.fluid .global-nav-view:hover .gn-tools > li.gn-search-box + li + li.gn-signin .gn-title {
padding: 0 20px ;
border-radius: 5px ;
}
/* TOP NAV - SIGN IN - POOL */
#global-nav.styleguide-global-nav:hover .gn-signin {
position: absolute !important;
display: inline-block !important;
height: 20px;
line-height: 20px ;
min-width: 80px;
width: 150px !important;
right: 960px !important;
top: 20px !important;
}
#global-nav.styleguide-global-nav:hover .gn-signin .gn-link.secondary span {
display: inline-block !important;
height: 20px;
line-height: 20px ;
min-width: 80px;
width: 150px !important;
top: -15px ;
border-radius: 5px ;
}
/* TOP NAV - BAR - SIGN UP - PHO */
.fluid .global-nav-view:hover .gn-tools > li.gn-search-box + li + li.gn-signin + li.gn-signup {
position: absolute !important;
display: inline-block !important;
width: 150px !important;
right: 800px !important;
top: 13px !important;
}
.fluid .global-nav-view:hover .gn-tools > li.gn-search-box + li + li.gn-signin + li.gn-signup .gn-title.butt {
height: 20px;
line-height: 20px;
min-width: 80px;
}
/* TOP NAV - SIGN UP - POOL */
#global-nav.styleguide-global-nav:hover .toplink .gn-signup {
position: absolute !important;
display: inline-block !important;
width: 150px !important;
min-width: 80px;
height: 20px;
line-height: 20px;
left: 1030px !important;
top: 13px !important;
}
/* TOP NAV - POOL - INVITED */
.group-content-wrapper.group-cover-photo .Invited.info {
position: absolute !important;
width: 1900px !important;
height: 20px !important;
line-height: 20px !important;
top: 68px !important;
left: 10px !important;
margin: 20px !important;
padding: 0px !important;
text-align: center !important;
opacity: 1 !important;
}
.group-content-wrapper.group-cover-photo .Invited.info p {
float: left !important;
width: 1500px !important;
text-align: center !important;
}
.group-content-wrapper.group-cover-photo .Invited.info .confirmform {
float: right !important;
transform: translate(-800px, -2px) scale(0.7) !important;
transform-origin: top center !important;
}
body.breakout-justified .group-content-wrapper.group-cover-photo .Invited.info + .group-pool-header.standard-head {
margin-top: 23px;
}
/* == END == HIDDEN TOP NAVBAR ==== */
/* START = COMMENTS REVERS ORDER FLEX + Counter === */
/* COM - CONT - REVERSE ORDER */
.comments-holder.order-chronological.photosInComments .comments {
padding-bottom: 200px !important;
display: flex ! important;
flex-wrap: wrap-reverse;
justify-content: space-around;
}
/* COM ITEMS */
.sub-photo-comments-view .comments .comment ,
#comments .comment-block {
flex-basis: 300px;
flex-grow: 2 ! important;
height: 58px ! important;
margin-right: 15px ! important;
margin-left: 15px ! important;
margin-bottom: 3px ! important;
overflow: hidden ! important;
overflow-y: auto ! important;
border: 1px solid gray ;
}
.sub-photo-comments-view .comments .comment:hover {
height: auto !important;
min-height: 50px !important;
max-height: 200px !important;
transition: all ease 0.7s !important;
}
/* COM ITEMS - EDIT */
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments:hover .comment.editing:hover {
height: auto;
max-height: 300px !important;
min-height: 50px !important;
transition: all 0.7s ease 0s;
}
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment.editing .comment-edit-wrapper .comment textarea ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment.editing .comment-edit-wrapper ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment.editing {
height: auto !important;
}
/* (new242) COM ITEMS - DEL MODAL - CODE CHANGE - no .scrappy-dialog */
.fluid.html-photo-page-scrappy-view .modal.html-modal:not(.editor-dialog) ,
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog:not(.editor-dialog) {
position: fixed !important;
display: inline-block !important;
min-width: 600px !important;
max-width: 600px !important;
min-height: 100px !important;
max-height: 100px !important;
right: 0px !important;
left: 1317px !important;
top: 230px !important;
border-radius: 5px !important;
z-index: 5000000 !important;
background: #222 !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal .close-x ,
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog .close-x {
top: 7px;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal .head ,
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog .head {
height: 25px;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal .head .title ,
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog .head .title {
padding-bottom: 0;
padding-top: 3px;
border-radius: 5px 5px 0 0 !important;
}
/* (new242) */
.fluid.html-photo-page-scrappy-view .modal.html-modal:not(.editor-dialog) .body {
height: 35px;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal .body .content.html-only.has-footer ,
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog .body .content.html-only.has-footer {
height: 32px;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal .foot ,
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog .foot {
height: 31px;
margin-top: 0;
background: red;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal .foot .buttons ,
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog .foot .buttons {
padding: 2px;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal .foot .button-container ,
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog .foot .button-container {
height: 24px;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal .foot .button-container button ,
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog .foot .button-container button {
height: 23px !important;
line-height: 23px !important;
}
/* COM ITEMS - ROT / REPLACE MODAL */
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog[style*="max-height: 888px;"] {
min-height: 250px !important;
max-height: 85vh !important;
left: 1310px !important;
top: 14.5vh !important;
/* border: 1px solid aqua !important; */
}
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog[style*="max-height: 888px;"] .content.html-only {
padding: 0px 5px;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog[style*="max-height: 888px;"] .content.html-only .c-rotations {
display: inline-block !important;
height: auto !important;
width: 100% !important;
margin: 0px 0 -30px 0 !important;
padding: 0;
text-align: center;
}
/* START == ADDITIONALS STYLE ==== */
/* MAPS PAG */
#whole_holder {
height: 958px;
width: 1908px;
top: 0px !important;
}
.leaflet-container {
height: 946px !important;
}
.leaflet-control-container {
top: -19px !important;
}
#f_div_current_mode_tab {
display: inline-block !important;
width: 701px !important;
left: 283px !important;
padding: 5px !important;
}
#f_div_current_mode_tab>div {
display: inline-block !important;
width: 701px !important;
padding: 9px 5px;
text-align: left;
}
#numap_group_link {
display: inline-block !important;
width: 701px !important;
}
#numap_group_link a {
display: inline-block !important;
width: 701px !important;
text-align: left;
}
#f_div_search_mode_tab {
background-image: none !important;
background-color: rgba(0, 0, 0, 0.54) !important;
}
#f_div_photo_ribbon_holder {
top: 86vh !important;
}
#f_div_current_mode_tab{
width: 856px !important;
height: 30px !important;
line-height: 10px;
top: 56px;
left: 0 !important;
margin-left: 200px;
margin-top: -1px;
padding: 0 !important;
text-align: left !important;
background-color: rgba(0, 0, 0, 0.54) !important;
}
#f_div_current_mode_tab>div>div {
float: right;
width: 300px;
margin-top: 0.5em;
text-align: right;
}
#f_div_search_mode_tab {
height: 30px !important;
line-height: 10px !important;
left: 1106px !important;
text-align: center;
}
/* CAMERA ROLL */
.cameraroll-tools-view.restyle .toolbar {
border-top: 1px solid gray !important;
border-bottom: 1px solid gray !important;
}
.cameraroll-tools-view.restyle .fixed {
top: 50px !important;
border-top: 1px solid gray !important;
border-bottom: 1px solid gray !important;
}
.cameraroll-edit-dialog-people-view ,
.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container > .tags-container {
width: 100% !important;
}
/* ORGANIZE */
.gray_menu_buttons li span.button {
padding: 1px 0 !important;
}
li.no_menu_li .button span:hover {
border-radius: 6px !important;
padding: 3px 6px 1px 6px !important;
}
/* POOL EDIT ABOUT / CHECK INVIT SENT */
#Main h1#Tertiary + table tbody, #Main h1#Tertiary + table tbody > tr ,
#Main h1#Tertiary + table tbody ,
#Main h1#Tertiary + table {
position: relative !important;
display: inline-block ;
width: 100% !important;
padding: 0 ;
text-align: left !important;
background: transparent !important;
}
#Main h1#Tertiary + table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) {
position: relative !important;
display: inline-block ;
width: 909px !important;
width: 70% !important;
left: 450px ;
top: 0px;
margin-top: 20px ;
padding: 0 ;
text-align: center !important;
}
/* POOL INVIT CONF */
.group-18-plus-confirmation-view {
position: absolute !important;
top: 99px !important;
left: 274px !important;
}
/* POOL - INVIT - CTS ADMIN */
#Tertiary + .ThinCase>form[action="/groups_join.gne"] {
display: inline-block ;
padding: 5px ;
text-align: left ;
border-radius: 5px;
border: 1px solid gray;
}
/* (new231) MAIL MES/POOL SEND INVIT/DEL COM - SETTING ADMIN POOL */
#GoodStuff>form {
display: inline-block !important;
width: 100% !important;
max-width: 705px !important;
min-width: 705px !important;
border-radius: 5px !important;
padding: 15px 0px 5px 20px !important;
border: 1px solid red ;
}
.FlickrMailMessage {
display: inline-block ;
width: 400px ;
margin-top: 75px ;
margin-left: -190px ;
padding: 20px ;
}
/* POOL - SEND INVIT */
/* OOL INVI/ADMIN/ (NOT) MAIL - MES */
#global-nav.styleguide-global-nav + #Main #subnav-refresh + script#subnav-template-photopicker + script#subnav-template-positionmask + h1#Tertiary {
position: relative !important;
display: inline-block !important;
width: 90% !important;
height: 25px !important;
line-height: 20px !important;
left: 30px !important;
top: 80px !important;
margin-bottom: 35px !important;
padding: 0 !important;
text-align: center !important;
}
/* POOL INIT SENT */
#global-nav.styleguide-global-nav + #Main #subnav-refresh + script#subnav-template-photopicker + script#subnav-template-positionmask + h1#Tertiary + table tbody tr #GoodStuff:not(.admin_moderation) {
left: 0px !important;
}
/* POOL INVIT - CHECK INVIT */
#Main> #subnav-template-positionmask + h1 {
position: relative !important;
display: inline-block !important;
width: 100% !important;
height: 28px !important;
line-height: 24px !important;
left: 5px !important;
top: 75px !important;
padding: 0 !important;
text-align: center !important;
}
#Main> #subnav-template-positionmask + h1 + table:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing) {
width: 100% !important;
min-height: 792px !important;
margin-top: 30px !important;
}
#Main> #subnav-template-positionmask + h1 + table:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing) tbody tr ,
#Main> #subnav-template-positionmask + h1 + table:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing) tbody {
display: inline-block !important;
width: 100% !important;
min-height: 792px !important;
}
#Main > h1#Tertiary + .Problem {
position: relative !important;
display: inline-block !important;
width: 1120px !important;
height: 20px !important;
line-height: 20px !important;
left: 770px !important;
top: 30px !important;
margin-bottom: -77px !important;
text-align: left !important;
}
#invite-friends {
margin-top: 80px ;
}
#Main .subnav-refresh.groups.subnav-view.subnav-state-ready + script + script + h1 + table tbody tr td#Hint {
position: relative ;
display: inline-block ;
width: 100% ;
max-width: 450px ;
min-width: 450px ;
left: -10px ;
margin-top: -60px ;
padding: 5px ;
text-align: left ;
overflow: hidden ;
}
#Main .subnav-refresh.groups.subnav-view.subnav-state-ready + script + script + h1 + table tbody tr td#Hint p {
width: 430px !important;
height: auto ;
padding: 5px ;
}
/* POOL INVIT - "invit sent to ... " */
#Main > #subnav-template-positionmask + h1#Tertiary +table #GoodStuff {
position: relative ;
display: inline-block !important;
height: 100% !important;
min-height: 80vh !important;
max-height: 80vh !important;
min-width: 99.8% !important;
max-width: 99.8% !important;
margin-top: -30px ;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid red !important;
}
#GoodStuff p.NoResult + ul ,
#GoodStuff p.Confirm + ul {
display: inline-block ;
max-height: 360px ;
min-height: 360px ;
width: 1760px ;
overflow: hidden ;
overflow-y: auto ;
}
#GoodStuff p.Confirm {
margin-bottom: 0px ;
margin-top: 0px ;
}
/* (new304) COR FLOAT - DENIE POOL INVIT */
#GoodStuff p.NoResult {
display: inline-block ;
width: 100% ;
margin-bottom: -12px;
margin-top: -6px;
text-align: center ;
}
#GoodStuff p.NoResult + ul li ,
#GoodStuff p.Confirm + ul li {
/*display: inline-block ;*/
width: 250px ;
float: left ;
white-space: nowrap ;
overflow: hidden ;
text-overflow: ellipsis ;
}
/* "PHO OFF" - CHECK - INVIT/HELP DISC */
/* END URL SPECIF */
#Main h1#Tertiary + table tbody tr #GoodStuff {
position: relative ;
display: inline-block ;
width: 1900px ;
margin-top: -20px ;
}
/* POOL INVIT */
#Main #subnav-refresh ~ h1 + table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) > h3 {
margin-top: 111px !important;
}
#GoodStuff>form[action="groups_invite.gne"] {
width: 400px ;
margin-top: 0px !important;
padding: 5px !important;
}
#group-invite-container {
display: inline-block ;
width: 400px ;
margin-top: 40px ;
margin-left: 700px ;
padding: 20px ;
}
#GoodStuff>form[action*="deletecomment"] {
margin-left: 0px ;
width: 400px ;
padding: 20px ;
}
#group-invite-form>p>textarea {
padding: 10px ;
}
.bo-selecta li p.measured span.name .realname ,
.bo-selecta li p.measured span.name strong.username ,
#BoSelectaResultsBox li p span.name .realname ,
#BoSelectaResultsBox li p span.name strong.username {
margin-left: 28px !important;
}
/* (new225COM) POOL INVIT OLD FORM:
https://www.flickr.com/groups_invite.gne?id=947672@N21&no_js=1
============================ */
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] {
width: 100% !important;
min-width: 98vw !important;
max-width: 98vw !important;
margin: 0;
padding: 05px !important;
border: 1px solid #333 !important;
}
/* LEFT SIDE */
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] > table {
display: inline-block !important;
width: 62% !important;
height: 100% !important;
min-height: 79vh !important;
max-height: 79vh !important;
overflow: hidden !important;
overflow-y: auto !important;
background: #333 !important;
}
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] tr:not([valign="top"]):not(:first-of-type) td {
display: inline-block !important;
width: 27% !important;
height: 100% !important;
min-height: 63vh !important;
max-height: 62vh !important;
padding: 0 0 0 40px !important;
margin: 0 5px 0 25px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] tr:first-of-type b ,
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] tr b {
color: gold !important;
}
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] tr:first-of-type + tr[valign="top"]{
background: #222 !important;
}
/* RIGHT SIDE */
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] > table ~ p.Focus ,
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] > table ~ p.Focus + p ,
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] > table ~ p.Focus + p + h3,
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] > table ~ p.Focus + p + h3 + p ,
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] > table ~ p.Focus + p + h3 + p + p {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 35% !important;
max-width: 35% !important;
right: 20px !important;
padding: 3px 5px 3px 5px !important;
background: #222 !important;
}
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] > table ~ p.Focus + p {
top: 21vh !important;
}
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] > table ~ p.Focus + p + h3 {
top: 24vh !important;
}
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] > table ~ p.Focus + p + h3 + p {
top: 28vh !important;
}
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] > table ~ p.Focus + p + h3 + p textarea {
width: 98% !important;
Height: 40vh !important;
}
h1#Tertiary + p + table tbody tr td h3 + form[action="groups_invite.gne"] > table ~ p.Focus + p + h3 + p + p {
top: 70vh !important;
}
/* POOL ADM RULES*/
#GoodStuff>form[action$="/admin/rules/"] {
position: relative ;
max-width: 850px !important;
min-width: 850px !important;
left: -250px ;
margin-top: 4vh ;
padding: 0px 0 0 50px !important;
text-align: left !important;
}
#GoodStuff>form[action$="/admin/rules/"] table td ,
#GoodStuff>form[action$="/admin/rules/"] table {
display: inline-block ;
width: 100% ;
}
/* POOL - POST NEW DIS */
#GoodStuff > form[action="groups_newtopic.gne"] {
margin-left: 537px !important;
}
/* (new289) PREV POOL NEW DISC */
#GoodStuff > form[action="groups_newtopic.gne"]>table .Preview {
position: absolute ;
width: 400px ;
height: 90vh !important;
top: -7vh !important;
left: 720px ;
padding: 15px ;
hyphens: auto !important;
border: 1px solid blue ;
}
/* (new231) POOL ADM - SETTINGS PRIV */
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > form +h3 + p + table {
display: inline-block !important;
width: 1900px !important;
text-align: center !important;
}
/* (new231) POOL ADMIN - PRIVACY SETTINGS */
#Main #GoodStuff > form + h3 + p +table>tbody>tr>td {
display: inline-block ;
/* width: 1900px !important; */
width: 1330px !important;
text-align: center !important;
}
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > form +h3 + p + table>tbody>tr>td form[action^="/groups/"] {
display: inline-block !important;
width: 100% !important;
max-width: 505px !important;
min-width: 505px !important;
}
/* TEST VIEWPORT for POOL PAGE LAZY LOAD - TEST ANTI JUMP - === */
body {
height: auto !important;
}
/* (new206) GM "Flickr Original links */
.global-nav-view .nav-menu > li.myOptionBox {
display: inline-block !important;
align-items: unset !important;
max-height: 15px !important;
min-height: 15px !important;
width: 56px !important;
margin: 0!important;
padding: 0px !important;
overflow: hidden !important;
border-radius: 3px !important;
z-index: 50000000 !important;
background: red !important;
}
.global-nav-view .nav-menu > li.myOptionBox:hover {
max-height: 80px !important;
min-height: 80px !important;
width: 200px !important;
margin: -20px 0 0 100px !important;
padding: 20px 2px 2px 2px !important;
overflow: visible !important;
background: #333 !important;
border: 1px solid red !important;
}
.global-nav-view .nav-menu > li.myOptionBox:before {
content: "⚙️ FoL"!important;
position: absolute !important;
display: inline-block;
height: 15px !important;
line-height: 15px !important;
width: 50px !important;
padding: 0 3px !important;
top: 0 !important;
border-radius: 4px !important;
font-size: 10px !important;
text-align: center !important;
color: gold !important;
background: red !important;
}
.global-nav-view .nav-menu > li.myOptionBox:hover:before {
content: "⚙️ Flickr Original links"!important;
display: inline-block;
width: 93% !important;
background: tomato !important;
}
.commonButton {
height: 30px !important;
margin: 90px 0vw 0 -30px !important;
padding: 0 2px !important;
text-align: center !important;
transform: scale(0.5) !important;
transform-origin: top right!important;
opacity: 0.4 !important;
}
.commonButton:hover {
display: inline-block;
height: 30px !important;
font-size: 90%;
margin: 90px 0vw 0 -30px !important;
padding: 2px 2px !important;
border-radius: 3px !important;
text-align: center !important;
transform: scale(0.6) !important;
opacity: 1 !important;
background: #111 !important;
border: 1px solid red !important;
}
.myFuckingLink:not(:hover){
font-size: 0 !important;
}
.myFuckingLink:not(:hover):before{
content: "◥" !important;
position: absolute;
display: block;
width: 15px !important;
bottom: 0;
left: 3px;
font-size: 10px !important;
text-align: center !important;
border-radius: 100% !important;
opacity: 0.5 !important;
color: gold !important;
background: rgba(3, 3, 3, 0.39) !important;
}
/* (new264) GM - QUICK LINKS */
.global-nav-view:not(:hover) .global-nav div[style*="color: #999999; z-index: 99;"] {
visibility: hidden !important;
}
/* (new202) GM - Flickr Awards counters by MB102 (2022) :
GM: https://greasyfork.org/en/scripts/441654-flickrawardcounter
https://www.flickr.com/groups/flickrhacks/discuss/72157709587836536/
TEST LINKS
https://www.flickr.com/photos/vandalehel/52260658200/in/pool-frame_it_level_1
https://www.flickr.com/groups/frame_it_level_1/
https://farm1.staticflickr.com/615/20710670379_19864d610f_n.jpg
=== */
#flickraward-awardcount {
position: fixed !important;
display: inline-block !important;
height: 23px;
width: 125px !important;
right: 0vw;
top: 23.4vh;
z-index: 50000000 !important;
overflow: hidden !important;
border: 1px solid red;
}
#flickraward-awardcount:hover {
position: fixed !important;
height: auto;
width: 293px !important;
right: 0vw;
padding: 20px 5px 5px 5px !important;
z-index: 50000000 !important;
border: 1px solid red;
background: #111 !important;
}
#flickrawardconfig-main {
z-index: 5000000 !important;
}
/* ADD TO POOL PAGE */
#pp {
position: relative;
width: 87% !important;
float: left;
}
#pp form#emptyform {
border: 0 none;
margin: 0;
padding: 5px !important;
}
#pp .col1 {
position: relative;
width: 68% !important;
height: 78vh !important;
padding: 5px !important;
top: -7px !important;
}
#pp .list-box {
position: relative;
width: 97% !important;
border: 1px solid #999;
margin-bottom: 0.5em;
margin-top: 0.5em;
padding: 5px !important;
}
#pp-source {
height: 70vh !important;
}
#pp .col2 {
position: absolute;
width: 30% !important;
height: 78vh !important;
right: 0.75em;
top: 5px !important;
padding: 5px !important;
}
#pp-target {
height: 65.8vh !important;
}
#pp-additional-info {
position: relative;
float: right;
height: 38vh !important;
width: 235px !important;
margin: 0 !important;
top: 5vh !important;
padding: 5px !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
#pp-additional-info > ul>li > ul > li{
color: gold !important;
}
#pp-additional-info + p{
position: relative;
float: right;
height: 8vh !important;
width: 235px !important;
margin: 0 !important;
top: 5vh !important;
padding: 5px !important;
border-radius: 5px !important;
text-align: center !important;
}
#pp-additional-info + p a {
position: relative;
display: inline-block !important;
width: 94% !important;
margin: 0;
padding: 5px;
border-radius: 5px;
text-align: center !important;
border: 1px solid red;
}
#pp-group-rules-content{
position: absolute;
width: 250px !important;
height: 84vh !important;
height: auto !important;
right: 0px !important;
top: 9.8vh !important;
left: 1660px !important;
}
#pp-group-rules-content .pp-rules-content-box {
min-height: 0vh !important;
max-height: 0vh !important;
min-width: 233px !important;
max-width: 233px !important;
margin-left: -2px !important;
padding: 0px 8px 0px 8px;
font-size: 14px !important;
overflow: hidden !important;
transition: all ease 0.7s !important;
}
#pp-group-rules-content:hover .pp-rules-content-box ,
#pp-group-rules-content .pp-rules-content-box:hover {
min-height: 82vh !important;
max-height: 82vh !important;
margin-left: 8px !important;
padding: 8px !important;
overflow: hidden !important;
overflow-y: auto !important;
transition: all ease 0.7s !important;
border: 1px solid gray !important;
border-bottom: 1px solid red !important;
}
.pp-rules-content-box>h1 {
font-size: 16px !important;
margin-top: 0;
}
.pp-rules-content-box>br {
display: block !important;
margin-bottom: 0px !important;
}
#pp-group-rules-content:before{
content: "🔻 Rule(s) 🔻" !important;
position: absolute;
width: 250px !important;
height: 20px !important;
right: -10px !important;
top: -2.6vh !important;
text-align: center !important;
color: gold !important;
border: 1px solid red !important;
background: black !important;
}
#pp-cover {
height: 71.8vh !important;
width: 96.7% !important;
left: 0;
top: 64px;
}
#pp-loading {
height: 12px;
left: 45% !important;
top: 50% !important;
}
/* 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;
}
/* (new209) PHO - NOTES - EXPAND - ICON EXPAND IMAGE > COM FORM - HOVER + ADD NOTE INDIC */
.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 ;
width: 34px ;
height: 22px ;
line-height: 22px ;
left: 1285px ;
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: 130px ;
left: 1188px ;
bottom: 3px ;
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 == 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;
}
.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 ;
}
/* (new304) COR FLOAT - 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 ;
}
/* 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 .photo-card-header-view .photo-card-header.compact .left-container {
min-width: 874px !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 .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% ;
}
/* (new301) 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 img {
height: 395px !important;
width: auto !important;
background-size: contain !important;
}
/* (new302) FEEDS - 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: 99%;
position: relative;
width: 100%;
max-width: 99.3% !important;
max-height: 99.3% !important;
border-radius: 5px !important;
/* border: 1px solid gray !important; */
}
.html-feed-new-page-view .photo-card-view .photo-card .photo-card-content .photo-card-photo .photo a.photo-link ,
.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 .photo-card-view .photo-card .photo-card-content .photo-card-photo .photo a.photo-link:visited ,
.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 green!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 ;
}
/* (new304) COR FLOAT - VOIR */
.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 ;
}
/* 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;
}
/* 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;
}
/* 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;
}
/* 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;
flex: 1 1 auto !important;
flex-direction: row !important;
clear: none !important;
float: none !important;
width: 100% !important;
margin-bottom: 0px !important;
padding: 5px !important;
}
/* (new301) FEEDS - ITEMS - FOOTER INFOS */
.feed-new-page-content-container .foot-overlay .info-bar{
bottom: 0;
content: "";
left: 0;
opacity: 1;
pointer-events: none;
position: absolute;
right: 0;
top: -53px;
transition: opacity .2s linear;
background: #00000014 !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;
}
/* 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;
}
/* END == ++ STYLES == */
/* == START == NEW GAL PAGES ==== */
/* 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;
}
/* GAL - CURATOR NOTE VISIBLE */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container {
opacity: 0.2 !important;
visibility: visible !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container:hover .photo-container .remark-container {
opacity: 1 !important;
}
/* (new225COM) GAL - NO SCROLL Y */
.fluid.html-galleries-list-page-view.scrolling-layout {
overflow-x: hidden;
overflow-y: auto;
scrollbar-width: none !important;
}
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 ;
}
/* (new303) ALB / AL LIST - WIDE - :VISITED TEST */
html.scrolling-layout.fluid.html-album-page-view .photo-card-view a.photo-link {
border: 2px solid #222 !important;
border-top: 2px solid #222 !important;
}
html.scrolling-layout.fluid.html-album-page-view .photo-card-view a.photo-link:visited {
border: 2px solid #222 !important;
border-top: 2px solid red !important;
}
/* (new303) ALB / AL LIST - WIDE - NO SCROLL Y */
html.fluid.html-albums-list-page-view.scrolling-layout ,
html.scrolling-layout.fluid.html-album-page-view {
display: inline-block !important;
max-width: 100vw !important;
min-width: 100vw !important;
min-height: 100%;
left: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
scrollbar-width: none !important;
}
html.scrolling-layout.fluid.html-album-page-view body {
display: inline-block !important;
max-width: 100vw !important;
min-width: 100vw !important;
min-height: 100%;
left: 0 !important;
/* padding: 0 5px !important; */
}
html.fluid.html-albums-list-page-view.scrolling-layout .albums-list-container ,
html.scrolling-layout.fluid.html-album-page-view body .album-container.fluid-centered {
/* display: inline-block !important; */
max-width: 100vw !important;
min-width: 100vw !important;
min-height: 100%;
left: 0 !important;
/* padding: 0 5px !important; */
}
/* ALB LIST */
html.scrolling-layout.fluid.html-albums-list-page-view body #content .albums-list-page-view .albums-list-container.fluid-centered .view.photo-list-view {
position: relative !important;
/* display: inline-block !important; */
width: 100% !important;
max-width: 95vw !important;
min-width: 95vw !important;
min-height: 100%;
left: 2% !important;
padding: 0 0 !important;
/* background: olive !important; */
}
/* (new304) ALB */
html.fluid.scrolling-layout.fluid.html-album-page-view body .album-container.fluid-centered .view.photo-list-view {
position: relative !important;
/*display: inline-block !important; */
width: 100% !important;
max-width: 95vw !important;
min-width: 95vw !important;
min-height: 100%;
left: 2% !important;
top: 1vh !important;
padding: 0 0 !important;
/* background: brown !important; */
}
/* NO BACK BUTTON */
.view.new-album-header-view:not(.requiredToShowOnServer):empty + .album-toolbar-view + .photo-list-view {
position: relative !important;
/*display: inline-block !important; */
width: 100% !important;
max-width: 95vw !important;
min-width: 95vw !important;
min-height: 100%;
left: 2% !important;
margin-top: 4.5vh !important;
padding: 0 0 !important;
/*background: brown !important; */
}
/* (new204)PHOTOSTREAM - for PB STRECHED IMG cf forum:
https://www.flickr.com/help/forum/en-us/72157721010224743/
PHOTOSTREAM:
https://www.flickr.com/photos/153669848@N03/
IMG:
https://www.flickr.com/photos/153669848@N03/51995956724/in/datetaken/
*/
.fluid.html-photostream-page-view .photolist-container.fluid-centered .view.photo-list-photo-view.photostream img {
object-fit: contain !important;
}
/* 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;
}
/* (new225COM) ALB EDIT - MODAL (.modal.subview-modal.photo-selector) */
.fluid.html-album-page-view .modal.subview-modal.photo-selector {
max-height: 96.8vh !important;
min-height: 96.8vh !important;
min-width: 1907px !important;
left: 0% !important;
top: 3.2vh !important;
border: 1px solid red !important;
}
.fluid.html-album-page-view .modal.subview-modal.photo-selector .content.subview.has-footer {
position: relative;
height: 84vh !important;
overflow-x: hidden;
overflow-y: auto;
}
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .nav {
height: 35px !important;
}
.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.gallery-coverphoto-selector .fluid-modal-nav-content ul.links li a {
height: 25px !important;
padding: 0 !important;
}
.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.gallery-coverphoto-selector .body.lines {
height: 87.8vh;
}
.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.gallery-coverphoto-selector .foot {
height: 25px !important;
margin-top: 5px !important;
overflow: hidden;
}
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .foot .buttons {
padding: 0;
}
.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;
}
/* GAL - MODAL - PHOTO FAVS SELECTOR */
/* DISBLED PRIVATE / NOT SELECTED */
.photo-list-photo-view .interaction-view.disabled:not(.disabled-selected)::before {
border-radius: 3px;
box-shadow: 0 0 0 3px red inset !important;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 5000 !important;
}
.photo-list-photo-view .interaction-view.disabled:not(.disabled-selected)::after {
content: "❌" !important;
position: absolute;
height: 20px;
width: 20px;
left: 7px;
top: 4px;
padding: 2px !important;
text-align: center !important;
border-radius: 50% !important;
opacity: 0.7 !important;
z-index: 500 !important;
background-color: rgba(0, 0, 0, 0.24) !important;
border: 1px solid tomato !important;
}
.photo-list-photo-view .interaction-view.disabled-selected .disabled-overlay, .photo-list-photo-view .interaction-view.disabled .disabled-overlay {
opacity: 0.5 !important;
}
.photo-list-photo-view .interaction-view.active .square,
.photo-list-photo-view .interaction-view.disabled-selected .square {
opacity: 1;
z-index: 500 !important;
}
/* 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;
}
/* (new201) 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-control-bar .vjs-progress-holder.vjs-slider-horizontal:after ,
.photo-well-scrappy-view-OLD .height-controller.enable-zoom .photo-well-media-scrappy-view-OLD:not(.is-real-fullscreen) .vjs-control-bar .vjs-progress-holder.vjs-slider-horizontal:after {
content: attr(aria-valuetext) ;
position: fixed ;
display: inline-block ;
height: 20px ;
line-height: 20px ;
width: 100px ;
left: 38% ;
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-control-bar .vjs-progress-holder.vjs-slider-horizontal:before ,
.photo-well-scrappy-view-OLD .height-controller.enable-zoom .photo-well-media-scrappy-view-OLD:not(.is-real-fullscreen) .vjs-control-bar .vjs-progress-holder.vjs-slider-horizontal:before {
content: "video lenght:" ;
position: fixed ;
display: inline-block ;
height: 20px ;
line-height: 9px ;
width: 59px ;
left: 38% ;
top: 80px !important;
padding-left: 5px ;
font-size: 10px ;
opacity: 1 ;
visibility: visible ;
z-index: 50000000 !important;
}
/* 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;
}
/* 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/"] ,
#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 ,
#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 ==== */
/* POOL BETA - HOME - GAL */
#groups-about .description a[href*="galleries/"] + br ,
#groups-about .description a[href*="galleries/"] + br + br ,
.fluid.html-group-home-page-view .group-description > a[href*="/galleries/"] + br ,
.fluid.html-group-home-page-view .group-description > a[href*="/galleries/"] + br {
display: none !important;
}
#groups-about .description a[href*="galleries/"] ,
.fluid.html-group-home-page-view .group-description > a[href*="/galleries/"] {
position: relative !important;
float: left !important;
width: 47% !important;
height: 270px !important;
margin: 0px 5px 5px 0 !important;
padding: 5px !important;
text-align: center !important;
border-radius: 5px !important;
background: #333 !important;
border: 1px solid #111 !important;
}
#groups-about .description a[href*="galleries/"]:before ,
.fluid.html-group-home-page-view .group-description > a[href*="/galleries/"]:before {
content: attr(title)" :" !important;
position: relative !important;
display: inline-block !important;
width: 97.7% !important;
padding: 5px !important;
border-radius: 5px 5px 0 0 !important;
background: #111 !important;
}
#groups-about .description a[href*="galleries/"] img ,
.fluid.html-group-home-page-view .group-description > a[href*="/galleries/"] img {
display: inline-block;
width: 97.7%!important;
height: 225px !important;
margin: 5px 0 0px 0 !important;
padding: 5px !important;
border-radius: 0 0 5px 5px !important;
object-fit: contain !important;
background: #111 !important;
}
/* 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 == 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 ;
}
/* (new301) PEOP YOU FOL - PHOT of - ERROR BACKGROUND */
.HoldPhotos + #Main {
display: none;
}
/* (new303) 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 {
width: 130px !important;
font-size: 0 ;
padding: 5px !important;
border-radius: 5px !important;
background: #333 !important;
}
.HoldPhotos p.RecentPhotos .photo_container a img:not(.video-play-icon) {
height: 117px !important;
width: 100% !important;
object-fit: contain !important;
border: 1px solid silver !important;
}
/* (new302) VISITED */
.HoldPhotos p.RecentPhotos .photo_container a:visited img {
border: 1px solid red !important;
}
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 (new297) */
#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 >tbody>tr ,
.contact-list-table >thead ,
.contact-list-table >tbody ,
.contact-list-table >thead>tr {
display: inline-block ;
width: 1357px ;
}
.contact-list-table > thead>tr>th:first-of-type {
padding-left: 31px !important;
}
.contact-list-table > thead>tr>th.contact-list-name {
width: 603px !important;
padding-left: 12px ;
font-size: 18px ;
}
td.contact-list-name {
width: 612px ;
}
.contact-list-table > 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 ;
}
th.contact-list-last ,
td.contact-list-last {
width: 125px ;
text-align: center ;
}
.contact-list-table >thead>tr>th.contact-list-location {
width: 165px ;
padding-left: 5px ;
font-size: 18px ;
}
.contact-list-table tbody td.contact-list-location{
width: 167px !important;
text-align: left ;
}
.contact-list-table >thead>tr>th.contact-list-added.contact-list-sorted {
width: 196px !important;
padding-left: 8px ;
font-size: 17px ;
}
table.contact-list-table th.contact-list-youthem {
width: 168px !important;
padding: 0px 0 0 5px;
white-space: nowrap;
}
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;
}
/* (new304) COR FLOAT - CTS - PAG */
.contact-list-table + #paginator-module.Pages ,
.contact-list-table.contact-list-table-default + #paginator-module.Pages {
position: absolute ;
display: inline-block ;
height: 25px ;
margin-bottom: 0px ;
top: unset !important;
bottom: 5vh !important;
left: 800px ;
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 ;
}
/* ==== (new297) CTS ==== */
/* CTS - PAG */
.PeopleResults ~ #paginator-module {
position: absolute ;
left: 975px ;
top: 0px ;
width: 30% ;
}
/* (new297) CONTACT PAGES - PEOPLE YOU FOLLOW - TOP HEADER - SEARCH FORM CONTAINER */
.contact-list-header.yui-skin-sam {
position: absolute !important;
display: inline-block ;
top: 2.3vh !important;
width: 45% !important;
left: 630px !important;
z-index: 50000 !important;
border: 1px solid red !important;
}
/* 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 ;
}
/* (new297) PEOPLE YOU FOLLOW - BLOCK LIST*/
.PeopleResults {
display: inline-block ;
width: 100% ;
margin: 20px auto 20px 0px ;
/*background: olive !important;*/
}
#tagslist +h3 +.PeopleResults {
float: left ;
margin: 20px auto 20px -500px ;
}
#tagslist +h3 +.PeopleResults > tbody {
display: inline-block ;
margin-left: 540px ;
max-width: 940px ;
min-width: 940px ;
outline: 1px solid TAN ;
}
#tagslist +h3 +.PeopleResults > tbody tr {
position: relative !important;
display: inline-block !important;
left: -40px !important;
max-height: 90px !important;
min-height: 90px !important;
max-width: 470px !important;
min-width: 470px !important;
margin-top: -20px !important;
margin-bottom: 50px !important;
}
#tagslist +h3 +.PeopleResults > tbody > tr > td.Who {
border-radius: 0 3px 3px 0 !important;
max-height: 70px !important;
min-height: 70px !important;
max-width: 160px !important;
min-width: 160px !important;
}
#tagslist +h3 +.PeopleResults > tbody > tr > td.Icon {
max-height: 70px !important;
min-height: 70px !important;
border: 1px solid gray !important;
border-radius: 3px 0 0 3px !important;
}
/* COTS FOL THUMB */
#contacts-thumbs-wrapper #thumbnails {
width: 1920px !important;
margin-top: 0px !important;
overflow: visible !important;
}
#contacts-thumbs-wrapper #thumbnails.ju .row {
position: relative !important;
display: inline-block !important;
max-height: 280px !important;
min-height: 280px !important;
width: 1100px !important;
vertical-align: top !important;
margin-bottom: -55px !important;
margin-top: -80px !important;
margin-left: -203px !important;
overflow: visible !important;
transform: scale(0.4) !important;
}
/* CTS FOL THUMB - BUT OPT LIGHT BOX */
.searchified-options .searchified-options-view {
position: relative !important;
float: left !important;
left: 16px !important;
}
/* POOL ADM - MEMB */
#group-members h2.title {
font-size: 24px !important;
margin-top: 54px !important;
}
#group-members .mem-list.clearfix {
margin-bottom: -42px !important;
}
/* POOL ADM - MANAGE MEMB/CONT/REC ACT */
#Main p#admin_intro {
width: 1900px !important;
margin-top: 59px;
text-align: center !important;
color: tan !important;
}
script#subnav-template-positionmask h1#Tertiary {
position: relative !important;
display: inline-block !important;
width: 100% !important;
margin-top: 50px !important;
text-align: center !important;
}
.MemberCurrently {
float: none !important;
width: 180px !important;
margin-left: 1350px !important;
margin-top: -55px !important;
margin-bottom: -74px !important;
padding: 0px 10px !important;
border: 1px solid gray !important;
}
#admin_cols {
position: relative !important;
display: inline-block !important;
width: 100% !important;
}
.admin_col {
position: relative !important;
display: inline-block !important;
left: 323px !important;
margin-left: 204px !important;
margin-right: -95px !important;
}
.char_search ,
#Tertiary + .Tab + .char_search {
position: absolute !important;
display: inline-block !important;
width: 364px !important;
height: 25px !important;
margin-left: 53px !important;
top: 5px !important;
}
.char_search h3 {
display: inline-block !important;
width: 300px !important;
margin-top: -7px !important;
}
#Tertiary + .Tab {
width: 1689px !important;
left: 108px !important;
top: 52px !important;
padding-bottom: 4px;
}
/* (new201) SEARCH MEMBER */
h1#Tertiary + .Tab + .NoResult{
position: absolute !important;
top: 3vh !important;
}
h1#Tertiary + .Tab + .NoResult + h3{
position: absolute !important;
top: 6vh !important;
}
/* POOL ADM - MEM LIST */
.MembersList {
position: relative !important;
display: inline-block !important;
margin-left: 100px !important;
width: 1700px !important;
margin-top: 120px !important;
padding: 5px;
text-align: center;
border-radius: 5px ;
vertical-align: top;
border: 1px solid red !important;
}
h1#Tertiary + h3.Tab + .MembersList {
margin-top: 50px !important;
}
#Tertiary + .Tab + .char_search + table#MemberList {
margin-top: 60px !important;
}
/* POOL - ADM - MEMB INVIT LIST */
#Tertiary + h3.Tab + table#MemberList {
position: relative !important;
display: inline-block !important;
top: 45px !important;
padding: 5px !important;
border: 1px solid red !important;
}
/* (new226COM) POOL ADM - MODER LIST */
.Tab +#MemberList >tbody {
position: relative!important;
display: inline-block !important;
min-width: 900px!important;
margin-left: 300px !important;
margin-top: -63px !important;
}
.Tab + #MemberList > tbody {
position: relative!important;
display: inline-block !important;
min-width: 1800px!important;
margin-left: 20px !important;
margin-top: 0px !important;
}
.Tab +#MemberList >tbody tr>td:nth-child(2) {
float: left !important;
width: 325px !important;
padding: 0 0 0 40px !important;
}
#MemberList td {
border: none !important;
}
#MemberList td i{
border: 1px solid red !important;
background-color: green !important;
}
/* (new304) COR FLOAT - POOOL ADMIN - AFTER ACTION */
#Tertiary + h3.Tab + p.Confirm {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/pw/images/icon_check.png") no-repeat scroll left top;
font-size: 14px;
margin: -4vh 0 5vh 0 !important;
padding: 3px 0 7px 38px;
text-align: left;
vertical-align: middle;
width: 100%;
}
#Tertiary + h3.Tab + p + table#MemberList tr td[width="26"] {
position: relative !important;
top: -4px !important;
}
#Tertiary + h3.Tab + p + table#MemberList tr td[width="26"] + td {
/*display: inline-block !important;*/
float: left !important;
width: 325px !important;
margin: -9px 0 0 0 !important;
padding: 5px 0 0 35px !important;
}
#MemberList tr[id^="member_"] ,
.char_search + #MemberList tr[id^="member_"] {
position: relative !important;
display: inline-block !important;
max-width: 550px !important;
min-width: 550px !important;
height: auto !important;
left: 120px !important;
margin-bottom: 5px !important;
margin-right: 5px !important;
border-radius: 5px !important;
border: 1px solid gray !important;
}
#MemberList tr td:not(:first-of-type):not(:nth-child(2)) {
float: left !important;
clear: none;
width: 50px !important;
}
/* FOR "PM" */
#MemberList tr td:nth-child(2) ,
.char_search + #MemberList tr td:nth-child(2) {
font-size: 0 !important;
}
#MemberList tr td:nth-child(2) b a ,
.char_search + #MemberList tr td:nth-child(2) b a {
display: inline-block !important;
font-size: 9px !important;
}
/* not PM */
#MemberList tr td:nth-child(2) > a:first-of-type[id^="CFS"] span:only-child:not(.avatar):not(.title):not(.truncate) ,
#MemberList tr td:nth-child(2) > a:first-of-type,
.char_search + #MemberList tr td:nth-child(2) > a:first-of-type {
display: inline-block !important;
max-width: 250px !important;
min-width: 250px !important;
height: 20px !important;
font-size: 15px !important;
border-radius: 2px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* MEMBER SEARCH */
.char_search + #MemberList tr td:nth-child(2) > a:first-of-type span:only-child:not(.avatar):not(.title):not(.truncate),
.char_search + #MemberList tr td:nth-child(2) > a:first-of-type {
display: inline-block !important;
max-width: 470px !important;
min-width: 470px !important;
}
#MemberList tr td:nth-child(2) small a ,
.char_search + #MemberList tr td:nth-child(2) small a {
display: inline-block !important;
margin-left: 10px !important;
padding: 0 2px !important;
font-size: 10px !important;
}
.char_search + #MemberList tr td:nth-child(n+3) {
position: relative !important;
display: inline-block !important;
float: none !important;
width: 50px !important;
height: 20px !important;
line-height: 20px !important;
top: 0px !important;
left: 150px !important;
margin-left: -7px !important;
margin-right: 5px !important;
padding: 0 5px !important;
padding: 2px !important;
border: none !important;
border-radius: 5px !important;
text-align: center !important;
}
/* POOL MEMB - BAN LIST */
#GoodStuff #MemberList {
position: relative !important;
display: inline-block !important;
width: 1383px !important;
margin-top: 20px !important;
left: -40px !important;
}
#GoodStuff #MemberList tr:not(:first-of-type) {
position: relative !important;
display: inline-block !important;
min-width: 295px !important;
max-width: 295px !important;
height: 85px !important;
left: 0px !important;
right: -50px !important;
margin-bottom: 5px !important;
margin-right: 10px !important;
border-radius: 5px !important;
border: 1px solid gray !important;
}
#GoodStuff #MemberList tr td:nth-child(2) {
display: inline-block !important;
margin: 3px 0 7px 32px !important;
max-width: 27px !important;
min-width: 260px !important;
padding: 0 !important;
}
#GoodStuff #MemberList tr td:nth-child(3) {
position: relative !important;
display: inline-block !important;
max-width: 288px !important;
min-width: 288px !important;
height: 10px !important;
line-height: 10px !important;
top: -2px !important;
left: 0px !important;
margin: 0px !important;
padding: 2px !important;
text-align: center !important;
border: 1px solid #333 !important;
}
/* POOL ADM - BUT BAN etc.. */
.char_search + #MemberList tr td[id*="ban_"] {
position: relative !important;
display: inline-block !important;
float: none !important;
width: 50px !important;
height: 10px !important;
line-height: 10px !important;
top: -6px !important;
left: 330px !important;
margin-left: 5px !important;
margin-right: 10px !important;
padding: 0 5px !important;
padding: 2px !important;
border: none !important;
border-radius: 5px !important;
text-align: center !important;
}
.char_search + #MemberList tr td[id*="ban_"] a {
color: red !important;
}
#MemberList tr td a[title="Remove"] ,
.char_search + #MemberList tr td a[title="Remove"] {
color: tomato !important;
}
#MemberList tr td a[title="Demote"] ,
.char_search + #MemberList tr td a[title="Demote"] {
color: tomato !important;
}
#MemberList tr td:nth-child(n+3) a ,
.char_search + #MemberList tr td:nth-child(n+3) a {
display: inline-block !important;
height: 20px;
line-height: 20px;
padding: 0 2px !important;
border-radius: 5px !important;
text-align: center !important;
border: 1px solid gray !important;
background: #333 !important;
}
#MemberList tr td:nth-child(1) a img.FriendBuddyIcon ,
.char_search + #MemberList tr td:nth-child(1) a img.FriendBuddyIcon {
display: inline-block !important;
position: absolute !important;
top: 10px !important;
}
.Person {
display: inline-block !important;
width: 100px !important;
height: 90px !important;
margin-right: 27px !important;
margin-top: 1px !important;
border-radius: 5px ;
border: 1px solid gray !important;
}
.Person a {
display: inline-block !important;
width: 100px !important;
height: 90px !important;
line-height: 15px !important;
overflow: hidden ;
text-overflow: ellipsis ;
}
/* (new226COM) POOL ADM - DEL MEMB- TXT "Also Remove" */
#MemberList tr[id^="member_"] form {
position: absolute;
display: inline-block !important;
width: 250px;
right: 0px !important;
top: 0px! important;
padding: 0 0 0 5px !important;
border-radius: 3px !important;
z-index: 500 !important;
}
#MemberList tr[id^="member_"] form label[for="photo_remove"] {
display: inline-block !important;
width: 220px !important;
}
#MemberList tr[id^="member_"] form .Butt {
display: inline-block !important;
padding: 2px !important;
border-radius: 5px !important;
font-size: 10px !important;
text-align: center !important;
border: 1px solid gray !important;
}
/* MEMB - ACT - UNINVIT/BAN etc MES */
#MemberList td > i {
position: absolute;
display: inline-block !important;
width: 300px !important;
line-height: 15px !important;
top: -40px! important;
padding: 2px !important;
border: 1px solid gray !important;
border-radius: 5px !important;
font-size: 15px !important;
text-align: center !important;
z-index: 1500 !important;
color: gold !important;
}
/* === PROF - CTS - MAIL === */
/* (new297) CTS PAGE - Main */
.PeopleResults>tbody {
display: inline-block !important;
min-width: 1901px !important;
max-width: 1901px !important;
margin-left: 5px !important;
}
.PeopleResults>tbody>tr {
position: relative !important;
float: left !important;
min-width: 620px !important;
max-width: 620px !important;
height: 100% !important;
min-height: 175px !important;
max-height: 175px !important;
left: 0px !important;
margin: -15px 0 -15px 10px !important;
overflow: hidden !important;
}
.PeopleResults>tbody>tr>td {
height: 100% !important;
min-height: 170px !important;
max-height: 170px !important;
padding: 3px 3px 20px 2px !important;
}
.PeopleResults>tbody>tr>td.Who {
min-width: 225px !important;
max-width: 225px !important;
height: 100% !important;
min-height: 120px !important;
max-height: 120px !important;
border-radius: 0 3px 3px 0 !important;
overflow: hidden !important;
border-left: 1px solid red !important;
border-right: 1px solid red !important;
}
.PeopleResults>tbody>tr>td.Who h2 {
display: inline-block !important;
min-width: 220px !important;
max-width: 220px !important;
min-height: 30px !important;
max-height: 30px !important;
line-height: 15px !important;
vertical-align: top !important;
padding: 2px !important;
font-size: 15px !important;
text-align: center !important;
overflow: hidden !important;
border-bottom: 1px dashed gray !important;
}
.PeopleResults>tbody>tr>td.Who> p b ,
.PeopleResults>tbody>tr>td.Who> p {
float: left !important;
clear: both !important;
height: 35px !important;
width: 100% !important;
text-align: center !important;
color: #9C9898 !important;
}
.PeopleResults>tbody>tr>td.Who> p b {
float: left !important;
clear: none !important;
height: 25px !important;
line-height: 11px !important;
width: 100% !important;
text-align: center !important;
color: gray !important;
}
.PeopleResults>tbody>tr>td.Icon {
border-radius: 3px 0 0 3px !important;
border: 1px solid gray !important;
}
.PeopleResults>tbody>tr>td.Icon+.Who+.Icon {
margin-left: 10px !important;
left: 100px !important;
}
.PeopleResults .Icon a img.BuddyIconX {
margin-left: 5px !important;
margin-top: 4px !important;
}
/* CTS PAGE - ADD */
#SubNav .Extras {
position: absolute !important;
display: inline-block !important;
vertical-align: top;
width: 100% !important;
top: 75px !important;
left: 255px !important;
white-space: nowrap !important;
text-align: center !important;
}
#Main table#SubNav tbody tr td.Extras p span.photo_navi_contact {
position: absolute !important;
display: inline-block !important;
top: 5px !important;
left: 0px !important;
}
#Main table#SubNav tbody tr td.Extras p span.photo_navi_contact>a[onclick*="return false"]:before {
position: absolute ;
display: inline-block ;
content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/useradd.png") ;
transform: scale(0.7,0.7) ;
margin-top: -15px ;
margin-left :-36px ;
}
/* CTS PAGE - EDIT */
#Main table#SubNav tbody tr td.Extras p span.photo_navi_contact .edit_relationship {
position: absolute !important;
display: inline-block !important;
margin-left: 36px !important;
}
#Main table#SubNav tbody tr td.Extras p span.photo_navi_contact .edit_relationship a:after {
position: absolute ;
display: inline-block ;
content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/user.png") ;
transform: scale(0.7,0.7) ;
margin-top: -10px ;
margin-left: -0px ;
}
/* == PROF - CONT - MAIL ==== */
/* END == CONT RELAT (ACT/MEMB/CONT/MAIL) ==== */
/* END == ADDITIONAL STYLE === */
/* START == GM ADAP ==== */
/* GM ADAP GM - "SUPER PRELOADER PLUS ONE NEW" - GAL PAGE */
.sp-separator ~ #main {
position: relative;
display: inline-block;
height: auto !important;
width: 1900px !important;
margin-top: 22px !important;
bottom: 20px !important;
overflow-x: hidden;
overflow-y: auto;
}
/* START == GM "STIG" ==== */
/* (new225COM) GM "STIG" - FEED LINK - POOL */
div#feedlinks {
position: absolute;
display: inline-block;
width: 100px;
height: 15px ;
line-height: 15px !important;
top: 25px ;
left: 876px ;
right: 0px ;
margin: 0 0 0 0 !important;
padding: 0;
text-align: center ;
z-index: 500 ;
}
div#feedlinks > a > img {
height: 10px !important;
width: 10px !important;
opacity: 0.5 ;
}
div#feedlinks > a > img:hover {
height: 15px !important;
width: 15px !important;
margin-top: -5px ;
opacity: 0.8 ;
}
div#feedlinks > a {
margin: 2px 8px 0 0 ;
}
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=atom"]:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=rss_200"]:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/geo/?g="]:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=atom"]:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=rss_200"]:before {
position: absolute ;
display: inline-block ;
height: 10px;
line-height: 10px;
top: -8px;
left: -10px;
white-space: nowrap;
opacity: 0 !important;
z-index: 500 ;
transition: all ease 0.7s !important;
}
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=atom"]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=rss_200"]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/geo/?g="]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=atom"]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=rss_200"]:hover:before {
opacity: 1 !important;
top: -9px;
transition: all ease 0.2s ;
}
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=atom"]:before {
content: "Photos Contacts Atom" ;
}
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=rss_200"]:before {
content: "Photos Contacts RSS" ;
}
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=atom"]:before {
content: "Pool Discuss Atom" ;
}
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=rss_200"]:before {
content: "Pool Discuss RSS" ;
}
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/geo/?g="]:before {
content: "Pool Geo Feed" ;
}
/* GM "STIG FIXR" - TOP NAV BAR - FEED ICON - FAVS/ALB */
.flickrfixrwebextension .global-nav-view ul.gn-tools #feedlinks ,
.flickrfixruserscript .global-nav-view ul.gn-tools #feedlinks {
position: absolute;
display: inline-block;
right: -125px !important;
top: 10px;
}
/* GM "STIG FIXR" -TAGS */
.photo-tags-autotags-view {
opacity: 0.4 ;
}
.sub-photo-tags-tag-view:hover ul.tags-list li.autotag ,
.sub-photo-tags-tag-view:hover ul.tags-list li.tag {
position: relative ;
float: left ;
height: 18px ;
line-height: 5px ;
padding: 0 5px 0 0 ;
border-radius: 5px !important;
border: 1px solid gray !important;
background: #333 !important;
}
.sub-photo-tags-tag-view:hover ul.tags-list li.autotag:hover ,
.sub-photo-tags-tag-view:hover ul.tags-list li.tag:hover {
border: 1px solid white!important;
background: #222 !important;
}
.sub-photo-tags-tag-view:hover ul.tags-list li.tag > a.fixrTag ,
.sub-photo-tags-tag-view:hover ul.tags-list li.autotag > a.fixrTag {
display: block ;
float: left ;
height: 18px !important;
padding: 0 !important;
border-right: 1px solid red !important;
}
.sub-photo-tags-tag-view:hover ul.tags-list > li.autotag > a.fixrTag img ,
.sub-photo-tags-tag-view:hover ul.tags-list > li.tag > a.fixrTag img {
position: relative;
margin-left: 3px !important;
border-radius: 0px !important;
}
.sub-photo-tags-tag-view ul.tags-list > li.autotag > a.fixrTag:after ,
.sub-photo-tags-tag-view ul.tags-list > li.tag > a.fixrTag:after {
content: "Fixr \A ➤" ;
white-space: pre;
display: block;
float: right;
height: 18px !important;
line-height: 8px !important;
width: 25px !important;
margin: 0px ;
padding: 0 3px ;
font-size: 11px !important;
text-align: center ;
color: gray !important;
}
.sub-photo-tags-tag-view ul.tags-list > li.autotag > a.fixrTag:hover:after ,
.sub-photo-tags-tag-view ul.tags-list > li.tag > a.fixrTag:hover:after {
color: gold !important;
}
.sub-photo-tags-tag-view:hover ul.tags-list > li.autotag > a.fixrTag + .remove-tag + a ,
.sub-photo-tags-tag-view:hover ul.tags-list > li.tag > a.fixrTag + .remove-tag + a {
height: 16px ;
line-height: 16px ;
padding: 0 0px 0 2px ;
}
/* (new212) VOIR DUPLICATE */
.sub-photo-tags-tag-view:not(:hover) ul.tags-list > li.tag > a.fixrTag + .remove-tag + a:before {
content: "▲ Fixr's Tag" ;
position: fixed ;
height: 25px !important;
right: 4px ;
bottom: 0px ;
padding: 0 5px ;
font-size: 15px ;
border-radius: 5px 5px 0 0 !important;
z-index: 5000000 !important;
background: #333 !important;
}
/* STIG - TOP PAG STREAM/FA/POOL BETA */
#topPaginationContainer {
position: fixed;
display: inline-block ;
width: 100% ;
min-width: 650px ;
max-width: 650px ;
height: 17px ;
line-height: 15px ;
left: 690px ;
margin: 0 auto ;
top: 30px ;
text-align: center ;
opacity: 1 ;
visibility: visible ;
z-index: 20 ;
}
#topPagination {
display: inline-block ;
width: 100% ;
height: 17px ;
line-height: 3px ;
top: 0px ;
left: 0px ;
margin: 0 auto ;
padding: 0 ;
opacity: 1 ;
visibility: visible ;
transform: rotate(0deg) ;
}
/* (new304) - ARROWS - NEW FICKR SPRITE (2024) */
#topPaginationContainer #topPagination span i ,
#topPaginationContainer #topPagination span {
height: 15px !important;
line-height: 15px !important;
/*border: 1px solid aqua !important;*/
}
/* ARROOWS */
#topPaginationContainer #topPagination span i {
height: 10px !important;
line-height: 15px !important;
top: 0px !important;
overflow: hidden !important;
background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-275dcc41.png) -532px -317px no-repeat !important;
/*border: 1px solid yellow !important;*/
}
/*RIGHT */
#topPaginationContainer #topPagination a:last-of-type span i {
height: 10px !important;
line-height: 15px !important;
top: 0px !important;
overflow: hidden !important;
background: url(https://combo.staticflickr.com/ap/build/images/sprites/icons-275dcc41.png) -532px -317px no-repeat !important;
/*border: 1px solid red !important;*/
}
/* not STIG - EXPLO */
.fluid.html-explore-page-view #topPaginationContainer {
max-width: 43%;
min-width: 43%;
height: 30px;
left: 0px ;
top: 15px;
}
.fluid.html-explore-page-view #topPaginationContainer #topPagination {
display: inline-block;
height: 30px;
width: 100%;
left: 0;
top: 0;
}
.explore-page-view .main .explore-pagination a.butt {
margin: auto 20px;
}
.explore-page-view .main .explore-pagination a.butt.is-disabled {
opacity: 0.3 ;
}
/* STIG - STREAM */
.html-photostream-page-view #topPaginationContainer {
max-width: 550px;
min-width: 550px;
left: 450px !important;
}
.html-photostream-page-view #topPaginationContainer #topPagination {
left: 0px !important;
}
/* (new289) STIG - TOP PAGI - FAV */
.html-favorites-page-view #topPaginationContainer {
min-width: 570px !important;
max-width: 570px !important;
left: 600px !important;
top: 1.5vh !important;
border-radius: 5px !important;
}
/* STIG - POOL BETA */
.fluid.html-group-pool-page-view .with-fluid-subnav .group-pool-subheader-view > .at-right + #topPaginationContainer ,
.fluid.html-group-pool-page-view .group-pool-subheader-view .at-right + #topPaginationContainer ,
.fluid.html-group-pool-page-view #topPaginationContainer #topPagination ,
.fluid.html-group-pool-page-view #topPaginationContainer {
width: 100%;
max-width: 550px !important;
min-width: 550px !important;
height: 30px !important;
line-height: 30px !important;
left: 620px !important;
border-radius: 5px !important;
opacity: 1 !important;
z-index: 50000 !important;
}
.fluid.html-group-pool-page-view .with-fluid-subnav .group-pool-subheader-view > .at-right + #topPaginationContainer ,
.fluid.html-group-pool-page-view .group-pool-subheader-view .at-right + #topPaginationContainer {
left: 20px !important;
top: 10px !important;
}
.fluid.html-group-pool-page-view .with-fluid-subnav .group-pool-subheader-view > .at-right + #topPaginationContainer #topPagination ,
.fluid.html-group-pool-page-view .group-pool-subheader-view .at-right + #topPaginationContainer #topPagination {
left: 689px !important;
top: 10px !important;
}
.fluid.html-group-pool-page-view #topPagination.pagination-view:not(:empty),
.fluid.html-group-pool-page-view #topPagination.pagination-view a[rel="next"] ,
.fluid.html-group-pool-page-view #topPagination.pagination-view>span:not(.disabled) ,
.fluid.html-group-pool-page-view #topPagination.pagination-view > a {
transform: rotate(0deg);
}
.fluid.html-group-pool-page-view #topPagination.pagination-view a:first-of-type {
margin-left: -26px !important;
}
.fluid.html-group-pool-page-view #topPagination.pagination-view a:nth-last-child(-n +3),
.fluid.html-group-pool-page-view #topPagination.pagination-view a[rel="next"]:last-of-type {
margin-left: 16px !important;
}
/* (new304) STIG - ALB */
.fluid.html-album-page-view .right-actions + #topPaginationContainer {
display: inline-block !important;
height: 2.2vh !important;
line-height: 2vh !important;
min-width: auto !important;
max-width: 470px !important;
left: unset !important;
right: 110px !important;
top: 0.7vh !important;
border-radius: 5px !important;
background: #222 !important;
/*border: 1px solid #333 !important;*/
}
.fluid.html-album-page-view .right-actions + #topPaginationContainer #topPagination {
display: inline-block;
height: 2.2vh !important;
left: 0;
top: 1px !important;
line-height: 2vh !important;
margin: 1px 0 0 0 !important;
opacity: 1;
padding: 0;
transform: rotate(0deg);
visibility: visible;
width: 100%;
}
.album-container.fluid-centered #topPaginationContainer #topPagination span {
border-radius: 3px;
box-sizing: border-box;
color: #898989;
cursor: pointer;
display: inline-block;
height: 32px;
line-height: 32px;
min-width: 12px;
padding: 0 3px !important;
text-align: center;
transition: background-color .15s ease-in-out;
vertical-align: top;
}
/* MORE DOTS */
.album-container.fluid-centered #topPaginationContainer #topPagination span.moredots {
border-radius: 3px;
box-sizing: border-box;
color: #898989;
cursor: pointer;
display: inline-block;
height: 32px;
line-height: 32px;
min-width: 32px;
padding: 0 0 !important;
text-align: center;
transition: background-color .15s ease-in-out;
vertical-align: top;
}
/* (new292) STIG - ALB TEASER in STR */
#albumTeaser {
position: fixed !important;
display: inline-block !important;
max-width: 590px !important;
min-width: 595px !important;
height: 9vh !important;
right: -30px !important;
top: -2.5vh !important;
margin: 0;
padding: 5px 3px 0px 15px !important;
overflow: hidden !important;
z-index: 5000000 !important;
transform: scale(0.5) !important;
border-radius: 5px 5px 0 0 !important;
border: 2px solid red !important;
border-bottom: 4px solid silver !important;
}
/* (new289) ALBUM TEASER TOP HEADER */
#albumTeaser>div:nth-child(1) {
height: 39px;
line-height: 42px;
margin-top: -13px !important;
top: 0px !important;
margin-bottom: 5px !important;
font-size: 30px !important;
text-align: left !important;
border-bottom: 4px solid red !important;
}
#albumTeaser>div:nth-child(4):before {
content: "🔻" ;
position: absolute ;
top: 0.3vh ;
right: 30px ;
font-size: 20px ;
}
#albumTeaser:hover>div:nth-child(4):before {
content: "🔺" ;
}
/* (new289) ALBUM TEASER - LAST with LINK ALL ALB */
#albumTeaser > div:last-of-type i ,
#albumTeaser > div:last-of-type {
display: inline-block !important;
height: 15px;
line-height: 15px;
max-width: 580px !important;
min-width: 580px !important;
margin-top: 0px !important;
margin-bottom: 5px !important;
font-size: 15px !important;
text-align: center !important;
transform: unset !important;
}
#albumTeaser > div:last-of-type i a {
color: gold !important;
}
#albumTeaser > div:last-of-type i a:before {
content: " ▶ All Albums" !important;
height: 15px ;
line-height: 15px ;
font-size: 15px !important;
text-align: center;
}
/* (new304) COR FLOAT - ALBUM TEASER - ITEMS - NOT HOVER */
#albumTeaser:not(:hover) > div:first-of-type + div {
display: inline-block !important;
height: 5.4vh !important;
line-height: 20px;
max-width: 590px !important;
min-width: 590px !important;
margin: -3px 0 0 -8px !important;
font-size: 30px !important;
text-align: center !important;
/* background: red !important; */
}
#albumTeaser:not(:hover) > div:first-of-type + div > a img.asquare {
width: 95px !important;
height: 5.2vh !important;
margin: 0 0px 0 -24px !important;
padding: 0;
transition: all 0.3s ease 0s;
object-fit: contain !important;
background-color: #222 !important;
border-right: 8px solid silver !important;
}
/* (new304) COR FLOAT - */
#albumTeaser:not(:hover) > div > a > div {
/*display: inline-block;*/
float: right;
font-size: 30px !important;
height: 4.4vh !important;
line-height: 36px !important;
max-width: 440px !important;
min-width: 440px !important;
margin: 0 0 0 -63px !important;
padding: 2px 5px !important;
text-align: center;
overflow: hidden;
overflow-wrap: normal;
text-overflow: ellipsis;
white-space: nowrap;
border: 1px solid gray !important;
border-left: 1px solid yellow !important;
}
.asquare {
margin-top: 6px;
margin-left: 3px;
}
/* (new304) COR FLOAT - */
#albumTeaser:not(:hover) > div > a > div {
/*display: inline-block !important;*/
float: right !important;
max-width: 400px !important;
min-width: 400px !important;
height: 65px;
line-height:65px;
margin-left: 15px !important;
margin-right: 15px !important;
padding: 5px ;
font-size: 35px !important;
word-wrap: normal;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis ;
text-align: center !important;
color: peru !important;
border: 1px solid gray ;
}
/* (new289) ALBUM TEASER - CONTAINER - HOVER */
#albumTeaser:hover {
height: auto !important;
max-height: 100vh !important;
top: 0px !important;
right: 20px !important;
border-radius: 0 0 5px 5px ;
overflow-y: auto !important;
transform: scale(1) !important;
}
/* (new289) ALBUM TEASER - ITEMS HOVER */
#albumTeaser:hover > div:not(:last-of-type):not(:first-of-type){
display: inline-block !important;
float: none !important;
height: auto !important;
min-height: 22vh !important;
max-height: 22vh !important;
line-height: 1vh !important;
max-width: 48% !important;
min-width: 48% !important;
margin: 0 4px 0.5vh 0px !important;
border-radius: 5px !important;
font-size: 30px !important;
text-align: center !important;
border: 1px solid red !important;
}
#albumTeaser:hover > div > a > img.asquare {
width: 100% !important;
height: 170px !important;
margin: 10px 0 0 0 !important;
padding: 0;
object-fit: contain !important;
transition: all 0.3s ease 0s;
}
#albumTeaser:hover > div > a:hover > img.asquare {
transform: scale(1.2) !important;
}
#albumTeaser:hover > div > a > div {
position: relative !important;
float: none !important;
display: inline-block;
height: 2.2vh !important;
line-height: 2vh !important;
max-width: 96% !important;
min-width: 96% !important;
margin: 0vh 0 0 0% !important;
top: 0vh !important;
font-size: 20px !important;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: peru !important;
background-image: linear-gradient(to bottom, rgba(45, 45, 45, 0.69) 0px, rgba(57, 57, 57, 0.69) 100%) !important;
/* border: 1px solid yellow; */
}
#albumTeaser:hover > div > a:visited > div {
color: tomato !important;
background-image: linear-gradient(to bottom, rgba(45, 45, 45, 0.69) 0px, rgba(57, 57, 57, 0.69) 100%) !important;
/* border: 1px solid yellow; */
}
/* (new308) MAP SIDEBAR - SUPP */
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .photo-charm-exif-scrappy-view .exif-column-2 {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 90px !important;
max-width: 90px !important;
height: 100% !important;
min-height: 1.7vh !important;
max-height: 1.7vh !important;
line-height: 2vh !important;
top: 25.7vh !important;
right: 0 !important;
margin: 0 !important;
}
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .photo-charm-exif-scrappy-view .exif-column-2 ,
.sidebar-main-container .scrollable-container .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location.photo-page-sidebar .location-data-container ,
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location.photo-page-sidebar .marker-text-container ,
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location.photo-page-sidebar .protomaps-super-container {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 0 !important;
max-width: 0 !important;
height: 100% !important;
min-height: 0vh !important;
max-height: 0vh !important;
top: 0 !important;
right: 20000px !important;
overflow: hidden !important;
font-size: 0 !important;
}
/* (new308) GM "STIG" - PHO - MAP - LOCA DATA - for GOOGLE MAP on HOVER */
.photo-page-sidebar-view .sidebar-main-container .scrollable-container .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location .location-data-container:has(a#googlemapslink) a{
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 90px !important;
max-width: 90px !important;
height: 100% !important;
min-height: 1.7vh !important;
max-height: 1.7vh !important;
line-height: 2vh !important;
top: 25.7vh !important;
right: 165px !important;
margin: 0px;
padding: 0 !important;
visibility: visible !important;
/*z-index: 5000000 !important;*/
/*background: aqua !important ;*/
}
.flickrfixrwebextension .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="//www.google.com/maps/search/?"] ,
.flickrfixruserscript .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="//www.google.com/maps/search/?"] ,
.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="https://www.google.com/maps/search/?"] {
float: left !important;
font-size: 0px !important;
/*background-color: red !important;*/
}
/* (new298) GOOGLE PIN uploaded in Flickr */
.flickrfixruserscript .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="https://www.google.com/maps/search/?api"]::after ,
.flickrfixrwebextension .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="https://www.google.com/maps/search/?api"]::after {
content: "Google Maps" ;
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 90px !important;
max-width: 55px !important;
height: 1.7vh !important;
line-height: 1.7vh !important;
margin: 0vh 0 0 -10px !important;
padding: 0 2px 0 12px ;
border-radius: 5px ;
text-align: center ;
font-size: 10px ;
background-image: url('https://live.staticflickr.com/65535/53606798322_8cb8c39c0f_z.jpg') !important;
background-repeat: no-repeat !important;
background-position: left top !important;
background-size: contain !important;
font-family: "Material Icons";
opacity: 0.3 ;
background-color: #333 !important;
}
.flickrfixruserscript .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="https://www.google.com/maps/search/?api"]:hover:after ,
.flickrfixrwebextension .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="https://www.google.com/maps/search/?api"]:hover:after {
opacity: 1 !important;
color: gold !important;
}
/* GM "STIG" - STREAM - FIX SEARCH PB */
.fluid.html-photostream-page-view body.flickrfixrwebextension ,
.fluid.html-photostream-page-view body.flickrfixruserscript {
position: absolute !important;
display: inline-block !important;
width: 99.9% !important;
left: 0 !important;
}
/* (new216) GM " STIG" - DATE */
body.flickrfixrwebextension .sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-taken ,
body.flickrfixruserscript .sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken ,
body.flickrfixruserscript .sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-taken {
position: absolute !important;
width: 250px !important;
height: 16px;
line-height: 16px;
top: -20px !important;
right: 0px !important;
left: 0 !important;
padding: 0 15px 0 0 ;
}
body.flickrfixrwebextension .sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-taken.editable > .ui-icon-edit-date-taken ,
body.flickrfixruserscript .sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-taken.editable > .ui-icon-edit-date-taken {
position: absolute !important;
height: 16px;
margin-left: -220px !important;
margin-top: 0px !important;
opacity: 1 !important;
}
body.flickrfixrwebextension .sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken.clear-float + .date-info ,
body.flickrfixruserscript .sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken.clear-float + .date-info {
position: fixed !important;
width: 220px !important;
min-height: 80px !important;
max-height: 80px !important;
margin-top: 10px ;
left: 1691px !important;
top: 3.2vh !important;
padding: 2px 2px 4px 2px !important;
text-align: left ;
visibility: visible !important;
transition: all ease 0.7s ;
z-index: 500000000 !important;
color: red !important;
}
body.flickrfixrwebextension .sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken.clear-float + .date-info:hover ,
body.flickrfixrwebextension .sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken.clear-float:hover + .date-info ,
body.flickrfixruserscript .sub-photo-right-view .sub-photo-date-view.has-date-info:hover > .date-taken.clear-float + .date-info {
visibility: visible !important;
transition: all ease 0.1s ;
}
body.flickrfixrwebextension .sub-photo-right-view > .sub-photo-right-row1 .sub-photo-date-view .date-taken.clear-float span:after ,
body.flickrfixruserscript .sub-photo-right-view > .sub-photo-right-row1 .sub-photo-date-view .date-taken.clear-float span:after {
content: "▼" ;
position: absolute ;
top: 4px ;
font-size: 10px ;
visibility: visible ;
color: gold ;
}
body.flickrfixrwebextension .sub-photo-right-view > .sub-photo-right-row1 .sub-photo-date-view .date-taken.clear-float span:after ,
body.flickrfixruserscript .sub-photo-right-view > .sub-photo-right-row1 .sub-photo-date-view .date-taken.clear-float span:after {
content: "▲" ;
right: 15px ;
margin-top: -5px ;
color: green ;
}
body.flickrfixrwebextension .sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view:hover > .date-taken + .date-info ,
body.flickrfixrwebextension .sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken:hover + .date-info ,
body.flickrfixruserscript .sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view:hover > .date-taken + .date-info ,
body.flickrfixruserscript .sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken:hover + .date-info {
top: 18px ;
width: 290px !important;
padding: 0 5px !important;
}
body.flickrfixrwebextension .sub-photo-right-view .date-info>p ,
body.flickrfixruserscript .sub-photo-right-view .date-info>p {
padding: 5px ;
margin: 8px 0 0 0 !important;
font-size: 15px ;
line-height: 15px;
}
body.flickrfixrwebextension .sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken + .date-info>p>a ,
body.flickrfixruserscript .sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken + .date-info>p>a ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken + .date-info>p>label {
display: inline-block !important;
padding: 0 5px;
height: 15px !important;
line-height: 10px !important;
font-size: 16px !important;
border-bottom: 1px solid yellow ;
}
body.flickrfixrwebextension .sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken + .date-info>p>a ,
body.flickrfixruserscript .sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken + .date-info>p>a {
width: 170px !important;
text-align: center ;
}
/* END == GM "STIG" ==== */
/* == GM "Flickr Download Link" === */
#iddllusgm3 {
margin-left: 25px !important;
}
#iddllusgm3 a.gn-title#idllusgm {
color: tomato !important;
}
/* END == GM "Flickr Download Link" ==== */
/* ==== GM "Flickr Photo Page - View User Infos + Groups List Expand" ==== */
/* MODAL - ALL */
.fluid.html-photo-page-scrappy-view .fluid-droparound-view ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:hover {
z-index: 50000000 !important;
}
.fluid-droparound-view .droparound.subview-droparound {
z-index: 50000 !important;
}
/* FAV MODAL - COLOR */
.photo-faved-by-list-view ul.photo-faved-by-list .person-item a {
color: peru !important;
}
.photo-faved-by-list-view ul.photo-faved-by-list .person-item a:visited {
color: tan !important;
}
/* (new209) MODAL LANG */
.fluid.html-photo-page-scrappy-view body .fluid-droparound-view .droparound.menu.lang-droparound:not(.over-modal){
position: fixed !important;
display: inline-block !important;
height: 240px ;
width: 200px !important;
left: 1500px !important;
top: 70% !important;
overflow: hidden !important;
z-index: 5000000 !important;
}
/* JOIN BUT - for GM "View User Infos" */
.fluid .coverphoto-content .title-block-content .title .follow-view,
.fluid .coverphoto-content .title-block-content .title .join-group-view {
position: absolute !important;
display: inline-block !important;
width: auto !important;
height: 30px !important;
line-height: 30px !important;
right: 170px !important;
top: 2px !important;
border-radius: 5px !important;
}
.fluid .coverphoto-content .title-block-content .title .follow-view {
position: absolute !important;
display: inline-block !important;
width: 130px !important;
right: 0px !important;
top: 5px !important;
text-align: center !important;
}
/* PHO - OVERLAY */
.fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view:hover .droparound.subview-droparound:not(.user-account-card-droparound):not(.notifs-droparound),
.fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view:hover .droparound.subview-droparound:not(.user-account-card-droparound):not(.notifs-droparound) {
position: fixed !important;
max-height: 153px !important;
min-height: 153px !important;
margin-top: 90px !important;
top: 35px !important;
margin-left: 1320px !important;
visibility: visible !important;
opacity: 1 !important;
transition: margin ease 0.2s !important;
z-index: 550000 !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view .droparound.subview-droparound:not(.user-account-card-droparound):not(.notifs-droparound) .body {
max-height: 150px !important;
min-height: 150px !important;
margin-top: 0px !important;
}
/* PHO - MODAL - MY MENU EDITOR */
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type:not(:hover) .droparound.html.auto-size.dialog-tooltip ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type:hover .droparound.html.auto-size.dialog-tooltip ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type .droparound.html.auto-size.dialog-tooltip {
position: fixed !important;
display: inline-block !important;
max-width: 352px !important;
height: 139px !important;
top: 135px !important;
left: 1318px !important;
z-index: 50000000 !important;
visibility: visible !important;
}
.fluid-droparound-view:last-of-type .droparound.html.auto-size.dialog-tooltip .body {
max-width: 202px !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type:not(:hover) .droparound.html.auto-size.dialog-tooltip .droparrow ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type:hover .droparound.html.auto-size.dialog-tooltip .droparrow ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type .droparound.html.auto-size.dialog-tooltip .droparrow {
left: 13px !important;
}
/* PHO - PROFILE SHOWCASE SELECTOR - MODAL */
.fluid .fluid-modal-view .modal.subview-modal.flex-layout.photo-selector.profile-showcase-selector {
position: fixed !important;
display: inline-block !important;
width: 1920px !important;
min-width: 1920px !important;
max-width: 1920px !important;
height: 961px !important;
min-height: 961px !important;
max-height: 961px !important;
left: 0 !important;
margin-left: 0 !important;
top: 0% !important;
margin-top: 0 !important;
overflow: visible;
border: 1px solid red !important;
}
.fluid .modal.subview-modal.flex-layout.photo-selector.profile-showcase-selector .body {
height: 761px !important;
background: #111 !important;
}
/* (new304) COR FLOAT - SET/ALB - USER AV - MORE INF - For GM "PM" (OK) and My GM "USER INFOS" on HOVER */
.album-header-view > .album-header-content > .album-title-desc-view {
margin-bottom: -37px !important;
margin-top: -48px !important;
top: -53px !important;
}
.album-header-view > .album-header-content > .attribution-view.album-attribution > .avatar {
position: relative !important;
/*display: inline-block !important;*/
float: left !important;
height: 4vh !important;
min-width: 40px !important;
width: 40px !important;
margin: 0px 0 0 37% !important;
left: 50px !important;
top: 10px !important;
padding: 0px !important;
font-size: 0 !important;
object-fit: contain !important;
opacity: 1 !important;
}
/* (new304) COR FLOAT - */
.album-header-view .attribution-view.album-attribution > .attribution-info {
position: relative !important;
/*display: inline-block !important;*/
float: left !important;
height: 6.3vh !important;
width: 20% !important;
margin: 6px 0 0 0 !important;
padding: 5px 20px 0 60px !important;
border-radius: 5px 5px 0 0 !important;
text-align: left !important;
color: transparent !important;
text-shadow: none !important;
background: rgba(0, 0, 0, 0.25) !important;
}
/* (new289) ALB - PRO BAGE */
.album-header-view .attribution-view.album-attribution > .attribution-info > .pro-badge-new {
position: absolute !important;
left: 9px !important;
bottom: 5px !important;
}
/* ALB EDIT - DESCR */
.album-header-view > .album-header-content > .album-title-desc-view.editing {
margin: 0px !important;
top: 260px !important;
z-index: 5000000 !important;
background: black !important;
border: 1px solid red !important;
}
.album-header-view > .album-header-content > .album-title-desc-view.editing .meta-field.edit-meta-field.edit-album-title {
font-family: Proxima Nova,helvetica neue,helvetica,arial,sans-serif !important;
color: gold !important;
}
.album-title-desc-view > .title-desc-block > textarea.edit-meta-field.edit-album-desc {
height: 700px !important;
width: 889px !important;
line-height: 18px !important;
padding: 5px 300px 5px 300px !important;
font-style: normal ;
font-size: 20px !important;
text-align: left !important;
font-family: Proxima Nova,helvetica neue,helvetica,arial,sans-serif !important;
}
/* NEW NOTIF - PHOTO */
/* NEW NOTIF - MODAL SIZE - ALL */
.notifications-panel-view {
min-height: 905px !important;
}
.notifications-panel-view .notifications-panel {
min-height: 900px !important;
max-width: 700px !important;
}
.notifications-panel-view .notifications-panel .list-container {
padding-left: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.notifications-panel-view .notifications-list-view .notifications-list ul {
max-width: 700px !important;
}
/* SHOW NEW ITEMS BUT */
.notifications-panel-view .notifications-panel .list-container .load-top-button{
position: fixed;
height: 25px !important;
bottom: 2vh !important;
padding: 0 5px !important;
border-radius: 5px !important;
z-index: 500 !important;
color: gold !important;
background: #222 !important;
border: 1px solid #333 !important;
}
.notifications-panel-view .notifications-panel .list-container .load-top-button.hidden{
opacity: 1 !important;
visibility: hidden !important;
color: gold !important;
background: #222 !important;
border: 1px solid #333 !important;
}
.notifications-panel-view .notifications-panel .list-container .load-top-button.hidden:before{
content: "Auto Loading..." !important;
padding: 0 5px !important;
border-radius: 5px !important;
opacity: 0.5 !important;
visibility: visible !important;
color: gold !important;
background: #222 !important;
border: 1px solid green !important;
}
/* NEW NOTIF - NAV /TABS */
.notifications-panel-view .notifications-panel .nav-container {
height: 35px !important;
}
.notifications-panel-view .notifications-panel .nav-container .tabs {
display: inline-block !important;
height: 30px !important;
line-height: 20px !important;
vertical-align: top !important;
overflow: hidden !important;
}
.fluid-droparound-view .notifications-panel-view .tabs span.tab {
display: inline-block !important;
width: 213px !important;
height: 30px !important;
line-height: 30px !important;
top: 0px !important;
padding: 0 12px !important;
}
/* NEW NOTIF - NO POOL TAB - ONLY ONE TAB */
.fluid-droparound-view .notifications-panel-view .tabs span.tab:only-of-type{
left: 0px !important;
}
/* DROPARROW */
/* (new217) NEW NOTIF - MODAL POSITION */
.fluid-droparound-view .droparound.subview-droparound.auto-size .view.notifications-panel-view {
position: fixed;
min-height: 900px !important;
min-width: 700px !important;
right: 0 !important;
top: 20px !important;
margin-top: 0px !important;
border-radius: 5px !important;
z-index: 50000 !important;
background: #111 !important;
border: 1px solid red !important;
}
/* START === NEW NOTIF - ALL === */
/* NEW NOTIF - MODAL LIST */
.notifications-panel-view .notification-item-list li {
float: left !important;
max-width: 350px !important;
width: auto !important;
height: auto !important;
max-height: 124px !important;
background: #222 !important;
}
.notifications-panel-view .notification-item {
min-width: 330px !important;
max-width: 330px !important;
padding: 15px 0 0 0 !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
/* (new209) NEW NOTIF - CLOSE INDICATOR - ALL - BUT .fluid:not(.html-notification-center-page-view) */
.fluid:not(.html-notification-center-page-view) .fluid-droparound-view .droparound.subview-droparound.auto-size .view.notifications-panel-view:before {
content: "X" ;
position: fixed !important;
width: 20px ;
height: 17px ;
top: 2px !important;
right: 30px !important;
text-align: center ;
border-radius: 3px 3px 0 0 ;
pointer-events: none ;
z-index: 500000 !important;
cursor: pointer ;
background: green ;
}
.fluid:not(.html-notification-center-page-view) .fluid-droparound-view .droparound.subview-droparound.auto-size .view.notifications-panel-view:hover:before {
color: gold ;
background: red ;
}
/* MUTED */
.notifications-panel-view .notification-item.disabled:before ,
.notifications-panel-view .notification-item.muted:before {
position: absolute !important;
display: inline-block !important;
width: 330px !important;
height: 109px !important;
line-height: 130px !important;
font-size: 20px !important;
text-align: center !important;
opacity: 1 !important;
color: gold !important;
background: rgba(255, 0, 0, 0.47) !important;
}
.notifications-panel-view .notification-item.muted:before {
content: "Muted" !important;
}
.notifications-panel-view .notification-item.disabled:before {
content: "Disabled" !important;
}
/* POOL PEND / INVIT JOIN */
.notifications-panel-view .notification-item-list li .group-photo-request-notification-item-view ,
.notifications-panel-view .notification-item-list li .group-join-request-notification-item-view ,
.notifications-panel-view .notification-item-list li .group-invite-notification-item-view ,
.notifications-panel-view .notification-item-list li .group-invite-notification-item ,
.notifications-panel-view .notification-item-list li .group-photo-request-notification-item-view {
position: relative !important;
display: inline-block !important;
min-height: 124px !important;
max-height: 124px !important;
min-width: 332px !important;
max-width: 332px !important;
padding: 0 !important;
border-radius: 5px !important;
overflow: hidden !important;
}
.notifications-panel-view .notification-item.notif-item-group-reply-new ,
.notifications-panel-view .notification-item.notif-item-group-join-request {
height: 107px !important;
padding: 15px 0 0;
}
/* ACTIONS */
.notifications-panel-view .notification-item.notif-item-group-invite {
display: inline-block !important;
min-height: 122px !important;
max-height: 122px !important;
min-width: 330px !important;
max-width: 330px !important;
padding: 0 !important;
border-radius: 5px !important;
}
.notifications-panel-view .notification-item.notif-item-group-invite .notification-core {
height: 106px !important;
min-width: 262px !important;
max-width: 262px !important;
}
.notifications-panel-view .notification-item.notif-item-group-invite .notification-core .headline-container {
display: inline-block;
vertical-align: top;
width: 100%;
min-width: 262px !important;
max-width: 262px !important;
max-width: 265px;
min-height: 106px !important;
}
.notifications-panel-view .notification-item.notif-item-group-join-request .group-join-request-actions ,
.notifications-panel-view .notification-item.notif-item-group-photo-request .group-photo-request-actions {
position: relative !important;
display: inline-block !important;
width: 250px !important;
margin-top: 0px !important;
top: -140px !important;
left: 20px !important;
text-align: center !important;
}
.notifications-panel-view .notification-item.notif-item-group-join-request .group-join-request-actions {
top: -84px !important;
}
.notifications-panel-view .notification-item.notif-item-group-join-request .group-join-request-actions button:not(.hidden) ,
.notifications-panel-view .notif-item-group-photo-request .group-photo-request-actions button:not(.hidden) {
position: relative !important;
display: inline-block !important;
}
.notifications-panel-view .notifications-panel-view .notification-item.notif-item-group-join-request .group-join-request-actions button.hidden ,
.notifications-panel-view .group-photo-request-notification-item-view .notification-item .notification-item-content-wrapper .group-photo-request-actions button.hidden {
display: none !important;
}
.notifications-panel-view .notification-item.notif-item-group-invite .group-invite-actions {
position: relative !important;
width: 195px !important;
height: 34px !important;
margin-top: 0px;
margin-top: -139px !important;
padding: 0 15px 0 64px;
}
.notifications-panel-view .notif-item-group-photo-request .group-photo-request-actions button:first-of-type {
margin-left: 15px !important;
}
.notifications-panel-view .group-photo-request-notification-item-view .group-photo-request-actions .action-message {
position: relative !important;
top: 0px !important;
color: gold !important;
}
/* INVIT PHOTO */
.notifications-panel-view .notification-item.notif-item-group-invite .thumb-container {
margin-left: -60px !important;
top: -100px !important;
}
/* (new295) BIG - NOTIFICATION PAGE - PENDING PHOT */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-group-photo-request .group-photo-request-actions {
position: absolute !important;
display: flex;
align-items: center;
justify-content: center;
height: auto;
width: 100%;
width: auto;
min-width: 0;
margin: -5vh 0 0 0 !important;
padding: 6px 16px;
}
/* (new311) NOTIF PAGES - INVIT TO POOL */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item[class*="notif-item-group-"] .group-invite-actions {
position: absolute !important;
width: 250px !important;
margin: -5vh 0 0 0 !important;
text-align: center !important;
color: gold !important;
background: #222 !important;
}
html.fluid.html-notification-center-page-view .group-invite-notification-item-view .notification-item .notification-item-content-wrapper .group-invite-actions button:not(.mini ) {
position: relative !important;
display: inline-block !important;
margin: 0 20px 0 30px !important;
}
/* (new395) NOTIF PAGES - INVIT ACCEPETD */
html.fluid.html-notification-center-page-view .group-invite-notification-item-view .notification-item .notification-item-content-wrapper .group-invite-actions .action-message.accepted-message {
position: relative !important;
width: 100% !important;
top: 0px !important;
left: 0px !important;
padding: 0 40px !important;
color: gold !important;
background: green !important;
}
/* NOTIF MODAL? - INVIT ACCEPETD */
.notifications-panel-view .notification-item-list li .group-user-invite-notification-item-view .notification-item.notif-item-group-user-invite .action-message.accepted-message {
position: relative !important;
top: -80px !important;
left: -100px !important;
color: gold !important;
background: green !important;
}
.group-user-invite-notification-item-view .notification-item .group-user-invite-actions .action-message svg {
fill: green !important;
}
/* COMMENT */
.notifications-panel-view .comment-notification-item-view:not(:empty) {
display: inline-block !important;
height: 126px !important;
min-width: 333px !important;
max-width: 333px !important;
border-radius: 5px !important;
/* border: 1px solid aqua !important; */
}
.notifications-panel-view .headline-container a.comment-link {
position: relative !important;
display: inline-block !important;
height: 20px !important;
line-height: 15px;
width: 100%;
max-width: 200px;
min-width: 200px;
top: 7px !important;
font-size: 15px !important;
}
.notifications-panel-view .notification-item a.comment-link q {
display: inline-block !important;
max-width: 200px !important;
min-width: 200px !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 15px !important;
}
.notifications-panel-view .notification-item a.comment-link q span{
max-width: 200px !important;
min-width: 200px !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 15px !important;
}
.notifications-panel-view .notification-item a.comment-link q span > br {
display: none !important;
}
.notifications-panel-view .notification-item a.comment-link q::before {
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
margin-right: 5px !important;
content: open-quote;
font-size: 15px !important;
}
.notifications-panel-view .notification-item a.comment-link q::after {
content: close-quote;
display: inline-block !important;
height: 15px !important;
width: 5px !important;
line-height: 15px !important;
margin-left: 5px !important;
bottom: 0px !important;
opacity: 1 !important;
visibility: visible !important;
font-size: 15px !important;
}
/* INFOS */
.notifications-panel-view .notification-item.notif-item-group-photo-request .notification-item-content-wrapper {
height: 103px !important;
min-width: 267px !important;
max-width: 267px !important;
padding-left: 0px !important;
}
.notifications-panel-view .notification-item .notification-item-middle {
display: inline-block !important;
min-width: 267px !important;
max-width: 267px !important;
height: 107px !important;
margin-left: -50px !important;
padding-left: 64px !important;
}
.notifications-panel-view notification-item:hover .notification-item-middle {
display: inline-block !important;
min-width: 267px !important;
max-width: 267px !important;
height: 107px !important;
margin-left: 55px !important;
padding-left: 68px !important;
}
.notifications-panel-view .notification-item.notif-item-fave .notification-item-middle {
height: 109px !important;
min-width: 267px !important;
max-width: 267px !important;
margin-left: 15px !important;
padding-left: 0px !important;
background: rgba(255, 101, 71, 0.26) !important;
}
.notifications-panel-view .notification-item.notif-item-group-invite .notification-item-middle {
height: 107px;
max-width: 207px;
margin-left: 0px !important;
margin-top: -92px !important;
padding-left: 64px !important;
}
.notifications-panel-view .notif-item-group-photo-request .notification-item-middle {
height: 107px !important;
margin-left: -49px !important;
max-width: 207px;
padding-left: 64px !important;
}
.notifications-panel-view .notification-core {
display: inline-block !important;
min-width: 265px !important;
max-width: 265px !important;
height: 104px !important;
padding: 0 0 0 4px !important;
}
.notifications-panel-view .notification-core .headline-container {
display: inline-block !important;
width: 100% !important;
min-width: 265px !important;
max-width: 265px !important;
min-height: 104px !important;
max-height: 104px !important;
line-height: 15px !important;
vertical-align: top !important;
}
.notifications-panel-view .headline-container a.photo-link {
position: relative !important;
top: 2px !important;
}
/* BR - ALL */
.notifications-panel-view .comment-link > span > br {
display: none !important;
}
/* AVATAR - ALL */
.notifications-panel-view .notification-item .notification-avatar {
position: relative !important;
display: inline-block !important;
height: 107px !important;
margin-right: 16px;
}
.notifications-panel-view .notification-item.notif-item-group-invite .notification-avatar {
top: 15px !important;
}
/* THUMB */
.notifications-panel-view .notification-item .thumb-container {
position: relative !important;
display: inline-block !important;
width: 62px !important;
height: 62px !important;
margin-left: -325px !important;
top: 40px !important;
}
.notifications-panel-view .notification-item .thumb-container a.notification-photo-thumb {
display: inline-block !important;
height: 60px !important;
width: 60px !important;
margin-left: 0px !important;
transition: margin ease 0.2s !important;
border: 1px solid gray !important;
}
/* THUMB VISITED */
.notifications-panel-view .thumb-container a.notification-photo-thumb:visited {
border: 1px solid green !important;
}
/* THUMBS LIST */
.notifications-panel-view .thumb-list-container{
position: relative !important;
display: inline-block !important;
width: 329px !important;
width: 100%;
height: 55px !important;
top: -74px !important;
margin: 0px 0 0 -63px !important;
text-align: center !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 50000 !important;
background: #111 !important;
}
.notifications-panel-view .notification-item.notif-item-fave .thumb-list-container {
border: 1px solid red !important;
}
/* THUMBNAILS CONTAINER - SPEC */
.notifications-panel-view .notification-item.notif-item-group-photo-request .thumb-container {
position: relative !important;
display: inline-block !important;
width: 52px !important;
height: 52px !important;
top: -90px !important;
left: 264px !important;
z-index: 500 !important;
}
.notifications-panel-view .notification-item.notif-item-group-photo-request .thumb-container a.notification-photo-thumb {
display: inline-block !important;
height: 50px !important;
width: 50px !important;
top: 0px !important;
}
.notifications-panel-view .notification-item.notif-item-fave .thumb-container {
left: 0px !important;
border: 1px solid red !important;
}
.notifications-panel-view .thumb-list-container:hover{
height: 105px !important;
top: -124px !important;
}
.notifications-panel-view .thumb-list-container a.notification-photo-thumb {
display: inline-block !important;
margin-top: 2px !important;
border: 1px solid red !important;
}
/* LINK */
.notifications-panel-view .headline-container a {
display: inline-block !important;
width: 100% !important;
height: 15px !important;
line-height: 15px !important;
min-width: 200px !important;
max-width: 200px !important;
white-space: nowrap !important;
overflow: hidden !important;
font-size: 15px !important;
text-overflow: ellipsis !important;
}
/* APPROV / DECLINED */
.notifications-panel .notification-item.notif-item-group-join-request-accepted .group-link ,
.notifications-panel .notification-item.notif-item-photo-accepted span + .group-link ,
.notifications-panel .notification-item.notif-item-photo-declined span + .group-link ,
.notifications-panel .notification-item.notif-item-group-reply-new .notification-core a.topic-link ,
.notifications-panel .notification-item.notif-item-group-reply-new .topic-link ,
.notifications-panel .notification-item.notif-item-group-description .group-link ,
.notifications-panel .notification-item.notif-item-group-rules .group-link ,
.notifications-panel .notification-item.notif-item-group-blast .group-link {
display: inline-block !important;
min-width: 98% !important;
max-width: 98% !important;
min-height: 15px !important;
max-height: 15px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* APPROV / DECLINED */
.notifications-panel .notification-item.notif-item-photo-declined span + .group-link {
position: relative !important;
top: -32px;
border-bottom: 1px solid gray !important;
}
.notifications-panel .notification-item.notif-item-photo-accepted .info-container a.subtitle ,
.notifications-panel .notification-item.notif-item-photo-declined .info-container a.subtitle {
min-width: 240px !important;
max-width: 240px !important;
left: 75px !important;
top: 0px !important;
}
/* POOL JOIN ACCEPTED */
.notifications-panel .notification-item-list-item .notif-item-group-join-request-accepted .info-container a.subtitle {
position: absolute !important;
display: inline-block !important;
min-width: 240px !important;
max-width: 240px !important;
left: 75px !important;
top: 0px !important;
border: 1px solid green !important;
}
.notifications-panel .notification-item-list-item .notif-item-group-join-request-accepted .info-container .separator + .timestamp {
display: inline-block;
position: relative;
top: 0px !important;
}
/* LINKS INDICATOR */
.notifications-list-container .topic-link:before ,
.notifications-panel .topic-link:before {
content: "💬" ;
margin-right: 5px !important;
color: gray ;
}
/* COMMENTS - SPECIAL */
.notifications-panel .comment-link:before {
content: "🗨" ;
float: left !important;
margin-right: 5px !important;
color: gray ;
}
/* COMMENTS - SPECIAL with OPEN QUOTE */
.notification-center-page-view .notification-item .notification-core a.comment-link q::before{
content: "🗨" open-quote !important;
margin-left: -20px !important;
}
/* COMMENTS */
/* COMMENTS MENTION */
.notifications-list .notif-item-photo-comment-mention .comment-link:before {
content: "🗨" ;
margin-right: 5px !important;
color: red ;
}
/* FAV */
.notifications-list-container .photo-link:before ,
.notifications-panel .photo-link:before {
content: "★" ;
margin-right: 5px !important;
color: red ;
}
/* BLAST / DESC POOL */
.notifications-list-container .blast-link:before ,
.notifications-panel .blast-link:before {
content: "📝" ;
margin-right: 5px !important;
color: gray ;
}
/* POOL - PENDING - USERS */
.notifications-list-container .group-link[href^="/groups_pending.gne?"]:before ,
.notifications-panel .group-link[href^="/groups_pending.gne?"]:before {
content: "👪 " ;
margin-right: 5px !important;
color: gray ;
filter: grayscale(1);
}
/* (new183) POOL - JOIN ACCEPTED */
.notification-item.notif-item-group-join-request-accepted .group-link:before {
content: "👪 ✅" ;
margin-right: 5px !important;
color: gray ;
filter: grayscale(1);
}
/* POOL - PENDING - PHOT */
.notifications-list-container .group-link[href*="/admin/pending"]:before ,
.notifications-panel .group-link[href*="/admin/pending"]:before {
content: "🖼 " ;
margin-right: 5px !important;
color: gray ;
}
/* USER */
.notifications-panel-view .notification-avatar .avatar {
margin: 4px 0 3px !important;
}
.notifications-panel-view .headline-container a.person-link {
position: relative !important;
min-width: 262px !important;
max-width: 262px !important;
top: -16px !important;
left: -68px !important;
padding-left: 67px ;
border-bottom: 1px solid gray !important;
}
.notifications-panel-view .headline-container a.person2-link:before {
content: "+" ;
position: relative !important;
display: inline-block !important;
min-width: 30px !important;
max-width: 30px !important;
text-align: center ;
background: #222 !important;
}
.notifications-panel-view .headline-container a.person2-link {
position: relative !important;
display: inline-block !important;
min-width: 242px !important;
max-width: 242px !important;
top: -18px !important;
left: 0px !important;
background: #111 !important;
}
/* DATE / SUBTILE */
.notifications-panel-view .info-container{
position: relative ;
display: inline-block !important;
width: 64px ;
height: 13px ;
line-height: 12px ;
bottom: 127px ;
left: -67px ;
font-size: 12px ;
text-align: center !important;
border-radius: 3px 0 0 0 !important;
background: gold ;
}
.notifications-panel-view .info-container .separator + .timestamp {
position: relative !important;
display: inline-block !important;
top: -14px !important;
}
/* (new292) POOL */
.notifications-list-container [class^="notification-item notif-item-group-"] .headline-container {
width: 515px !important;
min-height: 108px !important;
max-height: 108px !important;
overflow: hidden;
}
.notifications-list-container [class^="notification-item notif-item-group-"] .notification-core .headline-container a.person-link {
position: relative !important;
display: block !important;
min-width: 255px !important;
max-width: 255px !important;
margin-left: 0px !important;
font-size: 16px;
text-align: left !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: peru!important;
border-bottom: none !important;
}
/* SUBTITLE */
.notifications-panel-view .notification-item .info-container a.subtitle {
position: relative !important;
display: inline-block !important;
top: 20px !important;
left: 65px !important;
background: black !important;
}
.notifications-panel-view .notification-item.notif-item-group-join-request-accepted .subtitle {
top: 1px !important;
}
/* POOL DECLINED */
.notifications-list-container .notification-item.notif-item-photo-declined a.subtitle {
position: absolute !important;
display: inline-block !important;
min-width: 278px !important;
max-width: 278px !important;
margin-left: 67px !important;
font-size: 16px;
text-align: left !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: peru!important;
border-bottom: 1px solid gray !important;
}
/* MENU */
.notifications-panel-view .context-menu-container {
position: relative !important;
display: inline-block !important;
width: 15px !important;
height: 14px !important;
line-height: 4px !important;
left: -34px !important;
margin-top: 14px !important;
border-radius: 3px !important;
background: #111 ;
}
.notifications-panel-view .context-menu-container svg.icon {
height: 15px;
width: 15px;
}
.notifications-panel-view .notification-item.notif-item-fave .context-menu-container {
display: inline-block !important;
margin-left: 58px !important;
}
.notifications-panel-view .notification-item.notif-item-group-invite .context-menu-container {
left: 30px !important;
top: -110px !important;
}
.notifications-panel-view .notification-item.notif-item-fave .context-menu-container {
position: relative !important;
display: inline-block !important;
left: -30px !important;
margin-left: 0px !important;
top: -5px !important;
border: 1px solid red !important;
}
.notifications-panel-view .notif-item-group-photo-request .context-menu-container {
left: -278px !important;
top: 0px !important;
}
.notifications-panel-view .notification-item.notif-item-group-join-request .context-menu-container {
left: -275px !important;
top: 0px !important;
border: 1px solid green !important;
}
.notifications-panel-view .notification-item.notif-item-group-description .context-menu-container ,
.notifications-panel-view .notification-item.notif-item-group-rules .context-menu-container ,
.notifications-panel-view .notification-item.notif-item-group-reply-new .context-menu-container ,
.notifications-panel-view .notification-item.notif-item-group-topic-new .context-menu-container {
left: -301px !important;
top: 0px !important;
border: 1px solid blue !important;
}
/* FOLLOW */
.notifications-panel-view .follow-notification-item-view.base-notification-item {
width: 330px !important;
height: 126px !important;
}
.notifications-panel-view .notification-item.notif-item-contacted {
height: 122px !important;
}
.notifications-panel-view .notification-item.notif-item-contacted .notification-item-middle {
height: 10px !important;
margin: 0 0 0 -82px !important;
padding: 18px 0 0 64px !important;
}
.notifications-panel-view .notification-item.notif-item-contacted .notification-core {
height: 95px !important;
min-width: 261px !important;
max-width: 261px !important;
padding: 0 4px;
background: rgba(1, 128, 0, 0.41) ;
}
.notifications-panel-view .notification-item.notif-item-contacted {
min-width: 315px !important;
max-width: 315px !important;
height: 123px !important;
padding: 0px 0 0 16px !important;
}
.notifications-panel-view .follow-notification-item-view .notification-item .follow-button-container {
position: relative !important;
display: inline-block !important;
height: 40px !important;
left: -195px !important;
margin-top: 70px !important;
}
.notifications-panel-view .follow-notification-item-view .context-menu-container {
display: inline-block;
left: -447px !important;
margin-top: 24px !important;
}
.notifications-panel-view .notification-item.notif-item-contacted .notification-avatar .avatar.tiny {
position: relative !important;
display: inline-block !important;
height: 46px !important;
width: 46px !important;
left: -9px !important;
top: 40px !important;
border: 1px solid red !important;
}
/* NEW NOTIF - BANNER - ALL */
.notification-banner-view .basic-banner.head-banner-style:not(:hover) ,
.notif-banner.announcement:not(:hover) {
position: absolute;
width: 240px !important;
height: 24px !important;
left: 58% !important;
right: 0 !important;
top: 3px;
margin: 0!important;
border-radius: 5px !important;
z-index: 500000;
background: green !important;
}
.notification-banner-view .basic-banner.head-banner-style:hover ,
.notif-banner.announcement:hover {
position: absolute;
width: 20vw !important;
left: 58% !important;
right: 0 !important;
top: 3px !important;
margin: 0!important;
border-radius: 5px !important;
z-index: 500000;
}
.notification-banner-view .basic-banner.head-banner-style:before ,
.notif-banner.announcement:before {
content: "Try the New Notification Sytem ▼" !important;
position: absolute;
width: 220px !important;
left: 10px !important;
right: 0 !important;
top: 1px;
margin: 0!important;
font-size: 14px !important;
z-index: 500000;
color: gold !important;
background: green !important;
}
.notification-banner-view .basic-banner.head-banner-style:hover:before ,
.notif-banner.announcement:hover:before {
content: "New" !important;
position: absolute;
width: 30px !important;
left: 0px !important;
background: green !important;
}
.notif-banner .banner-content .message-container p {
font-size: 18px !important;
}
.notif-banner .banner-content .message-container a:first-of-type,
.notif-banner .banner-content .message-container a:first-of-type:hover {
display: inline-block !important;
width: 100% !important;
text-align: center;
color: peru !important;
}
/* NEW NOTIF - BANNER ANNOUC - IN MODAL - PHOT */
.notification-banner-view .basic-banner.head-banner-style:not(:hover) {
width: 20px !important;
left: 78% !important;
top: 5px;
background: green !important;
}
.notification-banner-view .basic-banner.head-banner-style:hover {
left: 33% !important;
top: 5px;
}
.notification-banner-view .basic-banner.head-banner-style:before {
content: "🔔" !important;
position: absolute;
width: 15px !important;
left: 1px !important;
right: 0 !important;
top: 0px;
margin: 0!important;
font-size: 14px !important;
z-index: 500000;
color: gold !important;
background: green !important;
}
/* (new209) PHO - FAV by USERS */
.fluid.html-photo-page-scrappy-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout .photo-faves-list-view {
position: fixed !important;
height: 80vh !important;
right: 0.2% !important;
top: 16vh !important;
border-radius: 5px 0 0 5px !important;
background: #111 !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout .photo-faves-list-view li {
border: 1px solid gray !important;
}
/* NEW NOTIF - COLOR */
.notification-item-list-item .headline-container {
color: gray !important;
}
.notifications-panel .tab ,
.notification-item-middle .notification-core .headline-container a {
color: peru !important;
}
.notification-item-middle .notification-core .headline-container a:visited {
color: tan !important;
}
.notification-banner-view .basic-banner.head-banner-style:hover ,
.notif-banner.announcement:hover {
border: 1px solid red !important;
background: #111 !important;
}
.notif-banner .banner-content .message-container a:first-of-type,
.notif-banner .banner-content .message-container a:first-of-type:hover {
background: #222 !important;
}
.notifications-list-container .notification-item {
background: black !important;
border: 1px solid red !important;
}
.notifications-list-container .notification-item.notif-item-comment {
background: black !important;
}
/* URL PREF - COLOR */
.notification-center-page-view .notification-center-page-container.fluid-centered .notifications-list-container {
background-color: #222 !important;
}
/* URL PREF - THUMNAIL CONTAINER */
.notification-center-page-view .base-notification-item .notification-item .notification-item-middle .thumb-list-container {
background: #111 !important;
border: 1px solid gray !important;
}
/* SVG - FILL */
.photo-comments-view .photo-comments header.comments-header svg.close-x-button {
fill: red !important;
}
/* END === NEW NOTIF - ALL === */
/* START == GM "FLICKR FUNCTIONAL SUITE" ==== */
/* (new299) GM - "F.F.S" - TOP NAV - EXP PANEL - FFS Set */
#global-nav #gn-wrap .nav.small-logo .toplink > a + #explore-panel.panel .bd {
display: inline-block !important;
height: 239px !important;
margin-bottom: -3vh !important;
/*border-bottom: 1px solid aqua !important;*/
}
#global-nav #gn-wrap .nav.small-logo .toplink > a + #explore-panel.panel .bd + li{
position: relative !important;
display: inline-block !important;
z-index: 2000 !important;
}
/* (new210) GM - "F.F.S" - STREAM/FAV - ADD WARN - NOT USE IT(change the FLAG Color) */
.fluid.html-photostream-page-view #photostream a[id^="CFS_"],
.fluid.html-favorites-page-view #photostream a[id^="CFS_"] {
display: inline-block !important;
outline: 1px solid red !important;
}
.fluid.html-photostream-page-view #photostream a[id^="CFS_"] span:before ,
.fluid.html-favorites-page-view #photostream a[id^="CFS_"] span:before {
content:"F.F.Suite" ;
position: absolute ;
display: inline-block !important;
width: 60px !important;
height: 15px ;
line-height: 15px ;
left: 70px ;
top: 0px ;
padding: 0 5px !important;
border-radius: 3px ;
border: 1px solid red ;
font-size: 12px !important;
text-align: center ;
text-shadow: unset !important;
color: red !important;
background: gold !important;
}
/* GM - "F.F.S" - ALB/SET */
.fluid.html-album-page-view .owner-name.truncate[id^="CFS_"] {
position: relative !important;
display: inline-block !important;
font-size: 15px !important;
}
.fluid.html-album-page-view .owner-name-with-by.truncate[id^="CFS_"] {
position: absolute !important;
display: inline-block !important;
width: 85% !important;
margin-top: 30px !important;
left: 0 !important;
color: black !important;
font-size: 0 !important;
padding: 0 0 0 60px !important;
text-align: left !important;
pointer-events: none !important;
}
.fluid.html-album-page-view .owner-name-with-by.truncate[id^="CFS_"] > span:first-of-type:not(.avatar) ,
.fluid.html-album-page-view .owner-name-with-by.truncate[id^="CFS_"] > span {
position: relative !important;
display: inline-block !important;
width: 100% !important;
max-width: 10px !important;
min-width: 10px !important;
margin-right: 2px !important;
color: transparent !important;
font-size: 3px !important;
pointer-events: none !important;
}
/* (new289) ALBUM - --F.F.S-- - BUTTON */
.fluid.html-album-page-view .album-header-view .attribution-view.album-attribution > .attribution-info > span {
position: absolute !important;
left: 0 !important;
bottom: 0 !important;
}
/* GM - "F.F.S" - PHO */
.fluid.html-photo-page-scrappy-view .owner-name.truncate[id^="CFS_"] {
pointer-events: none !important;
}
.fluid.html-photo-page-scrappy-view .attribution-view.photo-attribution > .attribution-info .owner-name-with-by.truncate[id^="CFS_"] > span:last-of-type:not(.avatar) ,
.fluid.html-photo-page-scrappy-view .attribution-view.photo-attribution > .attribution-info .owner-name-with-by.truncate[id^="CFS_"] > span {
position: relative !important;
display: inline-block !important;
width: 100% !important;
max-width: 10px !important;
min-width: 10px !important;
margin-right: 1px !important;
padding: 0px !important;
color: transparent !important;
font-size: 15px !important;
pointer-events: none !important;
}
/* GM - "F.F.S" - NORMAL POPUP MENU */
#CatFlickrSuitePopUp.ToolTip {
margin-left: 93px !important;
margin-top: 6px !important;
padding: 5px !important;
z-index: 50000 !important;
}
#CatFlickrSuitePopUp>b {
cursor: default;
font-size: 12px;
text-align: left;
}
#availableColors{
padding: 5px !important;
border-radius: 6px !important;
}
/* GM - "F.F.S" - POP POSI - PROF/POOL LIST/GAL/FAV/ALB/STREAM */
.fluid.html-profile-page-view #CatFlickrSuitePopUp.ToolTip:before ,
.fluid.html-person-groups-page-view #CatFlickrSuitePopUp.ToolTip:before ,
.fluid.html-galleries-list-page-view #CatFlickrSuitePopUp.ToolTip:before ,
.fluid.html-favorites-page-view #CatFlickrSuitePopUp.ToolTip:before ,
.fluid.html-albums-list-page-view #CatFlickrSuitePopUp.ToolTip:before ,
.fluid.html-photostream-page-view #CatFlickrSuitePopUp.ToolTip:before {
content: "F.F.Suite ▼" ;
display: inline-block !important;
min-width: 70px !important;
height: 11px !important;
line-height: 11px !important;
padding: 0 0px !important;
font-size: 12px !important;
color: gold;
z-index: 9999 !important;
box-shadow: none !important;
background: green !important;
}
.fluid.html-profile-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-person-groups-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-galleries-list-page-view #CatFlickrSuitePopUp.ToolTip[style*=" display: block;"] ,
.fluid.html-favorites-page-view #CatFlickrSuitePopUp.ToolTip[style*=" display: block;"] ,
.fluid.html-albums-list-page-view #CatFlickrSuitePopUp.ToolTip[style*=" display: block;"] ,
.fluid.html-photostream-page-view #CatFlickrSuitePopUp.ToolTip[style*=" display: block;"] {
position: absolute !important;
display: inline-block !important;
width: 70px !important;
height: 11px !important;
line-height: 11px !important;
padding: 1px !important;
overflow: hidden !important;
z-index: 9999 !important;
box-shadow: none !important;
}
.fluid.html-profile-page-view #CatFlickrSuitePopUp.ToolTip:hover ,
.fluid.html-person-groups-page-view #CatFlickrSuitePopUp.ToolTip:hover ,
.fluid.html-galleries-list-page-view #CatFlickrSuitePopUp.ToolTip:hover ,
.fluid.html-favorites-page-view #CatFlickrSuitePopUp.ToolTip:hover ,
.fluid.html-albums-list-page-view #CatFlickrSuitePopUp.ToolTip:hover ,
.fluid.html-photostream-page-view #CatFlickrSuitePopUp.ToolTip:hover {
width: 300px !important;
height: auto !important;
box-shadow: 10px 10px 3px 1px rgba(0, 0, 0, 0.3);
}
/* (new210) PHOTOSTREAM */
#photostream [id^="CFS_"] span:not(.avatar):not(.title):last-of-type:not(:only-of-type){
display: inline-block !important;
width: 100% !important;
min-width: 30px !important;
max-width: 30px !important;
padding-right: 0px;
border-radius: 0 2px 2px 0;
}
#photostream [id^="CFS_"] span:not(.avatar):not(.title):after{
content: " " !important;
/* position: absolute !important; */
display: inline-block !important;
width: 100% !important;
min-width: 0px !important;
max-width: 0px !important;
height: 5px !important;
margin: 0 0 0 -1px !important;
top: 40px !important;
padding-right: 0px;
border-radius: 0;
background-color: inherit !important;
}
/* GM - "F.F.S" - PHO - POPUP - CHOOSE COL FLAGS */
.SetColor:not(:hover) {
transition: all ease 0.7s !important;
text-align: left !important;
text-indent: 20px !important;
border-top: 3px solid black !important;
border-bottom: 3px solid black !important;
}
.SetColor:hover {
transition: all ease 0.7s !important;
}
.SetColor:hover em {
transition: all ease 0.7s !important;
padding: 1px 5px !important;
border-radius: 5px !important;
}
#currentColors .SetColor {
cursor: default !important;
}
/* (new205) GM - "F.F.S" - POP POSI - SEARCH / POOL PAGEs */
.fluid.html-group-interstitial-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-group-pool-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-search-photos-unified-page-view #CatFlickrSuitePopUp {
position: fixed !important;
width: 209px !important;
left: -95px !important;
top: 85px !important;
}
/* GM - "F.F.S" - POP POS - PHOT */
.fluid.html-photo-page-scrappy-view #CatFlickrSuitePopUp.ToolTip {
position: fixed !important;
width: 309px !important;
left: 1366px !important;
top: 91px !important;
margin-left: 43px !important;
margin-top: 6px !important;
z-index: 500000000 !important;
}
.fluid.html-photo-page-scrappy-view #CatFlickrSuitePopUp.ToolTip a.simple_butt {
position: relative !important;
display: inline-block !important;
font-size: 15px !important;
background: transparent !important;
color: peru !important;
}
.fluid.html-photo-page-scrappy-view #CatFlickrSuitePopUp.ToolTip a.simple_butt:visited {
background: transparent !important;
color: tan !important;
}
/* (new202) GM - "F.F.S" - POP POSI - PROF/ALB/POOL LIST/GAL/FAV/STREAM */
.fluid.html-profile-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-albums-list-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-photostream-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-favorites-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-person-groups-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-galleries-list-page-view #CatFlickrSuitePopUp.ToolTip {
left: 180px !important;
top: 85px !important;
}
/* SLIDESHOW */
.fluid.html-photo-page-lightbox-scrappy-view .attribution-view.photo-attribution > .attribution-info .owner-name-with-by[id^="CFS_"] {
position: fixed !important;
display: inline-block !important;
height: 4px !important;
width: auto !important;
min-width: 234px !important;
line-height: 1px !important;
left: 50px !important;
top: 97vh !important;
color: transparent !important;
overflow: hidden !important;
font-size: 0px !important;
z-index: 5000000 !important;
}
/* (238) PHO - F.F.S - 2nd LINE UNDER USER NAME */
.fluid.html-photo-page-scrappy-view .attribution-view.photo-attribution > .attribution-info .owner-name-with-by[id^="CFS_"] > span {
display: inline-block !important;
vertical-align: top !important;
width: 100% !important;
min-width: 5px !important;
max-width: 5px !important;
height: 100% !important;
min-height: 3px !important;
max-height: 3px !important;
padding: 0 !important;
border-left: 1px solid black !important;
border-right: 1px solid black !important;
border-radius: 0px !important;
line-height: 2px !important;
font-size: 15px !important;
text-shadow: none !important;
box-shadow: none !important;
color: transparent !important;
}
/* GM - "F.F.S" - POPUP POSI - SETS */
.fluid.html-album-page-view #CatFlickrSuitePopUp.ToolTip {
position: fixed !important;
display: block;
left: -87px !important;
top: 275px !important;
z-index: 9999;
}
/* GM - "F.F.S" - POPUP POSI - PEND PHO */
.html-group-admin-pending-page-view #CatFlickrSuitePopUp.ToolTip {
position: fixed !important;
max-width: 250px !important;
right: 20px !important;
top: 20% !important;
padding: 5px !important;
z-index: 9999 !important;
}
/* GM - "F.F.S" - USER NAME - SPECIAL INDICA NAME WITH "&" */
a[id^="CFS"][href*="&"] ,
a[id^="CFS"][title*="<"] {
color: GREEN !important;
}
/* (new198) GM - "F.F.S" - BACKG RADIUS/PAD - META - OWNER - ALL */
a[id^="CFS"] span:not(.avatar):not(.title) {
display: inline-block !important;
color: white !important;
text-shadow: 1px 1px 2px #000 !important;
}
/* (new202) CF MATCH MORE - FIRST SPAN cf under too */
a[id^="CFS"] span:first-of-type:not(.search-pill-name):not(.reply-count):not(.separator):not(:only-of-type):not(.avatar):not(.title):not(.TabOut):not(.truncate):not(.countdown-slideshow):not(.nav-r):not(.person-name):not(.comment-actions):not(.stats-label):not(.ui-dialog-arrow):not(.exif-value):not(.zoom):not(.counts):not(.foot-message):not(.sp-fw-spanbutton):not(.tab):not(.comment-date):not(.note):not(.activity-type):not(.pause-button):not(.play-button):not(.nav):not(.view-count-label):not(.comment-count-label):not(.fave-count-label):not(.exif-name):not(.key):not(.foot-attribution):not(.New):not(.action-button-text):not(.following):not(.album-photo-count):not([style^="opacity: 0.5;"]):not(.loading-balls):not(.menu-text):not(.arrow):not(.long):not(.short):not(.arrow):not(.by-user):not(.dot):not(.tags-list-title):not(.tags-list-item):not(.view-more-text):not(.view-less-text):not(.button-text):not(.button-balls),
a[id^="CFS"] span:first-of-type:not(:only-of-type):not(.avatar):not(.title):not(.truncate):not(.comment-date):not(.note):not(.engagement-count):not(.engagement-icon):not([class=".engagement-item fave"]) {
display: inline-block !important;
padding: 0 0 0 4px !important;
border-radius: 2px 0px 0px 2px !important;
white-space: normal !important;
min-width: 5px ! important;
}
/* (new202) a[id^="CFS"] - LAST SPAN */
a[id^="CFS"] span:last-of-type:not(.search-pill-name):not(.reply-count):not(.separator):not(:only-of-type):not(.avatar):not(.title):not(.TabOut):not(.truncate):not(.countdown-slideshow):not(.nav-r):not(.person-name):not(.comment-actions):not(.stats-label):not(.ui-dialog-arrow):not(.exif-value):not(.zoom):not(.counts):not(.foot-message):not(.sp-fw-spanbutton):not(.tab):not(.comment-date):not(.note):not(.activity-type):not(.pause-button):not(.play-button):not(.nav):not(.view-count-label):not(.comment-count-label):not(.fave-count-label):not(.exif-name):not(.key):not(.foot-attribution):not(.New):not(.action-button-text):not(.following):not(.album-photo-count):not([style^="opacity: 0.5;"]):not(.loading-balls):not(.menu-text):not(.arrow):not(.long):not(.short):not(.arrow):not(.by-user):not(.dot):not(.tags-list-title):not(.tags-list-item):not(.view-more-text):not(.view-less-text):not(.button-text):not(.button-balls):not(.engagement-count):not(.engagement-icon) {
display: inline-block !important;
padding-right: 4px !important;
border-radius: 0px 2px 2px 0px !important;
}
#group-sidebar.open:hover .discussions.sec span:first-of-type:not(.sticky):not(.New) {
margin-right: 5px !important;
}
a[id^="CFS"] span:only-child:not(.avatar):not(.title):not(.truncate) {
padding: 0 7px !important;
border-radius: 2px !important;
}
/* GAL */
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.attribution[id^="CFS"] span:not(.avatar):not(.title) {
display: inline-block !important;
vertical-align: middle !important;
height: 16px !important;
line-height: 16px !important;
min-width: 5px ! important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.attribution[id^="CFS"] span:first-of-type:not(.avatar):not(.title) {
display: inline-block !important;
height: 100% !important;
height: 16px !important;
line-height: 16px !important;
width: 100% ! important;
min-width: 4px ! important;
max-width: 4px ! important;
}
/* GM - "F.F.S" - PHO - SOLVE EMPY SPAN */
#photo-details.clearfix #sidebar.wide-sidebar #photo-story #photo-story-attribution.clearfix p.flickr-user span.name span.photo-name-line-1 a[id^="CFS"] span:not(.title) {
display: inline-block !important;
min-width: 5px ! important;
min-height: 18.5px ! important;
margin-bottom: -4px ! important;
}
/* (new225COM) SMALL */
#pool-photos.sm #photo-display-container .pool-photo .hover-target .meta a.owner {
position: relative !important;
display: inline-block !important;
height: 13px !important;
line-height: 13px !important;
width: 80px !important;
margin: 0 0 -5px -20px !important;
top: -7px !important;
bottom: 5px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
text-align: center !important;
}
#pool-photos.sm #photo-display-container .pool-photo .hover-target .meta a[id^="CFS"] span:first-of-type {
display: inline-block !important;
height: 13px !important;
line-height: 13px !important;
padding: 0 0 0 4px !important;
border-radius: 2px 0px 0px 2px !important;
}
#pool-photos.sm #photo-display-container .pool-photo .hover-target .meta a[id^="CFS"] span:last-of-type {
display: inline-block !important;
min-width: 10px !important;
height: 13px !important;
line-height: 13px !important;
padding-right: 7px !important;
border-radius: 0px 2px 2px 0px !important;
}
#pool-photos.sm #photo-display-container .pool-photo .hover-target .meta a[id^="CFS"] span:last-of-type {
display: inline-block !important;
min-width: 10px !important;
height: 13px !important;
line-height: 13px !important;
padding-right: 7px !important;
border-radius: 0px 2px 2px 0px !important;
}
#pool-photos.sm #photo-display-container .pool-photo .hover-target .meta a[id^="CFS"] span:only-of-type {
display: inline-block !important;
border-radius: 2px !important;
}
.PeopleResults .Who a[id^="CFS"] span {
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
}
.PeopleResults .Who a[id^="CFS"] span:first-of-type {
padding: 0 0 0 4px !important;
border-radius: 2px 0px 0px 2px !important;
}
#SubNav tbody tr td.Section p.LinksNewP span.LinksNew span a span {
display: inline-block !important;
line-height: 15px !important;
padding: 0 0 0 4px !important;
}
#SubNav tbody tr td.Section p.LinksNewP span.LinksNew span a span:first-of-type {
display: inline-block !important;
line-height: 15px !important;
padding: 0 0 0 4px !important;
border-radius: 2px 0px 0px 2px !important;
}
.PeopleResults .Who a[id^="CFS"] span:last-of-type {
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
padding-right: 7px !important;
border-radius: 0px 2px 2px 0px !important;
}
#SubNav tbody tr td.Section p.LinksNewP span.LinksNew span a span:last-of-type {
display: inline-block !important;
line-height: 15px !important;
padding: 0 4px 0 0 !important;
border-radius: 0px 2px 2px 0px !important;
}
#SubNav tbody tr td.Section p.LinksNewP span.LinksNew span a span {
display: inline-block !important;
margin-right: 0px !important;
}
.PeopleResults .Who a[id^="CFS"] span:only-child {
display: inline-block !important;
padding: 0 7px !important;
border-radius: 2px !important;
}
/* "F.F.S" - PHO ? */
#photo-details.clearfix #sidebar.wide-sidebar #photo-story #photo-story-attribution.clearfix p.flickr-user span.name span.photo-name-line-1 a[data-track="photoAttributionNameClick"]>span:first-of-type:before {
content: "." ;
position: relative ;
display: inline-block ;
min-width: 5px ;
padding-left: 5px ;
background-color: inherit ;
color: transparent ;
}
#photo-details.clearfix #sidebar.wide-sidebar #photo-story #photo-story-attribution.clearfix p.flickr-user span.name span.photo-name-line-1 a[data-track="photoAttributionNameClick"]>span:last-of-type:after {
content: "." ;
position: relative ;
display: inline-block ;
min-width: 5px ;
padding-right: 5px ;
background-color: inherit ;
color: transparent ;
}
/* GM - "F.F.S" - COLOR FLAG - OPAC */
*[id^="CFS"]{
opacity: 0.8 !important;
}
/* (new290) GM - "F.F.S" - POOL TAG TOP MENU */
.clearfix #CFS_Tag_Assoc:before {
content: "< Pool Tags" ;
position: fixed !important;
width: 65px ;
left: 1565px ;
top: 6.1vh ;
padding: 0px 3px ;
border-radius: 5px ;
visibility: visible ;
border: 1px solid gray ;
}
.clearfix #CFS_Tag_Assoc:hover:before {
padding: 0px 3px 0 4px ;
border-radius: 0 5px 5px 0 ;
visibility: visible ;
border: 1px solid gray ;
border-left: none ;
}
.clearfix #CFS_Tag_Assoc {
visibility: hidden !important;
position: fixed !important;
width: 300px !important;
height: auto !important;
min-height: 3vh !important;
left: 1255px !important;
top: 4.5vh !important;
margin: 0 0 0 0 !important;
padding: 2px 3px 3px 3px !important;
border-radius: 5px 5px 0 5px !important;
opacity: 1 !important;
z-index: 500000 !important;
border: 1px solid gray !important;
}
.clearfix #CFS_Tag_Assoc:hover {
visibility: visible !important;
}
.clearfix #CFS_Tag_Assoc form span {
border: 1px solid gray !important;
opacity: 1 !important;
}
/* (new304) COR FLOAT - */
.clearfix #CFS_Tag_Assoc form {
position: relative !important;
/*display: inline !important;*/
float: left !important;
}
.clearfix #CFS_Tag_Assoc form input {
width: 290px !important;
}
/* GM - "F.F.S" - POOL ADMINISTRATION MEMBERS - USER NAME - === */
#group-members ul.mem-list li a[id^="CFS"] .shadow {
height: 13px !important;
line-height: 13px ! important;
white-space: nowrap !important;
margin-left: -2px ! important;
}
#group-members ul.mem-list li a[id^="CFS"] span:first-of-type {
display: inline-block !important;
min-width: 2px ! important;
height: 13px !important;
line-height: 12px !important;
margin-bottom: -2.5px ! important;
padding: 0 0 0 4px !important;
border-radius: 2px 0px 0px 2px !important;
}
#group-members ul.mem-list li a[id^="CFS"] span:last-of-type {
display: inline-block !important;
min-width: 2px ! important;
height: 13px !important;
line-height: 12px !important;
margin-bottom: -2.5px ! important;
padding-right: 7px !important;
border-radius: 0px 2px 2px 0px !important;
}
/* HELP - ITEMS */
.TopicListing>tbody>tr:not(:first-of-type) td {
width: 380px !important;
height: 100% ;
height: 25px !important;
line-height: 15px !important;
padding: 1px 2px 0px ;
}
.TopicListing>tbody>tr:not(:first-of-type) td a strong ,
.TopicListing>tbody>tr:not(:first-of-type) td a {
min-width: 370px !important;
max-width: 370px !important;
}
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) td +td > a[id^="CFS_"] ,
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) td +td > a:not(.pro-badge-new) {
width: 130px ;
overflow: hidden ;
text-overflow: ellipsis ;
white-space: nowrap ;
}
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) td +td > a.pro-badge-new {
float: left;
top: 0px ;
left: 105px ;
opacity: 0.3 ;
}
/* GM - "F.F.S" - HELP - DISC LISTING - USER NAME*/
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) td +td > a[id^="CFS_"] span {
white-space: nowrap ;
}
/* GM - "Flick Functional Suite" - PEOPLE YOU FOL - PHOT OF - ONE BY USER */
.contact-list-num a[id^="CFS"] span {
background: transparent !important;
}
/* END == GM "F.F.S" ==== */
/* START == GM "PM" ==== */
/* (new198) GM PM - PHO- NO POINTS "." on AVATAR */
.fluid.html-photo-page-scrappy-view a.avatar.person[id^="CFS_"]{
font-size: 0px !important;
}
/* GM PM - POOL PENDING */
.gPendWho > b {
position: absolute ;
display: inline-block ;
float: none ;
height: 23px ;
line-height: 20px ;
width: 20px ;
margin-left: -45px ;
margin-top: 0px;
white-space: pre-wrap ;
overflow: hidden ;
opacity: 1 !important;
transition: width ease 0.2s ;
}
.gPendDesc .gPendWho:hover > b {
height: auto ;
width: 230px ;
margin-left: -48px ;
padding: 5px ;
opacity: 1 !important;
overflow: visible;
white-space: pre-wrap ;
z-index: 5000000 ;
transition: width ease 0s ;
}
tr:nth-child(18) .gPendDesc .gPendWho:hover > b ,
tr:nth-child(14) .gPendDesc .gPendWho:hover > b ,
tr:nth-child(10) .gPendDesc .gPendWho:hover > b ,
tr:nth-child(6) .gPendDesc .gPendWho:hover > b ,
tr:nth-child(2) .gPendDesc .gPendWho:hover > b {
width: 230px ;
margin-left: -78px ;
}
/* (new228COM) GM PM - PHO + SLIDESHOW */
.photo-page-lightbox-scrappy-view .photo-well-view .attribution-view.photo-attribution.is-real-fullscreen > a > b {
position: absolute !important;
display: inline-block !important;
width: 17px !important;
height: 17px !important;
line-height: 13px !important;
margin: -25px 0 0 0px!important;
font-size: 6px !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
white-space: nowrap !important;
overflow: hidden !important;
}
.photo-page-lightbox-scrappy-view .photo-well-view .attribution-view.photo-attribution.is-real-fullscreen > a > b:hover {
height: 20px !important;
line-height: 15px !important;
width: 580px !important;
margin-left: -10px !important;
padding: 5px 0 0 0 !important;
font-size: 9px !important;
overflow: visible !important;
}
.photo-page-lightbox-scrappy-view .photo-well-view .attribution-view.photo-attribution.is-real-fullscreen > a > b:hover {
height: 22px !important;
width: 580px !important;
margin-left: -30px !important;
font-size: 8px !important;
overflow: visible !important;
}
/* (new308) PM - PHOTO PAGE */
.fluid.html-photo-page-scrappy-view .sidebar-main-container .attribution-view.photo-attribution.clear-float a.avatar.person > b ,
.fluid.html-photo-page-scrappy-view .attribution-view.photo-attribution.clear-float .avatar.person.medium > b ,
.fluid.html-photo-page-scrappy-view .attribution-view .avatar.person.medium > b {
position: fixed !important;
display: inline-block !important;
width: 17px !important;
height: 17px !important;
line-height: 13px !important;
top: 4.5vh !important;
margin: 0px 0 0 0px!important;
font-size: 6px !important;
opacity: 1 !important;
visibility: visible !important;
white-space: nowrap !important;
overflow: hidden !important;
filter: none !important;
z-index: 500000000 !important;
}
.fluid.html-photo-page-scrappy-view .sidebar-main-container .attribution-view.photo-attribution.clear-float a.avatar.person > b:hover ,
.fluid.html-photo-page-scrappy-view .attribution-view.photo-attribution.clear-float .avatar.person.medium > b:hover ,
.fluid.html-photo-page-scrappy-view .attribution-view .avatar.person.medium > b:hover {
height: 20px !important;
line-height: 15px !important;
width: 580px !important;
top: 4.2vh !important;
padding: 5px 0 0 0 !important;
font-size: 9px !important;
overflow: visible !important;
}
/* (new312) PM - PHO -for GRAYSCALE AVATAR */
.fluid.html-photo-page-scrappy-view .attribution-view.photo-attribution.clear-float .avatar.person.medium[style^="background-image: url(//combo.staticflickr.com/pw/images/buddyicon"] > b {
top: -2.4vh !important;
filter: none !important;
}
.fluid.html-photo-page-scrappy-view .attribution-view.photo-attribution.clear-float .avatar.person.medium[style^="background-image: url(//combo.staticflickr.com/pw/images/buddyicon"] > b:hover {
top: -2.6vh !important;
filter: none !important;
}
/* (new309) GM " PM - FOR PB Buddy icon GENERIC=
TEST LINK:
https://www.flickr.com/photos/joehoganfotografia/53513098269/in/pool-1095906@N24
==== */
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container a[style*="/bbuddyicon"][style*=".png"].avatar.person.medium b ,
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container a[style*="/buddyicon"][style*=".png"].avatar.person.medium b {
position: fixed !important;
display: inline-block !important;
margin: 0vh 0 0 0 !important;
top: -5vh !important;
z-index: 50000000000 !important;
filter: none !important;
/*border: 1px solid aqua !important;*/
}
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container a[style*="/bbuddyicon"][style*=".png"].avatar.person.medium b:hover ,
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container a[style*="/buddyicon"][style*=".png"].avatar.person.medium b {
position: fixed !important;
display: inline-block !important;
margin: 0vh 0 0 0 !important;
top: -5vh !important;
z-index: 50000000000 !important;
filter: none !important;
/*border: 1px solid aqua !important;*/
}
/* GM - "PM" - HELP */
.DiscussionResults>tbody tr td:first-of-type:not(.Who) .Topic p > b {
display: inline-block !important;
max-width: 345px !important;
min-width: 345px !important;
font-size: 0 !important;
}
.DiscussionResults>tbody tr td:first-of-type:not(.Who) .Topic p > b > a {
font-size: 11px !important;
display: inline-block ! important;
bottom: -10px ! important;
}
.DiscussionResults>tbody tr td:first-of-type:not(.Who) .Topic p > b:hover a + b {
display: inline-block !important;
visibility: visible !important;
width: 400px !important;
padding: 10px 5px 5px 5px !important;
font-size: 11px !important;
}
.DiscussionResults>tbody tr td:first-of-type:not(.Who) .Topic p:hover > b b a:after {
content: "●" ;
position: relative ;
display: inline-block ;
height: 2px ;
line-height: 2px ;
margin-left: -10px ;
top: 7px ;
font-size: 10px ;
text-align: center ;
color: white ;
}
/* GM - "PM" - HOVER to TOP for Promote/demote etc... */
.char_search +#MemberList tr td:nth-child(2):hover ~td {
display: inline-block !important;
}
/* GM - "PM" - ICONS */
a[title="User Profile"] ,
a[title="User Photo Archive"] ,
a[title="User Favourites"] ,
a.fpmLink {
position: relative !important;
display: inline-block !important;
float: none !important;
vertical-align: bottom !important;
min-width: 15px !important;
height: 18px !important;
line-height: 18px !important;
margin-left: 2px !important;
font-size: 10px !important;
text-align: center !important;
outline: 0.2px solid #222 !important;
}
/* GM "PM" - ICONS - INDIC VISIT */
a:visited[title="User Profile"]:after ,
a:visited[title="User Favourites"]:after ,
a:visited[title="User Photo Archive"]:after ,
a:visited.fpmLink:after {
font-size: 10px ;
color: red ;
outline: 0.2px solid violet ;
}
/* GM - "PM" - ICONS HELPER - PM TAGS DESC HOVER */
#MemberList tr td + td b a:hover {
/* font-size: 10px !important; */
color: lime !important;
/* outline: 0.2px solid violet ; */
}
#MemberList tr td + td b a:hover:before ,
#MemberList tr td + td b a.fpmLink:hover:before {
position: absolute ;
display: inline-block ;
content: attr(title) ;
height: 15px ;
line-height: 15px !important;
width: auto ;
min-width: 100px ;
margin: 17px 0 0 -25px !important;
font-size: 12px ;
text-align: center !important;
white-space: nowrap ;
background: green!important;
}
/* (new225COM) GM - "PM" - POOL ADMIN - MEMB LIST */
#MemberList tr td+td b {
position: absolute !important;
display: inline-block !important;
min-width: 18px !important;
max-width: 18px !important;
height: 25px !important;
line-height: 20px !important;
left: 273px !important;
top: 8px !important;
padding: 2px !important;
font-size: 12px !important;
visibility: visible !important;
white-space: nowrap !important;
overflow: hidden !important;
transform: scale(1) !important;
z-index: 50000 !important;
background: black !important;
}
#MemberList tr td + td a + b:hover ,
#MemberList tr td + td a:hover + b {
position: absolute !important;
display: inline-block !important;
height: 4vh !important;
min-width: 122% !important;
max-width: 122% !important;
left: -62px !important;
top: 2.5vh !important;
visibility: visible !important;
white-space: pre-wrap !important;
transform: scale(0.8) !important;
transition: transform ease 0.1s !important;
background: black !important;
}
#MemberList tr td > b + br + small {
display: inline-block !important;
text-indent: 32px !important;
}
/* PM - MEMBER LIST ADM */
.char_search + #MemberList tr td+td b {
left: 525px !important;
top: 2px !important;
}
.char_search + #MemberList tr td + td a + b:hover ,
.char_search + #MemberList tr td + td a:hover + b {
min-width: 92% !important;
max-width: 92% !important;
left: 40px !important;
top: 26px !important;
transform: scale(1) !important;
}
/* === GM - "PM" - HELP */
/* (GM - "PM" - HELP - IN COM / TOP COM RIGHT PANEL */
#Hint + #GoodStuff #DiscussTopic table:first-of-type tbody tr h4 a + span + b ,
#DiscussTopic table.TopicReply tr h4 b ,
#DiscussTopic table:first-of-type .Who:first-of-type + .Said h4 > a:last-of-type + b ,
#GoodStuff #DiscussTopic .TopicReply .Said h4 b {
position: relative !important;
display: inline-block !important;
min-width: 30px !important;
max-width: 30px !important;
height: 20px !important;
line-height: 20px !important;
font-size: 8px !important;
visibility: hidden !important;
white-space: nowrap !important;
}
#DiscussTopic table:first-of-type .Who:first-of-type + .Said h4 > a:last-of-type + b:hover ,
#GoodStuff #DiscussTopic .TopicReply .Said h4 b:hover {
min-width: 420px !important;
max-width: 420px !important;
height: auto !important;
line-height: 20px !important;
margin-top: -23px !important;
top: 10px !important;
padding: 3px !important;
cursor: pointer !important;
visibility: visible !important;
white-space: pre-wrap !important;
z-index: 500000 !important;
}
#DiscussTopic table.TopicReply tr h4 b:hover {
position: absolute !important;
display: inline-block !important;
min-width: 330px !important;
max-width: 330px !important;
height: auto !important;
line-height: 20px !important;
padding: 3px !important;
cursor: pointer !important;
visibility: visible !important;
white-space: pre-wrap !important;
}
#Hint + #GoodStuff #DiscussTopic table:first-of-type tbody tr h4 a:hover + span + b ,
#Hint + #GoodStuff #DiscussTopic table:first-of-type tbody tr h4 a + span + b:hover {
position: absolute !important;
display: inline-block !important;
min-width: 300px !important;
max-width: 300px !important;
height: auto !important;
line-height: 20px !important;
left: 0px !important;
margin-top: 20px !important;
cursor: pointer !important;
visibility: visible !important;
overflow: hidden !important;
white-space: pre-wrap !important;
}
#Hint + #GoodStuff #DiscussTopic table:first-of-type tbody tr h4 a + span + b:hover {
position: absolute !important;
display: inline-block !important;
min-width: 370px !important;
max-width: 370px !important;
height: auto !important;
line-height: 20px !important;
left: 100px !important;
top: -30px !important;
padding: 5px !important;
margin-top: 20px !important;
cursor: pointer !important;
visibility: visible !important;
overflow: visible !important;
white-space: pre-wrap !important;
z-index: 50000 !important;
}
#Hint + #GoodStuff #DiscussTopic table:first-of-type tbody tr h4 a + span + b:before ,
#GoodStuff #DiscussTopic .TopicReply .Said h4 b:before ,
#DiscussTopic table:first-of-type .Who:first-of-type + .Said h4 > a:last-of-type + b:before ,
#DiscussTopic table.TopicReply tr h4 b:before {
content: "PM ▶" ;
position: relative ;
display: inline-block ;
width: 100% ;
min-width: 30px ;
max-width: 30px ;
min-height: 15px ;
max-height: 15px ;
line-height: 15px ;
font-size: 10px ;
cursor: pointer ;
visibility: visible ;
}
/* GM - "PM" - HELP - USER NAME */
#DiscussTopic table:first-of-type .Who:first-of-type + .Said h4 > a:last-of-type ,
#GoodStuff #DiscussTopic .TopicReply .Said h4 a {
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
}
#DiscussTopic table.TopicReply tr h4 a {
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
}
/* GM - "PM" - ICON */
.comment-head>span+span b a:visited.fpmLink:after {
color: red ;
}
.comment-head>span+span b a.fpmLink:after {
top: 16px ;
color: gray ;
}
/* GM - "PM" - SET/ALB */
.fluid.html-album-page-view .album-header-content .attribution-view .avatar.person.medium b {
position: absolute;
display: inline-block ;
width: 464px ;
left: -10px !important;
top: 6.5vh !important;
text-align: center !important;
}
.fluid.html-album-page-view .album-header-content .attribution-view .avatar.person.medium b a[href^="http://www.flickriver.com/"] {
width: 20px !important;
}
/* GM - "PM" - HEADER - PROF - USER NAME - FOR GM "PM" - ICONS */
.person>h1>span + span {
position: absolute;
top: 28px !important;
}
.person>h1>span + span {
position: absolute !important;
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
width: 20px !important;
padding-right: 25px !important;
padding-bottom: 0px !important;
left: 0px !important;
top: 55px !important;
margin-top: 0px !important;
visibility: visible!important;
transform: scale(0.7) !important;
transition: transform ease 0.7s !important;
white-space: nowrap !important;
overflow: hidden !important;
z-index: 5000 !important;
border: 1px solid gold !important;
}
.person>h1>span + span:hover {
position: absolute !important;
display: inline-block !important;
height:20px !important;
min-width: 740px !important;
padding-bottom: 0px !important;
left: -100px !important;
margin-top: 0px !important;
visibility: visible!important;
transform: scale(0.9) !important;
transition: transform ease 0.7s !important;
}
/* A SUPP ??? - GM - "PM" - PHOT */
#photo-story-attribution + span {
position: relative !important;
left: -8px !important;
top: -30px !important;
color: transparent !important;
}
#photo-story #photo-story-attribution+ span b {
position: relative !important;
color: transparent !important;
white-space : nowrap !important;
}
/* GM - "PM" - CTS PAGE */
table.contact-list-table td.contact-list-bicon {
padding: 3px 5px;
vertical-align: top ;
width: 34px ;
}
table.contact-list-table td.contact-list-bicon img {
height: 34px ;
width: 34px ;
}
/* GM - "PM" - CTS */
table.contact-list-table td.contact-list-name a:first-of-type + span {
position: absolute ;
display: inline-block ;
width: 680px ;
min-height: 20px ;
max-height: 20px ;
line-height: 15px ;
left: 45px ;
margin-top: 15px ;
font-size: 10px ;
cursor: pointer ;
visibility: hidden ;
}
table.contact-list-table td.contact-list-name a:first-of-type + span:hover {
position: absolute ;
display: inline-block ;
width: 680px ;
min-height: 20px ;
max-height: 20px ;
left: 0px ;
margin-top: 15px ;
line-height: 15px ;
font-size: 10px ;
cursor: pointer ;
visibility: visible ;
transform: scale(0.9) ;
}
table.contact-list-table td.contact-list-name a:first-of-type + span:before {
content: "PM ▶" ;
position: relative ;
display: inline-block ;
width: 100% ;
min-width: 30px ;
max-width: 30px ;
min-height: 15px ;
max-height: 15px ;
line-height: 15px ;
margin-left: -40px ;
margin-top: 0px ;
font-size: 10px ;
cursor: pointer ;
visibility: visible ;
transform: scale(1) ;
}
/* GM "PM" for icon FLICKRIVER - in ALBUM /SETS - === */
.attribution-view.album-attribution a[href^="http://www.flickriver.com/"] {
position: relative !important;
display: inline-block !important;
width: 170px !important;
left: 65px !important;
top: 0px !important;
}
/* END == GM "PM" ==== */
/* START == GM "CROSS-RECOMMENDATION" ==== */
/* GM - "CROSS-RECO" - PHO - BOT RIGHT SID */
#FCR_main {
position: fixed !important;
display: inline-block !important;
width: 40px !important;
height: 52px !important;
margin-top: 0px !important;
right: 542px !important;
top: -15px !important;
padding: 0px 0 0px 30px !important;
border-bottom: 1px solid gray !important;
text-align: center !important;
transform: scale(0.32) !important;
transition: background ease 0.7s , padding ease 0.1s !important;
overflow: hidden !important;
z-index: 50009999 !important;
color: gold !important;
background: black !important;
}
#FCR_main #FCR_photos {
visibility: hidden !important;
}
#FCR_main:hover {
width: 564px !important;
height: auto !important;
margin-top: 22px !important;
right: 4px !important;
top: -40px !important;
border-radius: 0 0 0 5px !important;
padding: 50px 10px 90px 10px !important;
transform: scale(1) !important;
box-shadow: -7px 10px 8px black !important;
text-align: center !important;
transition: background ease 0.7s , padding ease 0.7s !important;
border: 1px solid red !important;
}
#FCR_main:hover #FCR_photos {
visibility: visible !important;
}
#FCR_main:not(:hover):after {
content: "CR" ;
position: fixed ;
display: inline-block ;
width: 20px ;
height: 20px ;
margin-top: 22px ;
right: 23px ;
top: -7px ;
padding: 2px ;
border-radius: 5px ;
text-align: center ;
cursor: context-menu ;
overflow: hidden ;
transform: scale(2) ;
z-index: 59999 ;
visibility: visible ;
transition: background ease 4s ;
}
#FCR_main:hover:after {
content: "CRoss Recomendations ..." ;
position: fixed ;
display: inline-block ;
width: 200px ;
height: 20px ;
margin-top: 22px ;
right: 380px ;
top: -2px ;
padding: 2px ;
border-radius: 0 0 5px 0 ;
text-align: center ;
color: peru ;
cursor: context-menu ;
overflow: hidden ;
transform: scale(1) ;
z-index: 59999 ;
opacity: 0.7 ;
transition: background ease 0.8s ;
}
#FCR_main > a {
margin-right: 0 !important;
}
#FCR_main > a > img {
position: relative !important;
display: inline-block !important;
width: 100% !important;
max-width: 75px !important;
min-width: 75px !important;
max-height: 75px !important;
min-height: 75px !important;
margin-top: 24px !important;
margin-bottom: -25px !important;
outline: 1px solid grey !important;
}
/* NO IMAGE */
#FCR_photos a>img[title=""] {
line-height: 67px;
max-width: 96px;
}
/* END == GM "CROSS-RECOMMENDATION" ==== */
/* START == GM "Quick Intersting" ==== */
a#tag_person_link:visited {
color: red !important;
}
a[id^="personmenu_"]:visited {
color: red !important;
}
/* END == GM "Quick Intersting" ==== */
/* START == GM "Com ON" ==== */
.ju .row [id^="FCO-photo-"] a {
height: 15px !important;
}
/* GM - "Com ON" - SUPP - "from"/by" - POOL - === */
.PoolList ,
#pool-photos.sm .meta ,
.group-content-wrapper #div_hold_photos.HoldPhotos #pool-photos.sm .meta {
color: transparent !important;
}
/* GM - "Comm ON" - COM ICON - RED ICON */
[alt="Yay! You've commented on this photo!"] {
background: url(data:image/x-icon;base64,AAABAAEAEBAQAAAAAAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAA8vD3AHBsaABbD/UAcGxnAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAEQAAAAAAAREM0QAAAAAQzMzM0AAAAAjERETQAAAACMzMzNAAAAAIxERM0AAAAAjMzMzQAAAAAIiIiQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAA//8AAP//AAD+/wAA/n8AAPAfAADgDwAA4A8AAOAPAADgDwAA4A8AAPAfAAD//wAA//8AAP//AAD//wAA) no-repeat!important;
position: relative !important;
height: 16px !important;
width: 0 !important;
margin-left:5px !important;
padding: 0px 0px 0px 25px !important;
border-radius: 5px !important;
}
[alt="Yay! You've commented on this photo!"] a:hover {
background:transparent !important;
color: grey !important;
text-decoration: none;
}
/* GM - "Com ON" - NO COM ICON - GREY */
[alt="Go ahead! Make my day! (by commenting)"] {
background: url(data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAACmn5cAAAAAAHBsaABwbGcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQMBAQEBAQEBAQEBAQEBAQEDAwEBAQEBAQEBAQEBAwMDAQEDAwEBAQEBAQEBAwEBAQEBAQEDAQEBAQEBAQIBAAAAAAABAwEBAQEBAQECAQEBAQEBAQMBAQEBAQEBAgEAAAAAAQEDAQEBAQEBAQIBAQEBAQEBAwEBAQEBAQEBAgICAgICAwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf//AAD//wAA//8AAP7/AAD+fwAA8Z8AAO/vAADoLwAA7+8AAOhvAADv7wAA8B8AAP//AAD//wAA//8AAP//AAA=) no-repeat!important;
position: relative !important;
width: 0 !important;
height: 16px !important;
padding: 0px 0px 0px 25px !important;
margin-left:5px !important;
border-radius: 5px !important;
}
[alt="Go ahead! Make my day! (by commenting)"] a:hover {
text-decoration: none;
background:transparent !important;
background-color: transparent !important;
color: gray !important;
}
/* GM - "Com ON" - RETRIEV COM ICON - BLACK/RED + FLECHE */
[title="retrieving"] {
background: url(data:image/x-icon;base64,AAABAAEAEBAQAAAAAAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAwybRABIQEgBwbGgAcGxnAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAEQAAAAAAAREIkQAAAAAQiIhIkAAAAAyIiESQAAAAEIRERFAAAAAMiIhEkAAAAAyIiEiQAAAAAMzRDQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAA//8AAP//AAD+/wAA/n8AAPAfAADgDwAA4A8AAOAPAADgDwAA4A8AAPAfAAD//wAA//8AAP//AAD//wAA) no-repeat!important;
position: relative !important;
width: 0 !important;
height: 16px !important;
padding: 0px 0px 0px 25px !important;
border-radius: 5px !important;
}
[alt="Go ahead! Make my day! (by commenting)"] a:hover {
background:transparent !important;
}
[title="retrieving"] a:hover {
background-color: transparent !important;
color: grey !important;
text-decoration: none;
}
/* GM - "Com ON" - COUNT */
[id^="FCO-image-count"] {
color: #7D3636 !important;
z-index: 10 !important;
}
/* GM - "Commented ON" - POOL JU + HOVER */
.ju .row [id^="FCO-photo-"] {
position: absolute !important;
display: inline-block;
height: 11px !important;
width: 17px !important;
left: 10px;
top: 93% !important;
padding-right: 10px !important;
padding-bottom: 3px !important;
transform: scale(1.5) !important;
z-index: 10000 !important;
}
.ju .row .FCO-gradient + span {
position: relative !important;
display: inline-block !important;
height: 10px !important;
left: -11px !important;
top: 0px !important;
transform: scale(1.6) !important;
}
.ju .row .FCO-gradient {
height: 15px !important;
transform: scale(1.6) !important;
}
/* (new225COM) ERROR */
.ju .row .FCO-gradient[alt^="Error"] {
opacity: 0.2 !important;
transform: scale(1) !important;
}
.ju .row .FCO-gradient:hover + span {
color: white !important;
}
/* GM - "Com ON" - TOP PAGE - ICON COMM + COUNT */
#primary-column #nav ul a img[id^="FCO-image-"] {
position: relative !important;
top: 5px !important;
margin-left: -245px !important;
}
#primary-column #nav ul a span[id^="FCO-image-count-"] {
position: relative;
display: inline;
left: -13px !important;
top: 0 !important;
padding: 0;
border-right: 0 none;
color: white;
font-size: 74% !important;
z-index: 2;
}
/* (A SUPP) NO MATCH - GM - "Com ON" - PHOT */
#button-bar + #stats_ul .stat-item img[alt="Yay! You\'ve commented on this photo!"]{
margin-left: 10px ! important;
margin-bottom: -1px !important;
margin-top: 4px !important;
transform: scale(1.7) ! important;
}
#button-bar + #stats_ul .stat-item:first-of-type >a[href*="comment"] {
display: inline-block !important;
height: 24px !important;
line-height: 24px !important;
margin-left: -24px !important;
margin-right: -2px !important;
width: 27px !important;
background-image: url("https://s.yimg.com/pw/images/sprites/icons-s4c98afa979.png")! important;
background-position: -0px -854px !important;
}
#button-bar + #stats_ul .stat-item img[alt="Go ahead! Make my day! (by commenting)"] {
background: none! important;
background-color: transparent !important;
}
#button-bar + #stats_ul .stat-item#fave-count a {
display: inline-block !important;
height: 24px !important;
line-height: 24px !important;
margin-left: 25px !important;
background-color: transparent !important;
background-image: url("https://s.yimg.com/pw/images/sprites/icons-s4c98afa979.png")! important;
background-position: 0 -168px !important;
background-repeat: no-repeat;
}
#photo #photo-container #photo-actions #action-buttons-right ul#stats_ul li.stat-item a span[id^="FCO-image-count-"] {
position: absolute !important;
left: -3px ! important;
top: 0px !important;
font-size: 15px !important;
color: white! important;
}
/* ==== GM "Com ON" - SQUARE ==== */
/* GM - "Com ON" - SQUARE (sq) - ARCH/CTS/SET - POOL(?)/FAV(?)NOT ACTIVE YET */
/* GM - "Com ON" - SQUARE (sq) - POOL/FAV/SET/CTS - COM ICON / COUNT - === */
#pool-photos.sq [id^="FCO-photo-"] ,
#faves.sq [id^="FCO-photo-"] ,
#ViewSet #setThumbs.sq [id^="FCO-photo-"] ,
#thumbnails.sq .contact [id^="FCO-photo-"] {
position: relative !important;
display: inline-block !important;
border: 1px solid transparent !important;
border-radius: 5px !important;
height: 11px !important;
width: 16px !important;
top: 1px !important;
opacity: 0.5 !important;
}
#pool-photos.sq [id^="FCO-photo-"] ,
#faves.sq [id^="FCO-photo-"] {
left: -30px !important;
}
#thumbnails.sq.narrow .contact [id^="FCO-photo-"] {
top: 25px !important;
left: -42% !important;
}
#pool-photos.sq [id^="FCO-photo-"]:hover ,
#faves.sq [id^="FCO-photo-"]:hover ,
#ViewSet #setThumbs.sq [id^="FCO-photo-"]:hover ,
#thumbnails.sq .contact [id^="FCO-photo-"]:hover {
border: 1px solid #333333 !important;
opacity: 1 !important;
}
#pool-photos.sq [id^="FCO-photo-"] a img ,
#faves.sq [id^="FCO-photo-"] a img ,
#ViewSet #setThumbs.sq [id^="FCO-photo-"] a img ,
#thumbnails.sq .contact [id^="FCO-photo-"] a img {
position: absolute!important;
display: block !important;
width: 0 !important;
top: -1px !important;
left: -8px !important;
margin-top: -1px !important;
}
#pool-photos.sq [id^="FCO-image-count-"] ,
#faves.sq [id^="FCO-image-count-"] ,
#ViewSet #setThumbs.sq [id^="FCO-image-count-"] ,
#thumbnails.sq .contact [id^="FCO-image-count-"] {
position: absolute !important;
height: 12px !important;
width: 0px !important;
left: -41px !important;
top: 5px !important;
padding-left: 51px !important;
}
/* GM "Com ON" - SMALL */
/* GM - "Com ON" - SMALL - POOL - MAIN PAGE - COM ICON/COUNT */
.group-content-wrapper #pool-photos.sm .thumb [id^="FCO-photo-"]{
position: relative !important;
display: inline-block !important;
top: 9px !important;
margin-left: 82% !important;
border: 1px solid transparent !important;
border-radius: 5px !important;
z-index: 100 !important;
opacity: 0.5 !important;
}
.group-content-wrapper #pool-photos.sm .thumb [id^="FCO-photo-"]:hover {
border: 1px solid gray !important;
opacity:1 !important;
}
.group-content-wrapper #pool-photos.sm a [id^="FCO-image-count-"] {
position: absolute !important;
display: block !important;
left: 12px !important;
top: -2px !important;
}
/* (new223COM) GM - "Com ON" - SMALL - POOL */
#pool-photos.sm [id^="FCO-photo-"] {
position: relative !important;
display: block !important;
border: 1px solid transparent !important;
border-radius: 3px !important;
width: 14px !important;
height: 12px !important;
top: 1.5px !important;
margin: -1vh 0 0 4px !important;
z-index: 510 !important;
opacity: 0.5 !important;
}
#pool-photos.sm [id^="FCO-photo-"]:hover {
border: 1px solid gray !important;
opacity: 1 !important;
}
#pool-photos.sm [id^="FCO-photo-"] a img {
position: absolute!important;
display: block !important;
width: 0 !important;
top: -1px !important;
left: -9px !important;
margin-top: -1px !important;
}
#pool-photos.sm [id^="FCO-image-count-"] {
position: absolute !important;
display: block !important;
left: 8px !important;
top: 7px !important;
}
/* GM - "Com ON" - SMALL - FAV/CTS */
#faves.sm [id^="FCO-photo-"] ,
.HoldPhotos p.RecentPhotos [id^="FCO-photo-"] ,
#thumbnails.sm [id^="FCO-photo-"] {
position: relative !important;
display: block !important;
border: 1px solid transparent !important;
border-radius: 5px 5px 5px 5px !important;
width: 20px !important;
height: 13px !important;
margin-top: -15px !important;
top: 19px !important;
z-index: 510 !important;
opacity: 0.5 !important;
}
.HoldPhotos p.RecentPhotos [id^="FCO-photo-"] {
margin-left: 10px !important;
}
#faves.sm [id^="FCO-photo-"]:hover ,
.HoldPhotos p.RecentPhotos [id^="FCO-photo-"]:hover ,
#thumbnails.sm [id^="FCO-photo-"]:hover {
border: 1px solid gray !important;
opacity: 1!important;
}
#faves.sm [id^="FCO-photo-"] a img ,
.HoldPhotos p.RecentPhotos [id^="FCO-photo-"] a img ,
#thumbnails.sm [id^="FCO-photo-"] a img {
display: block !important;
position: absolute !important;
width: 0 !important;
left: -9px !important;
margin-top: -1px !important;
top: -1px !important;
}
#faves.sm [id^="FCO-image-count"] ,
.HoldPhotos p.RecentPhotos [id^="FCO-image-count-"] ,
#thumbnails.sm [id^="FCO-image-count-"] {
position: absolute !important;
display: block !important;
left: 8px !important;
top: 6px !important;
}
/* == END == GM "COM ON" ==== */
/* == GM "Number of FAVS on Photostream Pages and Pool Pages" GM - "N.FAvs" ==== */
/* GM - "N.FAvs" - ALL */
.nof_stats {
position: relative !important;
display: inline-block !important;
height: 13px !important;
border: 1px solid transparent !important;
border-radius: 5px !important;
font-size: 10px !important;
color: transparent !important;
}
.nof_stats:hover {
border: 1px solid #302B2B !important;
border-radius: 5px !important;
}
/* GM - "N.FAvs" - JU ALL - === */
.ju .row .pool-photo .nof_stats {
position: absolute !important;
display: inline-block !important;
min-width: 150px !important;
height: 15px !important;
line-height: 15px !important;
vertical-align: text-bottom !important;
top: 325px !important;
left: 35% !important;
border: 1px solid transparent !important;
border-radius: 5px !important;
font-size: 10px !important;
color: transparent !important;
transform: scale(1.1) !important;
}
/* (new225COM) GM - "N.FAvs" - ALL - FAV COUNT HOVER */
.nof_fave_contributed {
display: inline-block !important;
padding: 0 2px !important;
max-height: 12px !important;
min-height: 12px !important;
line-height: 12px !important;
border-radius: 3px !important;
background: brown !important;
}
/* GM - "N.FAvs" - ALL - COUNT */
.nof_stats a {
margin: 0 auto !important;
}
/* GM - "N.FAvs" - SQUARE (sq) - POOL/FAV/SET */
#pool-photos.sq [id^="photo-story-stats-"] ,
#faves.sq [id^="photo-story-stats-"] ,
#setThumbs.sq [id^="photo-story-stats-"] {
position: relative !important;
display: inline-block !important;
line-height: 9px !important;
width: 55px !important;
top: -19px !important;
left: 10% !important;
height: auto !important;
padding: 0 2px !important;
text-align: center !important;
}
#setThumbs.sq [id^="photo-story-stats-"] {
left: 20% !important;
}
#setThumbs.sq.is_own [id^="photo-story-stats-"] {
top: -23px !important;
}
/* GM - "N.FAvs" - SMALL (sm) - POOL - MAIN PAGE */
.group-content-wrapper #div_hold_photos.HoldPhotos #pool-photos.sm #photo-display-container .pool-photo [id^="photo-story-stats"].nof_stats {
position: relative ! important;
display: inline-block ! important;
width: 100% ! important;
height: 15px ! important;
margin-top: -2px !important;
top: -5px ! important;
margin-left: -10px !important;
}
#pool-photos.sm .pool-photo [id^="nof_"] {
margin-right: -4px !important;
}
#pool-photos.sm .pool-photo [id^="nof_"]:first-of-type {
margin-left: -1px !important;
}
/* (new225COM) GM - "N.FAvs" - SMALL (sm) - POOL/FAV/SET/ARCH - (Without ICONs : my SET option "SHORT ABDREVATION") */
#pool-photos.sm .nof_stats ,
#faves.sm .fave .nof_stats ,
#setThumbs.sm .nof_stats {
position: relative !important;
display: inline-block !important;
vertical-align: top !important;
height: auto !important;
line-height: 10px !important;
width: 100% !important;
margin: 0px 0 0 0 !important;
left: 1px !important;
border: none !important;
}
/* END == GM - "N.FAvs" ==== */
/* START == GM "QUICK COM ==== */
/* SIDEBAR - ADD COM - === */
#photo-details.clearfix .hide-during-preview {
margin-left: -66px !important;
margin-top: -10px !important;
margin-bottom: -25px !important;
}
#photo-details.clearfix #arse form[name="sfcommentform"] {
position: relative !important;
display: inline-block !important;
height: 22px !important;
width: 340px !important;
left: -65px !important;
top: -2px !important;
}
/* END == GM "QUICK COMMENTS ==== */
/* START == GM "SHOWALLGROUPS" ==== */
/* GM - "SHOWGRPS" - SQUARE ICON - ==== */
.text-list.profile-paginator-page li span + a {
position: absolute !important;
display: inline-block ! important;
height: 15px !important;
line-height: 17px !important;
width: 12px !important;
left: 1px !important;
top: -3px !important;
text-align: center !important;
}
/* END == GM "SHOWGRPS" ==== */
/* START == GM "Flickr Non-Reciprocal Contacts Finder" ==== */
.contact-list-name a[style="color: green;"] ~ span.contact-list-nofullname a ,
.contact-list-name a[style="color: green;"] ~ span.contact-list-fullname a ,
.contact-list-name a[style="color: green;"] {
color: green !important;
}
.contact-list-name a[style="color: green;"]:after {
content:" ► [ Added you as a friend ]" ;
font-size: 12px ;
color: green ;
}
.contact-list-name a[style="color: purple;"] ~ span.contact-list-nofullname a ,
.contact-list-name a[style="color: purple;"] ~ span.contact-list-fullname a ,
.contact-list-name a[style="color: purple;"] {
color: purple ;
}
.contact-list-name a[style="color: purple;"]:after {
content:" ► [ Added you as a family ]" !important;
font-size: 12px ;
color: purple ;
}
.contact-list-name a[style="color: blue;"] ~ span.contact-list-nofullname a ,
.contact-list-name a[style="color: blue;"] ~ span.contact-list-fullname a ,
.contact-list-name a[style="color: blue;"] {
color: blue !important;
}
.contact-list-name a[style="color: blue;"]:after {
content:" ► [ Not added you not as family or friend ]" ;
font-size: 12px ;
color: blue ;
}
/* GM - "Flickr Non-Reciprocal Contacts Finder" - === */
.contact-list-name a[style="color: red;"] ~ span.contact-list-nofullname a ,
.contact-list-name a[style="color: red;"] ~ span.contact-list-fullname a ,
.contact-list-name a[style="color: red;"] {
color: red !important;
}
#Main table.contact-list-table tbody tr td.contact-list-name a:link[style="color: red;"]:before {
content: " 🚫 ► " ;
color: red ;
}
/* END == GM "Flickr Non-Reciprocal Contacts Finder" ==== */
/* START == GM "BUDDY INT" == */
/* GM - "BUD INT" - POPUP - 622 pics - MESS/MAIL/HELP/PEND */
.popup {
position: fixed;
width: 1870px !important;
height: auto !important;
max-height: 895px !important;
top: 5px !important;
left: 1% ! important;
padding: 20px 5px 5px 5px !important;
border: 1px solid GRAY !important;
border-radius: 5px 5px 5px 5px !important;
z-index: 1000 !important;
overflow: hidden ;
overflow-y: auto ;
}
.popup ul {
margin: 0px 0 15px 0 !important;
padding: 0;
}
.popup ul + a {
position: fixed !important;
display: inline-block!important;
height: 20px !important;
width: 400px ;
top: 1px ;
left: 806px ;
padding: 0 4px !important;
border-radius: 5px !important;
}
.popup[style^="padding-top: 20px;"] ul li a span ,
.popup[style^="padding-top: 20px;"] ul li a ,
.popup[style^="padding-top: 20px;"] ul li{
font-size: 0 !important;
}
/* (new306) COR */
.popup ul >li {
display: inline;
/*margin: 0;*/
padding: 0 2px !important;
}
.popup>ul>li:last-of-type img:after {
position: absolute ;
display: inline-block ;
float: none ;
margin-top: 10px ;
content: "XXX" ;
font-size: 50px ;
z-index: 1000000 ;
}
/* (new296) BUD MENU */
#personmenu_down_menu #tag_person_link[href="javascript:;"] {
height: 1.5vh !important;
}
/* CLOSE */
.popup a[href="javascript:;"] {
height: 20px !important;
font-size: 0px !important;
}
.popup a[href="javascript:;"]:before {
content: "Close INTERESTING Popup" ;
height: 20px ;
font-size: 15px ;
}
/* (new311) GM - BUDUY INTERST - in MENU - WHEN NO TEXT */
#personmenu_down_menu #person_menu_other_div a.block[href="javascript:;"]::before {
position: absolute !important;
content: 'Quick Interestingness' !important;
color: peru !important;
}
/* START === GM "View on FlickrRiver" ==== */
/* IN POOL */
.subnav-middle>span {
position: absolute ;
top: 10px ;
right: 68px;
}
/* IN PHO */
.fluid.html-photo-page-scrappy-view .attribution-view.photo-attribution.is-real-fullscreen.is-always-hidden .attribution-info>span ,
.fluid.html-photo-page-scrappy-view .attribution-info>span {
position: fixed !important;
display: inline-block !important;
float: none !important;
height: 15px !important;
line-height: 15px !important;
top: 209px !important;
font-size: 14px !important;
background: transparent !important;
opacity: 1 !important;
visibility: visible !important;
}
/* (new309) CSS NEW HAS() */
.fluid.html-photo-page-scrappy-view .attribution-view.photo-attribution.is-real-fullscreen.is-always-hidden .attribution-info > span:has(a[href^="http://www.flickriver.com"]) ,
.fluid.html-photo-page-scrappy-view .attribution-info > span:has(a[href^="http://www.flickriver.com"]){
position: fixed !important;
display: inline-block !important;
height: 15px !important;
top: 131px !important;
left: 1434px!important;
padding: 0 3px !important;
border-radius: 3px !important;
font-size: 12px !important;
opacity: 1 !important;
visibility: visible !important;
color: peru !important;
background: #333 !important;
/*border: 1px solid aqua!important;*/
}
/* GM - "F.F.S" - Visible on HOVER ONLY */
.attribution-info > span:not(:hover) a span:not(.avatar):not(.title) {
display: inline-block !important;
text-shadow: unset !important;
color: peru !important;
background: unset !important;
transition: all ease 0.7s !important;
}
.attribution-info > span:hover a span {
display: inline-block !important;
transition: all ease 0.7s !important;
}
.attribution-info > span a:hover,
.attribution-info > span a:visited:hover {
color: #b9d56e !important;
text-decoration: none !important;
}
.attribution-info > span a:visited span {
color: tomato !important;
}
/* END ==== GM "View on FlickrRiver ==== */
/* START == GM "POOL DATE ADDED" ==== */
.dateoverlay {
position: absolute;
display: inline-block !important;
width: 100% !important;
height: 28px !important;
line-height: 28px !important;
top: 107% !important;
margin-left: 0% !important;
padding-right: 20px !important;
text-align: left !important;
text-shadow: 1px 1px 0 black;
font-size: 24px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
cursor: pointer !important;
color: transparent !important;
}
/* ➨ \27A8 */
.dateoverlay:before {
position: relative ;
content: "➨ " ;
color: gray ;
width: 5px ;
height: 28px ;
font-size: 24px ;
left: 0px ;
padding: 3px ;
transform: scale(2) ;
}
/* END = GM "POOL DATE ADDED" ==== */
/* START == GM "CONTACTS ORGANIZER" - NOT IN USE ? ==== */
a.poplnk:link {
position: relative !important;
display: block !important;
width: 15px !important;
left: -40px !important;
top: 18px !important;
border-radius: 5px !important;
padding: 0 15px !important;
}
/* END ==== GM "CONTACTS ORGANIZER" ==== */
/* ==== END - URL PREF - GM ADAPTATION */
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog[style*="max-height: 888px;"] .content.html-only .c-rotations li {
display: inline-block !important;
height: auto !important;
width: 29% !important;
padding: 30px 5px;
margin: 0px 10px 0px 0 !important;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog[style*="max-height: 888px;"] .content.html-only .c-rotations li img {
display: inline-block !important;
width: 158px !important;
}
/* COM ITEMS - BR SPACE */
.sub-photo-comments-view .comments .comment .comment-content>br {
display: block !important;
margin-bottom: -1px !important;
}
/* PHO - COM - MORE */
.sub-photo-comments-view .order-chronological .comments-more {
font-size: 14px;
text-align: left;
}
.sub-photo-comments-view .order-chronological .comments-more:hover ,
.sub-photo-comments-view .order-chronological .comments-more {
position: fixed !important;
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
width: 70px !important;
right: 518px !important;
top: 196px !important;
padding: 0 !important;
border-radius: 0 0 3px 3px !important;
font-size: 10px !important;
text-align: center !important;
visibility: visible !important;
z-index: 0 !important;
overflow: hidden ;
opacity: 0.4 !important;
color: gold !important;
background: rgba(0, 0, 0, 0.63) !important;
}
.sub-photo-comments-view .order-chronological .comments-more:hover {
height: auto !important;
opacity: 1 !important;
overflow: visible ;
}
.sub-photo-comments-view .order-chronological .comments-more:before {
content: "🗨 +" ;
font-weight: bold ;
font-size: 15px ;
cursor: pointer ;
}
/* == END == COMMENTS REVERS ORDER ==== */
/* ================ END FLICKR.com GENERAL =========== */
}
@-moz-document url-prefix("https://www.flickr.com/help/forum/") {
/* Help Forum - START ==== */
/* HEP FORUM DEPRECATED */
.top-banner.deprecated {
position: fixed !important;
display: inline-block;
width: 20vw;
height: 2vh !important;
top: 0vh !important;
left: 35px;
right: 0 !important;
margin: 0 0 0 0 !important;
z-index: 5000 !important;
background-color: #e2292b;
}
.top-banner.deprecated .banner-content {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0 0 0 0 !important;
padding: 0 5px !important;
text-align: left;
}
.top-banner.deprecated .banner-content .message-container {
margin: 0px !important;
}
.top-banner.deprecated .banner-content .message-container p {
width: 100% !important;
height: 2vh !important;
margin: 0;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
font-size: 14px;
color: silver !important;
}
/* HOVER */
.top-banner.deprecated:hover {
height: auto !important;
background-color: #e2292b;
}
.top-banner.deprecated:hover .banner-content .message-container p {
height: auto !important;
margin: 0;
white-space: normal !important;
overflow: visible !important;
color: silver !important;
}
/* HELP FORUM */
#Feeds {
display: none !important;
}
html.styleguide body.new-header {
position: relative;
box-sizing: border-box;
display: inline-block;
width: 100% !important;
height: 99vh !important;
min-height: 99vh !important;
max-height: 100vh !important;
padding: 0 !important;
overflow: hidden !important;
overflow-x: hidden;
overflow-y: auto !important;
/* background-color: red !important; */
}
#global-nav + #Main {
position: absolute !important;
display: inline-block !important;
height: 99.7vh !important;
width: 100% !important;
max-width: 99.9% !important;
min-width: 99.9% !important;
margin: 0 !important;
left: 0 !important;
right: 0 !important;
overflow: hidden !important;
/* border: 1px solid aqua !important; */
}
#global-nav + #Main > table:not(.TopicListing) {
display: inline-block !important;
height: 97vh !important;
width: 100% !important;
margin: -0.4vh 0 0 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
/* border: 1px solid yellow !important; */
}
#Main > h1 {
width: 1400px ;
left: 422px !important;
top: 2px !important;
margin-bottom: 5px;
font-size: 17px ;
}
/* HELP - EDIT TOPIC */
#Main table tbody tr td#Hint + #GoodStuff>h3 ,
#Main table tbody tr td#Hint + #GoodStuff>h4 {
width: 100% !important;
max-width: 600px !important;
min-width: 600px !important;
margin: 40px 0 0 100px !important;
left: 5px !important;
padding: 2px 5px !important;
text-align: center !important;
border: 1px solid red ;
}
#Main table tbody tr td#Hint + #GoodStuff>h4 {
margin: 2px 0 0 100px !important;
}
/* HELP - EDIT TOPIC - EDIT */
#GoodStuff>form[action^="/help/forum/"][action$="/edit/"] {
position: relative !important;
display: inline-block !important;
width: 100% !important;
height: auto !important;
min-height: 645px !important;
max-width: 750px !important;
min-width: 750px !important;
top: 25px !important;
left: -328px !important;
border-radius: 0px !important;
padding: 20px 5px 5px 5px !important;
text-align: left !important;
border: 1px solid gray ;
}
#GoodStuff>form[action^="/help/forum/"] textarea {
max-width: 730px !important;
min-width: 730px !important;
min-height: 150px !important;
padding: 5px !important;
}
/* HELP - EDIT TOPIC - PREVIEW */
#GoodStuff .Preview {
position: absolute ;
width: 500px ;
min-height: 840px ;
max-height: 840px ;
top: 40px !important;
right: 32px ;
padding: 15px ;
}
/* HELP - FEEDS */
#Feeds {
position: absolute !important;
bottom: 0 !important;
}
/* == END == URL-PREF - HELP ==== */
}
@-moz-document url-prefix("https://www.flickr.com/help/forum/activity/") {
/* Help Forum - Your Activity */
/* HELP - YOUR DISC */
#Main {
position: relative;
display: inline-block;
max-height: 99.5vh;
min-width: 100%;
top: 0;
overflow: hidden;
overflow-y: auto !important;
}
#Main > h1 {
height: 32px;
line-height: 32px;
min-width: 100% !important;
left: 0 !important;
margin: 0px;
padding-left: 70px !important;
font-size: 17px;
background: #111 !important;
}
#Main>form {
position: fixed !important;
width: 850px;
left: 550px;
margin: 0;
padding: 0;
top: 4px !important;
z-index: 500;
}
.Separate ,
.SortOptions {
width: 400px;
max-height: 28px !important;
line-height: 25px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 5px 5px 0 0 !important;
font-size: 15px !important;
text-align: center !important;
background: #333 !important;
border: 1px solid red !important;
}
.Separate {
float: left;
}
.SortOptions {
float: right !important;
}
.ForumPost {
width: 32% !important;
height: 230px !important;
clear: none!important;
float: left !important;
margin-left: 5px ;
margin-right: 5px ;
padding: 5px ;
overflow: hidden ;
border: 1px solid red;
}
.ForumPost h2 {
font-size: 15px ;
}
.ForumPost h2 a {
display: inline-block;
width: 100%;
max-width: 600px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ForumPost ul {
margin-bottom: 0;
margin-top: 3px;
height: 166px;
overflow: hidden;
overflow-y: auto;
border: 1px solid tan;
}
/* END == URL PREF - HELP FORUM - YOUR ACTIVITY === */
}
@-moz-document url("htps://www.flickr.com/invite/") {
/* POOL INVITE Page - Detailled
htps://www.flickr.com/invite/
== */
form#invite_form[action="/invite/"] {
height: 88vh !important;
margin: 6vh 0 0 0 !important;
padding: 0px;
background-color: #333 !important;
}
form#invite_form[action="/invite/"] > table:first-of-type {
position: absolute !important;
/*display: inline-block !important;*/
float: left !important;
clear: both !important;
height: auto !important;
width: 54.5% !important;
top: 3.8vh !important;
left: 420px !important;
margin: 0vh 0px 0 0 !important;
padding: 0px;
z-index: 500000 !important;
background-color: #111 !important;
border-bottom: 4px solid yellow !important;
}
form#invite_form[action="/invite/"] table td {
border-right: 1px solid red !important;
}
form#invite_form[action="/invite/"] > table:last-of-type {
/*display: inline-block !important;*/
float: left !important;
clear: both !important;
height: auto !important;
width: 20% !important;
margin: 1vh 20px 0 0 !important;
padding: 0px;
}
form#invite_form[action="/invite/"] > table:last-of-type tr td#Hint {
position: relative !important;
display: inline-block;
height: auto;
width: 415px;
top: 0px !important;
margin-top: -8px !important;
padding-top: 5px;
border-radius: 5px;
text-align: left !important;
background: #111 !important;
}
form#invite_form[action="/invite/"] > table:last-of-type tr td#Hint h3 {
margin: 0px !important;
padding: 0 !important;
text-align: center !important;
}
form#invite_form[action="/invite/"] > table:last-of-type tr td#Hint #basicInvites {
margin: 0px !important;
padding: 0 !important;
text-align: left !important;
}
form#invite_form[action="/invite/"] > table:last-of-type tr td#Hint #basicInvites p {
margin: 0px !important;
padding: 0 !important;
text-align: left !important;
}
#Main table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) h3{
margin: 12vh 0 -6vh 0 !important;
padding: 0 0 0 100px !important;
text-align: left !important;
font-size: 18px;
}
#Main table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) #invite-content {
width: 70% !important;
margin: 7vh 0 0 0 !important;
padding: 0 0 0 100px !important;
text-align: left !important;
}
#Main table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) #invite-content .InvitePreview{
width: 58% !important;
margin: 0vh 0 0 0 !important;
background-color: #111 !important;
}
#Main table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) #invite-content > p{
width: 61% !important;
margin: 0 0 5px 0 !important;
padding: 0 0 0 20px !important;
background-color: #222 !important;
}
/* INVITE PAGE - DETAILLED PAGE (new297) == END- URL-PRF */
}
@-moz-document url("https://www.flickr.com/groups_pending.gne") {
/* POOL INVITE Pending - Decline page
https://www.flickr.com/groups_pending.gne
=== */
#Main h1#Tertiary + table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) {
position: relative !important;
display: inline-block;
width: 909px !important;
width: 70% !important;
height: 100% !important;
min-height: 70vh !important;
max-height: 70vh !important;
left: 250px;
top: 0px;
margin-top: 20px;
padding: 0;
text-align: center !important;
border-radius: 5px !important;
overflow: hidden !important;
border: 1px solid red !important;
}
#GoodStuff > form[action="groups_pending.gne"] {
display: inline-block !important;
width: 100% !important;
max-width: 705px !important;
min-width: 705px !important;
border-radius: 5px !important;
padding: 15px 20px 5px 20px !important;
border: 1px solid silver;
}
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > form[action="groups_pending.gne"] > p > textarea {
width: 95.5% !important;
}
#Main #Tertiary + table tbody tr td#Hint {
display: none !important;
}
/* INVITE PENDING - DECLINE PAGE (new297) == START URL PREF */
}
@-moz-document url-prefix("https://www.flickr.com/ignore.gne") {
/* Block / STOP Block USER Pages [Ignore] (new300) */
#Main {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
text-align: center !important;
}
.ThinCase {
max-width: 830px !important;
margin: -8vh 79.8% 0 25% !important;
padding: 50px !important;
text-align: left !important;
background: #333 !important;
}
#Main .ThinCase form br {
display: none !important;
}
/*#Main .ThinCase form{
width: 100% !important;
min-width: 500px !important;
max-width: 500px !important;
margin: 0 !important;
padding: 0 !important;
text-align: left;
}*/
ul.IgnoreList li:nth-child(odd){
color: skyblue !important;
}
ul.IgnoreList li:nth-child(even){
color: springgreen !important;
}
}
@-moz-document url-prefix("https://www.flickr.com/groups_create.gne") {
/* POOL - Create Pool */
#group-create {
margin-top: 82px !important;
padding-left: 600px !important;
}
#group-create ul.group-choice {
color: gray !important;
}
#Main > #subnav-template-positionmask + h1 {
position: absolute !important;
display: inline-block;
width: 400px !important;
height: 28px;
line-height: 24px ;
left: 5px;
top: 80px !important;
text-align: center;
z-index: 500 !important;
}
#Main table tbody tr td#Hint {
display: inline-block;
width: 407px;
height: 800px !important;
margin-left: 5px !important;
margin-top: 5px ;
}
.Problem {
position: absolute ;
width: 407px;
right: 553px ;
top: 0px ;
padding: 5px 5px 10px 38px;
border-radius: 5px ;
background-color: black ;
}
#global-nav.styleguide-global-nav + #Main table tbody tr td#Hint p:only-of-type {
position: absolute !important;
display: inline-block;
width: 370px !important;
height: auto !important;
line-height: 18px !important;
left: -5px !important;
top: 40px !important;
margin-bottom: -10px;
padding: 10px !important;
font-size: 16px ;
text-align: left !important;
}
/* == END == URL-PREF - CREATE GROUP === */
}
@-moz-document url-prefix("https://www.flickr.com/iconbuilder/?group=") {
/* POOL - Create Icon Pool */
#iconbuilder-container {
height: 1000px;
width: 800px !important;
padding-left: 600px ;
}
/* == END == URL-PREF - CREATE ICON GROUP === */
}
@-moz-document url("https://www.flickr.com/groups"), url-prefix("https://www.flickr.com/groups?") {
/* POOL - Your Pool (work but PB strange height) (new305) ==== */
body.new-footer.new-footer-tight-ass #main {
display: inline-block !important;
float: none !important;
height: auto !important;
height: 100% !important;
min-height: 100% !important;
/*min-height: 3000px !important;*/
margin: 9vh 0 0 0 !important;
max-height: 100% !important;
overflow: visible !important;
/*border: 1px solid aqua !important;*/
}
body.new-footer.new-footer-tight-ass #main #groups-list.groups-thumbs {
display: inline-block !important;
float: none !important;
height: auto !important;
height: 100% !important;
min-height: 100% !important;
width: 100% !important;
/*min-height: 3000px !important;*/
margin: 0 0 0 0 !important;
max-height: 100% !important;
/*border: 1px solid yellow !important;*/
}
/* 'new305) SETS - BIG THUMB */
body.new-footer.new-footer-tight-ass #main #groups-list.groups-thumbs .SetCase {
width: 99% !important;
height: 19.8vh !important;
margin: 0vh 0 0 0 !important;
text-align: center !important;
background-image: none ! important;
border: 1px solid #333 !important;
}
body.new-footer.new-footer-tight-ass #main #groups-list.groups-thumbs .Sets .setText > a {
display: inline !important;
line-height: 15px !important;
/*margin: 0 0 0 0 !important;*/
padding: 1vh 3px 0 3px !important;
font-size: 15px !important;
overflow: hidden;
overflow-y: auto;
}
body.new-footer.new-footer-tight-ass #main #groups-list.groups-thumbs .Sets .setText > a h4 {
display: inline-block;
height: 100% !important;
min-height: 0;
max-height: 4.6vh !important;
min-width: 91% !important;
max-width: 91% !important;
line-height: 15px !important;
margin: 0 0 0 0 !important;
padding: 2px 0px !important;
font-size: 15px !important;
overflow: hidden;
overflow-y: auto !important;
/*border: 1px solid pink !important;*/
}
body.new-footer.new-footer-tight-ass #main #groups-list.groups-thumbs .Sets p {
display: inline-block;
width: 91% !important;
margin: 0 0 0 0;
padding: 0 0px !important;
font-size: 11px;
text-align: left !important;
color: #777;
/*border: 1px solid pink !important;*/
}
body.new-footer.new-footer-tight-ass #main #groups-list.groups-thumbs .Sets .setText > .discussionCount {
display: inline-block;
width: 65px !important;
margin: 0 0 0 0;
padding: 0 0px !important;
font-size: 11px;
text-align: center !important;
color: #777;
/*border: 1px solid red !important;*/
}
body.new-footer.new-footer-tight-ass #main #groups-list.groups-thumbs .Sets .discussionCount .discussionIcon {
display: block !important;
float: left !important;
width: 16px !important;
height: 1.5vh !important;
margin: 2px 0px 0 0 !important;
/*border: 1px solid red !important;*/
}
body.new-footer.new-footer-tight-ass #main #groups-list.groups-thumbs .Sets .discussionCount p {
display: inline-block;
width: 60% !important;
margin: 0px 0 0 0 !important;
padding: 1px 0px !important;
font-size: 11px;
text-align: left !important;
color: #777;
/*border: 1px solid gold !important;*/
}
.SetCase .setThumb {
border: none !important;
image-rendering: optimizespeed !important;
transform: scale(1) !important;
}
#SetsCenterContainer {
margin-top: 103px !important;
}
/* == END == URL / URL-PREF - YOUR GROUP === */
}
@-moz-document url-prefix("https://www.flickr.com/recent.gne") {
/* POOL - Recents Discussions */
#Main {
display: inline-block !important;
height: auto;
max-width: 100vw;
min-width: 100vw;
width: 100vw;
z-index: 0;
text-align: center !important;
}
#Main>#groups-subnav + table {
display: inline-block !important;
padding: 0 20px !important;
text-align: left !important;
background: #333 !important;
border: 1px solid #222 !important;
}
#Changes>table>tbody>tr:nth-child(odd) {
background: #222 !important;
}
/* (new244) == END == URL-PREF - POOLS RECENTS DISCUSSIONS === */
}
@-moz-document url-prefix("https://www.flickr.com/search/forum/") {
/* Search */
html.styleguide body {
padding-top: 0 !important;
}
/* == END == URL-PREF - SEARCH ==== */
}
@-moz-document url-prefix("https://www.flickr.com/mail") {
/* MAIL */
#Main {
width: 1906px !important;
top: 0px !important;
}
/* == END == URL-PREF == MAIL ==== */
}
@-moz-document url-prefix("https://www.flickr.com/activity/"), url-prefix("https://www.flickr.com/recent_activity.gne?") {
/* Activity Recents */
#Main[role="main"]>h1 {
position: relative ;
height: 20px ;
line-height: 20px ;
width: 130px ;
left: 1690px ;
top: 6px ;
padding: 0 ;
font-size: 13px ;
text-align: center ;
border: 1px solid gray ;
}
/* == END == URL PREF - MAIN H1 - ACTI === */
}
@-moz-document url-prefix("https://www.flickr.com/people/") {
/* About Photo Of */
#Main {
height: 100vh !important;
max-width: 100vw;
min-width: 100vw;
width: 100vw;
z-index: 0;
}
#Main > table:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing):not(.acct-sett):not(#MemberList) {
height: auto !important;
min-height: 90vh !important;
top: 0vh !important;
margin: 10vh 0 -14vh 0 !important;
}
#Main > table:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing):not(.acct-sett):not(#MemberList) tbody {
display: inline-block !important;
height: auto !important;
min-height: 40vh !important;
top: 0vh !important;
margin: 1vh 0 0 0 !important;
}
#global-nav.styleguide-global-nav + #Main #subnav-refresh:not(.groups) ~ table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) {
display: inline-block !important;
width: 1420px !important;
min-height: 350px !important;
margin: 0px !important;
right: 20px;
top: 0px;
padding: 5px 10px !important;
border-radius: 5px ;
border: 1px solid red !important;
}
#global-nav.styleguide-global-nav + #Main #subnav-refresh:not(.groups) ~ table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) >div {
display: inline-block !important;
width: 1420px !important;
height: auto !important;
text-align: center;
}
p.PhotosOfList {
float: left;
height: 130px !important;
width: 124px !important;
margin: 0 5px 5px 0 !important;
padding: 5px !important;
text-align: center;
border: 1px solid #333 !important;
}
/* (new297) */
#Main > table:not(.contact-list-table):not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing):not(.acct-sett):not(#MemberList) + .Pages {
float: none !important;
width: 100% !important;
margin: 15vh 0 0 0 !important;
}
#Main table tbody tr td#Hint {
position: sticky;
display: inline-block;
height: auto;
width: 440px;
margin-top: 0px;
padding-top: 5px;
}
.ThinSeparated.photos-people-desc {
margin-top: 0px;
}
#global-nav.styleguide-global-nav + #Main table tbody tr td#Hint .ThinSeparated.photos-people-desc>h4 {
position: relative;
display: inline-block;
width: 419px !important;
height: 25px;
left: 5px !important;
margin-bottom: 0px !important;
top: 0px !important;
border-bottom: 1px solid yellow !important;
}
#global-nav.styleguide-global-nav + #Main table tbody tr td#Hint .ThinSeparated.photos-people-desc>h4 + p:only-of-type {
position: relative !important;
display: inline-block !important;
margin-top: 10px !important;
top: 0 !important;
}
#global-nav.styleguide-global-nav + #Main table tbody tr td#Hint .ThinSeparated.photos-people-desc + div{
position: relative !important;
display: inline-block !important;
margin-top: -5px !important;
margin-bottom: 10px !important;
}
.PhotosOfList {
float: left;
height: 130px;
margin: 0 1px 5px 0 !important;
padding: 0;
text-align: center;
width: 107px;
}
/* == END == URL PREF - ABOUT PHOTO OF === */
}
@-moz-document url("https://www.flickr.com/account"), url-prefix("https://www.flickr.com/account/") {
/* Account Settigns */
.account-settings-page-view .header,
.header {
position: fixed;
width: 175px !important;
height: auto !important;
top: 7vh !important;
}
.fluid .account-settings-page-view .header h1 ,
.header h1 {
line-height: 44px;
padding: 0 0 !important;
color: gold !important;
}
.fluid-magic-account-settings-subnav-view +div{
margin-top: -3vh !important;
}
/* (JUnew) SETTINGS - ZEBRA */
.boxes-wrapper .row:nth-child(odd){
background: #111 !important;
}
.boxes-wrapper .row:nth-child(even) {
background: #222 !important;
border-bottom: none !important;
}
.row:not(.no-border) {
border-radius: 5px 5px 0 0 !important;
}
/* (JUnew) BETA SETTING */
/* .wallet-profile-details-view */
.wallet-profile-details-view .row.profile.groups-beta-row {
background: green !important;
border-bottom: none !important;
}
.wallet-profile-details-view .row.profile.groups-beta-row .groups-beta-link {
display: inline-block !important;
width: 100% !important;
font-size: 18px !important;
color: gold !important;
border-bottom: none !important;
}
.fluid-magic-account-settings-subnav-view li#account-privacy a:after {
content: "[ + BETA Switch ]" !important;
margin: 0 0 0 10px !important;
color: gold !important;
}
/* (new298) TOP NAV - SETINGS - MENU - DROPDOWN - HOVER */
.global-nav-view .nav-menu li:hover .gn-submenu {
position: absolute;
display: inline-block !important;
min-width: 150px;
line-height: 24px;
top: 0vh !important;
left: 30px !important;
margin: 1vh 0 0 0 !important;
padding: 0vh 5px 0 5px!important;
border: 1px solid aqua !important;
}
/* ===== END == URL PREF - ACCOUNT SETTING === */
}
@-moz-document url-prefix("https://flickr.com/commons") {
/* FlickR Commons */
.fluid.html-commons-home-page-view body {
margin-top: -6vh !important;
}
.commons-home-page-view .fluid-centered .modules .module.recent-uploads-module {
margin-top: 5vh !important;
}
/* == END == URL-PREF - FLICKE COMMONS ==== */
}
@-moz-document url-prefix("https://www.flickr.com/photos/tags/") {
/* Photo Tags Pages */
.tag-page-view .fluid-subnav-shim .subnav-items-container > .more-link {
display: inline-block !important;
left: -900px !important;
padding: 12px 0 !important;
/* border: 1px solid aqua !important; */
}
.fluid.html-tag-page-view .droparound.menu {
position: fixed !important;
margin: 0px !important;
top: 1.5vh !important;
left: 970px !important;
/* background-color: aqua !important; */
}
.fluid.html-tag-page-view .droparound.menu .droparrow.down {
left: auto;
right: 108px !important;
}
/* == END = URL-PREF - PHOTO TAGS PAGES === */
}
@-moz-document url-prefix("https://www.flickr.com/services/") {
/* APP Garden (new312) */
/* SUPP */
.ThinSeparated {
display: none !important;
}
/* (new312) APPS GARDEN */
/* (new312) APPS GARDEN - TAPP PAGES INFOS */
#Photo {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 99vh!important;
max-height: 99vh!important;
margin: -8vh 0 0 0 !important;
padding: 0 20% !important;
font-size: 15px !important;
/*border: 1px solid aqua !important;*/
}
div.photoDescription {
font-size: 15px !important;
}
/* (new312) APPS GARDEN - TAPP INFOS - LEFT SIDE */
.not_wide_top #photoswftd {
position: fixed !important;
display: inline-block !important;
width: 44% !important;
height: 100% !important;
min-height: 97vh!important;
max-height: 97vh!important;
margin: 0vh 0 0 -100px !important;
padding: 5px 50px;
font-size: 15px !important;
overflow-y: auto !important;
color: silver !important;
background: #333 !important;
border: 1px solid red !important;
border-right: 5px solid red !important;
}
td#photoswftd h1[id^="title_div"] {
margin: 0vh 0 0 0px !important;
padding: 5px 5px;
font-size: 28px !important;
color: gold !important;
background: rgb(34, 34, 34) !important;
}
/* (new312) APPS GARDEN - TAPP INFOS - RIGHT SIDE */
.not_wide_top td.RHS {
position: fixed !important;
display: inline-block !important;
width: 30% !important;
height: 100% !important;
min-height: 97vh!important;
max-height: 97vh!important;
margin: 0vh 0 0 0px !important;
right: 0 !important;
padding: 5px 50px;
font-size: 15px;
overflow-y: auto !important;
color: red !important;
background: #111!important;
border: 1px solid red !important;
border-left: 1px solid aqua !important;
}
#meta-section {
color: silver !important;
}
.RHS h4 {
font-size: 17px;
color: gold !important;
}
.Stats {
margin-left: -21px;
line-height: 15px;
font-size: 15px !important;
list-style-type: circle;
color: silver !important;
}
#GetThisApp {
margin-bottom: 1em;
padding: 20px 0 0 0;
font-size: 15px;
color: peru !important;
}
#GetThisApp large {
font-size: 17px;
color: gold !important;
}
.website-warning {
font-size: 15px;
color: silver !important;
}
/* (new312) APPS GARDEN - TAGS */
.TagList {
display: inline-block !important;
width: 100% !important;
padding: 0;
font-size: 15px;
}
#thetags {
display: inline-block !important;
width: 100% !important;
}
#thetags .Stats {
display: inline-block !important;
margin: 0 5px 5px 0 !important;
padding: 2px 5px !important;
line-height: 15px;
border-radius: 8px !important;
list-style: none !important;
font-size: 14px;
border: 1px solid#333 !important;
}
/* (new312) APPS - LISTE */
#col-left {
width: 81% !important;
margin-top: 20px;
padding: 0 1% !important;
/*border: 1px solid aqua !important;*/
}
#col-left .module#apps-weve-noticed {
position: relative;
display: inline-block !important;
width: 37.8% !important;
height: 79.5vh !important;
margin: 0px !important;
padding: 5px !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
#col-left .module#apps-weve-noticed h3 {
width: 100% !important;
margin: 0 0 0 0 !important;
text-align: center !important;
}
#apps-weve-noticed .app-summary.big {
width: 98% !important;
left: 0% !important;
padding: 5px !important;
background: #222 !important;
}
#apps-weve-noticed .app-summary.big span.photo_container {
position: relative;
display: inline-block !important;
width: 100% !important;
text-align: center !important;
border-bottom: 1px solid red !important;
}
#apps-weve-noticed .app-summary.big span.photo_container img {
vertical-align: middle;
width: 95% !important;
height: 45vh !important;
margin: 0 0 30px -10px !important;
object-fit: contain !important;
}
/* GENERIC */
#apps-weve-noticed .app-summary.big span.photo_container.photo_container a img[src="https://combo.staticflickr.com/pw/images/appgarden_placeholder_s.png"] {
vertical-align: middle;
width: 95% !important;
height: 5vh !important;
margin: 4vh 0 30px -10px !important;
object-fit: contain !important;
}
#apps-weve-noticed .app-summary.big .app-summary-details {
position: relative;
display: inline-block !important;
float: none !important;
width: 100% !important;
padding: 5px !important;
left: 0.1% !important;
}
/* (new306) COR FLOAT - */
#col-left .module#apps-weve-noticed + #app-grid{
position: relative;
display: block !important;
float: right !important;
width: 60% !important;
margin-bottom: 12px;
padding: 5px !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
ul.app-list li {
display: block;
float: left;
width: 22.6% !important;
height: 170px !important;
line-height: 13px;
margin: 0 5px 5px 5px;
padding: 5px !important;
border-radius: 5px !important;
overflow: hidden;
/*border: 1px solid aqua !important;*/
}
.app-list li > span.photo_container {
display: inline-block;
width: 94% !important;
height: 160px !important;
padding: 5px !important;
text-align: center !important;
border-radius: 5px !important;
border: 1px solid #333 !important;
}
.app-list li > span.photo_container span.photo_container {
display: inline-block;
width: 94% !important;
padding: 5px !important;
text-align: center !important;
border-bottom: 1px solid #333 !important;
}
.app-list li > span.photo_container span.photo_container + a {
margin: 0 !important;
font-size: 0 !important;
/*border: 1px solid aqua !important;*/
}
.app-list li > span.photo_container span.photo_container + a:before {
content: attr(title) !important;
position: absolute !important;
display: inline-block !important;
width: 94% !important;
height: auto !important;
left: 0 !important;
bottom: 2.5vh !important;
padding: 2px 5px !important;
font-size: 15px !important;
text-align: center !important;
word-break: normal !important;
white-space: pre-wrap !important;
overflow-wrap: normal !important;
overflow: hidden !important;
background: #111 !important;
border-bottom: 1px solid #333 !important;
}
.app-list li > span.photo_container span.photo_container img {
display: inline-block;
width: 100% !important;
height: 12vh !important;
padding: 5px !important;
text-align: center !important;
object-fit: contain !important;
}
.app-list li > span.photo_container .owner {
position: absolute !important;
display: inline-block !important;
width: 94% !important;
height: auto !important;
left: 0 !important;
bottom: 0.5vh !important;
padding: 2px 5px !important;
font-size: 13px !important;
text-align: center !important;
/*border: 1px solid yellow !important;*/
}
#more-apps {
position: absolute !important;
display: inline-block !important;
width: 24% !important;
height: auto !important;
left: 45% !important;
top: 85vh !important;
padding: 2px 5px !important;
border-radius: 5px !important;
font-size: 13px !important;
text-align: center !important;
background: #111 !important;
border: 1px solid red !important;
}
#Main #top-about + #col-left + #col-right {
position: absolute !important;
display: inline-block !important;
width: 15.8% !important;
height: auto !important;
right: 0.5% !important;
top: 0vh !important;
padding: 2px 5px !important;
border-radius: 5px !important;
font-size: 13px !important;
text-align: left !important;
background: #111 !important;
border: 1px solid red !important;
}
.getting-started ol {
overflow: hidden;
}
}
@-moz-document url-prefix("https://www.flickr.com/people/") {
/* People You Follow
https://www.flickr.com/people/ === */
/* SEARCH CONTAINER */
.contact-list-header.contact-list-header-rev {
position: absolute !important;
display: inline-block;
width: auto !important;
min-width: 600px !important;
height: 24px;
margin: 0 0 0 0 !important;
top: 2vh !important;
left: 800px !important;
padding: 9px;
font-size: 12px;
background: #111 !important;
border: 1px solid red !important;
}
/* (new297) CONTACT PAGES - PEOPLE YOU FOLLOW - TOP HEADER - SEARCH FORM CONTAINER */
.contact-list-header.yui-skin-sam {
position: absolute !important;
display: inline-block ;
top: 2.3vh !important;
width: 45% !important;
left: 630px !important;
z-index: 50000 !important;
border: 1px solid red !important;
}
/* PEOPLE YOU FOLLOW (new297) = END - URL-PREF */
}
@-moz-document url-prefix("https://www.flickr.com/notifications/?tab=admin"), url-prefix("https://www.flickr.com/notifications"), url-prefix("https://www.flickr.com/notifications/") {
/* Notifications Pages - PAGE ONLY */
/* (new293) NEW NOTIF PAGE - BIG IMAGE + INDICATOR OTHER USER REAL NAME */
/* (new306) BIG - NOTIFICATION PAGE - WIDE */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-center-page-container.fluid-centered {
position:relative !important;
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
flex-direction: unset !important;
top: 0 !important;
margin-bottom: 40px;
}
html.fluid.html-notification-center-page-view #content{
display: inline-block !important;
min-height: 100vh !important;
min-width: 100% !important;
max-width: 100% !important;
margin: 0vh 0 0 0 !important;
padding-bottom: 110px !important;
}
/* SIDEBAR */
html.fluid.html-notification-center-page-view #content .fluid-notification-center-subnav-view {
position: fixed !important;
display: inline-block !important;
min-width: 99.9% !important;
max-width: 99.9% !important;
height: 5vh !important;
top: 0vh !important;
left: 0 !important;
margin: 0;
padding: 0 0% !important;
z-index: 500000 !important;
}
.search-results-sidebar .collapsible-sidebar {
position: fixed !important;
display: inline-block !important;
min-width: 99.9% !important;
max-width: 99.9% !important;
height: 5vh !important;
top: 0vh !important;
left: 0 !important;
margin: 0;
padding: 0 0% !important;
z-index: 500000 !important;
}
/* (new293) BIG - NOTIFICATION PAGE - FILTER */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-center-page-container.fluid-centered .filter-container {
position: fixed !important;
display: inline-block !important;
top: 1.3vh !important;
left: 720px !important;
margin: 0;
padding: 0 0% !important;
z-index: 5000000 !important;
}
/* (new293) BIG - NOTIFICATION PAGE - LOAD MORE */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-center-page-container.fluid-centered .notifications-list-container .load-top-button{
position: fixed !important;
display: inline-block !important;
height: 2vh !important;
top: 1.2vh !important;
left: 1200px !important;
margin: 0;
padding: 3px 5px !important;
z-index: 50000000 !important;
}
/* (new293) BIG - NOTIFICATION PAGE - LIST */
html.fluid.html-notification-center-page-view .notification-center-page-view .notifications-list-container .view.notifications-list-view .notifications-list ul.notification-item-list {
padding: 0 !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-center-page-container.fluid-centered .filter-container + .notifications-list-container {
margin: 5.5vh 0 0 0 !important;
}
html.fluid.html-notification-center-page-view .notifications-list-container .notifications-list-view .notification-item-list .notification-item-list-item {
display: inline-block !important;
float:none !important;
width: auto !important;
max-width: unset !important;
min-width: unset !important;
height: auto !important;
margin: 0px 1px 3px 3px !important;
margin: 0 !important;
border-radius: 5px !important;
overflow: hidden !important;
border: 1px solid transparent !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - ALL */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item-list-item .base-notification-item:not(:empty) {
display: inline-block !important;
min-height: 104px !important;
min-width: 99.3% !important;
max-width: 99.3% !important;
margin: 0 7px 5px 0px !important;
padding-top: 132px !important;
border-radius: 5px !important;
border: 1px solid red !important;
background: #111 !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item-list-item .base-notification-item:empty {
height: 0px !important;
min-width: 0% !important;
max-width: 0% !important;
margin: 0 -7px 0 -5px !important;
border: 1px solid aqua !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - AVATAR */
html.fluid.html-notification-center-page-view .base-notification-item .notification-item .notification-avatar {
flex: 0 0 auto;
margin: 0 5px 0 -5px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item {
height: 130px !important;
padding: 0px 10px 0px 10px !important;
border-radius: 5px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-comment {
height: 130px !important;
padding: 0px 10px 0px 10px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item .notification-item-middle{
min-width: 263px !important;
max-width: 263px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-photo-comment-mention {
height: 130px !important;
padding: 0px 10px 0px 10px !important;
background: black !important;
border: 1px solid green !important;
}
/* (new293) BIG */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item .headline-container {
height: 126px !important;
line-height: 15px !important;
padding: 0 !important;
overflow: hidden !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-comment .headline-container ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-photo-comment-mention .headline-container {
height: 143px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .headline-container a.person-link {
display: inline-block !important;
width: 100% !important;
max-width: 195px !important;
margin: 1px 0 0 40px !important;
padding-left: 4px;
font-size: 16px;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
border-bottom: 1px solid red !important;
}
/* (new293) */
html.fluid.html-notification-center-page-view .notification-center-page-view a.person2-link {
display: inline-block !important;
width: 100% !important;
max-width: 195px !important;
height: 15px !important;
line-height: 12px !important;
margin: 3px 0 -5px 0px !important;
padding: 0 !important;
font-size: 15px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - POOL */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item[class*="notif-item-group-"] ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-group-join-request-accepted ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-group-reply-new ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-group-rules ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-group-description ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-group-blast {
height: 260px !important;
margin: -130px 0 0 0 !important;
padding: 0 10px;
border-radius: 5px;
}
html.fluid.html-notification-center-page-view .notification-center-page-view [class^="notification-item notif-item-group-"] .notification-core .headline-container {
display: inline-block;
width: 250px !important;
height: 100% !important;
max-height: 240px !important;
min-height: 240px !important;
line-height: 15px;
padding-top: 18px !important;
text-align: left;
font-size: 16px;
overflow: hidden;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - INVIT POOL */
html.fluid.html-notification-center-page-view .notification-center-page-view [class^="notification-item notif-item-group-"] .notification-core .headline-container a.person-link {
display: inline-block;
width: 100%;
min-width: 250px !important;
max-width: 250px !important;
padding-left: 4px;
font-size: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
z-index: 50000 !important;
border-bottom: 1px solid green !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - JOIN ACCEPTED */
.notification-item.notif-item-group-join-request-accepted .avatar.small.group {
top: 19px !important;
}
.notification-item.notif-item-group-join-request-accepted .avatar.small.group {
border-radius: 0!important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - POOL REQUEST ACTION MESSAGE */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-group-photo-request .group-photo-request-actions .action-message.accepted-message:not(.hidden){
height: 20px !important;
margin: 0 60px 0 0 !important;
color: gold !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - COMMENTS - ALL */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item .notification-core a.comment-link {
height: auto !important;
max-height: 75px !important;
line-height: 15px !important;
padding-right: 20px !important;
font-size: 15px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - COMMENTS - GAL */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item .notification-core .gallery-link {
display: inline-block;
width: 90% !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - COMM GAL - OPEN/CLOSE QUOTES */
html.fluid.html-notification-center-page-view .notifications-list-container .notification-item a.comment-link q::before {
content: open-quote;
display: inline-block !important;
position: absolute!important;
height: 15px !important;
line-height: 15px !important;
margin-left: -24px !important;
text-indent: -3px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item a.comment-link q::after {
content: close-quote;
position: relative !important;
display: inline-block !important;
height: 15px !important;
width: 5px !important;
line-height: 15px !important;
margin-left: 8px !important;
bottom: 0px !important;
text-indent: 0px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item a.comment-link > span ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item a.comment-link q {
display: inline-block !important;
width: 98.5% !important;
line-height: 15px !important;
padding-left: 10px !important;
font-size: 15px !important;
text-align: left !important;
opacity: 0.7 !important;
color: peru !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item a.comment-link:visited q {
opacity: 0.7 !important;
color: tomato !important;
}
/* (new292) BIG - NOTIFICATION PAGE - ITEMS - COM - q / LINK */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item a.comment-link q > br {
display: block !important;
margin-bottom: 0px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item a.comment-link > span {
height: 100% !important;
border-bottom: 1px solid gray !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item q span:not(.timestamp):not(.separator):not(.message) {
display: inline-block !important;
width: auto !important;
width: 92.1% !important;
min-height: 80px !important;
max-height: 80px !important;
line-height: 14px !important;
font-size: 14px !important;
text-align: left !important;
overflow-y: auto !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item span:not(.timestamp):not(.separator):not(.message) >br {
display: block !important;
margin-bottom: 0px !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - LINKS */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-core a.person-link + span:not(.timestamp) {
display: inline-block !important;
min-width: 99% !important;
max-width: 99% !important;
line-height: 15px !important;
font-size: 15px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .headline-container a:not(.blast-link):not(.person-link):not(.person2-link):not(.gallery-link):not(.group-link):not(.topic-link):not(.comment-link){
position: relative !important;
display: inline-block !important;
min-width: 97% !important;
max-width: 97% !important;
height: auto !important;
max-height: 156px !important;
min-height: 156px !important;
bottom: 0px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* HOVER */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item .headline-container a.reply-link:not(.blast-link):not(.person-link):not(.person2-link):not(.gallery-link):not(.group-link):not(.topic-link):not(.comment-link):hover ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item .headline-container a.blast-link:hover {
display: inline-block !important;
height: auto !important;
min-height: 212px !important;
max-height: 22px !important;
top: -35px !important;
transition: all ease 0.7s !important;
background: #222 !important;
border: 1px solid silver !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - AVATAR - DECLINED */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-moderated .avatar ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-photo-declined .avatar {
top: 23px !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - HEADLINE - DECLINED */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-moderated .headline-container ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-photo-declined .headline-container ,
html.fluid.html-notification-center-page-view .notification-center-page-view [class^="notification-item notif-item-group-"] .headline-container {
display: inline-block !important;
line-height: 15px !important;
padding-top: 16px !important;
text-align: left !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-moderated .headline-container ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-photo-declined .headline-container {
padding-top:25px !important;
}
/* HOVER */
html.fluid.html-notification-center-page-view .notification-center-page-view .headline-container a:hover:not(.blast-link):not(.person-link):not(.person2-link):not(.gallery-link):not(.group-link):not(.topic-link):not(.comment-link):not(.reply-link){
height: 102px !important;
bottom: 13px !important;
overflow: hidden !important;
background: #111 !important;
border: 1px solid red !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - POOL - REPLLY / BLAST */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item .headline-container a.reply-link ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item .headline-container a.blast-link {
position: relative !important;
display: inline-block !important;
min-width: 97.6% !important;
max-width: 97.6% !important;
height: auto !important;
min-height: 156px !important;
max-height: 156px !important;
top: 0px !important;
padding: 2px !important;
overflow: hidden !important;
overflow-y: auto !important;
transition: all ease 0.2s !important;
color: gray !important;
}
/* (new293 BIG - NOTIFICATION PAGE - ITEMS - POOL - TOPIC */
html.fluid.html-notification-center-page-view .notification-center-page-view [class^="notification-item notif-item-group-"] a.topic-link ,
html.fluid.html-notification-center-page-view .notification-center-page-view [class^="notification-item notif-item-group-"] a.group-link {
display: inline-block !important;
min-width: 98% !important;
max-width: 98% !important;
min-height: 17px !important;
}
/* (new293) */
html.fluid.html-notification-center-page-view .notification-center-page-view .notifications-list-container [class^="notification-item notif-item-group-"] .info-container,
html.fluid.html-notification-center-page-view .notification-center-page-view .notifications-list-container [class^="notification-item notif-item-group-"] .headline-container + .info-container {
height: 16px;
max-width: 250px !important;
min-width: 250px !important;
top: unset !important;
padding: 0 0 0 0px!important;
margin: -3px 0 0 25px !important;
z-index: 0 !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - TIME STAMP - POOL */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-group-topic-new .info-container span.timestamp ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-group-join-request .info-container span.timestamp ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-group-photo-request .info-container span.timestamp ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-group-reply-new .info-container span.timestamp {
position: absolute !important;
display: inline-block !important;
left: -57px !important;
right: 0 !important;
top: -2px !important;
margin: 0 0 0 0 !important;
z-index: 5000 !important;
background: #333 !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - TIME STAMP - POOL JOIN ACEPTED */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-group-join-request-accepted .info-container span.timestamp {
position: relative !important;
left: -214px !important;
top: -2px !important;
z-index: 5000 !important;
background: green !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - POOL */
html.fluid.html-notification-center-page-view .notification-center-page-view .notifications-list-container [class^="notification-item notif-item-group-"] .info-container a,
html.fluid.html-notification-center-page-view .notification-center-page-view .notifications-list-container [class^="notification-item notif-item-group-"] .headline-container + .info-container a {
height: 16px;
max-width: 200px !important;
min-width: 200px !important;
top: unset !important;
margin: 0 0 0 14px !important;
padding: 0 0 0 5px !important;
z-index: 0 !important;
border-bottom: 1px solid red !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - POOLL - REQUEST - THUMBNAIL */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item[class*="notif-item-group-"] .thumb-container {
position: absolute !important;
display: inline-block !important;
width: 15.8% !important;
padding: 0 0px !important;
border-radius: 5px !important;
margin: 90px 0 0 -30px !important;
text-align: center !important;
background: #111 !important;
}
/* (new306) INVITS ACCEPTED */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item[class*="notif-item-group-"] .group-user-invite-actions {
position: relative !important;
display: inline-block !important;
width: 100% !important;
margin: 0vh 0 0 0 !important;
top: -13vh !important;
border-radius: 5px !important;
background: #063006 !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item[class*="notif-item-group-"] .thumb-container a.notification-photo-thumb {
height: 107px !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - COMM - BR */
html.fluid.html-notification-center-page-view .notification-center-page-view .comment-link > span > br ,
html.fluid.html-notification-center-page-view .notification-center-page-view .blast-link >span >br {
display: block !important;
margin-bottom: -1px !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - DATE */
html.fluid.html-notification-center-page-view .notification-center-page-view .info-container {
position: absolute !important;
display: inline-block !important;
margin-top: -1px !important;
margin-left: -33px !important;
color: gold !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - INFOS */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-photo-declined .info-container ,
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-photo-comment-mention .info-container {
position: absolute !important;
display: inline-block !important;
width: 69px !important;
margin-top: 0px !important;
margin-left: -33px !important;
color: gold !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - INFOS - TIME STAMP */
html.fluid.html-notification-center-page-view .notification-center-page-view .info-container span.timestamp {
display: inline-block !important;
width: 70px !important;
top: -2px !important;
margin: 0px 5px 0 0px !important;
padding: 1px 0 0 3px !important;
color: gold !important;
border-radius: 0px 0px 5px 0px !important;
border-right: 1px solid green !important;
border-bottom: 1px solid green !important;
background: #222 !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - INFOS - TIME STAMP - BLAST */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-group-blast .info-container span.timestamp {
display: inline-block !important;
width: 65px !important;
top: -1px !important;
left: -145px !important;
margin: 0px 0px 0 0px !important;
padding: 1px 0 0 3px !important;
color: gold !important;
border-radius: 0px 0px 5px 0px !important;
border-right: 1px solid green !important;
border-bottom: 1px solid green !important;
background: #222 !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - INFOS - TIME STAMP - MODERATED */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-moderated .info-container span.timestamp {
width: 50px !important;
margin-left: 16px !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - INFOS - TIME STAMP - DECLINED */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item.notif-item-photo-declined .info-container span.timestamp {
width: 61px !important;
margin-left: -1px !important;
top: -4px !important;
margin-top: -2px !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - INFOS - TIME STAMP - CONTACTED */
.notifications-list-container .notification-item.notif-item-contacted .info-container span.timestamp {
width: 90px !important;
margin-left: -32px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .info-container > a:not(.subtitle) {
float: right !important;
color: gold !important;
}
/* (new293) BIG - NOTIFICATION PAGE - ITEMS - MENU 3 DOT - ALL */
html.fluid.html-notification-center-page-view .notification-center-page-view .base-notification-item .notification-item .context-menu-container {
display: inline-block !important;
width: 20px !important;
height: 20px !important;
top: -2px !important;
margin: 0 0 0 -22px !important;
}
/* (new293) BIG - NOTIFICATION PAGE - MODAL */
html.fluid.html-notification-center-page-view .fluid-droparound-view .droparound.menu.over-modal {
height: 130px !important;
margin: 0 0 0 -20px !important;
overflow: hidden !important;
background: rgba(0, 0, 0, 0.74) !important;
border: 1px solid red !important;
}
html.fluid.html-notification-center-page-view .fluid-droparound-view .droparound.menu.over-modal .body {
margin: -5px 0 0 0 !important;
height: 150px !important;
overflow: hidden !important;
}
/* (new293) BIG - NOTIFICATION PAGE - AVATAR - SMALL PERSON */
html.fluid.html-notification-center-page-view .notification-center-page-view .avatar.small.person {
height: 20px !important;
width: 20px !important;
margin-top: 18px !important;
}
/* (new293) BIG - NOTIFICATION PAGE - CONTACTED ITEM */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item-list-item .base-notification-item.follow-notification-item-view:not(:empty) {
max-width: 310px !important;
min-width: 310px !important;
min-height: 133px !important;
max-height: 133px !important;
margin: 0 0px 2px 0 !important;
padding: 7.0vh 0 7vh 0 !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item-list-item .base-notification-item.follow-notification-item-view:not(:empty) .notification-item.notif-item-contacted {
border-radius: 5px;
height: 130px;
width: 280px !important;
padding: 0 10px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item-list-item .base-notification-item.follow-notification-item-view:not(:empty) .notification-item.notif-item-contacted span.timestamp {
position: absolute !important;
display: inline-block !important;
width: 85px !important;
top: 0px !important;
left: -32px !important;
margin: 0px 5px 0 0px !important;
padding: 1px 0 0 3px !important;
color: gold !important;
border-radius: 0px 0px 5px 0px !important;
border-right: 1px solid green !important;
border-bottom: 1px solid green !important;
background: #333 !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item-list-item .base-notification-item.follow-notification-item-view:not(:empty) .notification-item-middle {
max-width: 209px !important;
min-width: 209px !important;
}
/* (new293) */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item-list-item .base-notification-item.follow-notification-item-view:not(:empty) .notification-item-middle .headline-container {
line-height: 5.5vh !important;
padding: 4px 0 0 5px !important;
color: white !important;
background: rgba(1, 128, 0, 0.44) !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item-list-item .base-notification-item.follow-notification-item-view:not(:empty) .notification-item-middle .headline-container a.person-link {
line-height: 18px !important;
margin: 0px 0 0 0px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item-list-item .base-notification-item.follow-notification-item-view:not(:empty) .notification-item-middle .info-container {
margin-left: -59px !important;
}
/* (new293) BIG - NOTIFICATION PAGE - FOL - AVATAR */
html.fluid.html-notification-center-page-view .notification-center-page-view .notif-item-contacted {
border: 1px solid gray !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notif-item-contacted .notification-avatar {
width: 80px !important;
height: 62px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .follow-notification-item-view .avatar.small.person {
position: absolute !important;
height: 80px !important;
width: 80px !important;
margin-top: 30px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notif-item-contacted .follow-button-container {
position: absolute !important;
height: 3vh !important;
width: 100px !important;
margin: 12vh 0 0 -15px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notif-item-contacted .follow-button-container .view.follow-view {
margin: 0 0 0 0 !important;
transform: scale(0.7) !important;
}
/* (new293) BIG - NOTIFICATION PAGE - HOT */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item:not([class*="notif-item-group-"]) .thumb-container {
position: absolute !important;
display: inline-block !important;
width: 15.8% !important;
padding: 0 0px !important;
border-radius: 5px 5px 0 0 !important;
margin: -130px 0 0 -10px !important;
text-align: center !important;
background: #111 !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item .thumb-container a.notification-photo-thumb {
display: inline-block !important;
height: 124px !important;
width: 50% !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-color: #111 !important;
border: 1px solid gray !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item .thumb-container a.notification-photo-thumb span.overlay {
display: block;
left: -60px !important;
}
/* VISITED */
html.fluid.html-notification-center-page-view .notification-center-page-view .notification-item .thumb-container a.notification-photo-thumb:visited {
border: 1px solid green !important;
}
/* (new293) BIG - NOTIFICATION PAGE - THUMNAIL CONTAINER - FAVS */
html.fluid.html-notification-center-page-view .notification-center-page-view .thumb-list-container {
position: absolute !important;
display: inline-block !important;
min-width: 216px !important;
max-width: 216px !important;
height: 73px !important;
margin-top: 48px !important;
padding-top: 2px !important;
text-align: center !important;
overflow: hidden !important;
overflow-y: auto !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .thumb-list-container:hover {
height: 105px !important;
margin-top: 17px !important;
}
html.fluid.html-notification-center-page-view .notification-center-page-view .thumb-list-container a.notification-photo-thumb {
display: inline-block !important;
height: 65px !important;
width: 65px !important;
background-size: contain;
border: 1px solid gray !important;
}
/* (new293) BIG - NOTIFICATION PAGE - FAVS without BIG THUMB */
html.fluid.html-notification-center-page-view .fave-notification-item-view .notification-core + .thumb-list-container {
position: absolute !important;
display: inline-block !important;
min-width: 305px !important;
max-width: 36px !important;
height: 130px !important;
margin: -134px 0 0 -32px !important;
padding-top: 2px !important;
border-radius: 5px 5px 0 0 !important;
text-align: center !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* END ==== URL-PREF - NOTIFICATION PAGE ONLY - BIG IMAGE */
}
@-moz-document url-prefix("https://www.flickrhelp.com"), url-prefix("https://www.flickrhelp.com/hc/") {
/* NEW HELP CENTER (new304) */
/* HOME - TOP HEADER LEFT */
#main-content.section.hero {
position: fixed !important;
min-width: 17% !important;
max-width: 17% !important;
height: auto !important;
top: 0vh !important;
margin: 0 0 0 20px !important;
padding: 1vh 30px !important;
border-radius: 8px !important;
background: brown !important;
}
#main-content.section.hero .hero-inner {
position: relative;
top: 50%;
transform: translateY(-2%);
max-width: 610px;
margin: 0 auto;
}
/* CONTACT US */
.contact-us {
position: fixed !important;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 17% !important;
max-width: 17% !important;
top: 10vh !important;
margin: 0 0 0 20px !important;
padding: 1vh 30px !important;
border-radius: 8px !important;
background: #333 !important;
}
.search-results-sidebar .collapsible-sidebar {
position: fixed !important;
display: inline-block !important;
min-width: 17% !important;
max-width: 17% !important;
height: auto !important;
top: 25vh !important;
left: 0 !important;
margin: 0 0 0 20px !important;
padding: 0 5px !important;
border-radius: 8px !important;
z-index: 500000 !important;
background: #333 !important;
}
/* (new304) SUPERLOADER */
.sp-separator ~ main .container-divider {
position: relative !important;
display: inline-block !important;
min-width: 62% !important;
max-width: 62% !important;
left: 19% !important;
margin: 0 0 0 0px !important;
padding: 0 5px !important;
background: #333 !important;
}
.sp-separator {
left: 30% !important;
min-width: 50%;
max-width: 50%;
color: silver !important;
background-color: #333 !important;
}
.sp-separator a {
text-shadow: unset !important;
background: none !important;
color: silver!important;
}
.container-footer:not(:last-of-type) ,
.sp-separator ~.header ,
.sp-separator ~.skip-navigation {
display: none !important;
}
/* DARK MOD */
/*COLOR */
body {
font-family: Arial, Helvetica, sans-seri !important;
background-color: #222 !important;
color: silver !important;
}
/* TEXT */
.rte * ,
.accordion__content :last-child ,
.accordion--large,
.accordion--large .accordion__summary{
text-shadow: unset !important;
background: none !important;
color: silver !important;
}
.breadcrumbs > li + li::before ,
.lt-article-vote__label ,
.lt-article-vote__item ,
.accordion__summary-wrapper ,
.lt-meta ,
[style="color: #434343;"] ,
span[style="color: #2f3941;"] {
color: silver !important;
text-decoration: none;
}
/* LINKS */
.lt-text-secondary ,
a.lt-card__link ,
body .sp-separator a span[style="color:#595959!important;"] {
text-shadow: unset !important;
background: none !important;
color: peru !important;
}
a:not([href="/hc/en-us"]):not([href="https://www.flickrhelp.com"]) span ,
a span[style="color: #1155cc;"] ,
a {
color: peru !important;
text-decoration: none;
}
a:not([href="/hc/en-us"]):not([href="https://www.flickrhelp.com"]):visited span ,
a:visited span[style="color: #1155cc;"] ,
a:not([href="/hc/en-us"]):not([href="https://www.flickrhelp.com"]):visited {
color: tomato !important;
text-decoration: none;
}
/* BACKGROUND */
.lt-search-filters {
background-color: #111 !important;
}
.lt-search-filter__item.is-active .lt-search-filter__link {
background-color: #222 !important;
border-color: #333 !important;
}
a.lt-pill--info {
background-color: #60636C !important;
opacity: 0.8 !important;
}
a.lt-pill:hover {
background-color: #ed0707 !important;
opacity: 1 !important;
}
/* IMAGE COLOR */
.lt-contact-box__icon ,
.lt-custom-block__icon {
filter: invert(85%) !important;
}
}
@-moz-document url-prefix("https://www.flickr.com/photos/organize") {
/* ORGANIZE - FLEX (new311)==== */
html.styleguide body {
position: relative;
display: inline-block !important;
width: 100% !important;
min-height: 100%;
box-sizing: border-box;
padding: 0 0 0 0 !important;
}
#tabl_mats_holder {
position: fixed !important;
display: inline-block !important;
height: 92.5vh !important;
width: 40% !important;
min-width: 40% !important;
max-width: 40% !important;
overflow: auto;
border-top: 1px solid #cecece;
background-color: brown
}
#tabl_empty_div[style*="display: block; opacity: 1;"] {
position: absolute;
display: block;
left: 0 !important;
top: 340.5px !important;
visibility: visible;
opacity: 1;
color: #9c9c9c;
background-color: transparent;
}
/* NEW SET */
#tabl_mats_one_set_side_form_div {
display: block;
height: 100% !important;
min-height: 92vh !important;
max-height: 92vh !important;
left: 0px;
top:9vh !important;
z-index: 61;
background-color: #111 !important;
border: 1px solid red !important;
}
/* (new311) COLL PLATE INFO */
#collections_plate {
position: absolute;
width: 300px;
height: 100% !important;
min-height: 92vh !important;
max-height: 92vh !important;
text-align: left;
font-size: 12px;
overflow: auto;
overflow-y: auto;
overflow-x: hidden;
z-index: 62;
background-color: #111 !important;
border: 1px solid red !important;
}
/* (new31) ORGANIZE - RIGHT SIDE */
#findr {
position: fixed !important;
display: inline-block !important;
width: 59.9% !important;
min-height: 91vh !important;
max-height: 91vh !important;
top: 8vh !important;
right: 0 !important;
border-radius: 0 8px 8px 0 !important;
background-color: #111 !important;
border: 1px solid red !important;
}
#findr_inner_div #findr_mover_div {
display: flex !important;
flex-direction: row !important;
flex-wrap: wrap !important;
justify-content: flex-start !important;
/* align-items: flex-start !important; */
align-items: stretch !important;
align-content: flex-start !important;
width: 100% !important;
height: 100% !important;
min-height: 79vh !important;
max-height: 79vh !important;
left: 0 !important;
top: 0vh !important;
white-space: pre !important;
overflow: hidden !important;
overflow-y: auto !important;
visibility: visible !important;
border: 1px solid red !important;
}
#findr_inner_div #findr_mover_div .fumb_over ,
#findr_inner_div #findr_mover_div .fumb {
position: relative !important;
width: 100px !important;
height: 100px !important;
top: unset !important;
left: unset !important;
margin: 0 0px 5px 5px !important;
text-align: center;
border: 1px solid red !important;
}
#findr_inner_div #findr_mover_div .fumb_over img ,
#findr_inner_div #findr_mover_div .fumb img {
position: relative !important;
width: 100px !important;
height: 100px !important;
top: unset !important;
left: unset !important;
text-align: center;
border: 1px solid red !important;
}
/* ORGAIZE - CALENDAR */
#calendar_div {
position: absolute;
display: none;
top: 0vh !important;
left: 1148px;
padding: 5px !important;
z-index: 900;
background-color: #333 !important;
border: 1px solid red !important;
}
/* ORGANIZE - SET ALBUMS */
.set_div {
position: relative;
float: left;
width: 195px !important;
height: 164px;
margin: 0 3px 5px 0 !important;
padding: 5px !important;
text-align: left;
border-radius: 5px !important;
overflow: hidden;
background-color: #222 !important;
border: 1px solid red;
}
/* , #one_set_primary_div */
#tabl_mat_sets.tabl_mat_active .set_thumb_div {
display: inline-block !important;
width: 90% !important;
margin: 0;
padding: 7px 7px 1vh 7px;
object-fit: contain !important;
background-position: 45px center !important;
background-size: 100px 100px !important;
text-align: center !important;
/*background: url(https://combo.staticflickr.com/pw/images/set_case.gif) no-repeat;*/
border-bottom: 1px solid red;
}
.set_thumb_div img, #one_set_primary_div img {
display: inline-block !important;
height: 90px !important;
width: 90px !important;
border: 1px solid black;
}
.set_title_div {
width: 100% !important;
margin-top: 5px;
font-size: 13px;
overflow: hidden;
color: #0063dc;
}
/* ORGANIZE GROUPS */
.group_div {
position: relative;
float: left;
margin: 0 8px 8px 0;
text-align: left;
overflow: hidden;
background-color: #222 !important;
border: 2px solid #333;
}
.group_div_table_wrapper {
display: block;
width: 350px !important;
height: 64px;
background-color: #222 !important;
}
.group_div table {
width: 335px;
margin: 8px;
}
.group_div table td nobr {
width: 335px;
margin: 0px;
}
/* END == ORGANIZE == */
}
@-moz-document url-prefix("https://www.flickr.com/groups/helpforum/discuss/") {
/* HELP FORUM GROUP */
/* DISC - STICKY CLOSED */
/* .card:not(:has(*:empty)) */
/* ONLY ONE STARTED */
.group-topics-col + .group-topic-detail-col #DiscussTopic:not(:has(table.TopicReply .Said)) > table:first-of-type {
position: fixed !important;
display: inline-block;
height: 84.7vh !important;
width: 810px !important;
margin-left: 10px !important;
margin-bottom: 0;
top: 12vh !important;
padding-top: 3vh !important;
text-align: left;
overflow: hidden!important;
overflow-y: auto!important;
background: #222 !important;
border: 1px solid gay!important;
border-top: 1px solid red !important;
}
.group-topics-col + .group-topic-detail-col #DiscussTopic:not(:has(table.TopicReply .Said)) > table:first-of-type .Said {
position: relative;
display: inline-block;
float: none !important;
height: 79vh !important;
width: 710px !important;
padding: 0px 5px 0px 5px;
overflow: hidden !important;
overflow-y: hidden;
overflow-y: auto !important;
}
.group-topics-col + .group-topic-detail-col #DiscussTopic:not(:has(table.TopicReply .Said)) > table:first-of-type tr {
position: relative;
display: inline-block;
float: none !important;
height: auto !important;
width: 810px !important;
padding: 0px 5px 0px 5px;
overflow: hidden !important;
overflow-y: hidden;
overflow-y: auto !important;
}
.group-topics-col + .group-topic-detail-col #DiscussTopic:not(:has(table.TopicReply .Said)) > table:first-of-type .Said h4 + p {
display: inline-block;
max-height: 84vh !important;
min-width: 700px !important;
max-width: 700px !important;
left: 1330px !important;
margin: 0 0 0 0 !important;
padding: 3px 20px 0px 5px;
border-radius: 0 0 3px 3px;
overflow: hidden;
overflow-y: auto !important;
font-size: 15px !important;
border-top: 1px solid green !important;
border-bottom: 1px solid green !important;
}
.group-topics-col + .group-topic-detail-col #DiscussTopic:not(:has(table.TopicReply .Said)) > table:first-of-type h4 {
position: fixed !important;
display: inline-block !important;
width: 803px;
left: 453px !important;
top: 12vh !important;
padding: 1px 3px;
border-radius: 5px 5px 0 0;
z-index: 5000000;
border: 1px solid red;
}
.group-topics-col + .group-topic-detail-col #DiscussTopic:not(:has(table.TopicReply .Said)) > table:first-of-type + table.TopicReply {
position: relative;
display: inline-block;
width: 632px !important;
height: 85vh !important;
left: 830px !important;
padding: 2px 5px 5px;
overflow: hidden;
overflow-y: hidden;
overflow-y: auto;
background: #222 !important;
border: 1px solid gray !important;
border-top: 1px solid red !important;
}
/* STICKY CLOSED - ONLY ONE STARTED */
.group-topics-col + .group-topic-detail-col #DiscussTopic:has(table.TopicReply):has(p.Focus) > table:first-of-type {
position: fixed !important;
display: inline-block;
height: 85vh !important;
width: 810px !important;
margin-left: 10px !important;
margin-bottom: 0;
top: 12vh !important;
padding-top: 5px;
text-align: left;
overflow: hidden!important;
overflow-y: auto!important;
background: #222 !important;
border: 1px solid gay!important;
border-top: 1px solid red !important;
}
.group-topics-col + .group-topic-detail-col #DiscussTopic:has(table.TopicReply):has(p.Focus) > table:first-of-type .Said h4 {
position: fixed !important;
display: inline-block !important;
width: 803px;
left: 453px !important;
top: 12vh !important;
padding: 1px 3px;
border-radius: 5px 5px 0 0;
z-index: 5000000;
border: 1px solid yellow
}
.group-topics-col + .group-topic-detail-col #DiscussTopic:has(table.TopicReply):has(p.Focus) > table:first-of-type .Said h4 + p {
display: inline-block;
max-height: 84vh !important;
min-width: 700px !important;
max-width: 700px !important;
left: 1330px !important;
margin: 0 0 0 0 !important;
padding: 3px 20px 0px 5px;
border-radius: 0 0 3px 3px;
overflow: hidden;
overflow-y: auto !important;
font-size: 15px !important;
border-top: 1px solid green !important;
border-bottom: 1px solid green !important;
}
.group-topics-col + .group-topic-detail-col #DiscussTopic:has(table.TopicReply):has(p.Focus) > table:first-of-type .Said {
position: relative;
display: inline-block;
float: none !important;
height: auto !important;
width: 720px;
padding: 0px 5px 0px 5px;
overflow: hidden !important;
overflow-y: auto !important;
}
.group-topics-col + .group-topic-detail-col #DiscussTopic:has(table.TopicReply):has(p.Focus) > table:first-of-type + table.TopicReply {
position: relative;
display: inline-block;
width: 632px !important;
height: 85vh !important;
left: 830px !important;
padding: 2px 5px 5px;
overflow: hidden;
overflow-y: auto;
background: #222 !important;
/*border: 1px solid yellow !important;*/
border-top: 1px solid red !important;
}
.group-topics-col + .group-topic-detail-col #DiscussTopic:has(table.TopicReply):has(p.Focus) > table:first-of-type + table.TopicReply .Focus {
position: fixed !important;
display: inline-block;
width: 620px !important;
left: 1273px !important;
top: 9vh !important;
margin: 0 0 0 0 !important;
padding: 10px;
color: #036;
background: tan !important;
}
}
@-moz-document url-prefix("https://www.flickr.com/services/") {
/* SERVICES API (new306) */
body.new-footer #Main {
margin: 8vh 0 0 0 !important;
}
/* API HOME - TOP HEADER - === */
/*body.zeus.quirks Table#SubNav {
position: fixed !important;
display: inline-block ;
width: 51% !important;
top: 0 !important;
margin: 0 0 0 0px !important;
left: 0 !important;
text-align: center ;
border-radius: 5px !important;
z-index: 50000 !important;
background: red!important;
border: 1px solid red !important;
}
*/
body.zeus.quirks Table#SubNav[width="800"] {
position: fixed !important;
display: inline-block ;
width: 51% !important;
top: 0 !important;
margin:0 0 0 440px !important;
padding: 5px !important;
text-align: center ;
border-radius: 5px !important;
background: #111!important;
/*border: 1px solid red !important;*/
}
body.zeus.quirks Table#SubNav tbody {
display: inline-block ;
width: 100% !important;
padding: 5px 0px 5px 0 !important;
text-align: left ;
border-radius: 5px ;
border: 1px solid gray ;
}
/* API - CENTER */
body.zeus.quirks Table#SubNav + table[width="760"] tbody {
display: inline-block ;
width: 70% !important;
margin: 0vh 0 0 40% !important;
background: #333 !important;
border-left: 1px solid red !important;
}
/* (new306) APP GARDER LIST AP USER BY YOU */
body.zeus.quirks #Main p#ag-services-link + Table#SubNav + table > tbody {
display: inline-block ;
width: 70% !important;
margin: 0vh 0 0 15% !important;
background: #333 !important;
border: 1px solid red !important;
}
body.zeus.quirks #Main p#ag-services-link + Table#SubNav + table tbody tr td {
width: 60% !important;
padding: 0px !important;
vertical-align: top;
}
/* LEFT PANEL */
table[width="760"][align="center"] > tbody tr > td[width="60%"] {
position: fixed !important;
display: inline-block ;
width: 20% !important;
left: 23.8% !important;
top: 8.5vh !important;
padding: 5px !important;
border: 1px solid red !important;
}
table[width="760"][align="center"] > tbody tr > td[width="60%"] > p + div[style="background: #f3f3f3; padding: 5px;"] {
padding: 5px;
background: #333 !important;
border-bottom: 1px solid red !important;
}
/* LEFT PANEL - 2nd PART */
table[width="760"][align="center"] > tbody tr > td[width="60%"] > p + div[style="background: #f3f3f3; padding: 5px;"] + div[style="background: #ffffff; padding: 5px;"] {
height: 53vh !important;
padding: 5px;
overflow: hidden !important;
overflow-y: auto !important;
background: #222 !important;
}
/* INFOS CASE */
.InfoCase {
width: 47% !important;
margin: 8vh 0 0 24% !important;
padding: 5px 20px !important;
border-radius: 5px !important;
background: #333 !important;
}
.InfoCase h1 {
color: gold !important;
background: #333 !important;
}
table#SubNav + script + h3 {
width: 47.5% !important;
margin: 8vh 0 0 24% !important;
padding: 5px 20px !important;
border-radius: 5px !important;
background: #333 !important;
}
table#SubNav + script + h3 + table {
width: 49% !important;
margin: 4vh 0 0 24% !important;
padding: 5px 20px !important;
border-radius: 5px !important;
background: #333 !important;
}
.InfoCase div.MethodDescription {
display: inline-block !important;
width: 98% !important;
margin: 0vh 0 0 0% !important;
padding: 10px;
border: 1px solid green !important;
}
div.MethodDescription b {
float: left !important;
width: 100% !important;
padding: 0 10px !important;
}
/* FFEDS */
body.zeus.quirks Table#SubNav[width="800"] + h1 + div.MethodDescription {
display: inline-block !important;
width: 49% !important;
margin: 5vh 0 0 23.54% !important;
padding: 0 10px;
/*border: 1px solid yellow !important;*/
}
.footer ,
.header.header-home + .nav ,
body.zeus.quirks Table#SubNav[width="800"] + h1 + p + h3 ,
body.zeus.quirks Table#SubNav[width="800"] + h1 + div.MethodDescription ~ h3 {
width: 49% !important;
margin: 0.5vh 0 0 23.5% !important;
padding: 0 10px;
/*border: 1px solid aqua !important;*/
}
#main {
display: inline-block !important;
width: 52% !important;
height: 100vh !important;
margin: 0.5vh 0 0 25.4% !important;
padding: 10px;
/*border: 1px solid red !important;*/
}
.things-to-know-dev ,
.getting-started {
width: 98% !important;
margin: 0.5vh 0 0 0% !important;
padding: 10px;
/*border: 1px solid yellow !important;*/
}
#giant-form-holder ,
#ag-app-steps ,
#ag-top-about ,
body.zeus.quirks Table#SubNav[width="800"] + h1 ~ .ag-do-and-dont + h3 ~ ul ,
body.zeus.quirks Table#SubNav[width="800"] + h1 ~ .ag-do-and-do + h3 ,
body.zeus.quirks Table#SubNav[width="800"] + h1 ~ .ag-do-and-dont ,
body.zeus.quirks Table#SubNav[width="800"] + h1 ~ h3 ,
body.zeus.quirks Table#SubNav[width="800"] + h1 ~ ol ,
body.zeus.quirks Table#SubNav[width="800"] + h1 ~ p ,
body.zeus.quirks Table#SubNav[width="800"] + h1 + p ,
body.zeus.quirks Table#SubNav[width="800"] + h1 + div.MethodDescription ~ pre {
width: 49% !important;
margin: 0.5vh 0 0 23.4% !important;
padding: 10px;
/*border: 1px solid blueviolet !important;*/
}
body.zeus.quirks Table#SubNav[width="800"] + h1 + div.MethodDescription ~ dl {
width: 49% !important;
margin: 0.5vh 0 0 23.4% !important;
padding: 10px;
border: 1px solid agreen !important;
}
/* STARTED PAGE */
.getting-started ol li {
float: left;
width: 23% !important;
height: 100% !important;
min-height: 8vh !important;
margin: 0 5px 0 10px !important;
padding: 0 0 0 0px !important;
border-radius: 8px !important;
background-image: none !important;
background-color: red !important;
border: 1px solid red !important;
}
.getting-started ol li:before {
float: left;
width: 15% !important;
height: 8vh !important;
line-height: 8vh !important;
margin: 0 5px 0 0px !important;
padding: 0 0 0 0px !important;
border-radius: 8px 0 0 8px !important;
font-size: 25px !important;
border-right: 1px solid red !important;
}
.getting-started ol li.first:before {
content: "❶" !important;
}
.getting-started ol li.second:before {
content: "❷" !important;
}
.getting-started ol li.third:before {
content: "❸" !important;
}
.getting-started ol li.fourth.last:before {
content: "❹" !important;
}
}
@-moz-document domain("www.flickr.com"), domain("flickr.com"), domain("secure.flickr.com"), domain("flickrprints.com") {
/* A - FLICKR - Ac - Flickr WideScreen - Dark & Grey v.314 ==== */
/* LAST UPDATE ON USERSTYLES.org > v.232 - 4k installs */
/* ============== ============= ================ */
/* ============== ============= ================ */
/* ============== DIVERS COLORS ================ */
/* ============== ==== COLOR DIVERS ==== ================ */
/* ============== ============= ================ */
/* (new313) COLOR - USER / POOLS - GENERIC ICON - GRAYSCALE */
[style*="/bbuddyicon"][style*="_m.png"] ,
/* style='background-image: url("//combo.staticflickr.com/pw/images/bbuddyicon05_r.png#14858277@N21");' */
/* background-image: url(//combo.staticflickr.com/pw/images/bbuddyicon01_r.png#45262201@N03); */
[style*="/bbuddyicon"][style*="_r.png"] ,
.avatar.group.thumbnail[style*="/bbuddyicon"][style*="_r.png"] ,
/* background-image: url(//combo.staticflickr.com/pw/images/bbuddyicon01.png#45262201@N03); */
a[style*="/bbuddyicon"][style*=".png"] ,
.fluid.html-photo-page-scrappy-view .photo-page-sidebar-view .sidebar-main-container a[style*="/bbuddyicon"][style*=".png"].avatar.person.medium ,
.tiny[style*="/pw/images/buddyicon"] ,
.group-top-contributors-dropdown-view.ui-dropdown.top-contribs > ul .avatar ,
[src^="https://s.yimg.com/pw/images/buddyicon"] ,
.context-list>li a[style^='background-image: url("//combo.staticflickr.com/pw/images/buddyicon'] ,
a[style^='background-image: url("//combo.staticflickr.com/pw/images/buddyicon'] ,
*[style^='background-image: url("//combo.staticflickr.com/pw/images/buddyicon'] ,
.avatar.group.tiny.tiny[style*="/pw/images/buddyicon"] ,
*[style*="background-image: url(//combo.staticflickr.com/pw/images/buddyicon"][style*=".png"] ,
*[style*="https://s.yimg.com/pw/images/buddyicon"] ,
[style^='background-image: url(https://combo.staticflickr.com/pw/images/buddyicon'][style*=".png"] ,
a[style*=".png"][style*="https://combo.staticflickr.com/pw/images/buddyicon"] ,
[style^='background-image: url("https://s.yimg.com/pw/images/buddyicon'] ,
img[src*=".png"][src^="https://flimg.flickr.com/?"][src*="buddyicon"] ,
a[style*="/buddyicon"][style*=".png"] ,
img[src*=".png"][src*="buddyicon"] ,
.avatar.person[style*=".png);"] ,
[src^='https://ec.yimg.com/ec?url=https%3A%2F%2Fs.yimg.com%2Fpw%2Fimages%2Fbuddyicon'] {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.sub-photo-view .attribution-view.photo-attribution .avatar.person.medium[style^="background-image: url(//combo.staticflickr.com/pw/images/buddyicon"] {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
/* GENERIC ICON - STAFF */
.staffPost img[alt="Flickr Staff"] {
filter: invert(.8) grayscale(1) saturate(48) sepia(1) ;
}
/* STRANGE same user : ===== */
.logo[src^="https://farm3.staticflickr.com/2921/buddyicons/"]{
-webkit-filter: grayscale(1) !important;
filter: grayscale(1) !important;
}
.attribution-view .avatar.person[style^='background-image: url(//live.staticflickr.com/2921/buddyicons/'] {
-webkit-filter: grayscale(1) !important;
filter: grayscale(1) !important;
}
.fluid .avatar.person[style^="background-image: url(//live.staticflickr.com/2921/buddyicons/"] {
-webkit-filter: grayscale(1) !important;
filter: grayscale(1) !important;
}
/* BUDDY HOVER */
.person_hover_img[src^="https://farm3.staticflickr.com/2921/buddyicons/126418148@N08.jpg?1406014425#126418148@N08"] {
-webkit-filter: grayscale(1) !important;
filter: grayscale(1) !important;
}
/* COLOR DIVERS - CHECKED - POOL ADM TROTTLE */
input:not([name="magic_cookie"]):checked + label {
padding: 0 3px !important;
border-radius: 3px !important;
color: white !important;
background: green !important;
}
/* COLOR DIVERS - IMAGE - SVG BACKGROUND WHITE -
https://www.flickr.com/help/forum/en-us/72157713635219992/#reply72157713639041541
=== */
img.notsowide {
background: white !important;
}
/* COLOR DIVERS - DISABLED PHOTO CHOICE */
.photo-list-photo-view .interaction-view.disabled:not(.disabled-selected) .disabled-overlay {
background-color: rgba(255, 0, 0, 0.88) !important;
}
.photo-list-photo-view .interaction-view.disabled-selected .disabled-overlay, .photo-list-photo-view .interaction-view.disabled .disabled-overlay {
background-color: black !important;
}
/* COLOR DIVERS - PHOTO - TOP INFO RIGHT */
.sub-photo-right-view .sub-photo-right-row1 {
border-bottom: 1px solid #303030 !important;
}
/* COLOR DIVERS - ADD TO GROUP - POPUP INVITATION + RULE VIOLATION - === */
.add-to-dialog.add-to-group {
border: 1px solid red !important;
background: rgba(0, 0, 0, 0.70) !important;
}
.add-to-dialog.add-to-group .hd {
background: rgba(0, 0, 0, 0.20) !important;
}
.add-to-dialog.add-to-group .bd {
background: rgba(0, 0, 0, 0.60) !important;
}
.add-to-dialog .add-to-selector li strong.item-name {
border-top: 1px solid gray !important;
}
.add-to-dialog .add-to-selector li:hover {
background: rgba(36, 36, 37, 0.83) !important;
}
.add-to-dialog .add-to-selector li.item.group.item-selected.administered ,
.add-to-dialog .add-to-selector li.item.group.item-disabled.administered.invited {
background: rgba(142, 52, 8, 0.51) !important;
}
.add-to-dialog .add-to-selector li.item.group.item-selected.administered:hover ,
.add-to-dialog .add-to-selector li.item.group.item-disabled.administered.invited:hover {
background: rgba(142, 52, 8, 0.91) !important;
}
.rule-violation .bd {
background: rgba(0, 0, 0, 0.25) !important;
border: 1px solid rgba(128, 128, 128, 0.25) !important;
}
.rule-violation .msg {
background: rgba(255, 255, 213, 0.16);
}
ul.pool-restrictions {
border-bottom: 1px solid peru !important;
}
/* COLOR DIVERS - RIGHT SIDEBAR - INVIT POOL ICON - FROM THIS POPUP - === */
.yui3-popover-hidden #options-menu ul .option-invite-to-group span {
border-right: 3px solid gray !important;
border-bottom: 2px solid gray !important;
background-color: rgba(0, 0, 0, 0.7) !important;
}
.yui3-popover-hidden #options-menu ul .option-invite-to-group span:hover {
background-color: rgba(0, 0, 0, 0.7) !important;
}
/* COLOR DIVERS - TOOLTIPS - ALL */
#global-dialog-container {
background-color: transparent !important;
}
/* COLOR DIVERS - FOR ALL LUNGUAGES) - == */
.invite-content .button-container input.DeleteButt {
background: #E40600;
}
.ui-dialog-cta.scrappy-dialog,
.ui-dialog-cta .scrappy-dialog,
.ui-dialog-modal.scrappy-dialog,
.ui-dialog-modal .scrappy-dialog,
.ui-dialog-alert.scrappy-dialog,
.ui-dialog-alert .scrappy-dialog,
.fluid-modal-view.scrappy-dialog,
.fluid-modal-view .scrappy-dialog {
color: peru !important;
background: rgba(34, 34, 34, 0.81) !important;
}
/* COLOR DIVERS - PHOTO - DIALOGUE POPUP / TOOLTIP - DELETE PCTURE - === */
.ui-dialog-modal .confirmation-dialog-view {
color: red !important;
background: #333 !important;
}
.album-selection {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
}
.modal.subview-modal.fluid-album-modal.scrappy-dialog .body ,
.modal.subview-modal.fluid-album-modal.scrappy-dialog .body .content .album-selection ol {
border-top: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.ui-dialog-wrapper .ui-dialog-body .album-selection input {
border: 1px solid rgba(0, 0, 0, 0.5) !important;
color: rgba(255, 255, 255, 0.9) !important;
}
.ui-dialog-wrapper .ui-dialog-body .album-selection input::-moz-placeholder {
border: 1px solid rgba(0, 0, 0, 0.5) !important;
color: rgba(255, 255, 255, 0.9) !important;
text-shadow: none !important;
}
.album-selection .album-selection-list-item {
border: 1px solid gray !important;
}
.album-selection-list-item.belongs-to-album {
border: 1px solid peru !important;
}
.album-selection-list-item:hover {
border: 1px solid peru !important;
color: tomato !important;
background-color: #333 !important;
}
.album-selection-list-item:hover span {
color: tomato !important;
}
.album-selection-list-item.belongs-to-album:hover {
background-color: black !important;
}
.album-selection-list-item.belongs-to-album:hover span {
color: gold !important;
}
.album-selection-buttons {
box-shadow: none !important;
background-color: rgba(0, 0, 0, 0.2) !important;
}
/* COLOR DIVERS - FLUID - THUMBNAIL META HOVER */
.photo-list-photo-interaction:hover .interaction-bar {
background: rgba(0, 0, 0, 0.74) !important;
border-top: 1px solid #5a5a5a !important;
}
/* COLOR DIVERS - NEW DESIGN - BLOCK USER */
.profile-bio-page-view .general-stats ul li.block:hover {
background: rgba(251, 6, 6, 0.88) !important;
color: gold !important;
transition: all ease 0.7s ;
}
.profile-bio-page-view .general-stats ul li.block:hover a{
color: gold !important;
}
/* COLOR DIVERS - TOGGLE POOL BETA - SUPP TXT "GO BACK POOL NEW EXPERIENCE" - === */
.opt-out-bug button {
color: gray !important;
}
.opt-out-bug button:before {
color: white ;
background: peru ;
}
.opt-out-bug button:after {
color: white ;
background-color: rgba(255, 0, 0, 0.61) ;
}
.opt-out-bug button:hover:after {
color: white ;
background-color: rgba(8, 249, 38, 0.43) ;
}
.opt-out-bug button:hover {
color: gold !important;
background: #333 !important;
}
/* COLOR DIVERS - TOOLTIP - GALLERIE / ALBUM - === */
.popover-position-marker + .personmenu.personmenu-hidden + .global_dialog_spinner + div.global_dialog.global_dialog.default #global-dialog-container {
box-shadow: -3px 4px 5px 4px black ;
}
.reorder-widget + .button-container {
background: rgba(0, 0, 0, 0.25) ;
}
/* COLOR DIVERS - PROFILE ABOUT - === */
.coverphoto-content.fluid-centered .followers.truncate>a {
color: peru !important;
}
.coverphoto-content.fluid-centered .followers.truncate>a:visited {
color: tan !important;
}
.view.gallery-selection-dialog-view.flickr-view-root-view.album-selection-dialog-view .album-selection-list-item.album-selection-create-switch .album-selection-list-item-labels {
background: #333 !important;
}
.view.album-engagement-view ,
.album-header-view.justified-transitions > .album-header-content > .album-stats-view {
background: rgba(34, 34, 34, 0.48) ;
}
/* COLOR DIVERS - POOL MANAGE MEMBERS / ACCOUNT SETTINGS - === */
h3.Tab {
border-bottom: 4px solid red !important;
}
.TabIn {
border: 1px solid gold !important;
border-bottom: 4px solid gold !important;
background: #111 !important;
}
span.TabOut {
background: #333 !important;
}
span.TabOut a {
color: gray !important;
}
span.TabOut:hover {
color: white !important;
border-bottom: 4px solid gold !important;
background-color: green !important;
}
span.TabOut a:hover,
span.TabOut a:visited:hover {
text-decoration: none;
color: white !important;
background-color: transparent !important;
}
table.contact-list-table th, table.contact-list-table td {
border-bottom: 1px solid #777777 !important;
}
#MemberList tr[id^="member_"] {
background: #1A1919 !important;
}
#MemberList tr td:nth-child(n+3) a {
background: black !important;
}
/* COLOR DIVERS - POOL - "YOUR CONTACTS NEW UPLOAD" + FAVs - JUSTIFIED THUMBNAILS - === */
.photo-display-container .row .photo-display-item {
border-color: #222 !important;
}
.result-card .sizer-cropper ,
.search-photos-unified-page-view .search-subnav.using-slender-advanced-panel ,
.fluid .group-discussion-topic-view .reply,
.fluid .group-discussion-topic-view .topic {
border-bottom: 1px solid gray !important;
}
.fluid .group-discussion-topic-view .reply,
.fluid .group-discussion-topic-view .topic {
color: gray;
}
.result-card .button-content {
box-shadow: none !important;
}
/* COLOR DIVERS - COLOR DIVERS - GM - "FLICKR FUNCTIONAL SUITE" - NORMAL POPUP MENU - === */
#CatFlickrSuitePopUp.ToolTip {
border-color: gray #222 #222 gray !important;
box-shadow: 10px 10px 3px 1px rgba(0, 0, 0, 0.3) !important;
}
a.simple_butt,
a.simple_butt:link,
a.simple_butt:visited {
background: transparent !important;
color: peru !important;
}
/* COLOR DIVERS - GM (choice) - "FLICKR FUNCTIONAL SUITE" - PHOTO PAGE - POPUP - CHOOSE OUR COLOR FLAGS - === */
.SetColor:not(:hover) {
border-top: 3px solid black !important;
border-bottom: 3px solid black !important;
}
.SetColor:hover {
color: gold !important;
border-top: 3px solid violet !important;
border-bottom: 3px solid violet !important;
}
.SetColor:hover em {
color: gold !important;
background: black !important;
border: 1px solid violet !important;
}
/* COLOR DIVERS - GM - "FLICKR FUNCTIONAL SUITE" - POPUP POSITION - PHOTO PAGE - === */
.fluid.html-photo-page-scrappy-view #CatFlickrSuitePopUp.ToolTip{
border-color: gray #222 #222 gray !important;
background-color: #333 !important;
}
/* COLOR DIVERS - GM - BUDDY INTERSTING - IMG VISITED */
.popup ul li a img {
outline: 1px solid grey !important;
}
.popup ul li a:visited img {
outline: 1px solid gold !important;
}
/* COLOR DIVERS - SEARCH - PHO INTERSTING - IM VISITED */
.fluid.html-search-photos-unified-page-view .photo-list-tile-view > a .photo {
outline: 1px solid #222 !important;
}
.fluid.html-search-photos-unified-page-view .photo-list-tile-view > a:visited .photo {
outline: 1px solid violet !important;
}
/* COLOR DIVERS - GALLERY - IMG VISITED */
#gallery-big-photos .gallery-item.clearfix .gallery-photos span.photo_container a {
outline: 1px solid #222 !important;
}
#gallery-big-photos .gallery-item.clearfix .gallery-photos span.photo_container a:visited {
outline: 1px solid violet !important;
}
/* COLOR DIVERS - TESTIMONIAL - BUDDY ICON - VISITED */
.testimonial .user-infos a.avatar.person.small {
outline: 1px solid grey !important;
}
.testimonial .user-infos a.avatar.person.small:visited {
outline: 1px solid violet !important;
}
/* COLOR DIVERS - POOL NO BETA - VISITED */
.photo-list-photo-interaction a.overlay {
outline: 1px solid #222 !important;
}
.photo-list-photo-interaction a.overlay:visited {
outline: 1px solid green !important;
}
/* COLOR DIVERS - ICON - OPACITY */
.super-liquid .photo-display-container.ju .photo-display-item .meta a.comments-icon img,
.super-liquid .hoverzoom .meta a.comments-icon img {
opacity: 0.5;
}
/* COLOR DIVERS - ACKGROUND IMAGE */
/* BACKGROUND IMAGE - WHITE ICON */
/* RELATION - "X" */
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip .following-unfollow .ui-icon-tiny-unfollow {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -90px -415px;
height: 18px;
width: 18px;
}
/* COLOR DIVERS - BORDER - DIVIDER - COLOR */
.share-options-list li.divider span span {
border-color: #333 !important;
}
/* COLOR DIVERS - APPS PAGES - TAGS - === */
.RHS #thetags ul.rhs-data li.Stats a {
color: gold !important;
}
/* COLOR DIVERS - INVITED IMAGE IN FLUID - === */
.photo-list-photo-interaction a.overlay {
outline: 1px solid #222 !important;
}
.photo-list-photo-interaction a.overlay:visited {
outline: 1px solid green !important;
}
/* ============================================== */
/* ============ BUDDY ICON MENU ================= */
/* ============== COLOR DIVERS ================= */
/* ============================================== */
/* COLOR DIVERS - BUDY ICON ??? - === */
#TopBar .NavBar td li[class="menu_li hover hover_left"] img.nav_button_caret {
-moz-appearance: none !important;
-webkit-appearance: none !important;
background-color: #aaaaaa !important;
border-color: #222 !important;
}
/* COLOR DIVERS - ORGANIZE MENU */
.tabl .top_form_div .candy_menu {
color: gray !important;
border: 1px solid black !important;
background-color: #2C2C2C !important;
}
.top_form_div .candy_button_bar .candy_menu a,
.top_form_div .candy_button_bar .candy_menu a:link {
font-size: 15px !important;
color: gray !important;
}
.top_form_div .candy_button_bar .candy_menu a:hover,
.top_form_div .candy_button_bar .candy_menu a:link:hover {
color: gold !important;
}
/* COLOR DIVERS - BUDY ICON WITH MENU - === */
#personmenu_button_bar .candy_menu {
color: gray !important;
border-left: 1px solid #777777 !important;
background-color: #2C2C2C !important;
}
.personmenu .personmenu-bd ,
#personmenu_down_menu {
box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9) !important;
border: 2px solid #333 !important;
background: #222 !important;
}
.personmenu .personmenu-bd-border-blocker ,
#personmenu_border_blocker {
background-color: #222 !important;
}
.personmenu .personmenu-bd ul li a.personmenu-item ,
#personmenu_down_menu #person_menu_other_div a.block {
color: peru !important;
}
#personmenu_button_bar .candy_menu p {
color: #E4E4E4 !important;
}
#personmenu_contact_link>strong {
color: gold !important;
}
.personmenu .personmenu-bd ul li a:hover,
#personmenu_down_menu #person_menu_other_div a.block:hover {
color: #b9d56e !important;
background-color: #333 !important;
}
.personmenu .personmenu-bd ul li a.personmenu-item:visited ,
#personmenu_down_menu #person_menu_other_div a.block:visited {
color: red !important;
}
.personmenu .personmenu-bd ul li.personmenu-block a ,
#personmenu_block_link {
color: tomato !important;
}
.personmenu .personmenu-bd ul li.personmenu-block a:visited ,
#personmenu_block_link:visited {
color: red !important;
}
/* COLOR DIVERS - BUDY ICON WITH MENU - PENDING / MAIL - === */
#personmenu_block_link {
text-align: center !important;
}
/* COLOR DIVERS - USER BUDY MENU - === */
.personmenu personmenu-closed .personmenu-hd {
/* background-color: #100F0F !important; */
background-color: red !important;
border: 1px solid #565656 !important;
}
.personmenu .personmenu-hd .personmenu-arrow {
background-color: #2F2E2E !important;
}
.personmenu-closed .personmenu-arrow span {
border-color: #F5F1F1 #373737 #373737 !important;
border-width: 4px 4px 0 !important;
}
.personmenu-open .personmenu-hd .personmenu-arrow span,
.personmenu-spinning .personmenu-hd .personmenu-arrow span {
border-color: #373737 #373737 #F5F1F1 !important;
border-width: 0 5px 7px !important;
}
#personmenu_button_bar .candy_menu div.menu_item_lines_around {
border-top: 1px solid #5E5D5D !important;
border-bottom: 1px solid #5E5D5D !important;
}
#personmenu_button_bar .candy_menu div.menu_item_line_above {
border-top: 1px solid #5E5D5D !important;
}
.personmenu .personmenu-bd ul li.personmenu-sep-bottom {
border-bottom: 1px solid #5E5D5D !important;
}
.personmenu .personmenu-hd ,
#person_hover {
-moz-appearance: none !important;
-webkit-appearance: none !important;
border : 1px solid #222 !important;
background-color: #333 !important;
}
.personmenu ,
#person_hover #person_hover_inner {
-moz-appearance: none !important;
-webkit-appearance: none !important;
border : 1px solid #222 !important;
background-color: #333 !important;
}
#personmenu_button_bar {
background: #222 !important;
}
#personmenu_down_button {
cursor: pointer;
opacity: 0.50 !important;
}
.personmenu .personmenu-hd-shadow ,
#person_hover div#person_hover_shadow {
background-color: #222 !important;
}
#person_hover_inner {
background-color: red !important;
border: 2px solid #262525 !important;
}
.tt-options {
background-color: #575757 !important;
}
/* END ========================================== */
/* ============ BUDDY ICON MENU ================= */
/* ============== COLOR DIVERS ================== */
/* ============================================== */
/* ============================================== */
/* ============================================== */
/* =============== BUTTONS =================== */
/* ============== COLOR DIVERS ================== */
/* ============================================== */
.Butt,
.SmallButt,
.Butt:hover,
.SmallButt:hover {
background-color: transparent !important;
}
.DeleteButt ,
.SmallDeleteButt {
color: gray !important;
}
.DeleteButt:hover,
.SmallDeleteButt:hover {
color: black !important;
}
/* COLOR DIVERS - POOL - LEAVE */
#group-sidebar .DeleteButt:hover {
color: white !important;
background-color: red !important;
}
/* COLOR DIVERS - POOL - JOIN - AGREE BUTTON */
#groups-about .about form p input.Butt {
border: 1px solid red!important;
color: gold !important;
background: GREEN !important;
}
/* COLOR DIVERS - FOLLOW BUTTON - === */
.subnav-refresh .person .character-name-holder .add-button ,
#main .follow-butt,
#Main .follow-butt ,
.follow-butt.is-following {
border: 1px solid gray !important;
color: #FFFFFF !important;
background: #333333 !important;
}
/* END ========================================== */
/* ============================================== */
/* =============== BUTTONS =================== */
/* =============== COLOR DIVERS ================= */
/* ============================================== */
/* ============================================== */
/* ============================================== */
/* =============== INPUTS =================== */
/* =============== COLOR DIVERS ================= */
/* ============================================== */
input:not(.autosuggest-selectable-item),
textarea,
#nav-selecta-field {
/* background-color: #333333 !important; */
/* background-color: rgba(0,0,0, 0.1) !important; */
background-color: rgba(255, 255, 255, 0.8) !important;
}
input:not([type="checkbox"]):not([type="radio"]):not(.autosuggest-selectable-item):not(.search-icon-button):not(.search-icon),
input[type="textarea"],
input[type="text"],
input[type="select"],
input[type="submit"],
input[type="reset"],
input[type="button"],
textarea {
-moz-appearance: none !important;
-webkit-appearance: none !important;
color: gray !important;
/* color: black !important; */
}
input[type="button"]:not([type="checkbox"]):hover,
input[type="button"]:not([type="checkbox"]):focus,
button:not([type="checkbox"]):active,
input[type="submit"]:hover,
input[type="text"]:hover,
input[type="text"]:focus,
input[type="text"]:active {
-moz-appearance: none !important;
-webkit-appearance: none !important;
/* background-color: rgba(204,204,204, 0.2) !important; */
background-color: rgba(255, 255, 255, 0.8);
}
#gallery-comments #comments #reply.comment-block.add-comment-form.adding-comment #comment-form > .hide-during-preview textarea#message ,
#gallery-comments:hover #comments #reply.comment-block.add-comment-form.adding-comment #comment-form > .hide-during-preview textarea#message {
color: white !important;
background: rgba(0, 0, 0, 0.59) !important;
}
/* COLOR DIVERS - PHOTOSTREAM EDITABLE - INPUT */
.meta-field.edit-meta-field.edit-photo-title.show-editable {
-moz-appearance: none !important;
-webkit-appearance: none !important;
color: black !important;
}
/* END ========================================== */
/* =============== INPUTS =================== */
/* =============== COLOR DIVERS ================= */
/* ============================================== */
/* =========================================== */
/* =============== PAGINATOR ================= */
/* ============== COLOR DIVERS =============== */
/* COLOR DIVERS - PAGINATOR - PREV/START - === */
.Paginator .AtEnd {
border-color: #272727 !important;
color: #202020 !important;
background-color: #222222 !important;
}
.AtStart {
color: SlateGray !important;
background-color: #222222 !important;
}
.Paginator .AtStart {
border-color: #6F6C6C !important;
color: gray !important;
}
.Paginator .this-page {
border-color: #999999 !important;
}
/* COLOR DIVERS - PAGINATOR - PREV/NEXT etc - === */
.Next,
.Prev {
background-color: #222222 !important;
}
/* COLOR DIVERS - PAGINATOR) - === */
.Paginator a ,
.Paginator span.break {
background-color: #222222 !important;
border-color: #777777 !important;
}
/* COLOR DIVERS - PAGINATOR FAVORITS - JUST UTIL PAGE when FULL LOADING - === */
body.breakout-justified .infinite-pages .pages a[href*="/favorites/page21/"] ,
body.breakout-justified .infinite-pages .pages a[href*="/favorites/page16/"] ,
body.breakout-justified .infinite-pages .pages a[href*="/favorites/page11/"] ,
body.breakout-justified .infinite-pages .pages a[href*="/favorites/page6/"] ,
body.breakout-justified .infinite-pages .pages a[href*="/favorites/page1/"] {
color: peru !important;
background-color: red !important;
}
/* COLOR DIVERS - BACKGROUND ================= */
/* COLOR DIVERS - BACKGROUND - BACKGROUND-ZEBRA - BORDER DOTTED (new300)========== */
ul.IgnoreList li:nth-child(odd) ,
.fluid.html-photo-page-lightbox-scrappy-view .comment-list li:nth-child(odd) ,
.fluid.html-photo-page-scrappy-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout .photo-faves-list-view li:nth-child(odd) ,
.contact-list-table>tbody>tr:nth-child(odd) ,
.contact-list-table.contact-list-table-default>tbody>tr:nth-child(odd) ,
#group-sidebar .discussions .topic:nth-child(odd) ,
.testimonial:nth-child(odd) ,
.suggestions li:nth-child(odd) ,
.TopicListing>tbody>tr:nth-child(even) ,
.camera-table tr:nth-child(odd) ,
.TopicReply>tbody>tr:nth-child(odd) {
border-bottom: 1px dotted gray !important;
border-top: 1px dotted gray !important;
background: #141414 !important;
}
ul.IgnoreList li:nth-child(even) ,
.fluid.html-photo-page-scrappy-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout .photo-faves-list-view li:nth-child(even) ,
#group-sidebar .discussions .topic:nth-child(even) ,
.suggestions li:nth-child(even) ,
.camera-table tr:nth-child(even) ,
.TopicReply>tbody>tr:nth-child(even) {
background: black !important;
}
/* COLOR DIVERS - BACKGROUND - BACKGROUND-ZEBRA - HOVER */
.camera-table tr:hover {
background: #222 !important;
}
/* COLOR DIVERS - BACKGROUND - FU - POOL HOME - MODAL CONFIR */
.fluid.html-group-home-page-view #stacking-overlay-container .confirmation-dialog-view {
color: silver !important;
background: #111 !important;
}
/* COLOR DIVERS - BACKGROUND - PHO - HISTORY - MODAL */
.fluid-modal-view .modal.subview-modal.license-history {
color: gray !important;
background: #333 !important;
border: 1px solid red !important;
}
.fluid-modal-view .modal.subview-modal.license-history .body.lines {
color: gray !important;
background: #222 !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
.fluid-modal-view .modal.subview-modal.license-history .body.lines table tr {
border-bottom: 1px solid red !important;
}
.fluid-modal-view .modal.subview-modal.license-history .body.lines table tr td a ,
.fluid-modal-view .modal.subview-modal.license-history .body.lines table tr td {
color: gold !important;
background: #111 !important;
}
/* COLOR DIVERS - BACKGROUND - PRINT */
.sm-user-professional ,
.sm-user-professional.sm-page-initialized.sm-page-has-cookie-banner ,
html.sm-user-ui,
.sm-user-ui {
color: gray !important;
background-color: #222 !important;
}
.sm-modal-mask{
color: gray !important;
background-color: red !important;
}
.sm-user-ui .sm-modal-mask.sm-lightbox-v2-modal-mask[data-opacity="opaque"],
.sm-user-ui .sm-lightbox-v2-navbar, .sm-user-ui .sm-lightbox-v2-sidebar {
color: gray !important;
background-color: #222 !important;
}
.sm-lightbox-v2-content {
color: gray !important;
background-color: #111 !important;
}
.sm-flex-justify-between ,
.sm-user-ui .sm-com-lb-sidebar-header-container::before {
color: gray !important;
background: #222 !important;
}
.sm-user-ui .sm-com-lb-image-list-item, .sm-user-ui .sm-com-lb-list-item {
color: white !important;
border-color: gray !important;
background-color: #333 !important;
}
.sm-user-ui .sm-com-lb-image-list-item:hover,
.sm-user-ui .sm-com-lb-image-list-item:hover > .sm-com-lb-list-item,
.sm-user-ui .sm-com-lb-list-item:hover {
border-color: gray !important;
background: #111 !important;
}
.sm-com-lb-image-list-item-preview-container {
background: #222 !important;
border-color: #333 !important;
}
.sm-user-ui .sm-button.sm-button-skin-default.sm-button-nochrome,
.sm-user-ui .sm-button.sm-button-skin-default.sm-button-nochrome[disabled],
.sm-user-ui .sm-button.sm-button-skin-default.sm-button-nochrome[disabled]:hover,
.sm-user-ui .sm-button.sm-button-skin-default.sm-button-nochrome[disabled]:active {
background-color: #111 !important;
color: gold !important;
}
.sm-com-lb-image-list-item-preview {
max-height: 156px;
min-width: 100% !important;
max-width: 100% !important;
pointer-events: none;
object-fit: contain !important;
}
/* COLOR DIVERS - BACKGROUND - PHOT - POOL / GAL / ALB - ADD */
.fluid.html-photo-page-scrappy-view .modal.subview-modal.flex-layout .content.subview .add-to-stuff-view ul li.selected {
background: green !important;
color: white !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .modal.subview-modal.flex-layout .content.subview .add-to-stuff-view ul li.selected span {
color: white !important;
}
.fluid.html-photo-page-scrappy-view .join-subview::before {
background: none !important;
}
.album-header-view.justified .album-header-content .album-title-desc-view > .title-desc-block > .album-title,
.album-header-view.justified .album-header-content .album-title-desc-view > .title-desc-block > .edit-meta-field.edit-album-title ,
.album-header-view.justified > .album-header-content > .album-title-desc-view > .title-desc-block > .edit-meta-field.edit-album-desc {
background: rgba(0, 0, 0, 0.18) !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present::before {
background: rgba(0, 0, 0, 0.78) !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover::before {
background: rgba(0, 0, 0, 0.58) !important;
}
.gallery-page-view .action-bar ,
.gallery-page-view .gallery-page-container .action-bar {
background-color: rgba(14, 14, 14, 0.95);
border-bottom: 1px solid red;
}
.pool-photo.photo-display-item.inline-commenting #comments.comments-popover {
background: tomato !important;
border: 1px solid red !important;
}
.pool-photo.photo-display-item.inline-commenting #comments.comments-popover + .popover-shim {
border: 1px dashed red !important;
background: blue !important;
}
/* COLOR DIVERS - BACKGROUND - FEED - POOL - USER HEADER HOVER */
.photo-card-view .photo-card .photo-card-header-view .photo-card-header.theme-overlay {
background: rgba(0, 0, 0, 0.3) !important;
}
/* COLOR DIVERS - BACKGROUND - PHOTOSTREAM EDITABLE */
.html-photostream-edit-page-view .interaction-view .photo-list-photo-edit-interaction .interaction-bar {
background-color: rgba(0, 0, 0, 0.8) !important;
}
.html-photostream-edit-page-view .interaction-view .photo-list-photo-edit-interaction .interaction-bar:hover {
background-color: rgba(0, 0, 0, 1) !important;
}
.fluid.html-photostream-edit-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound ,
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit ,
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit .interaction-bar .view.sub-photo-title-desc-view.photostream-edit.editing ,
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit .interaction-view-placeholder{
background-color: #222 !important;
}
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait:hover .interaction-bar > .tools ,
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait:hover .interaction-bar .view.sub-photo-title-desc-view.photostream-edit {
background-color: rgba(0, 0, 0, 0.8) !important;
color: white !important;
}
/* COLOR DIVERS - BACKGROUND - SPRITE - DOWN CARET WHITE */
.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool.privacy-area .down-caret {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -526px -92px !important;
height: 6px;
opacity: 0.4;
width: 12px;
margin-left: 3px;
margin-top: 5px;
}
/* COLOR DIVERS - BACKGROUND - FEED */
.preview-overlay-view .feed-preview {
background-color: #000000 !important;
}
.feed-page-view .activity-card.batch-photo-card div.activity-card-photos .activity-card-photo:not(:only-of-type) {
background-color: rgba(21, 21, 21, 0.11) !important;
outline: 1px solid #222 ;
}
.feed-page-view .activity-card.batch-photo-card div.activity-card-photos a.activity-card-photo:only-of-type:after {
content: attr(title) !important;
background: rgba(0, 0, 0, 0.21) !important;
}
.feed-page-view .activity-card.batch-photo-card div.activity-card-photos a.activity-card-photo:hover:only-of-type:after {
background: rgba(0, 0, 0, 0.5) !important;
}
.feed-page-view .activity-card.single-photo-card div.activity-card-content .activity-card-title {
background: rgba(0, 0, 0, 0.21) !important;
}
/* COLOR DIVERS - BACKGROUND - FEED - PREVIEW - BACKGROUND + SPRITE */
.preview-overlay-view .close-preview-container .close-preview {
background: #222 url("https://combo.staticflickr.com/ap/build/images/sprites/icons-796ebcad.png") no-repeat scroll -558px -108px !important;
}
.preview-overlay-view .close-preview-container {
background: #222 !important;
}
.preview-overlay-view .navigate {
background: rgba(0, 0, 0, 0.21) !important;
}
.preview-overlay-view .navigate .prev-arrow-icon {
background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/icons-36c2f8d6.png") no-repeat scroll -419px -53px !important;
}
.preview-overlay-view .navigate .next-arrow-icon {
background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/icons-36c2f8d6.png") no-repeat scroll -415px 0 !important;
}
.preview-overlay-view .navigate .prev-arrow-icon ,
.preview-overlay-view .navigate .next-arrow-icon {
height: 52px !important;
width: 20px !important;
}
#recent-activity.tt-activity .act-detail-item > .act-content:only-of-type {
background: #A92929 !important;
}
#Main p#admin_intro {
background-color: #555555 !important;
}
.view.group-selection-dialog-view.flickr-view-root-view.album-selection-dialog-view ,
.modal.subview-modal.fluid-album-modal.scrappy-dialog .body .content .album-selection {
background: transparent !important;
}
.fluid .butt,
.fluid button {
background-color: #555555 !important;
}
html body #main #activityFeed .card.micro-card ,
.imgContainer.topRightLandscapeContainer .imgWrapper ,
.imgContainer.bottomRightLandscapeContainer .imgWrapper ,
.leftPortraitContainer .imgWrapper ,
.rightPortraitContainer .imgWrapper ,
#activityFeed .card-a .imgWrapper {
background-color: #171717 !important;
}
/* COLOR DIVERS - BACKGROUND - BACKGROUND + BOX SHADOW - MENU / MODAL DIVERS ======= */
.view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound .body .content.subview ,
.modal.subview-modal.modal-restyle {
color: gold !important;
box-shadow: -5px 5px 6px 7px black !important;
background: #333 !important;
}
.modal.subview-modal.modal-restyle .body .content.subview .view.fluid-share-panel-view.restyle {
color: white !important;
background: #222 !important;
}
#global-nav #gn-wrap .nav.small-logo .toplink > a + .panel .bd {
color: gold !important;
box-shadow: -5px 5px 6px 7px black !important;
background: #333 !important;
}
.group-pool-subheader-view .ui-dropdown ul {
background-color: #222;
border: 1px solid red;
box-shadow: -5px 5px 3px rgba(0, 0, 0, 1);
}
table.contact-list-table td.contact-list-name a:first-of-type + span:before {
background: rgba(0, 0, 0, 0.5) ;
color: gold ;
}
.sub-photo-contexts-view .sub-photo-context.sub-photo-context-groups .context-list li:last-of-type:before {
background: rgba(255, 0, 0, 0.47) ;
color: peru ;
}
.vjs-progress-holder.vjs-slider.vjs-slider-horizontal:after {
background: #333 ;
color: white ;
}
.vjs-progress-holder.vjs-slider.vjs-slider-horizontal:before {
background: green ;
color: white ;
}
#findr_mover_div {
background-color: #d4d4d4;
}
.fluid.html-album-page-view .album-header-content .attribution-view .avatar.person.medium b {
background: rgba(0, 0, 0, 0.25);
}
.popup ul + a:hover {
background-color: #BA1212 !important;
border: 1px solid red !important;
}
/* COLOR DIVERS - MENU POPUP - BOX SHADOW - LEFT / BOTTOM - BLACK - ALL */
.ui-dialog-cta.scrappy-dialog,
.ui-dialog-cta .scrappy-dialog,
.ui-dialog-modal.scrappy-dialog,
.ui-dialog-modal .scrappy-dialog,
.ui-dialog-alert.scrappy-dialog,
.ui-dialog-alert .scrappy-dialog,
.fluid-modal-view.scrappy-dialog,
.fluid-modal-view .scrappy-dialog ,
.yui3-popover-content ,
.subnav-refresh .sn-dropdowntarget ul.sn-dropdown ,
.fluid .droparound .body .content.menu {
border: 1px solid rgba(0, 0, 0, 0.4) !important;
box-shadow: -10px 10px 3px 1px rgba(0, 0, 0, 0.7) , 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}
/* COLOR DIVERS - FILTER INVERT === */
/* COLOR DIVERS - FILTER - GALL EMPTY */
.galleries-list-page-view .empty-galleries-list-container .background .bg {
filter: invert(0.8);
}
/* END ========= ============== ================ */
/* ============== ============= ================ */
/* ============== DIVERS COLORS ================ */
/* ============== COLOR DIVERS ================ */
/* ============== ============= ================ */
/* START ======== ================ ================ */
/* ====== COLOR(ok) - BACKGROUND COLOR ========= */
/* ============== ================ ================ */
/* (new300) COLOR(ok) - BACKGROUND COLOR - WHITE - === */
.fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view .ui-dialog-wrapper .following-unfollow ,
.fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view .ui-dialog-wrapper .following-unfollow {
background-color: white !important;
}
/* (new300) COLOR(ok) - BACKGROUND - GRAY */
.fluid .fluid-magic-tools-view ,
#mostviewed div div {
background: gray !important;
}
/* (new300) COLOR(ok) - BACKGROUND - PERU */
.sub-photo-container.centered-content .sub-photo-title-desc-view + #FCR_main:not(:hover):after ,
.GroupsResults .Stats a[href^="/groups_join.gne"]:link ,
.fluid.html-group-discussion-page-view .opt-out-widget .optout-toggle ,
.fluid.html-group-discussions-list-page-view .opt-out-widget .optout-toggle ,
.opt-out-widget .optout-toggle {
background: peru !important;
}
/* (new300) COLOR(ok) - BACKGROUND - TAN */
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p a + b:not(:hover) ,
#recent-activity.tt-activity .act-detail-item > a + b ,
#DiscussTopic .Preview:before ,
#DiscussTopic .Preview:after {
background: tan ;
}
/* (new300) COLOR(ok) - BACKGROUND - BLUE */
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b ,
.act-data>div:first-of-type b + b ,
.fluid.html-album-page-view body .fluid-droparound-overlay.transparent:not(.transparent) ,
.fluid.html-gallery-page-view body .fluid-droparound-overlay:not(.transparent) ,
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b {
background: blue !important;
}
/* (new300) COLOR(ok) - BACKGROUND - RED */
.first.group-count.pool-pending label[title="delete all photos from group pool?"][style^="display: inline; visibility: visible;"] ,
.photo-tags-autotags-view ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=atom"]:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=rss_200"]:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/geo/?g="]:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=atom"]:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=rss_200"]:before ,
.act-data>div:first-of-type b + b ,
.act-item > .act-data > div b ,
.first.group-count.pool-pending:not([style="white-space: nowrap;"]):hover {
background: red ;
}
.fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view:not(:hover) ,
.fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view:not(:hover){
background-color: red !important;
}
/* (new300) COLOR(ok) - BACKGROUND - RED + COLOR */
li.personmenu-sep-bottom span.personmenu-item ,
#MemberList tr[id^="member_"] form {
background: red !important;
color: gold !important;
}
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .close-x {
border: 3px solid red !important;
background-color: red !important;
}
/* (new300) COLOR(ok) - BACKGROUND - GREEN */
.groups-you-admin-listing-view li.selected-item, .fluid .droparound .body .content.menu li.selected-item ,
.groups-you-admin-listing-view li.selected-item ,
table.contact-list-table td.contact-list-name a:first-of-type + span ,
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p a + b:not(:hover):before ,
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b:before {
background: green ;
}
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b:before ,
li.act-detail-item.f-fave.f-your-photo-their-fave.tt-first > a:first-of-type:before ,
li.act-detail-item f-fave.f-your-photo-their-fave tt-first:before ,
li.act-detail-item.f-note.f-their-photo-their-note>p > a:before ,
#recent-activity.tt-activity .act-detail-item.f-comment .act-content > a:not(.pro-badge-new):before ,
ul.tt-activity ul.act-details li.act-detail-item > a:first-of-type:before ,
.flickrfixrwebextension .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover .c-charm-item-location .location-data-container:hover > a[href^="//www.google.com/maps/search/?"]:before ,
.flickrfixrwebextension t .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover .c-charm-item-location .location-data-container:hover > a[href^="https://www.google.com/maps/search/?"]:before,
.flickrfixruserscript .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover .c-charm-item-location .location-data-container:hover > a[href^="//www.google.com/maps/search/?"]:before ,
.flickrfixruserscript .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover .c-charm-item-location .location-data-container:hover > a[href^="https://www.google.com/maps/search/?"]:before {
background-color: green ;
color: white ;
}
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/"]:before {
background: green ;
color: gold ;
}
/* (new300) COLOR(ok) - BACKGROUND - GOLD + TXT RED */
.fluid.html-photostream-page-view #photostream a[id^="CFS_"] span:hover:after ,
.fluid.html-favorites-page-view #photostream a[id^="CFS_"] span:hover:after ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=atom"]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=rss_200"]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/geo/?g="]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=atom"]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=rss_200"]:hover:before {
background: gold ;
color: red ;
}
/* (new300) COLOR(ok) - BACKGROUND - YELLOW */
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name:hover + p b:not(:hover) {
background: yellow !important;
}
/* (new300) COLOR(ok) - BACKGROUND - BLACK */
.gallery-page-view .gallery-page-container .details-section .description:not(.short) p ,
#archives-tabs .tabs ,
.subnav-middle>span ,
.fluid.html-person-groups-page-view .sortable-table-wrapper td.show-after-locked ,
.photo-card-view .photo-card .photo-card-header-view .photo-card-header:not(.theme-overlay) ,
#group-sidebar.sm:hover .pending.sec h3.group-subhead ~ p ,
#group-sidebar:hover .pending.sec h3.group-subhead ~ p ,
#group-sidebar.open .pending.sec:hover p ,
#group-sidebar .pending.sec:hover p ,
#group-sidebar.sm.open:hover .pending.sec ,
#group-sidebar:hover .pending.sec ,
#group-sidebar .pending.sec:hover ,
#ab .tabs ,
table.contact-list-table-default td.contact-list-sorted ,
.contact-list-table.contact-list-table-default>thead>tr ,
.DiscussionResults>tbody tr td:first-of-type:not(.Who) h2 ,
table.contact-list-table td.contact-list-name a:first-of-type + span:hover ,
#Hint + #GoodStuff #DiscussTopic table:first-of-type tbody tr h4 a + span + b ,
#DiscussTopic table.TopicReply tr h4 b ,
#DiscussTopic table:first-of-type .Who:first-of-type + .Said h4 > a:last-of-type + b ,
#GoodStuff #DiscussTopic .TopicReply .Said h4 b ,
.sub-photo-container.centered-content .view.sub-photo-title-desc-view + #FCR_main:hover ,
#ViewSet .vsDetails #setThumbs:hover ,
#ViewSet .vsComments table.SetComments > tbody tr .Comment > p ,
.person>h1>span + span:hover ,
.flickrfixrwebextension .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="//www.google.com/maps/search/?"]:before ,
.flickrfixrwebextension .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="https://www.google.com/maps/search/?"]:before ,
.flickrfixruserscript .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="//www.google.com/maps/search/?"]:before ,
.flickrfixruserscript .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="https://www.google.com/maps/search/?"]:before ,
.group-admin-pending-item-view .group-admin-pending-item .item-content-container:hover .action-column ,
.group-admin-pending-item-view .group-admin-pending-item .item-content-container:hover .action-column .batch-check ,
/* BACKGROUND - BLACK */
#groups-list .groups-sidebar:hover ,
.fluid.html-photostream-page-view .fluid-magic-tools-view .fluid-magic-toolbar:hover ,
#recent-activity.tt-activity .act-content .pro-badge-new + b ,
#recent-activity.tt-activity .act-content a + span.pro-badge-new + b ,
li.act-detail-item.f-fave b ,
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b ,
ul.tt-activity ul.act-details li.act-detail-item > a + .pro-badge + b ,
li.act-detail-item.f-fave.f-your-photo-their-fave.tt-first >a:first-of-type + b ,
.act-detail-item.f-note.f-their-photo-their-note>p > a + b ,
#recent-activity.tt-activity .act-content a + .pro-badge + b ,
#recent-activity.tt-activity .act-content a[id^="CFS_"] + b ,
#Main table tbody tr td#Hint .TopicListing ,
.fluid .view.global-nav-view:hover .global-nav ,
#global-nav .gn-wrap ,
.global-nav .global-nav-content .nav-menu > li ul.gn-submenu li ,
.photo-list-photo-interaction:hover .interaction-bar:hover .text .attribution:hover a[id^="CFS"] span:first-of-type:not(.avatar) ,
.sub-photo-contexts-view .sub-photo-context ul.context-list:hover ,
.fluid.html-albums-list-page-view #content .view.album-list-toolbar-view.fluid-centered ,
.album-creation ,
.gallery-page-view .gallery-page-container .comments-section:hover ,
.fluid.html-search-photos-unified-page-view .view.global-nav-view ~ .view.search-subnav-slender-view .search-subnav-sizing.fluid-centered .search-subnav-content .tool.advanced-clear ,
.html-photo-page-scrappy-view.fluid.scrolling-layout.yui3-js-enabled .view.footer-full-view:hover:before ,
/* BACKGROUND - BLACK */
#group-sidebar .pending.sec:hover ,
.context-slider-scrappy-view.hover ,
.context-slider-scrappy-view ,
#GoodStuff #DiscussTopic table.TopicReply tbody tr:last-of-type td:not(.Said):not(.Who):hover ,
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who):hover ,
.photo-display-container.ju .photo-display-item .meta a:hover,
.zoomer .meta a:hover ,
#groups-list .Sets .setText:hover ,
.groups-list-item .group-members ,
.video-wrapper ,
.gallery-item:target ,
#main > #subnav-refresh + script#subnav-template-photopicker + script#subnav-template-positionmask + h2 ,
#sidebar[style^="position: absolute;"] ,
#sidebar[style^="position: fixed;"] ,
body .insitu-editing .buttons ,
#basicInvites[style="display: block;"] + #advancedInvites:hover ,
#GoodStuff p.NoResult + ul ,
#GoodStuff p.Confirm + ul ,
.tt-block .closed-content p ,
ul.tt-activity li.act-item.hover, ul.tt-activity li.act-item:hover ,
.super-liquid.extras #sidebar.wide-sidebar #sidecar ,
.super-liquid.extras #sidebar.wide-sidebar #photo-sidebar-tags ,
#photo-details.clearfix #arse form[name="sfcommentform"] ,
#groups-list .groups-sidebar:before ,
#photo-sidebar-tags:hover ,
#sidecar:hover ,
#recent-activity.tt-activity .act-content:hover a + b ,
#Hint + #GoodStuff #DiscussTopic table:first-of-type tbody tr h4 a + span + b ,
#DiscussTopic table.TopicReply tr h4 b:before ,
#DiscussTopic table:first-of-type .Who:first-of-type +.Said h4 ,
#DiscussTopic table:first-of-type .Who:first-of-type + .Said h4 > a:last-of-type + b ,
#GoodStuff #DiscussTopic .TopicReply .Said h4 b ,
#MemberList tr td+td b:not(:hover):before ,
#MemberList tr td+td b ,
a.fpmLink:hover:before ,
/* BACKGROUND - BLACK */
#additional-info-expanded ul.icon-left:not(.machinetags-extras-list ) li:hover ,
#mostviewed div div a ,
#mostviewed div div a:visited ,
.c-account-menu .ui-dialog .ui-dialog-body ,
.clearfix #CFS_Tag_Assoc form span ,
.clearfix #CFS_Tag_Assoc ,
.clearfix #CFS_Tag_Assoc:hover:before ,
.clearfix #CFS_Tag_Assoc:before ,
.profile-paginator-container #groups-page-1 li:last-of-type ,
.act-item:not(.f-contacted) >.act-thumb+ .act-data > div:not(.tt-item-options):not(.clearfix):hover ,
.act-thumb ,
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type > .act-thumb ,
#view-holder +script + #paginator-module .Paginator span .this-page ,
#view-holder + #paginator-module.Pages .Paginator span .this-page ,
.zoomer .meta a:hover ,
/* BACKGROUND - BLACK */
#pool-photos.ju ~#paginator-module .Paginator span .this-page ,
.photo-display-container.ju .photo-display-item .meta a:hover,
.photo-display-container.ju .photo-display-item .meta a:hover,
.contact-list-table + #paginator-module.Pages .Results ,
.char_search +#MemberList tr td:nth-child(2) small a ,
/*#Main #top-about + #col-left + #col-right ,*/
#Main #top-about + #col-left ,
a[data-track="Account-flickrmail-menu"] ,
#pool-photos #empty-state p ,
#pool-photos #empty-state h2 ,
#Main table tbody tr td#Hint p ,
#Main table tbody tr td#Hint h4 ,
.subnav-refresh .stats .stat ,
.DiscussionResults .Who ,
.GroupsResults .Stats ,
.groups-list-header ,
.flickr-dialog .bd ,
.subnav-middle>span ,
#albumTeaser:hover ,
.gn-subnav-item ,
.group-subhead ,
.AboutResults ,
#tagslist > p ,
.act-thumb p ,
h3#Tertiary ,
#tagspanid ,
.groupsList ,
.Locked {
background: black !important;
}
/* (new300) COLOR(ok) - BACKGROUND - BLACK + COLOR / BORDER */
/* (new300) COLOR(ok) - BACKGROUND BLACK - TXT WHITE */
#gallery-big-photos .gallery-item .vsDescription {
background: black !important;
color: white !important;
}
/* (new300) COLOR(ok) - BACKGROUND BLACK - TXT GRAY */
.events-page-view .events-home-page-container .group-event-card .group-card-content-container ,
#pp-additional-info ,
.fluid .modal .head .title ,
.TopicListing tr:first-of-type ,
.sub-photo-additional-info-view .add-meta-permission + li .safety-label ,
.sub-photo-additional-info-view .add-meta-permission .meta-permissions-label ,
.sub-photo-additional-info-view .commenting-permission .commenting-label ,
.sub-photo-additional-info-view li > .safety-label ,
.sub-photo-additional-info-view li span.privacy-label {
background: black !important;
color: gray !important;
}
/* (new300) COLOR(ok) - BACKGROUND BLACK - TXT GOLD */
h1#Tertiary + .Tab + .NoResult ,
.group-topics .ThinCase ,
#FQMG-quit-button.CancelButt ,
.person>h1>span + span ,
#DiscussTopic a[href*="/albums/"]:after ,
#groups-about a[href*="galleries/"]:after ,
#DiscussTopic a[href*="/galleries/"]:after ,
.popup a[href="javascript:;"]:before ,
.popup a[href="javascript:;"] ,
#personmenu_down_menu #tag_person_link[href="javascript:;"]:before ,
#personmenu_down_menu #tag_person_link[href="javascript:;"] ,
#groups-list .SetsContainer.GroupsCenterContainer .SortOptions ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view:hover > .date-taken ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken:hover {
background: black !important;
color: gold ;
}
/* (new300) COLOR(ok) - BACKGROUND BLACK - TXT DIVERS */
.act-details .act-who + .invitePhoto > p:last-of-type a ,
.act-details .act-who + .invitePhoto > p:first-of-type a {
background: black ;
color: #FF0000 ;
}
/* (new300) COLOR(ok) - BACKGROUND BLACK - BORDER RED */
#camera-finder-content h3 ,
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name:hover + p b ,
#recent-activity.tt-activity .act-content a:hover + span.pro-badge-new + b ,
#recent-activity.tt-activity .act-content a + span.pro-badge-new + b:hover ,
#recent-activity.tt-activity .act-content a:hover + .pro-badge + b ,
#recent-activity.tt-activity .act-content a + .pro-badge + b:hover ,
#recent-activity.tt-activity .act-content a + b:hover ,
#recent-activity.tt-activity .act-content a:hover + b {
background: black !important;
border: 1px solid red ;
}
/* (new300) COLOR(ok) - BACKGROUND BLACK - BORDER DIVERS */
.no-nonsafe-banner {
background: black !important;
border: 1px solid red;
}
#DiscussTopic .TopicReply form {
background: black !important;
border: 1px solid #404040;
}
#GoodStuff .Preview ,
#DiscussTopic .Preview {
background: black !important;
border: 1px solid #DDDDDD;
box-shadow: -7px 7px 2px black ;
}
.gallery-page-view .gallery-page-container .details-section .description .read-less-button,
.gallery-page-view .gallery-page-container .details-section .description .read-more-button {
background: black !important;
border: 1px solid #222 ;
}
/* (new306) COLOR(ok) - BACKGROUND-COLOR - BLACK - === */
.getting-started ol li,
#pp-group-rules-content:hover .pp-rules-content-box ,
#pp-group-rules-content .pp-rules-content-box:hover ,
.fluid-droparound-view .droparound.html.auto-size.dialog-tooltip li:hover ,
#gray_set_button_bar ~ #ViewSet #setThumbs + p + div ,
.gPendDesc .gPendWho:hover > b ,
.popup ul + a ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body .view.fluid-droparound-view.flickr-view-root-view .droparound.menu ,
#DiscussTopic a[href*="/albums/"] ,
#groups-about a[href*="galleries/"] ,
#DiscussTopic a[href*="/galleries/"] ,
.fluid.html-photo-page-scrappy-view .view.photo-page-scrappy-view .height-controller .photo-notes-scrappy-view.box-hovered:hover:after ,
.fluid.html-photo-page-scrappy-view .view.photo-page-scrappy-view .height-controller .photo-notes-scrappy-view-OLD.box-hovered:hover:after ,
.photo-well-scrappy-view .height-controller > .navigate-target > span ,
.photo-well-scrappy-view-OLD .height-controller > .navigate-target > span ,
.view.global-nav-view .view.notifications-menu-view:hover ,
.view.global-nav-view:hover .view.notifications-menu-view ,
.view.notifications-menu-view ,
/* BACKGROUND-COLOR - BLACK - === */
.photo-well-scrappy-view .height-controller > .navigate-target > span:hover ,
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-prev ,
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-next ,
.photo-well-scrappy-view-OLD .height-controller > .navigate-target > span:hover ,
.photo-well-scrappy-view-OLD .height-controller > .navigate-target.navigate-prev ,
.photo-well-scrappy-view-OLD .height-controller > .navigate-target.navigate-next ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:not(:hover) .remark-container.present ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover remark-container.present ,
.album-header-view > .album-header-content ,
.delete-x-inline.remove-from-context:hover img ,
.ju .row .FCO-gradient:hover {
background-color: black !important;
}
/* (new300) COLOR(ok) - BACKGROUND-COLOR - BLACK + COLOR + BORDER === */
#gallery-comments #comments ,
.html-feed-new-page-view .feed-new-page-content-container .info-column ,
.fluid .view.global-nav-view:hover .gn-tools > li.gn-search-box + li + li.gn-signin .gn-title:hover ,
.view.featured-banner-view:hover ,
#global-nav.styleguide-global-nav:hover .toplink .gn-signup:hover {
background-color: black !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .attribution-view .avatar.person.medium > b {
background-color: black !important;
color: red !important;
outline: 1px solid red ;
}
#gray_set_button_bar ~ #ViewSet #setThumbs + p + div + .vsDescription:hover:after ,
.view.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 ,
.view.photo-notes-scrappy-view-OLD::after,
.photo-notes-scrappy-view-OLD.box-hovered::after,
.fluid.html-photo-page-scrappy-view .height-controller .photo-well-media-scrappy-view-OLD.requiredToShowOnServer + .photo-notes-scrappy-view-OLD::after,
.fluid.html-photo-page-scrappy-view .height-controller .photo-well-media-scrappy-view-OLD + .photo-notes-scrappy-view-OLD::after {
background-color: black !important;
color: white !important;
}
/* (new300) COLOR(ok) - BACKGROUND - BLACK LIGHT - #111 */
.events-page-view .events-home-page-container .section-row-header ,
#pool-photos.sm .photo-display-item ,
.eol-banner ,
.fluid.html-photo-page-scrappy-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout .photo-faves-list-view ,
.fluid.html-gallery-page-view .gallery-photo-remark .photo-comments.with-emoji-picker.scrollable ,
.fluid.html-gallery-page-view .scrollable-comment-list-view .comment-list-container ol ,
#Main > h1 + table > tbody ,
#pp .pp-box ,
.fluid.html-group-interstitial-view .main h1 ,
.cameraroll-tools-view ,
.user-account-card-view ,
ul.tt-activity ul.act-details li.act-detail-item.tt-first .act-when ,
.act-detail-item:last-of-type ,
/* BACKGROUND - BLACK LIGHT - #111 */
.modal.subview-modal.reorder-grid-modal ,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector ,
.tag-page-view .related-groups-view > h5 ,
.html-tag-page-view .search-results-header ,
.fluid h5.tag-list-header ,
.contact-list-sorted ,
#DiscussTopic table:first-of-type .Said:hover ,
.fluid.html-group-pool-page-view .pagination-view:not(:empty) ,
.group-topic-detail-col #DiscussTopic table:first-of-type .Said > p:hover ,
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .timestamp ,
.fluid.html-group-discussion-page-view .group-discussion-page-view .right-column .topic .message .message-text:hover ,
.group-discussion-topic-view .reply:hover ,
.group-discussion-topic-view .topic:hover ,
.fluid .group-discussion-topic-view .reply:hover,
.fluid .group-discussion-topic-view .topic:hover {
background: #111 !important;
}
/* (new300) COLOR(ok) - BACKGROUND-COLOR - BLACK LIGHT + == #111 */
.photo-list-gallery-container .tile.tile-cover:not([style^="background-image"]) ,
.search-slender-advanced-panel-view ,
.search-tools-view .tool-bar ,
.photo-list-gallery-view .photo-list-gallery-container .tile-container .tile-row .tile.right ,
.group-topics ul.topic-list.narrow-list li .hd ,
.CalendarBlank {
background-color: #111 !important;
}
/* (new300) COLOR(ok) - BACKGROUND - BLACK LIGHT + COLOR == #111 */
#GoodStuff p.NoResult {
background: #111 ;
color: gold !important;
}
#Tertiary + .Tab + .char_search + table#MemberList {
background: #111 !important;
outline: 1px solid red !important;
}
.flag-photo-container .step-description>b {
background: #111 !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
/* (new300) COLOR(ok) - BACKGROUND - #222 - #222 */
.group-card-view .join-subview::before ,
.profile-bio-view .section ,
#pp-group-rules-content .pp-rules-content-box ,
#pp .list-box ,
.notification-center-page-view .notification-center-page-container.fluid-centered .notifications-list-container .notifications-list-view ,
.search-subnav ,
div#help_topicpreview ,
.search-subnav ,
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav ,
#ViewSet p.vsDescription:not(:empty) ,
.fluid.html-group-discussion-page-view .group-discussion-page-view .right-column .topic .message ,
#ViewSet p.vsDescription:not(:empty) ,
#ViewSet .vsNumbers ,
.group-admin-page-view .group-admin-page-container section ,
#global-nav.styleguide-global-nav:hover .gn-signin .gn-link.secondary span ,
.fluid.html-search-people-page-view .result-card button.follow.is-following ,
.result-card .button-content ,
.fluid.html-search-people-page-view .result-card .button-content ,
.dummy-loader-container ,
.dummy-loader-container.fading ,
#ab .tabs ul li ,
#ab.default li.default,
#ab.flickr li.flickr,
#ab.yahoo li.yahoo,
#ab.gmail li.gmail,
#ab.live li.live,
#ab.facebook li.facebook ,
#Main > h1 ,
/* BACKGROUND - #222 - #222 */
.view.dialog-alert.ui-dialog.ui-dialog-alert.scrappy-dialog ,
.photo-display-container.ju .photo_container a:not(.spaceball):before ,
.global-nav .global-nav-content .nav-menu li:hover .gn-submenu ,
.fluid .droparound .droparrow::after ,
.fluid .droparound ,
#tt-pages + #Feeds #AtomRSS ,
#tt-pages + #Feeds ,
.fluid .droparound.over-modal ,
.PeopleResults>tbody>tr>td.Who> p ,
html.fluid.html-group-pool-page-view.scrolling-layout #content .fluid-centered.with-fluid-subnav ,
.download-dialog-tooltip:before ,
.top_form_div .candy_button_bar .candy_menu a ,
.top_form_div .candy_button_bar .candy_menu a:hover,
.top_form_div .candy_button_bar .candy_menu a:active ,
[id="NFPN.envelopes"]:hover ,
[id="NFPN.envelopes"] ,
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed) ,
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog .ui-dialog-wrapper ,
.html-gallery-page-view .fluid-centered.gallery-page-container .photos-section .photo-list-container .view.photo-list-view .view.photo-list-gallery-photo-view:not(.forced-aspect-ratio) .sub-photo-info-bar ,
html.scrolling-layout #content .galleries-list-container.fluid-centered .photo-list-gallery-view ,
.modal.subview-modal.reorder-grid-modal ,
#Main > table.acct-sett + h3 ,
.opt-out-bug ,
#sidebar[style^="position: absolute;"]:hover ,
#sidebar[style^="position: fixed;"]:hover ,
.view.sub-photo-view, .view.sub-photo-view.requiredToShowOnServer ,
.gPendMod p ,
/* BACKGROUND - #222 - #222 */
.top_form_div ,
.popover-position-marker + .personmenu.personmenu-hidden + .global_dialog_spinner + div.global_dialog.global_dialog.default ,
.popover-position-marker + .personmenu.personmenu-hidden + .global_dialog_spinner + div.global_dialog.global_dialog.default #global-dialog-container ,
html ,
#main,
#Main,
body.no-outline ,
body ,
.ju,
#thumb-wrapper #thumbnails.ju ,
#thumb-wrapper ,
.result-card ,
tr.staffPost td ,
.contact-list-header ,
.content.menu>ul>li:hover ,
#CatFlickrSuitePopUp ,
.subnav-refresh .sn-dropdowntarget ul.sn-dropdown ,
#availableColors ,
.result-card .text-conteny ,
.view.global-nav-view .global-nav-content .c-account-menu.ui-util-selected:hover .ui-dialog-tooltip.ui-dialog-tooltip-witharrow ,
.view.global-nav-view .global-nav-content .ui-dialog-tooltip.ui-dialog-tooltip-witharrow ,
#global-nav:hover #gb-ac-panel ul.ac-nav ,
.profile-paginator-container #groups-page-1 li[style="background-color:#fff"] ,
.PeopleResults>tbody>tr>td.Icon ,
tr.staffPost td ,
#tagslist +h3 +.PeopleResults > tbody > tr > td.Icon ,
.subnav-refresh .subnav-middle ,
#tt-pages ,
.c-account-menu .c-account-buddyicon .c-account-unreadcount ,
#global-nav .header-count ,
#editRelationshipDialog ,
.view.global-nav-view .global-nav-content:not(:hover) ,
.view.global-nav-view .global-nav-content ,
#global-nav ,
body > #content > .view .footer-full-view ,
.sub-photo-view {
background: #222 !important;
}
/* (new300) COLOR(ok) - BACKGROUND - #222 + BORDER / COLOR - === */
#MemberList tr td:nth-child(n+4):not([id^="ban_"]) input ,
div#help_topicpreview {
background: #222 !important;
border: 1px solid red ;
}
.gallery-page-view .gallery-page-container .details-section header {
border-bottom: 1px solid red !important;
}
.gallery-page-view .gallery-page-container .details-section .description.short.no-read-more:not(.hidden) ,
.gallery-page-view .gallery-page-container .details-section .description:not(.hidden) {
background: #222 !important;
border: 1px solid #333 !important;
}
.gallery-page-view .gallery-page-container .photos-section ,
.share-options-list li.divider span {
background: #222 !important;
border-bottom: 1px solid #333 !important;
border-top: 1px solid #333 !important;
}
/* (new300) COLOR(ok) - BACKGROUND - #222 + GOLD */
#albumTeaser>div {
background: #222 !important;
color: gold !important;
}
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who):before {
background: #222 !important;
border: 1px solid #404040 ;
box-shadow: 3px 3px 2px black ;
color: gold ;
}
/* (new312) COLOR(ok) - BACKGROUND-COLOR - #222 */
html.fluid.html-group-discussion-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.photo-page-sidebar-view ,
html.scrolling-layout .centered-content ,
.search-container-w-sidebar .sidebar-column .search-photos-layout a.photo-item ,
.search-container-w-sidebar .sidebar-column:hover ,
.fluid.html-group-home-page-view .fluid-group-coverphoto-view ,
.fluid.html-group-discussions-list-page-view .fluid-group-coverphoto-view ,
.fluid.html-group-pool-page-view .view.group-pool-subheader-view:not(.requiredToShowOnServer) + .view.photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view ,
.fluid.html-group-pool-page-view .view.group-pool-subheader-view:not(.requiredToShowOnServer) + .view.photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake ,
html.html-favorites-page-view.scrolling-layout #content .view.fluid-magic-subnav-view .fluid-subnav ,
.view.fluid-photostream-coverphoto-view ,
.feed-new-page-view .batch-overlay ,
.photo-display-container.ju .photo_container a:not(.spaceball) .pc_img.img ,
.fluid .modal .head .nav .fluid-modal-nav-bar ,
.modal.subview-modal.reorder-grid-modal,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector ,
.group-pool-page-view ,
/* BACKGROUND-COLOR - #222 */
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay + .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview > .view.person-card-view.flickr-view-root-view .ui-dialog-wrapper ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay + .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview > .view.person-card-view.flickr-view-root-view .ui-dialog-wrapper ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay + .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview > .view.person-card-view.flickr-view-root-view .ui-dialog-wrapper ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body script + .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview > .view.person-card-view.flickr-view-root-view .ui-dialog-wrapper ,
.photo-list-tile-view ,
.search-slender-advanced-panel-view ,
.search-slender-advanced-panel-view .advanced-panel ,
.search-slender-advanced-panel-view .tool-bar {
background-color: #222 !important;
}
/* (new300) COLOR(ok) - BACKGROUND - #333 */
#Main #col-left .module#apps-weve-noticed ,
.info-bar ,
.search-container-w-sidebar .sidebar-column .sidebar-content-container:before ,
.search-container-w-sidebar .sidebar-column ,
.search-container-w-sidebar .search-sidebar-view .sidebar .sidebar-content-container .slim-footer-view ,
.search-container-w-sidebar .search-sidebar-view .sidebar .sidebar-content-container .rail-items-container .rail-item ,
.fluid.html-albums-list-page-view #content .album-container.fluid-centered .album-toolbar-view ,
.fluid.html-albums-list-page-view #content .album-container.fluid-centered .album-toolbar-view .album-toolbar-content ,
.group-topics ul.topic-list.narrow-list li .bd .message p ,
ul.tt-activity ul.act-details li.act-detail-item .act-when ,
#Main > table.contact-list-table ,
#Main > table.contact-list-table.contact-list-table-default ,
.gallery-page-view .gallery-page-container .details-section header ,
.gallery-page-view .gallery-page-container .details-section header h1 ,
.group-pool-subheader-view .ui-dropdown ul li:hover:not(.divider) ,
.html-profile-page-view .profile-page-view .profile-testimonials-view .testimonials-container ,
.profile-bio-page-view .section ,
.group-topic-detail-col ,
/* BACKGROUND - #333 */
.group-discussion-page-view .left-column ,
.fluid.html-group-discussion-page-view .group-discussion-page-view .right-column .topic ,
.fluid.html-group-discussion-page-view .view.fluid-group-coverphoto-view ,
.fluid.html-group-discussions-list-page-view #content .group-discussions-list-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed,
.fluid.html-group-home-page-view #content .group-home-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed ,
.fluid.html-group-discussions-list-page-view .fluid-group-coverphoto-view ,
.fluid.html-group-discussions-list-page-view .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed ,
.fluid.html-group-discussion-page-view .view.fluid-group-coverphoto-view ,
#ViewSet .vsThumbnail ,
.dummy-loader-container .layout-container.compact .item ,
#pool-photos.ju .row .pool-photo.photo-display-item ,
.html-feed-new-page-view .photo-card-view .photo-card .link-footer ,
.html-feed-new-page-view .photo-card-view .photo-card.active.awake ,
.html-feed-new-page-view .photo-card-view .photo-card.active ,
.html-feed-new-page-view .photo-card-view .photo-card ,
#main .group-topics-col + .group-topic-detail-col > h2 ,
.ThinCase .FlickrMailMessage ,
#ViewSet .vsComments table.SetComments > tbody tr .Comment > p small ,
.faved-by + .ui-dialog-tooltip:not(.ui-util-removed) ,
#group-sidebar:hover,
#group-sidebar.open:hover ,
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc:not(.show-editable):before ,
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .batch-check ,
/* BACKGROUND - #333 */
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column ,
#DiscussTopic table:first-of-type .Said > p + blockquote ~ blockquote ,
#DiscussTopic table:first-of-type .Said > p + blockquote ,
.act-details .act-who + .invitePhoto ,
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.edit-meta-field.edit-photo-title ,
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.edit-meta-field.edit-photo-desc ,
.feed-page-view .activity-card div.activity-card-content ,
.feed-page-view .activity-card ,
.sub-photo-container.centered-content .view.sub-photo-title-desc-view + #FCR_main:hover:after ,
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b:hover ,
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name:hover + a + b:hover ,
li.act-detail-item.f-fave:hover b ,
.act-detail-item.f-note.f-their-photo-their-note>p > a:hover + b ,
.act-detail-item.f-note.f-their-photo-their-note>p > a + b:hover ,
ul.tt-activity ul.act-details li.act-detail-item > a:hover + .pro-badge + b ,
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b:hover ,
li.act-detail-item.f-fave.f-your-photo-their-fave.tt-first >a:first-of-type + b:hover ,
li.act-detail-item.f-fave.f-your-photo-their-fave.tt-first >a:first-of-type:hover + b ,
.gPendWho > b ,
#albumTeaser ,
.fluid.html-album-page-view #topPaginationContainer ,
.fluid.html-group-pool-page-view #topPaginationContainer ,
.html-photostream-page-view #topPaginationContainer ,
.html-favorites-page-view #topPaginationContainer ,
#topPaginationContainer ,
.act-item h2 ,
/* BACKGROUND - #333 */
.view.featured-banner-view .featured-banner .featured-banner-content.fluid-centered .button-container ,
#global-nav #gb-ac-panel .usage ,
#global-nav #gb-ac-panel #gb-ac-profile,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account #gb-ac-wrap #gb-ac-panel ,
#global-nav #gb-ac-panel.new-account-menu .usage ,
#global-nav #gb-ac-panel.new-account-menu #gb-ac-profile,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account #gb-ac-wrap #gb-ac-panel.new-account-menu ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account .gn-link.account + #header-mailcount + #gb-ac-wrap ,
#Main table tbody tr td#Hint ,
#global-nav.styleguide-global-nav:hover .toplink .gn-signup ,
.fluid .view.global-nav-view:hover .gn-tools > li.gn-search-box + li + li.gn-signin .gn-title ,
.view.fluid-droparound-view.flickr-view-root-view:hover .subview-droparound.auto-size.notifs-droparound ,
/* BACKGROUND - #333 */
.view.fluid-droparound-view.flickr-view-root-view .subview-droparound.auto-size.notifs-droparound ,
.global-nav .global-nav-content .nav-menu > li ul.gn-submenu li:hover ,
.fluid.html-group-home-page-view .group-blast-view > .blast-block ,
.fluid .view.group-blast-view.requiredToShowOnServer ,
.sub-photo-additional-info-view .add-meta-permission + li:hover .safety-label,
.sub-photo-additional-info-view .add-meta-permission .meta-permissions-label,
.sub-photo-additional-info-view .commenting-permission .commenting-label,
.sub-photo-additional-info-view li:hover > .safety-label,
.sub-photo-additional-info-view li:hover span.privacy-label ,
.view.dialog-alert.ui-dialog.ui-dialog-alert.scrappy-dialog .ui-dialog-wrapper ,
#group-sidebar,
#group-sidebar.open ,
.subnav-refresh .cover-photo-holder .cover-photo.wviewvert:not(:hover):after ,
.ju.photo-display-container ~ .slideshow-bottom ,
.ju.photo-display-container + div + div + br + #paginator-module.Pages + #feeds + .slideshow-bottom ,
.ju.photo-display-container + div + div + br + #paginator-module.Pages + #feeds ,
.html-album-page-view .album-page-view .album-toolbar-view > .album-toolbar-content ,
.html-album-page-view .view.album-toolbar-view ,
.gallery-page-view .gallery-page-container .details-section header ,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip ,
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .restricted-interstitial ,
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .restricted-interstitial ,
.photo-notes-scrappy-view .note-text.adding .text-alignment-fix, .photo-notes-scrappy-view .note-text.editing .text-alignment-fix ,
.photo-notes-scrappy-view.box-hovered:hover:after ,
/* BACKGROUND - #333 */
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view-OLD > .restricted-interstitial ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view-OLD > .restricted-interstitial ,
.photo-notes-scrappy-view-OLD .note-text.adding .text-alignment-fix, .photo-notes-scrappy-view-OLD .note-text.editing .text-alignment-fix ,
.photo-notes-scrappy-view-OLD.box-hovered:hover:after ,
.contact-list-header ,
#Main > table.acct-sett:only-of-type ,
#Main > table.acct-sett ,
#ag-user-promo ,
#groups-list .SetsContainer.GroupsCenterContainer .group-h3 ,
.opt-out-bug button ,
#gallery-comments #comments h3 ,
.gallery-meta-nav-link[href="#gallery-comments"] ,
#galleries_tab_nav li.galleries_tab_nav_active ,
.download-dialog-tooltip ,
.gPendMod ,
#advancedInvites ,
.fluid .butt:hover,
.fluid button:hover ,
/* BACKGROUND - #333 */
p.info,
div.info ,
.person-card-view .fade-out::after ,
.profile-paginator-container #groups-page-1 li:not([style="background-color:#fff"]) ,
.html-photostream-page-view #cdx + #CatFlickrSuitePopUp ,
.about>div>form[action="/groups_join.gne"] p ,
.result-card .text-content ,
.result-card .text-content:after ,
#newTopic ,
.groups-list-item:nth-child(odd) ,
#groups-list .groups-sideba ,
.group-pool-subheader-view .ui-dropdown > span.truncate:hover ,
.subnav-refresh .sn-dropdowntarget ul.sn-dropdown li.sn-dropdownitem:hover ,
#CatFlickrSuitePopUp.ToolTip ,
.yui3-popover-content ul ,
.searchified-menu li a,
/* BACKGROUND - #333 */
#photo-story-attribution .follow-butt.is-following ,
#photo-story-attribution .follow-butt ,
#global-nav:hover #gb-ac-panel ul.ac-nav li:hover ,
.popup ,
#main-col ,
.about>div>form[action="/groups_join.gne"] p ,
#Main table tbody tr #GoodStuff h2 ,
#newTopic ,
#Main > .forumIntro ~ h3 ,
.forumIntro .forumIntroText ,
#GoodStuff table#InBox tbody tr:not(:first-of-type) ,
.sub-photo-tags-tag-view:hover ,
.sub-photo-tags-tag-view ,
.sub-photo-contexts-view .sub-photo-context .view-all-contexts-of-type ,
.sub-photo-contexts-view .sub-photo-context .view-all-contexts-of-type a:before ,
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view ul ,
.photo-license-view .ui-dropdown:not(.ui-dropdown-closed) > ul {
background: #333 !important;
}
/* (new300) COLOR(ok) - BACKGROUND - #333 + BORDER / COLOR - === */
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container ,
#recent-activity.tt-activity .act-detail-item > a + b:hover ,
#recent-activity.tt-activity .act-detail-item > a:hover + b {
background: #333 !important;
border: 1px solid red ;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type:not(:hover) .droparound.html.auto-size.dialog-tooltip ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type:hover .droparound.html.auto-size.dialog-tooltip ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type .droparound.html.auto-size.dialog-tooltip {
background-color: #333 !important;
border: 1px solid red !important;
border-bottom: 3px solid red !important;
}
.fluid.html-photo-page-scrappy-view #CatFlickrSuitePopUp.ToolTip {
background-color: #333 !important;
box-shadow: 10px 10px 3px 1px rgba(0, 0, 0, 0.3) !important;
border-color: gray #222 #222 gray !important;
}
.opt-out-bug button:hover {
background: #333 !important;
color: gold !important;
}
.Day {
background: #333 !important;
color: #000;
}
/* (new300) COLOR(ok) - BACKGROUND-COLOR - - #333 */
.group-discussion-topic-view .message .message-text-quote,
.group-discussion-topic-view .reply.permalinked,
.group-discussion-topic-view .topic.permalinked ,
#pool-photos.ju .row .pool-photo.photo-display-item .thumb > span > a:first-of-type img ,
.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo ,
.photo-list-photo-view.awake ,
.fluid:not(.html-photo-page-scrappy-view) #content .view.photo-list-photo-view ,
.photo-list-photo-view ,
.feed-page-view .activity-card div.activity-card-photos ,
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view:hover .droparound.subview-droparound:not(.notifs-droparound) ,
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound:hover:not(.notifs-droparound) ,
/* BACKGROUND-COLOR - - #333 */
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay + .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound:not(.notifs-droparound) ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay + .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound:hover:not(.notifs-droparound) ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay + .view.fluid-droparound-view.flickr-view-root-view:hover .droparound.subview-droparound:not(.notifs-droparound) ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body script + .view.fluid-droparound-view.flickr-view-root-view:hover .droparound.subview-droparound:not(.notifs-droparound) ,
.view.search-subnav-slender-view .search-subnav.using-slender-advanced-panel ,
.fluid table tr:hover ,
.fluid table tr:hover::before,
.fluid table tr:hover::after,
#Main>form[action="/search/forum/"] .For ,
.view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound ,
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view ul ,
.photo-license-view .ui-dropdown:not(.ui-dropdown-closed) > ul {
background-color: #333 !important;
}
/* (new300) COLOR(ok) - BACKGROUND-COLOR - - #333 + TXT - === */
.sub-photo-tags-tag-view:hover ul.tags-list li.autotag:hover ,
.sub-photo-tags-tag-view:hover ul.tags-list li.tag:hover {
background-color: #333 !important;
color: gold !important;
}
/* (new300) COLOR(ok) - BACKGROUND - TRANSPARENT === */
#working-area-wrapper,
#upload-queue div.photo-item, html.has-items,
#working-area-footer,
#working-area.hide-focus #upload-queue div.photo-item:focus {
background: transparent !important;
}
/* (new300) COLOR(ok) - BACKGROUND - TRANSPARENT + TXT - === */
/* (new300) COLOR(ok) - BACKGROUND - TRANSPARENT + WHITE - === */
.photo-display-container.ju .photo-display-item .meta a.title {
color: white !important;
background: transparent !important;
}
/* (new300) COLOR(ok) - BACKGROUND-GRADIENT ONLY - === */
/*PB - function-linear-gradient-no-nonstandard-direction :
https://stylelint.io/user-guide/rules/function-linear-gradient-no-nonstandard-direction/
===== */
/* (new300) COLOR(ok) - BACKGROUND-GRADIENT - and COLOR - === */
.subnav-refresh .subnav-middle {
border-bottom: 1px solid gray !important;
/* background: rgba(0, 0, 0, 0) linear-gradient(center top , rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)) repeat scroll 0 0 !important;*/
}
#groups-list .Sets .setText {
color: white !important;
background: rgba(0, 0, 0, 0.64) !important;
}
.html-photo-page-scrappy-view.fluid.scrolling-layout.yui3-js-enabled .view.footer-full-view:before {
color: gray ;
background: #333 ;
}
.profile-bio-view .bio-description .description::after {
background: rgba(0, 0, 0, 0) linear-gradient(0deg, rgba(18, 18, 18, 0.98), hsla(0, 0%, 100%, 0)) repeat scroll 0 0 !important;
}
/* (new300) COLOR(ok) - BACKGROUND-GRADIENT + BORDER - === */
.share-options-list li .Butt,
.share-options-list li .DisabledButt {
background: rgba(0, 0, 0, 0.68) linear-gradient(to bottom, black 0%, #222 100%) repeat scroll 0 0 !important;
border-color: #333 !important;
}
li.no_menu_li .button span:hover {
/* background: linear-gradient(center top , #646464, #555555) repeat scroll 0 0 transparent !important;*/
border: 1px solid #5a5a5a !important;
}
#gallery-desc-thumbs {
border: 1px solid peru !important;
background: rgba(0, 0, 0, 0.59) !important;
}
.profile-bio-page-view .bio-description .description::after {
background: rgba(0, 0, 0, 0) linear-gradient(0deg, #222222, hsla(0, 0%, 100%, 0)) repeat scroll 0 0;
border-color: #333 !important;
}
/* (new300) COLOR(ok) - HELP FORUM - ELIPSIS */
#Main table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) h2:not(:hover)::after {
/* BLACK */
background: linear-gradient(to right, rgba(1, 1, 1, 0), rgba(1, 1, 1, 0), rgba(1, 1, 1, 0), rgba(1, 1, 1, 0), rgba(1, 1, 1, 0), rgba(1, 1, 1, 0), rgba(1, 1, 1, 0.1), rgba(1, 1, 1, 1) 100%) !important;
}
/* (new300) COLOR(ok) - BACKGROUND-RGB =========== */
/* (new300) COLOR(ok) - BACKGROUND-RGB - ONLY === */
body.flickrfixrwebextension .sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken + .date-info ,
body.flickrfixruserscript .sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken + .date-info {
background-color: rgba(24, 24, 23, 1)!important;
}
.DiscussionResults>tbody tr td:first-of-type:not(.Who) .Topic p > b:hover a + b {
background: rgba(0, 0, 0, 0.66) !important;
}
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments:hover {
background: rgba(0, 0, 0, 0.7) !important;
}
.zoom-modal {
background: rgba(0, 0, 0, 0.8) !important;
}
.act-details .act-who + .invitePhoto .button-container {
background: rgba(4, 1, 1, 0.71);
}
#tt-recent ul.tt-activity li.act-item.f-unread_mail {
background: rgba(255, 211, 0, 0.13) !important;
}
.PeopleResults>tbody>tr>td {
background: rgba(62, 59, 59, 0.6) !important;
}
.empty-page-view .empty-page-stats .sample-image-wrap:before {
background: rgba(0, 0, 0, 0.56) ;
}
/* BACKGROUND-RGB - ONLY === */
#gallery-comments:hover {
background-color: rgba(0, 0, 0, 0.7) ;
}
#gallery-big-photos .gallery-item .vsDescription:hover:before {
background: rgba(0, 0, 0, 0.8) ;
}
#gallery-big-photos .gallery-item .vsDescription:before {
background: rgba(0, 0, 0, 0.49) ;
}
#gallery-big-photos .gallery-item .vsDescription:hover {
background: rgba(0, 0, 0, 0.49) !important;
}
#gallery-big-photos .gallery-item.clearfix .curator_meta .curator_info {
background: rgba(0, 0, 0, 0.39) !important;
}
table.contact-list-table-default td.contact-list-sorted {
color: #a0a0a0 !important;
}
.cameraroll-tools-view.restyle .fixed ,
.cameraroll-tools-view.restyle .toolbar {
background: rgba(0, 0, 0, 0.59) !important;
}
.new-header .candy_button_bar {
background: rgba(0, 0, 0, 0.71) !important;
}
/* BACKGROUND-RGB - ONLY === */
#comments #comments-list .comment-block:before {
background: rgba(62, 59, 59, 0.6) !important;
}
#photo {
background: rgba(0, 0, 0, 0.14) !important;
}
#photo-actions .photo-title {
background: rgba(0, 0, 0, 0.2) !important;
}
#photo-actions .photo-title:hover {
background: rgba(0, 0, 0, 0.8) !important;
}
.act-item.apply-hover.f-contacted.tt-muted {
background: rgba(0, 0, 0, 0) !important;
}
#tt-recent ul.tt-activity li.act-item.f-contacted {
background: rgba(24, 119, 23, 0.15) !important;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + .invitePhoto > p:first-of-type a {
background: rgba(0, 0, 0, 0.53) !important;
}
/* BACKGROUND-RGB - ONLY === */
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .invitePhoto > p:first-of-type ,
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .invitePhoto > p:last-of-type ,
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-content > div {
background: rgba(0, 0, 0, 0.32) !important;
}
#pool-photos.ju .photo-display-item .remove-from-group:hover {
background: rgba(0, 0, 0, 0.6) ! important;
}
#GoodStuff table#InBox tbody tr:not(:first-of-type):before {
background: rgba(135, 207, 235, 0.3) !important;
}
.char_search + #MemberList tr td[colspan="3"] form {
background: rgba(137, 0, 0, 0.77) !important;
}
.photo-notes-scrappy-view.box-hovered span:before ,
.photo-notes-scrappy-view:not(.box-hovered) span:before ,
.photo-notes-scrappy-view-OLD.box-hovered span:before ,
.photo-notes-scrappy-view-OLD:not(.box-hovered) span:before {
background: rgba(210, 179, 140, 0.7) ;
}
.photo-notes-scrappy-view .note ,
.photo-notes-scrappy-view-OLD .note {
background: rgba(255, 0, 0, 0.06) !important;
}
.photo-notes-scrappy-view.box-hovered:hover .note:not(:hover) ,
.photo-notes-scrappy-view-OLD.box-hovered:hover .note:not(:hover) {
background: rgba(210, 179, 140, 0.24) !important;
}
/* (new300) COLOR(ok) - BACKGROUND-RGB AND COLOR + BOX SHADOW + COLOR === */
.view.fluid-modal-view .modal.subview-modal.gallery-edit-modal {
box-shadow: -5px 5px 6px 7px black !important;
}
.view.fluid-modal-view .modal.subview-modal.gallery-edit-modal .gallery-edit-view {
background: rgba(13, 12, 12, 0.84) !important;
color: gold;
}
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea:hover,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea:focus,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:hover,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:focus {
background-color: rgba(0, 0, 0, 1) !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea {
color: gray !important;
border: 1px solid rgba(0, 0, 0, 0.5) !important;
background-color: rgba(0, 0, 0, 1) !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-modal-view .album-selection input.album-selection-search {
box-shadow: 0 0 0 1px gray inset !important;
color: white !important;
background-color: rgba(0, 0, 0, 0.09) !important;
}
.act-item.apply-hover.f-contacted.tt-muted:before {
color: rgba(255, 0, 0, 0.8) ;
background: rgba(0, 0, 0, 0) ;
}
/* BACKGROUND-RGB AND COLOR + BOX SHADOW + COLOR */
#GoodStuff p.NoResult + ul li:before ,
#GoodStuff p.Confirm + ul li:before {
background: rgba(62, 59, 59, 0.6) ;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
color: gold ;
}
#GoodStuff p.NoResult + ul li:after ,
#GoodStuff p.Confirm + ul li:after {
background: rgba(62, 59, 59, 0.6) ;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
color: white ;
}
#DiscussTopic .Preview + h4 {
color: gold !important;
background: rgba(255, 0, 0, 0.42) ;
}
#groups-list .sec .groups-list-item:before {
color: white ;
background: rgba(9, 9, 9, 0.74) ;
}
/* ======== (new300) TITLE / LINKS - COLOR(ok) ============== */
/* (new300) COLOR(ok) - TITLE / LINKS - COLOR(ok) - WHITE */
h1#Tertiary + .Tab + .NoResult + h3 span ,
.profile-bio-page-view .bio-description .bio-infos .bio-infos-container ul li span:last-of-type ,
.photo-list-photo-interaction .interaction-bar .engagement:hover .engagement-item ,
.photo-list-photo-interaction .interaction-bar:hover .engagement .engagement-item ,
.ju .row .meta span ,
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item a.owner ,
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item a[id^="CFS"].owner ,
#pool-photos.ju .row .pool-photo .thumb .meta a.owner[id^="CFS"] span ,
#faves.ju .row .thumb .meta a.owner ,
#pool-photos.ju .row .pool-photo .thumb .meta a.owner{
color: white !important;
}
/* (new300) COLOR(ok) - TITLE / LINKS - COLOR(ok) - WHITE - SHADOW BURY BLACK */
#CatFlickrSuitePopUp em {
text-shadow: 1px 1px 6px #000 !important;
color: white !important;
}
/* (new311) COLOR(ok) - TITLE / LINKS COLOR - GRAY SILVER === */
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.edit-meta-field.edit-photo-desc,
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.edit-meta-field.edit-photo-title ,
.profile-info-edit .edit-container .edit-item .edit-item-label,
.profile-info-edit-view .profile-info-edit ul.edit-container li .label.edit-item-label ,
.things-to-know ,
.community-guidelines ,
.header + .nav .primary ,
.header.header-community + .nav .primary ,
.header.header-developers + .nav .primary ,
.getting-started ol li,
.things-to-know-dev ,
.header-home + .nav .primary ,
.participating ul ,
.photo-card-engagement-view .photo-card-engagement .engagement-item .engagement-count ,
.fluid.html-profile-page-view .content.text-only ,
.confirmation-dialog .message-container{
color: silver !important;
}
/* (new300) COLOR(ok) - TITLE / LINKS - GRAY0 - LONG === */
.comment-list-view .comment-list-container .comment-list li .comment-item .content-container .comment-content ,
.fluid.html-gallery-page-view .view.fluid-droparound-view.flickr-view-root-view .view.comment-item-view.flickr-view-root-view .comment-item .content-container .comment-content ,
.fluid.html-gallery-page-view .view.fluid-droparound-view.flickr-view-root-view .view.comment-item-view.flickr-view-root-view .comment-item .content-container .comment-content b ,
#view-holder +script + #paginator-module .Paginator .Next ,
#view-holder + #paginator-module.Pages .Paginator span.AtEnd ,
#view-holder + #paginator-module.Pages .Paginator .Next ,
#view-holder + script + #paginator-module.Pages .Paginator .AtStart ,
#view-holder + #paginator-module.Pages .Paginator .AtStart ,
#view-holder +script + #paginator-module .Paginator .Prev ,
#view-holder + #paginator-module.Pages .Paginator .Prev ,
body.breakout-justified .infinite-pages .Pages .Paginator .Next ,
body.breakout-justified .infinite-pages .Pages .Paginator .Prev ,
body.breakout-justified .infinite-pages .Pages .Paginator .AtStart ,
/* TITLE / LINKS - GRAY */
.ju.photo-display-container +div+div +br+ #apBreakEnd + #paginator-module.Pages .Paginator span.pages span ,
.ju.photo-display-container +div+div +br + #paginator-module.Pages .Paginator span.pages span ,
.ju.photo-display-container +div+div +br+ #apBreakEnd + #paginator-module.Pages .Paginator span.pages a ,
.ju.photo-display-container +div+div +br + #paginator-module.Pages .Paginator span.pages a ,
.ju.photo-display-container +div+div +br + #paginator-module.Pages .Paginator .Prev ,
.ju.photo-display-container +div+div +br+ #apBreakEnd + #paginator-module.Pages .Paginator .Next.rapidnofollow ,
.ju.photo-display-container +div+div +br + #paginator-module.Pages .Paginator .Next.rapidnofollow ,
.ju.photo-display-container +div+div +br+ #apBreakEnd + #paginator-module.Pages .Paginator .AtStart ,
.ju.photo-display-container +div+div +br + #paginator-module.Pages .Paginator .AtStart ,
/* TITLE / LINKS - GRAY */
h1#Tertiary + .Tab + .NoResult + h3 ,
.profile-bio-view .general-stats ul li a span ,
.group-topics ul.topic-list li .bd .message ,
.flag-modal-view .flag-photo-container ,
#group-sidebar .blast-text ,
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog .ui-dialog-wrapper h2 ,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .tool a .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .tool a:visited .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .tool a:hover .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .link a .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .link a:visited .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .link a:hover .title ,
#sidebar #sidebar-contexts li.sidebar-context-open a.context-link:hover span.context-title ,
/* TITLE / LINKS - GRAY */
#contactChangerPopup + #person_hover #personmenu_button_bar .candy_menu p strong ,
#pool-photos.sm #photo-display-container .pool-photo .hover-target .meta a.owner ,
.person-card-view .follow-view > .relationship .dialog-tooltip .ui-dialog-body ul ,
.fluid.html-photo-page-scrappy-view .attribution-view .avatar.person.medium > b ,
.interaction-view .photo-list-photo-edit-interaction .interaction-bar .tool ,
.FlickrMailMessage>tbody>tr>td>a:not([href^="/groups_pending.gne?"]) ,
body.super-liquid.extras #photo-story-attribution span.name span.realname a ,
body.super-liquid.extras #photo-story-attribution span.name span.no-realname a ,
body.super-liquid.extras #photo-story-attribution span.name span ,
.search-autosuggest-field-view .search-form .search-icon-button ,
.searchified-options .searchified-options-view ,
.item.group.item-disabled.administered.invited strong.item-name ,
.item.group.item-selected.administered strong.item-name ,
.sub-photo-additional-info-view li > span:last-of-type ,
/* TITLE / LINKS - GRAY */
#side-col #sidebar #sidebar-contexts li a.context-link:hover ,
[id^="photo_navi_contact_span_"] span.edit_relationship ,
.group-blast-view > .blast-block .blast-message-secure ,
.add-to-dialog .add-to-selector li strong.item-name ,
#share-menu-v3 input#share-options-grablink-input ,
.rapidnofollow.comments-icon.comments-inline-btn ,
.modal.html-modal .content.html-only.has-footer ,
.group-invite-block .group-invite-contact p ,
p.flickr-user span.name strong.username ,
#GoodStuff #DiscussTopic .pro-badge ,
#DiscussTopic .TopicReply h3 ,
/* TITLE / LINKS - GRAY */
.StreamView h4[title="Click to edit"]:hover ,
.StreamView .Desc div:hover ,
#primary-column div#meta h1:hover ,
#pool-photos.sm .pool-photo [id^="nof_"] ,
p.flickr-user span.name span.realname ,
#GoodStuff table#InBox tbody tr a ,
#SubNav .Section .LinksNew .Here ,
#groups-about .about div .description ,
#groups-about .additional ,
#groups-about .about > div ,
#TopBar .Header td.Status,
#share-menu #share-menu-arrow ,
#head #head-top #head-status ,
#photo-story-stats span ,
#photo-story-stats a.stat-item ,
/* TITLE / LINKS - GRAY */
body .insitu-editing .insitu-value ,
body .insitu-highlight ,
.searchified-menu-button ,
.group-blast-zeus:hover ,
#GoodStuff .InvitePreview p ,
.fave-block .fave-content p ,
#recent-activity .pro-badge ,
.fluid .group-description ,
.act-item.f-contacted h2 ,
#archives-navigation>a ,
table#group-info td li ,
#all-sizes-header>dl>dd ,
#all-sizes-header>dl>dt ,
#context-link-stream- ,
table#group-info td p ,
.contact-list-header ,
#archives-navigation ,
#options-menu-arrow ,
.feedback-container ,
.SmallDisabledButt ,
#tt-recent-nav li a ,
#tt-recent-nav li ,
span.header-count ,
.gl-view-controls ,
#search_sort_options strong {
color: GRAY !important;
text-decoration: none !important;
}
/* (new300) COLOR(ok) - TITLE / LINKS - GRAY0 - SHORT === */
.fluid.html-favorites-page-view.scrolling-layout .follow-options span ,
.fluid.html-favorites-page-view.scrolling-layout .follow-options .toggle-component.check.block ,
input.autosuggest-selectable-item ,
input[type="checkbox"]:hover ,
input[type="checkbox"],
.gn-link span ,
.gn-link:link span,
.gn-link:visited span ,
a.group-leave ,
a.group-leave:visited ,
.gray_menu_buttons li a,
.gray_menu_buttons li a:link,
.gray_menu_buttons li a:visited,
.gray_menu_buttons li a:active ,
.button-list li .DisabledButt span ,
/* TITLE / LINKS - GRAY */
.Butt:visited ,
.DeleteButt:visited ,
#camera-finder-content.model-page ,
form#photo-search label ,
.photo-display-container.ju .photo-display-item .meta a:hover,
.photo-display-container.ju .photo-display-item .meta a:hover,
.zoomer .meta a:hover ,
.ju .row .meta span ,
.ResultSet .Found ,
.NoneFound ,
.zoomer .meta a ,
.search-icon use ,
.SmallDeleteButt ,
.SmallCancelButt ,
td#GoodStuff td,
/* TITLE / LINKS - GRAY0 - SHORT */
.additional-info ,
.group-rules ,
td#GoodStuff p ,
#main #faves p ,
#main table th ,
#DiscussTopic ,
.DisabledButt ,
.search-icon ,
#photo-story ,
#sfquicktag ,
.photosText ,
.photo-desc ,
.DeleteButt ,
.CancelButt ,
#addInfo h4 ,
blockquote ,
/* TITLE / LINKS - GRAY */
.photosNum ,
.item-link ,
.SmallButt ,
.pro-badge ,
#thetags a ,
.Highlight ,
.fluid h5 ,
.Who > h2 ,
#Main td ,
table th ,
table td ,
small ,
#Main ,
.Butt,
h1 ,
h2 ,
h3 ,
h4,
h5 ,
p {
color: GRAY !important;
text-decoration: none !important;
}
/* COLOR(ok) - TITLE / LINKS - GRAY1 - #656c7a === */
/* COLOR(ok) - COLOR(ok) - TITLE / LINKS - GRAY0 - #656c7a + HOVER GREEN - #b9d56e + VISITED RED === */
.fluid.html-feed-new-page-view .engagement-count ,
.user-infos .deleted ,
.item-link:hover ,
#archives-navigation>a:hover ,
.searchified-menu-button:hover ,
#pool-photos.sm .pool-photo [id^="nof_"]:hover ,
#pool-photos.sm #photo-display-container .pool-photo .hover-target .meta a.owner:hover {
color: #b9d56e !important;
text-decoration: none !important;
}
/* COLOR(ok) - TITLE / LINKS - GRAY2 - #444 === */
/* COLOR(ok) - TITLE / LINKS - GRAY3 - #999 === */
/* COLOR(ok) - TITLE / LINKS - GRAY4 - #777 === */
/* (new300) COLOR(ok) - TITLE / LINKS - GRAY +/OR HOVER GREEN +/OR VISITED GRAY - === */
.view.group-top-contributors-dropdown-view.ui-dropdown.ui-dropdown-closed.top-contribs .truncate ,
.fluid .coverphoto-content p a ,
.fluid .coverphoto-content p a:visited ,
.fluid a.unfluid,
.fluid a.unfluid:visited ,
.dark .light .fluid a.unfluid ,
.dark .light .fluid a.unfluid:visited,
.light .dark .light .fluid a.unfluid,
.light .dark .light .fluid a.unfluid:visited ,
.fluid a.unfluid:hover,
.dark .light .fluid a.unfluid:hover,
.light .dark .light .fluid a.unfluid:hover {
color: GRAY !important;
text-decoration: none !important;
}
.group-pool-subheader-view .ui-dropdown > span.truncate:hover ,
.view.group-top-contributors-dropdown-view.ui-dropdown.ui-dropdown-closed.top-contribs .truncate:hover ,
.fluid .coverphoto-content p a:hover {
color: #b9d56e !important;
text-decoration: none !important;
}
/* (new300) COLOR(ok) - LINKS - PERU ONLY (not HOVER) - === */
.set_title_div,
.groups-you-admin-listing-view li ,
.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.info-bar-on-hover .sub-photo-info-bar .details-container .details a.attribution ,
.comment-content a ,
.license-label span ,
.additional-info li span ,
.view.sub-photo-right-view .label-container span ,
.view.sub-photo-right-view li.add-meta-permission span ,
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-content a ,
/* TITLE / LINKS - PERU */
.profile-bio-view .bio-description .read-more ,
.profile-bio-view .section a ,
.fluid.html-photo-page-scrappy-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"] li a:not(.avatar) ,
.contact-list-table > thead > tr > th, .contact-list-table td, .contact-list-num a ,
.sub-photo-right-view .sub-photo-tags-view > .sub-photo-tags-people-view > .person-list > .person > .person-icon .person-name ,
.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .follow-button,
.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .join-button ,
.coverphoto-context-menu-view .coverphoto-context-menu .context-list .context-item ,
table.FlickrMailMessage p.flickr-user.flickrmail-to span.name span.realname ,
.compose-field-container + .compose-field-container p.flickr-user span.name strong.username ,
.profile-bio-page-view .general-stats ul li.block a,
.profile-bio-page-view .general-stats ul li.block span ,
/* TITLE / LINKS - PERU */
.group-top-contributors-dropdown-view.ui-dropdown.top-contribs > ul .username ,
.fluid.html-gallery-page-view .fluid-centered.gallery-page-container .details-section .stats a.stat.comment-count ,
.gallery-edit-view .gallery-edit-container.main .action-container .delete-button ,
.gallery-edit-view .gallery-edit-container.main .gallery-edit-item.gallery-edit-coverphoto-item a ,
.map-container + .location-data-container a ,
.album-selection-list-item-title ,
.content.menu>ul>li ,
#groups-about .additional div> ul >li:first-of-type ,
#groups-about .additional div> ul li :nth-child(1) ,
#photo-sidebar-additional-info:hover a,
body.super-liquid.extras #photo-story-story:hover a ,
/* TITLE / LINKS - PERU */
.contact-list-added.contact-list-sorted ,
.contact-list-location ,
.contact-list-num a ,
.contact-list-num ,
.contact-list-table.contact-list-table-default>thead>tr>th.contact-list-num ,
#toto-main.recent-activity .act-content p a[href^="/photos/"]:before ,
.group-topic-detail-col #DiscussTopic table:first-of-type .Said>p>small ,
.ThinCase table tbody tr:first-of-type td.Label + td ,
#Main table tbody tr #GoodStuff h3 ,
.vcard .profile-section h3.profile-header ,
.album-selection-list-item.belongs-to-album ,
.album-selection-list-item-title ,
a[href^="http://www.flickriver.com"] ,
a.fpmLink:hover:before ,
.filter-bar-content .filter-title ,
.clearfix #CFS_Tag_Assoc form span ,
.clearfix #CFS_Tag_Assoc:hover:before ,
/* TITLE / LINKS - PERU */
.vcard #groups.profile-section h3.profile-header ,
#gallery-comments #comments h3 ,
.fluid .fluid-subnav .more-link ,
#DiscussTopic .TopicReply h3 ,
#faq-category-page.ThinCase h3 ,
#pool-photos #empty-state p a ,
#pool-photos #empty-state h2 ,
#Main table tbody tr td#Hint p ,
#Main table tbody tr td#Hint .TopicListing h4 ,
#Photo .not_wide_top td#photoswftd h1 ,
.DiscussionResults>tbody tr td:first-of-type:not(.Who) h2 a ,
.contact-list-table + #paginator-module.Pages .Results ,
.groups-list-item .discussion span ,
.ThinCase.mail-write .Problem ,
.comment-content .comment-body p ,
#editRelationshipDialog ,
#group-members h2.title ,
h3.jump-list-legend ,
#photo-sidebar-tags h4 ,
.MemberCurrently > p ,
.links.secondary>a ,
.fade-out ,
.ThinCase h4 ,
#sidecar h4 ,
/* TITLE / LINKS - PERU */
.view.global-nav-view .global-nav-restyle .global-nav-content:visited:after,
.FlickrMailMessage>tbody>tr>td>a[href^="/groups_pending.gne?"]:visited ,
.global-nav-content.styleguide-global-nav.fluid.sohp-mobile-navable > div:last-of-type a:visited ,
.contact-list-header .header-link a:visited ,
.Tab + table.acct-sett a:visited ,
.NewMsg a:visited ,
#gn-wrap>div>a:visited ,
#mostviewed div div a ,
#mostviewed div div a:visited ,
.about_group_edit a[href^="/groups"]:visited ,
a[href^="http://www.flickriver.com"]:visited ,
#GoodStuff>form>p>a:visited ,
.view.account-settings-sharing-view a ,
a[href^="/services/apps/by/"] ,
a[href^="/invite/history/guests/?from"] ,
.avatar.person.tiny + .content-container .author-info .author-name ,
.base-notification-item .notification-item .notification-item-middle .notification-core .info-container .subtitle ,
.fluid .coverphoto-content .title-block-content .title h1 a ,
.Butt.post-new-topic ,
.gallery-page-view .gallery-page-container .details-section .stats span.stat.comment-count ,
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view .person-card-view .fade-out ,
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view .person-card-view h3.fade-out ,
.fluid.html-group-home-page-view .group-blast-view > .blast-block > a ,
.add-to-stuff-view .nav ul li span ,
/* TITLE / LINKS - PERU */
.by-user>a:not([id^="CFS_"]) ,
.profile-bio-page-view .general-stats ul li span a ,
.group-blast-view > .blast-block > a span ,
.group-blast-view > .blast-block .blast-message-secure>a ,
.view.global-nav-view .global-nav-restyle .global-nav-content:after ,
#tt-recent .tt-col1 h2 a ,
#GoodStuff a ,
#admin_cols a ,
.result-card .text-content .title ,
.fluid a.view-more-link ,
#block-user a ,
.global-nav-content.styleguide-global-nav.fluid.sohp-mobile-navable > div:last-of-type a ,
.contact-list-header .header-link a ,
.Tab + table.acct-sett a ,
.NewMsg a ,
#gn-wrap>div>a ,
.add-topic.secondary ,
/* TITLE / LINKS - PERU */
#Main table tbody tr td#Hint p a ,
.ThinCase table tbody tr>td>p>a ,
.sub-photo-left-view > .sub-photo-fave-view .dialog-tooltip .ui-dialog-body ul li a ,
.searchified-menu li a ,
.fluid .fluid-subnav .more-link ,
#button-bar .sn-navitem .sn-dropdown a ,
.fluid .group-description>a ,
.group-description>a ,
.fluid .view-all-li a ,
.fluid .with-avatar>tbody>tr>td>a[data-track="groupDiscussionTopicSubjectClick"] ,
.TopicListing a[href^="/help/forum/"] ,
.groups-list-item .group-overview h4 a ,
.about_group_edit a[href^="/groups"] ,
#return-to-msgs a ,
#return-to-msgs ,
#Main table tbody tr #GoodStuff td > p a ,
.hd>h3>a ,
.group-topics ul.topic-list.narrow-list .topic .hd h3 a ,
.short a ,
a[href^="http://www.flickriver.com"] ,
/* TITLE / LINKS - PERU */
#GoodStuff>form>p>a ,
.links.secondary>a ,
#groups-about .about a ,
#additional-info-expanded ul.icon-left:not(.machinetags-extras-list ) li:hover span small a ,
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + .invitePhoto > p:first-of-type a ,
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + .invitePhoto p.by a ,
h3#Tertiary ,
.group-subhead ,
a.Plain ,
#Main > h1 > a ,
.forumIntroText > a ,
#newTopic >p > a,
.forumSearch > form > p > a ,
/* TITLE / LINKS - PERU */
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view > .photo-license-info > .photo-license-url-iconOnly ,
.album-selection-list-item.belongs-to-album ,
a.show-all-link ,
.sn-navitem a ,
.profile-paginator-container #groups-page-1 li > a:first-of-type ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:not(:last-of-type) ,
.sub-photo-contexts-view .sub-photo-context a.add-to ,
.sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc a ,
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > .show-add-people,
.sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc a {
color: peru !important;
}
/* (new300) COLOR(ok) - LINKS / TITLE - GREEN #b9d56e - HOVER / HOVER:VISITED - === */
.coverphoto-content.fluid-centered .followers.truncate > a:hover ,
.fluid .coverphoto-content .title-block-content .title h1 a:hover ,
.profile-bio-page-view .general-stats ul li span a:hover ,
.group-blast-view > .blast-block > a:hover ,
.group-blast-view > .blast-block .blast-message-secure>a:hover ,
.group-blast-view > .blast-block .blast-message-secure>a:visited:hover ,
.view.global-nav-view .global-nav-restyle .global-nav-contenthover:after ,
#GoodStuff a:hover ,
#admin_cols a:hover ,
#admin_cols a:visited:hover ,
.FlickrMailMessage>tbody>tr>td>a[href^="/groups_pending.gne?"]:hover ,
.FlickrMailMessage>tbody>tr>td>a[href^="/groups_pending.gne?"]:visited:hover ,
/* TITLE / LINKS - GREEN #b9d56e */
.fluid a.view-more-link:hover ,
.fluid a.view-more-link:visited:hover ,
.gray_menu_buttons li a:hover ,
.gray_menu_buttons li a:visited:hover ,
#block-user a:hover ,
#block-user a:visited:hover ,
.global-nav-content.styleguide-global-nav.fluid.sohp-mobile-navable > div:last-of-type a:hover ,
.global-nav-content.styleguide-global-nav.fluid.sohp-mobile-navable > div:last-of-type a:visited:hover ,
.contact-list-header .header-link a:hover ,
.contact-list-header .header-link a:visited:hover ,
.Tab + table.acct-sett a:hover ,
.Tab + table.acct-sett a:visited:hover ,
.NewMsg a:hover ,
.NewMsg a:visited:hover ,
#gn-wrap>div>a:hover ,
.topic-list.narrow-list .topic a:hover ,
.add-topic.secondary:hover ,
/* TITLE / LINKS - GREEN #b9d56e */
#Main table tbody tr td#Hint p a:hover ,
#Main table tbody tr td#Hint p a:visited:hover ,
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > .person-list > .person > .person-icon .person-name:hover ,
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > .person-list > .person > .person-icon .person-name.ThinCase>p>a:visited:hover ,
p.RecentPhotos a[href^="/people/"]:hover ,
p.RecentPhotos a[href^="/people/"]:visited:hover ,
#Main>p>a:hover ,
#Main>p>a:visited:hover ,
.attribution-view.album-attribution > .attribution-info a:hover ,
.attribution-view.album-attribution > .attribution-info a:visited:hover ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view-OLD > .restricted-interstitial > .restricted-interstitial-message a:hover ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view-OLD > .restricted-interstitial > .restricted-interstitial-message a:visited:hover ,
/* TITLE / LINKS - GREEN #b9d56e */
.ThinCase>p>a:hover ,
.ThinCase>p>a:visited:hover ,
.ThinCase table tbody tr>td>p>a:hover ,
.ThinCase table tbody tr>td>p>a:visited:hover ,
.sub-photo-comments-view .comments .comment .comment-content a:hover ,
.sub-photo-comments-view .comments .comment .comment-content a:visited:hover ,
.searchified-menu li a:hover ,
.fluid .fluid-subnav .more-link:hover ,
.fluid .fluid-subnav .more-link:visited:hover ,
.content.menu>ul>li a:hover ,
.content.menu>ul>li a:visited:hover ,
/* TITLE / LINKS - GREEN #b9d56e */
#button-bar .sn-navitem .sn-dropdown a:hover ,
#button-bar .sn-navitem .sn-dropdown a:visited:hover ,
#a-bit-more-about>p>a:hover ,
#a-bit-more-about>p>a:visited:hover ,
.profile-section a.url:hover ,
.profile-section a.url:visited:hover ,
.profile-section.profile-section-desc .note a:hover ,
.profile-section.profile-section-desc .note a:visited:hover ,
.fluid .group-description>a:hover ,
.fluid .group-description>a:visited:hover ,
.group-description>a:hover ,
.group-description>a:visited:hover ,
.fluid .view-all-li a:hover ,
.fluid .view-all-li a:visited:hover ,
.fluid .with-avatar>tbody>tr>td>a[data-track="groupDiscussionTopicSubjectClick"]:hover ,
.fluid .with-avatar>tbody>tr>td>a[data-track="groupDiscussionTopicSubjectClick"]:visited:hover ,
/* TITLE / LINKS - GREEN #b9d56e */
.TopicListing a[href^="/help/forum/"]:hover ,
.TopicListing a[href^="/help/forum/"]:visited:hover ,
.groups-list-item .group-overview h4 a:link:hover ,
.groups-list-item .group-overview h4 a:link:visited:hover ,
.about_group_edit a[href^="/groups"]:hover ,
.about_group_edit a[href^="/groups"]:visited:hover ,
#return-to-msgs a:hover ,
#return-to-msgs a:visited:hover ,
#Main table tbody tr #GoodStuff td > p a:hover ,
#Main table tbody tr #GoodStuff td > p a:visited:hover ,
#MemberList tr td a[id^="CFS_"]:hover ,
#MemberList tr td a[id^="CFS_"]:visited:hover ,
.hd>h3>a:hover ,
.hd>h3>a:visited:hover ,
/* TITLE / LINKS - GREEN #b9d56e */
.topic-list.narrow-list>p>a:hover ,
.topic-list.narrow-list>p>a:visited:hover ,
.group-topics ul.topic-list.narrow-list .topic .hd h3 a:hover ,
.group-topics ul.topic-list.narrow-list .topic .hd h3 a:visited:hover ,
.short a:hover ,
.short a:visited:hover ,
a[href^="http://www.flickriver.com"]:hover ,
a[href^="http://www.flickriver.com"]:visited:hover ,
#GoodStuff>form>p>a:hover ,
#GoodStuff>form>p>a:visited:hover ,
.links.secondary>a:hover ,
.links.secondary>a:visited:hover ,
#groups-about .about a:hover ,
#groups-about .about a:visited:hover ,
#additional-info-expanded ul.icon-left:not(.machinetags-extras-list ) li:hover span small a:hover ,
#additional-info-expanded ul.icon-left:not(.machinetags-extras-list ) li:hover span small a:visited:hover ,
/* TITLE / LINKS - GREEN #b9d56e */
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + .invitePhoto > p:first-of-type a:hover ,
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + .invitePhoto > p:first-of-type a:visited:hover ,
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + .invitePhoto p.by a:hover ,
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + .invitePhoto p.by a:visited:hover ,
h3#Tertiary:hover ,
h3#Tertiary:visited:hover ,
.group-subhead:hover ,
.group-subhead:visited:hover ,
/* TITLE / LINKS - GREEN #b9d56e */
a.Plain:hover ,
a.Plain:visited:hover ,
#Main > h1 > a:hover ,
#Main > h1 > a:visited:hover ,
.forumIntroText > a:hover ,
.forumIntroText > a:visited:hover ,
#newTopic >p > a:hover ,
#newTopic >p > a:visited:hover ,
.forumSearch > form > p > a:hover ,
.forumSearch > form > p > a:visited:hover ,
#editRelationshipDialog:hover ,
#editRelationshipDialog:visited:hover ,
a.show-all-link:hover,
a.show-all-link:visited:hover ,
.sn-navitem a:hover,
.sub-photo-contexts-view .sub-photo-context .context-list li:hover:before ,
.sub-photo-contexts-view .sub-photo-context .context-list li:hover:visited:before,
.profile-paginator-container #groups-page-1 li > a:first-of-type:hover ,
.profile-paginator-container #groups-page-1 li > a:first-of-type:hover:visited ,
.sub-photo-contexts-view .sub-photo-context a.add-to:hover,
.sub-photo-contexts-view .sub-photo-context a.add-to:visited:hover ,
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul:hover:before,
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul:hover:visited ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type:hover,
/* TITLE / LINKS - GREEN #b9d56e */
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type:visited:hover ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:not(:last-of-type):hover,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:not(:last-of-type):visited:hover ,
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > .show-add-people:hover,
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > .show-add-people:visited:hover ,
.sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc a:hover,
.sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc a:visited:hover {
color: #b9d56e !important;
text-decoration: none !important;
}
/* (new300) COLOR(ok) - TEXT/LINK - TAN */
.group-pool-subheader-view .ui-dropdown ul li .reset ,
body.flickrfixrwebextension .sub-photo-right-view .date-taken .date-taken-label ,
body.flickrfixruserscript .sub-photo-right-view .date-taken .date-taken-label {
color: tan !important;
}
/* (new300) COLOR(ok) - LINKS / TITLE - COLOR - PERU - VISITED TAN - HOVER / HOVER:VISITED */
.notification-center-page-view .notification-item q span:not(.timestamp):not(.separator):not(.message) ,
.content.html-only.auto-size>a ,
.read-more-testimonial ,
.profile-bio-page-view .bio-description .read-more ,
.group-pool-subheader-view .ui-dropdown > span.truncate ,
.groups-toolbar-content .groups-toolbar-share-content .fluid-share-button .fluid-share-button-label ,
#global-nav #gn-wrap .nav.small-logo .toplink a span,
button.join.has-not-joined ,
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.c-charm-item-camera .exif-camera-name > a ,
.fluid.html-albums-list-page-view a.interaction-view.avatar.photo-list-album.album .photo-list-album-interaction a.overlay + .interaction-bar .metadata h4.album-title ,
.album-page-view .album-toolbar-view > .album-toolbar-content > a.back-to-albums > .back-to-albums-text ,
.fluid.html-gallery-page-view .view.fluid-droparound-view.flickr-view-root-view .view.comment-item-view.flickr-view-root-view .comment-item .content-container .comment-content a ,
.fluid.html-photo-page-scrappy-view .sub-photo-context .context-list li a + span.title a ,
.avatar.person.medium>b>a ,
.MembersList .Person a ,
.ResultSet + br + table.DiscussionResults tbody tr td h2 a ,
.subnav-content.fluid-centered .links li a ,
.result-card .text-content .title ,
.topic-list.narrow-list .topic a ,
.add-topic.secondary ,
.recent-discussions-view a.topic-subject ,
.fluid .group-discussion-topic-view .message-text a ,
.fluid .group-discussion-topic-view .preview-block a ,
/* LINKS / TITLE - COLOR - PERU - VISITED TAN - HOVER / HOVER:VISITED */
.attribution-view.album-attribution > .attribution-info a ,
p.RecentPhotos a[href^="/people/"] ,
#Main>p>a ,
#DiscussTopic .TopicReply .Said>p>a ,
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view-OLD > .restricted-interstitial > .restricted-interstitial-message a ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view-OLD > .restricted-interstitial > .restricted-interstitial-message a ,
.subnav-content.fluid-centered a ,
.sub-photo-comments-view .comments .comment .comment-content a ,
.sub-photo-left-view > .sub-photo-fave-view .dialog-tooltip .ui-dialog-body ul li a ,
.content.menu>ul>li a ,
#a-bit-more-about>p>a ,
.profile-section a.url,
.profile-section.profile-section-desc .note a ,
.act-item .act-details a ,
.view.group-pool-preview-view>h2>a ,
.fluid .align-right>a ,
.TopicListing a[href^="/help/forum/"] ,
.hd>h3>a ,
.topic-list.narrow-list>p>a ,
.group-topics ul.topic-list.narrow-list .topic .hd h3 a ,
table#mail td a {
color: peru !important;
}
/* (new300) COLOR(ok) - VISITED - TAN */
.sub-photo-right-view .sub-photo-tags-view > .sub-photo-tags-people-view > .person-list > .person > .person-icon a:visited .person-name ,
.view.account-settings-sharing-view a:visited ,
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-content a:visited ,
.notification-center-page-view .notification-item q span:not(.timestamp):not(.separator):not(.message):visited ,
.content.html-only.auto-size>a:visited ,
.base-notification-item .notification-item .notification-item-middle .notification-core .info-container .subtitle:visited ,
.avatar.person.medium>b>a:visited ,
#GoodStuff #DiscussTopic .Said p a:visited ,
.group-top-contributors-dropdown-view.ui-dropdown.top-contribs > ul a:visited .username ,
#global-nav #gn-wrap .nav.small-logo .toplink a:visited span ,
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.c-charm-item-camera .exif-camera-name > a:visited ,
.fluid.html-albums-list-page-view a.interaction-view.avatar.photo-list-album.album:visited .photo-list-album-interaction a.overlay + .interaction-bar .metadata h4.album-title ,
.album-page-view .album-toolbar-view > .album-toolbar-content > a.back-to-albums:visited > .back-to-albums-text ,
/* COLOR - VISITED - TAN */
.fluid.html-photo-page-scrappy-view .sub-photo-context .context-list li a + span.title a:visited ,
.profile-bio-page-view .general-stats ul li span a:visited ,
.MembersList .Person a:visited ,
.ResultSet + br + table.DiscussionResults tbody tr td h2 a:visited ,
.group-blast-view > .blast-block > a:visited ,
.subnav-content.fluid-centered .links li a:visited ,
#tt-recent .tt-col1 h2 a:visited ,
.result-card .text-content .title:visited ,
.fluid-centered>a:visited ,
.fluid .align-right>a:visited ,
.fluid .group-description>a:visited ,
.fluid .view-all-li a:visited ,
.fluid .with-avatar>tbody>tr>td>a[data-track="groupDiscussionTopicSubjectClick"]:visited ,
.fluid a.fluid .group-discussion-topic-view .message-text a:visited ,
.fluid .group-discussion-topic-view .preview-block a:visited ,
.topic-list.narrow-list .topic a:visited ,
.recent-discussions-view a.topic-subject:visited ,
p.RecentPhotos a[href^="/people/"]:visited ,
/* COLOR - VISITED - TAN */
.attribution-view.album-attribution > .attribution-info a:visited ,
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view-OLD > .restricted-interstitial > .restricted-interstitial-message a:visited ,
.photo-well-scrappy-view-OLD .height-controller .photo-well-media-scrappy-view-OLD > .restricted-interstitial > .restricted-interstitial-message a:visited ,
.subnav-content.fluid-centered a:visited ,
.ThinCase>p>a:visited ,
.sub-photo-comments-view .comments .comment .comment-content a:visited ,
.sub-photo-left-view > .sub-photo-fave-view .dialog-tooltip .ui-dialog-body ul li a:visited ,
.sub-photo-contexts-view .sub-photo-context .context-list li .title > a:visited ,
#button-bar .sn-navitem .sn-dropdown a:visited ,
#a-bit-more-about>p>a:visited ,
.profile-section a.url:visited ,
.profile-section.profile-section-desc .note a:visited ,
/* COLOR - VISITED - TAN */
.view.group-pool-preview-view>h2>a:visited ,
.group-description>a:visited ,
.group-topics ul.topic-list.narrow-list .topic .hd h3 a:visited ,
.topic-list.narrow-list>p>a:visited ,
.TopicListing a[href^="/help/forum/"]:visited ,
#DiscussTopic .TopicReply .Said>p>a:visited ,
#DiscussTopic a:visited ,
.act-item .act-details a:visited ,
.content.menu>ul>li a:visited ,
.view-more-link:visited ,
.hd>h3>aa:visited ,
table#mail td a:visited ,
#Main>p>a:visited {
color: TAN !important;
}
/* (new300) COLOR(ok) - LINKS / TITLE - RED - === */
.avatar.person.tiny + .content-container .author-info .deleted ,
.attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip .following-unfollow a ,
ul.groups-list-header .SortOptions .group_sort_active,
.GroupsCenterContainer .SortOptions .group_sort_active {
color: red !important;
}
/* (new300) COLOR(ok) - LINKS / TITLE - SELECTED - GOLD */
.groups-you-admin-listing-view li.selected-item ,
.fluid .droparound .body .content.menu li.selected-item {
color: gold !important;
}
/* (new310) COLOR(ok) - LINKS / TITLE - GOLD */
.photo-card-header-view .photo-card-header .left-container .attribution .card-details .time ,
#CatFlickrSuitePopUp.ToolTip span[style="font-weight:bold;color:blue"] ,
h1#Tertiary + .Tab + .NoResult ,
.html-profile-page-view .profile-page-view .popular-container .filter-bar .dropdown-link ,
.profile-bio-view .bio-description .bio-infos .bio-infos-container ul li span:last-of-type ,
.avatar.person.tiny + .content-container .author-info span:not(.deleted ) ,
.notifications-empty-state ,
#group-sidebar.open:hover .discussions.sec span:first-of-type:not(.sticky):not(.New) ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover .remark-line-container .remark-line span + span ,
table.FlickrMailMessage p.flickr-user.flickrmail-to span.name strong.username ,
.compose-field-container + .compose-field-container p.flickr-user span.name span.realname ,
#Main table tbody tr td#Hint .TopicListing:last-of-type h4 ,
#Main table tbody tr td#Hint .TopicListing h4 ,
#Main table tbody tr td#Hint h4 ,
#tt-recent-nav ul b ,
.group-creation-view .group-creation-container .group-creation-content-container .step-container ,
/* LINKS / TITLE - GOLD */
.group-topics p.discussion_locked ,
.group-topics .ThinCase p ,
.group-badge .group-meta .group-stats li,
p.model-stats b ,
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.c-charm-item-camera .exif-camera-name ,
.act-when p ,
.fluid.html-gallery-page-view .fluid-centered.gallery-page-container .details-section .stats span ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 li .exif-name ,
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .timestamp ,
.fluid .fluid-magic-tools-view .dropdown-link p ,
.sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-taken .date-taken-label ,
/* LINKS / TITLE - GOLD */
.fluid.html-search-photos-unified-page-view .view.global-nav-view ~ .view.search-subnav-slender-view .search-subnav-sizing.fluid-centered .search-subnav-content .tool.advanced-clear a ,
#FQMG-quit-button.CancelButt ,
#CatFlickrSuitePopUp>b ,
.about>div>form[action="/groups_join.gne"] a ,
.act-item > .act-data > div b ,
.Confirm,
.Problem,
.Alert ,
#gallery-comments #comments h3 ,
#contactChangerPopup + #person_hover #personmenu_button_bar .candy_menu p strong ,
.group-h3 ,
#groups-list .groups-sidebar:before ,
.sub-photo-contexts-view .sub-photo-context .context-list li::before ,
.sub-photo-contexts-view .sub-photo-context .view-all-contexts-of-type a:before ,
.album-selection-list-item.belongs-to-album:before ,
.sub-photo-title-desc-view > .title-desc-block .title-desc-edit.ui-icon-title-desc-edit ,
.sub-photo-title-desc-view > .title-desc-block.editable > h1.meta-field.photo-title ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken:hover .date-taken-label:before ,
.sub-photo-contexts-view .invitation-notice ,
.group-topics ul.topic-list li .hd .reply-count ,
.group-topics ul.topic-list.narrow-list li .hd .reply-count ,
.square-menu-css .yui3-popover-arrow-br ,
/* LINKS / TITLE - GOLD */
#Hint + #GoodStuff #DiscussTopic table:first-of-type tbody tr h4 a + span + b:before ,
#DiscussTopic table.TopicReply tr h4 b:before ,
#DiscussTopic table:first-of-type .Who:first-of-type + .Said h4 > a:last-of-type + b:before ,
#GoodStuff #DiscussTopic .TopicReply .Said h4 b:before ,
#MemberList tr td+td b:not(:hover):before ,
#recent-activity.tt-activity .act-detail-item .act-content >a:before ,
#recent-activity .act-detail-item .act-who + a:before ,
.comment-head>span+span:before ,
.context-photos-list +span+span > a ,
#group-placeholder a ,
#group-placeholder ,
#global-nav:hover #gb-ac-panel ul.ac-nav li a:hover ,
#global-nav:hover #gb-ac-panel ul.ac-nav li:hover ,
.clearfix #CFS_Tag_Assoc ,
#faves.ju .row .thumb .meta:hover a.owner ,
#pool-photos.ju .row .pool-photo .thumb:hover .meta a.owner ,
#pool-photos.ju .row .pool-photo .thumb:hover .meta a.owner[id^="CFS"] span ,
.popup>ul>li:last-of-type img:after ,
/* (new305) LINKS / TITLE - GOLD */
.groups-list-item .latest-post ,
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + .invitePhoto p.by ,
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .invitePhoto > p:first-of-type ,
#Main table#SubNav tbody tr td.Extras p span.photo_navi_contact .edit_relationship a ,
#Main table#SubNav tbody tr td.Extras p span.photo_navi_contact .edit_relationship ,
#Main table#SubNav tbody tr td.Extras p span.photo_navi_contact>a[onclick*="return false"] ,
#Main table#SubNav tbody tr td.Extras p span.photo_navi_contact ,
#groups-about .about form p input.Butt ,
.Locked i ,
#pool-photos.ju ~#paginator-module .Paginator span .this-page ,
#view-holder +script + #paginator-module .Paginator span .this-page ,
#view-holder + #paginator-module.Pages .Paginator span .this-page ,
.char_search +#MemberList tr td a[onclick*="promote"] ,
#tt-pages #paginator-module.Pages .Results ,
.groups-list-header ,
.groupsList:before ,
div.dateoverlay:hover ,
.c-account-menu .c-account-buddyicon .c-account-unreadcount ,
#global-nav .header-count ,
#global-nav .header-count:visited {
color: GOLD !important;
}
/* (new312) COLOR(ok) - LINKS - TOMATO - === */
.recent-discussions-view .message .author ,
.sub-photo-contexts-view .sub-photo-context .view-all-contexts-of-type a:hover:before ,
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view ul > li.ui-dropdown-item-selected {
color: TOMATO !important;
}
/* (new312) COLOR(ok) - LINKS - DIVERS - VISITED - TOMATO */
.recent-discussions-view a.topic-subject ,
.sub-photo-tags-tag-view ul.tags-list > li.tag > a.fixrTag + .remove-tag + a,
.sub-photo-tags-tag-view ul.tags-list > li.autotag > a.fixrTag + .remove-tag + a {
color: peru !important;
}
.recent-discussions-view a.topic-subject:visited ,
.sub-photo-tags-tag-view ul.tags-list > li.tag > a.fixrTag + .remove-tag + a:visited ,
.sub-photo-tags-tag-view ul.tags-list > li.autotag > a.fixrTag + .remove-tag + a:visited {
color: tomato !important;
}
#groups.profile-section .text-list.profile-paginator-page li span + a {
color: GOLD !important;
}
#groups.profile-section .text-list.profile-paginator-page li span + a:visited ,
.short a:visited ,
.sn-navitem a:not(#you-subnav-more-butt):visited {
color: TOMATO !important;
}
/* COLOR(ok) - LINKS - COLOR - VISITED - RED */
#sidebar-contexts #secondary-contexts li .context-photos ul+span a:visited:after ,
#sidebar-contexts li .context-photos ul+span a:visited:after ,
.context-photos ul+span:visited:after {
color: RED !important;
}
a:visited:hover ,
a:visited:after ,
a:visited {
color: TAN !important;
}
/* COLOR(ok) - TXT - TRANSPARENT */
.photo-display-container .photo-display-item .meta a.fave-star-inline img,
.zoomer .meta a.fave-star-inline img {
color: transparent !important;
}
/* ==== TEXTARERA - PHOTO PAGE - TEXTAREA - REPLY COMMENT - === */
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea:hover,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea:focus,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:hover,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:focus {
-moz-appearance: none !important;
-webkit-appearance: none !important;
background-color: rgba(0, 0, 0, 1) !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea {
-moz-appearance: none !important;
-webkit-appearance: none !important;
border: 1px solid rgba(0, 0, 0, 0.5) !important;
color: gray !important;
background-color: rgba(0, 0, 0, 1) !important;
}
/* ==== PHOTO PAGE - TOOLTIP / POPUP / MENU ETC === */
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-modal-view .album-selection input.album-selection-search {
box-shadow: 0 0 0 1px gray inset !important;
color: white !important;
background-color: rgba(0, 0, 0, 0.09) !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout.view.fluid-modal-view .album-selection input.album-selection-search::-moz-placeholder {
color: gray !important;
}
/* PHOTO PAGE - USER NAME - COLOR - GRAY0 - #656c7a === */
.testimonial .user-infos ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a:hover ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a:hover:visited ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a:visited:before ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a:visited:after ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a:visited ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a {
color: #656c7a !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:hover ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:visited:before ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:visited:after ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:visited ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:before {
color: white !important;
}
#toto-main.recent-activity .act-content p a[href^="/photos/"] ,
#toto-main.recent-activity .act-content p a[href^="/photos/"]:visited {
color: #656c7a !important;
text-decoration: none !important;
}
.photo-list-photo-interaction .interaction-bar .text a[id^="CFS"].attribution ,
a[id^="CFS"]{
color: tan !important;
text-decoration: none !important;
}
a[id^="CFS"]:visited {
color: tomato !important;
text-decoration: none !important;
}
.photo-list-photo-interaction .interaction-bar .text a[id^="CFS"].attribution span:not(.avatar),
a[id^="CFS"]:not([href^="http://www.flickriver.com"]) span:not(.avatar) {
/* color: black !important; */
/* text-shadow: 1px 1px 4px #000 !important; */
/* text-shadow: none !important; */
}
a[id^="CFS"][href^="http://www.flickriver.com"] span:not(.avatar) {
/* color: peru !important; */
/* text-shadow: 1px 1px 4px #000 !important; */
/* text-shadow: none !important; */
}
.photo-notes-scrappy-view .note-text a.author ,
.photo-notes-scrappy-view-OLD .note-text a.author {
color: white !important;
}
.sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc > p {
color: white !important;
}
.sub-photo-comments-view .order-chronological .comments-more a ,
.sub-photo-comments-view .order-chronological .comments-more a:visited {
color: gold !important;
}
/* TEST - ALL HOVER BACKGROUND LINKS/TITLES - === */
a:hover {
background-color: transparent !important;
}
/* (new237) FOOTER - ALL - === */
.view.footer-full-view footer.foot .foot-container{
/* border-top: 1px dashed gray !important; */
}
.view.footer-full-view footer.foot .foot-container:hover {
/* transition: all ease 0.1s !important; */
background: black !important;
}
.html-photo-page-scrappy-view.fluid.scrolling-layout.yui3-js-enabled .view.footer-full-view footer.foot .foot-container {
/* border-top: 1px dashed gray !important; */
}
.html-photo-page-scrappy-view.fluid.scrolling-layout.yui3-js-enabled .view.footer-full-view footer.foot .foot-container:hover {
background: black !important;
}
/* PHOTO PAGE - MINI THUMBNAILS - VISITED - === */
.context-slider-scrappy-view .context-slider > .wrapper .slider .context-thumb {
border: 1px solid gray !important;
}
.context-slider-scrappy-view .context-slider > .wrapper .slider .context-thumb:visited {
border: 1px solid violet !important;
}
/* FOR GM "View User Infos" - VISITED LINK - === */
.view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound .person-card-view .links a {
color: peru !important;
}
.view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound .person-card-view .links a:visited {
color: tan !important;
}
/* GM "Flickr Download Link" === */
#iddllusgm3 a.gn-title#idllusgm {
color: tomato !important;
}
/* (new33) GROUPS PAGE === */
#groups-list .Sets .setText> a h4 {
color: white !important;
}
#groups-list .Sets .discussionCount a p {
color: white !important;
}
/* FLUID - COLOR - === */
.fluid .coverphoto .coverphoto-content .cover-photo-attribution a {
color: white !important;
}
.fluid .coverphoto .coverphoto-content .cover-photo-attribution a:hover {
color: #b9d56e !important;
background: black !important;
}
.fluid .fluid-subnav .more-link {
color: peru !important;
}
/* PAGINATION - VISITED - === */
.pagination-view a span {
color: gray !important;
}
.pagination-view a:visited span {
color: red !important;
}
/* (new176) COLOR - DIVERS */
.fluid .butt.flex.hollow.white, .fluid button.flex.hollow.white {
border: 2px solid #333;
color: #fff;
}
.droparound.html.auto-size[style^="width: auto; left: 156px;"] .droparrow:before ,
.droparound.html.auto-size[style^="width: auto; left: 156px;"] .droparrow:after ,
.droparound.html.auto-size[style^="width: auto; left: 156px;"] {
border: 1px solid red !important;
}
/* FLUID - ALBUM / SET - COLOR - === */
.fluid.html-albums-list-page-view .photo-list-album-interaction a.overlay + .interaction-bar h4.album-title {
color: peru !important;
}
.fluid.html-albums-list-page-view .photo-list-album-view .interaction-view.photo-list-album {
border-bottom: 1px solid peru !important;
}
.fluid.html-albums-list-page-view .photo-list-album-view .interaction-view.photo-list-album:visited {
border-bottom: 1px solid red !important;
}
/* SET - EDIT PAGE - === */
.ps-photos-only .insitu-editing .insitu-value ,
.ps-photos-only .insitu-editing textarea.insitu-value {
color: black !important;
}
.PhotoStream.ps-photos-only .PhotosColumn #photostream-photos #photo-display-container .photostream-photo.photo-display-item .Desc .insitu-trigger {
color: gray !important;
}
.PhotoStream.ps-photos-only .PhotosColumn #photostream-photos #photo-display-container .photostream-photo.photo-display-item .Desc .insitu-trigger a {
color: red !important;
}
/* PHOTO PAGE - MINITHUMBNAIL - ERROR - === */
.context-slider-scrappy-view .loadingError ,
.context-slider-scrappy-view .loadingError p:last-of-type ,
.context-slider-scrappy-view .loadingError p:first-of-type {
color: red !important;
}
.context-slider-scrappy-view .loadingError .ui-button.ui-button-transparent.retry {
color: gold !important;
}
/* TEST - PHOTO - NEW ADD POOL+GALLERY - DIALOGUE POPUP / TOOLTIP - ADD POOL / GALLERY / DELETE PICTURE - === */
/* ALL */
.fluid .fluid-chalkboard-overlay,
.fluid .fluid-droparound-overlay,
.fluid .fluid-modal-overlay {
opacity: 1 !important;
background: #212124 !important;
}
.fluid .fluid-modal-overlay {
background: #222 !important;
}
.add-to-stuff-view {
background-color: rgba(34, 34, 34, 0.4) !important;
}
.add-to-stuff-view .nav .list-label {
color: gold;
}
.add-to-stuff-view .nav ul li span {
color: peru !important;
}
.add-to-stuff-view .nav ul li.selected span,
.add-to-stuff-view .nav ul li:focus span,
.add-to-stuff-view .nav ul li:hover span {
color: gold !important;
}
.stuff-selection-list-container li:hover .selection-item-content {
background: black !important;
border: none !important;
}
.add-to-stuff-view .nav ul li.selected span,
.add-to-stuff-view .nav ul li:focus span,
.add-to-stuff-view .nav ul li:hover span {
color: gray !important;
}
.stuff-selection-view .stuff-selection .action-container .create-button .create-button-text ,
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels .item-title {
color: peru !important;
}
/* (new194) */
.add-to-stuff-view {
/* border-radius: 5px !important; */
/* border: 1px solid red !important; */
background: #151515 !important;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog {
background: #151515 !important;
}
.fluid .fluid-subnav {
background-color: rgba(45, 43, 43, 1) !important;
}
.fluid .fluid-subnav.fixed {
background-color: #222 !important;
}
.photo-list-gallery-view .photo-list-gallery-container .sub-photo-info-bar .info-container ,
.html-gallery-page-view .fluid-centered.gallery-page-container .view.photo-list-gallery-photo-view.forced-aspect-ratio .sub-photo-info-bar {
background: rgba(0, 0, 0, 0) linear-gradient(180deg, transparent 0px, rgba(0, 0, 0, 0.54) 50%, rgba(0, 0, 0, 0.83)) repeat scroll 0 0 !important;
}
.html-gallery-page-view .view.photo-list-gallery-photo-view {
background-color: #111 !important;
border: 1px solid #333 !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 {
outline: 1px solid #333 !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container,
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement ,
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar ,
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details ,
.photo-list-gallery-photo-view .photo-list-photo-container {
background-color: #111 !important;
}
.fluid .fluid-chalkboard-overlay,
.fluid .fluid-droparound-overlay,
.fluid .fluid-modal-overlay {
background: transparent !important;
background-color: transparent !important;
}
/* (new142) SVG ICON?? - JOIN BUT - COLOR */
.fluid .butt.join.mini::after, .fluid .butt.join.mini::before, .fluid .butt.join::after, .fluid .butt.join::before, .fluid button.join.mini::after, .fluid button.join.mini::before, .fluid button.join::after, .fluid button.join::before {
background-color: peru !important;
}
/* (new142) SVG ICON COLOR */
.photo-card-header-view .photo-card-header .right-container .menu-button svg ,
.photo-card-engagement-view .photo-card-engagement span.engagement-item .engagement-icon svg ,
.gallery-page-view .gallery-page-container .action-bar .actions .action svg ,
svg.icon {
fill: peru !important;
}
svg.icon:hover {
fill: red !important;
}
/* (new245) SVG - CAMERA FINDER - GRAPH - COLOR */
.graph-overlay {
color: silver !important;
text-shadow: 0 1px 0 #888 !important;
background-color: rgba(255, 252, 252, 0.09) !important;
}
/* BACKGROUND */
.graph-wrapper svg defs #MyGradient stop[stop-color="#ffffff"] {
stop-color: #111 !important;
}
.graph-wrapper svg defs #MyGradient stop[stop-color="#F7F7F8"] {
stop-color: #222 !important;
}
.graph-wrapper svg rect {
fill: rgba(18, 18, 18, 0.41) !important;
}
/* LINE HORIZ */
.graph-wrapper svg path[stroke="#F8F8F8"] {
stroke: gray !important;
}
/* GRAPH */
.graph-wrapper svg path[stroke-width="2px"] {
stroke: silver !important;
}
/* VERT/HOR BORDER */
.graph-wrapper svg rect[stroke-width="1px"] {
stroke: red !important;
}
/* (new223COM) BELL NOTIF */
.notifications-menu-view .gn-title.c-notifications-menu svg.icon-notification {
fill: white !important;
}
.notifications-menu-view .gn-title.c-notifications-menu svg.icon-notification:hover {
fill: gold !important;
}
.add-to-stuff-view svg.close-x-button use {
fill: white !important;
}
.add-to-stuff-view svg.close-x-button:hover use {
fill: red !important;
opacity: 1 !important;
}
.gallery-page-view .action-bar .actions .action svg {
color: gray !important;
}
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.fave.faved .engagement-icon svg.filled {
fill: red !important;
}
/* (new161)SVG SELECTED */
.tab.selected svg {
fill: red !important;
}
/* FEED - VISITED IMAGE */
.feed-page-view .activity-card.batch-photo-card div.activity-card-photos a.activity-card-photo img ,
.feed-page-view .activity-card div.activity-card-photos a.activity-card-photo img {
border: 1px solid gray !important;
}
.feed-page-view .activity-card.batch-photo-card div.activity-card-photos a.activity-card-photo:visited img ,
.feed-page-view .activity-card div.activity-card-photos a.activity-card-photo:visited img {
border: 1px solid red !important;
}
/* (new173) NEW NOTIF - COLOR */
.notifications-panel .tab.selected {
color: gold !important;
}
.notification-item-list-item .headline-container {
color: gray !important;
}
.settings-notifications-listing-view .notification .groups-cta ,
.settings-email-notifications-listing-view .selected-dropdown span:first-of-type ,
.notifications-panel .tab ,
.notification-item-middle .notification-core .headline-container a {
color: peru !important;
}
.notification-item-middle .notification-core .headline-container a:visited {
color: tan !important;
}
.fluid.html-photo-page-scrappy-view #stacking-overlay-container .view.fluid-droparound-view.flickr-view-root-view .subview-droparound.auto-size[style*="width: 450px; position: fixed; left: 1898px;"]:hover {
background: #111 !important;
}
.notification-banner-view .basic-banner.head-banner-style:hover ,
.notif-banner.announcement:hover {
border: 1px solid red !important;
background: #111 !important;
}
.notif-banner .banner-content .message-container a:first-of-type,
.notif-banner .banner-content .message-container a:first-of-type:hover {
background: #222 !important;
}
.account-settings-page-view .box, .account-settings-view .box {
color: white !important;
background: #222 !important;
}
.settings-email-notifications-listing-view .email-notification:hover ,
.settings-notifications-listing-view .notification:hover ,
.account-settings-page-view div.header, .account-settings-view div.header {
color: white !important;
background: #333 !important;
}
/* END ========================================================== */
/* ============================================================== */
/* ======= Flickr WideScreen - DARK-Grey (STANDALONE) =========== */
/* ============================================================== */
/* END ========================================================== */
}