Flickr using at its maximum a WideScreen
目前为
/* ==UserStyle==
@name Flickr WideScreen - BigONE v.187 (userstyle)
@namespace flickr.com
@version 1.87.00
@author decembre
@description Flickr using at its maximum a WideScreen
@license unlicense
==/UserStyle== */
@-moz-document domain("flickr.com"), domain("na.ads.yahoo.com") {
/* ==== Flickr WideScreen - BigONE v.187 ==== */
/* ==== FLICKR - 0 - Flickr WideScreen - ALLinONE (Part 1) v.187 (new187) - NORMAL NO BETA/BETA ===== */
/* (new175) SUPP PUBS / GEO YAHOO / SPONS ETC... */
/* (new183) SUPP -PHO - FAVE RED */
.photo-engagement-view .fave-view a.fave-star.false.is-faved svg.icon-fave ,
.photo-engagement-view .fave-view a.fave-star.is-faved svg.icon-fave ,
.view.photo-engagement-view .view.fave-view .fave-star.false .icon-fave_hollow ,
.photo-engagement-view .fave-view a.fave-star.false.is-faved svg.icon-fave_hollow ,
#testimonials .avatar.person.small>span ,
.cookie-banner-reg ,
.with-emoji-picker .attach-to-input .upward-arrow ,
.sub-photo-left-view > .sub-photo-fave-view i ,
.ForumPost + br ,
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) tr:last-of-type td + td > a.pro-badge-new svg ,
#comments .adding-comment .html-info-trigger ,
#comments #reply.comment-block .comment-icon ,
.ad-card ,
.New ,
.html-feed-new-page-view .feed-b ,
.feed-page-view .feed .moola-card ,
.feed-page-view .feed-b,
.feed-page-view .feed-b .upgrade-to-pro-cta,
.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 ,
a[href="/account/upgrade/pro"] ,
.ad-card ,
.html-feed-new-page-view .feed-b ,
.sub-photo-left-view > .sub-photo-fave-view.faves-present svg.icon ,
.opt-out-widget .feedback ,
.opt-out-widget .optout-toggle .divider ,
.optout-toggle>a ,
.fluid.html-group-home-page-view .fluid-droparound-overlay ,
.main.moola-search-div ,
.signup-footer ,
.photo-page-lightbox-scrappy-view .photo-well-view.enable-zoom .facade-of-protection-neue,
.photo-page-lightbox-scrappy-view .photo-well-view.dark.enable-zoom .facade-of-protection-neue ,
#GoodStuff table#InBox tbody tr:first-of-type ,
#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 .footer-full-view ,
.fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view + .fluid-droparound-overlay.transparent + .fluid-droparound-view + .fluid-droparound-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 body::after ,
.fluid.html-photostream-page-view .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view.closed ,
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view.closed a.search-toggle span.active,
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view.closed a.search-toggle span.active:before ,
.follow-view.is-real-fullscreen ,
.main-logo ,
.global-nav-view .global-nav .global-nav-content .flickr-logo-container ,
.global-nav-view .global-nav .global-nav-content .flickr-logo-container .main-logo ,
#global-nav .logo ,
.global-nav-content .main-logo ,
#global-nav .logo .refresh-logo-2013, #global-nav .logo .refresh-logo-2013-2x ,
#global-nav #gb-ac-panel .usage .upgrade ,
#global-nav #gb-ac-panel.new-account-menu .usage .upgrade ,
.option-getty ,
#gpt-photostream-interstitial ,
.sub-photo-submoola-view ,
.fluid.html-photo-page-ad-scrappy-view .sub-photo-ad-view .sub-photo-title-desc-view ,
.fluid.html-photo-page-ad-scrappy-view .photo-page-ad-scrappy-view .sub-photo-ad-view,
.sub-photo-moola-view .sub-photo-left-view ,
.moola-container ,
.photo-page-i-m-container ,
#global-nav #gn-wrap .nav.small-logo .toplink[class="toplink"]:last-of-type ,
#gpt-feed-billboard ,
.cookie-banner-view ,
.fluid .fluid-chalkboard-overlay .balls,
.fluid .fluid-droparound-overlay .balls,
.fluid .fluid-modal-overlay .balls ,
.global-nav .global-nav-content .gn-tools li:last-of-type .account-menu-view .c-account-buddyicon span.exceed-warning-dot .exclamation ,
.global-nav .global-nav-content .gn-tools li:last-of-type .account-menu-view .c-account-buddyicon span.exceed-warning-dot ,
.content.html-only.no-scroll ,
.global-nav .global-nav-content .nav-menu > li.gn-get-pro ,
.img[src="https://s.yimg.com/pw/images/spaceout.gif"] ,
.ad-iframe-shim ,
.html-feed-page-view .ad-iframe-container ,
.privacy-footer-view.hidden ,
.footer-full-view.requiredToShowOnServer.privacy-footer .privacy-footer-view.hidden ,
.footer-full-view.requiredToShowOnServer.privacy-footer ,
.slideshow-view .slideshow-well-view > .facade-of-protection-neue ,
html body #main #sihp-flickr-pro-upsell ,
.card.ad-card ,
.CAN_ad ,
img[width="1"] ,
.lrec-ad-container ,
.CAN_ad ,
.GoogleActiveViewClass ,
#groups-list #groups_ad ,
#sponsored-groups ,
#FCR_main>h3 ,
.DiscussionResults>tbody tr td:first-of-type:not(.Who) .Topic p > b b ,
.notification-banner-view .basic-banner.head-banner-style:not(:hover) .banner-content ,
.notif-banner.announcement:not(:hover) .banner-content ,
.unscaleBtn ,
.unscaleBtn ,
#sp-fw-container ~.fluid-droparound-overlay.transparent ,
#tt-pages + #Feeds #AtomRSS > a + a ,
.tt-activity .act-content > div br ,
.act-content>strong ,
#GoodStuff #MemberList tr:first-of-type ,
#MemberList tr[valign="bottom"] ,
.char_search +#MemberList tr[valign="bottom"] ,
.gallery-page-view .gallery-page-container .details-section .description.hidden ,
.gallery-page-view .gallery-page-container .details-section .description.hidden ,
#groups-list .SetsContainer.GroupsCenterContainer .Sets .SetCase .setLinkDiv ,
#groups-list .SetsContainer.GroupsCenterContainer .Sets .SetCase .setLinkDiv .setThumb ,
.groups-list-item .divider ,
#gray_set_button_bar ~ #SubNav form >br ,
#ViewSet .vsDetails>p:empty ,
.Separated ,
#ViewSet .vsDetails > br ,
.feed-layout[style="margin-bottom: 40px;"] ,
.feed-layout[style="margin-bottom: 32px;"] ,
.html-feed-new-page-view .feed-new-page-content-container .feed-item:only-of-type ,
.AllMonths tbody tr + tr .CalendarBlank:last-of-type ,
.fluid.html-favorites-page-view div[style^="position: fixed;"] ,
#lowres-spinner ,
#lowres-photo,
#liquid-photo-buffer ,
.separator ,
.droparound.subview-droparound[style="max-height: 165px; min-height: 165px; width: 350px; left: 0px; top: 11px;"]:not(:hover) ,
img[src^="https://geo.yahoo.com/"] + .fluid-droparound-view ,
img + .fluid-droparound-view {
display: none !important;
}
/* (new183) PERSON MENU */
#person_hover #personmenu_contact_link > strong{
display: inline-block !important;
width: 160px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* (new183) PHOT - VIEW POOL CARD - MODAL */
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound[style^="height: 165px; width: 350px;"] {
width: 600px !important;
height: 165px !important;
max-height: 165px !important;
left: 1320px !important;
margin-top: 0px !important;
z-index: 50000000 !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound[style^="height: 165px; width: 350px;"] .group-card-view .attribution {
width: 480px !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound[style^="height: 165px; width: 350px;"] .group-card-view .attribution a h3 {
font-size: 22px !important;
}
/* ORGANIZE MENU */
.top_form_div .candy_button_bar .candy_menu a,
.top_form_div .candy_button_bar .candy_menu a:link {
font-size: 15px !important;
}
/* ADDS PHO - add txt" RELOAD" */
.photo-page-ad-scrappy-view .sub-photo-moola-view {
opacity: 1 !important;
}
.photo-page-ad-scrappy-view .sub-photo-moola-view .find-out-more {
position: fixed ;
display: inline-block !important;
width: 1200px ;
height: 600px;
left: 2%;
margin-top: 0px;
font-size: 0px;
border: 1px solid gray;
}
.photo-page-ad-scrappy-view .sub-photo-moola-view .find-out-more:before {
content: "RELOAD ...." !important;
position: fixed;
width: 1200px;
height: 600px;
line-height: 550px;
left: 0% ;
font-size: 40px;
color: gray;
}
/* NEW FLAG */
.flag-modal-view .flag-photo-container .flag-photo-content-container {
display: inline-block !important;
max-height: 52vh !important;
line-height: 15px !important;
padding: 0 5px 5px 10px !important;
overflow: hidden;
overflow-y: auto !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
.flag-photo-container .check-indicator {
margin-bottom: 0 !important;
}
/* TAGS */
.tag-page-view .tag-page-container {
min-width: 1908px !important;
max-width: 1908px !important;
padding-left: 10px !important;
padding-right: 10px !important;
}
.tag-page-view .related-groups-view > h5 ,
.html-tag-page-view .search-results-header ,
.fluid h5.tag-list-header {
height: auto ;
line-height: 20px ;
padding: 5px ;
}
.fluid h5.tag-list-header{
margin: -10px 0 10px 0;
}
.tag-page-view .related-groups-view > h5{
margin: -10px 0 -10px 0;
}
.html-tag-page-view .search-results-header {
margin: -5px 0 -10px 0;
}
/* POOL HAPPY INF */
.InfoCase {
margin-left: 33%;
}
/* (new179) MAPS PAG */
#whole_holder {
height: 958px;
width: 1908px;
top: 0px !important;
}
.leaflet-container {
height: 946px !important;
}
.leaflet-control-container {
top: -19px !important;
}
#f_div_current_mode_tab {
display: inline-block !important;
width: 701px !important;
left: 283px !important;
padding: 5px !important;
}
#f_div_current_mode_tab>div {
display: inline-block !important;
width: 701px !important;
padding: 9px 5px;
text-align: left;
}
#numap_group_link {
display: inline-block !important;
width: 701px !important;
}
#numap_group_link a {
display: inline-block !important;
width: 701px !important;
text-align: left;
}
#f_div_search_mode_tab {
background-image: none !important;
background-color: rgba(0, 0, 0, 0.54) !important;
}
#f_div_photo_ribbon_holder {
top: 86vh !important;
}
#f_div_current_mode_tab{
width: 856px !important;
height: 30px !important;
line-height: 10px;
top: 56px;
left: 0 !important;
margin-left: 200px;
margin-top: -1px;
padding: 0 !important;
text-align: left !important;
background-color: rgba(0, 0, 0, 0.54) !important;
}
#f_div_current_mode_tab>div>div {
float: right;
width: 300px;
margin-top: 0.5em;
text-align: right;
}
#f_div_search_mode_tab {
height: 30px !important;
line-height: 10px !important;
left: 1106px !important;
text-align: center;
}
/* CAMERA ROLL */
.cameraroll-tools-view.restyle .toolbar {
border-top: 1px solid gray !important;
border-bottom: 1px solid gray !important;
}
.cameraroll-tools-view.restyle .fixed {
top: 50px !important;
border-top: 1px solid gray !important;
border-bottom: 1px solid gray !important;
}
.cameraroll-edit-dialog-people-view ,
.fluid .cameraroll-edit-dialog .cameraroll-edit-photos-meta-container > .tags-container {
width: 100% !important;
}
/* ORGANIZE */
.gray_menu_buttons li span.button {
padding: 1px 0 !important;
}
li.no_menu_li .button span:hover {
border-radius: 6px !important;
padding: 3px 6px 1px 6px !important;
}
/* (new176) POOL EDIT ABOUT / CHECK INVIT SENT */
#Main h1#Tertiary + table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) {
position: relative !important;
display: inline-block ;
width: 99.8% !important;
left: 450px ;
top: 0px;
margin-top: 20px ;
padding: 0 ;
text-align: center !important;
}
/* 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;
}
/* POOL INVIT CONF */
.group-18-plus-confirmation-view {
position: absolute !important;
top: 99px !important;
left: 274px !important;
}
/* POOL - INVIT - CTS ADMIN */
#Tertiary + .ThinCase>form[action="/groups_join.gne"] {
display: inline-block ;
padding: 5px ;
text-align: left ;
border-radius: 5px;
border: 1px solid gray;
}
/* MAIL MES/POOL SEND INVIT/DEL COM */
#GoodStuff>form {
display: inline-block !important;
width: 100% !important;
max-width: 705px !important;
min-width: 705px !important;
border-radius: 5px !important;
padding: 15px 0px 5px 20px !important;
border: 1px solid red ;
}
.FlickrMailMessage ,
#GoodStuff>form[action="groups_invite.gne"] {
display: inline-block ;
width: 400px ;
margin-top: 75px ;
margin-left: -190px ;
padding: 20px ;
}
/* POOL - SEND INVIT */
/* (new176) POOL INVI/ADMIN/ (NOT) MAIL - MES */
#global-nav.styleguide-global-nav + #Main #subnav-refresh + script#subnav-template-photopicker + script#subnav-template-positionmask + h1#Tertiary {
position: relative !important;
display: inline-block !important;
width: 90% !important;
height: 25px !important;
line-height: 20px !important;
left: 30px !important;
top: 80px !important;
margin-bottom: 35px !important;
padding: 0 !important;
text-align: center !important;
}
/* (new176) POOL INIT SENT */
#global-nav.styleguide-global-nav + #Main #subnav-refresh + script#subnav-template-photopicker + script#subnav-template-positionmask + h1#Tertiary + table tbody tr #GoodStuff:not(.admin_moderation) {
left: 0px !important;
}
/* POOL INVIT - CHECK INVIT */
#Main> #subnav-template-positionmask + h1 {
position: relative !important;
display: inline-block !important;
width: 100% !important;
height: 28px !important;
line-height: 24px !important;
left: 5px !important;
top: 75px !important;
padding: 0 !important;
text-align: center !important;
}
#Main> #subnav-template-positionmask + h1 + table:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing) {
width: 100% !important;
min-height: 792px !important;
margin-top: 30px !important;
}
#Main> #subnav-template-positionmask + h1 + table:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing) tbody tr ,
#Main> #subnav-template-positionmask + h1 + table:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing) tbody {
display: inline-block !important;
width: 100% !important;
min-height: 792px !important;
}
#Main > h1#Tertiary + .Problem {
position: relative !important;
display: inline-block !important;
width: 1120px !important;
height: 20px !important;
line-height: 20px !important;
left: 770px !important;
top: 30px !important;
margin-bottom: -77px !important;
text-align: left !important;
}
#invite-friends {
margin-top: 80px ;
}
#Main .subnav-refresh.groups.subnav-view.subnav-state-ready + script + script + h1 + table tbody tr td#Hint {
position: relative ;
display: inline-block ;
width: 100% ;
max-width: 450px ;
min-width: 450px ;
left: -10px ;
margin-top: -60px ;
padding: 5px ;
text-align: left ;
overflow: hidden ;
}
#Main .subnav-refresh.groups.subnav-view.subnav-state-ready + script + script + h1 + table tbody tr td#Hint p {
width: 430px !important;
height: auto ;
padding: 5px ;
}
/* POOL INVIT - "invit sent to ... " */
#Main > #subnav-template-positionmask + h1#Tertiary +table #GoodStuff {
position: relative ;
width: 100% ;
margin-top: -30px ;
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: 0px ;
margin-top: 0px ;
}
/* DENIE POOL INVIT */
#GoodStuff p.NoResult {
display: inline-block ;
width: 100% ;
margin-bottom: -12px;
margin-top: -6px;
text-align: center ;
}
#GoodStuff p.NoResult + ul li ,
#GoodStuff p.Confirm + ul li {
display: inline-block ;
width: 250px ;
float: left ;
white-space: nowrap ;
overflow: hidden ;
text-overflow: ellipsis ;
}
/* "PHO OFF" - CHECK - INVIT/HELP DISC */
/* (new185) PEND URL SPECIF */
#Main h1#Tertiary + table tbody tr #GoodStuff {
position: relative ;
display: inline-block ;
width: 1900px ;
margin-top: -20px ;
}
/* (new185) POOL INVIT */
#GoodStuff>form[action="groups_invite.gne"] {
width: 400px ;
margin-top: 50px !important;
padding: 5px !important;
}
#group-invite-container {
display: inline-block ;
width: 400px ;
margin-top: 40px ;
margin-left: 700px ;
padding: 20px ;
}
#GoodStuff>form[action*="deletecomment"] {
margin-left: 0px ;
width: 400px ;
padding: 20px ;
}
#group-invite-form>p>textarea {
padding: 10px ;
}
.bo-selecta li p.measured span.name .realname ,
.bo-selecta li p.measured span.name strong.username ,
#BoSelectaResultsBox li p span.name .realname ,
#BoSelectaResultsBox li p span.name strong.username {
margin-left: 28px !important;
}
/* POOL ADM RULES*/
#GoodStuff>form[action$="/admin/rules/"] {
position: relative ;
max-width: 905px !important;
min-width: 905px !important;
left: -270px ;
margin-top: 20px ;
padding: 0px !important;
}
#GoodStuff>form[action$="/admin/rules/"] table td ,
#GoodStuff>form[action$="/admin/rules/"] table {
display: inline-block ;
width: 100% ;
}
/* POOL - POST NEW DIS */
#GoodStuff > form[action="groups_newtopic.gne"] {
margin-left: 537px !important;
}
/* PREV POOL NEW DISC */
#GoodStuff > form[action="groups_newtopic.gne"]>table .Preview {
position: absolute ;
width: 400px ;
height: 800px ;
top: 5px ;
right: 40px ;
padding: 15px ;
border: 1px solid blue ;
}
/* POOL ADM - PRIV */
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > form +h3 + p + table {
display: inline-block !important;
width: 1900px !important;
text-align: center !important;
}
#Main #GoodStuff > form +h3 + p +table>tbody>tr>td {
display: inline-block ;
width: 1900px !important;
text-align: center !important;
}
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > form +h3 + p + table>tbody>tr>td form[action^="/groups/"] {
display: inline-block !important;
width: 100% !important;
max-width: 505px !important;
min-width: 505px !important;
}
/* TEST VIEWPORT for POOL PAGE LAZY LOAD - TEST ANTI JUMP - === */
body {
height: auto !important;
}
/* LOAD BAR */
.loader-bar {
opacity: 0.2 !important;
}
/* POSS PUB - ARROW INDIC */
/* FAV/PHOSTREAM/POOL/ */
.fluid.html-photo-page-ad-scrappy-view .photo-page-ad-scrappy-view .photo-well-scrappy-view .height-controller > .navigate-target[href*="/in/"] span.hide-text {
border: 1px solid rgba(255, 0, 0, 0.5) !important;
border-radius: 3px;
box-shadow: -5px 3px 10px rgba(255, 0, 0, 0.5) !important;
}
/* ==== START == DARK MINIMAL (D/M) ==== */
/* (D/M) PHOTO - #222 */
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound ,
.fluid.html-photo-page-scrappy-view {
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) COL - TEXT */
.fluid-modal-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 ==== */
/* ==== (new180) DIVERS COUNTER (MOVE HERE for style Size) */
/* (new184) COUNTER - NOTIF BELL */
.notifications-panel-view .tab:last-of-type {
left: 120px !important;
}
.notifications-list-view:not(.hidden) {
counter-increment: myIndex !important;
}
.notifications-panel-view .notifications-list-view:not(.hidden) .notification-item-list li:before {
position: fixed ;
display: inline-block ;
min-width: 20px ;
content: counter(myIndex, decimal) ;
counter-increment: myIndex !important;
top: 25px ;
right: 505px ;
padding: 2px ;
border-radius: 5px ;
font-size: 15px ;
text-align: center ;
z-index: 10 ;
color: gold ;
border: 1px solid gray ;
background: red;
}
.notifications-panel-view .view.notifications-list-view.hidden + .notifications-list-view:not(.hidden) .notification-item-list li:before {
position: fixed ;
display: inline-block ;
min-width: 20px ;
content: counter(myIndex, decimal) ;
counter-increment: myIndex !important;
top: 25px ;
right: 220px ;
padding: 2px ;
border-radius: 5px ;
font-size: 15px ;
text-align: center ;
z-index: 10 ;
color: gold ;
border: 1px solid gray ;
background: green !important;
}
/* (new173) JU - ALL - ROW COUNT */
.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 ;
}
/* (new177) 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) " Note(s)" ;
position: fixed ;
display: inline-block ;
min-width: 15px ;
max-width: 65px ;
height: 14px ;
line-height: 14px ;
top: 150px ;
left: 1332px ;
font-size: 10px ;
text-align: center ;
text-indent: 3px ;
cursor: context-menu ;
opacity: 1 ;
z-index: 50000 !important;
}
.photo-notes-scrappy-view.box-hovered span:last-of-type:before ,
.photo-notes-scrappy-view:not(.box-hovered) span:last-of-type:before {
cursor: context-menu ;
opacity: 1 ;
visibility: visible ;
z-index: 10 ;
color: white ;
}
/* PHO - POLL LIST COUNT */
.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 !important;
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) ;
}
/* PHO - COUNT 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;
}
/* YOUR POOL - ITEMS COUNT */
#groups-list {
counter-increment: myIndex ;
}
#groups-list .sec {
counter-reset: myIndex 00 ;
}
#groups-list .sec .groups-list-item:before {
counter-increment: myIndex ;
content: counter(myIndex, decimal-leading-zero);
position: absolute ;
display: inline-block ;
width: auto ;
min-width: 20px ;
margin-left: -255px ;
margin-top: 30px ;
padding: 2px ;
border: 1px solid gray ;
border-radius: 100% ;
text-align: center ;
font-size: 10px ;
z-index: 10 ;
}
/* GAL - COUNT IETMS - GM "Superloader" */
html #content .galleries-list-container.fluid-centered .photo-list-gallery-view:before {
position: absolute ;
counter-increment: myIndex ;
content: counter(myIndex, decimal-leading-zero) ;
font-size: 10px ;
text-align: center ;
width: 15px ;
opacity: 1 ;
z-index: 10 ;
background: gold ;
}
/* (new183) GAL (NEW + OLD) - COM COUNT */
#gallery-desc-thumbs ,
#gallery-big-photos,
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list {
counter-reset: myIndex 00 !important;
}
#gallery-desc-thumbs .gallery-preview li span.photo_container.pc_s:before ,
#gallery-big-photos .curator_info_arrow_wrapper:before ,
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item:before {
counter-increment: myIndex ;
content: counter(myIndex, decimal-leading-zero) ;
position: absolute ;
width: 15px ;
min-width: 17px ;
margin-left: 95px ;
top: 9px ;
border-radius: 10px ;
font-size: 10px ;
text-align: center ;
z-index: 10 ;
visibility: hidden ;
color: white ! important;
box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ;
background: rgba(62, 59, 59, 0.6) ;
}
#gallery-desc-thumbs .gallery-preview li span.photo_container.pc_s:before ,
#gallery-big-photos .curator_info_arrow_wrapper:before ,
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item:last-of-type:before {
visibility: visible ;
color: red ;
}
/* (new183) GAL - OLD DESIGN - COUNT */
#gallery-desc-thumbs .gallery-preview li span.photo_container.pc_s:before ,
#gallery-big-photos .curator_info_arrow_wrapper:before {
display: inline-block ;
width: auto !important;
min-width: 17px ;
right: 20px ;
top: 14px ;
border-radius: 3px !important;
padding: 0 3px !important;
font-size: 12px ;
}
#gallery-desc-thumbs .gallery-preview li span.photo_container.pc_s:before {
height: 10px !important;
line-height: 8px !important;
right: 0px ;
top: 0px ;
font-size: 7px ;
opacity: 0.6 ;
color: gold !important;
}
#gallery-desc-thumbs .gallery-preview li span.photo_container.pc_s:hover:before {
height: 13px !important;
line-height: 13px !important;
font-size: 10px ;
opacity: 1 ;
border: 1px solid red !important;
}
/* GAL - CURA NOTE COUNT */
.gallery-page-view .gallery-page-container .photos-section .photo-list-container {
counter-increment: myIndex ! important;
counter-reset: myIndex -1 !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:after {
counter-increment: myIndex ;
content: counter(myIndex, decimal-leading-zero) " \A note(s)" ;
position: fixed !important;
display: inline-block !important;
float: none ;
width: 35px ;
min-width: 17px ;
bottom: 0px !important;
right: 0px ;
border-radius: 5px 0 0 0 ;
font-size: 10px ;
text-align: center ;
opacity: 1 !important;
visibility: visible !important;
z-index: 10000 ;
color: white ;
background: rgba(17, 17, 17, 0.58) ;
border: 1px solid gray ;
}
/* POOL - SEND INVIT - COUNT */
#Main > #subnav-template-positionmask + h1#Tertiary +table #GoodStuff {
counter-increment: myIndex ! important;
}
#GoodStuff p.NoResult ,
#GoodStuff p.Confirm {
counter-reset: myIndex 00 !important;
counter-increment: myIndex2 0 !important;
}
#GoodStuff p.NoResult + ul li:before ,
#GoodStuff p.Confirm + ul li:before {
display: inline-block ;
counter-increment: myIndex ;
content: counter(myIndex, decimal-leading-zero) ;
width: 30px ;
height: 15px ;
line-height: 15px ;
margin-right: 5px ;
margin-top: 0px ;
border-radius: 10px 0 0 10px ;
font-size: 10px ;
text-align: center ;
}
#GoodStuff p.NoResult + ul li:after ,
#GoodStuff p.Confirm + ul li:after {
display: inline-block ;
counter-increment: myIndex2 ;
content: counter(myIndex2, decimal-leading-zero) " Users";
position: absolute ;
min-width: 200px ;
top: 5px ;
left: 300px ;
border-radius: 5px ;
font-size: 20px ;
text-align: center ;
z-index: 10 ;
opacity: 0 ;
}
#GoodStuff p.Confirm + ul li:last-of-type:after {
opacity: 1 ;
}
#GoodStuff p.NoResult + ul li:last-of-type:after {
top: 395px ;
left: 700px ;
opacity: 1 ;
}
/* === END DIVERS COUNTERS === */
/* JU POOL - CONTA */
/* MORE SPIN */
.flickr-dialog-infinite-spinner {
bottom: 5% !important;
opacity: 1;
position: fixed;
top: auto;
z-index: 20;
}
/* (new176) ALBUM - MODAL */
/* ALBUM - MODAL - VIEW DESC - MORE */
.fluid-modal-view .modal.html-modal.album-full-description {
position: fixed !important;
min-height: 700px !important;
max-width: 600px !important;
top: 47% !important;
left: 35% !important;
margin-left: 0 !important;
border-radius: 5px !important;
overflow: auto;
border: 1px solid red !important;
}
.fluid-modal-view .modal.html-modal.album-full-description .close-x {
top: 7px;
}
.fluid-modal-view .modal.html-modal.album-full-description .head .title {
padding: 5px 20px 5px;
border-radius: 5px 5px 0 0 !important;
}
.fluid-modal-view .modal.html-modal.album-full-description .body .content {
min-height: 690px !important;
max-height: 690px !important;
overflow-y: auto;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
/* (new180) SHARE - PHO - MODAL */
.fluid.html-photo-page-scrappy-view .modal.subview-modal.modal-restyle[style*="width: 560px;"] {
position: fixed !important;
display: inline-block !important;
top: 16vh !important;
left: 1347px !important;
border: 1px solid red !important;
}
.modal.subview-modal.modal-restyle .fluid-share-panel-view.restyle ,
.modal.subview-modal.modal-restyle .share-panel-body ,
.modal.subview-modal.modal-restyle .share-panels ,
.modal.subview-modal.modal-restyle .main-sharing-panel.share-panel ,
.modal.subview-modal.modal-restyle .share-link-types {
width: 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;
}
/* SHARE - ALL */
.fluid.html-photo-page-scrappy-view .link-type-contents {
margin-top: -20px !important;
}
.fluid.html-photo-page-scrappy-view .link-type-content {
height: auto !important;
width: 473px !important;
margin-left: 2px !important;
}
.fluid.html-photo-page-scrappy-view .link-type-content.grab-link .network-buttons {
margin-bottom: 40px;
width: 450px !important;
}
.fluid.html-photo-page-scrappy-view .share-link-types.first-stop .link-type-contents > .link-type-content:nth-child(1) {
margin-right: 82px !important;
}
.fluid.html-photo-page-scrappy-view .network-buttons + .grab-link-text-field {
width: 434px !important;
}
.fluid.html-photo-page-scrappy-view .link-type-contents .grab-link-reminders {
margin: 10px auto;
width: 425px !important;
padding: 2px !important;
font-size: 21px !important;
}
.fluid.html-photo-page-scrappy-view .grab-link-privacy-reminder:not(.hide-reminder) {
display: inline-block !important;
white-space: pre-line !important;
word-wrap: normal !important;
}
.fluid.html-photo-page-scrappy-view .share-link-types.second-stop {
position: relative !important;
display: inline-block !important;
height: 337px;
width: 477px;
}
.fluid.html-photo-page-scrappy-view .link-type-content.html-embed{
margin-top: 38px !important;
margin-left: 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;
}
.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;
}
.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;
}
.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;
z-index: 5000000 !important;
border-top: 3px solid red ;
}
/* (new178) ALL SIZE MENU */
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.html.download-dialog-tooltip.auto-size {
position: fixed !important;
display: inline-block !important;
height: auto !important;
min-height: 15px !important;
max-height: 100% !important;
min-width: 215px !important;
max-width: 215px !important;
top: 143px !important;
box-shadow: 10px 10px 3px 1px rgba(0, 0, 0, 0.7) !important;
opacity: 1 !important;
z-index: 5000000 !important;
background: black !important;
border: 1px solid red!important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.html.download-dialog-tooltip.auto-size .body {
display: inline !important;
max-width: 290px !important;
}
.fluid .fluid-droparound-view .droparound.download-dialog-tooltip .content ul.sizes li:hover {
background-color: #222 !important;
}
.fluid .fluid-droparound-view .droparound.download-dialog-tooltip .content ul.sizes li a {
color: peru !important;
}
.fluid .fluid-droparound-view .droparound.download-dialog-tooltip .content ul.sizes li a:hover {
color: #b9d56e !important;
}
/* (new183) */
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.html.download-dialog-tooltip.auto-size .droparrow.up {
top: -11px !important;
transform: rotate(0deg) !important;
}
/* POP MODAL - ACC */
.fluid-droparound-view .droparound.subview-droparound.auto-size.user-account-card-droparound {
left: 10px !important;
top: 41px !important;
}
.fluid-droparound-view .droparound.subview-droparound.auto-size.user-account-card-droparound .droparrow.down {
margin-right: -20px !important;
}
/* TOP - NAG LIMIT / LOG BAN */
.featured-toast-view .featured-toast {
opacity: 0.5 !important;
box-shadow: none !important;
}
/* 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;
}
/* HIDDEN IMG VISIBLE - POOL JU */
.hideimg .img {
visibility: visible !important;
}
.global-nav-view .smug-mug-news {
position: absolute !important;
display: inline-block !important;
margin-top: 19px !important;
}
/* 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;
}
.fluid .global-nav-view, .fluid .global-nav-view.requiredToShowOnServer ,
.global-nav-view .global-nav-shim.top-banner {
height: 50px !important;
}
/* A BIT MORE ABOUT YOU */
#Main>textarea[cols="78"][ rows="7"] {
margin-left: 77px;
}
/* (new180) START === PHO - MINTHUMB - SLIDER === */
/* PHO - MINTHUMB - BACK TO */
.photo-well-scrappy-view .height-controller .entry-type {
position: fixed;
top: 887px;
height: 15px;
line-height: 15px;
width: 257px ;
left: 505px !important;
padding: 2px 5px ;
border-radius: 3px ;
opacity: 0.5 ;
z-index: 5000 !important;
border: 1px solid #404040;
}
/* PHOTO - MINI PHOT SLID */
.context-slider-scrappy-view.hover ,
.context-slider-scrappy-view {
position: absolute;
display: inline-block !important;
min-width: 100px ;
max-width: 100px ;
min-height: 25px ;
max-height: 25px ;
top: 232px ;
left: 1330px ;
overflow: hidden ;
z-index: 5000 !important;
background-image: none !important;
background-color: white;
}
.context-slider-scrappy-view:hover ,
.context-slider-scrappy-view.hover:hover {
position: fixed !important;
max-width: 635px ;
min-width: 635px ;
height: 100% ;
min-height: 550px ;
max-height: 550px ;
left: 1280px ;
padding-right: 0px ;
border: 1px solid #404040 ;
box-shadow: -3px 4px 5px 4px black ;
opacity: 1 ;
overflow-y: auto ;
z-index: 50000000 !important;
}
.context-slider-scrappy-view.hover .context-slider.big-slider ,
.context-slider-scrappy-view.hover:hover .context-slider.big-slider {
height: 100% ;
min-height: 50px ;
max-height: 100% ;
min-width: 100px ;
max-width: 100px ;
opacity: 1;
white-space: nowrap ;
z-index: 5000000 !important;
}
.context-slider-scrappy-view .context-slider > .wrapper {
position: relative;
min-height: 25px ;
min-width: 100px ;
max-width: 100px ;
top: 0px;
opacity: 1;
white-space: nowrap ;
transition: none !important;
}
.context-slider-scrappy-view .context-slider.small-slider ,
.context-slider-scrappy-view .context-slider.small-slider > .wrapper.is-ready ,
.context-slider-scrappy-view .context-slider.small-slider .wrapper.is-ready.clear-float.small-photos {
min-width: 100px ;
max-width: 100px ;
height: 24px !important;
opacity: 1 !important;
transition: none !important;
}
.context-slider-scrappy-view .context-slider.small-slider > .wrapper.is-ready .slider {
position: fixed !important;
min-width: 100px ;
max-width: 100px ;
height: 24px !important;
left: 1332px !important;
top: 232px !important;
white-space: nowrap ;
overflow: hidden ;
}
.context-slider-scrappy-view.hover .context-slider.small-slider > .wrapper.is-ready .slider ,
.context-slider-scrappy-view:hover .context-slider.small-slider > .wrapper.is-ready .slider {
display: none !important;
}
.context-slider-scrappy-view .context-slider.big-slider ,
.context-slider-scrappy-view .context-slider > .wrapper .slider {
position: absolute ;
min-width: 100px ;
max-width: 100px ;
height: 25px ;
left: 0 !important;
margin-left: 0px !important;
white-space: nowrap ;
}
.context-slider-scrappy-view .context-slider.big-slider {
height: 100% ;
min-height: 25px ;
max-height: 25px ;
}
.context-slider-scrappy-view.hover:not(:hover) .context-slider.big-slider > .wrapper ,
.context-slider-scrappy-view:not(:hover) .context-slider.big-slider > .wrapper {
min-width: 100px ;
max-width: 100px ;
height: 100% !important;
min-height: 25px !important;
max-height: 100% !important;
top: 0px !important;
padding: 0 !important;
transition: none !important;
white-space: nowrap !important;
overflow: visible !important;
}
.context-slider-scrappy-view.hover:hover .context-slider.big-slider > .wrapper ,
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper {
min-width: 100px ;
max-width: 100% ;
height: 100% !important;
min-height: 25px !important;
max-height: 100% !important;
top: 0px !important;
padding: 0 !important;
transition: none !important;
white-space: nowrap !important;
overflow: visible !important;
}
.context-slider-scrappy-view.hover:hover .context-slider.big-slider > .wrapper .slider ,
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider {
position: relative;
max-width: 615px !important;
min-width: 615px !important;
height: 100% !important;
min-height: 600px !important;
max-height: 100% !important;
top: 0px !important;
padding: 0 5px !important;
left: 18px !important;
overflow: visible !important;
transition: opacity 0.1s linear 0s;
white-space: nowrap !important;
border-right: 1px solid yellow !important;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider ,
.context-slider-scrappy-view.hover:hover .context-slider.big-slider > .wrapper .slider {
transition: none !important;
}
/* PHO - MINTHUMB - INDI ORIG - display: none OK */
.photo-well-scrappy-view .context-slider-scrappy-view.hover .context-slider.big-slider > .nav ,
.photo-well-scrappy-view .context-slider-scrappy-view .context-slider > .nav {
display: none !important;
position: fixed !important;
height: 36px !important;
width: 18px;
left: 1282px !important;
padding: 0;
z-index: 50000;
}
.photo-well-scrappy-view .context-slider-scrappy-view.hover:hover .context-slider.big-slider > .nav.nav-l:not([style="display: none;"]) ,
.photo-well-scrappy-view .context-slider-scrappy-view:hover .context-slider > .nav.nav-l:not([style="display: none;"]) {
display: inline-block !important;
top: 476px;
}
.photo-well-scrappy-view .context-slider-scrappy-view.hover:hover .context-slider.big-slider > .nav.nav-r:not([style="display: none;"]) ,
.photo-well-scrappy-view .context-slider-scrappy-view:hover .context-slider > .nav.nav-r:not([style="display: none;"]) {
display: inline-block !important;
top: 516px;
}
.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;
transition: none !important;
}
/* (new180) PHO - MINTHUMB - INDIC */
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage.currentImage {
outline: 1px dashed red !important;
}
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage.currentImage: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 ;
}
.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 ;
text-align: center ;
color: red ;
}
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage.no-outline {
outline: 1px dashed black ;
}
/* PHO - MINITHUMB - ORIGIN IND */
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/"]:before {
display: inline-block !important;
position: fixed ;
transform: rotate(-90deg) ;
font-size: 15px ;
z-index: 500000 ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/contacts/"]:before {
content: "🔻 In Contacts 🔻" ;
top: 49px ;
left: -69px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/pool-"]:before {
content: "🔻 In Pool 🔻" ;
top: 37px ;
left: -55px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/faves-"]:before {
content: "🔻 In Faves 🔻" ;
top: 40px ;
left: -60px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/album-"]:before {
content: "🔻 In Album 🔻" ;
top: 42px ;
left: -60px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/photostream/"]:before {
content: "🔻 In Photostream 🔻" ;
top: 64px ;
left: -83px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/datetaken/"]:before {
content: "🔻 In Photostream (by date) 🔻" ;
top: 93px ;
left: -113px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/gallery-"]:before {
content: "🔻 In Gallery 🔻" ;
top: 45px ;
left: -63px ;
}
.context-slider-scrappy-view:hover .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/feed-"]:before {
content: "🔻 In Feeds 🔻" ;
top: 45px ;
left: -63px ;
}
/* (new180) PHO - MINTHUMB - NOT HOVER - THUMBNAIL - */
.context-slider-scrappy-view:not(:hover) .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage ,
.context-slider-scrappy-view:not(:hover) .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage[href*="/in/photostream/"] {
position: relative;
display: inline-block;
float: left;
clear: right;
width: 20px !important;
height: 20px !important;
margin: 1px;
transition: none 0s ease 0s ;
}
/* PHO - MINITHUMB - ERROR */
.context-slider-scrappy-view .loadingError {
height: 10px !important;
line-height: 10px !important;
margin-top: 9px !important;
text-align: left !important;
}
.context-slider-scrappy-view .loadingError p:last-of-type ,
.context-slider-scrappy-view .loadingError p:first-of-type {
display: inline-block !important;
height: 10px !important;
line-height: 10px !important;
margin-top: -20px !important;
font-size: 10px !important;
}
.context-slider-scrappy-view .loadingError p:last-of-type {
width: 100% !important;
min-width: 22px !important;
max-width: 22px !important;
padding: 0 3px !important;
}
.context-slider-scrappy-view .loadingError .ui-button.ui-button-cta {
position: absolute !important;
display: inline-block !important;
height: 100% !important;
min-height: 10px !important;
max-height: 10px !important;
width: 100% !important;
min-width: 20px !important;
max-width: 20px !important;
top: 13px !important;
right: 4px !important;
padding: 0 1px !important;
font-size: 8px !important;
}
/* == END === PHO - MINTHUMB - SLIDER === */
/* (new178) FLUID - ALL */
.fluid h5 {
line-height: 10px ;
}
.fluid.html-profile-page-view h1.truncate {
width: 364px ;
}
/* PROF ABOUT */
.fluid.html-profile-page-view .profile-page-view .profile-container {
margin-top: -65px ;
}
.profile-bio-page-view .bio-description .description::after {
z-index: 0 !important;
}
.profile-bio-page-view .bio-description .description-container .description {
min-width: 80%;
}
/* PROF/STRE - POP MENU - FOL */
.fluid.html-photostream-page-view .fluid-droparound-view .droparound .relationship-menu-view ,
.fluid.html-profile-page-view .fluid-droparound-view .droparound .relationship-menu-view {
position: fixed !important;
display: inline-block !important;
width: 140px !important;
right: 20px !important;
top: 140px !important;
padding: 5px ;
border: 1px solid #404040 ;
box-shadow: 3px 3px 2px black ;
}
.relationship-menu-view ul li label {
color: gold ;
}
/* PROF - FILT - POP MENU - "MOST..." */
.fluid.html-profile-page-view .fluid-droparound-view .droparound.menu ,
.fluid.html-profile-page-view .fluid-droparound-view .droparound.menu {
display: inline-block !important;
width: 10% !important;
left: 168% !important;
margin-top: 0px !important;
margin-left: -79.6% !important;
z-index: 500000 !important;
}
.fluid.html-profile-page-view .fluid-droparound-view .droparound.menu .droparrow {
left: 18px !important;
}
/* (new164) PROF - STATS: Views/Tags/Geo/FAVS/POOL */
.profile-bio-page-view .general-stats {
position: absolute ;
width: 570px;
height: 36px;
top: 60px ;
left: 898px ;
padding: 15px 15px 0 5px ;
color: #898989 ;
border-radius: 0 3px 3px 0 ;
border: 1px solid gray ;
}
.general-stats>ul>li {
height: 37px;
line-height: 3px;
margin-top: -6px ;
}
.general-stats ul li span {
margin-bottom: 14px ;
}
/* PROF - PHOT COUNT - BLOCK/LOCAT/JOIN */
.profile-bio-page-view .general-stats ul li {
display: inline-block;
height: 30px;
line-height: 0px ;
margin-right: 10px;
margin-top: -13px ;
min-width: 90px ;
vertical-align: top ;
}
.profile-bio-page-view .general-stats ul li a {
height: 28px;
margin-top: 0;
margin-bottom: 10px;
font-size: 14px ;
}
.profile-bio-page-view .general-stats ul li a span {
display: block;
line-height: 19px;
margin-bottom: 0;
padding-bottom: 5px;
font-size: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: gold !important;
}
.fluid .coverphoto-content .metadata-flexer {
width: 87.5% !important;
margin-top: 12px;
}
.subtitle.no-shrink.truncate {
min-width: 385px;
max-width: 385px;
}
.metadata-item.photo-count ,
.profile-bio-page-view .general-stats ul li.block ,
.metadata-item.joined ,
.metadata-item.truncate.cp-location.loc {
position: absolute ;
width: 250px ;
height: 20px ;
line-height: 20px ;
text-align: right ;
}
.metadata-item.photo-count {
position: absolute !important;
display: inline-block !important;
height: 25px !important;
line-height: 25px !important ;
width: 190px ;
top: 52px ;
left: 1191px ;
font-size: 20px ;
text-align: center ;
border-radius: 3px ;
border: 1px solid #333 ;
}
/* (new176) FAV / EMPTY PAGE */
.html-empty-page-view p.metadata-item.photo-count ,
.fluid.html-favorites-page-view p.metadata-item.photo-count {
top: 5px ;
left: 1359px;
}
/* (new176) GAL/PROF/PEOPLE/ALB/LIST POOL/STREAM */
.fluid.html-photostream-page-view .coverphoto-content p.metadata-item.photo-count ,
.fluid.html-groups-list-page-view .coverphoto-content p.metadata-item.photo-count ,
.fluid.html-albums-list-page-view .coverphoto-content p.metadata-item.photo-count ,
.fluid.html-person-groups-page-view .coverphoto-content p.metadata-item.photo-count ,
.fluid.html-profile-page-view .coverphoto-content p.metadata-item.photo-count ,
.fluid.html-galleries-list-page-view .coverphoto-content p.metadata-item.photo-count {
top: 11px ;
left: 1354px;
}
/* STREAM */
.metadata-flexer p:only-of-type {
margin-left: 5px !important;
border: 1px dotted gray ;
}
/* LOC - PROF/FAV */
p.metadata-item.truncate.cp-location.loc {
top: 50px ;
right: 205px ;
text-align: right ;
color: gold !important;
}
/* (new176) DATE JOIN */
.metadata-item.joined {
top: 40px ;
right: 1215px ;
text-align: left ;
color: gold !important;
}
/* (new176) FAVS / EMPTY PAGE / GAL/PROF/PEOPL/ALB/LIST POOL/STREAM */
.html-cameraroll-page-view .metadata-item.joined ,
.html-empty-page-view .metadata-item.joined ,
.fluid.html-favorites-page-view .metadata-item.joined ,
.fluid.html-photostream-page-view .metadata-item.joined ,
.fluid.html-groups-list-page-view .metadata-item.joined ,
.fluid.html-albums-list-page-view .metadata-item.joined ,
.fluid.html-person-groups-page-view .metadata-item.joined ,
.fluid.html-profile-page-view .metadata-item.joined ,
.fluid.html-galleries-list-page-view .metadata-item.joined {
right: 1390px !important;
}
/* STATS */
.profile-bio-page-view .general-stats ul li.block {
display: inline-block ;
width: auto;
height: 24px !important;
line-height: 34px !important;
top: 0px ;
right: -210px ;
padding: 0 3px ;
text-align: center !important;
border-radius: 3px ;
border: 1px solid gray ;
}
.general-stats ul li.block span {
margin-bottom: 0px !important;
}
.general-stats ul li.block a {
margin-top: -6px !important;
}
/* ==== */
.group-list-belong-view {
margin-bottom: 0;
height: 100% !important;
min-height: 100%;
display: inline-block;
}
/* PROF - USER POOL */
.person-groups-page-view .fluid-magic-subnav-view {
margin-bottom: -77px ;
}
.fluid.html-groups-list-page-view .groups-list-view {
display: inline-block ;
min-height: 100% ;
margin-bottom: 641px ;
padding-bottom: 80px ;
}
.fluid .sortable-table-wrapper table.with-avatar {
display: inline-flex ;
table-layout: unset ;
border-collapse: collapse ;
width: 100% ;
height: auto ;
line-height: 44px;
text-align: left;
}
.fluid.html-groups-list-page-view .main.fluid-centered.main-group-tables {
position: relative;
display: inline-block ;
float: none ;
width: 100% ;
min-width: 100% ;
max-width: 100% ;
height: 100% ;
height: auto ;
margin-top: -10px ;
min-height: 1400px ;
}
.main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type {
position: relative ;
display: inline-block ;
float: none ;
width: 100% ;
height: 100% ;
height: auto ;
margin-top: 30px ;
}
/* === */
.fluid.html-person-groups-page-view .sortable-table-view:not(:empty):first-of-type {
position: relative;
display: inline-block ;
width: 100% ;
height: 100% ;
height: auto ;
margin-top: 10px !important;
}
.main.fluid-centered.main-group-tables .sortable-table-view:not(:empty):first-of-type h5 {
margin-bottom: -11px;
margin-top: 1px;
}
.fluid.html-person-groups-page-view .sortable-table-view:not(:empty):first-of-type .sortable-table-wrapper table.with-avatar tbody tr:not(.header) ,
.fluid.html-groups-list-page-view table tr.show-fave {
float: left ;
clear: none ;
width: 465px ;
height: 100% ;
min-height: 70px ;
max-height: 70px ;
margin: 5px 5px 0 5px ;
overflow: hidden ;
border: 1px solid gray ;
}
.fluid.html-person-groups-page-view .sortable-table-view:not(:empty):first-of-type .sortable-table-wrapper table.with-avatar tbody tr:not(.header) .show-after-locked ,
.fluid.html-groups-list-page-view table tr .show-after-locked {
width: 475px ;
height: 100% ;
min-height: 40px ;
max-height: 40px ;
margin-top: -85px ;
}
.group-list-administered-view .show-after-locked > .avatar.group {
display: inline-block ;
margin-top: -7px ;
}
.group-list-administered-view .show-after-locked > a {
display: inline-block ;
margin-top: 10px ;
}
.fluid.html-person-groups-page-view .sortable-table-view:not(:empty):first-of-type .sortable-table-wrapper table.with-avatar tbody tr:not(.header) .show-after-locked {
display: inline-block ;
margin-top: -85px ;
border-bottom: 1px solid red !important;
}
.fluid.html-person-groups-page-view .sortable-table-view:not(:empty):first-of-type .sortable-table-wrapper table.with-avatar tbody tr:not(.header) td.align-right ,
.fluid.html-person-groups-page-view .sortable-table-view:not(:empty):first-of-type .sortable-table-wrapper table.with-avatar tbody tr:not(.header) td.align-right.emphasis ,
.fluid.html-groups-list-page-view table tr td {
display: inline-block ;
margin-top: -80px ;
text-overflow: ellipsis ;
white-space: nowrap ;
overflow: hidden ;
}
.fluid.html-person-groups-page-view .sortable-table-wrapper td.show-after-locked ~ td.align-right a:after {
font-size: 10px ;
color: gold ;
}
.fluid.html-person-groups-page-view .sortable-table-wrapper td.show-after-locked + td.align-right a:after {
content: "Mbs" ;
}
.fluid.html-person-groups-page-view .sortable-table-wrapper td.show-after-locked + td + td.align-right a:after {
content: "Phot" ;
}
.fluid.html-person-groups-page-view .sortable-table-wrapper td.show-after-locked + td + td + td.align-right a:after {
content: "Phot Last" ;
}
.fluid.html-person-groups-page-view .sortable-table-wrapper td.show-after-locked + td + td + td + td.align-right a:after {
content: "Disc" ;
}
.fluid.html-person-groups-page-view .sortable-table-wrapper td.show-after-locked + td + td + td + td + td.align-right a:after {
content: "Last Disc" ;
}
/* FAV BACKG */
.fluid table tr.show-fave:hover::before {
margin-left: -25px;
cursor: pointer ;
background-position: 97% center;
}
/* REMOVE / REDUCE IMG IN COM (SUPP BADGE) */
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-holder .comment-content img.notsowide[src*=".gif"] ,
.sub-photo-comments-view .photosInComments .comments .comment .comment-content img ,
.sub-photo-comments-view .photosInComments .comments .comment .comment-content a:not([href$=".gif"]) img ,
.sub-photo-comments-view .photosInComments .comments .comment .comment-content img:not([src*=".gif"]) ,
.comment-content .notsowide ,
.comment-body span.photo_container a:not([href$=".gif"]) img.notsowide ,
.comment-body > p img ,
.comment-body > blockquote img ,
ul.act-details div.act-content > div img {
width: 60px !important;
height: auto !important;
}
.sub-photo-comments-view .photosInComments .comments .comment .comment-content img.flimoji {
max-width: 15px !important;
height: auto !important;
}
.sub-photo-comments-view .photosInComments .comments .comment .comment-content img[src*=".gif"] {
display: inline-block !important;
}
/* PHOT ITEM BACKG - ALL */
.photo-display-item {
background: transparent !important;
}
/* GAL - CREATE */
.album-selection .album-selection-list-item.album-selection-create-switch {
position: fixed !important;
display: inline-block !important;
height: 100% !important;
min-height: 25px !important;
max-height: 25px !important;
width: 100% !important;
max-width: 240px !important;
min-width: 240px !important;
left: 1054px ;
top: 3px ;
padding: 0 !important;
box-shadow: -3px 4px 5px 4px black ;
}
.gallery-selection-dialog-view.album-selection-dialog-view .album-selection-list-item.album-selection-create-switch .album-selection-list-item-labels {
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 10px !important;
width: 100% !important;
min-width: 161px !important;
max-width: 161px !important;
left: 61px !important;
top: 3px !important;
}
.gallery-selection-dialog-view.album-selection-dialog-view .album-selection-list-item.album-selection-create-switch .album-selection-list-item-labels .album-selection-list-item-title {
height: 20px !important;
line-height: 20px !important;
width: 161px !important;
left: 0px !important;
top: 0px !important;
padding: 0 5px !important;
}
.album-creation {
display: inline-block;
width: 710px;
}
.album-selection-list-item.album-selection-create-switch .album-selection-list-item-title {
top: 13px;
}
.album-creation-heading {
display: inline-block;
margin-left: -7px;
padding: 0;
width: 100%;
text-align: center;
}
.album-creation .album-selection-list-item-icon-wrapper {
height: 80px !important;
width: 80px !important;
border: 1px solid red !important;
}
.album-creation .album-selection-list-item-icon-wrapper .album-creation-list-item-icon {
margin-top: 0 !important;
}
.album-selection-buttons.hide + .album-selection-errors {
height: 30px !important;
margin-top: 0px !important;
margin-left: -12px !important;
}
.album-selection-errors .error-message {
height: 20px ;
line-height: 20px !important;
margin-top: 7px !important;
margin-left: 8px ;
text-align: center ;
color: gold ;
background: red !important;
}
.album-selection-buttons.hide + .album-selection-errors button {
height: 15px !important;
line-height: 15px !important;
padding: 2px 29px ;
margin-top: -16px !important;
font-size: 13px !important;
}
.ui-dialog-button.ui-dialog-button-neutral.album-creation-cancel {
height: 25px !important;
line-height: 26px !important;
padding: 2px 29px ;
margin-top: 5px !important;
text-align: center !important;
}
.ui-dialog-button.ui-dialog-button-neutral.album-creation-cancel>span:last-of-type {
margin-left: 42px ;
color: peru ;
}
.album-creation{
height: 220px !important;
overflow: hidden ;
overflow-y: auto ;
}
/* (new176) SET/ALB(??) - TOP HEAD - TOOL/COL */
.fluid.html-albums-list-page-view #content .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 .album-header-content .album-title-desc-view > .title-desc-block > .album-title,
.album-header-view .album-header-content .album-title-desc-view > .title-desc-block > .edit-meta-field.edit-album-title {
font-size: 23px !important;
}
.album-header-view > .album-header-content > .album-title-desc-view > .title-desc-block > .album-desc {
font-size: 17px !important;
}
.album-header-view > .album-header-content > .album-stats-view ,
.album-header-view.justified-transitions > .album-header-content > .album-stats-view {
position: absolute ;
display: inline-block ;
top: 253px ;
right: 30px !important; ;
}
.album-engagement-view {
position: absolute ;
display: inline-block ;
top: 10px ;
right: 0 ;
}
/* ALB - TOP NAV FIX */
.html-album-page-view .album-page-view .album-toolbar-view > .album-toolbar-content ,
.html-album-page-view .album-toolbar-view {
position: fixed ;
display: inline-block;
height: 30px;
width: 100% !important;
top: -20px;
left: 0 !important;
padding-right: 0px ;
z-index: 5000 !important;
}
.html-album-page-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-header-view:not(.justified) .album-engagement-view ,
.html-album-page-view .view album-header-view.justified .album-engagement-view ,
.html-album-page-view .album-engagement-view {
position: fixed !important;
display: inline-block;
height: 30px;
top: 0px !important;
right: 1100px !important;
margin: 0 !important;
padding-right: 0px ;
z-index: 50000 !important;
}
.html-album-page-view .album-toolbar-view .fluid-magic-slideshow-view {
right: 250px !important;
}
.html-album-page-view .album-toolbar-view button {
margin-right: 150px !important;
}
/* ALB - SHOW HID */
.fluid.html-albums-list-page-view .photo-list-album-view {
opacity: 1 ;
}
/* HELP/POOL DISC - MIDDLE PANEL */
#Main h1#Tertiary + script + table {
min-width: 100% !important;
}
#Main h1#Tertiary + script + table tbody tr ,
#Main h1#Tertiary + script + table tbody {
display: inline-block ;
min-width: 100% !important;
}
/* (new187) */
#Main table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) {
position: absolute !important;
display: inline-block ;
width: 77.5%;
margin: 0px ;
right: 10px ;
top: 0px;
padding: 0 ;
text-align: center !important;
/* border: 1px solid yellow !important; */
}
/* (new187)THREAD LOCKED */
#Main p.Locked+ table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) {
top: 30px;
/* border: 1px solid green !important; */
}
#Main p.Locked+ table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) h2{
top: 30px;
/* background: aqua !important; */
}
/* (new176) */
#Main table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) #DiscussTopic {
width: 805px ;
/* margin-left: 415px; */
}
/* MAIL MESS */
.ThinCase.mail-write .Problem {
position: relative ;
display: inline-block ;
width: 1120px ;
height: 20px ;
line-height: 20px ;
left: 370px ;
top: -50px ;
margin-bottom: -27px ;
text-align: left ;
}
/* VIDEO */
.videoplayer ,
.video-js {
position: relative;
display: inline-block !important;
width: 100%;
/* max-width: 630px !important; */
max-height: 650px !important;
background-color: transparent !important;
}
.view.photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen.enable-zoom .videoplayer.main-photo ,
.view.photo-well-media-scrappy-view:not(.is-real-fullscreen) .videoplayer.main-photo {
position: relative;
display: inline-block;
height: 400px !important;
max-height: 400px !important;
width: 680px !important;
max-width: 1180px !important;
top: -69px !important;
background-color: #111 !important;
border: 1px solid #333;
}
.view.photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen.enable-zoom .videoplayer.main-photo {
height: 790px !important;
max-height: 650px !important;
width: 1480px !important;
max-width: 1480px !important;
top: -30px !important;
}
.video-js .vjs-poster {
background-position: 50% 50%;
}
/* VID - CONTROL - ALWAYS VIS */
.video-js .vjs-control-bar {
visibility: visible !important;
opacity: 1 !important;
transform: translatey(33px) !important;
}
/* (new173) FLUID - TXT "HELLO ..." - OTHERS */
.fluid:not(.html-notification-center-page-view):not(.html-group-discussion-page-view):not(.html-group-admin-pending-page-view):not(.html-feed-new-page-view):not(.html-profile-page-view):not(.html-gallery-page-view):not(.html-group-discussions-list-page-view):not(.html-photo-page-scrappy-view):not(.html-group-home-page-view):not(.html-group-pool-page-view):not(.html-photostream-page-view):not(.html-favorites-page-view):not(.html-empty-page-view):not(.html-albums-list-page-view):not(.html-album-page-view):not(.html-photostream-page-view):not(.html-search-photos-unified-page-view):not(.html-search-groups-page-view):not(.html-photostream-edit-page-view) .fluid-droparound-view .droparound:not(.download-dialog-tooltip):not(.gallery-photo-remark):not(.notifs-droparound):not(.lang-droparound),
.fluid:not(.html-notification-center-page-view):not(.html-group-discussion-page-view):not(.html-group-admin-pending-page-view):not(.html-feed-new-page-view):not(.html-profile-page-view):not(.html-gallery-page-view):not(.html-group-discussions-list-page-view):not(.html-photo-page-scrappy-view):not(.html-group-home-page-view):not(.html-group-pool-page-view):not(.html-photostream-page-view):not(.html-favorites-page-view):not(.html-empty-page-view):not(.html-albums-list-page-view):not(.html-album-page-view):not(.html-photostream-page-view):not(.html-search-photos-unified-page-view):not(.html-search-groups-page-view):not(.html-photostream-edit-page-view) .fluid-droparound-view .droparound:not(.download-dialog-tooltip):not(.gallery-photo-remark):not(.notifs-droparound):not(.lang-droparound) {
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 / STRE - HELLO MENU */
.fluid.html-photostream-page-view .fluid-droparound-view .droparound.html ,
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.html {
position: absolute !important;
margin-left: -1535px !important;
margin-top: 20px !important;
z-index: 5000000 !important;
}
.fluid.html-photostream-page-view .fluid-droparound-view .droparound.html .droparrow ,
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.html .droparrow {
left: 25px !important;
right: 10px;
}
/* FAVS - MORE DROP MENU */
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.menu {
margin-left: -20px !important;
margin-top: 5px !important;
z-index: 500000 !important;
}
/* (new178) FAVS / BETA POOL ABOUT - SHOW XX ROWS MENU - CARRET */
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.menu .droparrow.down ,
.fluid.html-group-home-page-view .fluid-droparound-view .droparound.menu .droparrow.down {
right: 10px !important;
}
.fluid.html-favorites-page-view .photo-list-photo-view .interaction-view .engagement-item.curate .engagement-icon ,
.fluid.html-group-pool-page-view .engagement-item.curate .engagement-icon ,
.fluid.html-group-home-page-view:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view .engagement-item.curate .engagement-icon {
position: absolute !important;
bottom: 2px !important;
right: 2px !important;
}
/* ZOOM ICON IN THUMBNAIL - SMALL - === */
.photo-display-container .photo-display-item .hover-target:hover .meta a.lightbox-inline {
position: absolute !important;
display: inline-block !important;
height: 10px;
right: 0px !important;
top: -13px !important;
border-radius: 100% !important;
z-index: 50000000 !important;
}
.photo-display-container .photo-display-item:hover .hover-target .meta a.lightbox-inline:hover ,
.photo-display-container .photo-display-item .hover-target:hover .meta a.lightbox-inline:hover {
position: absolute !important;
display: inline-block !important;
height: 13px !important;
width: 13px !important;
top: -16px !important;
right: 0px !important;
transform: scale(1.2) !important;
z-index: 50000000 !important;
background: white !important;
}
.photo-display-container .photo-display-item .meta a.lightbox-inline img {
height: 13px !important;
width: 10px !important;
background-position: 0.5px -22px !important;
}
/* NAVBAR OPT - FAVs/ARCH/YOURS CTS - ALL */
.searchified-options .item-divider {
border-right: 2px solid #656c7a;
width: 1px;
}
/* NAVBAR OPT - ARCH - BLOCK "DATE TAKEN" (NB items)" */
#archives-navigation {
border-radius: 3px !important;
padding: 1px 5px 2px !important;
}
/* NAVBAR OPT - DIV */
.searchified-options-view ,
.searchified-options-sort ,
#archives-navigation ,
.searchified-options.gl-view-controls {
border-radius: 3px !important;
padding: 1px 5px 2px !important;
}
/* POOLS - TITLE - TXT " This group is for member only " */
#main > #subnav-refresh + script#subnav-template-photopicker + script#subnav-template-positionmask + h2 {
height: 22px !important;
margin-top: 81px !important;
text-align: center !important;
}
/* STATS - NO PRO */
.empty-page-view .empty-page-stats .pro-badge {
width: 50px !important;
height: 50px !important;
margin: 29px auto -135px;
background: transparent !important;
}
.empty-page-view .empty-page-stats .sample-image-wrap {
height: 358px;
margin: 50px auto 20px;
}
.empty-page-view .empty-page-stats .sample-image-wrap:before {
position: absolute ;
display: inline-block ;
content: "SAMPLE " ;
width: 100% ;
width: 1920px ;
height: 50px ;
line-height: 55px ;
top: 450px ;
left: 0 ;
font-size: 50px ;
text-align: center ;
opacity: 1 ;
z-index: 500 ;
color: red ;
}
/* POOL SMALL */
#pool-photos.sm.photo-display-container ~ #feeds.clearfix.next-to-slideshow-link {
position: absolute ;
display: inline-block ;
bottom: 0px ;
}
#pool-photos.sm.photo-display-container ~ .slideshow-bottom{
display: inline-block ;
bottom: 0px;
margin-left: 20px ;
}
/* (new168) POOL - QUITT BUT */
#group-sidebar .DeleteButt {
position: fixed !important;
display: inline-block !important;
max-width: 180px;
margin-top: 20px;
top: 120px!important;
right: -40px!important;
padding: 1px 3px ;
letter-spacing: 1px !important;
overflow: hidden;
text-overflow: ellipsis;
transform: rotate(90deg) !important;
opacity: 0.3 !important;
z-index: 80000 !important;
}
#group-sidebar .DeleteButt:hover {
right: -35px!important;
opacity: 1 !important;
}
/* EDIT REALT */
#editRelationshipDialog {
position: absolute;
display: inline-block;
min-height: 100px;
min-width: 130px;
top: 34px;
right: -112px;
font-size: 14px;
box-shadow: 3px 5px 3px black !important;
z-index: 20 !important;
}
/* VISIT INDIC - IMG POOL */
/* JU */
.photo-display-container.ju .photo_container a:not(.spaceball):before {
content: "" ;
position: absolute ;
bottom: -7px ;
width: 10px ;
line-height: 10px ;
border-radius: 100% ;
font-size: 15px ;
background: #222 ;
}
.photo-display-container.ju .photo_container a:not(.spaceball):visited:before {
opacity: 1 ;
background: green !important;
}
/* PHOT OFF - VISITED */
.PhotosOfList {
font-size: 0px!important;
}
.PhotosOfList span.photo_container a ,
.PhotosOfList a {
opacity:1!important;
font-size: 10px!important;
}
.PhotosOfList span.photo_container a img {
outline: 1px solid #333333 !important;
}
.PhotosOfList span.photo_container a:visited img {
opacity:1!important;
outline: 1px solid green!important;
}
/* VISIT - Sm/Sq */
.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 ;
}
/* TOGGLE POOL BETA - SUPP TXT "GO BACK POOL NEW EXP" */
.opt-out-bug {
position: fixed !important;
display: inline-block ;
width: 190px ;
height: 20px !important;
left: 1730px !important;
top: 35px !important;
padding: 2px ;
border-radius: 5px ;
opacity: 0.4 ;
z-index: 70000 !important;
}
.opt-out-bug:hover {
opacity: 1 ;
}
/* (new165) BETA TOOGLE - POOL HOME/DISC/LIST POOL */
.fluid.html-groups-list-page-view .opt-out-widget-view ,
.fluid.html-group-members-page-view .opt-out-widget-view ,
.fluid.html-group-discussion-page-view .opt-out-widget-view ,
.fluid.html-group-discussions-list-page-view .opt-out-widget-view ,
.fluid.html-group-pool-page-view .opt-out-widget-view ,
.fluid.html-group-home-page-view .opt-out-widget-view {
position: fixed !important;
top: 27px !important;
z-index: 5000 !important;
}
.fluid.html-group-discussions-list-page-view .opt-out-widget-view .opt-out-widget,
.fluid.html-group-pool-page-view .opt-out-widget-view .opt-out-widget.hugging-footer {
width: auto !important;
bottom: 0px !important;
}
/* BETA */
.opt-out-widget.hugging-footer ,
.opt-out-widget-view {
position: absolute !important;
display: inline-block ;
min-width: 150px !important;
height: 20px ;
right: 10px !important;
top: 55px !important;
border-radius: 5px !important;
}
.opt-out-widget.hugging-footer {
right: 5px !important;
top: 10px !important;
}
.opt-out-widget {
position: relative ;
display: inline-block ;
min-width: 150px !important;
margin: auto ;
border-radius: 5px !important;
opacity: 0.4 ;
}
.opt-out-widget:hover {
opacity: 1 ;
}
.opt-out-widget .optout-toggle {
height: 20px ;
line-height: 20px ;
padding: 0 3px ;
border-radius: 5px ;
border: none ;
}
.opt-out-bug button {
border-radius: 5px !important;
font-size: 12px;
font-size: 0px !important;
cursor: pointer;
}
.opt-out-bug button:before {
content: "GROUP BETA" ;
display: inline-block ;
width: 105px ;
padding: 1px 30px 1px 5px ;
border-radius: 5px ;
font-size: 12px ;
text-align: left ;
cursor: pointer;
}
.opt-out-bug button:after {
content: "OFF" ;
position: absolute ;
display: inline-block ;
height: 49px ;
line-height: 49px ;
width: 85px ;
top: -14.51px ;
right: -10px ;
padding: 1px 30px 1px 2px ;
border-radius: 25px ;
font-size: 27px ;
letter-spacing: 2px ;
text-align: left ;
text-indent: 9px ;
transform: scale(0.32) ;
color: gold !important;
background: red !important;
}
.opt-out-bug button:hover:after {
content: "ON" ;
position: absolute ;
display: inline-block ;
height: 49px ;
line-height: 49px ;
width: 85px ;
top: -14.51px ;
right: -10px ;
padding: 1px 30px 1px 2px ;
border-radius: 25px ;
font-size: 27px ;
letter-spacing: 3px ;
text-align: right ;
text-indent: 40px ;
cursor: pointer;
transform: scale(0.32) ;
background: green !important;
}
.opt-out-widget form {
float: right;
min-width: 150px !important;
}
/* POOL BETA - BUT TOOG BETA */
.fluid .label-beta {
padding: 1px 45px 1px 3px !important;
}
.opt-out-widget .optout-toggle button {
position: absolute !important;
display: inline-block !important;
height: 48px !important;
width: 116px !important;
top: -20px !important;
right: -35px !important;
border-radius: 20px !important;
transform: scale(0.3) !important;
background-image: none;
}
.opt-out-widget .optout-toggle button:hover {
position: absolute !important;
display: inline-block !important;
height: 49px !important;
width: 116px !important;
top: -20px !important;
right: -35px !important;
border-radius: 20px !important;
transform: scale(0.3) !important;
}
.opt-out-widget .optout-toggle button:after {
content: "ON" ;
position: relative ;
display: inline-block ;
margin-top: -3px ;
margin-left: 34px ;
font-size: 20px ;
color: white ;
opacity: 1 ;
transform: scale(1.4) ;
}
.opt-out-widget .optout-toggle button:hover:after {
content: "OFF" ;
position: relative ;
display: inline-block ;
margin-top: -5px ;
margin-left: -38px ;
font-size: 20px ;
color: white ;
opacity: 1 ;
transform: scale(1.4) ;
}
/* WHO FAVED */
#faves-right {
float: left ! important;
width: 900px ! important;
margin-left: 225px!important;
}
/* OVERLAY - POINT EVENTS */
#global-dialog-background {
display: none;
pointer-events: none !important;
}
/* PHOT - VID WRA */
.video-wrapper {
width: 1160px !important;
}
/* COM DEL - POPUP CONFIR */
.flickr-dialog.flickr-dialog-confirmation[role="alertdialog" ] {
position: absolute ! important;
width: 238px !important;
line-height: 10px !important;
top: 170px ! important;
left: 1770px ! important;
}
.flickr-dialog .flickr-dialog-container {
border-radius: 4px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
float: left;
padding: 1px;
position: relative;
width: 100%;
z-index: 1;
}
.flickr-dialog .bd {
clear: both;
height: auto !important;
margin-top: 4px !important;
padding: 4px !important;
border-radius: 5px ! important;
color: #FFD700 !important;
}
.flickr-dialog .button-container{
background: transparent ! important;
}
/* USER BUDY MENU */
.personmenu .personmenu-bd ul li {
height: 18px!important;
}
/* MENU ITEM - BLOCK */
.personmenu .personmenu-bd ul li.personmenu-block a ,
#personmenu_block_link {
text-align: center !important;
}
.personmenu .personmenu-bd {
top: 60px !important;
}
/* HELP - MESS HIGT TOP */
#photogne-bucket-help {
position: absolute!important;
line-height: 1.4;
width: 332px!important;
top: 9px!important;
left: 5px!important;
margin-bottom: 16px;
padding: 1px 5px 1px 30px !important;
opacity: 0.7 !important;
}
/* POOL MANAGE - REM MEMB */
.char_search + #MemberList tr td[colspan="3"] form {
position: absolute !important;
display: inline-block !important;
width: 402px !important;
top: -2px !important;
left: -200px !important;
border-radius: 3px 3px 3px 3px !important;
}
.char_search + #MemberList tr td[colspan="3"] form #photo_remove{
margin-left: -2px !important;
}
.char_search + #MemberList tr td[colspan="3"] form .Butt {
display: inline-block !important;
padding: 0 !important;
}
.char_search + #MemberList tr td:nth-child(n+3)[colspan="3"] i {
position: relative !important;
display: inline-block !important;
width: 222px !important;
top: -20px !important;
margin-left: -57px !important;
padding: 0 !important;
}
/* POOL DISC PAGI */
.group-topics #paginator-module.Pages {
margin-top: 98px !important;
}
/* SEARC - ADV PANEL */
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view .search-subnav.using-slender-advanced-panel {
position: fixed;
box-sizing: border-box;
width: 100%;
height: 27px !important;
top: 0px !important;
padding: 0 !important;
border: 0 none;
box-shadow: 0 -2px transparent inset;
backface-visibility: hidden;
overflow: visible;
z-index: 82;
border-bottom: 1px solid rgba(137, 137, 137, 0.3);
}
.search-subnav .search-subnav-sizing .search-subnav-content .links > .tool a .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .tool a:visited .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .tool a:hover .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .link a .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .link a:visited .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .link a:hover .title {
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
padding-top: 0px !important;
font-size: 15px !important;
}
.search-subnav .search-subnav-sizing {
height: 20px !important;
line-height: 20px !important;
margin-top: -20px !important;
bottom: -27px !important;
}
.search-subnav .search-subnav-sizing .search-subnav-content .links {
height: 21px !important;
}
.search-subnav .search-subnav-sizing .search-subnav-content .links li a div {
height: 21px !important;
color: gray !important;
}
/* (new176) SEARCH PAGE :not(:hover) */
.fluid.html-search-people-page-view .search-people-page-view .view.global-nav-view ~ .search-subnav-slender-view ,
.fluid.html-search-groups-page-view .search-groups-page-view .view.global-nav-view ~ .search-subnav-slender-view ,
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view .view.global-nav-view ~ .search-subnav-slender-view {
min-height: 30px !important;
max-height: 30px !important;
top: 0px !important;
}
.fluid.html-search-people-page-view .search-people-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav ,
.fluid.html-search-groups-page-view .search-groups-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav ,
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav {
height: 40px !important;
top: 0px !important;
}
.fluid.html-search-people-page-view .search-people-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav .search-subnav-sizing ,
.fluid.html-search-groups-page-view .search-groups-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav .search-subnav-sizing ,
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav .search-subnav-sizing {
height: 20px;
line-height: 20px;
margin-top: 0px;
top: 5px !important;
}
.fluid.html-search-people-page-view .search-slender-advanced-panel-view .advanced-panel ,
.fluid.html-search-groups-page-view .search-slender-advanced-panel-view .advanced-panel ,
.fluid.html-search-photos-unified-page-view .search-slender-advanced-panel-view .advanced-panel {
top: -72px !important;
border-top: 1px solid rgba(137, 137, 137, 0.3) !important;
border-bottom: 4px solid rgba(137, 137, 137, 0.3) !important;
}
.fluid.html-search-people-page-view .search-slender-advanced-panel-view .tool-bar ,
.fluid.html-search-groups-page-view .search-slender-advanced-panel-view .tool-bar ,
.fluid.html-search-photos-unified-page-view .search-slender-advanced-panel-view .tool-bar {
max-width: 100%;
height: 25px !important;
margin-top: -73px !important;
padding: 0 600px ;
border-bottom: 1px solid gray ;
}
.search-search-in-picker-view .search-in-list .search-in-button:not(.selected) ,
ul.size-list li:not(.selected) {
color: gray !important;
}
/* SEARCH PHO UNIF */
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view main#search-unified-content.main.fluid-centered.using-slender-advanced-panel.advanced-panel-visible ,
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view main#search-unified-content.main.fluid-centered.using-slender-advanced-panel:not(.advanced-panel-visible) {
display: inline-block !important;
max-width: 99.9% !important;
min-width: 99.9% !important;
margin-top: 105px !important;
padding: 0px 15px !important;
border-top: 1px solid red !important;
}
.fluid.html-search-photos-unified-page-view .search-photos-results {
margin-top: -25px;
}
.fluid.html-search-people-page-view .search-people-results-view .main.full-bleed.fluid-centered {
display: inline-block !important;
min-width: 100% !important;
margin-top: 0px !important;
padding: 0 20px !important;
/* border: 1px solid violet !important; */
}
.fluid.html-search-groups-page-view .search-groups-results-view .main.full-bleed.fluid-centered {
display: inline-block !important;
min-width: 100% !important;
margin-top: 45px !important;
padding: 0 20px !important;
/* border: 1px solid violet !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;
}
/* (new178) SEARCH EMPTY */
.search-empty-view {
margin-top: 238px;
}
.search-empty .no-results-message h5 {
line-height: 25px;
}
/* SEARCH NUM RESUT PB */
.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 - POOL */
.fluid.html-search-groups-page-view .search-slender-advanced-panel-view {
top: 40px !important;
border-bottom: 1px solid gray !important;
}
.search-groups-results-view {
margin-top: 45px !important;
}
.fluid.html-search-groups-page-view .search-groups-page-view .search-groups-results-view .my-groups {
margin-bottom: -37px !important;
}
/* SEARC UNIF - YOUR PHO */
.fluid.html-search-photos-unified-page-view .search-your-photos-results {
margin-bottom: -90px !important;
}
.fluid.html-search-photos-unified-page-view .albums-galleries {
margin-top: -90px !important;
margin-bottom: -120px !important;
}
.fluid.html-search-photos-unified-page-view .main.fluid-centered.using-slender-advanced-panel .main.search-your-photos-results .search-photos-yours-view h5.search-results-header {
position: relative !important;
display: inline-block !important;
margin-bottom: -190px !important;
top: 100px !important;
margin-top: 0px !important;
}
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view main#search-unified-content.main.fluid-centered.using-slender-advanced-panel:not(.advanced-panel-visible) .search-photos-yours-view .photo-list-view {
margin-top: 110px !important;
}
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view main#search-unified-content.main.fluid-centered.using-slender-advanced-panel.advanced-panel-visible .search-photos-yours-view .photo-list-view{
margin-top: 124px !important;
}
/* SEARCH - PHOTOS of YOUR CONTACT - === */
.fluid.html-search-photos-unified-page-view .main.fluid-centered.using-slender-advanced-panel .main.search-contacts-results {
margin-top: 32px !important;
margin-bottom: -90px !important;
}
/* (new176) SEARCH - PHOTO / POOL */
.ui-display-wrapper {
position: absolute;
display: inline-block !important;
height: 22px ! important;
transform: scale(0.5) !important;
}
.ui-display-wrapper.ui-display-wrapper-justified > .display-item-tile{
display: inline-block ! important;
margin-bottom: 122px !important;
margin-top: 160px !important;
}
.ui-display-tile{
display: inline-block ! important;
bottom: -280px !important;
margin-top: -50px !important;
}
/* SEARCH - HELP/FORUM COM LIST */
body.zeus #Main #BodyContainer.noPivots {
width: 100% !important;
min-width: 100% !important;
}
#BodyContainer .AboutResults + br + table.DiscussionResults {
display: inline-block !important;
min-width: 100% !important;
}
.search-refinements {
position: relative;
display: inline-block ! important;
width: 661px !important;
height: 20px !important;
margin-bottom: -5px;
margin-left: 0 !important;
margin-right: -15px;
text-align: left !important;
}
.search-refinements div.refinements-wrapper {
position: absolute ! important;
display: inline-block ! important;
margin: 0 auto;
padding: 1px 15px 4px 20px;
list-style-type: none;
text-align: left;
}
.AboutResults {
display: inline-block ! important;
width: 100%;
margin-top: -22px!important;
margin-left: 300px ! important;
}
body.zeus #Main #BodyContainer.noPivots .AboutResults {
width: 700px ! important;
top: -32px!important;
left: 300px ! important;
}
#Main > table:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing):not(.acct-sett).DiscussionResults {
display: inline-block ! important;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 50px !important;
}
#Main > table.DiscussionResults:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing):not(.acct-sett) > tbody tr td {
margin-top: -6px !important;
padding-top: 5px !important;
}
.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 ;
}
/* HELP - DISC LEFT PAN */
#Main table tbody tr td#Hint {
position: sticky ;
display: inline-block ;
height: auto ;
width: 410px ;
top: 90px !important;
margin-top: 0px ;
padding-top: 5px ;
border-radius: 5px ;
background: transparent !important;
}
#Main table tbody tr td#Hint .TopicListing:last-of-type ,
#Main table tbody tr td#Hint .TopicListing:first-of-type ,
#Main table tbody tr td#Hint .TopicListing {
display: inline-block ;
height: auto ;
width: 400px ;
margin-top: 0px ;
margin-bottom: -10px ;
padding: 0 ;
overflow: hidden ;
}
#Main table tbody tr td#Hint .TopicListing:first-of-type {
margin-bottom: 5px ;
}
#Main table tbody tr td#Hint .TopicListing:last-of-type {
margin-left: -2px ;
padding-top: 85px ;
}
#Main table tbody tr td#Hint .TopicListing:last-of-type tbody ,
#Main table tbody tr td#Hint .TopicListing:first-of-type tbody {
display: inline-block ;
width: 400px ;
height: auto ;
overflow: hidden ;
overflow-y: auto ;
}
#Main table tbody tr td#Hint .TopicListing:first-of-type tbody {
padding-top: 45px ;
}
#Main table tbody tr td#Hint .TopicListing:last-of-type tbody {
min-height: 480px ;
max-height: 480px ;
padding-top: 55px ;
overflow: hidden ;
overflow-y: auto ;
}
/* HELP HINT - PB POOL EDIT ABOUT */
#Main table tbody tr td#Hint .TopicListing:last-of-type h4 ,
#Main table tbody tr td#Hint .TopicListing h4 ,
#Main table tbody tr td#Hint h4 {
position: relative ;
display: inline-block ;
width: 100% ;
height: 25px ;
top: -40px ;
left: 13px ;
margin-bottom: 5px ;
padding: 5px ;
text-align: center ;
border-bottom: 1px solid red ;
}
/* (new165) A VOIR - HELP TOPIC */
#Main table tbody tr td#Hint .TopicListing h4 {
position: relative ;
display: inline-block ;
width: 99.4% !important;
height: 25px ;
top: -4px !important;
left: -5px !important;
background: #333 !important;
border: 1px solid yellow ;
}
/* (new165) BOT */
#Main table tbody tr td#Hint .TopicListing:last-of-type h4 {
top: 15px !important;
}
#Main table tbody tr td#Hint .TopicListing:last-of-type tr:first-of-type td ,
#Main table tbody tr td#Hint .TopicListing:first-of-type tr:first-of-type td {
position: absolute ;
display: inline-block ;
width: 380px ;
height: 25px ;
}
#Main table tbody tr td#Hint .TopicListing:last-of-type tr:first-of-type td {
top: 75px ;
}
/* TOP */
#Main table tbody tr td#Hint .TopicListing:first-of-type tr:first-of-type td ,
#Main table tbody tr td#Hint .TopicListing:first-of-type tr:first-of-type td h4 {
top: 5px ;
}
/* HELP - HINT TOP DISC LEFT PAN - TABLE HEAD */
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) tbody > tr:first-of-type td:first-of-type {
width: 800px ;
}
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) tbody > tr:first-of-type td[width="20%"] {
width: 90px ;
text-align: center ;
}
/* POOL - MESS EMPTY POOL - "NOTHING" */
#pool-photos #empty-state ,
/* SM */
#pool-photos.sm.photo-display-container #empty-state {
position: fixed ;
display: inline-block !important;
width: 1480px ;
line-height: 30px ;
top: 120px ;
left: 250px ;
padding: 5px ;
white-space: normal ;
font-size: 20px ;
z-index: 500000 ;
transform: scale(1) ;
border: 1px solid peru ;
}
/*JU */
#pool-photos.ju.photo-display-container #empty-state {
left: 950px ;
transform: scale(2) ;
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 STR - STAT NAV BAR */
#subnav-refresh.subnav-refresh .subnav-middle .subnav-holder ul#button-bar.nav-links li.sn-navitem:nth-child(1) ,
#subnav-refresh.subnav-refresh .subnav-middle .subnav-holder ul#button-bar.nav-links li.sn-navitem:nth-child(2),
#subnav-refresh.subnav-refresh .subnav-middle .subnav-holder ul#button-bar.nav-links li.sn-navitem:nth-child(3),
#subnav-refresh.subnav-refresh .subnav-middle .subnav-holder ul#button-bar.nav-links li.sn-navitem:nth-child(4) {
position: relative !important;
display: inline-block !important;
width: auto !important;
}
#subnav-refresh.subnav-refresh .subnav-middle .subnav-holder ul#button-bar.nav-links li.sn-navitem span {
position: relative !important;
display: inline-block !important;
top: -7px !important;
padding: 0 3px 0 4px !important;
}
/* POOL DISC/NO DISC/MAIL BOX - CONT */
.ThinCase {
position: relative ;
display: inline-block !important;
width: 90% !important;
margin-top: 10px !important;
top: 38px ;
padding: 40px 0px 20px 10px !important;
text-align: center !important;
}
/* MAP MES - NOTHING */
#subnav-template-positionmask + .ThinCase {
margin-top: 40px !important;
}
/* (new165) HELP - EDIT DISC - SUBJ/EDIT POOL RULE/CHEKI INVIT */
#Main #Tertiary + script + table tbody tr td#Hint ,
#Main #Tertiary + table tbody tr td#Hint {
position: absolute ;
display: inline-block !important;
height: auto ;
min-height: 0px !important;
width: 100%;
max-width: 410px;
min-width: 410px;
margin-top: 0px !important;
border: none !important;
}
#global-nav.styleguide-global-nav + #Main table tbody tr td#Hint p:only-of-type {
position: fixed !important;
display: inline-block !important;
min-width: 412px !important;
max-width: 412px !important;
height: auto !important;
line-height: 20px !important;
float: none !important;
clear: both !important;
margin-bottom: -10px !important;
top: 47px !important;
padding: 3px !important;
text-align: center !important;
overflow: hidden !important;
background: #333 !important;
}
/* EDIT - POOL MODE/DISC */
/* PB POOL EDIT ABOUT */
#global-nav.styleguide-global-nav + #Main h1#Tertiary + table tbody tr td#Hint p:only-of-type {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
height: auto !important;
line-height: 20px !important;
margin-bottom: -10px !important;
top: -67px !important;
left: 0px !important;
padding: 4px !important;
text-align: center !important;
overflow: hidden !important;
}
/* EDIT DISC/REPLY/POOL INVIT - CENTER */
#GoodStuff > form > p:first-of-type {
display: inline-block !important;
width: 434px;
height: auto ;
margin-top: -5px ;
padding: 5px 5px 5px 20px ;
border-radius: 3px ;
text-align: left ;
border: 1px solid gray ;
}
#GoodStuff > form > p > textarea {
display: inline-block !important;
resize: vertical ;
padding: 10px ;
width: 650px !important;
}
/* EDIT POOL DISC - table:not(.about_group_edit) */
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > table form {
border: 1px solid red;
border-radius: 5px;
display: inline-block;
max-width: 965px !important;
min-width: 965px !important;
padding: 0px !important;
width: 100%;
}
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > form table {
display: inline-block;
}
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > form > p:first-of-type {
width: 97% !important;
margin-top: 10px;
padding: 0px;
}
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > form > p > textarea{
width: 97.5% !important;
}
/* MAIN CONT - POOL DISC */
#main {
position: relative !important;
display: inline-block !important;
min-height: 900px !important;
width: 1920px !important;
top: 0 !important;
}
/* POOL DISC */
body.new-header #global-nav.styleguide-global-nav + #main.clearfix.wide {
min-height: 927px !important;
margin-bottom: -50px ;
}
/* #Main - POOL PEND/ADD RULE/HELP */
#Main {
min-height: 100% !important;
height: 1000px ;
height: auto !important;
width: 1908px !important;
margin-bottom: -50px !important;
z-index: 0 !important;
}
/* (new176) HEADER - PHOT COVER - HOVER/DISP NONE */
#subnav-refresh.subnav-refresh .cover-photo-holder {
position: absolute !important;
display: inline-block !important;
height: 100px !important;
width: 200px !important;
top: 3px !important;
right: 0 !important;
visibility: hidden !important;
/* z-index: 500000 !important; */
/* background-color: red !important; */
}
#subnav-refresh.subnav-refresh .cover-photo-holder + .subnav-middle .cover-attribution {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 180px !important;
max-width: 180px !important;
height: 100% !important;
min-height: 15px !important;
max-height: 15px !important;
top: 60px !important;
right: 10px !important;
/* padding-right: 5px !important; */
text-align: right !important;
visibility: visible !important;
z-index: 50000000 !important;
/* background: violet !important; */
}
#subnav-refresh.subnav-refresh .cover-photo-holder:hover + .subnav-middle .cover-attribution{
top: 45px !important;
background: yellow !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder + .subnav-middle .cover-attribution p {
position: absolute !important;
display: inline-block !important;
width: 180px !important;
top: 0px !important;
right: 0px !important;
/* padding-right: 5px !important; */
text-align: center !important;
font-size: 0 !important;
z-index: 500000 !important;
/* background: red !important; */
}
#subnav-refresh.subnav-refresh .cover-photo-holder + .subnav-middle .cover-attribution p a {
/* display: inline-block !important; */
float: right !important;
width: 144px !important;
margin-left: 0px !important;
font-size: 13px !important;
text-align: left !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
z-index: 500000 !important;
/* background: blue !important; */
}
#subnav-refresh.subnav-refresh .cover-photo-holder + .subnav-middle .cover-attribution p:before {
content: "Cover by:" !important;
float: left !important;
width: 35px !important;
margin: 2px 0 0 0 !important;
font-size: 8px !important;
text-align: left !important;
color: gray !important;
/* background: violet !important; */
}
#subnav-refresh.subnav-refresh .cover-photo-holder + .subnav-middle .cover-attribution p:hover ,
#subnav-refresh.subnav-refresh .cover-photo-holder + .subnav-middle .cover-attribution:hover p ,
#subnav-refresh.subnav-refresh .cover-photo-holder:hover + .subnav-middle .cover-attribution p {
/* top: 40px !important; */
/* background: green !important; */
}
/* THUMB :not(:hover)*/
.subnav-refresh .cover-photo-holder .cover-photo.wviewvert {
position: absolute !important;
display: inline-block !important;
height: 90px !important;
width: 175px !important;
top: 2px !important;
right: 15px !important;
padding-bottom: 0px !important;
visibility: hidden !important;
background-repeat: no-repeat;
background-size: contain !important;
border: 1px solid #959494 ;
box-shadow: -3px 4px 5px 4px black ;
background-color: #111 !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder:hover .cover-photo.wviewvert ,
#subnav-refresh.subnav-refresh .cover-photo-holder .cover-photo.wviewvert:hover {
visibility: visible !important;
z-index: 500000 !important;
}
.subnav-refresh .cover-photo-holder .cover-photo.wviewvert:not(:hover):after {
content: "Edit Pool Cover Photo ▼" !important;
position: fixed !important;
display: inline-block !important;
height: 12px !important;
line-height: 12px !important;
width: 127px !important;
top: 85px !important;
right: 5px !important;
padding: 0 5px !important;
border-radius: 3px ;
font-size: 10px !important;
text-align: left !important;
opacity: 1 !important;
visibility: visible !important;
z-index: 5000000 !important;
color: gold !important;
}
/* (new176) POOL - EDIT COVER */
#subnav-refresh.subnav-refresh .cover-photo-holder:not(:hover) + .subnav-middle .cover-attribution + .cover-cta {
position: fixed !important;
display: inline-block !important;
right: 25px !important;
top: 80px !important;
opacity: 1 !important;
visibility: hidden !important;
z-index: 5000000 !important;
background: red !important;
}
#subnav-refresh.subnav-refresh .cover-photo-holder + .subnav-middle .cover-attribution:hover + .cover-cta ,
#subnav-refresh.subnav-refresh .cover-photo-holder + .subnav-middle .cover-attribution + .cover-cta:hover ,
#subnav-refresh.subnav-refresh .cover-photo-holder:hover + .subnav-middle .cover-attribution + .cover-cta {
top: 100px !important;
opacity: 1 !important;
visibility: visible !important;
background: green !important;
}
/* USER INF */
.subnav-refresh .person {
width: 1784px !important;
left: 120px !important;
top: 8px !important;
}
/* == .subnav-middle == */
/* TOP NAV HEADER - ALL */
.subnav-refresh .subnav-middle {
position: fixed !important;
display: inline-block !important;
width: 1926px !important;
height: 85px!important;
top: 0px !important;
left: -6px !important;
z-index: 50000 ;
}
/* ALL JU */
.breakout.breakout-justified .subnav-middle {
top: 0px !important;
}
/* EXPLORE - NO .subnav-middle*/
.breakout.ad-free #searchified-header {
top: -140px !important;
padding: 2px 5px !important;
}
/* SET Presentation*/
.breakout.header-underlap:not(.photostream).liquid .subnav-middle {
top: 60px !important;
}
/* == START = FLICKR - HEAD == */
.breakout.header-underlap.photostream .subnav-middle {
top: -19px !important;
}
#searchified-options + #photo-list-holder #thumb-wrapper {
margin-top: 30px !important;
}
#photo-list-holder #thumb-wrapper {
margin-top: 120px !important;
}
/* FAVS */
.breakout-justified.header-underlap.liquid.breakout .subnav-middle {
top: 6px !important;
}
/* SETS PRESEN */
.breakout:not(.breakout-justified).header-underlap:not(.photostream) .subnav-middle {
top: 6px !important;
}
#archives {
margin-top: 4px !important;
}
/* STREAM/SET - JU THUMB */
.breakout.header-underlap.photostream .subnav-middle {
margin-top: 23px !important;
}
/* == END = FLICKR - HEADER == */
/* A SUPP ? == ARCH == */
#archives-tabs {
width: 100%;
height: 16px;
line-height: 0;
margin-bottom: 20px;
margin-top: -7px;
border-bottom: 1px solid red ;
}
#archives-tabs .tabs {
float: left;
padding-top: 0px;
width: 100%;
margin-top: -7px;
}
#archives.sq .archive {
margin: 0 0 25px;
}
/* == POOL PEND PAGE == */
/* POOL PEND PHO - OLD - THUMB ZOOM PLUS */
.photo-list-photo-interaction .interaction-bar .tool .fave-area i.fave-star:before ,
.gPendWho > a:first-of-type:before {
position: absolute ;
display: inline-block ;
width: 15px ;
content: "X" ;
margin-top: 0px ;
padding: 4px ;
font-size: 10px ;
color: transparent ;
background: transparent ;
}
.photo-list-photo-interaction .interaction-bar .tool .fave-area i.fave-star:before {
margin-left: -12px !important;
}
/* LEFT SID - PEND - POOL PHO - OLD */
#group-sidebar.open:not(:hover) .pending.sec ,
#group-sidebar:not(:hover) .pending.sec {
position: absolute ;
display: inline-block ;
width: 58px ;
height: 19px ;
line-height: 19px ;
left: 645px ;
top: -26px ;
padding-bottom: 5px ;
border-radius: 3px ;
font-size: 12px ;
text-align: center ;
overflow: hidden ;
z-index: 2147483647 ;
}
.breakout-justified #group-sidebar .pending.sec ,
#group-sidebar.open.short-window .pending.sec ,
#group-sidebar.open .pending.sec ,
#group-sidebar.open:hover .pending.sec {
position: absolute ;
display: inline-block ;
height: 19px ;
line-height: 19px ;
width: 655px ;
left: 0px ;
top: -20px ;
padding: 4px 0 5px 0 ;
border-radius: 3px 3px 0 0 ;
font-size: 12px ;
text-align: center ;
overflow: hidden ;
z-index: 2147483647 ;
}
.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 ;
background: black !important;
}
.breakout-justified #group-sidebar:hover .pending.sec {
top: 0px !important;
}
#group-sidebar .pending.sec h3.group-subhead {
width: 55px !important;
height: 19px ;
line-height: 19px ;
margin-top: 2px ;
margin-bottom: 0px ;
border-radius: 5px ;
font-size: 12px ;
text-align: center ;
z-index: 50000 ;
color: peru !important;
border: 1px solid red ;
}
#group-sidebar.sm:hover .pending.sec h3.group-subhead ~ p ,
#group-sidebar:hover .pending.sec h3.group-subhead ~ p ,
#group-sidebar.open .pending.sec:hover p ,
#group-sidebar .pending.sec:hover p {
position: relative ;
display: inline-block !important;
width: 250px ;
height: 19px ;
line-height: 19px ;
margin-bottom: 1px ;
top: -29px ;
margin-top: 5px ;
border-radius: 5px ;
text-align: center ;
font-size: 12px ;
opacity: 1 ;
visibility: visible ;
border: 1px solid gray ;
}
#group-sidebar .pending p:first-of-type + p {
margin-top: 5px ;
}
#Main>form[action*="/pending/"]{
margin-top: -70px ;
}
form[action*="/pending/"] .gPend {
margin-top: 74px ;
}
form[action*="/pending/"] .gPend #paginator-module:first-of-type {
position: relative ;
width: 596px ;
top: 74px ;
margin-bottom: 20px ;
}
form[action*="/pending/"] .gPend #paginator-module:first-of-type .Results {
color: #bbb;
font: 11px/15px Arial,Helvetica;
margin-top: 0px;
text-align: center;
}
form[action*="/pending/"] .gPend p.gPendAll:first-of-type {
position: absolute ;
width: 296px ;
top: 73px ;
right: 200px ;
}
form[action*="/pending/"] .gPend p.gPendAll:first-of-type + p.gPendAll {
position: absolute ;
width: 128px ;
top: 71px ;
right: 450px ;
}
form[action*="/pending/"] .gPend p.gPendAll:first-of-type + p.gPendAll input.Butt {
margin-right: 305px ;
}
.gPendMod p + p input:checked + label::after {
position: absolute ;
display: inline-block ;
content: " deny" ;
margin-top: -269px ;
margin-left: -220px ;
padding: 116px ;
pointer-events: none ;
background: rgba(255, 0, 0, 0.3) ;
}
.gPendMod p + p input:checked + label[id^="leave_"]::after {
position: absolute ;
display: inline-block ;
content: " leave" ;
margin-top: -269px ;
margin-left: -180px ;
padding: 116px 80px ;
pointer-events: none ;
background: rgba(11, 255, 0, 0.1) ;
}
.gPendMod > p:first-of-type input:checked + label {
color: gold ;
background: green ;
}
.gPendMod p + p input:checked + label {
color: white ;
background: red ;
}
.gPendMod p + p input:checked + label[id^="leave_"] {
color: white ;
background: rgba(11, 255, 0, 0.2) ;
}
.gPend table {
width: 100% ;
min-width: 1897px ;
max-width: 1897px ;
margin-left: 7px ;
margin-top: -55px ;
}
.gPend table tbody {
display: inline-block ;
width: 100% ;
min-width: 1897px ;
max-width: 1897px ;
margin-top: 117px ;
}
.gPend>table>tbody>tr {
display: inline-block ;
vertical-align: top ;
height: 324px ;
width: 450px ;
margin-right: 5px ;
margin-bottom: 5px ;
padding: 5px ;
overflow: hidden ;
border-right: 1px solid red ;
border: 1px solid gray ;
}
.gPend>table>tbody>tr:nth-child(odd) {
float: left ;
clear: none ;
}
.gPend>table>tbody>tr:nth-child(even) {
float: right ;
clear: none ;
}
.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 PEND PHOT- MOD SORT/GEST */
.fluid.html-group-admin-pending-page-view .fluid-droparound-view {
position: absolute ;
display: inline-block ;
width: auto ;
width: 100% ;
min-width: 200px ;
max-width: 200px ;
left: 0px ;
right: 0 ;
top: 0px ;
margin-top: 0px ;
z-index: 500000 ;
}
/* (new164) POOL PEND PHOT - NEW - DEL IM - ALL POOL - remove */
.fluid.html-group-admin-pending-page-view .group-admin-pending-page-view .group-admin-pending-page-container {
max-width: 100% ;
margin-top: 65px ;
padding: 0px 20px ;
border-top: 1px solid red ;
}
.group-admin-pending-page-view .group-admin-pending-page-container .tools-container {
padding: 5px 0 ;
}
.fluid.html-group-admin-pending-page-view .group-admin-pending-page-view .group-admin-pending-page-container.fluid-centered .pending-list-container {
display: inline-block ;
width: 100% ;
height: auto ;
}
.fluid.html-group-admin-pending-page-view .group-admin-pending-page-view .group-admin-pending-page-container .pending-page-title {
margin: 5px 0 0 ;
}
.fluid.html-group-admin-pending-page-view .fluid-centered.group-admin-pending-page-container .pending-list-container .group-admin-pending-item-view {
float: left ;
width: 100% ;
min-width: 24% ;
max-width: 24% ;
height: 350px ;
margin-right: 10px ;
margin-bottom: 10px ;
padding-top: 35px ;
border: 1px solid gray ;
}
.group-admin-pending-item {
display: inline-block ;
width: 100% ;
height: 350px ;
margin-right: 10px ;
margin-bottom: 10px ;
overflow: hidden ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container {
display: inline-block ;
width: 100% ;
height: 350px ;
padding: 0 ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-and-details-column {
display: inline-block !important;
width: 100% ;
height: 350px ;
padding: 0 ;
text-align: center ;
transition: opacity 0.2s ease 0s;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-column {
display: inline-block ;
width: 100% ;
height: 310px ;
text-align: center ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-column a {
display: inline-block ;
width: 100% ;
text-align: center ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .photo-column .photo {
display: inline-block !important;
max-height: 250px ;
max-width: 300px ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column {
position: absolute ;
display: inline-block ;
width: 286px ;
height: 35px ;
margin-left: -450px ;
margin-top: -37px ;
padding: 0 5px ;
text-align: center ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container:hover .action-column ,
.group-admin-pending-item-view .group-admin-pending-item .item-content-container:hover .action-column .batch-check {
transition: all ease 0.7s ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column {
display: inline-block ;
width: 96% ;
height: 46px ;
margin-top: -10px ;
padding: 0 5px ;
border-top: 1px solid gray ;
}
/* (new177) */
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .timestamp {
position: absolute ;
display: inline-block ;
vertical-align: middle ;
width: 35px ;
height: 26px ;
line-height: 13px ;
margin-top: -384px ;
margin-left: 10px ;
padding: 2px ;
border-radius: 3px ;
font-size: 12px ;
text-align: center ;
z-index: 500 ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .photo-title {
position: relative ;
display: inline-block ;
height: 15px ;
line-height: 15px ;
min-width: 430px ;
max-width: 430px ;
top: -5px ;
margin: 0px 0 -7px 0 ;
font-size: 15px ;
overflow: hidden ;
text-overflow: ellipsis ;
white-space: nowrap ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .photo-details .by-user {
min-width: 300px ;
max-width: 300px ;
text-align: left ;
}
/* SAVE FOR LATER */
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .batch-check {
position: absolute ;
display: inline-block ;
width: 140px ;
height: 35px ;
line-height: 35px ;
margin-left: 153px ;
margin-top: -64px ;
padding: 0 5px ;
text-align: center ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .batch-check .toggle-component.box-after.gray-theme.switch.block {
display: inline-block ;
text-align: center ;
color: green ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .batch-check .toggle-component.box-after.gray-theme.switch.block:hover .label-text {
display: inline-block ;
text-align: center ;
color: green ;
}
.group-admin-pending-item-view.disabled-ignored .group-admin-pending-item .item-content-container .action-column .batch-check .toggle-component.box-after.gray-theme.switch.block {
display: inline-block ;
text-align: center ;
}
.group-admin-pending-item-view.disabled-ignored .group-admin-pending-item .item-content-container .action-column .batch-check .toggle-component.box-after.gray-theme.switch.block .label-text {
display: inline-block ;
text-align: center ;
color: red ;
}
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .batch-check .toggle-component-view {
display: inline-block ;
width: 140px ;
height: 15px ;
line-height: 15px ;
text-align: center ;
}
.group-admin-pending-item-view.disabled-ignored .group-admin-pending-item .item-content-container .action-column .action-buttons,
.group-admin-pending-item-view.disabled-ignored .group-admin-pending-item .item-content-container .photo-and-details-column {
opacity: 0.3 ;
pointer-events: auto ;
}
/* POOL PEND MEMB LIST */
#Main table tbody tr #GoodStuff table#InBox {
position: relative ;
display: inline-block ;
width: 1840px ;
margin-left: 10px ;
margin-top: 0px ;
}
/* POOL PEND LIST - 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 ;
}
/* MAIN - TITLE HEAD - MESS/MAIL/HELP/PEND - STICKY */
#Main > h1 {
position: sticky ;
display: inline-block ;
width: 915px ;
height: 28px ;
line-height: 28px ;
left: 443px ;
top: 0px ;
margin-top: 0px ;
padding: 0 5px ;
text-align: left ;
z-index: 500 ;
border-bottom: 1px solid gray ;
background: white ;
}
/* == JU CONT == */
/* 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 {
position: fixed !important;
display: inline-block ! important;
width: 630px !important;
top: 89px !important;
left: 0px !important;
padding: 40px 5px 20px 20px !important;
z-index: 500000 !important;
background: #222 !important;
}
/*(new186) POOL - POOL SIDEBAR - TOPIC + META */
#group-sidebar .discussions li.topic {
display: inline-block ! important;
width: 100%!important;
min-width: 580px !important;
max-width: 580px !important;
min-height: 90px !important;
margin-bottom: 5px !important;
overflow-wrap: break-word;
}
#group-sidebar .discussions .topic .discuss-topic {
margin-bottom: 18px !important;
}
#group-sidebar .discussions .topic .reply .group-meta {
position: absolute !important;
display: inline-block ! important;
width: 100%!important;
min-width: 580px !important;
max-width: 580px !important;
top: -17px !important;
left: 0 !important;
}
/* (new187) */
#group-sidebar .discussions .topic .reply p.group-message {
position: relative !important;
display: inline-block !important;
text-align: left !important;
}
#group-sidebar .discussions .topic .reply p img.notsowide:not(.buddyicon){
position: relative;
display: inline-block !important;
height: auto;
max-width: 100px !important;
vertical-align: text-bottom;
margin-bottom: 20px !important;
/* border: 1px solid yellow !important; */
}
#group-sidebar .discussions .topic .reply .group-message a {
position: relative;
display: inline-block;
width: 99% !important;
/* border: 1px solid red; */
}
/* JU - ALL - CONT */
.ju {
width: 1900px !important;
height: 100% !important;
margin-top: -29px !important;
margin-left: 0px !important;
left: 0 !important;
padding-bottom: 200px !important;
padding-left: 0 !important;
}
/* JU - FAVS - CONTAINER */
#faves {
padding-top: 0px !important;
}
#faves.ju {
width: 1920px !important;
min-height: 100% !important;
margin-top: 10px !important;
margin-left: 0px !important;
left: 0 !important;
padding-left: 0 !important;
}
/* JU - STREAM - CONTAINER */
.js #photo-list-holder.loaded,
.js #photo-list-holder.pre-loaded {
margin-top: -67px !important;
}
#thumb-wrapper #thumbnails.ju {
width: 1900px !important;
height: 100% !important;
margin-top: -29px !important;
margin-left: 8px !important;
left: 0 !important;
padding-left: 0 !important;
}
/* == JU - ROWS == */
/* JU - ALL USERS + MY FAVS - ROWS */
#faves.photo-display-container.clearfix .row ,
#faves.ju.is_own.photo-display-container.clearfix .row {
position: relative !important;
display: inline-block !important;
width: 1100px !important;
min-height: 200px !important;
max-height: 190px !important;
margin-bottom: -105px !important;
top: -20px !important;
margin-top: 70px !important;
left: -60px !important;
margin-left: -180px !important;
overflow: visible !important;
transform: scale(0.45) !important;
vertical-align: top !important;
background: transparent !important;
}
/* JU - EXPL - STREAM/SET - CONT */
#thumb-wrapper #thumbnails.ju .row {
position: relative !important;
display: inline-block !important;
width: 1100px !important;
min-height: 230px !important;
max-height: 230px !important;
margin-bottom: -105px !important;
top: -90px !important;
margin-top: 70px !important;
left: -60px !important;
margin-left: -180px !important;
overflow: visible !important;
transform: scale(0.45) !important;
vertical-align: bottom !important;
background: transparent !important;
}
/* JU - CAMERA FINDER - ROW */
#camera-finder-content.model-page {
padding-top: 0px !important;
}
#camera-finder-content #interesting-photos {
margin-bottom: 5px !important;
margin-top: 10px !important;
font-size: 20px !important;
text-align: center !important;
}
#camera-finder-content h3 {
font-size: 23px !important;
line-height: 30px !important;
margin: 0 !important;
}
.js #camera-finder-content #photo-list-holder.loaded,
.js #camera-finder-content #photo-list-holder.pre-loaded {
margin-top: -37px !important;
}
#camera-finder-content #interesting-photos + #view-holder #photo-list-holder #thumb-wrapper {
margin-top: 10px !important;
}
#camera-finder-content #view-holder #photo-list-holder #thumb-wrapper #thumbnails.ju .row.row- {
width: 1000px !important;
min-height: 325px !important;
max-height: 325px !important;
line-height: 15px !important;
vertical-align: middle !important;
margin-bottom: -90px !important;
top: -50px !important;
left: 97px !important;
margin-left: -65px !important;
transform: scale(0.91) !important;
transform-origin: center left !important;
border: 1px solid #333 !important;
}
/* 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 - PAGI - FAV/STREAM */
body.breakout-justified .infinite-pages .Pages {
position: fixed !important;
display: inline-block !important;
top: 400px !important;
left: 50px !important;
text-align: center;
transform: rotate(0deg) !important;
}
body.breakout-justified .infinite-pages .pages {
display: inline-block !important;
position: absolute !important;
width: 26px !important;
left: -30px !important;
}
body.breakout-justified .infinite-pages .Pages .Paginator .Results {
position: fixed !important;
display: inline-block !important;
text-align: center;
top: 80px !important;
right: -20px !important;
transform: rotate(90deg) !important;
}
/* "◄ PREV" */
body.breakout-justified .infinite-pages .Pages .Paginator .Prev ,
body.breakout-justified .infinite-pages .Pages .Paginator .AtStart {
display: inline-block !important;
position: absolute !important;
width: 50px !important;
text-align: center;
left: -50px !important;
top: -130px !important;
transform: rotate(90deg) !important;
font-size: 0 !important;
}
body.breakout-justified .infinite-pages .Pages .Paginator .Prev:before ,
body.breakout-justified .infinite-pages .Pages .Paginator .AtStart:before {
content: "\25C4 PREV" ;
display: inline-block ;
position: absolute ;
width: 50px ;
text-align: center ;
left: 12px ;
top: 5px ;
font-size: 12px ;
letter-spacing: 2px ;
}
/* "NEXT ►" */
body.breakout-justified .infinite-pages .Pages .Paginator .Next {
display: inline-block !important;
position: absolute !important;
text-align: center;
width: 50px !important;
left: -70px !important;
top: -57px !important;
transform: rotate(90deg) !important;
font-size: 0 !important;
}
body.breakout-justified .infinite-pages .Pages .Paginator .Next:before {
content: "NEXT\25BA " ;
display: inline-block ;
position: absolute ;
text-align: center ;
width: 50px ;
left: 10px ;
top: 5px ;
font-size: 12px ;
letter-spacing: 2px ;
}
/* PAGI STREAM */
#view-holder +script + #paginator-module.Pages ,
#view-holder + #paginator-module.Pages {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
top: 400px !important;
left: -935px !important;
text-align: center;
transform: rotate(90deg) !important;
}
#view-holder +script + #paginator-module.Pages .Results,
#view-holder + #paginator-module.Pages .Paginator + .Results {
position: fixed !important;
display: inline-block !important;
text-align: center;
top: -19px !important;
margin-left: -35px !important;
transform: rotate(0deg) !important;
color: #CCC7C7 !important;
letter-spacing: 2px !important;
}
/* "◄ PREV" */
#view-holder + script + #paginator-module.Pages .Paginator .AtStart ,
#view-holder + #paginator-module.Pages .Paginator .AtStart ,
#view-holder +script + #paginator-module .Paginator .Prev ,
#view-holder + #paginator-module.Pages .Paginator .Prev {
display: inline-block !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
width: auto !important;
line-height: 20px !important;
border-radius: 5px 0 0 5px !important;
text-align: center;
font-size: 0 !important;
}
#view-holder + script + #paginator-module.Pages .Paginator .AtStart:before ,
#view-holder +script + #paginator-module .Paginator .Prev:before ,
#view-holder + #paginator-module.Pages .Paginator .Prev:before {
content: "\25C4 PREV" ;
position: relative ;
display: inline-block ;
text-align: center ;
font-size: 12px ;
letter-spacing: 1px ;
}
/* "NEXT ►" */
#view-holder +script + #paginator-module .Paginator .Next ,
#view-holder + #paginator-module.Pages .Paginator span.AtEnd ,
#view-holder + #paginator-module.Pages .Paginator .Next {
display: inline-block !important;
height: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
line-height: 20px !important;
width: auto !important;
border-radius: 0 5px 5px 0 !important;
font-size: 0 !important;
}
#view-holder +script + #paginator-module .Paginator .Next:before ,
#view-holder + #paginator-module.Pages .Paginator span.AtEnd:before ,
#view-holder + #paginator-module.Pages .Paginator .Next:before {
content: "NEXT \25BA " ;
display: inline-block ;
text-align: center ;
font-size: 12px ;
letter-spacing: 1px ;
}
#view-holder +script + #paginator-module .Paginator span a,
#view-holder +script + #paginator-module .Paginator span .this-page ,
#view-holder + #paginator-module.Pages .Paginator span a,
#view-holder + #paginator-module.Pages .Paginator span .this-page {
display: inline-block !important;
transform: rotate(-90deg) !important;
}
/* JU - META - ALL + OTHERS TXT "by" */
.photo-display-container.ju .photo-display-item {
opacity: 1 !important;
}
.ju .meta {
text-shadow: none !important;
color: transparent !important;
overflow: visible !important;
}
.ju .row .meta span {
display: inline-block !important;
top: 68px !important;
opacity: 1 !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 - POOL NO BETA - META - ALL - ICON FAV + DEL X - 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;
}
/* JU - POOL NO BETA - META - POOL/FAV +(#faves.sm.is_own) - INLINE ICONS - DELETE "X" + HOVER */
#pool-photos.ju .photo-display-item .remove-from-group {
position: absolute ! important;
display: inline-block !important;
width: 100% !important;
height: 30px ! important;
line-height: 24px ! important;
margin-bottom: 0 !important;
top: 0% !important;
left: 0% !important;
right: 1% !important;
opacity: 1!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 NO BETA - DELETE IMG - NO MUSTACHE */
#pool-photos.ju .photo-display-item .remove-from-group img {
transform: scale(1.8) !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: 3px !important;
}
#pool-photos.ju .photo-display-item .remove-from-group:hover img {
transform: scale(2.8) !important;
}
/* JU - POOL NO BETA - META - DELETE "X" - POOL/FAV - COM ICON + HOVER */
.ju .meta a.comments-icon img {
margin-top: 5px !important;
}
/* META - DELETE "X" - POOL SMALL */
.photo-display-item .remove-from-group:hover img {
transform: scale(1.5) !important;
}
/* HOVER TIE */
.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 ;
}
/* == END == JU - META == */
/* == END == JU THUMBNAILS (without POOLSIDEBAR) == */
/* == DELETE "X" - POOL (sq/sm/ju/HOMEe) == */
/* DELETE "X" - GENERAL - HOVER ROUNDED */
.delete-x:hover, .delete-x-inline:hover img {
border-radius: 5px 5px 5px 5px !important;
}
/* POOL SMALL - DELETE - NO MUSTACHE */
#pool-photos.sm .photo-display-item:hover .remove-from-group {
position: absolute;
display: inline !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/HOM) == */
/* == END = META + COUNTER + DEL "X" == */
/* == FLICKR - POOL no BETA - NORMAL == */
/* POOL no BETA - HEADER FIXED */
body.breakout-justified .group-content-wrapper.group-cover-photo #subnav-refresh.subnav-refresh.groups.subnav-view .cover-photo-holder {
position: fixed;
}
/* POOL no BETA - THUMB - SIDEBAR - OPEN */
#pool-photos.photo-display-container.ju[style*="padding-left: 345px;"] {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
margin-top: 80px !important;
padding-left: 196px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
text-align: left !important;
background: #222 !important;
}
#pool-photos.photo-display-container.ju[style*="padding-left: 345px;"] .row {
display: inline-block !important;
min-width: 90% !important;
max-width: 90% !important;
margin-left: -96px !important;
padding-left: 60px !important;
padding-bottom: 25px;
}
/* POOL no BETA - SIDEBAR - CLOSE */
#pool-photos.photo-display-container.ju:not([style*="padding-left: 345px;"]) {
display: inline-block !important;
width: 1867px !important;
margin-top: 80px !important;
margin-left: 0px !important;
padding-left: 38px !important;
padding-right: 0px !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
text-align: left !important;
overflow: hidden !important;
}
#pool-photos.photo-display-container.ju:not([style*="padding-left: 345px;"]) .row {
display: inline-block !important;
margin-left: -96px;
max-width: 105% !important;
min-width: 105% !important;
padding-bottom: 25px;
padding-left: 30px;
text-align: center !important;
}
/* POOL no BETA - METAS */
.super-liquid #pool-photos.photo-display-container.ju .photo-display-item .meta {
display: inline-block !important;
width: 100% !important;
max-width: 96.3% !important;
min-width: 96.3% !important;
padding: 5px 8px 10px 8px;
text-align: left !important;
opacity: 0.3 !important;
}
.super-liquid #pool-photos.photo-display-container.ju .photo-display-item:hover .meta {
opacity: 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.owner[id^="CFS"] {
max-width: 100% !important;
min-width: 100% !important;
margin-left: -20px !important;
padding-left: 0px !important;
}
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item .thumb .photo_container.pc_l + .meta a.owner ,
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item .thumb .photo_container.pc_n + .meta a.owner{
max-width: 100% !important;
min-width: 100% !important;
margin-left: -20px !important;
padding-left: 2px !important;
}
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item .thumb.too-narrow .photo_container.pc_n + .meta a.owner{
max-width: 95% !important;
min-width: 95% !important;
margin-left: -20px !important;
padding-left: 2px !important;
}
.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.owner[id^="CFS"] ,
.photo-display-container.ju .photo-display-item .meta a[id^="CFS"]:not(.title):not(.fave-star-inline):not(.comments-icon):not(.lightbox-inline) span:last-of-type ,
.photo-display-container.ju .photo-display-item .meta a[id^="CFS"]:not(.title):not(.fave-star-inline):not(.comments-icon):not(.lightbox-inline) span:first-of-type ,
.photo-display-container.ju .photo-display-item .meta a[id^="CFS"]:not(.title):not(.fave-star-inline):not(.comments-icon):not(.lightbox-inline) span {
display: inline-block;
height: 15px !important;
line-height: 15px !important;
font-size: 15px !important;
}
.photo-display-container.ju .photo-display-item .meta .inline-icons,
.photo-display-container.ju .hoverzoom .meta .inline-icons {
margin-top: -19px !important;
font-size: 15px !important;
}
.photo-display-container.ju .photo-display-item .meta a ,
.photo-display-container.ju .photo-display-item .meta a.fave-star-inline,
.zoomer .meta a.fave-star-inline,
.photo-display-container.ju .photo-display-item .meta a.delete-x-inline,
.photo-display-container.ju .zoomer .meta a.fave-star-inline {
font-size: 15px !important;
}
.photo-display-container.ju .row [id^="FCO-photo-"] {
display: inline-block;
height: 11px;
left: 10px;
padding-bottom: 3px;
padding-right: 10px;
position: absolute;
top: 100% !important;
transform: scale(0.8) !important;
width: 17px;
z-index: 10000;
}
/* POOL no BETA - TOG BUT */
body.super-liquid.extras.breakout.breakout-justified .group-content-wrapper.group-cover-photo .opt-out-bug {
position: fixed !important;
z-index: 70000 !important;
}
/* POOL no BETA - PAGI */
#pool-photos.ju.photo-display-container ~#paginator-module.Pages {
position: sticky;
bottom: 0;
margin-bottom: 0;
margin-top: 20px;
text-align: center;
z-index: 50000;
background: black !important;
}
/* == END = FLICKR - TEST - POOL no BETA - NORMAL == */
/* == TOP HEADER == */
/* TOP HEADER ALL */
body.new-header {
overflow: hidden !important;
overflow-x: hidden!important;
overflow-y: auto !important;
}
/* HEADER - PHOT + ALL INF/POOL/COM - TOTAL CONT */
body.new-header {
background: none !important;
}
/* HEADER - PHOT */
body.new-header.has-free-refresh-banner #photo {
margin-left: 1% !important;
padding-top: 36px! important;
padding-top: 7% !important;
}
#photo {
overflow: hidden;
width: 62% !important;
background: none !important;
}
/* (new165) HEADER - TITLE/ DESC POOL CONT */
.set-wrap .group-meta {
position: absolute;
top: 5px !important;
bottom: -6px !important;
left: 140px;
}
.set-wrap .group-meta h1 {
padding: 0 !important;
line-height: 27px !important;
margin-bottom: 10px !important;
font-size: 2em ! important;
text-shadow: none !important;
background: transparent !important;
}
.set-wrap .set-meta .set-desc {
display: inline-block !important;
max-width: 430px !important;
margin-top: -5px ;
}
.set-wrap div.set-desc .short {
display: inline-block !important;
width: 430px !important;
height: 33px !important;
margin: 0 ;
}
.subnav-refresh .subnav-middle .group-title-holder .add-button {
margin-left: 70px !important;
top: 8px !important;
}
/* TOP HEADER - PHOTO - GROUPS / POOL */
/* TOP HEADER - POOL - STATS*/
.subnav-refresh .stats {
display: inline-block ! important;
width: 100%! important;
line-height: 10px! important;
top: 50px !important;
right: 265px !important;
bottom: 30px !important;
font-size: 12px !important;
text-align: right !important;
text-shadow: none ! important;
}
.subnav-refresh .stats .stat {
position: relative !important;
display: inline-block ! important;
left: 45px !important;
margin-left: 0 !important;
top: -42px !important;
padding: 0 !important;
border-radius: 3px !important;
border: 1px solid grey ;
}
.subnav-refresh .stats .stat h1 {
margin-top: 1px !important;
margin-left: 0 !important;
padding: 2px 20px !important;
font-size: 15px !important;
text-align: center !important;
}
.subnav-refresh .stats .stat h2 {
margin-top: -1px !important;
margin-left: 0 !important;
padding: 0 5px !important;
font-size: 12px !important;
text-align: center !important;
color: gray ;
}
/* POOL DISC - DEL CONFIR */
#subnav-refresh + script + script + p.Confirm {
position: absolute;
width: 300px;
top: 100px;
}
/* TOP HEAD / ETC - POOL DISC/HELP */
/* POOL DISC */
#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 ;
}
.group-topics .groups-controls {
display: inline-block ;
min-width: 100% ;
height: 20px ;
line-height: 20px ;
border-radius: 5px ;
text-align: center ;
border: 1px solid red ;
}
/* POOL DISC - LOCKED */
.group-topics p.discussion_locked {
display: inline-block ;
min-width: 100% ;
font-size: 20px ;
}
.group-topics .ThinCase {
position: relative ;
display: inline-block ;
width: 99% ;
margin: 0px ;
top: 0px ;
padding: 5px ;
text-align: center ;
}
.group-topics-col {
position: fixed ;
width: 409px ;
height: 813px ;
top: 90px ;
left: 10px ;
padding: 10px ;
border-radius: 5px ;
overflow: hidden ;
border: 1px solid gray ;
}
.group-topics + .group-topics ul.topic-list {
height: 760px ;
overflow: hidden ;
overflow-y: auto ;
padding: 5px ;
border-top: 1px solid red ;
border-bottom: 1px solid red ;
}
.group-topics ul.topic-list li {
padding: 0 ;
margin-bottom: 2px ;
border-bottom: 1px solid gray ;
}
.group-topics ul.topic-list li p {
width: 905px;
padding-bottom: 38px;
}
.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 ;
}
/* (new178) TOPICS POOL - LEFT LIST - NARROW*/
.group-topics ul.topic-list.narrow-list li {
/* min-height: 120px !important; */
/* background: red !important; */
}
.group-topics ul.topic-list.narrow-list li .bd .message p ,
.group-topics ul.topic-list.narrow-list li .bd .message {
width: 329px !important;
}
.group-topics ul.topic-list.narrow-list li .bd .message p:not(:empty) {
min-height: 49px !important;
padding-bottom: 0px;
padding-left: 5px;
}
.group-topics ul.topic-list.narrow-list li .bd .message p:empty {
display: none !important;
}
/* (new185) */
.group-topics ul.topic-list.narrow-list li .hd {
height: auto !important;
line-height: 20px !important;
margin: 0px 0 9px 0 !important;
}
.group-topics ul.topic-list li .hd h3 a,
.group-topics ul.topic-list.narrow-list li .hd h3 a{
height: auto !important;
line-height: 20px !important;
margin: 0px !important;
white-space: pre-line !important;
}
.group-topics ul.topic-list.narrow-list li .bd .poster {
top: 15px !important;
}
.group-topics ul.topic-list.narrow-list li .hd .reply-count {
position: absolute !important;
display: inline-block;
margin: 0 !important;
bottom: 0px !important;
right: 0 !important;
}
.group-topics ul.topic-list.narrow-list li .bd .message p a {
display: inline-block;
width: 329px !important;
}
.group-topics ul.topic-list.narrow-list li .bd .message .ft a {
display: inline-block;
vertical-align: middle !important;
height: 15px !important;
line-height: 15px !important;
width: 200px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.group-topics ul.topic-list.narrow-list li .bd .message img {
display: inline-block !important;
}
.group-topics ul.topic-list.narrow-list li .bd .message p a img {
margin-bottom: 5px !important;
max-width: 329px !important;
}
/* POOL DISC - IMG */
.group-topics .topic-list .bd .message p a {
display: inline-block;
}
.group-topics .topic-list .bd .message p a img {
max-width: 899px;
margin-bottom: 20px;
border: 1px solid gray;
}
.group-topic-detail-col {
display: inline-block ;
float: none ;
min-width: 833px ;
max-width: 833px ;
left: 443px ;
top: 78px ;
}
/* POOL DISC - TOP SEARCH */
.topic-list.narrow-list > p + p {
position: fixed;
width: 178px;
left: 246px;
top: 128px;
padding: 0 3px;
border-radius: 3px;
text-align: right;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #333;
}
/* DISC - FIRST - RIGHT */
#DiscussTopic table:first-of-type ,
.group-topic-detail-col #DiscussTopic table:first-of-type {
display: inline-block ;
height: 820px ;
width: 601px ;
margin-left: 811px ;
top: 104px ;
padding: 0px 10px 0px 5px ;
overflow: hidden ;
border-radius: 0 ;
border: 1px solid gray ;
}
/* POOL BETA - COV PHOT */
.group-home-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed ,
.group-pool-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed ,
.group-discussion-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed {
position: fixed !important;
display: inline-block !important;
top: 50px;
z-index: 5000000 !important;
}
.group-discussions-list-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed ,
.group-home-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed {
position: fixed !important;
top: 50px;
z-index: 5000 !important;
background: white ;
}
/* POOL PEND */
.fluid.html-group-admin-pending-page-view .fluid-group-coverphoto-view {
position: sticky;
display: inline-block;
width: 100%;
height: 23px;
}
/* (new178) POOL BETA - HOME / DISC LIST PG */
.fluid.html-group-home-page-view .fluid-group-coverphoto-view ,
.fluid.html-group-discussions-list-page-view .fluid-group-coverphoto-view {
position: fixed !important;
width: 100% !important;
height: 140px !important;
top: 0px !important;
z-index: 100 !important;
border-bottom: 1px solid gray ;
background: white ;
}
.fluid.html-group-discussions-list-page-view .group-discussion-view {
margin-top: 95px;
top: 0;
border-top: 1px solid gray;
}
.fluid.html-group-discussions-list-page-view .fluid-magic-groups-subnav-view .fluid-subnav-shim {
position: relative !important;
height: 40px !important;
top: 0;
margin-bottom: 0 !important;
z-index: 100 !important;
}
.fluid.html-group-discussions-list-page-view .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed {
position: sticky !important;
height: 50px !important;
top: 0;
z-index: 100 !important;
background: white ;
}
/* FAV */
.fluid.html-favorites-page-view .fluid-photostream-coverphoto-view {
height: 140px !important;
margin-bottom: 0;
border-bottom: 1px solid gray;
}
.fluid.html-favorites-page-view .fluid-photostream-coverphoto-view .coverphoto {
position: sticky !important;
width: 100% !important;
height: 100px !important;
top: 0px !important;
margin-top: 50px !important;
z-index: 0 !important;
background-color: transparent !important;
}
/* (new176) SHARE */
.fluid.html-group-members-page-view .groups-toolbar-view ,
.fluid.html-group-pool-page-view .groups-toolbar-view ,
.fluid.html-group-home-page-view .groups-toolbar-view ,
.fluid.html-group-discussion-page-view .groups-toolbar-view ,
.fluid.html-group-discussions-list-page-view .groups-toolbar-view {
position: fixed;
right: 35px;
top: 7px;
width: 100px;
z-index: 200;
}
.fluid.html-group-members-page-view .groups-toolbar-view ,
.fluid.html-group-pool-page-view .groups-toolbar-view {
position: fixed !important;
left: 1600px !important;
top: 7px !important;
}
.fluid.html-group-members-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content ,
.fluid.html-group-pool-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content ,
.fluid.html-group-home-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content ,
.fluid.html-group-discussion-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content ,
.fluid.html-group-discussions-list-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content {
height: 25px;
margin-top: 0;
}
.fluid.html-group-members-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content .groups-toolbar-share-content ,
.fluid.html-group-pool-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content .groups-toolbar-share-content ,
.fluid.html-group-home-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content .groups-toolbar-share-content ,
.fluid.html-group-discussion-page-view .groups-toolbar-view .groups-toolbar-content.groups-toolbar-content .groups-toolbar-share-content ,
.fluid.html-group-discussions-list-page-view .groups-toolbar-view .groups-toolbar-content .groups-toolbar-share-content {
margin-top: 0px !important;
}
/* POOL BETA DISC LIST */
.fluid.html-group-discussion-page-view #content {
padding-bottom: 0 !important;
border-bottom: 1px solid red !important;
}
.fluid.html-group-discussion-page-view .centered-content {
width: 1060px;
height: 100% !important;
min-height: 1124px !important;
margin-top: -40px !important;
padding-bottom: 100px !important;
}
.fluid.html-group-discussion-page-view .fluid .fluid-subnav-shim {
height: 50px;
margin-bottom: 20px;
margin-top: -151px !important;
}
.fluid.html-group-discussion-page-view .fluid-group-coverphoto-view {
position: sticky !important;
height: 130px !important;
top: 0 !important;
z-index: 1 !important;
border-bottom: 1px solid gray !important;
background: white ;
}
.fluid.html-group-discussion-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view {
position: fixed !important;
height: 50px;
width: 100% !important;
top: 0 !important;
z-index: 1 !important;
}
.group-discussion-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu {
position: fixed;
top: 50px;
z-index: 82;
}
/* POOL BETA - DISC - FOOT */
.fluid.html-group-discussion-page-view .footer-full-view:before {
content: "Fickr About" ;
position: absolute !important;
top: -15px ;
left: 1242px ;
padding: 2px 4px ;
border-radius: 3px 3px 0 0 ;
background: black !important;
}
.fluid.html-group-discussion-page-view .footer-full-view {
position: fixed;
bottom: -112px;
transition: bottom ease 0.7s ;
}
.fluid.html-group-discussion-page-view .footer-full-view:hover {
bottom: 0px;
transition: bottom ease 0.7s ;
}
/* FLUID - POOL DISC - ==== */
.fluid .group-discussion-topic-view .message-text,
.fluid .group-discussion-topic-view .preview-block {
line-height: 18px !important;
}
/* POOL DISC + POOL BETA - VOIR DUPLICATE */
.group-discussion-topic-view .topic ,
.group-topic-detail-col #DiscussTopic table:first-of-type {
position: fixed ;
display: inline-block ;
height: 785px;
margin-left: 843px ;
margin-bottom: 0 ;
top: 142px ;
padding-top: 5px ;
text-align: left ;
}
.group-discussion-topic-view .discussion-topic-header {
position: fixed;
display: inline-block;
width: 100%;
max-width: 808px;
margin-top: 0;
top: 131px;
padding: 0 ;
border-radius: 5px 5px 0 0 ;
z-index: 500 ;
background: #111 ;
border: 1px solid red;
}
.group-discussion-topic-view .discussion-topic-header .sticky-field.hide-sticky + h4,
.group-discussion-topic-view .left-column .sticky-field.hide-sticky + h4 {
width: 100% ;
margin: 0 0 31px 0 ;
padding: 0 0 0 5px ;
}
.group-discussion-topic-view .replies {
max-width: 810px;
}
.group-discussion-topic-view .replies {
padding-top: 50px ;
}
.group-discussion-topic-view .post-reply-title {
height: 17px;
line-height: 17px;
border-radius: 5px 0 0 0 ;
color: peru;
}
.group-discussion-page-view .left-column {
position: fixed;
float: none;
width: 400px;
height: 780px;
left: 5px;
margin-top: 0px;
padding: 0 5px;
overflow: hidden ;
overflow-y: auto ;
border: 1px solid gray ;
}
.group-discussion-page-view .right-column {
width: 810px ;
margin-left: 0;
margin-top: 42px;
border: 1px solid gray ;
}
.group-discussion-page-view .right-column .topic {
height: 767px !important;
width: 635px !important;
top: 133px !important;
overflow: hidden ;
border: 1px solid gray ;
}
group-discussion-page-view .right-column .topic .message {
position: relative;
height: 756px !important;
width: 570px;
margin-left: 80px;
margin-top: 0px;
padding: 5px;
overflow: hidden ;
}
/* POOL BETA DISC */
.group-discussion-page-view .right-column .topic .message .message-text,
.group-discussion-page-view .right-column .topic .message .preview-block {
height: 735px !important;
line-height: 15px;
padding: 0px 5px !important;
overflow: hidden ;
overflow-y: auto ;
border-top: 1px solid gray ;
border-bottom: 1px solid red ;
}
/* HELP - RIGHT */
#GoodStuff #DiscussTopic table:first-of-type {
position: fixed ;
width: 685px ;
height: 825px !important;
top: 95px ;
right: 5px !important;
padding: 0px 5px 0px 5px ;
border-radius: 0 0 5px 5px ;
}
#GoodStuff #DiscussTopic table:first-of-type tbody {
display: inline-block !important;
width: 672px !important;
}
/* POOL DISC - MIDDLE */
.group-topic-detail-col #DiscussTopic {
min-width: 838px ;
max-width: 838px ;
margin: 0px ;
}
/* (new179) POOL/HELP DISC FIRST (right side) */
#DiscussTopic .Said p {
min-width: 480px ;
max-width: 480px ;
word-wrap: break-word ;
}
#DiscussTopic table:first-of-type .Who:first-of-type {
float: left ;
width: 45px ;
}
#GoodStuff #DiscussTopic table:first-of-type h4 ,
.group-topic-detail-col #DiscussTopic table:first-of-type .Who:first-of-type +.Said h4 ,
#DiscussTopic table:first-of-type .Who:first-of-type +.Said h4 {
position: fixed !important;
display: inline-block !important;
width: 593px ;
left: 1275px !important;
top: 72px !important;
padding: 1px 3px ;
border-radius: 5px 5px 0 0 ;
z-index: 5000000 ;
border: 1px solid red ;
}
#GoodStuff #DiscussTopic table:first-of-type h4 {
width: 677px ;
left: 1230px !important;
top: 63px !important;
}
.group-topic-detail-col #DiscussTopic table:first-of-type .Who:first-of-type +.Said h4 {
left: 1286px !important;
top: 115px !important;
}
#DiscussTopic table:first-of-type .Said {
position: relative ;
display: inline-block ;
float: none !important;
height: 780px ;
width: 515px ;
padding: 0px 5px 0px 5px ;
overflow: hidden !important;
overflow-y: auto !important;
}
/* HELP */
#GoodStuff #DiscussTopic table:first-of-type .Said {
position: relative ;
display: inline-block ;
float: right !important;
height: 820px ;
width: 597px ;
padding: 0px 5px 0px 5px ;
text-align: left ;
}
/* POOL DISC (without BLOCKQUOTE */
#DiscussTopic table:first-of-type .Said > p {
display: inline-block ;
max-height: 770px ;
max-width: 520px ;
min-width: 520px ;
left: 1330px !important;
margin-top: 0 ;
padding: 3px 20px 0px 5px ;
border-radius: 0 0 3px 3px ;
overflow: hidden ;
overflow-y: auto ;
font-size: 15px !important;
border-top: 1px solid gray ;
border-bottom: 1px solid gray ;
}
#DiscussTopic table:first-of-type .Said > p >i {
padding: 5px ;
}
/* POOL DISC - BLOQUOTE after P */
#DiscussTopic table:first-of-type .Said > p + blockquote ~ blockquote ,
#DiscussTopic table:first-of-type .Said > p + blockquote {
position: relative;
display: inline-block;
margin-top: 5px ;
padding: 5px ;
z-index: 500 ;
cursor: pointer ;
color: #666;
}
#DiscussTopic table:first-of-type .Said > p + blockquote ~ blockquote {
width: 390px ;
margin-top: 0px ;
}
/* (new176) POOL DISC */
.group-topic-detail-col #DiscussTopic table:first-of-type .Said > p {
min-width: 500px ;
max-width: 500px ;
top: 127px ;
padding-right: 0;
}
/* .group-topic-detail-col > p , */
.group-topic-detail-col > h2 {
margin-top: 20px ;
width: 700px ;
}
/* (new176) DELTED TOPIC */
.group-topic-detail-col > p {
position: absolute !important;
margin-top: 0px !important;
width: 20px ;
height: 15px !important;
line-height: 15px !important;
top: 25px !important;
padding: 2px 0 2px 5px !important;
border-radius: 5px !important;
white-space: nowrap !important;
overflow: hidden !important;
z-index: 1000 !important;
transition: all ease 0.7s !important;
color: black !important;
background: black !important;
}
.group-topic-detail-col > p:hover {
width: 700px ;
padding: 2px 0 2px 27px !important;
transition: all ease 0.7s !important;
color: gold !important;
background: red !important;
}
.group-topic-detail-col > p:before {
content: "X" !important;
position: absolute !important;
width: 15px ;
height: 15px !important;
line-height: 12px !important;
left: 5px !important;
z-index: 1000 !important;
color: red !important;
}
.group-topic-detail-col > p:after {
content: "🗨" !important;
position: absolute !important;
width: 25px ;
height: 15px !important;
line-height: 12px !important;
left: -2px !important;
top: 2px !important;
border-radius: 5px !important;
text-align: center !important;
font-size: 20px !important;
color: black !important;
background: green !important;
}
/* POOL/HELP - DISC FIRST (right)- BR */
#DiscussTopic .Said p > br {
content: "A" ;
display: block ;
margin-bottom: 4px ;
}
/* HELP REPLY - COM FORM */
#GoodStuff #DiscussTopic table.TopicReply tbody tr:last-of-type td:not(.Said):not(.Who) {
right: -603px ;
padding: 0 !important;
}
/* POOL/HELP REPLY - COM FORM */
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who) {
position: fixed !important;
display: inline-block ;
width: 603px ;
height: auto ;
min-height: 200px ;
max-height: 770px ;
right: -605px ;
top: 140px ;
padding: 5px 0px 21px 0px ;
border: 1px solid #404040 ;
}
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who) form:before {
content: "🔻 Add a Reply 🔺" ;
position: absolute;
display: inline-block ;
width: 154px ;
line-height: 15px ;
margin-left: -87px ;
top: 70px ;
padding: 2px 0 ;
border-radius: 0 0 5px 5px ;
text-align: center ;
transform: rotate(90deg) ;
border: 1px solid red ;
background: black !important;
}
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who) form:hover:before {
content: "Add a Reply" ;
margin-left: -87px ;
z-index: 5000 !important;
}
/* HELP */
#GoodStuff #DiscussTopic table.TopicReply tbody tr:last-of-type td:not(.Said):not(.Who) form:before {
margin-left: -393px ;
z-index: 5000 !important;
border: 1px solid red ;
background: black !important;
}
#GoodStuff #DiscussTopic table.TopicReply tbody tr:last-of-type td:not(.Said):not(.Who):hover ,
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who):hover {
right: 0px !important;
transition: ease all 0.7s ;
background: white ;
}
#DiscussTopic .TopicReply form {
display: inline-block ;
resize: vertical ;
width: 600px ;
height: 100% ;
max-height: 700px ;
min-height: 200px ;
margin-top: 0px ;
}
/* POOL/HELP - COM REPLY - TEXTARERA - RESIZE */
#DiscussTopic .TopicReply tr td[colspan="2"] form p textarea {
display: inline-block ;
resize: vertical ;
width: 575px !important;
min-height: 125px ;
max-height: 600px ;
margin-left: 10px ;
}
/* ALL - PREV REPLY */
#GoodStuff .Preview ,
#DiscussTopic .Preview {
position: absolute;
width: 570px !important;
padding: 20px 5px ;
text-align: left ;
overflow-x: hidden ;
overflow-y: auto ;
}
/* (new176) RE-EDIT POST POSTED - EDIT PAGE */
#GoodStuff .Preview {
position: absolute ;
width: 500px ;
min-height: 300px ;
max-height: 840px ;
top: -20px ;
right: -632px ;
padding: 15px ;
}
/* POOL ABOUT EDIT - PREV */
#GoodStuff table.about_group_edit tbody .Preview {
position: absolute ;
width: 930px !important;
min-height: 600px ;
max-height: 600px ;
top: 200px ;
right: -240px ;
padding: 0px 15px ;
}
#GoodStuff table.about_group_edit tbody .Preview p:first-of-type{
border-bottom: 1px solid red ;
}
#GoodStuff table.about_group_edit tbody .Preview p:first-of-type b{
display: inline-block ;
width: 100% !important;
}
#GoodStuff table.about_group_edit tbody .Preview p+p{
min-height: 510px ;
max-height: 510px ;
overflow-y: auto ;
}
/* 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 ;
}
/* (new182) HELP - NEW TOPIC - PREV */
#help_forum_newtopic_preview {
width: 854px;
padding: 5px 10px;
background: #111 !important;
}
#help_forum_newtopic_preview form table textarea {
height: 638px !important;
max-width: 742px !important;
overflow-y: auto ;
}
div#help_topicpreview {
position: absolute;
width: 627px;
min-height: 870px;
max-height: 870px;
right: 11px;
top: 34px;
overflow-y: auto ;
}
div#help_topicpreview div.help_topicpreview_content {
float: right;
width: 563px;
}
/* (new182) */
#help_forum_newtopic_preview #finger_pointy {
position: absolute !important;
width: 366px !important;
bottom: 20px !important;
left: 0 !important;
}
/* (new187) HELP/POOL DISC - REPLY PREV (FIRST TIME) */
.TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):not(:hover) ,
#GoodStuff .TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):not(:hover) .Preview {
width: 600px !important;
min-height: 300px ;
max-height: 840px ;
right: -603px ;
padding: 0px !important;
transition: all ease 0.7s !important;
}
.TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):hover .Preview ,
#GoodStuff .TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):hover .Preview {
display: inline-block !important;
width: 570px !important;
height: 100% !important;
min-height: 80vh !important;
max-height: 80vh !important;
padding: 20px !important;
right: 610px !important;
top: -1px !important;
color: gray ;
border: 1px solid red ;
box-shadow: 3px 3px 2px black ;
background: black !important;
transition: all ease 0.7s !important;
}
#GoodStuff DiscussTopic .Preview:before {
position: absolute !important;
width: 685px !important;
content: "🔻 Preview 🔻 " ;
top: 100px ;
left: 1px ;
color: blue ;
text-align: center;
}
#GoodStuff #DiscussTopic .Preview:after {
position: absolute !important;
width: 608px ;
left: 1px ;
content: "🔺 Preview 🔺 " ;
bottom: 0px ;
color: red ;
text-align: center;
}
/* (new187) */
#GoodStuff #DiscussTopic .Preview + h4 {
width: 1023px !important;
margin-bottom: 23px;
margin-top: -17px;
left: -619px !important;
padding-left: 200px !important;
text-align: left !important;
opacity: 1 !important;;
/* background: aqua !important; */
}
.TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):hover .Preview + h4 ,
#GoodStuff .TopicReply > tbody > tr:last-of-type td:not(.Said):not(.Who):hover .Preview + h4 {
position: absolute !important;
width: 625px !important;
left: -609px ;
margin: 0;
text-align: center;
}
/* HELP HOME - 1st TABLE */
#Main #Tertiary + .forumIntro ~ .TopicListing:first-of-type:not(.PeopleResults):not(#Photo):not(:only-of-type) {
top: -77px;
}
/* (new165) HELP HOME - 2nd TABLE */
#Main #Tertiary + .forumIntro ~ .TopicListing:first-of-type:not(.PeopleResults):not(#Photo):not(:only-of-type) ~ .TopicListing {
min-height: auto !important;
margin-top: 130px !important;
margin-bottom: -300px !important;
}
/* HELP - ONLY ONE TABLE */
#Main #Tertiary + .forumIntro ~ .TopicListing:first-of-type:not(.PeopleResults):not(#Photo):only-of-type {
min-height: 600px !important;
top: -30px;
margin-bottom: -100px !important;
}
#Main #Tertiary + .forumIntro ~ .TopicListing:first-of-type:not(.PeopleResults):not(#Photo):only-of-type ~#paginator-module.Pages {
text-align: center;
}
#Main #Tertiary + .forumIntro ~ .TopicListing:first-of-type:not(.PeopleResults):not(#Photo):only-of-type + #newTopic + #paginator-module.Pages {
margin-top: 99px;
}
/* HELP - HOME */
.forumIntro .forumIntroText {
float: left;
width: 390px ;
height: auto !important;
margin-top: 2px ;
line-height: 20px ;
margin-right: -25px ;
padding: 5px ;
font-size: 13px ;
}
/* (new164) */
.forumIntro .forumIntroText p {
display: inline-block ;
height: auto ;
line-height: 16px !important;
}
.forumIntro .forumSearch {
display: inline-block ;
width: 1000px ;
margin-left: 95px ;
margin-top: 14px;
}
.forumIntro h3 {
margin-top: 0px ;
margin-bottom: -8px ;
}
.forumIntro .forumSearch p {
display: inline-block ;
width: 375px ;
margin-top: 9px ;
}
/* INTRO */
#Main > .forumIntro ~ h3 {
position: relative ;
height: 22px ;
line-height: 22px ;
margin-bottom: 10px ;
font-size: 14px ;
text-align: center ;
transform: rotate(-90deg) ;
}
#Main > .forumIntro ~ h3:first-of-type {
width: 130px ;
top: -65px ;
left: 390px ;
}
#Main > .forumIntro ~ h3:last-of-type {
width: 380px ;
top: 134px ;
left: 265px ;
}
/* HINT */
#Main table tbody tr td#Hint p {
position: relative ;
display: inline-block ;
width: 346px ;
height: 17px ;
line-height: 17px ;
margin-bottom: -2px ;
margin-top: -3px ;
margin-left: 13px ;
padding: 3px 20px ;
text-align: center ;
border: 1px solid red ;
}
#newTopic {
position: absolute ;
display: inline-block ;
width: 390px ;
margin-top: -105px ;
top: 290px ;
left: 0px ;
margin-bottom: -18px ;
padding: 5px ;
}
/* HELP - HOME SERC */
#Main #Tertiary + .forumIntro ~ .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo):last-of-type:not(:only-of-type) ~ #paginator-module {
margin-top: 110px;
}
/* (new185) HELP - WIDTH/HIGHT - CONT */
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) ,
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) tbody {
display: inline-block ;
width: 1000px ;
min-height: 180px ;
max-height: 100% !important;
margin-left: 0px ;
overflow: hidden ;
overflow-y: auto ;
}
#Main > .TopicListing[cellspacing="0"]:first-of-type:not(:only-of-type):not(.PeopleResults):not(#Photo){
margin-top: -74px !important;
}
#Main > .TopicListing[cellspacing="0"]:first-of-type:not(:only-of-type):not(.PeopleResults):not(#Photo) tbody {
min-height: 145px !important;
max-height: 145px !important;
border-bottom: 1px solid red !important;
}
/* HELP - TOP DISC - CONT */
.TopicListing:not([cellspacing="0"]):first-of-type {
margin-top: -80px ;
margin-left: 8px ;
margin-bottom: 3px ;
padding: 20px ;
border: 1px solid gray ;
}
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo):first-of-type {
position: relative ;
display: inline-block ;
height: auto ;
min-height: 130px ;
max-height: 130px ;
top: -217px ;
margin: -100px 0 -40px 471px ;
border-bottom: 1px solid red ;
outline: 1px solid gray ;
}
.TopicListing:not([cellspacing="0"]):last-of-type {
position: absolute ;
left: 10px ;
padding: 20px ;
padding-top: 90px ;
border: 1px solid gray ;
}
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo):last-of-type:not(:only-of-type) {
position: relative ;
display: inline-block ;
height: auto ;
min-height: 100px ;
max-height: 580px ;
margin-left: 471px ;
margin-top: 0 ;
top: -207px ;
margin-bottom: -220px ;
overflow: hidden ;
border-bottom: 1px solid red ;
}
/* HELP - ITEMS */
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) td +td > a:not(.pro-badge-new) {
float: right ;
width: 130px ;
overflow: hidden ;
text-overflow: ellipsis ;
white-space: nowrap ;
}
/* HELP - USERS - PRO BADGE */
.TopicListing a +.pro-badge {
position: relative ;
display: inline-block ;
float: left !important;
box-sizing: border-box ;
width: 31px ;
height: 15px ;
line-height: 10px ;
left: 2px ;
top: -17px ;
margin-bottom: -25px ;
border-right: none ;
font-size: 8px ;
opacity: 0 ;
transition: all ease 0.7s ;
background: transparent ;
}
.TopicListing a:hover +.pro-badge {
left: -32px ;
opacity: 1 ;
background: transparent ;
}
/* PAGI - ALL */
#paginator-module.Pages {
margin-bottom: 0px ;
margin-top: 20px ;
text-align: center ;
}
.Paginator {
margin-bottom: -5px;
}
/* HELP - SEARCH RES */
#Main>form[action="/search/forum/"] .For {
float: left;
vertical-align: middle ;
width: 100% ;
height: 46px ;
padding: 1px ;
text-align: center ;
background-position: left bottom ;
background-repeat: repeat-x;
background-image: none ! important;
}
/* 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 ;
}
/* (new176) HOT OFF/HELP/YOUR PEOPLE Follow + LOCKED / POOL INVIT */
#Main > table.TopicListing {
position: relative ;
display: inline-block ;
}
#Main > table.TopicListing:first-of-type {
position: absolute ;
display: inline-block ;
min-height: 692px ;
margin-top: 64px ;
}
#Main > table.TopicListing:last-of-type {
position: absolute ;
display: inline-block ;
margin-top: 64px ;
}
/* ACC SETT + POOL MBRS MAN */
.Tab > span.TabOut:first-of-type {
margin-left: 358px !important;
font-size: 13px;
padding: 2px 8px 4px !important;
}
.Tab > span.TabIn:first-of-type {
margin-left: 358px !important;
}
/* ACC SETT */
#Main > table.acct-sett {
position: relative !important;
display: inline-block !important;
width: 900px !important;
margin-top: -24px !important;
margin-left: 300px !important;
}
#Main > table.acct-sett + h3 {
position: relative !important;
display: inline-block !important;
width: 900px !important;
margin-top: 10px !important;
margin-left: 300px !important;
margin-bottom: 25px !important;
}
#Main > table.acct-sett:only-of-type {
position: relative !important;
display: inline-block !important;
width: 900px !important;
margin-top: 24px !important;
margin-left: 300px !important;
}
/* (new176) HELP/POOL DISC */
#main .group-topics-col + .group-topic-detail-col > h2,
#Main table tbody tr #GoodStuff h2 {
position: sticky !important;
width: 1487px ;
height: 22px ;
line-height: 20px ;
top: 0px !important;
margin: 0px !important;
/* margin-top: -30px !important; */
padding: 1px 0 1px 8px ;
text-align: left ;
/* z-index: 500 ; */
background: white ;
border-bottom: 1px solid red ;
}
#Main table tbody tr #GoodStuff h2 {
position: sticky !important;
width: 1487px ;
height: 22px ;
line-height: 20px ;
top: 0px !important;
margin: 0px !important;
/* margin-top: -30px !important; */
padding: 1px 0 1px 8px ;
text-align: left ;
/* z-index: 500 ; */
/* background: red !important; */
/* border: 1px solid red ; */
}
/* POOL DISC */
#main .group-topics-col + .group-topic-detail-col > h2 {
position: fixed ;
width: 1430px ;
top: 86px !important;
margin: 0px ;
border-bottom: 1px solid red ;
}
/* PHOT OF - THUMB */
#global-nav.styleguide-global-nav + #Main #subnav-refresh:not(.groups) ~ table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) {
position: relative ;
display: inline-block ;
width: 700px ;
margin-left: 220px ;
margin-top: 20px ;
}
/* HELP - PHOT OF - THUMB - CENT */
#GoodStuff .Said>div span.photo_container.pc_m.bbml_img {
text-align: center ;
}
/* POOL DISC/HELP - SEARCH TERM */
#Main table tbody tr #GoodStuff div:first-of-type[style^="font-weight"] ,
.group-topic-detail-col > div:first-of-type:not(#DiscussTopic) {
position: absolute;
display: inline-block;
min-width: 587px;
right: -664px;
top: -1px;
padding: 0 !important;
z-index: 50000;
border-bottom: 1px solid aqua;
background: gold ;
}
/* HELP */
#Main table tbody tr #GoodStuff div:first-of-type[style^="font-weight"] {
min-width: 597px ;
right: -610px ;
top: 8px ;
}
/* HELP - LOOCKED/CLOSED DISC */
.Locked {
display: inline-block ;
height: 20px ;
line-height: 20px ;
width: 805px ;
padding: 0 ;
top: -65px ;
text-align: center ;
}
/* TOP */
#Main h1 + p.Locked {
position: absolute ;
width: 640px ;
right: 55px ;
top: -10px ;
z-index: 500 ;
}
/* (new173) BOTTOM */
#Main #GoodStuff p.Locked {
position: fixed ;
display: inline-block ;
width: 545px !important;
margin: 0px ;
right: 73px !important;
top: 94vh !important;
z-index: 500000 !important;
}
/* HELP - PRO BADGE - ALL DISC */
#GoodStuff #DiscussTopic .pro-badge {
display: inline-block ;
line-height: 15px ;
left: 0px ;
}
/* POOL/HELP - ALL DISC */
#GoodStuff #DiscussTopic table.TopicReply ,
#DiscussTopic table.TopicReply {
position: relative ;
display: inline-block ;
width: 805px ;
height: 785px ;
margin-left: 0px ;
margin-top: 0px ;
padding: 5px ;
border-radius: 5px ;
overflow: hidden ;
overflow-y: auto ;
border: 1px solid gray ;
}
/* POOL DISC - NO PAG*/
.group-topic-detail-col #DiscussTopic table.TopicReply {
position: relative ;
display: inline-block ;
width: 832px ;
height: 805px ;
padding: 2px 5px 5px ;
overflow: hidden ;
overflow-y: auto ;
}
/* POOL DISC + PAG */
.group-topic-detail-col #DiscussTopic #paginator-module.Pages {
margin-top: 0px;
}
.group-topic-detail-col #DiscussTopic #paginator-module.Pages + table.TopicReply {
height: 685px ;
}
/* (new165) HELP - NO PAG */
#GoodStuff #DiscussTopic table.TopicReply {
position: relative ;
display: inline-block ;
height: 854px ;
margin-left: 0px ;
margin-top: 0px ;
top: 4px ;
}
/* DISC PAG LAST */
#DiscussTopic + #paginator-module:last-child {
display: inline-block ;
position: relative ;
}
/* HELP + PAG */
#GoodStuff #DiscussTopic #paginator-module.Pages {
width: 100%;
margin-top: 0px;
}
#GoodStuff #DiscussTopic + p + #paginator-module.Pages ,
#GoodStuff #DiscussTopic + #paginator-module:last-child {
display: inline-block ;
width: 805px !important;
margin-top: 20px;
left: -355px;
}
/* (new173) */
#GoodStuff #DiscussTopic + p + #paginator-module.Pages {
position: absolute !important;
display: inline-block ;
width: 805px !important;
margin-top: 3px;
left: -15px !important;
}
#GoodStuff #DiscussTopic #paginator-module.Pages + table.TopicReply {
height: 760px ;
}
#DiscussTopic table.TopicReply tbody tr ,
#GoodStuff #DiscussTopic table.TopicReply tbody tr {
display: inline-block ;
width: 100% ;
min-width: 780px ;
max-width: 780px ;
}
/* (new178) */
#DiscussTopic table.TopicReply tbody tr td.Said ,
#GoodStuff #DiscussTopic table.TopicReply tbody tr td.Said {
display: inline-block ;
width: 100% ;
min-width: 705px ;
max-width: 705px ;
margin: -58px 0 -10px 63px ;
padding: 2px 5px ;
text-align: left ;
font-size: 15px !important;
}
/* (new178) */
#DiscussTopic table.TopicReply tbody tr td.Said p {
min-width: 705px ;
max-width: 705px ;
font-size: 15px !important;
}
#DiscussTopic table.TopicReply blockquote .linkifyplus img {
max-width: 605px !important;
border: 1px dotted gray ;
}
/* HELP - STAFF POST */
table:last-of-type .staffPost {
width: 505px ;
}
tr.staffPost td {
border-bottom: none ;
}
table:last-of-type .staffPost .Said {
display: inline-block ;
width: 600px ;
}
/* (new178) TOPIC REPLY - BLOCKQUOTE + BR */
.TopicReply blockquote {
margin: 5px 10px 5px 10px !important;
}
.TopicReply blockquote ~ br {
display: block !important;
margin-bottom: -10px !important;
}
/* HELP - STAFF POST */
#DiscussTopic table.TopicReply tbody tr.staffPost td.Said {
position: relative ;
display: inline-block ;
width: 600px ;
top: -20px ;
border: 1px solid red !important;
}
/* HELP - PRO BADGE */
#DiscussTopic .ProIcon {
background-size: contain ;
background-color: white ;
opacity: 0.5 ;
}
/* EDIT POOL - ABOUT - TOP HEADER + JOIN AGREE */
h3#Tertiary ,
.group-subhead {
width: 590px !important;
text-align: center !important;
border-radius: 5px !important;
color: peru !important;
border: 1px solid gray ;
}
#groups-about .about {
float: left !important;
clear: both !important;
width: 1600px !important;
margin-left: 16px !important;
margin-top: 75px !important;
padding: 10px !important;
border-radius: 5px !important;
border: 1px solid gray ;
}
/* (new178) */
#groups-about .about>div {
float: left !important;
clear: both !important;
min-width: 1590px !important;
right: 0px !important;
padding: 10px !important;
font-size: 15px !important;
}
#groups-about .about div .description {
float: left !important;
max-width: 654px !important;
min-width: 654px !important;
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: auto !important;
padding: 5px !important;
text-align: center !important;
}
/* EDIT POOL - ABOUT */
.about_group_edit>tbody>tr>td>label {
display: inline-block !important;
min-width: 705px !important;
max-width: 705px !important;
}
.about_group_edit>tbody>tr>td>label + input {
display: inline-block !important;
min-width: 670px !important;
max-width: 670px !important;
}
#GoodStuff #original_lang_close + .about_group_edit>tbody>tr>td>label[for="form_description"] + textarea {
display: inline-block !important;
min-width: 692px !important;
max-width: 692px !important;
min-height: 400px !important;
}
/* POOL - ADMIN PGE */
.group-admin-page-view .group-admin-page-container {
margin-top: 90px ;
padding: 5px ;
border-top: 1px solid gray;
}
/* EDIT POOL - MODER */
#Main table tbody tr td#Hint + #GoodStuff.admin_moderation {
position: relative !important;
display: inline-block !important;
width: 800px !important;
left: 55px !important;
margin-top: 0px !important;
padding: 0 !important;
}
#Main table tbody tr td#Hint + #GoodStuff form[action*="/admin/about/"],
#Main table tbody tr td#Hint + #GoodStuff.admin_moderation form#throttle-form {
display: inline-block !important;
width: 100% !important;
max-width: 97% !important;
min-width: 97% !important;
margin-left: 413px;
padding: 5px !important;
}
/* (new164) POOL EDIT ABOUT */
ul.group_desc_lang_select {
position: fixed !important;
display: inline-block !important;
width: 393px;
top: 200px !important;
padding: 5px 0 10px 20px;
z-index: 500000 !important;
background: #111 ;
}
/* (new178) POOL EDIT ABOUT */
#Main table tbody tr td#Hint + #GoodStuff form[action*="/admin/about/"] {
display: inline-block !important;
width: 100% !important;
max-width: 705px !important;
min-width: 705px !important;
margin-left: 0px !important;
margin-top: 16px !important;
text-align: center !important;
border: 1px solid aqua !important;
}
h1#Tertiary + table tbody tr td#Hint + #GoodStuff > form table.about_group_edit tbody {
display: inline-block !important;
text-align: center !important;
}
/* (new178) */
.about_group_edit tbody tr td textarea#form_description ,
.about_group_edit tbody tr td input#form_name ,
.about_group_edit tbody tr {
display: inline-block !important;
min-width: 670px !important;
text-align: left;
}
.about_group_edit tbody tr td {
display: inline-block !important;
width: 900px ;
text-align: left;
}
.about_group_edit>tbody>tr:nth-child(3)>td {
display: inline-block !important;
text-align: left !important;
}
.about_group_edit>tbody>tr:nth-child(3)>td textarea#form_description {
text-align: left !important;
}
/* A VOIR - POOL EDIT ABOUT ???? */
table#rulesbody tbody {
display: inline-block !important;
width: 732px !important;
}
table#rulesbody tbody tr td textarea {
display: inline-block !important;
min-width: 692px !important;
max-width: 692px !important;
min-height: 400px !important;
}
/* POOL EDIT MBRS ROLE/ KEYWORD */
#Main table tbody tr td#Hint + #GoodStuff form[action*="/admin/keywords/"] ,
#Main table tbody tr td#Hint + #GoodStuff form[action*="/admin/roles/"] {
display: inline-block;
margin-left: 220px !important;
margin-top: 16px !important;
}
/* POOL - JOIN - AGREE BUTTON */
#groups-about .about form p input.Butt {
border: 1px solid red!important;
background: green !important;
}
/* MAIL - TAB */
[id^="mouse_tip_div_toggler_"] ~ #global-nav + #Main h3.Tab {
position: relative !important;
display: inline-block !important;
width: 47% !important;
margin-left: 450px !important;
}
/* MAIL - MES */
.ThinCase > table ,
.ThinCase table.FlickrMailMessage {
display: inline-block ;
width: 1200px ;
margin: auto ;
padding: 20px ;
border-radius: 5px ;
text-align: left ;
border: 1px solid gray ;
}
.ThinCase table.FlickrMailMessage > tbody {
display: inline-block ;
width: 100% ;
padding: 5px ;
border: 1px solid gray ;
}
/* (new166) */
.FlickrMailMessage>tbody>tr>td>div>h3{
color: transparent !important;
margin-top: 0;
}
.FlickrMailMessage>tbody>tr>td>div>div {
margin-left: -100px ;
width: 1375px ;
}
h1.mail-header {
text-align: center;
}
.ThinCase.mail-write {
margin-top: 0px ;
top: -30px ;
padding: 5px ;
text-align: left !important;
}
.ThinCase.mail-write .compose-ui ,
.compose-ui {
display: inline-block ;
width: 50%;
margin-top: 0px ;
margin-left: 350px ;
padding: 20px ;
border-radius: 5px ;
border: 1px solid gray ;
}
table.FlickrMailMessage p.flickr-user.flickrmail-to span.name ,
.compose-field-container + .compose-field-container p.flickr-user.flickrmail-to.compose-field > span.name{
display: inline-block;
width: 100%;
margin-bottom: 10px ;
}
table.FlickrMailMessage p.flickr-user.flickrmail-to span.name span.realname ,
table.FlickrMailMessage p.flickr-user.flickrmail-to span.name strong.username ,
.compose-field-container + .compose-field-container p.flickr-user span.name span.realname ,
.compose-field-container + .compose-field-container p.flickr-user span.name strong.username {
display: inline-block;
width: 100%;
margin-left: 30px;
}
.ThinCase.mail-write .compose-field-container .compose-field ,
.ThinCase.mail-write .compose-field-container input#subject.compose-field {
width: 86% !important;
}
/* MAIL LIST */
form#MessagesForm {
position: relative ;
display: inline-block ;
width: 95% ;
height: 500px ;
margin: auto ;
padding: 0px ;
border-radius: 5px ;
}
table#mail {
width: 50% ;
margin: auto;
border: 1px solid gray ;
}
/* TOP HEAD - NAV RIGHT - STREA/SET/FAV/POOL */
.subnav-refresh .subnav-holder {
width: auto !important;
min-width: 58.5% !important;
height: 20px !important;
left: 580px ! important;
top: 46px !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 PAG */
.subnav-refresh ul.nav-links {
display: inline-block ;
height: 20px !important;
width: auto !important;
margin-left: 6px ;
}
#global-nav + #main .subnav-refresh.subnav-refresh.groups.subnav-view .subnav-holder ul.nav-links:first-of-type ,
#global-nav.styleguide-global-nav + #main .subnav-refresh.subnav-refresh.groups.subnav-view.subnav-state-ready .subnav-holder ul.nav-links:first-of-type {
display: inline-block !important;
height: 20px ;
width: auto ;
left: 0px ! important;
margin-left: 0px !important;
top: 0px !important;
border-radius: 5px 0 0 5px ;
}
/* COLL - PB - USER POOL PAG - === */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar.nav-links.nav-links-tools.clearfix {
position: absolute;
display: inline-block;
width: 700px !important;
height: 20px ;
line-height: 23px ;
margin-top: 0;
top: 0px ;
left: 420px !important;
text-align: right;
text-shadow: none;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder .sn-navitem.sn-dropdowntarget {
width: 0 !important;
}
/* MAP */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(1):not(.sn-divider) {
display: inline-block !important;
width: 100% ;
min-width: 45px !important;
max-width: 45px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(1):not(.sn-divider) a {
display: inline-block !important;
width: 100% !important;
min-width: 45px !important;
max-width: 45px !important;
}
/* COLL */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(3):not(.sn-divider) {
display: inline-block !important;
width: 100% ;
min-width: 70px !important;
max-width: 70px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(3):not(.sn-divider) a {
display: inline-block !important;
width: 100% !important;
min-width: 70px !important;
max-width: 70px !important;
}
/* ARCH */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(4):not(.sn-divider) {
display: inline-block !important;
width: 100% ;
min-width: 70px !important;
max-width: 70px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(4):not(.sn-divider) a {
display: inline-block !important;
width: 100% !important;
min-width: 70px !important;
max-width: 70px !important;
}
/* TAG */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(5):not(.sn-divider) {
display: inline-block !important;
width: 100% ;
min-width: 45px !important;
max-width: 45px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(5):not(.sn-divider) a {
display: inline-block !important;
width: 100% !important;
min-width: 45px !important;
max-width: 45px !important;
}
/* PHOT OF */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(6):not(.sn-divider) {
min-width: 70px !important;
max-width: 70px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(6):not(.sn-divider) a {
min-width: 70px !important;
max-width: 70px !important;
}
/* PROF */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(7):not(.sn-divider) {
min-width: 65px !important;
max-width: 65px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(7):not(.sn-divider) a {
min-width: 50px !important;
max-width: 50px !important;
}
/* MAIL / ORGANIZE */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(9):not(.sn-divider) {
min-width: 40px !important;
max-width: 40px !important;
margin-left: 30px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(9):not(.sn-divider) a {
height: 14px !important;
line-height: 16px !important;
}
/* BLOCK */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(10):not(.sn-divider) {
min-width: 50px !important;
max-width: 50px !important;
margin-left: 32px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(10):not(.sn-divider) a {
min-width: 50px !important;
max-width: 50px !important;
}
/* MY REC ACT */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(8).sn-divider + .sn-dropdownitem {
min-width: 100px !important;
max-width: 100px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(8).sn-divider + .sn-dropdownitem a {
min-width: 100px !important;
max-width: 100px !important;
}
/* ORGANIZE */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(8).sn-divider + .sn-dropdownitem + .sn-dropdownitem {
min-width: 65px !important;
max-width: 65px !important;
margin-left: 5px ;
}
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar ul.sn-dropdown .sn-dropdownitem:nth-child(8).sn-divider + .sn-dropdownitem + .sn-dropdownitem a {
min-width: 65px !important;
max-width: 65px !important;
}
/* HEADER - TOP NAV BAR RIGHT - OK for Profile (PHOSTR/SET/FAV ??? ) - NAV ITEMS */
.sn-navitem {
display: inline-block !important;
height: 20px !important;
line-height: 23px !important;
}
.sn-navitem a:not(#you-subnav-more-butt) {
height: 15px !important;
line-height: 13px !important;
padding-bottom: 0 !important;
padding-top: 2px !important;
text-shadow: none !important;
}
.sn-navitem a.sn-ico-slideshow {
text-shadow: none !important;
background-image: url("https://combo.staticflickr.com/pw/images/sprites/icons-sc208c84ef4.png");
background-position: -1px -1889px !important;
}
.sn-navitem.sn-dropdowntarget:hover ul.sn-dropdown ,
.sn-navitem.sn-dropdowntarget:not(:hover) ul.sn-dropdown {
display: inline-block ;
position: relative;
width: auto;
visibility: hidden !important;
}
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider) {
display: inline-block ;
position: relative ;
min-width: 75px !important;
max-width: 75px !important;
top: -32px ;
padding: 0 !important;
visibility: visible ;
text-align: center !important;
}
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider):nth-child(1) {
margin-left: -80px ;
}
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider):nth-child(10) ,
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider):nth-child(7) ,
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider):nth-child(5) ,
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider):nth-child(1) {
min-width: 44px !important;
max-width: 44px !important;
}
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider):nth-child(9) {
min-width: 20px !important;
max-width: 20px !important;
top: -32px !important;
}
/* REC ACT */
ul.sn-dropdown .sn-dropdownitem.sn-divider + .sn-dropdownitem {
display: inline-block !important;
width: 100% !important;
min-width: 100px !important;
max-width: 100px !important;
text-align: center !important;
}
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider) a[href^="/mail/write/"] {
display: inline-block !important;
width: 20px !important;
font-size: 0px !important;
overflow: hidden ;
}
ul.sn-dropdown .sn-dropdownitem:not(.sn-divider) a[href^="/mail/write/"]:before {
content: "✉" ;
font-size: 20px ;
}
/* COLL - HEADER NAV BAR - 3 DOTS MENU === */
.subnav-refresh .sn-dropdowntarget ul.sn-dropdown {
width: 722px !important;
top: 24px !important;
}
/* VIEW MODE BUT */
.subnav-refresh ul.nav-links li.sn-navitem.sn-active,
.subnav-refresh ul.nav-links li.sn-navitem:hover {
border-radius: 5px !important;
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-thumbs-inactive {
background-position: 2px -2471px !important;
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-list-active {
background-position: 2px -2575px !important;
}
/* HEADER - NAV BAR RIGHT (Phostream Sets Fav POOL ) - RIGHT BUTTON-BAR - BLOCK CONT */
#button-bar.nav-links.nav-links-tools {
position: absolute !important;
display: inline-block !important;
height: 20px !important;
width: 100px !important;
line-height: 23px !important;
top: -35px ;
left: 1130px !important;
margin-top: 0 !important;
}
/* 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 PAG/GAL/FAV - NOT BETA */
#global-nav.styleguide-global-nav + #Main #subnav-refresh .subnav-middle .subnav-holder #button-bar.nav-links.nav-links-tools.clearfix:not(:empty) ,
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar.nav-links.nav-links-tools.clearfix:not(:empty) {
display: inline-block !important;
width: 42px !important;
height: 20px !important;
top: 0px !important;
left: 425px !important;
}
#button-bar .sn-navitem {
display: inline-block !important;
width: 100% !important;
max-width: 30px !important;
height: 18px !important;
line-height: 13px !important;
padding-bottom: 0 !important;
padding-top: 2px !important;
}
.subnav-refresh ul.nav-links.nav-links-tools li.sn-navitem a {
display: inline-block !important;
min-width: 20px !important;
max-width: 20px !important;
height: 15px !important;
line-height: 15px !important;
padding-bottom: 0 !important;
padding-top: 2px !important;
}
/* TOP HEADER - NAV - EDIT DETAIL STREAM - UPLOAD */
#global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder .nav-links.extraitems + #button-bar.nav-links.nav-links-tools.clearfix:not(:empty){
position: absolute !important;
display: inline-block !important;
min-width: 22px !important;
max-width: 22px !important;
margin-left: 107px !important;
}
/* TOP HEADER - POOL NAV - VIEW THUMB SMALL ICON */
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-pool-justified-view {
background-position: 0px -2435px !important;
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-share {
background-position: 0px -1545px !important;
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-thumbs-active{
background-position: 2px -2505px !important;
}
.subnav-refresh ul.nav-links li.sn-navitem a.sn-ico.sn-ico-group-list-view-list-inactive {
background-position: 2px -2540px !important;
}
/* HEADER - DOUBLE BUD ICON - BLOCK CONT - FAV */
.subnav-refresh .sn-avatar {
transform: scale(0.6) !important;
width: 110px;
height: 110px;
top: -11px !important;
left: 27px !important;
}
/* == END == HEADER == */
/* == SMALL THUMB == */
/* (new164) SMALL THUMB - POOL */
#pool-photos.sm {
position: relative !important;
display: inline-block !important;
width: 1920px !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 - PAGI */
.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 THUMB == */
/* (new178) USER GEN ICON - GRAYSCALE */
.tiny[style*="/pw/images/buddyicon"] ,
.group-top-contributors-dropdown-view.ui-dropdown.top-contribs > ul .avatar ,
[src^="https://s.yimg.com/pw/images/buddyicon"] ,
.context-list>li a[style^='background-image: url("//combo.staticflickr.com/pw/images/buddyicon'] ,
a[style^='background-image: url("//combo.staticflickr.com/pw/images/buddyicon'] ,
*[style^='background-image: url("//combo.staticflickr.com/pw/images/buddyicon'] ,
.avatar.group.tiny.tiny[style*="/pw/images/buddyicon"] ,
*[style*="background-image: url(//combo.staticflickr.com/pw/images/buddyicon"][style*=".png"] ,
*[style*="https://s.yimg.com/pw/images/buddyicon"] ,
[style^='background-image: url(https://combo.staticflickr.com/pw/images/buddyicon'][style*=".png"] ,
a[style*=".png"][style*="https://combo.staticflickr.com/pw/images/buddyicon"] ,
[style^='background-image: url("https://s.yimg.com/pw/images/buddyicon'] ,
img[src*=".png"][src^="https://flimg.flickr.com/?"][src*="buddyicon"] ,
a[style*="/buddyicon"][style*=".png"] ,
img[src*=".png"][src*="buddyicon"] ,
.avatar.person[style*=".png);"] ,
[src^='https://ec.yimg.com/ec?url=https%3A%2F%2Fs.yimg.com%2Fpw%2Fimages%2Fbuddyicon'] {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.sub-photo-view .attribution-view.photo-attribution .avatar.person.medium[style^="background-image: url(//combo.staticflickr.com/pw/images/buddyicon"] {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
/* GENERIC ICON - STAFF */
.staffPost img[alt="Flickr Staff"] {
filter: invert(.8) grayscale(1) saturate(48) sepia(1) ;
}
/* STRANGE same user : ===== */
/* NOT WORK on:https://www.flickr.com/people/126418148@N08/contacts/ */
/* OK on:https://www.flickr.com/people/126418148@N08/contacts/ */
.logo[src^="https://farm3.staticflickr.com/2921/buddyicons/"]{
-webkit-filter: grayscale(1) !important;
filter: grayscale(1) !important;
}
/* OK :https:/https://www.flickr.com/photos/nickriviera/33836998138/in/faves-192084172@N07//www.flickr.com/people/126418148@N08/contacts/ */
.attribution-view .avatar.person[style^='background-image: url(//live.staticflickr.com/2921/buddyicons/'] {
-webkit-filter: grayscale(1) !important;
filter: grayscale(1) !important;
}
/* OK : https://www.flickr.com/people/nickriviera/ */
.fluid .avatar.person[style^="background-image: url(//live.staticflickr.com/2921/buddyicons/"] {
-webkit-filter: grayscale(1) !important;
filter: grayscale(1) !important;
}
/* BUDDY HOVER */
.person_hover_img[src^="https://farm3.staticflickr.com/2921/buddyicons/[email protected]?1406014425#126418148@N08"] {
-webkit-filter: grayscale(1) !important;
filter: grayscale(1) !important;
}
/* == END == DIV == */
/* START = BUTT - CURSOR - GEN === */
.DeleteButt,
.CancelButt,
.SmallButt,
.SmallDeleteButt,
.SmallCancelButt,
.Butt:visited,
.DeleteButt:visited {
cursor: pointer !important;
}
/* END = BUTT - CURSOR - GEN === */
/* START = GEN - LINK COL + OTHERS THINGS === */
/* LINK + VISIT + VISIT 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 - ALL === */
/* == OTHERS THINGS - ALL === */
/* BLOCKQUOTE */
blockquote{
quotes: "\201C" "\201D";
font-size: 15px !important;
}
blockquote:before {
content: open-quote;
font-weight: bold;
font-size: 15px ;
}
blockquote:after {
content: open-quote;
font-weight: bold;
font-size: 15px ;
}
#groups-about .about div blockquote {
max-width: 654px !important;
min-width: 654px !important;
margin: 1em 40px;
}
/* HELP - TABLE BORDER */
table th,
table td {
border-color: #777777 !important;
}
/* END ==== ALL - LINK COLOR + OTHERS THINGS ===== */
/* STYLE 0 == END == ALLinONE - NO GM Adaptation ==== */
/* STYLE 1 == START == FLICKR - NEW Photo Page + NOTES ==== */
/* (new173) PHO - GLOBAL SIZE */
/* PHO - FOR NOTES */
.fluid.html-photo-page-scrappy-view {
top: -2px !important;
}
.fluid.html-photo-page-scrappy-view #content .photo-page-scrappy-view ,
.fluid.html-photo-page-scrappy-view #content {
height: 100vh !important;
width: 1915px !important;
}
.fluid.html-photo-page-scrappy-view #content .photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view ,
.fluid.html-photo-page-scrappy-view #content .photo-page-scrappy-view .photo-well-scrappy-view ,
.fluid.html-photo-page-scrappy-view #content .photo-page-scrappy-view ,
.fluid.html-photo-page-scrappy-view #content {
z-index: 2020 !important;
}
.fluid.html-photo-page-scrappy-view body {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
height: 100vh !important;
overflow: hidden !important;
overflow-y: hidden !important;
background: transparent !important;
}
.photo-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;
}
/* PHO - ICON BUY - GETTY IMG */
.photo-engagement-view.has-buyable .button.butt {
position: absolute !important;
top: 59px !important;
left: 291px !important;
}
/* FOOT - ALL - HID/VISBLE HOVER */
/* (new176) FOOT - PHO - HID/VISBLE HOVER */
.html-photo-page-scrappy-view .footer-full-view ,
.html-photo-page-scrappy-view.fluid .footer-full-view {
position: fixed !important;
display: inline-block !important;
width: 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: 50000 !important;
transition: all ease 0.1s !important;
}
.html-photo-page-scrappy-view.fluid .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 .footer-full-view footer.foot {
position: absolute;
width: 100% !important;
height: 0px !important;
bottom: 0 !important;
}
.html-photo-page-scrappy-view.fluid .footer-full-view:hover footer.foot {
height: 131px !important;
}
.html-photo-page-scrappy-view.fluid .footer-full-view:before {
content: "Flickr About" ;
position: absolute ;
display: inline-block ;
width: 100px ;
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 .footer-full-view:hover:before {
color: gold ;
transition: all ease 0.1s ;
}
/* END === TEST - FOOTER ==== */
/* CENTER - FOR PB VIDEO */
.photo-well-scrappy-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;
}
/* (new177) A SUPP ? - PHO - KEEP RATIO - CONT - VERY LARGE IMG */
html.fluid.html-photo-page-scrappy-view #content .sub-photo-view {
margin-top: 200px !important;
/* z-index: 5000000 !important; */
/* border: 1px solid red !important; */
}
/* ==== START == PHO - TITLE/DESC cf STREAM EDIT COMPAT ==== */
/* (new176) 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 ;
z-index: 5000 !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view.editing {
z-index: 5000000 !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block.showFull {
max-height: 100% ;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block.showFull {
position: relative ;
top: -6px ;
bottom: 0 ;
padding: 0 ;
word-wrap: break-word ;
overflow: visible ;
}
/* 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: 1140px ;
top: 0px ;
left: 50px ;
margin-bottom: 10px ;
font-size: 17px ;
text-align: center ;
word-wrap: break-word ;
color: #656c7a !important;
}
/* PHO - DESC */
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block {
z-index: 50000 !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc {
position: fixed !important;
display: inline-block !important;
line-height: 0px ;
max-height: 13px ;
min-height: 13px ;
min-width: 850px ;
max-width: 950px ;
margin-bottom: 0 ;
bottom: -20px !important;
left: 5px ;
padding: 3px 250px 2px 250px ;
text-align: left ;
overflow: hidden ;
transition: all ease 0.7s ;
z-index: 50000000 !important;
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 ;
bottom: 0px !important;
text-align: left ;
overflow: hidden ;
overflow-y: auto ;
transition: all ease 1s ;
z-index: 500000000 !important;
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 ;
}
/* (new176) PHO - TITLE + DESC EDIT */
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view.editing > .title-desc-block .title-desc-edit.ui-icon-title-desc-edit {
position: fixed ;
display: inline-block ;
bottom: 10px ;
right: 675px ;
opacity: 1 ;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block .title-desc-edit.ui-icon-title-desc-edit:hover {
outline: 1px solid peru !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view.editing > .title-desc-block .done-editing-title-desc {
margin-top: -75px ;
margin-right: -35px ;
}
/* 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 == PHOT - TITLE/DES ==== */
/* ==== START == STREAM EDIT ==== *
/* STREAM EDIT - TITLE + DESC */
.html-photostream-edit-page-view .interaction-view .photo-list-photo-edit-interaction .interaction-bar:hover {
opacity: 1 !important;
}
.fluid.html-photostream-edit-page-view .photo-list-photo-view {
position: absolute;
display: inline-block !important;
overflow: hidden !important;
background-position: center center !important;
background-repeat: no-repeat;
background-size: contain !important;
}
/* STREAM EDIT - PORTRAIT */
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait {
background-position-y: calc(0% - 0px) !important;
}
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait .interaction-view-placeholder {
top: 410px !important;
}
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait a.overlay {
margin-top: 190px !important;
}
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait .interaction-bar {
top: 401px;
}
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait .interaction-bar .sub-photo-title-desc-view.photostream-edit {
margin-top: -85px !important;
}
/* SMALL PHOTO (e.g. icons) */
.fluid.html-photostream-edit-page-view .photolist-container.fluid-centered .photo-list-photo-view.edit.portrait.awake[style*="_s.jpg"] ,
.fluid.html-photostream-edit-page-view .photolist-container.fluid-centered .photo-list-photo-view.edit.portrait.awake[style*="_t.jpg"] {
background-position: center center !important;
background-repeat: no-repeat;
background-size: contain !important;
background-size: 10% !important;
}
/* STREA EDIT - PORT */
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.portrait .interaction-bar .sub-photo-title-desc-view.photostream-edit.editing {
margin-top: -185px !important;
}
/* STREAM EDITABLE - LANDSCAPE */
.fluid.html-photostream-edit-page-view .photo-list-photo-view.edit.landscape {
background-position-y: calc(50% - 45px) !important;
}
/* ==== END == STEREAM EDITABLE ==== *
/* PHOTO - IMAGE CONTAINER */
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 INFR */
.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 */
/* (new178) ZOOOM - MODAL */
.zoom-modal ,
.zoom-modal.max-zoom-level {
z-index: 550000000 !important;
outline: 1px solid red !important;
}
.zoom-modal .zoom-photo-container {
transform-origin: 900px 500px 0 !important;
}
.zoom-modal .zoom-photo-container img {
opacity: 1 !important;
}
/* (new180) PHO - TOOLTIP/POP/MENU ETC */
.fluid.html-photo-page-scrappy-view .fluid-modal-view ,
.fluid.html-photo-page-scrappy-view .fluid-modal-view .modal.html-modal.scrappy-dialog {
z-index: 5000000 !important;
}
.fluid.html-photo-page-scrappy-view.view.fluid-modal-view .album-selection input.album-selection-search::-moz-placeholder {
color: gray !important;
}
/* PHO - ADULT CONT - MESS */
.photo-well-scrappy-view .height-controller .photo-well-media-scrappy-view > .restricted-interstitial {
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;
}
/* (new185) COMMENTS - TOTAL CONTAINER */
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view {
position: fixed !important;
display: inline-block !important;
float: none !important;
clear: both;
width: 1290px !important;
min-height: 583px !important;
max-height: 583px !important;
left: 10px !important;
margin-bottom: 0px;
top: 137px !important;
padding: 5px !important;
color: gray !important;
overflow: hidden !important;
overflow-y: auto !important;
visibility: hidden !important;
transition: all ease 1s !important;
z-index: 5000000 !important;
}
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments {
display: flex !important;
height: 100% !important;
width: 1300px !important;
margin-left: 0px !important;
padding: 5px 30px 100px 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
visibility: hidden !important;
transition: all ease 0.7s !important;
z-index: 500000 !important;
}
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments:hover {
visibility: visible !important;
transition: all 1s linear !important;
}
/* (new184) PHO/GAL - COM CONT - REVERT ORD */
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list ,
.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 .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item {
width: 512px !important;
}
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item .comment-content> a[href^="/photos/"] {
float: left !important;
height: 18px !important;
width: 18px !important;
margin-right: 5px !important;
}
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item .comment-content> a[href^="/photos/"] + br {
display: none !important;
}
/* (new185) - GAL - MODAL AVATAR */
.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.avatar-menu-droparound {
display: inline-block !important;
width: 500px !important;
border: 1px solid red !important;
}
.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.avatar-menu-droparound h3 {
display: inline-block !important;
width: 450px !important;
}
.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.avatar-menu-droparound .recent-photos a {
display: inline-block !important;
width: 70px !important;
height: 70px !important;
margin-right: 15px !important;
border: 1px solid #222 !important;
}
/* PHOT - COM - PB BUDDY ICON / ACTIONS */
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments li.comment:hover .comment-author > a {
color: peru !important;
}
/* (new177) PHOT - COMM - CONT - ADD ICON SHOW COM CONT (on HOVER) */
.sub-photo-comments-view .comments-holder.order-chronological.photosInComments ul.comments:before {
content: "🗨" ;
position: fixed ;
display: inline-block ;
float: none ;
height: 14px ;
line-height: 13px ;
width: 25px ;
left: 1330px ;
top: 210px ;
padding: 0px ;
border-radius: 3px ;
font-size: 20px ;
text-align: center ;
visibility: visible ;
opacity: 0.2 ;
cursor: pointer ;
/* z-index: 500 ; */
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;
}
/* PHOT - COM - CONTR - ADD ICON SHOW COMM CONT (on HOVER) - SECOND PLACE ON COMM COUNT */
.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;
background: -5px center url('https://www.flickr.com/sparklines/t/EyI_ZBdkNyIAACkAwP8lFkouehhTHzY6SUVNEQ--.png') no-repeat !important;
background-size: contain !important;
color: gray !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;
}
/* (new180) PHOTO - LICENSE */
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view ul ,
.photo-license-view .ui-dropdown:not(.ui-dropdown-closed) > ul {
position: fixed !important;
display: inline-block !important;
left: 1650px;
top: 17vh !important;
box-shadow: 5px 5px 5px black !important;
opacity: 1 !important;
border: 1px solid red !important;
}
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view ul > li {
font-size: 14px;
line-height: 24px;
padding: 0 15px;
color: gray !important;
}
.sub-photo-right-view .sub-photo-right-row1 .photo-license-view ul > li:hover {
background: #111 !important;
}
.sub-photo-right-view .sub-photo-right-row1 .photo-license-view ul > li {
color: gray !important;
}
.sub-photo-right-view .sub-photo-right-row1 .photo-license-view ul > li.ui-dropdown-item-selected {
color: gold !important;
}
/* (new173) AUTHOR INFOS TOOLTIP */
.html-photo-page-scrappy-view .fluid-droparound-view .person-card-view h3.fade-out {
width: 420px !important;
text-overflow: ellipsis !important;
}
.html-photo-page-scrappy-view .fluid-droparound-view .person-card-view h3.fade-out:after ,
.html-photo-page-scrappy-view .fluid-droparound-view .person-card-view .fade-out::after {
width: 0px ;
background: none ;
}
.person-card-view .info {
height: 20px;
margin-top: -4px;
}
.html-photo-page-scrappy-view .person-card-view .recent-photos a {
display: inline-block;
height: 80px !important;
width: 100px !important;
margin-right: 9px !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 .person-card-view .recent-photos {
clear: both;
height: 85px;
}
/* (new183) */
.html-photo-page-scrappy-view .person-card-view .recent-photos a {
display: inline-block;
height: 80px;
width: 80px;
margin-right: 12px !important;
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 .person-card-view .recent-photos a:visited {
outline: 1px solid violet !important;
}
/* PHOT - PRO BADGE */
.avatar.person.medium + .pro-badge-inline {
display: inline-block !important;
vertical-align: middle !important;
height: 11px;
line-height: 8px !important;
width: 23px;
top: 35px !important;
left: 58px !important;
font-size: 10px !important;
text-align: center !important;
text-indent: 1px;
border-radius: 3px;
transform: rotate(90deg);
color: #888A8C !important;
background: transparent;
}
/* 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: 7px !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;
height: 15px !important;
line-height: 15px !important;
margin-top: 0px !important;
font-size: 14px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type:not(:only-of-type):before {
content: "+" ;
margin-left: 5px ;
margin-right: 5px ;
font-size: 14px ;
}
.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;
}
/* (new181) PHO - ERR POP - Problem Remave fromPool / NOT FAVS POSS */
.dialog-alert.ui-dialog.ui-dialog-alert.scrappy-dialog {
display: inline-block !important;
width: auto !important;
min-width: auto !important;
height: auto !important;
margin-top: -333px !important;
padding: 10px !important;
z-index: 50000000 !important;
}
.dialog-alert.ui-dialog.ui-dialog-alert.scrappy-dialog .ui-dialog-wrapper {
position: relative !important;
height: auto !important;
width: 352px !important;
left: 4px !important;
color: violet !important;
}
/* PHO - POOL INVIT POPUP */
.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed) {
display: inline-block !important;
height: auto !important;
line-height: 24px;
min-width: 680px !important;
max-width: 680px !important;
margin-left: -245px !important;
margin-top: -264px !important;
padding: 5px 5px 12px 5px !important;
border-radius: 3px;
font-size: 16px;
box-shadow: -10px -10px 3px 1px rgba(0, 0, 0, 0.3), 10px -10px 3px 1px rgba(0, 0, 0, 0.3) !important;
z-index: 50000 !important;
}
.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog .ui-dialog-wrapper {
position: relative !important;
display: inline-block !important;
min-width: 675px !important;
max-width: 675px !important;
height: auto !important;
left: 2px !important;
top: 4px !important;
line-height: 24px;
border-radius: 3px;
box-shadow: none !important;
}
/* (new176) PHO EDI - POP */
.fluid.html-photo-page-scrappy-view .ui-dialog-modal-curtain {
display: none !important;
}
.fluid.html-photo-page-scrappy-view .dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed).editor-dialog {
position: fixed !important;
display: inline-block;
max-width: 1900px !important;
min-width: 1900px !important;
height: auto;
line-height: 24px;
margin-left: -955px !important;
margin-top: -454px !important;
padding: 5px 5px 12px;
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);
z-index: 500000000 !important;
}
.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed).editor-dialog .ui-dialog-wrapper {
position: relative;
display: inline-block;
height: auto;
line-height: 24px;
max-width: 1900px !important;
min-width: 1900px !important;
left: 2px;
top: 4px;
border-radius: 3px;
box-shadow: none;
}
.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog:not(.ui-util-removed).editor-dialog .ui-dialog-wrapper .ui-dialog-body {
z-index: 50000000 !important;
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;
}
/* PHO - ADD POOL+GAL - POP/TOOLTIP - ADD POOL/GAL/DEL PIC */
.fluid .fluid-modal-view {
position: fixed;
bottom: 50%;
left: 42%;
right: 35%;
top: 25%;
}
/* (new182) PHO - MODAl - LARGE - ADD TO POOL+GALL */
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] ,
.fluid.html-photo-page-scrappy-view .modal.subview-modal[style*="max-width: 1880px;"] {
position: absolute;
width: 590px !important;
min-height: 50px !important;
height: auto !important;
margin-left: 300px !important;
margin-top: -70px !important;
left: 223px !important;
top: 70px !important;
border-radius: 3px;
box-shadow: -5px 5px 6px 7px black !important;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection-view .stuff-selection-search-container input.stuff-selection-search {
min-width: 490px !important;
max-width: 490px !important;
}
.fluid.html-photo-page-scrappy-view .modal.subview-modal[style*="max-width: 1880px;"] .stuff-selection-view .stuff-selection-search-container input.stuff-selection-search {
min-width: 540px !important;
max-width: 540px !important;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection-list-container ,
.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 .droparound.subview-droparound.auto-size[style^="width: 400px;"] .gallery-selection-view.stuff-selection-view .stuff-selection-list-container ,
.fluid.html-photo-page-scrappy-view .modal .gallery-selection-view.stuff-selection-view .stuff-selection-list-container {
min-height: 50px !important;
max-height: 476px !important;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection-list-container ol.stuff-selection-list ,
.fluid.html-photo-page-scrappy-view .modal .stuff-selection-list-container ol.stuff-selection-list {
overflow-x: hidden !important;
}
/* (new177) PHO - ADD TO POLL / GAL - From "+" icon */
.photo-engagement-view .engagement-item.curate{
height: 20px;
line-height: 20px;
width: 20px;
margin: 0 5px 0 20px !important;
padding: 0 !important;
text-align: center !important;
background: red !important;
}
/* ALL */
.photo-engagement-view .engagement-item.curate span svg{
height: 20px;
line-height: 20px;
width: 20px;
padding: 0 !important;
text-align: center !important;
background: black !important;
}
.photo-engagement-view .engagement-item.curate:before {
content: "Big Choice" !important;
position: absolute !important;
height: 22px;
line-height: 22px;
width: 100px;
right: 40px !important;
top: 2px !important;
text-align: center !important;
border-radius: 3px !important;
visibility: hidden !important;
transition: all ease 0s !important;
color: gold !important;
background: #333 !important;
}
.photo-engagement-view .engagement-item.curate:hover:before {
content: "Big Choice" !important;
top: -18px !important;
z-index: 100 !important;
visibility: visible !important;
transition: all ease 0.7s !important;
background: red !important;
}
/* (new180) PHO - ADD TO POLL / GAL - From "+" icon - MODAL */
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] {
position: fixed !important;
height: auto !important;
left: 1024px !important;
top: 24vh !important;
z-index: 5000000 !important;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .add-to-stuff-view:before {
content: "Big Choice from '➕' " !important;
position: absolute !important;
height: 22px;
line-height: 22px;
width: 132px;
right: 60px !important;
top: 4px !important;
text-align: center !important;
border-radius: 3px !important;
color: gold !important;
background: #333 !important;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .add-to-stuff-view .add-to-stuff-container .tab-container .stuff-selection-list-container {
display: inline-block !important;
height: 100% !important;
min-height: 50px !important;
max-height: 876px !important;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .add-to-stuff-view .add-to-stuff-container .tab-container.selected .stuff-selection-view.gallery-selection-view {
height: auto;
min-height: 50px !important;
max-height: 876px !important;
padding: 0 5px;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .add-to-stuff-view .add-to-stuff-container .tab-container .stuff-selection-list-container ol.stuff-selection-list {
min-height: 73vh !important;
overflow-y: auto;
}
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .droparrow {
left: 43px !important;
}
/* NEW ADD TO POOL/GAL - NOT BELL NOTIF - ALL */
.add-to-stuff-view .add-to-stuff-container .nav {
height: 20px !important;
}
.stuff-selection-view .stuff-selection-search-container {
height: 29px !important;
margin-top: 5px !important;
}
/* (new178) */
.stuff-selection-view .stuff-selection-search-container input.stuff-selection-search {
min-width: 320px !important;
max-width: 320px !important;
height: 18px;
margin-top: 6px;
padding: 2px 0 !important;
background: #222 !important;
}
.stuff-selection-list-container + .action-container {
height: 29px !important;
border-top: 1px solid red !important;
}
/* MODAL - ADD TO POOL/GAL ??? */
.fluid-droparound-view .droparound.subview-droparound.auto-size .stuff-selection .stuff-selection-list-container ol.stuff-selection-list {
height: 350px ;
overflow: hidden ;
overflow-y: auto ;
}
.stuff-selection-view .stuff-selection {
padding: 0 5px !important;
height: auto !important;
}
.stuff-selection-view .stuff-selection .stuff-selection-search-container {
width: 20px !important;
height: 20px !important;
margin: 8px 0 8px 5px;
padding: 0 ;
border: none ;
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -473px -349px !important;
}
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item {
display: inline-block !important;
width: 48.3%;
height: 46px;
margin: 0 2px 2px 0;
padding: 0 1px !important;
cursor: pointer;
border-radius: 5px !important;
border: 1px solid gray ;
box-shadow: -2px 2px 6px 5px black !important;
}
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-icon {
height: 32px;
margin: 2px;
width: 32px;
}
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels {
display: inline-block !important;
width: 100% !important;
min-width: 87% !important;
max-width: 87% !important;
margin-right: -10% !important;
padding: 3px 0;
font-size: 14px;
overflow: hidden;
}
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels .item-stats,
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels .item-title {
display: inline-block !important;
width: 100% !important;
min-width: 97% !important;
max-width: 97% !important;
outline: 1px solid tomato !important;
}
/*lang="en-us"*/
html .stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content.is-pending .item-labels .item-stats {
margin-top: -5px !important;
outline: none !important;
color: red !important;
}
/* [lang="fr-fr"] */
html[lang="fr-fr"] .stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item.is-pending .selection-item-content .item-labels .item-stats {
font-size: 10px;
color: red !important;
}
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels .item-stats .stat-action{
color: gold;
}
/* (new178) ADD TO POOL+GAL - in POOL BETA/ALB/GAL/FAV/PHOTSREAM */
.fluid.html-photostream-page-view .stuff-selection-view .stuff-selection-list li.selection-item ,
.fluid.html-group-home-page-view .stuff-selection-view .stuff-selection-list li.selection-item ,
.fluid.html-group-pool-page-view .stuff-selection-view .stuff-selection-list li.selection-item ,
.fluid.html-album-page-view .stuff-selection-view .stuff-selection-list li.selection-item ,
.fluid.html-gallery-page-view .stuff-selection-view .stuff-selection-list li.selection-item ,
.fluid.html-favorites-page-view .stuff-selection-view .stuff-selection-list li.selection-item {
padding: 0 1px !important;
width: 47.3% !important;
}
.fluid.html-photostream-page-view .stuff-selection-view .stuff-selection-list .item-labels ,
.fluid.html-group-home-page-view .stuff-selection-view .stuff-selection-list .item-labels ,
.fluid.html-group-pool-page-view .stuff-selection-view .stuff-selection-list .item-labels ,
.fluid.html-album-page-view .stuff-selection-view .stuff-selection-list .item-labels ,
.fluid.html-gallery-page-view .stuff-selection-view .stuff-selection-list .item-labels ,
.fluid.html-favorites-page-view .stuff-selection-view .stuff-selection-list .item-labels {
max-width: 79% !important;
min-width: 79% !important;
}
/* ADD TO POOL/GAL - in ALB - OVERLAY */
.fluid.html-album-page-view .fluid-droparound-overlay.transparent ,
.fluid.html-album-page-view .fluid-droparound-overlay {
position: fixed !important;
display: inline-block !important;
left: 0px !important;
right: 0 !important;
top: 0px !important;
width: 100% !important;
}
.add-to-stuff-view .nav ul li {
height: 36px !important;
}
.add-to-stuff-view .nav ul li span {
padding-bottom: 0;
padding-top: 12px;
}
/* POOL BETA - NOTIF PANEL - HOME */
.fluid.html-group-discussions-list-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound ,
.fluid.html-group-pool-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound ,
.fluid.html-group-discussion-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound ,
.fluid.html-group-home-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound {
position: fixed;
min-height: 19px !important;
max-height: 19px !important;
min-width: 19px !important;
max-width: 19px !important;
left: 1882px !important;
top: 3px !important;
overflow: hidden !important;
opacity: 0;
z-index: 5000000;
transition: opacity ease 0.7s !important;
}
.fluid.html-group-discussions-list-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound:hover ,
.fluid.html-group-pool-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound:hover ,
.fluid.html-group-discussion-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound:hover ,
.fluid.html-group-home-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound:hover {
min-height: auto;
min-width: 500px;
left: 1423px !important;
opacity: 1;
transition: opacity ease 0.7s, left ease 0.7s !important;
}
/* INVIT ERR */
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels .item-stats.error-message {
line-height: 11px;
font-size: 11px;
color: gold !important;
background-color: red;
}
/* INVIT */
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels + .item-status {
margin: 23px 0 0 -2px ;
}
/* INVIT PEND */
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item.is-pending .selection-item-content .item-labels + .item-status {
width: 17px;
height: 16px;
border-radius: 50% ;
background-position: -352px -494px;
background-color: red ;
}
/* PHO - MODAL - EDIT DATE - === */
.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;
}
/* PHO - LIGHTBOX - VOIR FAV STAR */
body > #content > .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;
}
/* (new177) PHO NAV - PREV/NEXT ARR */
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-prev ,
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-next {
min-width: 20px !important;
width: 26px !important;
height: 700px !important;
top: 19.5% !important;
z-index: 500000 !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;
display: inline-block !important;
width: 21px !important;
height: 48px !important;
top: -34px !important;
border-radius: 3px !important;
cursor: pointer !important;
transform: scale(0.5) !important;
transition: height ease 0.7s !important;
visibility: visible !important;
box-shadow: -5px 3px 10px black ;
border: 1px solid #404040;
}
.photo-well-scrappy-view .height-controller > .navigate-target > span:hover {
top: -33px !important;
transform: scale(1) !important;
border: 1px solid #404040;
visibility: visible !important;
}
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-prev > span {
left: 1316px !important;
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -214px -154px !important;
}
.photo-well-scrappy-view .height-controller > .navigate-target.navigate-next > span {
right: -104px !important;
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -216px -357px !important;
}
/* ====- PHO - PANEL RIGHT ==== */
/* (new177) PHO - for ALL USERS - ACTION BAR - FAV/SHARE/ALL SIZE/PRINT */
.photo-engagement-view {
position: fixed ! important;
width: 161px !important;
height: 32px !important;
top: 123px !important;
right: 409px ! important;
margin-right: 40px !important;
z-index: 5000000 !important;
transform: scale(0.7) !important;
}
/* PHO - ALL USER - ACT BAR - ICONs FAV/SHARE/ALL SIZE */
.photo-engagement-view > div a {
padding: 8px 1px !important;
}
.photo-engagement-view > div {
float: left;
margin-right: 0px !important;
}
.photo-engagement-view .fave-view {
height: 30px !important;
width: 30px !important;
top: 0px;
}
.fave-view .button {
display: inline-block !important;
height: 30px !important;
line-height: 15px !important;
width: 32px !important;
padding: 0 !important;
text-align: center !important;
}
.fave-star.false ,
.fave-star.false.is-faved ,
.fave-view .fave-star,
.fave-view .fave-star.animated {
display: inline-block !important;
min-height: 30px !important;
width: 30px !important;
top: -6px !important;
left: -2px !important;
padding: 0 !important;
transform: scale(1)!important;
}
/* PHOT - FAV STAR + NOT ANIMATED - GEN */
.fave-star i.animated-fave-star ,
.fave-star.animated.is-faved i.animated-fave-star ,
/* FAV STAR - PHOT */
.view.photo-engagement-view .view.fave-view .fave-star.false.is-faved ,
.view.photo-engagement-view .view.fave-view .fave-star.is-faved{
position: absolute;
height: 28px !important;
width: 28px !important;
left: 0px;
top: 2px !important;
transform: scale(1)!important;
background-image: none !important;
}
/* (new181) FAV STAR - FEEDS/GAL/POOL BETA/FAV */
.photo-card-engagement-view .photo-card-engagement .engagement-item .engagement-icon i.animated-fave-star ,
.photo-list-photo-interaction .engagement-item.fave .engagement-icon i.animated-fave-star ,
.photo-list-gallery-photo-view .engagement-item.fave .engagement-icon i.animated-fave-star ,
.engagement-item.fave.faved.last .engagement-icon i.animated-fave-star {
height: 20px;
width: 20px;
left: 0px;
top: 0;
background-image: none !important;
}
/* FAV STAR - ADD FAV ICON */
/* FAV STAR - ADD FAV ICON - ALL */
.fave-star:before ,
.fave-star.false:before {
display: inline-block ;
height: 30px !important;
line-height: 28px !important;
width: 30px;
margin-left: -4px;
margin-top: -2px;
font-size: 29px !important;
font-style: normal !important;
text-align: center ;
}
/* (new181) FAV STAR - ADD FAV ICON - FEEDS/GAL/POOL BETA/FAV */
.photo-card-engagement-view .photo-card-engagement .engagement-item .engagement-icon i.animated-fave-star:before ,
.fluid.html-gallery-page-view .photo-list-container .view.photo-list-view .engagement .engagement-item.fave.faved .animated-fave-star:before ,
.photo-list-photo-interaction .engagement-item.fave .engagement-icon i.animated-fave-star:before ,
.photo-list-gallery-photo-view .engagement-item.fave .engagement-icon i.animated-fave-star:before {
display: inline-block ;
height: 24px !important;
line-height: 20px !important;
width: 24px;
margin-left: -4px ;
margin-top: -2px;
font-size: 18px !important;
font-style: normal !important;
text-align: center ;
}
/* FAV STAR - ADD FAV ICON - NOT FAVED */
/* PHOT */
.view.photo-engagement-view .view.fave-view .fave-star:not(.is-faved):before ,
.view.photo-engagement-view .view.fave-view .fave-star.false:not(.is-faved):before {
content: "✩" ;
margin-top: 8px !important;
color: gray !important;
}
/* ALB/GALL */
.photo-card-engagement-view .photo-card-engagement .engagement-item .engagement-icon i.animated-fave-star:before ,
.photo-list-gallery-photo-view .engagement-item.fave .engagement-icon i.animated-fave-star:before ,
.photo-list-photo-interaction .engagement-item.fave .engagement-icon i.animated-fave-star:before {
content: "✩" ;
top: -2px !important;
margin-top: -2px !important;
color: gray !important;
}
/* FAV STAR - ADD FAV ICON - FAVED */
/* (new181) FEEDS / GAL/POOL BETA */
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.faved .animated-fave-star:before ,
.engagement-item.fave.faved.last .engagement-icon i.animated-fave-star:before ,
.view.photo-engagement-view .view.fave-view .fave-star.is-faved:before ,
.view.photo-engagement-view .view.fave-view .fave-star.false.is-faved:before ,
a.fave-star.false.is-faved:before {
content: "★" ;
height: 30px !important;
width: 30px !important;
margin-top: -2px !important;
font-size: 20px !important;
color: red !important;
}
/* (new181)) FEEDS / GAL - FAV STAR - ADD FAV ICON - FAVED */
.photo-card-engagement-view .photo-card-engagement .engagement-item.fave.faved .engagement-icon i.animated-fave-star:before ,
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.fave.faved .engagement-icon i.animated-fave-star:before {
content: "★" ;
top: -2px !important;
margin-top: -2px !important;
color: red !important;
}
/* FAV STAR - PHOT */
.fluid.html-photo-page-scrappy-view .view.photo-engagement-view .view.fave-view .fave-star.is-faved:before ,
.fluid.html-photo-page-scrappy-view .view.photo-engagement-view .view.fave-view .fave-star.false.is-faved:before {
margin-top: 0px !important;
font-size: 25px !important;
color: red !important;
}
/* (new181) FAV STAR - FEEDS */
/* .fluid.html-feed-new-page-view .photo-card-engagement-view .photo-card-engagement .engagement-item.fave .engagement-icon i.animated-fave-star */
/* PHO - FAV STAR - COUNT (PB WRONG COUNT) */
.photo-page-scrappy-view .photo-engagement-view .fave-view .button > span.fave-count {
position: absolute !important;
display: inline-block !important;
top: -1px !important;
left: 19px ;
font-size: 15px !important;
transition: all ease 0.7s !important;
opacity: 0.3 !important;
color: gray !important;
}
.photo-page-scrappy-view .photo-engagement-view .fave-view .button:hover > span.fave-count {
transition: all ease 0.7s !important;
opacity: 1 !important;
color: gold !important;
}
/* SHARE */
.photo-engagement-view > div.fluid-share-photo-view {
margin-right: 0px !important;
}
.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;
}
/* A SUPP - not in use */
.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 ;
}
/* A SUPP ? - Not in use - PHOTO - MY PHO - 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;
}
/* EDIT */
.photo-engagement-view > .photo-well-scrappy-edit-view {
margin-right: 4px !important;
}
.photo-engagement-view > .photo-well-scrappy-edit-view + .fluid-share-photo-view {
margin-right: 0px !important;
}
/* PHO - 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;
z-index: 0 !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: 430px !important;
top: 6px !important;
opacity: 0.94 !important;
text-shadow: 1px 1px 4px #000 !important;
color: white !important;
overflow: hidden !important;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name[id^="CFS"] span ,
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info a.owner-name[id^="CFS"]{
white-space: nowrap !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author:visited ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a:visited ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a {
color: white !important;
}
.sub-photo-comments-view .comments .comment .comment-author span.deleted {
color: #656c7a !important;
opacity: 0.5 !important;
}
/* ok (new178) */
.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;
z-index: 50000 !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;
}
/* PHO - FOLL/UNFOL - CONT */
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .owner-name + .owner-name-with-by.truncate + .follow-view.clear-float.photo-attribution {
height: 25px !important;
line-height: 25px !important;
margin-top: 5px !important;
}
.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;
}
/*PHO - FOL/UNFOL */
/* PHO - ALL TOP RIGHT - TXT FOL/UNFOL */
.unfluid.follow.is-following.ui-button.ui-button-icon.ui-button-transparent.ui-button-dropdown span {
display: inline-block !important;
height: 20px !important;
width: auto !important;
font-size: 12px !important;
color: gray !important;
}
/* PHO - ALL TOP RIGHT - TXT FOL/UNFOL */
.sub-photo-left-view > .attribution-view > .attribution-info .follow-view > .relationship .follow.ui-button > span {
color: #fff;
font-size: 0 !important;
padding: 0 0 0 31px !important;
}
/* PHO - ALL TOP RIGHT - TXT FOL/UNFOL TOOLTIP TOP RIGHT */
.follow-view .relationship.ui-util-selected button span {
font-size: 0 !important;
padding: 0 0 0 0px !important;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip:not(.ui-util-hidden) {
position: fixed !important;
display: inline-block !important;
width: 120px !important;
top: 57px !important;
left: 1200px !important;
box-shadow: 10px 10px 3px 1px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.4) !important;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip .ui-dialog-arrow {
transform: rotate(90deg) !important;
left: 117px !important;
top: 20px !important;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip .ui-dialog-body ul li {
color: peru !important;
}
.person-card-view .follow-view > .relationship .dialog-tooltip .ui-dialog-body ul li a ,
.person-card-view .follow-view > .relationship .dialog-tooltip .ui-dialog-body ul li label{
height: 25px ;
line-height: 30px ;
}
.person-card-view .follow-view > .relationship .dialog-tooltip .ui-dialog-body ul li {
margin-top: 0px ;
line-height: 25px ;
}
.person-card-view .follow-view > .relationship .dialog-tooltip .ui-dialog-body ul li:not(.divider):not(.following-unfollow){
margin-top: -4px ;
margin-bottom: 4px ;
}
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip .following-unfollow .ui-icon-tiny-unfollow {
top: 8px !important;
}
/* PHO - RIGHT PAN INFOS - NUMB VIEW/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 ;
}
.fluid.html-photo-page-scrappy-view #content .photo-page-scrappy-view .sub-photo-container.centered-content .sub-photo-content-container .sub-photo-right-view {
position: fixed !important;
display: inline-block !important;
width: 505px ;
height: 39px ;
line-height: 14px ;
top: 84px ;
margin-top: 0 ;
right: 0px ;
z-index: 50000 !important;
}
/* (new178) DATE cf GM "STIG"*/
.fluid.html-photo-page-scrappy-view .sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-taken {
position: fixed !important;
display: inline-block !important;
width: 205px ;
top: 103px !important;
left: 1700px !important;
padding-right: 25px !important;
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: right !important;
cursor: pointer !important;
}
/* COPYR (cf GM "STIG") */
.fluid.html-photo-page-scrappy-view .photo-license-view {
position: absolute ;
display: inline-block ;
width: 257px ;
margin: 0 ;
right: -6px ;
top: 64px ;
padding: 0 4px ;
text-align: right ;
}
/* (new178) PHO - PEOP+TAG - CONT */
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view:not(:empty) {
position: relative ;
max-width: 582px !important;
min-width: 582px !important;
right: 78px !important;
max-height: 39px ;
min-height: 39px ;
margin-top: 10px ;
padding: 28px 0 0 1px ;
border-radius: 5px ;
overflow: 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: 8px 0 7px 0 ;
top: -33px ;
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: 579px !important;
top: -35px ;
left: 5px ;
max-height: 45px ;
min-height: 45px ;
margin-top: 3px !important;
margin-bottom: 0;
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: 30px ;
width: 230px ;
margin-top: 5px ;
padding: 3px !important;
border-radius: 3px;
overflow: hidden;
transition: opacity 300ms ease-out 0s, background-color 0.2s ease-in-out 0s ;
border: 1px solid gray ;
}
.sub-photo-right-view > .sub-photo-tags-view {
position: relative ;
display: inline-block ;
width: 505px ;
margin: 15px 0 -3px -7px !important;
padding-top: 0 ;
border: none ;
}
/* PHO - PEOP + PEOP EMPTY */
.sub-photo-tags-view.people-is-empty {
position: relative ;
display: inline-block ;
width: 517px !important;
max-height: 25px ;
min-height: 25px ;
line-height: 18px ;
margin: 25px 0px -10px -3px !important;
padding-top: 0 ;
border: none;
}
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view.empty {
position: relative ;
display: inline-block ;
max-height: 18px ;
min-height: 18px ;
line-height: 18px ;
min-width: 564px !important;
max-width: 564px !important;
right: 82px !important;
margin-left: 2px ;
margin-top: 0px ;
padding: 2px 10px ;
border-radius: 3px ;
text-align: left ;
overflow: hidden ;
border: 1px solid gray ;
}
/* (new177) */
.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: 0 -35px 0 25px ;
text-align: center ;
}
/* (new177) */
.fluid.html-photo-page-scrappy-view .sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > a.show-add-people ,
.fluid.html-photo-page-scrappy-view .sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view.empty > a.show-add-people {
position: relative ;
display: inline-block ;
float: none !important;
width: 230px !important;
line-height: 15px ;
height: 15px ;
top: -2px !important;
left: 115px !important;
right: 0px !important;
text-align: right ;
}
.fluid.html-photo-page-scrappy-view .sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view > a.show-add-people {
top: -28px !important;
left: 228px !important;
}
/* PHO - LICS ICON */
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view > .photo-license-info > .photo-license-url-iconOnly {
display: inline-block ;
vertical-align: middle ;
}
.ui-icon-tiny-copyright ,
.ui-icon-tiny-9cc {
border-radius: 100% ;
transform: scale(0.6) ;
border: 2px solid rgba(194, 188, 188, 0.67) !important;
background-color: rgba(194, 188, 188, 0.67) !important;
}
/* PHO - LICENSE - 2/3 ICON */
.ui-icon-tiny-3cc ,
.ui-icon-tiny-1cc ,
.ui-icon-tiny-2cc ,
.ui-icon-tiny-6cc,
.ui-icon-tiny-5cc,
.ui-icon-tiny-4cc ,
.ui-icon-tiny-10cc {
border-radius: 5px ;
transform: scale(0.7) ;
border: 2px solid rgba(194, 188, 188, 0.67) !important;
background-color: rgba(194, 188, 188, 0.67) !important;
}
/* PHO - EXIF INFO - 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 VAL */
.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 ;
}
/* PHO - EXIF - ICONS */
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-flash-on ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-aperture ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-focal-length ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-exposure-time ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-iso ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-flash-off ,
.sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-exif {
border-radius: 100% ;
background-color: peru !important;
}
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul i.ui-icon-tiny-flash-on {
margin-top: 1px ;
}
/* PHO - 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 PHO 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;
}
/* 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/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 - LOCA 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 ;
}
/* PHO - MAP - LOCA DATA - 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: 180px ;
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;
}
/* 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 indic */
.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) ;
}
/* 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) ;
}
/* (new180) PHO - COM FORM - SHORT */
.fluid.html-photo-page-scrappy-view .comments-holder.order-chronological.photosInComments.with-emoji-picker {
position: fixed !important;
display: inline-block !important;
width: 1290px !important;
min-height: 583px !important;
max-height: 583px !important;
overflow: hidden !important;
overflow-y: auto !important;
/* z-index: 5000000 !important; */
}
/* (new185) */
.sub-photo-comments-view .comments-form {
position: fixed !important;
display: inline-block !important;
width: 230px ;
height: 45px ;
margin: 15px 10px 0 0 ;
right: 270px ;
top: 138px ;
opacity: 1 ;
visibility: visible ;
pointer-events: none ;
/* z-index: 5000000 !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: 12px ;
left: -8px ;
overflow: hidden ;
opacity: 1 ;
z-index: 0 ;
}
/* (new175) PHO - COM - 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;
}
/* FOCU */
.sub-photo-comments-view .comments-form .comment-form-field.comment-text-focused {
box-shadow: 0 0 0 1px #4C4D4E inset ;
}
/* (new175) PHO - COM - HOVER */
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form:hover {
position: fixed;
height: auto !important;
width: 230px;
right: 270px;
top: 138px;
margin: 15px 10px 0 0;
opacity: 1;
pointer-events: none;
visibility: visible;
z-index: 100;
background: transparent ;
}
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field:hover {
position: relative !important;
display: inline-block !important;
width: 375px !important;
min-height: 201px ;
max-height: 201px ;
/* z-index: 5000000 !important; */
opacity: 1 !important;
transition: width ease 0.7s ;
/* background: yellow !important; */
/* border: 1px solid red !important; */
}
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form:hover .comment-form-field.comment-text-focused textarea:not(.false-comment-content) ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field.comment-text-focused:hover textarea:not(.false-comment-content) {
-moz-appearance: none;
position: relative;
display: inline-block;
height: 100%;
min-height: 221px !important;
max-height: 321px !important;
width: 183px;
left: 1px;
top: 1px;
padding: 5px;
border-radius: 3px;
transition: width 5s ease 0s;
/* z-index: 50000 !important; */
opacity: 1 !important;
border: 1px solid red !important;
}
/* PHO - COM - 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 ;
}
/* 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 ;
min-height: 189px !important;
}
.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 ;
min-height: 189px !important;
max-height: 189px !important;
transition: width 0.7s ease ;
}
/* PHO - COM BUT */
.sub-photo-comments-view button.comment {
position: fixed ;
display: inline-block ;
width: 140px ;
height: 20px ;
padding: 0 3px ;
right: 303px ;
top: 218px ;
margin: 15px 10px 0 0 ;
opacity: 0.4 ;
visibility: visible ;
transition: all ease 0.7s ;
}
.sub-photo-comments-view button.comment:hover {
opacity: 1 ;
}
/* (new181) COM EMOJI - .comment-form-field.comment-text-focused */
.sub-photo-comments-view .comment-form-field:not(:hover) .emoji-picker-view ,
.sub-photo-comments-view .comment-form-field:not(.comment-text-focused) .emoji-picker-view {
display: none !important;
}
.sub-photo-comments-view .comment-form-field:hover .emoji-picker-view ,
.sub-photo-comments-view .comment-form-field.comment-text-focused .emoji-picker-view {
position: fixed;
display:inline-block !important;
width: 20px ;
height: 20px ;
top: 180px !important;
right: 457px;
opacity: 0.6 ;
}
.sub-photo-comments-view .emoji-picker-view .new-comment-features {
height: 20px ;
line-height: 27px ;
padding: 2px 6px ;
}
.sub-photo-comments-view .emoji-picker-view .new-comment-features .flimoji-icon-wrapper {
height: 20px ;
}
.sub-photo-comments-view .emoji-picker-view .new-comment-features .flimoji-icon-wrapper svg.icon {
display: inline-block ;
fill: currentcolor ;
height: 15px ;
width: 15px ;
}
.flimojis-dismiss-area,
.flimojis-picker-container {
position: fixed !important;
left: 286px !important;
top: -117px;
z-index: 5000000 ;
}
.with-emoji-picker .attach-to-input {
width: 200px ;
border-radius: 3px !important;
border: 1px solid red !important;
}
.with-emoji-picker .attach-to-input .grid-wrapper {
color: gold ;
background: black ;
}
.with-emoji-picker .attach-to-input .grid-wrapper li.emoji-header {
height: auto ;
line-height: 13px ;
padding: 0px ;
font-size: 12px ;
text-align: center ;
background-color: black !important;
}
.with-emoji-picker .attach-to-input .grid-wrapper .search-menu.flimoji-grid-container {
position: relative;
display: inline-block ;
grid-row-end: unset ;
grid-template-columns: unset;
width: 100%;
min-height: 75px ;
vertical-align: 0px;
padding: 2px ;
text-align: center;
overflow-y: auto;
background-color: #333 ;
}
.with-emoji-picker .attach-to-input .grid-wrapper .search-menu.flimoji-grid-container .flimoji-grid-item {
position: relative;
display: inline-block;
-moz-box-pack: unset !important;
place-content: center;
width: 22px;
height: 22px;
padding: 2px;
font-size: 12px;
text-align: center;
border: 0.5px solid #222 ;
background-color: black ;
}
.with-emoji-picker .attach-to-input .grid-wrapper li.no-emoji-results {
height: 20px ;
width: 20px ;
padding: 2px ;
background-color: #333 ;
}
.with-emoji-picker img.flimoji {
height: 17px ;
width: 17px ;
margin-left: -1px;
margin-top: -1px;
margin-bottom: -3px ;
color: transparent ;
}
.with-emoji-picker .attach-to-input .flimojis-search-wrapper {
height: 20px;
line-height: 0px;
padding: 1px 2px ;
border-top: 0.8px solid gray ;
background-color: #333 ;
}
.with-emoji-picker .attach-to-input .flimojis-search-wrapper input[type="text"].flimoji-search {
height: 18px;
line-height: 18px;
padding: 1px 2px ;
color: gold !important;
background-color: #333 !important;
}
/* PHO - POOL */
.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 ;
}
/* PHO - ADD TO - POOL/ALB/GAL */
.sub-photo-contexts-view .sub-photo-context a.add-to {
position: absolute ;
right: 5px ;
margin-top: 21px ;
font-size: 14px ;
z-index: 5000 ;
}
/* (new177) PHO - CONT LIST - ALL */
.sub-photo-contexts-view .sub-photo-context ul.context-list {
position: relative ;
max-height: 200px ;
min-width: 579px !important;
max-width: 579px !important;
right: 84px !important;
margin: 10px 0 0 0 !important;
padding: 2px 0 0 1px ;
overflow-x: hidden ;
overflow-y: auto ;
z-index: 1 ;
transition: all ease 2.5s ;
transition-delay: 0.7s ;
/* border: 1px solid aqua !important; */
}
/* (new177) */
.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 ;
}
/* (new177) */
.sub-photo-contexts-view .sub-photo-context .context-list li {
position: relative ;
display: inline-block ;
float: none ;
width: 265px ;
height: 50px ;
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;
}
.sub-photo-contexts-view .sub-photo-context-groups .context-list li .thumbnail {
margin-right: 20px;
border-radius: 0 ;
}
.sub-photo-view .sub-photo-albums-view .context-list li .title ,
.sub-photo-view .sub-photo-context-groups .context-list li .title {
min-width: 67% !important;
max-width: 67% !important;
}
/* (new169) ALB LIST */
.sub-photo-contexts-view .sub-photo-context-albums ul.context-list:hover {
max-height: 338px !important;
z-index: 500000 !important;
/* background: #111 !important; */
}
/* PHO - 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 ;
}
/* PHO - CONTEXT LIST - ALB */
.sub-photo-albums-view:not(:empty) {
max-height: 253px !important;
margin-top: -50px ;
margin-bottom: 10px ;
/* border: 1px solid aqua !important; */
}
.sub-photo-contexts-view .sub-photo-context.empty p:last-child {
margin-top: 0;
text-align: right;
}
.sub-photo-contexts-view .sub-photo-albums-view ul.context-list {
min-height: 66px ;
max-height: 66px ;
margin-top: 10px ;
overflow-x: hidden ;
overflow-y: auto ;
}
/* PHO - CONTEXT LIST - GAL */
.sub-photo-galleries-view:not(.empty) {
max-height: 105px !important;
margin-top: -39px ;
margin-bottom: -5px ;
}
.sub-photo-galleries-view:not(.empty) ul.context-list {
position: relative ;
width: 505px ;
min-height: 66px ;
max-height: 66px ;
margin-top: 10px;
margin-bottom: -22px ;
padding: 2px 0 0 1px ;
overflow-x: hidden ;
overflow-y: auto ;
}
.sub-photo-galleries-view ul.context-list:hover {
max-height: 300px !important;
margin-top: 10px;
}
.sub-photo-context.sub-photo-context-galleries .context-list li .title {
max-width: 140px ;
}
/* (new165) PHO - POLL LIST - POOL AC INVIT BUT */
.sub-photo-contexts-view .sub-photo-context .context-list li button.accept-invite {
display: inline-block ;
vertical-align: top;
height: 15px ;
line-height: 14px ;
padding: 0 5px ;
opacity: 0.4 ;
}
.sub-photo-contexts-view .sub-photo-context .context-list li button.accept-invite:hover {
opacity: 1 !important;
}
/* (new181) PHO - CONTEXT LIST - DEL IMG - ALL POOLS */
.sub-photo-contexts-view .sub-photo-context .context-list li .remove ,
.sub-photo-contexts-view .sub-photo-context .context-list li:hover .remove {
position: absolute ;
height: 15px ;
width: 15px ;
margin-top: 30px ;
margin-right: 0px ;
border: 2px solid red ;
border-radius: 10px ;
z-index: 100 ;
transform: scale(1.2) ;
background: rgba(0, 0, 0, 0.78) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -541.4px -156px ;
background-color: red !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li .remove {
display: inline-block !important;
opacity: 0.6 !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li:hover .remove {
opacity: 1 !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li .remove:hover:before {
content: "Delete \A Image" ;
position: fixed ;
display: inline-block ;
width: 100% ;
min-width: 40px ;
max-width: 40px ;
line-height: 8px ;
top: -10px ;
left: -18px ;
padding: 2px ;
border-radius: 5px ;
text-align: center ;
font-weight: 600 ;
font-size: 10px ;
opacity: 1 ;
z-index: 0 ;
z-index: 500 ;
background: red ;
}
/* PHO - CONTEXT LIST - REMOVE INVIT - ALL POOL */
.sub-photo-contexts-view .sub-photo-context .context-list li .cancel-invite {
opacity: 0.6 ;
}
.sub-photo-contexts-view .sub-photo-context .context-list li:hover .cancel-invite {
opacity: 1 ;
}
.sub-photo-contexts-view .sub-photo-context .context-list li .cancel-invite {
position: absolute ;
height: 15px ;
width: 15px ;
top: 40px ;
right: 10px ;
border-radius: 10px ;
font-size: 0px ;
z-index: 500000 !important;
cursor: pointer ;
transform: scale(1.2) ;
border: 2px solid green !important;
background: rgba(0, 0, 0, 0.78) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -541px -156px ;
background-color: green !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li.cancel-invite:hover {
height: 10px ;
width: 10px ;
top: 50px ;
z-index: 2500 !important;
border: 2px solid yellow !important;
background-color: yellow !important;
}
.sub-photo-contexts-view .sub-photo-context .context-list li .cancel-invite:hover:before {
content: "Remove \A Invte" ;
position: fixed ;
display: inline-block ;
width: 100% ;
min-width: 40px ;
max-width: 40px ;
line-height: 8px ;
top: -10px ;
left: -18px ;
padding: 2px ;
border-radius: 5px ;
text-align: center ;
font-size: 10px ;
opacity: 1 ;
z-index: 500 ;
background: peru ;
}
/* PHO - CONTEXT LIST - MORE - POOL */
.sub-photo-contexts-view .sub-photo-context .view-all-contexts-of-type {
position: fixed ;
display: inline-block ;
width: 15px ;
height: 15px ;
line-height: 4px ;
top: 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 ;
}
/* (new177) PHOTO - POOL EMPTY */
.sub-photo-contexts-view .sub-photo-context-groups.empty {
display: inline-block ;
height: 15px ;
line-height: 15px ;
min-width: 565px !important;
max-width: 565px !important;
right: 77px !important;
margin: 38px 0 29px -7px ;
padding: 1px 10px ;
text-align: left ;
z-index: 10 ;
border: 1px solid green !important;
}
.sub-photo-contexts-view .sub-photo-context-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 ;
}
/* (new164) ADAP LANG */
html[lang="ko-kr"] .sub-photo-contexts-view .sub-photo-context-groups.empty p:first-child ,
html[lang="fr-fr"] .sub-photo-contexts-view .sub-photo-context-groups.empty p:first-child {
width: 345px ;
font-size: 14px !important;
}
html[lang="ko-kr"] .sub-photo-contexts-view .sub-photo-context-groups.empty p:last-child ,
html[lang="fr-fr"] .sub-photo-contexts-view .sub-photo-context-groups.empty p:last-child {
min-width: 140px;
max-width: 140px;
line-height: 13px !important;
}
/* (new164) LANG - NBR in POLL */
html[lang="ko-kr"] .sub-photo-contexts-view .sub-photo-context.sub-photo-context-groups h5 ,
html[lang="fr-fr"] .sub-photo-contexts-view .sub-photo-context.sub-photo-context-groups h5 {
font-size: 12px !important;
}
/* (new164) LANG - PRIVACY LABELS */
.html-photo-page-scrappy-view:not([lang="en-us"]) .sub-photo-additional-info-view .ui-dropdown > .truncate {
font-size: 10px !important;
}
.html-photo-page-scrappy-view[lang="ko-kr"] span.flag-label ,
.html-photo-page-scrappy-view[lang="fr-fr"] span.flag-label{
font-size: 10px !important;
}
/* GALL - EMPTY */
.sub-photo-contexts-view .sub-photo-context-galleries.empty {
display: inline-block ;
height: 15px ;
min-width: 562px !important;
max-width: 562px !important;
right: 80px !important;
margin-top: 35px ;
margin-left: -2px ;
margin-bottom: -20px ;
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 ;
}
/* (new177) PHO - ADDIT INFOS */
.sub-photo-additional-info-view:empty ,
.sub-photo-additional-info-view:not(:empty) {
position: relative !important;
display: inline-block ;
height: auto ;
min-width: 576px !important;
max-width: 576px !important;
right: 83px !important;
margin: 10px 0 0 0px !important;
padding: 5px 4px ;
border-radius: 5px ;
}
.sub-photo-additional-info-view:empty {
margin-top: 11px ;
padding: 5px 10px ;
}
.additional-info > h3 {
position: relative ;
display: inline-block ;
width: 559px ;
margin-bottom: -2px ;
margin-top: 0px ;
top: -5px ;
text-align: right !important;
}
/* (new176) PHO - ADDIT INFOS - PRiVACY ALL */
.sub-photo-additional-info-view .additional-info > li {
position: relative ;
float: right!important;
width: auto ;
min-width: 24.5% ;
max-width: 24.5% ;
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 #333 ;
}
.sub-photo-additional-info-view .label-container{
margin-left: 0px;
}
/* (new164) OUR PERMISS */
.sub-photo-additional-info-view .additional-info > li.c-charm-item-safetylevel .safety-container {
display: inline-block !important;
height: 25px;
line-height: 25px;
width: 85% !important;
background: #111 !important;
}
/* LABEL ONE LINE */
.sub-photo-additional-info-view .c-charm-item-privacy .ui-dropdown > span.truncate ,
.sub-photo-additional-info-view .additional-info > li.c-charm-item-safetylevel .safety-container span.truncate{
height: 27px;
line-height: 22px !important;
}
.sub-photo-additional-info-view .additional-info > li.c-charm-item-safetylevel .safety-container div.ui-dropdown {
float: right;
width: 100% !important;
height: 25px;
top: 0;
}
.sub-photo-additional-info-view .additional-info > li div:last-of-type.ui-dropdown {
float: right !important;
width: 78% !important;
top: 0px !important;
background: #111 !important;
}
/* PHO - ADD INFOS - NORMAL + EDIT - 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 ,
.safety-label ,
.sub-photo-additional-info-view li span.privacy-label {
position: absolute !important;
display: inline-block !important;
width: 135px ;
margin-top: 0px ;
margin-left: -45px ;
border-radius: 5px ;
font-size: 10px !important;
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 .safety-label ,
.sub-photo-additional-info-view li:hover span.privacy-label {
height: 21px !important;
line-height: 10px !important;
margin-top: -24px ;
margin-left: -24px ;
opacity: 1 ;
transition: all ease 0.7s ;
color: gold !important;
border: 1px solid gray ;
background: #333 !important;
}
/* PHO - ADD INFOS - NORMALS + EDIT - DROPDOWN INFO LABEL */
.sub-photo-additional-info-view .ui-dropdown > .truncate {
position: relative ;
display: inline-block ;
min-width: 77% !important;
max-width: 77% !important;
vertical-align: middle ;
height: 100% ;
min-height: 27px ;
max-height: 27px ;
line-height: 12px ;
top: 1px ;
left: 2px ;
margin-right: 0px ;
font-size: 15px ;
white-space: normal ;
word-wrap: normal ;
}
/* (new164) PHO - PRIVACY ICONS - PUBLIC */
.sub-photo-additional-info-view .label-container i {
border-radius: 50% !important;
opacity: 0.30 !important;
background-color: #111 !important;
}
.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: 1 ;
border: 3px solid green !important;
background: #111 url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png) no-repeat scroll -199px -17px !important;
}
/* PRIVATE/FRIEND */
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfamily ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriends ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyprivate {
height: 17px ;
width: 17px ;
margin-left: 0px ;
margin-top: 0px ;
padding: 2px 2px 2.5px 2px ;
opacity: 0.6 !important;
background: #111 url(https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png) no-repeat scroll -198px -34px ;
border: 2px solid red !important;
}
/* 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: #111 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: #111 url("https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png") no-repeat scroll -198px -34px ;
border: 3px solid orange !important;
}
/* RESTR/FRI ONLY */
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriendsandfamily ,
.sub-photo-additional-info-view i.ui-icon-tiny-safety-2 {
display: inline-block ;
height: 17px ;
width: 17px ;
margin-left: 0px ;
margin-top: 1px ;
padding: 2px 2px 2.5px 2px ;
opacity: 0.6 ;
background: #111 url("https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png") no-repeat scroll -198px -34px ;
border: 2px solid red !important;
}
/* (new164) REWORK LABELS */
.additional-info [class$="safety-container"] ,
.additional-info span[class$="-value"] {
display: inline-block ;
height: 25px !important;
line-height: 25px !important;
width: 100% !important;
text-align: center !important;
background: #111 !important;
}
/* (new165) FRI + FAM */
.sub-photo-additional-info-view .additional-info .c-charm-item-privacy span[class$="-value"]{
font-size: 13px !important;
}
/* (new164) FLAG */
.sub-photo-additional-info-view i.ui-icon-tiny-flag-photo {
height: 19px ;
width: 17px ;
margin: 0 -1px 0 2px !important;
padding: 2px 0px 0px 4px ;
border-radius: 50% !important;
opacity: 0.3 ;
background: rgba(18, 180, 177, 0.32) url("https://combo.staticflickr.com/ap/build/images/sprites/scrappy-0df0b38d.png") no-repeat scroll -169px -118px ;
border: 2px solid gray !important;
}
/* (new164) FLAG */
.sub-photo-additional-info-view li .flag-photo {
width: 100% !important;
text-align: center !important;
}
span.flag-label{
float: right ;
height: 25px !important;
line-height: 25px !important;
width: 77% !important;
text-align: center !important;
background: #111 !important;
}
/* (new186) SAFETY - INDICATOR */
.sub-photo-additional-info-view i.ui-icon-tiny-privacyprivate:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriendsandfamily:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-safety-2:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-safety-1:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-safety-0:before {
content: " " !important;
position: fixed !important;
display: inline-block !important;
height: 12px ;
width: 12px ;
line-height: 12px ;
top: 174px !important;
right: 554px !important;
border-radius: 50% !important;
font-style: normal;
font-size: 10px !important;
text-align: center ;
opacity: 1 !important;
color: white !important;
}
/* indicator - PRIVATE / FAMILY */
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriendsandfamily:before ,
.sub-photo-additional-info-view i.ui-icon-tiny-privacyprivate:before {
height: 8px !important;
width: 8px !important;
line-height: 8px ;
right: 550px !important;
top: 168px !important;
font-size: 8px !important;
opacity: 1 !important;
background: red !important;
border: 2px solid tomato !important;
}
.sub-photo-additional-info-view i.ui-icon-tiny-privacyfriendsandfamily:before {
content: "F" !important;
}
.sub-photo-additional-info-view i.ui-icon-tiny-privacyprivate:before {
content: "P" !important;
}
/* indicator - SAFE */
.sub-photo-additional-info-view i.ui-icon-tiny-safety-0:before {
content: "S" !important;
border: 2px solid green !important;
}
/* indicator - MOD */
.sub-photo-additional-info-view i.ui-icon-tiny-safety-1:before {
content: "M" !important;
border: 2px solid orange !important;
}
/* (new186) indicator - RESTR/FRI ONLY */
/* .sub-photo-additional-info-view i.ui-icon-tiny-privacyfriendsandfamily:before , */
.sub-photo-additional-info-view i.ui-icon-tiny-safety-2:before {
content: "R" !important;
border: 2px solid red !important;
}
/* PHO - ADD INFO - EDIT - ICONS */
/* 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;
}
/* PHO - 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 ;
}
/* PHO - ICON */
.sub-photo-contexts-view .sub-photo-context-groups .context-list li .thumbnail:before ,
.sub-photo-contexts-view .sub-photo-context-groups .context-list li .thumbnail:after {
box-shadow: none ;
transition: none 0s ease 0s ;
}
.sub-photo-view .circle-icon:after {
border: none ;
border-radius: 0 ;
}
.sub-photo-view .circle-icon {
border-radius: 0 ;
}
.sub-photo-view .circle-icon img {
border-radius: 0!important;
}
/* ==== 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 COL */
.additional-info > h3 ,
.sub-photo-additional-info-view:empty ,
.sub-photo-additional-info-view:not(:empty) ,
.sub-photo-contexts-view .sub-photo-context h5 ,
.sub-photo-right-view > .sub-photo-tags-view > .sub-photo-tags-people-view.empty h3 ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:last-of-type:not(:only-of-type):before ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:first-of-type:before ,
.sub-photo-left-view > .sub-photo-fave-view > .faved-by > .initial-faved-by-display a:not(:last-of-type):before ,
.sub-photo-left-view > .sub-photo-fave-view.faves-present ,
.sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc ,
.sub-photo-right-view > .sub-photo-right-row1 > .photo-license-view ul > li ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-date-view ,
.sub-photo-right-view > .sub-photo-right-row1 > .sub-photo-right-stats-view .show-more-stats ,
.sub-photo-comments-view {
text-decoration: none ;
color: gray ;
}
/* STYLE 1 == END == FLICKR - 1 NEW Photo Page + NOTES ==== */
/* STYLE 2 === START == FLICKR - 2 - 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;
}
/* (new176) FLUID - SEARCH PAGE - PEOP/POOL */
.result-card .button-content ,
.fluid.html-search-people-page-view .result-card .button-content {
position: absolute;
display: inline-block;
max-width: 150px !important;
left: -22px !important;
top: 60px !important;
border-radius: 2px 2px 5px 5px !important;
transform: scale(0.65) !important;
z-index: 2;
background: transparent !important;
}
.fluid.html-search-people-page-view .result-card button.follow:not(.is-following) {
padding-right: 30px !important;
position: relative;
border: none !important;
box-shadow: none !important;
text-shadow: none !important;
opacity: 0.6 !important;
}
.fluid.html-search-people-page-view .result-card button.follow:not(.is-following):hover {
opacity: 1 !important;
}
.fluid.html-search-people-page-view .result-card button.follow.is-following {
padding-right: 10px !important;
position: relative;
border: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
.fluid.html-search-people-page-view .result-card button.follow.is-following:hover {
padding-right: 34px !important;
position: relative;
border: 1px solid red !important;
}
.fluid.html-search-people-page-view .result-card button.follow.is-following .drop-icon {
position: absolute;
display: inline;
width: 30px;
right: 0;
top: 0;
padding-left: 0;
box-shadow: none !important;
opacity: 0 !important;
transition: opacity 0.3s ease 0s;
color: #128fdc;
}
.fluid.html-search-people-page-view .result-card button.follow.is-following:hover .drop-icon {
opacity: 1 !important;
transition: opacity 0.3s ease 0s;
}
/* FLUID - NEW ABOUT - USER POOL LIST */
/* NEW USER ABOUT - POOL LIST - TOP NAV */
.fluid.html-groups-list-page-view .fluid-subnav-shim {
height: 0 ;
margin-bottom: 6px ;
}
/* FLUID - BETA - POOL RECOM */
.recommended-groups-in-list h5:first-of-type {
height: 40px ;
line-height: 20px ;
margin-bottom: -13px !important ;
border-bottom: 1px dashed gray ;
}
.recommended-groups-in-list {
display: inline-block ;
position: fixed ;
width: 550px ;
top: 200px ;
right: -550px !important;
transition: right ease 0.5s !important;
border: 1px solid red;
}
.recommended-groups-in-list:hover {
transition: right ease 0.2s !important;
right: 0px !important;
background: black !important;
}
.recommended-groups-in-list::before {
content: "+ More....";
position: absolute;
display: inline-block ;
width: 80px;
top: 33px;
border-radius: 0 0 5px 5px;
left: -50px !important;
padding: 0 5px;
text-align: center;
transform: rotate(90deg) !important;
background: red !important;
}
.featured-groups {
margin: auto;
max-width: 500px ;
min-width: 500px ;
padding-top: 5px !important;
}
.featured-groups .recommended-groups {
display: inline-block ;
max-height: 600px !important;
width: 510px ;
margin-bottom: -9px ;
padding: 5px 5px 0 5px ;
overflow: hidden ;
overflow-y: auto ;
border-bottom: 1px dashed gray ;
}
.featured-groups .recommended-groups .recommended-group {
display: inline-block ;
height: 345px !important;
width: 510px;
margin: auto auto 20px;
padding-top: 0 !important;
background: #333 ;
}
.fluid.html-groups-list-page-view .result-card .button-content {
top: 0px !important;
}
.recommended-group .result-card.linked.reboot-restyle {
height: 78px ;
margin: 0;
width: 98% ;
}
.recommended-group .result-card.linked.reboot-restyle .avatar-content {
left: -5px !important;
top: -70px !important;
}
.featured-groups .recommended-groups .result-card .sizer-cropper {
height: 71px ;
}
.featured-groups .recommended-groups .result-card .text-content {
min-width: 350px ;
max-width: 350px ;
height: 56px ;
left: -5px ;
padding-left: 75px !important;
top: -157px ;
}
.featured-groups .recommended-groups .result-card .text-content .title {
max-width: 330px !important;
min-width: 330px !important;
}
.featured-groups .recommended-groups .result-card .click-anywhere {
height: 68px ;
}
/* NEW ABOUT - FOLL BUT */
.fluid .coverphoto-content .title-block-content .title .follow-view button,
.fluid .coverphoto-content .title-block-content .title .join-group-view button,
.fluid .coverphoto-content .title-block-content .title .curator-pass-over-view button {
height: 24px !important;
line-height: 24px ;
margin-left: 0px ;
margin-top: 3px !important;
}
.fluid .coverphoto-content .title-block-content .title .follow-view button:after,
.fluid .coverphoto-content .title-block-content .title .join-group-view button:after,
.fluid .coverphoto-content .title-block-content .title .curator-pass-over-view button:after ,
.fluid .coverphoto-content .title-block-content .title .follow-view button:before,
.fluid .coverphoto-content .title-block-content .title .join-group-view button:before,
.fluid .coverphoto-content .title-block-content .title .curator-pass-over-view button:before {
line-height: 28px !important;
margin-top: -3px ;
}
/* FLUID - POOL DISC - BR */
.fluid .group-discussion-topic-view .message-text>br {
content: "A" !important;
display: block !important;
margin-bottom: 4px !important;
}
/* POOL BETA - PEND MEMB/MEMB */
.fluid .group-members-admins-view {
margin-top: -48px !important;
}
/* POOL BETA - POOL TOP NAV BAR */
.fluid.html-group-pool-page-view .group-pool-page-view .fluid-magic-groups-subnav-view {
position: fixed;
display: inline-block;
height: 50px;
width: 100% !important;
top: 0px;
z-index: 100 !important;
background-color: rgba(45, 43, 43, 0.9) ;
}
.fluid.html-group-pool-page-view .group-pool-page-view .groups-toolbar-content {
margin-top: 0px ;
}
.fluid.html-group-discussions-list-page-view .groups-toolbar-view .groups-toolbar-content.fluid.html-group-discussions-list-page-view .groups-toolbar-view .groups-toolbar-content ,
.fluid.html-group-pool-page-view .group-pool-page-view .fluid-magic-groups-subnav-view + .fluid-centered.with-fluid-subnav group-pool-subheader-view {
height: 105px ;
margin-top: 0px ;
border-bottom: 1px solid gray ;
}
/* (new176) POOL BETA - TOP THUMB INFOS */
.fluid.html-group-pool-page-view .group-pool-subheader-view{
top: -10px !important;
}
.fluid.html-group-pool-page-view .group-pool-subheader-view .at-right {
position: fixed;
right: 500px !important;
top: 12px;
z-index: 500 !important;
}
/* FLUID - TOP HEAD - INFO - ALL */
.fluid-photostream-coverphoto-view {
height: 140px !important;
margin-bottom: 0px ;
border-bottom: 1px solid gray !important;
}
/* (new164) */
.fluid .coverphoto {
position: absolute !important;
display: inline-block !important;
min-width: 180px !important;
max-width: 180px !important;
height: 100% !important;
min-height: 85px;
max-height: 85px;
left: 10px !important;
top: 53px !important;
margin-top: 0 !important;
padding-top: 0px !important;
background-attachment: scroll;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain !important;
}
/* (new164) POOL BETA/ALB/LIST POOL/STREAM */
.fluid.html-photostream-page-view .coverphoto ,
.fluid.html-groups-list-page-view .coverphoto ,
.fluid.html-albums-list-page-view .coverphoto ,
.fluid.html-person-groups-page-view .coverphoto ,
.fluid.html-profile-page-view #content .coverphoto ,
.fluid.html-group-discussion-page-view .coverphoto ,
.fluid.html-group-discussions-list-page-view .coverphoto ,
.fluid.html-group-members-page-view .coverphoto ,
.fluid.html-group-home-page-view .coverphoto ,
.fluid.html-group-pool-page-view .coverphoto {
min-height: 75px;
max-height: 75px;
}
.fluid .group-blast-view.requiredToShowOnServer {
margin-top: 46px;
padding: 5px 20px !important;
}
/* new176) */
.html-empty-page-view #content .coverphoto-content.fluid-centered.desktop:not(.mobile) ,
html.fluid #content .coverphoto-content.fluid-centered:not(.mobile) {
position: absolute !important;
display: inline-block !important;
height: 80px;
width: 100% !important;
min-width: 1705px !important;
max-width: 1705px !important;
top: 5px !important;
left: 185px !important;
margin: 0 auto !important;
padding: 0px !important;
border-radius: 5px ;
border: 1px solid #333 !important;
}
.html-empty-page-view #content .coverphoto-content.fluid-centered.desktop:not(.mobile) {
min-width: 1720px !important;
max-width: 1720px !important;
}
html.fluid #content .coverphoto-content.fluid-centered.mobile {
display: none !important;
}
/* (new176) INFO CONTAINER + METATDATA - FAV - ALL */
.fluid .coverphoto.updates-flipped .coverphoto-content .info-container {
-moz-box-flex: 1;
flex: 1 1 auto;
margin-bottom: 0px !important;
}
.fluid .coverphoto.updates-flipped .coverphoto-content .info-container .metadata-container .metadata-left,
.fluid .coverphoto.updates-flipped .coverphoto-content .info-container .metadata-container .metadata-right {
margin-top: 5px !important;
}
/* (new176) POOL BETA/ALB/LIST POOL/STREAM */
.fluid.html-photostream-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-groups-list-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-albums-list-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-person-groups-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-profile-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-group-discussion-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-group-discussions-list-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-group-members-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-group-home-page-view #content .coverphoto-content.fluid-centered:not(.mobile) ,
.fluid.html-group-pool-page-view #content .coverphoto-content.fluid-centered:not(.mobile) {
height: 78px !important;
}
.fluid .coverphoto .coverphoto-content .cover-photo-attribution {
position: absolute;
display: inline-block !important;
height: 0px !important;
width: 180px !important;
left: -170px !important;
top: 67px !important;
}
.fluid .coverphoto:hover .coverphoto-content .cover-photo-attribution ,
.fluid .coverphoto .coverphoto-content:hover .cover-photo-attribution {
display: inline-block !important;
height: 20px !important;
width: 180px !important;
left: -185px !important;
top: 55px !important;
}
.fluid .coverphoto .coverphoto-content .cover-photo-attribution a {
display: inline-block !important;
height: 20px !important;
width: 180px !important;
text-align: center !important;
color: white !important;
background: black !important;
}
.fluid .coverphoto .coverphoto-content:hover .cover-photo-attribution a {
display: inline-block !important;
height: 20px !important;
width: 180px !important;
text-align: center !important;
color: white !important;
transition: all ease 0.7s !important;
background: rgba(0, 0, 0, 0.77) !important;
}
.fluid .coverphoto .coverphoto-content .cover-photo-attribution a:hover {
color: #b9d56e !important;
text-decoration: none !important;
}
/* FLUID - CAMERAROLL - TOP HEAD - INFO */
.html-cameraroll-page-view .fluid-photostream-coverphoto-view {
margin-bottom: -48px;
}
/* FLUID - AVATAR */
.fluid.html-group-pool-page-view .avatar ,
.fluid.html-group-pool-page-view .avatar.no-menu.group.large.no-edit {
top: 14px !important;
border-radius: 0 !important;
border: none !important;
}
.fluid .avatar.large {
height: 50px !important;
width: 50px !important;
top: 14px !important;
}
.fluid .avatar.person {
border-radius: 0 ;
}
.fluid .coverphoto-content .avatar .edit {
position: absolute;
width: 50px !important;
height: 50px !important;
top: 0px !important;
padding-top: 0 !important;
color: white;
}
.fluid .coverphoto-content .avatar .edit .edit-icon {
top: 6px !important;
}
.group-top-contributors-dropdown-view.ui-dropdown.top-contribs > ul .avatar {
top: 0px !important;
}
/* FLUID - TOP HEAD - PHO - 5 MATCHS - ALL - PHO/POOL BETA HOME */
html.fluid.html-group-home-page-view #content[style="padding-bottom: 111px;"] {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: auto !important;
padding-bottom: 151px !important;
}
html.fluid.html-group-home-page-view #content[style="padding-bottom: 111px;"] .main.fluid-centered {
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
margin-top: 14px !important;
}
html.fluid.html-group-home-page-view #content[style="padding-bottom: 111px;"] .main.fluid-centered .view.group-blast-view{
height: auto !important;
margin-top: 51px !important;
}
html.fluid.html-group-pool-page-view #content .fluid-centered.with-fluid-subnav ,
html.fluid.html-group-home-page-viewt #content .main.fluid-centered ,
html.fluid.html-photo-page-scrappy-view #content .fluid-centered {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
min-height: 100% !important;
margin-top: 0px !important;
left: 0 !important;
right: 0 !important;
padding-left: 0px !important;
padding-right: 0px !important;
}
html.fluid.html-group-pool-page-view #content .fluid-centered.with-fluid-subnav ,
html.fluid.html-group-home-page-viewt #content .main.fluid-centered {
margin-top: 117px !important;
}
/* (new176) FLUID - TOP HEADER - ALB/SET */
.album-header-view > .album-header-content ,
.album-header-view.justified-transitions > .album-header-content {
height: 300px !important;
}
.album-page-view .album-toolbar-view > .album-toolbar-content > .justified:not(.selected),
.album-page-view .album-toolbar-view > .album-toolbar-content > .justified.selected,
.album-page-view .album-toolbar-view > .album-toolbar-content > .story:not(.selected) ,
.album-page-view .album-toolbar-view > .album-toolbar-content > .story.selected {
width: 18px !important;
height: 18px !important;
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-32dc0fa1.png") no-repeat scroll -238px -512px !important;
background-color: transparent !important;
/* border: 1px solid yellow !important; */
}
.album-page-view .album-toolbar-view > .album-toolbar-content > .justified:not(.selected) {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-32dc0fa1.png") no-repeat scroll -170px -476px !important;
/* border: 1px solid tan !important; */
}
.album-page-view .album-toolbar-view > .album-toolbar-content > .justified.selected {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-32dc0fa1.png") no-repeat scroll -189px -476px !important;
/* border: 1px solid tomato !important; */
}
.album-page-view .album-toolbar-view > .album-toolbar-content > .story.selected {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-32dc0fa1.png") no-repeat scroll -237px -512px !important;
/* border: 1px solid red !important; */
}
.album-page-view .album-toolbar-view > .album-toolbar-content > .story:not(.selected) {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-32dc0fa1.png") no-repeat scroll -254px -512px !important;
/* border: 1px solid aqua !important; */
}
/* FLUID - TOP HEADER - CAMERAROLL */
.cameraroll-page-view .height-controller {
padding: 0 0 0 150px ;
}
/* (new164) FLUID - TOP HEADER + THUMBNAIL - ALL */
.fluid .title-block-content {
position: relative ;
display: inline-block !important;
height: 85px !important;
margin-top: 0px !important;
top: 0px !important;
padding-left: 0px !important;
}
.fluid .coverphoto-content .title-block-content {
display: inline-block !important;
width: 94% !important;
height: 84px !important;
top: -64px !important;
padding-left: 70px !important;
}
.fluid .coverphoto-content .metadata-flexer .subtitle.metadata-spacer {
display: inline-block !important;
max-width: 238px !important;
}
/* (new164) POOL BETA */
.fluid.html-group-discussion-page-view .coverphoto-content .title-block-content ,
.fluid.html-group-discussions-list-page-view .coverphoto-content .title-block-content ,
.fluid.html-group-members-page-view .coverphoto-content .title-block-content ,
.fluid.html-group-home-page-view .coverphoto-content .title-block-content ,
.fluid.html-group-pool-page-view .coverphoto-content .title-block-content {
height: 70px !important;
width: 94%;
}
.fluid .coverphoto-content .title-block-content .title.title-link-included .join-group-view {
right: 3px !important;
padding: 0 2px;
background: #222;
}
/* PEND PHOT */
.fluid .coverphoto-content .title-block-content .title.title-link-included + .metadata-flexer .metadata-item:last-of-type {
position: relative !important;
display: inline-block !important;
width: 500px !important;
right: -60px !important;
text-align: right ;
}
/* (new164) POOL BETA */
.fluid.html-group-pool-page-view .coverphoto-content .title-block-content .title.title-link-included + .metadata-flexer .metadata-item:last-of-type {
right: 15px !important;
text-align: center ;
}
/* (new164) FAVS - PB NEED BORDER ? */
.fluid.html-favorites-page-view .coverphoto-content .title-block-content {
position: relative !important;
display: inline-block !important;
width: 92% !important;
height: 83px !important;
right: 0px !important;
border: 1px solid #222 ;
}
.fluid .coverphoto-content .title-block-content .title {
display: inline-block;
height: 40px !important;
width: 100% ;
}
/* (new164) */
.fluid .coverphoto-content .title-block-content .title h1 {
display: inline-block;
max-width: 630px;
min-width: 630px;
height: 50px !important;
line-height: 50px !important;
margin-top: -10px !important;
margin-bottom: -30px !important;
padding: 0 !important;
font-size: 22px !important;
z-index: 50000;
}
/* (new164) */
.fluid .coverphoto-content .send-flickr-mail {
position: absolute !important;
display: inline-block;
min-width: 18px ;
max-width: 18px ;
height:18px ;
line-height: 10px !important;
top: 30px !important;
left: 32px ;
padding: 0px ;
border-radius: 100% ;
text-align: center ;
border: 1px solid #222 ;
}
.fluid .coverphoto-content .send-flickr-mail svg.icon {
height: 18px;
width: 18px;
margin-left: -1px;
margin-top: -1px;
}
.fluid .coverphoto-content .title-block-content .group-statistics {
display: inline-block !important;
/* float: left !important; */
height: 20px !important;
margin-top: 0px !important;
z-index: 5000 !important;
}
.with-fluid-subnav .group-pool-subheader-view > .at-right,
.group-pool-subheader-view .at-right {
top: 12px !important;
right: 70px !important;
}
/* (new164) */
.fluid.html-group-pool-page-view .group-pool-subheader-view h2 {
position: relative ;
display: inline-block ;
height: 35px ;
width: 100% ;
margin: 73px 0 0 0 ;
top: -47px;
right: 0px ;
font-size: 20px ;
text-align: center ;
}
/* (new176) */
.fluid.html-group-pool-page-view .with-fluid-subnav .group-pool-subheader-view > .butt {
position: fixed;
top: 0px !important;
right: 330px !important;
z-index: 5000 ;
}
.fluid.html-group-pool-page-view .with-fluid-subnav .group-pool-subheader-view > .butt:hover {
border: 1px solid red !important;
}
.fluid button.follow.white {
margin-top: 10px !important;
}
.follow.is-following.white {
margin-top: 10px !important;
}
.fluid .coverphoto-content .metadata-content {
right: -135px !important;
top: 25px !important;
}
/* 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 - SECOND TOOL CON - ALL */
.fluid .fluid-magic-tools-view .secondary-tools {
position: absolute;
width: 15% !important;
height: 32px;
line-height: 32px;
top: -37px !important;
right: 144px !important;
padding: 0 5px !important;
}
/* FLUID - TOP HEAD - FLUID MAGIC TOOL - STR/FAV - (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 .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 .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 {
position: absolute !important;
width: 120px !important;
left: 1400px !important;
margin-top: 0;
}
.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 .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;
}
/* (new164) */
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools {
width: 110px !important;
left: 0px !important;
top: -35px !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 - STR - MAGIC - FILTERS - (cf GM "STIG")- SORT by */
.fluid.html-photostream-page-view .fluid-magic-tools-view {
width: auto !important;
max-width: 550px !important;
height: 15px !important;
top: 52px !important;
left: 200px !important;
background: transparent !important;
}
.fluid.html-photostream-page-view .fluid-magic-tools-view .fluid-magic-toolbar {
display: inline-block !important;
height: 15px !important;
width: 300px !important;
}
.fluid.html-photostream-page-view .photostream-filter-tools-view.primary-tools {
height: 15px !important;
margin-left: 0px !important;
}
.fluid.html-photostream-page-view .fluid-magic-tools-view .fluid-magic-toolbar:hover {
background: black !important;
}
.fluid.html-photostream-page-view.is-old-windows .fluid-magic-tools-view .primary-tools-container{
width: auto !important;
height: 15px !important;
margin-left: 0px !important;
}
.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 {
height: auto !important;
margin-bottom: 0px;
margin-top: 0px;
padding: 5px 30px;
}
.fluid.html-group-home-page-view .group-blast-view > .blast-block > .blast-message {
height: auto !important;
margin-top: 0;
}
.fluid.html-group-home-page-view .group-blast-view > .blast-block > .blast-message .blast-message-display {
max-width: 80%;
}
/* FLUID - BETA POOL - HOME PAGE */
.fluid.html-group-home-page-view .group-pool-preview-view {
height: auto !important;
}
.html-group-home-page-view .with-fluid-subnav .group-pool-preview-view h2 {
width: 100% ;
height: 36px ;
margin-top: 0px ;
}
.html-group-home-page-view .with-fluid-subnav .group-pool-preview-view h2 > a {
display: inline-block ;
width: 100% ;
}
/* (new164) */
.html-group-home-page-view .with-fluid-subnav .group-pool-preview-view .add {
position: fixed;
display: inline-block ;
height: 20px;
line-height: 20px;;
right: 760px;
top: 60px !important;
z-index: 50000 !important;
}
/* (new178) POOL BETA - PEND MEMB/PHOT */
.fluid.html-group-home-page-view .notification-block.move-to-top {
position: fixed;
display: inline-block;
width: 400px;
left: 1048px;
margin-top: 0;
top: 14px;
padding: 0;
border-radius: 5px ;
border: none ;
text-align: center ;
z-index: 5000 !important;
background: green !important;
}
/* FLUID - TOP HEAD - USER INFOS - CONT */
.fluid-magic-subnav-view.requiredToShowOnServer {
display: inline-block !important;
}
/* STREAM - FIX SEARCH PB - cf GM "STIG" */
.fluid.html-photostream-page-view {
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 body {
position: absolute !important;
display: inline-block !important;
width: 99.9% !important;
left: 0 !important;
right: 0 !important;
}
/* (new182) BETA - FAV / POOL BETA / ALB/SET / GALL - MODAL - ADD POOL /GAL */
.fluid.html-album-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] ,
.fluid.html-group-home-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] ,
.fluid.html-group-pool-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] ,
.fluid.html-favorites-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] {
width: 600px !important;
min-height: 286px !important;
max-height: 286px !important;
margin-top: 0px;
/* border: 1px solid aqua !important; */
}
.fluid.html-album-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .body .content,
.fluid.html-group-home-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .body .content ,
.fluid.html-group-pool-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .body .content,
.fluid.html-favorites-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .body .content {
padding: 0 !important;
}
.fluid.html-album-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ,
.fluid.html-group-home-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ,
.fluid.html-group-pool-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ,
.fluid.html-favorites-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container {
height: 200px !important;
}
.fluid.html-album-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ol.stuff-selection-list ,
.fluid.html-group-home-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ol.stuff-selection-list ,
.fluid.html-group-pool-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ol.stuff-selection-list ,
.fluid.html-favorites-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ol.stuff-selection-list {
height: 200px !important;
overflow-x: hidden;
overflow-y: auto;
}
/* (new181) FEEDS / GAL /PHOTOSTREAM - MODAL - ADD POOL /GAL */
.fluid.html-feed-new-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] ,
.fluid.html-photostream-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] ,
.fluid.html-gallery-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] {
width: 600px !important;
min-height: 380px !important;
max-height: 380px !important;
margin-top: 0px;
z-index: 50000000 !important;
/* border: 1px solid yellow !important; */
}
.fluid.html-feed-new-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ,
.fluid.html-photostream-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ,
.fluid.html-gallery-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container {
height: 295px !important;
/* border: 1px solid aqua !important; */
}
.fluid.html-feed-new-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ol.stuff-selection-list ,
.fluid.html-photostream-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ol.stuff-selection-list ,
.fluid.html-gallery-page-view .droparound.subview-droparound.auto-size[style^="width: 400px;"] .stuff-selection .stuff-selection-list-container ol.stuff-selection-list {
height: 290px !important;
overflow-x: hidden;
overflow-y: auto;
}
/* SEAR FAV */
.fluid.html-favorites-page-view .favorites-page-view .global-nav-view ul.gn-tools {
position: absolute !important;
display: inline-block !important;
max-width: 300px;
min-width: 300px;
height: 28px !important;
top: 3px !important;
padding: 0;
z-index: 5000 !important;
}
.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 > .fluid-magic-search-view.closed ,
.fluid .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view ,
.fluid .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view.closed {
position: fixed !important;
margin-left: 0px;
right: 300px !important;
top: 0 !important;
z-index: 5000000 !important;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view.closed ,
.fluid .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view.closed {
position: fixed !important;
margin-left: 0px;
right: 250px !important;
top: 5px !important;
z-index: 5000000 !important;
}
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .fluid-magic-search-view.closed a.search-toggle span.active:before ,
.fluid.html-favorites-page-view .fluid-magic-tools-view .secondary-tools > .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 .favorites-page-view .global-nav-view .global-nav.search-open .gn-tools .gn-search-box {
position: fixed !important;
height: 33px;
right: 180px !important;
top: 10px !important;
z-index: 5000000 !important;
}
.favorites-page-view .global-nav-view ul.gn-tools .search-autosuggest-field-view {
position: relative;
width: 220px;
margin-top: -5px !important;
}
.favorites-page-view .global-nav-view ul.gn-tools .search-autosuggest-field-view:before {
content: " " ;
position: fixed ;
display: inline-block ;
width: 21px ;
height: 21px ;
top: 22px ;
right: 50px ;
margin: 0 ;
padding-top: 0px ;
font-size: 15px ;
z-index: 1 ;
background: rgba(220, 23, 23, 0) url("https://s.yimg.com/ap/build/images/sprites/icons-938e2840.png") no-repeat scroll -473px -279px ;
}
html.html-favorites-page-view #content .fluid-magic-subnav-view .fluid-subnav {
position: fixed !important;
top: 0;
left: 0px !important;
}
html.html-favorites-page-view #content {
left: 450px !important;
}
html.html-favorites-page-view #content .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;
}
/* (new178) FLUID (cf BETA) - FAV/ALB - THUMB */
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view {
opacity: 1 !important;
}
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view .interaction-bar {
opacity: 0.5 !important;
}
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view:hover .interaction-bar {
opacity: 1 !important;
transition: opacity ease 0.7s !important;
}
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view:hover,
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view.manual-hover ,
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view:hover,
.fluid:not(.html-photostream-edit-page-view) .photo-list-photo-view .interaction-view.manual-hover {
background-image: none !important;
}
/* A VOIR NOT PHO STREA - FROM FAV SMALL */
.fluid:not(.html-photostream-edit-page-view) #content .photo-list-view .photo-list-photo-view .photo-list-photo-interaction {
position: relative;
width: 100%;
height: 100%;
cursor: pointer;
opacity: 1 !important;
}
.fluid:not(.html-photostream-edit-page-view) #content .photo-list-view .photo-list-photo-view .photo-list-photo-interaction a.overlay {
left: 0;
outline: 1px solid transparent;
border: none ;
}
.fluid:not(.html-photostream-edit-page-view) #content .photo-list-view .photo-list-photo-view .photo-list-photo-interaction: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 .photo-list-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 .engagement .engagement-item {
color: gray ;
}
.photo-list-photo-interaction .interaction-bar .text .title,
.photo-list-photo-interaction .interaction-bar .text .attribution {
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
margin: 2px 0 0;
margin-bottom: 8px ;
text-align: center !important;
z-index: 2;
overflow: hidden;
text-shadow: none !important;
color: peru !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;
}
/* (new173) 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: nowrap !important;
opacity: 1 !important;
}
.photo-list-photo-interaction:hover .interaction-bar:hover .text .attribution:hover a[id^="CFS"] span:first-of-type:not(.avatar) {
border-radius: 2px 0 0 2px;
display: inline-block;
min-width: 0px;
padding: 2px 2px !important;
white-space: nowrap !important;
opacity: 1 !important;
}
.photo-list-photo-interaction .interaction-bar .text .title {
text-align: center !important;
color: gold !important;
}
.photo-list-photo-interaction .interaction-bar .engagement {
position: absolute !important;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
height: 15px !important;
line-height: 10px !important;
left: 0 !important;
bottom: 0 !important;
font-size: 14px;
text-align: center !important;
}
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item ,
.engagement-item.fave.last ,
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item .engagement-count.empty,
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item .engagement-count.hidden ,
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.hidden {
display: inline-flex !important;
height: 15px !important;
line-height: 15px !important;
}
.photo-list-photo-interaction .interaction-bar .engagement:hover .engagement-item ,
.photo-list-photo-interaction .interaction-bar:hover .engagement .engagement-item {
cursor: pointer;
display: inline-flex !important;
}
/* POOL NO BETA - VISIT */
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .overlay ,
.photo-list-photo-interaction a.overlay {
opacity: 1 !important;
outline: 1px solid gray !important;
}
.photo-list-photo-interaction a.overlay:visited ,
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .overlay:visited {
outline: 1px solid green !important;
}
/* 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;
z-index: 20 !important;
}
.fluid .fluid-subnav.fixed {
position: fixed !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 - FAV/FAV MY */
.html-favorites-page-view .fluid-magic-tools-view + .fluid-centered {
max-width: 100% !important;
margin-top: 27px;
padding: 0 10px !important;
}
/* (new168) LEFT solve PROBLEM when ONLY ONE FAV ? */
.favorites-page-view .fluid-magic-tools-view + .fluid-centered ,
.favorites-page-view.requiredToShowOnServer .fluid-magic-tools-view.requiredToShowOnServer + .fluid-centered {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
left: 1418px !important;
margin-top: -70px !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;
}
/* (new178) POOL BETA ON - POOL THUM/MEMB */
.fluid.html-group-members-page-view .fluid-group-coverphoto-view ,
.fluid .group-pool-page-view .fluid-group-coverphoto-view {
position: sticky;
top: -130px;
height: 140px;
z-index: 1;
border-bottom: 1px solid gray ;
}
html.fluid.html-group-pool-page-view #content .fluid-centered.with-fluid-subnav {
margin-top: -100px !important;
}
/* (new164) */
.fluid.html-group-pool-page-view .photo-list-view {
display: inline-block ;
width: 96% ;
height: auto !important;
min-height: 900px !important;
max-height: 2474px !important;
padding-top: 8px ;
padding-left: 70px ;
margin-top: 0px ;
border-bottom: 1px solid red !important;
}
.fluid.html-group-pool-page-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;
}
.photo-list-photo-interaction:hover .interaction-bar {
background: rgba(0, 0, 0, 0.74) ;
border-top: 1px solid #5a5a5a;
}
/* (new178) */
.fluid.html-group-pool-page-view .photo-list-view .photo-list-photo-view .extra-tool {
opacity: 0.02 !important;
}
.fluid.html-group-pool-page-view .photo-list-view .photo-list-photo-view:hover .extra-tool {
opacity: 1 !important;
}
.fluid.html-group-pool-page-view .photo-list-view .photo-list-photo-view .remove-photo {
width: 20px;
height: 20px;
margin-right: 5px;
margin-top: 1px;
transform: scale(0.7);
background: rgba(0, 0, 0, 0.53) ;
transition: all ease 0.7s ;
}
.fluid.html-group-pool-page-view .photo-list-view .photo-list-photo-view:hover .remove-photo {
transform: scale(0.9);
background: red ;
}
/* TOP NAV - POOL BETA/NO BETA - BETA SEARC (HOVER)/BETA SHARE/DISC/TOP CONTRIB/RULES/ADD INFO */
#global-nav #gn-wrap.gn-wrap .search-icon.fluid.html-group-home-page-view .group-home-page-view .with-fluid-subnav .group-pool-preview-view ul.pool-overview-actions li .search-icon {
position: fixed;
right: 270px !important;
top: 30px;
z-index: 500 !important;
outline: 1px solid yellow !important;
}
.fluid.html-group-home-page-view .group-home-page-view .with-fluid-subnav .group-pool-preview-view ul.pool-overview-actions li .search-icon {
position: fixed;
right: 20px !important;
top: 5px;
z-index: 500 !important;
opacity: 0 !important;
outline: 1px solid violet !important;
}
/* POOL BETA - for BETA SEARC (HOVER)/BETA SHA/DISC/TOP CONTRIB/RULES /ADDI INFO */
.fluid.html-group-home-page-view .groups-toolbar-view .groups-toolbar-share-content{
height: 20px ;
margin-top: 10px;
right: 10px;
}
/* POOL BETA - HOME */
.fluid.html-group-home-page-view .group-blast-view .blast-empty .empty-state{
margin-top: 0 ;
padding-top: 0 ;
}
.fluid.html-group-home-page-view .group-discussion-view ,
.fluid.html-group-home-page-view .group-top-contributors-view ,
.fluid.html-group-home-page-view .additional-info ,
.fluid.html-group-home-page-view .group-rules ,
.fluid.html-group-home-page-view .group-description {
float: left !important;
width: 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 .group-top-contributors-view {
margin-left: 0px;
}
/* FLUID - POOL - HOME - 5 INFOS BLOCKS - LAST ONE NO MARGIN LEFT */
.fluid.html-group-home-page-view .group-rules +.additional-info {
margin-left: 0px;
}
/* BETA ON - AWAKE THUMB - FIRST VIEW after BETA */
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view ,
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake {
position:relative !important;
display: inline-block !important;
height: 100% !important;
min-height: 190px !important;
max-height: 190px !important;
width: 100% !important;
min-width: 153px !important;
max-width: 153px !important;
margin-left: 6px !important;
margin-right: 5px !important;
margin-bottom: 8px !important;
padding: 5px !important;
background-position: center center !important;
background-repeat: no-repeat;
transform: none !important;
}
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .photo-list-photo-interaction ,
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake .photo-list-photo-interaction {
height: 198px;
width: 161px;
right: 1px !important;
left: 0px !important;
}
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .interaction-view {
left: 0 !important;
right: 0 !important;
top: 0 !important;
}
/* POOL BETA - A SUPP ? */
.fluid.html-group-pool-page-view .group-pool-subheader-view:not(.requiredToShowOnServer) + .photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view .overlay {
opacity: 1 !important;
}
/* 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 .footer-full-view {
width: 100% !important;
margin-top: 720px;
}
/* FLUID - TAGS PAGE */
.fluid .tag-page-view .related-groups-view .result-cards .result-card .cover {
height: 145px !important;
margin-bottom: -147px !important;
opacity: 1 !important;
background-size: cover;
}
.fluid .tag-page-view .related-groups-view .result-cards .result-card .sizer-cropper {
position: relative;
display: inline-block !important;
height: 186px !important;
width: 364px !important;
top: 0px !important;
text-align: center !important;
}
.fluid .tag-page-view .related-groups-view .result-cards .result-card .avatar-content {
position: absolute !important;
display: inline-block !important;
height: 143px !important;
top: 0px !important;
left: 145px !important;
}
.fluid .tag-page-view .related-groups-view .result-cards .result-card .avatar-content a {
display: inline-block !important;
margin-top: 45px !important;
}
.fluid .tag-page-view .related-groups-view .result-cards .result-card .text-content {
position: relative !important;
display: inline-block !important;
min-width: 345px !important;
max-width: 345px !important;
top: 60px !important;
margin-left: -4px !important;
padding: 5px !important;
text-align: center !important;
overflow: hidden !important;
}
.fluid .tag-page-view .related-groups-view .result-cards .result-card .text-content .title {
position: relative !important;
display: inline-block !important;
min-width: 335px !important;
max-width: 335px !important;
height: 22px !important;
line-height: 26px !important;
text-align: center !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.fluid .tag-page-view .related-groups-view .view-more-link {
margin-top: -24px !important;
}
/* FLUID - ALB/SET */
.fluid .fluid-modal-view .album-full-description{
left: 50%;
margin-left: -866px !important;
margin-top: -336.5px !important;
max-height: inherit;
max-width: inherit;
overflow: visible;
top: 20%!important;
}
/* === SLIDESHOW === */
.slideshow-view {
z-index: 50000000 !important;
}
/* LIGHTBOX - CLOSE/SLIDE BUT */
#lightbox .hd {
top: 39px;
}
#ken-burns-mode .close-x {
top: 42px;
}
#lightbox.biggering-2013 .bottom-controls {
left: 1800px;
top: -100px !important;
margin-top: 40px !important;
}
#lightbox.biggering-2013 .bottom-controls:after {
content: "Play Slideshow" ;
margin-top: 0px ;
}
/* S.SHOW BUT */
.slideshow-bottom {
position: absolute ;
vertical-align: middle ;
bottom: -230px ;
left: 0 ;
}
/* S.SHOW BUT - POOL JU */
.ju.photo-display-container ~ .slideshow-bottom ,
.ju.photo-display-container + div + div + br + #paginator-module.Pages + #feeds + .slideshow-bottom {
position: fixed !important;
height: 26px;
line-height: 12px;
width: 54px;
bottom: 10px!important;
padding: 1px !important;
left: 6px !important;
text-align: center;
border-radius: 5px !important;
}
/* STYLE 2 == END == FLICKR - 2 - FLUID BETA ==== */
/* STYLE 3 == START - Hidden Top NavBar == */
/* (new168) ACCT POPUP */
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.user-account-card-droparound {
position: fixed !important;
display: inline-block !important;
min-width: 300px !important;
max-width: 300px !important;
left: 20px !important;
top: 45px !important;
opacity: 1 !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.user-account-card-droparound:not(:hover) ,
.fluid-droparound-view .user-account-card-droparound:not(:hover) {
max-height: 30px !important;
min-width: 300px !important;
opacity: 0.2 !important;
overflow: hidden !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.user-account-card-droparound:hover ,
.fluid-droparound-view .user-account-card-droparound:hover {
max-height: 240px !important;
min-width: 300px !important;
max-width: 300px !important;
opacity: 1;
overflow: hidden !important;
}
.fluid-droparound-view .user-account-card-droparound:not(hover) .greeting-section {
padding: 4px 20px 2px 20px !important;
opacity: 1;
overflow: hidden !important;
}
.user-account-card-view section.storage-section {
padding: 5px !important;
}
.user-account-card-droparound .droparrow.down {
left: 0;
}
.graph-container {
height: 30px;
}
.symbol.graph>canvas {
height: 29px !important;
width: 29px !important;
}
/* TOP NAV - BUD POPUP - IMAGE COVER - USAGE etc ... NEW MAIL- OTHERS */
#global-nav:hover .gn-account .account {
width: 33px;
height: 33px;
padding: 0;
border-radius: 50%;
overflow: hidden;
opacity: 1 !important;
outline: 1px solid peru !important;
}
#global-nav #gb-ac-panel.arrow_box::after ,
#global-nav #gb-ac-panel.arrow_box::before {
right: 275px ;
}
/* TOP NAV - YOU/REC ACT/CTS/POOL/GAL/HELP */
/* (new171) TOP NAV - YOU/EXPL/CREA - OTHERS */
#global-nav #gn-wrap .nav.small-logo {
min-width: 350px !important;
max-width: 350px !important;
height: 40px !important;
margin-left: 0px !important;
left: 55px !important;
}
#global-nav #gn-wrap .nav.small-logo .toplink {
height: 20px ;
top: 20px;
}
#global-nav #gn-wrap .nav.small-logo .toplink.gn-menu-parent[data-context="you"] {
margin-left: 100px !important;
}
#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 */
.groups-toolbar-content .groups-toolbar-share-content {
position: absolute ;
height: 26px;
right: 2px ;
margin-top: 37px ;
z-index: 500 ;
}
.group-pool-subheader-view .search-icon {
top: -38px ;
}
.group-pool-preview-view ul.pool-overview-actions li .search-icon{
position: absolute ;
top: -252px ;
right: -4px ;
}
/* TOP NAV - SEARC CONT INPUT - SEARC */
/* NORM */
.search-slender-advanced-panel-view .advanced-panel .quick-filter {
left: -600px !important;
}
.fluid.html-search-photos-unified-page-view .global-nav-view:not(:hover) .gn-search-box {
position: fixed !important;
top: -7px !important;
right: 160px !important;
}
.fluid.html-search-photos-unified-page-view .global-nav-view:hover .gn-search-box {
position: fixed !important;
margin-left: -10px !important;
top: 0px !important;
right: 130px !important;
}
.fluid.html-search-groups-page-view .global-nav-view:not(:hover) .gn-search-box {
margin-left: -200px ;
margin-top: 195px ;
}
.fluid.html-search-groups-page-view .global-nav-view:hover .gn-search-box {
margin-left: 0px !important;
margin-top: -45px !important;
}
.fluid.html-search-groups-page-view .global-nav-view:hover .search-autosuggest-field-view.expanded {
margin-left: 0px !important;
margin-top: 34px ;
}
.fluid.html-search-photos-unified-page-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 .global-nav-view:hover .search-autosuggest-field-view.expanded.focus {
margin-left: 0px !important;
margin-top: 33px !important;
}
/* TOP NAV - SEARCH HOVER / EXPANDED */
.fluid .global-nav-view:not(:hover) .search-autosuggest-field-view.expanded.focus {
position: relative;
width: 220px;
height: 33px;
top: 0px !important;
}
.fluid .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;
}
.search-photos-unified-page-view .global-nav-view:hover .global-nav .global-nav-container ul.gn-tools .gn-search-box form.search-form {
top: 17px !important;
}
/* TOP NAV - SEARC CLEAR BUT */
.fluid.html-search-photos-unified-page-view .global-nav-view ~ .search-subnav-slender-view .search-subnav-sizing.fluid-centered .search-subnav-content .tool.advanced-clear {
position: relative !important;
display: inline-block !important;
top: 15px !important;
right: -185px !important;
padding: 5px 20px !important;
border-radius: 3px !important;
z-index: 500 !important;
}
.fluid.html-search-photos-unified-page-view .global-nav-view:hover ~ .search-subnav-slender-view .search-subnav-sizing.fluid-centered .search-subnav-content .tool.advanced-clear {
top: -32px !important;
}
/* TOP NAV - SEARCH CONT - ALL */
.fluid .global-nav-view .global-nav .global-nav-content .global-nav-container .gn-tools ,
.global-nav .global-nav-content .global-nav-container .gn-tools ,
.global-nav .global-nav-content .gn-tools {
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 .global-nav-view:hover .global-nav .global-nav-content .global-nav-container .gn-tools ,
.fluid .global-nav-view:hover .global-nav .global-nav-content .global-nav-container .gn-tools {
position: absolute !important;
min-width: 300px !important;
max-width: 300px !important;
left: 1540px !important;
margin-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 - PHOT/ALB/SET / SEARCH */
.global-nav .global-nav-content .gn-tools.with-upload-icon .gn-search-box {
position: relative !important;
display: inline-block !important;
height: 25px !important;
line-height: 25px !important;
right: 20px;
margin-top: 5px !important;
}
/* TOP NAV - SEARCH FIELD - ALL */
.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: -104px !important;
top: 7px !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 .global-nav-view .search-autosuggest-field-view .search-autosuggest-items-list-view {
position: absolute;
width: 360px;
right: -40px !important;
top: 35px !important;
}
.fluid .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 - GAL / ALB - Not HOVER */
.fluid.html-album-page-view .global-nav-view:not(:hover) .global-nav .search-autosuggest-field-view .search-form .search-icon-button ,
.fluid.html-gallery-page-view .global-nav-view:not(:hover) .global-nav .search-autosuggest-field-view .search-form .search-icon-button {
position: fixed;
left: 230px !important;
right: 0px !important;
top: 190px !important;
}
/* TOP NAV - SEARCH ICON - FLUID ALB - Not HOVER */
.fluid.html-album-page-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 - POOL BETA - :not(:hover) / hover */
.fluid.html-group-pool-page-view .group-pool-page-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: 185px ;
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 ;
}
/* (new176) A VOIR */
.fluid.html-group-pool-page-view .group-pool-page-view .fluid-magic-groups-subnav-view + .fluid-centered.with-fluid-subnav .group-pool-subheader-view .search-icon {
position: fixed !important;
top: 14px;
opacity: 1 !important;
z-index: 500;
}
/* ==== TOP NAV - NEW BELL NOTIF MENU ==== */
/* (new174) TOP NAV - NOTIF BELL - ALL */
.toplink.notifications-icon-link ,
.notifications-menu-view {
position: absolute !important;
display: inline-block !important;
height: 30px !important;
line-height: 25px !important;
width: 28px !important;
margin-top: 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;
}
.global-nav-view .notifications-menu-view:hover ,
.global-nav-view:hover .notifications-menu-view {
margin-top: 0px !important;
top: 22px !important;
left: 534px !important;
transform: scale(0.7) !important;
opacity: 1 !important;
z-index: 50000 !important;
}
/* (new174) */
#global-nav.styleguide-global-nav .toplink.notifications-icon-link ,
.notifications-menu-view .gn-title.c-notifications-menu[aria-haspopup="true"][aria-expanded="false"] ,
.notifications-menu-view .gn-title.c-notifications-menu {
width: 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;
}
/* new174) */
.gn-tools .c-notification-icon .c-notification-unseencount:not(.hidden) ,
.c-notification-icon .c-notification-unseencount:not(.hidden) ,
.c-notification-icon .c-notification-unseencount:not(.hidden) {
position: absolute;
display: inline-block !important;
height: 17px !important;
line-height: 10px !important;
right: 0px !important;
top: 27px !important;
padding: 4px !important;
font-size: 15px !important;
opacity: 0.6 !important;
z-index: 5000 !important;
}
.gn-tools:hover .c-notification-icon .c-notification-unseencount:not(.hidden) ,
.c-notification-icon .c-notification-unseencount:not(.hidden):hover ,
.c-notification-icon:hover .c-notification-unseencount:not(.hidden) {
position: absolute;
display: inline-block !important;
height: 20px !important;
line-height: 10px !important;
right: 0px !important;
top: 27px !important;
padding: 4px !important;
font-size: 19px !important;
opacity: 1 !important;
}
.notifications-menu-view .gn-title.c-notifications-menu[aria-haspopup="true"][aria-expanded="false"][ aria-label="Notifications"] .c-notification-icon {
height: 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;
}
/* (new174) */
.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;
}
/* (new180) cf POOL NO BETA */
#global-nav.styleguide-global-nav .toplink.notifications-icon-link {
margin-top: 0px !important;
top: 40px !important;
right: -23px !important;
opacity: 0.6 !important;
z-index: 5000000 !important;
}
#global-nav.styleguide-global-nav:hover .toplink.notifications-icon-link {
top: -15px !important;
right: 0px !important;
opacity: 1 !important;
}
#global-nav.styleguide-global-nav .toplink.notifications-icon-link:hover {
opacity: 1 !important;
}
#global-nav.styleguide-global-nav .notifications-icon {
top: -11px !important;
left: -7px !important;
}
#global-nav.styleguide-global-nav .toplink.notifications-icon-link .gn-link.global-nav-notifications span.notifications-count:not(.hidden) {
position: absolute;
display: inline-block !important;
height: 22px !important;
line-height: 12px !important;
right: -5px !important;
top: -18px !important;
margin-right: 7px !important;
padding: 4px !important;
font-size: 14px !important;
transform: scale(1) !important;
z-index: 5000000 !important;
color: gold !important;
}
#global-nav.styleguide-global-nav:hover li.toplink.notifications-icon-link a.gn-link.global-nav-notifications span.notifications-count:not(.hidden) {
right: -8px !important;
top: -18px !important;
font-size: 17px !important;
opacity: 1 !important;
}
/* (new174) BELL to NOTIF (no MODAL) - INDICATOR */
#global-nav li.toplink:hover ,
#global-nav li.toplink:focus {
opacity: 1 !important;
}
.gn-link.global-nav-notifications[href="/notifications"] i.notifications-icon {
width: 30px !important;
height: 30px !important;
border-radius: 50% !important;
border: 1px solid red !important;
}
.gn-link.global-nav-notifications[href="/notifications"] i.notifications-icon + span:before {
content: "🔗" !important;
visibility: hidden !important;
position: absolute !important;
left: -14px !important;
top: 21px !important;
width: 25px !important;
height: 25px !important;
line-height: 30px !important;
border-radius: 50% !important;
font-size: 20px !important;
z-index: 0 !important;
color: gold !important;
background-color: green !important;
border: 1px solid red !important;
}
.gn-link.global-nav-notifications[href="/notifications"]:hover i.notifications-icon + span:before {
content: "🔗" !important;
visibility: visible !important;
width: 27px !important;
top: 2px !important;
left: -40px !important;
border-radius: 5px !important;
font-size: 12px !important;
text-align: center !important;
transition: all ease 0.7s !important;
color: gold !important;
background-color: black !important;
border: 1px solid red !important;
}
.gn-link.global-nav-notifications[href="/notifications"]:hover i.notifications-icon + span:after {
content: "⮉" !important;
position: absolute !important;
visibility: visible !important;
width: 35px !important;
height: 25px !important;
line-height: 20px !important;
top: 7px !important;
left: -44px !important;
border-radius: 5px !important;
font-size: 42px !important;
text-align: center !important;
transition: all ease 0.7s !important;
color: gold !important;
background-color: transparent !important;
}
/* TOP NAV - NOTIF BELL - ALL - PHOTO / GAL / SEARCH / ALB === */
.fluid.html-albums-list-page-view .global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-search-photos-unified-page-view .global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-galleries-list-page-view .global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-gallery-page-view .global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-photo-page-scrappy-view .global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid .global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) {
position: absolute ;
display: inline-block ;
height: 28px ;
line-height: 25px ;
top: 91px ;
left: 1520px ;
}
.fluid.html-photo-page-scrappy-view .global-nav-view .gn-tools > li.gn-search-box + li + li:not(.gn-signin) {
left: 1539px !important;
}
.fluid.html-albums-list-page-view .global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-search-photos-unified-page-view .global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-galleries-list-page-view .global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-gallery-page-view .global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid.html-photo-page-scrappy-view .global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) ,
.fluid .global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) {
left: -216px !important;
top: -36px !important;
}
.fluid.html-photo-page-scrappy-view .global-nav-view:hover .gn-tools > li.gn-search-box + li + li:not(.gn-signin) {
left: -202px !important;
}
/* TOP NAV - BELL - POPUP - ALL */
/* .fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound.no-border.big-shadow ,
.fluid.html-group-admin-pending-page-view .droparound.subview-droparound.auto-size.notifs-droparound.no-border.big-shadow ,
.fluid.html-feed-new-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size:not(.gallery-photo-comments):not([style="width: 220px; left: 1856.77px; top: 158px;"]) ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-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;
} */
/* GAL */
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound.no-border.big-shadow {
left: 1883px !important;
}
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound.no-border.big-shadow ,
.fluid.html-feed-new-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound {
left: 1900px ;
transition: left ease 0.7s ;
}
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound.no-border.big-shadow:hover ,
.fluid.html-feed-new-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound:hover ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:not([style="width: 220px; left: 1856.77px; top: 158px;"]):hover ,
.fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:hover {
position: fixed;
min-height: 840px !important;
min-width: 495px !important;
left: 1430px !important;
top: 1px ;
opacity: 1 ;
z-index: 5000000 ;
background: #333 ;
}
/* (new16) BELL PHO */
.fluid.html-photo-page-scrappy-view .notifications-menu-view {
margin-top: 50px !important;
top: 50px !important;
}
.fluid.html-photo-page-scrappy-view .global-nav-view .notifications-menu-view:hover,
.fluid.html-photo-page-scrappy-view .global-nav-view:hover .notifications-menu-view {
margin-top: 0;
opacity: 1;
top: -22px !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:hover {
left: 1455px ;
}
/* POOL PEND */
.fluid.html-group-admin-pending-page-view .droparound.subview-droparound.auto-size.notifs-droparound.no-border.big-shadow {
left: 1882px !important;
}
/* BELL ALB */
.fluid.html-album-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:hover {
left: 1460px ;
}
.fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound .body .content.subview {
min-width: 475px ;
max-width: 475px ;
max-height: 100% ;
padding: 0px ;
}
/* BELL - FAV */
.fluid.html-favorites-page-view global-nav-view:not(:hover) .gn-tools .notifications-menu-view {
position: fixed !important;
display: inline-block ;
left: 1882px !important;
right: 0px !important;
margin-top: 0 !important;
top: 0px !important;
transform: scale(0.7) ;
z-index: 500000 !important;
opacity: 1 !important;
visibility: visible ;
}
.fluid.html-favorites-page-view .global-nav-view .notifications-menu-view:hover,
.fluid.html-favorites-page-view .global-nav-view:hover .notifications-menu-view {
left: 534px !important;
margin-top: 0!important;
opacity: 1 !important;
top: 22px !important;
transform: scale(0.7)!important;
z-index: 50000 !important;
}
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound ,
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound {
position: fixed !important;
display: inline-block !important;
min-height: 20px !important;
max-height: 20px !important;
min-width: 20px !important;
max-width: 20px !important;
left: 1885px !important;
top: 2px !important;
overflow: hidden !important;
transition: all ease 0.7s ;
opacity: 0 !important;
z-index: 5000000 !important;
}
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound:hover ,
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:hover {
min-height: 850px !important;
max-height: 850px !important;
min-width: 500px !important;
max-width: 500px !important;
left: 1420px !important;
top: 1px !important;
opacity: 1 !important;
}
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.notifs-droparound .body .content.subview ,
.fluid.html-favorites-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound .body .content.subview {
min-width: 555px ;
max-width: 555px ;
max-height: 100% ;
margin-left: -5px ;
padding: 10px ;
}
.fluid.html-favorites-page-view .fluid-droparound-overlay.transparent{
z-index: -1 !important;
}
/* BELL FEEDS */
.fluid.html-feed-new-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound {
width: 100% ;
min-width: 18px ;
max-width: 18px ;
left: 1882px !important;
right: 0px ;
margin-left: 0 ;
overflow: hidden ;
z-index: 500000 !important;
/* opacity: 1 !important; */
}
.fluid.html-feed-new-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound:hover {
max-width: 498px ;
left: 1450px !important;
}
/* TOP NAV - ACCO MENU - ALL */
.global-nav .global-nav-content .gn-tools li:last-of-type .account-menu-view {
margin-left: -15px !important;
}
#global-nav .gn-account {
position: absolute !important;
float: none !important;
left: -1498px !important;
top: -7px !important;
cursor: pointer !important;
}
/* TOP NAV - SEARC */
.global-nav-view + .search-subnav-slender-view .search-subnav.using-slender-advanced-panel {
height: 42px !important;
top: 0px !important;
padding-top: 14px !important;
}
.global-nav-view:hover + .search-subnav-slender-view .search-subnav.using-slender-advanced-panel {
top: 0px !important;
}
/* TOP NAV - AVAT / MAIL - PHOT/ALB/SET */
global-nav-content .gn-tools li:last-of-type .account-menu-view {
margin-left: -15px !important;
}
.global-nav .global-nav-content .gn-tools li:last-of-type .account-menu-view .c-account-buddyicon {
position: absolute ;
float: none ;
left: -1520px ;
top: -5px ;
cursor: pointer ;
z-index: 5000 ;
}
.global-nav .global-nav-content .gn-tools li:last-of-type .account-menu-view .c-account-buddyicon span {
position: relative ;
display: inline-block ;
margin-top: 0px ;
right: 45px ;
cursor: pointer ;
}
/* 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/ALB/SET - for LANG */
.global-nav .global-nav-content .nav-menu {
display: inline-block !important;
min-width: 300px !important;
max-width: 300px !important;
float: left !important;
min-height: 20px !important;
max-height: 20px !important;
margin-top: 23px !important;
margin-left: 60px !important;
padding-top: 0px !important;
text-align: left !important;
}
.global-nav .global-nav-content .nav-menu > li {
display: inline-block !important;
min-height: 20px !important;
max-height: 20px !important;
margin-left: 5px !important;
padding: 0 !important;
}
.global-nav .global-nav-content .nav-menu > li > a ,
.global-nav .global-nav-content:hover .nav-menu > li > a {
min-height: 20px !important;
max-height: 20px !important;
padding: 0 !important;
}
.global-nav .global-nav-content .nav-menu li:hover .gn-submenu {
padding-top: 10px !important;
top: 20px !important;
margin-left: -35px !important;
}
.global-nav .global-nav-content .nav-menu > li ul.gn-submenu li a {
display: inline-block !important;
width: 100% !important;
min-height: 20px !important;
max-height: 20px !important;
padding: 0 !important;
}
/* TOP NAV - MENU - LABEL NEW */
.fluid .global-nav .global-nav-content .nav-menu > li.gn-create > a .label-beta.new {
display: inline-block;
float: right;
width: 0;
margin-left: 5px;
padding: 0 !important;
text-align: center !important;
transform: scale(0.5) !important;
background-color: #ff9f00 !important;
}
/* TOP NAV - UPLOAD ICON - NO FLUID - CONT */
#global-nav .gn-wrap .tools.with-upload-icon {
position: absolute;
width: 392px;
height: 25px !important;
left: 1500px !important;
top: 15px !important;
transition: unset ;
}
#global-nav:hover .gn-wrap .tools.with-upload-icon {
position: absolute;
height: 25px !important;
left: 1520px !important;
top: 20px !important;
}
#global-nav .gn-wrap .tools.with-upload-icon .top-nav {
margin-top: -8px !important;
}
.gn-upload {
position: absolute;
left: -1305px !important;
top: 9px !important;
opacity: 0.6 !important;
transform: scale(0.7);
}
/* UPLO ICO in PHO/GAL/FAV/EPLO/ALB/POOL LIST/POOL BET POOL/DISC/ABT */
.fluid.html-group-admin-page-view .gn-upload ,
.fluid.html-group-members-page-view .gn-upload ,
.fluid.html-group-pool-page-view .gn-upload ,
.fluid.html-group-home-page-view .gn-upload ,
.fluid.html-group-discussions-list-page-view .gn-upload ,
.fluid.html-group-discussion-page-view .gn-upload ,
.fluid.html-person-groups-page-view .gn-upload ,
.fluid.html-albums-list-page-view .gn-upload ,
.fluid.html-galleries-list-page-view .gn-upload ,
.fluid.html-explore-page-view .gn-upload ,
.fluid.html-favorites-page-view .gn-upload ,
.fluid.html-gallery-page-view .gn-upload ,
.fluid.html-photo-page-scrappy-view .gn-upload {
left: -1250px !important;
}
/* UPLO in POOL */
#global-nav .upload-icon-link {
position: absolute;
width: 40px !important;
height: 25px !important;
line-height: 25px !important;
left: -1160px !important;
top: 0px !important;
opacity: 0.5 !important;
transform: scale(0.6) !important;
}
#global-nav .global-nav-upload {
height: 25px !important;
padding: 3px !important;
}
/* HELP - TOP NAV - NEW MAIL COUNT */
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account .gn-link.account + #header-mailcount + #gb-ac-wrap {
left: -25px !important;
top: 45px !important;
opacity: 1 !important;
visibility: hidden !important;
}
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account .gn-link.account:hover + #header-mailcount + #gb-ac-wrap ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account .gn-link.account + #header-mailcount + #gb-ac-wrap:hover ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account .gn-link.account:hover + #header-mailcount + #gb-ac-wrap {
left: -25px !important;
top: 20px !important;
padding-top: 20px !important;
opacity: 1 !important;
visibility: visible !important;
background: transparent !important;
}
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account #gb-ac-wrap #gb-ac-panel ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account #gb-ac-wrap #gb-ac-panel.new-account-menu {
display: inline-block !important;
left: 0px !important;
top: 2px !important;
opacity: 1 !important;
}
#global-nav #gb-ac-panel #gb-ac-profile .wrap .iwrap div ,
#global-nav #gb-ac-panel.new-account-menu #gb-ac-profile .wrap .iwrap div {
color: white !important;
}
#global-nav #gb-ac-panel #gb-ac-profile ,
#global-nav #gb-ac-panel.new-account-menu #gb-ac-profile {
padding: 5px 20px 0 !important;
color: white !important;
}
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account #gb-ac-wrap #gb-ac-panel .ac-nav>li>a[data-track="Account-flickrmail-menu"] ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account.ActiveButt #gb-ac-wrap #gb-ac-panel .ac-nav>li>a[data-track="Account-flickrmail-menu"] ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account #gb-ac-wrap #gb-ac-panel.new-account-menu .ac-nav>li>a[data-track="Account-flickrmail-menu"] ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account.ActiveButt #gb-ac-wrap #gb-ac-panel.new-account-menu .ac-nav>li>a[data-track="Account-flickrmail-menu"] {
position: fixed ;
display: inline-block ;
height: 100% ;
min-height: 15px ;
max-height: 15px ;
width: 100% ;
min-width: 15px ;
max-width: 15px ;
top: 2px ;
left: 4px ;
font-size: 0px ;
cursor: pointer ;
transition: top ease 0.7s ;
background: url(data:image/x-icon;base64,AAABAAEAEBAQAAAAAAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAABpaGgAj42MAAAAAAD///8A4ODgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIiIiIiIiIiIhEREREREREhQzMzMzMzNBE0MzMzMzNDETNDMzMzNDMRMzQzMzNDMxEzM0MzNDMzATMzM0QzMzMRMzM0EUMzMxEzM0EzFDMzETM0EzMxQzMRM0EzMzMUMxE0EzMzMzFDEUEzMzMzMxQREzMzMzMzMRIRERERERERL//wAAgAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAQAA) no-repeat!important;
transform: scale(0.7) ;
opacity: 1 ;
visibility: visible !important;
z-index: 500000 !important;
}
/* (new165) */
.flickrmail-menu-number ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account #gb-ac-wrap #gb-ac-panel .ac-nav>li>a[data-track="Account-flickrmail-menu"] span.number {
position: fixed ;
display: inline-block ;
min-width: 20px ;
height: 17px ;
line-height: 15px ;
top: -1px ;
left: 15px ;
font-size: 13px ;
border-radius: 5px ;
letter-spacing: 2px ;
text-indent: 2px ;
text-align: center ;
color: white ;
border: 1px solid red ;
background: #111 ;
}
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account #gb-ac-wrap #gb-ac-panel .ac-nav>li>a[data-track="Account-flickrmail-menu"] ,
#global-nav #gn-wrap .tools.with-upload-icon .top-nav .gn-menu-parent.toplink.gn-account.ActiveButt.open #gb-ac-wrap #gb-ac-panel .ac-nav>li>a[data-track="Account-flickrmail-menu"] {
left: 0px !important;
}
/* (new174) TOP NAV - PHOT/ALB/SET + OTHERS */
#global-nav.styleguide-global-nav ,
.global-nav-restyle .global-nav-content {
position: fixed !important;
display: inline-block !important;
height: 49px !important;
width: 1920px !important;
min-width: 100% !important;
top: -50px !important;
left: 0px !important;
right: 0px !important;
padding: 0 !important;
text-align: center !important;
z-index: 5000000 !important;
color: peru !important;
border-bottom: 1px solid red !important;
}
#global-nav.styleguide-global-nav:hover {
top: 0px !important;
}
#global-nav .gn-wrap {
height: 100%;
margin: 0 auto;
max-width: 100% !important;
min-width: 800px;
position: relative;
}
/* (new178) TOP NAV - UPLOAD */
html.has-items body.editr-loaded #global-nav #gn-wrap .nav.small-logo {
display: inline-block !important;
width: 100% !important;
max-width: 1920px !important;
min-width: 1920px !important;
height: 40px;
left: 0px;
margin-left: 0;
}
html.has-items body.editr-loaded #global-nav #gn-wrap .nav.small-logo .toplink:first-of-type {
margin-left: 110px !important;;
}
html.has-items body.editr-loaded #global-nav #gn-wrap .tools .toplink.gn-menu-parent.gn-account {
top: 7px !important;
}
/* (new178) UPLOAD - OLD FORM */
#wholeform {
position: relative !important;
top: 100px !important;
left: -281px !important;
}
#Main table#upload_form_container tbody tr td#Hint p:first-of-type {
height: auto !important;
}
/* TOP NAV - WELC / STOR */
#global-nav.styleguide-global-nav #gb-ac-wrap {
position: absolute;
right: 237px ;
width: 322px ;
}
#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 ;
}
/* (new174) TOP NAV - PHO */
.fluid .global-nav-view ,
.fluid .global-nav-view.requiredToShowOnServer {
position: fixed !important;
display: inline-block !important;
height: 49px !important;
width: 1920px !important;
min-width: 100% !important;
top: -50px !important;
left: 0px !important;
padding: 0 !important;
text-align: center !important;
z-index: 50000 !important;
color: peru !important;
}
.fluid .global-nav-content.styleguide-global-nav.fluid.sohp-mobile-navable {
position: absolute !important;
display: inline-block !important;
height: 45px !important;
width: 1920px !important;
min-width: 100% !important;
top: -106px !important;
left: 0px !important;
padding: 0 !important;
text-align: center !important;
color: peru !important;
}
.fluid .global-nav-view:hover .fluid.sohp-mobile-navable {
top: 0px !important;
border-bottom: 1px solid red !important;
}
.global-nav-container.fluid-centered {
position: absolute !important;
display: inline-block !important;
height: 45px !important;
width: 1920px !important;
min-width: 100% !important;
top: -48px !important;
left: 0px !important;
padding: 0 !important;
text-align: center !important;
color: peru !important;
}
.fluid .global-nav-view:hover .global-nav-container.fluid-centered {
top: 0px !important;
}
/* (new174) */
.fluid .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;
text-align: center !important;
z-index: 5000000 !important;
color: peru !important;
border-bottom: 1px solid red !important;
}
.fluid .global-nav-view:hover .global-nav {
top: 50px !important;
}
.fluid .global-nav-view:before {
content: "🔻" ;
position: absolute ;
display: inline-block ;
top: 54px !important;
left: 0 ;
font-size: 10px ;
cursor: pointer ;
}
.fluid .global-nav-view:after ,
#global-nav .gn-wrap:after {
content: "🔻" ;
position: absolute ;
top: 47px !important;
font-size: 10px ;
cursor: pointer ;
}
.fluid .global-nav-view:hover:after {
content: "🔺" ;
}
/* (new174) TOP NAV - SEARCH - ALL + POOL BETA/NO BETA - HOME === */
#global-nav #gn-wrap.gn-wrap .search-icon {
position: fixed ;
left: 1856px !important;
top: 5px ;
}
#global-nav:hover #gn-wrap.gn-wrap .search-icon {
top: 20px;
border-radius: 0 5px 5px 0 !important;
}
#global-nav #gn-wrap.gn-wrap .search-icon::after ,
.fluid.html-group-home-page-view .global-nav-view:not(:hover) .global-nav::after {
content: " 🔻 " ;
position: absolute;
display: inline-block;
height: 18px ;
line-height: 18px ;
width: 18px !important;
top: 50px !important;
right: 70px !important;
font-size: 15px;
cursor: pointer;
text-indent: 20px ;
background: rgba(0, 0, 0, 0) url("https://s.yimg.com/ap/build/images/sprites/icons-938e2840.png") no-repeat scroll -413px -218px ;
}
.fluid.html-group-home-page-view .global-nav-view:not(:hover) .global-nav::after {
width: 18px ;
top: 64px ;
right: 55px;
}
/* ==== TOP NAV BAR - SIGN IN / UP(NOT Bell) ==== */
/* TOP NAV - SIGN IN - PHO */
.fluid .global-nav-view:hover .gn-tools > li.gn-search-box + li + li.gn-signin {
position: absolute !important;
display: inline-block !important;
width: 150px !important;
right: 960px !important;
top: 13px !important;
}
.fluid .global-nav-view:hover .gn-tools > li.gn-search-box + li + li.gn-signin .gn-title {
padding: 0 20px ;
border-radius: 5px ;
}
/* TOP NAV - SIGN IN - POOL */
#global-nav.styleguide-global-nav:hover .gn-signin {
position: absolute !important;
display: inline-block !important;
height: 20px;
line-height: 20px ;
min-width: 80px;
width: 150px !important;
right: 960px !important;
top: 20px !important;
}
#global-nav.styleguide-global-nav:hover .gn-signin .gn-link.secondary span {
display: inline-block !important;
height: 20px;
line-height: 20px ;
min-width: 80px;
width: 150px !important;
top: -15px ;
border-radius: 5px ;
}
/* TOP NAV - BAR - SIGN UP - PHO */
.fluid .global-nav-view:hover .gn-tools > li.gn-search-box + li + li.gn-signin + li.gn-signup {
position: absolute !important;
display: inline-block !important;
width: 150px !important;
right: 800px !important;
top: 13px !important;
}
.fluid .global-nav-view:hover .gn-tools > li.gn-search-box + li + li.gn-signin + li.gn-signup .gn-title.butt {
height: 20px;
line-height: 20px;
min-width: 80px;
}
/* TOP NAV - SIGN UP - POOL */
#global-nav.styleguide-global-nav:hover .toplink .gn-signup {
position: absolute !important;
display: inline-block !important;
width: 150px !important;
min-width: 80px;
height: 20px;
line-height: 20px;
left: 1030px !important;
top: 13px !important;
}
/* TOP NAV - POOL - INVITED */
.group-content-wrapper.group-cover-photo .Invited.info {
position: absolute !important;
width: 1900px !important;
height: 20px !important;
line-height: 20px !important;
top: 68px !important;
left: 10px !important;
margin: 20px !important;
padding: 0px !important;
text-align: center !important;
opacity: 1 !important;
}
.group-content-wrapper.group-cover-photo .Invited.info p {
float: left !important;
width: 1500px !important;
text-align: center !important;
}
.group-content-wrapper.group-cover-photo .Invited.info .confirmform {
float: right !important;
transform: translate(-800px, -2px) scale(0.7) !important;
transform-origin: top center !important;
}
body.breakout-justified .group-content-wrapper.group-cover-photo .Invited.info + .group-pool-header.standard-head {
margin-top: 23px;
}
/* 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;
}
/* (new180) COM ITEMS - DEL MODAL */
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog {
position: fixed !important;
display: inline-block !important;
min-width: 600px !important;
max-width: 600px !important;
min-height: 100px !important;
max-height: 100px !important;
right: 0px !important;
left: 1317px !important;
top: 230px !important;
border-radius: 5px !important;
z-index: 5000000 !important;
border: 1px solid red !important;
}
.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;
border-radius: 5px 5px 0 0 !important;
}
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog:not([style*="max-height: 888px;"]) .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;
}
/* (new180) COM ITEMS - REPLACE MODAL */
.fluid.html-photo-page-scrappy-view .modal.html-modal.scrappy-dialog[style*="max-height: 888px;"] {
min-height: 250px !important;
max-height: 250px !important;
left: 1310px !important;
top: 14.5vh !important;
border: 1px solid aqua !important;
}
/* COM ITEMS - BR SPACE */
.sub-photo-comments-view .comments .comment .comment-content>br {
display: block !important;
margin-bottom: -1px !important;
}
/* 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 - Comm Rev Orderr ==== */
/* END FINAL ==== FLICKR - 00 - ALLinONE TOTAL (GM NO) ==== */
}
@-moz-document url-prefix("https://www.flickr.com/help/forum/") {
/* == START == URL PREF - MAIN H1 - HELP ==== */
/* html.styleguide {
display: inline-block;
height: 100%;
max-height: 100% !important;
min-height: 100% !important;
overflow-y: auto !important;
} */
/* #Main {
position: relative;
display: inline-block;
height: 100% !important;
min-height: 100% !important;
max-height: 100% !important;
min-width: 100%;
top: 0;
} */
#Main > h1 {
width: 1400px ;
left: 437px !important;
margin-bottom: 5px;
font-size: 17px ;
}
/* HELP - EDIT TOPIC */
#global-nav + #Main h1 + table tbody td#GoodStuff {
/* height: 100%; */
/* max-height: 99.1vh; */
/* min-height: 99.1vh; */
/* min-width: 100%; */
/* overflow: hidden !important; */
/* overflow-y: auto !important; */
}
#Main table tbody tr td#Hint + #GoodStuff>h3 ,
#Main table tbody tr td#Hint + #GoodStuff>h4 {
width: 100% !important;
max-width: 600px !important;
min-width: 600px !important;
margin: 10px 0 0 100px !important;
left: 5px !important;
padding: 2px 5px !important;
text-align: center !important;
border: 1px solid red ;
}
/* OK HELP - EDIT TOPIC - EDIT */
#GoodStuff>form[action^="/help/forum/"][action$="/edit/"] {
position: relative !important;
display: inline-block !important;
width: 100% !important;
height: auto !important;
min-height: 765px ;
max-width: 750px !important;
min-width: 750px !important;
top: 25px !important;
left: -328px !important;
border-radius: 0px !important;
padding: 20px 5px 5px 5px !important;
text-align: left !important;
border: 1px solid gray ;
}
#GoodStuff>form[action^="/help/forum/"] textarea {
max-width: 600px !important;
min-width: 600px !important;
min-height: 150px !important;
/* max-height: 650px !important; */
padding: 5px !important;
}
/* (new176) HELP - EDIT TOPIC - PREVIEW */
#GoodStuff .Preview {
position: absolute ;
width: 500px ;
min-height: 840px ;
max-height: 840px ;
top: 10px !important;
right: 32px ;
padding: 15px ;
}
/* == END == URL PREF - MAIN H1 - HELP ==== */
}
@-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/mail") {
/* == START == URL PREF == MAIL ==== */
#Main {
width: 1906px !important;
top: 0px !important;
}
/* == END == URL PREF == MAIL ==== */
/* STYLE 5 == END == PREFIX ==== */
}
@-moz-document url-prefix("https://www.flickr.com/activity/"), url-prefix("https://www.flickr.com/recent_activity.gne?") {
/* ===== START == (new165) URL PREF - MAIN H1 - ACTI === */
#Main[role="main"]>h1 {
position: relative ;
height: 20px ;
line-height: 20px ;
width: 130px ;
left: 1690px ;
top: 6px ;
padding: 0 ;
font-size: 13px ;
text-align: center ;
border: 1px solid gray ;
}
/* == END == URL PREF - MAIN H1 - ACTI === */
}
@-moz-document url-prefix("https://www.flickr.com/people/") {
/* ===== START == (new165) URL PREF - ABOUT PHOTO OF === */
#Main > table:not(.PeopleResults):not(#Photo):not(#SubNav):not(.TopicListing):not(.acct-sett):not(#MemberList) {
top: 100px !important;
}
#global-nav.styleguide-global-nav + #Main #subnav-refresh:not(.groups) ~ table tbody tr td#Hint + #GoodStuff:not(.admin_moderation) {
width: 1350px !important;
margin: 0px !important;
right: 20px;
top: 0px;
padding: 20px;
border-radius: 5px ;
border: 1px solid gray ;
/* background: red !important; */
}
#Main table tbody tr td#Hint {
position: sticky;
display: inline-block;
height: auto;
width: 440px;
margin-top: 0px;
padding-top: 5px;
/* background: blue !important; */
}
.ThinSeparated.photos-people-desc {
margin-top: 0px;
}
#global-nav.styleguide-global-nav + #Main table tbody tr td#Hint .ThinSeparated.photos-people-desc>h4 {
position: relative;
display: inline-block;
width: 419px !important;
height: 25px;
left: 5px !important;
margin-bottom: 0px !important;
top: 0px !important;
border-bottom: 1px solid yellow !important;
}
#global-nav.styleguide-global-nav + #Main table tbody tr td#Hint .ThinSeparated.photos-people-desc>h4 + p:only-of-type {
position: relative !important;
display: inline-block !important;
margin-top: 10px !important;
top: 0 !important;
}
#global-nav.styleguide-global-nav + #Main table tbody tr td#Hint .ThinSeparated.photos-people-desc + div{
position: relative !important;
display: inline-block !important;
margin-top: -5px !important;
margin-bottom: 10px !important;
}
/* == END == URL PREF - ABOUT PHOTO OF === */
}
@-moz-document url-prefix("https://www.flickr.com/help/forum/activity/") {
/* ===== START == (new165) URL PREF - HELP FORUM - YOUR ACTIVITY === */
/* HELP - YOUR DISC */
#Main {
position: relative;
display: inline-block;
max-height: 99.5vh;
min-width: 100%;
top: 0;
overflow: hidden;
overflow-y: auto !important;
}
#Main > h1 {
height: 32px;
line-height: 32px;
min-width: 100% !important;
left: 0 !important;
margin: 0px;
padding-left: 70px !important;
font-size: 17px;
background: #111 !important;
}
#Main>form {
position: fixed !important;
width: 850px;
left: 550px;
margin: 0;
padding: 0;
top: 4px !important;
z-index: 500;
/* border: 1px solid aqua !important; */
}
.Separate ,
.SortOptions {
width: 400px;
max-height: 28px !important;
line-height: 25px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 5px 5px 0 0 !important;
font-size: 15px !important;
text-align: center !important;
background: #333 !important;
border: 1px solid red !important;
}
.Separate {
float: left;
}
.SortOptions {
float: right !important;
}
.ForumPost {
width: 32% !important;
height: 230px !important;
clear: none!important;
float: left !important;
margin-left: 5px ;
margin-right: 5px ;
padding: 5px ;
overflow: hidden ;
border: 1px solid red;
}
.ForumPost h2 {
font-size: 15px ;
}
.ForumPost h2 a {
display: inline-block;
width: 100%;
max-width: 600px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ForumPost ul {
margin-bottom: 0;
margin-top: 3px;
border: 1px solid tan;
height: 166px;
overflow: hidden;
overflow-y: auto;
}
/* END == URL PREF - HELP FORUM - YOUR ACTIVITY === */
}
@-moz-document domain("flickr.com") {
/* ==== FLICKR - 0 - Flickr WideScreen - ALLinONE (Part 2) v.187 (new187) MINIFIED ==== */
/* START == ADDITIONALS STYLE ==== */
/* EXPLO - MORE + MODAL */
.fluid.html-explore-page-view .fluid-subnav .subnav-content .subnav-items-container .more-link {
position: absolute ;
left: 400px ;
top: 0 ;
}
.fluid.html-explore-page-view .droparound.menu {
position: fixed;
width: 322px !important;
right: 0px;
left: 1936px !important;
top: 20.5px !important;
}
/* START == FEEDS */
/* FEEDS - COMPACT - DUMMY */
.dummy-loader-container ,
.dummy-loader-container.fading {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
/* (new177) */
.dummy-loader-container .layout-container.compact .item {
float: left !important;
width: 49% ;
height: 100% !important;
min-height: 350px ;
max-height: 350px ;
margin: 5px 3px 0 0 !important;
padding: 5px ;
border: 1px solid #333 !important;
}
/* FEEDS - WIDE */
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container ,
.html-feed-new-page-view .fluid-centered {
display: inline-block !important;
margin-right: auto ;
min-width: 100% ;
max-width: 100% ;
padding: 0 10px ;
}
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column {
display: inline-block !important;
width: 99.9% !important;
}
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container {
position: fixed ;
width: 1748px ;
left: 0 ;
top: -20px ;
margin-top: 20px ;
padding: 16px 80px;
z-index: 5000 ;
}
/* EXPLO - CALEND */
.Day {
display: inline-block !important;
width: 73px !important;
vertical-align: bottom;
margin: 0;
padding: 5px;
text-align: center;
}
.AllMonths>tbody>tr + tr> td {
display: inline-block !important;
height: 75px !important;
width: 75px !important;
}
.CalendarBlank {
position: relative !important;
display: inline-block !important;
height: 75px !important;
width: 75px !important;
padding: 4px !important;
}
/* FEEDS - RIGHT INF */
.html-feed-new-page-view .feed-new-page-content-container .info-column {
position: fixed !important;
float: right ;
width: 300px ;
height: 800px ;
left: 1868px !important;
top: 70px ;
padding: 5px ;
border-radius: 5px 0 0 5px ;
z-index: 500 ;
transition: all ease 1s ;
}
.html-feed-new-page-view .feed-new-page-content-container .info-column:hover {
left: 1550px !important;
transition: all ease 2s !important;
}
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .info-column .info-content-container {
height: 800px ;
overflow: hidden ;
overflow-y: auto ;
}
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .info-column .info-content-container[style="top: -480px; bottom: initial;"] ,
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .info-column .info-content-container[style="bottom: -549px; top: initial;"] {
height: 800px ;
bottom: 0 !important;
top: -10px !important;
}
.html-feed-new-page-view .feed-new-page-content-container .info-column:before {
content: "🔺" ;
position: absolute ;
right: 310px ;
top: 0 ;
transform: rotate(-90deg) ;
z-index: 600 ;
transition: right ease 1s ;
}
.html-feed-new-page-view .feed-new-page-content-container .info-column:hover:before {
right: 0px ;
transform: rotate(90deg) ;
transition: right ease 1s ;
}
/* FEEDS - CONT - ITEMS */
/* FEEDS - ERROR MESSS (PB Friends / Familly ?) */
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-column-content .feed-load-error-container {
width: 97% !important;
border: 1px solid red !important;
}
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-column-content .feed-load-error-container .error-message {
color: red ;
}
/* FEEDS - DEFERED */
.html-feed-new-page-view .feed-new-page-content-container .photo-card-view .photo-card .photo-card-content .photo-card-photo .photo.contain[data-defer-src*="staticflickr.com"] {
opacity: 1 !important;
}
/* FEEDS - CONT */
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-column-content {
top: 57px ;
}
/* FEEDS ALL */
.feed-layout{
display: inline-block !important;
clear: both;
float: left;
width: 100%;
margin-bottom: 40px;
padding: 5px !important;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view ,
.html-feed-new-page-view .photo-card-view .photo-card ,
.html-feed-new-page-view .photo-card-view .photo-card .photo-card-content ,
.html-feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-layout .feed-item {
border-radius: 5px !important;
}
.html-feed-new-page-view .photo-card-view .photo-card .link-footer {
border-radius: 0 0 5px 5px !important;
}
.feed-new-page-view .batch-overlay {
top: 53px ;
}
/* (new178) FEEDS - SM */
.html-feed-new-page-view .feed-new-page-content-container .feed-column-content .feed-layout .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) {
display: inline-block ;
width: 48.9% ;
min-height: 350px ;
margin: 0 3px 10px 0 !important;
padding: 5px ;
border: 1px solid red !important;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-column-content .feed-layout .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view {
display: inline-block ;
height: auto ;
width: 100% !important;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-column-content .feed-layout .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card {
display: flex;
justify-content: center ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-column-content .feed-layout .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact {
text-align: center ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-column-content .feed-layout .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .header {
position: relative ;
height: 30px ;
line-height: 30px ;
margin-bottom: 0px ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view .photo-card .photo-card-content {
flex: 1 1 auto ;
flex-direction: row ;
width: 100% ;
height: 100%;
min-height: 0;
align-items: center ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view .photo-card .photo-card-content .card-batch-layout {
flex-direction: row !important;
min-height: 400px ;
width: 100% !important;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .photo-card-photo {
flex: 1 1 300px ;
height: 100% ;
width: 100% ;
}
/* (new178) ONLY ONE */
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view > .photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view .photo-card.theme-card .photo {
height: 395px !important;
width: auto !important;
background-size: contain !important;
/* border: 1px solid aqua !important; */
}
/* (new181) VISITED - ALL */
.html-feed-new-page-view .feed-new-page-content-container .photo-card-view .photo-card .photo-card-content .photo-card-photo .photo {
background-position: 50% center;
background-repeat: no-repeat;
background-size: contain !important;
height: 100%;
position: relative;
width: 100%;
max-width: 99.5% !important;
max-height: 99.5% !important;
border-radius: 5px !important;
/* border: 1px solid gray !important; */
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-view .photo-card-content a.photo-link {
border-radius: 5px !important;
opacity: 1 !important;
border: 1px solid gray !important;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-view .photo-card-content a.photo-link:visited {
border: 1px solid red !important;
}
/* FEEDS - ONLY ONE PHOTO ITEM */
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type {
position: absolute ;
display: flex ;
flex-direction: row ;
min-width: 100% ;
height: 400px ;
left: 0 ;
top: 0 ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view {
height: 400px ;
min-width: 100% ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view .photo-card.theme-card {
height: 400px ;
min-width: 100% ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view .photo-card.theme-card .photo-card-content {
height: auto ;
min-width: 100% ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type photo-card-view .photo-card.theme-card .photo-card-content .photo-card-photo .photo {
height: 100% ;
max-height: 400px ;
width: auto ;
background-size: contain ;
}
/* ONLY ONE HOVER HEADER USER*/
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view .photo-card.theme-card .photo-card-content .photo-card-photo .head-overlay .header-container {
display: inline-block ;
min-width: 40% ;
padding: 0 ;
text-align: center ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view .photo-card.theme-card .photo-card-content .photo-card-photo .head-overlay .header-container .photo-card-header.compact.theme-overlay {
display: inline-block ;
width: 100% ;
text-align: center ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view .photo-card.theme-card .photo-card-content .photo-card-photo .head-overlay .header-container .photo-card-header.compact.theme-overlay .left-container {
display: inline-block ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view .photo-card.theme-card .photo-card-content .photo-card-photo .head-overlay .header-container .photo-card-header.compact.theme-overlay .left-container .avatar {
display: inline-block ;
float: left ;
}
.html-feed-new-page-view .feed-new-page-content-container .feed-item:not([style^="position: absolute; flex-direction: column;"]):not([style^="margin-bottom: 32px;"]) .photo-card-view >.photo-card.theme-flat.layout-compact .photo-card-content .card-batch-layout .card-batch-photo-item:only-of-type .photo-card-view .photo-card.theme-card .photo-card-content .photo-card-photo .head-overlay .header-container .photo-card-header.compact.theme-overlay .left-container .attribution {
display: inline-block ;
height: 24px;
line-height: 24px;
}
/* FEEDS - OPTIONS */
.fluid.html-feed-new-page-view .fluid-droparound-view {
position: absolute ;
top: 0px ;
}
/* (new181) FEEDS - MENU */
.html-feed-new-page-view .droparound.menu.photo-card-header-context-menu {
margin-top: -10px ;
z-index: 500000 !important;
}
.html-feed-new-page-view .droparound.menu.photo-card-header-context-menu .droparrow.down {
left: 170px !important;
}
/* (new178) FEEDS - DATE */
/* .photo-card-header-view .photo-card-header .left-container .attribution .card-details .activity-type, */
.html-feed-new-page-view .photo-card-header-view .photo-card-header .left-container .attribution .card-details .time {
margin-left: 20px !important;;
color: gold !important;
}
/* (new178) FEEDS - PHO COUNT */
.html-feed-new-page-view .count-overlay-button {
position: absolute;
width: 60px !important;
height: 60px !important;
margin-left: 10px !important;
top: 10px !important;
border-radius: 50% !important;
font-size: 1.5em !important;
border: 1px solid gray !important;
background-color: rgba(0, 0, 0, 0.6) !important;
}
/* (new181) FEEDS - BATCH MODAL */
.feed-batch-view {
z-index: 500000 !important;
background-color: #111 !important;
border:1px solid red !important;
}
.feed-batch-view .batch-list >.feed-layout:first-of-type {
display: inline-block !important;
/* display: flex !important; */
/* flex-direction: row !important; */
/* flex-flow: row wrap !important; */
/* justify-content: space-around !important; */
/* justify-content: flex-start !important; */
/* align-items: center !important; */
flex: 1 1 auto !important;
flex-direction: row !important;
clear: none !important;
float: none !important;
width: 100% !important;
/* height:500px !important; */
margin-bottom: 0px !important;
padding: 5px !important;
/* overflow:hidden !important; */
/* background: red !important; */
}
/* ==== END - FEEDS COMPACT ==== */
/* == START == SETS / COLL == */
/* SET Thumbnail*/
/* COLL /SET */
.Coll-l {
float: left;
height: 220px;
margin: 92px -50px -83px 16px !important;
padding-right: 65px;
text-align: left;
}
.Coll-l.c4 {
padding-right: 109px;
}
/* SETS / COLL - CLASSEUR / SETS */
#ViewCollection.vcLongDesc {
width: 1905px !important;
}
.vcLongDesc .vcDescription {
float: left;
margin-bottom: 40px;
margin-right: 42px;
margin-top: -30px;
overflow: hidden;
padding: 20px;
width: 629px !important;
}
/* SET SHORT DESC */
#ViewCollection.vcShortDesc {
width: 1905px !important;
margin-left: 10px !important;
}
#ViewCollection .Sets {
height: 150px !important;
width: 150px !important;
padding: 0 !important;
margin-left: 10px !important;
border: 1px solid red ;
}
/* SETS - BIG THUMB */
.SetCase {
width: 141px !important;
height: 130px !important;
margin-bottom: -48px!important;
margin-top: 0px ! important;
text-align: center !important;
background-image: none ! important;
}
.Sets h4 {
display: inline-block;
min-height: 50px;
max-height: 50px;
width: 140px !important;
line-height: 12px !important;
margin-left: 2px ! important;
margin-top: -5px;
margin-bottom: -7px;
padding: 0 3px !important;
font-size: 12px;
overflow: hidden;
overflow-y: auto;
}
.Sets p {
color: #777;
font-size: 11px;
margin-top: 2px;
padding: 0 4px !important;
}
.SetCase .setThumb {
border: none !important;
image-rendering: optimizespeed !important;
transform: scale(1) !important;
}
#SetsCenterContainer {
margin-top: 103px !important;
}
/* SET - COM CONT - REV ORDER */
#ViewSet .vsComments {
float: right !important;
margin: 0 5px 0 0 !important;
width: 1120px !important;
padding: 5px 5px 5px 10px !important;
border: 1px solid gray !important;
}
#ViewSet .vsComments table.SetComments {
display: inline-block !important;
width: 1120px !important;
height: 450px !important;
margin-top: -5px !important;
padding: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid gray !important;
}
#ViewSet .vsComments table.SetComments > tbody {
display: flex !important;
flex-flow: row-reverse wrap-reverse;
justify-content: space-around;
width: 1095px !important;
margin-top: -5px !important;
padding: 5px 0 !important;
}
#ViewSet .vsComments table.SetComments > tbody tr {
flex-basis: 400px !important;
flex-grow: 2 ! important;
height: 125px !important;
margin: 5px !important;
border-radius: 3px !important;
overflow: hidden !important;
border: 1px solid gray !important;
}
#ViewSet .vsComments table.SetComments > tbody tr .Comment {
width: 100% !important;
padding: 2px 5px !important;
}
#ViewSet .vsComments table.SetComments .Comment h4 {
margin: 0 0 -10px !important;
}
#ViewSet .vsComments table.SetComments > tbody tr .Comment > p {
min-height: 97px !important;
max-height: 97px !important;
padding: 2px 3px !important;
overflow: hidden !important;
overflow-y: auto !important;
border-top: 1px dotted gray !important;
}
#ViewSet .vsComments table.SetComments > tbody tr .Comment > p small {
float: right !important;
width: 100% !important;
bottom: 0 !important;
border-top: 1px dotted red !important;
}
#ViewSet .vsComments > form input + p {
text-align: center !important;
}
/* SET - MINI THUMB */
#ViewSet {
width: 100% !important;
}
#ViewSet .vsDetails {
margin-right: -59px !important;
width: 750px !important;
border: 1px solid gray !important;
}
.Separated {
background-image: url("https://combo.staticflickr.com/pw/images/dotted.gif");
background-position: left top;
background-repeat: repeat-x;
margin: 0!important;
padding: 0 !important;
}
#setThumbs +p {
margin: 0 ;
}
#ViewSet .vsDetails #setThumbs {
position: relative !important;
display: inline-block;
height: 445px !important;
width: 745px !important;
padding: 3px !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 500000 !important;
border: 1px solid gray !important;
}
#ViewSet .vsDetails #setThumbs:hover {
border: 1px solid gray !important;
}
#ViewSet .vsDetails #setThumbs .thumb_link {
display: inline-block !important;
min-height: 100px !important;
width: 134px !important;
margin: 2px !important;
padding: 2px !important;
text-align: center !important;
border: 1px solid red !important;
}
#ViewSet .vsDetails #setThumbs .thumb_link >img {
height: 96px !important;
width: 92px !important;
}
#ViewSet .vsThumbnail {
display: inline-block !important;
width: 375px !important;
height: 274px;
margin: auto;
padding: 20px 10px;
text-align: center;
}
#ViewSet p.vsDescription:not(:empty) {
position: absolute !important;
display: inline-block !important;
width: 324px !important;
height: 280px;
left: 403px;
margin: auto ;
top: 128px !important;
padding: 10px ;
overflow: hidden;
}
#ViewSet .vsNumbers {
position: absolute !important;
display: inline-block !important;
height: 15px;
line-height: 15px;
width: 385px ;
left: 5px !important;
margin: 0 ;
top: 410px !important;
padding: 2px 0 ;
font-size: 15px;
text-align: center !important;
}
#ViewSet .vsThumbnail img {
height: 215px ;
}
/* === END == SETS/COL ==== */
/* ALB - EDIT */
#gray_set_button_bar {
position: absolute ;
}
#gray_set_button_bar ~ #SubNav form >input[name="content"] {
float: left !important;
width: 86% !important;
font-size: 15px !important;
}
#gray_set_button_bar ~ #SubNav form >span ,
#gray_set_button_bar ~ #SubNav form >input {
float: right;
margin-bottom: 0px;
margin-top: 6px !important;
}
#gray_set_button_bar ~ #SubNav form >input.CancelButt {
margin-right: -130px !important;
}
#gray_set_button_bar ~ #SubNav form >span {
margin-right: -70px !important;
margin-top: 10px !important;
}
#gray_set_button_bar ~ #SubNav form >input.Butt {
margin-right: 90px !important;
}
#gray_set_button_bar ~ #ViewSet #setThumbs + p + div {
position: absolute ;
width: 344px;
height: 295px;
left: 403px;
right: 1300px;
top: 127px;
z-index: 50000 !important;
}
#gray_set_button_bar ~ #ViewSet #setThumbs + p + div textarea {
width: 97% !important;
max-height: 235px;
}
#gray_set_button_bar ~ #ViewSet #setThumbs + p + div + .vsDescription:hover {
cursor: pointer !important;
}
#gray_set_button_bar ~ #ViewSet #setThumbs + p + div + .vsDescription:hover:after {
content: "🖋" ;
position: absolute ;
top: 0 ;
right: 0 ;
border-radius: 5px ;
font-size: 20px ;
cursor: pointer !important;
}
/* TEST Multi-click zoom support - CURSOR CUSTOM */
/* CURSOR PLANET */
.zoom-modal.max-zoom-level {
cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAMAAAAxmgQeAAAACVBMVEX///8AAAD///9+749PAAAAAXRSTlMAQObYZgAAAD5JREFUGNN1j9EKADAIAnP//9GjFq6w7iU4DNRsB06cb44TJ+UzYUcniqnqoA6ag/62JhjKIU0rxx1lKveuXJ5UAQs/G/2vAAAAAElFTkSuQmCC),auto;
}
/* GM "Video Speed Button" */
.fluid.html-photo-page-scrappy-view div[style^="position: fixed; top: 0px; right: 0px; z-index: 100;"] ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view + div[style^="position: fixed; top: 0px; right: 0px; z-index: 100;"] {
position: fixed !important;
top: 816px !important;
right: 1052px !important;
left: 445px !important;
padding: 0px !important;
z-index: 50000 !important;
transform: scale(0.6) !important;
}
.vsb-container span[style*="color: black;"]{
color: gold !important;
cursor: pointer;
font-size: 100%;
font-weight: bold;
margin-right: 10px;
}
/* API PAGE - SERVCE TEST */
#Main>iframe[src^="/services/api/"] {
color: gray !important;
height: 400px;
width: 100%;
}
html>body>pre {
color: gray !important;
}
/* (ALL??) - ARCH ONLY WORK ??? - OPTIONS BAR (chose view: WORKING) */
.new-header:not(.breakout-justified).header-underlap.js .searchified-options {
position: relative !important;
display: inline-block !important;
top: 10px !important;
margin-top: 80px !important;
}
/* A SUPP?? - ADD COM BOX - SUPP TXT "Want format reply?" */
.html-info-trigger {
margin: 5px 0 15px;
}
/* GAL ?? - POOL - ADMIN - POPOVER COM */
.pool-photo.photo-display-item.inline-commenting #comments.comments-popover {
position: fixed !important;
display: inline-block !important;
float: none !important;
width: 622px;
font-size: 120% !important;
text-align: left;
z-index: 500000 !important;
transform: scale(1) !important;
}
.pool-photo.photo-display-item.inline-commenting #comments.comments-popover + .popover-shim {
display: inline-block !important;
position: fixed !important;
float: none !important;
min-width: 100% !important;
top: 0 !important;
left: 0 !important;
}
/* ANTI JUMP TOP - ALL */
html.styleguide body {
box-sizing: border-box;
position: relative;
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
height: 100% !important;
min-height: 100% !important;
padding-bottom: 0px !important;
padding-top: 0 !important;
}
/* ANTI JUMP - JU - POOL no BETA */
#pool-photos.ju.photo-display-container::before {
content: "";
float: left;
padding-bottom: 25%;
}
#pool-photos.ju.photo-display-container::after {
clear: left;
content: " ";
display: table;
}
/* END == ++ STYLES == */
/* START == YOUR POOL LIST == */
/* YOUR POOL - THUMB CONT - ALL */
#groups-list .groups-maincol.list-view {
max-width: 1870px ;
margin-top: 0px ;
}
.group-h3 {
position: relative;
margin-top: 40px;
}
/* YOUR POOL - LIST/THUMB POOL */
#groups-list.groups-thumbs {
margin-right: 0;
top: -40px ;
}
/* YOUR POOL LIST - THUMB POOL */
#groups-opt.opt-out-bug.enable_rebootify_groups_members_page + #subnav-refresh.subnav-refresh.subnav-view.subnav-state-ready {
display: inline-block ;
width: 100% ;
height: 70px ;
margin: 10px 0 30px 0 ;
top: 0px ;
}
#groups-list.groups-thumbs .SetsContainer.GroupsCenterContainer {
margin: 5px -40px -35px -11px ;
}
/* YOUR POOL - RIGHT SIDE - BETA/NO BETA= */
#groups-list .groups-sidebar {
position: absolute ;
width: 510px ;
height: 890px ;
margin-top: 15px ;
right: -504px ;
z-index: 5000 ;
}
#groups-list .groups-sidebar:hover {
width: 310px;
right: 0px ;
padding-left: 20px ;
z-index: 5000 ;
transition: all ease 0.7s ;
}
#groups-list .groups-sidebar .bd {
top: 18px;
}
#groups-list .groups-sidebar:before {
content: "+ More...." ;
position: absolute ;
width: 150px ;
top: 100px ;
margin-left: -90px ;
padding: 0 5px ;
border-radius: 0 0 5px 5px ;
text-align: center ;
transform: rotate(90deg) ;
}
.groupsList {
position: relative ;
width: 290px ;
margin-top: -12px ;
padding: 10px 5px 5px 5px ;
z-index: 5000 ;
border: 1px solid gray ;
}
#noticed-groups + .groupsList {
height: 500px ;
overflow: hidden ;
overflow-y: auto ;
}
/* YOUR POOL LIST - CONT - NO BETA */
#groups-list .groups-maincol.list-view #groups-list {
width: 1870px ;
margin-top: 0px ;
}
#groups-list .sec[class^="sec"] {
width: 1870px ;
margin-bottom: -44px ;
}
.groups-list-header {
position: absolute ;
display: inline-block ;
width: 100% ;
width: 753px ;
margin-top: -45px ;
margin-left: 560px ;
padding: 5px ;
border-radius: 5px ;
text-align: center ;
font-size: 16px ;
z-index: 500 ;
border: 1px solid gray ;
}
.groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions ,
.groups-list-header .view-options {
display: inline-block ;
text-align: left ;
width: 100% ;
}
.groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions {
display: inline-block ;
width: 450px ;
text-align: left ;
}
.groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions .group_sort_active {
color: red ;
}
.groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions .group_sort_active:after {
content: "🔻" ;
font-size: 10px ;
}
.groups-list-item {
display: inline-block ;
width: 262px ;
max-height: 80px ;
min-height: 80px ;
margin: -14px 0 20px 0 ;
padding-bottom: 10px ;
font-size: 12px ;
overflow: hidden ;
border: 1px solid gray ;
}
.groups-list-item .group-overview {
width: 100% ;
text-align: left ;
}
.groups-list-item .group-overview .buddy-link {
padding: 4px ;
}
.groups-list-item .group-overview h4 {
position: relative ;
display: inline-block ;
width: 83% ;
height: 30px ;
line-height: 14px ;
top: -75px ;
margin-left: -3px ;
padding: 2px 2px 2px 45px ;
margin-bottom: -54px ;
font-size: 15px ;
overflow: hidden ;
overflow-y: auto ;
border-bottom: 1px dotted gray ;
}
.groups-list-item .group-overview h4 a {
float: left;
}
.group-overview>span {
position: relative ;
display: inline-block ;
width: 100% ;
top: -10px ;
}
.groups-list-item .group-members {
position: relative ;
display: inline-block ;
width: 96% ;
top: -16px ;
padding-right: 20px ;
text-align: right ;
}
.first.group-count.pool-pending:not([style="white-space: nowrap;"]) {
position: absolute ;
display: inline-block ;
top: 0 ;
left: 0 ;
white-space: nowrap ;
z-index: 5000 ;
}
.groups-list-item .discussion {
position: absolute ;
display: inline-block ;
width: 256px ;
vertical-align: top ;
height: 15px ;
margin-left: -262px ;
margin-top: 56px ;
padding-right: 5px ;
text-align: right ;
}
.groups-list-item .discussion:before {
content: "🗨" ;
opacity: 0.7 ;
}
.groups-list-item .latest-post {
position: absolute ;
display: inline-block ;
width: 90px ;
margin-left: -260px ;
margin-top: 36px ;
padding-left: 34px ;
text-align: left ;
color: gray ;
border-right: 2px solid gray ;
}
/* YOUR GROUPS - THUMBS - CONT - === */
#groups-list.groups-thumbs .groups-maincol {
position: relative ;
display: inline-block ;
margin-left: 0px ;
}
#groups-list .SetsContainer.GroupsCenterContainer .group-h3 {
margin-left: 0;
padding: 2px 5px ;
text-indent: 241px ;
}
#groups-list .SetsContainer.GroupsCenterContainer .SortOptions {
position: relative ;
display: inline-block ;
width: 453px ;
left: -260px ;
margin-top: 36px ;
padding: 5px ;
border-radius: 5px ;
font-size: 16px ;
text-align: center ;
z-index: 200 ;
border: 1px solid gray ;
}
#groups-list .SetsContainer.GroupsCenterContainer .Sets {
width: 300px !important;
margin: -37px -82px -15px -13px ;
text-align: left ;
background-position: center center ;
background-repeat: no-repeat ;
background-size: cover ;
overflow: hidden ;
z-index: 500 ;
transform: scale(0.65) ;
}
#groups-list .SetsContainer.GroupsCenterContainer .Sets .SetCase {
width: 300px !important;
height: 0px !important;
margin: 199px 0 0 0 !important;
text-align: center ;
}
#groups-list .Sets .setText {
width: 300px ;
height: 53px ;
top: -63px ;
padding: 6px 0 0 ;
transform: scale(1) ;
}
#groups-list .Sets .setText> a {
display: inline-block ;
width: 300px ;
padding: 0px ;
transform: scale(1) ;
}
#groups-list .Sets .setText> a h4 {
float: left ;
clear: both ;
width: 288px !important;
height: 15px ;
line-height: 15px !important;
margin: 2px 0 -10px 0 !important;
padding: 5px 0 0 ;
font-size: 19px !important;
}
#groups-list .Sets .setText > p {
position: relative ;
display: inline-block ;
width: 135px ;
line-height: 18px ;
margin: -80px 0 -5px -10px ;
top: -20px ;
padding: 0 ;
font-size: 19px ;
text-align: left ;
overflow: hidden ;
text-overflow: ellipsis ;
white-space: nowrap ;
}
#groups-list .Sets .setText p a {
line-height: 15px ;
font-size: 16px ;
}
#groups-list .Sets .discussionCount {
position: absolute ;
display: inline-block ;
width: 120px ;
bottom: 170px ;
left: 5px ;
font-size: 16px ;
text-align: left ;
transform: scale(1) ;
}
#groups-list .Sets .discussionCount a p {
font-size: 16px ;
transform: scale(1) ;
}
/* POOL META - ADD LABEL */
/* MEMB numb */
#groups-list .SetsContainer.GroupsCenterContainer a[href$="/members"]:before ,
/* MEMB PEND */
#groups-list .SetsContainer.GroupsCenterContainer a[href^="/groups_pending.gne"]:before ,
/* PHOT numbk */
#groups-list .Sets .setText p a[href^="/groups/"]:not([href$="/pending"]):not([href$="/members"]):before ,
/* PHOT PEND */
#groups-list .Sets .setText p a[href$="/admin/pending"]:before {
margin-right: 5px ;
font-size: 10px ;
}
/* HOVER */
#groups-list .SetsContainer.GroupsCenterContainer a[href$="/members"]:hover:before ,
#groups-list .SetsContainer.GroupsCenterContainer a[href^="/groups_pending.gne"]:hover:before ,
#groups-list .Sets .setText p a[href^="/groups/"]:not([href$="/pending"]):not([href$="/members"]):hover:before ,
#groups-list .Sets .setText p a[href$="/admin/pending"]:hover:before {
margin-left: -5px ;
font-size: 15px ;
}
/* MEMB numb */
#groups-list .SetsContainer.GroupsCenterContainer a[href$="/members"]:before {
content: "Mbs" ;
color: red ;
}
/* MEMB PEND ok */
#groups-list .SetsContainer.GroupsCenterContainer a[href^="/groups_pending.gne"]:before {
content: "Mbers" ;
color: aqua ;
}
/* PHOT numb ok */
#groups-list .Sets .setText p a[href^="/groups/"]:not([href$="/pending"]):not([href$="/members"]):before {
content: "Pht" ;
color: green ;
}
/* PHOT PEND ok */
#groups-list .Sets .setText p a[href$="/admin/pending"]:before {
content: "Pht" ;
color: aqua ;
}
/* END == YOUR GROUPS LIST ==== */
/* == START == NEW GAL PAGES ==== */
/* (new173) GAL - SHOW HID THUMB */
/* .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remove-x-container , */
/* .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container , */
.html-gallery-page-view .photo-list-photo-container.loading .photo + a,
.html-gallery-page-view .photo-list-photo-container.loading .photo,
.html-gallery-page-view .photo-list-photo-container.loading ,
.html-gallery-page-view .invisible {
opacity: 1 !important;
visibility: visible !important;
}
.photo-list-photo-container.loading ,
.reorder-grid-view .drag-list-container .drag-drop-item.hidden,
.reorder-grid-view .drag-list-container .drag-drop-item.invisible .drag-drop-content {
align-items: center;
display: flex !important;
flex: 1 1 auto;
flex-direction: column;
justify-content: center;
}
/* (new186) GAL - CURATOR NOTE VISIBLE */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container {
opacity: 0.2 !important;
visibility: visible !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container:hover .photo-container .remark-container {
opacity: 1 !important;
}
/* GAL/ALB/STR - WIDE */
html.scrolling-layout.fluid.html-album-page-view body ,
html.scrolling-layout.fluid.html-album-page-view {
display: inline-block !important;
left: 0 !important;
max-width: 1910px !important;
min-width: 1910px !important;
min-height: 100%;
overflow: hidden !important;
overflow-y: auto !important;
}
html.scrolling-layout.fluid.html-album-page-view body {
display: inline-block !important;
left: 0 !important;
max-width: 1910px !important;
min-width: 1910px !important;
min-height: 100%;
padding: 0 5px !important;
}
html.scrolling-layout.fluid.html-album-page-view .photo-list-view {
display: inline-block !important;
max-width: 99% !important;
min-width: 99% !important;
width: 100% !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.fluid.html-photostream-page-view #content .photostream-page-view .photolist-container.fluid-centered ,
.fluid.html-albums-list-page-view #content .albums-list-container.fluid-centered ,
.fluid.html-album-page-view #content .album-page-view.flickr-view-root-view .album-container.fluid-centered ,
.fluid.html-gallery-page-view #content .fluid-centered.gallery-page-container {
float: none !important;
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
}
.photolist-container.fluid-centered body ,
.fluid.html-gallery-page-view body {
margin-top: -52px ;
}
html #content .galleries-list-container.fluid-centered {
max-width: 98% !important;
min-width: 98% !important;
padding: 0 20px !important;
margin-top: -58px ;
}
.fluid.html-photostream-page-view .photolist-container.fluid-centered {
margin-top: -48px ;
}
/* STR - TOP HEAD */
.fluid.html-photostream-page-view .subnav-content.fluid-centered {
margin-left: auto;
margin-right: auto;
max-width: 100% !important;
}
/* ALB EDIT COV */
.album-header-view > .album-header-content > .edit-cover-photo {
top: 35px;
}
/* GAL - HEAD */
.gallery-page-view .gallery-page-container .details-section {
position: sticky !important;
top: 35px !important;
margin-top: -95px !important;
width: 100% !important;
z-index: 50 !important;
}
.gallery-page-view .gallery-page-container .details-section .description:not(.hidden) ,
.gallery-page-view .gallery-page-container .details-section .description:not(.hidden) {
position: sticky !important;
display: inline-block !important;
width: 100%;
height: auto !important;
top: -85px !important;
margin-top: 0px !important;
text-align: center !important;
}
.gallery-page-view .gallery-page-container .details-section .description.short.no-read-more:not(.hidden) {
max-height: 100% !important;
}
.gallery-page-view .gallery-page-container .details-section .description.short:not(.hidden) p {
display: inline-block !important;
width: 30%;
height: 100% !important;
line-height: 15px ;
max-height: 30px !important;
min-height: 30px !important;
margin-bottom: 0px !important;
padding: 3px 0 0 ;
text-align: left ;
overflow: hidden !important;
}
.gallery-page-view .gallery-page-container .details-section .description:not(.short) p {
display: inline-block !important;
width: 30%;
height: 100% !important;
min-height: 400px !important;
max-height: 400px !important;
padding: 5px !important;
text-align: left ;
overflow-y: auto ;
}
.gallery-page-view .gallery-page-container .details-section .description .read-less-button,
.gallery-page-view .gallery-page-container .details-section .description .read-more-button {
position: absolute ;
display: inline-block;
right: 610px ;
top: 12px ;
padding: 5px ;
border-radius: 5px ;
font-size: 13px ;
}
.gallery-page-view .gallery-page-container .details-section .description .read-less-button {
opacity: 1 ;
}
.gallery-page-view .gallery-page-container .details-section .description .read-more-button {
padding: 1px ;
opacity: 0.5 ;
}
.gallery-page-view .gallery-page-container .details-section header h1 {
float: left ;
width: 50%;
font-size: 25px;
letter-spacing: 0.03em;
line-height: 25px;
margin: 0;
text-align: right ;
}
.gallery-page-view .gallery-page-container .details-section header p {
float: right ;
width: 49%;
font-size: 16px;
font-weight: 600;
line-height: 16px;
margin: 5px 0 0;
text-align: left !important;
color: gray ;
}
.gallery-page-view .gallery-page-container .details-section .description.short p >a {
display: inline-block;
width: 100%;
}
.gallery-page-view .gallery-page-container .stats {
position: fixed !important;
display: inline-block !important;
width: 370px !important;
right: 10px !important;
top: 45px!important;
margin: 0 !important;
text-align: right !important;
opacity: 1 !important;
z-index: 50 !important;
}
.gallery-page-view .gallery-page-container .stats span {
display: inline-block !important;
opacity: 1 !important;
z-index: 500000 !important;
color: gold !important;
}
.gallery-page-view .gallery-page-container .details-section header {
display: block !important;
height: 25px !important;
margin-top: 184px !important;
padding: 5px !important;
z-index: 50000 !important;
}
/* GAL - LIST */
html #content .galleries-list-container.fluid-centered .photo-list-gallery-view {
position: relative !important;
display: inline-block !important;
margin: -40px 0px 65px 35px !important;
opacity: 1 !important;
transform: none !important;
}
.gallery-page-view .gallery-page-container .photos-section .photo-list-container {
display: inline-block !important;
width: 100% !important;
height: auto !important;
top: 10px !important;
}
.galleries-list-container.fluid-centered .galleries-list-toolbar-view {
position: absolute !important;
height: 20px !important;
line-height: 20px !important;
right: 500px !important;
top: 90px !important;
}
.galleries-list-container.fluid-centered .galleries-list-toolbar-view a{
height: 20px !important;
line-height: 20px !important;
}
.html-gallery-page-view .photo-list-gallery-photo-view {
padding: 3px !important;
}
/* (new185) GAL - MODAL - COMMENTS */
.fluid.html-gallery-page-view .modal.subview-modal.gallery-comments-modal{
min-width: 800px !important;
top: -190px !important;
left: -200px !important;
fill: peru !important;
border: 1px solid red !important;
}
.fluid.html-gallery-page-view .scrollable-comment-list-view .comment-list-container ol {
min-height: 44vh !important;
max-height: 44vh !important;
overflow: auto;
border-bottom: 1px solid red !important;
}
.fluid.html-gallery-page-view .modal.subview-modal.gallery-comments-modal .comment-area .text-area-section .text-area-wrapper {
min-height: 30px !important;
margin: 0;
padding: 3px 10px !important;
color: red !important;
border: 1px solid gray !important;
}
/* (new182) GAL - COMMENTS - ZEBRA */
.html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item:nth-child(odd) ,
.fluid.html-gallery-page-view .modal.subview-modal.gallery-comments-modal li.comment-list-item:nth-child(odd){
background: #111 !important;
border-bottom: 1px solid gray !important;
}
/* (new182) GAL - MODAL - ADD SHOTS */
.fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"] {
position: fixed;
top: 37px !important;
left: 0% !important;
margin-left: 0;
min-height: 95vh !important;
max-height: 95vh !important;
z-index: 5000000000 !important;
background: #111 !important;
border: 1px solid red !important;
}
.fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"] .body.lines {
min-height: 80vh !important;
border-bottom: 1px solid red !important;
}
.fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"] .body.lines .photo-selector-photos {
min-height: 80vh !important;
overflow-x: hidden !important;
overflow-y: hidden !important;
}
/* .fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"] .body.lines .photo-selector-photos {
min-height: 80vh !important;
} */
.flavor-text.secondary {
font-size: 14px;
color: gold !important;
}
.fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"] .body.lines .photo-selector-photos .photo-list-photo-interaction .interaction-bar .text a.title {
margin-bottom: -11px !important;
text-align: center;
color: transparent !important;
}
.fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"] .body.lines .photo-selector-photos .photo-list-photo-interaction:hover .interaction-bar .text a.title {
color: gold !important;
}
.fluid.html-gallery-page-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"] .body.lines .photo-selector-photos .photo-list-photo-interaction .interaction-bar .text a.attribution {
margin-bottom: 0px !important;
}
/* (new182) GAL - OLD VIEW before 2018:
https://www.flickr.com/help/forum/en-us/72157720068442958/#reply72157720081770587
=== */
/* (new182) GAL - OLD VIEW - TOP HEADER */
#gallery-breadcrumb {
position: fixed !important;
width: 100% !important;
top: 0px !important;
margin: 0 !important;
padding: 0 0 0 50px !important;
z-index: 50000 !important;
background: #111 !important;
/* border: 1px solid green !important; */
}
#gallery-meta {
position: fixed !important;
width: 100% !important;
top: 2px !important;
right: 0 !important;
padding-top: 10px!important;
z-index: 50000 !important;
background: #111 !important;
border-bottom: 1px solid red !important;
}
#gallery-meta h1 {
margin: 0px 0 8px !important;
padding: 0;
width: 700px;
}
#gallery-meta .share-this-wrapper ,
#gallery-meta ul#button-bar.button-list.share-options-list {
margin-top: 25px !important;
padding: 0;
text-align: left;
}
/* (new183) GAL - OLD VIEW - PREVIEW PANEL */
#gallery-desc-thumbs {
position: fixed !important;
top: 90px !important;
width: 848px !important;
background: rgba(0, 0, 0, 0.59);
border: 1px solid peru;
}
#gallery-desc-thumbs .vsDescription.with-thumbs {
width: 833px !important;
min-height: 60px !important;
max-height: 60px !important;
padding: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
#gallery-desc-thumbs .vsDescription.with-thumbs:hover {
max-height: 260px !important;
/* color: gold !important; */
background: rgba(0, 0, 0, 0.59);
}
#gallery-desc-thumbs .gallery-description-container {
width: 848px !important;
float: left;
color: gray !important;
}
#gallery-desc-thumbs ol.gallery-preview {
float: left !important;
width: 836px;
min-height: 80vh !important;
max-height: 80vh !important;
padding: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
border: 1px solid tan !important;
}
/* (new183) PREVIEW - VIEWVED [id^="yui_"] */
#gallery-desc-thumbs .gallery-preview [class^="thumb_"] a {
outline: 1px solid #222 !important;
}
#gallery-desc-thumbs .gallery-preview [class^="thumb_"] a:visited {
outline: 1px solid red !important;
}
/* (new183) GAL - OLD VIEW - BIG PHOT */
#gallery-big-photos {
position: absolute !important;
float: none !important;
width: 1048px;
right: 0 !important;
top: 95px !important;
border: 1px solid red !important;
}
#gallery-big-photos .gallery-item {
padding-top: 5px !important;
}
#gallery-big-photos .curator_info_arrow_wrapper {
background-color: #111 !important;
}
#gallery-big-photos .curator_info_arrow {
border-color: #060606 #545454 !important;
}
#gallery-big-photos .photo_container a:before {
content: attr(title) ;
position: absolute !important;
float: none !important;
min-width: 100% !important;
height: 44px !important;
line-height: 44px !important;
top: 0px !important;
text-align: center !important;
transition: all ease 0.7s ;
color: transparent !important;
background-color: transparent !important;
}
#gallery-big-photos .photo_container:hover a:before {
transition: all ease 0.7s ;
color: gold !important;
background-color: rgba(9, 8, 8, 0.6) !important;
}
#gallery-big-photos .gallery-item .vsDescription {
color: gray !important;
}
/* (new182) GAL - OLD VIEW - TOP HEADER - EDIT - INDICATOR */
#gallery-desc-thumbs .vsDescription.with-thumbs.insitu-trigger:before ,
#gallery-big-photos .gallery-item .vsDescription.photo-caption-insitu.insitu-trigger:before {
content: "✎" ;
display: inline-block ;
width: 30px !important;
height: 30px ;
line-height: 30px ;
margin: 5px 6px 5px -7px ;
border-radius: 100% ;
text-align: center ;
font-size: 20px ;
opacity: 0.3 ;
transition: all ease 0.7s ;
color: gray ;
border: 1px solid gray ;
}
#gallery-desc-thumbs .vsDescription.with-thumbs.insitu-trigger:hover:before ,
#gallery-big-photos .gallery-item .vsDescription.photo-caption-insitu.insitu-trigger:hover:before {
opacity: 1 ;
transition: all ease 0.7s ;
color: gold ;
border: 1px solid red ;
}
#gallery-desc-thumbs.gallery-item .vsDescription.with-thumbs.insitu-trigger ,
#gallery-big-photos .gallery-item .vsDescription.insitu-trigger {
opacity: 0.3 !important;
color: gray !important;
}
#gallery-desc-thumbs.gallery-item .vsDescription.with-thumbs.insitu-trigger:hover {
opacity: 1 !important;
color: gray !important;
background: rgba(0, 0, 0, 0.59);
}
#gallery-big-photos .gallery-item .vsDescription.insitu-trigger:hover {
opacity: 1 !important;
color: gray !important;
background: rgba(0, 0, 0, 0.59);
}
/* (new182) GAL - OLD VIEW - EDITABLE - DESC ADDED */
#gallery-desc-thumbs.gallery-item .vsDescription.with-thumbs.insitu-trigger:not(.insitu-hint) ,
#gallery-big-photos .gallery-item .vsDescription.photo-caption-insitu.insitu-trigger:not(.insitu-hint) {
opacity: 1 !important;
color: gray !important;
background: rgba(0, 0, 0, 0.59);
}
/* CURATOR */
#gallery-big-photos .gallery-item .vsDescription.insitu-trigger b {
opacity: 1 !important;
color: gold !important;
}
#gallery-desc-thumbs.gallery-item .vsDescription.with-thumbs ,
#gallery-big-photos .gallery-item .vsDescription {
padding-left: 10px !important;
}
/* (new182) GAL - OLD VIEW - COMMENTS */
#gallery-comments {
position: fixed !important;
width: 565px !important;
height: auto !important;
min-height: 150px !important;
top: 35px !important;
left: 700px !important;
z-index: 50000 !important;
visibility: hidden !important;
border: 1px solid red !important;
}
#gallery-comments:hover {
visibility: visible !important;
border: 1px solid red !important;
}
#gallery-comments:before {
content: "Comment(s)▼ " ;
position: fixed !important;
width: 565px !important;
height: 25px ;
line-height: 22px ;
top: 50px !important;
left: 1035px;
font-size: 20px;
text-align: center ;
visibility: visible !important;
color: peru !important;
background: #111 !important;
border: 1px solid red !important;
}
#gallery-comments #comments h3 {
height: 20px;
line-height: 20px;
margin-top: 5px;
padding-left: 15px !important;
}
#gallery-comments ol{
display: flex !important;
flex-wrap: wrap-reverse !important;
justify-content: space-around !important;
align-content: flex-end !important;
justify-content: space-around;
width: 100% !important;
height: 100% !important;
min-height: 26vh !important;
max-height: 65vh !important;
overflow: hidden !important;
overflow-y: auto !important;
border-bottom: 1px solid red !important;
}
#gallery-comments #comments ol li.comment-block {
flex-basis: 440px !important;
height: 88px !important;
margin-bottom: 3px;
margin-left: 15px;
margin-right: 15px;
overflow-x: hidden;
overflow-y: auto;
background: #333 !important;
border: 1px solid gray;
}
#gallery-comments #comments ol li.comment-block:nth-child(odd) {
background: #222 !important;
}
#gallery-comments #comments ol li.comment-block .comment-body p a[href^="/photos/"] {
float: left !important;
height: 18px !important;
width: 18px !important;
margin-right: 5px !important;
}
#gallery-comments #comments ol li.comment-block .comment-body p a[href^="/photos/"] img {
height: 18px !important;
width: 18px !important;
}
#gallery-comments #comments ol li.comment-block .comment-body p a[href^="/photos/"] + br {
display: none !important;
}
#gallery-comments .comment-block.add-comment-form.adding-comment {
flex-basis: 400px;
flex-grow: 2;
height: auto !important;
min-height: 56px !important;
margin-left: 15px;
margin-right: 15px;
padding: 0 !important;
overflow-x: hidden;
overflow-y: auto;
/* border: 1px solid yellow !important; */
}
#gallery-comments .comment-block.add-comment-form.adding-comment textarea#message{
width: 97% !important;
height: auto !important;
min-height: 36px !important;
max-height: 206px !important;
margin: 0px !important;
padding: 5px !important;
overflow-x: hidden;
overflow-y: auto;
/* border: 1px solid yellow !important; */
}
/* (new182) GAL - OLD VIEW - COMMENT - ERROR */
#gallery-comments #bg {
height: 100%;
min-height: 145px !important;
max-height: 145px !important;
width: 100% !important;
min-width: 563px !important;
max-width: 563px !important;
margin-top: 0px !important;
background: white url("https://combo.staticflickr.com/pw/images/bg_error_hold_your_clicks.jpg") no-repeat scroll center center / cover ;
border: 1px solid red !important;
}
#gallery-comments #bg .content {
padding: 0% 0 0 180px !important;
}
/* (new182) GAL - OLD VIEW - REORDER etc - MODAL */
#global-dialog-container ,
#global_dialog.global_dialog.default {
display: block;
width: auto;
left: 0% !important;
top: 20px !important;
margin: 0 !important;
}
#global_dialog.global_dialog .global_dialog_container .wrapper .bd.gallery-thumbs-bd .thumb-widget,
div.global_dialog .global_dialog_container .bd ,
#global_dialog.global_dialog.default .global_dialog_container .wrapper .bd.gallery-reorder-bd ol.reorder-widget.yui3-dd-drop ,
#global_dialog.global_dialog.default .global_dialog_container .wrapper .bd.gallery-reorder-bd ,
#global_dialog.global_dialog.default .global_dialog_container .wrapper ,
#global_dialog.global_dialog.default .global_dialog_container {
width: 99.5% !important;
}
#global_dialog.global_dialog.default .global_dialog_container .wrapper .bd.gallery-reorder-bd ,
#global_dialog.global_dialog .global_dialog_container .wrapper .hd.gallery-thumbs-hd {
width: 99.5% !important;
color: gold !important;
background: #333 !important;
}
#global_dialog.global_dialog.default .global_dialog_container .wrapper .bd.gallery-reorder-bd ol.reorder-widget.yui3-dd-drop ,
#global_dialog.global_dialog .global_dialog_container .wrapper .bd.gallery-thumbs-bd .thumb-widget {
width: 100% !important;
min-height: 26vh !important;
max-height: 86vh !important;
overflow: hidden !important;
overflow-y: auto !important;
border-bottom: 1px solid red !important;
}
.reorder-widget ,
#global_dialog.global_dialog .global_dialog_container .wrapper .bd.gallery-thumbs-bd {
background: #222 !important;
}
/* (new182) ALBUM GALL */
html.fluid.html-gallery-page-view.scrolling-layout .album-container.fluid-centered {
min-width: 100% !important;
max-width: 100% !important;
}
html.fluid.html-gallery-page-view.scrolling-layout .album-container.fluid-centered .photo-list-view{
padding: 5px !important;
}
/* GAL - COUNT IETMS - GM "Superloader" */
.fluid.html-galleries-list-page-view #content .photo-list-view {
display: inline-block !important;
height: 100% !important;
min-height: 2462px !important;
max-height: 2462px !important;
margin-top: 42px !important;
counter-increment: myIndex 1;
counter-reset: myIndex -1 !important;
}
.fluid.html-galleries-list-page-view #content .sp-separator ~ .photo-list-view {
min-height: 2462px !important;
max-height: 2462px !important;
}
/* GAL - LIST - THUMB - INFO BACKG/FAV STAR */
.gallery-page-view .gallery-page-container .photos-section {
display: inline-block !important;
width: 100% !important;
height: auto !important;
min-height: 900px !important;
border-top: 1px solid #333;
}
.html-gallery-page-view .fluid-centered.gallery-page-container .photos-section .photo-list-container .photo-list-view .photo-list-gallery-photo-view.forced-aspect-ratio:not(:hover) .sub-photo-info-bar {
opacity: 1 !important;
visibility: hidden !important;
}
.html-gallery-page-view .fluid-centered.gallery-page-container .photos-section .photo-list-container .photo-list-view .photo-list-gallery-photo-view.forced-aspect-ratio:not(:hover) .sub-photo-info-bar .engagement-item.fave {
opacity: 0.5 !important;
visibility: visible !important;
}
/* (new173) GAL - POPUP ADD from FAV */
.html-gallery-page-view .modal.subview-modal.flex-layout.photo-selector.gallery-faves-selector {
top: 104% !important;
border: 1px solid red !important;
}
/* (new176) GAL - MODAL REORDER/COVER SELEC - AND SOME OTHER PALCEs (.modal.subview-modal.photo-selector) */
.modal.subview-modal.photo-selector ,
.modal.subview-modal.reorder-grid-modal ,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector {
position: fixed !important;
display: inline-block !important;
max-height: 95.9vh !important;
min-height: 95.9vh !important;
max-width: inherit;
min-width: 1905px !important;
left: 0% !important;
top: 4% !important;
margin-left: 2px !important;
margin-top: 1px !important;
overflow: hidden !important;
z-index: 50000000 !important;
}
/* .modal.subview-modal.photo-selector .nav , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .nav {
height: 35px !important;
}
/* .modal.subview-modal.photo-selector .fluid-modal-nav-bar ,
.modal.subview-modal.photo-selector .fluid-modal-nav-content ul ,
.modal.subview-modal.photo-selector .fluid-modal-nav-content ul.links ,
.modal.subview-modal.photo-selector .fluid-modal-nav-content ul.links li , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-bar ,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-content ul ,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-content ul.links ,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-content ul.links li {
height: 30px !important;
line-height: 30px !important;
}
/* .modal.subview-modal.photo-selector .fluid-modal-nav-content ul.links li a , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-content ul.links li a {
height: 25px !important;
padding: 0 !important;
}
/* .modal.subview-modal.photo-selector .close-x , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .close-x {
right: 42px;
top: 6px;
border-radius: 5px !important;
}
.modal.subview-modal.photo-selector .close-x:hover ,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .close-x:hover {
opacity: 1;
}
/* .modal.subview-modal.photo-selector .body.lines , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .body.lines {
height: 87.8vh;
}
/* .modal.subview-modal.photo-selector .body.lines .content.has-footer , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .body.lines .content.has-footer {
height: 87.5vh !important;
border: 1px solid gray;
}
/* .modal.subview-modal.photo-selector .foot , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .foot {
height: 25px !important;
margin-top: 5px !important;
overflow: hidden;
}
/* .modal.subview-modal.photo-selector .foot .buttons , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .foot .buttons {
padding: 0;
}
/* .modal.subview-modal.photo-selector .foot .buttons button.mini.action , */
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .foot .buttons button.mini.action {
height: 23px;
line-height: 27px;
margin: 2px 25px 0 0 !important;
}
.reorder-grid-modal .content.subview ,
.modal.subview-modal.reorder-grid-modal .body {
min-height: 96vh !important;
}
.reorder-grid-view .drag-list-container .drag-drop-item {
height: 90.462px !important;
width: 90.462px !important;
margin-bottom: 8px;
margin-left: 4px;
margin-right: 4px;
}
.drag-tip ,
.drag-interaction-containe .text-container {
color: gold;
}
.reorder-grid-modal-view header {
padding: 5px;
text-align: center;
border-bottom: 1px solid gray;
}
/* (new186) GAL - MODAL - PHOTO FAVS SELECTOR */
/* DISBLED PRIVATE / NOT SELECTED */
.photo-list-photo-view .interaction-view.disabled:not(.disabled-selected)::before {
border-radius: 3px;
box-shadow: 0 0 0 3px red inset !important;
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 5000 !important;
}
.photo-list-photo-view .interaction-view.disabled:not(.disabled-selected)::after {
content: "❌" !important;
position: absolute;
height: 20px;
width: 20px;
left: 7px;
top: 4px;
padding: 2px !important;
text-align: center !important;
border-radius: 50% !important;
opacity: 0.7 !important;
z-index: 500 !important;
background-color: rgba(0, 0, 0, 0.24) !important;
border: 1px solid tomato !important;
}
.photo-list-photo-view .interaction-view.disabled-selected .disabled-overlay, .photo-list-photo-view .interaction-view.disabled .disabled-overlay {
opacity: 0.5 !important;
}
.photo-list-photo-view .interaction-view.active .square,
.photo-list-photo-view .interaction-view.disabled-selected .square {
opacity: 1;
z-index: 500 !important;
}
/* (new176) BUDYICON - DOWNLOAD - DROP ZONE */
.subview-modal.photo-selector .content.subview .view .photo-selector-upload .drop-zone .drop-zone-content {
height: 550px;
position: absolute;
text-align: center;
width: 570px;
}
.subview-modal.photo-selector .content.subview .view .photo-selector-upload .drop-zone .file-select {
height: 21px;
margin-top: 174px;
visibility: visible !important;
background: #222 !important;
}
.html-cameraroll-page-view .modal.subview-modal[style^="max-height: 888px;"] {
width: 1152px;
max-width: 1880px;
max-height: 888px;
left: 40%;
margin-left: -576px;
margin-top: -341.5px;
top: 48%;
overflow: auto;
border: 1px solid red !important;
}
/* GAL - ACT BAR */
.gallery-page-view .action-bar ,
.gallery-page-view .gallery-page-container .action-bar {
position: fixed;
height: 37px !important;
line-height: 37px !important;
left: 0;
right: 0;
top: 0;
z-index: 82;
}
.fluid.html-gallery-page-view .action-bar-content.fluid-centered {
height: 37px !important;
line-height: 37px !important;
}
/* (new174) */
.fluid.html-gallery-page-view #content .action-bar-content.fluid-centered {
width: 100%;
min-width: 1850px !important;
max-width: 1850px !important;
height: 37px ;
line-height: 37px ;
padding-left: 5px;
padding-right: 5px;
}
/* ADD/REORDER/VIEWS SIZE/SHARE - IN ACT BAR */
.gallery-page-view .gallery-page-container .photos-section .photos-section-header {
position: fixed !important;
display: flex;
-moz-box-align: center;
-moz-box-pack: justify;
align-items: center;
justify-content: space-between;
width: 400px ;
height: 37px !important;
line-height: 37px !important;
left: 750px !important;
right: 50px ;
top: 0;
z-index: 82;
border-bottom: 1px solid red;
}
.gallery-page-view .gallery-page-container .photos-section .photos-section-header .layout-tabs .tab.selected svg.icon {
color: #006dac !important;
}
.gallery-page-view .gallery-page-container .action-bar .actions .action.share {
margin-right: 23px !important;
}
/* GAL - POP MENU ADD to POOL/GAL */
.fluid.html-gallery-page-view .droparound.subview-droparound.auto-size .add-to-stuff-view.flickr-view-root-view {
opacity: 1 !important;
}
/* GAL - COM OVERLAY + ADAP ALBUM/SET - ADD TO POOL + GALL POPUP */
.fluid.html-album-page-view body .fluid-droparound-overlay.transparent:not(.transparent) ,
.fluid.html-gallery-page-view body .fluid-droparound-overlay:not(.transparent) {
position: fixed !important;
display: inline-block !important;
z-index: -1 !important;
pointer-events: auto !important;
visibility: visible !important;
}
.fluid.html-album-page-view body .fluid-droparound-overlay.transparent ,
.fluid.html-gallery-page-view body .fluid-droparound-overlay.transparent {
position: fixed !important;
display: inline-block !important;
pointer-events: none !important;
visibility: visible !important;
}
/* GAL - POPUP ADD COM */
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-comments ,
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark {
display: inline-block !important;
width: 390px !important;
height: auto !important;
max-height: 200px !important;
margin-left: 0 !important;
margin-top: 0px !important;
opacity: 1 !important;
z-index: 500000 !important;
}
.gallery-page-remark-view {
padding: 5px !important;
}
.gallery-page-remark-view header {
margin-top: 11px !important;
}
.gallery-page-remark-view .remark-container p {
font-size: 14px;
line-height: 18px;
margin-top: -20px !important;
max-height: 120px !important;
padding-bottom: 20px !important;
overflow: auto;
}
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-comments .remark-container .remark-edit-container {
margin-top: -12px !important;
}
/* GAL - ADD CUR NOTE - PHO ITEM */
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-comments .remark-container .remark-edit-container:before {
position: absolute ;
content: "Add a Curator Note: " ;
top: -2px ;
color: red ;
}
/* GAL - SEE CURA NOTE - POP */
.gallery-page-remark-view .remark-container p:before {
position: absolute ;
content: "Curator Note: " ;
top: -2px ;
color: gold ;
}
/* GAL - COM PHO ITEM */
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark {
position: fixed !important;
max-height: 295px !important;
min-height: 295px !important;
margin-left: 0% !important;
left: 1155px !important;
top: 0px !important;
margin-top: 0px !important;
padding: 20px 0 0;
box-shadow: 0px 7px 5px 5px rgba(0, 0, 0, 0.9) !important;
}
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark .body .content.subview.auto-size .photo-comments-view {
max-height: 270px !important;
min-height: 270px !important;
}
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark .droparrow.up ,
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark .droparrow.down {
left: 0 !important;
right: 0 !important;
top: 275px !important;
}
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark:before {
position: absolute ;
content: "Comment(s) on This Photo: " ;
top: 0px ;
left: 10px ;
color: gold ;
}
.photo-list-gallery-photo-view .remark-container.active ,
.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar.active {
height: 100% ;
left: 0;
}
.fluid.html-gallery-page-view .comment-item-view .comment-item .content-container .comment-content br ,
.fluid.html-gallery-page-view .fluid-droparound-view .comment-item-view.flickr-view-root-view .comment-item .content-container .comment-content br {
display: block !important;
margin-bottom: -1px !important;
}
/* (new186) GAL - COM CONT - TOP ACT BAR */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remove-x-container.invisible ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remove-x-container {
/* opacity: 1 !important; */
/* background: red !important; */
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remove-x-container .remove-x-button {
opacity: 0 !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remove-x-container .remove-x-button {
opacity: 1 !important;
background: red !important;
}
.gallery-page-view .gallery-page-container .comments-section:not(:hover) {
max-width: 300px !important;
background: #222 !important;
}
.gallery-page-view .gallery-page-container .comments-section {
left: 17%;
max-width: 550px;
position: fixed;
display: inline-block !important;
height: 30px !important;
top: 2px !important;
z-index: 50000;
overflow: hidden !important;
}
.gallery-page-view .gallery-page-container .comments-section:hover {
height: auto !important;
}
.gallery-page-view .gallery-page-container .comments-section h2 {
height: 30px !important;
line-height: 30px !important;
padding: 0 ;
}
.gallery-page-view .gallery-page-container .comments-section h2:before {
content: "🔻 Gallerie " ;
height: 30px;
line-height: 30px;
margin-right: 40px ;
padding: 0;
color: gold ;
}
.gallery-page-view .gallery-page-container .comments-section h2:after {
content: " 🔻" ;
height: 30px;
line-height: 30px;
margin-left: 10px ;
padding: 0;
color: gold ;
}
.gallery-page-view .gallery-page-container .comments-section:hover .comments-list-section {
max-height: 514px;
overflow: hidden;
overflow-y: auto;
}
/* GAL - COM ACT */
.fluid.html-gallery-page-view .menu.over-modal.comment-action-menu {
width: auto;
z-index: 50000 !important;
}
/* INFOS */
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar {
height: 70px !important;
padding: 3px 5px 2px !important;
font-size: 14px;
opacity: 1 ;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-containerdetails-container .avatar {
margin-right: 30px;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.title ,
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.attribution ,
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement {
margin-top: 3px !important;
}
/* SM */
.forced-aspect-ratio .photo-list-photo-container .details a:only-of-type {
position: relative !important;
top: 24px !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .engagement {
position: absolute;
bottom: 0;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item:hover ,
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.hidden {
display: flex !important;
color: gray !important;
}
/* GAL - CURA NOTE */
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar {
display: inline-block !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:not(:hover) {
display: inline-block !important;
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
line-height: 15px !important;
bottom: 0px !important;
padding: 0 !important;
opacity: 1 !important;
z-index: 1 !important;
visibility: hidden !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover {
display: inline-block !important;
min-height: 70px !important;
height: auto !important;
line-height: 15px !important;
bottom: 0px !important;
padding: 0 !important;
opacity: 1 !important;
z-index: 1 !important;
}
/* GALL - OVERL NOTE */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present::before {
content: "";
position: absolute;
display: inline-block !important;
min-height: 20px !important;
max-height: 20px !important;
right: 0;
top: 0px ;
left: 0;
bottom: 0px !important;
margin-bottom: 0px !important;
padding: 0px !important;
z-index: -1;
opacity: 1;
/* background: blue !important; */
}
/* GALL - OVERL NOTE - HOVER */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover::before {
min-height: 73px !important;
max-height: 73px !important;
top: 1px ;
z-index: -1;
opacity: 1;
}
/* GAL - PRES/ACT */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-line-container {
position: relative !important;
display: inline-block !important;
width: 94% !important;
height: 100% !important;
min-height: 30px !important;
max-height: 30px !important;
line-height: 15px !important;
top: 0px !important;
margin: 0 !important;
padding: 1px 5px 1px 5px !important;
font-size: 14px;
text-align: left !important;
white-space: pre-line !important;
overflow: hidden;
opacity: 1 !important;
color: #fff;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover .remark-line-container {
display: inline-block !important;
min-height: 70px !important;
max-height: 70px !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-line-container .remark-line {
display: inline-block !important;
height: 30px !important;
line-height: 15px !important;
width: 100% !important;
margin-top: -30px !important;
opacity: 1 !important;
z-index: 1 !important;
overflow-y: auto !important;
}
/* HOVER */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover .remark-line-container .remark-line {
display: inline-block !important;
height: auto !important;
line-height: 15px !important;
width: 100% !important;
margin-top: -13px !important;
opacity: 1 !important;
z-index: 1 !important;
overflow-y: auto !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-line-container .remark-line:not(.hidden) .title {
position: relative !important;
display: inline-block !important;
width: 100%;
min-height: 10px !important;
max-height: 10px !important;
line-height: 10px !important;
top: -19px !important;
bottom: 0 !important;
font-size: 10px;
}
/* GAL - NOTE - HOVER */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-line-container .remark-line:not(.hidden) .remark {
position: relative !important;
display: inline-block !important;
min-width: 100% !important;
max-width: 100% !important;
min-height: 15px !important;
max-height: 165px !important;
line-height: 15px !important;
top: -18px !important;
padding-bottom: 20px !important;
font-size: 15px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover .remark-line-container .remark-line span + span {
position: absolute !important;
display: inline-block !important;
width: 100%;
min-height: 52px !important;
max-height: 52px !important;
line-height: 15px !important;
top: 15px !important;
font-size: 15px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* GAL - NOTE - NOTE BUT */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-button svg.filled {
display: inline-block!important;
position: absolute;
/* right: 0; */
/* bottom: 0 ; */
margin-top: -20px !important;
z-index: 500 !important;
visibility: visible !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-button {
display: inline-block!important;
position: absolute;
right: 0;
bottom: 0 ;
visibility: visible !important;
}
/* .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.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;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:not(:hover) .remark-button[aria-expanded="false"] .icon.icon-remark-filled.filled ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remark-button[aria-expanded="false"] .icon.icon-remark-filled.filled {
background-color: black !important;
}
/* GAL - FAV ICON */
.photo-list-gallery-photo-view .photo-list-photo-container .engagement-item.fave.faved .engagement-icon .icon {
color: red !important;
opacity: 1 !important;
}
/* (new173) TEST VISIBILITY - GAL - PHOT CONTAIN - for VISIT */
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
visibility: visible !important;
opacity: 1 !important;
transition: none !important;
transform: none !important;
outline: 1px solid red !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container.loading .photo-container a.click-target ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container a.click-target {
display: inline-block !important;
width: 100% !important;
min-width: 100% !important;
visibility: visible !important;
opacity: 1 !important;
transition: none !important;
transform: none !important;
outline: 1px solid gray !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .click-target:visited {
outline: 1px solid green !important;
}
/* ==== END - NEW GALLERY ==== */
/* START - VIDO DUR */
.photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:after ,
.photo-well-scrappy-view .height-controller.enable-zoom .photo-well-media-scrappy-view:not(.is-real-fullscreen) .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:after {
content: attr(aria-valuetext) ;
position: fixed ;
display: inline-block ;
height: 20px ;
line-height: 20px ;
width: 100px ;
left: 296px ;
top: 80px ;
font-size: 15px ;
text-align: right ;
word-spacing: 10px ;
opacity: 1 ;
visibility: visible ;
}
.photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:before ,
.photo-well-scrappy-view .height-controller.enable-zoom .photo-well-media-scrappy-view:not(.is-real-fullscreen) .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:before {
content: "video lenght:" ;
position: fixed ;
display: inline-block ;
height: 20px ;
line-height: 9px ;
width: 59px ;
left: 296px ;
top: 80px ;
padding-left: 5px ;
font-size: 10px ;
opacity: 1 ;
visibility: visible ;
z-index: 50000000 ;
}
/* FULL */
.photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:after {
content: attr(aria-valuetext) ;
width: 100px ;
left: 646px !important;
top: 80px !important;
}
.photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:before {
left: 646px !important;
top: 80px !important;
}
/* START STR OLD WAY - with DETAIL */
/* SHARE */
.zeus.new-footer.new-header.super-liquid.extras.header-underlap #global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar.nav-links.nav-links-tools.clearfix:not(:empty) {
left: 700px !important;
}
.PhotoStream {
margin-bottom: 15px;
margin-top: 80px !important;
}
body.zeus .PhotoStream.ps-photos-only .PhotosColumn .photo-display-item,
body.zeus .PhotoStream.ps-photos-only .photo-display-item {
float: left !important;
width: 195px !important;
height: 390px !important;
margin-bottom: 4px !important;
margin-left: 4px !important;
padding-left: 5px !important;
padding-right: 5px !important;
border: 1px solid gray;
}
body.zeus .PhotoStream.ps-photos-only .PhotosColumn .photo-display-item .thumb {
position: relative;
max-width: 197px !important;
height: auto !important;
margin-top: -12px !important;
text-align: center !important;
}
body.zeus .PhotoStream.ps-photos-only .PhotosColumn .photo-display-item .thumb .photo_container {
margin-top: 0px !important;
}
body.zeus .PhotoStream.ps-photos-only .PhotosColumn .photo-display-item .thumb img {
max-width: 187px !important;
height: auto !important;
}
.photostream-photo.photo-display-item .hover-target .title {
display: inline-block !important;
height: auto !important;
max-height: 45px !important;
width: 199px !important;
word-wrap: break-word !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
overflow-y: auto !important;
}
/* STREAM OLD WAY - (SET ???) - EDIT TITLE - MULTILINE not working with CSS need textarea */
.StreamView h4 {
margin-bottom: 0;
font-size: 14px;
overflow: hidden !important;
color: red !important;
}
.photostream-photo.photo-display-item .hover-target .meta .StreamView .Desc .insitu-trigger.insitu-hint.insitu-editing {
position: fixed !important;
height: auto !important;
width: 50% !important;
top: 39% !important;
left: 25% !important;
padding-bottom: 20px !important;
word-wrap: break-word !important;
white-space: pre-wrap !important;
overflow: hidden !important;
overflow-x: auto !important;
-moz-appearance: none !important;
z-index: 5000 !important;
color: red !important;
}
.ps-photos-only h4.insitu-editing {
position: fixed !important;
display: inline-block !important;
height: auto !important;
width: 49.5% !important;
top: 34% !important;
left: 25% !important;
padding: 5px !important;
word-wrap: break-word !important;
white-space: pre-wrap !important;
overflow: hidden !important;
overflow-x: auto !important;
-moz-appearance: none !important;
z-index: 5000 !important;
color: red !important;
}
.ps-photos-only h4.insitu-editing input.insitu-value {
display: inline-block !important;
height: auto !important;
width: 98.6% !important;
word-wrap: break-word !important;
white-space: pre-wrap !important;
overflow: hidden !important;
overflow-x: auto !important;
-moz-appearance: none !important;
z-index: 5000 !important;
color: red !important;
}
.photostream-photo.photo-display-item .hover-target .meta .StreamView .Desc .insitu-trigger.insitu-hint.insitu-editing textarea.insitu-value {
width: 98%;
max-width: 98% !important;
margin-left: 5px !important;
margin-top: 5px;
}
/* END == TEST - STREAM OLD WAY - DETAIL (&details=1) ===== */
/* PHO - EDIT PRIVACY PAGE */
.photoDetails {
clear: none;
float: left;
margin-bottom: 20px;
margin-left: 40px;
margin-right: 20px;
text-align: center;
width: 100%;
}
.privacyDetails {
display: inline-block !important;
clear: none;
float: none !important;
width: 100% !important;
padding-left: 30% !important;
text-align: left !important;
}
.privacyDetails form ,
.privacyDetails p {
padding: 5px;
width: 36% !important;
}
.privacyDetails form {
border-radius: 4px !important;
border: 1px solid gray !important;
}
.privacyDetails form blockquote::before {
float: left ;
}
.privacyDetails form blockquote::after {
margin-top: -23px ;
float: right ;
}
.privacyDetails form p {
width: 99% !important;
border-radius: 4px !important;
text-align: center !important;
border: 1px solid gray !important;
}
/* START == APP GARDEN ==== */
#DiscussPhoto {
position: absolute !important;
clear: both;
width: 788px !important;
height: 790px !important;
right: 0 !important;
top: 26px !important;
padding: 27px !important;
border: 1px solid gray !important;
border-radius: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
#Photo {
position: static !important;
float: none !important;
width: 999px !important;
margin-left: 50px !important;
margin-top: 20px;
padding: 27px !important;
border: 1px solid gray !important;
border-radius: 5px !important;
}
#col-left .module {
top: -20px ;
}
.app-list ul li {
display: inline-block;
line-height: 14px;
width: 187px !important;
}
#Main #top-about + #col-left {
margin-left: 35px ;
height: 758px ;
width: 920px ;
padding: 5px 27px ;
border: 1px solid gray ;
border-radius: 5px ;
}
#Main #top-about + #col-left + #col-right {
margin-right: 35px ;
width: 700px ;
height: 630px ;
padding: 27px ;
border: 1px solid gray ;
border-radius: 5px ;
}
#the-developers +.module + h3 {
display: inline-block ;
margin-top: -222px ;
margin-left: 400px ;
position: absolute ;
}
#make-other-stuff {
display: inline-block ;
margin-left: 400px ;
position: relative ;
top: -212px ;
padding: 25px ;
border: 1px solid gray ;
border-radius: 5px ;
}
#make-other-stuff li a {
display: inline-block ;
font-size: 19px ;
}
/* APPS PAGES - TAGS - === */
.TagList #thetags {
width: 100% ;
height: 100px !important;
padding: 0;
border: 1px solid gray;
overflow: hidden ;
overflow-y: auto ;
}
.RHS ul {
margin-top: -3px ;
}
.RHS ul.rhs-data .Stats {
display: inline-block ;
width: 130px ;
overflow: hidden ;
text-overflow: ellipsis ;
}
/* APPS BY AUT */
#ag-user-promo {
position: absolute;
width: 233px ;
height: 60px ;
left: 5px ;
top: 49px ;
padding: 5px ;
border-radius: 5px ;
overflow: hidden ;
}
#ag-user-promo h3 {
margin: -2px 0 0 ;
}
#ag-user-promo:hover {
height: auto ;
}
#apps-go-here-wide {
float: left;
width: 100% ;
}
.app-summary {
float: left;
width: 857px !important;
height: 130px !important;
margin: 0 32px 5px 7px ;
top: 12px ;
padding: 5px ;
padding-bottom: 10px ;
border: 1px solid gray ;
text-align: left ;
}
#apps-weve-noticed .app-summary.big .app-summary-details {
position: static;
width: 597px ;
margin-top: -129px ;
padding-left: 234px ;
}
.app-summary-screenshot {
height: 75px ;
width: 757px ;
margin-right: 0 ;
margin-bottom: 7px ;
text-align: center ;
}
#apps-go-here-wide .app-summary-details {
width: 100% ;
}
ul.app-list li {
display: inline-block ;
float: left;
height: 130px;
line-height: 13px;
margin: -10px 10px 9px 8px ;
overflow: hidden;
padding-bottom: 0px;
padding-right: 0px;
width: 205px ;
}
.app-list span.photo_container {
display: inline-block ;
width: 196px ;
text-align: center ;
border: 1px solid gray ;
}
ul.app-list li .photo_container .photo_container a .pc_img {
display: inline-block ;
height: auto !important;
width: 90px !important;
}
.app-summary.big.clearfix span.photo_container a img {
display: inline-block;
image-rendering: optimizequality;
position: relative;
height: 125px !important;
width: auto !important;
vertical-align: bottom;
}
/* END == APP GARDEN ==== */
/* (new185) POOL DISC - GAL/ALB - CAPTION */
#DiscussTopic a[href*="/albums/"] img[width="500"] ,
#DiscussTopic a[href*="/galleries/"] img[width="500"] {
height: auto;
max-width: 470px ;
vertical-align: text-bottom ;
}
#DiscussTopic a[href*="/albums/"] ,
#DiscussTopic a[href*="/galleries/"] {
display: inline-block ;
min-height: 100% !important;
min-width: 100% !important;
padding: 5px ;
text-align: center ;
outline: 1px solid gray
}
#DiscussTopic a[href*="/albums/"]:before ,
#DiscussTopic a[href*="/galleries/"]:before {
content: "Gallerie : "attr(title) !important;
display: inline-block ;
width: 100% ;
margin-top: 5px ;
font-size: 20px ;
}
#DiscussTopic a[href*="/albums/"]:after {
content: "Album : "attr(title) ;
}
/* END == POOL DISC/GAL CAPTION ==== */
/* (new185) POOL BETA - HOME - GAL */
#groups-about .description a[href*="galleries/"] + br ,
#groups-about .description a[href*="galleries/"] + br + br ,
.fluid.html-group-home-page-view .group-description > a[href*="/galleries/"] + br ,
.fluid.html-group-home-page-view .group-description > a[href*="/galleries/"] + br {
display: none !important;
}
#groups-about .description a[href*="galleries/"] ,
.fluid.html-group-home-page-view .group-description > a[href*="/galleries/"] {
position: relative !important;
/* display: inline-block !important; */
float: left !important;
width: 47% !important;
height: 270px !important;
margin: 0px 5px 5px 0 !important;
padding: 5px !important;
text-align: center !important;
border-radius: 5px !important;
background: #333 !important;
border: 1px solid #111 !important;
}
#groups-about .description a[href*="galleries/"]:before ,
.fluid.html-group-home-page-view .group-description > a[href*="/galleries/"]:before {
content: attr(title)" :" !important;
position: relative !important;
display: inline-block !important;
width: 97.7% !important;
padding: 5px !important;
border-radius: 5px 5px 0 0 !important;
background: #111 !important;
}
#groups-about .description a[href*="galleries/"] img ,
.fluid.html-group-home-page-view .group-description > a[href*="/galleries/"] img {
display: inline-block;
width: 97.7%!important;
height: 225px !important;
margin: 5px 0 0px 0 !important;
padding: 5px !important;
border-radius: 0 0 5px 5px !important;
object-fit: contain !important;
background: #111 !important;
}
/* (new178) PHO - NOTES - EXPAND - ICON EXPAND IMAGE > COM FORM - HOVER + ADD NOTE INDIC */
.photo-notes-scrappy-view ,
.photo-notes-scrappy-view.is-ready {
z-index: 2500 !important;
}
.photo-notes-scrappy-view.box-hovered ,
.photo-notes-scrappy-view.box-hovered.is-ready {
z-index: 50000 !important;
}
.photo-notes-scrappy-view::after,
.photo-notes-scrappy-view.box-hovered::after,
.fluid.html-photo-page-scrappy-view .height-controller .photo-well-media-scrappy-view.requiredToShowOnServer + .photo-notes-scrappy-view::after,
.fluid.html-photo-page-scrappy-view .height-controller .photo-well-media-scrappy-view + .photo-notes-scrappy-view::after {
content: " ⿹📝" ;
position: fixed ;
display: inline-block ;
float: left ;
clear: left ;
width: 34px ;
height: 22px ;
line-height: 22px ;
left: 1500px ;
bottom: 0px ;
padding: 0px ;
border-radius: 3px ;
font-weight: bold ;
text-align: center ;
font-size: 14px ;
opacity: 0.4 ;
visibility: visible ;
z-index: 500!important;
transition: opacity 0.1s ease 0s, transform 0.5s ease 0s ;
}
.fluid.html-photo-page-scrappy-view .photo-page-scrappy-view .height-controller .photo-notes-scrappy-view.box-hovered:hover:after {
content: "📝 Add a Note: \A Hold down \A LEFT mousebutton \A and drag an area" ;
height: 50px ;
line-height: 12px ;
min-width: 150px ;
bottom: 5px ;
padding: 0 5px ;
font-size: 13px ;
white-space: pre ;
cursor: move ;
transform: scale(1) ;
text-align: left ;
z-index: 500 !important;
opacity: 1 ;
color: red ;
}
/* START == GM Super_preloaderPlus_one_New == POOL DISC/GAL CAPTION */
/* FAVS */
.sp-separator + .photo-list-view,
.fluid.html-favorites-page-view .photo-list-view ~ .photo-list-view + .sp-separator + .photo-list-view {
margin-top: 24px !important;
}
/* END == POOL DISC/GAL CAPTION == */
/* START == ORGANIZE ==== */
#findr {
width: 1905px !important;
}
#findr_mover_div {
min-height: 85px !important;
left: 0;
position: relative;
top: 0;
}
/* END == ORGANIZE == */
/* START == STATS ==== */
#bod {
display: inline-block !important;
margin-top: -20px !important;
}
#breakdown ,
#Main h2.breakdown ,
#refs ,
#Main h2.refs ,
#mostviewed ,
#Main h2.mostviewed ,
#Main #snapshot ,
#Main h2.snapshot ,
#graph {
width: 760px !important;
}
#graph {
margin-left: 14px !important;
}
#Main h2.mostviewed {
position: absolute !important;
display: inline-block !important;
top: -14px !important;
right: 20px !important;
}
#mostviewed {
position: absolute !important;
display: inline-block !important;
top: 45px !important;
right: 20px !important;
}
#mostviewed div div {
margin-top: -2px !important;
padding: 2px !important;
}
#mostviewed div div a ,
#mostviewed div div a:visited {
display: inline-block !important;
padding: 2px !important;
}
#Main h2.breakdown {
position: absolute !important;
display: inline-block !important;
top: 570px !important;
right: 20px !important;
}
#breakdown {
position: absolute !important;
display: inline-block !important;
top: 615px !important;
right: 20px !important;
padding: 0 !important;
}
#breakdown .left,
#breakdown .mdl,
#breakdown .right {
margin-top: 34px !important;
float: left;
width: 226px;
}
/* END == STATS PAGES ==== */
/* START == CTS RELAD (ACT/MEMB/CONT/MAIL) ===== */
/* CTS - TOP HEAD */
.contact-list-header {
position: absolute ;
display: inline-block ;
width: 1340px ;
height: 30px ;
top: 80px ;
left: 250px ;
padding: 0 4px ;
}
/* CTS - FOL */
table.contact-list-table {
position: absolute ;
display: inline-block ;
width: 1345px ;
left: 250px ;
margin-top: 30px ;
}
/* CTS - PEOP YOU FOL - YOU LIST THEM "NOTHING YET"= */
.contact-list-nothingyet:after {
content: "X" ;
position: absolute ;
left: -20px ;
font-size: 20px ;
color: red ;
}
/* (new185) PEOP YOU FOL - PHOT of - ONE BY USER - SMALL THUMB */
.HoldPhotos {
width: 980px !important;
margin-left: 418px !important;
outline: 1px solid violet;
}
.HoldPhotos p.RecentPhotos {
font-size: 0 ;
}
p.RecentPhotos a[href^="/people/"] {
display: inline-block ;
width: 70px ;
height: 16px ;
line-height: 18px ;
margin-top: 2px ;
font-size: 11px ;
text-overflow: ellipsis ;
white-space: nowrap ;
overflow: hidden ;
}
/* CTs */
#Main > table.contact-list-table ,
#Main > table.contact-list-table.contact-list-table-default {
min-width: 1357px !important;
max-width: 1357px !important;
margin-top: 30px !important;
}
.contact-list-table.contact-list-table-default>tbody>tr ,
.contact-list-table.contact-list-table-default>thead ,
.contact-list-table.contact-list-table-default>tbody ,
.contact-list-table.contact-list-table-default>thead>tr {
display: inline-block ;
width: 1357px ;
}
.contact-list-table.contact-list-table-default>thead>tr>th:first-of-type {
padding-left: 31px !important;
}
.contact-list-table.contact-list-table-default>thead>tr>th.contact-list-name {
width: 603px !important;
padding-left: 12px ;
font-size: 18px ;
}
td.contact-list-name {
width: 612px ;
}
.contact-list-table.contact-list-table-default>thead>tr>th.contact-list-num {
width: 100px ;
text-align: center ;
}
th.contact-list-num ,
td.contact-list-num {
width: 120px !important;
text-align: center ;
}
td.contact-list-num a {
display: inline-block ;
width: 100% ;
min-width: 90px ;
max-width: 90px ;
padding: 2px 0 ;
border-radius: 3px ;
text-align: center ;
}
th.contact-list-last ,
td.contact-list-last {
width: 125px ;
text-align: center ;
}
.contact-list-table.contact-list-table-default>thead>tr>th.contact-list-location {
width: 165px ;
padding-left: 5px ;
font-size: 18px ;
}
.contact-list-table.contact-list-table-default tbody td.contact-list-location{
width: 167px !important;
text-align: left ;
}
.contact-list-table.contact-list-table-default>thead>tr>th.contact-list-added.contact-list-sorted {
width: 196px !important;
padding-left: 8px ;
font-size: 17px ;
}
table.contact-list-table th.contact-list-youthem {
width: 168px !important;
padding: 0px 0 0 5px;
white-space: nowrap;
}
td.contact-list-added.contact-list-sorted {
width: 194px !important;
text-align: center ;
}
.contact-list-table tbody tr .contact-list-name > a:not([id*="CFS"]) span ,
.contact-list-table tbody tr .contact-list-name > a {
position: relative ;
display: inline-block ;
height: 15px ;
top: 0px ;
}
.contact-list-table tbody tr .contact-list-name > a[id*="CFS"] span {
float: left !important;
font-size: 15px ;
}
.contact-list-table tbody tr .contact-list-name > a +span +span.contact-list-fullname ,
.contact-list-table tbody tr .contact-list-name > a +span +span.contact-list-nofullname {
text-align: left ;
white-space:pre-wrap ;
}
td.contact-list-youthem {
width: 160px ;
text-align: right ;
}
.contact-list-table>thead>tr>th ,
.contact-list-table td ,
.contact-list-num a {
border: 1px solid gray !important;
}
/* CTS - PAG */
.contact-list-table + #paginator-module.Pages {
position: absolute ;
display: inline-block ;
height: 25px ;
margin-bottom: 20px ;
top: -6px ;
right: 519px ;
white-space: nowrap ;
}
.contact-list-table + #paginator-module.Pages .Results {
margin-top: 12px ;
text-align: center;
}
#tagspanid {
position: relative ;
display: inline-block ;
width: 100% ;
padding: 1px 0 1px 5px ;
}
#tagslist > p {
position: relative ;
display: inline-block !important;
float: right ;
clear: both ;
width: 900px ;
height: 720px ;
right: 10px ;
top: 50px ;
padding: 0 10px ;
overflow: hidden ;
overflow-y: auto ;
}
/* ==== CTS ==== */
/* CTS - PAG */
.PeopleResults ~ #paginator-module {
position: absolute ;
left: 975px ;
top: 0px ;
width: 30% ;
}
/* CTS/ALB - TOP HEA - === */
body.zeus.quirks Table#SubNav {
display: inline-block ;
width: 70% ;
margin-bottom: 20px ;
margin-top: 10px ;
margin-left: 250px ;
text-align: center ;
}
body.zeus.quirks Table#SubNav tbody {
display: inline-block ;
width: 100% ;
padding: 5px ;
text-align: left ;
border-radius: 5px ;
border: 1px solid gray ;
}
body.zeus.quirks Table#SubNav + h3 {
width: 90% ;
margin-left: 50px ;
text-align: center ;
}
.PeopleResults {
display: inline-block ;
width: 660px ;
margin: 20px auto 20px -500px ;
}
#tagslist +h3 +.PeopleResults {
float: left ;
margin: 20px auto 20px -500px ;
}
#tagslist +h3 +.PeopleResults > tbody {
display: inline-block ;
margin-left: 540px ;
max-width: 940px ;
min-width: 940px ;
outline: 1px solid TAN ;
}
#tagslist +h3 +.PeopleResults > tbody tr {
position: relative !important;
display: inline-block !important;
left: -40px !important;
max-height: 90px !important;
min-height: 90px !important;
max-width: 470px !important;
min-width: 470px !important;
margin-top: -20px !important;
margin-bottom: 50px !important;
}
#tagslist +h3 +.PeopleResults > tbody > tr > td.Who {
border-radius: 0 3px 3px 0 !important;
max-height: 70px !important;
min-height: 70px !important;
max-width: 160px !important;
min-width: 160px !important;
}
#tagslist +h3 +.PeopleResults > tbody > tr > td.Icon {
max-height: 70px !important;
min-height: 70px !important;
border: 1px solid gray !important;
border-radius: 3px 0 0 3px !important;
}
/* COTS FOL THUMB */
#contacts-thumbs-wrapper #thumbnails {
width: 1920px !important;
margin-top: 0px !important;
overflow: visible !important;
}
#contacts-thumbs-wrapper #thumbnails.ju .row {
position: relative !important;
display: inline-block !important;
max-height: 280px !important;
min-height: 280px !important;
width: 1100px !important;
vertical-align: top !important;
margin-bottom: -55px !important;
margin-top: -80px !important;
margin-left: -203px !important;
overflow: visible !important;
transform: scale(0.4) !important;
}
/* CTS FOL THUMB - BUT OPT LIGHT BOX */
.searchified-options .searchified-options-view {
position: relative !important;
float: left !important;
left: 16px !important;
}
/* POOL ADM - MEMB */
#group-members h2.title {
font-size: 24px !important;
margin-top: 54px !important;
}
#group-members .mem-list.clearfix {
margin-bottom: -42px !important;
}
/* POOL ADM - MANAGE MEMB/CONT/REC ACT */
#Main p#admin_intro {
width: 1900px !important;
margin-top: 59px;
text-align: center !important;
color: tan !important;
}
script#subnav-template-positionmask h1#Tertiary {
position: relative !important;
display: inline-block !important;
width: 100% !important;
margin-top: 50px !important;
text-align: center !important;
}
.MemberCurrently {
float: none !important;
width: 180px !important;
margin-left: 1350px !important;
margin-top: -55px !important;
margin-bottom: -74px !important;
padding: 0px 10px !important;
border: 1px solid gray !important;
}
#admin_cols {
position: relative !important;
display: inline-block !important;
width: 100% !important;
}
.admin_col {
position: relative !important;
display: inline-block !important;
left: 323px !important;
margin-left: 204px !important;
margin-right: -95px !important;
}
.char_search ,
#Tertiary + .Tab + .char_search {
position: absolute !important;
display: inline-block !important;
width: 364px !important;
height: 25px !important;
margin-left: 53px !important;
top: 5px !important;
}
.char_search h3 {
display: inline-block !important;
width: 300px !important;
margin-top: -7px !important;
}
#Tertiary + .Tab {
width: 1689px !important;
left: 108px !important;
top: 52px !important;
padding-bottom: 4px;
}
/* POOL ADM - MEM LIST */
.MembersList {
position: relative !important;
display: inline-block !important;
margin-left: 100px !important;
width: 1700px !important;
margin-top: 120px !important;
padding: 5px;
text-align: center;
border-radius: 5px ;
vertical-align: top;
border: 1px solid red !important;
}
h1#Tertiary + h3.Tab + .MembersList {
margin-top: 50px !important;
}
#Tertiary + .Tab + .char_search + table#MemberList {
margin-top: 60px !important;
}
/* POOL ADM - MODER LIST */
.Tab +#MemberList >tbody {
position: relative!important;
display: inline-block !important;
min-width: 900px!important;
margin-left: 300px !important;
margin-top: -63px !important;
}
.Tab + #MemberList > tbody {
position: relative!important;
display: inline-block !important;
min-width: 1800px!important;
margin-left: 20px !important;
margin-top: 0px !important;
}
.Tab +#MemberList >tbody tr>td:nth-child(2) {
width: 550px !important;
}
#MemberList td {
border-bottom: 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) b a ,
.char_search + #MemberList tr td:nth-child(2) b a {
display: inline-block !important;
font-size: 9px !important;
}
/* not PM */
#MemberList tr td:nth-child(2) > a:first-of-type,
.char_search + #MemberList tr td:nth-child(2) > a:first-of-type {
display: inline-block !important;
font-size: 18px !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 MEMB - BAN LIST */
#GoodStuff #MemberList {
position: relative !important;
width: 1383px !important;
margin-top: 20px !important;
left: -101px !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 ADM - BUT 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-radius: 5px ;
border: 1px solid gray !important;
}
.Person a {
display: inline-block !important;
width: 100px !important;
height: 90px !important;
line-height: 15px !important;
overflow: hidden ;
text-overflow: ellipsis ;
}
/* POOL ADM - DEL MEMB- TXT "Also Remove" */
#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;
}
#MemberList tr[id^="member_"] form .Butt {
display: inline-block !important;
padding: 2px !important;
border-radius: 5px !important;
font-size: 10px !important;
text-align: center !important;
border: 1px solid gray !important;
}
/* MEMB - ACT - UNINVIT/BAN etc MES */
#MemberList td > i {
position: absolute;
display: inline-block !important;
width: 300px !important;
line-height: 15px !important;
top: -40px! important;
padding: 2px !important;
border: 1px solid gray !important;
border-radius: 5px !important;
font-size: 15px !important;
text-align: center !important;
z-index: 1500 !important;
color: gold !important;
}
/* === PROF - CTS - MAIL === */
/* CTS 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;
text-align: center !important;
color: #9C9898 !important;
}
.PeopleResults>tbody>tr>td.Who> p b {
float: left !important;
clear: none !important;
height: 25px !important;
line-height: 11px !important;
width: 100% !important;
text-align: center !important;
color: gray !important;
}
.PeopleResults>tbody>tr>td.Icon {
border-radius: 3px 0 0 3px !important;
border: 1px solid gray !important;
}
.PeopleResults>tbody>tr>td.Icon+.Who+.Icon {
margin-left: 10px !important;
left: 100px !important;
}
.PeopleResults .Icon a img.BuddyIconX {
margin-left: 5px !important;
margin-top: 4px !important;
}
/* CTS PAGE - ADD */
#SubNav .Extras {
position: absolute !important;
display: inline-block !important;
vertical-align: top;
width: 100% !important;
top: 75px !important;
left: 255px !important;
white-space: nowrap !important;
text-align: center !important;
}
#Main table#SubNav tbody tr td.Extras p span.photo_navi_contact {
position: absolute !important;
display: inline-block !important;
top: 5px !important;
left: 0px !important;
}
#Main table#SubNav tbody tr td.Extras p span.photo_navi_contact>a[onclick*="return false"]:before {
position: absolute ;
display: inline-block ;
content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/useradd.png") ;
transform: scale(0.7,0.7) ;
margin-top: -15px ;
margin-left :-36px ;
}
/* CTS PAGE - EDIT */
#Main table#SubNav tbody tr td.Extras p span.photo_navi_contact .edit_relationship {
position: absolute !important;
display: inline-block !important;
margin-left: 36px !important;
}
#Main table#SubNav tbody tr td.Extras p span.photo_navi_contact .edit_relationship a:after {
position: absolute ;
display: inline-block ;
content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/user.png") ;
transform: scale(0.7,0.7) ;
margin-top: -10px ;
margin-left: -0px ;
}
/* REC ACTIVITY ==== */
#Main .tt-col1 {
position: relative;
vertical-align: top;
width: 697px ;
left: 640px ;
}
#tt-recent-nav {
height: 21px ;
width: 630px ;
left: -565px ;
top: -18px ;
text-align: left ;
border: 1px solid gray ;
}
#tt-activity-box {
position: relative ;
display: inline-block ;
width: 1910px ;
left: -630px ;
}
#recent-activity {
width: 1910px ;
}
#tt-recent .tt-col2 {
position: absolute ;
width: 380px ;
height: 50px ;
left: 1470px ;
top: -43px ;
overflow: hidden ;
}
#tt-recent .tt-col2:hover {
height: auto ;
}
/* REC ACT - 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 ;
}
/* 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 - CTS or NOT - ICONS - FOL/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 PHO */
.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 ;
}
/* VISITED */
.act-thumb a .pc_img {
outline: 1px solid gray ;
}
.act-thumb a:visited .pc_img {
outline: 1px solid green ;
}
/* 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-data>div:first-of-type ,
.tt-comment-count.compact {
font-size: 0px ;
}
.act-data>div:first-of-type h2 a {
font-size: 15px ;
}
.act-data>div:first-of-type b + b ,
.act-item > .act-data > div b {
position: relative ;
display: inline-block ;
height: 12px ;
line-height: 10px ;
vertical-align: top ;
margin-top: 0px ;
font-size: 10px ;
}
.act-data>div:first-of-type b + b {
width: 70px ;
padding-left: 3px ;
overflow: hidden ;
}
/* REC ACT - H2 - CONTACT */
.act-item.f-contacted h2 {
position: relative ;
display: inline-block ;
min-height: 45px;
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 - COM - CONT - REV ORDER */
.act-item > .act-data > ul.act-details {
position: absolute ;
display: flex ! important;
flex-direction: column-reverse !important;
justify-content: flex-end;
min-width: 285px ;
max-width: 285px ;
height: 100% !important;
min-height: 95px !important;
max-height: 95px !important;
left: 81px ;
top: 5px !important;
bottom: 0 !important;
overflow: hidden !important;
overflow-y: auto !important;
}
ul.tt-activity ul.act-details li.act-detail-item ,
.act-item > .act-data > ul.act-details li:not(.f-group_invite) {
display: flex !important;
flex-basis: 222px !important;
flex-grow: 1 !important;
min-width: 210px !important;
max-width: 210px !important;
min-height: 70px ! important;
margin-right: 0px ! important;
margin-left: 0px !important;
margin-bottom: 3px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new173) */
#recent-activity.tt-activity li.act-detail-item:not(.f-comment):not(.f-group_invite) {
min-width: 280px !important;
max-width: 280px !important;
min-height: 15px ! important;
max-height: 15px ! important;
}
/* FAVED*/
#recent-activity.tt-activity li.act-detail-item.f-fave.f-your-photo-their-fave {
display: inline-block !important;
min-height: 38px ! important;
max-height: 38px ! important;
padding-left: 30px !important;
}
#recent-activity.tt-activity li.act-detail-item.f-fave.f-your-photo-their-fave> .act-who {
margin-top: 15px !important;
}
#recent-activity.tt-activity li.act-detail-item.f-fave.f-your-photo-their-fave>a:first-of-type {
display: inline-block !important;
min-width: 237px !important;
height: 15px !important;
margin-left: 5px !important;
margin-top: 0px !important;
white-space: nowrap!important;
}
/* 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 - GAL */
#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 CONT */
recent-activity.tt-activity .f-contacted ul.act-details li.act-detail-item {
width: 250px ! important;
min-height: 50px !important;
max-height: 50px !important;
top: -19px ! important;
left: 0px ! important;
}
/* (new173) */
ul.tt-activity .f-contacted ul.act-details li.act-detail-item .act-content {
margin-top: 10px;
}
/* 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: 227px ;
height: 15px;
left: 0px ;
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 ;
margin-bottom: -8px;
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: -8px ;
left: -24px;
}
/* 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: 7px ;
margin-left: 5px ;
padding: 0 5px ;
border-radius: 5px ;
text-align: center ;
}
/* REC ACT - COM - Add Com + MUTE ICON */
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 ;
}
.act-item.f-contacted>.act-data>ul.act-details {
display: inline-block ;
min-width: 277px ;
max-width: 277px ;
min-height: 50px !important;
max-height: 50px !important;
left: -6px ;
top: 55px !important;
padding: 5px ;
border: none ;
overflow: visible ;
}
#recent-activity .act-item.f-contacted .act-data ul.act-details li.act-detail-item {
position: relative;
width: 222px ;
min-height: 100px !important;
margin-bottom: -2px ;
margin-left: 2px ;
margin-top: 0px;
padding: 12px 5px 3px 0px ;
border-bottom: 1px dotted aqua ;
}
/* REC ACT - READ ALL COM */
.tt-activity .act-content > div {
position: relative ;
display: inline-block ;
min-width: 235px ;
max-width: 235px ;
top: -10px ;
left: -28px ;
font-size: 12px ;
}
/* REC ACT - READ OWN COM */
.act-detail-item.own-activity .act-content > div {
top: 5px ;
}
.act-detail-item.f-their-photo-their-comment .act-content > div {
left: -23px ;
}
.act-detail-item.f-their-photo-their-comment.tt-first .act-content > div {
left: -47px ;
}
.tt-activity .act-content > div span {
display: inline-block ;
max-width: 143px ;
white-space: pre-wrap ;
}
ul.act-details div.act-content > div img {
float: right !important;
margin: 7px 85px 0 0 ;
clear: both ;
}
/* 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.tt-first .act-when{
position: absolute ;
display: inline-block ;
float: none ! important;
width: 245px ;
height: 12px ;
line-height: 12px ;
top: 0px ;
left: 23px ;
padding-left: 3px ;
}
ul.tt-activity ul.act-details li.act-detail-item .act-when{
position: relative ;
display: inline-block ;
float: none ! important;
width: 230px ;
height: 12px ;
line-height: 10px ;
top: -7px ;
left: -34px ;
padding-left: 3px ;
text-align: left ;
}
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 PROF + 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 ;
}
/* (new173) REC ACT - INVITE */
/* (new173) POOL INVIT */
#recent-activity.tt-activity ul.act-details li.act-detail-item.f-group_invite .act-when {
position: absolute !important;
display: inline-block !important;
font-size: 10px;
margin-bottom: 20px !important;
min-width: 150px !important;
margin-left: 67px !important;
top: 0 !important;
}
#recent-activity.tt-activity li.act-detail-item.f-group_invite {
display: inline-block ;
min-width: 265px !important;
min-height: 170px !important;
max-height: 100% !important;
margin-left: 0px !important;
margin-top: 3px !important;
padding: 3px !important;
overflow: hidden ;
z-index: 500000 ;
border: 1px solid red !important;
}
.act-details .act-who + .invitePhoto {
display: inline-block ;
min-width: 220px !important;
max-width: 220px !important;
min-height: 150px !important;
max-height: 100% !important;
margin-left: 30px !important;
margin-top: 12px !important;
padding: 0px 5px !important;
border: 1px solid green !important;
}
.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: 10px;
left: 15px !important;
padding: 5px;
}
/* REC ACT - PAGI TT PAGE */
#tt-pages {
position: absolute ;
display: inline-block ;
height: 32px ;
left: 720px ;
top: 0px ;
padding: 0 5px ;
border: 1px solid gray ;
}
#tt-pages #paginator-module.Pages {
height: 25px ;
margin: -8px 0 0 ;
text-align: center ;
}
#tt-pages #paginator-module.Pages .Results {
margin-top: 3px ;
text-align: center ;
}
/* REC ACT - FEED + SLID BUT */
#tt-pages + #Feeds {
left: -50px !important;
}
#tt-pages + #Feeds {
position: absolute ;
display: inline-block ;
height: 15px ;
top: 0px ;
left: 0px ;
margin-top: 0 ;
font-size: 0 ;
}
#tt-pages + #Feeds #AtomRSS {
position: absolute ;
display: inline-block ;
width: 15px ;
height: 15px ;
top: 3px ;
left: 80px ;
font-size: 0 ;
}
#tt-pages + #Feeds #AtomRSS > div {
margin-bottom: -15px !important;
}
/* RSS MAIL */
#tt-pages + #Feeds #AtomRSS > div {
height: 15px ;
line-height: 14px ;
}
#tt-pages + #Feeds #AtomRSS > div .image_link {
position: relative ;
display: inline-block;
height: 15px ;
line-height: 15px ;
top: -7px !important;
left: 3px ;
}
#tt-pages + #Feeds #AtomRSS>div>a img.absmiddle {
height: 17px !important;
width: 15px !important;
}
/* RSS */
#tt-pages + #Feeds #AtomRSS > a {
margin-left: 19px;
margin-top: -10px !important;
}
/* == PROF - CONT - MAIL ==== */
/* END == CONT RELAT (ACT/MEMB/CONT/MAIL) ==== */
/* END == ADDITIONAL STYLE === */
/* START == GM ADAP ==== */
/* GM ADAP GM - "SUPER PRELOADER PLUS ONE NEW" - GAL PAGE */
.sp-separator ~ #main {
position: relative;
display: inline-block;
height: auto !important;
width: 1900px !important;
margin-top: 22px !important;
bottom: 20px !important;
overflow-x: hidden;
overflow-y: auto;
}
/* START == GM "STIG" ==== */
/* GM "STIG" - FEED 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;
}
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=atom"]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=rss_200"]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/geo/?g="]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=atom"]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=rss_200"]:hover:before {
opacity: 1 !important;
top: -9px;
transition: all ease 0.2s ;
}
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=atom"]:before {
content: "Photos Contacts Atom" ;
}
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=rss_200"]:before {
content: "Photos Contacts RSS" ;
}
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=atom"]:before {
content: "Pool Discuss Atom" ;
}
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=rss_200"]:before {
content: "Pool Discuss RSS" ;
}
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/geo/?g="]:before {
content: "Pool Geo Feed" ;
}
/* GM "STIG " - TOP NAV BAR - FEED ICON - FAVS/ALB */
.flickrfixrwebextension .global-nav-view ul.gn-tools #feedlinks ,
.flickrfixruserscript .global-nav-view ul.gn-tools #feedlinks {
position: absolute;
display: inline-block;
right: -125px !important;
top: 10px;
}
/* STIG's TAGS */
.photo-tags-autotags-view {
opacity: 0.4 ;
}
.sub-photo-tags-tag-view:hover ul.tags-list li.autotag ,
.sub-photo-tags-tag-view:hover ul.tags-list li.tag {
position: relative ;
float: left ;
height: 18px ;
line-height: 5px ;
padding: 0 15px 0 0 ;
border: 1px solid gray !important;
border-radius: 5px !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 ;
}
/* STIG - TOP PAG STREAM/FA/POOL BETA */
#topPaginationContainer {
position: fixed;
display: inline-block ;
width: 100% ;
min-width: 650px ;
max-width: 650px ;
height: 17px ;
line-height: 15px ;
left: 690px ;
margin: 0 auto ;
top: 30px ;
text-align: center ;
opacity: 1 ;
visibility: visible ;
z-index: 20 ;
}
#topPagination {
display: inline-block ;
width: 100% ;
height: 17px ;
line-height: 3px ;
top: 0px ;
left: 0px ;
margin: 0 auto ;
padding: 0 ;
opacity: 1 ;
visibility: visible ;
transform: rotate(0deg) ;
}
#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;
}
/* not STIG - EXPLO */
.fluid.html-explore-page-view #topPaginationContainer {
max-width: 43%;
min-width: 43%;
height: 30px;
left: 0px ;
top: 15px;
}
.fluid.html-explore-page-view #topPaginationContainer #topPagination {
display: inline-block;
height: 30px;
width: 100%;
left: 0;
top: 0;
}
.explore-page-view .main .explore-pagination a.butt {
margin: auto 20px;
}
.explore-page-view .main .explore-pagination a.butt.is-disabled {
opacity: 0.3 ;
}
/* STIG - STR */
.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: 570px !important;
max-width: 570px !important;
left: 110px !important;
}
/* STIG - POOL BETA */
.fluid.html-group-pool-page-view .with-fluid-subnav .group-pool-subheader-view > .at-right + #topPaginationContainer ,
.fluid.html-group-pool-page-view .group-pool-subheader-view .at-right + #topPaginationContainer ,
.fluid.html-group-pool-page-view #topPaginationContainer #topPagination ,
.fluid.html-group-pool-page-view #topPaginationContainer {
width: 100%;
max-width: 550px !important;
min-width: 550px !important;
height: 30px !important;
line-height: 30px !important;
left: 620px !important;
border-radius: 5px !important;
opacity: 1 !important;
z-index: 50000 !important;
}
.fluid.html-group-pool-page-view .with-fluid-subnav .group-pool-subheader-view > .at-right + #topPaginationContainer ,
.fluid.html-group-pool-page-view .group-pool-subheader-view .at-right + #topPaginationContainer {
left: 20px !important;
top: 10px !important;
}
.fluid.html-group-pool-page-view .with-fluid-subnav .group-pool-subheader-view > .at-right + #topPaginationContainer #topPagination ,
.fluid.html-group-pool-page-view .group-pool-subheader-view .at-right + #topPaginationContainer #topPagination {
left: 689px !important;
top: 10px !important;
}
.fluid.html-group-pool-page-view #topPagination.pagination-view:not(:empty),
.fluid.html-group-pool-page-view #topPagination.pagination-view a[rel="next"] ,
.fluid.html-group-pool-page-view #topPagination.pagination-view>span:not(.disabled) ,
.fluid.html-group-pool-page-view #topPagination.pagination-view > a {
transform: rotate(0deg);
}
.fluid.html-group-pool-page-view #topPagination.pagination-view a:first-of-type {
margin-left: -26px !important;
}
.fluid.html-group-pool-page-view #topPagination.pagination-view a:nth-last-child(-n +3),
.fluid.html-group-pool-page-view #topPagination.pagination-view a[rel="next"]:last-of-type {
margin-left: 16px !important;
}
/* STIG - ALB */
.fluid.html-album-page-view #topPagination.pagination-view:not(:empty),
.fluid.html-album-page-view #topPaginationContainer {
left: 160px !important;
top: 3px !important;
}
/* STIG - ALB TEASER in STR */
#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: 5000000 !important;
transform: scale(0.4) !important;
border: 1px solid red !important;
}
#albumTeaser:hover {
height: auto !important;
max-height: 400px !important;
top: 0px !important;
border-radius: 0 0 5px 5px ;
transform: scale(1) !important;
}
#albumTeaser > div:not(:last-of-type){
display: inline-block !important;
height: 80px;
line-height: 80px;
max-width: 580px !important;
min-width: 580px !important;
margin-top: 0px !important;
margin-bottom: 5px !important;
font-size: 30px !important;
text-align: center !important;
}
#albumTeaser>div:nth-child(1) {
height: 39px;
line-height: 42px;
margin-top: -13px !important;
top: 0px !important;
margin-bottom: 5px !important;
font-size: 30px !important;
text-align: left !important;
border-bottom: 4px solid red !important;
}
#albumTeaser>div:nth-child(4):before {
content: "🔻" ;
position: absolute ;
top: 4px ;
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: 65px;
line-height:65px;
margin-left: 15px !important;
margin-right: 15px !important;
padding: 5px ;
font-size: 35px !important;
word-wrap: normal;
white-space: nowrap;
overflow: hidden !important;
text-overflow: ellipsis ;
text-align: center !important;
border: 1px solid gray ;
}
#albumTeaser:hover>div>a>div {
float: right !important;
font-size: 20px !important;
outline: 1px solid gray ;
}
/* LAST with LINK ALL ALB */
#albumTeaser > div:last-of-type i ,
#albumTeaser > div:last-of-type {
display: inline-block !important;
height: 15px;
line-height: 15px;
max-width: 580px !important;
min-width: 580px !important;
margin-top: 0px !important;
margin-bottom: 5px !important;
font-size: 15px !important;
text-align: center !important;
transform: unset !important;
}
#albumTeaser > div:last-of-type i a {
color: gold !important;
}
#albumTeaser > div:last-of-type i a:before {
content: " ▶ All Albums" !important;
height: 15px ;
line-height: 15px ;
font-size: 15px !important;
text-align: center;
}
/* GM "STIG" - PHO - MAP - LOCA DATA - for GOOGLE MAP on HOVER */
.fluid.html-photo-page-scrappy-view .flickrfixrwebextension .photo-license-view ,
.fluid.html-photo-page-scrappy-view .flickrfixruserscript .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 {
opacity: 1 ;
}
/* GM "STIG" - STREAM - FIX SEARCH PB */
.fluid.html-photostream-page-view body.flickrfixrwebextension ,
.fluid.html-photostream-page-view body.flickrfixruserscript {
position: absolute !important;
display: inline-block !important;
width: 99.9% !important;
left: 0 !important;
}
/* (new180) GM " STIG" - DATE INFO - .has-date-info */
/* COPYR */
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;
z-index: 5000000 !important;
}
body.flickrfixrwebextension .photo-license-view ,
body.flickrfixruserscript .photo-license-view {
top: 0px !important;
left: -20px !important;
}
/* (new178) DATE */
.date-license-container .sub-photo-date-view.has-date-info ,
.sub-photo-right-view .sub-photo-date-view.has-date-info ,
.sub-photo-right-view .sub-photo-date-view.has-date-info ,
body.flickrfixrwebextension .date-license-container .sub-photo-date-view.has-date-info ,
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: fixed !important;
display: inline-block !important;
top: 123px ;
right: 242px;
z-index: 5000000 !important;
}
.sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken ,
.sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-taken ,
.sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken ,
.sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-taken ,
.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 ;
}
/* (new178) */
body.flickrfixrwebextension .sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-taken.editable > .ui-icon-edit-date-taken ,
body.flickrfixruserscript .sub-photo-right-view .sub-photo-right-row1 .sub-photo-date-view > .date-taken.editable > .ui-icon-edit-date-taken {
position: absolute !important;
height: 16px;
margin-left: -220px !important;
margin-top: 0px !important;
opacity: 1 !important;
}
body.flickrfixrwebextension .sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken.clear-float + .date-info ,
body.flickrfixruserscript .sub-photo-right-view .sub-photo-date-view.has-date-info > .date-taken.clear-float + .date-info {
position: fixed !important;
width: 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" ==== */
/* MODAL - ALL */
.fluid.html-photo-page-scrappy-view .fluid-droparound-view ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:hover {
z-index: 50000000 !important;
}
/* PHOTO - USER AVATAR - GM "MORE INFOS" (MY GM) on HOVER - PHOTO - AUTHOR - ==== */
.fluid-droparound-view .droparound.subview-droparound {
z-index: 50000 !important;
}
/* MODAL - MORE INFOS - PHOTO PAGE - === */
.fluid.html-photo-page-scrappy-view .droparound.subview-droparound[style*="width: 450px;"] {
position: fixed !important;
display: inline-block !important;
width: 100% !important;
min-width: 590px !important;
max-width: 590px !important;
margin-left: 1328px !important;
margin-top: 105px !important;
}
/* (new180) MODAL - PHOT - FAV USERS */
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size[style*="width: 220px;"]:hover ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size[style*="width: 220px;"]{
position: fixed !important;
display: inline-block !important;
left: 1320px !important;
top: 155px !important;
width: 100% !important;
min-width: 597px !important;
max-width: 597px !important;
min-height: 520px !important;
padding-top: 5px !important;
max-height: 520px !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 500000000 !important;
border: 1px solid red !important;
}
/* (new180) FAV MODAL - REVERSE ORDER */
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size[style*="width: 220px;"] .body .photo-faved-by-list-view ul.photo-faved-by-list {
display: flex !important;
flex-wrap: wrap-reverse !important;
justify-content: space-around !important;
align-content: flex-end !important;
width: 100% !important;
min-width: 590px !important;
max-width: 590px !important;
height: 100% !important;
min-height: 500px !important;
max-height: 500px !important;
overflow-y: auto !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size[style*="width: 220px;"] .body .photo-faved-by-list-view li.person-item {
display: flex !important;
height: 40px !important;
flex-basis: 265px !important;
flex-grow: 2 ! important;
width: 265px !important;
margin: 0 5px 3px 6px !important;
border-radius: 3px !important;
background: #222 !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size[style*="width: 220px;"] .body .photo-faved-by-list-view li.person-item:hover {
background: #111 !important;
}
.photo-faved-by-list-view ul.photo-faved-by-list .person-item a {
color: peru !important;
}
.photo-faved-by-list-view ul.photo-faved-by-list .person-item a:visited {
color: tan !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .droparound.subview-droparound.auto-size[style*="width: 220px;"] .droparrow {
position: fixed !important;
display: inline-block !important;
top: 15.5vh !important;
left: 1845px !important;
}
/* (new183) MODAL LANG */
.fluid.html-photo-page-scrappy-view body .fluid-droparound-view .droparound.menu.lang-droparound:not(.over-modal){
position: fixed !important;
display: inline-block !important;
height: 240px ;
width: 200px !important;
left: 1500px !important;
top: 70% !important;
overflow: hidden !important;
z-index: 5000000 !important;
}
.fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view:not([style*="width: 350px;"]):not(:hover) ,
.fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view:not([style*="width: 350px;"]):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;
}
/* (new183) MODAL - MORE INFO - NOT NEW NOTIF */
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size[style*="width: 350px;"]:before {
content: "> > " ;
position: fixed ;
display: inline-block ;
width: 25px ;
height: 25px ;
line-height: 80px ;
right: 520px ;
top: 57px ;
padding: 20px ;
color: gold ;
text-align: left ;
visibility: visible ;
z-index: 5000000000 !important;
border: 1px solid gold ;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size[style*="width: 350px;"]:hover:before {
content: " " ;
border: 1px solid transparent !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view:hover .droparound.subview-droparound.auto-size[style*="width: 350px;"] ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size[style*="width: 350px;"] {
position: fixed !important;
display: inline-block !important;
min-width: 590px !important;
min-height: 175px !important;
max-height: 175px !important;
left: 2328px !important;
left: 1328px !important;
top: 125px !important;
padding: 0px !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: 500000000 !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size[style*="width: 350px;"]:hover .droparrow.down {
left: 32px !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size[style*="width: 350px;"] .body {
min-height: 170px !important;
max-height: 170px !important;
width: 587px !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size[style*="width: 350px;"] .body .content.subview.auto-size{
min-height: 170px !important;
max-height: 170px !important;
padding: 5px !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size[style*="width: 350px;"] section {
height: 133px !important;
margin-top: 0px !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size[style*="width: 350px;"] .person-card-view section .follow-subview > div ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size[style*="width: 350px;"] .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 .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size[style*="width: 350px;"] .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;
}
/* (new183) PHO - MORE INFS */
.droparound.subview-droparound .head.hide-head + .body .content.subview .person-card-view.flickr-view-root-view > div:first-of-type {
width: 100%;
max-height: 143px;
min-height: 143px;
}
.droparound.subview-droparound .head.hide-head + .body .content.subview .person-card-view.flickr-view-root-view > div:last-of-type {
width: 100%;
max-height: 15px !important;
min-height: 15px !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view .person-card-view.flickr-view-root-view {
height: 166px !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view .attribution.shorter ,
.fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view .attribution.shorter ,
.fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view .attribution.shorter {
/* position: relative !important;
display: inline-block !important; */
min-width: 425px !important;
max-width: 425px !important;
/* z-index: 50000000 !important;
background: black !important; */
}
.fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view .attribution.shorter .fade-out ,
.fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view:hover .content.subview > .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 body .fluid-droparound-overlay + .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view .ui-dialog-wrapper ,
.fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view:hover .content.subview > .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 body .fluid-droparound-overlay + .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view .links.secondary ,
script + .fluid-droparound-view:hover .content.subview > .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;
}
.fluid-droparound-view .droparound.subview-droparound .person-card-view .links a {
position: relative !important;
display: inline-block !important;
margin-right: 10px !important;
}
/* JOIN BUT - for GM "View User Infos" */
.fluid .coverphoto-content .title-block-content .title .follow-view,
.fluid .coverphoto-content .title-block-content .title .join-group-view {
position: absolute !important;
display: inline-block !important;
width: auto !important;
height: 30px !important;
line-height: 30px !important;
right: 170px !important;
top: 2px !important;
border-radius: 5px !important;
}
.fluid .coverphoto-content .title-block-content .title .follow-view {
position: absolute !important;
display: inline-block !important;
width: 130px !important;
right: 0px !important;
top: 5px !important;
text-align: center !important;
}
/* PHO - OVERLAY */
.fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view:hover .droparound.subview-droparound:not(.user-account-card-droparound):not(.notifs-droparound),
.fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view:hover .droparound.subview-droparound:not(.user-account-card-droparound):not(.notifs-droparound) {
position: fixed !important;
max-height: 153px !important;
min-height: 153px !important;
margin-top: 90px !important;
top: 35px !important;
margin-left: 1320px !important;
visibility: visible !important;
opacity: 1 !important;
transition: margin ease 0.2s !important;
z-index: 550000 !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view .droparound.subview-droparound:not(.user-account-card-droparound):not(.notifs-droparound) .body {
max-height: 150px !important;
min-height: 150px !important;
margin-top: 0px !important;
}
/* (new176) PHO - MODAL - MY MENU EDITOR */
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type:not(:hover) .droparound.html.auto-size.dialog-tooltip ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type:hover .droparound.html.auto-size.dialog-tooltip ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type .droparound.html.auto-size.dialog-tooltip {
position: fixed !important;
display: inline-block !important;
max-width: 352px !important;
height: 139px !important;
top: 135px !important;
left: 1318px !important;
z-index: 50000000 !important;
visibility: visible !important;
}
.fluid-droparound-view:last-of-type .droparound.html.auto-size.dialog-tooltip .body {
max-width: 202px !important;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type:not(:hover) .droparound.html.auto-size.dialog-tooltip .droparrow ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type:hover .droparound.html.auto-size.dialog-tooltip .droparrow ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type .droparound.html.auto-size.dialog-tooltip .droparrow {
left: 91px !important;
}
/* (new176) PHO - PROFILE SHOWCASE SELECTOR - MODAL */
.fluid .fluid-modal-view .modal.subview-modal.flex-layout.photo-selector.profile-showcase-selector {
position: fixed !important;
display: inline-block !important;
width: 1920px !important;
min-width: 1920px !important;
max-width: 1920px !important;
height: 961px !important;
min-height: 961px !important;
max-height: 961px !important;
left: 0 !important;
margin-left: 0 !important;
top: 0% !important;
margin-top: 0 !important;
overflow: visible;
border: 1px solid red !important;
}
.fluid .modal.subview-modal.flex-layout.photo-selector.profile-showcase-selector .body {
height: 761px !important;
background: #111 !important;
}
/* POOL COUNT TOTAL */
.sub-photo-contexts-view .sub-photo-context.sub-photo-context-groups .context-list li:last-of-type:before {
position: fixed !important;
top: 252px ;
right: 150px ;
padding: 2px 5px ;
opacity: 0.4 ;
}
/* (new176) SET/ALB - USER AV - MORE INF - For GM "PM" (OK) and My GM "USER INFOS" on HOVER */
.album-header-view > .album-header-content > .album-title-desc-view {
margin-bottom: -37px !important;
margin-top: -48px !important;
top: -53px !important;
}
.album-header-view > .album-header-content > .attribution-view.album-attribution > .avatar {
position: relative !important;
display: inline-block !important;
opacity: 1 !important;
}
/* (new179) ALBUM EDIT - DESCR */
.album-header-view > .album-header-content > .album-title-desc-view.editing {
margin: 0px !important;
top: 260px !important;
z-index: 5000000 !important;
background: black !important;
border: 1px solid red !important;
}
.album-header-view > .album-header-content > .album-title-desc-view.editing .meta-field.edit-meta-field.edit-album-title {
font-family: Proxima Nova,helvetica neue,helvetica,arial,sans-serif !important;
color: gold !important;
}
.album-title-desc-view > .title-desc-block > textarea.edit-meta-field.edit-album-desc {
height: 700px !important;
width: 889px !important;
line-height: 18px !important;;
padding: 5px 300px 5px 300px !important;
font-style: normal ;
font-size: 20px !important;
text-align: left !important;
font-family: Proxima Nova,helvetica neue,helvetica,arial,sans-serif !important;
}
/* NEW NOTIF - PHOTO */
/* NEW NOTIF - MODAL SIZE - ALL */
#stacking-overlay-container .view.fluid-droparound-view .droparound.subview-droparound.auto-size[style*="width: 450px;"]:not(.notifs-droparound) {
position: fixed;
max-width: 715px !important;
min-width: 715px !important;
min-height: 905px !important;
left: 1205px !important;
top: 20px !important;
margin: 0px !important;
opacity: 1;
z-index: 500000000 !important;
border: 1px solid red !important;
}
#stacking-overlay-container .view.fluid-droparound-view .droparound.subview-droparound.auto-size[style*="width: 450px;"]:not(.notifs-droparound) .body .content {
min-height: 905px !important;
}
.notifications-panel-view {
min-height: 905px !important;
}
.notifications-panel-view .notifications-panel {
min-height: 900px !important;
max-width: 700px !important;
}
.notifications-panel-view .notifications-panel .list-container {
padding-left: 5px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.notifications-panel-view .notifications-list-view .notifications-list ul {
max-width: 700px !important;
}
/* (new186) SHOW NEW ITEMS BUT */
.notifications-panel-view .notifications-panel .list-container .load-top-button{
position: fixed;
height: 25px !important;
bottom: 2vh !important;
padding: 0 5px !important;
border-radius: 5px !important;
z-index: 500 !important;
color: gold !important;
background: #222 !important;
border: 1px solid #333 !important;
}
.notifications-panel-view .notifications-panel .list-container .load-top-button.hidden{
opacity: 1 !important;
visibility: hidden !important;
color: gold !important;
background: #222 !important;
border: 1px solid #333 !important;
}
.notifications-panel-view .notifications-panel .list-container .load-top-button.hidden:before{
content: "Auto Loading..." !important;
padding: 0 5px !important;
border-radius: 5px !important;
opacity: 0.5 !important;
visibility: visible !important;
color: gold !important;
background: #222 !important;
border: 1px solid green !important;
}
/* NAV /TABS */
.notifications-panel-view .notifications-panel .nav-container {
height: 35px !important;
}
.notifications-panel-view .notifications-panel .nav-container .tabs {
display: inline-block !important;
height: 30px !important;
line-height: 20px !important;
vertical-align: top !important;
overflow: hidden !important;
}
.fluid-droparound-view .notifications-panel-view .tabs span ,
.fluid-droparound-view .notifications-panel-view .tabs span.tab {
display: inline-block !important;
height: 30px !important;
line-height: 30px !important;
top: 0px !important;
padding: 0 12px !important;
}
.fluid-droparound-view .notifications-panel-view .tabs span.tab span{
display: inline-block !important;
vertical-align: top !important;
height: 30px !important;
line-height: 30px !important;
padding: 0 12px !important;
}
/* DROPARROW */
.fluid-droparound-view .droparound.subview-droparound.auto-size[style*="width: 450px;"]:not(.notifs-droparound) .droparrow {
right: -2px !important;
}
.fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size[style*="width: 450px;"]:not(.notifs-droparound) .droparrow.down {
left: 675px !important;
}
/* NEW NOTIF - MODAL POSITION */
/* GALLERRY */
.fluid-droparound-view .droparound.subview-droparound.auto-size[style*="width: 450px;"]:not(.notifs-droparound) {
position: fixed;
min-height: 900px !important;
min-width: 700px !important;
left: 1206px !important;
top: 20px !important;
margin-top: 0px !important;
}
/* (new184) START === NEW NOTIF - ALL === */
/* (new184) NEW NOTIF - MODAL LIST */
.notifications-panel-view .notification-item-list li {
float: left !important;
max-width: 350px !important;
width: auto !important;
height: auto !important;
max-height: 124px !important;
background: #222 !important;
}
.notifications-panel-view .notification-item {
min-width: 330px !important;
max-width: 330px !important;
padding: 15px 0 0 0 !important;
border-radius: 5px !important;
border: 1px solid red !important;
}
/* (new179) NEW NOTIF - CLOSE INDICATOR - ALL - BUT .fluid:not(.html-notification-center-page-view) */
.fluid:not(.html-notification-center-page-view) #stacking-overlay-container .droparound.menu.over-modal.notification-context-menu[style*="width: 250px;"]:before ,
.fluid:not(.html-notification-center-page-view) #stacking-overlay-container .view.fluid-droparound-view.flickr-view-root-view .subview-droparound.auto-size[style*="width: 450px;"]:before {
content: "X" ;
position: fixed;
width: 20px ;
height: 17px ;
top: 3px ;
text-align: center ;
border-radius: 3px 3px 0 0 ;
pointer-events: none ;
z-index: 50000 ;
background: green ;
}
.fluid:not(.html-notification-center-page-view) #stacking-overlay-container .droparound.menu.over-modal.notification-context-menu[style*="width: 250px;"]:before {
top: 212px !important;
margin-left: 225px !important;
}
.fluid:not(.html-notification-center-page-view) #stacking-overlay-container:hover .droparound.menu.over-modal.notification-context-menu[style*="width: 250px;"]:before ,
.fluid:not(.html-notification-center-page-view) #stacking-overlay-container .droparound.menu.over-modal.notification-context-menu[style*="width: 250px;"]:hover:before ,
.fluid:not(.html-notification-center-page-view) #stacking-overlay-container:hover .view.fluid-droparound-view .subview-droparound.auto-size[style*="width: 450px;"]:before ,
.fluid:not(.html-notification-center-page-view) #stacking-overlay-container .view.fluid-droparound-view.flickr-view-root-view .subview-droparound.auto-size[style*="width: 450px;"]:hover:before {
color: gold ;
background: red ;
}
/* MUTED */
.notifications-panel-view .notification-item.disabled:before ,
.notifications-panel-view .notification-item.muted:before {
position: absolute !important;
display: inline-block !important;
width: 330px !important;
height: 109px !important;
line-height: 130px !important;
font-size: 20px !important;
text-align: center !important;
opacity: 1 !important;
color: gold !important;
background: rgba(255, 0, 0, 0.47) !important;
}
.notifications-panel-view .notification-item.muted:before {
content: "Muted" !important;
}
.notifications-panel-view .notification-item.disabled:before {
content: "Disabled" !important;
}
/* POOL PEND / INVIT JOIN */
.notifications-panel-view .notification-item-list li .group-photo-request-notification-item-view ,
.notifications-panel-view .notification-item-list li .group-join-request-notification-item-view ,
.notifications-panel-view .notification-item-list li .group-invite-notification-item-view ,
.notifications-panel-view .notification-item-list li .group-invite-notification-item ,
.notifications-panel-view .notification-item-list li .group-photo-request-notification-item-view {
position: relative !important;
display: inline-block !important;
min-height: 124px !important;
max-height: 124px !important;
min-width: 332px !important;
max-width: 332px !important;
padding: 0 !important;
border-radius: 5px !important;
overflow: hidden !important;
/* background: yellow !important; */
}
notifications-panel-view .notification-item.notif-item-group-reply-new ,
.notifications-panel-view .notification-item.notif-item-group-join-request {
height: 107px !important;
padding: 15px 0 0;
}
/* (new184) ACTIONS */
.notifications-panel-view .notification-item.notif-item-group-invite {
display: inline-block !important;
min-height: 122px !important;
max-height: 122px !important;
min-width: 330px !important;
max-width: 330px !important;
padding: 0 !important;
border-radius: 5px !important;
}
.notifications-panel-view .notification-item.notif-item-group-invite .notification-core {
height: 106px !important;
min-width: 262px !important;
max-width: 262px !important;
}
.notifications-panel-view .notification-item.notif-item-group-invite .notification-core .headline-container {
display: inline-block;
vertical-align: top;
width: 100%;
min-width: 262px !important;
max-width: 262px !important;
max-width: 265px;
min-height: 106px !important;
}
.notifications-panel-view .notification-item.notif-item-group-join-request .group-join-request-actions ,
.notifications-panel-view .notification-item.notif-item-group-photo-request .group-photo-request-actions {
position: relative !important;
display: inline-block !important;
width: 250px !important;
margin-top: 0px !important;
top: -140px !important;
left: 20px !important;
text-align: center !important;
}
.notifications-panel-view .notification-item.notif-item-group-join-request .group-join-request-actions {
top: -84px !important;
}
.notifications-panel-view .notification-item.notif-item-group-join-request .group-join-request-actions button:not(.hidden) ,
.notifications-panel-view .notif-item-group-photo-request .group-photo-request-actions button:not(.hidden) {
position: relative !important;
display: inline-block !important;
}
.notifications-panel-view .notifications-panel-view .notification-item.notif-item-group-join-request .group-join-request-actions button.hidden ,
.notifications-panel-view .group-photo-request-notification-item-view .notification-item .notification-item-content-wrapper .group-photo-request-actions button.hidden {
display: none !important;
}
/* (new184) */
.notifications-panel-view .notification-item.notif-item-group-invite .group-invite-actions {
position: relative !important;
width: 195px !important;
height: 34px !important;
margin-top: 0px;
margin-top: -139px !important;
padding: 0 15px 0 64px;
}
.notifications-panel-view .notif-item-group-photo-request .group-photo-request-actions button:first-of-type {
margin-left: 15px !important;
}
.notifications-panel-view .group-photo-request-notification-item-view .group-photo-request-actions .action-message {
position: relative !important;
top: 0px !important;
color: gold !important;
}
/* (new184) INVIT PHOTO */
.notifications-panel-view .notification-item.notif-item-group-invite .thumb-container {
margin-left: -60px !important;
top: -100px !important;
}
/* COMMENT */
.notifications-panel-view .comment-notification-item-view:not(:empty) {
display: inline-block !important;
height: 126px !important;
min-width: 333px !important;
max-width: 333px !important;
border-radius: 5px !important;
}
.notifications-panel-view .headline-container a.comment-link {
position: relative !important;
display: inline-block !important;
height: 20px !important;
line-height: 15px;
width: 100%;
max-width: 200px;
min-width: 200px;
top: 7px !important;
font-size: 15px !important;
}
.notifications-panel-view .notification-item a.comment-link q {
display: inline-block !important;
max-width: 200px !important;
min-width: 200px !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 15px !important;
}
.notifications-panel-view .notification-item a.comment-link q span{
max-width: 200px !important;
min-width: 200px !important;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 15px !important;
}
.notifications-panel-view .notification-item a.comment-link q span > br {
display: none !important;
}
.notifications-panel-view .notification-item a.comment-link q::before {
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
margin-right: 5px !important;
content: open-quote;
font-size: 15px !important;
}
.notifications-panel-view .notification-item a.comment-link q::after {
content: close-quote;
display: inline-block !important;
height: 15px !important;
width: 5px !important;
line-height: 15px !important;
margin-left: 5px !important;
bottom: 0px !important;
opacity: 1 !important;
visibility: visible !important;
font-size: 15px !important;
}
/* INFOS */
.notifications-panel-view .notification-item.notif-item-group-photo-request .notification-item-content-wrapper {
height: 103px !important;
min-width: 267px !important;
max-width: 267px !important;
padding-left: 0px !important;
}
.notifications-panel-view .notification-item .notification-item-middle {
display: inline-block !important;
min-width: 267px !important;
max-width: 267px !important;
height: 107px !important;
margin-left: -50px !important;
padding-left: 64px !important;
}
.notifications-panel-view notification-item:hover .notification-item-middle {
display: inline-block !important;
min-width: 267px !important;
max-width: 267px !important;
height: 107px !important;
margin-left: 55px !important;
padding-left: 68px !important;
}
.notifications-panel-view .notification-item.notif-item-fave .notification-item-middle {
height: 109px !important;
min-width: 267px !important;
max-width: 267px !important;
margin-left: 15px !important;
padding-left: 0px !important;
background: rgba(255, 101, 71, 0.26) !important;
}
.notifications-panel-view .notification-item.notif-item-group-invite .notification-item-middle {
height: 107px;
max-width: 207px;
margin-left: 0px !important;
margin-top: -92px !important;
padding-left: 64px !important;
}
.notifications-panel-view .notif-item-group-photo-request .notification-item-middle {
height: 107px !important;
margin-left: -49px !important;
max-width: 207px;
padding-left: 64px !important;
}
.notifications-panel-view .notification-core {
display: inline-block !important;
min-width: 265px !important;
max-width: 265px !important;
height: 104px !important;
padding: 0 0 0 4px !important;
}
.notifications-panel-view .notification-core .headline-container {
display: inline-block !important;
width: 100% !important;
min-width: 265px !important;
max-width: 265px !important;
min-height: 104px !important;
max-height: 104px !important;
line-height: 15px !important;
vertical-align: top !important;
}
.notifications-panel-view .headline-container a.photo-link {
position: relative !important;
top: 2px !important;
}
/* BR - ALL */
.notifications-panel-view .comment-link > span > br {
display: none !important;
}
/* AVATAR - ALL */
.notifications-panel-view .notification-item .notification-avatar {
position: relative !important;
display: inline-block !important;
height: 107px !important;
margin-right: 16px;
}
.notifications-panel-view .notification-item.notif-item-group-invite .notification-avatar {
top: 15px !important;
}
/* THUMB */
.notifications-panel-view .notification-item .thumb-container {
position: relative !important;
display: inline-block !important;
width: 62px !important;
height: 62px !important;
margin-left: -325px !important;
top: 40px !important;
}
.notifications-panel-view .notification-item .thumb-container a.notification-photo-thumb {
display: inline-block !important;
height: 60px !important;
width: 60px !important;
margin-left: 0px !important;
border: 1px solid gray !important;
transition: margin ease 0.2s !important;
}
/* THUMB VISITED */
.notifications-panel-view .thumb-container a.notification-photo-thumb:visited {
border: 1px solid green !important;
}
/* THUMBS LIST */
.notifications-panel-view .thumb-list-container{
position: relative !important;
display: inline-block !important;
width: 329px !important;
width: 100%;
height: 55px !important;
top: -74px !important;
margin: 0px 0 0 -63px !important;
text-align: center !important;
overflow: hidden !important;
overflow-y: auto !important;
z-index: 50000 !important;
background: #111 !important;
}
.notifications-panel-view .notification-item.notif-item-fave .thumb-list-container {
border: 1px solid red !important;
}
/* (new175) THUMBNAILS CONTAINER - SPEC */
.notifications-panel-view .notification-item.notif-item-group-photo-request .thumb-container {
position: relative !important;
display: inline-block !important;
width: 52px !important;
height: 52px !important;
top: -90px !important;
left: 264px !important;
z-index: 500 !important;
/* border: 1px solid violet !important; */
}
.notifications-panel-view .notification-item.notif-item-group-photo-request .thumb-container a.notification-photo-thumb {
display: inline-block !important;
height: 50px !important;
width: 50px !important;
top: 0px !important;
}
.notifications-panel-view .notification-item.notif-item-fave .thumb-container {
left: 0px !important;
border: 1px solid red !important;
}
.notifications-panel-view .thumb-list-container:hover{
height: 105px !important;
top: -124px !important;
}
.notifications-panel-view .thumb-list-container a.notification-photo-thumb {
display: inline-block !important;
margin-top: 2px !important;
border: 1px solid red !important;
}
/* LINK */
.notifications-panel-view .headline-container a {
display: inline-block !important;
width: 100% !important;
height: 15px !important;
line-height: 15px !important;
min-width: 200px !important;
max-width: 200px !important;
white-space: nowrap !important;
overflow: hidden !important;
font-size: 15px !important;
text-overflow: ellipsis !important;
}
/* (new178) APPROV / DECLINED */
.notifications-panel .notification-item.notif-item-photo-accepted span + .group-link ,
.notifications-panel .notification-item.notif-item-photo-declined span + .group-link ,
.notifications-panel .notification-item.notif-item-group-reply-new .notification-core a.topic-link ,
.notifications-panel .notification-item.notif-item-group-reply-new .topic-link ,
.notifications-panel .notification-item.notif-item-group-description .group-link ,
.notifications-panel .notification-item.notif-item-group-rules .group-link ,
.notifications-panel .notification-item.notif-item-group-blast .group-link {
display: inline-block !important;
min-width: 98% !important;
max-width: 98% !important;
min-height: 15px !important;
max-height: 15px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
/* (new178) APPROV / DECLINED */
/* .notifications-panel .notification-item.notif-item-photo-accepted span + .group-link , */
.notifications-panel .notification-item.notif-item-photo-declined span + .group-link {
position: relative !important;
top: -32px;
border-bottom: 1px solid gray !important;
}
.notifications-panel .notification-item.notif-item-photo-accepted .info-container a.subtitle ,
.notifications-panel .notification-item.notif-item-photo-declined .info-container a.subtitle {
min-width: 240px !important;
max-width: 240px !important;
left: 75px !important;
top: 0px !important;
}
/* LINKS INDICATOR */
.notifications-list-container .topic-link:before ,
.notifications-panel .topic-link:before {
content: "💬" ;
margin-right: 5px !important;
color: gray ;
}
/* COMMENTS - SPECIAL */
/* .notification-center-page-view .notification-item .notification-core a.comment-link span:before , */
.notifications-panel .comment-link:before {
content: "🗨" ;
float: left !important;
margin-right: 5px !important;
color: gray ;
}
/* (new183) COMMENTS - SPECIAL with OPEN QUOTE */
.notification-center-page-view .notification-item .notification-core a.comment-link q::before{
content: "🗨" open-quote !important;
margin-left: -20px !important;
}
/* (new183) COMMENTS */
/* (new179) COMMENTS MENTION */
.notifications-list .notif-item-photo-comment-mention .comment-link:before {
content: "🗨" ;
margin-right: 5px !important;
color: red ;
}
/* FAV */
.notifications-list-container .photo-link:before ,
.notifications-panel .photo-link:before {
content: "★" ;
margin-right: 5px !important;
color: red ;
}
/* BLAST / DESC POOL */
/* .notifications-list-container .blast-link span:before , */
.notifications-list-container .blast-link:before ,
.notifications-panel .blast-link:before {
content: "📝" ;
margin-right: 5px !important;
color: gray ;
}
/* POOL - PENDING - USERS */
.notifications-list-container .group-link[href^="/groups_pending.gne?"]:before ,
.notifications-panel .group-link[href^="/groups_pending.gne?"]:before {
content: "👪 " ;
margin-right: 5px !important;
color: gray ;
filter: grayscale(1);
}
/* (new183) POOL - JOIN ACCEPTED */
.notification-item.notif-item-group-join-request-accepted .group-link:before {
content: "👪 ✅" ;
margin-right: 5px !important;
color: gray ;
filter: grayscale(1);
}
/* POOL - PENDING - PHOT */
.notifications-list-container .group-link[href*="/admin/pending"]:before ,
.notifications-panel .group-link[href*="/admin/pending"]:before {
content: "🖼 " ;
margin-right: 5px !important;
color: gray ;
}
/* USER */
.notifications-panel-view .notification-avatar .avatar {
margin: 4px 0 3px !important;
}
.notifications-panel-view .headline-container a.person-link {
position: relative !important;
min-width: 262px !important;
max-width: 262px !important;
top: -16px !important;
left: -68px !important;
padding-left: 67px ;
border-bottom: 1px solid gray !important;
}
.notifications-panel-view .headline-container a.person2-link:before {
content: "+" ;
position: relative !important;
display: inline-block !important;
min-width: 30px !important;
max-width: 30px !important;
text-align: center ;
background: #222 !important;
}
/* (new175) */
.notifications-panel-view .headline-container a.person2-link {
position: relative !important;
display: inline-block !important;
min-width: 242px !important;
max-width: 242px !important;
top: -18px !important;
left: 0px !important;
background: #111 !important;
}
/* DATE / SUBTILE */
.notifications-panel-view .info-container{
position: relative ;
display: inline-block !important;
width: 64px ;
height: 13px ;
line-height: 12px ;
bottom: 127px ;
left: -67px ;
font-size: 12px ;
text-align: center !important;
border-radius: 3px 0 0 0 !important;
background: gold ;
}
.notifications-panel-view .info-container .separator + .timestamp {
position: relative !important;
display: inline-block !important;
top: -14px !important;
}
/* POOL */
.notifications-list-container [class^="notification-item notif-item-group-"] .headline-container {
width: 515px !important;
min-height: 108px !important;
max-height: 108px !important;
overflow: hidden;
}
/* (new182) */
.notifications-list-container [class^="notification-item notif-item-group-"] .info-container ,
.notifications-list-container [class^="notification-item notif-item-group-"] .headline-container + .info-container {
position: relative !important;
display: inline-block !important;
height: 16px !important;
min-width: 590px !important;
max-width: 590px !important;
margin-left: -75px !important;
top: -122px !important;
z-index: 0 !important;
color: red !important;
background: #333 !important;
}
.notifications-list-container [class^="notification-item notif-item-group-"] .notification-core .headline-container a.person-link {
position: relative !important;
display: block !important;
min-width: 255px !important;
max-width: 255px !important;
margin-left: 0px !important;
font-size: 16px;
text-align: left !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: peru!important;
border-bottom: none !important;
}
/* SUBTITLE */
.notifications-panel-view .notification-item .info-container a.subtitle {
position: relative !important;
display: inline-block !important;
top: 20px !important;
left: 65px !important;
background: black !important;
}
.notifications-panel-view .notification-item.notif-item-group-join-request-accepted .subtitle {
top: 1px !important;
}
/* POOL DECLINED */
.notifications-list-container .notification-item.notif-item-photo-declined a.subtitle {
position: absolute !important;
display: inline-block !important;
min-width: 278px !important;
max-width: 278px !important;
margin-left: 67px !important;
font-size: 16px;
text-align: left !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: peru!important;
border-bottom: 1px solid gray !important;
}
/* MENU */
.notifications-panel-view .context-menu-container {
position: relative !important;
display: inline-block !important;
width: 15px !important;
height: 14px !important;
line-height: 4px !important;
left: -34px !important;
margin-top: 14px !important;
border-radius: 3px !important;
background: #111 ;
}
.notifications-panel-view .context-menu-container svg.icon {
height: 15px;
width: 15px;
}
.notifications-panel-view .notification-item.notif-item-fave .context-menu-container {
display: inline-block !important;
margin-left: 58px !important;
}
.notifications-panel-view .notification-item.notif-item-group-invite .context-menu-container {
left: 30px !important;
top: -110px !important;
}
.notifications-panel-view .notification-item.notif-item-fave .context-menu-container {
position: relative !important;
display: inline-block !important;
left: -30px !important;
margin-left: 0px !important;
top: -5px !important;
border: 1px solid red !important;
}
.notifications-panel-view .notif-item-group-photo-request .context-menu-container {
left: -278px !important;
top: 0px !important;
}
.notifications-panel-view .notification-item.notif-item-group-join-request .context-menu-container {
left: -275px !important;
top: 0px !important;
border: 1px solid green !important;
}
.notifications-panel-view .notification-item.notif-item-group-description .context-menu-container ,
.notifications-panel-view .notification-item.notif-item-group-rules .context-menu-container ,
.notifications-panel-view .notification-item.notif-item-group-reply-new .context-menu-container ,
.notifications-panel-view .notification-item.notif-item-group-topic-new .context-menu-container {
left: -301px !important;
top: 0px !important;
border: 1px solid blue !important;
}
/* FOLLOW */
.notifications-panel-view .follow-notification-item-view.base-notification-item {
width: 330px !important;
height: 126px !important;
}
.notifications-panel-view .notification-item.notif-item-contacted {
height: 122px !important;
}
.notifications-panel-view .notification-item.notif-item-contacted .notification-item-middle {
height: 10px !important;
margin: 0 0 0 -82px !important;
padding: 18px 0 0 64px !important;
}
.notifications-panel-view .notification-item.notif-item-contacted .notification-core {
height: 95px !important;
min-width: 261px !important;
max-width: 261px !important;
padding: 0 4px;
background: rgba(1, 128, 0, 0.41) ;
}
.notifications-panel-view .notification-item.notif-item-contacted {
min-width: 315px !important;
max-width: 315px !important;
height: 123px !important;
padding: 0px 0 0 16px !important;
}
.notifications-panel-view .follow-notification-item-view .notification-item .follow-button-container {
position: relative !important;
display: inline-block !important;
height: 40px !important;
left: -195px !important;
margin-top: 70px !important;
}
.notifications-panel-view .follow-notification-item-view .context-menu-container {
display: inline-block;
left: -447px !important;
margin-top: 24px !important;
}
.notifications-panel-view .notification-item.notif-item-contacted .notification-avatar .avatar.tiny {
position: relative !important;
display: inline-block !important;
height: 46px !important;
width: 46px !important;
left: -9px !important;
top: 40px !important;
border: 1px solid red !important;
}
/* NEW NOTIF - BANNER - ALL */
.notification-banner-view .basic-banner.head-banner-style:not(:hover) ,
.notif-banner.announcement:not(:hover) {
position: absolute;
width: 240px !important;
height: 24px !important;
left: 58% !important;
right: 0 !important;
top: 3px;
margin: 0!important;
border-radius: 5px !important;
z-index: 500000;
background: green !important;
}
.notification-banner-view .basic-banner.head-banner-style:hover ,
.notif-banner.announcement:hover {
position: absolute;
width: 20vw !important;
left: 58% !important;
right: 0 !important;
top: 3px !important;
margin: 0!important;
border-radius: 5px !important;
z-index: 500000;
}
.notification-banner-view .basic-banner.head-banner-style:before ,
.notif-banner.announcement:before {
content: "Try the New Notification Sytem ▼" !important;
position: absolute;
width: 220px !important;
left: 10px !important;
right: 0 !important;
top: 1px;
margin: 0!important;
font-size: 14px !important;
z-index: 500000;
color: gold !important;
background: green !important;
}
.notification-banner-view .basic-banner.head-banner-style:hover:before ,
.notif-banner.announcement:hover:before {
content: "New" !important;
position: absolute;
width: 30px !important;
left: 0px !important;
background: green !important;
}
.notif-banner .banner-content .message-container p {
font-size: 18px !important;
}
.notif-banner .banner-content .message-container a:first-of-type,
.notif-banner .banner-content .message-container a:first-of-type:hover {
display: inline-block !important;
width: 100% !important;
text-align: center;
color: peru !important;
}
/* (new173) NEW NOTIF - BANNER ANNOUC - IN MODAL - PHOT */
.notification-banner-view .basic-banner.head-banner-style:not(:hover) {
width: 20px !important;
left: 78% !important;
top: 5px;
background: green !important;
}
.notification-banner-view .basic-banner.head-banner-style:hover {
left: 33% !important;
top: 5px;
}
.notification-banner-view .basic-banner.head-banner-style:before {
content: "🔔" !important;
position: absolute;
width: 15px !important;
left: 1px !important;
right: 0 !important;
top: 0px;
margin: 0!important;
font-size: 14px !important;
z-index: 500000;
color: gold !important;
background: green !important;
}
/* (new173) NEW NOTIF - MODAL - PHO */
.fluid.html-photo-page-scrappy-view #stacking-overlay-container .view.fluid-droparound-view.flickr-view-root-view .subview-droparound.auto-size[style*="width: 450px; position: fixed; left: 1898px;"] {
position: fixed !important;
display: inline-block !important;
min-height: 900px !important;
min-width: 700px !important;
max-width: 700px !important;
left: 1220px !important;
margin-left: 0 !important;
top: -110px !important;
opacity: 1 !important;
z-index: 5000000000 !important;
transition: left 0s ease 0s !important;
}
/* (new179) NEW NOTIF - for MENU - ALL BUT .fluid:not(.html-notification-center-page-view) */
.fluid:not(.html-notification-center-page-view):not(.html-gallery-page-view) .fluid-modal-overlay.transparent.over-modal:not(:hover) ,
.fluid:not(.html-notification-center-page-view):not(.html-gallery-page-view) .fluid-modal-overlay.transparent.over-modal:hover {
position: fixed !important;
display: inline-block !important;
height: 800px !important;
width: 250px !important;
bottom: 0;
left: 960px !important;
right: 0;
top: 30px !important;
opacity: 1 !important;
visibility: visible;
z-index: 50000 !important;
transition: none !important;
}
/*:not(.html-gallery-page-view)*/
.fluid:not(.html-notification-center-page-view) #stacking-overlay-container .fluid-droparound-view .droparound.menu.over-modal.notification-context-menu {
position: fixed !important;
width: 250px;
top: 230px !important;
left: 960px !important;
visibility: visible !important;
opacity: 1 !important;
z-index: 5000000 !important;
background: #111 !important;
}
.fluid:not(.html-notification-center-page-view) .fluid-droparound-view .droparound.menu.over-modal.notification-context-menu .droparrow {
left: 244px !important;
right: 8px;
top: 53px !important;
transform: rotate(90deg) !important;
}
.fluid .fluid-droparound-view .droparound.menu.over-modal {
position: fixed !important;
top: 25vh !important;
z-index: 5000000 !important;
}
.fluid .fluid-droparound-view .droparound.menu.over-modal .body .content.menu li {
color: gold !important;
}
.fluid .fluid-droparound-view .droparound.menu.over-modal .body .content.menu li:hover {
color: red !important;
}
/* (new185) PB SELECTED */
/* .fluid .fluid-droparound-view .droparound.menu.over-modal .body .content.menu li:selected {
color: blue !important;
} */
/* MODAL ADD COMMENT - ALL */
.fluid-modal-overlay.over-droparound-under-modal {
position: fixed !important;
display: inline-block !important;
visibility: visible;
z-index: 500 !important;
}
.fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"] {
position: fixed !important;
min-height: 50px;
width: 495px;
left: 37.2% !important;
margin-left: 0 !important;
z-index: 50000000 !important;
border: 1px solid red !important;
}
/* PHO */
.fluid.html-photo-page-scrappy-view .fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"]{
left: 36.5% !important;
top: 25% !important;
}
/* TEXTAREA - ALL */
.fluid-modal-view.flickr-view-root-view .modal.subview-modal.flex-layout[style*="max-height: 888px;"] .text-area-wrapper {
padding: 0 !important;
}
/* NEW NOTIF - COLOR */
/* (new185) PB SELECTED */
/* .notifications-panel .tab.selected {
color: gold !important;
} */
.notification-item-list-item .headline-container {
color: gray !important;
}
.notifications-panel .tab ,
.notification-item-middle .notification-core .headline-container a {
color: peru !important;
}
.notification-item-middle .notification-core .headline-container a:visited {
color: tan !important;
}
.fluid.html-photo-page-scrappy-view #stacking-overlay-container .view.fluid-droparound-view.flickr-view-root-view .subview-droparound.auto-size[style*="width: 450px;"]:hover {
background: #111 !important;
}
.notification-banner-view .basic-banner.head-banner-style:hover ,
.notif-banner.announcement:hover {
border: 1px solid red !important;
background: #111 !important;
}
.notif-banner .banner-content .message-container a:first-of-type,
.notif-banner .banner-content .message-container a:first-of-type:hover {
background: #222 !important;
}
.notifications-list-container .notification-item {
background: black !important;
border: 1px solid red !important;
}
.notifications-list-container .notification-item.notif-item-comment {
background: black !important;
}
/* URL PREF - COLOR */
.notification-center-page-view .notification-center-page-container.fluid-centered .notifications-list-container {
background-color: #222 !important;
}
/* URL PREF - THUMNAIL CONTAINER */
.notification-center-page-view .base-notification-item .notification-item .notification-item-middle .thumb-list-container {
background: #111 !important;
border: 1px solid gray !important;
}
/* SVG - FILL */
.photo-comments-view .photo-comments header.comments-header svg.close-x-button {
fill: red !important;
}
/* END === NEW NOTIF - ALL === */
/* START == GM "FLICKR FUNCTIONAL SUITE" ==== */
/* GM - "F.F.S" - TOP NAV - EXP PANEL - FFS Set */
#global-nav #gn-wrap .nav.small-logo .toplink > a + #explore-panel.panel .bd {
display: inline-block !important;
height: 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" - STREAM/FAV - ADD WARN - NOT USE IT(change the FLAG Color) */
.fluid.html-photostream-page-view #photostream a[id^="CFS_"],
.fluid.html-favorites-page-view #photostream a[id^="CFS_"] {
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;
}
/* GM - "F.F.S" - ALB/SET */
.fluid.html-album-page-view .owner-name.truncate[id^="CFS_"] {
position: relative !important;
display: inline-block !important;
font-size: 15px !important;
}
.fluid.html-album-page-view .owner-name-with-by.truncate[id^="CFS_"] {
position: absolute !important;
display: inline-block !important;
width: 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" - PHO */
.fluid.html-photo-page-scrappy-view .owner-name.truncate[id^="CFS_"] {
pointer-events: none !important;
}
.fluid.html-photo-page-scrappy-view .attribution-view.photo-attribution > .attribution-info .owner-name-with-by.truncate[id^="CFS_"] > span:last-of-type:not(.avatar) ,
.fluid.html-photo-page-scrappy-view .attribution-view.photo-attribution > .attribution-info .owner-name-with-by.truncate[id^="CFS_"] > span {
position: relative !important;
display: inline-block !important;
width: 100% !important;
max-width: 10px !important;
min-width: 10px !important;
margin-right: 1px !important;
padding: 0px !important;
color: transparent !important;
font-size: 15px !important;
pointer-events: none !important;
}
/* GM - "F.F.S" - NORMAL POPUP MENU */
#CatFlickrSuitePopUp.ToolTip {
margin-left: 93px !important;
margin-top: 6px !important;
padding: 5px !important;
z-index: 50000 !important;
}
#CatFlickrSuitePopUp>b {
cursor: default;
font-size: 12px;
text-align: left;
}
#availableColors{
padding: 5px !important;
border-radius: 6px !important;
}
/* GM - "F.F.S" - POP POSI - PROF/POOL LIST/GAL/FAV/ALB/STREAM */
.fluid.html-profile-page-view #CatFlickrSuitePopUp.ToolTip:before ,
.fluid.html-person-groups-page-view #CatFlickrSuitePopUp.ToolTip:before ,
.fluid.html-galleries-list-page-view #CatFlickrSuitePopUp.ToolTip:before ,
.fluid.html-favorites-page-view #CatFlickrSuitePopUp.ToolTip:before ,
.fluid.html-albums-list-page-view #CatFlickrSuitePopUp.ToolTip:before ,
.fluid.html-photostream-page-view #CatFlickrSuitePopUp.ToolTip:before {
content: "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" - PHO - POPUP - CHOOSE COL FLAGS */
.SetColor:not(:hover) {
transition: all ease 0.7s !important;
text-align: left !important;
text-indent: 20px !important;
border-top: 3px solid black !important;
border-bottom: 3px solid black !important;
}
.SetColor:hover {
transition: all ease 0.7s !important;
}
.SetColor:hover em {
transition: all ease 0.7s !important;
padding: 1px 5px !important;
border-radius: 5px !important;
}
#currentColors .SetColor {
cursor: default !important;
}
/* (new173) GM - "F.F.S" - POP POS - PHOT */
.fluid.html-photo-page-scrappy-view #CatFlickrSuitePopUp.ToolTip {
position: fixed !important;
width: 309px !important;
left: 1366px !important;
top: 91px !important;
margin-left: 43px !important;
margin-top: 6px !important;
z-index: 500000000 !important;
}
.fluid.html-photo-page-scrappy-view #CatFlickrSuitePopUp.ToolTip a.simple_butt {
position: relative !important;
display: inline-block !important;
font-size: 15px !important;
background: transparent !important;
color: peru !important;
}
.fluid.html-photo-page-scrappy-view #CatFlickrSuitePopUp.ToolTip a.simple_butt:visited {
background: transparent !important;
color: tan !important;
}
/* GM - "F.F.S" - POP POSI - PROF/ALB/POOL LIST/GAL/FAV/STREAM */
.fluid.html-profile-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-albums-list-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-photostream-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-favorites-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-person-groups-page-view #CatFlickrSuitePopUp.ToolTip ,
.fluid.html-galleries-list-page-view #CatFlickrSuitePopUp.ToolTip {
left: 180px !important;
top: 85px !important;
}
/* GM - "F.F.S"- PHO - SHORT USER NAME - MORE LONG COLOR FLAG INDIC */
.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 POSI - SETS */
.fluid.html-album-page-view #CatFlickrSuitePopUp.ToolTip {
position: fixed !important;
display: block;
left: -87px !important;
top: 275px !important;
z-index: 9999;
}
/* GM - "F.F.S" - 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 POSI - PEND PHO */
.html-group-admin-pending-page-view #CatFlickrSuitePopUp.ToolTip {
position: fixed !important;
max-width: 250px !important;
right: 20px !important;
top: 20% !important;
padding: 5px !important;
z-index: 9999 !important;
}
#toto-main.recent-activity .act-content p a[id^="CFS"][href*="/photos/"] span {
display: inline-block ! important;
}
/* GM - "F.F.S" - USER NAME - SPECIAL INDICA NAME WITH "&" */
a[id^="CFS"][href*="&"] ,
a[id^="CFS"][title*="<"] {
color: GREEN !important;
}
/* GM - "F.F.S" - BACKG RADIUS/PAD - META - OWNER - ALL */
a[id^="CFS"] span:not(.avatar):not(.title) {
display: inline !important;
color: white !important;
text-shadow: 1px 1px 2px #000 !important;
}
/* (new181) CF MATCH MORE */
span:first-of-type:not(.search-pill-name):not(.reply-count):not(.separator):not(:only-of-type):not(.avatar):not(.title):not(.TabOut):not(.truncate):not(.countdown-slideshow):not(.nav-r):not(.person-name):not(.comment-actions):not(.stats-label):not(.ui-dialog-arrow):not(.exif-value):not(.zoom):not(.counts):not(.foot-message):not(.sp-fw-spanbutton):not(.tab):not(.comment-date) ,
a[id^="CFS"] span:first-of-type:not(:only-of-type):not(.avatar):not(.title):not(.truncate):not(.comment-date) {
padding: 0 0 0 4px !important;
border-radius: 2px 0px 0px 2px !important;
white-space: normal !important;
min-width: 5px ! important;
}
/* (new173) */
#group-sidebar.open:hover .discussions.sec span:first-of-type:not(.sticky):not(.New) {
margin-right: 5px !important;
}
/* ALL SPAN */
span:last-of-type:not(.time):not(.tab):not(:only-of-type):not(.avatar):not(.title):not(.TabOut):not(.truncate):not(.countdown-slideshow):not(.nav-r):not(.person-name):not(.comment-actions):not(.stats-label):not(.ui-dialog-arrow):not(.exif-value):not(.zoom):not(.counts):not(.foot-message):not(.sp-fw-spanbutton):not(.timestamp) ,
a[id^="CFS"] span:last-of-type:not(:only-of-type):not(.avatar):not(.title):not(.truncate) {
padding-right: 7px !important;
border-radius: 0px 2px 2px 0px !important;
}
a[id^="CFS"] span:only-child:not(.avatar):not(.title):not(.truncate) {
padding: 0 7px !important;
border-radius: 2px !important;
}
/* GAL */
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.attribution[id^="CFS"] span:not(.avatar):not(.title) {
vertical-align: middle !important;
height: 15px !important;
line-height: 15px !important;
min-width: 5px ! important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.attribution[id^="CFS"] span:first-of-type:not(.avatar):not(.title) {
display: inline-block !important;
height: 100% !important;
height: 16px !important;
line-height: 16px !important;
width: 100% ! important;
min-width: 4px ! important;
max-width: 4px ! important;
}
/* GM - "F.F.S" - PHO - SOLVE EMPY SPAN */
#photo-details.clearfix #sidebar.wide-sidebar #photo-story #photo-story-attribution.clearfix p.flickr-user span.name span.photo-name-line-1 a[id^="CFS"] span:not(.title) {
display: inline-block !important;
min-width: 5px ! important;
min-height: 18.5px ! important;
margin-bottom: -4px ! important;
}
/* 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;
}
/* 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;
}
/* 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:not(.title) {
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;
}
#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: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;
}
/* A VOIR GM - "F.F.S" - PHO ? */
#photo-details.clearfix #sidebar.wide-sidebar #photo-story #photo-story-attribution.clearfix p.flickr-user span.name span.photo-name-line-1 a[data-track="photoAttributionNameClick"]>span:first-of-type:before {
content: "." ;
position: relative ;
display: inline-block ;
min-width: 5px ;
padding-left: 5px ;
background-color: inherit ;
color: transparent ;
}
#photo-details.clearfix #sidebar.wide-sidebar #photo-story #photo-story-attribution.clearfix p.flickr-user span.name span.photo-name-line-1 a[data-track="photoAttributionNameClick"]>span:last-of-type:after {
content: "." ;
position: relative ;
display: inline-block ;
min-width: 5px ;
padding-right: 5px ;
background-color: inherit ;
color: transparent ;
}
/* GM - "F.F.S" - COLOR FLAG - OPAC */
*[id^="CFS"]{
opacity: 0.8 !important;
}
/* 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;
}
/* (new183) HELP - ITEMS */
.TopicListing>tbody>tr:not(:first-of-type) td {
width: 380px !important;
height: 100% ;
height: 25px !important;
line-height: 15px !important;
padding: 1px 2px 0px ;
}
/* .TopicListing>tbody>tr:not(:first-of-type) td:first-of-type {
min-width: 520px !important;
} */
.TopicListing>tbody>tr:not(:first-of-type) td a strong ,
.TopicListing>tbody>tr:not(:first-of-type) td a {
min-width: 370px !important;
max-width: 370px !important;
}
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) td +td > a[id^="CFS_"] ,
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) td +td > a:not(.pro-badge-new) {
width: 130px ;
overflow: hidden ;
text-overflow: ellipsis ;
white-space: nowrap ;
}
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) td +td > a.pro-badge-new {
float: left;
top: 0px ;
left: 105px ;
opacity: 0.3 ;
}
/* GM - "F.F.S" - HELP - DISC LISTING - USER NAME*/
#Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) td +td > a[id^="CFS_"] span {
white-space: nowrap ;
}
/* GM - "Flick Functional Suite" - PEOPLE YOU FOL - PHOT OF - ONE BY USER */
.contact-list-num a[id^="CFS"] span {
background: transparent !important;
}
/* END == GM "F.F.S" ==== */
/* START == GM "PM" ==== */
/* 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 ;
}
/* (new177) GM PM - PHO */
.fluid.html-photo-page-scrappy-view .attribution-view .avatar.person.medium > b {
position: absolute !important;
display: inline-block !important;
width: 17px !important;
height: 15px !important;
line-height: 13px !important;
margin: -25px 0 0 -10px!important;
font-size: 6px !important;
opacity: 1 !important;
visibility: visible !important;
filter: none !important;
white-space: nowrap !important;
overflow: hidden !important;
}
/* (new180) */
.fluid.html-photo-page-scrappy-view .attribution-view .avatar.person.medium > b:hover {
/* width: 20px !important; */
height: 19px !important;
width: 580px !important;
margin-left: -10px !important;
font-size: 8px !important;
overflow: visible !important;
}
/* GM - "PM" - HELP */
.DiscussionResults>tbody tr td:first-of-type:not(.Who) .Topic p > b {
display: inline-block !important;
max-width: 345px !important;
min-width: 345px !important;
font-size: 0 !important;
}
.DiscussionResults>tbody tr td:first-of-type:not(.Who) .Topic p > b > a {
font-size: 11px !important;
display: inline-block ! important;
bottom: -10px ! important;
}
.DiscussionResults>tbody tr td:first-of-type:not(.Who) .Topic p > b:hover a + b {
display: inline-block !important;
visibility: visible !important;
width: 400px !important;
padding: 10px 5px 5px 5px !important;
font-size: 11px !important;
}
.DiscussionResults>tbody tr td:first-of-type:not(.Who) .Topic p:hover > b b a:after {
content: "●" ;
position: relative ;
display: inline-block ;
height: 2px ;
line-height: 2px ;
margin-left: -10px ;
top: 7px ;
font-size: 10px ;
text-align: center ;
color: white ;
}
/* GM - "PM" - HOVER to TOP for Promote/demote etc... */
.char_search +#MemberList tr td:nth-child(2):hover ~td {
display: inline-block !important;
}
/* GM - "PM" - ICONS */
a[title="User Profile"] ,
a[title="User Photo Archive"] ,
a[title="User Favourites"] ,
a.fpmLink {
position: relative !important;
display: inline-block !important;
float: none !important;
vertical-align: bottom !important;
min-width: 15px !important;
height: 18px !important;
line-height: 18px !important;
margin-left: 2px !important;
font-size: 10px !important;
text-align: center !important;
outline: 0.2px solid #222 !important;
}
/* GM "PM" - ICONS - INDIC VISIT */
a:visited[title="User Profile"]:after ,
a:visited[title="User Favourites"]:after ,
a:visited[title="User Photo Archive"]:after ,
a:visited.fpmLink:after {
font-size: 10px ;
color: red ;
outline: 0.2px solid violet ;
}
/* GM - "PM" - ICONS HELPER - 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: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;
}
/* REC ACT - 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" - GAL/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 ;
}
/* 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;
}
#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 ;
}
#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" - GAL - 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 ;
}
/* 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;
font-size: 12px !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" - HELP */
/* (GM - "PM" - HELP - IN COM / TOP COM RIGHT PANEL */
#Hint + #GoodStuff #DiscussTopic table:first-of-type tbody tr h4 a + span + b ,
#DiscussTopic table.TopicReply tr h4 b ,
#DiscussTopic table:first-of-type .Who:first-of-type + .Said h4 > a:last-of-type + b ,
#GoodStuff #DiscussTopic .TopicReply .Said h4 b {
position: relative !important;
display: inline-block !important;
min-width: 30px !important;
max-width: 30px !important;
height: 20px !important;
line-height: 20px !important;
font-size: 8px !important;
visibility: hidden !important;
white-space: nowrap !important;
}
#DiscussTopic table:first-of-type .Who:first-of-type + .Said h4 > a:last-of-type + b:hover ,
#GoodStuff #DiscussTopic .TopicReply .Said h4 b:hover {
min-width: 420px !important;
max-width: 420px !important;
height: auto !important;
line-height: 20px !important;
margin-top: -23px !important;
top: 10px !important;
padding: 3px !important;
cursor: pointer !important;
visibility: visible !important;
white-space: pre-wrap !important;
z-index: 500000 !important;
}
#DiscussTopic table.TopicReply tr h4 b:hover {
position: absolute !important;
display: inline-block !important;
min-width: 330px !important;
max-width: 330px !important;
height: auto !important;
line-height: 20px !important;
padding: 3px !important;
cursor: pointer !important;
visibility: visible !important;
white-space: pre-wrap !important;
}
#Hint + #GoodStuff #DiscussTopic table:first-of-type tbody tr h4 a:hover + span + b ,
#Hint + #GoodStuff #DiscussTopic table:first-of-type tbody tr h4 a + span + b:hover {
position: absolute !important;
display: inline-block !important;
min-width: 300px !important;
max-width: 300px !important;
height: auto !important;
line-height: 20px !important;
left: 0px !important;
margin-top: 20px !important;
cursor: pointer !important;
visibility: visible !important;
overflow: hidden !important;
white-space: pre-wrap !important;
}
#Hint + #GoodStuff #DiscussTopic table:first-of-type tbody tr h4 a + span + b:hover {
position: absolute !important;
display: inline-block !important;
min-width: 370px !important;
max-width: 370px !important;
height: auto !important;
line-height: 20px !important;
left: 100px !important;
top: -30px !important;
padding: 5px !important;
margin-top: 20px !important;
cursor: pointer !important;
visibility: visible !important;
overflow: visible !important;
white-space: pre-wrap !important;
z-index: 50000 !important;
}
#Hint + #GoodStuff #DiscussTopic table:first-of-type tbody tr h4 a + span + b:before ,
#GoodStuff #DiscussTopic .TopicReply .Said h4 b:before ,
#DiscussTopic table:first-of-type .Who:first-of-type + .Said h4 > a:last-of-type + b:before ,
#DiscussTopic table.TopicReply tr h4 b:before {
content: "PM ▶" ;
position: relative ;
display: inline-block ;
width: 100% ;
min-width: 30px ;
max-width: 30px ;
min-height: 15px ;
max-height: 15px ;
line-height: 15px ;
font-size: 10px ;
cursor: pointer ;
visibility: visible ;
}
/* GM - "PM" - HELP - USER NAME */
#DiscussTopic table:first-of-type .Who:first-of-type + .Said h4 > a:last-of-type ,
#GoodStuff #DiscussTopic .TopicReply .Said h4 a {
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
}
#DiscussTopic table.TopicReply tr h4 a {
display: inline-block !important;
height: 20px !important;
line-height: 20px !important;
}
/* GM - "PM" - ICON */
.comment-head>span+span b a:visited.fpmLink:after {
color: red ;
}
.comment-head>span+span b a.fpmLink:after {
top: 16px ;
color: gray ;
}
/* GM - "PM" - SET/ALB */
.fluid.html-album-page-view .album-header-content .attribution-view .avatar.person.medium b {
position: absolute;
display: inline-block ;
width: 700px ;
right: 281px ;
top: 66px ;
}
.fluid.html-album-page-view .album-header-content .attribution-view .avatar.person.medium b a[href^="http://www.flickriver.com/"] {
width: 20px !important;
}
/* GM - "PM" - HEADER - PROF - USER NAME - FOR GM "PM" - ICONS */
.person>h1>span + span {
position: absolute;
top: 28px !important;
}
.person>h1>span + span {
position: absolute !important;
display: inline-block !important;
height: 15px !important;
line-height: 15px !important;
width: 20px !important;
padding-right: 25px !important;
padding-bottom: 0px !important;
left: 0px !important;
top: 55px !important;
margin-top: 0px !important;
visibility: visible!important;
transform: scale(0.7) !important;
transition: transform ease 0.7s !important;
white-space: nowrap !important;
overflow: hidden !important;
z-index: 5000 !important;
border: 1px solid gold !important;
}
.person>h1>span + span:hover {
position: absolute !important;
display: inline-block !important;
height:20px !important;
min-width: 740px !important;
padding-bottom: 0px !important;
left: -100px !important;
margin-top: 0px !important;
visibility: visible!important;
transform: scale(0.9) !important;
transition: transform ease 0.7s !important;
}
/* A SUPP ??? - GM - "PM" - PHOT */
#photo-story-attribution + span {
position: relative !important;
left: -8px !important;
top: -30px !important;
color: transparent !important;
}
#photo-story #photo-story-attribution+ span b {
position: relative !important;
color: transparent !important;
white-space : nowrap !important;
}
/* GM - "PM" - CTS PAGE */
table.contact-list-table td.contact-list-bicon {
padding: 3px 5px;
vertical-align: top ;
width: 34px ;
}
table.contact-list-table td.contact-list-bicon img {
height: 34px ;
width: 34px ;
}
/* GM - "PM" - CTS */
table.contact-list-table td.contact-list-name a:first-of-type + span {
position: absolute ;
display: inline-block ;
width: 680px ;
min-height: 20px ;
max-height: 20px ;
line-height: 15px ;
left: 45px ;
margin-top: 15px ;
font-size: 10px ;
cursor: pointer ;
visibility: hidden ;
}
table.contact-list-table td.contact-list-name a:first-of-type + span:hover {
position: absolute ;
display: inline-block ;
width: 680px ;
min-height: 20px ;
max-height: 20px ;
left: 0px ;
margin-top: 15px ;
line-height: 15px ;
font-size: 10px ;
cursor: pointer ;
visibility: visible ;
transform: scale(0.9) ;
}
table.contact-list-table td.contact-list-name a:first-of-type + span:before {
content: "PM ▶" ;
position: relative ;
display: inline-block ;
width: 100% ;
min-width: 30px ;
max-width: 30px ;
min-height: 15px ;
max-height: 15px ;
line-height: 15px ;
margin-left: -40px ;
margin-top: 0px ;
font-size: 10px ;
cursor: pointer ;
visibility: visible ;
transform: scale(1) ;
}
/* GM "PM" for icon FLICKRIVER - in ALBUM /SETS - === */
.attribution-view.album-attribution a[href^="http://www.flickriver.com/"] {
position: relative !important;
display: inline-block !important;
width: 170px !important;
left: 5px !important;
top: 0px !important;
}
/* END == GM "PM" ==== */
/* START == GM "CROSS-RECOMMENDATION" ==== */
/* GM - "CROSS-RECO" - PHO - BOT RIGHT SID */
.sub-photo-container.centered-content .sub-photo-title-desc-view + #FCR_main {
position: fixed !important;
display: inline-block !important;
width: 40px !important;
height: 52px !important;
margin-top: 0px !important;
right: 542px !important;
top: -20px !important;
padding: 0px 0 0px 30px !important;
border-bottom: 1px solid gray !important;
text-align: center !important;
transform: scale(0.32) !important;
transition: background ease 0.7s , padding ease 0.1s !important;
overflow: hidden !important;
z-index: 50009999 !important;
}
.sub-photo-container.centered-content .sub-photo-title-desc-view + #FCR_main #FCR_photos {
visibility: hidden !important;
}
/* (new178) */
.sub-photo-container.centered-content .sub-photo-title-desc-view + #FCR_main:hover {
width: 564px !important;
height: auto !important;
margin-top: 22px !important;
right: 4px !important;
top: -40px !important;
border-radius: 0 0 0 5px !important;
padding: 50px 10px 90px 10px !important;
transform: scale(1) !important;
box-shadow: -7px 10px 8px black !important;
text-align: center !important;
transition: background ease 0.7s , padding ease 0.7s !important;
border: 1px solid red !important;
}
.sub-photo-container.centered-content .sub-photo-title-desc-view + #FCR_main:hover #FCR_photos {
visibility: visible !important;
}
.sub-photo-container.centered-content .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 ;
}
.sub-photo-container.centered-content .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: 380px ;
top: -2px ;
padding: 2px ;
border-radius: 0 0 5px 0 ;
text-align: center ;
color: peru ;
cursor: context-menu ;
overflow: hidden ;
transform: scale(1) ;
z-index: 59999 ;
opacity: 0.7 ;
transition: background ease 0.8s ;
}
.sub-photo-container.centered-content .sub-photo-title-desc-view + #FCR_main > a {
margin-right: 0 !important;
}
.sub-photo-container.centered-content .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;
}
/* END == GM "CROSS-RECOMMENDATION" ==== */
/* START == GM "Quick Intersting" ==== */
a#tag_person_link:visited {
color: red !important;
}
a[id^="personmenu_"]:visited {
color: red !important;
}
/* END == GM "Quick Intersting" ==== */
/* START == GM "Com ON" ==== */
.ju .row [id^="FCO-photo-"] a {
height: 15px !important;
}
/* GM - "Com ON" - SUPP - "from"/by" - POOL - === */
.PoolList ,
#pool-photos.sm .meta ,
.group-content-wrapper #div_hold_photos.HoldPhotos #pool-photos.sm .meta {
color: transparent !important;
}
/* GM - "Comm ON" - COM ICON - RED ICON */
[alt="Yay! You've commented on this photo!"] {
background: url(data:image/x-icon;base64,AAABAAEAEBAQAAAAAAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAA8vD3AHBsaABbD/UAcGxnAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAEQAAAAAAAREM0QAAAAAQzMzM0AAAAAjERETQAAAACMzMzNAAAAAIxERM0AAAAAjMzMzQAAAAAIiIiQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAA//8AAP//AAD+/wAA/n8AAPAfAADgDwAA4A8AAOAPAADgDwAA4A8AAPAfAAD//wAA//8AAP//AAD//wAA) no-repeat!important;
position: relative !important;
height: 16px !important;
width: 0 !important;
margin-left:5px !important;
padding: 0px 0px 0px 25px !important;
border-radius: 5px !important;
}
[alt="Yay! You've commented on this photo!"] a:hover {
background:transparent !important;
color: grey !important;
text-decoration: none;
}
/* GM - "Com ON" - NO COM ICON - GREY */
[alt="Go ahead! Make my day! (by commenting)"] {
background: url(data:image/x-icon;base64,AAABAAEAEBAAAAAAAABoBQAAFgAAACgAAAAQAAAAIAAAAAEACAAAAAAAAAEAAAAAAAAAAAAAAAEAAAAAAACmn5cAAAAAAHBsaABwbGcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQMBAQEBAQEBAQEBAQEBAQEDAwEBAQEBAQEBAQEBAwMDAQEDAwEBAQEBAQEBAwEBAQEBAQEDAQEBAQEBAQIBAAAAAAABAwEBAQEBAQECAQEBAQEBAQMBAQEBAQEBAgEAAAAAAQEDAQEBAQEBAQIBAQEBAQEBAwEBAQEBAQEBAgICAgICAwEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAf//AAD//wAA//8AAP7/AAD+fwAA8Z8AAO/vAADoLwAA7+8AAOhvAADv7wAA8B8AAP//AAD//wAA//8AAP//AAA=) no-repeat!important;
position: relative !important;
width: 0 !important;
height: 16px !important;
padding: 0px 0px 0px 25px !important;
margin-left:5px !important;
border-radius: 5px !important;
}
[alt="Go ahead! Make my day! (by commenting)"] a:hover {
text-decoration: none;
background:transparent !important;
background-color: transparent !important;
color: gray !important;
}
/* GM - "Com ON" - RETRIEV COM ICON - BLACK/RED + FLECHE */
[title="retrieving"] {
background: url(data:image/x-icon;base64,AAABAAEAEBAQAAAAAAAoAQAAFgAAACgAAAAQAAAAIAAAAAEABAAAAAAAgAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAwybRABIQEgBwbGgAcGxnAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAEQAAAAAAAREIkQAAAAAQiIhIkAAAAAyIiESQAAAAEIRERFAAAAAMiIhEkAAAAAyIiEiQAAAAAMzRDQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD//wAA//8AAP//AAD+/wAA/n8AAPAfAADgDwAA4A8AAOAPAADgDwAA4A8AAPAfAAD//wAA//8AAP//AAD//wAA) no-repeat!important;
position: relative !important;
width: 0 !important;
height: 16px !important;
padding: 0px 0px 0px 25px !important;
border-radius: 5px !important;
}
[alt="Go ahead! Make my day! (by commenting)"] a:hover {
background:transparent !important;
}
[title="retrieving"] a:hover {
background-color: transparent !important;
color: grey !important;
text-decoration: none;
}
/* GM - "Com ON" - COUNT */
[id^="FCO-image-count"] {
color: #7D3636 !important;
z-index: 10 !important;
}
/* GM - "Commented ON" - POOL JU + HOVER */
.ju .row [id^="FCO-photo-"] {
position: absolute !important;
display: inline-block;
height: 11px !important;
width: 17px !important;
left: 10px;
top: 93% !important;
padding-right: 10px !important;
padding-bottom: 3px !important;
transform: scale(1.5) !important;
z-index: 10000 !important;
}
.ju .row .FCO-gradient + span {
position: relative !important;
display: inline-block !important;
height: 10px !important;
left: -11px !important;
top: 0px !important;
transform: scale(1.6) !important;
}
.ju .row .FCO-gradient {
height: 15px !important;
transform: scale(1.6) !important;
}
.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 - "YOUR STREAM" - COM 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 - "YOUR CTS"/"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 - "YOUR CTS"/"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" - PHOT */
#button-bar + #stats_ul .stat-item img[alt="Yay! You\'ve commented on this photo!"]{
margin-left: 10px ! important;
margin-bottom: -1px !important;
margin-top: 4px !important;
transform: scale(1.7) ! important;
}
#button-bar + #stats_ul .stat-item:first-of-type >a[href*="comment"] {
display: inline-block !important;
height: 24px !important;
line-height: 24px !important;
margin-left: -24px !important;
margin-right: -2px !important;
width: 27px !important;
background-image: url("https://s.yimg.com/pw/images/sprites/icons-s4c98afa979.png")! important;
background-position: -0px -854px !important;
}
#button-bar + #stats_ul .stat-item img[alt="Go ahead! Make my day! (by commenting)"] {
background: none! important;
background-color: transparent !important;
}
#button-bar + #stats_ul .stat-item#fave-count a {
display: inline-block !important;
height: 24px !important;
line-height: 24px !important;
margin-left: 25px !important;
background-color: transparent !important;
background-image: url("https://s.yimg.com/pw/images/sprites/icons-s4c98afa979.png")! important;
background-position: 0 -168px !important;
background-repeat: no-repeat;
}
#photo #photo-container #photo-actions #action-buttons-right ul#stats_ul li.stat-item a span[id^="FCO-image-count-"] {
position: absolute !important;
left: -3px ! important;
top: 0px !important;
font-size: 15px !important;
color: white! important;
}
/* ==== GM "Com ON" - SQUARE ==== */
/* GM - "Com ON" - SQUARE (sq) - ARCH/CTS/SET - POOL(?)/FAV(?)NOT ACTIVE YET */
/* GM - "Com ON" - SQUARE (sq) - POOL/FAV/SET/CTS - COM ICON / COUNT - === */
#pool-photos.sq [id^="FCO-photo-"] ,
#faves.sq [id^="FCO-photo-"] ,
#ViewSet #setThumbs.sq [id^="FCO-photo-"] ,
#thumbnails.sq .contact [id^="FCO-photo-"] {
position: relative !important;
display: inline-block !important;
border: 1px solid transparent !important;
border-radius: 5px !important;
height: 11px !important;
width: 16px !important;
top: 1px !important;
opacity: 0.5 !important;
}
#pool-photos.sq [id^="FCO-photo-"] ,
#faves.sq [id^="FCO-photo-"] {
left: -30px !important;
}
#thumbnails.sq.narrow .contact [id^="FCO-photo-"] {
top: 25px !important;
left: -42% !important;
}
#pool-photos.sq [id^="FCO-photo-"]:hover ,
#faves.sq [id^="FCO-photo-"]:hover ,
#ViewSet #setThumbs.sq [id^="FCO-photo-"]:hover ,
#thumbnails.sq .contact [id^="FCO-photo-"]:hover {
border: 1px solid #333333 !important;
opacity: 1 !important;
}
#pool-photos.sq [id^="FCO-photo-"] a img ,
#faves.sq [id^="FCO-photo-"] a img ,
#ViewSet #setThumbs.sq [id^="FCO-photo-"] a img ,
#thumbnails.sq .contact [id^="FCO-photo-"] a img {
position: absolute!important;
display: block !important;
width: 0 !important;
top: -1px !important;
left: -8px !important;
margin-top: -1px !important;
}
#pool-photos.sq [id^="FCO-image-count-"] ,
#faves.sq [id^="FCO-image-count-"] ,
#ViewSet #setThumbs.sq [id^="FCO-image-count-"] ,
#thumbnails.sq .contact [id^="FCO-image-count-"] {
position: absolute !important;
height: 12px !important;
width: 0px !important;
left: -41px !important;
top: 5px !important;
padding-left: 51px !important;
}
/* GM "Com ON" - SMALL */
/* GM - "Com ON" - SMALL - POOL - MAIN PAGE - COM ICON/COUNT */
.group-content-wrapper #pool-photos.sm .thumb [id^="FCO-photo-"]{
position: relative !important;
display: inline-block !important;
top: 9px !important;
margin-left: 82% !important;
border: 1px solid transparent !important;
border-radius: 5px !important;
z-index: 100 !important;
opacity: 0.5 !important;
}
.group-content-wrapper #pool-photos.sm .thumb [id^="FCO-photo-"]:hover {
border: 1px solid gray !important;
opacity:1 !important;
}
.group-content-wrapper #pool-photos.sm a [id^="FCO-image-count-"] {
position: absolute !important;
display: block !important;
left: 12px !important;
top: -2px !important;
}
/* 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: 8px !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/CTS */
#faves.sm [id^="FCO-photo-"] ,
.HoldPhotos p.RecentPhotos [id^="FCO-photo-"] ,
#thumbnails.sm [id^="FCO-photo-"] {
position: relative !important;
display: block !important;
border: 1px solid transparent !important;
border-radius: 5px 5px 5px 5px !important;
width: 20px !important;
height: 13px !important;
margin-top: -15px !important;
top: 19px !important;
z-index: 510 !important;
opacity: 0.5 !important;
}
.HoldPhotos p.RecentPhotos [id^="FCO-photo-"] {
margin-left: 10px !important;
}
#faves.sm [id^="FCO-photo-"]:hover ,
.HoldPhotos p.RecentPhotos [id^="FCO-photo-"]:hover ,
#thumbnails.sm [id^="FCO-photo-"]:hover {
border: 1px solid gray !important;
opacity: 1!important;
}
#faves.sm [id^="FCO-photo-"] a img ,
.HoldPhotos p.RecentPhotos [id^="FCO-photo-"] a img ,
#thumbnails.sm [id^="FCO-photo-"] a img {
display: block !important;
position: absolute !important;
width: 0 !important;
left: -9px !important;
margin-top: -1px !important;
top: -1px !important;
}
#faves.sm [id^="FCO-image-count"] ,
.HoldPhotos p.RecentPhotos [id^="FCO-image-count-"] ,
#thumbnails.sm [id^="FCO-image-count-"] {
position: absolute !important;
display: block !important;
left: 8px !important;
top: 6px !important;
}
/* == END == GM "COM ON" ==== */
/* == GM "Number of FAVS on Photostream Pages and Pool Pages" GM - "N.FAvs" ==== */
/* GM - "N.FAvs" - ALL */
.nof_stats {
position: relative !important;
display: inline-block !important;
height: 13px !important;
border: 1px solid transparent !important;
border-radius: 5px !important;
font-size: 10px !important;
color: transparent !important;
}
.nof_stats:hover {
border: 1px solid #302B2B !important;
border-radius: 5px !important;
}
/* GM - "N.FAvs" - JU ALL - === */
.ju .row .pool-photo .nof_stats {
position: absolute !important;
display: inline-block !important;
min-width: 150px !important;
height: 15px !important;
line-height: 15px !important;
vertical-align: text-bottom !important;
top: 325px !important;
left: 35% !important;
border: 1px solid transparent !important;
border-radius: 5px !important;
font-size: 10px !important;
color: transparent !important;
transform: scale(1.1) !important;
}
/* GM - "N.FAvs" - ALL - FAV COUNT HOVER */
.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/ARCH - (Without ICONs : my SET option "SHORT ABDREVATION") */
#pool-photos.sm .nof_stats ,
#faves.sm .fave .nof_stats ,
#setThumbs.sm .nof_stats {
position: relative !important;
display: inline-block !important;
vertical-align: top !important;
height: auto !important;
line-height: 10px !important;
width: 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;
}
/* END == GM "Quit Multiple Groups ==== */
/* START == GM "QUICK COM ==== */
/* SIDEBAR - ADD COM - === */
#photo-details.clearfix .hide-during-preview {
margin-left: -66px !important;
margin-top: -10px !important;
margin-bottom: -25px !important;
}
#photo-details.clearfix #arse form[name="sfcommentform"] {
position: relative !important;
display: inline-block !important;
height: 22px !important;
width: 340px !important;
left: -65px !important;
top: -2px !important;
}
/* END == GM "QUICK COMMENTS ==== */
/* START == GM "SHOWALLGROUPS" ==== */
/* GM - "SHOWGRPS" - SQUARE ICON - ==== */
.text-list.profile-paginator-page li span + a {
position: absolute !important;
display: inline-block ! important;
height: 15px !important;
line-height: 17px !important;
width: 12px !important;
left: 1px !important;
top: -3px !important;
text-align: center !important;
}
/* END == GM "SHOWGRPS" ==== */
/* START == GM "Flickr Non-Reciprocal Contacts Finder" ==== */
.contact-list-name a[style="color: green;"] ~ span.contact-list-nofullname a ,
.contact-list-name a[style="color: green;"] ~ span.contact-list-fullname a ,
.contact-list-name a[style="color: green;"] {
color: green !important;
}
.contact-list-name a[style="color: green;"]:after {
content:" ► [ Added you as a friend ]" ;
font-size: 12px ;
color: green ;
}
.contact-list-name a[style="color: purple;"] ~ span.contact-list-nofullname a ,
.contact-list-name a[style="color: purple;"] ~ span.contact-list-fullname a ,
.contact-list-name a[style="color: purple;"] {
color: purple ;
}
.contact-list-name a[style="color: purple;"]:after {
content:" ► [ Added you as a family ]" !important;
font-size: 12px ;
color: purple ;
}
.contact-list-name a[style="color: blue;"] ~ span.contact-list-nofullname a ,
.contact-list-name a[style="color: blue;"] ~ span.contact-list-fullname a ,
.contact-list-name a[style="color: blue;"] {
color: blue !important;
}
.contact-list-name a[style="color: blue;"]:after {
content:" ► [ Not added you not as family or friend ]" ;
font-size: 12px ;
color: blue ;
}
/* (new185) GM - "Flickr Non-Reciprocal Contacts Finder" - === */
.contact-list-name a[style="color: red;"] ~ span.contact-list-nofullname a ,
.contact-list-name a[style="color: red;"] ~ span.contact-list-fullname a ,
.contact-list-name a[style="color: red;"] {
color: red !important;
}
#Main table.contact-list-table tbody tr td.contact-list-name a:link[style="color: red;"]:before {
content: " 🚫 ► " ;
color: red ;
}
/* END == GM "Flickr Non-Reciprocal Contacts Finder" ==== */
/* START == GM "BUDDY INT" == */
/* GM - "BUD INT" - POPUP - 622 pics - MESS/MAIL/HELP/PEND */
.popup {
position: fixed;
width: 1870px !important;
height: auto !important;
max-height: 895px !important;
top: 5px !important;
left: 1% ! important;
padding: 20px 5px 5px 5px !important;
border: 1px solid GRAY !important;
border-radius: 5px 5px 5px 5px !important;
z-index: 1000 !important;
overflow: hidden ;
overflow-y: auto ;
}
.popup ul {
margin: 0px 0 15px 0 !important;
padding: 0;
}
.popup ul + a {
position: fixed !important;
display: inline-block!important;
height: 20px !important;
width: 400px ;
top: 1px ;
left: 806px ;
padding: 0 4px !important;
border-radius: 5px !important;
}
.popup 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 ;
}
/* START === GM "View on FlickrRiver" ==== */
/* IN POOL */
.subnav-middle>span {
position: absolute ;
top: 10px ;
right: 68px;
}
/* IN PHO */
.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;
}
/* (new173) */
.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: 132px !important;
right: 345px!important;
color: peru !important;
background: transparent !important;
opacity: 1 !important;
visibility: visible !important;
/* z-index: 0 !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 - URL PREF - 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- From CTS - PHOT FRI - SUPP P EVENT */
#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) {
font-size: 25px !important;
pointer-events: none !important;
}
#contacts-thumbs-wrapper .photo-display-container.ju .photo-display-item .meta {
bottom: -11px !important;
opacity: 0.7 !important;
}
#contacts-thumbs-wrapper .photo-display-container.ju .photo-display-item:hover .meta {
opacity: 1 !important;
}
#contacts-thumbs-wrapper .photo-display-container.ju .photo-display-item .meta .title {
font-size: 24px !important;
}
#contacts-thumbs-wrapper .photo-display-container.ju .photo-display-item .meta span.attribution {
margin-left: -36px !important;
}
/* TOO NAR */
#contacts-thumbs-wrapper .photo-display-container.ju .contact.photo-display-item .thumb.too-narrow .photo_container + .meta span.attribution {
margin-left: 0px !important;
}
#contacts-thumbs-wrapper .photo-display-container.ju .photo-display-item .meta span.attribution a.owner[id^="CFS_"] {
display: inline-block !important;
height: 28px !important;
line-height: 28px !important;
margin-top: 0 !important;
top: 95% !important;
font-size: 24px !important;
}
#contacts-thumbs-wrapper .photo-display-container.ju .photo-display-item .meta .inline-icons {
height: 26px !important;
line-height: 24px !important;
margin-top: 0 !important;
top: 95% !important;
font-size: 24px !important;
}
#contacts-thumbs-wrapper .photo-display-container.ju .photo-display-item .meta .inline-icons a {
height: 26px !important;
line-height: 27px !important;
font-size: 24px !important;
}
#contacts-thumbs-wrapper .photo-display-container.ju .photo-display-item .meta .inline-icons a img {
width: 20px !important;
height: 20px !important;
line-height: 10px !important;
font-size: 24px !important;
}
#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) span {
display: inline-block;
height: 29px !important;
line-height: 29px !important;
font-size: 25px !important;
color: white !important;
text-shadow: 1px 1px 2px #000 !important;
}
#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) span:last-of-type {
padding: 0 4px 0 0px !important;
border-radius: 0 5px 5px 0 !important;
}
#contacts-thumbs-wrapper .photo-display-container.ju .row .contact [id^="FCO-photo-"] {
left: 0px !important;
margin-top: 12px !important;
transform: scale(1.4) !important;
}
/* END ==== URL PREF - GM - "F.F.S" - SUPP TOOLTIP where it's not USABLE ==== */
}
@-moz-document url-prefix("https://www.flickr.com/groups_invite.gne") {
/* START ==== URL PREF - POOL INVIT */
/* POOL INVIT */
#GoodStuff {
width: 99.9% !important;
top: 30px !important;
padding-bottom: 30px !important;
border: 1px solid red !important;
}
/* END ==== URL PREF - URL PREF - POOL INVIT */
}
@-moz-document url-prefix("https://www.flickr.com/help/forum/") {
/* ==== (new171) START == URL PREF == HELP ==== */
html.styleguide {
display: inline-block !important;
width: 100% !important;
height: 100% ;
min-height: 927px !important;
max-height: 927px !important;
top: 0px !important;
overflow: hidden !important;
overflow-y: hidden !important;
}
/* (new164) #Main - HELP */
#Main {
position: relative !important;
display: inline-block !important;
height: 100% !important;
min-height: 99.5vh !important;
max-height: 99.5vh !important;
min-width: 100% !important;
top: 0 !important;
margin-bottom: 0px !important;
overflow: hidden !important;
overflow-y: hidden !important;
}
/* (new176) HELP - FORUM + EDIT TOPIC */
#Main > h1 + table {
position: relative !important;
display: inline-block !important;
height: 100% !important;
min-height: 99.1vh !important;
max-height: 99.1vh !important;
min-width: 100% !important;
border: 1px solid red !important;
}
#Feeds {
display: none;
}
/* == END == URL PREF == HELP ==== */
}
@-moz-document url-prefix("https://www.flickr.com/notifications"), url-prefix("https://www.flickr.com/notifications/") {
/* (new182) START ==== URL PREF - NEW NOTIF */
/* URL PREF - SUPP */
.notification-center-page-view .separator {
display: none !important;
}
/* (new182) URL PREF - NAVBAR TOP HEADER - FIXED TOP */
.fluid .fluid-subnav {
position: fixed !important;
top: 0px !important;
z-index: 500000 !important;
/* background: red !important; */
}
/* (new183) URL PREF - WIDESCREEN NOTIF CONTAINER */
.notification-center-page-view .notification-center-page-container.fluid-centered {
margin-top: 50px !important;
max-width: 1900px !important;
}
/* (new184) URL PREF - FILTER */
.notification-center-page-view .notification-center-page-container.fluid-centered .filter-container {
position: fixed;
left: 500px;
top: 0 !important;
z-index: 5000000 !important;
}
.fluid.html-notification-center-page-view .droparound.menu:not(.over-modal)[style^="width: auto;"].droparound.menu {
position: fixed !important;
display: inline-block !important;
height: 390px !important;
width: 355px !important;
left: 540px !important;
top: 40px !important;
padding: 5px !important;
z-index: 5000000 !important;
box-shadow: -10px 10px 3px 1px rgba(0, 0, 0, 0.7), 0 1px 4px rgba(0, 0, 0, 0.4) !important;
background: #111 !important;
border: 1px solid red !important;
}
.fluid.html-notification-center-page-view .droparound.menu:not(.over-modal)[style^="width: auto;"] .body {
position: fixed;
top: 43px !important;
box-shadow: none !important;
}
.fluid.html-notification-center-page-view .droparound.menu:not(.over-modal)[style^="width: auto;"] .body .content.menu {
box-shadow: none !important;;
}
.notification-center-page-view .notification-center-page-container.fluid-centered .notifications-list-container {
background-color: #222;
}
.groups-you-admin-listing-view li {
color: peru !important;
}
.fluid .droparound .body .content.menu li.selected-item ,
.groups-you-admin-listing-view li.selected-item {
color: gold !important;
}
/* URL PREF - SETTING BUT */
.fluid.html-notification-center-page-view .fluid-notification-center-subnav-view .actions {
margin-right: 44px;
}
.fluid.html-notification-center-page-view .fluid-notification-center-subnav-view .actions a svg.icon {
height: 25px !important;
width: 25px !important;
}
/* URL PREF - LIST */
.notifications-list-container .notifications-list-view .notification-item-list .notification-item-list-item {
float: left !important;
min-width: 33% !important;
max-width: 33% !important;
margin: 0px 1px 0px 3px !important;
border-radius: 5px !important;
overflow: hidden !important;
}
.notification-center-page-view .notification-item-list-item .base-notification-item:not(:empty) {
display: inline-block !important;
height: 130px !important;
min-width: 99.5% !important;
max-width: 99.5% !important;
border: 3px solid transparent !important;
}
.notification-center-page-view .notification-item-list-item .base-notification-item:empty {
height: 0px !important;
min-width: 0% !important;
max-width: 0% !important;
border: none !important;
}
.notification-center-page-view .notification-item {
height: 130px !important;
padding: 0px 10px 0px 10px !important;
border-radius: 5px !important;
}
.notification-center-page-view .notification-item.notif-item-comment {
height: 130px !important;
padding: 0px 10px 0px 10px !important;
}
.notification-center-page-view .notification-item.notif-item-photo-comment-mention {
height: 130px !important;
padding: 0px 10px 0px 10px !important;
background: black !important;
border: 1px solid green !important;
}
.notification-center-page-view .notification-item .headline-container {
height: 123px !important;
line-height: 15px !important;
padding: 0 !important;
overflow: hidden !important;
}
.notification-center-page-view .notification-item.notif-item-comment .headline-container ,
.notification-center-page-view .notification-item.notif-item-photo-comment-mention .headline-container {
height: 143px !important;
}
/* (new183) URL PREF - JOIN ACCEPTED */
.notification-item.notif-item-group-join-request-accepted .avatar.small.group {
top: 19px !important;
}
.notification-item.notif-item-group-join-request-accepted .avatar.small.group {
border-radius: 0!important;;
}
/* (new182) URL PREF - COMMENTS */
.notification-center-page-view .notification-item .notification-core a.comment-link {
display: inline-block !important;
width: 94.4% !important;
height: auto !important;
max-height: 90px !important;
line-height: 15px !important;
padding-right: 20px !important;
font-size: 15px !important;
overflow: hidden !important;
overflow-y: auto !important;
}
/* (new182) URL PREF - GAL - COMMENTS */
.notification-center-page-view .notification-item .notification-core .gallery-link {
display: inline-block;
width: 90% !important;
}
/* COMM GAL - OLD DESIGH INDICATOR */
.notification-center-page-view .notification-item .notification-core a.comment-link[href*="//#comment"][href*="/galleries/"] {
padding-top: 20px !important;
}
.notification-center-page-view .notification-item .notification-core a.comment-link[href*="//#comment"][href*="/galleries/"]:before {
content: "Old 🔗" !important;
position: absolute !important;
margin-top: -17px !important;
font-size: 9px !important;
opacity: 0.3 !important;
transition: all ease 0.7s !important;
}
.notification-center-page-view .notification-item .notification-core a.comment-link[href*="//#comment"][href*="/galleries/"]:hover:before {
content: "Gallery Old Design before 2018 🔗" !important;
opacity: 1 !important;
transition: all ease 0.7s !important;
}
.notifications-list-container .notification-item a.comment-link q::before {
display: inline-block !important;
position: absolute!important;
height: 15px !important;
line-height: 15px !important;
margin-left: -8px !important;
content: open-quote;
text-indent: -3px !important;
}
.notification-center-page-view .notification-item a.comment-link q::after {
position: relative !important;
display: inline-block !important;
height: 15px !important;
width: 5px !important;
line-height: 15px !important;
content: close-quote;
margin-left: 8px !important;
bottom: 0px !important;
text-indent: 0px !important;
}
/* (new185) */
.notification-center-page-view .notification-item a.comment-link > span ,
.notification-center-page-view .notification-item a.comment-link q {
display: inline-block !important;
width: 98.5% !important;
max-height: 90px !important;
line-height: 15px !important;
padding-left: 10px !important;
font-size: 15px !important;
text-align: left !important;
overflow: hidden !important;
opacity: 0.7 !important;
color: peru !important;
}
.notification-center-page-view .notification-item a.comment-link:visited q {
opacity: 0.7 !important;
color: tomato !important;
}
.notification-center-page-view .notification-item a.comment-link > span {
height: 100% !important;
border-bottom: 1px solid gray !important;
}
.notification-center-page-view .notification-item q span:not(.timestamp):not(.separator):not(.message) {
display: inline-block !important;
width: auto !important;
width: 92.1% !important;
min-height: 80px !important;
max-height: 80px !important;
line-height: 14px !important;
font-size: 14px !important;
text-align: left !important;
overflow-y: auto !important;
}
.notification-center-page-view .notification-item span:not(.timestamp):not(.separator):not(.message) >br {
display: block !important;
margin-bottom: 0px !important;
}
/* URL PREF - LINKS */
.notification-center-page-view .notification-core a.person-link + span:not(.timestamp) {
display: inline-block !important;
min-width: 99% !important;
max-width: 99% !important;
line-height: 15px !important;
font-size: 15px !important;
}
.notification-center-page-view .headline-container a:not(.blast-link):not(.person-link):not(.person2-link):not(.gallery-link):not(.group-link):not(.topic-link):not(.comment-link){
position: relative !important;
display: inline-block !important;
min-width: 99% !important;
max-width: 99% !important;
height: auto !important;
bottom: 0px !important;
overflow: hidden !important;
}
/* (new177) URL-PREF - AVATAR */
.notification-center-page-view .notification-item.notif-item-moderated .avatar ,
.notification-center-page-view .notification-item.notif-item-photo-declined .avatar {
top: 23px !important;
}
/* URL PREF - HEADLINE */
.notification-center-page-view .notification-item.notif-item-moderated .headline-container ,
.notification-center-page-view .notification-item.notif-item-photo-declined .headline-container ,
.notification-center-page-view [class^="notification-item notif-item-group-"] .headline-container {
display: inline-block !important;
line-height: 15px !important;
padding-top: 16px !important;
text-align: left !important;
}
.notification-center-page-view .notification-item.notif-item-moderated .headline-container ,
.notification-center-page-view .notification-item.notif-item-photo-declined .headline-container {
padding-top:25px !important;
}
.notification-center-page-view .headline-container a:hover:not(.blast-link):not(.person-link):not(.person2-link):not(.gallery-link):not(.group-link):not(.topic-link):not(.comment-link):not(.reply-link){
height: 102px !important;
bottom: 13px !important;
overflow: hidden !important;
background: #111 !important;
border: 1px solid red !important;
}
.notification-center-page-view .notification-item .headline-container a.reply-link ,
.notification-center-page-view .notification-item .headline-container a.blast-link {
position: relative !important;
display: inline-block !important;
min-width: 98.7% !important;
max-width: 98.7% !important;
height: auto !important;
min-height: 56px !important;
max-height: 56px !important;
top: -2px !important;
padding: 2px !important;
overflow: hidden !important;
overflow-y: auto !important;
transition: all ease 0.2s !important;
color: gray !important;
}
.notification-center-page-view .notification-item .headline-container a.reply-link:hover ,
.notification-center-page-view .notification-item .headline-container a.blast-link:hover {
min-width: 98.7% !important;
max-width: 98.7% !important;
min-height: 102px !important;
max-height: 102px !important;
top: -45px !important;
transition: all ease 0.7s !important;
background: #222 !important;
}
/* (new178) */
.notification-center-page-view [class^="notification-item notif-item-group-"] a.topic-link ,
.notification-center-page-view [class^="notification-item notif-item-group-"] a.group-link {
display: inline-block !important;
min-width: 98% !important;
max-width: 98% !important;
min-height: 17px !important;
max-height: 17px !important;
line-height: 15px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.notification-center-page-view [class^="notification-item notif-item-group-"] .info-container span.timestamp ,
.notification-center-page-view .notification-item.notif-item-group-reply-new .info-container span.timestamp {
position: absolute !important;
left: 0 !important;
}
/* URL PREF - BR */
.notification-center-page-view .comment-link > span > br ,
.notification-center-page-view .blast-link >span >br {
display: block !important;
margin-bottom: -1px !important;
}
/* URL PREF - DATE */
.notification-center-page-view .info-container {
position: absolute !important;
display: inline-block !important;
margin-top: -1px !important;
margin-left: -75px !important;
color: gold !important;
}
.notification-center-page-view .notification-item.notif-item-photo-declined .info-container ,
.notification-center-page-view .notification-item.notif-item-photo-comment-mention .info-container {
position: absolute !important;
display: inline-block !important;
width: 69px !important;
margin-top: 0px !important;
margin-left: -74px !important;
color: gold !important;
/* background: red !important; */
}
.notification-center-page-view .notification-item.notif-item-photo-declined .info-container {
/* background: tan !important; */
}
/* .notification-center-page-view .notification-item.notif-item-photo-declined .info-container span.timestamp , */
.notification-center-page-view .info-container span.timestamp {
display: inline-block !important;
width: 70px !important;
top: -2px !important;
margin-top: 0px !important;
margin-right: 5px !important;
padding: 1px 0 0 3px !important;
color: gold !important;
border-radius: 0px 0px 5px 0px !important;
border-right: 1px solid green !important;
border-bottom: 1px solid green !important;
background: #222 !important;
}
.notification-center-page-view .notification-item.notif-item-moderated .info-container span.timestamp {
width: 50px !important;
margin-left: 16px !important;
}
.notification-center-page-view .notification-item.notif-item-photo-declined .info-container span.timestamp {
width: 61px !important;
margin-left: -1px !important;
top: -4px !important;
margin-top: -2px !important;
}
.notifications-list-container .notification-item.notif-item-contacted .info-container span.timestamp {
width: 90px !important;
margin-left: -32px !important;
}
.notification-center-page-view .info-container > a:not(.subtitle) {
float: right !important;
color: gold !important;
}
/* URL PREF - AVATAR */
.notification-center-page-view .avatar.small.person {
margin-top: 18px !important;
}
/* URL PREF - FOL - AVATAR */
.notification-center-page-view .notif-item-contacted {
border: 1px solid gray !important;
}
.notification-center-page-view .notif-item-contacted .notification-avatar {
width: 80px !important;
height: 62px !important;
}
.notification-center-page-view .follow-notification-item-view .avatar.small.person {
position: absolute !important;
height: 80px;
width: 80px;
margin-top: 20px !important;
}
/* (new179) URL PREF - PHOT */
.notification-center-page-view .notification-item .thumb-container {
width: 221px !important;
padding: 0 5px !important;
}
.notification-center-page-view .notification-item .thumb-container a.notification-photo-thumb {
width: 221px !important;
background-repeat: no-repeat !important;
background-size: contain !important;
background-color: #111 !important;
border: 1px solid gray !important;
}
.notification-center-page-view .notification-item .thumb-container a.notification-photo-thumb:visited {
border: 1px solid green !important;
}
.notification-center-page-view .thumb-container .notification-photo-thumb ,
.notification-center-page-view .thumb-list-container .notification-photo-thumb ,
.notification-center-page-view .notification-item.notif-item-group-invite .thumb-container .notification-photo-thumb {
height: 130px !important;
width: 80px !important;
}
/* (new177)URL-PREF - PHOTO PEND REQUEST */
.notification-center-page-view .notification-item.notif-item-group-photo-request .thumb-container {
height: 109px !important;
margin: 18px -9px 0 0 !important;
border: 1px solid green !important;
}
.notification-center-page-view .notification-item.notif-item-group-photo-request .thumb-container .notification-photo-thumb {
height: 109px !important;
width: 100% !important;
background-size: contain !important;
background-color: #111 !important;
}
/* BUT */
.notification-center-page-view .notification-item.notif-item-group-photo-request .notification-item-middle + .group-photo-request-actions {
margin-top: -51px !important;
width: 192px !important;
}
/* ACTION MESSAGE */
.notification-center-page-view .notification-item.notif-item-group-photo-request .group-photo-request-actions .action-message.accepted-message:not(.hidden){
margin-right: 300px !important;
color: gold !important;
}
/* (new177) URL PREF - THUMNAIL CONTAINER */
.notification-center-page-view .thumb-list-container {
position: absolute !important;
display: inline-block !important;
min-width: 516px !important;
max-width: 516px !important;
height: 73px !important;
margin-top: 48px !important;
padding-top: 2px !important;
text-align: center !important;
overflow: hidden !important;
overflow-y: auto !important;
}
.notification-center-page-view .thumb-list-container:hover {
height: 105px !important;
margin-top: 17px !important;
}
.notification-center-page-view .thumb-list-container a.notification-photo-thumb {
display: inline-block !important;
height: 65px !important;
width: 65px !important;
background-size: contain;
border: 1px solid gray !important;
}
/* URL PREF - FOL - CT NAME + BUT */
.notification-center-page-view .notif-item-contacted .person-link {
margin-top: 40px !important;
}
.notification-center-page-view .notif-item-contacted .follow-button-container .view.follow-view {
margin-top: 47px !important;
}
/* URL PREF - POOL INVIT - PHOT */
.notifications-list-container [class^="view group-"] .headline-container ,
.notification-center-page-view .notification-item.notif-item-group-invite .headline-container {
display: inline-block !important;
max-width: 280px !important;
min-width: 280px !important;
}
.notifications-list-container [class^="view group-"] .info-container .info-container ,
.notification-center-page-view .notification-item.notif-item-group-invite .info-container {
max-width: 585px !important;
min-width: 585px !important;
z-index: 0 !important;
/* background: red !important; */
}
.notifications-list-container [class^="view group-"] .headline-container a.group-link ,
.notification-center-page-view .notification-item.notif-item-group-invite .headline-container a.group-link {
display: inline-block !important;
max-width: 280px !important;
min-width: 280px !important;
}
.notification-center-page-view .notification-item.notif-item-group-invite .thumb-container {
height: 112px !important;
width: 221px !important;
margin-top: 17px;
}
.notification-center-page-view .notification-item.notif-item-group-invite .thumb-container .notification-photo-thumb {
height: 110px !important;
width: 221px !important;
}
.notification-center-page-view .group-invite-notification-item-view .notification-item .notification-item-content-wrapper .group-invite-actions {
width: 221px !important;
margin-top: -52px !important;
}
/* (new182) */
.notification-center-page-view .notification-item.notif-item-photo-declined .headline-container a.person-link ,
.notification-center-page-view .notification-item.notif-item-group-topic-new .headline-container a.person-link ,
.notification-center-page-view .notification-item.notif-item-group-blast .headline-container a.person-link ,
.notification-center-page-view .notification-item.notif-item-group-reply-new .headline-container a.person-link ,
.notification-center-page-view .notification-item.notif-item-group-description .headline-container a.person-link ,
.notification-center-page-view .notification-item.notif-item-group-rules .headline-container a.person-link ,
.notification-center-page-view [class^="view group-"] .headline-container a.person-link ,
.notification-center-page-view .notification-item.notif-item-group-invite .headline-container a.person-link {
position: relative !important;
display: block !important;
max-width: 165px !important;
min-width: 165px !important;
top: -16px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
/* z-index: 1000 !important; */
}
.notification-center-page-view .notification-item.notif-item-group-invite .headline-container a.person-link {
position: relative !important;
display: block !important;
max-width: 165px !important;
min-width: 165px !important;
top: -16px !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
z-index: 1 !important;
}
/* (new184) URL PREF - SUBTITLE */
.notification-center-page-view .notif-item-group-join-request-accepted .info-container a.subtitle ,
.notification-center-page-view .notification-item.notif-item-group-blast .info-container a.subtitle ,
.notification-center-page-view [class^="view group-"] .info-container a.subtitle ,
.notification-center-page-view .notification-item.notif-item-group-description .info-container a.subtitle ,
.notification-center-page-view .notification-item.notif-item-group-rules .info-container a.subtitle ,
.notification-center-page-view .notification-item.notif-item-group-topic-new .info-container a.subtitle ,
.notification-center-page-view .notification-item.notif-item-group-reply-new .info-container a.subtitle ,
.notification-center-page-view .notification-item.notif-item-group-invite .info-container a.subtitle {
position: relative !important;
display: inline-block !important;
max-width: 355px !important;
min-width: 355px !important;
height: 15px !important;
line-height: 15px !important;
top: 0px !important;
margin-left: 232px !important;
overflow: hidden !important;
text-align: right !important;
text-overflow: ellipsis !important;
z-index: 2000 !important;
/* background: aqua !important; */
}
/* URL PREF - POOL INVIT - USER */
.notification-center-page-view .notification-item.notif-item-group-user-invite {
height: 130px !important;
padding: 0 10px;
border-radius: 5px;
/* background: red !important; */
}
.notification-center-page-view .notification-item.notif-item-group-user-invite .subtitle{
margin-left: 90px !important;
}
/* URL PREF - POOL INVIT - USER - ACTION */
.notification-center-page-view .notification-item.notif-item-group-user-invite .group-user-invite-actions {
margin-top: -30px !important;
}
/* URL PREF - VOIR BUTTOS prochaine INVIT */
.notification-center-page-view .notification-item.notif-item-group-user-invite .group-user-invite-actions .butt{
height: 30px !important;
margin-top: -40px !important;
}
/* (new175) URL PREF - USER */
.notification-center-page-view a.person-link {
display: inline-block !important;
width: 100% !important;
margin-top: 1px !important;
padding-left: 4px !important;
font-size: 16px !important;
color: gold !important;
border-bottom: 1px solid gray !important;
}
/* URL PREF - MODAL */
.fluid.html-notification-center-page-view .droparound.menu:not(.over-modal) {
position: absolute !important;
max-height: none !important;
min-height: 0 !important;
left: 400px !important;
margin-top: 0px !important;
z-index: 500000;
}
.fluid.html-notification-center-page-view .droparound.menu.over-modal .droparrow.down {
left: 221px !important;
right: 0;
}
/* URL PREF - MODAL - MENU */
.fluid-droparound-view.flickr-view-root-view .droparound.menu[style*="width: auto;"] {
width: auto;
left: 40px !important;;
top: 90.5px !important;
}
/* END ==== URL PREF - URL PREF - NEW NOTIF */
}
@-moz-document url-prefix("https://www.flickr.com/account/email"), url-prefix("https://www.flickr.com/account/email/"), url-prefix("https://www.flickr.com/notifications/"), url-prefix("https://www.flickr.com/notifications") {
/* (new173) START ==== URL PREF - SETTINGS NEW NOTIF / EMAIL */
/* (new173) TOP HEADER */
.account-settings-page-view div.header h1,
.account-settings-view div.header h1 {
font-size: 24px;
margin: 0;
padding-bottom: 10px;
padding-top: 60px;
}
/* NEW NOTIF - MODAL POOLS MANAGE */
.modal.subview-modal.settings-groups-notifications-modal {
left: 0% !important;
margin-left: -780px !important;
margin-top: -376px !important;
max-height: 988px !important;
max-width: 1880px;
overflow: auto;
top: 70% !important;
width: 1860px !important;
}
.fluid .modal .body .content {
min-height: 60px;
max-height: 890px !important;
font-size: 14px;
overflow-y: auto;
border: 1px solid red !important;
}
.settings-groups-notifications-listing-view .group-notification {
display: inline-block !important;
width: 24% !important;
height: 40px !important;
margin-right: 6px !important;
margin-bottom: 5px !important;
padding: 5px !important;
border-radius: 5px !important;
color: peru !important;
border: 1px solid gray !important;
}
.settings-groups-notifications-listing-view .group-notification .label-text {
position: relative !important;
display: inline-block !important;
width: 100% !important;
min-width: 385px !important;
max-width: 385px !important;
margin-left: -5px !important;
margin-top: -28px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
color: peru !important;
}
.settings-groups-notifications-listing-view .group-notification .label-text:hover {
max-width: 500px !important;
line-height: 15px !important;
z-index: 5000 !important;
transition: ease background 0.7s !important;
background: #111 !important;
}
.settings-groups-notifications-listing-view .group-notification .toggle-component-view {
position: relative!important;
display: inline-block !important;
width: 220px !important;
margin-top: -100px !important;
}
.groups-listing .toggle-component.switch label .check-imposter {
position: absolute !important;
display: inline-block !important;
top: -40px !important;
}
/* (new173) NEW NOTIF - BELL MODAL */
.fluid.html-account-settings-page-view .droparound.subview-droparound.auto-size[style^="width: 450px;"] {
position: fixed !important;
left: 2920px !important;
top: 0.9px !important;
width: 450px;
z-index: 500 !important;
}
.fluid.html-account-settings-page-view .droparound.subview-droparound.auto-size[style^="width: 450px;"] .droparrow.down {
left: 480px !important;
right: 11.8px ;
}
.html-account-settings-page-view .droparound.menu.over-modal.notification-context-menu[style^="width: 250px;"] {
position: fixed !important;
display: inline-block !important;
left: 3135px !important;
margin-left: 0 !important;
margin-top: 00px !important;
border: 1px solid red !important;
}
.html-account-settings-page-view .droparound.menu.over-modal.notification-context-menu[style^="width: 250px;"] .droparrow.down {
left: 200px !important;
right: 8px;
}
/* BANNER */
.fluid.html-notification-center-page-view #content .notification-banner-view .basic-banner.head-banner-style:not(:hover) ,
.fluid.html-account-settings-page-view #content .notification-banner-view .basic-banner.head-banner-style:not(:hover) {
left: 60% !important;
top: 5px !important;
width: 225px !important;
background: red !important;
}
.fluid.html-notification-center-page-view #content .notification-banner-view .basic-banner.head-banner-style:hover ,
.fluid.html-account-settings-page-view #content .notification-banner-view .basic-banner.head-banner-style:hover {
left: 52% !important;
top: 5px;
}
.fluid.html-notification-center-page-view #content .notification-banner-view .basic-banner.head-banner-style:not(:hover)::before ,
.fluid.html-account-settings-page-view #content .notification-banner-view .basic-banner.head-banner-style:not(:hover)::before {
content: "Try the New Notification Sytem ▼" !important;
width: 220px !important;
top: 3px !important;
}
/* (new173) END ==== URL PREF - URL PREF - SETTINGS NEW NOTIF / EMAIL */
}
@-moz-document url-prefix("https://www.flickr.com/galleries_editcomment.gne?comment_id=") {
/* (new182) START ==== URL PREF - GAL - OLD VIEW - COMMENTS - RE EDIT */
/* (new182) GAL - OLD VIEW - COMMENTS - RE EDIT :
https://www.flickr.com/galleries_editcomment.gne?comment_id=72157720076442159&commentor_id=364859}
*/
#Main h4 ,
#Main h3 {
width: 100% !important;
text-align: center !important;
}
table.PostPreview ,
#Main h4 + form[action="/galleries_editcomment.gne"] ,
#Main h3 + form[action="/galleries_editcomment.gne"] {
width: 450px !important;
margin-left: 750px !important;
}
#Main form[action="/galleries_editcomment.gne"] textarea {
width: 450px !important;
}
table.PostPreview {
padding: 5px !important;
background: #333 !important;
}
/* (new173) END ==== URL PREF - URL PREF - GAL - OLD VIEW - COMMENTS - RE EDIT */
}
@-moz-document domain("www.flickr.com"), domain("flickr.com"), domain("secure.flickr.com") {
/* STY03 ============================================================================================= */
/* =================================================================================================== */
/* ===== FLICKR - 0 - Flickr WideScreen - Dark & Grey v.187 (new187) - (STANDALONE) === */
/* =================================================================================================== */
/* =================================================================================================== */
/* ============== ============= ================ */
/* ============== ============= ================ */
/* ============== DIVERS COLORS ================ */
/* ============== ============= ================ */
/* ============== ============= ================ */
/* (new116) IMAGE - SVG BACKGROUND WHITE -
https://www.flickr.com/help/forum/en-us/72157713635219992/#reply72157713639041541
=== */
img.notsowide {
background: white !important;
}
/* (new285) DISABLED PHOTO CHOICE */
.photo-list-photo-view .interaction-view.disabled:not(.disabled-selected) .disabled-overlay {
background-color: rgba(255, 0, 0, 0.88) !important;
}
.photo-list-photo-view .interaction-view.disabled-selected .disabled-overlay, .photo-list-photo-view .interaction-view.disabled .disabled-overlay {
background-color: black !important;
}
/* PHOTO - TOP INFO RIGHT */
.sub-photo-right-view .sub-photo-right-row1 {
border-bottom: 1px solid #303030 !important;
}
/* ADD TO GROUP - POPUP INVITATION + RULE VIOLATION - === */
.add-to-dialog.add-to-group {
border: 1px solid red !important;
background: rgba(0, 0, 0, 0.70) !important;
}
.add-to-dialog.add-to-group .hd {
background: rgba(0, 0, 0, 0.20) !important;
}
.add-to-dialog.add-to-group .bd {
background: rgba(0, 0, 0, 0.60) !important;
}
.add-to-dialog .add-to-selector li strong.item-name {
border-top: 1px solid gray !important;
}
.add-to-dialog .add-to-selector li:hover {
background: rgba(36, 36, 37, 0.83) !important;
}
.add-to-dialog .add-to-selector li.item.group.item-selected.administered ,
.add-to-dialog .add-to-selector li.item.group.item-disabled.administered.invited {
background: rgba(142, 52, 8, 0.51) !important;
}
.add-to-dialog .add-to-selector li.item.group.item-selected.administered:hover ,
.add-to-dialog .add-to-selector li.item.group.item-disabled.administered.invited:hover {
background: rgba(142, 52, 8, 0.91) !important;
}
.rule-violation .bd {
background: rgba(0, 0, 0, 0.25) !important;
border: 1px solid rgba(128, 128, 128, 0.25) !important;
}
.rule-violation .msg {
background: rgba(255, 255, 213, 0.16);
}
ul.pool-restrictions {
border-bottom: 1px solid peru !important;
}
/* RIGHT SIDEBAR - INVIT POOL ICON - FROM THIS POPUP - === */
.yui3-popover-hidden #options-menu ul .option-invite-to-group span {
border-right: 3px solid gray !important;
border-bottom: 2px solid gray !important;
background-color: rgba(0, 0, 0, 0.7) !important;
}
.yui3-popover-hidden #options-menu ul .option-invite-to-group span:hover {
background-color: rgba(0, 0, 0, 0.7) !important;
}
/* TOOLTIPS - ALL */
#global-dialog-container {
background-color: transparent !important;
}
/* FOR ALL LUNGUAGES) - == */
.invite-content .button-container input.DeleteButt {
background: #E40600;
}
.ui-dialog-cta.scrappy-dialog,
.ui-dialog-cta .scrappy-dialog,
.ui-dialog-modal.scrappy-dialog,
.ui-dialog-modal .scrappy-dialog,
.ui-dialog-alert.scrappy-dialog,
.ui-dialog-alert .scrappy-dialog,
.fluid-modal-view.scrappy-dialog,
.fluid-modal-view .scrappy-dialog {
color: peru !important;
background: rgba(34, 34, 34, 0.81) !important;
}
/* PHOTO - DIALOGUE POPUP / TOOLTIP - DELETE PCTURE - === */
.ui-dialog-modal .confirmation-dialog-view {
color: red !important;
background: #333 !important;
}
.album-selection {
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2);
}
.modal.subview-modal.fluid-album-modal.scrappy-dialog .body ,
.modal.subview-modal.fluid-album-modal.scrappy-dialog .body .content .album-selection ol {
border-top: 1px solid rgba(0, 0, 0, 0.4) !important;
}
.ui-dialog-wrapper .ui-dialog-body .album-selection input {
border: 1px solid rgba(0, 0, 0, 0.5) !important;
color: rgba(255, 255, 255, 0.9) !important;
}
.ui-dialog-wrapper .ui-dialog-body .album-selection input::-moz-placeholder {
border: 1px solid rgba(0, 0, 0, 0.5) !important;
color: rgba(255, 255, 255, 0.9) !important;
text-shadow: none !important;
}
.album-selection .album-selection-list-item {
border: 1px solid gray !important;
}
.album-selection-list-item.belongs-to-album {
border: 1px solid peru !important;
}
.album-selection-list-item:hover {
border: 1px solid peru !important;
color: tomato !important;
background-color: #333 !important;
}
.album-selection-list-item:hover span {
color: tomato !important;
}
.album-selection-list-item.belongs-to-album:hover {
background-color: black !important;
}
.album-selection-list-item.belongs-to-album:hover span {
color: gold !important;
}
.album-selection-buttons {
box-shadow: none !important;
background-color: rgba(0, 0, 0, 0.2) !important;
}
/* FLUID - THUMBNAIL META HOVER */
.photo-list-photo-interaction:hover .interaction-bar {
background: rgba(0, 0, 0, 0.74) !important;
border-top: 1px solid #5a5a5a !important;
}
/* NEW DESIGN - BLOCK USER */
.profile-bio-page-view .general-stats ul li.block:hover {
background: rgba(251, 6, 6, 0.88) !important;
color: gold !important;
transition: all ease 0.7s ;
}
.profile-bio-page-view .general-stats ul li.block:hover a{
color: gold !important;
}
/* (new159) TOGGLE POOL BETA - SUPP TXT "GO BACK POOL NEW EXPERIENCE" - === */
.opt-out-bug button {
color: gray !important;
}
.opt-out-bug button:before {
color: white ;
background: peru ;
}
.opt-out-bug button:after {
color: white ;
background-color: rgba(255, 0, 0, 0.61) ;
}
.opt-out-bug button:hover:after {
color: white ;
background-color: rgba(8, 249, 38, 0.43) ;
}
.opt-out-bug button:hover {
color: gold !important;
background: #333 !important;
}
/* TOOLTIP - GALLERIE / ALBUM - === */
.popover-position-marker + .personmenu.personmenu-hidden + .global_dialog_spinner + div.global_dialog.global_dialog.default #global-dialog-container {
box-shadow: -3px 4px 5px 4px black ;
}
.reorder-widget + .button-container {
background: rgba(0, 0, 0, 0.25) ;
}
/* PROFILE ABOUT - === */
.coverphoto-content.fluid-centered .followers.truncate>a {
color: peru !important;
}
.coverphoto-content.fluid-centered .followers.truncate>a:visited {
color: tan !important;
}
.view.gallery-selection-dialog-view.flickr-view-root-view.album-selection-dialog-view .album-selection-list-item.album-selection-create-switch .album-selection-list-item-labels {
background: #333 !important;
}
.view.album-engagement-view ,
.album-header-view.justified-transitions > .album-header-content > .album-stats-view {
background: rgba(34, 34, 34, 0.48) ;
}
/* (new162) POOL MANAGE MEMBERS / ACCOUNT SETTINGS - === */
h3.Tab {
border-bottom: 4px solid red !important;
}
.TabIn {
border: 1px solid gold !important;
border-bottom: 4px solid gold !important;
background: #111 !important;
}
span.TabOut {
background: #333 !important;
}
span.TabOut a {
color: gray !important;
}
span.TabOut:hover {
color: white !important;
border-bottom: 4px solid gold !important;
background-color: green !important;
}
span.TabOut a:hover,
span.TabOut a:visited:hover {
text-decoration: none;
color: white !important;
background-color: transparent !important;
}
table.contact-list-table th, table.contact-list-table td {
border-bottom: 1px solid #777777 !important;
}
#MemberList tr[id^="member_"] {
background: #1A1919 !important;
}
#MemberList tr td:nth-child(n+3) a {
background: black !important;
}
/* POOL - "YOUR CONTACTS NEW UPLOAD" + FAVs - JUSTIFIED THUMBNAILS - === */
.photo-display-container .row .photo-display-item {
border-color: #222 !important;
}
.result-card .sizer-cropper ,
.search-photos-unified-page-view .search-subnav.using-slender-advanced-panel ,
.fluid .group-discussion-topic-view .reply,
.fluid .group-discussion-topic-view .topic {
border-bottom: 1px solid gray !important;
}
.fluid .group-discussion-topic-view .reply,
.fluid .group-discussion-topic-view .topic {
color: gray;
}
.result-card .button-content {
box-shadow: none !important;
}
/* GM - "FLICKR FUNCTIONAL SUITE" - NORMAL POPUP MENU - === */
#CatFlickrSuitePopUp.ToolTip {
border-color: gray #222 #222 gray !important;
box-shadow: 10px 10px 3px 1px rgba(0, 0, 0, 0.3) !important;
}
a.simple_butt,
a.simple_butt:link,
a.simple_butt:visited {
background: transparent !important;
color: peru !important;
}
/* GM (choice) - "FLICKR FUNCTIONAL SUITE" - PHOTO PAGE - POPUP - CHOOSE OUR COLOR FLAGS - === */
.SetColor:not(:hover) {
border-top: 3px solid black !important;
border-bottom: 3px solid black !important;
}
.SetColor:hover {
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;
}
/* (new183) TESTIMONIAL - BUDDY ICON - VISITED */
.testimonial .user-infos a.avatar.person.small {
outline: 1px solid grey !important;
}
.testimonial .user-infos a.avatar.person.small:visited {
outline: 1px solid violet !important;
}
/* 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;
}
/* (new173) BACKGROUND IMAGE */
/* BACKGROUND IMAGE - WHITE ICON */
/* RELATION - "X" */
.sub-photo-left-view > .attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip .following-unfollow .ui-icon-tiny-unfollow {
background: rgba(0, 0, 0, 0) url("https://combo.staticflickr.com/ap/build/images/sprites/icons-cc4be245.png") no-repeat scroll -90px -415px;;
height: 18px;
width: 18px;
}
/* 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;
}
/* (new155) ORGANIZE MENU */
.tabl .top_form_div .candy_menu {
color: gray !important;
border: 1px solid black !important;
background-color: #2C2C2C !important;
}
.top_form_div .candy_button_bar .candy_menu a,
.top_form_div .candy_button_bar .candy_menu a:link {
font-size: 15px !important;
color: gray !important;
}
.top_form_div .candy_button_bar .candy_menu a:hover,
.top_form_div .candy_button_bar .candy_menu a:link:hover {
color: gold !important;
}
/* (new155) BUDY ICON WITH MENU - === */
#personmenu_button_bar .candy_menu {
color: gray !important;
border-left: 1px solid #777777 !important;
background-color: #2C2C2C !important;
}
.personmenu .personmenu-bd ,
#personmenu_down_menu {
box-shadow: 7px 7px 3px 1px rgba(0, 0, 0, 0.9) !important;
border: 2px solid #333 !important;
background: #222 !important;
}
.personmenu .personmenu-bd-border-blocker ,
#personmenu_border_blocker {
background-color: #222 !important;
}
.personmenu .personmenu-bd ul li a.personmenu-item ,
#personmenu_down_menu #person_menu_other_div a.block {
color: peru !important;
}
#personmenu_button_bar .candy_menu p {
color: #E4E4E4 !important;
}
#personmenu_contact_link>strong {
color: gold !important;
}
.personmenu .personmenu-bd ul li a:hover,
#personmenu_down_menu #person_menu_other_div a.block:hover {
color: #b9d56e !important;
background-color: #333 !important;
}
.personmenu .personmenu-bd ul li a.personmenu-item:visited ,
#personmenu_down_menu #person_menu_other_div a.block:visited {
color: red !important;
}
.personmenu .personmenu-bd ul li.personmenu-block a ,
#personmenu_block_link {
color: tomato !important;
}
.personmenu .personmenu-bd ul li.personmenu-block a:visited ,
#personmenu_block_link:visited {
color: red !important;
}
/* (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 {
color: gray !important;
}
.DeleteButt:hover,
.SmallDeleteButt:hover {
color: black !important;
}
/* (enew162) POOL - LEAVE */
#group-sidebar .DeleteButt:hover {
color: white !important;
background-color: red !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 ================= */
/* (new185) BACKGROUND-ZEBRA ========== */
.contact-list-table>tbody>tr:nth-child(odd) ,
.contact-list-table.contact-list-table-default>tbody>tr:nth-child(odd) ,
#group-sidebar .discussions .topic:nth-child(odd) ,
.testimonial:nth-child(odd) ,
.suggestions li:nth-child(odd) ,
.TopicListing>tbody>tr:nth-child(even) ,
.camera-table tr:nth-child(odd) ,
.TopicReply>tbody>tr:nth-child(odd) {
border-bottom: 1px dotted gray !important;
border-top: 1px dotted gray !important;
background: #141414 !important;
}
/* .contact-list-table.contact-list-table-default>tbody>tr:nth-child(even) , */
#group-sidebar .discussions .topic:nth-child(even) ,
.suggestions li:nth-child(even) ,
.camera-table tr:nth-child(even) ,
.TopicReply>tbody>tr:nth-child(even) {
background: black !important;
}
/* (new127) BACKGROUND-ZEBRA - HOVER */
.camera-table tr:hover {
background: #222 !important;
}
/* (new183) BACKGROUND - DIVERS ======= */
.fluid.html-photo-page-scrappy-view .join-subview::before {
background: none !important;
}
.album-header-view.justified .album-header-content .album-title-desc-view > .title-desc-block > .album-title,
.album-header-view.justified .album-header-content .album-title-desc-view > .title-desc-block > .edit-meta-field.edit-album-title ,
.album-header-view.justified > .album-header-content > .album-title-desc-view > .title-desc-block > .edit-meta-field.edit-album-desc {
background: rgba(0, 0, 0, 0.18) !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present::before {
background: rgba(0, 0, 0, 0.78) !important;
}
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover::before {
background: rgba(0, 0, 0, 0.58) !important;
}
.gallery-page-view .action-bar ,
.gallery-page-view .gallery-page-container .action-bar {
background-color: rgba(14, 14, 14, 0.95);
border-bottom: 1px solid red;
}
.pool-photo.photo-display-item.inline-commenting #comments.comments-popover {
background: tomato !important;
border: 1px solid red !important;
}
.pool-photo.photo-display-item.inline-commenting #comments.comments-popover + .popover-shim {
border: 1px dashed red !important;
background: blue !important;
}
/* 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.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;
}
/* (new161) BACKGROUND + BOX SHADOW - MENU / MODAL DIVERS ======= */
.view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size.big-shadow.notifs-droparound .body .content.subview ,
.modal.subview-modal.modal-restyle {
color: gold !important;
box-shadow: -5px 5px 6px 7px black !important;
background: #333 !important;
}
.modal.subview-modal.modal-restyle .body .content.subview .view.fluid-share-panel-view.restyle {
color: white !important;
background: #222 !important;
}
#global-nav #gn-wrap .nav.small-logo .toplink > a + .panel .bd {
color: gold !important;
box-shadow: -5px 5px 6px 7px black !important;
background: #333 !important;
}
.group-pool-subheader-view .ui-dropdown ul {
background-color: #222;
border: 1px solid red;
box-shadow: -5px 5px 3px rgba(0, 0, 0, 1);
}
table.contact-list-table td.contact-list-name a:first-of-type + span:before {
background: rgba(0, 0, 0, 0.5) ;
color: gold ;
}
.sub-photo-contexts-view .sub-photo-context.sub-photo-context-groups .context-list li:last-of-type:before {
background: rgba(255, 0, 0, 0.47) ;
color: peru ;
}
.vjs-progress-holder.vjs-slider.vjs-slider-horizontal:after {
background: #333 ;
color: white ;
}
.vjs-progress-holder.vjs-slider.vjs-slider-horizontal:before {
background: green ;
color: white ;
}
#findr_mover_div {
background-color: #d4d4d4;
}
.fluid.html-album-page-view .album-header-content .attribution-view .avatar.person.medium b {
background: rgba(0, 0, 0, 0.65);
}
.popup ul + a:hover {
background-color: #BA1212 !important;
border: 1px solid red !important;
}
/* (new165) BACKGROUND - FILTER INVERT === */
/* (new164) GALL EMPTY */
.galleries-list-page-view .empty-galleries-list-container .background .bg {
filter: invert(0.8);
}
/* BACKGROUND COLOR - WHITE - === */
.fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view .ui-dialog-wrapper .following-unfollow ,
.fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view .ui-dialog-wrapper .following-unfollow {
background-color: white !important;
}
/* BACKGROUND - GRAY - === */
.fluid .fluid-magic-tools-view ,
#mostviewed div div {
background: gray !important;
}
/* BACKGROUND - PERU - === */
.sub-photo-container.centered-content .sub-photo-title-desc-view + #FCR_main:not(:hover):after ,
.GroupsResults .Stats a[href^="/groups_join.gne"]:link ,
.fluid.html-group-discussion-page-view .opt-out-widget .optout-toggle ,
.fluid.html-group-discussions-list-page-view .opt-out-widget .optout-toggle ,
.opt-out-widget .optout-toggle {
background: peru !important;
}
/* 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 ;
}
/* BACKGROUND - BLUE - === */
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b ,
.act-data>div:first-of-type b + b ,
.fluid.html-album-page-view body .fluid-droparound-overlay.transparent:not(.transparent) ,
.fluid.html-gallery-page-view body .fluid-droparound-overlay:not(.transparent) ,
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b {
background: blue !important;
}
/* BACKGROUND - RED - === */
.first.group-count.pool-pending label[title="delete all photos from group pool?"][style^="display: inline; visibility: visible;"] ,
.photo-tags-autotags-view ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=atom"]:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=rss_200"]:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/geo/?g="]:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=atom"]:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=rss_200"]:before ,
.act-data>div:first-of-type b + b ,
.act-item > .act-data > div b ,
.first.group-count.pool-pending:not([style="white-space: nowrap;"]):hover {
background: red ;
}
.fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view:not(:hover) ,
.fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view:not(:hover){
background-color: red !important;
}
/* (new175) BACKGROUND - RED + COLOR === */
li.personmenu-sep-bottom span.personmenu-item ,
#MemberList tr[id^="member_"] form {
background: red !important;
color: gold !important;
}
.modal.subview-modal.photo-selector.gallery-coverphoto-selector .close-x {
border: 3px solid red !important;
background-color: red !important;
}
/* BACKGROUND - GREEN - === */
table.contact-list-table td.contact-list-name a:first-of-type + span ,
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p a + b:not(:hover):before ,
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b:before {
background: green ;
}
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b:before ,
li.act-detail-item.f-fave.f-your-photo-their-fave.tt-first > a:first-of-type:before ,
li.act-detail-item f-fave.f-your-photo-their-fave tt-first:before ,
li.act-detail-item.f-note.f-their-photo-their-note>p > a:before ,
#recent-activity.tt-activity .act-detail-item.f-comment .act-content > a:not(.pro-badge-new):before ,
ul.tt-activity ul.act-details li.act-detail-item > a:first-of-type:before ,
.flickrfixrwebextension .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover .c-charm-item-location .location-data-container:hover > a[href^="//www.google.com/maps/search/?"]:before ,
.flickrfixrwebextension t .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover .c-charm-item-location .location-data-container:hover > a[href^="https://www.google.com/maps/search/?"]:before,
.flickrfixruserscript .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover .c-charm-item-location .location-data-container:hover > a[href^="//www.google.com/maps/search/?"]:before ,
.flickrfixruserscript .sub-photo-right-view > .photo-charm-exif-scrappy-view .exif-column-2:hover .c-charm-item-location .location-data-container:hover > a[href^="https://www.google.com/maps/search/?"]:before {
background-color: green ;
color: white ;
}
.context-slider-scrappy-view .context-slider.big-slider > .wrapper .slider .context-thumb.emptyImage:first-of-type[href*="/in/"]:before {
background: green ;
color: gold ;
}
/* BACKGROUND - GOLD === */
.fluid.html-photostream-page-view #photostream a[id^="CFS_"] span:hover:after ,
.fluid.html-favorites-page-view #photostream a[id^="CFS_"] span:hover:after ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=atom"]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/photos_friends.gne?user_id"][ href*="&format=rss_200"]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/geo/?g="]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=atom"]:hover:before ,
#feedlinks>a[ href^="https://www.flickr.com/services/feeds/groups_discuss.gne"][ href*="&format=rss_200"]:hover:before {
background: gold ;
color: red ;
}
/* BACKGROUND - YELLOW === */
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name:hover + p b:not(:hover) {
background: yellow !important;
}
/* (new165) BACKGROUND - BLACK - === */
.gallery-page-view .gallery-page-container .details-section .description:not(.short) p ,
#archives-tabs .tabs ,
.subnav-middle>span ,
.fluid.html-person-groups-page-view .sortable-table-wrapper td.show-after-locked ,
.photo-card-view .photo-card .photo-card-header-view .photo-card-header:not(.theme-overlay) ,
#group-sidebar.sm:hover .pending.sec h3.group-subhead ~ p ,
#group-sidebar:hover .pending.sec h3.group-subhead ~ p ,
#group-sidebar.open .pending.sec:hover p ,
#group-sidebar .pending.sec:hover p ,
#group-sidebar.sm.open:hover .pending.sec ,
#group-sidebar:hover .pending.sec ,
#group-sidebar .pending.sec:hover ,
#ab .tabs ,
table.contact-list-table-default td.contact-list-sorted ,
.contact-list-table.contact-list-table-default>thead>tr ,
.DiscussionResults>tbody tr td:first-of-type:not(.Who) h2 ,
table.contact-list-table td.contact-list-name a:first-of-type + span:hover ,
#Hint + #GoodStuff #DiscussTopic table:first-of-type tbody tr h4 a + span + b ,
#DiscussTopic table.TopicReply tr h4 b ,
#DiscussTopic table:first-of-type .Who:first-of-type + .Said h4 > a:last-of-type + b ,
#GoodStuff #DiscussTopic .TopicReply .Said h4 b ,
.sub-photo-container.centered-content .view.sub-photo-title-desc-view + #FCR_main:hover ,
#ViewSet .vsDetails #setThumbs:hover ,
#ViewSet .vsComments table.SetComments > tbody tr .Comment > p ,
.person>h1>span + span:hover ,
.flickrfixrwebextension .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="//www.google.com/maps/search/?"]:before ,
.flickrfixrwebextension .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="https://www.google.com/maps/search/?"]:before ,
.flickrfixruserscript .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="//www.google.com/maps/search/?"]:before ,
.flickrfixruserscript .photo-charm-exif-scrappy-view .c-charm-item-location .location-data-container > a[href^="https://www.google.com/maps/search/?"]:before ,
.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 .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;
}
/* BACKGROUND - BLACK + COLOR / BORDER - - === */
/* BACKGROUND BLACK - TXT WHITE */
#gallery-big-photos .gallery-item .vsDescription {
background: black !important;
color: white !important;
}
/* BACKGROUND BLACK - TXT GRAY */
.fluid .modal .head .title ,
.TopicListing tr:first-of-type ,
.sub-photo-additional-info-view .add-meta-permission + li .safety-label ,
.sub-photo-additional-info-view .add-meta-permission .meta-permissions-label ,
.sub-photo-additional-info-view .commenting-permission .commenting-label ,
.sub-photo-additional-info-view li > .safety-label ,
.sub-photo-additional-info-view li span.privacy-label {
background: black !important;
color: gray !important;
}
/* 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 {
background: black !important;
color: gold ;
}
/* BACKGROUND BLACK - TXT DIVERS */
.act-details .act-who + .invitePhoto > p:last-of-type a ,
.act-details .act-who + .invitePhoto > p:first-of-type a {
background: black ;
color: #FF0000 ;
}
/* BACKGROUND BLACK - BORDER 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 {
background: black !important;
border: 1px solid red ;
}
/* BACKGROUND BLACK - BORDER DIVERS */
#DiscussTopic .TopicReply form {
background: black !important;
border: 1px solid #404040;
}
#GoodStuff .Preview ,
#DiscussTopic .Preview {
background: black !important;
border: 1px solid #DDDDDD;
box-shadow: -7px 7px 2px black ;
}
.gallery-page-view .gallery-page-container .details-section .description .read-less-button,
.gallery-page-view .gallery-page-container .details-section .description .read-more-button {
background: black !important;
border: 1px solid #222 ;
}
/* BACKGROUND-COLOR - BLACK - === */
.fluid-droparound-view .droparound.html.auto-size.dialog-tooltip li:hover ,
#gray_set_button_bar ~ #ViewSet #setThumbs + p + div ,
.gPendDesc .gPendWho:hover > b ,
.popup ul + a ,
.fluid.html-photo-page-scrappy-view.scrolling-layout body .view.fluid-droparound-view.flickr-view-root-view .droparound.menu ,
#DiscussTopic a[href*="/albums/"] ,
#groups-about a[href*="galleries/"] ,
#DiscussTopic a[href*="/galleries/"] ,
.fluid.html-photo-page-scrappy-view .view.photo-page-scrappy-view .height-controller .photo-notes-scrappy-view.box-hovered:hover:after ,
.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;
}
/* BACKGROUND-COLOR - BLACK + COLOR + BORDER === */
#gallery-comments #comments ,
.html-feed-new-page-view .feed-new-page-content-container .info-column ,
.fluid .view.global-nav-view:hover .gn-tools > li.gn-search-box + li + li.gn-signin .gn-title:hover ,
.view.featured-banner-view:hover ,
#global-nav.styleguide-global-nav:hover .toplink .gn-signup:hover {
background-color: black !important;
border: 1px solid red !important;
}
.fluid.html-photo-page-scrappy-view .attribution-view .avatar.person.medium > b {
background-color: black !important;
color: red !important;
outline: 1px solid red ;
}
#gray_set_button_bar ~ #ViewSet #setThumbs + p + div + .vsDescription:hover:after ,
.view.photo-notes-scrappy-view::after,
.photo-notes-scrappy-view.box-hovered::after,
.fluid.html-photo-page-scrappy-view .height-controller .photo-well-media-scrappy-view.requiredToShowOnServer + .photo-notes-scrappy-view::after,
.fluid.html-photo-page-scrappy-view .height-controller .photo-well-media-scrappy-view + .photo-notes-scrappy-view::after {
background-color: black !important;
color: white !important;
}
/* (new179) BACKGROUND - BLACK LIGHT == for HOVER == #111 */
.cameraroll-tools-view ,
.user-account-card-view ,
ul.tt-activity ul.act-details li.act-detail-item.tt-first .act-when ,
.act-detail-item:last-of-type ,
.modal.subview-modal.reorder-grid-modal ,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector ,
.tag-page-view .related-groups-view > h5 ,
.html-tag-page-view .search-results-header ,
.fluid h5.tag-list-header ,
.contact-list-sorted ,
#DiscussTopic table:first-of-type .Said:hover ,
.fluid.html-group-pool-page-view .pagination-view:not(:empty) ,
.group-topic-detail-col #DiscussTopic table:first-of-type .Said > p:hover ,
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .details-column .timestamp ,
.fluid.html-group-discussion-page-view .group-discussion-page-view .right-column .topic .message .message-text:hover ,
.group-discussion-topic-view .reply:hover ,
.group-discussion-topic-view .topic:hover ,
.fluid .group-discussion-topic-view .reply:hover,
.fluid .group-discussion-topic-view .topic:hover {
background: #111 !important;
}
/* (new165) BACKGROUND-COLOR - BLACK LIGHT + == #111 */
.photo-list-gallery-view .photo-list-gallery-container .tile-container .tile-row .tile.right ,
.group-topics ul.topic-list.narrow-list li .hd ,
.CalendarBlank {
background-color: #111 !important;
}
/* (new165) BACKGROUND - BLACK LIGHT + COLOR == #111 */
#GoodStuff p.NoResult {
background: #111 ;
color: gold !important;
}
#Tertiary + .Tab + .char_search + table#MemberList {
background: #111 !important;
outline: 1px solid red !important;
}
.flag-photo-container .step-description>b {
background: #111 !important;
border-top: 1px solid red !important;
border-bottom: 1px solid red !important;
}
/* (new185) BACKGROUND - #222 - A VOIR == #222 */
.notification-center-page-view .notification-center-page-container.fluid-centered .notifications-list-container .notifications-list-view ,
.search-subnav ,
div#help_topicpreview ,
.search-subnav ,
.fluid.html-search-photos-unified-page-view .search-photos-unified-page-view .view.global-nav-view ~ .search-subnav-slender-view .search-subnav ,
#ViewSet p.vsDescription:not(:empty) ,
.fluid.html-group-discussion-page-view .group-discussion-page-view .right-column .topic .message ,
#ViewSet p.vsDescription:not(:empty) ,
#ViewSet .vsNumbers ,
.group-admin-page-view .group-admin-page-container section ,
#global-nav.styleguide-global-nav:hover .gn-signin .gn-link.secondary span ,
.fluid.html-search-people-page-view .result-card button.follow.is-following ,
.result-card .button-content ,
.fluid.html-search-people-page-view .result-card .button-content ,
.dummy-loader-container ,
.dummy-loader-container.fading ,
#ab .tabs ul li ,
#ab.default li.default,
#ab.flickr li.flickr,
#ab.yahoo li.yahoo,
#ab.gmail li.gmail,
#ab.live li.live,
#ab.facebook li.facebook ,
#Main > h1 ,
.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;
}
/* (new165) BACKGROUND - #222 + BORDER / COLOR - === */
div#help_topicpreview {
background: #222 !important;
border: 1px solid red ;
}
.gallery-page-view .gallery-page-container .details-section .description.short.no-read-more:not(.hidden) ,
.gallery-page-view .gallery-page-container .details-section .description:not(.hidden) {
background: #222 !important;
border-bottom: 1px solid gray ;
}
.share-options-list li.divider span {
background: #222 !important;
border-bottom: 1px solid #333 !important;
border-top: 1px solid #333 !important;
}
/* (new165) BACKGROUND - #222 + GOLD */
#albumTeaser>div {
background: #222 !important;
color: gold !important;
}
.TopicReply>tbody>tr:last-of-type td:not(.Said):not(.Who):before {
background: #222 !important;
border: 1px solid #404040 ;
box-shadow: 3px 3px 2px black ;
color: gold ;
}
/* BACKGROUND-COLOR - #222 - === */
.fluid.html-group-home-page-view .fluid-group-coverphoto-view ,
.fluid.html-group-discussions-list-page-view .fluid-group-coverphoto-view ,
.fluid.html-group-pool-page-view .view.group-pool-subheader-view:not(.requiredToShowOnServer) + .view.photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view ,
.fluid.html-group-pool-page-view .view.group-pool-subheader-view:not(.requiredToShowOnServer) + .view.photo-list-view:not(.requiredToShowOnServer) .photo-list-photo-view.awake ,
html.html-favorites-page-view.scrolling-layout #content .view.fluid-magic-subnav-view .fluid-subnav ,
.view.fluid-photostream-coverphoto-view ,
.feed-new-page-view .batch-overlay ,
.photo-display-container.ju .photo_container a:not(.spaceball) .pc_img.img ,
.fluid .modal .head .nav .fluid-modal-nav-bar ,
.modal.subview-modal.reorder-grid-modal,
.modal.subview-modal.photo-selector.gallery-coverphoto-selector ,
.group-pool-page-view ,
.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;
}
/* (new178) BACKGROUND - #333 - === */
.group-topics ul.topic-list.narrow-list li .bd .message p ,
ul.tt-activity ul.act-details li.act-detail-item .act-when ,
#Main > table.contact-list-table ,
#Main > table.contact-list-table.contact-list-table-default ,
.gallery-page-view .gallery-page-container .details-section header ,
.gallery-page-view .gallery-page-container .details-section header h1 ,
.group-pool-subheader-view .ui-dropdown ul li:hover:not(.divider) ,
.html-profile-page-view .profile-page-view .profile-testimonials-view .testimonials-container ,
.profile-bio-page-view .section ,
.group-topic-detail-col ,
.group-discussion-page-view .left-column ,
.fluid.html-group-discussion-page-view .group-discussion-page-view .right-column .topic ,
.fluid.html-group-discussion-page-view .view.fluid-group-coverphoto-view ,
.fluid.html-group-discussions-list-page-view #content .group-discussions-list-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed,
.fluid.html-group-home-page-view #content .group-home-page-view .fluid-group-coverphoto-view + .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed ,
.fluid.html-group-discussions-list-page-view .fluid-group-coverphoto-view ,
.fluid.html-group-discussions-list-page-view .fluid-magic-groups-subnav-view .fluid-subnav-shim .fluid-subnav.with-overflow-menu.fixed ,
.fluid.html-group-discussion-page-view .view.fluid-group-coverphoto-view ,
#ViewSet .vsThumbnail ,
.dummy-loader-container .layout-container.compact .item ,
#pool-photos.ju .row .pool-photo.photo-display-item ,
.html-feed-new-page-view .photo-card-view .photo-card .link-footer ,
.html-feed-new-page-view .photo-card-view .photo-card.active.awake ,
.html-feed-new-page-view .photo-card-view .photo-card.active ,
.html-feed-new-page-view .photo-card-view .photo-card ,
#main .group-topics-col + .group-topic-detail-col > h2 ,
.ThinCase .FlickrMailMessage ,
#ViewSet .vsComments table.SetComments > tbody tr .Comment > p small ,
.faved-by + .ui-dialog-tooltip:not(.ui-util-removed) ,
#group-sidebar:hover,
#group-sidebar.open:hover ,
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.photo-desc:not(.show-editable):before ,
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column .batch-check ,
.group-admin-pending-item-view .group-admin-pending-item .item-content-container .action-column ,
#DiscussTopic table:first-of-type .Said > p + blockquote ~ blockquote ,
#DiscussTopic table:first-of-type .Said > p + blockquote ,
.act-details .act-who + .invitePhoto ,
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.edit-meta-field.edit-photo-title ,
.fluid.html-photo-page-scrappy-view .sub-photo-title-desc-view > .title-desc-block > .meta-field.edit-meta-field.edit-photo-desc ,
.feed-page-view .activity-card div.activity-card-content ,
.feed-page-view .activity-card ,
.sub-photo-container.centered-content .view.sub-photo-title-desc-view + #FCR_main:hover:after ,
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b:hover ,
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name:hover + a + b:hover ,
li.act-detail-item.f-fave:hover b ,
.act-detail-item.f-note.f-their-photo-their-note>p > a:hover + b ,
.act-detail-item.f-note.f-their-photo-their-note>p > a + b:hover ,
ul.tt-activity ul.act-details li.act-detail-item > a:hover + .pro-badge + b ,
#gallery-big-photos .gallery-item .curator_chunk p.gallery_photo_name + p b:hover ,
li.act-detail-item.f-fave.f-your-photo-their-fave.tt-first >a:first-of-type + b:hover ,
li.act-detail-item.f-fave.f-your-photo-their-fave.tt-first >a:first-of-type:hover + b ,
.gPendWho > b ,
#albumTeaser ,
.fluid.html-album-page-view #topPaginationContainer ,
.fluid.html-group-pool-page-view #topPaginationContainer ,
.html-photostream-page-view #topPaginationContainer ,
.html-favorites-page-view #topPaginationContainer ,
#topPaginationContainer ,
.act-item h2 ,
.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 - === */
.feed-new-page-view .feed-new-page-container .feed-new-page-content-container .feed-column .feed-new-tools-container ,
#recent-activity.tt-activity .act-detail-item > a + b:hover ,
#recent-activity.tt-activity .act-detail-item > a:hover + b {
background: #333 !important;
border: 1px solid red ;
}
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type:not(:hover) .droparound.html.auto-size.dialog-tooltip ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type:hover .droparound.html.auto-size.dialog-tooltip ,
.fluid.html-photo-page-scrappy-view .fluid-droparound-view:last-of-type .droparound.html.auto-size.dialog-tooltip {
background-color: #333 !important;
border: 1px solid red !important;
border-bottom: 3px solid red !important;
}
.fluid.html-photo-page-scrappy-view #CatFlickrSuitePopUp.ToolTip {
background-color: #333 !important;
box-shadow: 10px 10px 3px 1px rgba(0, 0, 0, 0.3) !important;
border-color: gray #222 #222 gray !important;
}
.opt-out-bug button:hover {
background: #333 !important;
color: gold !important;
}
.Day {
background: #333 !important;
color: #000;
}
/* BACKGROUND-COLOR - - #333 - === */
.group-discussion-topic-view .message .message-text-quote,
.group-discussion-topic-view .reply.permalinked,
.group-discussion-topic-view .topic.permalinked ,
#pool-photos.ju .row .pool-photo.photo-display-item .thumb > span > a:first-of-type img ,
.photo-card-view .photo-card .photo-card-content .photo-card-photo .photo ,
.photo-list-photo-view.awake ,
.fluid:not(.html-photo-page-scrappy-view) #content .view.photo-list-photo-view ,
.photo-list-photo-view ,
.feed-page-view .activity-card div.activity-card-photos ,
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view:hover .droparound.subview-droparound:not(.notifs-droparound) ,
.fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound:hover:not(.notifs-droparound) ,
.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 + TXT - === */
.sub-photo-tags-tag-view:hover ul.tags-list li.autotag:hover ,
.sub-photo-tags-tag-view:hover ul.tags-list li.tag:hover {
background-color: #333 !important;
color: gold !important;
}
/* 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;
}
.profile-bio-page-view .bio-description .description::after {
background: rgba(0, 0, 0, 0) linear-gradient(0deg, #222222, hsla(0, 0%, 100%, 0)) repeat scroll 0 0;
border-color: #333 !important;
}
/* ========== 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:hover {
background: rgba(0, 0, 0, 0.6) ! important;
}
#GoodStuff table#InBox tbody tr:not(:first-of-type):before {
background: rgba(135, 207, 235, 0.3) !important;
}
.char_search + #MemberList tr td[colspan="3"] form {
background: rgba(137, 0, 0, 0.77) !important;
}
.photo-notes-scrappy-view.box-hovered span:before ,
.photo-notes-scrappy-view:not(.box-hovered) span:before {
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 ================= */
/* (new163) TITLE / LINKS COLOR - WHITE === */
.profile-bio-page-view .bio-description .bio-infos .bio-infos-container ul li span:last-of-type ,
.photo-list-photo-interaction .interaction-bar .engagement:hover .engagement-item ,
.photo-list-photo-interaction .interaction-bar:hover .engagement .engagement-item ,
.ju .row .meta span ,
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item a.owner ,
.photo-display-container.ju > span ~ .row .pool-photo.photo-display-item a[id^="CFS"].owner ,
#pool-photos.ju .row .pool-photo .thumb .meta a.owner[id^="CFS"] span ,
#faves.ju .row .thumb .meta a.owner ,
#pool-photos.ju .row .pool-photo .thumb .meta a.owner{
color: white !important;
}
/* (new178) TITLE / LINKS COLOR - GRAY0 - LONG === */
.group-topics ul.topic-list li .bd .message ,
.flag-modal-view .flag-photo-container ,
#group-sidebar .blast-text ,
.view.dialog-modal.ui-dialog.ui-dialog-modal.scrappy-dialog .ui-dialog-wrapper h2 ,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .tool a .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .tool a:visited .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .tool a:hover .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .link a .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .link a:visited .title,
.search-subnav .search-subnav-sizing .search-subnav-content .links > .link a:hover .title ,
#sidebar #sidebar-contexts li.sidebar-context-open a.context-link:hover span.context-title ,
/* #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 === */
.fluid.html-feed-new-page-view .engagement-count ,
.user-infos .deleted ,
.item-link:hover ,
#archives-navigation>a:hover ,
.searchified-menu-button:hover ,
#pool-photos.sm .pool-photo [id^="nof_"]:hover ,
#pool-photos.sm #photo-display-container .pool-photo .hover-target .meta a.owner:hover {
color: #b9d56e !important;
text-decoration: none !important;
}
/* 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;
}
/* (new185) LINKS COLOR - PERU ONLY (not HOVER) - === */
.contact-list-table > thead > tr > th, .contact-list-table td, .contact-list-num a ,
.sub-photo-right-view .sub-photo-tags-view > .sub-photo-tags-people-view > .person-list > .person > .person-icon .person-name ,
.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .follow-button,
.fluid .coverphoto.updates-flipped .coverphoto-content .coverphoto-actions .join-button ,
.coverphoto-context-menu-view .coverphoto-context-menu .context-list .context-item ,
table.FlickrMailMessage p.flickr-user.flickrmail-to span.name span.realname ,
.compose-field-container + .compose-field-container p.flickr-user span.name strong.username ,
.profile-bio-page-view .general-stats ul li.block a,
.profile-bio-page-view .general-stats ul li.block span ,
.group-top-contributors-dropdown-view.ui-dropdown.top-contribs > ul .username ,
.fluid.html-gallery-page-view .fluid-centered.gallery-page-container .details-section .stats a.stat.comment-count ,
.gallery-edit-view .gallery-edit-container.main .action-container .delete-button ,
.gallery-edit-view .gallery-edit-container.main .gallery-edit-item.gallery-edit-coverphoto-item a ,
.map-container + .location-data-container a ,
.album-selection-list-item-title ,
.content.menu>ul>li ,
#groups-about .additional div> ul >li:first-of-type ,
#groups-about .additional div> ul li :nth-child(1) ,
#photo-sidebar-additional-info:hover a,
body.super-liquid.extras #photo-story-story:hover a ,
.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;
}
/* (new173) LINKS COLOR - PERU - with HOVER or Not - === */
.avatar.person.tiny + .content-container .author-info .author-name ,
.base-notification-item .notification-item .notification-item-middle .notification-core .info-container .subtitle ,
.fluid .coverphoto-content .title-block-content .title h1 a ,
.Butt.post-new-topic ,
.gallery-page-view .gallery-page-container .details-section .stats span.stat.comment-count ,
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view .person-card-view .fade-out ,
.html-photo-page-scrappy-view.scrolling-layout.yui3-js-enabled .view.fluid-droparound-view.flickr-view-root-view .person-card-view h3.fade-out ,
.fluid.html-group-home-page-view .group-blast-view > .blast-block > a ,
.add-to-stuff-view .nav ul li span ,
.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;
}
/* (new159) LINKS / TITLE - COLOR - GREEN #b9d56e - HOVER / HOVER:VISITED - === */
.coverphoto-content.fluid-centered .followers.truncate > a:hover ,
.fluid .coverphoto-content .title-block-content .title h1 a:hover ,
.profile-bio-page-view .general-stats ul li span a:hover ,
.group-blast-view > .blast-block > a:hover ,
.group-blast-view > .blast-block .blast-message-secure>a:hover ,
.group-blast-view > .blast-block .blast-message-secure>a:visited:hover ,
.view.global-nav-view .global-nav-restyle .global-nav-contenthover:after ,
#GoodStuff a:hover ,
#admin_cols a:hover ,
#admin_cols a:visited:hover ,
.FlickrMailMessage>tbody>tr>td>a[href^="/groups_pending.gne?"]:hover ,
.FlickrMailMessage>tbody>tr>td>a[href^="/groups_pending.gne?"]:visited:hover ,
.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 */
.group-pool-subheader-view .ui-dropdown ul li .reset ,
body.flickrfixrwebextension .sub-photo-right-view .date-taken .date-taken-label ,
body.flickrfixruserscript .sub-photo-right-view .date-taken .date-taken-label {
color: tan !important;
}
/* (new184) LINKS / TITLE - COLOR - PERU - VISITED TAN - HOVER / HOVER:VISITED */
.notification-center-page-view .notification-item q span:not(.timestamp):not(.separator):not(.message) ,
.content.html-only.auto-size>a ,
.read-more-testimonial ,
.profile-bio-page-view .bio-description .read-more ,
.group-pool-subheader-view .ui-dropdown > span.truncate ,
.groups-toolbar-content .groups-toolbar-share-content .fluid-share-button .fluid-share-button-label ,
#global-nav #gn-wrap .nav.small-logo .toplink a span,
button.join.has-not-joined ,
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.c-charm-item-camera .exif-camera-name > a ,
.fluid.html-albums-list-page-view a.interaction-view.avatar.photo-list-album.album .photo-list-album-interaction a.overlay + .interaction-bar .metadata h4.album-title ,
.album-page-view .album-toolbar-view > .album-toolbar-content > a.back-to-albums > .back-to-albums-text ,
.fluid.html-photo-page-scrappy-view .sub-photo-context .context-list li a + span.title a ,
.avatar.person.medium>b>a ,
.MembersList .Person a ,
.ResultSet + br + table.DiscussionResults tbody tr td h2 a ,
.subnav-content.fluid-centered .links li a ,
.result-card .text-content .title ,
.topic-list.narrow-list .topic a ,
.add-topic.secondary ,
.recent-discussions-view a.topic-subject ,
.fluid .group-discussion-topic-view .message-text a ,
.fluid .group-discussion-topic-view .preview-block a ,
.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;
}
/* (new183) VISITED - TAN */
.notification-center-page-view .notification-item q span:not(.timestamp):not(.separator):not(.message):visited ,
.content.html-only.auto-size>a:visited ,
.base-notification-item .notification-item .notification-item-middle .notification-core .info-container .subtitle:visited ,
.avatar.person.medium>b>a:visited ,
#GoodStuff #DiscussTopic .Said p a:visited ,
.group-top-contributors-dropdown-view.ui-dropdown.top-contribs > ul a:visited .username ,
#global-nav #gn-wrap .nav.small-logo .toplink a:visited span ,
.sub-photo-right-view .photo-charm-exif-scrappy-view .exif-charm-list > ul > div.exif-column-1 > li.c-charm-item-camera .exif-camera-name > a:visited ,
.fluid.html-albums-list-page-view a.interaction-view.avatar.photo-list-album.album:visited .photo-list-album-interaction a.overlay + .interaction-bar .metadata h4.album-title ,
.album-page-view .album-toolbar-view > .album-toolbar-content > a.back-to-albums:visited > .back-to-albums-text ,
.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 - === */
.avatar.person.tiny + .content-container .author-info .deleted ,
.attribution-view.photo-attribution > .attribution-info .relationship .dialog-tooltip .following-unfollow a ,
ul.groups-list-header .SortOptions .group_sort_active,
.GroupsCenterContainer .SortOptions .group_sort_active {
color: red !important;
}
/* (new161) LINKS / TITLE - COLOR - GOLD - === */
.avatar.person.tiny + .content-container .author-info span:not(.deleted ) ,
.notifications-empty-state ,
#group-sidebar.open:hover .discussions.sec span:first-of-type:not(.sticky):not(.New) ,
.photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover .remark-line-container .remark-line span + span ,
table.FlickrMailMessage p.flickr-user.flickrmail-to span.name strong.username ,
.compose-field-container + .compose-field-container p.flickr-user span.name span.realname ,
#Main table tbody tr td#Hint .TopicListing:last-of-type h4 ,
#Main table tbody tr td#Hint .TopicListing h4 ,
#Main table tbody tr td#Hint h4 ,
#tt-recent-nav ul b ,
.group-creation-view .group-creation-container .group-creation-content-container .step-container ,
.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;
}
.group-topics ul.topic-list li .hd .reply-count ,
.group-topics ul.topic-list.narrow-list li .hd .reply-count ,
.square-menu-css .yui3-popover-arrow-br ,
#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;
}
/* (new181)COLOR - TXT - TRANSPARENT */
.photo-display-container .photo-display-item .meta a.fave-star-inline img,
.zoomer .meta a.fave-star-inline img {
color: transparent !important;
}
/* =============== TEST ===================== */
/* =============== TEST ===================== */
/* (new183) BODER - DIVIDER - COLOR */
.share-options-list li.divider span span {
border-color: #333 !important;
}
/* (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;
}
/* (new163) PHOTO PAGE - USER NAME - COLOR - GRAY0 - #656c7a === */
.testimonial .user-infos ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a:hover ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a:hover:visited ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a:visited:before ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a:visited:after ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a:visited ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment .comment-author a {
color: #656c7a !important;
}
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:hover ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:visited:before ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:visited:after ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:visited ,
.fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:before {
color: white !important;
}
#toto-main.recent-activity .act-content p a[href^="/photos/"] ,
#toto-main.recent-activity .act-content p a[href^="/photos/"]:visited {
color: #656c7a !important;
text-decoration: none !important;
}
/* (new161) */
.photo-list-photo-interaction .interaction-bar .text a[id^="CFS"].attribution ,
a[id^="CFS"]{
color: tan !important;
text-decoration: none !important;
}
a[id^="CFS"]:visited {
color: tomato !important;
text-decoration: none !important;
}
/* (new161) */
.photo-list-photo-interaction .interaction-bar .text a[id^="CFS"].attribution span:not(.avatar),
a[id^="CFS"]:not([href^="http://www.flickriver.com"]) span:not(.avatar) {
/* color: black !important; */
/* text-shadow: 1px 1px 4px #000 !important; */
/* text-shadow: none !important; */
}
/* (new161) */
a[id^="CFS"][href^="http://www.flickriver.com"] span:not(.avatar) {
/* color: peru !important; */
/* text-shadow: 1px 1px 4px #000 !important; */
/* text-shadow: none !important; */
}
.photo-notes-scrappy-view .note-text a.author {
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;
}
/* (new176) COLOR - DIVERS */
.fluid .butt.flex.hollow.white, .fluid button.flex.hollow.white {
border: 2px solid #333;
color: #fff;
}
.droparound.html.auto-size[style^="width: auto; left: 156px;"] .droparrow:before ,
.droparound.html.auto-size[style^="width: auto; left: 156px;"] .droparrow:after ,
.droparound.html.auto-size[style^="width: auto; left: 156px;"] {
border: 1px solid red !important;
}
/* FLUID - ALBUM / SET - COLOR - === */
.fluid.html-albums-list-page-view .photo-list-album-interaction a.overlay + .interaction-bar h4.album-title {
color: peru !important;
}
.fluid.html-albums-list-page-view .photo-list-album-view .interaction-view.photo-list-album {
border-bottom: 1px solid peru !important;
}
.fluid.html-albums-list-page-view .photo-list-album-view .interaction-view.photo-list-album:visited {
border-bottom: 1px solid red !important;
}
/* SET - EDIT PAGE - === */
.ps-photos-only .insitu-editing .insitu-value ,
.ps-photos-only .insitu-editing textarea.insitu-value {
color: black !important;
}
.PhotoStream.ps-photos-only .PhotosColumn #photostream-photos #photo-display-container .photostream-photo.photo-display-item .Desc .insitu-trigger {
color: gray !important;
}
.PhotoStream.ps-photos-only .PhotosColumn #photostream-photos #photo-display-container .photostream-photo.photo-display-item .Desc .insitu-trigger a {
color: red !important;
}
/* PHOTO PAGE - MINITHUMBNAIL - ERROR - === */
.context-slider-scrappy-view .loadingError ,
.context-slider-scrappy-view .loadingError p:last-of-type ,
.context-slider-scrappy-view .loadingError p:first-of-type {
color: red !important;
}
.context-slider-scrappy-view .loadingError .ui-button.ui-button-transparent.retry {
color: gold !important;
}
/* TEST - PHOTO - NEW ADD POOL+GALLERY - DIALOGUE POPUP / TOOLTIP - ADD POOL / GALLERY / DELETE PICTURE - === */
/* ALL */
.fluid .fluid-chalkboard-overlay,
.fluid .fluid-droparound-overlay,
.fluid .fluid-modal-overlay {
opacity: 1 !important;
background: #212124 !important;
}
.fluid .fluid-modal-overlay {
background: #222 !important;
}
.add-to-stuff-view {
background-color: rgba(34, 34, 34, 0.4) !important;
}
.add-to-stuff-view .nav .list-label {
color: gold;
}
.add-to-stuff-view .nav ul li span {
color: peru !important;
}
.add-to-stuff-view .nav ul li.selected span,
.add-to-stuff-view .nav ul li:focus span,
.add-to-stuff-view .nav ul li:hover span {
color: gold !important;
}
.stuff-selection-list-container li:hover .selection-item-content {
background: black !important;
border: none !important;
}
.add-to-stuff-view .nav ul li.selected span,
.add-to-stuff-view .nav ul li:focus span,
.add-to-stuff-view .nav ul li:hover span {
color: gray !important;
}
.stuff-selection-view .stuff-selection .action-container .create-button .create-button-text ,
.stuff-selection-view .stuff-selection .stuff-selection-list-container .stuff-selection-list li.selection-item .selection-item-content .item-labels .item-title {
color: peru !important;
}
.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?? - JOIN BUT - COLOR */
.fluid .butt.join.mini::after, .fluid .butt.join.mini::before, .fluid .butt.join::after, .fluid .butt.join::before, .fluid button.join.mini::after, .fluid button.join.mini::before, .fluid button.join::after, .fluid button.join::before {
background-color: peru !important;
}
/* (new142) SVG ICON COLOR */
.photo-card-header-view .photo-card-header .right-container .menu-button svg ,
.photo-card-engagement-view .photo-card-engagement span.engagement-item .engagement-icon svg ,
.gallery-page-view .gallery-page-container .action-bar .actions .action svg ,
svg.icon {
fill: peru !important;
}
svg.icon:hover {
fill: red !important;
}
.add-to-stuff-view svg.close-x-button use {
fill: white !important;
}
.add-to-stuff-view svg.close-x-button:hover use {
fill: red !important;
opacity: 1 !important;
}
.gallery-page-view .action-bar .actions .action svg {
color: gray !important;
}
.photo-list-photo-interaction .interaction-bar .engagement .engagement-item.fave.faved .engagement-icon svg.filled {
fill: red !important;
}
/* (new161)SVG SELECTED */
.tab.selected svg {
fill: red !important;
}
/* 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;
}
/* (new173) NEW NOTIF - COLOR */
.notifications-panel .tab.selected {
color: gold !important;
}
.notification-item-list-item .headline-container {
color: gray !important;
}
.settings-notifications-listing-view .notification .groups-cta ,
.settings-email-notifications-listing-view .selected-dropdown span:first-of-type ,
.notifications-panel .tab ,
.notification-item-middle .notification-core .headline-container a {
color: peru !important;
}
.notification-item-middle .notification-core .headline-container a:visited {
color: tan !important;
}
.fluid.html-photo-page-scrappy-view #stacking-overlay-container .view.fluid-droparound-view.flickr-view-root-view .subview-droparound.auto-size[style*="width: 450px; position: fixed; left: 1898px;"]:hover {
background: #111 !important;
}
.notification-banner-view .basic-banner.head-banner-style:hover ,
.notif-banner.announcement:hover {
border: 1px solid red !important;
background: #111 !important;
}
.notif-banner .banner-content .message-container a:first-of-type,
.notif-banner .banner-content .message-container a:first-of-type:hover {
background: #222 !important;
}
.account-settings-page-view .box, .account-settings-view .box {
color: white !important;
background: #222 !important;
}
.settings-email-notifications-listing-view .email-notification:hover ,
.settings-notifications-listing-view .notification:hover ,
.account-settings-page-view div.header, .account-settings-view div.header {
color: white !important;
background: #333 !important;
}
/* END =========== TEST ===================== */
/* =============== TEST ===================== */
/* STY03 ===================================================================================== */
/* =========================================================================================== */
/* ===== FLICKR - 0 - Flickr WideScreen - ALLinONE TOTAL DARK-Grey (STANDALONE) =========== */
/* =========================================================================================== */
/* END ======================================================================================= */
}