FLICKR - 06perso - POOL PHOTOS ITEMS COUNTER v.63

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

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

/* ====  FLICKR - 06perso - NEW - Flickr WideScreen - POOL PHOTOS ITEMS COUNTER v.63  - WATnew05  ==== */

/* JUSTIFIED - TEST - PHOTOS ITEMS COUNTER - === */
.photo-display-container.ju>  span ~ .row:first-of-type .pool-photo.photo-display-item:first-of-type a.owner:before {
position: fixed !important;
/*     position: sticky !important; */
display: inline-block !important;
width: 300px !important;
top: -50px !important;
/* right: 200px !important; */
left: 1830px !important;
font-size: 30px !important;
text-align: center !important;
z-index: 5000000 !important;
content: attr(userphoto) !important;
background: tan !important;
}
#pool-photos.sm  ,
.photo-display-container.ju {
/*     counter-increment: myIndex2 ! important; */
    counter-reset: myIndex2 00 !important;
/* visibility: hidden !important; */
}
/* #pool-photos.sm #photo-display-container .pool-photo .hover-target .meta a.owner:after , */
.photo-display-container.ju>  span ~ .row .pool-photo.photo-display-item a.owner:after {
position: fixed !important;
/* position: absolute !important; */
/* position: sticky !important; */
display: inline-block !important;
float: none !important;
width: 70px !important;
/* margin-top: -50% !important; */
left: -55px !important;
font-size: 30px !important;
text-align: center !important;
z-index: 5000000 !important;
    content: counter(myIndex2, decimal) ;
counter-increment: myIndex2 ! important;
background-color: blue !important;
visibility: hidden !important;
}
#pool-photos.sm #photo-display-container .pool-photo .hover-target .meta a.owner:after {
position: fixed !important;
/* position: absolute !important; */
/* position: sticky !important; */
display: inline-block !important;
float: none !important;
width: 80px !important;
height: 20px !important;
line-height: 20px !important;
top: 90px !important;
left: 855px !important;
font-size: 15px !important;
text-align: center !important;
color: red !important;
z-index: 5000000 !important;
overflow: visible !important;
    content: "total : "counter(myIndex2, decimal) ;
counter-increment: myIndex2 ! important;
visibility: hidden !important;
background-color: yellow !important;
}
#pool-photos.sm #photo-display-container .pool-photo:last-of-type  .hover-target .meta a.owner:after ,
.photo-display-container.ju>  span ~ .row:last-of-type .pool-photo.photo-display-item:last-of-type a.owner:after {
left: -50% !important;
top: 390px !important;
visibility: visible !important;
}


/* ==== END  ==== */

}