Advertisement
decembre

FLICKR - 03perso - MY Polls / Comments / Gallerie v.63

Oct 6th, 2018
357
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 18.62 KB | None | 0 0
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2.  
  3. @-moz-document /* domain("flickr.com") */  url-prefix(https://www.flickr.com/photos/) {
  4.  
  5. /* ====  FLICKR - 03perso - NEW - Flickr Widescreen - MY POOLS (invit) + MY COMMENTS (PHOTOPAGE) / Gallery / REPLY TO ME v.63 (new63) - Watnew05  ==== */
  6.  
  7. /* PASTEBIN NAME - FLICKR - 03perso - MY POOLS / Comments / Gallerie v.63 */
  8.  
  9. /* (new63) PHOTO PAGE - REPLY TO ME INDICATOR - === */
  10. .html-photo-page-scrappy-view  .comment-content a[href="/photos/bruno-decembre/"]:after {
  11. position: fixed  !important;
  12. /*   position: sticky !important; */
  13.     display: inline-block !important;
  14. width: 20px !important;
  15. top: 204px  !important;
  16. right: 455px !important;
  17. border-radius: 20px !important;
  18. text-align: center !important;
  19. content: "💬 " ;
  20. font-size: 10px !important;
  21. z-index: 5000000 !important;
  22. opacity: 1 !important;
  23.     visibility: visible !important;
  24. background: gold ;
  25. }
  26.  
  27.  
  28.  
  29. /* (new35) - GALLERY INDICATOR - === */
  30. .thumbnail[href^="/photos/bruno-decembre/galleries/"]:before {
  31. position: fixed  !important;
  32. /*   position: sticky !important; */
  33.     display: inline-block !important;
  34. width: 20px !important;
  35. top: 234px  !important;
  36. right: 455px !important;
  37. border-radius: 20px !important;
  38. text-align: center !important;
  39. content: "💚" ;
  40. font-size: 10px !important;
  41. z-index: 5000000 !important;
  42. background: gold ;
  43. }
  44.  
  45. .album-selection-list-item.longer-title[data-machine-title*="portraitstoremember"] .album-selection-list-item-labels .album-selection-list-item-title {
  46. color: tomato !important;
  47. background-color: green !important;
  48. }
  49. .album-selection-list-item.longer-title:not([data-machine-title*="portraitstoremember"]) .album-selection-list-item-labels .album-selection-list-item-title {
  50. color: aqua !important;
  51. background-color: black !important;
  52. }
  53.  
  54. /* TOP SECRET - TOPs - IN PROFILE ?? - === */
  55. .context-link.context-pool[href*="/groups/texas_chainsaw_mascara_/"]:after {
  56.     content: "TopS." !important;
  57.     position: fixed !important;
  58.     display: inline-block !important;
  59.     top: 230px !important;
  60.     right: 5px !important;
  61.     padding: 1px 3px !important;
  62.     border-radius: 5px !important;
  63.     border: 1px solid violet !important;
  64.     font-size: 10px !important;
  65.     background: black !important;
  66. }
  67. /* TOPs */
  68. /* .context-list>li[data-context-id="397180@N20"] {
  69.     position: fixed ! important;
  70.     display: inline-block ! important;
  71.     min-width: 65px !important;
  72.     max-width: 65px !important;
  73.     float: none !important;
  74.     top: -12px ! important;
  75.     transform: scale(0.6) ! important;
  76. } */
  77. /* TOPs */
  78. /* .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="397180@N20"] .remove {
  79.     position: absolute !important;
  80.     display: inline-block !important;
  81.     height: 5px !important;
  82.     width: 6px !important;
  83.     margin-top: 30px !important;
  84.     margin-right: 8px!important;
  85.     border: 4px solid red !important;
  86.     border-radius: 10px !important;
  87.     background-color: rgba(252, 0, 0, 0.92) !important;
  88.     z-index: 2500 !important;
  89.     transform: scale(1.5) !important;
  90. } */
  91. /* PFO */
  92. /* .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="947672@N21"]:hover .remove {
  93.     border: 4px solid red !important;
  94.     border-radius: 10px !important;
  95.     background-color: rgba(252, 0, 0, 0.92) !important;
  96.     z-index: 2500 !important;
  97.     transform: scale(1.5) !important;
  98. } */
  99.  
  100.  
  101.  
  102. /* (avr2015) - MY POOL INDICATORS - TOP RIGHT PANEL - TOPs / PFM / PF / CPF / PFO - === */
  103. /*3SEC */
  104. .context-list>li[data-context-id="4170970@N22"] ,
  105. /* TOPs */
  106. .context-list>li[data-context-id="397180@N20"] ,
  107. /* PFM */
  108. .context-list>li[data-context-id="4524878@N23"] ,
  109. /* PF */
  110. .context-list>li[data-context-id="58146428@N00"] ,
  111. /* CPF */
  112. .context-list>li[data-context-id="66063253@N00"] ,
  113. /* PFO */
  114. .context-list>li[data-context-id="947672@N21"] {
  115.     position: fixed ! important;
  116.     display: inline-block ! important;
  117.     min-width: 65px !important;
  118.     max-width: 65px !important;
  119.     float: none !important;
  120.     top: -12px ! important;
  121.     transform: scale(0.6) ! important;
  122. }
  123.  
  124. /*3SEC */
  125. .context-list>li[data-context-id="4170970@N22"]  > a ,
  126. /* TOPs */
  127. .context-list>li[data-context-id="397180@N20"]  > a ,
  128. /* PFM */
  129. .context-list>li[data-context-id="4524878@N23"]  > a ,
  130. /* PF */
  131. .context-list>li[data-context-id="58146428@N00"]  > a ,
  132. /* CPF */
  133. .context-list>li[data-context-id="66063253@N00"]  > a ,
  134. /* PFO */
  135. .context-list>li[data-context-id="947672@N21"] > a {
  136.     padding: 2px ! important;
  137. /* box-shadow: 3px 3px 5px 1px #8dfbf7 !important; */
  138. /* outline: 2px none violet !important; */
  139. }
  140.  
  141. /*3SEC */
  142. .context-list>li[data-context-id="4170970@N22"] span.title ,
  143. /* TOPs */
  144. .context-list>li[data-context-id="397180@N20"] span.title ,
  145. /* PFM */
  146. .context-list>li[data-context-id="4524878@N23"] span.title ,
  147. /* PF */
  148. .context-list>li[data-context-id="58146428@N00"] span.title ,
  149. /* CPF */
  150. .context-list>li[data-context-id="66063253@N00"] span.title ,
  151. /* PFO */
  152. .context-list>li[data-context-id="947672@N21"] span.title {
  153. display: none ! important;
  154.  }
  155.  
  156. /*3SEC */
  157. .context-list>li[data-context-id="4170970@N22"] span.title + .counts ,
  158. /* TOPs *
  159. .context-list>li[data-context-id="58146428@N00"] span.title + .counts ,
  160. /* PF */
  161. .context-list>li[data-context-id="58146428@N00"] span.title + .counts ,
  162. /* CPF */
  163. .context-list>li[data-context-id="66063253@N00"] span.title + .counts ,
  164. /* PFO */
  165. .context-list>li[data-context-id="947672@N21"] span.title + .counts {
  166. /* display: none ! important; */
  167.  }
  168.  
  169.  
  170. /*3SEC */
  171. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="4170970@N22"] a.cancel-invite span.pending-text ,
  172. /* TOPs */
  173. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="397180@N20"] a.cancel-invite span.pending-text ,
  174. /* PFM */
  175. .context-list>li[data-context-id="4524878@N23"] a.cancel-invite span.pending-text ,
  176. /* PF */
  177. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="58146428@N00"] a.cancel-invite span.pending-text ,
  178. /* CPF */
  179. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="66063253@N00"] a.cancel-invite span.pending-text ,
  180. /* PFO */
  181. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="947672@N21"] a.cancel-invite span.pending-text {
  182. display: none ! important;
  183.  }
  184.  
  185. /*3SEC */
  186. .context-list>li[data-context-id="4170970@N22"] span.counts a span.cancel-text  ,
  187. /* TOPs */
  188. .context-list>li[data-context-id="397180@N20"] span.counts a span.cancel-text  ,
  189. /* PFM */
  190. .context-list>li[data-context-id="4524878@N23"] span.counts a span.cancel-text  ,
  191. /* PF */
  192. .context-list>li[data-context-id="58146428@N00"] span.counts a span.cancel-text  ,
  193. /* CPF */
  194. .context-list>li[data-context-id="66063253@N00"] span.counts a span.cancel-text  ,
  195. /* PFO */
  196. .context-list>li[data-context-id="947672@N21"] span.counts a span.cancel-text {
  197. display: none ! important;
  198.  }
  199.  
  200. /* COUNTER */
  201. /*3SEC */
  202. .context-list>li[data-context-id="4170970@N22"]:before ,
  203. /* TOPs */
  204. .context-list>li[data-context-id="397180@N20"]:before ,
  205. /* PFM */
  206. .context-list>li[data-context-id="4524878@N23"]:before ,
  207. /* PF */
  208. .context-list>li[data-context-id="58146428@N00"]:before ,
  209. /* CPF */
  210. .context-list>li[data-context-id="66063253@N00"]:before ,
  211. /* PFO */
  212. .context-list>li[data-context-id="947672@N21"]:before {
  213.     transform: scale(2) ! important;
  214. }
  215.  
  216.  
  217. /* MY POOLS - 3SEC */
  218. /*  3SEC */
  219. .context-list>li[data-context-id="4170970@N22"] {
  220.     right: 250px !important;
  221. }
  222.  
  223. /* MY POOLS - TOPs - === */
  224. .context-list>li[data-context-id="397180@N20"] {
  225.     right: 200px !important;
  226. }
  227.  
  228.  
  229. /* MY POOL - PFM */
  230. .context-list>li[data-context-id="4524878@N23"] {
  231.     right: 150px !important;
  232. }
  233.  
  234.  
  235. /* MY POOLS - PF - === */
  236. .context-list>li[data-context-id="58146428@N00"] {
  237.     right: 100px !important;
  238. }
  239.  
  240.  
  241. /*  MY POOLS - CPF - === */
  242. .context-list>li[data-context-id="66063253@N00"] {
  243.      right: 50px !important;
  244. /* outline: 2px none red !important; */
  245. }
  246.  
  247.  
  248. /* MY POOLS - PFO - === */
  249. .context-list>li[data-context-id="947672@N21"] {
  250.     right: 0!important;
  251. }
  252.  
  253. /* REMOVE INVIT */
  254. /*  3SEC */
  255. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="4170970@N22"] .cancel-invite,
  256. /* TOPs */
  257. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="397180@N20"] .cancel-invite,
  258. /* PFM */
  259. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="4524878@N23"] .cancel-invite,
  260. /* PF */
  261. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="58146428@N00"] .cancel-invite,
  262. /* CPF */
  263. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="66063253@N00"] .cancel-invite,
  264. /* PFO */
  265. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="947672@N21"] .cancel-invite {
  266.     position: absolute !important;
  267. display: inline-block ! important;
  268.     border-radius: 10px !important;
  269.     height: 100% !important;
  270.     min-height: 10px !important;
  271.     max-height: 10px !important;
  272.     width: 100% !important;
  273.     min-width: 10px !important;
  274.     max-width: 10px !important;
  275. left: 54px !important;
  276.     top: 50px !important;
  277. cursor: pointer !important;
  278.     transform: scale(1.7) !important;
  279.     z-index: 4500 !important;
  280. }
  281.  
  282. /* (new50) */
  283. /*  3SEC */
  284. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="4170970@N22"] .cancel-invite:hover::before ,
  285. /* TOPs */
  286. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="397180@N20"] .cancel-invite:hover::before ,
  287. /* PFM */
  288. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="4524878@N23"] .cancel-invite:hover::before ,
  289. /* PF */
  290. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="58146428@N00"] .cancel-invite:hover::before ,
  291. /* CPF */
  292. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="66063253@N00"] .cancel-invite:hover::before ,
  293. /* PFO */
  294. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="947672@N21"] .cancel-invite:hover::before  {
  295.     content: "Remove \a Invite" !important;
  296.     position: absolute !important;
  297.     display: inline-block !important;
  298.     width: 100% !important;
  299.     max-width: 45px !important;
  300.     min-width: 45px !important;
  301.     line-height: 10px !important;
  302. top: -24px !important;
  303.     left: -33px !important;
  304.     padding: 2px !important;
  305.     border-radius: 3px !important;
  306.     font-size: 12px !important;
  307.     text-align: center !important;
  308.     font-weight: 600 !important;
  309. color: white !important;
  310. cursor: pointer !important;
  311.     opacity: 1 !important;
  312.     z-index: 500 !important;
  313.     transform: scale(0.9) !important;
  314.     background: blue !important;
  315. }
  316.  
  317. /* DELETE IMAGE */
  318. /*  3SEC */
  319. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="4170970@N22"] .remove,
  320. /* TOPs */
  321. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="397180@N20"] .remove,
  322. /* PFM */
  323. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="4524878@N23"] .remove,
  324. /* PF */
  325. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="58146428@N00"] .remove,
  326. /* CPF */
  327. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="66063253@N00"] .remove,
  328. /* PFO */
  329. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="947672@N21"] .remove {
  330.     position: absolute !important;
  331. /* display: inline-block ! important; */
  332. /*     background: rgba(252, 0, 0, 0.92) url("https://s.yimg.com/uy/build/images/sprites/scrappy-10271d4f.png") no-repeat scroll -200px -65px !important; */
  333.     border: 2px solid tomato !important;
  334.     border-radius: 10px !important;
  335.     height: 100% !important;
  336.     min-height: 10px !important;
  337.     max-height: 10px !important;
  338.     width: 100% !important;
  339.     min-width: 10px !important;
  340.     max-width: 10px !important;
  341.     margin-right: -5px !important;
  342.     margin-top: 39px !important;
  343. cursor: pointer !important;
  344.     transform: scale(1.2) !important;
  345. z-index: 2500 !important;
  346. }
  347.  
  348. /*  3SEC */
  349. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="4170970@N22"]:hover .remove ,
  350. /* TOPs */
  351. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="397180@N20"]:hover .remove ,
  352. /* PFM */
  353. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="4524878@N23"]:hover .remove ,
  354. /* PF */
  355. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="58146428@N00"]:hover .remove ,
  356. /* CPF */
  357. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="66063253@N00"]:hover .remove ,
  358. /* PFO */
  359. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="947672@N21"]:hover .remove {
  360.     position: absolute !important;
  361. /* display: inline-block ! important; */
  362. /*     background: rgba(252, 0, 0, 0.92) url("https://s.yimg.com/uy/build/images/sprites/scrappy-10271d4f.png") no-repeat scroll -200px -65px !important; */
  363.     border: 2px solid tomato !important;
  364.     border-radius: 10px !important;
  365.     height: 100% !important;
  366.     min-height: 10px !important;
  367.     max-height: 10px !important;
  368.     width: 100% !important;
  369.     min-width: 10px !important;
  370.     max-width: 10px !important;
  371.     margin-right: -5px !important;
  372.     margin-top: 39px !important;
  373.     transform: scale(1.2) !important;
  374.     z-index: 2500 !important;
  375. }
  376.  
  377. /*  3SEC */
  378. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="4170970@N22"] .remove:hover::before ,
  379. /* TOPs */
  380. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="397180@N20"] .remove:hover::before ,
  381. /* PFM */
  382. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="4524878@N23"] .remove:hover::before ,
  383. /* PF */
  384. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="58146428@N00"] .remove:hover::before ,
  385. /* CPF */
  386. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="66063253@N00"] .remove:hover::before ,
  387. /* PFO */
  388. .sub-photo-contexts-view .sub-photo-context .context-list li[data-context-id="947672@N21"] .remove:hover::before {
  389.     content: "Delete \a Image" !important;
  390.     position: fixed !important;
  391.     display: inline-block !important;
  392.     width: 100% !important;
  393.     max-width: 45px !important;
  394.     min-width: 45px !important;
  395.     line-height: 10px !important;
  396.     top: -30px !important;
  397.     left: -39px !important;
  398.     padding: 3px !important;
  399.     border-radius: 3px !important;
  400.     font-size: 13px !important;
  401.     text-align: center !important;
  402.     font-weight: 600 !important;
  403. color: white !important;
  404.     opacity: 1 !important;
  405.     z-index: 500 !important;
  406.     transform: scale(1.2) !important;
  407.     background: red !important;
  408. }
  409.  
  410.  
  411. /* (new36) PERSO - MY COMMENTS - ADD INDICATOR - COUNTER - === */
  412. .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:hover:after ,
  413. .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:visited:after ,
  414. .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:after {
  415.     counter-increment: myIndex2 ! important;
  416.     content: counter(myIndex2, decimal-leading-zero);
  417.     position: fixed !important;
  418.     width: 15px ! important;
  419.     min-width: 17px !important;
  420.     height: 12px !important;
  421.     line-height: 14px !important;
  422.     top : 206px !important;
  423.     right: 483px !important;
  424.     border-radius: 3px !important;
  425.     box-shadow: 0 0 2px rgba(162, 160, 160, 0.6) inset !important;
  426.     font-size: 14px ! important;
  427.     text-align: center ! important;
  428.     color: white ! important;
  429. /* z-index: 500000 !important; */
  430. /* background-image: none !important; */
  431. /* background-color: red !important; */
  432. /* transform: scaleX(1) !important; */
  433.     opacity: 1 !important;
  434.     visibility: visible !important;
  435. }
  436.  
  437. /* (new34) PERSO - ADD INDICATOR - YES, I HAVE COMMENTED - === */
  438. /* A SUPP ??? */
  439. /* .fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments .comment-author a[href="/photos/bruno-decembre/"] ,
  440. .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments:hover .comment-author a[href="/photos/bruno-decembre/"] ,
  441. .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:hover {
  442. border: 1px solid red !important;
  443. background: gold !important;
  444. } */
  445. .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:hover:visited ,
  446. .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:visited ,
  447. .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"] {
  448. padding: 0 20px !important;
  449. border-radius: 3px !important;
  450. border: 1px solid green !important;
  451. background: red !important;
  452. }
  453.  
  454.  
  455. .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:hover:before ,
  456. .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:visited:before ,
  457. .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:before {
  458.     content: "" !important;
  459.     position: fixed !important;
  460.     display: inline-block !important;
  461.     width: 25px !important;
  462.     height: 20px !important;
  463.     line-height: 17px !important;
  464.     top : 203px !important;
  465.     right: 478px !important;
  466.     font-size: 15px !important;
  467.     color: white !important;
  468.     text-align: center !important;
  469.     background-size: contain !important;
  470.     visibility: visible !important;
  471.     opacity: 0.4 !important;
  472.     z-index: 50000 !important;
  473.  
  474. /*     background-color: rgba(0, 0, 0, 0.78) !important;
  475.     background-image: url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/comment.png") !important;
  476.     background-position: 0px 2px !important;
  477.     background-repeat: no-repeat !important;
  478.     background-size: 22px 20px !important; */
  479. }
  480. /* A SUPP ??? */
  481. .fluid.html-photo-page-scrappy-view .sub-photo-comments-view:hover .comments .comment-author a[href="/photos/bruno-decembre/"]:before ,
  482. .fluid.html-photo-page-scrappy-view .sub-photo-comments-view .comments .comment-author a[href="/photos/bruno-decembre/"]:hover:before {
  483. /* right: 488px !important; */
  484. /* transform: scaleX(2) !important; */
  485. }
  486.  
  487.  
  488. /* === END ==== */
  489.  
  490. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement