API tools faq
paste
Advertisement
decembre

STY - Userstyles Flickr - CONTEXT WRAPPER ICONs - v2

decembre
Apr 9th, 2012
226
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 12.90 KB | None | 0 0
raw download clone embed print report
  1. @namespace url(http://www.w3.org/1999/xhtml);
  2. @-moz-document domain("www.flickr.com") {
  3.  
  4. /* === FLICKR - HightLIGHT MY POOL v2 === */
  5. /* GENERAL */
  6.  
  7. /* TEST GOOGLE - ESPACE ENTRE LISTE POOL -
  8. #sidebar-contexts li .context-link {
  9. display: block;
  10. width: 304px;
  11. padding: 4px 6px 1px 1px!important;
  12. font-size: 12px;
  13. white-space: nowrap;
  14. overflow: hidden;
  15. height: 14px!important;
  16. } === */
  17.  
  18. /* NBR POST IN POOL - === */
  19. [id^="member_"]>td>small:last-of-type {
  20.     background: none repeat scroll 0 0 #343434 !important;
  21.     border-radius: 5px 5px 5px 5px !important;
  22.     clip: rect(0px, 200px, 0px, 0px) !important;
  23.     color: #26AFE4 !important;
  24.     display: inline-block;
  25.     font-size: 15px !important;
  26.     margin-left: 5px !important;
  27.     padding: 2px !important;
  28. }
  29.  
  30. /* COMMENT GROUPE INVITE (general) */
  31. .group-invite-contact>p>a {
  32.     color: #678867 !important;
  33.     font-size: medium!important;
  34.     line-height: 1.3em !important;
  35. }
  36. /* "Seen in ......" - LINK - === */
  37. .comment-body>p>i>a:link{
  38.     margin-bottom: 5px !important;
  39.     margin-top: 5px !important;
  40.     padding-left: 5px !important;
  41.     padding-right: 5px !important;
  42.     background-color: #000000 !important;
  43.     box-shadow: 0 0 4px #999999 !important;
  44.     border-radius: 5px 5px 5px 5px !important;
  45.     color: #448E43 !important;
  46.     font-size: 15px !important;
  47. }
  48.  
  49. /* ==== MY POOLS ====
  50. ===================== */
  51.  
  52.  
  53. /* ==============================================================
  54. ==== "Portrait★Faces★Open Minded" :
  55. a[href="http://www.flickr.com/groups/portrait_faces_open_minded_/"]:link
  56. a[href="http://www.flickr.com/groups/portrait_faces_open_minded_/pool/page100/"]:link (PB Touch QUICK LINK)
  57. === alternative:
  58. .comment-body>p a[href="http://www.flickr.com/groups/portrait_faces_open_minded_/pool/page100/"]:link
  59. *[href="http://www.flickr.com/groups/947672@N21/"]:link
  60.  
  61. ==== Portrait★Face
  62. a[href="http://www.flickr.com/groups/58146428@N00/"]:link
  63. *[href="http://www.flickr.com/groups/58146428@N00/"]:link
  64.  
  65. ==== Portrait★Faces: (Dramatica):
  66. a[href="http://www.flickr.com/groups/the_cream_of_portraitfaces_/pool/page100/":link
  67. *[href="http://www.flickr.com/groups/66063253@N00/"]:link
  68. *[href="/groups/the_cream_of_portraitfaces_/"]:link
  69. ================================ */
  70.  
  71.  
  72. /* "Thank You" ...... "I am an Admin of ..." - LINK
  73. a[href="http://www.flickr.com/groups/portrait_faces_open_minded_/pool/page100/"]:link (>>> ne pas utiliser > PB Touch QUICK LINK)
  74. ========================= */
  75.  
  76.  
  77.  
  78. a[href="http://www.flickr.com/groups/58146428@N00/"]:link,
  79. .comment-body>p a[href="http://www.flickr.com/groups/portrait_face/pool/page200/"]:link,
  80.  
  81. a[href="http://www.flickr.com/groups/the_cream_of_portraitfaces_/pool/page200/"]:link,
  82.  
  83. a[href="http://www.flickr.com/groups/portrait_faces_open_minded_/"]:link,
  84. .comment-body>p a[href="http://www.flickr.com/groups/portrait_faces_open_minded_/pool/page100/"]:link{
  85.     margin-bottom: 5px !important;
  86.     margin-top: 5px !important;
  87.     padding-left: 5px !important;
  88.     padding-right: 5px !important;
  89.     background-color: #000000 !important;
  90.     box-shadow: 0 0 4px #999999 !important;
  91.     border-radius: 5px 5px 5px 5px !important;
  92.     color: #448E43 !important;
  93.     font-size: 15px !important;
  94. }
  95.  
  96. /* "Thanks for your Post in..." - LINK
  97. =========================================== */
  98.  
  99. *[href="http://www.flickr.com/groups/947672@N21/"]:link,
  100. *[href="http://www.flickr.com/groups/58146428@N00/"]:link,
  101. *[href="http://www.flickr.com/groups/66063253@N00/"]:link{
  102.     margin-bottom: 5px !important;
  103.     margin-top: 5px !important;
  104.     padding-left: 5px !important;
  105.     padding-right: 5px !important;
  106.     background-color: #000000 !important;
  107.     box-shadow: 0 0 4px #999999 !important;
  108.     border-radius: 5px 5px 5px 5px !important;
  109.     color: #448E43 !important;
  110.     font-size: 15px !important;
  111. }
  112.  
  113.  
  114.  
  115.  
  116. /* ========================= */
  117. /* ========================= */
  118.  
  119. *[href="http://www.flickr.com/groups/947672@N21/"]:active{
  120.     margin-bottom: 5px !important;
  121.     margin-top: 5px !important;
  122.     background-color: #000000 !important;
  123.     box-shadow: 0 0 4px #999999 !important;
  124.     border-radius: 5px 5px 5px 5px !important;
  125.     color: #448E43 !important;
  126.     font-size: 15px !important;
  127. }
  128. *[href="http://www.flickr.com/groups/947672@N21/"]:visited{
  129.     background-color: #000000 !important;
  130.     box-shadow: 0 0 4px #999999 !important;
  131.     border-radius: 5px 5px 5px 5px !important;
  132.     color: #448E43 !important;
  133.     font-size: 15px !important;
  134. }
  135.  
  136. /* ===========================================================================================
  137. ===========================" This Shot Was POOL invited...."
  138. Portrait★Faces★Open Minded :
  139. .group-invite-block .group-invite-contact>p>a[href="/groups/portrait_faces_open_minded_/"]:link
  140.  
  141. Portrait★Faces :
  142. .group-invite-block .group-invite-contact>p>a[href="/groups/portrait_face/"]:link
  143.  
  144. Portrait★Faces: (Dramatica) :
  145. .group-invite-block .group-invite-contact>p>a[href="/groups/the_cream_of_portraitfaces_/"]:link
  146. ================================================================================================= */
  147.  
  148. /* BLOCK CREATED FOR YOUR INVITS - === */
  149. #secondary-contexts:before {
  150. content:"Invitations sent by You : " !important;
  151. width:622px !important;
  152. height:21px !important;
  153. display:inline-block !important;
  154. position:fixed !important;
  155. color:grey !important;
  156. background: -moz-linear-gradient(center top , #4C4C4C, black) repeat scroll 0 0 transparent  !important;
  157. margin-top:-21px !important;
  158. z-index:500 !important;
  159. margin-left:-5px !important;
  160. padding:5px 0px 0px 5px !important;
  161. border-radius:5px 0 0 0 !important;
  162. z-index:500 !important;
  163. }
  164. /* in COMMENTS - "This photo was invited and added to the XXX Group" - === - === */
  165. .group-invite-block .group-invite-contact>p>a[href="/groups/portrait_faces_open_minded_/"]:link,
  166. .group-invite-block .group-invite-contact>p>a[href="/groups/portrait_face/"]:link,
  167. .group-invite-block .group-invite-contact>p>a[href="/groups/the_cream_of_portraitfaces_/"]:link{
  168.     background-color: #000000 !important;
  169.     box-shadow: 0 0 4px #999999 !important;
  170.     border-radius: 5px 5px 5px 5px !important;
  171.     padding-left: 5px !important;
  172.     padding-right: 5px !important;
  173.     color: #448E43 !important;
  174.     font-size: 15px !important;
  175.     font-weight: bold !important;
  176. }
  177. .group-invite-block .group-invite-contact>p>a[href="/groups/portrait_faces_open_minded_/"]:visited ,
  178. .group-invite-block .group-invite-contact>p>a[href="/groups/portrait_face/"]:visited ,
  179. .group-invite-block .group-invite-contact>p>a[href="/groups/the_cream_of_portraitfaces_/"]:visited{
  180.     color: #448E43 !important;
  181. }
  182.  
  183.  
  184. /* ==== POOL Context Side BAR ==== */
  185.  
  186. /* ====================================== - LINK -
  187. [title="Portrait★Faces★Open Minded"] :
  188. #context-link-pool-947672__at__N21
  189. =======================================
  190. Portrait★Faces :
  191. #context-link-pool-58146428__at__N00
  192. ===================================
  193. Portrait★Faces: (Dramatica) :
  194. context-link-pool-66063253__at__N00
  195. ===================================== - === */
  196. #context-link-pool-947672__at__N21:link,
  197. #context-link-pool-58146428__at__N00:link,
  198. #context-link-pool-66063253__at__N00:link {
  199.     margin-bottom: 5px !important;
  200.     margin-top: 5px !important;
  201.     background-color: #000000 !important;
  202.     box-shadow: 0 0 4px #999999 !important;
  203.     border-radius: 5px 5px 5px 5px !important;
  204.     color: #448E43 !important;
  205.     font-size: 15px !important;
  206.     font-weight: bold !important;
  207. }
  208. #context-link-pool-947672__at__N21:visited ,
  209. #context-link-pool-58146428__at__N00:visited ,
  210. #context-link-pool-66063253__at__N00:visited {
  211.     color: #448E43 !important;
  212. }
  213.  
  214. /* ========================== */
  215. /* ========================== */
  216.  
  217. /*  - Portrait★Faces★OpenMind -
  218. #context-link-pool-947672__at__N21:link:visited{
  219.     margin-bottom: 5px !important;
  220.     margin-top: 5px !important;
  221.     box-shadow: 0 0 4px #999999 !important;
  222.     border-radius: 5px 5px 5px 5px !important;
  223.     background-color: red !important;
  224.     color: #448E43 !important;
  225.     font-size: 15px !important;
  226. } === */
  227.  
  228. /*  - Portrait★Faces★OpenMind - === */
  229. #context-link-pool-947672__at__N21:link:hover{
  230.     box-shadow: 0 0 4px #999999 !important;
  231.     border-radius: 5px 5px 5px 5px !important;
  232.  
  233.     color: #448E43 !important;
  234.     font-size: 15px !important;
  235. }
  236.  
  237. /*  - Portrait★Faces★OpenMind - === */
  238. #context-link-pool-947672__at__N21:active{
  239.     margin-bottom: 5px !important;
  240.     margin-top: 5px !important;
  241.     box-shadow: 0 0 4px #999999 !important;
  242.     border-radius: 5px 5px 5px 5px !important;
  243.     background-color: #000000 !important;
  244.     color: #448E43 !important;
  245.     font-size: 15px !important;
  246. }
  247.  
  248.  
  249. /* === POOL CONTEXT WRAPPER ICON === */
  250.  
  251. /* "." - CONTEXT WRAPPER ICON - GO to POOL -(FIXED in Block top POOL SCROLL LIST) -
  252. - Portrait★Faces★OpenMind - - (PFO: 947672__at__N21 > #FB933A) - === */
  253.  
  254. #sidebar a#context-link-pool-947672__at__N21.context-link .context-wrapper span.context-icon {
  255.     background-color: #FB933A !important;
  256.     display: inline-block !important;
  257.     height: 5px !important;
  258.     width: 7px !important;
  259.     border-radius: 5px 5px 5px 5px !important;
  260.     opacity:0.5 !important;
  261. position: fixed !important;
  262. left: 1430px !important;
  263. top: 393px !important;
  264. z-index: 500 !important;
  265. }
  266. #sidebar a#context-link-pool-947672__at__N21.context-link .context-wrapper span.context-icon:hover {
  267.     opacity:1 !important;
  268. }
  269.  
  270. /* "o" -CONTEXT WRAPPER ICON - GO USER IN POOL -(FIXED in Block top POOL SCROLL LIST) -
  271.  - Portrait★Faces★OpenMind -(PFO: 947672__at__N21 > #FB933A) - === */
  272. #context-photos-pool947672__at__N21  {
  273.     display: inline-block !important;
  274.     z-index:500 !important;
  275. }
  276. #context-photos-pool947672__at__N21>span>a:after {
  277. content: "o" !important;
  278.     color: #FB933A !important;
  279.     display: inline-block !important;
  280.     height: 5px !important;
  281.     border-radius: 5px 5px 5px 5px !important;
  282.     display: block !important;
  283.     opacity:0.5 !important;
  284. position:fixed !important;
  285. top: 398px !important;
  286. left: 1430px !important;
  287. z-index: 100 !important;
  288. }
  289. #context-photos-pool947672__at__N21>span>a:hover:after {
  290. opacity:1 !important;
  291. }
  292.  
  293. /* "." - CONTEXT WRAPPER ICON - GO to POOL -
  294.  - Portrait★Faces: (Dramatica) - - (CPF / 66063253__at__N00 : #FFFF00)
  295.  - context-num-pool-66063253__at__N00
  296. === */
  297. #sidebar a#context-link-pool-66063253__at__N00.context-link .context-wrapper span.context-icon {
  298.     background-color: #FFFF00 !important;
  299.     display: inline-block !important;
  300.     height: 5px !important;
  301.     width: 7px !important;
  302.     border-radius: 5px 5px 5px 5px !important;
  303.     opacity:0.5 !important;
  304. position: fixed !important;
  305. left: 1440px !important;
  306. top: 393px !important;
  307. z-index: 500 !important;
  308. }
  309. #sidebar a#context-link-pool-66063253__at__N00.context-link .context-wrapper span.context-icon:hover {
  310.     opacity:1 !important;
  311. }
  312.  
  313. /* "0" - CONTEXT WRAPPER ICON - GO USER IN POOL
  314.  - "0" -Portrait★Faces: (Dramatica) - (CPF / 66063253__at__N00 : #FFFF00) - === */
  315. #context-photos-pool66063253__at__N00 {
  316.     display: inline-block !important;
  317.     z-index:500 !important;
  318. }
  319.  
  320. #context-photos-pool66063253__at__N00>span>a:after {
  321. content: "o" !important;
  322.     color: #FFFF00 !important;
  323.     display: inline-block !important;
  324.     height: 5px !important;
  325.     width: 5px !important;
  326.     opacity:0.5 !important;
  327. position:fixed !important;
  328. top: 398px !important;
  329. left: 1440px !important;
  330. z-index: 100 !important;
  331. }
  332. #context-photos-pool66063253__at__N00>span>a:hover:after {
  333.     opacity:1 !important;
  334. }
  335. /* "." - CONTEXT WRAPPER ICON - GO to POOL
  336.  - Portrait★Faces - - (PF / 58146428__at__N00 : #8DFBF7) - === */
  337.  
  338. #sidebar a#context-link-pool-58146428__at__N00.context-link .context-wrapper span.context-icon {
  339.     background-color: #8DFBF7 !important;
  340.     display: inline-block !important;
  341.     height: 5px !important;
  342.     position: fixed !important;
  343.     width: 7px !important;
  344.     border-radius: 5px 5px 5px 5px !important;
  345.     opacity:0.5 !important;
  346.     left: 1450px !important;
  347.     top: 393px !important;
  348.     z-index: 500 !important;
  349. }
  350. #sidebar a#context-link-pool-58146428__at__N00.context-link .context-wrapper span.context-icon:hover {
  351.     opacity:1 !important;
  352. }
  353.  
  354. /* "o" - CONTEXT WRAPPER ICON - GO USER IN POOL
  355.  - Portrait★Faces ==
  356. (PF / 58146428__at__N00 : #8DFBF7) -  === */
  357. #context-photos-pool58146428__at__N00 {
  358.     display: inline-block !important;
  359.     z-index:500 !important;
  360. }
  361.  
  362. #context-photos-pool58146428__at__N00>span>a:after {
  363. content: "o" !important;
  364.     color: #8DFBF7 !important;
  365.     display: inline-block !important;
  366.     height: 5px !important;
  367.     position: fixed !important;
  368.     width: 5px !important;
  369.     opacity:0.5 !important;
  370. top: 398px !important;
  371. left: 1450px !important;
  372. z-index: 500 !important;
  373. }
  374. #context-photos-pool58146428__at__N00>span>a:hover:after {
  375.     opacity:1 !important;
  376. }
  377.  
  378.  
  379.  
  380.  
  381. /* === END ======= */
  382.  
  383.  
  384.  
  385. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!