Advertisement
Guest User

Untitled

a guest
Jan 20th, 2017
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.76 KB | None | 0 0
  1.  
  2.  
  3. <style>
  4. /* Umbral Oracle was last updated on October 10, 2015*/
  5. .pfor {
  6. display: none;}
  7. #profile {
  8. background-color: transparent;
  9. border: transparent;}
  10.  
  11. @font-face {
  12. font-family: Punk Event;
  13. src: url(http://static.tumblr.com/rka7seb/s7Nnayaru/punkevent.ttf);}
  14.  
  15. body {
  16. background-color: #CC7799;}
  17.  
  18. #splashart {
  19. z-index: -1;
  20. position: fixed;
  21. left: 70;
  22. bottom: 0;}
  23. #splashart img {
  24. height: 100%}
  25.  
  26. #bigtitle {
  27. position: fixed;
  28. left: 900;
  29. top: 10;
  30. color:#339999;
  31. font-family: Punk Event;
  32. font-size: 80px;}
  33.  
  34. #liltitle {
  35. position: fixed;
  36. left: 850;
  37. top: 100;
  38. color:#ffffff;
  39. font-family: Times New Roman;
  40. font-size: 16px;
  41. text-transform: uppercase;}
  42.  
  43. #navi {
  44. position: fixed;
  45. left: 790;
  46. top: 183;
  47. text-align: center;
  48. width: 380px;}
  49. #navi a {
  50. display: inline-block;
  51. width: 14.86%;
  52. padding: 5px;
  53. font-family: Times New Roman;
  54. font-size: 10px;
  55. text-transform: uppercase;
  56. text-align: center;
  57. text-decoration: none;
  58. color: #339999;
  59. border: 1px solid #555555;
  60. background-color: #333333;
  61. transition: all 0.4s ease-in-out;
  62. -moz-transition: all 0.4s ease-in-out;
  63. -webkit-transition: all 0.4s ease-in-out;}
  64. #navi a:hover {
  65. color: #000000;
  66. border: 1px solid #339999;
  67. background-color: #ffffff;
  68. transition: all 0.8s ease-in-out;
  69. -moz-transition: all 0.8s ease-in-out;
  70. -webkit-transition: all 0.8s ease-in-out;}
  71.  
  72. #infobox {
  73. position: fixed;
  74. left: 800;
  75. top: 210;
  76. color: #ffffff;
  77. font-family: Times New Roman;
  78. font-size: 13px;
  79. text-decoration: none;
  80. background-color: #333333;
  81. border: 1px solid #555555;
  82. width: 340px;
  83. height: 250px;
  84. padding: 10px;}
  85.  
  86. #statbox {
  87. position: fixed;
  88. left: 800;
  89. top: 487;
  90. color: #ffffff;
  91. font-family: Times New Roman;
  92. font-size: 13px;
  93. text-decoration: none;
  94. background-color: #333333;
  95. border: 1px solid #555555;
  96. width: 356px;
  97. height: 50px;
  98. padding: 2px;}
  99.  
  100. marquee img {
  101. width: 50px;
  102. height: 50px;
  103. margin-left: 5px;
  104. border-radius: 100px 100px 100px 100px;
  105. -moz-border-radius: 100px 100px 100px 100px;
  106. -webkit-border-radius: 100px 100px 100px 100px;}
  107.  
  108. a {
  109. color: #339999;
  110. text-decoration: none;
  111. transition: all 0.4s ease-in-out;
  112. -moz-transition: all 0.4s ease-in-out;
  113. -webkit-transition: all 0.4s ease-in-out;}
  114. a:hover {
  115. color: #770000;
  116. transition: all 0.4s ease-in-out;
  117. -moz-transition: all 0.4s ease-in-out;
  118. -webkit-transition: all 0.4s ease-in-out;}
  119.  
  120. ::-webkit-scrollbar-thumb {
  121. width: 1px;
  122. background-color: #777777;}
  123. ::-webkit-scrollbar {
  124. width: 1px;
  125. background-color: #555555;}
  126.  
  127. a.credit {
  128. z-index: 2;
  129. position: fixed;
  130. right: 5;
  131. top: 5;
  132. color: #00ff33;
  133. font-family: monospace;
  134. font-size: 11px;
  135. font-weight: 300;
  136. text-decoration: none;}
  137. </style>
  138.  
  139. <a href="http://adokenrazahl.deviantart.com/gallery/45571364" class="credit" target="_blank" title="@ Adoken Razahl">credit</a>
  140.  
  141. <div id="splashart">
  142. <img src="https://i.imgur.com/I2sMEFq.jpg">
  143. </div>
  144.  
  145. <div id="bigtitle">Aikuma</div>
  146. <div id="liltitle">Sun Goddess Amatarasu~~</div>
  147.  
  148. <div id="navi">
  149. <a href="#01">About</a>
  150. <a href="#02">Story</a>
  151. <a href="#03">Raltions</a>
  152. <a href="#04">Friends</a>
  153. <a href="#05">OOC</a>
  154. </div>
  155.  
  156. <div id="infobox">
  157. <div style="height: 100%; overflow-y: hidden;">
  158. <a name="01"></a>
  159. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
  160. Tab One Information
  161. </div>
  162.  
  163. <a name="02"></a>
  164. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
  165. Tab Two Information
  166. </div>
  167.  
  168. <a name="03"></a>
  169. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
  170. TYPE STUFF HERE
  171.  
  172. </div>
  173. <a name="04"></a>
  174. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
  175. Tab Four Information
  176. </div>
  177.  
  178. <a name="05"></a>
  179. <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
  180. Tab Five Information
  181. </div>
  182. </div>
  183. </div>
  184.  
  185. <div id="statbox">
  186. <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
  187. <a href="https://imgur.com/tBQJ0Lk.jpg"><img src="https://imgur.com/tBQJ0Lk.jpg" target"_blank"></a>
  188.  
  189. <a href="https://imgur.com/8Un0uCO.jpg"><img src="https://imgur.com/8Un0uCO.jpg" target"_blank"></a>
  190.  
  191. <a href="https://imgur.com/Wl1nbHQ.jpg"><img src="https://imgur.com/Wl1nbHQ.jpg" target"_blank"></a>
  192.  
  193. <a href="http://imgur.com/m2MpgWf.jpg"><img src="http://imgur.com/m2MpgWf.jpg" target"_blank"></a>
  194.  
  195. <a href="https://i.imgur.com/ZsVH8C4.jpg"><img src="https://i.imgur.com/ZsVH8C4.jpg" target"_blank"></a>
  196. </marquee>
  197. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement