gavin19

Reddit - Pseudo-random links/images etc

Apr 26th, 2012
71
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.69 KB | None | 0 0
  1. Pseudo-random links/images etc
  2. ------------------------------
  3.  
  4. .side .usertext a[href] {
  5.     display: block;
  6.     font-size: 0;
  7.     height: 0;
  8.     width: 300px;
  9.     background: -o-linear-gradient(left, #fff, #cee3f8);
  10.     background: -moz-linear-gradient(left, #fff, #cee3f8);
  11.     background: -webkit-linear-gradient(left, #fff, #cee3f8);
  12. }
  13. .side .usertext[id] a[href]:after {
  14.     content: 'Hover ME!!!';
  15.     display: inline;
  16.     font-size: 18px!important;
  17.     line-height:30px;
  18. }
  19. .side .usertext[id] a[href] {
  20.     overflow: hidden;
  21. }
  22. .side .usertext[id] a[href]:hover:before {
  23.     position: fixed;
  24.     top: 10px;
  25.     left: 10px;
  26.     width: auto;
  27.     height: auto;
  28.     border-radius: 7px;
  29.     font-size: 50px;
  30.     padding: 0;
  31.     text-align: center;
  32.     border: 2px solid black;
  33.     background-color: red;
  34.     color:white;
  35.     padding: 7px;
  36.     z-index: 9999;
  37. }
  38.  
  39. .side .usertext[id$="a"] a[href$="a"]:hover:before {
  40.     content: attr(href);
  41. }
  42. .side .usertext[id$="a"] a[href$="a"] {
  43.     height: 30px!important;
  44. }
  45. .side .usertext[id$="b"] a[href$="b"]:hover:before {
  46.     content: attr(href);
  47. }
  48. .side .usertext[id$="b"] a[href$="b"] {
  49.     height: 30px!important;
  50. }
  51. .side .usertext[id$="c"] a[href$="c"]:hover:before {
  52.     content: attr(href);
  53. }
  54. .side .usertext[id$="c"] a[href$="c"] {
  55.     height: 30px!important;
  56. }
  57. .side .usertext[id$="d"] a[href$="d"]:hover:before {
  58.     content: attr(href);
  59. }
  60. .side .usertext[id$="d"] a[href$="d"] {
  61.     height: 30px!important;
  62. }
  63. .side .usertext[id$="e"] a[href$="e"]:hover:before {
  64.     content: attr(href);
  65. }
  66. .side .usertext[id$="e"] a[href$="e"] {
  67.     height: 30px!important;
  68. }
  69. .side .usertext[id$="f"] a[href$="f"]:hover:before {
  70.     content: attr(href);
  71. }
  72. .side .usertext[id$="f"] a[href$="f"] {
  73.     height: 30px!important;
  74. }
  75. .side .usertext[id$="g"] a[href$="g"]:hover:before {
  76.     content: attr(href);
  77. }
  78. .side .usertext[id$="g"] a[href$="g"] {
  79.     height: 30px!important;
  80. }
  81. .side .usertext[id$="h"] a[href$="h"]:hover:before {
  82.     content: attr(href);
  83. }
  84. .side .usertext[id$="h"] a[href$="h"] {
  85.     height: 30px!important;
  86. }
  87. .side .usertext[id$="i"] a[href$="i"]:hover:before {
  88.     content: attr(href);
  89. }
  90. .side .usertext[id$="i"] a[href$="i"] {
  91.     height: 30px!important;
  92. }
  93. .side .usertext[id$="j"] a[href$="j"]:hover:before {
  94.     content: attr(href);
  95. }
  96. .side .usertext[id$="j"] a[href$="j"] {
  97.     height: 30px!important;
  98. }
  99. .side .usertext[id$="k"] a[href$="k"]:hover:before {
  100.     content: attr(href);
  101. }
  102. .side .usertext[id$="k"] a[href$="k"] {
  103.     height: 30px!important;
  104. }
  105. .side .usertext[id$="l"] a[href$="l"]:hover:before {
  106.     content: attr(href);
  107. }
  108. .side .usertext[id$="l"] a[href$="l"] {
  109.     height: 30px!important;
  110. }
  111. .side .usertext[id$="m"] a[href$="m"]:hover:before {
  112.     content: attr(href);
  113. }
  114. .side .usertext[id$="m"] a[href$="m"] {
  115.     height: 30px!important;
  116. }
  117. .side .usertext[id$="n"] a[href$="n"]:hover:before {
  118.     content: attr(href);
  119. }
  120. .side .usertext[id$="n"] a[href$="n"] {
  121.     height: 30px!important;
  122. }
  123. .side .usertext[id$="o"] a[href$="o"]:hover:before {
  124.     content: attr(href);
  125. }
  126. .side .usertext[id$="o"] a[href$="o"] {
  127.     height: 30px!important;
  128. }
  129. .side .usertext[id$="p"] a[href$="p"]:hover:before {
  130.     content: attr(href);
  131. }
  132. .side .usertext[id$="p"] a[href$="p"] {
  133.     height: 30px!important;
  134. }
  135. .side .usertext[id$="q"] a[href$="q"]:hover:before {
  136.     content: attr(href);
  137. }
  138. .side .usertext[id$="q"] a[href$="q"] {
  139.     height: 30px!important;
  140. }
  141. .side .usertext[id$="r"] a[href$="r"]:hover:before {
  142.     content: attr(href);
  143. }
  144. .side .usertext[id$="r"] a[href$="r"] {
  145.     height: 30px!important;
  146. }
  147. .side .usertext[id$="s"] a[href$="s"]:hover:before {
  148.     content: attr(href);
  149. }
  150. .side .usertext[id$="s"] a[href$="s"] {
  151.     height: 30px!important;
  152. }
  153. .side .usertext[id$="t"] a[href$="t"]:hover:before {
  154.     content: attr(href);
  155. }
  156. .side .usertext[id$="t"] a[href$="t"] {
  157.     height: 30px!important;
  158. }
  159. .side .usertext[id$="u"] a[href$="u"]:hover:before {
  160.     content: attr(href);
  161. }
  162. .side .usertext[id$="u"] a[href$="u"] {
  163.     height: 30px!important;
  164. }
  165. .side .usertext[id$="v"] a[href$="v"]:hover:before {
  166.     content: attr(href);
  167. }
  168. .side .usertext[id$="v"] a[href$="v"] {
  169.     height: 30px!important;
  170. }
  171. .side .usertext[id$="w"] a[href$="w"]:hover:before {
  172.     content: attr(href);
  173. }
  174. .side .usertext[id$="w"] a[href$="w"] {
  175.     height: 30px!important;
  176. }
  177. .side .usertext[id$="x"] a[href$="x"]:hover:before {
  178.     content: attr(href);
  179. }
  180. .side .usertext[id$="x"] a[href$="x"] {
  181.     height: 30px!important;
  182. }
  183. .side .usertext[id$="y"] a[href$="y"]:hover:before {
  184.     content: attr(href);
  185. }
  186. .side .usertext[id$="y"] a[href$="y"] {
  187.     height: 30px!important;
  188. }
  189. .side .usertext[id$="z"] a[href$="z"]:hover:before {
  190.     content: attr(href);
  191. }
  192. .side .usertext[id$="z"] a[href$="z"] {
  193.     height: 30px!important;
  194. }
  195. .side .usertext[id$="0"] a[href$="0"]:hover:before {
  196.     content: attr(href);
  197. }
  198. .side .usertext[id$="0"] a[href$="0"] {
  199.     height: 30px!important;
  200. }
  201. .side .usertext[id$="1"] a[href$="1"]:hover:before {
  202.     content: attr(href);
  203. }
  204. .side .usertext[id$="1"] a[href$="1"] {
  205.     height: 30px!important;
  206. }
  207. .side .usertext[id$="2"] a[href$="2"]:hover:before {
  208.     content: attr(href);
  209. }
  210. .side .usertext[id$="2"] a[href$="2"] {
  211.     height: 30px!important;
  212. }
  213. .side .usertext[id$="3"] a[href$="3"]:hover:before {
  214.     content: attr(href);
  215. }
  216. .side .usertext[id$="3"] a[href$="3"] {
  217.     height: 30px!important;
  218. }
  219. .side .usertext[id$="4"] a[href$="4"]:hover:before {
  220.     content: attr(href);
  221. }
  222. .side .usertext[id$="4"] a[href$="4"] {
  223.     height: 30px!important;
  224. }
  225. .side .usertext[id$="5"] a[href$="5"]:hover:before {
  226.     content: attr(href);
  227. }
  228. .side .usertext[id$="5"] a[href$="5"] {
  229.     height: 30px!important;
  230. }
  231. .side .usertext[id$="6"] a[href$="6"]:hover:before {
  232.     content: attr(href);
  233. }
  234. .side .usertext[id$="6"] a[href$="6"] {
  235.     height: 30px!important;
  236. }
  237. .side .usertext[id$="7"] a[href$="7"]:hover:before {
  238.     content: attr(href);
  239. }
  240. .side .usertext[id$="7"] a[href$="7"] {
  241.     height: 30px!important;
  242. }
  243. .side .usertext[id$="8"] a[href$="8"]:hover:before {
  244.     content: attr(href);
  245. }
  246. .side .usertext[id$="8"] a[href$="8"] {
  247.     height: 30px!important;
  248. }
  249. .side .usertext[id$="9"] a[href$="9"]:hover:before {
  250.     content: attr(href);
  251. }
  252. .side .usertext[id$="9"] a[href$="9"] {
  253.     height: 30px!important;
  254. }
  255.  
  256. ------------------------------
  257. In sidebar description field
  258. ------------------------------
  259. [](https://www.google.co.uk/?q=a)
  260. [](https://www.google.co.uk/?q=b)
  261. [](https://www.google.co.uk/?q=c)
  262. [](https://www.google.co.uk/?q=d)
  263. [](https://www.google.co.uk/?q=e)
  264. [](https://www.google.co.uk/?q=f)
  265. [](https://www.google.co.uk/?q=g)
  266. [](https://www.google.co.uk/?q=h)
  267. [](https://www.google.co.uk/?q=i)
  268. [](https://www.google.co.uk/?q=j)
  269. [](https://www.google.co.uk/?q=k)
  270. [](https://www.google.co.uk/?q=l)
  271. [](https://www.google.co.uk/?q=m)
  272. [](https://www.google.co.uk/?q=n)
  273. [](https://www.google.co.uk/?q=o)
  274. [](https://www.google.co.uk/?q=p)
  275. [](https://www.google.co.uk/?q=q)
  276. [](https://www.google.co.uk/?q=r)
  277. [](https://www.google.co.uk/?q=s)
  278. [](https://www.google.co.uk/?q=t)
  279. [](https://www.google.co.uk/?q=u)
  280. [](https://www.google.co.uk/?q=v)
  281. [](https://www.google.co.uk/?q=w)
  282. [](https://www.google.co.uk/?q=x)
  283. [](https://www.google.co.uk/?q=y)
  284. [](https://www.google.co.uk/?q=z)
  285. [](https://www.google.co.uk/?q=0)
  286. [](https://www.google.co.uk/?q=1)
  287. [](https://www.google.co.uk/?q=2)
  288. [](https://www.google.co.uk/?q=3)
  289. [](https://www.google.co.uk/?q=4)
  290. [](https://www.google.co.uk/?q=5)
  291. [](https://www.google.co.uk/?q=6)
  292. [](https://www.google.co.uk/?q=7)
  293. [](https://www.google.co.uk/?q=8)
  294. [](https://www.google.co.uk/?q=9)
Add Comment
Please, Sign In to add comment