API tools faq
paste
Advertisement
beliebertime

bout me

beliebertime
Apr 19th, 2014
117
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 5.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-- BY LOUISWILLAM AKA LAURA
  4.  
  5. FOLLOW THE RULES PLEASE
  6. -->
  7. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  8.  
  9.  
  10. <head>
  11.  
  12. <style type="text/css">
  13.  
  14. ::-webkit-scrollbar {
  15. width:3px;
  16. background:rgba(255,255,255,.1);
  17. }
  18.  
  19. ::-webkit-scrollbar-thumb {
  20. background-color:#E88ED7;/*scrollbar color*/
  21. }
  22.  
  23. body {
  24. font-style:none;
  25. background-color:#fff;
  26. font-family:calibri;
  27. color:#000;
  28. font-size:9px;
  29. }
  30.  
  31.  
  32. a {
  33. color:#000;
  34. text-decoration:none;
  35. -webkit-transition: all 0.5s ease-out;
  36. -moz-transition: all 0.5s ease-out;
  37. transition: all 0.5s ease-out;
  38. }
  39.  
  40. a:hover {
  41. color:#e88ed7; /*if u link things in the about section here is where u change the hover color*/
  42. text-decoration:none;
  43. -webkit-transition: all 0.8s ease-out;
  44. -moz-transition: all 0.8s ease-out;
  45. transition: all 0.8s ease-out;
  46. }
  47.  
  48. h1 {
  49. font-size:10px;
  50. }
  51.  
  52. #rawid {
  53. right:6px;
  54. bottom:6px;
  55. font-size:14px;
  56. padding:5px;
  57. color:#000;
  58. text-transform:uppercase;
  59. letter-spacing:-1.5px;
  60. font-family:arial;
  61. font-weight:900;
  62. position:fixed;
  63. -webkit-transition: all 0.5s ease-out;
  64. -moz-transition: all 0.5s ease-out;
  65. transition: all 0.5s ease-out;
  66. }
  67.  
  68. #rawid:hover {
  69. color:#e88ed7;
  70. }
  71.  
  72. #linkys {
  73. position:fixed;
  74. top:151px;
  75. width:150px;
  76. left:550px;
  77. letter-spacing:0px;
  78. font-weight:600;
  79. font-family:arial;
  80. text-transform:none;
  81. text-align:right;
  82. z-index:999999999;
  83. }
  84.  
  85. #linkys a {
  86. padding:3px;
  87. font-size:9px;
  88. }
  89.  
  90. #linkys a:hover {
  91. color:#E88ED7; /*links hover color*/
  92. }
  93.  
  94. #up {
  95. font-size:30px;
  96. font-weight:none;
  97. font-family:helvetica;
  98. text-transform:lowercase;
  99. text-align:left;
  100. color:black;
  101. position:fixed;
  102. top:230px;
  103. left:297px;
  104. height:33px;
  105. width:175px;
  106. line-height:40px;
  107. letter-spacing:-2px;
  108. transform:rotate(-90deg);
  109. -ms-transform:rotate(-90deg);
  110. -webkit-transform:rotate(-90deg);
  111.  
  112.  
  113. }
  114.  
  115.  
  116. #bg {
  117. width:300px;
  118. height:175px;
  119. background:url(http://24.media.tumblr.com/5eaa3eb5b4959d6e1aac304f611c56b7/tumblr_n3jgswIedI1svrh8zo2_400.jpg);
  120. top:160px;
  121. left:400px;
  122. position:fixed;
  123. z-index:-999;
  124. }
  125.  
  126. #rules{
  127. position:fixed;
  128. width:246px;
  129. height:120px;
  130. top:183px;
  131. left:420px;
  132. padding-top:7px;
  133. padding-left:7px;
  134. padding-right:7px;
  135. padding-bottom:4px;
  136. font-family:helvetica;
  137. text-align:left;
  138. font-weight:300;
  139. overflow:auto;
  140. font-size:11px;
  141. line-height:12px;
  142. letter-spacing:1px;
  143. background-color:transparent;
  144. color:#000000;
  145. z-index:999;
  146.  
  147. }
  148.  
  149. #rulesbg{
  150. position:fixed;
  151. width:246px;
  152. height:120px;
  153. top:183px;
  154. left:420px;
  155. padding-top:7px;
  156. padding-left:7px;
  157. padding-right:7px;
  158. padding-bottom:4px;
  159. font-family:helvetica;
  160. overflow:auto;
  161. font-size:10px;
  162. line-height:12px;
  163. opacity:.6;
  164. background-color:#ffffff;
  165. color:#000000;
  166. z-index:999;
  167. }
  168.  
  169. #s-m-t-tooltip {
  170.  
  171. max-width:300px;
  172. padding:1px 1px 1px 1px;
  173. margin:-25px 0px 0px -10px;
  174. background-color:#fff;
  175. font-family:helvetica;
  176. font-weight:300;
  177. font-size:9.5px;
  178. letter-spacing:.5px;
  179. text-transform:none;
  180. color:#000;
  181. z-index:999999999999999999999999999999999999;
  182.  
  183. }
  184.  
  185. {CustomCSS}
  186.  
  187. </style></head>
  188.  
  189.  
  190. <body>
  191.  
  192. <div id="up">about me</div> <!--TITLE GOES HERE-->
  193. <div id="linkys"> <!--CHANGE THE LINKS BELOW-->
  194. <a href="/">back</a>
  195. <a href="/ask">message</a>
  196. <a href="URL HERE">navi</a>
  197. </div>
  198.  
  199. <div id="bg"></div>
  200. <div id="rulesbg"></div>
  201. <div id="rules"><!--WRITE ABOUT YOURSELF BELOW-->
  202. write all ur about me stuff here yay
  203. <br>
  204. it can be hellaaaa long because theres a scrollbar so rad. <b>bold.</b> <i>italic.</i> <u>underline.</u>
  205. <br>
  206. <br>
  207. <b>likes:</b> water type pokemon and the fourth amendment
  208. <br>
  209. <br>
  210. <b>dislikes:</b> trigonometry and slow internet
  211. <br>
  212. <br>
  213. <b>favorite quote:</b> "it does not matter how slow you go so long as you do not stop" - wisdom of confucious
  214. <br>
  215. <br>
  216. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
  217.  
  218. </div>
  219.  
  220. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  221.  
  222. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  223.  
  224. <script>
  225.  
  226. (function($){
  227.  
  228. $(document).ready(function(){
  229.  
  230. $("a[title]").style_my_tooltips({
  231.  
  232. tip_follows_cursor:true,
  233.  
  234. tip_delay_time:90,
  235.  
  236. tip_fade_speed:600,
  237.  
  238. attribute:"title"
  239.  
  240. });
  241.  
  242. });
  243.  
  244. })(jQuery);
  245.  
  246. </script>
  247.  
  248. <div id="rawid"><a title= "theme by louiswillam" href="http://louiswillam.tumblr.com/">LW</a>
  249.  
  250.  
  251. </body>
  252. </html>
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!