STY - Flickr WideScreen - Follow MY Pools Indicator v.3

@namespace url(http://www.w3.org/1999/xhtml);

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

/* ==== FLICKR - 0-NEW - Flickr Widescreen - PERSO - Indicator for MY Pools  - v.2 (new2)  in PHOTO and PROFILE  PAGE (top pool list)==== */

/* https://www.flickr.com/photos/alhadeff/15032458049/in/pool-texas_chainsaw_mascara_ */

/* ============================================================================================================= */
/* (new2) START === Flickr WideScreen - Follow MY Pools Indicator in PHOTO / PROFILE Pages v.3 (new3)  =========== */
/* ============================================================================================================= */
/* ============================================================================================================= */

/* TOP SECRET - IN PPHOTO PAGE */
.context-link.context-pool[href*="/groups/texas_chainsaw_mascara_/"]:after {
content: "TopS." !important;
position: fixed !important;
display: inline-block !important;
top: 230px !important;
right: 5px !important;
padding: 1px 3px !important;
border-radius: 5px !important;
border: 1px solid violet !important;
font-size: 10px !important;
background: black !important;
}


/* PF  -
#sidebar-contexts #secondary-contexts li[data-context-group_id="58146428@N00"]
#sidebar-contexts #secondary-contexts li[data-context-group_id="58146428@N00"] span a:not([href="javascript:;"])
*/
.context-link.context-pool[href*="/portrait_face/"]:after {
content: "PF" !important;
position: fixed !important;
display: inline-block !important;
top: 240px !important;
right: 5px !important;
padding: 1px 3px !important;
border-radius: 5px !important;
border: 1px solid violet !important;
font-size: 10px !important;
background: #8dfbf7 !important;
}
/* PF --- TEST HOVER different on after (difficult) */
/* #sidebar-contexts #secondary-contexts li[data-context-group_id="58146428@N00"]#context-pool-58146428__at__N00.sidebar-context:hover {
    border: 1px solid gray !important;
    border-radius: 5px !important;
    color: gold !important;
    display: inline-block !important;
    float: none !important;
    margin-left: -45px !important;
    max-height: 90px !important;
    max-width: 600px !important;
    min-height: 90px !important;
    min-width: 600px !important;
    overflow: visible !important;
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    position: absolute !important;
    z-index: 5000 !important;
background: red !important;
outline: 1px solid green !important;
} */


/* PF - TEST ALL IMAGEs*/
/* #sidebar-contexts #secondary-contexts li[data-context-group_id="58146428@N00"] span a:not([href="javascript:;"]):before  {
content: "PF" !important;
position: fixed !important;
display: inline-block !important;
width: 50px !important;
height: 30px !important;
top: 230px !important;
right: 58px !important;
padding: 1px 3px !important;
border-radius: 5px !important;
border: 1px solid violet !important;
background: #8dfbf7 !important;
font-size: 20px !important;
overflow: visible !important;
z-index: 500000 !important;
} */



/* PFO */
.context-link.context-pool[href*="/groups/portrait_faces_open_minded_/"]:after {
content: "PFO" !important;
position: fixed !important;
display: inline-block !important;
top: 190px !important;
right: 5px !important;
padding: 1px 3px !important;
border-radius: 5px !important;
border: 1px solid violet !important;
font-size: 10px !important;
background: #fb933a !important;
}
/* CPF */
.context-link.context-pool[href*="/the_cream_of_portraitfaces_/"]:after {
content: "CPF" !important;
position: fixed !important;
display: inline-block !important;
top: 170px !important;
right: 5px !important;
padding: 1px 3px !important;
border-radius: 5px !important;
border: 1px solid violet !important;
font-size: 10px !important;
background: #ffff00 !important;
}

/* ============================================================= */
/* ============================================================= */
/* (new2) END === FOLLOW My POOLs - IN PPHOTO PAGE ============= */
/* ============================================================= */




/* ================================================================= */
/* (new2) START === FOLLOW My POOLs - IN PROFILE PAGE ============== */
/* ================================================================= */
/* ================================================================= */

/* (new2) FOLLOW My POOLs - TEST - POOL in PROFILE PAGE - === */

/* (newB) FOLLOW MY POOL - PROFILE PAGE - TEST - ALL - OK PF / PFO
PF (OK):
https://www.flickr.com/people/61844125@N05/
PFO :

PFO:
https://www.flickr.com/people/134463024@N02/
 ==== */

/* .profile-paginator-container #groups-page-1 li > a:first-of-type[href="/groups/portrait_faces_open_minded_/"]:before */
/* .text-list.profile-paginator-page li .text-list-item + a[href="/groups/portrait_face/pool/19825547@N00/"]:before  , */
/* .text-list.profile-paginator-page li .text-list-item + a[href="/groups/portrait_faces_open_minded_/pool/71173103@N00/"] */

/* .text-list.profile-paginator-page li a[href^="/groups/portrait_face/"]:last-of-type:before ,
.text-list.profile-paginator-page li a[href^="/groups/58146428@N00"]:last-of-type:before ,

.text-list.profile-paginator-page li a[href="/groups/portrait_faces_open_minded_/"]:last-of-type:before ,
.text-list.profile-paginator-page li a[href^="/groups/portrait_faces_open_minded_/"]:last-of-type:before  {
position: fixed ! important;
display: inline-block ! important;
float: none ! important;
top: 50px ! important;
right: 10px ! important;
padding: 2px  ! important;
border-radius: 5px ! important;
font-size: 10px ! important;
font-weight: bold !important;
color: black ! important;
z-index: 50000 ! important;
} */

/* PF - BLUE rgba(30, 184, 245, 0.61) -
LAST-OF-TYPE BECAUSE MATCH 2  PF here with GM ( ShowAllGroups in profile)
GOOD SELECTOR (for the 2nd PF (with NSID):
.text-list.profile-paginator-page a[href^="/groups/portrait_face/"]:last-of-type:before,
https://www.flickr.com/people/61844125@N05/
=== */
.profile-paginator-container #groups-page-1 li > a[href="/groups/portrait_face/"] ,
.profile-paginator-container #groups-page-1 li > a[href^="/groups/58146428@N00"] {
background-color: rgba(30, 184, 245, 0.61) ! important;
/* padding: 0 0  0 5px ! important; */
color: black ! important;
}

/* .text-list.profile-paginator-page a[href^="/groups/portrait_face/"]:before , */
/* .text-list.profile-paginator-page a[href^="/groups/58146428@N00"]:before  */
.text-list.profile-paginator-page a[href^="/groups/58146428@N00"]:last-of-type:before ,
.text-list.profile-paginator-page a[href^="/groups/portrait_face/"]:last-of-type:before {
content: "PF" ! important;
position: fixed !important;
/* position: absolute !important; */
/* position: relative !important; */
display: inline-block !important;
width: 20px !important;
top: 90px ! important;
left: 1290px ! important;
padding: 0 5px ! important;
border-radius: 5px !important;
font-size: 13px !important;
color: gold !important;
text-align: center !important;
text-indent: 0 !important;
z-index: 5000000 !important;
background-color: rgba(30, 184, 245, 0.61) ! important;
/* background: red !important; */
}


/* (new2) PFO - ORANGE rgba(251, 148, 59, 0.57) -
https://www.flickr.com/people/134463024@N02/
===  */
.text-list.profile-paginator-page li a[href="/groups/portrait_faces_open_minded_/"] ,
.profile-paginator-container #groups-page-1 li > a[href="/groups/portrait_faces_open_minded_/"] {
background-color: rgba(251, 148, 59, 0.57) ! important;
color: black ! important;
}


.text-list.profile-paginator-page a[href^="/groups/portrait_faces_open_minded_/"]:last-of-type:before  {
content: "PFO" ! important;
position: fixed !important;
/* position: absolute !important; */
/* position: relative !important; */
display: inline-block !important;
width: 30px !important;
top: 90px ! important;
left: 1250px ! important;
padding: 0 5px ! important;
border-radius: 5px !important;
font-size: 13px !important;
color: gold !important;
text-align: center !important;
text-indent: 0 !important;
z-index: 5000000 !important;
background-color: rgba(251, 148, 59, 0.57) ! important;
/* background: red !important; */
}


/* (new2) CPF - YELLOW rgba(255, 254, 0, 0.74) -
/span>
<a href="/groups/the_cream_of_portraitfaces_/pool/15064538@N00/"
===  */
.text-list.profile-paginator-page li a[href="/groups/the_cream_of_portraitfaces_/"] ,
.profile-paginator-container #groups-page-1 li > a[href="/groups/the_cream_of_portraitfaces_/"] {
background-color: rgba(255, 254, 0, 0.74) ! important;
color: black ! important;
}


.text-list.profile-paginator-page a[href^="/groups/the_cream_of_portraitfaces_/"]:last-of-type:before  {
content: "CPF" ! important;
position: fixed !important;
/* position: absolute !important; */
/* position: relative !important; */
display: inline-block !important;
width: 30px !important;
top: 90px ! important;
left: 1200px ! important;
padding: 0 5px ! important;
border-radius: 5px !important;
font-size: 13px !important;
color: black !important;
text-align: center !important;
text-indent: 0 !important;
z-index: 5000000 !important;
background-color: rgba(255, 254, 0, 0.74) ! important;
/* background: red !important; */
}



/* =============================================================== */
/* =============================================================== */
/* (new2) END === FOLLOW My POOLs - IN PROFILE PAGE ============== */
/* =============================================================== */




/* ================================================== */
/* ==== START === OTHER POOLS I LIKE IN PROFILE  ==== */
/* ================================================== */
/* ================================================== */

/* TEST PROFILE LINKS :
https://www.flickr.com/people/durruti/
====================================================== */


/* ==================================================== */
/* === IN TOP HEADER POOL LIST - ADULTES - TOP BLUE === */
/* ==================================================== */
/* ==================================================== */



/* BACGROUND COLOR IN POOL LIST - ADULTE - BLUE  */

#groups-page-1 a[href^="/groups/essenceofshe/"] ,
#groups-page-1 a[href^="/groups/this_is_my_favorite_kind_of_art/"] ,

#groups-page-1 a[href^="/groups/hyper_gekas/"] ,
#groups-page-1 a[href^="/groups/1285815@N21/"] ,

#groups-page-1 a[href^="/groups/940119@N23/"] ,
#groups-page-1 a[href^="/groups/864124@N22/"] ,
#groups-page-1 a[href^="/groups/324343@N25/"] ,
#groups-page-1 a[href^="/groups/rgn/"] {
background-color: BLUE ! important;
color: black ! important;
}


/* HELPER - ADULTE - BLUE */
#groups-page-1 a:last-of-type[href^="/groups/essenceofshe/"]:not(:hover):after ,
#groups-page-1 a:last-of-type[href^="/groups/this_is_my_favorite_kind_of_art/"]:not(:hover):after ,

#groups-page-1 a:last-of-type[href^="/groups/hyper_gekas/"]:not(:hover):after ,
#groups-page-1 a:last-of-type[href^="/groups/1285815@N21/"]:not(:hover):after ,

#groups-page-1 a:last-of-type[href^="/groups/940119@N23/"]:not(:hover):after ,
#groups-page-1 a:last-of-type[href^="/groups/864124@N22/"]:not(:hover):after ,
#groups-page-1 a:last-of-type[href^="/groups/324343@N25/"]:not(:hover):after ,
#groups-page-1 a:last-of-type[href^="/groups/rgn/"]:not(:hover):after {
content: attr(title) !important;
position: fixed !important;
/* position: relative !important; */
display: inline-block !important;
width: auto !important;
height: 15px !important;
line-height: 14px !important;
top: 80px ! important;
right: 8px !important;
padding: 0px 2px ! important;
border-radius: 3px !important;
font-size: 12px !important;
color: white !important;
text-align: center !important;
text-indent: 0 !important;
z-index: 5000000 !important;
opacity: 0 !important;
visibility: hidden !important;
transition: all ease 0.01s !important;
/* background-color: rgba(251, 148, 59, 0.57) ! important; */
/* background-color: BLUE! important; */
background-color: RED !important;
}


#groups-page-1 a:last-of-type[href^="/groups/essenceofshe/"]:hover:after ,
#groups-page-1 a:last-of-type[href^="/groups/this_is_my_favorite_kind_of_art/"]:hover:after ,

#groups-page-1 a:last-of-type[href^="/groups/hyper_gekas/"]:hover:after ,
#groups-page-1 a:last-of-type[href^="/groups/1285815@N21/"]:hover:after ,

#groups-page-1 a:last-of-type[href^="/groups/940119@N23/"]:hover:after  ,
#groups-page-1 a:last-of-type[href^="/groups/864124@N22/"]:hover:after ,
#groups-page-1 a:last-of-type[href^="/groups/324343@N25/"]:hover:after ,
#groups-page-1 a:last-of-type[href^="/groups/rgn/"]:hover:after {
content: attr(title) !important;
position: fixed !important;
/* position: relative !important; */
display: inline-block !important;
width: auto !important;
height: 15px !important;
line-height: 14px !important;
top: 99px ! important;
right: 8px !important;
padding: 0px 2px ! important;
border-radius: 3px !important;
font-size: 12px !important;
color: white !important;
text-align: center !important;
text-indent: 0 !important;
z-index: 5000000 !important;
opacity: 1 !important;
visibility: visible !important;
transition: all ease 0.7s !important;
/* background-color: rgba(251, 148, 59, 0.57) ! important; */
background-color: BLUE ! important;
/* background: red !important; */
}


/* MY INDICATORS for FAVORITES POOL IN TOP HEADER POOL LIST - ADULTE - BLUE  */

#groups-page-1 a:last-of-type[href^="/groups/essenceofshe/"]:before ,
#groups-page-1 a:last-of-type[href^="/groups/this_is_my_favorite_kind_of_art/"]:before ,

#groups-page-1 a:last-of-type[href^="/groups/hyper_gekas/"]:before ,
#groups-page-1 a:last-of-type[href^="/groups/1285815@N21/"]:before ,

#groups-page-1 a:last-of-type[href^="/groups/940119@N23/"]:before  ,
#groups-page-1 a:last-of-type[href^="/groups/864124@N22/"]:before ,
#groups-page-1 a:last-of-type[href^="/groups/324343@N25/"]:before ,
#groups-page-1 a:last-of-type[href^="/groups/rgn/"]:before {
position: fixed !important;
/* position: absolute !important; */
/* position: relative !important; */
display: inline-block !important;
width: 25px !important;
height: 10px !important;
line-height: 8px !important;
top: 88px ! important;
padding: 0px 2px ! important;
border-radius: 3px !important;
font-size: 10px !important;
color: gold !important;
text-align: center !important;
text-indent: 0 !important;
/* z-index: 5000000 !important; */
/* background-color: rgba(251, 148, 59, 0.57) ! important; */
background-color: BLUE ! important;
/* background: red !important; */
}

/* 1 - ReallyGoodNudes */
/* #groups-page-1 a[href="/groups/rgn/"]:before */
#groups-page-1 a:last-of-type[href^="/groups/rgn/"]:before {
content: "RGN" ! important;
right: 10px ! important;
/* background: red !important; */
}

/* 2 - FLashAda */
#groups-page-1 a:last-of-type[href^="/groups/324343@N25/"]:before {
content: "FLA" ! important;
right: 40px ! important;
/* background: red !important; */
}

/* 3 - OH MyY Eros */
#groups-page-1 a:last-of-type[href^="/groups/864124@N22/"]:before  {
content: "OME" ! important;
right: 70px ! important;
/* background: red !important; */
}

/* 4 - La FebrA */
#groups-page-1 a:last-of-type[href^="/groups/940119@N23/"]:before  {
content: "LFA" ! important;
right: 100px ! important;
/* background: red !important; */
}

/* 5 - Hyper Chaotique Aureole */
#groups-page-1 a:last-of-type[href^="/groups/hyper_gekas/"]:before ,
#groups-page-1 a:last-of-type[href^="/groups/1285815@N21/"]:before  {
content: "HCA" ! important;
right: 130px ! important;
/* background: red !important; */
}

/* 6 - this is My favorite Kind of Art */
#groups-page-1 a:last-of-type[href^="/groups/this_is_my_favorite_kind_of_art/"]:before  {
content: "MKA" ! important;
right: 160px ! important;
/* background: red !important; */
}


/* 7 - the Essence Of She */
#groups-page-1 a:last-of-type[href^="/groups/essenceofshe/"]:before  {
content: "EOS" ! important;
right: 190px ! important;
/* background: red !important; */
}



/* ========================================================== */
/* ========================================================== */
/* === IN TOP HEADER POOL LIST - PORTRAITS - BOTTOM GREEN === */
/* ========================================================== */
/* ========================================================== */

/* TEST LINK - PORTRAITS - GREEN -
https://www.flickr.com/people/jphpoli/
============================ */

/* BACGROUND COLOR IN POOL LIST - PORTRAITS - GREEN */

#groups-page-1 a[href^="/groups/43116471@N00/"] ,
#groups-page-1 a[href^="/groups/35468135891@N01/"] ,
#groups-page-1 a[href^="/groups/44001204@N00/"] {
background-color: GREEN ! important;
color: black ! important;
}


/* HELPER - PORTRAITS - GREEN */

#groups-page-1 a:last-of-type[href^="/groups/43116471@N00/"]:not(:hover):after ,
#groups-page-1 a:last-of-type[href^="/groups/35468135891@N01/"]:not(:hover):after ,
#groups-page-1 a:last-of-type[href^="/groups/44001204@N00/"]:not(:hover):after {
content: attr(title) !important;
position: fixed !important;
/* position: relative !important; */
display: inline-block !important;
width: auto !important;
height: 15px !important;
line-height: 14px !important;
top: 95px ! important;
right: 8px !important;
padding: 0px 2px ! important;
border-radius: 3px !important;
font-size: 12px !important;
color: white !important;
text-align: center !important;
text-indent: 0 !important;
opacity: 0 !important;
visibility: hidden !important;
transition: all ease 0.01s !important;
/* background-color: rgba(251, 148, 59, 0.57) ! important; */
/* background-color: GREEN ! important; */
}

#groups-page-1 a:last-of-type[href^="/groups/43116471@N00/"]:hover:after ,
#groups-page-1 a:last-of-type[href^="/groups/35468135891@N01/"]:hover:after ,
#groups-page-1 a:last-of-type[href^="/groups/44001204@N00/"]:hover:after {
content: attr(title) !important;
position: fixed !important;
/* position: relative !important; */
display: inline-block !important;
width: auto !important;
height: 15px !important;
line-height: 14px !important;
top: 85px ! important;
right: 8px !important;
padding: 0px 2px ! important;
border-radius: 3px !important;
font-size: 12px !important;
color: white !important;
text-align: center !important;
text-indent: 0 !important;
z-index: 5000000 !important;
opacity: 1 !important;
visibility: visible !important;
transition: all ease 0.7s !important;
/* background-color: rgba(251, 148, 59, 0.57) ! important; */
background-color: GREEN ! important;
}


/* MY INDICATORS for FAVORITES POOL IN TOP HEADER POOL LIST - PORTRAITS - GREEN  */

#groups-page-1 a:last-of-type[href^="/groups/43116471@N00/"]:before ,
#groups-page-1 a:last-of-type[href^="/groups/35468135891@N01/"]:before ,
#groups-page-1 a:last-of-type[href^="/groups/44001204@N00/"]:before {
position: fixed !important;
display: inline-block !important;
width: 25px !important;
height: 10px !important;
line-height: 9px !important;
top: 100px ! important;
padding: 0px 2px ! important;
border-radius: 3px !important;
font-size: 10px !important;
color: gold !important;
text-align: center !important;
text-indent: 0 !important;
/* background-color: rgba(251, 148, 59, 0.57) ! important; */
background-color: GREEN ! important;
}

/* 1 - PorTraitUre */
#groups-page-1 a:last-of-type[href^="/groups/44001204@N00/"]:before {
content: "PTU" ! important;
right: 10px ! important;
/* background: red !important; */
}

/* 2 - Social Documentary Photography */
#groups-page-1 a:last-of-type[href^="/groups/35468135891@N01/"]:before {
content: "SDP" ! important;
right: 40px ! important;
/* background: red !important; */
}

/* 3 - Young PHotographers */
#groups-page-1 a:last-of-type[href^="/groups/43116471@N00/"]:before  {
content: "YPH" ! important;
right: 70px ! important;
/* background: red !important; */
}

/* ================================================ */
/* ================================================ */
/* ==== END === OTHER POOLS I LIKE IN PROFILE  ==== */
/* ================================================ */


/* END ==== Follow MY Pools Indicator in PHOTO / PROFILE Pages  v.3 ==== */


}