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=Clicker+Script);
- @import url(https://fonts.googleapis.com/css?family=Satisfy);
- @import url(https://fonts.googleapis.com/css?family=Handlee);
- @import url(https://fonts.googleapis.com/css?family=Dr+Sugiyama);
- @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz);
- @import url(https://fonts.googleapis.com/css?family=Caveat);
- @import url(https://fonts.googleapis.com/css?family=Farsan);
- ::-webkit-scrollbar { width: 4px; }
- ::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }
- ::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #9B56C6; }
- body {
- background-image: url("");
- background-repeat: repeat;
- background-color: #000;
- background-size: 100% 100%;
- background-position: bottom right;
- margin: 0;
- }
- .name{position: absolute;z-index:2;left: -2%;top: -25%;color: #585555;text-shadow: 0.1vw 0.1vw 0.1vw #C32828;font-family: Caveat;line-height:80px;text-align:center;font-size: 6vw;letter-spacing: 0.5vw;opacity:1;}
- #frame {
- z-index: 3;
- background: url(http://i.imgur.com/PBFvhnE.png);
- background-size: ;
- background-position: bottom left;
- background-repeat: repeat;
- position: absolute;
- background-color:#000;
- border: 25px solid #610B0B;
- box-shadow:0px 0px 20px #905F5F;
- top: 23%;
- left: 23%;
- height: 50%;
- width: 50%;
- opacity: 1;
- }
- .aimg { position: absolute; width: 239; height: 100%; left: 0%; bottom:0%; overflow:auto; border-right:10px solid #610B0B;background-image:url(http://i.imgur.com/WweIaS9.jpg);
- background-size:100% 100%;}
- #infobackground{
- position: absolute;
- z-index: 3;
- top: 4.5%;
- left: 34%;
- height: 90%;
- width: 63%;
- background-size: ;
- background-color:#530202;
- background-image:url(http://i.imgur.com/PBFvhnE.png);
- background-position: center;
- background-repeat:repeat;
- border:3px solid black;
- box-shadow:0px 0px 20px #BA2121;
- overflow: hidden;
- color: #500243;
- font-family:;
- font-size: 10vh;
- opacity:1;}
- #infobox{
- position: absolute;
- z-index: 4;
- top: 9.5%;
- left: 6.5%;
- height: 80%;
- width: 85%;
- overflow: hidden;
- color: #B3B3B3;
- box-shadow:0px 0px 20px #000;
- text-align: justify;
- letter-spacing: .2px;
- line-height: 15px;
- border: 2px solid #000;
- background-color:#171717;
- font-family: farsan;
- font-size: 18px;
- opacity:1;
- }
- .tab1 { z-index:10; position: absolute; top: 5%; left: 31.3%; width: 2%; height: 4%; border-radius: 50%;background-color: #000;border:2px solid #A41E1E;}
- .tab2 { z-index:10; position: absolute; top: 33%; left: 31.3%; width: 2%; height: 4%; border-radius: 50%;background-color: #000;border:2px solid #A41E1E;}
- .tab3 { z-index:10; position: absolute; top: 62%; left: 31.3%; width: 2%; height: 4%; border-radius: 50%;background-color: #000;border:2px solid #A41E1E;}
- .tab4 { z-index:10; position: absolute; top: 90%; left: 31.3%; width: 2%; height: 4%; border-radius: 50%;background-color: #000;border:2px solid #A41E1E;}
- h1 {width: 100%; height: auto; font-size: 25px;font-family:Caveat;margin-top:1px; margin-bottom: 5px; text-align: center; border-bottom: 1px solid #A41E1E; color: #444444;}
- b, strong { color: #585555;text-shadow: 0.1vw 0.1vw 0.1vw #C32828;}
- </style>
- <div id="frame">
- <div class="name">
- Vale
- </div>
- <a href="#1"><div class="tab1"></div></a>
- <a href="#2"><div class="tab2"></div></a>
- <a href="#3"><div class="tab3"></div></a>
- <a href="#4"><div class="tab4"></div></a>
- <div class="aimg">
- </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>Title</h1>
- Tab 1
- </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>Title</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>Title</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>Title</h1>
- Tab 4
- </div>
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement