/* ==UserStyle== @name Flickr WideScreen - BigONE v.180 - UserCSS (userstyle) @namespace flickr.com @version 1.80.0 @author decembre @description Flickr using at its maximum a WideScreen @license unlicense @downloadURL none ==/UserStyle== */ @-moz-document domain("www.flickr.com"), domain("flickr.com"), domain("secure.flickr.com") { /* STY03 ============================================================================================= */ /* =================================================================================================== */ /* ===== FLICKR - 0 - Flickr WideScreen - Dark & Grey v.180 (new180) - (STANDALONE) === */ /* =================================================================================================== */ /* =================================================================================================== */ /* ==== (new180) DIVERS COUNTER (MOVE HERE for style Size) */ /* (new180) COUNTER - NOTIF BELL */ .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: 320px ; 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 ; } /* (new164) GAL - COM COUNT */ .html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list { counter-reset: myIndex 00 !important; } .html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item:before { counter-increment: myIndex ; content: counter(myIndex, decimal-leading-zero) ; position: absolute ; width: 15px ; min-width: 17px ; margin-left: 95px ; top: 9px ; border-radius: 10px ; font-size: 10px ; text-align: center ; z-index: 10 ; visibility: hidden ; color: white ! important; box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ; background: rgba(62, 59, 59, 0.6) ; } .html-gallery-page-view .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 ; } /* 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) ; position: fixed !important; display: inline-block !important; float: none ; width: 15px ; min-width: 17px ; bottom: 68px !important; right: 0px ; border-radius: 5px 5px 0 0 ; font-size: 8px ; text-align: center ; opacity: 1 !important; visibility: visible !important; z-index: 10000 ; color: white ; background: rgba(17, 17, 17, 0.58) ; } /* 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 === */ /* ============== ============= ================ */ /* ============== ============= ================ */ /* ============== DIVERS COLORS ================ */ /* ============== ============= ================ */ /* ============== ============= ================ */ /* (new116) IMAGE - SVG BACKGROUND WHITE - https://www.flickr.com/help/forum/en-us/72157713635219992/#reply72157713639041541 === */ img.notsowide { background: white !important; } /* PHOTO - TOP INFO RIGHT */ .sub-photo-right-view .sub-photo-right-row1 { border-bottom: 1px solid #303030 !important; } /* ADD TO GROUP - POPUP INVITATION + RULE VIOLATION - === */ .add-to-dialog.add-to-group { border: 1px solid red !important; background: rgba(0, 0, 0, 0.70) !important; } .add-to-dialog.add-to-group .hd { background: rgba(0, 0, 0, 0.20) !important; } .add-to-dialog.add-to-group .bd { background: rgba(0, 0, 0, 0.60) !important; } .add-to-dialog .add-to-selector li strong.item-name { border-top: 1px solid gray !important; } .add-to-dialog .add-to-selector li:hover { background: rgba(36, 36, 37, 0.83) !important; } .add-to-dialog .add-to-selector li.item.group.item-selected.administered , .add-to-dialog .add-to-selector li.item.group.item-disabled.administered.invited { background: rgba(142, 52, 8, 0.51) !important; } .add-to-dialog .add-to-selector li.item.group.item-selected.administered:hover , .add-to-dialog .add-to-selector li.item.group.item-disabled.administered.invited:hover { background: rgba(142, 52, 8, 0.91) !important; } .rule-violation .bd { background: rgba(0, 0, 0, 0.25) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; } .rule-violation .msg { background: rgba(255, 255, 213, 0.16); } ul.pool-restrictions { border-bottom: 1px solid peru !important; } /* RIGHT SIDEBAR - INVIT POOL ICON - FROM THIS POPUP - === */ .yui3-popover-hidden #options-menu ul .option-invite-to-group span { border-right: 3px solid gray !important; border-bottom: 2px solid gray !important; background-color: rgba(0, 0, 0, 0.7) !important; } .yui3-popover-hidden #options-menu ul .option-invite-to-group span:hover { background-color: rgba(0, 0, 0, 0.7) !important; } /* TOOLTIPS - ALL */ #global-dialog-container { background-color: transparent !important; } /* FOR ALL LUNGUAGES) - == */ .invite-content .button-container input.DeleteButt { background: #E40600; } .ui-dialog-cta.scrappy-dialog, .ui-dialog-cta .scrappy-dialog, .ui-dialog-modal.scrappy-dialog, .ui-dialog-modal .scrappy-dialog, .ui-dialog-alert.scrappy-dialog, .ui-dialog-alert .scrappy-dialog, .fluid-modal-view.scrappy-dialog, .fluid-modal-view .scrappy-dialog { color: peru !important; background: rgba(34, 34, 34, 0.81) !important; } /* PHOTO - DIALOGUE POPUP / TOOLTIP - DELETE PCTURE - === */ .ui-dialog-modal .confirmation-dialog-view { color: red !important; background: #333 !important; } .album-selection { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2); } .modal.subview-modal.fluid-album-modal.scrappy-dialog .body , .modal.subview-modal.fluid-album-modal.scrappy-dialog .body .content .album-selection ol { border-top: 1px solid rgba(0, 0, 0, 0.4) !important; } .ui-dialog-wrapper .ui-dialog-body .album-selection input { border: 1px solid rgba(0, 0, 0, 0.5) !important; color: rgba(255, 255, 255, 0.9) !important; } .ui-dialog-wrapper .ui-dialog-body .album-selection input::-moz-placeholder { border: 1px solid rgba(0, 0, 0, 0.5) !important; color: rgba(255, 255, 255, 0.9) !important; text-shadow: none !important; } .album-selection .album-selection-list-item { border: 1px solid gray !important; } .album-selection-list-item.belongs-to-album { border: 1px solid peru !important; } .album-selection-list-item:hover { border: 1px solid peru !important; color: tomato !important; background-color: #333 !important; } .album-selection-list-item:hover span { color: tomato !important; } .album-selection-list-item.belongs-to-album:hover { background-color: black !important; } .album-selection-list-item.belongs-to-album:hover span { color: gold !important; } .album-selection-buttons { box-shadow: none !important; background-color: rgba(0, 0, 0, 0.2) !important; } /* FLUID - THUMBNAIL META HOVER */ .photo-list-photo-interaction:hover .interaction-bar { background: rgba(0, 0, 0, 0.74) !important; border-top: 1px solid #5a5a5a !important; } /* NEW DESIGN - BLOCK USER */ .profile-bio-page-view .general-stats ul li.block:hover { background: rgba(251, 6, 6, 0.88) !important; color: gold !important; transition: all ease 0.7s ; } .profile-bio-page-view .general-stats ul li.block:hover a{ color: gold !important; } /* (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; } /* 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 ================= */ /* (new163) BACKGROUND-ZEBRA ========== */ .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; } .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; } /* (new178) BACKGROUND - DIVERS ======= */ .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) , .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: 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; } /* (new180) BACKGROUND - #222 - A VOIR == #222 */ .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 === */ .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; } /* (new176) LINKS COLOR - PERU ONLY (not HOVER) - === */ .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; } /* (new176) LINKS / TITLE - COLOR - PERU - VISITED TAN - HOVER / HOVER:VISITED */ .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; } /* (new176) VISITED - TAN */ .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; } /* =============== TEST ===================== */ /* =============== TEST ===================== */ /* (new40) APPS PAGES - TAGS - === */ .RHS #thetags ul.rhs-data li.Stats a { color: gold !important; } /* (new32) INVITED IMAGE IN FLUID - === */ .photo-list-photo-interaction a.overlay { outline: 1px solid #222 !important; } .photo-list-photo-interaction a.overlay:visited { outline: 1px solid green !important; } /* ==== TEXTARERA - PHOTO PAGE - TEXTAREA - REPLY COMMENT - === */ .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea:hover, .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea:focus, .fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:hover, .fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:focus { -moz-appearance: none !important; -webkit-appearance: none !important; background-color: rgba(0, 0, 0, 1) !important; } .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea { -moz-appearance: none !important; -webkit-appearance: none !important; border: 1px solid rgba(0, 0, 0, 0.5) !important; color: gray !important; background-color: rgba(0, 0, 0, 1) !important; } /* ==== PHOTO PAGE - TOOLTIP / POPUP / MENU ETC === */ .fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-modal-view .album-selection input.album-selection-search { box-shadow: 0 0 0 1px gray inset !important; color: white !important; background-color: rgba(0, 0, 0, 0.09) !important; } .fluid.html-photo-page-scrappy-view.scrolling-layout.view.fluid-modal-view .album-selection input.album-selection-search::-moz-placeholder { color: gray !important; } /* (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 ======================================================================================= */ } @-moz-document domain("flickr.com") { /* ==== FLICKR - 0 - Flickr WideScreen - ALLinONE (Part 2) v.180 (new180) MINIFIED ==== */ /* START == ADDITIONALS STYLE ==== */ /* SUPP */ #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; } /* 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 */ /* PEND URL SPECIF */ #Main h1#Tertiary + table tbody tr #GoodStuff { position: relative ; display: inline-block ; width: 1900px ; margin-top: -20px ; } /* POOL INVIT */ #GoodStuff>form[action="groups_invite.gne"] { width: 400px ; margin: auto ; 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; } /* 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; */ } /* (new178) VISITED - ALL */ .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 { max-width: 99.8%; 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: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 ; } /* FEEDS - MENU */ .html-feed-new-page-view .droparound.menu.photo-card-header-context-menu { margin-top: 0px ; } /* (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; } /* ==== END - FEEDS COMPACT ==== */ /* == START == SETS / COLL == */ /* SET Thumbnail*/ /* COLL /SET */ .Coll-l { float: left; height: 220px; margin: 92px -50px -83px 16px !important; padding-right: 65px; text-align: left; } .Coll-l.c4 { padding-right: 109px; } /* SETS / COLL - CLASSEUR / SETS */ #ViewCollection.vcLongDesc { width: 1905px !important; } .vcLongDesc .vcDescription { float: left; margin-bottom: 40px; margin-right: 42px; margin-top: -30px; overflow: hidden; padding: 20px; width: 629px !important; } /* SET SHORT DESC */ #ViewCollection.vcShortDesc { width: 1905px !important; margin-left: 10px !important; } #ViewCollection .Sets { height: 150px !important; width: 150px !important; padding: 0 !important; margin-left: 10px !important; border: 1px solid red ; } /* SETS - BIG THUMB */ .SetCase { width: 141px !important; height: 130px !important; margin-bottom: -48px!important; margin-top: 0px ! important; text-align: center !important; background-image: none ! important; } .Sets h4 { display: inline-block; min-height: 50px; max-height: 50px; width: 140px !important; line-height: 12px !important; margin-left: 2px ! important; margin-top: -5px; margin-bottom: -7px; padding: 0 3px !important; font-size: 12px; overflow: hidden; overflow-y: auto; } .Sets p { color: #777; font-size: 11px; margin-top: 2px; padding: 0 4px !important; } .SetCase .setThumb { border: none !important; image-rendering: optimizespeed !important; transform: scale(1) !important; } #SetsCenterContainer { margin-top: 103px !important; } /* SET - COM CONT - REV ORDER */ #ViewSet .vsComments { float: right !important; margin: 0 5px 0 0 !important; width: 1120px !important; padding: 5px 5px 5px 10px !important; border: 1px solid gray !important; } #ViewSet .vsComments table.SetComments { display: inline-block !important; width: 1120px !important; height: 450px !important; margin-top: -5px !important; padding: 5px !important; overflow: hidden !important; overflow-y: auto !important; border: 1px solid gray !important; } #ViewSet .vsComments table.SetComments > tbody { display: flex !important; flex-flow: row-reverse wrap-reverse; justify-content: space-around; width: 1095px !important; margin-top: -5px !important; padding: 5px 0 !important; } #ViewSet .vsComments table.SetComments > tbody tr { flex-basis: 400px !important; flex-grow: 2 ! important; height: 125px !important; margin: 5px !important; border-radius: 3px !important; overflow: hidden !important; border: 1px solid gray !important; } #ViewSet .vsComments table.SetComments > tbody tr .Comment { width: 100% !important; padding: 2px 5px !important; } #ViewSet .vsComments table.SetComments .Comment h4 { margin: 0 0 -10px !important; } #ViewSet .vsComments table.SetComments > tbody tr .Comment > p { min-height: 97px !important; max-height: 97px !important; padding: 2px 3px !important; overflow: hidden !important; overflow-y: auto !important; border-top: 1px dotted gray !important; } #ViewSet .vsComments table.SetComments > tbody tr .Comment > p small { float: right !important; width: 100% !important; bottom: 0 !important; border-top: 1px dotted red !important; } #ViewSet .vsComments > form input + p { text-align: center !important; } /* SET - MINI THUMB */ #ViewSet { width: 100% !important; } #ViewSet .vsDetails { margin-right: -59px !important; width: 750px !important; border: 1px solid gray !important; } .Separated { background-image: url("https://combo.staticflickr.com/pw/images/dotted.gif"); background-position: left top; background-repeat: repeat-x; margin: 0!important; padding: 0 !important; } #setThumbs +p { margin: 0 ; } #ViewSet .vsDetails #setThumbs { position: relative !important; display: inline-block; height: 445px !important; width: 745px !important; padding: 3px !important; overflow: hidden !important; overflow-y: auto !important; z-index: 500000 !important; border: 1px solid gray !important; } #ViewSet .vsDetails #setThumbs:hover { border: 1px solid gray !important; } #ViewSet .vsDetails #setThumbs .thumb_link { display: inline-block !important; min-height: 100px !important; width: 134px !important; margin: 2px !important; padding: 2px !important; text-align: center !important; border: 1px solid red !important; } #ViewSet .vsDetails #setThumbs .thumb_link >img { height: 96px !important; width: 92px !important; } #ViewSet .vsThumbnail { display: inline-block !important; width: 375px !important; height: 274px; margin: auto; padding: 20px 10px; text-align: center; } #ViewSet p.vsDescription:not(:empty) { position: absolute !important; display: inline-block !important; width: 324px !important; height: 280px; left: 403px; margin: auto ; top: 128px !important; padding: 10px ; overflow: hidden; } #ViewSet .vsNumbers { position: absolute !important; display: inline-block !important; height: 15px; line-height: 15px; width: 385px ; left: 5px !important; margin: 0 ; top: 410px !important; padding: 2px 0 ; font-size: 15px; text-align: center !important; } #ViewSet .vsThumbnail img { height: 215px ; } /* === END == SETS/COL ==== */ /* ALB - EDIT */ #gray_set_button_bar { position: absolute ; } #gray_set_button_bar ~ #SubNav form >input[name="content"] { float: left !important; width: 86% !important; font-size: 15px !important; } #gray_set_button_bar ~ #SubNav form >span , #gray_set_button_bar ~ #SubNav form >input { float: right; margin-bottom: 0px; margin-top: 6px !important; } #gray_set_button_bar ~ #SubNav form >input.CancelButt { margin-right: -130px !important; } #gray_set_button_bar ~ #SubNav form >span { margin-right: -70px !important; margin-top: 10px !important; } #gray_set_button_bar ~ #SubNav form >input.Butt { margin-right: 90px !important; } #gray_set_button_bar ~ #ViewSet #setThumbs + p + div { position: absolute ; width: 344px; height: 295px; left: 403px; right: 1300px; top: 127px; z-index: 50000 !important; } #gray_set_button_bar ~ #ViewSet #setThumbs + p + div textarea { width: 97% !important; max-height: 235px; } #gray_set_button_bar ~ #ViewSet #setThumbs + p + div + .vsDescription:hover { cursor: pointer !important; } #gray_set_button_bar ~ #ViewSet #setThumbs + p + div + .vsDescription:hover:after { content: "🖋" ; position: absolute ; top: 0 ; right: 0 ; border-radius: 5px ; font-size: 20px ; cursor: pointer !important; } /* TEST Multi-click zoom support - CURSOR CUSTOM */ /* CURSOR PLANET */ .zoom-modal.max-zoom-level { cursor:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAPCAMAAAAxmgQeAAAACVBMVEX///8AAAD///9+749PAAAAAXRSTlMAQObYZgAAAD5JREFUGNN1j9EKADAIAnP//9GjFq6w7iU4DNRsB06cb44TJ+UzYUcniqnqoA6ag/62JhjKIU0rxx1lKveuXJ5UAQs/G/2vAAAAAElFTkSuQmCC),auto; } /* GM "Video Speed Button" */ .fluid.html-photo-page-scrappy-view div[style^="position: fixed; top: 0px; right: 0px; z-index: 100;"] , .fluid.html-photo-page-scrappy-view .fluid-droparound-view + div[style^="position: fixed; top: 0px; right: 0px; z-index: 100;"] { position: fixed !important; top: 816px !important; right: 1052px !important; left: 445px !important; padding: 0px !important; z-index: 50000 !important; transform: scale(0.6) !important; } .vsb-container span[style*="color: black;"]{ color: gold !important; cursor: pointer; font-size: 100%; font-weight: bold; margin-right: 10px; } /* API PAGE - SERVCE TEST */ #Main>iframe[src^="/services/api/"] { color: gray !important; height: 400px; width: 100%; } html>body>pre { color: gray !important; } /* (ALL??) - ARCH ONLY WORK ??? - OPTIONS BAR (chose view: WORKING) */ .new-header:not(.breakout-justified).header-underlap.js .searchified-options { position: relative !important; display: inline-block !important; top: 10px !important; margin-top: 80px !important; } /* A SUPP?? - ADD COM BOX - SUPP TXT "Want format reply?" */ .html-info-trigger { margin: 5px 0 15px; } /* GAL ?? - POOL - ADMIN - POPOVER COM */ .pool-photo.photo-display-item.inline-commenting #comments.comments-popover { position: fixed !important; display: inline-block !important; float: none !important; width: 622px; font-size: 120% !important; text-align: left; z-index: 500000 !important; transform: scale(1) !important; } .pool-photo.photo-display-item.inline-commenting #comments.comments-popover + .popover-shim { display: inline-block !important; position: fixed !important; float: none !important; min-width: 100% !important; top: 0 !important; left: 0 !important; } /* ANTI JUMP TOP - ALL */ html.styleguide body { box-sizing: border-box; position: relative; display: inline-block !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; height: 100% !important; min-height: 100% !important; padding-bottom: 0px !important; padding-top: 0 !important; } /* ANTI JUMP - JU - POOL no BETA */ #pool-photos.ju.photo-display-container::before { content: ""; float: left; padding-bottom: 25%; } #pool-photos.ju.photo-display-container::after { clear: left; content: " "; display: table; } /* END == ++ STYLES == */ /* START == YOUR POOL LIST == */ /* YOUR POOL - THUMB CONT - ALL */ #groups-list .groups-maincol.list-view { max-width: 1870px ; margin-top: 0px ; } .group-h3 { position: relative; margin-top: 40px; } /* YOUR POOL - LIST/THUMB POOL */ #groups-list.groups-thumbs { margin-right: 0; top: -40px ; } /* YOUR POOL LIST - THUMB POOL */ #groups-opt.opt-out-bug.enable_rebootify_groups_members_page + #subnav-refresh.subnav-refresh.subnav-view.subnav-state-ready { display: inline-block ; width: 100% ; height: 70px ; margin: 10px 0 30px 0 ; top: 0px ; } #groups-list.groups-thumbs .SetsContainer.GroupsCenterContainer { margin: 5px -40px -35px -11px ; } /* YOUR POOL - RIGHT SIDE - BETA/NO BETA= */ #groups-list .groups-sidebar { position: absolute ; width: 510px ; height: 890px ; margin-top: 15px ; right: -504px ; z-index: 5000 ; } #groups-list .groups-sidebar:hover { width: 310px; right: 0px ; padding-left: 20px ; z-index: 5000 ; transition: all ease 0.7s ; } #groups-list .groups-sidebar .bd { top: 18px; } #groups-list .groups-sidebar:before { content: "+ More...." ; position: absolute ; width: 150px ; top: 100px ; margin-left: -90px ; padding: 0 5px ; border-radius: 0 0 5px 5px ; text-align: center ; transform: rotate(90deg) ; } .groupsList { position: relative ; width: 290px ; margin-top: -12px ; padding: 10px 5px 5px 5px ; z-index: 5000 ; border: 1px solid gray ; } #noticed-groups + .groupsList { height: 500px ; overflow: hidden ; overflow-y: auto ; } /* YOUR POOL LIST - CONT - NO BETA */ #groups-list .groups-maincol.list-view #groups-list { width: 1870px ; margin-top: 0px ; } #groups-list .sec[class^="sec"] { width: 1870px ; margin-bottom: -44px ; } .groups-list-header { position: absolute ; display: inline-block ; width: 100% ; width: 753px ; margin-top: -45px ; margin-left: 560px ; padding: 5px ; border-radius: 5px ; text-align: center ; font-size: 16px ; z-index: 500 ; border: 1px solid gray ; } .groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions , .groups-list-header .view-options { display: inline-block ; text-align: left ; width: 100% ; } .groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions { display: inline-block ; width: 450px ; text-align: left ; } .groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions .group_sort_active { color: red ; } .groups-maincol.list-view #groups-list ul.groups-list-header .SortOptions .group_sort_active:after { content: "🔻" ; font-size: 10px ; } .groups-list-item { display: inline-block ; width: 262px ; max-height: 80px ; min-height: 80px ; margin: -14px 0 20px 0 ; padding-bottom: 10px ; font-size: 12px ; overflow: hidden ; border: 1px solid gray ; } .groups-list-item .group-overview { width: 100% ; text-align: left ; } .groups-list-item .group-overview .buddy-link { padding: 4px ; } .groups-list-item .group-overview h4 { position: relative ; display: inline-block ; width: 83% ; height: 30px ; line-height: 14px ; top: -75px ; margin-left: -3px ; padding: 2px 2px 2px 45px ; margin-bottom: -54px ; font-size: 15px ; overflow: hidden ; overflow-y: auto ; border-bottom: 1px dotted gray ; } .groups-list-item .group-overview h4 a { float: left; } .group-overview>span { position: relative ; display: inline-block ; width: 100% ; top: -10px ; } .groups-list-item .group-members { position: relative ; display: inline-block ; width: 96% ; top: -16px ; padding-right: 20px ; text-align: right ; } .first.group-count.pool-pending:not([style="white-space: nowrap;"]) { position: absolute ; display: inline-block ; top: 0 ; left: 0 ; white-space: nowrap ; z-index: 5000 ; } .groups-list-item .discussion { position: absolute ; display: inline-block ; width: 256px ; vertical-align: top ; height: 15px ; margin-left: -262px ; margin-top: 56px ; padding-right: 5px ; text-align: right ; } .groups-list-item .discussion:before { content: "🗨" ; opacity: 0.7 ; } .groups-list-item .latest-post { position: absolute ; display: inline-block ; width: 90px ; margin-left: -260px ; margin-top: 36px ; padding-left: 34px ; text-align: left ; color: gray ; border-right: 2px solid gray ; } /* YOUR GROUPS - THUMBS - CONT - === */ #groups-list.groups-thumbs .groups-maincol { position: relative ; display: inline-block ; margin-left: 0px ; } #groups-list .SetsContainer.GroupsCenterContainer .group-h3 { margin-left: 0; padding: 2px 5px ; text-indent: 241px ; } #groups-list .SetsContainer.GroupsCenterContainer .SortOptions { position: relative ; display: inline-block ; width: 453px ; left: -260px ; margin-top: 36px ; padding: 5px ; border-radius: 5px ; font-size: 16px ; text-align: center ; z-index: 200 ; border: 1px solid gray ; } #groups-list .SetsContainer.GroupsCenterContainer .Sets { width: 300px !important; margin: -37px -82px -15px -13px ; text-align: left ; background-position: center center ; background-repeat: no-repeat ; background-size: cover ; overflow: hidden ; z-index: 500 ; transform: scale(0.65) ; } #groups-list .SetsContainer.GroupsCenterContainer .Sets .SetCase { width: 300px !important; height: 0px !important; margin: 199px 0 0 0 !important; text-align: center ; } #groups-list .Sets .setText { width: 300px ; height: 53px ; top: -63px ; padding: 6px 0 0 ; transform: scale(1) ; } #groups-list .Sets .setText> a { display: inline-block ; width: 300px ; padding: 0px ; transform: scale(1) ; } #groups-list .Sets .setText> a h4 { float: left ; clear: both ; width: 288px !important; height: 15px ; line-height: 15px !important; margin: 2px 0 -10px 0 !important; padding: 5px 0 0 ; font-size: 19px !important; } #groups-list .Sets .setText > p { position: relative ; display: inline-block ; width: 135px ; line-height: 18px ; margin: -80px 0 -5px -10px ; top: -20px ; padding: 0 ; font-size: 19px ; text-align: left ; overflow: hidden ; text-overflow: ellipsis ; white-space: nowrap ; } #groups-list .Sets .setText p a { line-height: 15px ; font-size: 16px ; } #groups-list .Sets .discussionCount { position: absolute ; display: inline-block ; width: 120px ; bottom: 170px ; left: 5px ; font-size: 16px ; text-align: left ; transform: scale(1) ; } #groups-list .Sets .discussionCount a p { font-size: 16px ; transform: scale(1) ; } /* POOL META - ADD LABEL */ /* MEMB numb */ #groups-list .SetsContainer.GroupsCenterContainer a[href$="/members"]:before , /* MEMB PEND */ #groups-list .SetsContainer.GroupsCenterContainer a[href^="/groups_pending.gne"]:before , /* PHOT numbk */ #groups-list .Sets .setText p a[href^="/groups/"]:not([href$="/pending"]):not([href$="/members"]):before , /* PHOT PEND */ #groups-list .Sets .setText p a[href$="/admin/pending"]:before { margin-right: 5px ; font-size: 10px ; } /* HOVER */ #groups-list .SetsContainer.GroupsCenterContainer a[href$="/members"]:hover:before , #groups-list .SetsContainer.GroupsCenterContainer a[href^="/groups_pending.gne"]:hover:before , #groups-list .Sets .setText p a[href^="/groups/"]:not([href$="/pending"]):not([href$="/members"]):hover:before , #groups-list .Sets .setText p a[href$="/admin/pending"]:hover:before { margin-left: -5px ; font-size: 15px ; } /* MEMB numb */ #groups-list .SetsContainer.GroupsCenterContainer a[href$="/members"]:before { content: "Mbs" ; color: red ; } /* MEMB PEND ok */ #groups-list .SetsContainer.GroupsCenterContainer a[href^="/groups_pending.gne"]:before { content: "Mbers" ; color: aqua ; } /* PHOT numb ok */ #groups-list .Sets .setText p a[href^="/groups/"]:not([href$="/pending"]):not([href$="/members"]):before { content: "Pht" ; color: green ; } /* PHOT PEND ok */ #groups-list .Sets .setText p a[href$="/admin/pending"]:before { content: "Pht" ; color: aqua ; } /* END == YOUR GROUPS LIST ==== */ /* == START == NEW GAL PAGES ==== */ /* (new173) GAL - SHOW HID THUMB */ .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remove-x-container , .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container , .html-gallery-page-view .photo-list-photo-container.loading .photo + a, .html-gallery-page-view .photo-list-photo-container.loading .photo, .html-gallery-page-view .photo-list-photo-container.loading , .html-gallery-page-view .invisible { opacity: 1 !important; visibility: visible !important; } .photo-list-photo-container.loading , .reorder-grid-view .drag-list-container .drag-drop-item.hidden, .reorder-grid-view .drag-list-container .drag-drop-item.invisible .drag-drop-content { align-items: center; display: flex !important; flex: 1 1 auto; flex-direction: column; justify-content: center; } /* (new171) GAL/ALB/STR - WIDE */ html.scrolling-layout.fluid.html-album-page-view body , html.scrolling-layout.fluid.html-album-page-view { display: inline-block !important; left: 0 !important; max-width: 1910px !important; min-width: 1910px !important; min-height: 100%; overflow: hidden !important; overflow-y: auto !important; } html.scrolling-layout.fluid.html-album-page-view body { display: inline-block !important; left: 0 !important; max-width: 1910px !important; min-width: 1910px !important; min-height: 100%; padding: 0 5px !important; } html.scrolling-layout.fluid.html-album-page-view .photo-list-view { display: inline-block !important; max-width: 99% !important; min-width: 99% !important; width: 100% !important; overflow: hidden !important; overflow-y: auto !important; } .fluid.html-photostream-page-view #content .photostream-page-view .photolist-container.fluid-centered , .fluid.html-albums-list-page-view #content .albums-list-container.fluid-centered , .fluid.html-album-page-view #content .album-page-view.flickr-view-root-view .album-container.fluid-centered , .fluid.html-gallery-page-view #content .fluid-centered.gallery-page-container { float: none !important; display: inline-block !important; min-width: 100% !important; max-width: 100% !important; } .photolist-container.fluid-centered body , .fluid.html-gallery-page-view body { margin-top: -52px ; } html #content .galleries-list-container.fluid-centered { max-width: 98% !important; min-width: 98% !important; padding: 0 20px !important; margin-top: -58px ; } .fluid.html-photostream-page-view .photolist-container.fluid-centered { margin-top: -48px ; } /* STR - TOP HEAD */ .fluid.html-photostream-page-view .subnav-content.fluid-centered { margin-left: auto; margin-right: auto; max-width: 100% !important; } /* ALB EDIT COV */ .album-header-view > .album-header-content > .edit-cover-photo { top: 35px; } /* GAL - HEAD */ .gallery-page-view .gallery-page-container .details-section { position: sticky !important; top: 35px !important; margin-top: -95px !important; width: 100% !important; z-index: 50 !important; } .gallery-page-view .gallery-page-container .details-section .description:not(.hidden) , .gallery-page-view .gallery-page-container .details-section .description:not(.hidden) { position: sticky !important; display: inline-block !important; width: 100%; height: auto !important; top: -85px !important; margin-top: 0px !important; text-align: center !important; } .gallery-page-view .gallery-page-container .details-section .description.short.no-read-more:not(.hidden) { max-height: 100% !important; } .gallery-page-view .gallery-page-container .details-section .description.short:not(.hidden) p { display: inline-block !important; width: 30%; height: 100% !important; line-height: 15px ; max-height: 30px !important; min-height: 30px !important; margin-bottom: 0px !important; padding: 3px 0 0 ; text-align: left ; overflow: hidden !important; } .gallery-page-view .gallery-page-container .details-section .description:not(.short) p { display: inline-block !important; width: 30%; height: 100% !important; min-height: 400px !important; max-height: 400px !important; padding: 5px !important; text-align: left ; overflow-y: auto ; } .gallery-page-view .gallery-page-container .details-section .description .read-less-button, .gallery-page-view .gallery-page-container .details-section .description .read-more-button { position: absolute ; display: inline-block; right: 610px ; top: 12px ; padding: 5px ; border-radius: 5px ; font-size: 13px ; } .gallery-page-view .gallery-page-container .details-section .description .read-less-button { opacity: 1 ; } .gallery-page-view .gallery-page-container .details-section .description .read-more-button { padding: 1px ; opacity: 0.5 ; } .gallery-page-view .gallery-page-container .details-section header h1 { float: left ; width: 50%; font-size: 25px; letter-spacing: 0.03em; line-height: 25px; margin: 0; text-align: right ; } .gallery-page-view .gallery-page-container .details-section header p { float: right ; width: 49%; font-size: 16px; font-weight: 600; line-height: 16px; margin: 5px 0 0; text-align: left !important; color: gray ; } .gallery-page-view .gallery-page-container .details-section .description.short p >a { display: inline-block; width: 100%; } .gallery-page-view .gallery-page-container .stats { position: fixed !important; display: inline-block !important; width: 370px !important; right: 10px !important; top: 45px!important; margin: 0 !important; text-align: right !important; opacity: 1 !important; z-index: 50 !important; } .gallery-page-view .gallery-page-container .stats span { display: inline-block !important; opacity: 1 !important; z-index: 500000 !important; color: gold !important; } .gallery-page-view .gallery-page-container .details-section header { display: block !important; height: 25px !important; margin-top: 184px !important; padding: 5px !important; z-index: 50000 !important; } /* GAL - LIST */ html #content .galleries-list-container.fluid-centered .photo-list-gallery-view { position: relative !important; display: inline-block !important; margin: -40px 0px 65px 35px !important; opacity: 1 !important; transform: none !important; } .gallery-page-view .gallery-page-container .photos-section .photo-list-container { display: inline-block !important; width: 100% !important; height: auto !important; top: 10px !important; } .galleries-list-container.fluid-centered .galleries-list-toolbar-view { position: absolute !important; height: 20px !important; line-height: 20px !important; right: 500px !important; top: 90px !important; } .galleries-list-container.fluid-centered .galleries-list-toolbar-view a{ height: 20px !important; line-height: 20px !important; } .html-gallery-page-view .photo-list-gallery-photo-view { padding: 3px !important; } /* GAL - COUNT IETMS - GM "Superloader" */ .fluid.html-galleries-list-page-view #content .photo-list-view { display: inline-block !important; height: 100% !important; min-height: 2462px !important; max-height: 2462px !important; margin-top: 42px !important; counter-increment: myIndex 1; counter-reset: myIndex -1 !important; } .fluid.html-galleries-list-page-view #content .sp-separator ~ .photo-list-view { min-height: 2462px !important; max-height: 2462px !important; } /* GAL - LIST - THUMB - INFO BACKG/FAV STAR */ .gallery-page-view .gallery-page-container .photos-section { display: inline-block !important; width: 100% !important; height: auto !important; min-height: 900px !important; border-top: 1px solid #333; } .html-gallery-page-view .fluid-centered.gallery-page-container .photos-section .photo-list-container .photo-list-view .photo-list-gallery-photo-view.forced-aspect-ratio:not(:hover) .sub-photo-info-bar { opacity: 1 !important; visibility: hidden !important; } .html-gallery-page-view .fluid-centered.gallery-page-container .photos-section .photo-list-container .photo-list-view .photo-list-gallery-photo-view.forced-aspect-ratio:not(:hover) .sub-photo-info-bar .engagement-item.fave { opacity: 0.5 !important; visibility: visible !important; } /* (new173) GAL - POPUP ADD from FAV */ .html-gallery-page-view .modal.subview-modal.flex-layout.photo-selector.gallery-faves-selector { top: 104% !important; border: 1px solid red !important; } /* (new176) GAL - POPUP REORDER/COVER SELEC - AND SOME OTHER PALCEs (.modal.subview-modal.photo-selector) */ .modal.subview-modal.photo-selector , .modal.subview-modal.reorder-grid-modal , .modal.subview-modal.photo-selector.gallery-coverphoto-selector { position: fixed !important; display: inline-block !important; max-height: 95.9vh !important; min-height: 95.9vh !important; max-width: inherit; min-width: 1905px !important; left: 0% !important; top: 4% !important; margin-left: 2px !important; margin-top: 1px !important; overflow: hidden !important; z-index: 50000000 !important; } /* .modal.subview-modal.photo-selector .nav , */ .modal.subview-modal.photo-selector.gallery-coverphoto-selector .nav { height: 35px !important; } /* .modal.subview-modal.photo-selector .fluid-modal-nav-bar , .modal.subview-modal.photo-selector .fluid-modal-nav-content ul , .modal.subview-modal.photo-selector .fluid-modal-nav-content ul.links , .modal.subview-modal.photo-selector .fluid-modal-nav-content ul.links li , */ .modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-bar , .modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-content ul , .modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-content ul.links , .modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-content ul.links li { height: 30px !important; line-height: 30px !important; } /* .modal.subview-modal.photo-selector .fluid-modal-nav-content ul.links li a , */ .modal.subview-modal.photo-selector.gallery-coverphoto-selector .fluid-modal-nav-content ul.links li a { height: 25px !important; padding: 0 !important; } /* .modal.subview-modal.photo-selector .close-x , */ .modal.subview-modal.photo-selector.gallery-coverphoto-selector .close-x { right: 42px; top: 6px; border-radius: 5px !important; } .modal.subview-modal.photo-selector .close-x:hover , .modal.subview-modal.photo-selector.gallery-coverphoto-selector .close-x:hover { opacity: 1; } /* .modal.subview-modal.photo-selector .body.lines , */ .modal.subview-modal.photo-selector.gallery-coverphoto-selector .body.lines { height: 87.8vh; } /* .modal.subview-modal.photo-selector .body.lines .content.has-footer , */ .modal.subview-modal.photo-selector.gallery-coverphoto-selector .body.lines .content.has-footer { height: 87.5vh !important; border: 1px solid gray; } /* .modal.subview-modal.photo-selector .foot , */ .modal.subview-modal.photo-selector.gallery-coverphoto-selector .foot { height: 25px !important; margin-top: 5px !important; overflow: hidden; } /* .modal.subview-modal.photo-selector .foot .buttons , */ .modal.subview-modal.photo-selector.gallery-coverphoto-selector .foot .buttons { padding: 0; } /* .modal.subview-modal.photo-selector .foot .buttons button.mini.action , */ .modal.subview-modal.photo-selector.gallery-coverphoto-selector .foot .buttons button.mini.action { height: 23px; line-height: 27px; margin: 2px 25px 0 0 !important; } .reorder-grid-modal .content.subview , .modal.subview-modal.reorder-grid-modal .body { min-height: 96vh !important; } .reorder-grid-view .drag-list-container .drag-drop-item { height: 90.462px !important; width: 90.462px !important; margin-bottom: 8px; margin-left: 4px; margin-right: 4px; } .drag-tip , .drag-interaction-containe .text-container { color: gold; } .reorder-grid-modal-view header { padding: 5px; text-align: center; border-bottom: 1px solid gray; } /* (new176) BUDYICON - DOWNLOAD - DROP ZONE */ .subview-modal.photo-selector .content.subview .view .photo-selector-upload .drop-zone .drop-zone-content { height: 550px; position: absolute; text-align: center; width: 570px; } .subview-modal.photo-selector .content.subview .view .photo-selector-upload .drop-zone .file-select { height: 21px; margin-top: 174px; visibility: visible !important; background: #222 !important; } .html-cameraroll-page-view .modal.subview-modal[style^="max-height: 888px;"] { width: 1152px; max-width: 1880px; max-height: 888px; left: 40%; margin-left: -576px; margin-top: -341.5px; top: 48%; overflow: auto; border: 1px solid red !important; } /* GAL - ACT BAR */ .gallery-page-view .action-bar , .gallery-page-view .gallery-page-container .action-bar { position: fixed; height: 37px !important; line-height: 37px !important; left: 0; right: 0; top: 0; z-index: 82; } .fluid.html-gallery-page-view .action-bar-content.fluid-centered { height: 37px !important; line-height: 37px !important; } /* (new174) */ .fluid.html-gallery-page-view #content .action-bar-content.fluid-centered { width: 100%; min-width: 1850px !important; max-width: 1850px !important; height: 37px ; line-height: 37px ; padding-left: 5px; padding-right: 5px; } /* ADD/REORDER/VIEWS SIZE/SHARE - IN ACT BAR */ .gallery-page-view .gallery-page-container .photos-section .photos-section-header { position: fixed !important; display: flex; -moz-box-align: center; -moz-box-pack: justify; align-items: center; justify-content: space-between; width: 400px ; height: 37px !important; line-height: 37px !important; left: 750px !important; right: 50px ; top: 0; z-index: 82; border-bottom: 1px solid red; } .gallery-page-view .gallery-page-container .photos-section .photos-section-header .layout-tabs .tab.selected svg.icon { color: #006dac !important; } .gallery-page-view .gallery-page-container .action-bar .actions .action.share { margin-right: 23px !important; } /* GAL - POP MENU ADD to POOL/GAL */ .fluid.html-gallery-page-view .droparound.subview-droparound.auto-size .add-to-stuff-view.flickr-view-root-view { opacity: 1 !important; } /* GAL - COM OVERLAY + ADAP ALBUM/SET - ADD TO POOL + GALL POPUP */ .fluid.html-album-page-view body .fluid-droparound-overlay.transparent:not(.transparent) , .fluid.html-gallery-page-view body .fluid-droparound-overlay:not(.transparent) { position: fixed !important; display: inline-block !important; z-index: -1 !important; pointer-events: auto !important; visibility: visible !important; } .fluid.html-album-page-view body .fluid-droparound-overlay.transparent , .fluid.html-gallery-page-view body .fluid-droparound-overlay.transparent { position: fixed !important; display: inline-block !important; pointer-events: none !important; visibility: visible !important; } /* GAL - POPUP ADD COM */ .fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-comments , .fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark { display: inline-block !important; width: 390px !important; height: auto !important; max-height: 200px !important; margin-left: 0 !important; margin-top: 84px !important; opacity: 1 !important; z-index: 500000 !important; } .gallery-page-remark-view { padding: 5px !important; } .gallery-page-remark-view header { margin-top: 11px !important; } .gallery-page-remark-view .remark-container p { font-size: 14px; line-height: 18px; margin-top: -20px !important; max-height: 120px !important; padding-bottom: 20px !important; overflow: auto; } .fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-comments .remark-container .remark-edit-container { margin-top: -12px !important; } /* GAL - ADD CUR NOTE - PHO ITEM */ .fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-comments .remark-container .remark-edit-container:before { position: absolute ; content: "Add a Curator Note: " ; top: -2px ; color: red ; } /* GAL - SEE CURA NOTE - POP */ .gallery-page-remark-view .remark-container p:before { position: absolute ; content: "Curator Note: " ; top: -2px ; color: gold ; } /* GAL - COM PHO ITEM */ .fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark { position: fixed !important; max-height: 295px !important; min-height: 295px !important; margin-left: 0% !important; left: 1155px !important; top: 0px !important; margin-top: 0px !important; padding: 20px 0 0; box-shadow: 0px 7px 5px 5px rgba(0, 0, 0, 0.9) !important; } .fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark .body .content.subview.auto-size .photo-comments-view { max-height: 270px !important; min-height: 270px !important; } .fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark .droparrow.up , .fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark .droparrow.down { left: 0 !important; right: 0 !important; top: 275px !important; } .fluid.html-gallery-page-view .fluid-droparound-view .droparound.subview-droparound.auto-size.gallery-photo-remark:before { position: absolute ; content: "Comment(s) on This Photo: " ; top: 0px ; left: 10px ; color: gold ; } .photo-list-gallery-photo-view .remark-container.active , .photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar.active { height: 100% ; left: 0; } .fluid.html-gallery-page-view .comment-item-view .comment-item .content-container .comment-content br , .fluid.html-gallery-page-view .fluid-droparound-view .comment-item-view.flickr-view-root-view .comment-item .content-container .comment-content br { display: block !important; margin-bottom: -1px !important; } /* (new172) GAL - COM CONT - TOP ACT BAR */ .gallery-page-view .gallery-page-container .comments-section:not(:hover) { max-width: 300px !important; background: #222 !important; } .gallery-page-view .gallery-page-container .comments-section { left: 17%; max-width: 550px; position: fixed; display: inline-block !important; height: 30px !important; top: 2px !important; z-index: 50000; overflow: hidden !important; } .gallery-page-view .gallery-page-container .comments-section:hover { height: auto !important; } .gallery-page-view .gallery-page-container .comments-section h2 { height: 30px !important; line-height: 30px !important; padding: 0 ; } .gallery-page-view .gallery-page-container .comments-section h2:before { content: "🔻 Gallerie " ; height: 30px; line-height: 30px; margin-right: 40px ; padding: 0; color: gold ; } .gallery-page-view .gallery-page-container .comments-section h2:after { content: " 🔻" ; height: 30px; line-height: 30px; margin-left: 10px ; padding: 0; color: gold ; } .gallery-page-view .gallery-page-container .comments-section:hover .comments-list-section { max-height: 514px; overflow: hidden; overflow-y: auto; } /* GAL - COM ACT */ .fluid.html-gallery-page-view .menu.over-modal.comment-action-menu { width: auto; z-index: 50000 !important; } /* INFOS */ .photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar { height: 70px !important; padding: 3px 5px 2px !important; font-size: 14px; opacity: 1 ; } .photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-containerdetails-container .avatar { margin-right: 30px; } .photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.title , .photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .details-container .details a.attribution , .photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement { margin-top: 3px !important; } /* SM */ .forced-aspect-ratio .photo-list-photo-container .details a:only-of-type { position: relative !important; top: 24px !important; } .photo-list-gallery-photo-view .photo-list-photo-container.info-bar-on-hover .sub-photo-info-bar .engagement { position: absolute; bottom: 0; } .photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item:hover , .photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar .engagement span.engagement-item.hidden { display: flex !important; color: gray !important; } /* GAL - CURA NOTE */ .photo-list-gallery-photo-view .photo-list-photo-container .sub-photo-info-bar { display: inline-block !important; } .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:not(:hover) { display: inline-block !important; height: 100% !important; min-height: 30px !important; max-height: 30px !important; line-height: 15px !important; bottom: 0px !important; padding: 0 !important; opacity: 1 !important; z-index: 1 !important; visibility: hidden !important; } .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover { display: inline-block !important; min-height: 70px !important; height: auto !important; line-height: 15px !important; bottom: 0px !important; padding: 0 !important; opacity: 1 !important; z-index: 1 !important; } /* GALL - OVERL NOTE */ .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present::before { content: ""; position: absolute; display: inline-block !important; min-height: 20px !important; max-height: 20px !important; right: 0; top: 10px ; left: 0; bottom: 0px !important; margin-bottom: 0px !important; padding: 0px !important; z-index: -1; opacity: 1; } /* GALL - OVERL NOTE - HOVER */ .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover::before { min-height: 73px !important; max-height: 73px !important; top: 1px ; z-index: -1; opacity: 1; } /* GALL - PRES/ACT */ .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-line-container { position: relative !important; display: inline-block !important; width: 94% !important; height: 100% !important; min-height: 30px !important; max-height: 30px !important; line-height: 15px !important; top: 0px !important; margin: 0 !important; padding: 1px 5px 1px 5px !important; font-size: 14px; text-align: left !important; white-space: pre-line !important; overflow: hidden; opacity: 1 !important; color: #fff; } .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover .remark-line-container { display: inline-block !important; min-height: 70px !important; max-height: 70px !important; } .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-line-container .remark-line { display: inline-block !important; height: 30px !important; line-height: 15px !important; width: 100% !important; margin-top: -30px !important; opacity: 1 !important; z-index: 1 !important; overflow-y: auto !important; } /* HOVER */ .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover .remark-line-container .remark-line { display: inline-block !important; height: auto !important; line-height: 15px !important; width: 100% !important; margin-top: -13px !important; opacity: 1 !important; z-index: 1 !important; overflow-y: auto !important; } .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-line-container .remark-line:not(.hidden) .title { position: relative !important; display: inline-block !important; width: 100%; min-height: 10px !important; max-height: 10px !important; line-height: 10px !important; top: -19px !important; bottom: 0 !important; font-size: 10px; } /* GAL - NOTE - HOVER */ .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-line-container .remark-line:not(.hidden) .remark { position: relative !important; display: inline-block !important; min-width: 100% !important; max-width: 100% !important; min-height: 15px !important; max-height: 165px !important; line-height: 15px !important; top: -18px !important; padding-bottom: 20px !important; font-size: 15px !important; overflow: hidden !important; overflow-y: auto !important; } .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present:hover .remark-line-container .remark-line span + span { position: absolute !important; display: inline-block !important; width: 100%; min-height: 52px !important; max-height: 52px !important; line-height: 15px !important; top: 15px !important; font-size: 15px !important; overflow: hidden !important; overflow-y: auto !important; } /* BUT */ .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-button svg.filled , .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container .remark-button { display: inline-block!important; position: absolute; right: 0; bottom: 0 ; visibility: visible !important; } .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.present .remark-button svg.icon.icon-remark.hollow{ visibility: hidden !important; } .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .remark-container.active .remark-button .icon.filled { display: block; filter: drop-shadow(0px 0 3px rgba(0, 0, 0, 0.88)); height: 32px !important; width: 33px !important; fill: red !important; } .photo-list-gallery-photo-view .photo-list-photo-container .photo-container:not(:hover) .remark-button[aria-expanded="false"] , .photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remark-button[aria-expanded="false"] { display: inline-block !important; opacity: 1 !important; z-index: 1 !important; } .photo-list-gallery-photo-view .photo-list-photo-container .photo-container:not(:hover) .remark-button[aria-expanded="false"] .icon.icon-remark-filled.filled , .photo-list-gallery-photo-view .photo-list-photo-container .photo-container:hover .remark-button[aria-expanded="false"] .icon.icon-remark-filled.filled { display: inline-block !important; opacity: 1 !important; z-index: 1 !important; } /* GAL - FAV ICON */ .photo-list-gallery-photo-view .photo-list-photo-container .engagement-item.fave.faved .engagement-icon .icon { color: red !important; opacity: 1 !important; } /* (new173) TEST VISIBILITY - GAL - PHOT CONTAIN - for VISIT */ .photo-list-gallery-photo-view .photo-list-photo-container .photo-container { display: inline-block !important; width: 100% !important; min-width: 100% !important; visibility: visible !important; opacity: 1 !important; transition: none !important; transform: none !important; outline: 1px solid red !important; } .photo-list-gallery-photo-view .photo-list-photo-container.loading .photo-container a.click-target , .photo-list-gallery-photo-view .photo-list-photo-container .photo-container a.click-target { display: inline-block !important; width: 100% !important; min-width: 100% !important; visibility: visible !important; opacity: 1 !important; transition: none !important; transform: none !important; outline: 1px solid gray !important; } .photo-list-gallery-photo-view .photo-list-photo-container .photo-container .click-target:visited { outline: 1px solid green !important; } /* ==== END - NEW GALLERY ==== */ /* START - VIDO DUR */ .photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:after , .photo-well-scrappy-view .height-controller.enable-zoom .photo-well-media-scrappy-view:not(.is-real-fullscreen) .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:after { content: attr(aria-valuetext) ; position: fixed ; display: inline-block ; height: 20px ; line-height: 20px ; width: 100px ; left: 296px ; top: 80px ; font-size: 15px ; text-align: right ; word-spacing: 10px ; opacity: 1 ; visibility: visible ; } .photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:before , .photo-well-scrappy-view .height-controller.enable-zoom .photo-well-media-scrappy-view:not(.is-real-fullscreen) .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:before { content: "video lenght:" ; position: fixed ; display: inline-block ; height: 20px ; line-height: 9px ; width: 59px ; left: 296px ; top: 80px ; padding-left: 5px ; font-size: 10px ; opacity: 1 ; visibility: visible ; z-index: 50000000 ; } /* FULL */ .photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:after { content: attr(aria-valuetext) ; width: 100px ; left: 646px !important; top: 80px !important; } .photo-well-media-view.scrappy-photo-page-enabled.is-real-fullscreen .vjs-progress-holder.vjs-slider.vjs-slider-horizontal:before { left: 646px !important; top: 80px !important; } /* START STR OLD WAY - with DETAIL */ /* SHARE */ .zeus.new-footer.new-header.super-liquid.extras.header-underlap #global-nav.styleguide-global-nav + #main #subnav-refresh .subnav-middle .subnav-holder #button-bar.nav-links.nav-links-tools.clearfix:not(:empty) { left: 700px !important; } .PhotoStream { margin-bottom: 15px; margin-top: 80px !important; } body.zeus .PhotoStream.ps-photos-only .PhotosColumn .photo-display-item, body.zeus .PhotoStream.ps-photos-only .photo-display-item { float: left !important; width: 195px !important; height: 390px !important; margin-bottom: 4px !important; margin-left: 4px !important; padding-left: 5px !important; padding-right: 5px !important; border: 1px solid gray; } body.zeus .PhotoStream.ps-photos-only .PhotosColumn .photo-display-item .thumb { position: relative; max-width: 197px !important; height: auto !important; margin-top: -12px !important; text-align: center !important; } body.zeus .PhotoStream.ps-photos-only .PhotosColumn .photo-display-item .thumb .photo_container { margin-top: 0px !important; } body.zeus .PhotoStream.ps-photos-only .PhotosColumn .photo-display-item .thumb img { max-width: 187px !important; height: auto !important; } .photostream-photo.photo-display-item .hover-target .title { display: inline-block !important; height: auto !important; max-height: 45px !important; width: 199px !important; word-wrap: break-word !important; overflow: hidden !important; text-overflow: ellipsis !important; overflow-y: auto !important; } /* STREAM OLD WAY - (SET ???) - EDIT TITLE - MULTILINE not working with CSS need textarea */ .StreamView h4 { margin-bottom: 0; font-size: 14px; overflow: hidden !important; color: red !important; } .photostream-photo.photo-display-item .hover-target .meta .StreamView .Desc .insitu-trigger.insitu-hint.insitu-editing { position: fixed !important; height: auto !important; width: 50% !important; top: 39% !important; left: 25% !important; padding-bottom: 20px !important; word-wrap: break-word !important; white-space: pre-wrap !important; overflow: hidden !important; overflow-x: auto !important; -moz-appearance: none !important; z-index: 5000 !important; color: red !important; } .ps-photos-only h4.insitu-editing { position: fixed !important; display: inline-block !important; height: auto !important; width: 49.5% !important; top: 34% !important; left: 25% !important; padding: 5px !important; word-wrap: break-word !important; white-space: pre-wrap !important; overflow: hidden !important; overflow-x: auto !important; -moz-appearance: none !important; z-index: 5000 !important; color: red !important; } .ps-photos-only h4.insitu-editing input.insitu-value { display: inline-block !important; height: auto !important; width: 98.6% !important; word-wrap: break-word !important; white-space: pre-wrap !important; overflow: hidden !important; overflow-x: auto !important; -moz-appearance: none !important; z-index: 5000 !important; color: red !important; } .photostream-photo.photo-display-item .hover-target .meta .StreamView .Desc .insitu-trigger.insitu-hint.insitu-editing textarea.insitu-value { width: 98%; max-width: 98% !important; margin-left: 5px !important; margin-top: 5px; } /* END == TEST - STREAM OLD WAY - DETAIL (&details=1) ===== */ /* PHO - EDIT PRIVACY PAGE */ .photoDetails { clear: none; float: left; margin-bottom: 20px; margin-left: 40px; margin-right: 20px; text-align: center; width: 100%; } .privacyDetails { display: inline-block !important; clear: none; float: none !important; width: 100% !important; padding-left: 30% !important; text-align: left !important; } .privacyDetails form , .privacyDetails p { padding: 5px; width: 36% !important; } .privacyDetails form { border-radius: 4px !important; border: 1px solid gray !important; } .privacyDetails form blockquote::before { float: left ; } .privacyDetails form blockquote::after { margin-top: -23px ; float: right ; } .privacyDetails form p { width: 99% !important; border-radius: 4px !important; text-align: center !important; border: 1px solid gray !important; } /* START == APP GARDEN ==== */ #DiscussPhoto { position: absolute !important; clear: both; width: 788px !important; height: 790px !important; right: 0 !important; top: 26px !important; padding: 27px !important; border: 1px solid gray !important; border-radius: 5px !important; overflow: hidden !important; overflow-y: auto !important; } #Photo { position: static !important; float: none !important; width: 999px !important; margin-left: 50px !important; margin-top: 20px; padding: 27px !important; border: 1px solid gray !important; border-radius: 5px !important; } #col-left .module { top: -20px ; } .app-list ul li { display: inline-block; line-height: 14px; width: 187px !important; } #Main #top-about + #col-left { margin-left: 35px ; height: 758px ; width: 920px ; padding: 5px 27px ; border: 1px solid gray ; border-radius: 5px ; } #Main #top-about + #col-left + #col-right { margin-right: 35px ; width: 700px ; height: 630px ; padding: 27px ; border: 1px solid gray ; border-radius: 5px ; } #the-developers +.module + h3 { display: inline-block ; margin-top: -222px ; margin-left: 400px ; position: absolute ; } #make-other-stuff { display: inline-block ; margin-left: 400px ; position: relative ; top: -212px ; padding: 25px ; border: 1px solid gray ; border-radius: 5px ; } #make-other-stuff li a { display: inline-block ; font-size: 19px ; } /* APPS PAGES - TAGS - === */ .TagList #thetags { width: 100% ; height: 100px !important; padding: 0; border: 1px solid gray; overflow: hidden ; overflow-y: auto ; } .RHS ul { margin-top: -3px ; } .RHS ul.rhs-data .Stats { display: inline-block ; width: 130px ; overflow: hidden ; text-overflow: ellipsis ; } /* APPS BY AUT */ #ag-user-promo { position: absolute; width: 233px ; height: 60px ; left: 5px ; top: 49px ; padding: 5px ; border-radius: 5px ; overflow: hidden ; } #ag-user-promo h3 { margin: -2px 0 0 ; } #ag-user-promo:hover { height: auto ; } #apps-go-here-wide { float: left; width: 100% ; } .app-summary { float: left; width: 857px !important; height: 130px !important; margin: 0 32px 5px 7px ; top: 12px ; padding: 5px ; padding-bottom: 10px ; border: 1px solid gray ; text-align: left ; } #apps-weve-noticed .app-summary.big .app-summary-details { position: static; width: 597px ; margin-top: -129px ; padding-left: 234px ; } .app-summary-screenshot { height: 75px ; width: 757px ; margin-right: 0 ; margin-bottom: 7px ; text-align: center ; } #apps-go-here-wide .app-summary-details { width: 100% ; } ul.app-list li { display: inline-block ; float: left; height: 130px; line-height: 13px; margin: -10px 10px 9px 8px ; overflow: hidden; padding-bottom: 0px; padding-right: 0px; width: 205px ; } .app-list span.photo_container { display: inline-block ; width: 196px ; text-align: center ; border: 1px solid gray ; } ul.app-list li .photo_container .photo_container a .pc_img { display: inline-block ; height: auto !important; width: 90px !important; } .app-summary.big.clearfix span.photo_container a img { display: inline-block; image-rendering: optimizequality; position: relative; height: 125px !important; width: auto !important; vertical-align: bottom; } /* END == APP GARDEN ==== */ /* START === POOL DISC/GAL/ALB CAPTION */ #DiscussTopic a[href*="/albums/"] img[width="500"] , #DiscussTopic a[href*="/galleries/"] img[width="500"] { height: auto; max-width: 470px ; vertical-align: text-bottom ; } #DiscussTopic a[href*="/albums/"] , #groups-about a[href*="galleries/"] , #DiscussTopic a[href*="/galleries/"] { display: inline-block ; min-height: 100% !important; min-width: 100% !important; padding: 5px ; text-align: center ; outline: 1px solid gray } #DiscussTopic a[href*="/albums/"]:before , #groups-about a[href*="galleries/"]:before , #DiscussTopic a[href*="/galleries/"]:before { content: "Gallerie : "attr(title) !important; display: inline-block ; width: 100% ; margin-top: 5px ; font-size: 20px ; } #DiscussTopic a[href*="/albums/"]:after { content: "Album : "attr(title) ; } /* END == POOL DISC/GAL CAPTION ==== */ /* (new178) PHO - NOTES - EXPAND - ICON EXPAND IMAGE > COM FORM - HOVER + ADD NOTE INDIC */ .photo-notes-scrappy-view , .photo-notes-scrappy-view.is-ready { z-index: 2500 !important; } .photo-notes-scrappy-view.box-hovered , .photo-notes-scrappy-view.box-hovered.is-ready { z-index: 50000 !important; } .photo-notes-scrappy-view::after, .photo-notes-scrappy-view.box-hovered::after, .fluid.html-photo-page-scrappy-view .height-controller .photo-well-media-scrappy-view.requiredToShowOnServer + .photo-notes-scrappy-view::after, .fluid.html-photo-page-scrappy-view .height-controller .photo-well-media-scrappy-view + .photo-notes-scrappy-view::after { content: " ⿹📝" ; position: fixed ; display: inline-block ; float: left ; clear: left ; width: 34px ; height: 22px ; line-height: 22px ; left: 1500px ; bottom: 0px ; padding: 0px ; border-radius: 3px ; font-weight: bold ; text-align: center ; font-size: 14px ; opacity: 0.4 ; visibility: visible ; z-index: 500!important; transition: opacity 0.1s ease 0s, transform 0.5s ease 0s ; } .fluid.html-photo-page-scrappy-view .photo-page-scrappy-view .height-controller .photo-notes-scrappy-view.box-hovered:hover:after { content: "📝 Add a Note: \A Hold down \A LEFT mousebutton \A and drag an area" ; height: 50px ; line-height: 12px ; min-width: 150px ; bottom: 5px ; padding: 0 5px ; font-size: 13px ; white-space: pre ; cursor: move ; transform: scale(1) ; text-align: left ; z-index: 500 !important; opacity: 1 ; color: red ; } /* START == GM Super_preloaderPlus_one_New == POOL DISC/GAL CAPTION */ /* FAVS */ .sp-separator + .photo-list-view, .fluid.html-favorites-page-view .photo-list-view ~ .photo-list-view + .sp-separator + .photo-list-view { margin-top: 24px !important; } /* END == POOL DISC/GAL CAPTION == */ /* START == ORGANIZE ==== */ #findr { width: 1905px !important; } #findr_mover_div { min-height: 85px !important; left: 0; position: relative; top: 0; } /* END == ORGANIZE == */ /* START == STATS ==== */ #bod { display: inline-block !important; margin-top: -20px !important; } #breakdown , #Main h2.breakdown , #refs , #Main h2.refs , #mostviewed , #Main h2.mostviewed , #Main #snapshot , #Main h2.snapshot , #graph { width: 760px !important; } #graph { margin-left: 14px !important; } #Main h2.mostviewed { position: absolute !important; display: inline-block !important; top: -14px !important; right: 20px !important; } #mostviewed { position: absolute !important; display: inline-block !important; top: 45px !important; right: 20px !important; } #mostviewed div div { margin-top: -2px !important; padding: 2px !important; } #mostviewed div div a , #mostviewed div div a:visited { display: inline-block !important; padding: 2px !important; } #Main h2.breakdown { position: absolute !important; display: inline-block !important; top: 570px !important; right: 20px !important; } #breakdown { position: absolute !important; display: inline-block !important; top: 615px !important; right: 20px !important; padding: 0 !important; } #breakdown .left, #breakdown .mdl, #breakdown .right { margin-top: 34px !important; float: left; width: 226px; } /* END == STATS PAGES ==== */ /* START == CTS RELAD (ACT/MEMB/CONT/MAIL) ===== */ /* CTS - TOP HEAD */ .contact-list-header { position: absolute ; display: inline-block ; width: 1340px ; height: 30px ; top: 80px ; left: 250px ; padding: 0 4px ; } /* CTS - FOL */ table.contact-list-table { position: absolute ; display: inline-block ; width: 1345px ; left: 250px ; margin-top: 30px ; } /* CTS - PEOP YOU FOL - YOU LIST THEM "NOTHING YET"= */ .contact-list-nothingyet:after { content: "X" ; position: absolute ; left: -20px ; font-size: 20px ; color: red ; } /* PEOP YOU FOL - PHOT of - ONE BY USER - SMALL THUMB */ .HoldPhotos { width: 980px !important; margin-left: 418px !important; outline: 1px solid violet; } .HoldPhotos p.RecentPhotos { font-size: 0 ; } p.RecentPhotos a[href^="/people/"] { display: inline-block ; width: 70px ; height: 16px ; line-height: 18px ; margin-top: 2px ; font-size: 11px ; text-overflow: ellipsis ; white-space: nowrap ; overflow: hidden ; } /* CTs */ #Main > table.contact-list-table , #Main > table.contact-list-table.contact-list-table-default { min-width: 1357px !important; max-width: 1357px !important; margin-top: 30px !important; } .contact-list-table.contact-list-table-default>tbody>tr , .contact-list-table.contact-list-table-default>thead , .contact-list-table.contact-list-table-default>tbody , .contact-list-table.contact-list-table-default>thead>tr { display: inline-block ; width: 1357px ; } .contact-list-table.contact-list-table-default>thead>tr>th:first-of-type { padding-left: 31px !important; } .contact-list-table.contact-list-table-default>thead>tr>th.contact-list-name { width: 605px !important; padding-left: 12px ; font-size: 18px ; } td.contact-list-name { width: 612px ; } .contact-list-table.contact-list-table-default>thead>tr>th.contact-list-num { width: 100px ; text-align: center ; } th.contact-list-num , td.contact-list-num { width: 120px !important; text-align: center ; } td.contact-list-num a { display: inline-block ; width: 100% ; min-width: 90px ; max-width: 90px ; padding: 2px 0 ; border-radius: 3px ; text-align: center ; } td.contact-list-last { width: 125px ; text-align: center ; } .contact-list-table.contact-list-table-default>thead>tr>th.contact-list-location { width: 190px ; padding-left: 0px ; font-size: 18px ; } .contact-list-table.contact-list-table-default tbody td.contact-list-location{ width: 167px !important; text-align: left ; } .contact-list-table.contact-list-table-default>thead>tr>th.contact-list-added.contact-list-sorted { width: 140px !important; padding-left: 8px ; font-size: 17px ; } td.contact-list-added.contact-list-sorted { width: 194px !important; text-align: center ; } .contact-list-table tbody tr .contact-list-name > a:not([id*="CFS"]) span , .contact-list-table tbody tr .contact-list-name > a { position: relative ; display: inline-block ; height: 15px ; top: 0px ; } .contact-list-table tbody tr .contact-list-name > a[id*="CFS"] span { float: left !important; font-size: 15px ; } .contact-list-table tbody tr .contact-list-name > a +span +span.contact-list-fullname , .contact-list-table tbody tr .contact-list-name > a +span +span.contact-list-nofullname { text-align: left ; white-space:pre-wrap ; } td.contact-list-youthem { width: 160px ; text-align: right ; } .contact-list-table>thead>tr>th , .contact-list-table td , .contact-list-num a { border: 1px solid gray !important; } /* CTS - PAG */ .contact-list-table + #paginator-module.Pages { position: absolute ; display: inline-block ; height: 25px ; margin-bottom: 20px ; top: -6px ; right: 519px ; white-space: nowrap ; } .contact-list-table + #paginator-module.Pages .Results { margin-top: 12px ; text-align: center; } #tagspanid { position: relative ; display: inline-block ; width: 100% ; padding: 1px 0 1px 5px ; } #tagslist > p { position: relative ; display: inline-block !important; float: right ; clear: both ; width: 900px ; height: 720px ; right: 10px ; top: 50px ; padding: 0 10px ; overflow: hidden ; overflow-y: auto ; } /* ==== CTS ==== */ /* CTS - PAG */ .PeopleResults ~ #paginator-module { position: absolute ; left: 975px ; top: 0px ; width: 30% ; } /* CTS/ALB - TOP HEA - === */ body.zeus.quirks Table#SubNav { display: inline-block ; width: 70% ; margin-bottom: 20px ; margin-top: 10px ; margin-left: 250px ; text-align: center ; } body.zeus.quirks Table#SubNav tbody { display: inline-block ; width: 100% ; padding: 5px ; text-align: left ; border-radius: 5px ; border: 1px solid gray ; } body.zeus.quirks Table#SubNav + h3 { width: 90% ; margin-left: 50px ; text-align: center ; } .PeopleResults { display: inline-block ; width: 660px ; margin: 20px auto 20px -500px ; } #tagslist +h3 +.PeopleResults { float: left ; margin: 20px auto 20px -500px ; } #tagslist +h3 +.PeopleResults > tbody { display: inline-block ; margin-left: 540px ; 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; } /* MODAL LANG */ .fluid.html-photo-page-scrappy-view body .fluid-droparound-view .droparound.menu:not(.over-modal){ position: fixed !important; display: inline-block !important; height: auto !important; min-height: 250px ; width: 200px !important; left: 1500px !important; top: 70% !important; overflow: hidden !important; overflow-y: auto !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; /* z-index: 50000 !important; */ } .fluid.html-photo-page-scrappy-view .fluid-droparound-view:not([style*="width: 350px;"]):not([style^="width: 400px;"]):hover , .fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view:not([style*="width: 350px;"]):not([style^="width: 400px;"]):hover , .fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view:not([style*="width: 350px;"]):not([style^="width: 400px;"]):hover { position: fixed !important; display: inline-block !important; right: 20px !important; transition: width ease 8.2s !important; visibility: visible !important; } /* (new177) 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: 165px !important; max-height: 165px !important; left: 2328px !important; top: 125px !important; padding: 0px 12px !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: 50000000 !important; */ transition: left ease 0.7s !important; } .fluid.html-photo-page-scrappy-view .fluid-droparound-view.flickr-view-root-view .droparound.subview-droparound.auto-size[style*="width: 350px;"]:hover { left: 1328px !important; padding: 12px !important; transition: left ease 0.7s !important; z-index: 500000000 !important; background-color: yellow !important; border: 1px solid red !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: 153px !important; max-height: 153px !important; width: 590px !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; } /* PHO - MODAL ACCT POPUP */ .fluid.html-photo-page-scrappy-view .fluid-droparound-view:hover .droparound.subview-droparound.auto-size.user-account-card-droparound .body .user-account-card-view , .fluid.html-photo-page-scrappy-view .fluid-droparound-view:hover .droparound.subview-droparound.auto-size.user-account-card-droparound .body { min-width: 300px !important; max-width: 300px !important; } /* SOLVE PB ADD GAL/POOL "+" - :not([style^="width: 400px;"]) - :not([style*="width: 450px;"]) - :not([style*="width: 220px;"]) */ .fluid.html-photo-page-scrappy-view .fluid-droparound-view:hover .droparound.subview-droparound:not([style^="width: 400px;"]):not([style*="width: 450px;"]):not([style*="width: 220px;"]) .content.subview , .fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view:hover .content.subview , .fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view:hover .content.subview { display: inline-block !important; width: 590px !important; max-height: 150px; min-height: 150px; padding: 0px 12px !important; } .fluid.html-photo-page-scrappy-view .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view , .fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view , .fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view { display: inline-block !important; max-height: 150px; min-height: 150px; width: 570px !important; top: -1px !important; } .fluid.html-photo-page-scrappy-view .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view > div , .fluid.html-photo-page-scrappy-view body .fluid-droparound-overlay + .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view > div , .fluid.html-photo-page-scrappy-view body script + .fluid-droparound-view:hover .content.subview > .person-card-view.flickr-view-root-view > div { display: inline-block !important; max-height: 133px; min-height: 133px; top: 0px !important; } /* 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: 133px; min-height: 133px; } .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: 132px !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; } /* 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; } /* (new174) START === NEW NOTIF - ALL === */ /* (new174) NEW NOTIF - MODAL LIST */ .notifications-panel-view .notification-item-list li { float: left !important; max-width: 350px !important; width: auto !important; height: auto !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; height: 126px !important; min-width: 330px !important; max-width: 330px !important; padding: 0 !important; } notifications-panel-view .notification-item.notif-item-group-reply-new , .notifications-panel-view .notification-item.notif-item-group-join-request { height: 107px !important; padding: 15px 0 0; } /* ACTIONS */ .notifications-panel-view .notification-item.notif-item-group-invite { display: inline-block !important; height: 122px !important; min-width: 271px !important; max-width: 271px !important; padding: 0 !important; background: red !important; } .notifications-panel-view .notification-item.notif-item-group-join-request .group-join-request-actions , .notifications-panel-view .notification-item.notif-item-group-photo-request .group-photo-request-actions { position: relative !important; display: inline-block !important; width: 250px !important; margin-top: 0px !important; top: -140px !important; left: 20px !important; text-align: center !important; } .notifications-panel-view .notification-item.notif-item-group-join-request .group-join-request-actions { top: -84px !important; } .notifications-panel-view .notification-item.notif-item-group-join-request .group-join-request-actions button:not(.hidden) , .notifications-panel-view .notif-item-group-photo-request .group-photo-request-actions button:not(.hidden) { position: relative !important; display: inline-block !important; } .notifications-panel-view .notifications-panel-view .notification-item.notif-item-group-join-request .group-join-request-actions button.hidden , .notifications-panel-view .group-photo-request-notification-item-view .notification-item .notification-item-content-wrapper .group-photo-request-actions button.hidden { display: none !important; } .notifications-panel-view .notification-item.notif-item-group-invite .group-invite-actions { position: relative !important; width: 195px !important; height: 34px !important; margin-top: 0px; margin-top: -135px !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; } /* 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: 109px !important; min-width: 221px !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: 109px !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: 109px !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: -100px !important; } .notifications-panel-view .notification-item.notif-item-group-invite .thumb-container { top: -100px !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 */ .notification-center-page-view .notification-item.notif-item-comment-after-your-comment a.comment-link:before , /* .notification-center-page-view .notification-item a.comment-link > span:before , */ /* .notifications-list-container .comment-link q span:before , */ .notifications-list-container .reply-link:before , .notifications-panel .reply-link:before { content: "🗨" ; margin-right: 5px !important; color: gray ; } /* (new179) COMMENTS MENTION */ .notifications-list .notif-item-photo-comment-mention .comment-link:before , .notifications-list-container .notif-item-photo-comment-mention .comment-link q span:before { content: "🗨" ; margin-right: 5px !important; color: gold ; } /* COMMENTS - SPECIAL */ .notifications-panel .comment-link:before { content: "🗨" ; float: left !important; color: gray ; } /* FAV */ .notifications-list-container .photo-link:before , .notifications-panel .photo-link:before { content: "★" ; margin-right: 5px !important; color: red ; } /* BLAST */ .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); } /* 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; } .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: 100 !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) .fluid-modal-overlay.transparent.over-modal:not(:hover) , .fluid:not(.html-notification-center-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; } .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; } /* 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 */ .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; } /* (new179) 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) , a[id^="CFS"] span:first-of-type:not(:only-of-type):not(.avatar):not(.title):not(.truncate) { 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; } /* HELP - ITEMS */ .TopicListing>tbody>tr:not(:first-of-type) td { vertical-align: middle ; width: 380px ; height: 100% ; height: 25px ; line-height: 15px ; padding: 1px 2px 0px ; } #Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) td +td > a[id^="CFS_"] , #Main > .TopicListing[cellspacing="0"]:not(.PeopleResults):not(#Photo) td +td > a:not(.pro-badge-new) { width: 130px ; overflow: hidden ; text-overflow: ellipsis ; white-space: nowrap ; } #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 ; } /* 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/") { /* (new174) START ==== URL PREF - NEW NOTIF */ /* URL PREF - SUPP */ .notification-center-page-view .separator { display: none !important; } /* URL PREF - WIDESCREEN NOTIF CONTAINER */ .notification-center-page-view .notification-center-page-container.fluid-centered { margin-bottom: 40px; margin-top: -71px !important; max-width: 1900px !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; } /* 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; } .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; } .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; color: gray !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; } /* (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: 430px !important; min-width: 430px !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: 505px !important; min-width: 505px !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: 430px !important; min-width: 430px !important; } .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; } /* (new178) URL PREF - 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 domain("www.flickr.com"), domain("flickr.com"), domain("secure.flickr.com") { /* STY03 ============================================================================================= */ /* =================================================================================================== */ /* ===== FLICKR - 0 - Flickr WideScreen - Dark & Grey v.180 (new180) - (STANDALONE) === */ /* =================================================================================================== */ /* =================================================================================================== */ /* ==== (new180) DIVERS COUNTER (MOVE HERE for style Size) */ /* (new180) COUNTER - NOTIF BELL */ .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: 320px ; 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 ; } /* (new164) GAL - COM COUNT */ .html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list { counter-reset: myIndex 00 !important; } .html-gallery-page-view .comments-section .gallery-comments-view .comments-list-section .comment-list-view .comment-list-container .comment-list .comment-list-item:before { counter-increment: myIndex ; content: counter(myIndex, decimal-leading-zero) ; position: absolute ; width: 15px ; min-width: 17px ; margin-left: 95px ; top: 9px ; border-radius: 10px ; font-size: 10px ; text-align: center ; z-index: 10 ; visibility: hidden ; color: white ! important; box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset ; background: rgba(62, 59, 59, 0.6) ; } .html-gallery-page-view .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 ; } /* 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) ; position: fixed !important; display: inline-block !important; float: none ; width: 15px ; min-width: 17px ; bottom: 68px !important; right: 0px ; border-radius: 5px 5px 0 0 ; font-size: 8px ; text-align: center ; opacity: 1 !important; visibility: visible !important; z-index: 10000 ; color: white ; background: rgba(17, 17, 17, 0.58) ; } /* 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 === */ /* ============== ============= ================ */ /* ============== ============= ================ */ /* ============== DIVERS COLORS ================ */ /* ============== ============= ================ */ /* ============== ============= ================ */ /* (new116) IMAGE - SVG BACKGROUND WHITE - https://www.flickr.com/help/forum/en-us/72157713635219992/#reply72157713639041541 === */ img.notsowide { background: white !important; } /* PHOTO - TOP INFO RIGHT */ .sub-photo-right-view .sub-photo-right-row1 { border-bottom: 1px solid #303030 !important; } /* ADD TO GROUP - POPUP INVITATION + RULE VIOLATION - === */ .add-to-dialog.add-to-group { border: 1px solid red !important; background: rgba(0, 0, 0, 0.70) !important; } .add-to-dialog.add-to-group .hd { background: rgba(0, 0, 0, 0.20) !important; } .add-to-dialog.add-to-group .bd { background: rgba(0, 0, 0, 0.60) !important; } .add-to-dialog .add-to-selector li strong.item-name { border-top: 1px solid gray !important; } .add-to-dialog .add-to-selector li:hover { background: rgba(36, 36, 37, 0.83) !important; } .add-to-dialog .add-to-selector li.item.group.item-selected.administered , .add-to-dialog .add-to-selector li.item.group.item-disabled.administered.invited { background: rgba(142, 52, 8, 0.51) !important; } .add-to-dialog .add-to-selector li.item.group.item-selected.administered:hover , .add-to-dialog .add-to-selector li.item.group.item-disabled.administered.invited:hover { background: rgba(142, 52, 8, 0.91) !important; } .rule-violation .bd { background: rgba(0, 0, 0, 0.25) !important; border: 1px solid rgba(128, 128, 128, 0.25) !important; } .rule-violation .msg { background: rgba(255, 255, 213, 0.16); } ul.pool-restrictions { border-bottom: 1px solid peru !important; } /* RIGHT SIDEBAR - INVIT POOL ICON - FROM THIS POPUP - === */ .yui3-popover-hidden #options-menu ul .option-invite-to-group span { border-right: 3px solid gray !important; border-bottom: 2px solid gray !important; background-color: rgba(0, 0, 0, 0.7) !important; } .yui3-popover-hidden #options-menu ul .option-invite-to-group span:hover { background-color: rgba(0, 0, 0, 0.7) !important; } /* TOOLTIPS - ALL */ #global-dialog-container { background-color: transparent !important; } /* FOR ALL LUNGUAGES) - == */ .invite-content .button-container input.DeleteButt { background: #E40600; } .ui-dialog-cta.scrappy-dialog, .ui-dialog-cta .scrappy-dialog, .ui-dialog-modal.scrappy-dialog, .ui-dialog-modal .scrappy-dialog, .ui-dialog-alert.scrappy-dialog, .ui-dialog-alert .scrappy-dialog, .fluid-modal-view.scrappy-dialog, .fluid-modal-view .scrappy-dialog { color: peru !important; background: rgba(34, 34, 34, 0.81) !important; } /* PHOTO - DIALOGUE POPUP / TOOLTIP - DELETE PCTURE - === */ .ui-dialog-modal .confirmation-dialog-view { color: red !important; background: #333 !important; } .album-selection { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 4px rgba(0, 0, 0, 0.2); } .modal.subview-modal.fluid-album-modal.scrappy-dialog .body , .modal.subview-modal.fluid-album-modal.scrappy-dialog .body .content .album-selection ol { border-top: 1px solid rgba(0, 0, 0, 0.4) !important; } .ui-dialog-wrapper .ui-dialog-body .album-selection input { border: 1px solid rgba(0, 0, 0, 0.5) !important; color: rgba(255, 255, 255, 0.9) !important; } .ui-dialog-wrapper .ui-dialog-body .album-selection input::-moz-placeholder { border: 1px solid rgba(0, 0, 0, 0.5) !important; color: rgba(255, 255, 255, 0.9) !important; text-shadow: none !important; } .album-selection .album-selection-list-item { border: 1px solid gray !important; } .album-selection-list-item.belongs-to-album { border: 1px solid peru !important; } .album-selection-list-item:hover { border: 1px solid peru !important; color: tomato !important; background-color: #333 !important; } .album-selection-list-item:hover span { color: tomato !important; } .album-selection-list-item.belongs-to-album:hover { background-color: black !important; } .album-selection-list-item.belongs-to-album:hover span { color: gold !important; } .album-selection-buttons { box-shadow: none !important; background-color: rgba(0, 0, 0, 0.2) !important; } /* FLUID - THUMBNAIL META HOVER */ .photo-list-photo-interaction:hover .interaction-bar { background: rgba(0, 0, 0, 0.74) !important; border-top: 1px solid #5a5a5a !important; } /* NEW DESIGN - BLOCK USER */ .profile-bio-page-view .general-stats ul li.block:hover { background: rgba(251, 6, 6, 0.88) !important; color: gold !important; transition: all ease 0.7s ; } .profile-bio-page-view .general-stats ul li.block:hover a{ color: gold !important; } /* (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; } /* 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 ================= */ /* (new163) BACKGROUND-ZEBRA ========== */ .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; } .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; } /* (new178) BACKGROUND - DIVERS ======= */ .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) , .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: 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; } /* (new180) BACKGROUND - #222 - A VOIR == #222 */ .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 === */ .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; } /* (new176) LINKS COLOR - PERU ONLY (not HOVER) - === */ .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; } /* (new176) LINKS / TITLE - COLOR - PERU - VISITED TAN - HOVER / HOVER:VISITED */ .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; } /* (new176) VISITED - TAN */ .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; } /* =============== TEST ===================== */ /* =============== TEST ===================== */ /* (new40) APPS PAGES - TAGS - === */ .RHS #thetags ul.rhs-data li.Stats a { color: gold !important; } /* (new32) INVITED IMAGE IN FLUID - === */ .photo-list-photo-interaction a.overlay { outline: 1px solid #222 !important; } .photo-list-photo-interaction a.overlay:visited { outline: 1px solid green !important; } /* ==== TEXTARERA - PHOTO PAGE - TEXTAREA - REPLY COMMENT - === */ .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea:hover, .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea:focus, .fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:hover, .fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments-form .comment-form-field textarea:focus { -moz-appearance: none !important; -webkit-appearance: none !important; background-color: rgba(0, 0, 0, 1) !important; } .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments-form .comment-form-field textarea { -moz-appearance: none !important; -webkit-appearance: none !important; border: 1px solid rgba(0, 0, 0, 0.5) !important; color: gray !important; background-color: rgba(0, 0, 0, 1) !important; } /* ==== PHOTO PAGE - TOOLTIP / POPUP / MENU ETC === */ .fluid.html-photo-page-scrappy-view.scrolling-layout .view.fluid-modal-view .album-selection input.album-selection-search { box-shadow: 0 0 0 1px gray inset !important; color: white !important; background-color: rgba(0, 0, 0, 0.09) !important; } .fluid.html-photo-page-scrappy-view.scrolling-layout.view.fluid-modal-view .album-selection input.album-selection-search::-moz-placeholder { color: gray !important; } /* (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 ======================================================================================= */ }