API tools faq
paste
Advertisement
wufanyeol

blogroll 001 kris

wufanyeol
Feb 8th, 2014
162
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.17 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head><link href='http://media.tumblr.com/tumblr_m3mtldNRwO1r0j5oa.gif' rel='icon' type='image/x-icon'/>
  3. <title>blogroll 1</title>
  4.  
  5. <style type="text/css">
  6. body{
  7. background:url(http://30.media.tumblr.com/tumblr_lz2qehhXrT1r9g6hvo2_r1_100.png) repeat;
  8. font-family:trebuchet ms;
  9. font-size:12px;
  10. color:#aaa}
  11.  
  12. #navbar-iframe {
  13. display: none !important;
  14. }
  15. .title{
  16. font-family: trebuchet ms;
  17. text-transform: uppercase;
  18. text-decoration:none;
  19. font-size:60px;
  20. text-shadow:0px 0px 6px #aaa;}
  21.  
  22. a{
  23. text-decoration:none;
  24. color:#000;
  25. -webkit-transition: all 0.5s ease-in-out;
  26. -moz-transition: all 0.5s ease-in-out;
  27. -o-transition: all 0.5s ease-in-out;
  28. -ms-transition: all 0.5s ease-in-out;
  29. transition: all 0.5s ease-in-out;
  30. }
  31.  
  32. a:hover{
  33. color:#fff;
  34. background:#fff;
  35. }
  36.  
  37. a.sunny{
  38. float:right;
  39. color:#A4A4A4;
  40. text-decoration:none;}
  41.  
  42. a.sunny:hover{
  43. color:#000;
  44. background:none;}
  45.  
  46. ::-webkit-scrollbar {
  47. width: 7px;
  48. }
  49.  
  50. ::-webkit-scrollbar-thumb {
  51. border-radius: 30px;
  52. background:#D8D8D8;
  53. }
  54.  
  55. a.credit{
  56. font-size:11px;text-decoration:none;}
  57.  
  58. .button{
  59. display:inline-block;
  60. background:#fff;
  61. border:1px dashed #A4A4A4;
  62. padding: 3px;
  63. border-radius:5px;
  64. margin: 2px;text-align:center;
  65. color:#A4A4A4;
  66. -webkit-transition: 0.4s;
  67. height:20px;
  68. width:77px;
  69. font-family: 'Cutive Mono', serif;
  70. font-size:13px;
  71. }
  72. .button:hover {
  73. display:inline-block;
  74. background:#A4A4A4;
  75. border:1px dashed #Fff;
  76. padding: 3px;
  77. border-radius:5px;
  78. margin: 2px;text-align:center;
  79. color:#fff;
  80. -webkit-transition: 0.5s;}
  81.  
  82. .button1{
  83. display:inline-block;
  84. background:#A4A4A4;
  85. border:1px dashed #A4A4A4;
  86. padding: 3px;
  87. border-radius:5px;
  88. margin: 2px;text-align:center;
  89. color:#fff;
  90. -webkit-transition: 0.4s;
  91. height:20px;
  92. width:30px;
  93. font-family: 'Cutive Mono', serif;
  94. font-size:13px;
  95. }
  96. .button1:hover {
  97. display:inline-block;
  98. background:transparent;
  99. border:1px dashed #Fff;
  100. padding: 3px;
  101. border-radius:5px;
  102. margin: 2px;text-align:center;
  103. color:#A4A4A4;
  104. -webkit-transition: 0.5s;}
  105.  
  106.  
  107. #s-m-t-tooltip {
  108.  
  109. max-width:300px;
  110. max-width:300px;
  111. padding:4px 4px 4px 6px;
  112. margin:20px 0px 0px 20px;
  113. background-color:#fff; /* change the background color */
  114. border:1px solid #ddd; /* change the border color */
  115. font-family:arial, sans serif; /* change the font */
  116. font-size:9px; /* change the font size */
  117. font-style:italic;
  118. letter-spacing:2px; /* change the letter spacing */
  119. text-transform:lowercase; /* can be uppercase, lowercase, none*/
  120. color:#999; /* change the text color */
  121. z-index:999999999999999999999999999999999999;
  122. }
  123.  
  124. #unnie{
  125. background:#FFFFFF;
  126. color:#000;
  127. width:230px;
  128. height:115px;
  129. margin-top:-240px;
  130. top:510px;
  131. left:80px;
  132. position:fixed;
  133. opacity:0.8;
  134. padding:5px;
  135. fixed;
  136. opacity:.0;
  137. -webkit-transition:all .5s ease-in-out; }
  138. #unnie:hover{opacity:.8}
  139.  
  140. </style></head><body>
  141. <center>
  142. <a class="button1" href="http://keyboard-and-piano.blogspot.com"title="credit" style=" top:250px; left:100px; position:fixed; opacity:0.8;padding:5px; fixed;" >I</a>
  143.  
  144. <a class="button1" href=""title="main blog" style=" top:250px; left:150px; position:fixed; opacity:0.8;padding:5px; fixed;" >II</a>
  145.  
  146. <a class="button1" href="http://ask.fm/"title="ask.fm" style=" top:250px; left:200px; position:fixed; opacity:0.8;padding:5px; fixed;" >III</a>
  147.  
  148. <a class="button1" href="http://ask.fm/"title="tumblr" style=" top:250px; left:250px; position:fixed; opacity:0.8;padding:5px; fixed;" >IV</a>
  149. </center>
  150. <br>
  151. <img src="http://31.media.tumblr.com/18efa37e3a813178f0908a2e4a6ccf4e/tumblr_mw94wkXHiR1qaaovco2_400.gif" style=" top:270px; left:80px; position:fixed; opacity:0.8;padding:5px; fixed;" width="230">
  152. <div id="unnie">
  153. <center><center><br><br>
  154. cbox code in 200 x 0 size
  155. </div></center>
  156.  
  157.  
  158. <center>
  159. <div class="title"><span style="color:#1C1C1C">blog</span><span style="color:#A4A4A4;">roll</span></h1></div>
  160.  
  161.  
  162. <div style="border:1px solid #ddd;padding:3px;width:550px;background:#fff;"><div style="background:url(http://3.bp.blogspot.com/-tGcR_8BQY34/T-NxN4mysbI/AAAAAAAAH7k/Ad4-c1wpVik/s200/tumblr_ls2e05Cme11r3vazto6_500.jpg) repeat;;width:530px;height:390px;text-align:left;padding:10px; overflow-y:scroll; box-shadow:inset 0px 0px 6px #ccc;"><br>
  163. <center>
  164. <a class="button" href="">wufan</a>
  165. <a class="button" href="">wufan</a>
  166. <a class="button" href="">wufan</a>
  167. <a class="button" href="">wufan</a>
  168. <a class="button" href="">wufan</a>
  169. <br>
  170. <a class="button" href="">wufan</a>
  171. <a class="button" href="">wufan</a>
  172. <a class="button" href="">wufan</a>
  173. <a class="button" href="">wufan</a>
  174. <a class="button" href="">wufan</a>
  175. <br>
  176. <a class="button" href="">wufan</a>
  177. <a class="button" href="">wufan</a>
  178. <a class="button" href="">wufan</a>
  179. <a class="button" href="">wufan</a>
  180. <a class="button" href="">wufan</a>
  181. <br>
  182. <a class="button" href="">wufan</a>
  183. <a class="button" href="">wufan</a>
  184. <a class="button" href="">wufan</a>
  185. <a class="button" href="">wufan</a>
  186. <a class="button" href="">wufan</a>
  187. <br>
  188. <a class="button" href="">wufan</a>
  189. <a class="button" href="">wufan</a>
  190. <a class="button" href="">wufan</a>
  191. <a class="button" href="">wufan</a>
  192. <a class="button" href="">wufan</a>
  193. <br>
  194. <a class="button" href="">wufan</a>
  195. <a class="button" href="">wufan</a>
  196. <a class="button" href="">wufan</a>
  197. <a class="button" href="">wufan</a>
  198. <a class="button" href="">wufan</a>
  199. <br>
  200. <a class="button" href="">wufan</a>
  201. <a class="button" href="">wufan</a>
  202. <a class="button" href="">wufan</a>
  203. <a class="button" href="">wufan</a>
  204. <a class="button" href="">wufan</a>
  205. <br>
  206. <a class="button" href="">wufan</a>
  207. <a class="button" href="">wufan</a>
  208. <a class="button" href="">wufan</a>
  209. <a class="button" href="">wufan</a>
  210. <a class="button" href="">wufan</a>
  211. <br>
  212. <a class="button" href="">wufan</a>
  213. <a class="button" href="">wufan</a>
  214. <a class="button" href="">wufan</a>
  215. <a class="button" href="">wufan</a>
  216. <a class="button" href="">wufan</a>
  217. <br>
  218. <a class="button" href="">wufan</a>
  219. <a class="button" href="">wufan</a>
  220. <a class="button" href="">wufan</a>
  221. <a class="button" href="">wufan</a>
  222. <a class="button" href="">wufan</a>
  223. <br>
  224. <a class="button" href="">wufan</a>
  225. <a class="button" href="">wufan</a>
  226. <a class="button" href="">wufan</a>
  227. <a class="button" href="">wufan</a>
  228. <a class="button" href="">wufan</a>
  229. <br>
  230. <a class="button" href="">wufan</a>
  231. <a class="button" href="">wufan</a>
  232. <a class="button" href="">wufan</a>
  233. <a class="button" href="">wufan</a>
  234. <a class="button" href="">wufan</a>
  235. <br>
  236. <a class="button" href="">wufan</a>
  237. <a class="button" href="">wufan</a>
  238. <a class="button" href="">wufan</a>
  239. <a class="button" href="">wufan</a>
  240. <a class="button" href="">wufan</a>
  241. <br>
  242. <a class="button" href="">wufan</a>
  243. <a class="button" href="">wufan</a>
  244. <a class="button" href="">wufan</a>
  245. <a class="button" href="">wufan</a>
  246. <a class="button" href="">wufan</a>
  247. <br><br>
  248. </center>
  249. </div>
  250.  
  251. </div></div>
  252.  
  253.  
  254.  
  255. </html>
  256. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  257. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  258. <script>
  259. (function($){
  260. $(document).ready(function(){
  261. $("[title]").style_my_tooltips();
  262. });
  263. })(jQuery);
  264. </script>
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!