API tools faq
paste
Advertisement
helloiloveju

PAGE #1 About Me

helloiloveju
Nov 11th, 2012
269
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.91 KB | None | 0 0
raw download clone embed print report
  1. <!----
  2. A B O U T M E P A G E
  3. page #1 by
  4. helloiloveju.tumblr.com
  5. DO NOT REMOVE MY CREDIT!
  6. feel free to edit
  7. e n j o y !
  8. & don't remove this comment
  9. --->
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  13. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  14. <!----YOU CAN CHANGE YOUR FAVICON HERE------------------------------------------------------->
  15. <link rel="shortcut icon" href="http://25.media.tumblr.com/tumblr_mdc252R2061qd6op7o13_r1_100.png" />
  16. <!-----YOU CAN CHANGE YOUR TITLE OF THIS SITE HERE------------------------------------------>
  17. <title>about me |</title>
  18.  
  19. <style type="text/css">
  20.  
  21. body {
  22. margin:0; padding:0;
  23. background:#fff;
  24. color:#000;
  25. font-family: courier new;
  26. font-size: 12px;
  27. line-height:12px;
  28. text-align:justify;
  29. }
  30. a {
  31. color:#e4d7d4;
  32. text-decoration: none;
  33. -webkit-transition: all 0.9s ease;
  34. -moz-transition: all 0.9s ease;
  35. -o-transition: all 0.9s ease;
  36. }
  37. a:hover {
  38. color: #AAAAAA;
  39. -webkit-transition: all 0.9s ease;
  40. -moz-transition: all 0.9s ease;
  41. -o-transition: all 0.9s ease;
  42. }
  43.  
  44.  
  45. i, em {
  46. font-family:times new roman, times, serif;
  47. letter-spacing:1px;
  48. color: #96b0b7;
  49. }
  50.  
  51. b, strong {
  52. font-weight:bold;
  53. text-decoration : none;
  54. text-transform : none;
  55. }
  56.  
  57.  
  58. s {
  59. color:#000;
  60. text-decoration:line-through;
  61. }
  62.  
  63. blockquote {
  64. padding:1px 5px 1px 5px;
  65. margin:0 10px 0 200px ;
  66. border-right:1px solid black;
  67. background-color:#fff;
  68. font-family:courier new;
  69. font-size:9px;
  70. texttransform:uppercase;
  71. text-align:right;
  72. width:294px;
  73. }
  74.  
  75.  
  76. /*** content layout ***/
  77.  
  78. #top {position:fixed;
  79. margin-left:0px;
  80. padding:0;
  81. width:100%;
  82. height:29px;
  83. background-color:#000;
  84. z-index:999;
  85. text-align:center; }
  86.  
  87. #left {
  88. position: fixed;
  89. top:50px;
  90. padding:10px;
  91. left:50px;
  92. /***********YOU CAN PUT YOUR OWN SIDEBAR BACKGROUND IMAGE HERE*****************************/
  93. background-image:url('http://subtlepatterns.subtlepatterns.netdna-cdn.com/patterns/navy_blue.png');
  94. width:150px;
  95. height:250px;
  96. align:center;
  97. margin:10px;
  98. }
  99.  
  100. #right {
  101. position: absolute;
  102. top:50px;
  103. left:350px;
  104. background:#fff;
  105. width:500px;
  106. }
  107.  
  108.  
  109. /*** SIDEBAR LEFT ***/
  110.  
  111. .icon{
  112. border: 10px solid #fff;}
  113.  
  114.  
  115. #box a {
  116. display:block;
  117. font-family:courier new;
  118. align:center;
  119. width:100px;
  120. color:#000;
  121. background:#fff;
  122. padding:1px;
  123. margin:2px 10px 2px 25px;
  124. text-align:center;
  125. text-transform:lowercase;
  126. font-size:9px;
  127. letter-spacing: 1px;
  128. }
  129. #box a:hover {
  130. background: #fffffd;
  131. color:#efd500;
  132. }
  133.  
  134. #navilinks {
  135. margin-top:7px;
  136. display:inline-block;}
  137.  
  138. #navilinks a {
  139. display:inline-block;
  140. height:auto;
  141. font-family:calibri;
  142. font-size:8px;
  143. text-align:center;
  144. color:#fff;
  145. padding-top:3px;
  146. padding-bottom:2px;
  147. padding-left:15px;
  148. padding-right:15px; margin-bottom:-10px; text-transform:uppercase; letter-spacing:1px; -webkit-transition:opacity 0.8s linear; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}
  149.  
  150. #navilinks a:hover {color:#000; background-color:#fff; text-align:center; text-decoration:none; letter-spacing:1px; -webkit-transition: opacity 0.7s linear; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
  151.  
  152.  
  153.  
  154. /******** content right *********/
  155. /*** favourite song****/
  156. .asker {
  157. width: 485px;
  158. font-size: 10px;
  159. font-family: 'georgia';
  160. width: 100%;
  161. font-style:italic;
  162. background-color: #transparent;
  163. color:#000;
  164. line-height:20px;
  165. text-align:right;
  166. }
  167. .asp {float:right; margin-right: 10px;}
  168. .ast {width: 48px; height: 48px; border: 10px solid #000;}
  169. .asn {font-size: 24px; color: #000; margin-top: 20px; margin-right: -6px;}
  170.  
  171. </style></head>
  172. <body>
  173. <div id="top"><center>
  174. <div id="navilinks">
  175.  
  176. <!--YOU CAN PUT YOUR OWN LINKS HERE--------------------------------------------------------->
  177. <a href="/">Home</a>
  178. <a href="/ASK">ASK</a>
  179. <a href="/SUBMIT">SUBMIT</a>
  180. <a href="https://twitter.com/">TWITTER</a>
  181. <a href="http://deviantart.com/">deviantART</a>
  182. <a href="HTTP://WWW.FACEBOOK.COM">FACEBOOK!</a>
  183. </div>
  184. </center></div>
  185.  
  186. <div id="left">
  187. <div id="box">
  188. <div style="text-align:center" height="200px">
  189. <!--YOU CAN PUT YOUR OWN SIDEBAR IMAGE HERE (100X100PX ICONS WORK BEST)--------------------->
  190. <img src="http://25.media.tumblr.com/tumblr_mdc252R2061qd6op7o13_r1_100.png" class="icon">
  191.  
  192. <p>
  193. <!--YOU CAN PUT YOUR OWN SIDEBAR LINKS HERE------------------------------------------------->
  194. <a href="http://helloiloveju.tumblr.com">back</a><br><br><a href="http://helloiloveju.tumblr.com/tagged/personal">daily me</a>
  195. <a href="http://helloiloveju.tumblr.com/biaslist"> my biaslist</a><a href="http://helloiloveju.tumblr.com/otp">my otps</a></div>
  196. </div></div>
  197.  
  198.  
  199. <div id="right">
  200. <p>
  201. <!--YOU CAN PUT YOUR OWN DESCRIPTION HERE IT APPEARS ABOVE THE HEADER IMAGE------------------>
  202. Hey you, you can call me <b>Ju</b>. I’m a small girl, yeah…nearly the smallest in class. <s>I go to the German “Gymnasium”</s> thanks God I’m finished with school!! Oh yes, as you can read I live in Germany (and I really think it’s too cold here!) . Lately, I smell like Sensous Nude by Estée Lauder.
  203.  
  204. <!--YOU CAN PUT YOUR OWN HEADER IMAGE HERE--------------------------------------------------->
  205. <p><img src="http://24.media.tumblr.com/tumblr_ma59xh65ic1ruzrtzo1_500.jpg" /></p>
  206. <p><br/><br/></p>
  207.  
  208. <div class="asker">
  209. <table cellspacing="0" cellpadding="0" class="asp"><tr><td><div class="asn">◄</div></td><td style="vertical-align: top">
  210. <!--YOU CAN PUT YOUR OWN FAVOURITE SONG IMAGE HERE------------------------------------------->
  211. <div class="ast"><img src="http://24.media.tumblr.com/tumblr_mdc252R2061qd6op7o9_r2_100.png" height="48px" width="48px"></div></td></tr></table>my current favourite song: Electric Guest - This Head I Hold
  212. <PUT YOUR OWN LINK TO YOUR FAVOURITE SONG HERE----------------------------------------------->
  213. <a href="http://www.youtube.com/watch?v=yBZgHVXGyBg">♫</a></div>
  214.  
  215. <p><br/></p>
  216. <!--YOU CAN PUT YOUR OWN INFORMATION HERE---------------------------------------------------->
  217. <p><br/><br/></p><p>→ <strong>Me:</strong> girl, germany, 19, born 30th of october '93, named julia, brunette, grey eyes, 167cm or 5'55", unfortunately I have small feet :'/ </p></p>
  218.  
  219. <p><br/><br/></p>
  220. <p>→ <strong> fandoms:</strong> <span>Potterhead, Sherlockian, Whovian, gleek, Tribute, Gossip Girl, Supernatural, Marvel superheroes, Loki (no he’s not included in ‘superheroes’), Teen Wolf, Inception, K-Pop, basically I’m fan of everything I watch..<br/></span></p>
  221.  
  222. <p><br/><br/></p>
  223. <p>→ <strong>tv shows:</strong> Gossip Girl, Supernatural, Sherlock, Doctor Who (the eleventh doctor omgomg ♡), 90210, How I Met Your Mother, Cougar Town, glee, Scrubs, Friends, Inspector Barnaby, Inspector Lewis, American Dad, Jackass, Germanys Next Topmodel, Futurama, Friends, Lie to me, Leverage, …</p>
  224. <p><br/><br/></p>
  225. <p>→ <strong>I want to watch:</strong> <strike>Merlin</strike>, Being Human, the new Avatar series with Korra, <strike>True Blood</strike>, <strike>Game Of Thrones</strike>, Torchwood, Nikita, Buffy the Vampire Slayer, Smallville Season 4, Elementary, Dexter, Breaking Bad, <s>Mad Men</s>, <s>Misfits</s>, Dexter, Once Upon A Time, 2 Broke Girls, Pretty Little Liars </p>
  226. <p><br/><br/></p>
  227. <p>→ <strong>I currently watch:</strong> White Collar Season 2, Supernatural season gr8, Doctor Who season 7</p>
  228. <p><br/><br/></p>
  229. <p>→ <strong> bands:</strong> The Beatles, AC/DC, Creedence Clearwater Revival,The Ramones, The Rolling Stones, REO Speedwagon, Pink Floyd, Queen,Ed Sheeran, Paramore, Simple Plan, Die Happy, The Ting Tings, Big Bang, 2NE1, B2ST, DBSK, Super Junior, SHINee, Girls Generation, B.A.P., girugämesh, the GazettE, Nightwish, Bullet For My Valentine, My Chemical Romance, One Direction, Rihanna, Jessie J, Duffy, Cro, Die Ärzte, Oppenheimer, Joe Hisaishi’s music, glee (sorry I have a horrible music taste I need to discover new stuff anytime soon)</p>
  230. <p><br/><br/></p>
  231.  
  232. <blockquote>
  233. <p><strong>♡</strong> They got money for <strong><big>wars</big></strong><br/> but can’t feed the <em>poor</em>.<br/>- Tupac Shakur</p>
  234. </blockquote>
  235.  
  236. <p><span><br/></span></p>
  237. <p><span><strong>Last updated:</strong> 11.11.2012</span></p>
  238. <p><br/><br/></p>
  239.  
  240. </div>
  241. </div>
  242. <div style="position:fixed; left:0px;bottom:0px;font-family:courier new;width:80px; height:11px;
  243. margin-bottom:15px;margin-left:0px; background-color:#000; padding-left: 5px; color: white; text-align:left; font-size: 9px; line-height: 10px; ">©<a href="http://www.helloiloveju.tumblr.com">helloiloveju</a></div>
  244. </body>
  245. </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!