STY - Flickr WideScreen - Photo Page Follow My Pools v.3

/* AGENT_SHEET */

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

@-moz-document domain("flickr.com") {
/* Flickr Widescreen - Follow My Pools v.3 (newB)

This Usertyles (to use with <a href="https://userstyles.org/styles/52167/flickr-widescreen-allinone-wide-v19">Flickr WideScreen - ALLinONE WIDE</a>
Help you to follow your invites you sent for you pools :
- Follows you Comments about these POOLs (and Edit / Delete it if you want
  ► Yours Comments appear At the top right of the Photo Page.

- Know quickly if the photo is added to these POOLs
  ► The pools Film Srip  appear at the bottom of the Block of Pools.
     This Greasemonkey script can help too :
<a href="http://steeev.site50.net/flickr/show.all.in.pool.by.user.htm">Flickr Show All in Pool By User (by Steeev)</a>

TWEAKS NEED :
This Userstyles is for my personal use (for my pools....)
But , For you want use it, you need to Tweak it.
- You need to know its ID (Portrait Face (PF for me)  ID = #context-pool-58146428__at__N00)
and change All "#context-pool-58146428__at__N00" one by your.
You can configure 3 Pools to follow:
Here the 2 others ID to Change:
- #context-pool-66063253__at__N00 (CPF for me)
- #context-pool-66063253__at__N00 (PFO for me)

TEST LINK :
http://www.flickr.com/photos/dejon/441206776/in/pool-58146428@N00/

==== */
/* (newB) FOLLOW MY POOL - PROFILE PAGE - TEST - ALL - ==== */
/* .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;
}

/* CPF */
.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: #fb933a ! important;
color: black ! important;
}

.text-list.profile-paginator-page li a[href^="/groups/portrait_faces_open_minded_/pool/"]:before ,
.text-list.profile-paginator-page li .text-list-item + a[href="/groups/portrait_faces_open_minded_/pool/71173103@N00/"]:before {
top: 50px ! important;
right: 10px ! important;
content: "PFO" ! important;
background-color: #fb933a ! important;
}


/* PF */
.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: #8dfbf7 ! important;
/* padding: 0 0  0 5px ! important; */
color: black ! important;
}

.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 {
/* top: 50px ! important; */
/* right: 40px ! important; */
padding: 5px ! important;
content: "PF" ! important;
background-color: #8dfbf7 ! important;
}

/* POOL - PORTRAIT FACES -
li#context-pool-58146428__at__N00
=== */

/*li#context-pool-58146428__at__N00.sidebar-context-open ,*/
#sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context {
    position: absolute !important;
    display: inline-block !important;
    float: none !important;
    max-height: 27px !important;
    min-height: 27px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    padding-bottom: 0 !important;
/*    top: 322px !important;*/
    left: 16px !important;
/*    left: 300px !important;*/
    border: 1px solid gray !important;
    background: black !important;
    color: gold !important;
overflow: hidden !important;
}
/* PF (li#context-pool-58146428__at__N00) - HOVER */
#sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context-open:hover ,
#sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context:hover  {
    position: absolute !important;
    display: inline-block !important;
    float: none !important;
    max-height: 90px !important;
    min-height: 90px !important;
    min-width: 600px !important;
    max-width: 600px !important;
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    left: 25px !important;
    border: 1px solid gray !important;
    border-radius: 5px !important;
    background: black !important;
    color: gold !important;
    background: black !important;
    z-index: 5000 !important;
    overflow: visible !important;
}
/* PF (li#context-pool-58146428__at__N00)  */
#sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context {
    top: 322px !important;
}
#sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context:hover {
    top: 330px !important;
}

#sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context-open {
    top: 323px !important;
}
#sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context-open:hover {
    top: 320px !important;
}

#sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context .context-photos {
/*    position: relative !important;*/
    display: inline-block !important;
    margin-left: 3px;
/*    overflow: visible !important;*/
/*    background: orange !important;*/
}

/* POOL - PORTRAIT DRAMATICA - CPF
li#context-pool-66063253__at__N00
=== */
#sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context-open ,
#sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context {
    position: absolute !important;
    display: inline-block !important;
    float: none !important;
    max-height: 27px !important;
    min-height: 27px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    padding-bottom: 0 !important;
    left: 16px !important;
    border: 1px solid gray !important;
    background: black !important;
    color: gold !important;
    overflow: hidden !important;
}
/* CPF - (li#context-pool-66063253__at__N00) - HOVER */
#sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context-open:hover ,
#sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context:hover {
    position: absolute !important;
    display: inline-block !important;
    float: none !important;
    height: 100% !important;
    max-height: 90px !important;
    min-height: 90px !important;
    min-width: 600px !important;
    max-width: 600px !important;
    padding-bottom: 2px !important;
    left: 25px !important;
    border: 1px solid gray !important;
    border-radius: 5px !important;
    color: gold !important;
    background: black !important;
    z-index: 5000 !important;
    overflow: visible !important;
}
/*CPF (li#context-pool-66063253__at__N00) */
#sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context {
    top: 364px !important;
}
#sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context:hover {
    top: 365px !important;
}

#sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context-open {
    top: 351px !important;
}
li#context-pool-66063253__at__N00.sidebar-context-open:hover {
    top: 352px !important;
}


#sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context .context-photos {
/*    position: relative !important;*/
    display: inline-block !important;
    margin-left: 3px;
/*    overflow: visible !important;*/
/*    background: orange !important;*/
}

/* POOL - PORTRAIT OPEN MINDED - PFO
li#context-pool-947672__at__N21
=== */
#sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context {
    position: absolute !important;
    display: inline-block !important;
    float: none !important;
    max-height: 27px !important;
    min-height: 27px !important;
    min-width: 300px !important;
    max-width: 300px !important;
    padding-bottom: 0 !important;
/*    top: 385px !important;*/
    left: 16px !important;
    border: 1px solid gray !important;
    background: black !important;
    color: gold !important;
    overflow: hidden !important;
}
/* PFO - (li#context-pool-947672__at__N21) - HOVER */
#sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context-open:hover ,
#sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context:hover {
    position: absolute !important;
    display: inline-block !important;
    float: none !important;
    height: 100% !important;
    max-height: 90px !important;
    min-height: 90px !important;
    min-width: 600px !important;
    max-width: 600px !important;
    padding-bottom: 2px !important;
/*padding-left: 80px !important;*/
    left: 25px !important;
    border: 1px solid gray !important;
    border-radius: 5px !important;
    background: black !important;
    color: gold !important;
    background: black !important;
    z-index: 5000 !important;
    overflow: visible !important;
}
 /* PFO (li#context-pool-947672__at__N21)*/
#sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context {
    top: 393px !important;
}
#sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context:hover {
    top: 396px !important;
}

#sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context-open {
    top: 384px !important;
}
li#context-pool-947672__at__N21.sidebar-context-open:hover {
    top: 387px !important;
}

#sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context .context-photos {
/*    position: relative !important;*/
    display: inline-block !important;
    margin-left: 3px;
/*    overflow: visible !important;*/
/*    background: orange !important;*/
}


/* (newA) MY POOLS LINES OPEN - FILMS STRIP OPEN -
#sidebar-contexts ul#secondary-contexts li.sidebar-context .context-photos
,
#sidebar-contexts .sidebar-context-open .context-photos
 === */
#sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context .context-photos,
#sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context .context-photos,
#sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context .context-photos {
    position: relative !important;
    display: inline-block !important;
    height: 67px !important;
    list-style: none outside none;
    top: -4px !important;
    margin-bottom: -15px !important;
/*    overflow: visible !important;*/
    padding-top: 12px !important;
    width: 610px !important;
/*    background: red !important;*/
}


/* =============== */
/* RIGHT SIDEBAR - CONTEXT STREAM -  RED - === */
/*.super-liquid.extras #sidebar.wide-sidebar #sidebar-contexts{
    position: relative !important;
    display: inline-block !important;
    float: right !important;
    clear: both !important;
    height: 425px !important;
    width: 665px !important;
    left: 35px !important;
    padding-left: 5px !important;
    margin-top: -78px !important;
    border-radius: 5px !important;
    border: 1px solid red!important;
}*/

/* RIGHT SIDEBAR - SECONDARY CONTEXTS STREAM - GRAY === */
#secondary-contexts {
/*    position: relative !important;*/
    display: inline-block !important;
    height: 100% !important;
    min-height: 320px !important;
    max-height: 320px !important;
    width: 641px !important;
    margin-left: -4px !important;
    margin-top: 1px !important;
    padding-left: 25px !important;
    overflow: hidden !important;
    overflow-y: auto !important;
    border-radius: 5px !important;
    border: 1px solid gray !important;
}


/* ============================= */

/* (new14) RIGHT SIDEBAR - FOLLOW MY COMMENT - === */
/* TEMPORARY STATE WAIT 3 COMMENTS */

/* (newA) PF - === */
    #invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00"] {
        position: absolute !important;
        display: inline-block !important;
        max-height: 50px !important;
        min-height: 50px !important;
        min-width: 250px !important;
        max-width: 250px !important;
        top: 50px !important;
        left: 1650px !important;
/*        padding: 15px 0 0 15px !important;*/
        border: 1px solid gray !important;
        overflow: hidden !important;
        z-index: 500 !important;
}
#invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00"] .comment-head {
        position: relative !important;
        display: inline-block !important;
        min-width: 185px !important;
        max-width: 185px !important;
        left: 50px !important;
        top: -5px !important;
        padding: 0 !important;
        border-radius: 5px 5px 0 0 !important;
        background: none repeat scroll 0 0 black !important;
}
#invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00"] .comment-head + .comment-body  {
        max-width: 255px !important;
        margin-left: -22px !important;
}
#invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00"] .comment-head + .comment-body p {
display: inline-block !important;
        width: 244px !important;
        height: 100% !important;
        min-height: 30px !important;
        max-height: 30px !important;
/*        margin-top: -6px !important;*/
        margin-left: 2px !important;
        padding: 3px !important;
/*        border-radius: 5px 0 5px 0 !important;*/
        color: peru !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
/*        border: 1px solid gray!important;*/
}
#invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00"] ~ .comment-block[data-comment-nsid="15064538@N00"] {
        top: 110px !important;
}
#invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00"] ~ .comment-block[data-comment-nsid="15064538@N00"] ~.comment-block[data-comment-nsid="15064538@N00"]  {
        top: 170px !important;
}
#invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00" ] .comment-content {
        display: inline-block !important;
        position: relative!important;
        width: 200px !important;
        margin-left: 25px !important;
}
#invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00" ] .comment-meta a.comment-delete{
        display: inline-block !important;
        position: absolute !important;
}
/* SUPP ICON COMMENTS - === */
#invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00" ] .comment-icon  ,
#invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00" ] .comment-icon img ,
#invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00" ] span+ span:not(.comment-controls) {
        display: none !important;
}
/* RIGHT SIDEBAR - EDIT/DELETE MY COMMENTS - CONTAINER - === */
#comments span.comment-controls {
        background: yellow !important;
        display: inline-block !important;
        margin-left: -165px !important;
        margin-top: -18px !important;
        height: 13px !important;
        line-height: 13px !important;
        font-size: 0 !important;
        position: absolute !important;
}
/* RIGHT SIDEBAR - ICON DELETE COMMENT */
/*#comments span.comment-controls a.comment-delete:before {
        content: "\2716" !important;
        background: yellow !important;
        display: inline-block !important;
        margin-left: 29px !important;
        margin-top: 12px !important;
        height: 15px !important;
        width: 15px !important;
        line-height: 15px !important;
        font-size: 15px !important;
        text-align: center !important;
        border-radius: 8px !important;
        position: absolute !important;
}*/
#comments span.comment-controls a.comment-delete:before  {
        position: absolute !important;
        display: inline-block !important;
        content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/commentuserdelete.png") !important;
/*        content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/emaildelete.png") !important;*/
        -moz-transform: scale(0.7,0.7) !important;
        top:  10px !important;
        left: -45px !important;
}
/* RIGHT SIDEBAR - ICON "✎" EDIT MY COMMENTS */
/* #comments span.comment-controls a.comment-edit:before {
        position: absolute !important;
        display: inline-block !important;
        content: "\270E " !important;
        width: 20px !important;
        height: 14px !important;
        line-height: 15px !important;
        left: -19px !important;
        top: 22px !important;
        font-size: 19px !important;
        text-align: center !important;
        border-radius: 8px !important;
        background: yellow !important;
} */
#comments span.comment-controls a.comment-edit:before {
        position: absolute !important;
        display: inline-block !important;
        width: 18px !important;
        height: 18px !important;
        content: "" ! important;
        background: url("https://greasyfork.org/forum/applications/dashboard/design/images/sprites.png") no-repeat scroll -62px -324px rgba(0, 0, 0, 0) !important;
        margin-top: -3px !important;
        top: 22px !important;
        left: -19px !important;
        margin-left: 4px !important;
}

#invites-and-comments div#comments div#comments-list ol#photo-activity.mixed li.comment-block.comment-deleted {
  display: none !important;
}

/* ========================================= */

/* === END == Flickr Widescreen - Photo Page Follow My Pools ==== */
}