Advertisement
Guest User

about me 01 by dobriaen

a guest
Aug 18th, 2013
585
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.41 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!----theme by dobriaen don't remove the credit please--->
  9.  
  10. <head>
  11.  
  12. <style type="text/css">
  13.  
  14. @font-face {font-family:Bebas Neue;src:url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);}
  15.  
  16. ::-webkit-scrollbar {width: 7px; height:auto; background:{color:background}}
  17.  
  18. ::-webkit-scrollbar-corner {background:#ffffff}
  19.  
  20. ::-webkit-scrollbar-thumb:vertical {background:#f3f3f3};
  21.  
  22. ::-webkit-scrollbar-thumb:horizontal {background: {color:scrollbg}; border: 0px solid {color:bg}
  23. }
  24.  
  25.  
  26. body {
  27. background-color:#fff;
  28. margin:0px;
  29. color:#cecccc;
  30. font-family:new york;
  31. font-style:none;
  32. font-size:10px;
  33. padding:5px;
  34. }
  35.  
  36. a {
  37. color:#cecccc;
  38. text-decoration:none;
  39. outline:none;
  40. opacity:1 ;
  41. -webkit-transition: all 0.8s;
  42. -moz-transition: all 0.8s;
  43. transition: all 0.8s;
  44. }
  45.  
  46. a:hover {
  47. color:#1d1d1d;
  48. -webkit-transition: all 0.8s;
  49. -moz-transition: all 0.8s;
  50. transition: all 0.8s;
  51. }
  52.  
  53.  
  54. img {
  55. border:none;
  56. }
  57.  
  58. blockquote {
  59. padding-left:5px;
  60. border-left:2px solid;
  61. }
  62.  
  63. blockquote blockquote {
  64. padding-left:5px;
  65. border-left:2px solid;
  66. }
  67.  
  68. h1 {
  69. font-size:15px;
  70. }
  71.  
  72. #title {
  73. font-size:180px;
  74. color:#000;
  75. font-family:Bebas Neue;
  76. margin-left:318px;
  77. margin-top:10px;
  78. width:1000px;
  79. text-align:left;
  80. position:fixed;
  81. }
  82.  
  83. #icon img {
  84. margin-left: 335px;
  85. margin-top:190px;
  86. width:120px;
  87. height: 120px;
  88. border:double #fff;
  89. opacity:1;
  90. background-color: transparent;
  91. position:absolute;
  92. z-index:1;
  93. -moz-transition-duration:0.7s;
  94. -webkit-transition-duration:0.7s;
  95. -o-transition-duration:0.7s;
  96. }
  97.  
  98. #info{
  99. margin-top:175px;
  100. margin-left: 320px;
  101. padding-top:150px;
  102. padding-left:10px;
  103. width:145px;
  104. height:200px;
  105. background:#000;
  106. text-align:left;
  107. position:fixed;
  108. font-size:15px;
  109. font-family:Bebas Neue;
  110. letter-spacing:2px;
  111. color:#fff;
  112. }
  113.  
  114. #stuff{
  115. margin-top:20px;
  116. margin-left:105px;
  117. background:transparent;
  118. height:210px;
  119. width:440px;
  120.  
  121. }
  122.  
  123. .style{
  124. margin-left:150px;
  125. margin-top:-195px;
  126. background:transparent;
  127. text-align:justify;
  128. width:550px;
  129. padding:0px;
  130. letter-spacing: 0px;
  131. color:#000;
  132. font-family:new york;
  133. font-size:15px;
  134. line-height:110%;
  135. position:fixed;
  136. width:390px;
  137. }
  138.  
  139. #themeslink{
  140. margin-left:340px;
  141. margin-top:470px;
  142. width:110px;
  143. position:fixed;
  144. text-align:center;
  145. display:block;
  146. }
  147.  
  148. #themeslink a{
  149. text-transform: uppercase;
  150. font-family:Bebas Neue;
  151. letter-spacing: 1px;
  152. font-size:17px;
  153. color:#fff;
  154. text-align:center;
  155. margin-left:0px;
  156. width:30px;
  157. padding:5px 2px 5px 2px;
  158. -webkit-transition: all 0.5s ease-out;
  159. -moz-transition: all 0.5s ease-out;
  160. transition: all 0.5s ease-out;
  161. }
  162.  
  163. #themeslink a:hover{
  164. text-shadow: 2px 0px 5px #fff;
  165. -webkit-transition: all 0.5s ease-out;
  166. -moz-transition: all 0.5s ease-out;
  167. transition: all 0.5s ease-out;
  168.  
  169. }
  170.  
  171.  
  172.  
  173. {CustomCSS}</style>
  174.  
  175.  
  176. </head>
  177. <body>
  178.  
  179. <div id="stuff">
  180. <div id="icon">
  181. <!--* change your icon here *-->
  182. <img src="http://static.tumblr.com/282e175f3f733cebd3004e039b33a2a2/budt2pj/oXmmr9wpl/tumblr_static_tumblr_mr9gm5atre1sep3s6o1_500.jpg"></div>
  183.  
  184. <div id="title">About me.</div>
  185.  
  186. <div id="info"> <!--* write your basic info here *-->
  187. Name:
  188. <br>
  189. Age:
  190. <br>
  191. B-day:
  192.  
  193. <div class="style">
  194.  
  195. <!--* write your about me here // make it long and pwetty *-->
  196. <strong>ABOUT ME:</strong>
  197.  
  198.  
  199. <p>
  200. <!--* write your favorite things here // make it long and pwetty *-->
  201. <strong>FAVORITES:</strong>
  202.  
  203.  
  204. <!--* use <br> everytime you want to change lines *-->
  205. <p> <br>
  206. I think that's it :)
  207. <br>
  208. -xoxo
  209.  
  210.  
  211.  
  212. </div></div>
  213.  
  214. <center><div id="themeslink">
  215. <a href="/">back</a>
  216. <a href="/ask">msg</a>
  217. <a href="/tagged/face">face</a>
  218. <a href="/impersonations">impersonations</a>
  219.  
  220. </div></div>
  221.  
  222.  
  223. </div>
  224. {block:PostNotes}{PostNotes}{/block:PostNotes}
  225. {/block:Posts}</div>
  226.  
  227. <div style="position: fixed; bottom: 0px; right: 0px; "><a href="http://dobriaen.tumblr.com"><img src="http://static.tumblr.com/budt2pj/Ot1mrdjsh/credit.png"></a></div></div></div>
  228.  
  229. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement