Advertisement
decembre

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

Feb 17th, 2014
189
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 16.04 KB | None | 0 0
  1. /* AGENT_SHEET */
  2.  
  3. @namespace url(http://www.w3.org/1999/xhtml);
  4.  
  5. @-moz-document domain("flickr.com") {
  6. /* Flickr Widescreen - Follow MY Pools Indicator in PHOTO / PROFILE Pages v.2 (newA)
  7.  
  8. This Usertyles (to use with <a href="https://userstyles.org/styles/52167/flickr-widescreen-allinone-wide-v19">Flickr WideScreen - ALLinONE WIDE</a>
  9. Help you to follow your invites you sent for you pools :
  10. - Follows you Comments about these POOLs (and Edit / Delete it if you want
  11.   ► Yours Comments appear At the top right of the Photo Page.
  12.  
  13. - Know quickly if the photo is added to these POOLs
  14.   ► The pools Film Srip  appear at the bottom of the Block of Pools.
  15.      This Greasemonkey script can help too :
  16. <a href="http://steeev.site50.net/flickr/show.all.in.pool.by.user.htm">Flickr Show All in Pool By User (by Steeev)</a>
  17.  
  18. TWEAKS NEED :
  19. This Userstyles is for my personal use (for my pools....)
  20. But , For you want use it, you need to Tweak it.
  21. - You need to know its ID (Portrait Face (PF for me)  ID = #context-pool-58146428__at__N00)
  22. and change All "#context-pool-58146428__at__N00" one by your.
  23. You can configure 3 Pools to follow:
  24. Here the 2 others ID to Change:
  25. - #context-pool-66063253__at__N00 (CPF for me)
  26. - #context-pool-66063253__at__N00 (PFO for me)
  27.  
  28. TEST LINK :
  29. http://www.flickr.com/photos/dejon/441206776/in/pool-58146428@N00/
  30.  
  31. ==== */
  32.  
  33.  
  34. /* POOL - PORTRAIT FACES -
  35. li#context-pool-58146428__at__N00
  36. === */
  37.  
  38. /*li#context-pool-58146428__at__N00.sidebar-context-open ,*/
  39. #sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context {
  40.     position: absolute !important;
  41.     display: inline-block !important;
  42.     float: none !important;
  43.     max-height: 27px !important;
  44.     min-height: 27px !important;
  45.     min-width: 300px !important;
  46.     max-width: 300px !important;
  47.     padding-bottom: 0 !important;
  48. /*    top: 322px !important;*/
  49.     left: 16px !important;
  50. /*    left: 300px !important;*/
  51.     border: 1px solid gray !important;
  52.     background: black !important;
  53.     color: gold !important;
  54. overflow: hidden !important;
  55. }
  56. /* PF (li#context-pool-58146428__at__N00) - HOVER */
  57. #sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context-open:hover ,
  58. #sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context:hover  {
  59.     position: absolute !important;
  60.     display: inline-block !important;
  61.     float: none !important;
  62.     max-height: 90px !important;
  63.     min-height: 90px !important;
  64.     min-width: 600px !important;
  65.     max-width: 600px !important;
  66.     padding-bottom: 2px !important;
  67.     padding-top: 2px !important;
  68.     left: 25px !important;
  69.     border: 1px solid gray !important;
  70.     border-radius: 5px !important;
  71.     background: black !important;
  72.     color: gold !important;
  73.     background: black !important;
  74.     z-index: 5000 !important;
  75.     overflow: visible !important;
  76. }
  77. /* PF (li#context-pool-58146428__at__N00)  */
  78. #sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context {
  79.     top: 322px !important;
  80. }
  81. #sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context:hover {
  82.     top: 330px !important;
  83. }
  84.  
  85. #sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context-open {
  86.     top: 323px !important;
  87. }
  88. #sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context-open:hover {
  89.     top: 320px !important;
  90. }
  91.  
  92. #sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context .context-photos {
  93. /*    position: relative !important;*/
  94.     display: inline-block !important;
  95.     margin-left: 3px;
  96. /*    overflow: visible !important;*/
  97. /*    background: orange !important;*/
  98. }
  99.  
  100. /* POOL - PORTRAIT DRAMATICA - CPF
  101. li#context-pool-66063253__at__N00
  102. === */
  103. #sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context-open ,
  104. #sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context {
  105.     position: absolute !important;
  106.     display: inline-block !important;
  107.     float: none !important;
  108.     max-height: 27px !important;
  109.     min-height: 27px !important;
  110.     min-width: 300px !important;
  111.     max-width: 300px !important;
  112.     padding-bottom: 0 !important;
  113.     left: 16px !important;
  114.     border: 1px solid gray !important;
  115.     background: black !important;
  116.     color: gold !important;
  117.     overflow: hidden !important;
  118. }
  119. /* CPF - (li#context-pool-66063253__at__N00) - HOVER */
  120. #sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context-open:hover ,
  121. #sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context:hover {
  122.     position: absolute !important;
  123.     display: inline-block !important;
  124.     float: none !important;
  125.     height: 100% !important;
  126.     max-height: 90px !important;
  127.     min-height: 90px !important;
  128.     min-width: 600px !important;
  129.     max-width: 600px !important;
  130.     padding-bottom: 2px !important;
  131.     left: 25px !important;
  132.     border: 1px solid gray !important;
  133.     border-radius: 5px !important;
  134.     color: gold !important;
  135.     background: black !important;
  136.     z-index: 5000 !important;
  137.     overflow: visible !important;
  138. }
  139. /*CPF (li#context-pool-66063253__at__N00) */
  140. #sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context {
  141.     top: 364px !important;
  142. }
  143. #sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context:hover {
  144.     top: 365px !important;
  145. }
  146.  
  147. #sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context-open {
  148.     top: 351px !important;
  149. }
  150. li#context-pool-66063253__at__N00.sidebar-context-open:hover {
  151.     top: 352px !important;
  152. }
  153.  
  154.  
  155. #sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context .context-photos {
  156. /*    position: relative !important;*/
  157.     display: inline-block !important;
  158.     margin-left: 3px;
  159. /*    overflow: visible !important;*/
  160. /*    background: orange !important;*/
  161. }
  162.  
  163. /* POOL - PORTRAIT OPEN MINDED - PFO
  164. li#context-pool-947672__at__N21
  165. === */
  166. #sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context {
  167.     position: absolute !important;
  168.     display: inline-block !important;
  169.     float: none !important;
  170.     max-height: 27px !important;
  171.     min-height: 27px !important;
  172.     min-width: 300px !important;
  173.     max-width: 300px !important;
  174.     padding-bottom: 0 !important;
  175. /*    top: 385px !important;*/
  176.     left: 16px !important;
  177.     border: 1px solid gray !important;
  178.     background: black !important;
  179.     color: gold !important;
  180.     overflow: hidden !important;
  181. }
  182. /* PFO - (li#context-pool-947672__at__N21) - HOVER */
  183. #sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context-open:hover ,
  184. #sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context:hover {
  185.     position: absolute !important;
  186.     display: inline-block !important;
  187.     float: none !important;
  188.     height: 100% !important;
  189.     max-height: 90px !important;
  190.     min-height: 90px !important;
  191.     min-width: 600px !important;
  192.     max-width: 600px !important;
  193.     padding-bottom: 2px !important;
  194. /*padding-left: 80px !important;*/
  195.     left: 25px !important;
  196.     border: 1px solid gray !important;
  197.     border-radius: 5px !important;
  198.     background: black !important;
  199.     color: gold !important;
  200.     background: black !important;
  201.     z-index: 5000 !important;
  202.     overflow: visible !important;
  203. }
  204.  /* PFO (li#context-pool-947672__at__N21)*/
  205. #sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context {
  206.     top: 393px !important;
  207. }
  208. #sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context:hover {
  209.     top: 396px !important;
  210. }
  211.  
  212. #sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context-open {
  213.     top: 384px !important;
  214. }
  215. li#context-pool-947672__at__N21.sidebar-context-open:hover {
  216.     top: 387px !important;
  217. }
  218.  
  219. #sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context .context-photos {
  220. /*    position: relative !important;*/
  221.     display: inline-block !important;
  222.     margin-left: 3px;
  223. /*    overflow: visible !important;*/
  224. /*    background: orange !important;*/
  225. }
  226.  
  227.  
  228. /* (newA) MY POOLS LINES OPEN - FILMS STRIP OPEN -
  229. #sidebar-contexts ul#secondary-contexts li.sidebar-context .context-photos
  230. ,
  231. #sidebar-contexts .sidebar-context-open .context-photos
  232.  === */
  233. #sidebar-contexts #secondary-contexts li#context-pool-66063253__at__N00.sidebar-context .context-photos,
  234. #sidebar-contexts #secondary-contexts li#context-pool-58146428__at__N00.sidebar-context .context-photos,
  235. #sidebar-contexts #secondary-contexts li#context-pool-947672__at__N21.sidebar-context .context-photos {
  236.     position: relative !important;
  237.     display: inline-block !important;
  238.     height: 67px !important;
  239.     list-style: none outside none;
  240.     top: -4px !important;
  241.     margin-bottom: -15px !important;
  242. /*    overflow: visible !important;*/
  243.     padding-top: 12px !important;
  244.     width: 610px !important;
  245. /*    background: red !important;*/
  246. }
  247.  
  248.  
  249. /* =============== */
  250. /* RIGHT SIDEBAR - CONTEXT STREAM -  RED - === */
  251. /*.super-liquid.extras #sidebar.wide-sidebar #sidebar-contexts{
  252.     position: relative !important;
  253.     display: inline-block !important;
  254.     float: right !important;
  255.     clear: both !important;
  256.     height: 425px !important;
  257.     width: 665px !important;
  258.     left: 35px !important;
  259.     padding-left: 5px !important;
  260.     margin-top: -78px !important;
  261.     border-radius: 5px !important;
  262.     border: 1px solid red!important;
  263. }*/
  264.  
  265. /* RIGHT SIDEBAR - SECONDARY CONTEXTS STREAM - GRAY === */
  266. #secondary-contexts {
  267. /*    position: relative !important;*/
  268.     display: inline-block !important;
  269.     height: 100% !important;
  270.     min-height: 320px !important;
  271.     max-height: 320px !important;
  272.     width: 641px !important;
  273.     margin-left: -4px !important;
  274.     margin-top: 1px !important;
  275.     padding-left: 25px !important;
  276.     overflow: hidden !important;
  277.     overflow-y: auto !important;
  278.     border-radius: 5px !important;
  279.     border: 1px solid gray !important;
  280. }
  281.  
  282.  
  283. /* ============================= */
  284.  
  285. /* (new14) RIGHT SIDEBAR - FOLLOW MY COMMENT - === */
  286. /* TEMPORARY STATE WAIT 3 COMMENTS */
  287.    
  288. /* (newA) PF - === */
  289.     #invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00"] {
  290.         position: absolute !important;
  291.         display: inline-block !important;
  292.         max-height: 50px !important;
  293.         min-height: 50px !important;
  294.         min-width: 250px !important;
  295.         max-width: 250px !important;
  296.         top: 50px !important;
  297.         left: 1650px !important;
  298. /*        padding: 15px 0 0 15px !important;*/
  299.         border: 1px solid gray !important;
  300.         overflow: hidden !important;
  301.         z-index: 500 !important;
  302. }
  303. #invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00"] .comment-head {
  304.         position: relative !important;
  305.         display: inline-block !important;
  306.         min-width: 185px !important;
  307.         max-width: 185px !important;
  308.         left: 50px !important;
  309.         top: -5px !important;
  310.         padding: 0 !important;
  311.         border-radius: 5px 5px 0 0 !important;
  312.         background: none repeat scroll 0 0 black !important;
  313. }
  314. #invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00"] .comment-head + .comment-body  {
  315.         max-width: 255px !important;
  316.         margin-left: -22px !important;
  317. }
  318. #invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00"] .comment-head + .comment-body p {
  319. display: inline-block !important;
  320.         width: 244px !important;
  321.         height: 100% !important;
  322.         min-height: 30px !important;
  323.         max-height: 30px !important;
  324. /*        margin-top: -6px !important;*/
  325.         margin-left: 2px !important;
  326.         padding: 3px !important;
  327. /*        border-radius: 5px 0 5px 0 !important;*/
  328.         color: peru !important;
  329.         overflow-x: hidden !important;
  330.         overflow-y: auto !important;
  331. /*        border: 1px solid gray!important;*/
  332. }
  333. #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"] {
  334.         top: 110px !important;
  335. }
  336. #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"]  {
  337.         top: 170px !important;
  338. }
  339. #invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00" ] .comment-content {
  340.         display: inline-block !important;
  341.         position: relative!important;
  342.         width: 200px !important;
  343.         margin-left: 25px !important;
  344. }
  345. #invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00" ] .comment-meta a.comment-delete{
  346.         display: inline-block !important;
  347.         position: absolute !important;
  348. }
  349. /* SUPP ICON COMMENTS - === */
  350. #invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00" ] .comment-icon  ,
  351. #invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00" ] .comment-icon img ,
  352. #invites-and-comments #comments #comments-list ol#photo-activity.mixed li.comment-block[data-comment-nsid="15064538@N00" ] span+ span:not(.comment-controls) {
  353.         display: none !important;
  354. }
  355. /* RIGHT SIDEBAR - EDIT/DELETE MY COMMENTS - CONTAINER - === */
  356. #comments span.comment-controls {
  357.         background: yellow !important;
  358.         display: inline-block !important;
  359.         margin-left: -165px !important;
  360.         margin-top: -18px !important;
  361.         height: 13px !important;
  362.         line-height: 13px !important;
  363.         font-size: 0 !important;
  364.         position: absolute !important;
  365. }
  366. /* RIGHT SIDEBAR - ICON DELETE COMMENT */
  367. /*#comments span.comment-controls a.comment-delete:before {
  368.         content: "\2716" !important;
  369.         background: yellow !important;
  370.         display: inline-block !important;
  371.         margin-left: 29px !important;
  372.         margin-top: 12px !important;
  373.         height: 15px !important;
  374.         width: 15px !important;
  375.         line-height: 15px !important;
  376.         font-size: 15px !important;
  377.         text-align: center !important;
  378.         border-radius: 8px !important;
  379.         position: absolute !important;
  380. }*/
  381. #comments span.comment-controls a.comment-delete:before  {
  382.         position: absolute !important;
  383.         display: inline-block !important;
  384.         content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/commentuserdelete.png") !important;
  385. /*        content:url("http://tympanus.net/Development/MegaWebButtonsPack1/images/icons/emaildelete.png") !important;*/
  386.         -moz-transform: scale(0.7,0.7) !important;
  387.         top:  10px !important;
  388.         left: -45px !important;
  389. }
  390. /* RIGHT SIDEBAR - ICON "✎" EDIT MY COMMENTS */
  391. #comments span.comment-controls a.comment-edit:before {
  392.         position: absolute !important;
  393.         display: inline-block !important;
  394.         content: "\270E " !important;
  395.         width: 20px !important;
  396.         height: 14px !important;
  397.         line-height: 15px !important;
  398.         left: -19px !important;
  399.         top: 22px !important;
  400.         font-size: 19px !important;
  401.         text-align: center !important;
  402.         border-radius: 8px !important;
  403.         background: yellow !important;
  404. }
  405.  
  406. #invites-and-comments div#comments div#comments-list ol#photo-activity.mixed li.comment-block.comment-deleted {
  407.   display: none !important;
  408. }
  409.  
  410. /* ========================================= */
  411.  
  412. /* === END == Flickr Widescreen - Follow MY Pools Indicator in PHOTO / PROFILE Pages ==== */
  413. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement