API tools faq
paste
Advertisement
ashtonirwins

About Me 1 | Fabulouls

ashtonirwins
Jun 26th, 2014
477
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.47 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <title>About Me.</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <head>
  6. <link href='http://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
  7. <script language="JavaScript" src="http://dl.dropbox.com/u/3173073/GothicDarkness/qTip.js"type="text/JavaScript"></script>
  8. <style>
  9. div#qTip {
  10. padding:4px;
  11. height: auto;
  12. margin-top:-25px;
  13. margin-left:-60px;
  14. font-family:Impact;
  15. font-size:14px;
  16. display:none;
  17. text-align:center;
  18. position:absolute;
  19. line-height:10px;
  20. text-transform:uppercase;
  21. letter-spacing:0px;
  22. z-index:999999999999;
  23. border:0px solid #efefef;
  24. background:transparent;
  25. letter-spacing:1px;
  26. border-radius:0px;
  27. color:#000;
  28. box-shadow:0px 0px 0px rgba(0,0,0,.1);}
  29. </style>
  30. <style type="text/css">*, body, a, a:hover {cursor: url(http://www.totallylayouts.com/cursors/random/tiny_cursor.png), auto;}</style>
  31. <style type="text/css">
  32. ::-webkit-scrollbar{
  33. background-color:#000;/* Change the color of the scrollbar */
  34. border:2px solid #fff;
  35. height:5px;
  36. width:5px;
  37. }
  38. ::-webkit-scrollbar-thumb:vertical{
  39. background-color:#000;/* Change the color of the scrollbar */
  40. border:0px solid #000;
  41. height:40px;
  42. }
  43. ::-webkit-scrollbar-thumb:horizontal{
  44. background-color:#000;/* Change the color of the scrollbar */
  45. border:1px solid #fff;
  46. height:8px!important
  47. }
  48. ::selection {
  49. background: transparent;
  50. color: #948937;/* Change the color of hilighted text */
  51. }
  52. ::-moz-selection {
  53. background:transparent;
  54. color: #948937;/* Change the color of hilighted text */
  55. }
  56. ::-webkit-selection {
  57. background: transparent;
  58. color: #948937;/* Change the color of hilighted text */
  59. }
  60. body{
  61. background-color:#fff;/* Change the color of the background*/ background-image:url ('');
  62. }
  63. a{
  64. text-decoration:none;
  65. color:#D0C2A7;/* Change the link colors */
  66. transition: all .5s;
  67. -moz-outline-style:none;
  68. -moz-transition: all .5s;
  69. -o-transition: all .5s;
  70. -webkit-transition: all .5s;
  71. -ms-transition: all .5s;
  72. }
  73. a:hover{
  74. color:#D4E2BE;/* Change the link hover colors */
  75. transition: all .5s;
  76. -moz-transition: all .5s;
  77. -o-transition: all 5s;
  78. -webkit-transition: all .5s;
  79. -ms-transition: all .5s;
  80. }
  81. #wholething{
  82. margin-top:150px;
  83. margin-left:110px;
  84. }
  85. #wordz{
  86. font-family:arial;
  87. font-size:11px;
  88. color:#454545;/* Change the color of the text */
  89. background-color:transparent;/* Change the background of the box */
  90. position:absolute;
  91. z-index:9;
  92. margin-left:420px;
  93. margin-top:70px;
  94. }
  95. @font-face {
  96. font-family: 'green pilloww';
  97. src: url('http://static.tumblr.com/gjwrdqc/rLXn7smjg/greenpil.otf') format('opentype');
  98. font-weight: normal;
  99. font-style: normal;
  100. }
  101. #title{
  102. position:absolute;
  103. font-family:lala;
  104. font-size:70px;
  105. width:300px;
  106. height:auto;
  107. z-index:99;
  108. margin-left:440px;
  109. margin-top:-20px;
  110. }
  111. @font-face{font-family:Lala;src:url(http://static.tumblr.com/vpzhdvv/6d7m90v7t/111.woff);}
  112. h1{
  113. font-family:lala;
  114. font-size:21px;
  115. color:#454545;
  116. text-align:center;
  117. border-bottom:1px solid #fecec4;
  118. }
  119. h2{
  120. font-family:arial;
  121. font-size:10px;
  122. color:#454545;
  123. text-align:center;
  124. }
  125. #links {
  126. margin-top:60px;
  127. margin-left:280px;
  128. position:absolute;
  129. width:230px;
  130. padding: 5px;
  131. word-spacing:18px;
  132. font-family:cambria;
  133. text-align:right;
  134. text-transform:uppercase;
  135. transform:rotate(90deg);
  136. -ms-transform:rotate(90deg);
  137. -webkit-transform:rotate(90deg);
  138. }
  139. #links a {
  140. width:12px;
  141. height:12px;
  142. font-style:bold;
  143. display:inline-block;
  144. background-color:#000;
  145. border:1px solid;
  146. border-color:#000;
  147. border-radius:50px;
  148. -webkit-transition: all 0.7s ease;
  149. -moz-transition: all 0.7s ease;
  150. -o-transition: all 0.7s ease;
  151. -ms-transition: all 0.7s ease;
  152. transition: all 0.7s ease;
  153. }
  154. #links a:hover {
  155. background-color:white;
  156. }
  157. #credit {
  158. font-size:8px;
  159. font-family: arial;
  160. text-transform:uppercase;
  161. letter-spacing:1px;
  162. }
  163. #credit:hover{
  164. letter-spacing:3px;
  165. }
  166. #credit a {
  167. background-color:#fff;
  168. padding:5px;
  169. border:1px solid #EB656E;
  170. position:absolute;
  171. right:5px;
  172. bottom:4px;
  173. text-decoration:none;
  174. color:#EB656E;
  175. -moz-transition-duration:.5s;
  176. -webkit-transition-duration:.5s;
  177. -o-transition-duration:.5s;
  178. }
  179. #credit a:hover {
  180. color:#fff;
  181. background-color:#EB656E;
  182. -moz-transition-duration:.5s;
  183. -webkit-transition-duration:.5s;
  184. -o-transition-duration:.5s;
  185. }
  186. </style>
  187. </head>
  188. <body>
  189. <div id="wholething">
  190. <div id="links">
  191. <a title="Link 1" href="/"></a>
  192. <a title="Link 2" href="/"></a>
  193. <a title="Link 3" href="/"></a>
  194. <a title="Link 4" href="/"></a>
  195. <a title="Link 5" href="/"></a>
  196. <a title="Link 6" href="/"></a>
  197. <a title="Link 7" href="/"></a>
  198. </div>
  199. <div id="title">
  200. about me
  201. </div>
  202. <div id="wordz">
  203. <div style="height:230px;width:300px;border:0px solid #ccc;overflow:auto;">
  204. Put your text here :)<br>
  205. Seperat it like you see in the code
  206. <p>
  207. if you have any questions, send them<i> <a href="/message">here.</a></i><br>
  208. you can make this text as long as you want<br>
  209. the scrollbar will apear when needed :)
  210. <p>
  211. download this page <i><a href="">here.</a></i><br>
  212. Make sure you like/reblog the post!!<br>
  213. also, be sure to follow all the rules :)
  214. <p>
  215. <h1>header</h1>
  216. <big>big text</big><br>
  217. <small>small text</small><br>
  218. <i>Italics</i><br>
  219. <b>bold</b><br>
  220. <u>underline</u><br>
  221. <s>strikethrough</s><br>
  222. <a>Link</a><br>
  223. </div>
  224. </div>
  225. </div>
  226. </body>
  227. </html>
  228. <!--
  229. DO NOT FREAKING REMOVE
  230. -->
  231. <div id="credit"><a href="http://ashton.co.vu"target="_blank">fabulouls</a></div>
  232. <!--
  233. DO NOT FREAKING REMOVE
  234. -->
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!