SHARE
TWEET

noxvita page: about me #01

melmoonyoz Feb 10th, 2013 2,826 Never
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <head>
  5. <!--noxvita page: about me #01.
  6. do not remove credit nor redistribute as own.
  7. this is an original theme by mel @ noxvita-->
  8.  
  9. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}" />
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  13.  
  14.  
  15. <style type="text/css">
  16. body {
  17. background-image: url('');
  18. background-attachment: fixed;
  19. background-color: #ffffff;
  20. }
  21.  
  22. #sidebar{
  23.     width:122px;
  24.     height:280px;
  25.     margin-top:160px;
  26.     margin-left:700px;
  27.     position:fixed;
  28.     padding:10px;
  29.     border-top:1px solid #d8d8d8;
  30.     border-right:1px solid #d8d8d8;
  31.     border-bottom:1px solid #d8d8d8;
  32.     color: #737373;
  33. letter-spacing: 1px;
  34.     text-transform:uppercase;
  35. }
  36.  
  37. #info{
  38.     font-size:7px;
  39.     font-style:normal:
  40.     text-transform:uppercase;
  41.     letter-spacing:1px;
  42.     text-align:left;
  43.     line-height:10px;}
  44.  
  45. #sidebar img{width:100px; padding:10px; border:1px solid #d9d9d9;}
  46.  
  47. u{color:#343434;}
  48.  
  49. big{ font-family:georgia; line-height:100%; font-style:italic; font-size:18px; letter-spacing:-1px; text-transform:lowercase; color:#a2a2a2; margin-bottom:5px;}
  50.  
  51. #terms {
  52. width: 250px;
  53. height:300px;
  54. margin-left:429px;
  55. padding: 10px;
  56. font-family: georgia;
  57. font-size: 9px;
  58. color: #737373;
  59. letter-spacing: 0px;
  60. position: fixed;
  61. font-style:italic;
  62. text-transform:normal;
  63. margin-top: 150px;
  64. background-color:white;
  65. border:1px solid #d3d3d3;
  66. }
  67.  
  68. #terms img{width:100px; padding:3px; border:1px solid #d7d7d7;}
  69.  
  70. #terms h1 {
  71. font-family: times new;
  72. font-size: 12px;
  73. text-transform: uppercase;
  74. letter-spacing:1px;
  75. letter-spacing:1px;
  76. color:#d3d3d3;
  77. padding:2px;
  78. margin-bottom:-2px;
  79. }
  80.  
  81. #terms i, em {
  82. color: #737373;
  83. }
  84.  
  85. #custom {position:fixed;
  86. width:122px;
  87. text-align:center;
  88. margin-top:0px;
  89. margin-left:0px;
  90. -webkit-transition: all 0.5s ease-in-out;
  91. -moz-transition: all 0.5s ease-in-out;
  92. -o-transition: all 0.5s ease-in-out;}
  93.  
  94. #custom a { float:left;
  95. display:block;
  96. width:55px;
  97. line-height:20px;
  98. font-style:normal;
  99. background-color:white;
  100. font-size:10px;
  101. font-family:times new;
  102. color: #787878;
  103. letter-spacing:0px;
  104. font-style:italic;
  105. text-decoration:none;
  106. text-transform:uppercase;
  107. padding:2px; text-align:center; margin-right:1px; margin-left:1px;
  108. -webkit-transition: all 0.5s ease-in-out;
  109. -moz-transition: all 0.5s ease-in-out;
  110. -o-transition: all 0.5s ease-in-out;}
  111.  
  112. #custom a:hover{color:white; background-color:#787878;
  113. -webkit-transition: all 0.5s ease-in-out;
  114. -moz-transition: all 0.5s ease-in-out;
  115. -o-transition: all 0.5s ease-in-out;}
  116.  
  117. #header {font-family:times new;
  118. font-size:18px;
  119. letter-spacing:0px;
  120. text-transform:uppercase; font-style:italic;
  121. font-color:#d3d3d3; margin-bottom:5px; border-bottom:3px double #c7c7c7;}
  122.  
  123. #texts{padding:4px; text-align:justify;}
  124.  
  125. ::-webkit-scrollbar-thumb:vertical {background-color: #c7c7c7; height:50px;}
  126.  
  127. ::-webkit-scrollbar-thumb:horizontal {background-color: white; height:10px !important;}
  128.  
  129. ::-webkit-scrollbar {height:10px; width:5px; background-color: white;}
  130.  
  131. small{font-size:8px; text-transform:lowercase; letter-spacing:0px; font-style:italic; margin-top:-5px;}
  132.  
  133. </style>
  134.  
  135.  
  136. </head>
  137. <body>
  138.  
  139. <div id="sidebar">
  140. <img src="INSERT IMAGE URL HERE" align="right">
  141. <br><center><div id ="header"big>the basics:</div>
  142. <div id="info">
  143. <u>name:</u> NAME
  144. <br><u>age:</u> AGE
  145. <br><u>gender:</u> GENDER
  146. <br><u>city:</u> CITY
  147. </div>
  148.  
  149. <br>
  150.  
  151. <div id="custom">
  152. <a href="/">go back</a>
  153. <a href="/ask">askbox</a>
  154. <a href="LINK HERE">link 1</a>
  155. <a href="LINK HERE">link 2</a>
  156. <a href="LINK HERE">link 3</a>
  157. <a href="LINK HERE">link 4</a>
  158. </div></div>
  159.  
  160. <div id="terms">
  161. <center><div id="header">write a title here.</div>
  162.  
  163. <div id="texts">
  164. <big>get to know me;</big>
  165. <br>write about yourself here write about yourself here write about yourself here write about yourself here write about yourself here write about yourself here write about yourself here write about yourself here write about yourself here write about yourself here
  166.  
  167. <br><big>the music i'm into;</big>
  168. <br>write about your music taste here write about your music taste here write about your music taste here write about your music taste here write about your music taste here write about your music taste here write about your music taste here write about your music taste here
  169.  
  170. <br><big>the movies & shows I love;</big>
  171. <br>talk about the shows and movies that you love here talk about the shows and movies that you love here talk about the shows and movies that you love here talk about the shows and movies that you love here talk about the shows and movies that you love here talk about the shows and movies that you love here
  172.    
  173. </div></div>
  174.  
  175. </div>
  176. <div style="position:fixed; bottom:8px; right:5px; letter-spacing:2px;color:white;padding:3px; font-size:8px;font-family:calibri;text-transform:uppercase;"><center>
  177. <a href="http://noxvita.tumblr.com"><img src="http://i49.tinypic.com/33wmm0z.jpg"></a>
  178. </div>
  179.  
  180. </body>
  181. </html>
RAW Paste Data
Top