Advertisement
Motoko-Codes-09

Red Pyramid code

Sep 19th, 2017
85
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.92 KB | None | 0 0
  1. <style type="text/css">
  2. @import url(https://fonts.googleapis.com/css?family=Dosis:400,300|Roboto:100,900);
  3.  
  4. /* unvisited link */
  5. a:link {
  6. color: #600;
  7. }
  8.  
  9. /* visited link */
  10. a:visited {
  11. color: #300;
  12. }
  13.  
  14. /* mouse over link */
  15. a:hover {
  16. color: #800;
  17. }
  18.  
  19. /* selected link */
  20. a:active {
  21. color: #fc0;
  22. }
  23.  
  24. body{
  25. background: #000;
  26. background-image:url(https://i.imgur.com/PDOG2ch.png);
  27. background-size:100;
  28. background-position:center;
  29. }
  30. ::-webkit-scrollbar-thumb {
  31. width: 0px;
  32. background: transparent;
  33. }
  34. ::-webkit-scrollbar {
  35. width: 0px;
  36. background: transparent;
  37. }
  38. ::selection {
  39. color: #000;
  40. }
  41. ::-moz-selection {
  42. color: #000;
  43. }
  44.  
  45.  
  46. /*--- image ---*/
  47.  
  48. .image{
  49. height: 200px;
  50. width: 400px;
  51. background-image: url('https://68.media.tumblr.com/06b02939ca698103665224de9f814d21/tumblr_olyqjy4YzT1t33d19o1_500.gif'); /*-- background image url --*/
  52. background-color: #000; /*-- tab background --*/
  53. background-repeat: no-repeat;
  54. background-position: center;
  55. background-size: auto;
  56. opacity: 1;
  57. position: fixed;
  58. margin: auto;
  59. bottom: 0; left: -530; top: 0; right: 0;
  60. }
  61. .bordering{
  62. position: fixed;
  63. margin: auto;
  64. bottom: 0; left: -530; top: 0; right: 0;
  65. height: 240px;
  66. width: 440px;
  67. border: 1px solid #800; /*-- image border --*/
  68. box-shadow: 0px 0px 0.5px #000; /*-- box shadow --*/
  69. background-color: #000; /*-- background color --*/
  70. }
  71.  
  72. /*-- quote --*/
  73.  
  74. .words{
  75. position: fixed;
  76. margin: auto;
  77. top: 0; bottom: 0;
  78. left: -530; right: 0;
  79. height: 10px;
  80. width: 440px;
  81. line-height: 10px;
  82. text-align: center;
  83. font-weight: 900;
  84. font-family: 'dosis';
  85. font-size: 10px;
  86. color: #8a8790; /*-- font color --*/
  87. text-transform: uppercase;
  88. }
  89.  
  90. /*-- links --*/
  91.  
  92. .links{
  93. position: fixed;
  94. margin: auto;
  95. top: 0; bottom: 0;
  96. left: 0; right: 0;
  97. height: 240px;
  98. width: 25px;
  99. text-align: center;
  100. }
  101. .links a{
  102. display: block;
  103. height: 20px;
  104. width: 20px;
  105. margin-top: 15px;
  106. margin-left: 2.5px;
  107. text-align: center;
  108. font-family: 'roboto';
  109. font-size: 9px;
  110. box-shadow: 0px 0px 0.5px #eee;
  111. color: #eee; /*-- links font color --*/
  112. border: 1px solid #000; /*-- links font border color --*/
  113. background-color: #100; /*-- links background color --*/
  114. text-transform: uppercase;
  115. text-decoration: none;
  116. line-height: 20px;
  117. transition: .9s linear;
  118. }
  119. .links a:hover{
  120. color: #900; /*-- links font color hover --*/
  121. border: 1px solid #800; /*-- links border color hover --*/
  122. transition: .9s linear;
  123. }
  124.  
  125. /*-- tabs --*/
  126.  
  127. .tabbed{
  128. position: fixed;
  129. margin: auto;
  130. bottom: 0; left: 0; top: 0; right: -530;
  131. height: 240px;
  132. width: 440px;
  133. border: 1px solid #800; /*-- tab border --*/
  134. background-color: #000; /*-- tab background --*/
  135. box-shadow: 0px 0px 0.5px #800; /*-- box shadow --*/
  136. overflow: hidden;
  137. opacity: 0;
  138. visibility: hidden;
  139. transition: .9s linear;
  140. }
  141. .tabbed:target{
  142. opacity: 1;
  143. visibility: visible;
  144. transition: .9s linear;
  145. }
  146.  
  147. .text{
  148. height: 200px;
  149. width: 400px;
  150. margin: 20px;
  151. text-align: justify;
  152. font-family: dosis;
  153. font-size: 12px;
  154. color: #8a8790;
  155. overflow: auto;
  156. }
  157.  
  158. /*-- credit, please don't remove --*/
  159.  
  160. .credit{
  161. position: fixed;
  162. bottom: 0px;
  163. left: 0px;
  164. height: 25px;
  165. width: 25px;
  166. line-height: 15px;
  167. font-size: 10px;
  168. color: #999;
  169. text-align: center;
  170. font-family: roboto;
  171. }
  172.  
  173.  
  174. </style>
  175. <div class="credit" title="Profile by 100% Juice">©</div>
  176.  
  177. <div class="bordering"></div>
  178. <div class="image"></div>
  179. <div class="words"> </div>
  180. <div class="links">
  181. <a href="#1">001</a>
  182. <a href="#2">002</a>
  183. <a href="#3">003</a>
  184. <a href="#4">004</a>
  185. <a href="#5">005</a>
  186. <a href="#">000</a>
  187. </div>
  188.  
  189. <div class="tabbed" id="1"><div class="text">
  190. Male</br>
  191. Silent Hill</br>
  192. Doesn't die or give a shit about injuries.</br>
  193. Doesn't talk.</br>
  194. Will kill you if you attack.</br>
  195. Stands at least seven feet tall.</br>
  196. Favored weapon of choice? Great Knife or Spear.</br>
  197. </div></div>
  198.  
  199. <div class="tabbed" id="2"><div class="text">
  200. The Pyramid Heads' physical appearance is influenced by Valtiel's existence, and their outfit was the guise of Silent Hill's executioners. There are many physical similarities between Pyramid Head and Valtiel, such as their executioner garbs and gloves. Pyramid Head is modeled after Valtiel, and "his" (unknown if referring to Pyramid Head, Valtiel or both) form is seen differently depending on the person. Pyramid Head takes the shape of Valtiel's reason for existence, meaning Pyramid Head was born from the Order's idolatrous ideologies.<p>
  201.  
  202. The Pyramid Heads were modeled after Valtiel, as well as members of the Valtiel sect. This picture is called Crimson and White Banquet for the Gods.
  203. The Valtiel sect of the Order, which revered the angel Valtiel as being closest to God, wore red hoods and white robes in homage to him and acted as executioners. Pyramid Head's helmet bears a resemblance to the red hoods, referencing his role as an "executioner" of sorts. However, the helmet is also designed to appear extremely uncomfortable, acting as a torture device as well as a symbol of authority.<p>
  204.  
  205. The Pyramid Heads serve as a manifestation of James's unfulfilled desire for punishment for Mary Shepherd-Sunderland's death, as well as his guilt.<p>
  206.  
  207. The reason why the Pyramid Heads murder Maria is to remind James that he killed Mary; James is in denial, and Maria is a distraction to keep James away from Mary. Through Maria's repeated deaths, Pyramid Head reminds James of Mary's death and causes him to experience guilt and suffering, eventually leading him to accept he killed Mary rather than continuously run from it.<p>
  208.  
  209. The Pyramid Heads could also represent the darker part of James's personality. Pyramid Head shows this by committing brutal acts that James may have done or may have thought about doing, such as murder, and his constant twitching could symbolize James's needs, emotions, and fears. Ito said that Pyramid Head is "another James".<p>
  210.  
  211. Although not confirmed, Pyramid Head, alongside most of the other monsters in Silent Hill 2, may very well be interpreted to be a representation of James's sexual frustration during Mary's illness. Their pyramid helmets are a symbol of being trapped, the Great Knife and Great Spear can be seen as phallic imagery, and on two occasions, he appears to be engaging in acts of rape with various monsters, Mannequins and a Lying Figure; the Mannequins have been confirmed to have sexual symbolism. Pyramid Head's sexual nature is also expressed in <a href="https://www.youtube.com/watch?v=HqwlX8WGSFM
  212. ">Fukuro</a>.<p>
  213.  
  214.  
  215. Pyramid Head's mode of searching for James when he hides in the closet in Wood Side Apartments supports that he is blind, possibly alluding to James being "blind" to the truth.
  216. </div></div>
  217.  
  218. <div class="tabbed" id="3"><div class="text">
  219. <b>Other names</b> - Red Pyramid Thing, Red Pyramid (films), Bogeyman (possible, Homecoming), Shadowed One (possible, Homecoming)<p>
  220. <b>Debut</b> - Silent Hill 2<p>
  221. <b>Health</b> - High (sometimes invincible)<p>
  222. <b>Weapons</b> - Great Knife, Great Spear, Bare hands<p>
  223. <b>Attack methods</b> - Stabbing and swinging Spear, Swinging the Great Knife, Lifting with arm and choking, Punching
  224. </div></div>
  225.  
  226. <div class="tabbed" id="4"><div class="text">
  227. In Silent Hill 2, they don a white robe-like outfit with no sleeves, seemingly rubber gloves and what appears to potentially be mostly fused fingers; however, under close inspection, his fingers are not entirely one mesh, as his thumbs are independent. Although his four other fingers are still vaguely discernible, the fact that they never separate in-between suggests the fused state, yet another possibility of affliction incarnated into the creature. Their iconic pyramid-shaped helmets look to be a rusty hunk of metal grafted onto their head, with a single hole drilled into the upper side. A tentacle or tongue-like appendage can snake out of this hole while choking a victim.<p>
  228.  
  229. </div></div>
  230.  
  231. <div class="tabbed" id="5"><div class="text">
  232. IC =/= OOC</br>
  233. Silent Hill canon (2, Arcade)</br>
  234. PM friendly to a degree.</br>
  235. </div></div></body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement