Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- @import url(https://fonts.googleapis.com/css?family=Farsan);
- @import url(https://fonts.googleapis.com/css?family=UnifrakturCook);
- @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
- @import url(https://fonts.googleapis.com/css?family=Cormorant+Unicase);
- @import url(https://fonts.googleapis.com/css?family=Cormorant+Upright);
- ::-webkit-scrollbar { width: 4px; }
- ::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }
- ::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #ddd; }
- body {
- background-image: url("http://i.imgur.com/NmQSJFn.jpg");
- background-repeat: repeat;
- background-color: #000;
- background-size: 100% 100%;
- background-position: bottom right;
- margin: 0;
- }
- #box {
- z-index: 3;
- background: url();
- background-size: ;
- background-position: bottom left;
- background-repeat: repeat;
- position: absolute;
- box-shadow:0px 0px 20px #;
- background-color:#;
- border: 1px solid #;
- bottom: 0%;
- left: 12%;
- height: 98%;
- width: 75%;
- opacity: 1;
- }
- #box2{
- z-index: 3;
- background: url();
- background-size: ;
- background-position: bottom left;
- background-repeat: repeat;
- position: absolute;
- box-shadow:0px 0px 20px #;
- background-color:#;
- border: 5px groove #000;
- top: 30%;
- left: 9%;
- height: 40%;
- width: 45%;
- opacity: 1;
- }
- .bar {
- position: absolute;
- left: -0.9%;
- top: -17%;
- background-color: #000;
- background-image:url(http://i.imgur.com/h7KyP7C.jpg);
- background-repeat:repeat;
- background-size:30%;
- width: 99%;
- border: 5px groove #000;
- padding: 0.5%;
- height: 10%;
- overflow: hidden;
- z-index:2;
- }
- .nav {
- position: absolute;
- width: 95%;
- left: 5%;
- top: 18.8%;
- }
- .nav a {
- text-align: center;
- display: inline-block;
- background-color: #000;
- text-transform: uppercase;
- text-decoration: none;
- font-family: Cormorant Unicase;
- color: #ddd;
- height: 100%;
- width: 20%;
- border: 1px solid #1F1F1F;
- -webkit-transition: all 1s ease-out;
- -moz-transition: all 1s ease-out;
- -ms-transition: all 1s ease-out;
- -o-transition: all 1s ease-out;
- transition: all 1s ease-out;
- }
- .nav a:hover {
- color: #000;
- background-color: #B6B6B6;
- -webkit-transition: all 0.6s ease-out;
- -moz-transition: all 0.6s ease-out;
- -ms-transition: all 0.6s ease-out;
- -o-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- #infobackground{
- position: absolute;
- z-index: 3;
- top: 0%;
- left: 0%;
- height: 100%;
- width: 100%;
- background-size: ;
- background-color:#000;
- background-image:url(http://i.imgur.com/h7KyP7C.jpg);
- background-position: center;
- background-repeat:no-repeat;
- background-size:100%;
- box-shadow:0px 0px 20px #;
- overflow: hidden;
- color: #500243;
- font-family: Segoe Print;
- font-size: 10vh;
- opacity:1;}
- #infobox{
- position: absolute;
- z-index: 4;
- top: 9.5%;
- left: 7.3%;
- height: 80%;
- width: 85%;
- overflow: hidden;
- color: #fff;
- box-shadow:0px 0px 20px #ddd;
- text-align: justify;
- letter-spacing: .2px;
- line-height: 15px;
- border: 2px solid #292929;
- background-color:#000;
- font-family: farsan;
- font-size: 16px;
- opacity:0.9;
- }
- h1 {width: 100%; height: auto; font-size: 20px;font-family:Cormorant unicase;margin-top:0px; margin-bottom: 5px; text-align: center; border-bottom: 1px solid #ccc; color: #6F6F6F;}
- b, strong { color: #424242;}
- a {color: #A5A5A5; text-decoration: none; }
- a:hover {color: #403F57; text-decoration: line-through;
- cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
- #credit{ position: fixed;
- right: 1px;
- bottom: 0px;
- font-family: Arial;
- font-variant: normal;
- font-weight: normal;
- font-size: 90%;
- color: #4E4E4E;
- z-index:1;}
- </style>
- <div id="credit">
- Layout © <a href="profile.php?user=Pachi" target="_blank">Pachi</a>
- </div>
- <div id="box">
- <img src="http://i.imgur.com/w8cJj0b.png" height="99%" style="position:absolute;bottom:0%; right: 10%;z-index:3;">
- <div id="box2">
- <div class="bar">
- <div class="nav"><a href="#1">Stats</a> <a href="#2">Bio</a> <a href="#3">Powers</a> <a href="#4">Criminals</a> <a href="#5" style="width: 10%;">OoC</a></div>
- </div>
- <div id="infobackground">
- <div id="infobox">
- <center>
- <div style="height: 100%; overflow-y: hidden;">
- <a name="1"></a>
- <div style="width:95%; height: 100%; top: 0px; overflow: auto;" align="left">
- <br>
- <h1>Stats</h1>
- Tab 1 <b>Bold</b> <i>Italic</i> <a href="link.com" target="_blank">Link</a>
- </div>
- </div>
- <div style="height: 100%; overflow-y: hidden;">
- <a name="2"></a>
- <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
- <br>
- <h1>Biography</h1>
- Tab 2
- </div>
- </div>
- <div style="height: 100%; overflow-y: hidden;">
- <a name="3"></a>
- <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
- <br>
- <h1>Powers</h1>
- Tab 3
- </div>
- </div>
- <div style="height: 100%; overflow-y: hidden;">
- <a name="4"></a>
- <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
- <br>
- <h1>Partners In Crime</h1>
- Tab 4
- </div>
- </div>
- <div style="height: 100%; overflow-y: hidden;">
- <a name="5"></a>
- <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
- <br>
- <h1>OOC</h1>
- Tab 5
- </div>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement