ghostyTrickster

Homestuck Page

Jun 8th, 2020
147
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.40 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4.  
  5.  
  6. <!----
  7. __
  8. /\/'-,
  9. ,--''''' /"
  10. ____,'. ) \___
  11. '"""""------'"""`-----'
  12.  
  13. homestuck page theme by @retconair !
  14.  
  15. ---->
  16.  
  17.  
  18.  
  19. <link rel="shortcut icon" href="https://66.media.tumblr.com/c3f6edb866eb69fde6a7afa55d9cca9d/ef48e45d6dd6a006-bd/s75x75_c1/2191aa63a73232273b228353c702fa543c627c2f.png">
  20. <title>Homestuck</title>
  21.  
  22.  
  23. <style type="text/css">
  24.  
  25.  
  26.  
  27. body {
  28. background:#535353;
  29. color:#000;
  30. font-family:"courier";
  31. text-align:center;
  32. font-size:32px;
  33. font-weight:700;
  34. }
  35.  
  36.  
  37. a:link {
  38. color:#0000ee;
  39. text-decoration:underline;
  40. }
  41.  
  42.  
  43. a:visited {
  44. color:#0000ee;
  45. text-decoration:underline;
  46. }
  47.  
  48.  
  49. a:hover {
  50. color:#551A8B;
  51. text-decoration:underline;
  52. }
  53.  
  54.  
  55. p { /*paragraph*/
  56. margin:0 0 18px 0;
  57. padding:0;
  58. }
  59.  
  60.  
  61. #wrapper {
  62. width:1010px;
  63. margin:70px auto;
  64. }
  65.  
  66.  
  67. #container { /*outer gray area*/
  68. background:#C6C6C6;
  69. margin:-39px 30px -40px 30px;
  70. padding:32px 40px 69px 40px;
  71. }
  72.  
  73.  
  74. #container2 { /*panel area*/
  75. background:#EFEFEF;
  76. margin:-17px 110px -40px 110px;
  77. padding:18px 30px 31px 30px;
  78. }
  79.  
  80.  
  81. .image { /*mspa style panel*/
  82. margin-top:13px;
  83. margin-left:-31px;
  84. padding-bottom:20px;
  85. width:652px;
  86. }
  87.  
  88.  
  89. .text { /*page text*/
  90. font-size:14px;
  91. line-height:19px;
  92. }
  93.  
  94.  
  95. .color { /*quirk color!*/
  96. color:#008282;
  97. }
  98.  
  99.  
  100. .command { /*character do action etc*/
  101. font-family:verdana;
  102. font-size:24px;
  103. font-weight:normal;
  104. text-align:left;
  105. padding:11px 0 28px 0;
  106. line-height:27px;
  107. }
  108.  
  109.  
  110. .bottoml {
  111. float:left;
  112. font-family:verdana;
  113. font-weight:bold;
  114. font-size:10px;
  115. text-align:left;
  116. }
  117.  
  118.  
  119. .bottomr {
  120. float:right;
  121. font-family:verdana;
  122. font-weight:bold;
  123. font-size:10px;
  124. text-align:right;
  125. }
  126.  
  127.  
  128.  
  129. </style>
  130. </head>
  131.  
  132.  
  133. <body>
  134.  
  135.  
  136.  
  137. <div id="wrapper">
  138. <div id="container">
  139. <div id="container2">
  140.  
  141.  
  142. Enter name.
  143.  
  144.  
  145. <div class="image">
  146.  
  147. <img src="https://www.homestuck.com/images/storyfiles/hs2/02031.gif">
  148.  
  149. </div>
  150.  
  151.  
  152. <div class="text">
  153.  
  154.  
  155. <p>Your name is TEREZI PYROPE.</p>
  156.  
  157. <p>You are pretty enthusiastic about dragons. But you have a PARTICULAR AFFECTION for their COLORFUL SCALES, which you gather and use to decorate your hive. Though you live alone, deep in the woods, you surround yourself with a variety of plushie pals known as SCALEMATES. You often spend your days with them in rounds of LIVE ACTION ROLE PLAYING. You used to engage in various forms of MORE EXTREME ROLEPLAYING with some of your other friends before you had an accident.</p>
  158.  
  159. <p>You take an interest in justice, holding particular fascination for ORCHESTRATING THE DEMISE OF THE WICKED. You have taken up study of BRUTAL ALTERNIAN LAW, and surround yourself with legal books. You have no need for copies printed in TROLLBRAILLE, because you can SMELL AND TASTE THE WORDS. You hope one day to join the honorable ranks of the LEGISLACERATORS. Your trolltag is <span class="color">gallowsCalibrator</span> and you <span class="color">SP34K W1TH TH3 NUM3R4LS TH3 BL1ND PROPH3TS ONC3 US3D.</span></p>
  160.  
  161. <p>You are presently the leader of the RED TEAM, poised to begin a mysterious game with 5 other friends, in direct competition with another 6 of your friends, comprising the BLUE TEAM.</p>
  162.  
  163. <p>What will you do?</p>
  164.  
  165.  
  166. <div class="command">> <a href="http://retconair.tumblr.com/trollsona">Terezi: Cut to the chase and begin LARPing immediately.</a></div>
  167.  
  168.  
  169. <span class="bottoml"><a href="http://retconair.tumblr.com/trollsona">Start Over</a> &nbsp;| <a href="http://retconair.tumblr.com/trollsona">Go Back</a></span> <span class="bottomr"><a href="http://retconair.tumblr.com/trollsona">Save Game</a> <img src="https://66.media.tumblr.com/f648e586b3c90995c860d5283ef36f2f/ef48e45d6dd6a006-d3/s100x200/4722f84bb87c25cb185827aa13ceb350aeb06e52.png" width="11" height="auto" /> &nbsp;| <a href="http://retconair.tumblr.com/trollsona">Auto-Save!</a> <img src="https://66.media.tumblr.com/f648e586b3c90995c860d5283ef36f2f/ef48e45d6dd6a006-d3/s100x200/4722f84bb87c25cb185827aa13ceb350aeb06e52.png" width="11" height="auto" /> &nbsp;| <a href="http://retconair.tumblr.com/trollsona">Load Game</a> &nbsp;| <a href="http://retconair.tumblr.com/trollsona">Delete Game Data</a></span>
  170.  
  171.  
  172. </div>
  173. </div>
  174. </div>
  175. </div>
  176.  
  177. </body>
  178. </html>
Advertisement
Add Comment
Please, Sign In to add comment