Flickr using at its maximum a WideScreen
目前為
/* ==UserStyle==
@name Flickr WideScreen - BigONE v.151 - UserCSS (userstyle/script)
@namespace flickr.com
@version 1.51.1
@author decembre
@description Flickr using at its maximum a WideScreen
@license unlicense
==/UserStyle== */
@-moz-document domain("flickr.com"), domain("na.ads.yahoo.com") {
/* ==== FLICKR - 00 - Flickr WideScreen - ALLinONE (Part 1) v.151 (new151) ===== */
/* (new149)SUPP PUBS / / GEO YAHOO / SPONSORED ETC... - === */
.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 ,
#GoodStuff table#InBox tbody tr:first-of-type ,
.toggle-component.switch label .check-imposter ,
.toggle-component.switch label .check-imposter::after ,
#group-sidebar .pending.sec h3.group-subhead ~ p ,
.subnav-refresh .cover-photo-holder:before ,
.subnav-refresh .subnav-middle .cover-attribution ,
#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 .view.footer-full-view ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body script + .view.fluid-droparound-view.flickr-view-root-view + .fluid-droparound-overlay.transparent + .view.fluid-droparound-view.flickr-view-root-view + .view.fluid-droparound-view.flickr-view-root-view ,
.sub-photo-left-view > .sub-photo-fave-view.faves-present .ui-icon-fave-star ,
.zoom-modal .zoom-photo-container .facade-of-protection-zoom ,
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .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.scrolling-layout body::after ,
.fluid.html-photostream-page-view .fluid-magic-tools-view .secondary-tools > .view.fluid-magic-search-view.closed ,
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .view.fluid-magic-search-view.closed a.search-toggle span.active,
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .view.fluid-magic-search-view.closed a.search-toggle span.active:before ,
.follow-view.is-real-fullscreen ,
.main-logo ,
.view.global-nav-view .global-nav .global-nav-content .flickr-logo-container ,
.view.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 ,
.view.photo-page-ad-scrappy-view .view.sub-photo-moola-view ,
.view.photo-page-ad-scrappy-view .sub-photo-moola-view .find-out-more[href="/account/upgrade/pro"] ,
#gpt-photostream-interstitial ,
.view.sub-photo-submoola-view ,
.fluid.html-photo-page-ad-scrappy-view .view.photo-page-ad-scrappy-view .view.sub-photo-ad-view .view.sub-photo-title-desc-view ,
.fluid.html-photo-page-ad-scrappy-view .view.photo-page-ad-scrappy-view .view.sub-photo-ad-view,
#global-nav #gn-wrap .nav.small-logo .toplink[class="toplink"]:last-of-type ,
#gpt-feed-billboard ,
.view.cookie-banner-view.flickr-view-root-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 .view.account-menu-view .c-account-buddyicon span.exceed-warning-dot .exclamation ,
.global-nav .global-nav-content .gn-tools li:last-of-type .view.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 ,
.view.privacy-footer-view.hidden ,
.view.footer-full-view.requiredToShowOnServer.privacy-footer .view.privacy-footer-view.hidden ,
.view.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 {
display: none !important;
}
/* (new141) TEST VIEWPORT for POOL PAGE LAZY LOAD - TEST ANTI JUMP - === */
body {
/* min-height: 300vh !important; */
height: auto !important;
/* background-color : red !important; */
}
/* LOAD BAR */
.loader-bar {
opacity: 0.2 !important;
}
/* POSS PUB - ARROW INDIC */
/* FAV/PHOSTREAM/POOL/ - === */
.fluid.html-photo-page-ad-scrappy-view .view.photo-page-ad-scrappy-view .photo-well-scrappy-view .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;
}
/* (new134) START == DARK MINIMAL (D/M)- === */
/* (D/M) PHOTO - #222 */
/* html.styleguide , */
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view .droparound.subview-droparound ,
.fluid.html-photo-page-scrappy-view.scrolling-layout {
background: #222 ;
}
/* (D/M) PHOTO - #333 */
.context-slider-scrappy-view.hover,
.context-slider-scrappy-view {
background: black !important;
}
.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 {
background-color: #222 !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 {
border: 1px solid rgba(0, 0, 0, 0.5);
color: gray;
background-color: rgb(0, 0, 0);
}
.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;
}
/* (D/M) MODAL */
.fluid .modal {
background-color: #1E1D1D;
}
.fluid .fluid-chalkboard-overlay, .fluid .fluid-droparound-overlay, .fluid .fluid-modal-overlay {
background-color: transparent;
}
/* (D/M) COLOR - TEXT */
.view.fluid-modal-view.flickr-view-root-view .modal .content.text-only.has-footer ,
#tt-recent ul.tt-activity li.act-item ,
#tt-recent .tt-col1 h2,
#tt-recent-nav>ul>li>b ,
ul.tt-activity ul.act-details li.act-detail-item ,
.searchified-options .searchified-options-sort ,
#SubNav .Section .LinksNew .Here ,
.Confirm ,
h4 a ,
h4 ,
h2 ,
h1 ,
p {
color: gray ;
}
/* (D/M) == END == TEST DARK MINIMAL - ===== */
/* (new138) START === NEW FEEDS PAGES ===== */
/* (new138) ==== NEW FEEDS ==== */
/* NEW FEEDS - SUPP ADDS - === */
.ad-card ,
.html-feed-new-page-view .feed-b {
display: none ;
}
/* (new142) NEW 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-right: 3px ;
margin-bottom: 0px;
margin-top: 5px !important;
padding: 5px ;
border: 1px solid #333 !important;
}
/* NEW FEEDS - WIDE - === */
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container ,
html.scrolling-layout.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 ;
background: #333 ;
border-bottom: 1px solid red ;
}
/* (new138) NEW FEEDS - RIGHT INFOS */
.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 ;
background: black ;
border: 1px solid red ;
}
.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 ;
}
/* (new138) NEW FEEDS - CONTAINER - ITEMS */
/* (new138) NEW FEEDS - PUB ? */
.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 {
display: none !important;
}
/* (new138) NEW 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 ;
}
/* (new138) NEW 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"] {
background-color: blue !important;
opacity: 1 !important;
}
/* (new138) NEW FEEDS - FEEDS CONTAINER */
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-column-content {
top: 57px ;
}
/* ==== FEEDS ALL ====== */
.feed-layout{
display: inline-block !important;
clear: both;
float: left;
width: 100%;
margin-bottom: 40px;
padding: 5px !important;
/* border: 1px solid yellow; */
}
/* NEW FEEDS - RADIUS */
.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;
}
/* (new138) NEW FEEDS - OVERLAY VIEW */
.feed-new-page-view .batch-overlay {
top: 53px ;
}
/* (new138) NEW FEEDS - SMALL */
.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: 49% ;
min-height: 350px ;
margin-right: 3px ;
padding: 5px ;
}
.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;"]) .view.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;"]) .view.photo-card-view >.photo-card.theme-flat.layout-compact {
text-align: center ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-column-content .feed-layout .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .header {
position: relative ;
height: 30px ;
line-height: 30px ;
margin-bottom: 0px ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view .photo-card .photo-card-content {
flex: 1 1 auto ;
flex-direction: row ;
width: 100% ;
height: 100%;
min-height: 0;
align-items: center ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view .photo-card .photo-card-content .card-batch-layout {
flex-direction: row !important;
min-height: 400px ;
width: 100% !important;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .view.photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .photo-card-photo {
flex: 1 1 300px ;
height: 100% ;
width: 100% ;
}
/* (new138) NEW 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;"]) .view.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;"]) .view.photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .view.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;"]) .view.photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .view.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;"]) .view.photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .view.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;"]) .view.photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .view.photo-card-view .photo-card.theme-card .photo-card-content .photo-card-photo {
/* background: green !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;"]) .view.photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .view.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;"]) .view.photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .view.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;"]) .view.photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .view.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;"]) .view.photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .view.photo-card-view .photo-card.theme-card .photo-card-content .photo-card-photo .head-overlay .header-container .photo-card-header.compact.theme-overlay .left-container {
display: inline-block ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .view.photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .view.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;"]) .view.photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .view.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;
}
/* (new143) NEW FEEDS - OPTIONS */
.fluid.html-feed-new-page-view .view.fluid-droparound-view.flickr-view-root-view {
position: absolute ;
top: 0px ;
}
/* (new143) NEW FEEDS - MENU CONTEXT - === */
.html-feed-new-page-view .droparound.menu.photo-card-header-context-menu {
margin-top: 0px ;
}
/* ==== END - NEW FEEDS COMPACT ==== */
/* (new138) END === TNEW FEEDS PAGES ===== */
/* POOL INVIT CONFIR - === */
.group-18-plus-confirmation-view {
position: absolute !important;
top: 99px !important;
left: 274px !important;
}
/* (new140) JU - POOL no BETA - ROWS - TEST ANTI JUMP - - === */
#pool-photos.ju {
display: inline-block !important;
min-width: 1898px !important;
max-width: 1898px !important;
/* height: 100vh !important; */
/* min-height: 300vh !important; */
margin: 85px 0 0 0 !important;
left: 0 !important;
padding-left: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
/* overscroll-behavior: none !important; */
}
/* JU ROW - SIDEBAR - CLOSE red */
#pool-photos.ju .row:not(:empty) ,
#pool-photos.ju.photo-display-container .row:not(:empty) {
display: inline-block !important;
width: 650px !important;
min-height: 280px !important;
max-height: 280px !important;
margin: 0px 200px -105px 70px !important;
overflow: visible !important;
transform: scale(0.47) !important;
transform-origin: top left !important;
background: transparent !important;
}
/* (new143) JU ROW - SIDEBAR - OPEN green */
#pool-photos.ju[style*="padding-left: 345px;"] .row:not(:empty) ,
#pool-photos.ju.photo-display-container[style*="padding-left: 345px;"] .row:not(:empty) {
display: inline-block !important;
width: 100% !important;
min-width: 1200px !important;
max-width: 1200px !important;
min-height: 290px !important;
max-height: 290px !important;
margin: 0px -350px -100px 83px !important;
overflow: visible !important;
transform: scale(0.47) !important;
transform-origin: top left !important;
background: transparent !important;
}
/* JU POOL - SIDEBAR OPEN - CONTAINER + PAGI - === */
#pool-photos.ju[style*="padding-left: 345px;"] {
width: 100% !important;
padding-left: 0 !important;
}
#pool-photos.ju[style^="padding-left: 345px;"] +div+div +br + #paginator-module.Pages {
position: fixed ;
display: inline-block ;
width: 550px ;
float: none ;
min-height: 40px ;
max-height: 40px ;
top: 530px ;
margin-top: 0 ;
left: -235px ;
transform: rotate(90deg) ;
}
/* JU - IMAGE TOO NARROW - === */
#pool-photos.ju .thumb.crazy-narrow ,
#pool-photos.ju .thumb.crazy-narrow > span ,
#pool-photos.ju .thumb.crazy-narrow > span a:first-of-type ,
#pool-photos.ju .thumb.crazy-narrow > span a:first-of-type img ,
#pool-photos.ju .thumb.too-narrow ,
#pool-photos.ju .thumb.too-narrow > span ,
#pool-photos.ju .thumb.too-narrow > span a:first-of-type ,
#pool-photos.ju .thumb.too-narrow > span a:first-of-type img ,
#pool-photos.ju .thumb.waytoo-narrow ,
#pool-photos.ju .thumb.waytoo-narrow span.photo_container a:not(.spaceball) img {
min-width: 90px !important;
}
/* JU - HIDDEN IMAGE - === */
#pool-photos.ju .pool-photo.photo-display-item.hideimg {
display: inline-block !important;
opacity: 1 !important;
transition: opacity 0.15s ease-in-out 0s;
}
/* JU - STRETCHED IMG PB - POST BUG - === */
/* ALL */
#pool-photos.ju .row .pool-photo.photo-display-item {
min-height: 365px !important;
max-height: 365px !important;
margin: 0 8px -10px 3px !important;
padding: 2px 2px 20px 2px ;
}
#pool-photos.ju .row .pool-photo.photo-display-item .thumb {
display: inline-block !important;
height: auto !important;
min-height: 350px !important;
max-height: 350px !important;
}
/* (new150) */
#pool-photos.ju .row .pool-photo.photo-display-item .thumb > span > a:first-of-type img {
display: inline-block !important;
height: auto !important;
max-height: 300px !important;
line-height: 25px !important;
white-space: pre-wrap !important;
overflow: hidden !important;
}
/* (new145) JUS - META - OWNER - === */
.photo-display-container.ju .photo-display-item .meta a:not(.title):not(.fave-star-inline):not(.comments-icon):not(.lightbox-inline) {
margin-left: -17px ! important;
}
.photo-display-container.ju .photo-display-item:hover .meta a:not(.title):not(.fave-star-inline):not(.comments-icon):not(.lightbox-inline) span {
background-color: transparent ;
color: SlateGray ;
}
/* (new145) META */
#pool-photos.ju.photo-display-container .pool-photo.photo-display-item .meta .inline-icons {
height: 20px ;
line-height: 20px ;
top: 75px !important;
bottom: 2px !important;
}
#pool-photos.ju.photo-display-container .pool-photo.photo-display-item .meta .inline-icons .fave-star-inline {
display: inline-block !important;
margin-right: 40px !important;
}
/* ALL */
#pool-photos.ju .row .pool-photo.photo-display-item .photo_container a:first-of-type .pc_img.img[style*="background: "]:not([src="/images/spaceout.gif"]) {
height: auto !important;
background-size: contain !important;
background-position: center center !important;
}
/* ===== END === JU - POOL no BETA ==== */
/* JU POOL - CONTAINER - === */
/* MORE SPINNER */
.flickr-dialog-infinite-spinner {
bottom: 5% !important;
opacity: 1;
position: fixed;
top: auto;
z-index: 20;
}
/* (new133) SHARE - PHOTO - MODAL - ALL */
.modal.subview-modal.modal-restyle .view.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: 481px !important;
min-height: 349px !important;
}
.fluid-share-panel-view.restyle .link-type-buttons {
top: 15px ;
padding: 0 !important;
z-index: 5000 !important;
background: black !important;
}
/* (new133) SHARE SOCIAL - 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;
}
/* SOCIAL first-stop */
.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;
}
/* SHARE - EMBED .second-stop */
.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: 45px !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;
}
/* SHARE - EMAIL */
.fluid.html-photo-page-scrappy-view .link-type-content.email-sharing-panel {
margin-left: 46px !important;
margin-top: 55px !important;
}
.fluid-share-panel-view.restyle .email-sharing-panel .message-form {
width: 443px !important;
margin-left: -5px ;
margin-top: 0px !important;
}
.fluid.html-photo-page-scrappy-view .link-type-content.email-sharing-panel .fake-input {
max-height: 20px;
min-height: 30px;
width: 443px !important;
padding: 0;
overflow-x: hidden;
overflow-y: auto;
background: #3333 ;
}
.fluid-share-panel-view.restyle .fake-input .email-recipient-text-field {
max-height: 15px;
min-height: 15px;
padding: 4px ;
margin-top: 6px;
margin-left: 5px ;
color: gold !important;
background: black !important;
}
.fluid-share-panel-view.restyle .email-message-text-field {
width: 443px !important;
}
.fluid-share-panel-view.restyle .share-panel-body .c-contact-search-autocomplete {
position: absolute !important;
display: inline-block !important;
top: 53px !important;
right: 825px !important;
}
.fluid.html-photo-page-scrappy-view .c-contact-search-autocomplete {
position: absolute;
top: 28px !important;
width: 445px !important;
}
.fluid-share-panel-view.restyle .email-sharing-panel .pill {
background-color: black;
border: 1px solid #333;
}
/* SHARE - BBcode */
.fluid.html-photo-page-scrappy-view .link-type-content.html-bb-embed {
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;
}
/* (new133) SHARE - CHOICE SIZE - MODAL */
.fluid.html-photo-page-scrappy-view .droparound.over-modal:hover ,
.fluid.html-photo-page-scrappy-view .droparound.over-modal {
position: fixed !important;
width: 295px;
height: auto !important;
left: 1615px !important;
top: 500.5px !important;
border-top: 3px solid red ;
z-index: 5000000 !important;
}
/* POP MODAL - ACCOUNT - == */
.view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.user-account-card-droparound {
left: 10px !important;
top: 41px !important;
}
.view.fluid-droparound-view.flickr-view-root-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;
}
/* TOP NAV - FLUID TOP HEAD - === */
html.scrolling-layout #content .featured-banner-content.fluid-centered ,
html.scrolling-layout #content .fluid-subnav-shim .subnav-content.fluid-centered {
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 0px !important;
}
/* MAKE HIDDEN IMAGES VISIBLE - POOL JU - === */
.hideimg .img {
visibility: visible !important;
}
/* SmugMugs */
.global-nav-view .smug-mug-news {
position: absolute !important;
display: inline-block !important;
margin-top: 19px !important;
}
/* START == TEST ZONE ==== */
/* 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;
background: rgba(0, 0, 0, 0) url("https://s.yimg.com/uy/build/images/sprites/icons-53c11694.png") no-repeat scroll -185px -403px;
}
.fluid .fluid-magic-tools-view .fluid-magic-toolbar .label-beta {
float: right;
margin-right: 5px !important;
margin-top: 9px;
}
/* FIX PB TOP NAV - === */
.fluid .view.global-nav-view, .fluid .view.global-nav-view.requiredToShowOnServer ,
.global-nav-view .global-nav-shim.top-banner {
height: 50px !important;
}
/* START=== FLICKR - PHOTO - MINI PHOTO SLIDER ===== */
/* BACK TO */
.photo-well-scrappy-view .height-controller .entry-type {
position: fixed;
top: 887px;
height: 15px;
line-height: 15px;
width: 157px ;
left: 565px !important;
padding: 2px 5px ;
border-radius: 3px ;
opacity: 0.5 ;
border: 1px solid #404040;
}
/* PHOTO - MINI PHOTO SLIDER - HOVER NAVIGATE TARGET - === */
.context-slider-scrappy-view.hover ,
.context-slider-scrappy-view {
position: absolute;
display: inline-block !important;
min-width: 70px ;
max-width: 70px ;
min-height: 23px ;
max-height: 23px ;
top: 235px ;
left: 1341px ;
overflow: hidden ;
z-index: 500000 ;
background-image: none !important;
background-color: white;
}
.context-slider-scrappy-view.hover {
position: fixed !important;
max-width: 625px ;
min-width: 625px ;
height: 100% ;
min-height: 550px ;
max-height: 550px ;
left: 1290px ;
padding-right: 0px ;
border: 1px solid #404040 ;
box-shadow: -3px 4px 5px 4px black ;
opacity: 1 ;
overflow-y: auto ;
z-index: 5000000 !important;
}
.context-slider-scrappy-view.hover .context-slider.big-slider {
height: 100% ;
min-height: 50px ;
max-height: 100% ;
min-width: 110px ;
max-width: 110px ;
opacity: 1;
white-space: nowrap ;
z-index: 5000000 !important;
}
.context-slider-scrappy-view .context-slider > .wrapper {
position: relative;
min-height: 25px ;
min-width: 110px ;
max-width: 110px ;
top: 14px;
opacity: 1;
white-space: nowrap ;
transition: opacity 0.1s linear 0s;
}
.context-slider-scrappy-view .context-slider.small-slider > .wrapper.is-ready {
height: 100px ;
min-width: 110px ;
max-width: 110px ;
top: 0 ;
left: 0 ;
white-space: nowrap ;
}
.context-slider-scrappy-view .context-slider.small-slider > .wrapper.is-ready .slider {
position: fixed !important;
min-width: 67px ;
max-width: 67px ;
height: 23px !important;
left: 1340px !important;
top: 235px !important;
white-space: nowrap ;
overflow: hidden ;
}
.context-slider-scrappy-view .context-slider.big-slider ,
.context-slider-scrappy-view .context-slider > .wrapper .slider {
position: absolute ;
min-width: 110px ;
max-width: 110px ;
height: 30px ;
left: 0 ;
margin-left: 0px !important;
white-space: nowrap ;
}
.context-slider-scrappy-view .context-slider.big-slider {
height: 100% ;
min-height: 25px ;
max-height: 100% ;
}
.context-slider-scrappy-view.hover .context-slider.big-slider > .wrapper ,
.context-slider-scrappy-view .context-slider.big-slider > .wrapper {
max-width: 80px !important;
min-width: 80px !important;
height: 100% !important;
min-height: 25px !important;
max-height: 100% !important;
top: 0px !important;
padding: 0 !important;
transition: opacity 0.1s linear 0s;
white-space: nowrap !important;
overflow: visible !important;
}
/* WIDTH */
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider {
position: relative;
max-width: 595px !important;
min-width: 595px !important;
height: 100% !important;
min-height: 600px !important;
max-height: 100% !important;
top: 0px !important;
padding: 0 5px !important;
left: 0 !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 {
transition: opacity 0s ease 0s, top 0.3s ease-out 0s, top 0.3s ease-out 0s, top 0.3s ease-out 0s, top 0.3s ease-out 0s, top 300ms ease-out 0ms !important;
}
/* for INDICATOR ORIGIN */
.view.photo-well-scrappy-view .context-slider-scrappy-view.hover .context-slider.big-slider > .nav ,
.view.photo-well-scrappy-view .context-slider-scrappy-view .context-slider > .nav {
position: fixed !important;
display: inline-block !important;
height: 36px !important;
width: 18px;
left: 1293px !important;
padding: 0;
z-index: 50000;
}
.view.photo-well-scrappy-view .context-slider-scrappy-view.hover .context-slider.big-slider > .nav.nav-l ,
.view.photo-well-scrappy-view .context-slider-scrappy-view .context-slider > .nav.nav-l {
top: 476px;
}
.view.photo-well-scrappy-view .context-slider-scrappy-view.hover .context-slider.big-slider > .nav.nav-r ,
.view.photo-well-scrappy-view .context-slider-scrappy-view .context-slider > .nav.nav-r {
top: 516px;
}
.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 ;
}
.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: 50px !important;
width: 50px !important;
margin: 1px !important;
left: 0 !important;
}
/* MINI SLIDER THUMB - INDIC - CURRENT PHOTO - ==== */
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage.currentImage {
outline: 4px dashed red !important;
}
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage.currentImage:after {
content: "🔺" ;
position: absolute ;
width: 20px ;
height: 15px ;
line-height: 15px;
display: inline-block ;
margin-top: 35px ;
margin-left: -10px ;
font-size: 10px ;
color: red ;
}
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type {
outline: 2px solid blue ;
}
/* MINI SLIDER THUMBNAIL - INDICATOR - Last photo */
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:last-of-type:after {
position: absolute ;
width: 20px ;
height: 15px;
line-height: 15px;
content: "🔴" ;
display: inline-block ;
margin-top: 35px ;
margin-left: -10px ;
font-size: 10px ;
color: red ;
text-align: center ;
}
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage.no-outline {
outline: 4px dashed black ;
}
/* == END == PHOTO - MINI SLIDER THUMB ==== */
/* A BIT MORE ABOUT YOU - ===*/
#Main>textarea[cols="78"][ rows="7"] {
margin-left: 77px;
}
/* INVITES NO FLICKR MEMBER - SHOW ADVANCED FORM - === */
#advancedInvites {
position: absolute ;
display: inline-block !important;
width: 500px ;
right: 7px ;
top: 139px ;
padding: 5px ;
}
#advancedInvites {
display: inline-block !important;
}
#basicInvites[style="display: block;"] + #advancedInvites {
display: inline-block !important;
opacity: 0.2 ;
transition: all ease 0.7s ;
}
#basicInvites[style="display: block;"] + #advancedInvites:hover {
display: inline-block !important;
opacity: 1 ;
}
#advancedInvites p {
min-width: 465px !important;
left: -20px !important;
}
#advancedInvites p:first-of-type {
min-width: 465px !important;
min-height: 60px !important;
line-height: 17px;
left: -20px !important;
}
#advancedInvites p:last-of-type {
top: 40px !important;
}
#global-nav.styleguide-global-nav + #Main table tbody #basicInvites + #advancedInvites + p {
position: absolute !important;
min-width: 500px ;
left: 1350px !important;
}
textarea#advanced_users {
width: 484px;
}
/* ========== END ========= */
/* ====== TEST ZONE ======= */
/* FLUID - ALL - === */
.fluid h5 {
line-height: 10px ;
}
.fluid.html-profile-page-view.scrolling-layout h1.truncate {
width: 364px ;
}
/* PROFILE 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 ABOUT/STREAM - POPUP MENU - FOLLOW - === */
.fluid.html-photostream-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound .view.relationship-menu-view ,
.fluid.html-profile-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound .view.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 ;
}
/* PROFILE ABOUT - FILTER - POPUP MENU - "MOST..." - === */
.fluid.html-profile-page-view.scrolling-layout .view.fluid-droparound-view .droparound.menu ,
.fluid.html-profile-page-view .view.fluid-droparound-view.flickr-view-root-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 .view.fluid-droparound-view.flickr-view-root-view .droparound.menu .droparrow {
left: 18px !important;
}
/* PROFILE ABOUT - STATS: Views / Tags /Geo / FAVS / Groups - === */
.profile-bio-page-view .general-stats {
position: absolute ;
width: 663px;
height: 36px;
top: 64px ;
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 ;
}
/* PROFILE ABOUT - PHOTO COUNT - BLOCK / LOCATION / JOINED */
.profile-bio-page-view .general-stats ul li {
display: inline-block;
height: 30px;
line-height: 0px ;
margin-right: 10px;
margin-top: -13px ;
min-width: 100px ;
vertical-align: top ;
}
.profile-bio-page-view .general-stats ul li a {
height: 28px;
margin-top: 0;
margin-bottom: 10px;
font-size: 14px ;
color: aqua !important;
}
.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 {
-moz-box-direction: normal;
-moz-box-orient: horizontal;
display: flex;
flex-direction: row;
width: 1238px !important;
}
.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 {
height: 34px !important;
line-height: 30px !important ;
width: 190px ;
top: 10px ;
left: 500px ;
font-size: 20px ;
text-align: center ;
border-radius: 3px 0 0 3px ;
border: 1px solid gray ;
}
/* STREAM - PB PHO COUNT */
.metadata-flexer p:only-of-type {
margin-left: 5px !important;
border: 1px dotted gray ;
}
.metadata-item.truncate.cp-location.loc {
top: 0px ;
right: -200px ;
}
.metadata-item.joined {
top: 20px ;
right: -170px ;
}
.profile-bio-page-view .general-stats ul li.block {
display: inline-block ;
width: 100px ;
height: 24px !important;
line-height: 34px !important;
top: 30px ;
right: -360px ;
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;
}
/* (new143) PROF - USER POOLS PAGE - === */
.view.person-groups-page-view.flickr-view-root-view .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 .view.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 .view.sortable-table-view:not(:empty):first-of-type {
position: relative;
display: inline-block ;
float: left ;
width: 100% ;
height: 100% ;
height: auto ;
margin-top: 10px !important;
}
.main.fluid-centered.main-group-tables .view.sortable-table-view:not(:empty):first-of-type h5 {
margin-bottom: -11px;
margin-top: 1px;
}
.fluid.html-person-groups-page-view .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 gray ;
}
.fluid.html-person-groups-page-view .view.sortable-table-view:not(:empty):first-of-type .sortable-table-wrapper table.with-avatar tbody tr:not(.header) .show-after-locked ,
.fluid.html-groups-list-page-view table tr .show-after-locked {
width: 475px ;
height: 100% ;
min-height: 40px ;
max-height: 40px ;
margin-top: -85px ;
}
.view.group-list-administered-view .show-after-locked > .avatar.group {
display: inline-block ;
margin-top: -7px ;
}
.view.group-list-administered-view .show-after-locked > a {
display: inline-block ;
margin-top: 10px ;
}
.fluid.html-person-groups-page-view .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-top: -85px ;
border-bottom: 1px solid red !important;
}
.fluid.html-person-groups-page-view .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 .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: -80px ;
text-overflow: ellipsis ;
white-space: nowrap ;
overflow: hidden ;
}
/* (new143) */
.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 BACKGROUND */
.fluid table tr.show-fave:hover::before {
margin-left: -25px;
cursor: pointer ;
background-position: 97% center;
}
/* REMOVE / REDUCE IMAGE IN COMMENTS (SUPP UGLY BADGE) - === */
.fluid.html-photo-page-scrappy-view .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 ,
ul.act-details div.act-content > div img {
width: 60px !important;
height: auto !important;
}
ul.act-details div.act-content > div img {
float: right !important;
}
img.flimoji ,
.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;
}
/* PHOTO ITEM BACKGROUND - ALL - === */
.photo-display-item {
background: transparent !important;
}
/* GALLERY - 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 ;
}
.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 {
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;
}
.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 .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 ;
}
/* SET / ALBUMS (??) - TOP HEADER - TOOL / COLLECTIONS - === */
.fluid.html-albums-list-page-view #content .view.album-list-toolbar-view.fluid-centered {
height: 25px ;
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: 25px;
line-height: 25px;
}
.album-header-view.justified-transitions > .album-header-content > .album-stats-view {
position: absolute ;
display: inline-block ;
top: 253px ;
right: 0 ;
}
.view.album-engagement-view {
position: absolute ;
display: inline-block ;
top: 10px ;
right: 0 ;
}
/* (new134) ALBUM - TOP NAVBAR FIXED - === */
.html-album-page-view .album-page-view .album-toolbar-view > .album-toolbar-content ,
.html-album-page-view .view.album-toolbar-view {
position: fixed ;
display: inline-block;
height: 30px;
width: 100% !important;
top: -20px;
left: 0 !important;
padding-right: 0px ;
z-index: 5000 !important;
}
.html-album-page-view .view.album-toolbar-view {
position: fixed !important;
display: inline-block;
height: 30px;
width: 100% !important;
top: 0px ;
left: 0 !important;
}
.html-album-page-view .view.album-engagement-view {
position: fixed !important;
display: inline-block;
height: 30px;
top: -10px;
right: 1150px !important;
padding-right: 0px ;
z-index: 50000 !important;
}
.html-album-page-view .view.album-toolbar-view .fluid-magic-slideshow-view {
right: 250px !important;
}
.html-album-page-view .view.album-toolbar-view button {
margin-right: 150px !important;
}
/* ALBUM - SHOW HIDDEN immediatly when loading- === */
.fluid.html-albums-list-page-view .photo-list-album-view {
opacity: 1 ;
}
/* (new141) POOL - SEND INVIT - ==== */
#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 ;
height: 100% ;
min-height: 40px ;
max-height: 40px ;
width: 100% ;
max-width: 710px ;
min-width: 710px ;
left: 550px ;
margin-top: -5px !important;
padding: 5px ;
text-align: center ;
overflow: hidden ;
/* background: red !important; */
}
#Main .subnav-refresh.groups.subnav-view.subnav-state-ready + script + script + h1 + table tbody tr td#Hint p {
width: 430px !important;
}
/* (new141) POOL INVITATION - "The invitatio has been sent to ... " - CONATINER - === */
#Main > #subnav-template-positionmask + h1#Tertiary +table #GoodStuff {
position: relative ;
display: inline-block ;
width: 1800px ;
margin-left: 0px ;
margin-top: 50px ;
border: 1px solid gray ;
}
#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: -12px ;
margin-top: 0px ;
}
#GoodStuff p.NoResult {
margin-bottom: -12px;
margin-top: -6px;
}
#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 ;
}
/* VIDEO - === */
.videoplayer ,
.video-js {
position: relative;
display: inline-block !important;
width: 100%;
max-width: 630px !important;
max-height: 450px !important;
background-color: transparent !important;
}
.video-js .vjs-poster {
background-position: 50% 50%;
}
/* VIDEO - CONTROL BAR - ALWAYS VISIBLE - === */
.video-js .vjs-control-bar {
visibility: visible !important;
opacity: 1 !important;
transform: translatey(33px) !important;
}
/* (new144) FLUID - DROPAROUD TXT "HELLO ..." - OTHERS - === */
.fluid: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) .view.fluid-droparound-view.flickr-view-root-view .droparound:not(.download-dialog-tooltip):not(.gallery-photo-remark),
.fluid: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) .view.fluid-droparound-view.flickr-view-root-view .droparound:not(.download-dialog-tooltip):not(.gallery-photo-remark) {
margin-left: -79.6% !important;
margin-top: 35px !important;
z-index: 500000 !important;
}
.fluid .droparound:not(.download-dialog-tooltip) .droparrow.down {
left: auto;
right: 298px !important;
}
/* FAVS / STREAM - HELLO MENU - === */
.fluid.html-photostream-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.html ,
.fluid.html-favorites-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.html {
position: absolute !important;
margin-left: -1535px !important;
margin-top: 20px !important;
z-index: 5000000 !important;
}
.fluid.html-photostream-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.html .droparrow ,
.fluid.html-favorites-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.html .droparrow {
left: 25px !important;
right: 10px;
}
/* FAVS - MORE DROPAROUND MENU - === */
.fluid.html-favorites-page-view .view.fluid-droparound-view .droparound.menu {
margin-left: -20px !important;
margin-top: 5px !important;
z-index: 500000 !important;
}
/* FAVS - BETA GOUPE ABOUT - SHOWING XX ROWS MENU - CARRET - === */
.fluid.html-favorites-page-view .view.fluid-droparound-view .droparound.menu .droparrow.down ,
.fluid.html-group-home-page-view .view.fluid-droparound-view .droparound.menu .droparrow.down {
right: 10px !important;
}
/* ALL SIZE MENU - === */
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view .droparound.html.download-dialog-tooltip.auto-size {
position: fixed !important;
display: inline-block !important;
min-height: 18px !important;
max-height: 15px !important;
width: 100% !important;
min-width: 17px !important;
max-width: 17px !important;
left: 1453px !important;
top: 123px !important;
box-shadow: none !important;
overflow: hidden !important;
opacity: 1 !important;
z-index: 500000 !important;
transition: opacity ease 0.7s !important;
background: transparent !important;
border: 1px solid yellow!important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view .droparound.html.download-dialog-tooltip.auto-size:hover {
height: auto !important;
min-height: 15px !important;
max-height: 100% !important;
min-width: 15px !important;
max-width: 215px !important;
box-shadow: 10px 10px 3px 1px rgba(0, 0, 0, 0.7) !important;
opacity: 1 !important;
transition: opacity ease 0.7s !important;
background: black !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-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;
}
/* 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 OPTIONS - FAVs/ARCHIVEs/YOURS CONTACTS - ALL - === */
.searchified-options .item-divider {
border-right: 2px solid #656c7a;
width: 1px;
}
/* NAVBAR OPTIONS - ARCHIVES - BLOCK "DATE TAKEN" (NB items)" - === */
#archives-navigation {
border-radius: 3px !important;
padding: 1px 5px 2px !important;
}
/* NAVBAR OPTIONS - DIVERS - === */
.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;
}
/* MAPS PAGES - === */
#whole_holder {
height: 958px;
width: 1908px;
top: -53px !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_tabe {
background: none !important;
background-image: none !important;
}
/* 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;
}
/* 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;
}
/* 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 ;
color: red ;
opacity: 1 ;
z-index: 500 ;
}
/* (new143) 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 BUTTON - ==== */
#group-sidebar .DeleteButt {
position: fixed !important;
float: none !important;
display: inline-block !important;
max-width: 180px;
margin-top: 20px;
top: 110px!important;
right: -36px!important;
overflow: hidden;
text-overflow: ellipsis;
transform: rotate(90deg) !important;
z-index: 80000 !important;
}
/* EDIT REALTION SHIP - === */
#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;
}
/* (new14 !imp) VISITED INDICATOR - IMAGE IN 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;
}
/* PHOTO 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;
}
/* VISITED - SMALL */
.photo-display-container .photo_container a:before {
content: ". " ;
position: absolute ;
display: inline-block ;
width: 4px ;
height: 4px ;
line-height: 3px ;
vertical-align: middle ;
bottom: -5px ;
border-radius: 20px ;
font-size: 10px ;
color: transparent ;
background: black ;
}
.photo-display-container .photo_container a:visited:before {
opacity:1 ;
background: green ;
}
/* (new149) TOGGLE POOL BETA - SUPP TXT "GO BACK POOL NEW EXPERIENCE" - === */
.opt-out-bug {
position: absolute !important;
display: inline-block ;
width: 190px ;
height: 20px !important;
left: 1730px !important;
top: 35px !important;
padding: 2px ;
border-radius: 5px ;
z-index: 2000 ;
opacity: 0.4 ;
}
.opt-out-bug:hover {
opacity: 1 ;
}
/* BETA */
.view.opt-out-widget-view {
position: absolute !important;
display: inline-block ;
width: auto;
height: 20px ;
right: 10px !important;
top: 55px !important;
border-radius: 5px !important;
}
.fluid.html-group-pool-page-view .view.opt-out-widget-view {
top: 75px !important;
}
.fluid.html-group-home-page-view .view.opt-out-widget-view {
top: 115px !important;
}
.opt-out-widget {
position: relative ;
display: inline-block ;
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;
}
/* (new149) FLUID - POOL BETA - BUTTON TOOGLE 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 - POINTER EVENTS - === */
#global-dialog-background {
display: none;
pointer-events: none !important;
}
/* PHOTO - VID WRAPPER - === */
.video-wrapper {
width: 1160px !important;
}
/* COMMENTS DELETE - POPUP CONFIRMATION - === */
.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 - MESSAGE 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 - REMOVE MEMBER - === */
.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;
}
/* PAGINATOR POOL TOPIC - === */
.group-topics #paginator-module.Pages {
margin-top: 98px !important;
}
/* SEARCH PAGES - ADVANCED 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;
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-slender-advanced-panel-view {
top: 86px !important;
}
.fluid.html-search-photos-unified-page-view .search-slender-advanced-panel-view .advanced-panel {
top: -44px !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-photos-unified-page-view .search-slender-advanced-panel-view .tool-bar {
height: 25px !important;
margin-top: -40px !important;
}
.search-search-in-picker-view .search-in-list .search-in-button:not(.selected) ,
ul.size-list li:not(.selected) {
color: gray !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: 97% !important;
min-width: 97% !important;
margin-top: 30px !important;
padding: 0px 15px 0 15px !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-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: 70px !important;
}
/* SEARCH PAGES - GROUPS - === */
.fluid.html-search-groups-page-view .view.search-slender-advanced-panel-view {
top: 40px !important;
border-bottom: 1px solid gray !important;
}
.fluid.html-search-groups-page-view .search-groups-page-view .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 - YOUR PHOTOS */
.fluid.html-search-photos-unified-page-view .main.fluid-centered.using-slender-advanced-panel.advanced-panel-visible .main.search-your-photos-results ,
.fluid.html-search-photos-unified-page-view .main.fluid-centered.using-slender-advanced-panel:not(.advanced-panel-visible) .main.search-your-photos-results {
margin-bottom: -90px !important;
}
.fluid.html-search-photos-unified-page-view .main.fluid-centered.using-slender-advanced-panel .main.search-your-photos-results .view.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) .view.search-photos-yours-view .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 .view.search-photos-yours-view .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 ==== */
.ui-display-wrapper {
position: absolute;
display: inline-block !important;
height: 22px ! important;
transform: scale(0.5) !important;
}
.ui-display-wrapper.ui-display-wrapper-justified > .view.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;
}
/* (new133) 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;
}
/* (new134) */
#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;
}
.DiscussionResults>tbody tr td:first-of-type:not(.Who) .What {
float: left !important;
width: 600px ! important;
margin-bottom: 55px !important;
margin-right: 20px ! important;
overflow: hidden ! important;
border: 1px solid gray ;
}
.DiscussionResults>tbody tr td:first-of-type:not(.Who) h2 {
display: inline-block ! important;
float: left !important;
min-height: 40px ;
max-height: 40px ;
line-height: 15px ;
min-width: 588px ;
max-width: 588px ;
margin-top: -45px ;
margin-bottom: 0px ;
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: 126px ! 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;
}
.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;
}
#Main > table.DiscussionResults:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing):not(.acct-sett) + br + #paginator-module {
position: absolute ;
top: 15px ;
right: 59px ;
}
/* 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 ;
}
/* TOPIC LAST PAGI - === */
#DiscussTopic + #paginator-module:last-child {
display: inline-block ;
position: relative ;
width: 700px ;
}
/* (new141) STICK - FORUM HELP - TOPIC TOP LEFT PANEL - === */
#Main table tbody tr td#Hint {
position: sticky ;
display: inline-block ;
height: 100% ;
min-height: 917px ;
max-height: 917px ;
width: 410px ;
top: 0px ;
margin-top: -80px ;
border: 1px solid tan ;
}
#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 ;
}
/* (new143) */
#Main table tbody tr td#Hint .TopicListing:last-of-type tbody {
min-height: 460px ;
max-height: 460px ;
padding-top: 45px ;
overflow: hidden ;
overflow-y: auto ;
}
#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: -50px ;
left: -5px ;
margin-bottom: 5px ;
padding: 5px ;
text-align: center ;
border-bottom: 1px solid red ;
}
/* (new143) BOT */
#Main table tbody tr td#Hint .TopicListing:last-of-type h4 {
top: 5px ;
}
#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 ;
}
/* (new143) TOP */
#Main table tbody tr td#Hint .TopicListing:first-of-type tr:first-of-type td {
top: 5px ;
}
#Main table tbody tr td#Hint .TopicListing:first-of-type tr:first-of-type td h4 {
top: 0px ;
}
/* FORUM HELP - HINT TOP TOPIC LEFT PANEL - 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 ;
}
/* FORUM HELP - HINT TOP TOPIC LEFT PANEL - USER PRO BADGE - === */
/* (new134) POOL - MESS EMTY POOL - "NOTHING" - === */
#pool-photos #empty-state ,
#pool-photos.ju.photo-display-container .row #empty-state {
position: fixed ;
display: inline-block ;
width: 1480px ;
line-height: 30px ;
top: 120px ;
left: 1250px ;
padding: 5px ;
white-space: normal ;
font-size: 20px ;
z-index: 500000 ;
transform: scale(1.9) ;
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 ;
}
/* MY STREAM - STAT IN 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 ADMIN - MEMBER LIST (with ADIMS )- === */
.MembersList {
margin-left: 575px !important;
width: 720px !important;
margin-top: 120px !important;
padding: 5px;
text-align: center;
vertical-align: top;
}
/* POOL ADMIN - MODERATORS 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: -25px !important;
}
.Tab +#MemberList >tbody tr>td:nth-child(2) {
width: 550px !important;
}
/* POOL INVITATION / ADMINISTRATION / (NOT) MAIL - MESSAGE / - === */
#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: 100% !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 INVITATION - CHECK THE INVITATION - === */
#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: 70px !important;
padding: 0 !important;
text-align: center !important;
}
#Main> #subnav-template-positionmask + h1 + table:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing) {
position: relative !important;
display: inline-block !important;
width: 100% !important;
min-height: 792px !important;
margin-top: 64px !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;
}
/* (new136) POOL DISC/"NO TOPICS "/ MAIL INBOX - CONTAINER - === */
.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;
}
/* (new135) MAP MES - NOTHING - === */
#subnav-template-positionmask + .ThinCase {
margin-top: 40px !important;
}
/* (new143) POOL - IINVIT - CONTACT ADMIN - === */
#Tertiary + .ThinCase>form[action="/groups_join.gne"] {
display: inline-block ;
padding: 5px ;
text-align: left ;
border-radius: 5px;
border: 1px solid gray;
}
/* MAIL MES/POOL SEND INVIT/DEL COMMENT - === */
#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 gray ;
}
/* (new144) POOL ADMIN RULES*/
#GoodStuff>form[action$="/admin/rules/"] {
margin-top: 20px ;
}
/* POOL - POST NEW DISCUSSION */
#GoodStuff > form[action="groups_newtopic.gne"] {
margin-left: 537px !important;
}
/* PREVIEW POOL NEW DISCUSS */
#GoodStuff > form[action="groups_newtopic.gne"]>table .Preview {
position: absolute ;
width: 400px ;
height: 800px ;
top: -50px ;
right: 120px ;
padding: 15px ;
border: 1px solid blue ;
}
/* (new1569) */
.FlickrMailMessage ,
#GoodStuff>form[action="groups_invite.gne"] {
display: inline-block ;
width: 400px ;
margin-top: 20px ;
margin-left: 200px ;
padding: 20px ;
}
#GoodStuff > form[action="groups_invite.gne"] {
margin-top: 55px ;
margin-left: -220px ;
}
#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 ;
}
/* MAIL MESSAGE */
.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 ;
}
/* EDIT TOPIC - for FORUM - EDIT TOPIC - SUBJECT / EDIT POOL RULES - - === */
#Main #Tertiary + script + table tbody tr td#Hint ,
#Main #Tertiary + table tbody tr td#Hint {
display: inline-block;
height: 100%;
max-height: 0px !important;
min-height: 0px !important;
width: 100%;
max-width: 410px;
min-width: 410px;
margin-top: -151px !important;
border: none !important;
background: blue !important;
}
#global-nav.styleguide-global-nav + #Main table tbody tr td#Hint p:only-of-type {
position: fixed !important;
display: inline-block !important;
max-width: 760px !important;
height: 20px !important;
line-height: 20px !important;
float: none !important;
clear: both !important;
margin-bottom: -10px !important;
top: 47px !important;
left: 550px !important;
padding: 3px !important;
text-align: center !important;
overflow: hidden !important;
}
/* EDIT - POOL MODERATING / DISCUSS - === */
#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;
float: none !important;
clear: none !important;
margin-bottom: -10px !important;
top: -47px !important;
left: 440px !important;
padding: 3px !important;
text-align: center !important;
overflow: hidden !important;
}
/* EDIT TOPIC - REPLY TOPIC - CENTER - === */
#GoodStuff > form > p:first-of-type {
display: inline-block !important;
width: 634px;
height: auto !important;
padding: 5px ;
outline: 1px solid gray ;
}
#GoodStuff > form > p > textarea {
display: inline-block !important;
resize: vertical ;
padding: 10px ;
width: 650px !important;
}
/* A VOIR == FLICKR - Header ==== */
#main {
position: relative !important;
display: inline-block !important;
min-height: 900px !important;
width: 1920px !important;
top: 0 !important;
}
/* #Main - POOL PEND / ADD RULE */
#Main {
min-height: 100% !important;
height: 1000px ;
height: auto !important;
width: 1908px !important;
z-index: 0 !important;
}
/* HEADER - PHOT COVER - HOVER / DISPLAY NONE - === */
.subnav-refresh .cover-photo-holder {
height: 75px !important;
}
.subnav-refresh .cover-photo-holder .cover-photo.wviewvert {
position: absolute !important;
display: inline-block !important;
height: 75px !important;
width: 175px !important;
top: -4px !important;
right: 15px !important;
padding-bottom: 0px !important;
visibility: hidden !important;
z-index: 500000 !important;
border: 1px solid #959494 ;
box-shadow: -3px 4px 5px 4px black ;
background-repeat: no-repeat;
background-size: contain !important;
background-color: red !important;
}
.subnav-refresh .cover-photo-holder .cover-photo.wviewvert:hover {
visibility: visible !important;
}
.subnav-refresh .cover-photo-holder .cover-photo.wviewvert:not(:hover):after {
position: absolute ;
display: inline-block !important;
height: 12px !important;
line-height: 12px !important;
width: 127px !important;
top: 65px !important;
right: 5px !important;
padding: 0 5px !important;
border-radius: 3px ;
content: "Pool Cover Photo ▼" !important;
font-size: 10px !important;
color: gold !important;
text-align: left !important;
visibility: visible !important;
}
/* POOL - EDIT COVER */
.subnav-refresh.subnav-state-ready:hover .subnav-middle .cover-cta {
opacity: 0 !important;
}
.cover-cta:hover ,
.subnav-refresh.subnav-state-ready .cover-photo-holder + .subnav-middle .cover-cta:hover ,
.subnav-refresh.subnav-state-ready .cover-photo-holder:hover + .subnav-middle .cover-cta {
position: fixed !important;
display: inline-block !important;
right: 20px !important;
top: 80px ;
z-index: 50000 !important;
opacity: 1 !important;
}
/* USER INFOS */
.subnav-refresh .person {
width: 1784px !important;
left: 120px !important;
top: 8px !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 ;
}
/* ====== .subnav-middle ========= */
/* TOP NAV HEADER - ALL */
.subnav-refresh .subnav-middle {
position: absolute !important;
display: inline-block !important;
width: 1926px !important;
height: 85px!important;
top: -6px !important;
left: -6px !important;
}
/* ALL JU */
.breakout.breakout-justified .subnav-middle {
top: -10px !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 == SETS / COLL ==== */
/* SET Thumbnail*/
/* COLLECTION /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;
}
/* END == SETS/COL ==== */
/* == 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 ==== */
/* ===== POOL PENDING 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;
}
/* (new139) 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 ;
}
.breakout-justified #group-sidebar .pending.sec ,
#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 ;
}
/* (new144) */
.breakout-justified #group-sidebar:hover .pending.sec {
top: 0px !important;
}
/* (new139) !imp)*/
#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 ;
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 ;
}
.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 ;
}
.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 PENDING PHOTO - NEW - ORDER SORT - === */
.fluid.html-group-admin-pending-page-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view {
position: absolute ;
display: inline-block ;
width: auto ;
width: 100% ;
min-width: 200px ;
max-width: 200px ;
left: 155px ;
right: 0 ;
top: -45px ;
margin-top: 0px ;
z-index: 500000 ;
}
/* (new139) POOL PENDING PHOTO - NEW - DELETE IMAGE - ALL POOLS - remove - === */
.fluid.html-group-admin-pending-page-view .group-admin-pending-page-view .group-admin-pending-page-container {
max-width: 100% ;
margin-top: 93px ;
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 .view.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 ;
}
/* (new139) !imp */
.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 ;
}
/* (new139) */
.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 ;
width: 90px ;
height: 15px ;
line-height: 15px ;
margin-top: -367px ;
margin-left: -25px ;
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 ;
}
/* (new139) SAVE FOR LATER - Tranform in Bouton */
.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 .view.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 - EDIT MEMB DECL - TEXTAREA - === */
#GoodStuff table#InBox tbody {
width: 1850px ;
counter-reset: li ;
list-style: none ;
padding: 1px ;
}
#GoodStuff table#InBox tbody tr:not(:first-of-type) {
float: left ;
width: 322px ;
min-height: 40px ;
max-height: 40px ;
margin-right: 10px ;
margin-left: 25px ;
margin-top: -5px ;
margin-bottom: 10px ;
padding: 0px 5px 35px 5px ;
border-radius: 5px ;
}
#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: -32px ;
top: 30px ;
line-height: 1em;
text-align: center;
border-radius: 13px 0 0 13px ;
border: 1px solid gray ;
}
#GoodStuff table#InBox tbody tr td[width="70%"] a {
display: inline-block ;
overflow: hidden ;
text-overflow: ellipsis ;
white-space: nowrap ;
width: 126px ;
}
#GoodStuff table #InBox>tbody>tr>td>form .Butt {
display: inline-block ;
padding: 0 ;
font-size: 10px ;
}
/* (new134) MAIN - TITLE HEAD - MESS/MAIL/FORUM/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 CONTAINER =============== */
/* JU - POOL - POOL SIDEBAR HIDDEN / OPEN - === */
#group-sidebar,
#group-sidebar.sm,
#group-sidebar.open {
display: inline-block ! important;
width: 630px !important;
left: -645px !important;
top: 110px !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;
}
#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;
}
#group-sidebar .hide {
position: fixed !important;
display: inline-block ! important;
width: 50px !important;
top: 50px !important;
left: 4px !important;
visibility: visible !important;
opacity: 1 !important;
background: red !important;
}
#group-sidebar.open .hide {
background: green !important;
}
#group-sidebar:hover,
#group-sidebar.open:hover {
width: 630px !important;
top: 89px !important;
left: 0px !important;
padding: 40px 5px 20px 20px !important;
overflow: hidden ;
}
/* JU - ALL - CONTAINER - === */
.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 - CONTAINER - === */
#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;
}
/* 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: 317px !important;
width: auto !important;
}
#camera-finder-content .row.row-:last-of-type .photo-display-item .meta {
transform: scale(0.987) !important;
transform-origin: left center !important;
}
/* META */
#camera-finder-content .meta div ,
#camera-finder-content .meta span {
transform: scale(0.7) !important;
transform-origin: left bottom 0 !important;
}
#camera-finder-content .rapidnofollow.comments-icon.comments-inline-btn span {
font-size: 20px;
}
#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(0.7) !important;
transform-origin: left bottom 0 !important;
}
.interesting-photo-block {
display: inline-block;
width: 895px!important;
margin-bottom: 5em;
}
#camera-finder-content + #photo-search {
position: absolute;
right: 411px;
top: 120px;
}
/* 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;
}
/* 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 - META - GENERAL - LINK (NAME + INLINE ICONS) - === */
.ju a:link,
.ju a:visited {
color: #FFFFFF;
top: -8px ! important;
font-size: 22px !important;
}
/* JU - PAGINATOR - ALL NUMBERS - === */
#main.clearfix .ju.photo-display-container ~ #paginator-module.Pages .Paginator span.pages span ,
#main.clearfix .ju.photo-display-container ~ #paginator-module.Pages .Paginator span.pages a {
position: relative !important;
display: inline-block !important;
width: 100% !important;
min-width: 20px !important;
max-width: 20px !important;
height: 100% !important;
min-height: 21px !important;
max-height: 21px !important;
line-height: 21px !important;
padding: 0px 5px 0px 5px !important;
text-align: center !important;
vertical-align: middle !important;
transform: rotate(-90deg) !important;
}
/* JU - PAGINATOR - ALL - "..." BREAK into numbers "..." - === */
#main.clearfix .ju.photo-display-container +div+div +br + #paginator-module.Pages .Paginator span.pages .break {
display: inline-block !important;
position: relative !important;
width: 100% !important;
min-width: 26px !important;
max-width: 26px !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
text-align: center !important;
vertical-align: middle !important;
padding: 2px 2px !important;
}
/* JU - POOL (POOL SIDEBAR CLOSED/OPEN) - CONTAINER + PAGI - === */
.ju.photo-display-container.clearfix[style^="padding-left: 345px;"] {
width: 100% !important;
padding-left: 0 !important;
}
.ju.photo-display-container +div+div +br+ #apBreakEnd + #paginator-module.Pages ,
.ju.photo-display-container +div+div +br + #paginator-module.Pages {
position: fixed ;
display: inline-block ;
width: 550px ;
float: none ;
min-height: 40px ;
max-height: 40px ;
top: 530px ;
margin-top: 0 ;
left: -235px ;
transform: rotate(90deg) ;
}
/* JU - POOL (CLOSED OPEN) - PAGI ELEM- === */
.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 {
display: inline-block !important;
transform: rotate(-90deg) !important;
color: transparent ! important;
font-size: 0px ! important;
}
.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 {
display: inline-block !important;
color: gray !important;
}
.ju.photo-display-container +div+div +br + #paginator-module.Pages .Paginator .Prev:before ,
.ju.photo-display-container +div+div +br+ #apBreakEnd + #paginator-module.Pages .Paginator .AtStart:before ,
.ju.photo-display-container +div+div +br + #paginator-module.Pages .Paginator .AtStart:before {
display: inline-block ;
transform: rotate(-90deg) ;
content: "▶" ;
color: red ;
font-size: 15px ;
}
.ju.photo-display-container +div+div +br + #paginator-module.Pages .Paginator .Next:before {
display: inline-block ;
transform: rotate(90deg) ;
content: "▶" ;
color: red ;
font-size: 15px ;
}
/* 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 - ALL - ROW COUNTER - === */
.ju .row:not(:empty) {
counter-increment: myIndex !important;
}
.ju .row:not(:empty):before {
position: absolute ;
display: inline-block ;
min-width: 20px ;
content: counter(myIndex, decimal) ;
top: 50% ;
left: -30px ;
padding: 2px ;
border-radius: 5px ;
font-size: 19px ;
text-align: center ;
z-index: 10 ;
color: gray ;
border: 1px solid gray ;
background: transparent ;
}
/* JU - META - ALL + OTHERS - SUPP(shadow:none/color:transprent) 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 .row .meta span {
display: inline-block !important;
top: 68px !important;
opacity: 1 !important;
/* color: white !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;
}
/* JU - META - ALL - ICON FAV + DELETE CROSS - RED/WHITE - === */
.ju .fave-star-inline img {
margin-top: 4px ! important;
transform: scale(1.3) !important;
}
.ju .fave-star-inline:hover img {
position: absolute !important;
display: inline-block !important;
margin-top: -2px ! important;
right: 105% !important;
padding: 3px !important;
transform: scale(2) !important;
}
/* (new143) JU - 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: 100% !important;
height: 30px ! important;
line-height: 24px ! important;
margin-bottom: 0 !important;
top: 100% !important;
left: 1% !important;
right: 1% !important;
opacity: 0.2 !important;
font-size: 20px ! important;
text-align: center ! important;
overflow: visible !important;
z-index: 500 !important;
}
#pool-photos.ju .photo-display-item .remove-from-group:hover {
opacity: 1 !important;
}
/* JU - POOL - DELETE IMG - NO MUSTACHE - === */
#pool-photos.ju .photo-display-item .remove-from-group img {
transform: scale(1.8) !important;
margin-left: -50% !important;
visibility: hidden !important;
}
#pool-photos.ju .photo-display-item .remove-from-group:before {
content: "X" !important;
position: absolute !important;
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
width: 20px !important;
margin-left: -45% !important;
top: 0 !important;
font-size: 20px !important;
border-radius: 5px !important;
text-align: center !important;
visibility: visible !important;
opacity: 0 !important;
color: white !important;
background: red !important;
}
#pool-photos.ju .photo-display-item:hover .remove-from-group:before {
opacity: 1 !important;
}
#pool-photos.ju .photo-display-item .remove-from-group:hover:before {
transform: scale(1.8) !important;
margin-top: -8px !important;
}
#pool-photos.ju .photo-display-item .remove-from-group:hover img {
transform: scale(2.8) !important;
}
/* JU - META - DELETE "X" - POOL/FAV +(#faves.sm.is_own) - COMMENT 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;
}
/* HOVER TITLE - === */
.photo-display-container.ju .photo-display-item .meta a.title {
display: inline-block;
max-width: 100%;
opacity: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
/* color: white !important; */
/* background: transparent !important; */
}
/* ==== END === JU - META ==== */
/* ===== END ==== JU THUMBNAILS (without POOLSIDEBAR) ===== */
/* ==== DELETE "X" - POOL (sq / sm /ju / Prentation Page) ==== */
/* DELETE "X" - GENERAL - HOVER ROUNDED - === */
.delete-x:hover, .delete-x-inline:hover img {
border-radius: 5px 5px 5px 5px !important;
}
/* DELETE "X" - POOL/FAV +(#faves.sm.is_own) - JU - === */
#pool-photos.ju .photo-display-item .remove-from-group {
display: inline-block !important;
margin-left: -2px !important;
opacity: 0.5 !important;
}
#pool-photos.ju .photo-display-item .remove-from-group:hover {
opacity: 1 !important;
}
/* POOL SMALL - DELETE - NO MUSTACHE */
#pool-photos.sm .photo-display-item:hover .remove-from-group {
position: absolute;
display: inline !important;
height: 14px;
width: auto ! important;
top: 100% !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 / Prentation Page) ==== */
/* ======== END = META + COUNTER + DELET "X" ====== */
/* ==== TOP HEADER ===== */
/* TOP HEADER ALL - OVERFLOW HIDDEN - ==== */
body.new-header {
overflow: hidden !important;
overflow-x: hidden!important;
overflow-y: auto !important;
}
/* HEADER - PHOTO + ALL INFOS/POOL / COMMENTS - TOTAL CONTAINER - SUPP BACKGROUND GRADIENT - === */
body.new-header {
background: none !important;
}
/* HEADER - PHOTO - ==== */
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;
}
/* HEADER - TITLE / DESC POOL CONTAINER - === */
.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;
}
.set-wrap .set-meta .set-desc {
display: inline !important;
margin-bottom: -6px !important;
margin-top: 0 !important;
}
.set-wrap div.set-desc .short {
height: 33px !important;
margin-top: -7px !important;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}
.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 ;
}
/* TOP HEADER / ETC - POOL DISC/HELP FORUM - === */
/* (new141) POOL TOPIC - === */
#subnav-refresh + script + script + p.Confirm + .group-topics ,
#subnav-refresh + script + script + .group-topics {
width: 969px ;
margin-left: 550px ;
margin-top: 85px ;
margin-bottom: 200px ;
padding: 5px ;
border: 1px solid gray ;
}
/* DEL TOPIC CONFIR */
#subnav-refresh + script + script + p.Confirm {
position: absolute;
width: 300px;
top: 100px;
}
.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 ;
}
/* LOCKED TOPIC */
.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: 825px ;
top: 83px ;
left: 10px ;
padding: 10px ;
overflow: hidden ;
border: 1px solid gray ;
}
/* (new146) */
.group-topics + .group-topics ul.topic-list {
height: 775px ;
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 .hd .reply-count {
position: relative ;
display: inline-block ;
margin-bottom: -10px ;
margin-top: -8px ;
}
.group-topics ul.topic-list li .bd {
margin-top: -5px ;
}
/* (new147) */
.group-topic-detail-col {
min-width: 750px ;
left: 475px ;
top: 73px ;
}
/* (new147) SEARCH in POOL TOP */
.topic-list.narrow-list > p + p {
position: fixed;
width: 178px;
left: 246px;
top: 121px;
padding: 0 3px;
border-radius: 3px;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #333;
}
/* TOPIC - 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 ;
}
.group-topic-detail-col #DiscussTopic table:first-of-type {
position: fixed ;
display: inline-block ;
height: 795px;
margin-left: 813px ;
margin-bottom: 0 ;
top: 131px ;
padding-top: 5px ;
text-align: left ;
}
#GoodStuff #DiscussTopic table:first-of-type {
position: fixed ;
padding: 30px 10px 0px 5px ;
}
.group-topic-detail-col #DiscussTopic {
min-width: 750px ;
}
/* (new134) POOL/FORUM TOPIC 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 {
top: 101px ;
}
/* (new141) !imp */
.group-topic-detail-col #DiscussTopic table:first-of-type .Who:first-of-type +.Said h4 {
left: 1288px !important;
top: 105px !important;
}
#DiscussTopic table:first-of-type .Said {
position: relative ;
display: inline-block ;
height: 780px ;
width: 505px ;
padding: 0px 5px 0px 10px ;
}
#DiscussTopic table:first-of-type .Said > p {
display: inline-block ;
max-height: 778px ;
width: 480px ;
top: 120px ;
left: 1340px ;
padding: 3px 10px ;
border-radius: 0 0 3px 3px ;
overflow: hidden ;
overflow-y: auto ;
}
/* 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 TOPIC */
.group-topic-detail-col #DiscussTopic table:first-of-type .Said > p {
min-width: 530px ;
max-width: 530px ;
top: 127px
}
.group-topic-detail-col > p ,
.group-topic-detail-col > h2 {
margin-top: 20px ;
width: 700px ;
}
/* POOL / FORUM - TOPIC FIRST (right side) - BR - === */
#DiscussTopic .Said p > br {
content: "A" ;
display: block ;
margin-bottom: 4px ;
}
/* (new141) TOPIC REPLY - COMMENT FORM - === */
#GoodStuff #DiscussTopic table.TopicReply tbody tr:last-of-type td:not(.Said):not(.Who) {
right: -614px ;
}
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who) {
position: fixed ;
display: inline-block ;
width: 603px ;
height: auto ;
min-height: 300px ;
max-height: 770px ;
right: -605px ;
top: 107px ;
padding: 5px 0px 21px 0px ;
border: 1px solid #404040 ;
}
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who):before {
content: "🔻 Add a Reply 🔺" ;
position: relative ;
display: inline-block ;
width: 154px ;
line-height: 10px ;
margin-left: -88px ;
top: 66px ;
padding: 2px 0 ;
border-radius: 0 0 5px 5px ;
text-align: center ;
transform: rotate(90deg) ;
}
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who):hover:before {
content: "Add a Reply" ;
margin-left: -85px ;
}
#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: -20px ;
}
/* (new134) FORUM - TEXTARERA - REZIZE */
#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 ;
}
/* COMM REPLY - POOL/HELP - ALL - PREV REPLY - ===c*/
#GoodStuff .Preview ,
#DiscussTopic .Preview {
position: absolute;
width: 780px ;
padding: 20px 5px ;
overflow-x: hidden ;
overflow-y: auto ;
}
/* (new140) RE-EDIT POST POSTED - EDIT PAGE */
#GoodStuff .Preview {
position: absolute ;
width: 500px ;
height: 800px ;
top: -20px ;
right: -532px ;
padding: 15px ;
}
/* (new140) DISC - REPLY PREV - FIRST POST */
#GoodStuff .TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):not(:hover) .Preview {
right: -190px ;
}
#GoodStuff .TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):hover .Preview {
width: 780px ;
height: 100% ;
min-height: 300px ;
max-height: 840px ;
padding: 20px 60px 20px 20px ;
right: 610px ;
top: -1px ;
border: 1px solid #404040 ;
box-shadow: 3px 3px 2px black ;
}
#GoodStuff DiscussTopic .Preview:before {
position: absolute !important;
width: 780px ;
content: "🔻 Preview 🔻 " ;
top: 0px ;
color: red ;
text-align: center;
}
#GoodStuff #DiscussTopic .Preview:after {
position: absolute !important;
width: 780px ;
left: 5px ;
content: "🔺 Preview 🔺 " ;
bottom: 0px ;
color: red ;
text-align: center;
}
#GoodStuff #DiscussTopic .Preview + h4 {
margin-bottom: 23px;
margin-top: -20px;
text-align: center;
}
#GoodStuff .TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):hover .Preview + h4 {
position: absolute !important;
width: 100% ;
left: -700px ;
margin: 0;
text-align: center;
}
/* HELP FORUM - ALL - === */
.forumIntro .forumIntroText {
float: left;
width: 390px ;
margin-top: 2px ;
line-height: 20px ;
margin-right: -25px ;
padding: 5px ;
font-size: 13px ;
}
.forumIntro .forumSearch {
display: inline-block ;
width: 774px ;
margin-left: 95px ;
}
.forumIntro h3 {
margin-top: 14px ;
margin-bottom: -8px ;
}
.forumIntro .forumSearch p {
display: inline-block ;
width: 375px ;
margin-top: 9px ;
}
/* (new138) INTRO */
#Main > .forumIntro ~ h3 {
position: relative ;
height: 22px ;
line-height: 22px ;
width: 180px ;
top: -85px ;
margin-bottom: 10px ;
left: 360px ;
text-align: center ;
transform: rotate(-90deg) ;
}
#Main > .forumIntro ~ h3:last-of-type {
top: -15px ;
}
/* HINT */
#Main table tbody tr td#Hint p {
position: relative ;
display: inline-block ;
width: 346px ;
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 ;
}
/* (new136) FORUM - 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 ;
margin-left: 0px ;
overflow: hidden ;
overflow-y: auto ;
}
#Main > .TopicListing[cellspacing="0"]:first-of-type:not(:only-of-type):not(.PeopleResults):not(#Photo) tbody {
max-height: 180px !important;
border-bottom: 1px solid red !important;
}
/* (newx138) STICKY - FORUM - TOP TOPICS - 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: 180px ;
top: -127px ;
margin: -70px 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 ;
margin-left: 471px ;
margin-top: 0 ;
top: -127px ;
margin-bottom: -140px ;
}
/* FORUMS - 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 ;
}
/* FORUMS - 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 */
#paginator-module.Pages {
margin-bottom: 0px ;
margin-top: 20px ;
text-align: center ;
}
/* FORUM HELPH - SEARCH RES - === */
#Main>form[action="/search/forum/"] .For {
float: left;
vertical-align: middle ;
width: 100% ;
height: 46px ;
padding: 1px ;
text-align: center ;
background-position: left bottom ;
background-repeat: repeat-x;
background-image: none ! important;
}
/* FORUM / FORUM HELP - SEARCH */
.This {
float: left;
height: 42px ;
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% ;
left: 624px ;
margin-top: 0 ;
padding: 5px ;
border-left: 3px solid gray ;
}
/* (new136) FORUM - YOUR TOPIC */
.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 + br {
display: none !important;
}
.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;
border: 1px solid tan;
height: 166px;
overflow: hidden;
overflow-y: auto;
}
/* (new137)PHOT OFF/HELP/PEOPLE Follow + LOCKED - === */
#Main > table:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing):not(.acct-sett) {
position: relative ;
display: inline-block ;
margin-top: 64px !important;
}
#Main > p.Locked + table:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing):not(.acct-sett) {
margin-top: 50px !important;
}
#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 ;
}
/* ACCOUNT SETTINGS - === */
.Tab > span.TabOut:first-of-type {
margin-left: 358px !important;
font-size: 13px;
padding: 2px 8px 4px;
}
.Tab > span.TabIn:first-of-type {
margin-left: 358px !important;
}
#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;
}
/* "PHOTO OFF" - CHECK - INVIT / FORUM HELP DISC - === */
/* PENDING */
#Main table tbody tr #GoodStuff {
position: relative ;
display: inline-block ;
width: 1900px ;
margin-top: -20px ;
}
/* (new141) FORUM HELP/POOL TOPICS - MIDDLE PANEL (mactch Check Invit too ) */
#Main table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) {
position: relative ;
display: inline-block ;
width: 790px ;
left: 15px ;
top: -80px;
margin: 25px 15px 0px 0px ;
}
#Main table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) #DiscussTopic {
position: relative !important;
width: 100% ;
}
#Main table tbody tr #GoodStuff h3 {
text-align: center ;
}
#main .group-topics-col + .group-topic-detail-col > h2,
#Main table tbody tr #GoodStuff h2 {
position: sticky ;
width: 1420px ;
top: 0px ;
margin: 0px 0 0px -20px ;
padding: 1px 8px ;
z-index: 500 ;
background: white ;
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 ;
}
/* FORUM - PHOT OF - THUMB - CENTER - === */
#GoodStuff .Said>div span.photo_container.pc_m.bbml_img {
text-align: center ;
}
/* FORUM HELP - SEARCH RES : PAGE from #DiscussTopic - === */
/* #Main table tbody tr #GoodStuff div:first-of-type[style^="font-weight"] {
width: 835px ;
padding: 2px 0 ;
margin-top: -20px ;
margin-bottom: 45px ;
margin-left: -135px ;
text-align: center ;
} */
/* (new147) POOL TOPIC - FORUM 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 ;
}
/* FORUM HELP */
#Main table tbody tr #GoodStuff div:first-of-type[style^="font-weight"] {
min-width: 597px ;
right: -610px ;
top: 8px ;
}
/* FORUM HELP - LOOCKED/CLOSED THREAD - === */
.Locked {
display: inline-block ;
height: 15px ;
width: 735px ;
padding: 0 ;
top: -65px ;
right: 10px ;
text-align: center ;
}
/* TOP */
#Main h1 + p.Locked {
position: relative ;
margin-top:0px ;
margin-bottom: -5px ;
margin-left: 472px ;
top: -5px !important;
}
/* BOTTOM */
#GoodStuff p.Locked {
display: inline-block ;
margin-left: 0px ;
margin-top: -25px ;
}
/* HELP - PRO BADGE - ALL DISC - === */
#GoodStuff #DiscussTopic .pro-badge {
display: inline-block ;
line-height: 15px ;
left: 0px ;
}
/* (new134) POOL/HELP - ALL DISC - === */
#GoodStuff #DiscussTopic table.TopicReply ,
#DiscussTopic table.TopicReply {
position: relative ;
display: inline-block ;
min-width: 800px ;
max-width: 800px ;
margin-left: -27px ;
margin-top: 5px ;
padding: 10px ;
}
#GoodStuff #DiscussTopic table.TopicReply {
position: relative ;
display: inline-block ;
margin-left: -20px ;
margin-top: 0px ;
top: 4px ;
}
#DiscussTopic table.TopicReply tbody tr ,
#GoodStuff #DiscussTopic table.TopicReply tbody tr {
display: inline-block ;
width: 100% ;
min-width: 780px ;
max-width: 780px ;
}
#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-left: 63px ;
margin-top: -58px ;
}
/* (new136) */
#DiscussTopic table.TopicReply tbody tr td.Said p {
min-width: 705px ;
max-width: 705px ;
}
#DiscussTopic table.TopicReply blockquote .linkifyplus img {
max-width: 605px !important;
border: 1px dotted gray ;
}
/* FORUM - 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 ;
}
/* FORUM - HELP FORUM - STAFF POST */
#DiscussTopic table.TopicReply tbody tr.staffPost td.Said {
position: relative ;
display: inline-block ;
width: 600px ;
top: -20px ;
border: 1px solid red !important;
}
/* FORUM - 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;
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;
}
#groups-about .about div .description {
float: left !important;
max-width: 654px !important;
min-width: 654px !important;
margin-left: 20px !important;
margin-right: 20px !important;
padding-right: 80px !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: 20px !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: 700px !important;
max-width: 700px !important;
}
#GoodStuff #original_lang_close + .about_group_edit>tbody>tr>td>label[for="form_description"] + textarea {
display: inline-block !important;
min-width: 692px !important;
max-width: 692px !important;
min-height: 400px !important;
}
/* (new144) POOL - ADMIN PGE - === */
.group-admin-page-view .group-admin-page-container {
margin-top: 90px ;
padding: 5px ;
border-top: 1px solid gray;
}
/* EDIT POOL - MODERATING - === */
#Main table tbody tr td#Hint + #GoodStuff.admin_moderation {
position: relative !important;
display: inline-block !important;
width: 800px !important;
left: 55px !important;
margin-top: -60px !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: 97% !important;
min-width: 97% !important;
right: 35px !important;
padding: 10px !important;
}
/* 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 - 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;
}
/* (new142) MAIL - MESSAGE - === */
.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: auto ;
margin-top: 0px ;
margin-left: 550px ;
padding: 20px ;
border-radius: 5px ;
border: 1px solid gray ;
}
/* 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 ;
}
/* TOP HEADER - NAV BAR RIGHT (Photostream Sets Favorites - PB Collections / POOLs ) - === */
.subnav-refresh .subnav-holder {
width: auto !important;
min-width: 1050px !important;
height: 20px !important;
left: 580px ! important;
top: 46px !important;
padding-right: 74px !important;
border-radius: 5px !important;
font-size: 14px !important;
text-shadow: none !important;
box-shadow: none !important;
border: 1px solid gray ;
background: none !important;
}
/* TOP HEADER - NAV LINKS - POOLS / INVIT PAGES */
.subnav-refresh ul.nav-links {
display: inline-block ;
height: 20px !important;
width: 750px !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: 100% !important;
min-width: 720px !important;
max-width: 720px !important;
left: 0px ! important;
margin-left: 0px !important;
top: 0px !important;
border-radius: 5px 0 0 5px ;
}
/* COLLECTIONS PAGES - PB - USER POOL PAGES - === */
#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;
}
/* COLLECTIONS */
#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;
}
/* ARCHIVES */
#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;
}
/* PHOTO 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;
}
/* PROFILE */
#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 RECENT ACTIVITY */
#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 (Photostream / Sets / Favorites ??? ) - NAV ITEMS in one line - === */
.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;
}
/* recent activity */
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 ;
}
/* COLLECTION - HEADER NAV BAR - 3 DOTS MENU === */
.subnav-refresh .sn-dropdowntarget ul.sn-dropdown {
width: 722px !important;
top: 24px !important;
}
/* VIEW MODE BUTTONS */
.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 (Photostream Sets Favorites POOL ) - RIGHT BUTTON-BAR - BLOCK CONTAINER - === */
#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;
}
/* POOL PAGE - PB USER POOL PAGES */
#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: -33px !important;
left: 1130px !important;
}
/* from NEW ABOUT - USER POOL PAGE / GALLERY / 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;
}
/* TOP HEADER - NAVBAR - 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 NAVBAR - VIEW THUMBNAIL 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 BUDDY ICON - BLOCK CONTAINER - FAV - === */
.subnav-refresh .sn-avatar {
transform: scale(0.6) !important;
width: 110px;
height: 110px;
top: -11px !important;
left: 27px !important;
}
/* ========= END === HEADER ====== */
/* ==== SMALL THUMBNAIL ===== */
/* SMALL THUMBNAIL - POOL - === */
#pool-photos.sm {
position: relative !important;
display: inline-block !important;
width: 1890px !important;
margin-left: 5px !important;
height: 100% !important;
height: auto !important;
top: 104px !important;
padding: 5px 2px 20px 3px !important;
overflow: hidden !important;
overflow: visible !important;
}
.sm .photo-display-container {
height: 100% !important;
margin: auto !important;
}
#pool-photos.sm .photo-display-item {
height: 152px !important;
}
#pool-photos.sm .thumb {
margin-bottom: 15px !important;
}
.sm .photo-display-item {
height: 146px !important;
margin: 0 auto !important;
width: 5.5% !important;
}
#pool-photos.sm .meta {
display: inline-block;
margin-bottom: -7px!important;
margin-top: 0;
vertical-align: top;
}
/* SMALL VIEW - PAGINATOR - ==== */
.sm.photo-display-container ~ #paginator-module.Pages {
display: inline-block !important;
position: absolute !important;
width: 100% !important;
top: 780px !important;
z-index: 2000 !important;
}
.sm.photo-display-container + .yui3-popover-content-hider + .group-content-wrapper {
margin-top: -90px !important;
}
/* ==== END === SMALL THUMBNAIL ===== */
/* USER GENERIC ICON - GRAYSCALE FILTER - === */
.avatar.group.tiny.tiny[style*="/pw/images/buddyicon"] ,
*[style*="background-image: url(//combo.staticflickr.com/pw/images/buddyicon"][style*=".png"] ,
.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'] ,
[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'] ,
*[style*="https://s.yimg.com/pw/images/buddyicon"] ,
a[style*="/buddyicon"][style*=".png"] ,
img[src*=".png"][src^="https://flimg.flickr.com/?"][src*="buddyicon"] ,
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'] ,
[src^="https://s.yimg.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) ;
}
/* ==== END ==== DIVERS ======================== */
/* ============ BUTTONS - CURSOR - GENERAL ====== */
.DeleteButt,
.CancelButt,
.SmallButt,
.SmallDeleteButt,
.SmallCancelButt,
.Butt:visited,
.DeleteButt:visited {
cursor: pointer !important;
}
/* END ============= BUTTONS - CURSOR - GENERAL ====== */
/*START ========================================================== */
/* ======= GENERAL - LINK COLOR + OTHERS THINGS ================== */
/* LINK + VISITED + VISITER HOVER- === */
a {
color: peru !important;
text-decoration: none !important;
}
a:hover,
a:visited:hover {
text-decoration: none !important;
color: #B9D56E !important;
background-color: transparent !important;
}
a:active {
background-color: transparent !important;
color: #CC0000 !important;
text-decoration: none !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 - === */
/* ============= 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;
}
/* TABLE BORDER - FORUM */
table th,
table td {
border-color: #777777 !important;
}
/* END ==== ALL - LINK COLOR + OTHERS THINGS ===== */
/* STYLE 0 == END == ALLinONE - NO GM Adaptation === */
/* STYLE 1 == START == FLICKR - NEW Photo Page + NOTES === */
/* PHOTO - GLOBAL SIZE - === */
.fluid.html-photo-page-scrappy-view.scrolling-layout #content {
height: 920px !important;
width: 1915px !important;
}
/* PHOTO - ICON BUY - GETTY IMAGE - === */
.view.photo-engagement-view.has-buyable .button.butt {
position: absolute !important;
top: 59px !important;
left: 291px !important;
}
/* FOOT - ALL - HIDDEN / VISBLE HOVER - === */
/* FOOT - PHOTO - HIDDEN / VISBLE HOVER - === */
.html-photo-page-scrappy-view .view.footer-full-view ,
.html-photo-page-scrappy-view.fluid.scrolling-layout.yui3-js-enabled .view.footer-full-view {
position: fixed !important;
display: inline-block !important;
width: 1918px !important;
height: 131px !important;
height: 0px !important;
left: 0 !important;
bottom: -132px !important;
padding: 0 !important;
border-top: 1px dashed gray !important;
z-index: -50 !important;
transition: all ease 0.1s !important;
}
.html-photo-page-scrappy-view.fluid.scrolling-layout.yui3-js-enabled .view.footer-full-view:hover {
position: fixed !important;
display: inline-block !important;
bottom: 0px !important;
z-index: 50000 !important;
transition: all ease 0.1s !important;
}
.html-photo-page-scrappy-view.fluid.scrolling-layout.yui3-js-enabled .view.footer-full-view footer.foot {
position: absolute;
width: 100% !important;
height: 0px !important;
bottom: 0 !important;
}
.html-photo-page-scrappy-view.fluid.scrolling-layout.yui3-js-enabled .view.footer-full-view:hover footer.foot {
height: 131px !important;
}
.html-photo-page-scrappy-view.fluid.scrolling-layout.yui3-js-enabled .view.footer-full-view:before {
content: "Flickr About" ;
position: absolute ;
display: inline-block ;
width: 100px ;
left: 1390px ;
top: -155px ;
padding: 4px 3px ;
border-radius: 5px 5px 0 0 ;
text-align: center ;
cursor: pointer ;
transition: all ease 0.7s ;
}
.html-photo-page-scrappy-view.fluid.scrolling-layout.yui3-js-enabled .view.footer-full-view:hover:before {
color: gold ;
transition: all ease 0.1s ;
}
/* END === TEST - FOOTER ======= */
/* PHOTO - NOTES COUNTER - === */
.photo-notes-scrappy-view.box-hovered ,
.photo-notes-scrappy-view {
content: counter(myIndex, decimal);
counter-increment: myIndex 0 !important;
}
.photo-notes-scrappy-view.box-hovered span:before ,
.photo-notes-scrappy-view:not(.box-hovered) span:before {
counter-increment: myIndex ;
content: counter(myIndex, decimal) ;
position: fixed ;
display: inline-block ;
min-width: 15px ;
max-width: 65px ;
height: 14px ;
line-height: 14px ;
top: 127px ;
left: 1334px ;
font-size: 10px ;
text-align: left ;
text-indent: 3px ;
cursor: context-menu ;
opacity: 1 ;
z-index: 0 ;
}
.photo-notes-scrappy-view.box-hovered span:last-of-type:before ,
.photo-notes-scrappy-view:not(.box-hovered) span:last-of-type:before {
color: red ;
cursor: context-menu ;
opacity: 1 ;
visibility: visible ;
z-index: 10 ;
}
/* PHOTO - FOR NOTES */
.fluid.html-photo-page-scrappy-view.scrolling-layout {
min-height: 100%;
min-width: 1060px;
overflow: hidden !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout body #content .view.photo-page-scrappy-view.requiredToShowOnServer ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body {
position: fixed !important;
display: inline-block !important;
min-width: 100% !important;
height: 931px !important;
z-index: 50000 !important;
background: transparent !important;
}
.photo-notes-scrappy-view:not(.box-hovered) span {
opacity: 1 !important;
visibility: hidden !important;
}
.photo-notes-scrappy-view.box-hovered:hover .note:not(:hover) {
opacity: 1 !important;
}
/* CENTER - FOR PB VIDEO */
.view.photo-well-scrappy-view ,
.view.photo-well-scrappy-view.requiredToShowOnServer {
display: inline-block !important;
height: 100% !important;
max-height: 800px !important;
min-height: 800px !important;
width: 100% !important;
min-width: 1300px !important;
max-width: 1300px !important;
text-align: center !important;
}
.photo-well-scrappy-view .height-controller {
height: 891px !important;
width: 1300px !important;
}
.photo-notes-scrappy-view .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 {
color: white !important;
}
.photo-notes-scrappy-view .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;
}
/* PHOT - NOTE - EDIT - === */
.photo-notes-scrappy-view .note-text.adding .text-alignment-fix, .photo-notes-scrappy-view .note-text.editing .text-alignment-fix {
min-width: 317px !important;
max-height: none;
padding: 20px !important;
border-radius: 3px;
}
.photo-notes-scrappy-view .note-text .note-text-buttons {
min-width: 307px !important;
margin-top: 5px;
}
/* PHOT - KEEP RATIO - CONTAINER - VERY LARGE IMAGE - === */
html.fluid.html-photo-page-scrappy-view #content .view.sub-photo-view {
margin-top: 200px !important;
}
/* == START == PHO - TITLE/DESC cf STREAM EDIT COMPAT ==== */
/* (new136) STREAM EDIT - 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 ;
}
.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 ;
z-index: 200 ;
}
/* PHOTO - TITLE - PB SELECT just TXT - */
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-title {
position: fixed ;
display: inline-block ;
width: 1220px ;
top: 0px ;
left: 50px ;
margin-bottom: 10px ;
font-size: 17px ;
text-align: center ;
word-wrap: break-word ;
z-index: 5000000 ;
color: #656c7a !important;
}
/* PHOTO - DESCRIPTION */
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc {
position: absolute ;
display: inline-block ;
line-height: 0px ;
max-height: 13px ;
min-height: 13px ;
min-width: 850px ;
max-width: 950px ;
margin-bottom: 0 ;
top: -8px ;
bottom: 20px ;
left: 5px ;
padding: 3px 250px 2px 250px ;
text-align: left ;
overflow: hidden ;
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:hover {
min-height: 300px ;
max-height: 300px ;
top: -120px ;
margin-top: -15% ;
text-align: left ;
overflow: hidden ;
overflow-y: auto ;
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;
}
/* PHOTO - 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 ;
}
/* PHOTO - TITLE + DESC EDIT */
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block .title-desc-edit.ui-icon-title-desc-edit {
position: fixed ;
display: inline-block ;
bottom: 10px ;
right: 675px ;
z-index: 500 ;
opacity: 1 ;
}
.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 ;
}
/* (new136) TITLE + DESC INPUT FIELDS */
.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 {
position: fixed ;
width: 60% ;
right: 690px ;
bottom : 603px ;
font-size: 14px ;
overflow: hidden ;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.edit-meta-field.edit-photo-desc {
width: 60% ;
min-height: 610px ;
max-height: 610px ;
top : 320px ;
overflow-y: auto ;
}
.meta-field.photo-desc > p:only-of-type a:only-of-type {
display: inline-block ;
width: 100% ;
text-align: center;
}
/* === END === PHOTO - 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 .view.sub-photo-title-desc-view.photostream-edit {
margin-top: -85px !important;
}
/* TEST - 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;
}
/* STREAM EDIT - PORTRAIT - EDITING */
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait .interaction-bar .view.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 - === */
html.fluid.html-photo-page-scrappy-view #content .centered-content {
width: 0 !important;
height: 0 !important;
}
.photo-well-scrappy-view .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 INFRINGEMENT */
.main-photo[src^="//combo.staticflickr.com/pw/images/en-us/photo_unavailable_copyright_"] {
filter: opacity(0.3)
}
.low-res-photo ,
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view .main-photo img {
max-height: 820px !important;
max-width: 1300px !important;
width: 100% !important;
z-index: 0 !important;
}
/* PHOTO - ZOOM PHOTO - === */
.zoom-modal {
z-index: 550000 !important;
}
.zoom-modal .zoom-photo-container {
transform-origin: 900px 500px 0 !important;
}
.zoom-modal .zoom-photo-container img {
opacity: 1 !important;
}
/* == PHOTO - TOOLTIP / POPUP / MENU ETC === */
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-modal-view.flickr-view-root-view ,
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-modal-view.flickr-view-root-view .modal.html-modal.scrappy-dialog {
z-index: 50000 !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 - ADULT CONTENT - MESSAGE - === */
.photo-well-scrappy-view .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 {
width: 100% !important;
}
.photo-well-scrappy-view .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 {
position: absolute !important;
width: 500px !important;
top: -250px !important;
left: 0px !important;
}
/* COMMENTS - TOTAL CONTAINER - === */
.sub-photo-comments-view {
position: fixed !important;
display: inline-block !important;
float: none !important;
clear: both;
width: 1270px !important;
min-height: 583px !important;
max-height: 583px !important;
left: 20px !important;
margin-bottom: 20px;
top: 137px !important;
padding: 5px 55px 5px 55px !important;
color: gray !important;
overflow: hidden !important;
overflow-y: auto !important;
visibility: hidden !important;
z-index: 5000 !important;
transition: all ease 1s !important;
}
/* PHOTO / GALLERIES PAGE - COMMENTS CONTAINER - REVERSE ORDER - === */
.html-gallery-page-view .comments-section .view.gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list ,
.comments-holder.order-chronological.photosInComments ul.comments {
display: flex !important;
flex-flow: row-reverse wrap-reverse;
justify-content: space-around;
}
.html-gallery-page-view .comments-section .view.gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item {
width: 512px !important;
}
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments {
display: flex !important;
height: 100% !important;
width: 1280px !important;
margin-left: -35px !important;
padding: 5px 30px 100px 30px !important;
overflow: hidden !important;
overflow-y: auto !important;
visibility: hidden !important;
z-index: 500000 !important;
transition: all ease 0.7s !important;
}
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments:hover {
visibility: visible !important;
transition: all 1s linear !important;
}
/* PHOTO - COMMENTS - PB BUDDY ICON / ACTIONS - === */
.fluid.html-photo-page-scrappy-view.scrolling-layout .sub-photo-comments-view .comments li.comment:hover .comment-author > a {
color: peru !important;
}
/* PHOTO - COMMENTS - CONTAINER - ADD ICON TO SHOW COMMENTS CONTAINER (on HOVER) - NEAR TOP RIGHT PANEL - === */
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments:before {
content: " " ;
position: fixed ;
display: inline-block ;
float: none ;
height: 22px ;
line-height: 9px ;
width: 25px ;
left: 1416px ;
top: 202px ;
padding: 0px ;
border-radius: 3px ;
font-size: 20px ;
text-align: center ;
visibility: visible ;
opacity: 0.2 ;
z-index: 500 ;
cursor: pointer ;
background: rgba(0, 0, 0, 0.78) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -496px -249px !important;
border: 1px solid gray ;
}
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments:hover:before {
transform: scaleX(1.3) ;
background-color: red ;
}
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments .comment:hover:before {
border-radius: 2px;
}
/* PHOTO - COMMENTS - CONTAINER - ADD ICON TO SHOW COMMENTS CONTAINER (on HOVER) - SECOND PLACE ON COMMENTS COUNTER - === */
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments .comment:first-of-type:after {
content: "🗨" ;
position: fixed ;
display: inline-block ;
float: none ;
height: 15px ;
line-height: 15px ;
width: 95px ;
left: 1550px ;
top: 90px ;
padding: 5px 0px 14px 0px ;
border-radius: 3px ;
font-size: 13px ;
text-align: left ;
visibility: visible ;
opacity: 0.3 ;
background-color: rgba(0, 0, 0, 0.7) ;
}
/* VIEW MORE STATS - === */
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view .show-more-stats {
position: absolute !important;
width: 90px!important;
height: 20px !important;
line-height: 54px !important;
right: 5px !important;
margin-top: -7px !important;
padding: 0 4px !important;
cursor: pointer;
font-size: 14px;
text-indent: -20px !important;
text-align: center !important;
text-decoration: none !important;
white-space: nowrap !important;
opacity: 0.6 !important;
color: gray !important;
background: -5px center url('https://www.flickr.com/sparklines/t/EyI_ZBdkNyIAACkAwP8lFkouehhTHzY6SUVNEQ--.png') no-repeat !important;
background-size: contain !important;
background-color: #222 !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 {
color: #b9d56e !important;
text-decoration: none !important;
}
/* DATE TAKEN + HOVER */
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view {
position: fixed !important;
display: inline-block !important;
float: none !important;
height: 100% !important;
min-height: 15px !important;
max-height: 15px !important;
line-height: 15px!important;
width: 250px !important;
margin-left: 0px !important;
right: -5px !important;
top: 156px !important;
padding: 1px 0px 0 20px !important;
transition: all ease 0.7s !important;
z-index: 50000 !important;
}
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken.editable:hover {
height: 17px !important;
margin-top: 3px !important;
padding-top: 6px !important;
background-color: #3D3E3E !important;
}
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken {
display: inline-block !important;
width: 255px !important;
line-height: 10px !important;
padding: 0px 5px !important;
font-size: 15px !important;
}
/* PHOTO - EXIF INFO - === */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .ui-menu.exif-charm-list ul .exif-column-1:before {
content: "▼ EXIF infos" ;
position: absolute ;
visibility: visible !important;
left: 5px ;
font-size: 10px ;
top: 3px ;
color: gold ;
}
/*===== */
.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: absolute !important;
left: -60px;
box-shadow: 5px 5px 5px black !important;
opacity: 1 !important;
}
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view ul > li {
font-size: 14px;
line-height: 24px;
padding: 0 15px;
}
/* AUTHOR INFOS TOOLTIP - === */
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view .person-card-view h3.fade-out {
width: 420px !important;
text-overflow: ellipsis !important;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view .person-card-view h3.fade-out:after ,
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view .person-card-view .fade-out::after {
width: 0px ;
background: none ;
}
.person-card-view .info {
height: 20px;
margin-top: -4px;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .person-card-view .recent-photos a {
display: inline-block;
height: 80px !important;
width: 100px !important;
margin-right: 10px !important;
border-radius: 3px;
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;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .person-card-view .recent-photos {
clear: both;
height: 85px;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .person-card-view .recent-photos a {
display: inline-block;
height: 80px;
width: 80px;
margin-right: 30px;
margin-top: 2px !important;
image-rendering: optimizeSpeed;
border-radius: 1px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.02) inset;
outline: 1px solid gray !important;
}
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .person-card-view .recent-photos a:visited {
outline: 1px solid violet !important;
}
/* PHOTO - 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;
}
/* PHOTO - FAVED BY - TOOLTIP - ====*/
.ui-dialog-modal-curtain.ui-dialog-modal-curtain-clear {
background: transparent;
transition: none 0s ease 0s ;
}
.sub-photo-left-view > .sub-photo-fave-view.faves-present {
position: fixed !important;
display: inline-block !important;
float: none !important;
height: 15px !important;
line-height: 14px !important;
margin-left: 0 !important;
margin-top: 10px;
top: 115px !important;
right: 5px !important;
padding-bottom: 0 !important;
border-bottom: none !important;
z-index: 50000 !important;
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by {
display: inline-block;
margin-left: 0 !important;
width: 100% !important;
font-weight: 900;
z-index: 500 !important;
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display {
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: 15px !important;
line-height: 20px !important;
width: 100% !important;
min-width: 85px !important;
max-width: 85px !important;
top: 5px !important;
padding-bottom: 5px !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-left: 5px ;
margin-right: 5px ;
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-left: 5px ;
margin-right: 5px ;
font-size: 14px ;
}
.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 {
text-decoration: none !important;
}
.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;
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 ;
}
.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 {
text-decoration: none !important;
}
.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;
}
/* PHOTO - ERROR POPUP - NOT FAVS POSSIBLE - === */
.view.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;
}
.view.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;
}
/* PHOTO - POOL INVIT POPUP - === */
.view.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;
}
.view.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;
}
/* PHOTO EDITOR - POPUP - === */
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed).editor-dialog {
border-radius: 3px;
box-shadow: -10px -10px 3px 1px rgba(0, 0, 0, 0.3), 10px -10px 3px 1px rgba(0, 0, 0, 0.3);
display: inline-block;
font-size: 16px;
height: auto;
line-height: 24px;
margin-left: -955px !important;
margin-top: -454px !important;
max-width: 1900px !important;
min-width: 1900px !important;
padding: 5px 5px 12px;
z-index: 50000;
}
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed).editor-dialog .ui-dialog-wrapper {
border-radius: 3px;
box-shadow: none;
display: inline-block;
height: auto;
left: 2px;
line-height: 24px;
max-width: 1900px !important;
min-width: 1900px !important;
position: relative;
top: 4px;
}
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed).editor-dialog .ui-dialog-wrapper .ui-dialog-body {
outline: 1px solid red !important;
}
#editor {
position: relative;
outline: 1px solid red !important;
}
.pesdk-react-editor .pesdk-react-topBar__row {
display: table-row;
height: 23px;
margin-top: -18px !important;
text-align: center;
background: #2b2b2b;
}
/* PHOTO - NEW ADD POOL+GALLERY - POPUP / TOOLTIP - ADD POOL / GALL / DEL PIC - === */
.fluid .fluid-modal-view {
position: fixed;
bottom: 50%;
left: 42%;
right: 35%;
top: 25%;
}
/* LARGE - NEW ADD TO POOL+GALL - PHOTO - === */
.fluid.html-photo-page-scrappy-view .modal {
position: absolute;
width: 495px !important;
min-height: 50px !important;
height: auto !important;
margin-left: 390px !important;
margin-top: -70px !important;
border-radius: 3px;
box-shadow: -5px 5px 6px 7px black !important;
}
.fluid.html-photo-page-scrappy-view .modal .stuff-selection-list-container {
min-height: 50px !important;
max-height: 226px !important;
overflow-x: hidden !important;
}
.fluid.html-photo-page-scrappy-view .modal .view.gallery-selection-view.stuff-selection-view .stuff-selection-list-container {
min-height: 50px !important;
max-height: 476px !important;
}
.fluid.html-photo-page-scrappy-view .modal .stuff-selection-list-container ol.stuff-selection-list {
overflow-x: hidden !important;
}
/* (new142) ALL */
.view.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 {
padding: 2px 0 !important;
}
.stuff-selection-list-container + .action-container {
height: 29px !important;
border-top: 1px solid red !important;
}
/* OK SMALL - NEW ADD TO POOL+GALLERIES - in POOL BETA / ALBUM / GALLERIES / FAV / - === */
.fluid.html-group-pool-page-view .stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item ,
.fluid.html-album-page-view .subview-droparound.droparound.auto-size .stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item ,
.fluid.html-gallery-page-view .stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item ,
.fluid.html-favorites-page-view .stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item {
padding: 0 1px !important;
width: 47.3% !important;
}
.fluid.html-group-pool-page-view .stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels ,
.fluid.html-album-page-view .stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels ,
.fluid.html-gallery-page-view .stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels ,
.fluid.html-favorites-page-view .stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels {
margin-right: -99% !important;
max-width: 79% !important;
min-width: 79% !important;
}
/* NEW ADD TO POOL+GALLERIES - in ALBUM - 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;
}
/* NEW ADD TO POOL+GALL - ALL - === */
.view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size {
min-height: auto ;
min-width: 500px ;
top: 20% ;
z-index: 5000000 ;
opacity: 1 ;
}
.view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size .stuff-selection-view .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-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;
font-size: 14px;
overflow: hidden;
padding: 3px 0;
margin-right: -10% !important;
}
.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;
}
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels .item-stats {
margin-top: -5px !important;
outline: none !important;
color: red !important;
}
/* INVIT ERROR */
.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 ;
}
/* MODAL - EDIT DATE - PHOTO - === */
.fluid.html-photo-page-scrappy-view .modal.edit-dates-dialog {
width: 830px !important;
margin-left: 90px !important;
margin-top: -75px !important;
}
.fluid.html-photo-page-scrappy-view .modal.edit-dates-dialog .close-x {
right: 43px !important;
}
/* PHOTO - POLL LIST COUNTER - === */
.sub-photo-contexts-view .sub-photo-context .context-list {
counter-increment: myIndex ! important;
counter-increment: myIndex 0 !important;
margin-left: -5px !important;
border-radius: 5px !important;
border: 1px solid gray ;
}
.sub-photo-contexts-view .sub-photo-context .context-list li {
border: 1px solid gray ;
}
.sub-photo-contexts-view .sub-photo-context .context-list li:before {
counter-increment: myIndex ;
content: counter(myIndex, decimal-leading-zero) ;
position: absolute ;
min-width: 17px ;
margin-left: -20px ;
border-radius: 10px ;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
font-size: 10px ;
text-align: center ;
color: peru ;
z-index: 10 ;
background: rgba(62, 59, 59, 0.6) ;
}
/* PHOTO - LIGHTBOX - === */
body > #content > .view.photo-page-lightbox-scrappy-view > div {
display: flex !important;
float: none !important;
background: #212124 !important;
}
.photo-page-lightbox-scrappy-view .photo-well-view > .photo-well-media-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;
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: 100% !important;
width: 100% !important;
max-width: 100% !important;
vertical-align: middle !important;
}
.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 {
display: inline-block !important;
height: 103px !important;
width: 185px !important;
top: 0 !important;
color: peru !important;
text-align: center !important;
transition: all ease 0.7s !important;
}
.photo-page-lightbox-scrappy-view .photo-well-view .attribution-view.photo-attribution.is-real-fullscreen .avatar {
position: relative !important;
display: inline-block !important;
margin-top: -30px !important;
left: 70px !important;
text-align: center !important;
}
.attribution-view.photo-attribution.is-real-fullscreen > .attribution-info {
margin-left: 0px !important;
padding-top: 10px;
}
.attribution-view.photo-attribution.is-real-fullscreen > .attribution-info > .owner-name ,
.follow-view.is-real-fullscreen {
width: 194px !important;
height: 20px !important;
font-size: 15px !important;
overflow: hidden !important;
text-overflow: ellipsis !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;
}
.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 {
margin-top: -6px ;
}
.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 ;
}
.fave-view .button > span.fave-count {
top: -45px ;
left: 17px ;
}
.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;
}
/* PHOTO NAVIGATION - PREV/NEXT ARROWS */
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-prev ,
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-next {
min-width: 20px !important;
width: 26px !important;
height: 700px !important;
top: 19.5% !important;
z-index: 1000 !important;
visibility: hidden !important;
}
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-prev {
height: 40px !important;
cursor: url("https://assets.luscious.net/static/_generated/images/left-arrow-0aecbb8326f253634264b11277a9450b1232960a.png"), auto;
}
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-next {
height: 40px !important;
cursor: url("https://assets.luscious.net/static/_generated/images/right-arrow-653e746cd869a26e294b6bc5d8bc908f535056a8.png"), auto;
}
.photo-well-scrappy-view .height-controller > .navigate-target > span {
position: absolute !important;
width: 21px !important;
height: 48px !important;
transform: scale(0.5) !important;
z-index: 1000 !important;
cursor: pointer !important;
border: 1px solid #404040;
border-radius: 3px !important;
box-shadow: -5px 3px 10px black ;
visibility: visible !important;
transition: height ease 0.7s !important;
}
.photo-well-scrappy-view .height-controller > .navigate-target > span:hover {
transform: scale(1) !important;
border: 1px solid #404040;
visibility: visible !important;
}
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-prev > span {
left: 1327px !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 {
right: -94px !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;
}
/* ====- PHOTO - PANEL RIGHT ==== */
/* PHOTO - for ALL USERS - ACTION BAR - FAV/SHARE/ALL SIZE / PRINT - === */
.photo-engagement-view {
position: fixed ! important;
width: 140px!important;
width: 170px;
top: 124px !important;
right: 345px ! important;
margin-right: 40px !important;
z-index: 0 !important;
transform: scale(0.7) !important;
}
/* PHOTO - ALL USERS - ACTION 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 {
display: inline-block !important;
height: 30px !important;
width: 25px !important;
}
.view.fave-view .button {
display: inline-block !important;
height: 30px !important;
width: 25px !important;
padding: 0 !important;
text-align: center !important;
}
.fave-view .fave-star {
display: inline-block !important;
min-height: 30px !important;
width: 43px !important;
top: -8px !important;
left: 0px !important;
transform: scale(0.5, 0.5);
transform-origin: right 27px !important;
}
.photo-engagement-view .fave-view .button-overlay {
width: 30px !important;
height: 30px !important;
left: -8px !important;
}
.photo-engagement-view .fave-view .button-overlay a {
width: 30px !important;
height: 30px !important;
padding-top: 1px ;
top: -6px ;
}
.photo-engagement-view > div.fluid-share-photo-view {
margin-right: 0px !important;
}
.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;
}
/* PHOTO - FAVE RED - === */
.photo-engagement-view .view.fave-view .fave-star.is-faved + .fave-count + .button-overlay a:before {
content: "★" ;
display: inline-block ;
width: 30px ;
height: 30px ;
line-height: 30px ;
margin-left: 2px ;
font-size: 30px !important;
color: #E80C88 ;
text-align: center ;
}
/* PHOTO - MY PHOTO - ACTION BAR + ICONS - === */
.photo-engagement-view.has-wallart {
width: 186px !important;
margin-right: 1px !important;
transform: scale(0.7) !important;
}
.photo-engagement-view > div.wallart {
margin-right: 7px !important;
}
.photo-engagement-view > .view.photo-well-scrappy-edit-view {
margin-right: 4px !important;
}
.photo-engagement-view > .view.photo-well-scrappy-edit-view + .fluid-share-photo-view {
margin-right: 0px !important;
}
/* PHOTO - USER NAME */
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info {
position: absolute !important;
display: inline-block !important;
float: none !important;
min-width: 500px !important;
height: 30px !important;
line-height: 30px !important;
margin-left: 14px !important;
top: -10px !important;
color: transparent ;
}
.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[id^="CFS"] span ,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name[id^="CFS"] span:visited ,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name span:visited ,
.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:visited ,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name {
max-width: 380px !important;
top: 6px !important;
opacity: 0.94 !important;
text-shadow: 1px 1px 4px #000 !important;
color: white !important;
overflow: hidden !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 {
color: #656c7a !important;
opacity: 0.5 !important;
}
.fluid.html-photo-page-scrappy-view .attribution-view {
position: fixed !important;
height: 50px !important;
line-height: 50px !important;
width: 505px !important;
right: 78px !important;
top: 54px !important;
}
.attribution-view .avatar.person {
margin-top: 0 !important;
top: 6px !important;
}
.sub-photo-right-view > .sub-photo-right-row1 {
height: 39px !important;
padding-bottom: 4px !important;
}
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view {
line-height: 13px !important;
margin-right: 30px;
margin-top: 13px;
font-size: 14px ! important;
}
.comment-count-label ,
.fave-count-label ,
.view-count-label{
line-height: 10px ! important;
font-size: 15px !important;
color: violet ! important;
}
/* PHOTO - RELATIONSHIP - FOLLOW/UNFOLLOW - CONTAINER - === */
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .owner-name + .owner-name-with-by.truncate + .view.follow-view.clear-float.photo-attribution {
height: 25px !important;
line-height: 25px !important;
margin-top: 5px !important;
}
.attribution-view.photo-attribution > .attribution-info .relationship {
display: inline-block !important;
height: 25px !important;
top: 0px !important;
}
.attribution-view.photo-attribution > .attribution-info .relationship button {
display: inline-block !important;
height: 26px !important;
margin-top: 0px !important;
opacity: 0.4 !important;
transition: opacity 0.7s !important;
}
.attribution-view.photo-attribution > .attribution-info .relationship button:hover {
opacity: 1 !important;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .follow-view > .relationship .follow.ui-button::before,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .follow-view > .relationship .follow.ui-button::after {
background: gold ;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .follow-view > .relationship .follow.ui-button::before {
top: 12px !important;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .follow-view > .relationship .follow.ui-button::after {
top: 6px !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;
}
/* ==== PHOTO - FOLLOW / UNFOLLOW ==== */
/* PHOTO - IN ALL PLACEINFOS TOOLTIP TOP RIGHT - TXT FOLLOW / UNFOLLOW */
.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;
}
/* PHOTO - IN ALL PLACEINFOS TOOLTIP TOP RIGHT - TXT FOLLOW / UNFOLLOW - IN TOP RIGHT PANEL */
.sub-photo-left-view > .attribution-view > .attribution-info .follow-view > .relationship .follow.ui-button > span {
color: #fff;
font-size: 0 !important;
padding: 0 0 0 31px !important;
}
/* PHOTO - IN ALL PLACEINFOS TOOLTIP TOP RIGHT - TXT FOLLOW / UNFOLLOWIN INFOS TOOLTIP TOP RIGHT */
.view.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 {
position: fixed !important;
display: inline-block !important;
width: 105px !important;
top: 57px !important;
left: 1225px !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: 100px !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 ;
}
/* PHOTO - RIGHT PANEL INFOS - NUMB VIEWS/ FAVS/COM - === */
.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 ;
}
.sub-photo-right-view {
position: fixed ;
display: inline-block ;
width: 505px ;
height: 39px ;
line-height: 14px ;
top: 84px ;
margin-top: 0 ;
right: 0px ;
z-index: 1 ;
}
/* DATE cf GM "STIG"*/
.sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-taken {
position: relative ;
display: inline-block ;
top: 15px ;
font-size: 15px ;
z-index: 100 ;
cursor: pointer ;
color: gray !important;
}
.sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-taken .date-taken-label {
display: inline-block !important;
float: none !important;
width: 100% ;
font-size: 13px !important;
text-align: left !important;
cursor: pointer !important;
}
/* COPYR (cf GM "STIG")) - === */
.fluid.html-photo-page-scrappy-view .view.photo-license-view {
position: absolute ;
display: inline-block ;
width: 257px ;
margin: 0 ;
right: -6px ;
top: 64px ;
padding: 0 4px ;
text-align: right ;
}
/* PHOTO - PEOP + TAG - CONT - === */
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view:not(:empty) {
position: relative ;
width: 505px ;
max-height: 56px ;
min-height: 56px ;
margin-top: 25px ;
padding: 20px 0 0 1px ;
border-radius: 5px ;
overflow: hidden ;
overflow-x: hidden ;
border: 1px solid gray ;
}
.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-top: 6px ;
top: -26px ;
font-size: 16px ;
text-indent: 5px ;
color: gray !important;
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > .person-list {
position: relative ;
width: 500px ;
top: -35px ;
left: 5px ;
max-height: 50px ;
min-height: 50px ;
padding: 2px 0 2px 1px ;
border-radius: 0px ;
overflow-x: hidden ;
overflow-y: auto ;
border-top: 1px solid gray ;
border-bottom: none ;
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view li {
position: relative ;
display: inline-block ;
height: 20px ;
width: 230px ;
margin-top: 7px ;
padding: 8px 6px ;
border-radius: 3px;
overflow: hidden;
transition: opacity 300ms ease-out 0s, background-color 0.2s ease-in-out 0s ;
border: 1px solid gray ;
}
.sub-photo-right-view > .sub-photo-tags-view {
position: relative ;
display: inline-block ;
width: 505px ;
margin-top: 0px ;
margin-left: -3px ;
margin-bottom: -7px ;
padding-top: 0 ;
border-bottom: none ;
border-top: none ;
}
/* PHOTO - PEOPLE + PEOPLE EMPTY */
.view.sub-photo-tags-view.people-is-empty {
position: relative ;
display: inline-block ;
width: 505px ;
max-height: 18px ;
min-height: 18px ;
line-height: 18px ;
margin-top: 0px !important;
margin-left: -3px !important;
margin-bottom: 40px !important;
padding-top: 0 !important;
border-bottom: none !important;
border-top: none ! important;
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view.empty {
position: relative ;
display: inline-block ;
width: 480px ;
max-height: 18px ;
min-height: 18px ;
line-height: 18px ;
margin-left: 2px ;
margin-top: 0px ;
padding: 2px 10px ;
border-radius: 3px ;
text-align: left ;
overflow: hidden ;
border: 1px solid gray ;
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view.empty h3 {
position: relative ;
display: inline-block ;
width: 230px ;
line-height: 18px ;
height: 18px ;
margin-left: -5px ;
text-align: center ;
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > .show-add-people {
position: relative ;
display: inline-block ;
float: none ;
line-height: 18px ;
height: 18px ;
top: -26px ;
right: -300px ;
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view.empty > .show-add-people {
position: relative ;
display: inline-block ;
float: none ;
line-height: 18px ;
height: 18px ;
top: -5px ;
right: -180px ;
}
/* PHOTO - LICENSE ICONS */
.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;
}
/* PHOTO - 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;
}
/* PHOTO - EXIF INFOS / PB MAP - ON HOVER - === */
.sub-photo-right-view > .photo-charm-exif-scrappy-view {
position: fixed ;
display: inline-block ;
width: 120px ;
height: 0px ;
right: 3px ;
top: 195px ;
margin-top: 0 ;
opacity: 1 ;
visibility: visible ;
z-index: 500000 ;
}
/* PHOTO - EXIF - CONTAINER - ==== */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul {
z-index: 500000 ;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul:hover {
height: auto ;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list {
height: 20px ;
margin-top: -15px ;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 {
position: absolute ;
display: inline-block ;
float: none ;
width: 250px ;
height: 0px ;
margin-right: 0 ;
margin-top: 5px ;
top: -20px ;
padding: 20px 5px 0 5px ;
border-radius: 5px ;
overflow: hidden ;
visibility: visible ;
color: peru !important;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1:hover {
width: 280px ;
height: auto ;
min-height: 27px ;
max-height: 60px ;
right: 0px ;
padding: 20px 5px 8px 10px ;
visibility: visible ;
transform: scale(0.9) ;
transform-origin: top right ;
overflow: hidden ;
overflow-y: auto ;
opacity: 1 ;
z-index: 500000 ;
}
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li:not(.divided-bottom):not(.extended-exif) {
display: inline-block ;
position: relative ;
vertical-align: middle ;
height: 22px ;
width: 128px ;
border-radius: 5px ;
border: 1px solid gold ;
}
/* EXIF NAME */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 li .exif-name {
display: inline-block ;
float: left ;
width: 255px ;
height: 20px ;
margin-bottom: -4px ;
font-size: 12px ;
overflow: hidden ;
}
/* EXIF VALUE */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 li .exif-value {
display: inline-block ;
float: left ;
width: 255px ;
height: 15px ;
margin-bottom: 6px ;
font-size: 10px ;
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.extended-exif ,
.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: 20px ;
margin-bottom: 1px ;
}
/* CAMERA */
.exif-column-1 .c-charm-item-camera.divided-bottom > .exif-row {
margin-bottom: 8px ;
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 {
width: 275px ;
height: 20px ;
margin-bottom: 1px ;
}
.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: 250px ;
margin-bottom: 9px ;
margin-left: 0px ;
}
.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: 15px ;
margin-left: -30px ;
}
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li .exif-item.full-width {
width: 280px ;
}
.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-bottom: 10px ;
margin-left: 0px ;
text-align: center ;
}
.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-bottom: 1px ;
}
.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: 15px ;
max-height: 15px ;
width: 100% ;
min-width: 25px ;
max-width: 25px ;
left: 35px ;
border-radius: 3px ;
padding: 1px 0 ;
visibility: visible ;
transform: scale(0.8) ;
background-position: 50% 50% ;
background-repeat: no-repeat ;
background-size: contain ;
background-color: peru !important;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1:hover > li.c-charm-item-camera .ui-illustration-camera {
left: 0px ;
}
/* LENS */
.c-charm-item-lens.full-width .exif-row {
height: 15px ;
line-height: 15px ;
color: gold !important;
}
/* FLASH */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 li.c-charm-item-flash span{
line-height: 10px ;
font-size: 10px ;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 li.c-charm-item-flash i {
height: 22px ;
width: 20px ;
margin-right: 5px ;
}
/* EXIF EXT ITEMS - 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;
}
/* Show EXIF BUT */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1:hover li.extended-exif two-up {
position: absolute ;
width: 198px ;
left: 8px ;
top: 13px ;
padding-left: 70px ;
text-align: left ;
border: 1px solid green !important;
}
/* Show EXIF BUTTON - SHOW/ HIDE more EXIF */
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.extended-exif {
position: relative ;
display: inline-block ;
vertical-align: middle ;
width: 270px ;
text-align: center ;
border-radius: 5px ;
border: 1px solid red ;
}
/* MORE EXIF ITEMS */
.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 {
min-width: 270px ;
height: auto ;
min-height: 30px ;
text-align: center ;
border: 1px solid aqua ;
}
/* PHOTO - 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: peru !important;
}
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-flash-on {
margin-top: 1px ;
}
/* PHOTO - PB MAP - CONT - ==== */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 {
position: absolute ;
display: inline-block ;
float: none ;
width: 245px ;
height: 20px ;
top: 10px ;
right: 15px ;
z-index: 5 ;
visibility: visible ;
}
/* HOVER */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover {
z-index: 50 ;
}
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location {
height: 48px ;
width: 260px ;
margin-top: -2px ;
background: #333 !important;
}
/* ADD YOUR PHOTO TO THE MAP - === */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .empty {
display: inline-block ;
height: 44px ;
width: 258px ;
overflow: hidden ;
border: 1px solid gray ;
}
.photo-charm-exif-scrappy-view .c-charm-item-location > .empty .empty-map {
position: absolute ;
height: 96% ;
width: 100% ;
top: 1px ;
left: -1px ;
opacity: 0.5 ;
z-index: 0;
background-position: right center ;
background-size: 50% auto ;
background-color: #333;
}
.photo-charm-exif-scrappy-view .c-charm-item-location > .empty a.add-location {
position: absolute;
display: inline-block;
height: 34px ;
line-height: 16px ;
width: 128px ;
top: 0 ;
left: 0 ;
margin-top: 0 ;
padding: 5px ;
z-index: 300 ;
opacity: 1 ;
color: gold !important;
background: #222;
}
/* (new136) MAP - TXT LOCAT CONT */
.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: 100% ;
height: 40px ;
line-height: 10px ;
right: -15px ;
top: -6px ;
padding: 2px 7px 5px 7px ;
text-align: right ;
overflow: hidden ;
z-index: 1 ;
}
/* HOVER - MAP LOCA/MAP INDI GOOGLE or 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 ;
}
/* MAP - LOCATION TXT */
.photo-charm-exif-scrappy-view .c-charm-item-location > .location-data-container:nth-child(2) a:not(.foursquare-venue) {
width: 250px ;
height: auto ;
line-height: 15px ;
margin: -3px 5px 0 0px ;
text-align: right ;
text-indent: 10px ;
}
/* PHOTO - MAP - LOCALISATION DATA - for FLICKR MAP on HOVER - Cf GM "STIG" - === */
.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container:last-of-type > a[href^="https://www.flickr.com/search/?"] {
float: left ;
font-size: 15px ;
}
.photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container:last-of-type > a[href^="https://www.flickr.com/search/?"]:before {
content: "Flckr Map" ;
position: fixed ;
display: inline-block ;
width: 75px ;
height: 15px ;
line-height: 15px ;
top: 255px ;
right: 165px ;
padding: 0 2px 0 12px ;
border-radius: 5px 5px 0 0 ;
text-align: center ;
font-size: 10px ;
background-image: url('https://i.imgur.com/M9ccQMOl.jpg') ;
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 {
color: white ;
opacity: 1 ;
background-color: red !important;
}
/* (new134) MAP - FLICKR - MAP PB deferd - */
.photo-charm-exif-scrappy-view .c-charm-item-location .map-container {
display: inline-block ;
margin-top: -11px ;
margin-left: 2px ;
transform: scale(0.15) ;
transform-origin: center left ;
z-index: 500000 ;
overflow: visible ;
}
.photo-charm-exif-scrappy-view .c-charm-item-location .bullseye::before {
background-color: rgba(0, 0, 0, 0.1) ;
border: 1px solid red ;
}
.photo-charm-exif-scrappy-view .c-charm-item-location .map-container:before {
content: "🌎" ;
position: fixed ;
display: inline-block ;
height: 15px ;
line-height: 15px ;
width: 20px ;
margin-left: -74px ;
top: 39px ;
border-radius: 42% ;
text-align: center ;
transform: scale(6) ;
transform-origin: center center ;
font-size: 15px ;
z-index: 500000000 ;
color: white ;
background: red ;
}
.photo-charm-exif-scrappy-view .c-charm-item-location .map-container:hover:before {
content: "⭕" ;
height: 20px ;
line-height: 20px ;
width: 20px ;
margin-left: -22px ;
top: 80px ;
text-align: center ;
transform: scale(1) ;
font-size: 10px ;
color: red ;
background: yellow ;
}
.photo-charm-exif-scrappy-view .c-charm-item-location .map-container:hover {
position: fixed ;
margin-top: -55px ;
transform: scale(1) ;
z-index: 5000000 ;
}
/* MAP - FLICKR - ICON indicator - */
.sub-photo-right-view > .photo-charm-exif-scrappy-view:not(:hover) .exif-column-2 .c-charm-item-location > .location-data-container:nth-child(2)::after {
content: " ";
position: fixed ;
display: inline-block ;
height: 14px;
width: 14px;
line-height: 15px;
right: 233px;
top: 234px;
border: 1px solid #cfd6d9;
border-radius: 3px;
color: red;
font-size: 10px ;
text-align: center ;
background: url(https://combo.staticflickr.com/pw/images/dot_splat.png) no-repeat ;
background-size: cover ;
z-index: 5000000 ;
transform: scale(0.8) ;
}
/* (new137)FOUR SQUARE */
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .location-data-container:nth-child(2) a.foursquare-venue {
position: fixed ;
display: inline-block ;
width: 15px ;
height: 15px ;
right: 267px ;
top: 206px ;
font-size: 0 ;
transform: scale(0.7) ;
}
/* PHOTO - COMMMENT FORM - SHORT */
.sub-photo-comments-view .comments-form {
position: fixed ;
width: 230px ;
height: 70px ;
margin: 15px 10px 0 0 ;
right: 270px ;
top: 138px ;
opacity: 1 ;
visibility: visible ;
z-index: 100 ;
pointer-events: none ;
background: transparent !important;
}
.sub-photo-comments-view .comments-form:hover {
right: -5px ;
width: 505px ;
}
.comments-form .comment-icon.circle-icon {
position: absolute ;
display: inline-block ;
height: 32px ;
width: 32px ;
top: 0px ;
left: -8px ;
overflow: hidden ;
opacity: 1 ;
z-index: 0 ;
}
/* PHOTO - COMMENT - comment-form-field - NOT HOVER */
.sub-photo-comments-view .comments-form .comment-form-field {
display: inline-block ;
height: 100% ;
min-height: 71px ;
max-height: 71px ;
width: 185px ;
left: 55px ;
margin-left: 1px ;
pointer-events: auto ;
transition: width 5s ease ;
background: #222 !important;
}
/* FOCUSED */
.sub-photo-comments-view .comments-form .comment-form-field.comment-text-focused {
box-shadow: 0 0 0 1px #4C4D4E inset ;
}
/* PHOTO - COMMENT -comment-form-field - HOVER */
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field:hover {
width: 370px ;
transition: width ease 0.7s ;
}
/* (new136) PHOTO - CO - textarea NOT HOVER */
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea:not(.false-comment-content) {
position: relative;
display: inline-block ;
height: 100% ;
min-height: 69px !important;
max-height: 69px !important;
width: 183px ;
left: 1px ;
top: 1px ;
padding: 5px 5px ;
-moz-appearance: none ;
-webkit-appearance: none ;
border-radius: 3px ;
transition: width ease 5s ;
}
/* (new131) PHOTO - COMMENT - textarea HOVER */
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field:hover textarea {
transition: width 0.7s ease 0s ;
width: 368px ;
}
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field.comment-text-focused:hover 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):hover {
width: 368px ;
transition: width 0.7s ease ;
}
/* PHOTO - COMMENT BUTTON - === */
.sub-photo-comments-view button.comment {
position: fixed ;
display: inline-block ;
width: 140px ;
height: 20px ;
padding: 0 3px ;
right: 303px ;
top: 215px ;
margin: 15px 10px 0 0 ;
opacity: 0.4 ;
visibility: visible ;
z-index: 500 ;
transition: all ease 0.7s ;
}
.sub-photo-comments-view button.comment:hover {
opacity: 1 ;
}
/* (new131) COMM EMOJI */
.sub-photo-comments-view .emoji-picker-view {
width: 20px ;
height: 20px ;
margin-left: 152px ;
}
.sub-photo-comments-view .emoji-picker-view div.new-comment-features {
height: 20px ;
line-height: 27px ;
padding: 2px 6px ;
}
.sub-photo-comments-view .emoji-picker-view div.new-comment-features .flimoji-icon-wrapper {
height: 20px ;
}
svg.icon {
display: inline-block ;
fill: currentcolor ;
height: 15px ;
width: 15px ;
}
.sub-photo-comments-view .with-emoji-picker .view.emoji-picker-view .emoji-area .attach-to-input {
width: 30px ;
height: 22px ;
margin-top: -10px ;
overflow: hidden ;
cursor: pointer ;
opacity: 0 ;
}
.sub-photo-comments-view .with-emoji-picker .view.emoji-picker-view .emoji-area .attach-to-input:hover {
width: 225px ;
height: 180px ;
opacity: 1 ;
}
.with-emoji-picker .attach-to-input .grid-wrapper li.emoji-header {
height: 22px ;
padding: 2px ;
text-align: center ;
background-color: black !important;
}
.with-emoji-picker .attach-to-input .grid-wrapper .search-menu.flimoji-grid-container {
max-height: 103px ;
padding: 3px ;
background-color: #333 !important;
}
.with-emoji-picker .attach-to-input .grid-wrapper .search-menu.flimoji-grid-container .flimoji-grid-item {
border: 0.5px solid #222 ;
background-color: transparent;
}
.with-emoji-picker .attach-to-input .grid-wrapper li.no-emoji-results {
height: 20px ;
padding-top: 3px ;
background-color: #333 !important;
}
.with-emoji-picker img.flimoji {
color: transparent !important;
}
.with-emoji-picker .attach-to-input .flimojis-search-wrapper {
padding: 5px 10px ;
border-top: 0.8px solid gray !important;
background-color: #333 !important;
}
/* PHOTO - GROUPS : .view.sub-photo-groups-view */
.sub-photo-right-view > .sub-photo-contexts-view {
margin-top: 127px ;
}
.sub-photo-contexts-view .sub-photo-context {
border-top: none ;
position: relative;
}
.sub-photo-contexts-view .sub-photo-context h5 {
position: relative ;
display: inline-block ;
line-height: 24px ;
top: 20px ;
margin-top: 4px ;
font-size: 16px ;
z-index: 50000 ;
}
/* PHOTO - ADD TO - POOL/ALBUM/GALLERY */
.sub-photo-contexts-view .sub-photo-context a.add-to {
position: absolute ;
right: 5px ;
margin-top: 21px ;
font-size: 14px ;
}
/* PHOTO - CONTEXT LIST - ALL - === */
.sub-photo-contexts-view .sub-photo-context ul.context-list {
position: relative ;
margin-top: 10px ;
width: 505px ;
max-height: 200px ;
padding: 2px 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: 638px ;
width: 505px ;
margin-top: 10px ;
padding-right: 7px ;
overflow-x: hidden ;
overflow-y: auto ;
}
.sub-photo-contexts-view .sub-photo-context .context-list li {
position: relative ;
display: inline-block ;
float: none ;
width: 230px ;
height: 60px ;
margin: 0 0 2px ;
padding: 6px ;
border-radius: 3px ;
overflow: hidden;
transition: opacity 300ms ease-out 0s, background-color 0.2s ease-in-out 0s ;
border: 1px solid gray ;
}
.sub-photo-contexts-view .sub-photo-context .context-list li:hover {
background: #222 !important;
}
/* ALBUMS LIST */
.sub-photo-contexts-view .sub-photo-context-albums ul.context-list:hover {
max-height: 338px !important;
}
/* PHOTO - CONTEXT LIST - POOLS */
.sub-photo-groups-view {
margin-top: -25px ;
margin-bottom: 13px ;
}
.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;
}
/* PHOTO - MY ALBUM EMPTY - === */
.sub-photo-contexts-view .sub-photo-context.empty {
width: 500px ;
height: 14px ;
line-height: 14px ;
margin-bottom: 13px ;
margin-top: 30px ;
padding: 2px 3px ;
text-align: left ;
border: 1px dotted green ;
}
/* PHOTO - CONTEXT LIST - ALBUMS */
.view.sub-photo-albums-view {
margin-top: -35px ;
}
.sub-photo-contexts-view .sub-photo-context.empty p:last-child {
margin-top: 0;
text-align: right;
}
.sub-photo-contexts-view .view.sub-photo-albums-view .context-list {
min-height: 76px ;
max-height: 76px ;
margin-top: 10px ;
overflow-x: hidden ;
overflow-y: auto ;
}
/* (new136) PHOTO - CONTEXT LIST - GAL */
.view.sub-photo-galleries-view:not(.empty) {
margin-top: -35px ;
margin-bottom: 20px ;
}
.view.sub-photo-galleries-view:not(.empty) ul.context-list {
position: relative ;
width: 505px ;
min-height: 76px ;
max-height: 76px ;
margin-top: 10px;
margin-bottom: -22px ;
padding: 2px 0 0 1px ;
overflow-x: hidden ;
overflow-y: auto ;
}
.view.sub-photo-galleries-view ul.context-list:hover {
max-height: 300px !important;
margin-top: 10px;
}
/* PHOTO - CONTEXT LIST - POLL LIST - POOL ACCEPT INVIT BUTTON - === */
.sub-photo-contexts-view .sub-photo-context .context-list li button.accept-invite {
display: inline-block ;
vertical-align: top;
height: 15px ;
line-height: 14px ;
min-width: 80px ;
padding: 0 20px ;
transition: background-color 150ms ease-in-out 0s ;
opacity: 0.4 ;
}
.sub-photo-contexts-view .sub-photo-context .context-list li button.accept-invite:hover {
transition: background-color 150ms ease-in-out 0s , opacity ease 0.7s !important;
opacity: 1 !important;
}
/* PHOTO - CONTEXT LIST - DELETE IMAGE - ALL POOLS - remove - === */
.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: 8px ;
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 ;
}
/* PHOTO - CONTEXT LIST - REMOVE INVITE - ALL POOLS - .cancel-invite - === */
.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: 18px ;
border-radius: 10px ;
font-size: 0px ;
z-index: 8500 ;
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 ;
}
/* PHOTO - CONTEXT LIST - VIEW MORE - POOLS */
.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: 258px ;
right: 505px ;
padding: 3px ;
border-radius: 10px ;
font-size: 0px ;
cursor: pointer ;
z-index: 5000 ;
}
.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: 18px ;
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 ;
}
/* PHOTO - PERSO - MY POOLS INDICATORS - CF SEPARATE USERSTYLES - ==== */
/* PHOTO - POOLS / GALLERIES - EMPTY */
/* ALL EMPTY */
.sub-photo-contexts-view .sub-photo-context.empty p:first-child {
margin-top: -5px ;
margin-bottom: -24px ;
}
.sub-photo-contexts-view .sub-photo-context.empty a.add-to {
margin-top: 21px ;
right: 5px ;
}
/* (new137) PHOTO - POOL EMPTY */
.sub-photo-contexts-view .sub-photo-context-groups.empty {
display: inline-block ;
width: 483px ;
height: 15px ;
line-height: 15px ;
margin-left: -2px ;
margin-top: 38px ;
margin-bottom: 20px ;
padding: 1px 10px ;
text-align: left ;
z-index: 10 ;
border: 1px solid green !important;
}
.sub-photo-contexts-view .sub-photo-context-groups.empty p:last-child {
position: absolute ;
display: inline-block ;
height: 100% ;
line-height: 15px ;
max-height: 17px ;
min-height: 17px ;
width: 100% ;
min-width: 100px ;
max-width: 100px ;
margin-top: 4px ;
right: 0px ;
visibility: visible ;
}
.sub-photo-contexts-view .sub-photo-context-groups.empty a.add-to {
display: inline-block ;
margin-top: 0px ;
right: 5px ;
}
/* GALLERIES - EMPTY */
.sub-photo-contexts-view .sub-photo-context-galleries.empty {
display: inline-block ;
height: 15px ;
width: 483px ;
margin-top: 25px ;
margin-left: -2px ;
margin-bottom: 4px ;
padding: 1px 10px ;
text-align: left ;
border: 1px solid gray ;
}
.sub-photo-contexts-view .sub-photo-context-galleries.empty p:last-child {
position: absolute ;
display: inline-block ;
height: 100% ;
min-height: 15px ;
max-height: 15px ;
line-height: 15px ;
width: 100% ;
max-width: 100px ;
min-width: 100px ;
right: 0px ;
margin-top: 4px ;
visibility: visible ;
}
/* PHOTO - ADDITIONAL INFOS - === */
.view.sub-photo-additional-info-view:not(:empty) {
display: inline-block ;
height: auto ;
width: 493px ;
margin-top: 10px ;
margin-left: -3px ;
padding: 5px 4px ;
border-radius: 5px ;
border: 1px solid gray ;
}
.view.sub-photo-additional-info-view:empty {
display: inline-block ;
height: auto ;
width: 480px ;
margin-top: 11px ;
padding: 5px 10px ;
border-radius: 5px ;
}
.additional-info > h3 {
position: relative ;
display: inline-block ;
width: 480px ;
margin-bottom: -2px ;
margin-top: 0px ;
top: -5px ;
}
.sub-photo-additional-info-view .additional-info > li {
position: relative ;
display: inline-block ;
width: auto ;
min-width: 116px ;
max-width: 117px ;
vertical-align: bottom ;
height: 100% ;
min-height: 27px ;
max-height: 27px ;
line-height: 20px ;
margin-top: -5px ;
cursor: pointer ;
border-radius: 50px 0 0 50px ;
border: 1px solid gray ;
}
.sub-photo-additional-info-view li i {
line-height: 18px ;
border-radius: 100% ;
transform: scale(0.8) ;
border: 2px solid rgba(194, 188, 188, 0.67) ;
}
.sub-photo-additional-info-view li > span:last-of-type ,
.feedback-container {
position: relative ;
display: inline-block ;
width: 80px ;
line-height: 14px ;
text-align: left ;
color: gray !important;
}
/* PHOTO - ADDITIONAL INFOS - NORMALS + EDITING - SUPP INFO LABELS - === */
.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 {
position: absolute ;
display: inline-block ;
width: 135px ;
margin-top: 0px ;
margin-left: -45px ;
border-radius: 5px ;
font-size: 10px ;
text-align: center ;
opacity: 0 ;
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 span.privacy-label {
margin-top: -24px ;
opacity: 1 ;
transition: all ease 0.7s ;
color: gold !important;
border: 1px solid gray ;
background: #333 !important;
}
/* PHOTO - ADDITIONAL INFOS - NORMALS + EDITING - DROPDOWN INFO LABELS - === */
.sub-photo-additional-info-view .ui-dropdown > .truncate {
position: relative ;
display: inline-block ;
float: right ;
width: 73px ;
vertical-align: middle ;
height: 100% ;
min-height: 27px ;
max-height: 27px ;
line-height: 12px ;
top: 0px ;
left: -2px ;
margin-right: 0px ;
font-size: 11px ;
white-space: normal ;
word-wrap: normal ;
}
/* PHOTO - PRIVACY ICONS - PUBLIC - === */
.sub-photo-additional-info-view .c-charm-item-privacy i.ui-icon-tiny-privacypublic {
height: 16px ;
width: 15px ;
margin-left: 1px ;
margin-top: 1px ;
padding: 2px ;
opacity: 0.35 ;
border: 2px solid green !important;
background: rgba(0, 0, 0, 0)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: rgba(0, 0, 0, 0)url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png) no-repeat scroll -198px -34px ;
border: 2px solid red !important;
}
/* SAFE */
.sub-photo-additional-info-view i.ui-icon-tiny-safety-0 {
height: 17px ;
width: 17px ;
margin-left: 0px ;
margin-top: 2px ;
text-align: center ;
opacity: 0.6 ;
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png") no-repeat scroll -199px -82px ;
border: 3px solid green !important;
}
/* MOD */
.sub-photo-additional-info-view i.ui-icon-tiny-safety-1 {
height: 16px ;
width: 16px ;
margin-left: 0px ;
margin-top: 0px ;
padding: 2px 2px 2.5px 2px ;
opacity: 0.7 ;
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png") no-repeat scroll -154px -149px ;
border: 3px 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: rgba(0, 0, 0, 0) 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 {
height: 17px ;
width: 17px ;
margin-left: 0px ;
margin-top: 1px ;
padding: 2px 2px 2.5px 2px ;
opacity: 0.6 ;
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png") no-repeat scroll -198px -34px ;
border: 2px solid red !important;
}
/* FLAG */
.sub-photo-additional-info-view i.ui-icon-tiny-flag-photo {
height: 15px ;
width: 15px ;
margin-top: 2px ;
margin-right: 15px ;
padding: 2px 2px 2.5px 2px ;
opacity: 0.35 ;
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png") no-repeat scroll -169px -118px ;
background-color: white !important;
border: 2px solid yellow !important;
}
.sub-photo-additional-info-view li .flag-photo i.ui-icon-tiny-flag-photo + span:visited ,
.sub-photo-additional-info-view li .flag-photo i.ui-icon-tiny-flag-photo + span {
display: inline-block ;
position: relative ;
top: 3px ;
font-size: 14px ;
color: gray !important;
}
/* PRIV LABELS */
.safety-value ,
.privacy-value ,
.flag-label ,
.sub-photo-additional-info-view i.ui-icon-tiny-safety-1 + span + .safety-value ,
.sub-photo-additional-info-view i.ui-icon-tiny-safety-0 + span + .ui-dropdown span.truncate ,
.sub-photo-additional-info-view i.ui-icon-tiny-safety-1 + span + .ui-dropdown span.truncate ,
.sub-photo-additional-info-view i.ui-icon-tiny-safety-2 + span + .ui-dropdown span.truncate ,
.sub-photo-additional-info-view i.ui-icon-tiny-commentPermission0 + span + .ui-dropdown span.truncate ,
.sub-photo-additional-info-view i.ui-icon-tiny-metaPermission0 + span + .ui-dropdown span.truncate ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfamily + span + .ui-dropdown span.truncate ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriends + span + .ui-dropdown span.truncate ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyprivate + span + .ui-dropdown span.truncate ,
.sub-photo-additional-info-view .c-charm-item-privacy i.ui-icon-tiny-privacypublic + span + .ui-dropdown span.truncate ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriendsandfamily ~ .safety-value ,
.sub-photo-additional-info-view i.ui-icon-tiny-safety-2 ~ .safety-value ,
.sub-photo-additional-info-view .c-charm-item-privacy i.ui-icon-tiny-privacypublic ~ .privacy-value {
min-height: 18px ;
max-height: 18px ;
line-height: 15px ;
top: 5px ;
}
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriendsandfamily + span + span.privacy-value{
min-height: 18px ;
max-height: 18px ;
line-height: 10px ;
top: 3px ;
}
/* PHOTO - ADD INFOS - EDIT - ICONS - === */
/* 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 {
height: 21px ;
width: 21px ;
margin-left: -1px ;
margin-top: -1px ;
padding: 2px 2px 2.5px 2px ;
opacity: 0.6 ;
background-image: url(https://s.yimg.com/uy/build/images/cameraroll/cameraroll-1x-s12605cfbb7.png) ;
background-position: 1px -173px ;
border: 2px solid green !important;
}
/* PHOTO - TAGS + TAG EMPTY - CONT */
.sub-photo-tags-tag-view.empty {
visibility: hidden ;
}
.sub-photo-tags-tag-view.empty a.show-add-tags{
display: inline-block ;
width: 180px ;
height: 45px ;
line-height: 25px ;
visibility: visible ;
background: #333! important;
}
.sub-photo-tags-tag-view.empty a.show-add-tags:hover {
display: inline-block ;
height: auto ;
width: 180px ;
background-color: red ;
outline: 1px solid violet ;
}
.sub-photo-tags-tag-view {
position: fixed ;
display: inline-block ;
float: none ;
min-width: 90px ;
max-width: 90px ;
height: 45px ;
right: -20px ;
bottom: -19px ;
padding: 0 5px 0 5px ;
border-bottom: none ;
border-top: none ;
border-radius: 5px 5px 0 0 ;
}
.sub-photo-tags-tag-view:hover {
height: auto ;
min-width: 490px ;
max-width: 490px ;
z-index: 50000000 ;
}
.sub-photo-tags-tag-view:hover {
margin-bottom: 18px ;
}
/* PHOTO - 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-contexts-view .sub-photo-context-groups .context-list li .thumbnail {
border-radius: 0 ;
}
.sub-photo-view .circle-icon {
border-radius: 0 ;
}
.sub-photo-view .circle-icon img {
border-radius: 0!important;
}
/* ==== NEW PHOTO === END ==== */
/* == START == NEW PHOTO - COLOR ==== */
/* LINK + VISITED + VISITER HOVER - === */
a {
color: peru !important;
text-decoration: none !important;
}
a:hover,
a:visited:hover {
color: #B9D56E !important;
text-decoration: none !important;
background-color: transparent !important;
}
a:active {
background-color: transparent !important;
color: #CC0000 !important;
text-decoration: none !important;
}
a:visited {
color: TAN !important;
}
/* LINKS /TXT COLORS */
.additional-info > h3 ,
.view.sub-photo-additional-info-view:empty ,
.view.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 ;
}
/* STYLE 1 == END == FLICKR - 1 - NEW - Flickr Widescreen - NEW Photo Page + NOTES ==== */
/* STYLE 2 === START == FLICKR - 2 - NEW - Flickr Widescreen - FLUID BETA ==== */
/* FLUID - GENERAL - === */
.fluid.scrolling-layout {
overflow: hidden !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;
}
/* FLUID - SEARCH PAGES - === */
/* FLUID - SEARCH PAGES - PEOPLE/ POOLS - === */
.result-card .button-content ,
.fluid.html-search-people-page-view .result-card .button-content {
position: absolute;
display: inline-block;
width: 107px !important;
left: -19px !important;
top: 60px !important;
border-radius: 2px 2px 5px 5px !important;
transform: scale(0.65) !important;
z-index: 2;
}
.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;
}
.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 NAVBAR - === */
.fluid.html-groups-list-page-view .fluid-subnav-shim {
height: 0 ;
margin-bottom: 6px ;
}
/* FLUID - BETA - POOL RECOMMENDED */
.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 ;
}
/* FLUID - POOL TOPIC - ==== */
.fluid.html-group-discussion-page-view .main.centered-content {
margin-top: 42px;
}
.fluid .group-discussion-topic-view .message-text,
.fluid .group-discussion-topic-view .preview-block {
line-height: 18px !important;
}
/* NEW ABOUT - FOLLOW BUTTON */
.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 ;
}
/* FLUID - POOL TOPIC - BR - REDUCE HEIGHT SPACE - WORKING - === */
.fluid .group-discussion-topic-view .message-text>br {
content: "A" !important;
display: block !important;
margin-bottom: 4px !important;
}
/* FLUID - TAGS PAGES - === */
.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;
}
/* FLUID BETA - POOL - PENDING MEMBERS PAGE - === */
.fluid .view.group-members-admins-view {
margin-top: 48px !important;
color: peru !important;
}
/* FLUID BETA - POOL TOP NAV BAR - === */
.fluid.html-group-pool-page-view .view.group-pool-page-view .view.fluid-magic-groups-subnav-view {
position: fixed;
display: inline-block;
height: 50px;
width: 100% !important;
top: 0px;
z-index: 1 !important;
background-color: rgba(45, 43, 43, 0.9) ;
}
.fluid.html-group-pool-page-view .view.group-pool-page-view .view.fluid-magic-groups-subnav-view + .fluid-centered.with-fluid-subnav {
width: 100%;
max-width: 1900px;
min-height: 100%;
min-width: 1900px;
padding-left: 0;
padding-right: 0;
}
.fluid.html-group-pool-page-view .view.group-pool-page-view .groups-toolbar-content {
margin-top: 0 !important;
}
.fluid.html-group-discussions-list-page-view .view.groups-toolbar-view .groups-toolbar-content ,
.fluid.html-group-pool-page-view .view.group-pool-page-view .view.fluid-magic-groups-subnav-view + .fluid-centered.with-fluid-subnav .view.group-pool-subheader-view {
height: 105px ;
margin-top: 0px ;
border-bottom: 1px solid gray ;
}
/* FLUID - TOP HEADER - INFO - ALL - === */
.view.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;
width: 180px !important;
height: auto !important;
left: 10px !important;
top: -77px !important;
margin-top: 130px !important;
padding-top: 0px !important;
background-attachment: scroll;
background-position: 50% 50%;
background-size: cover !important;
}
.fluid .view.group-blast-view.requiredToShowOnServer {
margin-top: 46px;
padding: 5px 20px !important;
}
html.fluid.scrolling-layout #content .coverphoto-content.fluid-centered {
position: relative !important;
display: inline-block !important;
height: 67px;
width: 100% !important;
min-width: 1470px !important;
top: 0px !important;
left: 185px !important;
margin: 0 auto !important;
padding: 3px 50px 5px 5px !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;
text-decoration: none !important;
}
/* FLUID - CAMERAROLL - TOP HEAD - INFO - === */
.html-cameraroll-page-view .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 ;
}
.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;
}
/* (new149) FLUID - TOP HEAD - PHOTO - 5 MATCHS - ALL - PHOTO / POLL BETA HOME - - === */
html.fluid.html-group-home-page-view.scrolling-layout #content[style="padding-bottom: 111px;"] {
display: inline-block !important;
width: 100% !important;
height: auto !important;
padding-bottom: 151px !important;
}
html.fluid.html-group-pool-page-view.scrolling-layout #content .fluid-centered.with-fluid-subnav ,
html.fluid.html-group-home-page-view.scrolling-layout #content .main.fluid-centered,
html.fluid.html-photo-page-scrappy-view.scrolling-layout #content .fluid-centered {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
min-height: 100% !important;
left: 0 !important;
right: 0 !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
/* FLUID - TOP HEADER - ALBUM / SET */
.album-page-view .album-toolbar-view > .album-toolbar-content > .story {
background: rgba(0, 0, 0, 0) url("https://s.yimg.com/ap/build/images/sprites/icons-9441054a.png") no-repeat scroll -459px -447px !important;
height: 16px;
width: 16px;
}
/* FLUID - TOP HEADER - CAMERAROLL - === */
.cameraroll-page-view .height-controller {
padding: 0 0 0 150px ;
}
/* FLUID - TOP HEADER + THUMBNAIL - ALL - === */
.fluid .title-block-content {
display: inline-block !important;
height: 50px !important;
margin-top: -57px !important;
padding-left: 70px !important;
}
.fluid .coverphoto-content .title-block-content .title {
height: 50px !important;
}
.fluid .coverphoto-content .title-block-content .title h1 {
display: inline-block;
height: 50px !important;
line-height: 50px !important;
margin-top: -10px !important;
font-size: 22px !important;
}
.fluid .coverphoto-content .send-flickr-mail {
min-width: 31px ;
margin-top: 0 !important;
padding: 0px ;
}
.fluid .coverphoto-content .title-block-content .group-statistics {
display: inline-block !important;
float: left !important;
height: 20px !important;
margin-top: 0px !important;
}
.fluid.html-group-pool-page-view .group-pool-subheader-view h2 {
position: relative !important;
float: right ;
margin-top: 64px ;
right: 10px ;
}
.with-fluid-subnav .group-pool-subheader-view > .at-right,
.group-pool-subheader-view .at-right {
top: 12px !important;
right: 70px !important;
}
.fluid.html-group-pool-page-view .with-fluid-subnav .group-pool-subheader-view > .butt {
margin-top: 65px !important;
margin-left: 990px !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;
}
/* FLUID - TOP HEAD - MAGIC TOOL - CONTAINER - ALL - === */
.fluid .fluid-magic-tools-view {
position: relative;
height: 1px !important;
width: 100%;
top: -55px !important;
}
/* FLUID - TOP HEAD - USER INFO - SECONDY TOOL CONTAINER - 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;
}
/* FLUID - TOP HEAD - FLUID MAGIC TOOL - STREAM/FAVORIS - (with TOP PAGI) - === */
/* FLUID - 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;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view {
width: 120px ;
left: 800px ;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view .fluid-magic-toolbar ,
.fluid.html-photostream-page-view .fluid-magic-tools-view .fluid-magic-toolbar {
-moz-box-pack: unset;
display: inline-block !important;
justify-content: unset;
position: relative;
max-width: 100%;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools ,
.fluid.html-photostream-page-view .view.photostream-filter-tools-view.primary-tools ,
.fluid.html-photostream-page-view .fluid-magic-tools-view .secondary-tools {
float: none !important;
height: 30px !important;
top: 0px !important;
}
.fluid.html-photostream-page-view .view.photostream-filter-tools-view.primary-tools {
height: 20px !important;
margin-left: 5px;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools ,
.fluid.html-photostream-page-view .fluid-magic-tools-view .secondary-tools {
display: inline-block !important;
height: 30px !important;
width: 200px !important;
left: 90px !important;
}
.fluid.html-photostream-page-view .fluid-magic-tools-view .secondary-tools {
width: 220px !important;
left: 800px !important;
top: -20px !important;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools {
width: 120px !important;
left: -20px !important;
top: -15px !important;
}
/* FLUID - 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;
}
/* FLUID - TOP HEAD - MAGIC TOOL - STREAM/FAV - (with TOP PAGI) - === */
.fluid.html-favorites-page-view .fluid-magic-tools-view ,
.fluid.html-photostream-page-view .fluid-magic-tools-view {
position: fixed !important;
height: 30px !important;
top: 32px !important;
z-index: 5000 !important;
background: transparent !important;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view {
width: 120px !important;
left: 800px !important;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view .fluid-magic-toolbar ,
.fluid.html-photostream-page-view .fluid-magic-tools-view .fluid-magic-toolbar {
display: inline-block !important;
justify-content: unset !important;
position: relative !important;
max-width: 100% !important;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools ,
.fluid.html-photostream-page-view .view.photostream-filter-tools-view.primary-tools ,
.fluid.html-photostream-page-view .fluid-magic-tools-view .secondary-tools {
float: none !important;
height: 30px !important;
top: 0px !important;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools ,
.fluid.html-photostream-page-view .fluid-magic-tools-view .secondary-tools {
display: inline-block !important;
height: 30px !important;
width: 200px !important;
left: 90px !important;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools {
width: 110px !important;
left: 620px !important;
top: -15px !important;
}
/* FLUID - 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;
}
/* FLUID - TOP HEAD - STREAM - MAGIC - FILTERS - (cf GM "STIG")- SORT by photostream - === */
.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 .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;
}
.fluid.html-photostream-page-view .fluid-magic-tools-view .secondary-tools {
width: 220px !important;
left: 800px !important;
top: -35px !important;
}
.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;
}
.fluid-magic-tools-view .primary-tools .dropdown-link.filter-view:last-of-type {
top: 0px !important;
margin-right: 0px !important;
left: 0px !important;
}
.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;
}
/* FLUID - TOP HEADER - POOL HOME - OVERVIEW - BLAST INFO ADMIN- === */
.fluid.html-group-home-page-view .group-blast-view > .blast-block {
margin-bottom: 10px;
margin-top: 50px;
padding: 5px 30px;
}
/* FLUID - BETA POOL - HOME PAGE - === */
.html-group-home-page-view .with-fluid-subnav .group-pool-preview-view h2 {
width: 100% ;
height: 36px ;
margin-top: 47px ;
}
.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: relative ;
display: inline-block ;
float: right ;
right: 30px;
margin-top: -37px;
}
/* FLUID - POOL BETA - PEND MEMB / PHOT - === */
.fluid.html-group-home-page-view .notification-block.move-to-top {
position: absolute;
display: inline-block;
width: 400px;
right: 0px;
margin-top: 165px;
padding: 0;
border: none ;
background: transparent !important;
}
.fluid.html-group-home-page-view .view.group-home-page-view .with-fluid-subnav >.notification-block.move-to-top:nth-child(odd) {
margin-top: 105px;
}
.fluid .group-home-page-view .notification-block .fluid-centered {
width: 350px !important;
min-width: 350px !important;
max-width: calc(100% - 20%);
margin-left: auto;
margin-right: auto;
padding-left: 0px !important;
padding-right: 0px !important;
text-align: right !important;
}
/* FLUID - TOP HEAD - USER INFOS - CONTAINER - === */
.view.fluid-magic-subnav-view.requiredToShowOnServer {
display: inline-block !important;
}
/* STREAM - FIX SEARCH PB - cf GM "STIG" - === */
.fluid.html-photostream-page-view.scrolling-layout.yui3-js-enabled {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
left: 0px !important;
right: 0 !important;
}
.fluid.html-photostream-page-view.scrolling-layout body {
position: absolute !important;
display: inline-block !important;
width: 99.9% !important;
left: 0 !important;
right: 0 !important;
}
/* SEARCH FAVORIS - PB STIG for TOP PAGINATON(exclude on it) */
.fluid.html-favorites-page-view .view.favorites-page-view .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;
}
.fluid .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) {
float: right !important;
height: 20px !important;
margin-top: -10px !important;
margin-left: 5px !important;
}
.fluid.html-photostream-page-view .fluid-magic-tools-view .fluid-magic-toolbar .edit-link {
margin-top: -5px !important;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .view.fluid-magic-search-view.closed ,
.fluid .fluid-magic-tools-view .secondary-tools > .view.fluid-magic-search-view ,
.fluid .fluid-magic-tools-view .secondary-tools > .view.fluid-magic-search-view.closed {
position: fixed !important;
margin-left: 0px;
right: 300px !important;
top: 0 !important;
z-index: 5000000 !important;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .view.fluid-magic-search-view.closed ,
.fluid .fluid-magic-tools-view .secondary-tools > .view.fluid-magic-search-view.closed {
position: fixed !important;
margin-left: 0px;
right: 250px !important;
top: 5px !important;
z-index: 5000000 !important;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .view.fluid-magic-search-view.closed a.search-toggle span.active:before ,
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .view.fluid-magic-search-view.closed a.search-toggle span:before {
content: "Search Favorites" !important;
display: inline-block ;
height: 28px ;
line-height: 14px ;
margin-top: -26px ;
margin-left: -85px ;
padding: 0px 30px 0px 15px ;
border-radius: 5px !important;
color: aqua ;
border: 1px solid gray ;
}
.fluid.html-favorites-page-view .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;
}
.view.favorites-page-view .view.global-nav-view ul.gn-tools .search-autosuggest-field-view {
position: relative;
width: 220px;
margin-top: -5px !important;
}
.view.favorites-page-view .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.html-favorites-page-view.scrolling-layout #content .view.fluid-magic-subnav-view .fluid-subnav {
position: fixed !important;
top: 0;
left: 0px !important;
}
html.html-favorites-page-view.scrolling-layout #content {
left: 450px !important;
}
html.html-favorites-page-view.scrolling-layout #content .view.favorites-page-view {
margin-left: 0px;
}
.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;
color: transparent !important;
text-align: left !important;
white-space: nowrap !important;
cursor: default !important;
outline: none !important;
z-index: 50000000 !important;
}
/* FLUID (NO BETA??) - FAV/ALBUM - THUMB - TWEAK - for THUMB ZOOM PLUS - cf STREAM EDIT - ==== */
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view {
opacity: 0.7 !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;
}
/* (new145) VOIR NOT PHOTO STREAM - FROM FAV SMALL */
.fluid:not(.html-photostream-edit-page-view) #content .view.photo-list-view .view.photo-list-photo-view .photo-list-photo-interaction {
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 1;
}
.fluid:not(.html-photostream-edit-page-view) #content .view.photo-list-view .view.photo-list-photo-view .photo-list-photo-interaction a.overlay {
left: 0;
outline: 1px solid transparent;
border: 1px solid #222;
}
.fluid:not(.html-photostream-edit-page-view) #content .view.photo-list-view .view.photo-list-photo-view .photo-list-photo-interaction:hover .interaction-bar .text .title {
line-height: 15px;
font-size: 13px;
opacity: 1;
transition: all 0.7s ease 0s;
color: gold;
}
.fluid:not(.html-photostream-edit-page-view) #content .view.photo-list-view .view.photo-list-photo-view .photo-list-photo-interaction .interaction-bar .text .title {
line-height: 8px;
margin-top: 15px;
font-size: 8px;
opacity: 0;
transition: all 0.7s ease 0s;
color: gray;
}
.photo-list-photo-interaction .interaction-bar{
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 {
width: 100% !important;
min-width: 100% !important;
margin-bottom: -12px ;
}
.photo-list-photo-interaction .interaction-bar .text .title,
.photo-list-photo-interaction .interaction-bar .text .attribution {
display: inline-block !important;
line-height: 10px !important;
margin: 2px 0 0;
margin-bottom: 8px ;
text-align: center !important;
z-index: 2;
overflow: hidden;
text-shadow: none !important;
color: white !important;
}
.photo-list-photo-interaction .interaction-bar .text .attribution {
margin-bottom: 18px ;
}
.photo-list-photo-interaction .interaction-bar .text .title ,
.fluid.html-favorites-page-view .photo-list-photo-interaction .interaction-bar .text .title {
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 {
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;
}
/* (new145) ATTRIB */
.photo-list-photo-interaction:hover .interaction-bar .text .attribution {
display: inline-block !important;
height: 100% ;
min-width: 100% !important;
max-width: 100% !important;
margin-bottom: 15px !important;
overflow: hidden !important;
text-overflow: ellipsis;
white-space: normal !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 {
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;
}
/* (new145) */
.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;
/* margin-right: 12px; */
/* color: #fff; */
}
/* POOL NO BETA - VISITED */
.fluid.html-group-pool-page-view .view.group-pool-subheader-view:not(.requiredToShowOnServer) + .view.photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .overlay ,
.photo-list-photo-interaction a.overlay {
opacity: 1 !important;
outline: 1px solid #222 !important;
}
.photo-list-photo-interaction a.overlay:visited ,
.fluid.html-group-pool-page-view .view.group-pool-subheader-view:not(.requiredToShowOnServer) + .view.photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .overlay:visited {
outline: 1px solid green !important;
}
/* FLUID - FAVED - RED STAR - === */
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.fave.faved .engagement-icon svg.filled {
fill: red ;
}
/* FLUID - NAVBAR TOP HEADER - FIXED TOP - === */
.fluid .fluid-subnav {
position: absolute !important;
top: 0px !important;
}
.fluid .fluid-subnav.fixed {
position: fixed !important;
top: 0px !important;
z-index: 20 !important;
}
/* FLUID - 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;
}
/* FLUID - FAVORITES / FAV MY - ====*/
.html-favorites-page-view .view.fluid-magic-tools-view + .fluid-centered {
max-width: 100% !important;
margin-top: 27px;
padding: 0 10px !important;
}
.view.favorites-page-view.requiredToShowOnServer.flickr-view-root-view .view.fluid-magic-tools-view.requiredToShowOnServer + .fluid-centered {
width: 100% !important;
min-width: 1840px !important;
max-width: 1840px !important;
margin-top: -40px !important;
padding: 0 30px !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;
}
.fluid .view.group-pool-page-view.flickr-view-root-view .view.fluid-group-coverphoto-view {
border-bottom: 1px solid gray !important;
}
/* FLUID - POOL BETA ON - POOL THUMBNAIL - not POOL HOME PAGE - With Black pagination on left ??? - === */
.fluid.html-group-pool-page-view.scrolling-layout .view.photo-list-view {
display: inline-block ;
width: 96% ;
height: auto !important;
max-height: 2474px !important;
padding-top: 8px ;
padding-left: 70px ;
margin-top: 0px ;
border-bottom: 1px solid red !important;
}
.fluid.html-group-pool-page-view.scrolling-layout .view.photo-list-view .photo-list-photo-view {
position: relative ;
float: left !important;
clear: none !important;
width: 11.5% !important;
height: 100% ;
max-height: 150px ;
min-height: 150px ;
margin-right: -35px ;
margin-bottom: -45px ;
padding-bottom: 140px ;
padding-right: 5px ;
border-radius: 2px ;
transform: translate(-30px, -40px) scale(0.8) !important;
background-position: center 30% ;
background-repeat: no-repeat;
background-size: contain;
background-color: #333 !important;
border: 1px solid rgba(12, 12, 13, 0.9) !important;
}
.fluid.html-group-pool-page-view.scrolling-layout .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.scrolling-layout .view.photo-list-view .photo-list-photo-view:hover .remove-photo {
transform: scale(0.9);
background: red ;
}
/* TOP NAV - POOL BETA/ NO BETA - BETA SEARCH (HOVER) / BETA SHARE / DISCUSSION / TOP CONTRIB / RULES /ADDITIONAL INFO - === */
#global-nav #gn-wrap.gn-wrap .search-icon.fluid.html-group-home-page-view .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 .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;
}
/* FLUID - POOL BETA - for BETA SEARCH (HOVER) / BETA SHARE / DISCUSSION / TOP CONTRIB / RULES /ADDITIONAL INFO - === */
.fluid.html-group-home-page-view .view.groups-toolbar-view {
margin-bottom: 55px ;
}
.fluid.html-group-home-page-view .view.groups-toolbar-view .groups-toolbar-share-content{
height: 20px ;
margin-top: 10px;
right: 10px;
}
/* (new149) FLUID POOL BETA - HOME */
.fluid.html-group-home-page-view .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 .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: 890px !important;
height: 378px;
margin: 0 5px 20px 5px !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 .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;
}
/* FLUID - POOL - OTHER BETA ON - AWAKE THUMBNAIL - FIRST VIEW after BETA presntaion - NEED TO RELOAD the Page to have the GooD thumbnail with pagination - === */
.fluid.html-group-pool-page-view .view.group-pool-subheader-view + .view.photo-list-view:before ,
.fluid.html-group-pool-page-view .view.group-pool-subheader-view:not(.requiredToShowOnServer) + .view.photo-list-view:not(.requiredToShowOnServer):before {
content: 'Beta "ON"' ;
position: absolute ;
display: inline-block ;
top: 65px ;
left: 1010px ;
padding: 1px 5px ;
border-radius: 5px ;
color: gold ;
background: rgba(255, 0, 0, 0.7);
opacity: 0.2 !important;
}
.fluid.html-group-pool-page-view .view.group-pool-subheader-view:not(.requiredToShowOnServer):hover + .view.photo-list-view:not(.requiredToShowOnServer):before {
content: "Reload the page to have the other FLUID Thumbnail view (If Pool Beta OFF)" ;
left: 720px ;
opacity: 1 !important;
}
.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 {
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 .view.group-pool-subheader-view:not(.requiredToShowOnServer) + .view.photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .photo-list-photo-interaction ,
.fluid.html-group-pool-page-view .view.group-pool-subheader-view:not(.requiredToShowOnServer) + .view.photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake .photo-list-photo-interaction {
height: 198px;
width: 161px;
right: 1px !important;
left: 0px !important;
}
.fluid.html-group-pool-page-view .view.group-pool-subheader-view:not(.requiredToShowOnServer) + .view.photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .interaction-view {
left: 0 !important;
right: 0 !important;
top: 0 !important;
}
/* (new145) POOL BETA - A SUPP ?*/
.fluid.html-group-pool-page-view .view.group-pool-subheader-view:not(.requiredToShowOnServer) + .view.photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .overlay {
opacity: 1 !important;
}
/* FLUID - 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 .view.footer-full-view {
width: 100% !important;
margin-top: 720px;
}
/* FLUID - ALBUM/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;
}
/* LIGHTBOX - CLOSE / SLIDESHOW BUTTONS - === */
#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 ;
}
/* (new143) S.SHOW BUTTON - === */
.slideshow-bottom {
position: absolute ;
vertical-align: middle ;
bottom: -230px ;
left: 0 ;
}
/* S.SHOW BUTTON - 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;
bottom: 10px!important;
padding: 1px !important;
left: 6px !important;
text-align: center;
border-radius: 5px !important;
}
/* STYLE 2 == END == FLICKR - 2 - NEW - Flickr Widescreen - FLUID BETA === */
/* STYLE 3 == START == FLICKR - 3 - NEW - Flickr WideScreen - Hidden Top NavBar - OK STANDALONE ====== */
/* TOP NAV - BUDDY POPUP - IMAGE COVER - USAGE etc ... NEW MAIL - (SUPP DOUBLE BUDDY ICON)- 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 / RECENT ACTIVITY / CONTACT / POOL / GALLERIES / FORUM / HELP / - === */
/* TOP NAV - YOU / EXPLORE / CREATE - 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 a {
height: 20px ;
line-height: 20px ;
padding-top: 0px ;
}
#global-nav #gn-wrap .nav.small-logo .toplink > a + .panel {
left: 10px;
top: 17px ;
}
/* TOP NAV - RELATED SEARCH - FROM BETA ON - HOVER / NOT HOVER (move SHARE BUTTON - === */
.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 - SEARCH CONTAINER INPUT - SEARCH PAGE - === */
/* NORMAL */
.search-slender-advanced-panel-view .advanced-panel .quick-filter {
left: -600px !important;
}
.fluid.html-search-photos-unified-page-view .view.global-nav-view:not(:hover) .gn-search-box {
position: fixed !important;
top: 0 !important;
right: 130px !important;
}
.fluid.html-search-photos-unified-page-view .view.global-nav-view:hover .gn-search-box {
position: fixed !important;
margin-left: -10px !important;
/* margin-top: 35px !important; */
top: 0px !important;
right: 130px !important;
}
/* (new130) */
.fluid.html-search-groups-page-view .view.global-nav-view:not(:hover) .gn-search-box {
margin-left: -200px ;
margin-top: 195px ;
}
.fluid.html-search-groups-page-view .view.global-nav-view:hover .gn-search-box {
margin-left: 0px !important;
margin-top: -45px !important;
}
.fluid.html-search-groups-page-view .view.global-nav-view:hover .search-autosuggest-field-view.expanded {
margin-left: 0px !important;
margin-top: 34px ;
}
.fluid.html-search-photos-unified-page-view .view.global-nav-view:hover .search-autosuggest-field-view.expanded.focus {
margin-left: 0px !important;
margin-top: 0px !important;
}
.fluid.html-search-groups-page-view .view.global-nav-view:hover .search-autosuggest-field-view.expanded.focus {
margin-left: 0px !important;
margin-top: 33px !important;
}
/* TOP NAV - SEARCH HOVER / EXPANDED */
.fluid .view.global-nav-view:not(:hover) .search-autosuggest-field-view.expanded.focus {
position: relative;
width: 220px;
height: 33px;
top: 0px !important;
}
.fluid .view.global-nav-view:hover .search-autosuggest-field-view.expanded.focus {
position: relative;
width: 220px;
height: 33px;
top: 0px !important;
}
.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;
padding: 0 5px;
position: relative;
transition: padding-right 0.25s ease-in-out 0s;
}
.search-autosuggest-field-view .search-pill-remover {
top: 5px !important;
}
.view.search-photos-unified-page-view .view.global-nav-view:hover .global-nav .global-nav-container ul.gn-tools .gn-search-box form.search-form {
top: 17px !important;
}
/* TOP NAV - SEARCH CLEAR BUT */
.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 {
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 .view.global-nav-view:hover ~ .view.search-subnav-slender-view .search-subnav-sizing.fluid-centered .search-subnav-content .tool.advanced-clear {
top: -32px !important;
}
/* TOP NAV - SEARCH CONTAINER - ALL - === */
.fluid .view.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 {
display: inline-block !important;
position: absolute !important;
min-width: 300px !important;
max-width: 300px !important;
left: 1795px !important;
margin-top: 10px !important;
padding: 0 130px 0 0;
padding: 0 !important;
}
.fluid .view.global-nav-view:hover .global-nav .global-nav-content .global-nav-container .gn-tools ,
.fluid .view.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-top: 11px !important;
padding: 0 130px 0 0;
padding: 0 !important;
}
.search-autosuggest-field-view {
position: relative;
height: 25px !important;
width: 220px;
margin-left: -51px !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 - PHOTO/ALBUM/SET / SEARCH PAGES - === */
.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 -=== */
.search-autosuggest-field-view .search-form {
height: 25px !important;
line-height: 25px !important;
left: 99px !important;
top: 7px !important;
}
.search-autosuggest-field-view.expanded .search-form {
width: 360px;
height: 25px !important;
line-height: 25px !important;
left: -34px !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;
}
.fluid .view.global-nav-view .search-autosuggest-field-view .search-autosuggest-items-list-view {
position: absolute;
width: 360px;
right: -40px !important;
top: 35px !important;
}
.fluid .view.global-nav-view:hover .search-autosuggest-field-view .search-autosuggest-items-list-view {
position: absolute;
width: 360px;
top: 43px !important;
left: -34px !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 - GALLERIE / ALBUM - Not HOVER - === */
.fluid.html-album-page-view .view.global-nav-view:not(:hover) .global-nav .search-autosuggest-field-view .search-form .search-icon-button ,
.fluid.html-gallery-page-view .view.global-nav-view:not(:hover) .global-nav .search-autosuggest-field-view .search-form .search-icon-button {
position: fixed;
left: 230px !important;
right: 0px !important;
top: 190px !important;
}
/* TOP NAV - SEARCH ICON - FLUID ALBUM - Not HOVER - === */
.fluid.html-album-page-view .view.global-nav-view:not(:hover) .global-nav .search-autosuggest-field-view .search-form .search-icon-button {
left: -8px !important;
top: 187px !important;
}
/* TOP NAV - SEARCH - FLUID POOL BETA - :not(:hover) / hover === */
.fluid.html-group-pool-page-view .view.group-pool-page-view .view.global-nav-view:not(:hover) .search-autosuggest-field-view .search-form label:before {
content: " 🔻 " ;
position: fixed ;
display: inline-block ;
height: 18px ;
width: 18px ;
right: 235px !important;
top: 200px ;
text-indent: 20px ;
font-size: 10px ;
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-pool-page-view .view.group-pool-page-view .view.fluid-magic-groups-subnav-view + .fluid-centered.with-fluid-subnav .view.group-pool-subheader-view .search-icon {
position: fixed !important;
top: 14px;
opacity: 0 !important;
z-index: 500;
}
/* ==== TOP NAV - NEW BELL NOTIFICATION MENU VIEWER 2016 ==== */
/* TOP NAV - NOTIF BELL - ALL - === */
.view.notifications-menu-view {
position: absolute !important;
display: inline-block !important;
height: 30px !important;
line-height: 25px !important;
width: 28px !important;
margin-top: 50px !important;
top: 50px !important;
right: 1433px !important;
padding: 0 !important;
border-radius: 100% !important;
opacity: 1 !important;
transform: scale(0.6) !important;
z-index: 5000000 !important;
}
.view.global-nav-view .view.notifications-menu-view:hover ,
.view.global-nav-view:hover .view.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;
}
.notifications-menu-view .gn-title.c-notifications-menu[aria-haspopup="true"][aria-expanded="false"] ,
.notifications-menu-view .gn-title.c-notifications-menu {
width: 30px !important;
height: 30px !important;
padding: 0 !important;
text-align: center;
z-index: 5000 !important;
background: black !important;
}
.notifications-menu-view .gn-title.c-notifications-menu[aria-haspopup="true"][aria-expanded="true"] {
outline: 1px solid blue !important;
}
.c-notification-icon .c-notification-unseencount:not(.hidden) {
position: absolute;
display: inline-block !important;
height: 22px !important;
line-height: 12px !important;
right: 15px !important;
top: 0px !important;
margin-right: 7px !important;
padding: 4px !important;
font-size: 17px !important;
transform: scale(1) !important;
z-index: 5000000 !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) {
position: absolute;
display: inline-block !important;
right: 15px !important;
top: 0px !important;
padding: 4px !important;
font-size: 19px !important;
opacity: 1 !important;
z-index: 5000 !important;
}
.notifications-menu-view .gn-title.c-notifications-menu[aria-haspopup="true"][aria-expanded="false"][ aria-label="Notifications"] .c-notification-icon {
height: 27px;
width: 27px;
border-radius: 50% !important;
opacity: 1 !important;
background: red url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -493px -395px;
}
.notifications-menu-view .gn-title.c-notifications-menu[aria-haspopup="true"][aria-expanded="false"] .c-notification-icon[aria-hidden="true"] {
height: 27px;
width: 27px;
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;
}
/* TOP NAV - NOTIF BELL - ALL - PHOTO / GAL / SEARCH / ALB === */
.fluid.html-albums-list-page-view .view.global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-search-photos-unified-page-view .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 .view.global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-search-photos-unified-page-view .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;
}
/* (new143) TOP NAV - NOTIF BELL - POPUP - ALL - === */
.fluid.html-group-admin-pending-page-view .droparound.subview-droparound.auto-size.notifs-droparound.no-border.big-shadow ,
.fluid.html-feed-new-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound ,
.fluid.html-photo-page-scrappy-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size:not(.gallery-photo-comments) ,
.fluid.html-photo-page-scrappy-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
width: 100% !important;
min-width: 20px !important;
max-width: 20px !important;
left: 1900px !important;
top: 2px !important;
transition: left ease 0.7s ;
opacity: 0 ;
overflow: hidden !important;
z-index: 5000000 !important;
}
.fluid.html-feed-new-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound ,
.fluid.html-photo-page-scrappy-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound {
left: 1900px ;
transition: left ease 0.7s ;
}
.fluid.html-feed-new-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.notifs-droparound:hover ,
.fluid.html-photo-page-scrappy-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:hover ,
.view.fluid-droparound-view.flickr-view-root-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 ;
}
/* (new134) BELL PHOT */
.fluid.html-photo-page-scrappy-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:hover {
left: 1455px ;
}
/* (new144) 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 .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:hover {
left: 1460px ;
}
.view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound .body .content.subview {
min-width: 475px ;
max-width: 475px ;
max-height: 100% ;
padding: 0px ;
}
/* (new143) NOTIF BELL - FAVS - !imp */
.fluid.html-favorites-page-view .view.global-nav-view:not(:hover) .gn-tools .view.notifications-menu-view {
position: fixed ;
display: inline-block ;
left: 1882px ;
margin-top: 0 ;
top: -55px ;
transform: scale(0.7) ;
z-index: 50000 !important;
opacity: 1 !important;
visibility: visible ;
/* background: red !important; */
}
.fluid.html-favorites-page-view .view.global-nav-view .view.notifications-menu-view:hover,
.fluid.html-favorites-page-view .view.global-nav-view:hover .view.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 .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.notifs-droparound ,
.fluid.html-favorites-page-view .view.fluid-droparound-view.flickr-view-root-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 .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.notifs-droparound:hover ,
.fluid.html-favorites-page-view .view.fluid-droparound-view.flickr-view-root-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 .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.notifs-droparound .body .content.subview ,
.fluid.html-favorites-page-view .view.fluid-droparound-view.flickr-view-root-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;
}
/* (new143) BELL FEEDS */
.fluid.html-feed-new-page-view .view.fluid-droparound-view.flickr-view-root-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;
/* opacity: 1 !important; */
}
.fluid.html-feed-new-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:hover {
max-width: 498px ;
left: 1450px !important;
}
/* TOP NAV - ACCOUNT MENU - ALL - === */
.global-nav .global-nav-content .gn-tools li:last-of-type .view.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 - SEARCH PAGE - === */
.view.global-nav-view + .view.search-subnav-slender-view .search-subnav.using-slender-advanced-panel {
height: 42px !important;
top: 0px !important;
padding-top: 14px !important;
}
.view.global-nav-view:hover + .view.search-subnav-slender-view .search-subnav.using-slender-advanced-panel {
top: 0px !important;
}
/* TOP NAV - SEARCH CONTAINER / UPLOAD ICON AVATAR / MAIL - OTHERS - ALL - === */
/* TOP NAV - AVAT / MAIL - PHOT/ALB/SET - === */
global-nav-content .gn-tools li:last-of-type .view.account-menu-view {
margin-left: -15px !important;
}
.global-nav .global-nav-content .gn-tools li:last-of-type .view.account-menu-view .c-account-buddyicon {
position: absolute ;
float: none ;
left: -1520px ;
top: -5px ;
cursor: pointer ;
z-index: 5000 ;
}
.global-nav .global-nav-content .gn-tools li:last-of-type .view.account-menu-view .c-account-buddyicon span {
position: relative ;
display: inline-block ;
margin-top: 0px ;
right: 45px ;
cursor: pointer ;
}
/* 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;
}
/* TOP NAV - MENU - YOU / EXPL / CREATE - PHOT/ALBUM/SET - === */
.global-nav .global-nav-content .nav-menu {
display: inline-block !important;
min-width: 200px !important;
max-width: 200px !important;
float: left !important;
min-height: 20px !important;
max-height: 20px !important;
margin-top: 23px !important;
margin-left: 60px !important;
padding-top: 0px !important;
text-align: left !important;
border: 1px dashed red !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;
}
/* 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 - CONTAINER - === */
#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;
}
.gn-upload {
position: absolute;
left: -1305px !important;
top: 9px !important;
opacity: 0.6 !important;
transform: scale(0.7);
}
#global-nav .upload-icon-link {
position: absolute;
width: 40px !important;
height: 25px !important;
line-height: 25px !important;
left: -1160px !important;
top: -7px !important;
opacity: 0.5 !important;
transform: scale(0.6) !important;
}
#global-nav .global-nav-upload {
height: 25px !important;
padding: 3px !important;
}
/* TOP NAV - NEW MAIL COUNT - FORUM - === */
#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: 0 ;
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;
}
#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;
}
.ac-nav>li>a .number {
position: absolute ;
display: inline-block ;
height: 17px ;
line-height: 16px ;
width: auto ;
top: 14px ;
left: 0 ;
padding: 1px ;
border-radius: 3px ;
font-size: 13px ;
letter-spacing: 1.4px ;
color: red ;
text-align: center ;
background: yellow ;
}
/* TOP NAV - PHOTO/ALBUM/SET + OTHERS - === */
#global-nav.styleguide-global-nav ,
.global-nav-restyle .global-nav-content {
position: absolute !important;
display: inline-block !important;
height: 49px !important;
width: 1920px !important;
min-width: 100% !important;
top: -50px !important;
left: 0px !important;
padding: 0 !important;
color: peru !important;
text-align: center !important;
z-index: 5000000 !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 - WELCOM / STOR === */
#global-nav.styleguide-global-nav #gb-ac-wrap {
position: absolute;
right: 237px ;
width: 322px ;
}
#global-nav.styleguide-global-nav .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account .gn-link.account + #gb-ac-wrap:hover ,
#global-nav.styleguide-global-nav .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account .gn-link.account:hover + #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 ;
}
/* (new134) TOP NAV - PHOTO */
.fluid .view.global-nav-view ,
.fluid .view.global-nav-view.requiredToShowOnServer {
position: absolute !important;
display: inline-block !important;
height: 49px !important;
width: 1920px !important;
min-width: 100% !important;
top: -50px !important;
left: 0px !important;
padding: 0 !important;
color: peru !important;
text-align: center !important;
z-index: 50000 !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;
color: peru !important;
text-align: center !important;
}
.fluid .view.global-nav-view:hover .fluid.sohp-mobile-navable {
position: absolute !important;
display: inline-block !important;
height: 45px !important;
width: 1920px !important;
min-width: 100% !important;
top: 0px !important;
left: 0px !important;
padding: 0 !important;
color: peru !important;
text-align: center !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;
color: peru !important;
text-align: center !important;
}
.fluid .view.global-nav-view:hover .global-nav-container.fluid-centered {
top: 0px !important;
}
.fluid .view.global-nav-view:hover {
position: absolute !important;
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;
color: peru !important;
text-align: center !important;
border-bottom: 1px solid red !important;
z-index: 5000000 !important;
}
.fluid .view.global-nav-view:hover .global-nav {
top: 50px !important;
}
.fluid .view.global-nav-view:before {
content: "🔻" ;
position: absolute ;
display: inline-block ;
top: 54px !important;
left: 0 ;
font-size: 10px ;
cursor: pointer ;
}
.fluid .view.global-nav-view:after ,
#global-nav .gn-wrap:after {
content: "🔻" ;
position: absolute ;
top: 47px !important;
font-size: 10px ;
cursor: pointer ;
}
.fluid .view.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: 1870px !important;
top: 5px ;
}
#global-nav:hover #gn-wrap.gn-wrap .search-icon {
top: 20px;
}
#global-nav #gn-wrap.gn-wrap .search-icon::after ,
.fluid.html-group-home-page-view .view.global-nav-view:not(:hover) .global-nav::after {
content: " 🔻 " ;
position: absolute;
display: inline-block;
height: 18px ;
line-height: 18px ;
width: 18px ;
top: 64px ;
right: 282px;
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 ;
outline: 1px solid red ;
}
.fluid.html-group-home-page-view .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 - PHOTO */
.fluid .view.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 .view.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 - PHOTO */
.fluid .view.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 .view.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: 70px !important;
left: 10px !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;
}
/* STYLE 3 == END == FLICKR - 3 - Hidden Top NavBar ==== */
/* STYLE 4 == SART === FLICKR - 4 - PHOTO - Com Reverse 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;
}
/* COM ITEMS - DEL MODAL - === */
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog {
position: absolute;
min-width: 500px !important;
max-width: 500px !important;
min-height: 100px !important;
max-height: 100px !important;
right: 0 !important;
left: 215px !important;
margin-left: 369px;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog .close-x {
top: 7px;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog .head {
height: 25px;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog .head .title {
padding-bottom: 0;
padding-top: 3px;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog .body {
height: 35px;
}
.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.scrappy-dialog .foot {
height: 31px;
margin-top: 0;
background: red;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog .foot .buttons {
padding: 2px;
}
.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.scrappy-dialog .foot .button-container button {
height: 23px !important;
line-height: 23px !important;
}
/* COM ITEMS - BR SPACE - === */
.sub-photo-comments-view .comments .comment .comment-content>br {
display: block !important;
margin-bottom: -1px !important;
}
/* PHOTO - COUNTER COM ITEMS + NUMB COM BY ME on TOP RIGHT PANEL / BUD ICON - === */
.comments-holder.order-chronological.photosInComments .comments ,
#photo-activity {
counter-reset: myIndex2 00 !important;
counter-increment: myIndex 0 !important;
}
.sub-photo-comments-view .comments .comment:before ,
#comments #comments-list .comment-block:before {
counter-increment: myIndex ;
content: counter(myIndex, decimal-leading-zero) ;
position: absolute ;
width: 15px ;
min-width: 17px ;
margin-left: 1px ;
margin-top: -5px ;
background: rgba(62, 59, 59, 0.6) ;
border-radius: 10px ;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
font-size: 10px ;
text-align: center ;
color: white ;
}
/* PHOTO - 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: 147px !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 ;
}
/* STYLE 4 == END == FLICKR - 4 - NEW - Flickr Widescreen - Comments Reverse Order FLEX + Counter ==== */
/* END FINAL ==== FLICKR - 00 - Flickr WideScreen - ALLinONE TOTAL (GM NO) ==== */
}
@-moz-document url-prefix("https://www.flickr.com/help/forum/") {
/* ===== START == URL PREF ===== */
/* ===== START == URL PREF - MAIN H1 - FORUM === */
#Main > h1 {
height: 25px ;
line-height: 15px ;
width: 1420px ;
left: 445px ;
margin-bottom: 5px;
font-size: 15px ;
}
/* == END == URL PREF - MAIN H1 - FORUM === */
}
@-moz-document url-prefix("https://www.flickr.com/activity/") {
/* ===== START == (new151) URL PREF - MAIN H1 - ACTI === */
#Main>h1 {
height: 20px ;
line-height: 20px ;
width: 100px ;
left: 330px ;
top: 5px ;
padding: 0 ;
font-size: 13px ;
text-align: center ;
}
/* == END == URL PREF - MAIN H1 - ACTI === */
}
@-moz-document url-prefix("https://www.flickr.com/groups_create.gne") {
/* == START == URL PREF == CREATE GROUP === */
#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=") {
/* ===== START == URL PREF == CREATE ICON GROUP === */
#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?") {
/* == TEST - START == URL / URL PREF == YOUR GROUP (work but PB strange height) - === */
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;
max-height: 100% !important;
overflow: visible !important;
}
/* == END == URL == YOUR GROUP === */
}
@-moz-document url-prefix("https://www.flickr.com/search/forum/") {
/* ===== START == URL PREF - SEARCH === */
html.styleguide body {
padding-top: 0 !important;
}
/* == END == URL PREF - SEARCH === */
}
@-moz-document url-prefix("https://www.flickr.com/help/forum/") {
/* ===== START == URL PREF == HELP FORUM === */
#Main {
width: 1906px !important;
top: 0px !important;
}
/* == END == URL PREF == HELP FORUM === */
}
@-moz-document url-prefix("https://www.flickr.com/mail") {
/* = START == URL PREF == MAIL === */
#Main {
width: 1906px !important;
top: 0px !important;
}
/* == END == URL PREF == MAIL === */
/* STYLE 5 == END == PREFIX ==== */
}
@-moz-document domain("flickr.com") {
/* ==== FLICKR - 00 - Flickr WideScreen - ALLinONE (Part 2) v.151 (new151) ==== */
/* START == ADDITIONALS STYLE ==== */
/* SUPP - PRO ADD */
.feed-page-view .feed .moola-card ,
.feed-page-view .feed-b,
.feed-page-view .feed-b .upgrade-to-pro-cta,
.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 ,
.activity-card.ad-card.pro-upsell-card {
display: none !important;
}
/* SET - COM CONTAINER - REVERSE 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 {
height: 274px;
margin: 2px;
padding: 20px 10px;
text-align: right;
}
#ViewSet p.vsDescription {
position: absolute !important;
display: inline-block !important;
height: 254px;
width: 366px ;
left: 13px;
margin: 0 ;
top: 138px !important;
padding: 10px ;
overflow: hidden;
}
#ViewSet .vsNumbers {
position: absolute !important;
display: inline-block !important;
height: 15px;
line-height: 15px;
width: 385px ;
left: 13px !important;
margin: 0 ;
top: 415px !important;
padding: 2px 0 ;
font-size: 15px;
text-align: center !important;
}
#ViewSet .vsThumbnail img {
height: 215px ;
}
#ViewSet .vsDetails >br{
display: none ;
}
/* TEST Multi-click zoom support - CURSOR CUSTOM -
https://codepen.io/cubeghost/pen/dPeQqR
=== */
/* 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 .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;
}
/* IN FAV */
.fluid.html-favorites-page-view div[style^="position: fixed;"] {
display: none !important;
}
/* SPINNER */
#lowres-spinner ,
#lowres-photo,
#liquid-photo-buffer {
display: none !important;
}
/* API PAGE - SERVCE TEST - === */
#Main>iframe[src^="/services/api/"] {
color: gray !important;
height: 400px;
width: 100%;
}
html>body>pre {
color: gray !important;
}
/* (ALL??) - ARCHIVES ONLY WORK ??? - OPTIONS BAR (chose view: WORKING) - === */
.new-header:not(.breakout-justified).header-underlap.js .searchified-options {
position: relative !important;
display: inline-block !important;
top: 10px !important;
margin-top: 80px !important;
}
/* A SUPP?? - ADD COM BOX - SUPP TXT "Want to format your reply?" - === */
.html-info-trigger {
margin: 5px 0 15px;
}
/* GALL ?? - 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;
background: tomato !important;
border: 1px solid red !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;
border: 1px dashed red !important;
background: blue !important;
}
/* ANTI JUMP TOP - ALL */
html.styleguide body {
box-sizing: border-box;
position: relative;
display: inline-block !important;
height: 100% !important;
min-height: 100% !important;
padding-bottom: 0px !important;
padding-top: 0 !important;
}
/* ANTI JUMP - JU - POOL no BETA - === */
#pool-photos.ju.photo-display-container::before {
content: "";
float: left;
padding-bottom: 25%;
}
#pool-photos.ju.photo-display-container::after {
clear: left;
content: " ";
display: table;
}
/* POOL BETA / NO BETA - IMAGES COUNTER - === */
.fluid:not(.html-photo-page-scrappy-view) #content {
counter-increment: myIndex ! important;
}
.fluid:not(.html-photo-page-scrappy-view) #content .view.photo-list-photo-view:before {
counter-increment: myIndex ;
content: counter(myIndex, decimal-leading-zero) ;
position: absolute ;
width: auto ;
min-width: 17px ;
line-height: 15px ;
margin-top: 15px ;
border-radius: 10px ;
font-size: 10px ;
text-align: center ;
z-index: 100 ;
color: tomato ;
background: rgba(62, 59, 59, 0.6) ;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
}
.fluid.html-group-pool-page-view #content .view.group-pool-subheader-view:not(.requiredToShowOnServer) + .view.photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view:before {
margin-top: -5px ;
margin-left: -5px ;
color: gold ;
}
/* END === ADDITIONAL STYLES ==== */
/* START == YOUR GROUPS LIST ==== */
/* YOUR GROUPS LIST - THUMB CONT - ALL - === */
#groups-list .groups-maincol.list-view {
max-width: 1870px ;
margin-top: 0px ;
}
.group-h3 {
position: relative;
margin-top: 40px;
}
/* YOUR GROUPS LIST - LISTE/ THUMB POOL */
#groups-list.groups-thumbs {
margin-right: 0;
top: -40px ;
}
/* YOUR GROUP LIST - THUMB POOL */
#groups-opt.opt-out-bug.enable_rebootify_groups_members_page + #subnav-refresh.subnav-refresh.subnav-view.subnav-state-ready {
display: inline-block ;
width: 100% ;
height: 70px ;
margin: 10px 0 30px 0 ;
top: 0px ;
}
#groups-list.groups-thumbs .SetsContainer.GroupsCenterContainer {
margin: 5px -40px -35px -11px ;
}
/* YOUR GROUP - RIGHT SIDE - BETA/NO BETA - === */
#groups-list .groups-sidebar {
position: absolute ;
width: 510px ;
height: 890px ;
margin-top: 15px ;
right: -504px ;
z-index: 5000 ;
}
#groups-list .groups-sidebar:hover {
width: 310px;
right: 0px ;
padding-left: 20px ;
z-index: 5000 ;
transition: all ease 0.7s ;
}
#groups-list .groups-sidebar .bd {
top: 18px;
}
#groups-list .groups-sidebar:before {
content: "+ More...." ;
position: absolute ;
width: 150px ;
top: 100px ;
margin-left: -90px ;
padding: 0 5px ;
border-radius: 0 0 5px 5px ;
text-align: center ;
transform: rotate(90deg) ;
}
.groupsList {
position: relative ;
width: 290px ;
margin-top: -12px ;
padding: 10px 5px 5px 5px ;
z-index: 5000 ;
border: 1px solid gray ;
}
#noticed-groups + .groupsList {
height: 500px ;
overflow: hidden ;
overflow-y: auto ;
}
/* YOUR GROUP LIST - 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-left: -255px ;
margin-top: 30px ;
padding: 2px ;
border: 1px solid gray ;
border-radius: 100% ;
text-align: center ;
font-size: 10px ;
z-index: 10 ;
}
/* YOUR - GROUP LIST - CONT - NO BETA - === */
#groups-list .groups-maincol.list-view #groups-list {
width: 1870px ;
margin-top: 0px ;
}
#groups-list .sec[class^="sec"] {
width: 1870px ;
margin-bottom: -44px ;
}
.groups-list-header {
position: absolute ;
display: inline-block ;
width: 100% ;
width: 653px ;
margin-top: -45px ;
margin-left: 560px ;
padding: 5px ;
border-radius: 5px ;
text-align: center ;
font-size: 16px ;
z-index: 500 ;
border: 1px solid gray ;
}
.groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions ,
.groups-list-header .view-options {
display: inline-block ;
text-align: left ;
width: 100% ;
}
.groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions {
display: inline-block ;
width: 350px ;
text-align: left ;
}
.groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions .group_sort_active {
color: red ;
}
.groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions .group_sort_active:after {
content: "🔻" ;
font-size: 10px ;
}
.groups-list-item {
display: inline-block ;
width: 262px ;
max-height: 80px ;
min-height: 80px ;
margin: -14px 0 20px 0 ;
padding-bottom: 10px ;
font-size: 12px ;
overflow: hidden ;
border: 1px solid gray ;
}
.groups-list-item .group-overview {
width: 100% ;
text-align: left ;
}
.groups-list-item .group-overview .buddy-link {
padding: 4px ;
}
.groups-list-item .group-overview h4 {
position: relative ;
display: inline-block ;
width: 83% ;
height: 30px ;
line-height: 14px ;
top: -75px ;
margin-left: -3px ;
padding: 2px 2px 2px 45px ;
margin-bottom: -54px ;
font-size: 15px ;
overflow: hidden ;
overflow-y: auto ;
border-bottom: 1px dotted gray ;
}
.groups-list-item .group-overview h4 a {
float: left;
}
.group-overview>span {
position: relative ;
display: inline-block ;
width: 100% ;
top: -10px ;
}
.groups-list-item .divider {
display: none ;
}
.groups-list-item .group-members {
position: relative ;
display: inline-block ;
width: 96% ;
top: -16px ;
padding-right: 20px ;
text-align: right ;
}
.first.group-count.pool-pending:not([style="white-space: nowrap;"]) {
position: absolute ;
display: inline-block ;
top: 0 ;
left: 0 ;
white-space: nowrap ;
z-index: 5000 ;
}
.first.group-count.pool-pending:not([style="white-space: nowrap;"]):hover {
background: red ;
}
.groups-list-item .discussion {
position: absolute ;
display: inline-block ;
width: 256px ;
vertical-align: top ;
height: 15px ;
margin-left: -262px ;
margin-top: 56px ;
padding-right: 5px ;
text-align: right ;
}
.groups-list-item .discussion:before {
content: "🗨" ;
opacity: 0.7 ;
}
.groups-list-item .latest-post {
position: absolute ;
display: inline-block ;
width: 90px ;
margin-left: -260px ;
margin-top: 36px ;
padding-left: 34px ;
text-align: left ;
color: gray ;
border-right: 2px solid gray ;
}
/* YOUR GROUPS - THUMBS - CONT - === */
#groups-list.groups-thumbs .groups-maincol {
position: relative ;
display: inline-block ;
margin-left: 0px ;
}
#groups-list .SetsContainer.GroupsCenterContainer .group-h3 {
margin-left: 0;
padding: 2px 5px ;
text-indent: 241px ;
}
#groups-list .SetsContainer.GroupsCenterContainer .SortOptions {
position: relative ;
display: inline-block ;
width: 453px ;
left: -260px ;
margin-top: 36px ;
padding: 5px ;
border-radius: 5px ;
font-size: 16px ;
text-align: center ;
z-index: 200 ;
border: 1px solid gray ;
}
#groups-list .SetsContainer.GroupsCenterContainer .Sets {
width: 300px !important;
margin: -37px -82px -15px -13px ;
text-align: left ;
background-position: center center ;
background-repeat: no-repeat ;
background-size: cover ;
overflow: hidden ;
z-index: 500 ;
transform: scale(0.65) ;
}
#groups-list .SetsContainer.GroupsCenterContainer .Sets .SetCase {
width: 300px !important;
height: 0px !important;
margin: 199px 0 0 0 !important;
text-align: center ;
}
/* (new145) */
#groups-list .SetsContainer.GroupsCenterContainer .Sets .SetCase .setLinkDiv ,
#groups-list .SetsContainer.GroupsCenterContainer .Sets .SetCase .setLinkDiv .setThumb {
display: none ;
}
#groups-list .Sets .setText {
width: 300px ;
height: 53px ;
top: -63px ;
padding: 6px 0 0 ;
transform: scale(1) ;
}
#groups-list .Sets .setText> a {
display: inline-block ;
width: 300px ;
padding: 0px ;
transform: scale(1) ;
}
#groups-list .Sets .setText> a h4 {
float: left ;
clear: both ;
width: 288px !important;
height: 15px ;
line-height: 15px !important;
margin: 2px 0 -10px 0 !important;
padding: 5px 0 0 ;
font-size: 19px !important;
}
#groups-list .Sets .setText > p {
position: relative ;
display: inline-block ;
width: 135px ;
line-height: 18px ;
margin: -80px 0 -5px -10px ;
top: -20px ;
padding: 0 ;
font-size: 19px ;
text-align: left ;
overflow: hidden ;
text-overflow: ellipsis ;
white-space: nowrap ;
}
#groups-list .Sets .setText p a {
line-height: 15px ;
font-size: 16px ;
}
#groups-list .Sets .discussionCount {
position: absolute ;
display: inline-block ;
width: 120px ;
bottom: 170px ;
left: 5px ;
font-size: 16px ;
text-align: left ;
transform: scale(1) ;
}
#groups-list .Sets .discussionCount a p {
font-size: 16px ;
transform: scale(1) ;
}
/* POOLS META - ADD LABELS - === */
/* MEMB numb */
#groups-list .SetsContainer.GroupsCenterContainer a[href$="/members"]:before ,
/* MEMB PEND ok */
#groups-list .SetsContainer.GroupsCenterContainer a[href^="/groups_pending.gne"]:before ,
/* PHOT numbk */
#groups-list .Sets .setText p a[href^="/groups/"]:not([href$="/pending"]):not([href$="/members"]):before ,
/* PHOT PEND ok */
#groups-list .Sets .setText p a[href$="/admin/pending"]:before {
margin-right: 5px ;
font-size: 10px ;
}
/* HOVER */
#groups-list .SetsContainer.GroupsCenterContainer a[href$="/members"]:hover:before ,
#groups-list .SetsContainer.GroupsCenterContainer a[href^="/groups_pending.gne"]:hover:before ,
#groups-list .Sets .setText p a[href^="/groups/"]:not([href$="/pending"]):not([href$="/members"]):hover:before ,
#groups-list .Sets .setText p a[href$="/admin/pending"]:hover:before {
margin-left: -5px ;
font-size: 15px ;
}
/* MEMB numb */
#groups-list .SetsContainer.GroupsCenterContainer a[href$="/members"]:before {
content: "Mbs" ;
color: red ;
}
/* MEMB PEND ok */
#groups-list .SetsContainer.GroupsCenterContainer a[href^="/groups_pending.gne"]:before {
content: "Mbers" ;
color: aqua ;
}
/* PHOT numb ok */
#groups-list .Sets .setText p a[href^="/groups/"]:not([href$="/pending"]):not([href$="/members"]):before {
content: "Pht" ;
color: green ;
}
/* PHOT PEND ok */
#groups-list .Sets .setText p a[href$="/admin/pending"]:before {
content: "Pht" ;
color: aqua ;
}
/* END == YOUR GROUPS LIST ==== */
/* == START == NEW GAL PAGES ==== */
/* GAL - SHOW HID THUMB */
.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;
}
/* GALL / ALB / PHOSTREAM - WIDE - === */
.fluid.html-photostream-page-view.scrolling-layout #content .view.photostream-page-view .photolist-container.fluid-centered ,
.fluid.html-albums-list-page-view.scrolling-layout #content .albums-list-container.fluid-centered ,
.fluid.html-album-page-view.scrolling-layout #content .view.album-page-view.flickr-view-root-view .album-container.fluid-centered ,
.fluid.html-gallery-page-view.scrolling-layout #content .fluid-centered.gallery-page-container {
float: none !important;
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
}
.photolist-container.fluid-centered body ,
.fluid.html-gallery-page-view body {
margin-top: -52px ;
}
html.scrolling-layout #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.scrolling-layout .photolist-container.fluid-centered {
margin-top: -48px ;
}
/* PHOTSTREAM - TOP HEADER */
.fluid.html-photostream-page-view.scrolling-layout.yui3-js-enabled .subnav-content.fluid-centered {
margin-left: auto;
margin-right: auto;
max-width: 100% !important;
}
/* ALBUM EDIT COVER - === */
.album-header-view > .album-header-content > .edit-cover-photo {
top: 35px;
}
/* GALLERY - HEADER - === */
.gallery-page-view .gallery-page-container .details-section {
margin-top: -95px !important;
width: 100% !important;
}
.gallery-page-view .gallery-page-container .details-section .description {
width: 75%;
margin-top: 10px !important;
}
.gallery-page-view .gallery-page-container .stats {
position: fixed !important;
display: inline-block !important;
width: 370px !important;
right: 350px !important;
top: 7px!important;
margin: 0 !important;
text-align: left !important;
z-index: 50000 !important;
}
.gallery-page-view .gallery-page-container .details-section header {
margin-top: 184px !important;
padding: 5px !important;
}
/* GAL - LIST - === */
html.scrolling-layout #content .galleries-list-container.fluid-centered .photo-list-gallery-view {
position: relative !important;
display: inline-block !important;
margin: -40px 0px 65px 35px !important;
opacity: 1 !important;
transform: none !important;
}
.gallery-page-view .gallery-page-container .photos-section .photo-list-container {
top: 10px !important;
}
.galleries-list-container.fluid-centered .view.galleries-list-toolbar-view {
position: absolute !important;
height: 20px !important;
right: 18px !important;
top: 90px !important;
}
.html-gallery-page-view .view.photo-list-gallery-photo-view {
padding: 3px !important;
}
/* GAL - COUNT IETMS - GM "Superloader" - === */
.fluid.html-galleries-list-page-view #content .view.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 ~ .view.photo-list-view {
min-height: 2462px !important;
max-height: 2462px !important;
}
html.scrolling-layout #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 - LIST - THUMBNAIL - INFO BACKGROUND / FAV STAR - === */
.gallery-page-view .gallery-page-container .photos-section {
width: 100% !important;
}
.html-gallery-page-view .fluid-centered.gallery-page-container .photos-section .photo-list-container .view.photo-list-view .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 .view.photo-list-view .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;
}
/* GAL - POPUP REORDER / COVER SELEC - === */
.modal.subview-modal.reorder-grid-modal ,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector {
position: fixed !important;
display: inline-block !important;
max-height: inherit;
min-height: 925px !important;
max-width: inherit;
min-width: 1902px !important;
left: 0% !important;
top: 0% !important;
margin-left: 2px !important;
margin-top: 1px !important;
overflow: hidden !important;
z-index: 50000000 !important;
}
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .body.lines {
height: 805px;
}
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .body.lines .content.has-footer {
height: 796px;
border: 1px solid gray;
}
.reorder-grid-modal .content.subview ,
.modal.subview-modal.reorder-grid-modal .body {
min-height: 931px !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;
}
/* GAL - ACTION BAR - === */
.view.gallery-page-view .action-bar ,
.gallery-page-view .gallery-page-container .action-bar {
position: fixed;
height: 37px !important;
line-height: 37px !important;
background-color: rgba(14, 14, 14, 0.95);
border-bottom: 1px solid red;
left: 0;
right: 0;
top: 0;
z-index: 82;
}
.fluid.html-gallery-page-view .action-bar-content.fluid-centered {
height: 37px !important;
line-height: 37px !important;
}
.fluid.html-gallery-page-view.scrolling-layout #content .action-bar-content.fluid-centered {
width: 100%;
min-width: 1890px !important;
max-width: 1890px !important;
height: 37px ;
line-height: 37px ;
padding-left: 5px;
padding-right: 5px;
}
/* ADD / REORDER / VIEWS SIZE / SHARE - IN ACT BAR - === */
.gallery-page-view .gallery-page-container .photos-section .photos-section-header {
position: fixed !important;
display: flex;
-moz-box-align: center;
-moz-box-pack: justify;
align-items: center;
justify-content: space-between;
width: 400px ;
height: 37px !important;
line-height: 37px !important;
left: 750px !important;
right: 50px ;
top: 0;
z-index: 82;
border-bottom: 1px solid red;
}
.gallery-page-view .gallery-page-container .photos-section .photos-section-header .layout-tabs .tab.selected svg.icon {
color: #006dac !important;
}
.gallery-page-view .gallery-page-container .action-bar .actions .action.share {
margin-right: 23px !important;
}
/* GAL - POP MENU ADD to POOL/GAL - ===*/
.fluid.html-gallery-page-view .droparound.subview-droparound.auto-size .view.add-to-stuff-view.flickr-view-root-view {
opacity: 1 !important;
}
/* GAL - COM OVERLAY + ADAPT ALBUM / SET - ADD TO POOL + GALL POPUP - === */
.fluid.html-album-page-view.scrolling-layout body .fluid-droparound-overlay.transparent:not(.transparent) ,
.fluid.html-gallery-page-view.scrolling-layout body .fluid-droparound-overlay:not(.transparent) {
position: fixed !important;
display: inline-block !important;
z-index: -1 !important;
pointer-events: auto !important;
visibility: visible !important;
background-color: blue !important;
}
.fluid.html-album-page-view.scrolling-layout body .fluid-droparound-overlay.transparent ,
.fluid.html-gallery-page-view.scrolling-layout body .fluid-droparound-overlay.transparent {
position: fixed !important;
display: inline-block !important;
pointer-events: none !important;
visibility: visible !important;
}
/* GAL - POPUP ADD COM - === */
.fluid.html-gallery-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.gallery-photo-comments ,
.fluid.html-gallery-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.gallery-photo-remark {
display: inline-block !important;
width: 390px !important;
height: auto !important;
max-height: 200px !important;
margin-left: 0 !important;
margin-top: 84px !important;
opacity: 1 !important;
z-index: 500000 !important;
}
.gallery-page-remark-view {
padding: 5px !important;
}
.gallery-page-remark-view header {
margin-top: 11px !important;
}
.gallery-page-remark-view .remark-container p {
font-size: 14px;
line-height: 18px;
margin-top: -20px !important;
max-height: 120px !important;
padding-bottom: 20px !important;
overflow: auto;
}
.fluid.html-gallery-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.gallery-photo-comments .remark-container .remark-edit-container {
margin-top: -12px !important;
}
/* GAL - ADD CUR NOTE - PHOTO ITEM - === */
.fluid.html-gallery-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.gallery-photo-comments .remark-container .remark-edit-container:before {
position: absolute ;
content: "Add a Curator Note: " ;
top: -2px ;
color: red ;
}
/* GAL - SEE CURA NOTE - POPUP - === */
.gallery-page-remark-view .remark-container p:before {
position: absolute ;
content: "Curator Note: " ;
top: -2px ;
color: gold ;
}
/* GAL - COM PHOT ITEM - === */
.fluid.html-gallery-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.gallery-photo-remark {
position: fixed !important;
max-height: 295px !important;
min-height: 295px !important;
margin-left: 0% !important;
left: 1155px !important;
top: 0px !important;
margin-top: 0px !important;
padding: 20px 0 0;
box-shadow: 0px 7px 5px 5px rgba(0, 0, 0, 0.9) !important;
}
.fluid.html-gallery-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.gallery-photo-remark .body .content.subview.auto-size .view.photo-comments-view {
max-height: 270px !important;
min-height: 270px !important;
}
.fluid.html-gallery-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.gallery-photo-remark .droparrow.up ,
.fluid.html-gallery-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.gallery-photo-remark .droparrow.down {
left: 0 !important;
right: 0 !important;
top: 275px !important;
}
.fluid.html-gallery-page-view .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.gallery-photo-remark:before {
position: absolute ;
content: "Comment(s) on This Photo: " ;
top: 0px ;
left: 10px ;
color: gold ;
}
.photo-list-gallery-photo-view .remark-container.active ,
.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar.active {
height: 100% ;
left: 0;
}
.fluid.html-gallery-page-view .view.comment-item-view.flickr-view-root-view .comment-item .content-container .comment-content br ,
.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 br {
display: block !important;
margin-bottom: -1px !important;
}
/* GAL - COM CONTAINER - TOP ACTION BAR - === */
.gallery-page-view .gallery-page-container .comments-section {
left: 17%;
max-width: 550px;
position: fixed;
display: inline-block !important;
height: 30px !important;
top: 2px !important;
z-index: 50000;
overflow: hidden !important;
}
.gallery-page-view .gallery-page-container .comments-section:hover {
height: auto !important;
}
.gallery-page-view .gallery-page-container .comments-section h2 {
height: 30px !important;
line-height: 30px !important;
padding: 0 ;
}
.gallery-page-view .gallery-page-container .comments-section h2:before {
content: "🔻 Gallerie " ;
height: 30px;
line-height: 30px;
margin-right: 40px ;
padding: 0;
color: gold ;
}
.gallery-page-view .gallery-page-container .comments-section h2:after {
content: " 🔻" ;
height: 30px;
line-height: 30px;
margin-left: 10px ;
padding: 0;
color: gold ;
}
.gallery-page-view .gallery-page-container .comments-section:hover .comments-list-section {
max-height: 514px;
overflow: hidden;
overflow-y: auto;
}
/* GAL - COM COUNT - === */
.html-gallery-page-view .comments-section .view.gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list {
counter-reset: myIndex 00 !important;
}
.html-gallery-page-view .comments-section .view.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: 105px ;
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 .comments-section .view.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 ;
}
/* GAL - COM ACTION - === */
.fluid.html-gallery-page-view .menu.over-modal.comment-action-menu {
width: auto;
z-index: 50000 !important;
}
/* INFOS */
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar {
height: 70px !important;
padding: 3px 5px 2px !important;
font-size: 14px;
opacity: 1 ;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container {
display: inline-block;
width: 100% !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.title ,
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.attribution ,
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement {
margin-top: 3px !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item:hover ,
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.hidden {
display: flex !important;
color: gray !important;
}
/* GALL - CURATOR NOTES - === */
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar {
display: inline-block !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:not(:hover) {
display: inline-block !important;
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
line-height: 15px !important;
bottom: 0px !important;
padding: 0 !important;
opacity: 1 !important;
z-index: 1 !important;
visibility: hidden !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover {
display: inline-block !important;
min-height: 70px !important;
height: auto !important;
line-height: 15px !important;
bottom: 0px !important;
padding: 0 !important;
opacity: 1 !important;
z-index: 1 !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present::before {
content: "";
position: absolute;
display: inline-block !important;
min-height: 20px !important;
max-height: 20px !important;
right: 0;
top: 10px ;
left: 0;
bottom: 0px !important;
margin-bottom: 0px !important;
padding: 0px !important;
z-index: -1;
opacity: 1;
background: rgba(0, 0, 0, 0.78) !important;
}
/* 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;
background: rgba(0, 0, 0, 0.58) !important;
}
/* GALL - PRESENT / ACTIVE */
.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: 92% !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 {
max-height: 100% !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-line-container .remark-line {
display: inline-block !important;
height: 30px !important;
line-height: 15px !important;
width: 100% !important;
margin-top: -30px !important;
opacity: 1 !important;
z-index: 1 !important;
overflow-y: auto !important;
}
/* HOVER */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover .remark-line-container .remark-line {
display: inline-block !important;
height: auto !important;
line-height: 15px !important;
width: 100% !important;
margin-top: -13px !important;
opacity: 1 !important;
z-index: 1 !important;
overflow-y: auto !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-line-container .remark-line:not(.hidden) .title {
position: relative !important;
display: inline-block !important;
width: 100%;
min-height: 10px !important;
max-height: 10px !important;
line-height: 10px !important;
top: -19px !important;
bottom: 0 !important;
font-size: 10px;
}
/* GAL - NOTE - HOVER */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-line-container .remark-line:not(.hidden) .remark {
position: relative !important;
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
min-height: 15px !important;
max-height: 165px !important;
line-height: 15px !important;
top: -18px !important;
padding-bottom: 20px !important;
font-size: 15px;
overflow: hidden !important;
overflow-y: auto !important;
}
/* BUTTONS */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-button svg.filled ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-button {
display: inline-block!important;
position: absolute;
right: 0;
bottom: 0 ;
visibility: visible !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-button svg.icon.icon-remark.hollow{
visibility: hidden !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.active .remark-button .icon.filled {
display: block;
filter: drop-shadow(0px 0 3px rgba(0, 0, 0, 0.88));
height: 32px !important;
width: 33px !important;
fill: red !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:not(:hover) .remark-button[aria-expanded="false"] ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remark-button[aria-expanded="false"] {
display: inline-block !important;
opacity: 1 !important;
z-index: 1 !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:not(:hover) .remark-button[aria-expanded="false"] .icon.icon-remark-filled.filled ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remark-button[aria-expanded="false"] .icon.icon-remark-filled.filled {
display: inline-block !important;
opacity: 1 !important;
z-index: 1 !important;
background-color: red !important;
}
/* (new132) GALLERY - CURATOR NOTES 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) ;
position: fixed !important;
display: inline-block !important;
float: none ;
width: 15px ;
min-width: 17px ;
top: -15px !important;
left: 0px ;
border-radius: 5px 5px 0 0 ;
font-size: 10px ;
text-align: center ;
opacity: 1 !important;
visibility: visible !important;
z-index: 10000 ;
color: white ;
background: red ;
}
/* GALLERY - FAV ICON - === */
.photo-list-gallery-photo-view .photo-list-photo-container .engagement-item.fave.faved .engagement-icon .icon {
color: red !important;
opacity: 1 !important;
}
/* GALLERY - VISITED - === */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .click-target {
outline: 1px solid gray !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .click-target:visited {
outline: 1px solid green !important;
}
/* ==== END - NEW GALLERY ==== */
/* START - TEST VIDEO DURATION ========= */
.vjs-progress-holder.vjs-slider.vjs-slider-horizontal:after {
content: "XX" ;
content: attr(aria-valuetext) ;
position: fixed ;
display: inline-block ;
height: 20px ;
line-height: 20px ;
width: 100px ;
left: 486px ;
top: 210px ;
font-size: 15px ;
text-align: right ;
word-spacing: 10px ;
opacity: 1 ;
visibility: visible ;
color: white ;
background: #333 ;
}
.vjs-progress-holder.vjs-slider.vjs-slider-horizontal:before {
content: "video lenght:" ;
position: fixed ;
display: inline-block ;
height: 20px ;
line-height: 9px ;
width: 59px ;
left: 486px ;
top: 210px ;
padding-left: 5px ;
font-size: 10px ;
opacity: 1 ;
visibility: visible ;
z-index: 50000000 ;
color: white ;
background: green ;
}
/* END === START - TEST VIDEO DURATION ========== */
/* START TEST - NEW LOGIN BANNER / SUPP MESSAGE LIMIT UPLOAD - ============ */
/* NEW LOGIN BANNER - === */
.view.featured-banner-view .featured-banner {
display: inline-block !important;
}
.view.featured-banner-view {
display: inline-block !important;
left: 0 !important;
right: 0 !important;
width: 20px;
height: 20px !important;
margin-left: 20px !important;
padding-left: 20px;
overflow: hidden !important;
}
.view.featured-banner-view:hover {
min-width: 400px !important;
max-width: 400px !important;
min-height: 100px !important;
max-height: 100px !important;
}
.featured-banner-view .featured-banner {
padding-left: 0px;
text-align: left !important;
}
.view.featured-banner-view:hover .featured-banner {
min-height: 80px !important;
max-height: 80px !important;
min-width: 400px !important;
max-width: 400px !important;
padding-left: 0px;
text-align: left !important;
}
.featured-banner-view .featured-banner:before {
content: "⚠️" ;
position: absolute ;
display: inline-block ;
min-width: 20px ;
max-width: 20px ;
min-height: 20px ;
max-height: 20px ;
line-height: 20px ;
left: 20px ;
text-align: center ;
z-index: 50000 ;
background: yellow ;
}
.view.featured-banner-view:hover .featured-banner:before {
content: "⚠️" ;
margin-left: -20px ;
background: red ;
}
.view.featured-banner-view .featured-banner .featured-banner-content.fluid-centered {
width: 100%!important;
min-height: 25px !important;
max-height: 25px !important;
}
.fluid.html-favorites-page-view.scrolling-layout .view.featured-banner-view:hover .featured-banner .featured-banner-content.fluid-centered {
display: inline-block !important;
width: 100%!important;
min-width: 300px !important;
max-width: 300px !important;
min-height: 250px !important;
max-height: 250px !important;
top: 0px !important;
}
.fluid .view.global-nav-view:not(:hover) .global-nav .view.featured-banner-view {
position: absolute !important;
display: inline-block !important;
top: 54px !important;
left: 0 !important;
right: 0 !important;
}
.fluid .view.global-nav-view:hover .global-nav .view.featured-banner-view {
position: absolute !important;
top: 0px !important;
z-index: 50000 !important;
}
.view.featured-banner-view .featured-banner .featured-banner-content.fluid-centered .button-container {
position: absolute !important;
min-width: 400px!important;
max-width: 400px !important;
min-height: 30px !important;
max-height: 30px !important;
line-height: 30px !important;
top: 67px !important;
text-align: center !important;
}
.view.featured-banner-view .featured-banner .featured-banner-content.fluid-centered .featured-text p ,
.view.featured-banner-view .featured-banner .featured-banner-content.fluid-centered .featured-text {
display: inline-block !important;
min-width: 400px !important;
max-width: 400px !important;
min-height: 25px !important;
max-height: 25px !important;
line-height: 25px !important;
margin-bottom: 0;
margin-top: 0;
text-align: center !important;
}
.view.featured-banner-view .featured-banner .featured-banner-content.fluid-centered .featured-text {
padding: 0 !important;
}
/* START TEST - PHOTOSTREAM OLD WAY - with DETAIL (&details=1) - === */
/* 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;
}
/* PHOTOSTREAM 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 - PHOTOSTREAM OLD WAY - DETAIL (&details=1) ============= */
/* PHOTO - EDIT PRIVACY PAGE - === */
.photoDetails {
clear: none;
float: left;
margin-bottom: 20px;
margin-left: 40px;
margin-right: 20px;
text-align: center;
width: 100%;
}
.privacyDetails {
display: inline-block !important;
clear: none;
float: none !important;
width: 100% !important;
padding-left: 30% !important;
text-align: left !important;
}
.privacyDetails form ,
.privacyDetails p {
padding: 5px;
width: 36% !important;
}
.privacyDetails form {
border-radius: 4px !important;
border: 1px solid gray !important;
}
.privacyDetails form blockquote::before {
float: left ;
}
.privacyDetails form blockquote::after {
margin-top: -23px ;
float: right ;
}
.privacyDetails form p {
width: 99% !important;
border-radius: 4px !important;
text-align: center !important;
border: 1px solid gray !important;
}
/* START ===== APP GARDEN ======= */
#DiscussPhoto {
position: absolute !important;
clear: both;
width: 788px !important;
height: 790px !important;
right: 0 !important;
top: 26px !important;
padding: 27px !important;
border: 1px solid gray !important;
border-radius: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
#Photo {
position: static !important;
float: none !important;
width: 999px !important;
margin-left: 50px !important;
margin-top: 20px;
padding: 27px !important;
border: 1px solid gray !important;
border-radius: 5px !important;
}
#col-left .module {
top: -20px ;
}
.app-list ul li {
display: inline-block;
line-height: 14px;
width: 187px !important;
}
#Main #top-about + #col-left {
margin-left: 35px ;
height: 758px ;
width: 920px ;
padding: 5px 27px ;
border: 1px solid gray ;
border-radius: 5px ;
}
#Main #top-about + #col-left + #col-right {
margin-right: 35px ;
width: 700px ;
height: 630px ;
padding: 27px ;
border: 1px solid gray ;
border-radius: 5px ;
}
#the-developers +.module + h3 {
display: inline-block ;
margin-top: -222px ;
margin-left: 400px ;
position: absolute ;
}
#make-other-stuff {
display: inline-block ;
margin-left: 400px ;
position: relative ;
top: -212px ;
padding: 25px ;
border: 1px solid gray ;
border-radius: 5px ;
}
#make-other-stuff li a {
display: inline-block ;
font-size: 19px ;
}
/* APPS PAGES - TAGS - === */
.TagList #thetags {
width: 100% ;
height: 100px !important;
padding: 0;
border: 1px solid gray;
overflow: hidden ;
overflow-y: auto ;
}
.RHS ul {
margin-top: -3px ;
}
.RHS ul.rhs-data .Stats {
display: inline-block ;
width: 130px ;
overflow: hidden ;
text-overflow: ellipsis ;
}
/* APPS BY AUTHOR - = */
#ag-user-promo {
position: absolute;
width: 233px ;
height: 60px ;
left: 5px ;
top: 49px ;
padding: 5px ;
border-radius: 5px ;
overflow: hidden ;
}
#ag-user-promo h3 {
margin: -2px 0 0 ;
}
#ag-user-promo:hover {
height: auto ;
}
#apps-go-here-wide {
float: left;
width: 100% ;
}
.app-summary {
float: left;
width: 857px !important;
height: 130px !important;
margin: 0 32px 5px 7px ;
top: 12px ;
padding: 5px ;
padding-bottom: 10px ;
border: 1px solid gray ;
text-align: left ;
}
#apps-weve-noticed .app-summary.big .app-summary-details {
position: static;
width: 597px ;
margin-top: -129px ;
padding-left: 234px ;
}
.app-summary-screenshot {
height: 75px ;
width: 757px ;
margin-right: 0 ;
margin-bottom: 7px ;
text-align: center ;
}
#apps-go-here-wide .app-summary-details {
width: 100% ;
}
ul.app-list li {
display: inline-block ;
float: left;
height: 130px;
line-height: 13px;
margin: -10px 10px 9px 8px ;
overflow: hidden;
padding-bottom: 0px;
padding-right: 0px;
width: 205px ;
}
.app-list span.photo_container {
display: inline-block ;
width: 196px ;
text-align: center ;
border: 1px solid gray ;
}
ul.app-list li .photo_container .photo_container a .pc_img {
display: inline-block ;
height: auto !important;
width: 90px !important;
}
.app-summary.big.clearfix span.photo_container a img {
display: inline-block;
image-rendering: optimizequality;
position: relative;
height: 125px !important;
width: auto !important;
vertical-align: bottom;
}
/* END == APP GARDEN ==== */
/* (new141) START === POOL DISCUSS - GALLS / ALB CAPTION - === */
#DiscussTopic a[href*="/albums/"] img[width="500"] ,
#DiscussTopic a[href*="/galleries/"] img[width="500"] {
height: auto;
max-width: 470px ;
vertical-align: text-bottom ;
}
#DiscussTopic a[href*="/albums/"] ,
#groups-about a[href*="galleries/"] ,
#DiscussTopic a[href*="/galleries/"] {
display: inline-block ;
min-height: 100% ;
min-width: 100% ;
padding: 5px ;
text-align: center ;
outline: 1px solid gray
}
#DiscussTopic a[href*="/albums/"]:before ,
#groups-about a[href*="galleries/"]:before ,
#DiscussTopic a[href*="/galleries/"]:before {
content: "Gallerie : "attr(title) !important;
display: inline-block ;
width: 100% ;
margin-top: 5px ;
font-size: 20px ;
}
#DiscussTopic a[href*="/albums/"]:after {
content: "Album : "attr(title) ;
}
/* END === TEST - POOL DISCUSS - GAL CAPTION ========== */
/* PHOTO - EXPAND PHOTO - ICON EXPAND IMAGE > COM FORM - HOVER + ADD NOTE INDIC - === */
.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 {
content: " ⿹📝" ;
position: fixed ;
display: inline-block ;
float: left ;
clear: left ;
width: 34px ;
height: 22px ;
line-height: 22px ;
left: 1412px ;
top: 235px ;
padding: 0px ;
border-radius: 3px ;
font-weight: bold ;
text-align: center ;
font-size: 14px ;
opacity: 0.4 ;
visibility: visible ;
z-index: 5000000 ;
transition: opacity 0.1s ease 0s, transform 0.5s ease 0s ;
}
.fluid.html-photo-page-scrappy-view .view.photo-page-scrappy-view .height-controller .photo-notes-scrappy-view.box-hovered:hover:after {
content: "📝 Add a Note: \A Hold down mousebutton \A and drag an area" ;
height: 40px ;
line-height: 12px ;
min-width: 150px ;
padding: 0 5px ;
font-size: 13px ;
white-space: pre ;
cursor: move ;
transform: scale(1) ;
text-align: left ;
z-index: 5000000 ;
opacity: 1 ;
color: red ;
}
/* START == GM Super_preloaderPlus_one_New == POOL DISCUSS / GALL CAPTION ==== */
/* FAVS */
.sp-separator + .view.photo-list-view,
.fluid.html-favorites-page-view .view.photo-list-view ~ .view.photo-list-view + .sp-separator + .view.photo-list-view {
margin-top: 24px !important;
}
/* END == POOL DISCUSS - GALL CAPTION ===== */
/* START == PHOTO PAGE - MINITHUMB - ORIGIN INDICATOR ===== */
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/"]:before {
display: inline-block !important;
position: fixed ;
color: gold ;
transform: rotate(-90deg) ;
font-size: 15px ;
z-index: 500000 ;
background: green ;
}
.context-slider-scrappy-view .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 .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 .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 .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 .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 .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 .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/gallery-"]:before {
content: "🔻 In Gallery 🔻" ;
top: 45px ;
left: -63px ;
}
/* (new144) */
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/feed-"]:before {
content: "🔻 In Feeds 🔻" ;
top: 45px ;
left: -63px ;
}
/* PHOT PAGE - 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 === PHOTO PAGE - MINITHUMB - ORIGIN INDICATOR ===== */
/* POOL - SEND INVIT - COUNTER */
#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 ;
}
/* START ==== ORGANIZE ===== */
#findr {
width: 1905px !important;
}
#findr_mover_div {
min-height: 85px !important;
left: 0;
position: relative;
top: 0;
background-color: #d4d4d4;
}
/* END ==== ORGANIZE ===== */
/* START ==== STATS PAGES ==== */
#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 == CONTACTS RELATED (ACT/MEMB/CONT/MAIL) ===== */
/* CONTACTS PAGES - TOP HEADER - === */
.contact-list-header {
position: absolute ;
display: inline-block ;
width: 1340px ;
height: 30px ;
top: 80px ;
left: 250px ;
padding: 0 4px ;
}
/* CONTACTS - FOLLOW - === */
table.contact-list-table {
position: absolute ;
display: inline-block ;
width: 1345px ;
left: 250px ;
top: -20px ;
}
/* CONTACT PAGES - PEOP YOU FOL - YOU LIST THEM "NOTHING YET" - === */
.contact-list-nothingyet:after {
content: "X" ;
position: absolute ;
left: -20px ;
font-size: 20px ;
color: red ;
}
/* PEOP YOU FOL - PHOT of - ONE BY USER - SMALL THUMB - === */
.HoldPhotos {
width: 980px !important;
margin-left: 418px !important;
outline: 1px solid violet;
}
.HoldPhotos p.RecentPhotos {
font-size: 0 ;
}
p.RecentPhotos a[href^="/people/"] {
display: inline-block ;
width: 70px ;
height: 16px ;
line-height: 18px ;
margin-top: 2px ;
font-size: 11px ;
text-overflow: ellipsis ;
white-space: nowrap ;
overflow: hidden ;
}
.contact-list-table.contact-list-table-default>thead ,
.contact-list-table.contact-list-table-default>tbody ,
.contact-list-table.contact-list-table-default>thead>tr {
display: inline-block ;
width: 1345px ;
}
.contact-list-table.contact-list-table-default>thead>tr>th:first-of-type {
padding-left: 31px !important;
}
.contact-list-table.contact-list-table-default>thead>tr>th.contact-list-name {
width: 656px ;
padding-left: 22px ;
font-size: 18px ;
}
.contact-list-name {
width: 700px ;
border: 1px solid gray ;
}
.contact-list-table.contact-list-table-default>thead>tr>th.contact-list-num {
width: 100px ;
text-align: center ;
border: 1px solid gray ;
}
.contact-list-num {
width: 100px ;
text-align: center ;
border: 1px solid gray ;
}
.contact-list-num a {
display: inline-block ;
width: 100% ;
min-width: 90px ;
max-width: 90px ;
padding: 2px 0 ;
border-radius: 3px ;
text-align: center ;
border: 1px solid gray ;
}
.contact-list-table.contact-list-table-default>thead>tr>th.contact-list-location {
width: 192px ;
padding-left: 0px ;
font-size: 18px ;
}
.contact-list-location{
width: 189px ;
text-align: center ;
border: 1px solid gray ;
}
.contact-list-table.contact-list-table-default>thead>tr>th.contact-list-added.contact-list-sorted {
width: 140px ;
padding-left: 18px ;
font-size: 17px ;
}
.contact-list-added.contact-list-sorted{
width: 159px ;
text-align: center ;
border: 1px solid gray ;
}
.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 ;
}
/* CONTACTS - PAGI - === */
.contact-list-table + #paginator-module.Pages {
position: absolute ;
display: inline-block ;
height: 25px ;
margin-bottom: 20px ;
top: -6px ;
right: 519px ;
white-space: nowrap ;
}
.contact-list-table + #paginator-module.Pages .Results {
margin-top: -1px ;
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 ;
}
/* ==== CONTACT ==== */
/* CONT - PAGI - === */
.PeopleResults ~ #paginator-module {
position: absolute ;
left: 975px ;
top: 0px ;
width: 30% ;
}
/* CONTA/ALB - TOP HEA - === */
body.zeus.quirks Table#SubNav {
display: inline-block ;
width: 70% ;
margin-bottom: 20px ;
margin-top: 10px ;
margin-left: 250px ;
text-align: center ;
}
body.zeus.quirks Table#SubNav tbody {
display: inline-block ;
width: 100% ;
padding: 5px ;
text-align: left ;
border-radius: 5px ;
border: 1px solid gray ;
}
body.zeus.quirks Table#SubNav + h3 {
width: 90% ;
margin-left: 50px ;
text-align: center ;
}
.PeopleResults {
display: inline-block ;
width: 660px ;
margin: 20px auto 20px -500px ;
}
#tagslist +h3 +.PeopleResults {
float: left ;
margin: 20px auto 20px -500px ;
}
#tagslist +h3 +.PeopleResults > tbody {
display: inline-block ;
margin-left: 540px ;
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;
}
/* CONTACTS FOLLOW THUMBNAIL - === */
#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;
}
/* CONTACTS FOLLOW THUMBNAIL - BUT OPTION LIGHT BOX - === */
.searchified-options .searchified-options-view {
position: relative !important;
float: left !important;
left: 16px !important;
}
/* POOL ADMIN - MEMBERS */
#group-members h2.title {
font-size: 24px !important;
margin-top: 54px !important;
}
#group-members .mem-list.clearfix {
margin-bottom: -42px !important;
}
/* POOL ADMIN - MANAGE MEMB/ CONT /RECENT 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: 564px !important;
height: 30px !important;
margin-left: 93px !important;
top: 10px !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;
}
#MemberList ,
#Tertiary + .Tab +.char_search + #MemberList {
position: relative !important;
margin-top: -10px !important;
}
#MemberList td {
border-bottom: none !important;
}
#MemberList tr[valign="bottom"] ,
.char_search +#MemberList tr[valign="bottom"] {
display: none !important;
}
#MemberList tr[id^="member_"] ,
.char_search + #MemberList tr[id^="member_"] {
position: relative !important;
display: inline-block !important;
float: left !important;
clear: right !important;
max-width: 550px !important;
min-width: 550px !important;
height: 65px !important;
left: 120px !important;
margin-bottom: 5px !important;
margin-right: 5px !important;
border-radius: 5px !important;
border: 1px solid gray !important;
}
#MemberList tr td:nth-child(2) ,
.char_search + #MemberList tr td:nth-child(2) {
font-size: 0 !important;
}
#MemberList tr td:nth-child(2) a ,
.char_search + #MemberList tr td:nth-child(2) a {
display: inline-block !important;
font-size: 18px !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;
}
#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;
}
#MemberList tr td:nth-child(n+3),
.char_search + #MemberList tr td:nth-child(n+3) {
position: relative !important;
display: inline-block !important;
float: none !important;
width: 50px !important;
height: 10px !important;
line-height: 10px !important;
top: -7px !important;
left: 350px !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 MEMBER - BANNED LIST - === */
#GoodStuff #MemberList {
position: relative !important;
width: 1383px !important;
margin-top: 20px !important;
left: -101px !important;
}
#GoodStuff #MemberList tr:first-of-type {
display: none !important;
}
#GoodStuff #MemberList tr:not(:first-of-type) {
position: relative !important;
display: inline-block !important;
float: left !important;
clear: right !important;
max-width: 300px !important;
min-width: 300px !important;
height: 75px !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(n+3) {
position: relative !important;
display: inline-block !important;
float: left !important;
clear: both !important;
width: 150px !important;
height: 10px !important;
line-height: 10px !important;
top: -7px !important;
left: 0px !important;
margin-left: 7px !important;
margin-right: 5px !important;
padding: 2px !important;
border:none !important;
border-radius: 5px !important;
text-align: center !important;
}
#GoodStuff #MemberList tr td:nth-child(2) {
display: inline-block !important;
float: left !important;
clear: both !important;
margin-left: 29px !important;
margin-top: -5px !important;
max-width: 300px !important;
min-width: 300px !important;
}
/* POOL ADMIN - BUTTONS BAN etc.. */
#MemberList tr td[id*="ban_"] ,
.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: -7px !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;
}
#MemberList tr td[id*="ban_"] a ,
.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;
padding: 2px !important;
border-radius: 5px !important;
text-align: center !important;
border: 1px solid gray !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: 1px solid gray !important;
}
/* POOL ADMIN - DELETE MEMB- TXT "Also Remove items " - === */
#MemberList tr[id^="member_"] form {
position: absolute;
display: inline-block !important;
width: 450px;
right: -152px !important;
top: 0px! important;
border-radius: 3px !important;
z-index: 500 !important;
color: gold !important;
background: red !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;
color: gold !important;
z-index: 1500 !important;
}
/* === PROFILE - CONTACT - MAIL === */
/* CONT PAGE - Main - === */
.PeopleResults>tbody {
display: inline-block !important;
min-width: 1901px !important;
max-width: 1901px !important;
margin-left: 564px !important;
}
.PeopleResults>tbody>tr {
position: relative !important;
float: left !important;
min-width: 610px !important;
max-width: 610px !important;
height: 100% !important;
min-height: 175px !important;
max-height: 175px !important;
left: -40px !important;
margin-top: -15px !important;
margin-bottom: -15px !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;
color: #9C9898 !important;
text-align: center !important;
}
.PeopleResults>tbody>tr>td.Who> p b {
float: left !important;
clear: none !important;
height: 25px !important;
line-height: 11px !important;
width: 100% !important;
color: gray !important;
text-align: center !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;
}
/* CONT 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 ;
}
/* CONT 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 ;
}
/* REC ACTIVITY - === */
#Main .tt-col1 {
position: relative;
vertical-align: top;
width: 697px ;
left: 640px ;
}
/* (new151) */
#tt-recent-nav {
height: 21px ;
width: 460px ;
left: -200px ;
top: -19px ;
text-align: center ;
}
#tt-activity-box {
position: relative ;
display: inline-block ;
width: 1910px ;
left: -630px ;
}
#recent-activity {
width: 1910px ;
}
#tt-recent .tt-col2 {
position: absolute ;
width: 210px ;
height: 50px ;
left: 1645px ;
top: -43px ;
overflow: hidden ;
}
#tt-recent .tt-col2:hover {
height: auto ;
}
/* REC ACTIVITY - ALL - === */
#tt-recent ul.tt-activity li.act-item.f-unread_mail ,
#tt-recent ul.tt-activity li.act-item {
position: relative ;
display: inline-block ;
vertical-align: top ;
white-space: normal ;
min-width: 370px ;
max-width: 370px ;
max-height: 170px ;
min-height: 170px ;
margin: -12px 7px 15px -6px ;
padding: 0px ;
border-radius: 5px ;
border: 1px solid gray ;
}
#tt-recent ul.tt-activity li.act-item.f-unread_mail {
border: 1px solid gold ;
}
/* ONLY ONE MES - === */
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type {
position: relative ;
display: inline-block ;
vertical-align: top ;
white-space: normal ;
min-width: 1270px ;
max-width: 1270px ;
max-height: 690px ;
min-height: 690px ;
margin-left: 190px ;
margin-bottom: 3px ;
padding: 0px ;
padding-left: 171px ;
border-radius: 5px ;
border: 1px solid gray ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type > .act-thumb {
position: absolute ;
display: inline-block ;
float: none ;
width: 238px ;
height: 307px ;
top: 34px ;
/* margin-left: ; */
padding-left: 3px ;
padding-right: 3px ;
padding-top: 3px ;
text-align: center ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type > .act-thumb p {
left: -30px ;
top: 280px ;
}
#tt-recent ul.tt-activity li.act-item:only-of-type:not(.f-contacted) > .act-thumb div[id^="FCO-photo-"] {
position: relative ;
display: inline-block ;
left: 30px ;
top: 190px ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type > .act-thumb span.photo_container a img {
position: relative;
vertical-align: middle ;
display: inline-block ;
width: 140px ;
height: auto ;
padding-top: 30% ;
image-rendering: optimizequality ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type > .act-thumb + .act-data {
position: absolute ;
display: inline-block ;
float: none ;
margin-left: -168px ;
top: 15px ;
padding: 0 5px ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type > .act-thumb + .act-data > div:not(.tt-item-options):not(.clearfix) {
position: absolute ;
display: inline-block ;
padding: 2px ;
font-size: 12px ;
visibility: hidden ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type h2 {
position: absolute ;
display: inline-block ;
max-width: 242px ;
min-width: 242px ;
margin-bottom: -6px ;
top: 332px ;
left: -5px ;
padding-left: 4px ;
padding-right: 0 ;
font-size: 14px ;
text-align: center ;
text-overflow: ellipsis ;
overflow: hidden ;
visibility: visible ;
white-space: nowrap ;
border-top: 1px solid gray ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type > .act-data > .act-details {
position: absolute ;
display: inline-block ;
float: none ;
left: 248px ;
max-height: 630px ;
min-height: 630px ;
max-width: 1186px ;
min-width: 1186px ;
overflow-x: hidden ;
overflow-y: auto ;
top: 8px ;
padding-top: 20px ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type > .act-data > .act-details li.act-detail-item {
display: inline-block ;
float: left ;
min-width: 525px ;
max-width: 525px ;
max-height: 145px ;
min-height: 145px ;
margin-right: 5px ;
margin-bottom: 5px ;
margin-top: 2px ;
padding-left: 54px ;
border: 1px solid gray ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-when {
position: absolute ;
display: inline-block ;
float: none ;
height: 15px ;
width: 150px ;
line-height: 15px ;
left: 73px ;
top: 3px ;
padding-left: 3px ;
font-size: 15px ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-icon {
position: absolute ;
display: inline-block ;
margin-left: 25px ;
margin-top: 58px ;
padding: 4px 4px 2px 6px ;
border-radius: 100% ;
transform: scale(0.8) ;
z-index: 100 ;
border: 1px solid gray ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who {
padding-left: 43px ;
position: absolute ;
display: inline-block ;
height: auto ;
line-height: 25px ;
width: 530px ;
top: 2px ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who a img {
height: 48px ;
width: 48px ;
margin-left: -35px ;
margin-top: 7px ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + [id^="CFS"] {
margin-left: 22px;
opacity: 0.8 ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .invitePhoto > p:first-of-type {
width: 495px ;
margin-bottom: 0px ;
margin-left: 32px ;
margin-top: 34px ;
padding: 5px ;
text-align: center ;
font-size: 15px ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .invitePhoto > p:last-of-type{
width: 495px ;
margin-bottom: 0px ;
margin-left: 32px ;
margin-top: 4px ;
padding: 5px ;
font-size: 15px ;
text-align: center ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + .invitePhoto p.by {
font-size: 15px
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + .invitePhoto p.by a {
font-size: 15px ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + .invitePhoto p a {
margin-left: 22px ;
font-size: 15px ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + .invitePhoto > p:first-of-type a {
position: relative ;
display: inline-block ;
float: none ;
width: 100% ;
max-width: 420px ;
min-width: 420px ;
min-height: 20px ;
line-height: 17px ;
margin-top: 2px ;
padding: 1px 0 ;
font-size: 15px ;
text-align: center ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + .act-content {
position: relative ;
display: inline-block ;
min-width: 505px ;
left: 20px ;
font-size: 15px ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-who + .act-content > strong {
display: inline-block ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .own-activity .act-content {
margin-top: 6px ;
}
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type .act-content > div {
display: inline-block ;
font-size: 15px ;
left: -38px ;
width: 495px ;
margin-top: 10px ;
padding: 5px ;
}
/* REC ACT - CONTACTED */
#tt-recent ul.tt-activity li.act-item.f-contacted {
position: relative ;
display: inline-block ;
vertical-align: top ;
white-space: normal ;
min-width: 370px ;
max-width: 370px ;
max-height: 170px ;
min-height: 170px ;
margin-right: 7px !important;
margin-bottom: 15px !important;
padding: 0px ;
border-radius: 5px ;
border: 1px solid green ;
}
/* REC ACT - MUTED ITEMS - === */
.act-item.apply-hover.f-contacted.tt-muted {
opacity: 1 ;
}
.act-item.apply-hover.f-contacted.tt-muted:before {
position: relative ;
display: inline-block ;
height: 40px ;
line-height: 30px ;
content: "X" ;
padding: 10px 21px 18px 16px ;
border: 1px solid rgba(255, 0, 0, 0.8) ;
border-radius: 5px 5px 0 0 ;
font-size: 50px ;
text-align: center ;
opacity: 0.5 ;
z-index: 5000 ;
transform: translate(8px, 6px) ;
pointer-events: none ;
}
/* REC ACT - CONT or NOT - ICONS - FOLLOW / SUPP SEEING this CONTACT - === */
.act-item.f-contacted .tt-item-options {
position: absolute ;
top: 16px ;
left: 220px ;
width: 50px ;
border: none ;
visibility: visible ;
transform: scale(1) ;
}
.tt-add-icon>img {
transform: scale(1) ;
opacity: 0.4 ;
}
.trans_png.tt-snooze {
visibility: hidden ;
}
.tt-item-options>p+p>a:not(.tt-add-icon):not(.photo-act-mute):before {
position: absolute ;
content: "X" ;
font-size: 17px ;
opacity: 1 ;
color: red ;
}
/* REC ACT - ALL PHOTO - === */
.act-thumb {
position: absolute ;
display: inline-block ;
float: none ;
height: 132px ;
top: 30px ;
margin-left: 2px ;
padding-left: 3px ;
padding-right: 3px ;
padding-top: 3px ;
}
.act-thumb p {
position: absolute ;
min-width: 199px ;
max-width: 199px ;
top: 114px ;
left: 82px ;
padding-right: 5px ;
padding-left: 80px ;
font-size: 0 ;
text-align: right ;
}
.act-thumb p a {
display: inline-block ;
min-width: 275px ;
max-width: 275px ;
top: 0px ;
margin-left: -140px ;
text-align: center ;
font-size: 12px ;
}
/* REC ACT- CONT */
.act-item.f-contacted>.act-thumb{
margin-top: -25px !important;
height: 155px;
border: 1px solid gray ;
}
.act-item.f-contacted>.act-thumb a {
position: absolute ;
left: -3px ;
}
/* REC ACT - TOP MES HOVER NBR MESS + HOVER - ALL */
#tt-recent ul.tt-activity li.act-item:not(.f-contacted):only-of-type >.act-thumb + .act-data > div:not(.tt-item-options):not(.clearfix) {
position: absolute ;
display: inline-block ;
font-size: 12px ;
padding: 2px ;
visibility: hidden ;
}
.act-item >.act-thumb + .act-data > div:not(.tt-item-options):not(.clearfix) b:first-of-type:before {
content: url(https://s.yimg.com/pw/images/icon_comment_multi.gif) ;
font-size: 17px ;
display: inline-block ;
height: 16px ;
line-height: 11px ;
vertical-align: middle ;
margin-top: -5px ;
margin-left: -15px ;
padding: 1px 2px ;
visibility: visible ;
transform: scale(0.5) ;
}
.act-item:not(.f-contacted) >.act-thumb+ .act-data > div:not(.tt-item-options):not(.clearfix):hover {
visibility: visible ;
z-index: 50000 ;
}
.act-item h2 {
position: absolute ;
display: inline-block ;
min-width: 238px !important;
max-width: 238px !important;
margin-bottom: -6px ;
left: 82px ;
top: 111px ;
padding-right: 5px ;
padding-left: 0px ;
font-size: 14px ;
overflow: hidden ;
text-overflow: ellipsis ;
white-space: nowrap ;
text-align: center ;
visibility: visible ;
border-top: 1px solid gray ;
}
.act-item.f-contacted h2 {
text-align: left ! important;
}
#tt-recent .tt-photo-stats {
position: absolute ;
display: inline-block ;
max-width: 267px ;
min-width: 267px ;
margin-left: 64px ;
top: -18px ;
left: -66px ;
padding-left: 4px ;
text-align: center ;
visibility: visible ;
}
.act-item > .act-data > div b {
position: relative ;
display: inline-block ;
height: 10px ;
line-height: 8px ;
vertical-align: middle ;
margin-top: 0px ;
font-size: 10px ;
background: red ;
}
/* REC ACT - H2 - CONTACT */
.act-item.f-contacted h2 {
position: relative ;
display: inline-block ;
min-width: 270px !important;
max-width: 270px !important;
line-height: 14px ! important;
padding: 5px ! important;
margin-left: 0px ;
top: 0px ;
left: -5px ;
white-space: normal ;
}
/* REC ACT - ALL - DETAILS */
.act-item>.act-data {
position: absolute ;
display: inline-block ;
float: none ;
width: 355px !important;
top: 15px ;
margin-left: 3px ;
padding: 0px 5px ;
}
.act-item>.act-data>.act-details {
position: absolute ;
display: inline-block ;
float: none ;
min-width: 285px ;
max-width: 285px ;
min-height: 85px ;
max-height: 85px ;
left: 78px ;
top: 2px ;
overflow: hidden ;
overflow-y: auto ;
}
/* REPLY */
#tt-recent .act-item.f-unread_mail .act-thumb {
height: 164px ;
margin-left: 0 ;
top: 0 ;
}
.act-item.f-unread_mail .act-details {
min-height: 120px ;
max-height: 120px ;
margin-top: 0;
top: -14px;
}
ul.tt-activity ul.act-details li.act-detail-item {
position: relative;
width: 222px ;
min-height: 25px;
margin-bottom: -2px ;
margin-left: 2px ;
margin-top: 0px;
padding: 12px 5px 3px 0px ;
border-bottom: 1px dotted red ;
}
/* REC ACT - PRO BADGE - === */
#recent-activity li.act-detail-item.f-fave .pro-badge {
display: inline-block ;
top: -10px ;
left: -45px ;
transform: rotate(0deg) ;
}
/* REC ACT - GALL - === */
#toto-main.recent-activity .tt-gallery-thumb {
width: 82px ;
height: auto ;
margin-left: -4px ;
margin-top: -5px ;
background-image: none ;
}
#toto-main.recent-activity .tt-gallery-thumb .pc_img {
width: 67px;
height: auto;
margin-left: 7px;
margin-top: 7px;
border: 1px solid #333;
}
/* REC ACT - CONT - DETAIL CONTAINER */
ul.tt-activity .f-contacted ul.act-details li.act-detail-item {
width: 250px ! important;
min-height: 20px ! important;
max-height: 20px ! important;
top: -19px ! important;
left: 0px ! important;
}
ul.tt-activity .f-contacted ul.act-details li.act-detail-item .act-content {
margin-top: 29px;
}
ul.tt-activity .f-contacted ul.act-details li.act-detail-item .act-content p:first-of-type {
display: none ;
}
/* REC ACT - MY OWN COM */
ul.tt-activity ul.act-details li.act-detail-item.own-activity {
display: inline-block ;
margin-top: 2px ;
margin-bottom: 0 ;
padding-left: 54px ;
border-bottom: 1px solid gray ;
}
ul.tt-activity ul.act-details li.act-detail-item.own-activity .act-content {
margin-top: -16px ;
}
/* REC ACT - ALL*/
.act-who {
position: absolute;
left: 6px ;
top: 4px ;
}
.act-icon {
transform: scale(0.6) ;
margin-top: 51px ;
margin-left: -30px ;
padding: 4px 4px 2px 6px ;
border: 1px solid gray ;
border-radius: 10px ;
}
/* REC ACT - COM - USER NAME - === */
#recent-activity.tt-activity .act-detail-item.f-comment .act-who + .act-content {
display: inline-block ;
position: relative ;
min-width: 247px ;
left: -20px ;
top: 4px ;
font-size: 0px ;
}
#recent-activity.tt-activity .act-detail-item.f-comment .act-who + .act-content > a {
display: inline-block ;
position: relative ;
min-width: 245px ;
max-width: 245px ;
font-size: 12px ;
white-space: nowrap ;
overflow: hidden ;
text-overflow: ellipsis
}
li.act-detail-item.f-fave.f-your-photo-their-fave.tt-first >a:first-of-type {
display: inline-block ;
position: relative ;
min-width: 140px ;
max-width: 140px ;
margin-left: 35px ;
margin-top: 5px ;
font-size: 12px ;
white-space: nowrap ;
overflow: hidden ;
text-overflow: ellipsis ;
}
/* REC ACT - ALL - === */
#recent-activity.tt-activity .act-detail-item.f-comment.f-their-photo-their-comment {
margin-bottom: 5px !important ;
padding-left: 54px !important ;
border-bottom: 1px dotted gray ;
}
/* REC ACT - COM - MY OWN COM - === */
ul.tt-activity ul.act-details li.act-detail-item.own-activity.f-comment.f-their-photo-your-comment.tt-first .act-when {
top: 0px ;
}
#recent-activity.tt-activity .act-detail-item.f-comment.f-their-photo-your-comment.tt-first .act-who + .act-content {
margin-top: -2px ;
}
/* REC ACT - COM - TXT "Read All Com" - === */
#recent-activity.tt-activity .act-detail-item > .act-content:only-of-type {
position: absolute ;
display: inline-block ;
width: 250px ;
top: 0px ;
margin-left: 5px ;
padding: 0 5px ;
border-radius: 5px ;
text-align: center ;
}
/* REC ACT - COM - Add Com + MUTE ICONS - === */
ul.tt-activity li.hover .tt-item-options,
ul.tt-activity li.act-item:hover .tt-item-options {
visibility: visible ;
}
ul.tt-activity li.act-item:hover .tt-item-options p img.tt-snooze,
ul.tt-activity li.act-item:hover .tt-item-options p img.tt-unsnooze {
visibility: visible !important ;
border-radius: 100% ;
transform: scale(0.9) ;
border: 1px solid red ;
}
/* REC ACT - CONT*/
.act-item.f-contacted>.act-data {
position: absolute ;
display: inline-block ;
min-width: 270px ;
max-width: 270px ;
vertical-align: top ;
left: 66px !important;
top: 6px !important;
padding-bottom: 5px ;
outline: 1px solid red ;
}
.act-item.f-contacted>.act-data>.act-details {
display: inline-block ;
min-width: 260px ;
max-width: 260px ;
max-height: 50px ;
min-height: 50px ;
left: 10px ;
top: 20px ;
padding: 5px ;
border: none ;
overflow: visible ;
}
/* REC ACT - ALL */
.act-content>strong {
display: none ;
}
/* (new151) REC ACT - READ ALL COM - === */
.tt-activity .act-content > div {
position: relative ;
display: inline-block ;
min-width: 235px ;
max-width: 235px ;
top: 0px ;
left: -8px ;
font-size: 12px ;
}
.tt-activity .act-content > div span {
display: inline-block ;
max-width: 143px ;
white-space: pre-wrap ;
}
.tt-activity .act-content > div br {
display: none ;
}
/* REC ACT - PRO BADGE - ==== */
#recent-activity .pro-badge {
display: inline-block ;
height: 13px ;
line-height: 10px ;
top: -10px ;
left: -38px ;
font-size: 10px ;
}
/* REC ACT - COM BADGE PRO - ==== */
.tt-activity .act-content > .pro-badge + b + div{
position: relative ;
display: inline-block ;
vertical-align: top ;
top: 0 ;
margin-top: -20px ;
margin-bottom: 2px ;
}
/* REC ACT - ALL - WHEN */
ul.tt-activity ul.act-details li.act-detail-item .act-when {
position: absolute ;
display: inline-block ;
float: none ! important;
width: 220px ;
height: 12px ;
line-height: 12px ;
top: 3px ;
left: 23px ;
padding-left: 3px ;
}
ul.tt-activity ul.act-details li.act-detail-item .act-when p {
position: absolute ! important;
display: inline-block ! important;
width: 100px ! important;
font-size: 10px ;
margin-bottom: 0;
}
/* REC ACT - CONT - ICON PROFILE + NAME */
.act-item.f-contacted>.act-data>.act-details .act-icon {
position: absolute ;
display: inline-block ;
float: none ;
top: -35px ;
left: 50px ;
transform: scale(0.6) ;
z-index: 2000000 ;
}
/* REC ACT - CONT - WHEN */
ul.tt-activity .f-contacted ul.act-details li.act-detail-item .act-when {
top: 23px ;
left: 30px ;
padding-left: 0px ;
}
/* REC ACT - CONT USER NAME - ALL */
#toto-main.recent-activity .act-content p a:not([href^="/people/"]) {
font-size: 10px ;
}
#toto-main.recent-activity .act-content p a[href^="/photos/"]:before {
content: "\01F4F7 : " ;
margin-right: 15px ;
}
/* REC ACT - INVITE - === */
.act-details .act-who + .invitePhoto {
display: inline-block ;
width: 229px ;
height: 70px ;
margin-left: 35px ;
margin-top: 5px ;
overflow: hidden ;
overflow-y: auto ;
z-index: 500000 ;
}
.act-details .act-who + .invitePhoto p {
line-height: 13px ;
margin-top: 2px ;
font-size: 15px ;
}
.act-details .act-who + .invitePhoto p a {
line-height: 13px ;
font-size: 10px ;
}
.act-details .act-who + .invitePhoto > p:last-of-type a ,
.act-details .act-who + .invitePhoto > p:first-of-type a {
position: relative ;
display: inline-block ;
width: 100% ;
min-height: 20px ;
top: 4px ;
margin-top: 0px ;
margin-bottom: -5px ;
bottom: -18px ;
padding: 1px 0 ;
font-size: 15px ;
text-align: center ;
}
.act-details .act-who + .invitePhoto .button-container {
position: relative ;
width: 180px ;
margin-top: 34px;
left: -33px;
padding: 5px;
}
/* REC ACT - PAGI TT PAGE - === */
#tt-pages {
position: absolute ;
display: inline-block ;
height: 30px ;
left: 920px ;
top: 0px ;
}
#tt-pages #paginator-module.Pages {
height: 25px ;
margin: -8px 0 0 ;
text-align: center ;
}
#tt-pages #paginator-module.Pages .Results {
margin-top: -2px ;
text-align: center ;
}
/* REC ACT - FEEDS + SLID BUT - === */
#tt-pages + #Feeds {
left: -50px !important;
}
#tt-pages + #Feeds #AtomRSS ,
#tt-pages + #Feeds {
position: absolute ;
display: inline-block ;
width: 350px ;
height: 30px ;
line-height: 20px !important;
top: 0px ;
left: 80px ;
margin-top: 0 ;
padding: 0 ;
}
#tt-pages + #Feeds #AtomRSS > div {
margin-bottom: -11px !important;
}
#tt-pages + #Feeds #AtomRSS > div{
margin-bottom: 0px ;
}
#tt-pages + #Feeds #AtomRSS > a + a {
display: inline-block ;
width: 25px ;
height: 20px ;
line-height: 20px ;
vertical-align: middle ;
left: -10px ;
padding: 0 ;
}
/* == PROF - CONT - MAIL ==== */
/* END == CONT RELAT (ACT/MEMB/CONT/MAIL) ==== */
/* END == ADDITIONAL STYLE === */
/* START == GM ADAP ==== */
/* GM ADAP GM - "SUPER PRELOADER PLUS ONE NEW" - GALLERIES 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" ==== */
/* (new150) GM "STIG" - FEEDS LINK - POOL - === */
div#feedlinks {
position: absolute;
display: inline-block;
width: 100px;
height: 15px ;
line-height: 15px !important;
top: 35px ;
left: 876px ;
right: 0px ;
margin: 0;
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;
background: red ;
}
#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 ;
color: red ;
background: gold ;
}
#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" ;
}
/* STIG - PHOTO PAGE - UNSCALE BUTTON - NOT NEED THEM with my userstyles - === */
.unscaleBtn ,
.unscaleBtn {
display: none ;
}
/* (new107) GM "STIG " - TOP NAV BAR - FEED ICON - FAVS/ALB - === */
.flickrfixrwebextension .view.global-nav-view ul.gn-tools #feedlinks
.flickrfixruserscript .view.global-nav-view ul.gn-tools #feedlinks {
position: absolute;
display: inline-block;
right: -125px !important;
top: 10px;
}
/* STIG's TAGS - === */
.photo-tags-autotags-view {
opacity: 0.4 ;
background: red ;
}
.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 15px 0 0 ;
border: 1px solid gray !important;
border-radius: 5px !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 {
color: gold !important;
background-color: #333 !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 ;
}
.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-right: 0px ;
margin-left: -9px ;
top: 1px ;
border-radius: 10px !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: "➤" ;
float: left ;
clear: both ;
height: 15px ;
width: 15px ;
margin-left: 7px ;
margin-right: -10px ;
margin-top: -23px ;
color: red ;
font-size: 12px ;
}
.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: 18px ;
line-height: 18px ;
padding: 0 10px 0 2px ;
}
.sub-photo-tags-tag-view:not(:hover) ul.tags-list > li.tag > a.fixrTag + .remove-tag + a:before {
content: "🔼 Stig's Tags 🔼 " ;
position: fixed ;
right: 120px ;
bottom: 0px ;
font-size: 10px ;
}
/* (new144) STIG - TOP PAGER 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) ;
}
#topPaginationContainer #topPagination span i ,
#topPaginationContainer #topPagination span {
height: 15px !important;
line-height: 15px !important;
}
#topPaginationContainer #topPagination span i {
top: 0px !important;
background-position: -542px -335px !important;
}
/* STIG - STREAM */
.html-photostream-page-view #topPaginationContainer {
left: 450px !important;
}
.html-photostream-page-view #topPaginationContainer #topPagination {
left: 0px !important;
}
/* STIG - FAV */
.html-favorites-page-view #topPaginationContainer {
min-width: 600px !important;
max-width: 600px !important;
left: 280px !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;
}
.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;
}
/* for very MAX PAGI - === */
.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;
}
/* STIG - ALBUM */
.fluid.html-album-page-view #topPagination.pagination-view:not(:empty),
.fluid.html-album-page-view #topPaginationContainer {
left: 160px !important;
top: 3px !important;
}
/* STIG - ALBUM TEASER in PHOTOSTREAM FRONTPAGE - === */
#albumTeaser {
position: fixed !important;
display: inline-block !important;
max-width: 580px !important;
min-width: 585px !important;
height: 107px !important;
right: 10px !important;
top: -34px !important;
margin: 0;
padding: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 5000 !important;
transform: scale(0.4) !important;
outline: 1px solid red !important;
}
#albumTeaser:hover {
height: auto !important;
max-height: 400px !important;
top: 0px !important;
transform: scale(1) !important;
}
#albumTeaser>div {
display: inline-block !important;
max-width: 580px !important;
min-width: 580px !important;
margin-top: -5px !important;
margin-bottom: 5px !important;
font-size: 30px !important;
text-align: center !important;
}
#albumTeaser>div:nth-child(1) {
height: 39px;
margin-top: -13px !important;
top: 0px !important;
margin-bottom: 5px !important;
font-size: 38px !important;
text-align: left !important;
border-bottom: 1px solid red !important;
}
#albumTeaser>div:nth-child(4):before {
content: "🔻" ;
position: absolute ;
top: 0px ;
right: 30px ;
font-size: 20px ;
}
#albumTeaser:hover>div:nth-child(4):before {
content: "🔺" ;
}
.asquare {
margin-top: 6px;
margin-left: 3px;
}
#albumTeaser>div>a>div {
display: inline-block !important;
float: right !important;
max-width: 400px !important;
min-width: 400px !important;
height: 75px ;
line-height: 75px ;
margin-left: 15px !important;
margin-right: 15px !important;
padding: 5px ;
font-size: 30px !important;
word-wrap: normal;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis ;
text-align: center !important;
border: 1px solid gray ;
}
#albumTeaser:hover>div>a>div {
float: right !important;
font-size: 20px !important;
outline: 1px solid gray ;
}
/* GM "STIG" - PHOTO - MAP - LOCALISATION DATA - for GOOGLE MAP on HOVER - === */
.fluid.html-photo-page-scrappy-view .flickrfixrwebextension .view.photo-license-view ,
.fluid.html-photo-page-scrappy-view .flickrfixruserscript .view.photo-license-view {
display: inline-block;
margin: 0;
padding: 0 4px;
position: absolute;
right: -5px;
text-align: right;
top: 0 !important;
width: 257px;
}
.flickrfixrwebextension .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .location-data-container:nth-child(3) ,
.flickrfixruserscript .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2 .c-charm-item-location > .location-data-container:nth-child(3) {
position: absolute !important;
display: inline-block !important;
height: 20px ;
top: 36px !important;
right: 150px !important;
margin-left: -10px;
visibility: visible;
z-index: 5000 !important;
}
.flickrfixrwebextension .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover .c-charm-item-location > .location-data-container:nth-child(3) ,
.flickrfixruserscript .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover .c-charm-item-location > .location-data-container:nth-child(3) {
right: 152px !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;
font-size: 0px !important;
}
.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 {
content: "Google Maps" ;
display: inline-block ;
width: 75px ;
height: 17px ;
line-height: 17px ;
margin-top: 0px ;
padding: 0 2px 0 12px ;
border-radius: 5px ;
text-align: center ;
font-size: 10px ;
background-image: url('https://i.imgur.com/M9ccQMOl.jpg') !important;
background-repeat: no-repeat !important;
background-position: left top ;
background-size: contain !important;
font-family: "Material Icons";
opacity: 0.3 ;
}
.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 {
color: white ;
opacity: 1 ;
background-color: green ;
}
/* GM "STIG" - TEST - PHOTOSTREAM - FIX SEARCH PB - === */
.fluid.html-photostream-page-view.scrolling-layout body.flickrfixrwebextension ,
.fluid.html-photostream-page-view.scrolling-layout body.flickrfixruserscript {
position: absolute !important;
display: inline-block !important;
width: 99.9% !important;
left: 0 !important;
}
/* GM " STIG" - DATE INFO - .has-date-info === */
/* COPYRIGHT */
body.flickrfixrwebextension .sub-photo-right-view .date-license-container ,
body.flickrfixruserscript .sub-photo-right-view .date-license-container {
position: fixed ;
height: 25px ;
width: 247px ;
top: 150px !important;
left: 1670px !important;
right: 0 !important;
}
body.flickrfixrwebextension .view.photo-license-view ,
body.flickrfixruserscript .view.photo-license-view {
top: 0px !important;
left: -20px !important;
}
/* (new107) DATE */
body.flickrfixrwebextension .sub-photo-right-view .sub-photo-date-view.has-date-info ,
body.flickrfixruserscript .sub-photo-right-view .sub-photo-date-view.has-date-info {
position: absolute ;
top: -24px ;
right: 242px;
}
body.flickrfixrwebextension .sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken ,
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 ;
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: -20px !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: 310px !important;
height: 70px !important;
margin-top: 20px ;
left: 1591px !important;
padding-bottom: 5px !important;
visibility: visible !important;
transition: all ease 0.7s ;
}
body.flickrfixrwebextension .sub-photo-right-view .sub-photo-date-view.has-date-info:hover > .date-taken.clear-float + .date-info ,
body.flickrfixruserscript .sub-photo-right-view .sub-photo-date-view.has-date-info:hover > .date-taken.clear-float + .date-info {
text-align: left ;
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: 0 ;
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" ==== */
/* PHOTO - USER AVATAR - GM "MORE INFOS" (MY GM) on HOVER - PHOTO - AUTHOR - ==== */
.view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound {
z-index: 50000 !important;
}
/* PHOTO PAGE - === */
.droparound.subview-droparound[style="max-height: 165px; min-height: 165px; width: 350px; left: 0px; top: 11px;"]:not(:hover) ,
img[src^="https://geo.yahoo.com/"] + .view.fluid-droparound-view.flickr-view-root-view ,
img + .view.fluid-droparound-view.flickr-view-root-view {
display: none !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound:not(.notifs-droparound):not(.user-account-card-droparound):not(:hover) {
position: fixed !important;
margin-left: 2500px !important;
margin-top: 105px !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound:not(.notifs-droparound):not(.user-account-card-droparound):hover {
position: fixed !important;
margin-left: 1328px !important;
margin-top: 105px !important;
}
/* (new133) MODAL Change Langue - [style="left: 914px; top: 556.5px;"] */
.fluid.html-photo-page-scrappy-view.scrolling-layout body .view.fluid-droparound-view.flickr-view-root-view .droparound.menu:not(.over-modal){
position: fixed !important;
display: inline-block !important;
height: auto !important;
min-height: 250px ;
width: auto !important;
left: 1500px !important;
top: 70% !important;
z-index: 5000000 !important;
}
/* (new118) */
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay + .view.fluid-droparound-view.flickr-view-root-view:not(:hover) ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body script + .view.fluid-droparound-view.flickr-view-root-view:not(:hover) {
position: fixed !important;
display: inline-block !important;
width: 51px !important;
height: 18px !important;
right: -255px !important;
top: 120px !important;
padding: 0px 20px !important;
visibility: visible !important;
transition: width ease 0.2s !important;
z-index: 50000 !important;
background-color: red !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view:hover ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay + .view.fluid-droparound-view.flickr-view-root-view:hover ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body script + .view.fluid-droparound-view.flickr-view-root-view:hover {
position: fixed !important;
display: inline-block !important;
right: 20px !important;
transition: width ease 8.2s !important;
visibility: visible !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view:hover {
z-index: 50000 !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound:not(.notifs-droparound):not(.user-account-card-droparound):before ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay + .view.fluid-droparound-view.flickr-view-root-view:not(.notifs-droparound):not(.user-account-card-droparound):before ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body script + .view.fluid-droparound-view.flickr-view-root-view:not(.notifs-droparound):not(.user-account-card-droparound):before {
content: "> > " ;
position: fixed ;
display: inline-block ;
width: 25px ;
height: 36px ;
line-height: 98px ;
right: 520px ;
top: 57px ;
padding: 20px ;
color: gold ;
text-align: left ;
visibility: visible ;
z-index: 5000 ;
border: 1px solid gold ;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound:not(.notifs-droparound):not(.user-account-card-droparound):hover:before ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay + .view.fluid-droparound-view.flickr-view-root-view:not(.notifs-droparound):not(.user-account-card-droparound):hover:before ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body script + .view.fluid-droparound-view.flickr-view-root-view:not(.notifs-droparound):not(.user-account-card-droparound):hover:before {
content: " " ;
z-index: 0 ;
border: 1px solid transparent ;
}
.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):not(.user-account-card-droparound) ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body script + .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound:not(.notifs-droparound):not(.user-account-card-droparound) {
display: inline-block !important;
width: 552px !important;
min-height:165px !important;
max-height:165px !important;
left: 80px !important;
transition: all ease 0.1s !important;
z-index: 500000 !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view:hover .droparound.subview-droparound:not(.notifs-droparound):not(.user-account-card-droparound) ,
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound:hover:not(.notifs-droparound):not(.user-account-card-droparound) ,
.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):not(.user-account-card-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):not(.user-account-card-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):not(.user-account-card-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):not(.user-account-card-droparound) {
display: inline-block !important;
width: 590px !important;
min-height: 153px !important;
max-height: 153px !important;
left: 5px !important;
top: 15px !important;
opacity: 1 !important;
box-shadow: -10px 10px 3px 1px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.4) !important;
z-index: 5000000 !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view:not(.notifs-droparound) .body ,
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view:not(.notifs-droparound):hover .subview-droparound.auto-size:not(.notifs-droparound) .body ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay + .view.fluid-droparound-view.flickr-view-root-view:hover .subview-droparound.auto-size:not(.notifs-droparound) .body ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body script + .view.fluid-droparound-view.flickr-view-root-view:hover .subview-droparound.auto-size:not(.notifs-droparound) .body {
min-height: 153px !important;
max-height: 153px !important;
width: 590px !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound:not(.notifs-droparound):not(.user-account-card-droparound) section {
height: 133px !important;
margin-top: 0px !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound:not(.notifs-droparound):not(.user-account-card-droparound) .person-card-view section .follow-subview > div ,
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound:not(.notifs-droparound):not(.user-account-card-droparound) .person-card-view section .follow-subview {
display: inline-block !important;
height: 36px !important;
line-height: 20px !important;
top: 0px !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound:not(.notifs-droparound):not(.user-account-card-droparound) .person-card-view section .follow-subview .follow-view > .relationship .follow.ui-button {
height: 26px;
left: -10px;
top: 0px;
width: 100px ;
}
.person-card-view .attribution h3 ,
.person-card-view .attribution a ,
.person-card-view .attribution {
position: relative !important;
display: inline-block !important;
height: 25px !important;
margin-bottom: 0 !important;
}
/* PHOTO PAGE - MODAL ACCOUNT POPUP*/
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view:hover .droparound.subview-droparound.auto-size.user-account-card-droparound .body .view.user-account-card-view ,
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view:hover .droparound.subview-droparound.auto-size.user-account-card-droparound .body {
min-width: 300px !important;
max-width: 300px !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay + .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body script + .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview {
display: inline-block !important;
width: 590px !important;
max-height: 150px;
min-height: 150px;
padding: 0px 12px !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview > .view.person-card-view.flickr-view-root-view ,
.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 ,
.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 {
display: inline-block !important;
max-height: 150px;
min-height: 150px;
width: 570px !important;
top: -1px !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview > .view.person-card-view.flickr-view-root-view > div ,
.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 > div ,
.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 > div {
display: inline-block !important;
max-height: 133px;
min-height: 133px;
top: 0px !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view .view.person-card-view.flickr-view-root-view {
height: 132px !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview > .view.person-card-view.flickr-view-root-view .attribution.shorter ,
.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 .attribution.shorter ,
.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 .attribution.shorter {
min-width: 425px !important;
max-width: 425px !important;
}
.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 .attribution.shorter .fade-out ,
.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 .attribution.shorter .fade-out {
min-width: 425px !important;
max-width: 425px !important;
text-overflow: ellipsis !important;
}
.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 {
position: fixed !important;
height: auto !important;
width: auto !important;
left: 1795px !important;
border: 1px solid peru !important;
color: gray !important;
}
.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 .following-unfollow ,
.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 .following-unfollow {
background-color: white !important;
}
/* new112) */
.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 .links.secondary ,
script + .view.fluid-droparound-view.flickr-view-root-view:hover .content.subview > .view.person-card-view.flickr-view-root-view .links.secondary {
display: inline-block !important;
top: -8px !important;
}
.person-card-view .recent-photos a {
background-size: contain !important;
}
.person-card-view .links {
position: relative !important;
display: inline-block !important;
top: -8px !important;
padding-top: 0px;
}
.view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound .person-card-view .links a {
position: relative !important;
display: inline-block !important;
margin-right: 10px !important;
}
/* (new145) JOINED BUTTON - OVERLAY and subview-droparound - POINTER EVENTS NONE - 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: 180px !important;
height: 30px !important;
line-height: 30px !important;
right: 170px !important;
top: 5px !important;
border-radius: 5px !important;
z-index: 5000 !important;
/* border: 1px solid green !important; */
}
.fluid .coverphoto-content .title-block-content .title .follow-view {
width: 130px !important;
right: -50px !important;
top: 13px !important;
text-align: center !important;
/* border: 1px solid blue !important; */
}
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay + .view.fluid-droparound-view.flickr-view-root-view:not(:hover) .droparound.subview-droparound:not(.notifs-droparound):not(.user-account-card-droparound),
.fluid.html-photo-page-scrappy-view.scrolling-layout body script + .view.fluid-droparound-view.flickr-view-root-view:not(:hover) .droparound.subview-droparound:not(.user-account-card-droparound):not(.notifs-droparound) {
position: fixed !important;
display: inline-block !important;
margin-top: 120px !important;
margin-left: 3330px !important;
visibility: visible !important;
opacity: 0 !important;
transition: margin ease 0.7s !important;
z-index: 500000 !important;
}
/* PHOTO PAGE - - OVERLAY - ==== */
.fluid.html-photo-page-scrappy-view.scrolling-layout .fluid-modal-overlay.transparent:not(:hover) ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay:not(:hover){
opacity: 0 !important;
z-index: -100 !important;
background-color: transparent !important;
}
.fluid.html-photo-page-scrappy-view.scrolling-layout .fluid-modal-overlay.transparent:hover ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body .fluid-droparound-overlay:hover {
background-color: transparent;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
visibility: visible;
z-index: 2000 !important;
}
/* (new112) */
.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(.user-account-card-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(.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.scrolling-layout body .fluid-droparound-overlay + .view.fluid-droparound-view.flickr-view-root-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;
}
/* PHOTO PAGE - MENU EDITOR - === */
.view.fluid-droparound-view.flickr-view-root-view:last-of-type .droparound.html.auto-size.dialog-tooltip {
position: fixed !important;
max-width: 352px !important;
top: 16% !important;
z-index: 500000 !important;
visibility: visible !important;
background-color: #333 !important;
}
.view.fluid-droparound-view.flickr-view-root-view:last-of-type .droparound.html.auto-size.dialog-tooltip .body {
max-width: 202px !important;
}
/* POOL COUNTER TOTAL - === */
.sub-photo-contexts-view .sub-photo-context.sub-photo-context-groups .context-list li:last-of-type:before {
position: fixed !important;
top: 252px ;
right: 100px ;
padding: 2px 5px ;
opacity: 0.4 ;
color: peru ;
background: rgba(255, 0, 0, 0.47) ;
}
/* SET / ALBUM - USER AVATAR - MORE INFOS - For GM "PM" (OK) and My GM "USER INFOS" on HOVER FOR ST / ALBUM but PB match to CURATOR POPUP - === */
/* SET / ALBUM - USER AVATAR - For My GM "USER INFOS" but PB match to CURATOR POPUP - === */
.album-header-view > .album-header-content > .album-title-desc-view {
margin-bottom: -37px !important;
margin-top: -28px !important;
top: -43px !important;
}
.album-header-view > .album-header-content > .attribution-view.album-attribution > .avatar {
position: relative !important;
display: inline-block !important;
opacity: 1 !important;
}
/* ==== GM "Flickr Photo Page - View User Infos + Groups List Expand" ==== */
/* END ================================================================== */
/* START ================================ */
/* ==== GM "FLICKR FUNCTIONAL SUITE" ==== */
/* (new116) GM - "F.F.S" - TOP NAV - EXPOLRE PANEL - FFS Settings - === */
#global-nav #gn-wrap .nav.small-logo .toplink > a + #explore-panel.panel .bd {
display: inline-block !important;
height: 209px !important;
margin-bottom: -28px !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;
}
/* GM - "F.F.S" - PHOTO STREAM / FAVORIS - ADD WARNING - 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_"] {
outline: 1px solid red !important;
}
.fluid.html-photostream-page-view #photostream a[id^="CFS_"] span:hover:after ,
.fluid.html-favorites-page-view #photostream a[id^="CFS_"] span:hover:after {
position: absolute ;
content:"Not Flickr Functionnal Suite" ;
width: 180px ;
height: 15px ;
line-height: 15px ;
left:50px ;
top: 0px ;
border-radius: 3px ;
border: 1px solid red ;
font-size: 12px ;
text-align: center ;
white-space: pre-wrap;
word-break: normal;
background: gold ;
}
/* GM - "F.F.S" - ALBUM / SET PAGE - === */
.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: 100% !important;
margin-top: 30px !important;
left: 0 !important;
color: black !important;
font-size: 0 !important;
text-align: center !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;
}
/* GM - "F.F.S" - PHOTO PAGE - === */
.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;
}
/* (new146) GM - "F.F.S" - POP POSI - PROF/POOL LIST/GAL/FAV/ALB/PHOSTR - === */
.fluid.html-albums-list-page-view .fluid-droparound-overlay.transparent{
display: none !important;
}
.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: "FFS " ;
width: 30px !important;
height: 15px !important;
font-size: 12px ;
color: red ;
z-index: 9999 !important;
box-shadow: none !important;
}
.fluid.html-profile-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-person-groups-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-galleries-list-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-favorites-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-albums-list-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-photostream-page-view #CatFlickrSuitePopUp.ToolTip {
position: absolute !important;
display: inline-block !important;
width: 30px !important;
height: 15px !important;
padding-top: 0 !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: auto !important;
height: auto !important;
box-shadow: 10px 10px 3px 1px rgba(0, 0, 0, 0.3);
}
/* GM - "F.F.S" - PHOTO PAGE - 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;
}
/* GM - "F.F.S" - POP POS - PHOT - === */
.fluid.html-photo-page-scrappy-view #CatFlickrSuitePopUp.ToolTip {
position: absolute;
width: 309px !important;
left: 1366px !important;
top: 91px !important;
margin-left: 43px !important;
margin-top: 6px !important;
z-index: 50000 !important;
box-shadow: 10px 10px 3px 1px rgba(0, 0, 0, 0.3) !important;
border-color: gray #222 #222 gray !important;
background-color: #333 !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;
}
/* (new146) GM - "F.F.S" - POP POSI - PROF/ALB/POOL LIST/GALL/FAV/PHOSTR/ - === */
.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;
}
/* GM - "F.F.S"- PHOTO PAGE - TEST for SHORT USER NAME - MORE LONG COLOR FLAG INDICATOR - === */
.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: 1415px !important;
top: 89px !important;
color: transparent !important;
overflow: hidden !important;
font-size: 0px !important;
}
.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;
color: transparent !important;
}
/* GM - "F.F.S" - POPUP POSITION - SETS - === */
.fluid.html-album-page-view.scrolling-layout.yui3-js-enabled #CatFlickrSuitePopUp.ToolTip {
position: fixed !important;
display: block;
left: -87px !important;
top: 275px !important;
z-index: 9999;
}
/* GM - "F.F.S" - MAIL - ==== */
#toto-main.recent-activity .act-content p a[id^="CFS"][href^="/photos/"] {
display: inline-block ! important;
width: 180px ! important;
height: 15px ! important;
font-size: 17px !important;
}
/* GM - "F.F.S" - POPUP POSITION - PENDING PHOTO NEW - === */
.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;
}
#toto-main.recent-activity .act-content p a[id^="CFS"][href*="/photos/"] span {
display: inline-block ! important;
}
/* GM - "F.F.S" - USER NAME - SPECIAL INDICATOR FOR NAME WITH "&" - === */
a[id^="CFS"][href*="&"] ,
a[id^="CFS"][title*="<"] {
color: GREEN !important;
}
/* (new146) GM - "F.F.S" - BACKGROUND RADIUS/PADDING - META - OWNER -ALL - === */
a[id^="CFS"] span:not(.avatar) {
display: inline !important;
color: white !important;
text-shadow: 1px 1px 4px #000;
}
a[id^="CFS"] span:first-of-type:not(.avatar) {
padding: 0 0 0 4px !important;
border-radius: 2px 0px 0px 2px !important;
white-space: normal !important;
min-width: 5px ! important;
}
a[id^="CFS"] span:last-of-type:not(.avatar) {
padding-right: 7px !important;
border-radius: 0px 2px 2px 0px !important;
}
a[id^="CFS"] span:only-child:not(.avatar) {
padding: 0 7px !important;
border-radius: 2px !important;
}
/* GALL */
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.attribution[id^="CFS"] span:not(.avatar) {
vertical-align: bottom !important;
height: 14px !important;
line-height: 14px !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) {
display: inline-block !important;
vertical-align: bottom !important;
width: 100% ! important;
height: 14px !important;
line-height: 14px !important;
min-width: 4px ! important;
max-width: 4px ! important;
}
/* GM - "F.F.S" - PHOTO PAGE - 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 {
display: inline-block !important;
min-width: 5px ! important;
min-height: 18.5px ! important;
margin-bottom: -4px ! important;
}
.photo-display-container.ju .photo-display-item .meta a:not(.title):not(.fave-star-inline):not(.comments-icon):not(.lightbox-inline)[id^="CFS"] span {
display: inline-block !important;
height: 30px !important;
line-height: 30px !important;
}
/* SMALL */
#pool-photos.sm #photo-display-container .pool-photo .hover-target .meta a.owner {
position: relative !important;
display: inline-block !important;
height: 19px !important;
line-height: 15px !important;
width: 75px !important;
margin-left: -10px !important;
margin-right: -10px !important;
top: -7px !important;
bottom: 5px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
text-align: left !important;
}
/* (new143) JU NO BETA */
.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 {
position: relative !important;
display: inline-block !important;
height: 40px !important;
line-height: 40px !important;
width: 205px !important;
margin: 0 0 -13px 0 !important;
top: 0px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
text-align: left !important;
transform: scale(1) !important;
}
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item .thumb.wide .meta a.owner ,
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item .thumb.wide .meta a[id^="CFS"].owner {
min-width: 370px !important;
max-width: 370px !important;
}
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item .thumb .photo_container.pc_z + .meta a.owner {
min-width: 335px !important;
max-width: 335px !important;
}
/* LARGE */
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item .thumb .photo_container + .meta a.owner {
min-width: 235px !important;
max-width: 235px !important;
}
/* NARROW */
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item .thumb .photo_container.pc_n + .meta a.owner {
min-width: 125px !important;
max-width: 125px !important;
}
.photo-display-container.ju .photo-display-item .thumb.too-narrow .meta a:not(.title):not(.fave-star-inline):not(.comments-icon):not(.lightbox-inline)[id^="CFS"],
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item .thumb.too-narrow a[id^="CFS"].owner{
width: 185px !important;
margin-left: -5px !important;
}
/* (new144) for NARROW etc.. :not(.pc_l) */
#pool-photos.ju .pool-photo.photo-display-item .thumb.crazy-narrow span.photo_container:not(.pc_l):not(.pc_n) + .meta a.owner ,
#pool-photos.ju .pool-photo.photo-display-item .thumb.too-narrow span.photo_container:not(.pc_l):not(.pc_n) + .meta a.owner ,
#pool-photos.ju .pool-photo.photo-display-item .thumb.waytoo-narrow span.photo_container:not(.pc_l):not(.pc_n) + .meta a.owner {
width: 160px !important;
margin-left: -10px !important;
}
#pool-photos.sm #photo-display-container .pool-photo .hover-target .meta a[id^="CFS"] span {
position: relative !important;
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
}
.photo-display-container.ju .photo-display-item .meta a:not(.title):not(.fave-star-inline):not(.comments-icon):not(.lightbox-inline)[id^="CFS"] span:first-of-type {
display: inline-block !important;
padding: 0 0 0 4px !important;
border-radius: 5px 0px 0px 5px !important;
}
#pool-photos.sm #photo-display-container .pool-photo .hover-target .meta a[id^="CFS"] span:first-of-type {
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
padding: 0 0 0 4px !important;
border-radius: 2px 0px 0px 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;
}
.photo-display-container.ju .photo-display-item .meta a:not(.title):not(.fave-star-inline):not(.comments-icon):not(.lightbox-inline)[id^="CFS"] span:last-of-type {
display: inline-block !important;
height: 31px !important;
line-height: 31px !important;
padding-right: 7px !important;
border-radius: 0px 5px 5px 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: 15px !important;
line-height: 15px !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: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;
}
/* (new 129) A VOIR GM - "F.F.S" - PHOTO PAGE ? - === */
#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 ;
}
/* (new120) GM - "F.F.S" - COLOR FLAG - OPACITY - === */
*[id^="CFS"]{
opacity: 0.8 !important;
}
/* GM - "F.F.S" - POOL TAG TOP MENU - === */
.clearfix #CFS_Tag_Assoc:before {
content: "< Pool Tags" ;
position: absolute ;
width: 65px ;
left: 793px ;
top: 50px ;
padding: 0px 3px ;
border-radius: 5px ;
visibility: visible ;
border: 1px solid gray ;
}
.clearfix #CFS_Tag_Assoc:hover:before {
position: absolute ;
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: absolute !important;
width: 41% !important;
height: auto !important;
min-height: 64px !important;
left: 574px !important;
margin-top: 0 !important;
margin-bottom: -15px !important;
padding: 2px 3px 3px 3px !important;
border: 1px solid gray !important;
border-radius: 5px 5px 0 5px !important;
opacity: 1 !important;
z-index: 500 !important;
}
.clearfix #CFS_Tag_Assoc:hover {
visibility: visible !important;
}
.clearfix #CFS_Tag_Assoc form span {
border: 1px solid gray !important;
opacity: 1 !important;
}
.clearfix #CFS_Tag_Assoc form {
display: inline !important;
float: left !important;
position: relative !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;
}
/* (new151) FORUMS - ITEMS - === */
.TopicListing>tbody>tr:not(:first-of-type) td {
vertical-align: middle ;
width: 380px ;
height: 100% ;
height: 25px ;
line-height: 15px ;
padding: 1px 2px 0px ;
}
#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 ;
}
/* (new151) */
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) td +td > a.pro-badge-new {
float: left;
top: 0px ;
left: 105px ;
opacity: 0.3 ;
}
/* (new136)SUPP Double PRO last line */
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) tr:last-of-type td + td > a.pro-badge-new svg {
display: none ;
}
/* GM - "F.F.S" - HELP FORUM - TOPIC LISTING - USER NAME*/
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) td +td > a[id^="CFS_"] span {
white-space: nowrap ;
}
/* GM - "Flick Functional Suite" - TEST PEOPLE YOU FOLLOW - PHOTOS OF - ONE BY USER - */
.contact-list-num a[id^="CFS"] span {
background: transparent !important;
}
/* END == GM "F.F.S" ==== */
/* START == GM "PM" ==== */
/* 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 ;
}
/* GM PM - PHOT - == */
.fluid.html-photo-page-scrappy-view .attribution-view .avatar.person.medium > b {
position: fixed !important;
display: inline-block !important;
width: 20px !important;
float: none !important;
height: 25px !important;
line-height: 19px !important;
margin-left: 70px !important;
margin-top: -28px !important;
font-size: 8px !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
white-space: nowrap !important;
overflow: hidden !important;
z-index: 5000000 !important;
color: red !important;
background: black !important;
outline: 1px solid red ;
}
.fluid.html-photo-page-scrappy-view .attribution-view:hover .avatar.person.medium > b {
position: fixed !important;
display: inline-block !important;
width: 590px !important;
margin-left: -10px !important;
opacity: 1 !important;
}
/* GM - "PM" - FORUM 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 b {
display: none !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 -
text-decoration: underline overline line-through !important;
#photo-details.clearfix #invites-and-comments .comment-block .comment-content p.comment-head span b a.fpmLink
=== */
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;
height: 18px !important;
line-height: 18px !important;
margin-left: 2px !important;
font-size: 12px !important;
outline: 0.2px solid #222 !important;
}
/* GM "PM" - ICONS - INDIC for VISITED */
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 - DESC HOVER - === */
a.fpmLink:hover:before {
position: absolute ;
display: inline-block ;
content: attr(title) ;
height: 15px ;
line-height: 15px ;
width: auto ;
min-width: 200px ;
margin-left: -11% ;
margin-top: -15px ;
font-size: 10px ;
text-align: center ;
white-space: nowrap ;
outline: 1px dotted peru ;
}
/* GM - "PM" - REC ACT - COM - USER NAME - ICONS GM "PM" */
#recent-activity .pro-badge-new {
position: absolute !important;
left: -32px !important;
top: 15px;
z-index: 0;
color: peru !important;
}
#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 {
position: absolute !important;
display: inline-block !important;
vertical-align: top !important;
height: 25px !important;
line-height: 28px !important;
top: -5px !important;
left: -45px !important;
bottom: 0px !important;
padding: 5px 5px 0px 10px !important;
font-size: 12px !important;
z-index: 50000 !important;
visibility: hidden !important;
transform: scale(0.7) !important;
transition: height ease 0.7s , background ease 0.7s , transform ease 0.5s !important;
}
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b {
background: blue !important;
}
#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 {
position: absolute !important;
display: inline-block !important;
width: 210px !important;
height: 100% !important;
min-height: 90px !important;
max-height: 90px !important;
line-height: 22px !important;
top: 5px !important;
left: -55px !important;
bottom: 0px !important;
font-size: 12px !important;
padding: 3px !important;
border-radius: 5px !important;
visibility: visible !important;
transform: scale(0.8) !important;
}
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 {
position: absolute !important;
display: inline-block !important;
height: 100% !important;
left: 0 !important;
margin-top: 15px !important;
bottom: 0px !important;
font-size: 12px !important;
padding: 5px 5px 50px 10px !important;
border-radius: 5px !important;
visibility: visible !important;
transform: scale(0.9) !important;
}
/* RECENT - PM with PRO BADGE */
#recent-activity .act-item .act-content a:hover + span.pro-badge + b ,
#recent-activity .act-item .act-content a + span.pro-badge + b:hover {
width: 210px !important;
max-height: 60px !important;
margin-top: 0px !important;
left: -54px !important;
padding: 3px !important;
border: 1px solid red !important;
}
/* 2th COM */
.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 {
position: absolute !important;
display: inline-block !important;
height: 100% !important;
left: 10px !important;
bottom: 0px !important;
font-size: 12px !important;
padding: 5px 5px 50px 10px !important;
border-radius: 5px !important;
visibility: visible !important;
transform: scale(0.9) !important;
}
li.act-detail-item.f-fave:hover b {
position: absolute !important;
display: inline-block !important;
height: 100% !important;
left: 0 !important;
margin-top: 15px !important;
bottom: 0px !important;
font-size: 12px !important;
padding: 5px 5px 50px 10px !important;
border-radius: 5px !important;
visibility: visible !important;
transform: scale(0.9) !important;
}
#recent-activity.tt-activity .act-detail-item > a + b {
position: absolute !important;
display: inline-block !important;
vertical-align: top !important;
height: 25px !important;
line-height: 28px !important;
top: -1px !important;
left: 0px !important;
bottom: 0px !important;
padding: 5px 5px 5px 10px !important;
border-radius: 5px !important;
font-size: 12px !important;
z-index: 50000 !important;
visibility: hidden !important;
overflow: hidden !important;
transform: scale(0.7) !important;
transition: height ease 0.7s , background ease 0.7s , transform ease 0.5s !important;
}
#recent-activity.tt-activity .act-detail-item > a + b:hover ,
#recent-activity.tt-activity .act-detail-item > a:hover + b {
height: 100% !important;
line-height: 22px !important;
width: 195px !important;
top: 12px !important;
left: -7px !important;
padding: 4px !important;
visibility: visible !important;
transform: scale(0.9) !important;
}
/* GM - "PM" - GALL / REC ACT - COM - PM ICON HOVER - === */
.comment-head>span+span {
position: absolute !important;
display: inline-block !important;
min-width: 50px !important;
max-width: 50px !important;
height: 20px !important;
visibility: hidden !important;
}
#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 {
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-right: 5px ;
font-size: 10px ;
visibility: visible ;
background: green ;
}
/* GM - "PM" - GAL === */
/* GM - "PM" - GAL - COM - USER NAME - ICONS "PM" */
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name:hover + p b:not(:hover) {
position: absolute !important;
display: inline-block !important;
height: 100% !important;
bottom: 0px !important; font-size: 12px !important;
padding: 5px 5px 50px 10px !important;
border-radius: 5px !important;
visibility: visible !important;
transform: scale(0.9) !important;
background: yellow !important;
}
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p 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 ;
top: -10px ;
font-size: 10px ;
visibility: visible ;
background: green ;
}
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p a + b:not(:hover) {
position: absolute !important;
display: inline-block !important;
vertical-align: top !important;
width: 30px !important;
height: 25px !important;
line-height: 28px !important;
top: 10px !important;
left: 40px !important;
bottom: 0px !important;
padding: 0px !important;
font-size: 12px !important;
visibility: hidden !important;
visibility: visible !important;
overflow: hidden !important;
transition: height ease 0.7s , background ease 0.7s , transform ease 0.2s !important;
}
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name:hover + a + b:hover {
position: absolute !important;
display: inline-block !important;
height: 100% !important;
top: -10px !important;
bottom: 0px !important;
font-size: 12px !important;
padding: 5px 5px 50px 10px !important;
border-radius: 5px !important;
visibility: visible !important;
transform: scale(0.9) !important;
}
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b:hover {
position: absolute !important;
display: inline-block !important;
height: 100% !important;
width: auto !important;
left: 0 !important;
margin-top: 10px !important;
bottom: 0px !important;
font-size: 12px !important;
padding: 5px 5px 50px 10px !important;
border-radius: 5px !important;
visibility: visible !important;
transform: scale(1) !important;
}
/* GM - "PM" - GALL - PM ICON ON HOVER - === */
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p a + b:not(:hover):before {
content: "PM ▶" ;
position: relative ;
display: inline-block ;
width: 100% ;
min-width: 30px ;
max-width: 30px ;
min-height: 20px ;
max-height: 20px ;
line-height: 20px ;
top: -3px ;
left: 2px ;
font-size: 10px ;
visibility: visible ;
color: white ;
z-index: 0 ;
background: green ;
}
/* GM - "PM" - POOL ADMIN - MEMB LIST - ==== */
#MemberList tr td+td b {
position: absolute !important;
display: inline-block !important;
min-width: 100px !important;
max-width: 100px !important;
height: 20px !important;
line-height: 20px !important;
left: 10px !important;
top: 20px !important;
padding: 15px 0px 10px 5px !important;
visibility: hidden !important;
white-space: nowrap !important;
transform: scale(0.7) !important;
z-index: 500 !important;
}
#MemberList tr td + td a + b:hover ,
#MemberList tr td + td a:hover + b {
position: absolute !important;
display: inline-block !important;
min-width: 122% !important;
max-width: 122% !important;
left: -65px !important;
visibility: visible !important;
transform: scale(0.8) !important;
transition: transform ease 0.1s !important;
}
#MemberList tr td > b + br + small {
display: inline-block !important;
text-indent: 32px !important;
}
/* === GM - "PM" - FORUM / HELP - === */
/* (new110) GM - "PM" - FORUM / 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 {
position: absolute !important;
display: inline-block !important;
min-width: 430px !important;
max-width: 430px !important;
height: auto !important;
line-height: 20px !important;
top: -22px !important;
padding: 3px !important;
cursor: pointer !important;
visibility: visible !important;
white-space: pre-wrap !important;
z-index: 500000 !important;
background: red !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" - FORUM / HELP FORUM - 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 / ALBUM - === */
.fluid.html-album-page-view .album-header-content .view.attribution-view .avatar.person.medium b {
position: absolute;
display: inline-block ;
width: 700px ;
right: 281px ;
top: 66px ;
background: rgba(0, 0, 0, 0.65);
}
.fluid.html-album-page-view .album-header-content .view.attribution-view .avatar.person.medium b a[href^="http://www.flickriver.com/"] {
width: 20px !important;
}
/* GM - "PM" - HEADER - PROFILE - USER NAME - FOR GM "PM" - ICONS to differents services - === */
.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" - CONTACTS 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" - CONT */
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 ;
background: green ;
}
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) ;
color: gold ;
background: rgba(0, 0, 0, 0.5) ;
}
/* 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: 5px !important;
top: 0px !important;
}
/* ==== GM "PM" ===== */
/* END ============== */
/* START ============================= */
/* ==== GM "CROSS-RECOMMENDATION" ==== */
/* (new51) GM - "CROSS-RECOMMENDATION" - PHOTO PAGE - BOTTOM RIGHT SIDEBAR - === */
#FCR_main>h3 {
display: none !important;
}
.sub-photo-container.centered-content .view.sub-photo-title-desc-view + #FCR_main {
position: fixed !important;
width: 40px !important;
height: 52px !important;
margin-top: 0px !important;
right: 460px !important;
top: -20px !important;
padding: 0px 0 0px 30px !important;
border-bottom: 1px solid gray !important;
text-align: center !important;
z-index: 59999 !important;
transform: scale(0.32) !important;
transition: background ease 0.7s , padding ease 0.1s !important;
overflow: hidden !important;
}
.sub-photo-container.centered-content .view.sub-photo-title-desc-view + #FCR_main #FCR_photos {
visibility: hidden !important;
}
.sub-photo-container.centered-content .view.sub-photo-title-desc-view + #FCR_main:hover {
width: 490px !important;
height: auto !important;
margin-top: 22px !important;
right: 2px !important;
top: -48px !important;
border-radius: 0 0 0 5px !important;
padding: 50px 10px 90px 10px !important;
transform: scale(1) !important;
box-shadow: -5px 5px 5px gray !important;
text-align: center !important;
z-index: 59999 !important;
transition: background ease 0.7s , padding ease 0.7s !important;
}
.sub-photo-container.centered-content .view.sub-photo-title-desc-view + #FCR_main:hover #FCR_photos {
visibility: visible !important;
}
.sub-photo-container.centered-content .view.sub-photo-title-desc-view + #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 ;
background: peru ;
}
.sub-photo-container.centered-content .view.sub-photo-title-desc-view + #FCR_main:hover:after {
content: "CRoss Recomendations ..." ;
position: fixed ;
display: inline-block ;
width: 200px ;
height: 20px ;
margin-top: 22px ;
right: 305px ;
top: 5px ;
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 ;
}
.sub-photo-container.centered-content .view.sub-photo-title-desc-view + #FCR_main > a {
margin-right: 0 !important;
}
.sub-photo-container.centered-content .view.sub-photo-title-desc-view + #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;
}
/* ==== GM "CROSS-RECOMMENDATION" ==== */
/* END =============================== */
/* 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 - "NEW" ICON - === */
.New {
display: none !important;
}
/* GM - "Com ON" - SUPP - "from"/by" - POOL - === */
.PoolList {
color: transparent !important;
}
#pool-photos.sm .meta {
color: transparent !important;
}
/* GM - "Com ON" - SUPP (transparent) - TXT "by" - Near USER NAME POOL PRESENTATION PAGE - === */
.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;
}
/* (new110) GM - "Commented ON" - POOL JU + HOVER - === */
/* (new143) */
.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;
}
.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;
}
/* GM - "Com ON" - HOME PAGE - "YOUR PHOTOSTREAM" - COMMENT ICON - === */
#toto-main #toto-home .act-thumb [id^="FCO-photo-"] a {
position: relative !important;
display: inline-block !important;
width: 13px !important;
height: 15px !important;
top: -7px !important;
margin-left: 10px !important;
padding: 0 10px 0 0 !important;
border: 1px transparent solid !important;
border-radius: 5px !important;
opacity: 0.5 !important;
}
#toto-main #toto-home .act-thumb [id^="FCO-photo-"] a:hover {
border: 1px gray solid !important;
opacity: 1 !important;
}
#toto-main #toto-home .act-thumb [id^="FCO-photo-"] a img {
position: absolute !important;
display: inline-block !important;
top: -1px !important;
margin-left: 1px !important;
}
/* GM - "Com ON" - HOME PAGE - "YOUR CONTACTS"/ "YOUR GROUPS" - COM ICON - === */
#toto-main #toto-home #photos-from-box [id^="FCO-photo-"] ,
#toto-main div#toto-home .tt-col1 #y-groups.tt-block .toggle-content ul.tt-thumbs li [id^="FCO-photo-"]{
position: absolute !important;
display: block !important;
top: 85% !important;
left: 5px !important;
width: 20px !important;
height: 12px !important;
z-index: 100 !important;
border: 1px transparent solid !important;
border-radius: 5px !important;
}
#toto-main #toto-home #photos-from-box [id^="FCO-photo-"]:hover ,
#toto-main div#toto-home .tt-col1 #y-groups.tt-block .toggle-content ul.tt-thumbs li [id^="FCO-photo-"]:hover {
border: 1px gray solid !important;
opacity: 1 !important;
}
/* GM "Com ON" - HOME PAGE - "YOUR CONTACTS"/ "YOUR GROUPS" - COM ICON IMG - === */
#toto-main #toto-home #photos-from-box [id^="FCO-photo-"] a img ,
#toto-main div#toto-home .tt-col1 #y-groups.tt-block .toggle-content ul.tt-thumbs li [id^="FCO-photo-"] a img {
position: relative !important;
top: -2px !important;
left: -5px !important;
display: block !important;
}
/* (A SUPP) NO MATCH - GM - "Com ON" - PHOTO PAGE */
#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) - ARCHIVE/CONTACT/SET - POOL(?)/FAV(?)NOT ACTIVE YET ==== */
/* GM - "Com ON" - SQUARE (sq) - POOL/FAV/SET/CONTACT - 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;
}
/* 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: 12px !important;
margin-top: -14px !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" - POOL SMALL - FAV ICON */
#pool-photos.sm .meta .owner+ .inline-icons {
top: -6px !important;
}
/* GM - "Com ON" - SMALL - FAV/CONTACTS - === */
#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;
}
/* GM - "N.FAvs" - ALL - FAV COUNT HOVER BORDER - === */
.nof_fave_contributed {
display: inline-block !important;
padding: 0 2px !important;
max-height: 15px !important;
min-height: 15px !important;
line-height: 15px !important;
border-radius: 5px !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;
}
/* GM - "N.FAvs" - SMALL (sm) - POOL/FAV/SET/ARCHIVE - (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: 85px !important;
margin-top: -6px !important;
left: 1px !important;
}
/* END == GM - "N.FAvs" ==== */
/* START == GM "Quit Multiple Groups" ==== */
#FQMG-quit-button.CancelButt {
position: fixed !important;
display: inline-block !important;
height: 25px !important;
left: 1563px !important;
top: -16px !important;
padding: 1px 10px !important;
visibility: visible;
z-index: 5000000 !important;
border: 1px solid red !important;
}
#FQMG-quit-button.DeleteButt {
position: absolute !important;
display: inline-block !important;
margin-top: -18px !important;
visibility: visible;
z-index: 5000 !important;
}
.first.group-count.pool-pending .FQMG-checkbox {
margin-left: 3px !important;
}
.first.group-count.pool-pending input[title="delete all photos from group pool?"][style^="display: inline; visibility: visible;"] {
transform: translate(-115px,-14px);
outline: 1px solid yellow ;
}
.first.group-count.pool-pending label[title="delete all photos from group pool?"][style^="display: inline; visibility: visible;"] {
display: inline-block !important;
transform: translate(-115px,-14px)!important;
background: red !important;
}
/* END == GM "Quit Multiple Groups ==== */
/* START == GM "QUICK COMMENTS ==== */
/* SIDEBAR - ADD COM - === */
/* SUPP - TXT "Want to format...?" */
#comments .adding-comment .html-info-trigger ,
#comments #reply.comment-block .comment-icon {
display: none !important;
}
#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 INTERSTING" ==== */
/* GM - "BUD INTE" - POPUP - 622 pics - === */
#Main #Tertiary + table {
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
text-align: left;
z-index: 0 !important;
}
.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 ul + a:hover {
background-color: #BA1212 !important;
border: 1px solid red !important;
}
.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 ;
}
/*BUD MENU */
#personmenu_down_menu #tag_person_link[href="javascript:;"] {
height: 20px !important;
}
#personmenu_down_menu #tag_person_link[href="javascript:;"]:before {
content: "Interstiging" ;
height: 20px ;
font-size: 15px ;
}
/* 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 ;
}
/* (new146) START === GM "View on FlickrRiver" ==== */
/* (new151) IN POOL */
.subnav-middle>span {
position: absolute ;
top: 10px ;
right: 68px;
}
/* IN PHOTO PAGE */
.attribution-view.photo-attribution.is-real-fullscreen.is-hidden {
opacity: 1 !important;
visibility: hidden !important;
}
.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;
}
.fluid.html-photo-page-scrappy-view .attribution-view.photo-attribution.is-real-fullscreen.is-always-hidden .attribution-info>span a[href^="http://www.flickriver.com"] ,
.fluid.html-photo-page-scrappy-view .attribution-info > span a[href^="http://www.flickriver.com"] {
position: fixed !important;
display: inline-block !important;
height: 15px !important;
top: 135px !important;
right: 315px!important;
color: peru !important;
background: transparent !important;
opacity: 1 !important;
visibility: visible !important;
}
/* GM - "F.F.S" - Visible on HOVER ONLY - === */
.attribution-info > span:not(:hover) a span {
display: inline-block !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 == GM ADAPTATION ======= */
}
@-moz-document url-prefix("https://www.flickr.com/photos/friends"), url-prefix("https://www.flickr.com/people/") {
/* START ==== URL PREF - GM - "F.F.S" - SUPP TOOLTIP and Name action (pointer-events) where it's not USABLE - ==== */
#contacts-thumbs-wrapper:before {
content: "Flickr Functiolal Suite: Tooltip not usable " ;
position: fixed ;
top: 300px ;
left: -120px ;
font-size: 15px ;
transform: rotate(-90deg) ;
color: red ;
}
/* GM - "F.F.S- - PHOTFRIENDS pages - SUPP POINTER EVENTS */
#contacts-thumbs-wrapper .photo-display-container.ju .photo-display-item .meta .attribution a.owner[id^="CFS_"] ,
#contacts-thumbs-wrapper .photo-display-container.ju .photo-display-item .meta span.attribution a,
#contacts-thumbs-wrapper .photo-display-container.ju .photo-display-item .meta span.attribution ,
#contacts-thumbs-wrapper .photo-display-container.ju .photo-display-item .meta a.owner[id^="CFS_"] ,
#contacts-thumbs-wrapper .photo-display-container.ju .photo-display-item .meta a[id^="CFS_"]:not(.title):not(.fave-star-inline):not(.comments-icon):not(.lightbox-inline) {
pointer-events: none !important;
}
/* END - ==== URL PREF - GM - "F.F.S" - SUPP TOOLTIP where it's not USABLE ==== */
}
@-moz-document domain("www.flickr.com"), domain("flickr.com"), domain("secure.flickr.com") {
/* STY03 ============================================================================================= */
/* =================================================================================================== */
/* ===== FLICKR - 00 - Flickr WideScreen - ALLinONE TOTAL DARK-Grey v.151 (new151) - (STANDALONE) === */
/* =================================================================================================== */
/* =================================================================================================== */
/* ============== ============= ================ */
/* ============== ============= ================ */
/* ============== DIVERS COLORS ================ */
/* ============== ============= ================ */
/* ============== ============= ================ */
/* (new116) IMAGE - SVG BACKGROUND WHITE -
https://www.flickr.com/help/forum/en-us/72157713635219992/#reply72157713639041541
=== */
img.notsowide {
background: white !important;
}
/* PHOTO - TOP INFO RIGHT */
.sub-photo-right-view .sub-photo-right-row1 {
border-bottom: 1px solid #303030 !important;
}
/* ADD TO GROUP - POPUP INVITATION + RULE VIOLATION - === */
.add-to-dialog.add-to-group {
border: 1px solid red !important;
background: rgba(0, 0, 0, 0.70) !important;
}
.add-to-dialog.add-to-group .hd {
background: rgba(0, 0, 0, 0.20) !important;
}
.add-to-dialog.add-to-group .bd {
background: rgba(0, 0, 0, 0.60) !important;
}
.add-to-dialog .add-to-selector li strong.item-name {
border-top: 1px solid gray !important;
}
.add-to-dialog .add-to-selector li:hover {
background: rgba(36, 36, 37, 0.83) !important;
}
.add-to-dialog .add-to-selector li.item.group.item-selected.administered ,
.add-to-dialog .add-to-selector li.item.group.item-disabled.administered.invited {
background: rgba(142, 52, 8, 0.51) !important;
}
.add-to-dialog .add-to-selector li.item.group.item-selected.administered:hover ,
.add-to-dialog .add-to-selector li.item.group.item-disabled.administered.invited:hover {
background: rgba(142, 52, 8, 0.91) !important;
}
.rule-violation .bd {
background: rgba(0, 0, 0, 0.25) !important;
border: 1px solid rgba(128, 128, 128, 0.25) !important;
}
.rule-violation .msg {
background: rgba(255, 255, 213, 0.16);
}
ul.pool-restrictions {
border-bottom: 1px solid peru !important;
}
/* RIGHT SIDEBAR - INVIT POOL ICON - FROM THIS POPUP - === */
.yui3-popover-hidden #options-menu ul .option-invite-to-group span {
border-right: 3px solid gray !important;
border-bottom: 2px solid gray !important;
background-color: rgba(0, 0, 0, 0.7) !important;
}
.yui3-popover-hidden #options-menu ul .option-invite-to-group span:hover {
background-color: rgba(0, 0, 0, 0.7) !important;
}
/* TOOLTIPS - ALL */
#global-dialog-container {
background-color: transparent !important;
}
/* FOR ALL LUNGUAGES) - == */
.invite-content .button-container input.DeleteButt {
background: #E40600;
}
.ui-dialog-cta.scrappy-dialog,
.ui-dialog-cta .scrappy-dialog,
.ui-dialog-modal.scrappy-dialog,
.ui-dialog-modal .scrappy-dialog,
.ui-dialog-alert.scrappy-dialog,
.ui-dialog-alert .scrappy-dialog,
.fluid-modal-view.scrappy-dialog,
.fluid-modal-view .scrappy-dialog {
color: peru !important;
background: rgba(34, 34, 34, 0.81) !important;
}
/* PHOTO - DIALOGUE POPUP / TOOLTIP - DELETE PCTURE - === */
.ui-dialog-modal .confirmation-dialog-view {
color: red !important;
background: #333 !important;
}
.album-selection {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
}
.modal.subview-modal.fluid-album-modal.scrappy-dialog .body ,
.modal.subview-modal.fluid-album-modal.scrappy-dialog .body .content .album-selection ol {
border-top: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.ui-dialog-wrapper .ui-dialog-body .album-selection input {
border: 1px solid rgba(0, 0, 0, 0.5) !important;
color: rgba(255, 255, 255, 0.9) !important;
}
.ui-dialog-wrapper .ui-dialog-body .album-selection input::-moz-placeholder {
border: 1px solid rgba(0, 0, 0, 0.5) !important;
color: rgba(255, 255, 255, 0.9) !important;
text-shadow: none !important;
}
.album-selection .album-selection-list-item {
border: 1px solid gray !important;
}
.album-selection-list-item.belongs-to-album {
border: 1px solid peru !important;
}
.album-selection-list-item:hover {
border: 1px solid peru !important;
color: tomato !important;
background-color: #333 !important;
}
.album-selection-list-item:hover span {
color: tomato !important;
}
.album-selection-list-item.belongs-to-album:hover {
background-color: black !important;
}
.album-selection-list-item.belongs-to-album:hover span {
color: gold !important;
}
.album-selection-buttons {
box-shadow: none !important;
background-color: rgba(0, 0, 0, 0.2) !important;
}
/* FLUID - THUMBNAIL META HOVER */
.photo-list-photo-interaction:hover .interaction-bar {
background: rgba(0, 0, 0, 0.74) !important;
border-top: 1px solid #5a5a5a !important;
}
/* NEW DESIGN - BLOCK USER */
.profile-bio-page-view .general-stats ul li.block:hover {
background: rgba(251, 6, 6, 0.88) !important;
color: gold !important;
transition: all ease 0.7s ;
}
.profile-bio-page-view .general-stats ul li.block:hover a{
color: gold !important;
}
/* (new149) TOGGLE POOL BETA - SUPP TXT "GO BACK POOL NEW EXPERIENCE" - === */
.opt-out-bug button {
color: gray !important;
}
.view.opt-out-widget-view {
background: black !important;
}
.opt-out-bug button:before {
color: white ;
background: peru ;
}
.opt-out-bug button:after {
color: white ;
background-color: rgba(255, 0, 0, 0.61) ;
}
.opt-out-bug button:hover:after {
color: white ;
background-color: rgba(8, 249, 38, 0.43) ;
}
.opt-out-bug button:hover {
color: gold !important;
background: #333 !important;
}
/* TOOLTIP - GALLERIE / ALBUM - === */
.popover-position-marker + .personmenu.personmenu-hidden + .global_dialog_spinner + div.global_dialog.global_dialog.default #global-dialog-container {
box-shadow: -3px 4px 5px 4px black ;
}
.reorder-widget + .button-container {
background: rgba(0, 0, 0, 0.25) ;
}
/* PROFILE ABOUT - === */
.coverphoto-content.fluid-centered .followers.truncate>a {
color: peru !important;
}
.coverphoto-content.fluid-centered .followers.truncate>a:visited {
color: tan !important;
}
.view.gallery-selection-dialog-view.flickr-view-root-view.album-selection-dialog-view .album-selection-list-item.album-selection-create-switch .album-selection-list-item-labels {
background: #333 !important;
}
.view.album-engagement-view ,
.album-header-view.justified-transitions > .album-header-content > .album-stats-view {
background: rgba(34, 34, 34, 0.48) ;
}
/* POOL MANAGE MEMBERS / ACCOUNT SETTINGS - === */
h3.Tab {
border-bottom: 4px solid #b7b7b7 !important;
}
.TabIn {
border-color: #b7b7b7 #b7b7b7 #c5c5c5 !important;
border-left: 1px solid #b7b7b7 !important;
border-right: 1px solid #b7b7b7 !important;
background: #c5c5c5 !important;
}
span.TabOut {
background: #b7b7b7 !important;
}
span.TabOut a {
color: gray !important;
}
span.TabOut a:hover,
span.TabOut a:visited:hover {
background-color: transparent !important;
color: black !important;
text-decoration: none !important;
}
table.contact-list-table th, table.contact-list-table td {
border-bottom: 1px solid #777777 !important;
}
#MemberList tr[id^="member_"] {
background: #1A1919 !important;
}
#MemberList tr td:nth-child(n+3) a {
background: black !important;
}
/* POOL - "YOUR CONTACTS NEW UPLOAD" + FAVs - JUSTIFIED THUMBNAILS - === */
.photo-display-container .row .photo-display-item {
border-color: #222 !important;
}
.result-card .sizer-cropper ,
.search-photos-unified-page-view .search-subnav.using-slender-advanced-panel ,
.fluid .group-discussion-topic-view .reply,
.fluid .group-discussion-topic-view .topic {
border-bottom: 1px solid gray !important;
}
.fluid .group-discussion-topic-view .reply,
.fluid .group-discussion-topic-view .topic {
color: gray;
}
.result-card .button-content {
box-shadow: none !important;
}
/* GM - "FLICKR FUNCTIONAL SUITE" - NORMAL POPUP MENU - === */
#CatFlickrSuitePopUp.ToolTip {
border-color: gray #222 #222 gray !important;
box-shadow: 10px 10px 3px 1px rgba(0, 0, 0, 0.3) !important;
}
a.simple_butt,
a.simple_butt:link,
a.simple_butt:visited {
background: transparent !important;
color: peru !important;
}
/* GM (choice) - "FLICKR FUNCTIONAL SUITE" - PHOTO PAGE - POPUP - CHOOSE OUR COLOR FLAGS - === */
.SetColor:not(:hover) {
border-top: 3px solid black !important;
border-bottom: 3px solid black !important;
}
.SetColor:hover {
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;
}
/* 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;
}
/* 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;
}
/* 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;
}
/* 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;
}
/* (new125) 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;
}
/* END ========= ============= ================ */
/* ============== ============= ================ */
/* ============== DIVERS COLORS ================ */
/* ============== ============= ================ */
/* ============== ============= ================ */
/* ============================================== */
/* ============ BUDDY ICON MENU ================= */
/* ============================================== */
/* ============================================== */
/* (new121) 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;
}
/* (new28) BUDY ICON WITH MENU - === */
.candy_menu {
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;
}
/* (new28) BUDY ICON WITH MENU - PENDING / MAIL - === */
#personmenu_block_link {
text-align: center !important;
}
/* (new28) 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 ================= */
/* ============================================== */
/* ============================================== */
/* ============================================== */
/* ============================================== */
/* =============== BUTTONS =================== */
/* ============================================== */
/* ============================================== */
.Butt,
.SmallButt,
.Butt:hover,
.SmallButt:hover {
background-color: transparent !important;
}
.DeleteButt ,
.SmallDeleteButt {
/* background: -moz-linear-gradient(center top , #252424, #4C4C4C) repeat scroll 0 0 transparent !important;*/
color: gray !important;
}
.DeleteButt:hover,
.SmallDeleteButt:hover {
/* background: -moz-linear-gradient(center top , #252424, red) repeat scroll 0 0 transparent !important; */
color: black !important;
}
/* (new28)POOL - JOIN - AGREE BUTTON */
#groups-about .about form p input.Butt {
border: 1px solid red!important;
color: gold !important;
background: GREEN !important;
}
/* (new28) - 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 =================== */
/* ============================================== */
/* ============================================== */
/* (new33) ====================================== */
/* ============================================== */
/* =============== INPUTS =================== */
/* ============================================== */
/* ============================================== */
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;
}
/* (new97) 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 =================== */
/* ============================================== */
/* ============================================== */
/* =============== PAGINATOR ================= */
/* =============== PAGINATOR ================= */
/* =============== PAGINATOR ================= */
/* 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;
}
/* PAGINATOR - PREV/NEXT etc - === */
.Next,
.Prev {
background-color: #222222 !important;
}
/* (near PAGINATOR) - === */
.Paginator a ,
.Paginator span.break {
background-color: #222222 !important;
border-color: #777777 !important;
}
/* 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;
}
/* ============== BACKGROUND ================= */
/* (new134) BACKGROUND-ZEBRA ========== */
.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;
}
.suggestions li:nth-child(even) ,
.camera-table tr:nth-child(even) ,
.TopicReply>tbody>tr:nth-child(even) {
background: black !important;
}
/* (new127) BACKGROUND-ZEBRA - HOVER */
.camera-table tr:hover {
background: #222 !important;
}
/* (new82) BACKGROUND - DIVERS ======= */
/* 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) linear-gradient(0deg, transparent 0px, rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.9)) repeat scroll 0 0 !important; */
background: rgba(0, 0, 0, 0.3) !important;
}
/* 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 , */
.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;
}
/* 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;
}
/* 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;
}
/* 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;
}
/* (new92) 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;
}
/* (new69) BACKGROUND - GRAY - === */
.fluid .fluid-magic-tools-view ,
#mostviewed div div {
background: gray !important;
}
/* BACKGROUND - PERU - === */
.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;
}
/* (new134) 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 ;
}
/* (new79) BACKGROUND - BLUE - === */
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b {
background: blue !important;
}
/* (new151) BACKGROUND - BLACK - === */
.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 ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1:hover ,
.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 ,
#groups-list .groups-sidebar:hover ,
.fluid.html-photostream-page-view .fluid-magic-tools-view .fluid-magic-toolbar:hover ,
body.flickrfixrwebextension .sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken.clear-float + .date-info ,
body.flickrfixrwebextension .sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken ,
body.flickrfixruserscript .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 ,
#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 ,
.fluid.html-group-pool-page-view .pagination-view:not(:empty) ,
.fluid.html-group-pool-page-view .view.group-pool-subheader-view:not(.requiredToShowOnServer) + .view.photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-interaction:hover .interaction-bar .text ,
.fluid.html-group-pool-page-view .view.group-pool-subheader-view:not(.requiredToShowOnServer) + .view.photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-interaction .interaction-bar:hover .text ,
.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 ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view:hover > .date-taken + .date-info ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken:hover + .date-info ,
.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 ,
#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 ,
#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 ,
#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 ,
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 ,
#Main #top-about + #col-left ,
.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 ,
#Photo {
background: black !important;
}
/* (new123) BACKGROUND - BLACK + COLOR / BORDER - - === */
/* BACKGROUND BLACK - TXT WHITE */
#gallery-big-photos .gallery-item .vsDescription {
color: white !important;
background: black !important;
}
/* BACKGROUND BLACK - TXT GRAY */
.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 {
color: gray !important;
background: black !important;
}
/* (new140) BACKGROUND BLACK - TXT GOLD */
.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:;"] ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover .c-charm-item-location .map-container + .location-data-container ,
#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 {
color: gold ;
background: black !important;
}
/* BACKGROUND BLACK - RED */
#camera-finder-content h3 ,
.fluid.html-photo-page-scrappy-view .attribution-view .avatar.person.medium > b ,
#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 {
border: 1px solid red ;
background: black !important;
}
/* BACKGROUND BLACK - TXT DIVERS */
#DiscussTopic .TopicReply form {
border: 1px solid #404040;
background: black !important;
}
#GoodStuff .Preview ,
#DiscussTopic .Preview {
border: 1px solid #DDDDDD;
box-shadow: -7px 7px 2px black ;
background: black !important;
}
.act-details .act-who + .invitePhoto > p:last-of-type a ,
.act-details .act-who + .invitePhoto > p:first-of-type a {
color: #FF0000 ;
background: black ;
}
/* (new123) BACKGROUND-COLOR - BLACK - === */
.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 ,
.photo-well-scrappy-view .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 ,
.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 ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view > .date-taken + .date-info ,
.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;
}
/* (new79) BACKGROUND-COLOR - BLACK + COLOR + BORDER === */
.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 {
border: 1px solid red !important;
background-color: black !important;
}
.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 {
color: white !important;
background-color: black !important;
}
/* (new144) BACKGROUND - #222 - A VOIR == #222 */
.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 ,
.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 ,
.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;
}
/* (new79) BACKGROUND - #222 + BORDER / COLOR - === */
.share-options-list li.divider span {
background: #222 !important;
border-bottom: 1px solid #333 !important;
border-top: 1px solid #333 !important;
}
#gallery-comments #comments {
border: 1px solid red ;
background: black ;
}
/* #222 + GOLD */
#albumTeaser>div {
color: gold !important;
background: #222 !important;
}
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who):before {
border: 1px solid #404040 ;
box-shadow: 3px 3px 2px black ;
color: gold ;
background: #222 ;
}
/* (new143) BACKGROUND-COLOR - #222 - === */
.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 ,
.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;
}
/* (new143) BACKGROUND - #333 - === */
.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 ,
.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 ,
/* .view.sub-photo-title-desc-view.photostream-edit.editing , */
.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 ,
.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 ,
.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 ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1:hover ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 ,
.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-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 ,
.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 ,
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,
#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;
}
/* BACKGROUND - #333 + BORDER / COLOR - === */
#recent-activity.tt-activity .act-detail-item > a + b:hover ,
#recent-activity.tt-activity .act-detail-item > a:hover + b {
border: 1px solid red ;
background: #333 !important;
}
.opt-out-bug button:hover {
color: gold !important;
background: #333 !important;
}
/* (new143) BACKGROUND-COLOR - - #333 - === */
#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) ,
.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;
}
/* BACKGROUND-COLOR - - #333 + BORDER - === */
/* BACKGROUND - TRANSPARENT + TXT - === */
/* BACKGROUND - TRANSPARENT + WHITE - === */
.photo-display-container.ju .photo-display-item .meta a.title {
color: white !important;
background: transparent !important;
}
/* BACKGROUND-GRADIENT ONLY - === */
/*PB - function-linear-gradient-no-nonstandard-direction :
https://stylelint.io/user-guide/rules/function-linear-gradient-no-nonstandard-direction/
===== */
/* BACKGROUND-GRADIENT - and COLOR - === */
#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 ,
.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 {
color: gray !important;
/* background: -moz-linear-gradient(center top , #0E0E0E 0px, #333232 100%) repeat scroll 0 0 transparent !important;*/
}
.subnav-refresh .subnav-middle {
border-bottom: 1px solid gray !important;
/* background: rgba(0, 0, 0, 0) -moz-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 ;
}
/* 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: -moz-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;
}
/* ========== BACKGROUND-RGB =========== */
/* ========== BACKGROUND-RGB =========== */
/* (new107) 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;
}
body.flickrfixrwebextension .sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken ,
body.flickrfixruserscript .sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken {
background-color: rgba(10, 10, 10, 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) ;
}
#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;
}
#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;
}
#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 {
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 {
background: rgba(210, 179, 140, 0.7) ;
}
.photo-notes-scrappy-view .note {
background: rgba(255, 0, 0, 0.06) !important;
}
.photo-notes-scrappy-view.box-hovered:hover .note:not(:hover) {
background: rgba(210, 179, 140, 0.24) !important;
}
/* (new84) BACKGROUND-RGB AND COLOR + BOX SHADOW === */
.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) ;
}
#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) ;
}
/* (new44) 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;
}
/* ============== TITLE / LINKS COLOR ================= */
/* ============== TITLE / LINKS COLOR ================= */
/* ============== TITLE / LINKS COLOR ================= */
/* (new145) TITLE / LINKS COLOR - WHITE === */
.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;
}
/* (new125) TITLE / LINKS COLOR - GRAY0 - LONG === */
#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 ,
#MemberList tr td:nth-child(2) a, .char_search + #MemberList tr td:nth-child(2) a ,
#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
#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 ,
.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 ,
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;
}
/* (new125) TITLE / LINKS COLOR - GRAY0 - SHORT === */
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 ,
.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 ,
.zoomer .meta a ,
.search-icon use ,
.SmallDeleteButt ,
.SmallCancelButt ,
td#GoodStuff td,
.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 ,
.photosNum ,
.item-link ,
.SmallButt ,
.pro-badge ,
#thetags a ,
.Highlight ,
.fluid h5 ,
.Who > h2
.fluid a ,
#Main td ,
table th ,
table td ,
small ,
#Main ,
.Butt,
h1 ,
h2 ,
h3 ,
h4,
h5 ,
p {
color: GRAY !important;
text-decoration: none !important;
}
/* TITLE / LINKS COLOR - GRAY1 - #656c7a === */
/* TITLE / LINKS COLOR - GRAY0 - #656c7a + HOVER GREEN - #b9d56e + VISITED RED === */
.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;
}
/* TITLE / LINKS COLOR - GRAY2 - #444 === */
/* TITLE / LINKS COLOR - GRAY3 - #999 === */
/* TITLE / LINKS COLOR - GRAY4 - #777 === */
/* TITLE / LINKS COLOR - 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;
}
/* (new83) LINKS COLOR - PERU ONLY (not HOVER) - === */
.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 ,
.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 ,
.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 {
color: peru !important;
}
/* (new120) LINKS COLOR - PERU - with HOVER or Not - === */
.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 ,
.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 ,
#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"] ,
#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 ,
.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;
}
/* (new83) LINKS / TITLE - COLOR - GREEN #b9d56e - HOVER / HOVER:VISITED - === */
.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 ,
.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 ,
#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 .height-controller .photo-well-media-scrappy-view > .restricted-interstitial > .restricted-interstitial-message a:hover ,
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .restricted-interstitial > .restricted-interstitial-message a:visited:hover ,
.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 ,
#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 ,
.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 ,
.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 ,
#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 ,
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,
.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;
}
/* (new46) LINKS / TITLE - COLOR - PERU - VISITED PERU - HOVER / HOVER:VISITED - === */
.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 {
color: peru !important;
}
.about_group_edit a[href^="/groups"]:visited ,
a[href^="http://www.flickriver.com"]:visited ,
#GoodStuff>form>p>a:visited {
color: peru !important;
}
/* TEXT/LINK - TAN */
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;
}
/* (new100) LINKS / TITLE - COLOR - PERU - VISITED TAN - HOVER / HOVER:VISITED - === */
.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-photo-page-scrappy-view .sub-photo-context .context-list li a + span.title 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 ,
.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 > .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;
}
/* VISITED - TAN */
.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 ,
.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 ,
.attribution-view.album-attribution > .attribution-info a:visited ,
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .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 ,
.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;
}
/* (new143) LINKS / TITLE - COLOR - RED - === */
ul.groups-list-header .SortOptions .group_sort_active,
.GroupsCenterContainer .SortOptions .group_sort_active {
color: red !important;
}
/* (new151) LINKS / TITLE - COLOR - GOLD - === */
#tt-recent-nav ul b ,
.group-creation-view .group-creation-container .group-creation-content-container .step-container ,
.compose-field-container .compose-field:not(#message):not(#subject) ,
.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 ,
.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 {
color: GOLD !important;
}
.square-menu-css .yui3-popover-arrow-br ,
#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 ,
#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-item .group-members , */
.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;
}
/* LINKS - COLOR - TOMATO - === */
.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;
}
/* (new52) LINKS - COLOR divers - VISITED - TOMATO */
.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;
}
.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;
}
/* 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;
}
/* =============== TEST ===================== */
/* =============== TEST ===================== */
/* (new40) APPS PAGES - TAGS - === */
.RHS #thetags ul.rhs-data li.Stats a {
color: gold !important;
}
/* (new32) 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;
}
/* ==== 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 === */
.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;
}
/* (new120) */
a[id^="CFS"]{
color: tan !important;
text-decoration: none !important;
}
a[id^="CFS"]:visited {
color: tomato !important;
text-decoration: none !important;
}
a[id^="CFS"] span:not(.avatar) {
color: white !important;
text-shadow: 1px 1px 4px #000 !important;
}
.photo-notes-scrappy-view .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;
}
/* 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 {
border-top: 1px dashed gray !important;
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;
}
/* 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 tan !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;
}
.fluid .fluid-modal-view{
background: transparent !important;
}
.fluid .fluid-chalkboard-overlay.transparent,
.fluid .fluid-droparound-overlay.transparent,
.fluid .fluid-modal-overlay.transparent ,
.fluid.html-album-page-view .view .fluid-droparound-view flickr-view-root-view ,
.fluid.html-album-page-view .subview-droparound.droparound.auto-size ,
.stuff-selection-view .stuff-selection .stuff-selection-search-container input.stuff-selection-search{
background: transparent !important;
}
.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: #222 !important;
border: 1px solid #333 !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar {
background: #333 !important;
}
.fluid .fluid-chalkboard-overlay,
.fluid .fluid-droparound-overlay,
.fluid .fluid-modal-overlay {
background: transparent !important;
background-color: transparent !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;
}
.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;
}
/* FROM PART 2 - GALLERY - COMMENTS */
.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 {
color: gray ;
}
.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 {
color: peru !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;
}
/* END =========== TEST ===================== */
/* =============== TEST ===================== */
/* STY03 ===================================================================================== */
/* =========================================================================================== */
/* ===== FLICKR - 0 - Flickr WideScreen - ALLinONE TOTAL DARK-Grey (STANDALONE) =========== */
/* =========================================================================================== */
/* END ======================================================================================= */
}
QingJ © 2025
镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址