API tools faq
paste
assshhhhllleey

about page 01

assshhhhllleey
Jul 9th, 2013
1,320
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.63 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. 　　　　　　
  3. About Page 01 by
  4.  
  5. ╱╭╮╱╱╱╱╱╱╱╱╱╭╮╱╱╭╮
  6. ╭╯╰╮╱╱╱╱╱╱╱╱┃┃╱╭╯╰╮
  7. ╰╮╭┫╭╮╭┳━━┳━┫┃╭╋╮╭╋━╮╭━━┳━┳━┳╮╱╭╮
  8. ╱┃┃╰╯╰╯┃┃━┫╭┫╰╯╋┫┃┃╭╮┫╭╮┃╭┫╭┫┃╱┃┃
  9. ╱┃╰╮╭╮╭┫┃━┫┃┃╭╮┫┃╰┫┃┃┃╭╮┃┃┃┃┃╰━╯┃
  10. ╱╰━┻╯╰╯╰━━┻╯╰╯╰┻┻━┻╯╰┻╯╰┻╯╰╯╰━╮╭╯
  11. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╭━╯┃
  12. ╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╱╰━━╯
  13.  
  14. aka ashley
  15.  
  16. -->
  17.  
  18. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  19. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  20. <head><title>{Title}</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  23. {block:Description}<meta name="description" content="{MetaDescription}" />
  24. {/block:Description}
  25.  
  26. <link href='http://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
  27.  
  28. <style type="text/css">
  29.  
  30. @font-face{font-family:Halo Handletter;src:url(http://static.tumblr.com/9wzbixa/Chgmj2j5c/halohandletter.ttf);}
  31.  
  32.  
  33.  
  34. /* --- SCROLLBAR ---*/
  35.  
  36. ::-webkit-scrollbar {
  37. width: 2px;height: 5px; margin-left:-5px;}
  38. ::-webkit-scrollbar-button:start:decrement,
  39. ::-webkit-scrollbar-button:end:increment {
  40. height: 6px;display: block;background-color: #fff;}
  41. ::-webkit-scrollbar-track-piece {
  42. background-color: #fff;}
  43. ::-webkit-scrollbar-thumb:vertical {
  44. height: 9px;background-color: #000;border-top:1px solid #fff;border-bottom:1px solid #fff;}
  45.  
  46.  
  47. /* --- BODY ---*/
  48.  
  49. body {
  50. background: #ffffff;
  51. margin:0px;
  52. color:#a8a8a8;
  53. font-family:Calibri;
  54. font-size:9px;
  55. line-height:100%;
  56. }
  57.  
  58. a {
  59. text-decoration:none;
  60. outline:none;
  61. -moz-outline-style:none;
  62. color:#b8b8b8;
  63. }
  64.  
  65. img {
  66. border:none;
  67. }
  68.  
  69. blockquote {
  70. padding-left:5px;
  71. border-left:2px solid;
  72. }
  73.  
  74. blockquote blockquote {
  75. padding-left:5px;
  76. border-left:2px solid;
  77. }
  78.  
  79. h1 {
  80. font-size:9px;
  81. text-transform:uppercase;
  82. }
  83.  
  84. a:hover {
  85. opacity:10;
  86. color:#f2f2f2;
  87. -webkit-transition: all 0.7s ease;
  88. -moz-transition: all 0.7s ease;
  89. -o-transition: all 0.7s ease
  90. }
  91.  
  92. #topline {width: 100%;height: 3px;margin-top:150px;margin-left: 0px;position:fixed;background-color: #000;}
  93.  
  94. #toppline {width: 100%;height: 3px;margin-top:155px;margin-left: 0px;position:fixed;background-color: #000;}
  95.  
  96. #bottomline {width: 100%;height: 3px; margin-top:455px;margin-left: 0px;position:fixed;background-color: #000;}
  97.  
  98. #bottommline {width: 100%;height: 3px; margin-top:460px;margin-left: 0px;position:fixed;background-color: #000;}
  99.  
  100. .title {
  101. margin-top:75px;
  102. margin-left:250px;
  103. width:800px;
  104. line-height:90%;
  105. padding:8px;
  106. position:fixed;
  107. font-family:Halo Handletter;
  108. text-align:center;
  109. font-size:95px;
  110. font-style:italic;
  111. color:#000;
  112. text-shadow: -2px -2px 2px #7AE0FF;
  113. }
  114.  
  115. #container {
  116. margin-left:260px;
  117. margin-top:158px;
  118. width:100px;
  119. height: 100px;
  120. position:fixed;
  121. background-color:#ffffff;
  122. }
  123.  
  124. #leftimage {
  125. margin-left: -30px;
  126. width: 285px;
  127. height: 285px;
  128. }
  129.  
  130. #leftimage img {
  131. margin-left: -30px;
  132. width:285px;
  133. height: 285px;
  134. border-left:solid 3px #000;
  135. border-right:solid 3px #000;
  136. padding:6px;
  137. opacity:.9;
  138. background-color: #ffffff;
  139. -moz-transition-duration:0.5s;
  140. -webkit-transition-duration:0.5s;
  141. -o-transition-duration:0.5s;
  142. -webkit-filter:grayscale(100%);
  143. }
  144.  
  145. #leftimage img:hover {
  146. -webkit-filter:none;
  147. -moz-transition-duration:0.5s;
  148. -webkit-transition-duration:0.5s;
  149. -o-transition-duration:0.5s;
  150. }
  151.  
  152. #rightimage {
  153. margin-left:280px;
  154. margin-top: -141px;
  155. width: 285px;
  156. height: 285px;
  157. }
  158.  
  159. #rightimage img {
  160. margin-left:280px;
  161. margin-top: -144px;
  162. width:285px;
  163. height: 285px;
  164. border-left:solid 3px #000;
  165. border-right:solid 3px #000;
  166. padding:6px;
  167. opacity:.9;
  168. background-color: #ffffff;
  169. -moz-transition-duration:0.5s;
  170. -webkit-transition-duration:0.5s;
  171. -o-transition-duration:0.5s;
  172. -webkit-filter:grayscale(100%);
  173.  
  174.  
  175. }
  176.  
  177. #rightimage img:hover {
  178. -webkit-filter:none;
  179. -moz-transition-duration:0.5s;
  180. -webkit-transition-duration:0.5s;
  181. -o-transition-duration:0.5s;
  182. }
  183.  
  184.  
  185. .links {
  186. width:600px;
  187. height:5px;
  188. margin-top:-111px;
  189. margin-left:90px;
  190. padding: 9px;
  191. position:fixed;
  192. font-family:Halo Handletter;
  193. font-style: italic;
  194. text-align:center;
  195. word-spacing:25px;
  196. }
  197.  
  198. .links a {
  199. font-size: 45px;
  200. color:#000;
  201. -moz-transition-duration:0.9s;
  202. -webkit-transition-duration:0.9s;
  203. -o-transition-duration:0.9s;
  204. }
  205.  
  206. .links a:hover {
  207. color:#f2f2f2;
  208. font-size: 35px;
  209. text-decoration: underline;
  210. -moz-transition-duration:0.9s;
  211. -webkit-transition-duration:0.9s;
  212. -o-transition-duration:0.9s;
  213. }
  214.  
  215. #about {
  216. margin-top:-420px;
  217. margin-left:245px;
  218. width:300px;
  219. height:255px;
  220. overflow-y:scroll;
  221. position:fixed;
  222. line-height:100%;
  223. padding:8px;
  224. font-family:cambria;
  225. font-size:16px;
  226. font-style: italic;
  227. text-align:justify;
  228. color:#292929;
  229. }
  230.  
  231. #about a {
  232. color:#a8a8a8;
  233. -moz-transition-duration:0.4s;
  234. -webkit-transition-duration:0.4s;
  235. -o-transition-duration:0.4s;
  236. }
  237.  
  238. /*--------------------DON'T REMOVE/CHANGE CREDIT--------------------*/
  239.  
  240. @font-face{font-family:Indie Star;src:url(http://static.tumblr.com/9wzbixa/EOUmj2m9n/indiestarbb_reg.otf);}
  241.  
  242. #credit {padding: 2px; font-color:#000; position:fixed; bottom:8px; right:2px; font-size:19px; letter-spacing:1px; font-family:Indie Star; }
  243.  
  244. #credit a {color: #000;}
  245.  
  246. /*------------------------------------------------------------------*/
  247.  
  248.  
  249. {CustomCSS}</style></head><body>
  250.  
  251. <div class="title">About Me</div>
  252.  
  253. <div id="topline"></div> <div id="toppline"></div>
  254. <div id="bottomline"></div> <div id="bottommline"></div>
  255.  
  256.  
  257. <div id="container">
  258. <div id="leftimage">
  259. <img src="http://media.tumblr.com/9b9d9eb300f8a45c7d346be5cc54d27c/tumblr_inline_mmuuxzGEzi1qz4rgp.png"></div>
  260. <div id="rightimage">
  261. <img src="http://media.tumblr.com/46559921a79b2501a86fecec94ac21e1/tumblr_inline_mmuuz0KDtd1qz4rgp.png"></div>
  262.  
  263.  
  264. <div id="about">
  265. <b><u>NAME:</b></u> Name
  266. <br>
  267. <b><u>AGE:</b></u> Age
  268. <br>
  269. <b><u>BIRTHDAY:</b></u> Birthday
  270. <br><br>
  271. <b><u>FAVORITES:</b></u> This is where you can write all of your favorite things. You can say your favorite type of music, your favorite tv shows, you favorite youtubes, celebrities, food, etc. :)
  272. <br><br>
  273. <b><u>MORE:</b></u> This is where you can write other random things about yourself. You can say your hobbies, tell about you family???? Idk whatever you think people should know about you! It can be as long as you want, up to youu. If you have any questions about the theme, please don't hesitate to ask :)
  274. <br>
  275. -xoxo
  276. </div>
  277.  
  278.  
  279. <div class="links">
  280. <a href="/">back</a>
  281. <a href="/ask">message</a>
  282. <a href="/">face</a>
  283. <a href="/">impersonations</a>
  284. </div>
  285.  
  286.  
  287.  
  288. <!--
  289. THEME MAKER CREDIT
  290. -->
  291.  
  292. <div id="credit"><a href="http://twerkitnarry.tumblr.com/">twerkitnarry</a></div>
  293.  
  294.  
  295. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!