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

1Q84 "about me" page.

By: muishiki on Dec 19th, 2012  |  syntax: None  |  size: 3.89 KB  |  views: 10,105  |  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 XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <head>
  6.  
  7.   <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  10.  
  11. <style type="text/css">
  12.  
  13. ::selection {
  14. background: #ddd;
  15. color: #fff;
  16. }
  17.  
  18. ::-moz-selection {
  19. background: #ddd;
  20. color: #fff;
  21. }
  22.  
  23. ::-webkit-selection {
  24. background: #ddd;
  25. color: #fff;
  26. }
  27.  
  28. body {
  29. color: #aaa;
  30. text-align:justify;
  31. font-family: tahoma;
  32. font-size: 10px;
  33. background-color: #fff;
  34. background-image: url('URL HERE');
  35. background-attachment: fixed repeat; }
  36.  
  37. #subete{
  38. margin-left: -200px;
  39. margin-top: 130px; }
  40.  
  41. #about { margin-top: 100px; }
  42. #about i { font-style: italic; color:#787878; letter-spacing: 2px; }
  43. #about b { font-weight: bold; color:#787878; letter-spacing: 1px; }
  44.  
  45. #kago {
  46. width: 420px;
  47. height: 290px;
  48. padding: 20px;
  49. overflow: hidden;
  50. background-color: #fff;
  51. border: 1px solid #ddd;
  52. margin-left: 400px;
  53. margin-top: -1px; }
  54.  
  55. #shouzou {
  56. width: 140px;
  57. height: 320px;
  58. background-color: #fff;
  59. border: 1px solid #ddd;
  60. padding: 5px;
  61. margin-top: 0px;
  62. margin-left: 400px;
  63. margin-right:-1px;
  64. float: left; }
  65. #shouzou img { width: 140px; height: 320px; opacity: 0.8; -webkit-filter: grayscale(1);
  66.  }
  67.  
  68.  
  69. #daimei {
  70. text-align: center;
  71. font-family: georgia;
  72. color: #444;
  73. font-size: 16px;
  74. text-transform: lowercase;
  75. padding:0px 0px 2px 0px;
  76. border-bottom: 1px dotted #aaa; }
  77.  
  78. #fukudai {
  79. text-align: center;
  80. font-family: tahoma;
  81. color: #aaa;
  82. font-size: 10px;
  83. text-transform: none;
  84. padding:0px 20px 0px 20px;
  85. margin-top: 3px; }
  86.  
  87. #onaka {
  88. float: right;
  89. width: 200px;
  90. text-align: justify;
  91. height: 100px;
  92. padding: 5px;
  93. line-height: 15px;
  94. font-size:9px;
  95. position: relative; }
  96. .tap
  97. {color:#bebebe;
  98. border-left: solid 8px;
  99. letter-spacing: 1px;
  100. font-size:8px; }
  101.  
  102. #nai {
  103. margin-top: 7px;
  104. margin-left: 20px; }
  105.  
  106. #atama {
  107. float: left;
  108. width: 200px;
  109. height: 100px;
  110. padding: 5px;
  111. position: relative;  }
  112.  
  113. #karada { position: absolute; margin-top: -5px; }
  114.  
  115. a
  116. {
  117. text-decoration: none;
  118. color: #787878; }
  119.  
  120. ul
  121. {
  122. list-style:square;
  123. margin-left:-10px; }
  124.  
  125. blockquote
  126. {
  127. background-color: #f7f7f7;
  128. padding: 5px;
  129. margin-left: 10px; margin-right: 10px; }
  130.  
  131. /* NAVIGATION */
  132.  
  133. #navi{
  134. text-align:center;
  135. margin-left:25px;
  136. margin-top: 220px;
  137. width:200px;
  138. padding:12px;
  139. position:absolute;
  140. z-index: 9999; }
  141.    
  142. #ichi {
  143. margin-bottom:4px;
  144. color:#b2b2b2;
  145. width: 60px;
  146. background-color: #fff;
  147. padding: 4px;
  148. opacity: 0.6;
  149. font-size: 8px;
  150. text-transform: uppercase;
  151. letter-spacing:1px;
  152. -webkit-transition: opacity 0.3s linear;
  153. -webkit-transition: all 0.3s ease-in-out;
  154. -moz-transition: all 0.3s ease-in-out;
  155. -o-transition: all 0.3s ease-in-out;
  156. transition: all 0.3s ease-in-out; }
  157. #ichi:hover { opacity: 1; }
  158.  
  159. /* END NAVIGATION */
  160.  
  161.   </style>
  162. </head>
  163.  
  164. <body>
  165.  
  166. <div id="subete">
  167.  
  168. <div id="shouzou">
  169. <div id="navi"><a href="/"><div id="ichi">return</div></a>
  170. <a href="/ask"><div id="ichi">message</div></a>
  171. <a href="http://muishiki.tumblr.com/"><div id="ichi">credit ©</div></a> </div>
  172.  <img src="http://media.tumblr.com/a1677452d80a9a5a359159a100ce9462/tumblr_inline_mfayqc41PM1qmgwij.png"/></div>
  173.  
  174. <div id="kago">
  175.  
  176. <!-- CONTENT -->
  177. <div id="karada"><div id="atama"><div id="daimei"> YOUR TITLE </div>
  178. <div id="fukudai"> whatever you want to write in here, a quote, personal thoughts, etc.</div></div>
  179.  
  180. <div id="onaka">
  181. <div id="nai">
  182. <span class="tap"> NAME:</span> YOUR NAME <br>
  183. <span class="tap"> AGE:</span> YOUR AGE <br>
  184. <span class="tap"> RESIDENCE:</span> YOUR RESIDENCE <br>
  185. <span class="tap"> OCCUPATION:</span> YOUR OCCUPATION <br>
  186. <span class="tap"> STATUS:</span> YOUR STATUS
  187. </div>
  188. </div>
  189. </div>
  190. <div id="about"> ALL THE REST.
  191.  
  192. </div>
  193. </div>
  194. </div>
  195.  
  196. </body>
  197. </html>
clone this paste RAW Paste Data