Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- .pfor{display:none;}
- body{
- background:#001953;
- background-image:url(http://i.picpar.com/CSgb.png);
- background-repeat:no-repeat;
- background-position:bottom left;
- }
- #information{
- border:2px solid #BA9D00;
- width:200;
- height:200;
- overflow:auto;
- text-align:left;
- background:#001953;
- padding-top:5;
- padding-left:5;
- letter-spacing:1;
- background:;
- position:fixed;
- top:220;
- left:1200;
- color:white;
- font-size:10;
- font-family:latha;
- }
- .KEEPROLLING {
- color:white;
- font-size:10;
- font-family:latha;
- border:2px double #BA9D00;
- background-color:#001953;
- width:300;
- height:200;
- position:fixed;
- padding-top:5;
- padding-left:5;
- letter-spacing:1;
- top:220;
- left:800;
- overflow:auto;
- opacity:0;
- transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out; z-index: -2; }
- .KEEPROLLING:target {opacity: 1; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; z-index:1;padding-right:5px;overflow:hidden;}
- #navicircle{
- position:fixed;
- left:350;
- }
- .snake{
- position:fixed;
- top:300;
- left:700;
- border:1px solid #BA9D00;
- background:#BA9D00;
- width:500;
- height:45;
- }
- .snakes{
- position:fixed;
- top:230;
- left:552;
- border:1px solid #BA9D00;
- background:#BA9D00;
- transform:rotate(50deg);
- width:200;
- height:45;
- }
- .tab1{position:fixed;top:200;left:;
- text-decoration:none;background-color:#BA9D00;
- border-radius:200px 200px 200px 200px;
- width:20;height:20;
- -webkit-transition:width 2s,
- height 2s, background-color 2s,
- -webkit-transform 2s;
- transition:width 1s, height 2s, background-color 2s, transform 2s;}
- .tab2{position:fixed;top:220;left:;
- text-decoration:none;background-color:#BA9D00;
- border-radius:200px 200px 200px 200px;
- width:20;height:20;
- -webkit-transition:width 2s,
- height 2s, background-color 2s,
- -webkit-transform 2s;
- transition:width 1s, height 2s, background-color 2s, transform 2s;}
- .tab3{position:fixed;top:240;left:;
- text-decoration:none;background-color:#BA9D00;
- border-radius:200px 200px 200px 200px;
- width:20;height:20;
- -webkit-transition:width 2s,
- height 2s, background-color 2s,
- -webkit-transform 2s;
- transition:width 1s, height 2s, background-color 2s, transform 2s;}
- .tab4{position:fixed;top:260;left:;text-align:center;
- text-decoration:none;background-color:#BA9D00;
- border-radius:200px 200px 200px 200px;
- width:20;height:20;
- -webkit-transition:width 2s,
- height 2s, background-color 2s,
- -webkit-transform 2s;
- transition:width 1s, height 2s, background-color 2s, transform 2s;}
- </style>
- <div class="snake"></div>
- <div class="snakes"></div>
- <div id="information">OOC and credit goes here. </div>
- <img src="http://i.picpar.com/7Sgb.jpg" style="position:fixed;top:44;left:360;height:300;border:2px solid #BA9D00;">
- <img src="">
- <div id="01" class="KEEPROLLING">
- This is where the stats go.
- </div>
- </div>
- <div id="02" class="KEEPROLLING">
- This is where the story/personality goes.
- </div>
- <div id="03" class="KEEPROLLING">
- Companions<br>
- </div>
- <div id="navicircle">
- <a class="tab1" href="#01"><i></a>
- <a class="tab2" href="#02"></a>
- <a class="tab3" href="#03"></a>
- <a class="tab4" href="#04"></a>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement