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=Satisfy);
- @import url(https://fonts.googleapis.com/css?family=Handlee);
- @import url(https://fonts.googleapis.com/css?family=Farsan);
- @import url(https://fonts.googleapis.com/css?family=Allura);
- ::-webkit-scrollbar { width: 4px; }
- ::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }
- ::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #75F4FF; }
- body {
- background-image: url("http://i.imgur.com/gcXB4jm.png");
- background-repeat: repeat;
- background-color: #DADADA;
- background-size: ;
- background-position: bottom right;
- margin: 0;
- }
- .name{position: absolute;
- z-index:2;
- left: 40%;
- top: -25%;
- color: #6D8BDF;
- text-shadow: 0.1vw 0.1vw 0.1vw #fff;
- font-family: allura;
- line-height:80px;
- text-align:center;
- font-size: 6vw;
- letter-spacing: 0.5vw;}
- #frame {
- z-index: 3;
- background: url(http://i.imgur.com/DXMW8vZ.png);
- background-size: ;
- background-position: bottom left;
- background-repeat: repeat;
- position: absolute;
- box-shadow:0px 0px 20px #fff;
- background-color:#777777;
- border: 23px solid #A4B7EA;
- top: 34%;
- left: 13%;
- height: 45%;
- width: 70%;
- opacity: 1;
- }
- #infobackground{
- position: absolute;
- z-index: 3;
- top: 4.5%;
- left: 38%;
- height: 90%;
- width: 58%;
- background-size: ;
- background-color:#9AABD7;
- background-image:url(http://i.imgur.com/DXMW8vZ.png);
- background-position: center;
- background-repeat:repeat;
- border:3px solid white;
- box-shadow:0px 0px 20px #ccc;
- 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: #898989;
- box-shadow:0px 0px 20px #ccc;
- text-align: justify;
- letter-spacing: .2px;
- line-height: 15px;
- border: 2px solid white;
- background-color:#ddd;
- font-family: farsan;
- font-size: 18px;
- opacity:1;
- }
- .gallery {position: absolute;overflow: hidden;bottom: 0%;width: 60%;height: 30px;transition: 1.5s;left: 19%;border-radius: 20px 20px 0px 0px;border: 2px solid #A4B7EA;background: rgba(0,0,0,0.7);padding: 5px;color: #FFFFFF;text-shadow: 0px 0px 8px #;font-size:11pt;font-family: handlee;zindex:30;}
- .gallery:hover {position: absolute;overflow: auto;bottom: 0%;width: 60%;height: 17%;transition: 1.5s;left: 19%;border-radius: 20px 20px 0px 0px;border: 2px solid #A4B7EA;padding: 5px;background: rgba(0,0,0,0.7);color: #FFFFFF;text-shadow: 0px 0px 8px #;font-size:11pt;font-family: handlee;z-index:30}
- .tab1 { z-index:10; position: absolute; top: 5%; right: 0.5%; width: 2%; height: 6%; border-radius: 0%;background-color: #;border:2px solid #;background: url(http://i.imgur.com/MCqP1wR.png);
- background-size: 100% 100%;}
- .tab2 { z-index:10; position: absolute; top: 25%; right: 0.5%; width: 2%; height: 6%; border-radius: 0%;background-color: #;border:2px solid #;background:url(http://i.imgur.com/MCqP1wR.png);
- background-size: 100% 100%;}
- .tab3 { z-index:10; position: absolute; top: 47%; right: 0.5%; width: 2%; height: 6%; border-radius: 0%;background-color: #;border:2px solid #;background:url(http://i.imgur.com/MCqP1wR.png);
- background-size: 100% 100%;}
- .tab4 { z-index:10; position: absolute; top: 70%; right: 0.5%; width: 2%; height: 6%; border-radius: 0%;background-color: #;border:2px solid #;background:url(http://i.imgur.com/MCqP1wR.png);
- background-size: 100% 100%;}
- .tab5 { z-index:10; position: absolute; top: 90%; right: 0.5%; width: 2%; height: 6%; border-radius: 0%;background-color: #;border:2px solid #;background:url(http://i.imgur.com/MCqP1wR.png);
- background-size: 100% 100%;}
- h1 {width: 100%; height: auto; font-size: 30px;font-family:Allura;margin-top:1px; margin-bottom: 5px; text-align: center; border-bottom: 2px solid #fff; color: #9399AB;}
- b, strong { color: #9399AB;text-shadow: 0.1vw 0.1vw 0.1vw #fff;}
- a {color: #28355A; text-decoration: none; }
- a:hover {color: blue; 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: #000;
- z-index:1;}
- </style>
- <div id="credit">
- Layout © <a href="profile.php?user=Pachi" target="_blank">Pachi</a>
- </div>
- <div class="gallery">
- <h1>Gallery</h1>
- <center>
- <a target="_blank" href="url here" target="_blank" title="Words"><img src="url here" class="circle" width="40" height="40" border="1px solid #000000" ></a>
- <a target="_blank" href="url here" target="_blank" title="Words"><img src="url here" class="circle" width="40" height="40" border="1px solid #000000" ></a>
- <a target="_blank" href="url here" target="_blank" title="Words"><img src="url here" class="circle" width="40" height="40" border="1px solid #000000" ></a>
- <a target="_blank" href="url here" target="_blank" title="Words"><img src="url here" class="circle" width="40" height="40" border="1px solid #000000" ></a>
- <a target="_blank" href="url here" target="_blank" title="Words"><img src="url here" class="circle" width="40" height="40" border="1px solid #000000" ></a>
- <a target="_blank" href="url here" target="_blank" title="Words"><img src="url here" class="circle" width="40" height="40" border="1px solid #000000" ></a>
- </center>
- </div>
- <div id="frame">
- <img src="http://i.imgur.com/kvGesVS.png" width="430" height="600" style="position:absolute;bottom:0%; left: -4%;z-index:20;">
- <div class="name">
- Emma Frost
- </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>
- <a href="#5"><div class="tab5"></div></a>
- <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>
- Words <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>Title</h1>
- tab2
- </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>
- tab3
- </div>
- </div>
- <div style="height: 100%; overflow-y: hidden;">
- <a name="4"></a>
- <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="center">
- <br>
- <h1>Title</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="center">
- <br>
- <h1>Title</h1>
- tab 5
- </div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement