Professor_Stein

Arachnophobia

Oct 23rd, 2016
90
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.95 KB | None | 0 0
  1. http://bit.ly/2eIlDln
  2.  
  3. <style>
  4. .pfor{display:none;}
  5. body {background-color: #000000;}
  6. body {background-image:url("http://vignette2.wikia.nocookie.net/souleater/images/c/c7/Baba_Yaga's_Castle.jpg/revision/latest?cb=20090306165929"); background-attachment:fixed; background-size:cover;}
  7. #pbox {margin: auto;
  8. width: 600px;
  9. background-color:black;
  10. border-style: solid;
  11. border-width: 2px;
  12. border-color: #333;
  13. padding: 5px;
  14. }
  15. </style>
  16.  
  17. <style>
  18. ul {
  19. list-style-type: none;
  20. margin: 0;
  21. padding: 0;
  22. width: 200px;
  23. background-color: #131313;
  24. }
  25.  
  26. li a {
  27. display: block;
  28. color: #BBBBBB;
  29. padding: 8px 16px;
  30. text-decoration: none;
  31. }
  32.  
  33. /* Change the link color on hover */
  34. li a:hover {
  35. background-color: #343434;
  36. color: darkviolet;
  37. }
  38.  
  39. .tabs{
  40. float: left;
  41. margin-right: 15px;
  42. margin-bottom: 15px;
  43. width: 54px;
  44. height: 54px;
  45. text-align: left;
  46. }
  47.  
  48. .info{
  49. position: fixed;
  50. right: 50;
  51. bottom: 125;
  52. margin-top: 234px;
  53. width: 326px;
  54. height: 425px;
  55. padding: 10px;
  56. background: #BBBBBB;
  57. font-family: 'Amaranth', sans-serif;
  58. color: black;
  59. font-size: 12px;
  60. line-height: 10px;
  61. text-align: justify;
  62. border: 2px solid #000000;
  63. outline: 1px dashed #000000;
  64. outline-offset: 2px;
  65. opacity: 0;
  66. transition: 1s;
  67. }
  68.  
  69. .info:target{
  70. opacity: 1;
  71. transition: 1s;
  72. z-index: 1;
  73. }
  74.  
  75. </style>
  76.  
  77.  
  78. <div class="tabs">
  79.  
  80. <ul>
  81. <li><a href="#one">Info</a></li>
  82. <li><a href="#two">Rules</a></li>
  83. <li><a href="#three">Servants</a></li>
  84. <li><a href="#four">How to join</a></li>
  85. <li><a href="#five">Servant Rules</a></li>
  86.  
  87. </ul>
  88. </div>
  89.  
  90. <div class="info" id="one"><h1>Info</h1>Eight hundred years ago as the head of Arachnophobia, Arachne stole the blueprints from the Book of Eibon containing information. She then baited Death to Lost Island with them in hopes of blowing up the facility to cover up Eibon's most powerful Demon Tool he created, "BREW", for her to reclaim at a later time and to hide it from Death.[3]
  91. <br>
  92. <h2>Creation of the Demon Weapons</h2>
  93. <br>
  94. Having gotten a hold of the blueprints to creating the Demon Weapons from the Book of Eibon,[4] the organization assisted Arachne in creating the Demon Weapons and manufacturing them in vast quantities,[5] killing witches and sacrificing their souls to create them.[6] As a result, it caused her to be hunted by the God of Death himself and her fellow kind for her transgression against them. She was later defeated by Death and forced to split her body and place her soul in the Oldest Golem, with it being guarded by her henchman Giriko.[7]
  95. <h2>Revival</h2>
  96. <br>
  97. After disappearing and faking her death for eight hundred years, she is revived and the organization in which she spent eight hundred years secretly expanding makes itself known once again.[8]</div>
  98.  
  99. <div class="info" id="two"><h1>Rules</h1></div>
  100.  
  101. <div class="info" id="three"><h1>Servants</h1></div>
  102.  
  103. <div class="info" id="four"><h1>How to join</h1></div>
  104.  
  105. <div class="info" id="five"><h1>Servant Rules</h1></div>
  106.  
  107.  
  108.  
  109.  
  110.  
  111. </div>
Add Comment
Please, Sign In to add comment