Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- /* Umbral Oracle was last updated on October 10, 2015*/
- .pfor {
- display: none;}
- #profile {
- background-color: transparent;
- border: transparent;}
- @font-face {
- font-family: Punk Event;
- src: url(http://static.tumblr.com/rka7seb/s7Nnayaru/punkevent.ttf);}
- body {
- background-color: #CC7799;}
- #splashart {
- z-index: -1;
- position: fixed;
- left: 70;
- bottom: 0;}
- #splashart img {
- height: 100%}
- #bigtitle {
- position: fixed;
- left: 900;
- top: 10;
- color:#339999;
- font-family: Punk Event;
- font-size: 80px;}
- #liltitle {
- position: fixed;
- left: 850;
- top: 100;
- color:#ffffff;
- font-family: Times New Roman;
- font-size: 16px;
- text-transform: uppercase;}
- #navi {
- position: fixed;
- left: 790;
- top: 183;
- text-align: center;
- width: 380px;}
- #navi a {
- display: inline-block;
- width: 14.86%;
- padding: 5px;
- font-family: Times New Roman;
- font-size: 10px;
- text-transform: uppercase;
- text-align: center;
- text-decoration: none;
- color: #339999;
- border: 1px solid #555555;
- background-color: #333333;
- transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -webkit-transition: all 0.4s ease-in-out;}
- #navi a:hover {
- color: #000000;
- border: 1px solid #339999;
- background-color: #ffffff;
- transition: all 0.8s ease-in-out;
- -moz-transition: all 0.8s ease-in-out;
- -webkit-transition: all 0.8s ease-in-out;}
- #infobox {
- position: fixed;
- left: 800;
- top: 210;
- color: #ffffff;
- font-family: Times New Roman;
- font-size: 13px;
- text-decoration: none;
- background-color: #333333;
- border: 1px solid #555555;
- width: 340px;
- height: 250px;
- padding: 10px;}
- #statbox {
- position: fixed;
- left: 800;
- top: 487;
- color: #ffffff;
- font-family: Times New Roman;
- font-size: 13px;
- text-decoration: none;
- background-color: #333333;
- border: 1px solid #555555;
- width: 356px;
- height: 50px;
- padding: 2px;}
- marquee img {
- width: 50px;
- height: 50px;
- margin-left: 5px;
- border-radius: 100px 100px 100px 100px;
- -moz-border-radius: 100px 100px 100px 100px;
- -webkit-border-radius: 100px 100px 100px 100px;}
- a {
- color: #339999;
- text-decoration: none;
- transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -webkit-transition: all 0.4s ease-in-out;}
- a:hover {
- color: #770000;
- transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -webkit-transition: all 0.4s ease-in-out;}
- ::-webkit-scrollbar-thumb {
- width: 1px;
- background-color: #777777;}
- ::-webkit-scrollbar {
- width: 1px;
- background-color: #555555;}
- a.credit {
- z-index: 2;
- position: fixed;
- right: 5;
- top: 5;
- color: #00ff33;
- font-family: monospace;
- font-size: 11px;
- font-weight: 300;
- text-decoration: none;}
- </style>
- <a href="http://adokenrazahl.deviantart.com/gallery/45571364" class="credit" target="_blank" title="@ Adoken Razahl">credit</a>
- <div id="splashart">
- <img src="https://i.imgur.com/I2sMEFq.jpg">
- </div>
- <div id="bigtitle">Aikuma</div>
- <div id="liltitle">Sun Goddess Amatarasu~~</div>
- <div id="navi">
- <a href="#01">About</a>
- <a href="#02">Story</a>
- <a href="#03">Raltions</a>
- <a href="#04">Friends</a>
- <a href="#05">OOC</a>
- </div>
- <div id="infobox">
- <div style="height: 100%; overflow-y: hidden;">
- <a name="01"></a>
- <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
- Tab One Information
- </div>
- <a name="02"></a>
- <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
- Tab Two Information
- </div>
- <a name="03"></a>
- <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
- TYPE STUFF HERE
- </div>
- <a name="04"></a>
- <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
- Tab Four Information
- </div>
- <a name="05"></a>
- <div style="width:100%; height: 100%; top: 100px; overflow: auto;" align="Left">
- Tab Five Information
- </div>
- </div>
- </div>
- <div id="statbox">
- <marquee behavior="scroll" direction="left" onmouseover="this.stop();" onmouseout="this.start();">
- <a href="https://imgur.com/tBQJ0Lk.jpg"><img src="https://imgur.com/tBQJ0Lk.jpg" target"_blank"></a>
- <a href="https://imgur.com/8Un0uCO.jpg"><img src="https://imgur.com/8Un0uCO.jpg" target"_blank"></a>
- <a href="https://imgur.com/Wl1nbHQ.jpg"><img src="https://imgur.com/Wl1nbHQ.jpg" target"_blank"></a>
- <a href="http://imgur.com/m2MpgWf.jpg"><img src="http://imgur.com/m2MpgWf.jpg" target"_blank"></a>
- <a href="https://i.imgur.com/ZsVH8C4.jpg"><img src="https://i.imgur.com/ZsVH8C4.jpg" target"_blank"></a>
- </marquee>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement