Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!

noxvita page: about me #01

By: melmoonyoz on Feb 10th, 2013  |  syntax: None  |  size: 5.10 KB  |  views: 2,640  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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>
clone this paste RAW Paste Data