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=Jim+Nightshade);
- @import url(https://fonts.googleapis.com/css?family=Pragati+Narrow);
- body {
- background-color: #000;
- background-image: url(http://i.imgur.com/66HyzBY.jpg);
- background-attachment: fixed;
- background-position:center;
- background-repeat: repeat;
- background-size: 100% 100%;
- overflow:hidden;}
- ::-webkit-scrollbar-track {background-color:#fff;}
- ::-webkit-scrollbar-thumb {background-color:#000; border:3px solid #fff;}
- ::-webkit-scrollbar {width:11px;height:5px;}
- #frame {
- z-index: 10;
- background: url(http://i.imgur.com/z8XSlCZ.jpg);
- background-size: 1;
- background-position: center;
- background-repeat: no-repeat;
- background-size: 50% 100%;
- position: absolute;
- background-color:#000;
- border-left: 10px groove #000;
- border-right: 10px groove #f0dbc9;
- border-top: 10px groove #000;
- border-bottom: 10px groove #f0dbc9;
- top: 25%;
- left: 14%;
- height:45%;
- width: 70%;
- }
- .box {position: absolute;
- z-index: -1;
- left: 25%;
- top:-10%;
- border: 2px solid #f0dbc9;
- height:97%;
- width:49%;
- background-color:#000;
- overflow-x:auto;
- overflow-y:auto;
- font-family:Pragati Narrow;
- font-size:16px;
- line-height:17px;
- padding:3px;
- opacity:0;
- color:#fff;
- transition: 0.8s;
- -moz-transition: 0.8s;
- webkit-transition: 0.8s;
- -o-transition: 0.8s;}
- .box:target{position: absolute;
- z-index: 3;
- top:0%;
- opacity:0.9;
- transition: 0.8s;
- -moz-transition: 0.8s;
- webkit-transition: 0.8s;
- -o-transition: 0.8s;}
- .tab1 { z-index:10; position: absolute; top: -8%; left: 26%; width: 8%; height: 4%; border-radius: 0%;background-color: #f0dbc9;box-shadow:0px 0px 30px #000;}
- .tab2 { z-index:10; position: absolute; top: -8%; left: 36%; width: 8%; height: 4%; border-radius: 0%;background-color: #f0dbc9;box-shadow:0px 0px 30px #000;}
- .tab3 { z-index:10; position: absolute; top: -8%; left: 46%; width: 8%; height: 4%; border-radius: 0%;background-color: #f0dbc9;box-shadow:0px 0px 30px #000;}
- .tab4 { z-index:10; position: absolute; top: -8%; left: 56%; width: 8%; height: 4%; border-radius: 0%;background-color: #f0dbc9;box-shadow:0px 0px 30px #000;}
- .tab5 { z-index:10; position: absolute; top: -8%; left: 66%; width: 8%; height: 4%; border-radius: 0%;background-color: #f0dbc9;box-shadow:0px 0px 30px #000;}
- a {color: #BFA3A3; text-decoration: none; }
- a:hover {color: blue; text-decoration: line-through;
- cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
- *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
- b, strong {font-weight: bold; color: #6C6868;}
- h1 {width: 100%; height: auto; font-size: 25px;font-family:Jim Nightshade; margin-top: 10px; text-align: center; border-bottom: 1px solid #FAF3A1; color: #556558;}
- .circle{border-radius:150px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;}
- .circle:hover{border-radius:0px;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;-o-transition: all 0.8s ease-out;-webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg);}
- #music{background-color:#transparent;width:50px;height:50px;margin:auto;position:absolute;left:51%;top:29%;background-image:url("http://assets.clickmotive.com/Designs/LEMidnight/playButton.png");background-repeat:no-repeat;background-position:center;background-size:100% 100%;}
- #credit{ position: fixed;
- right: 1px;
- bottom: 0px;
- font-family: Arial;
- font-variant: normal;
- font-weight: normal;
- font-size: 90%;
- color: #ccc;
- z-index:1;}
- </style>
- <div id="credit">
- Layout © <a href="profile.php?user=Pachi" target="_blank">Pachi</a>
- </div>
- <div id="Music">
- <audio controls loop style="opacity: 0; width: 10%;"><source src="http://puu.sh/sQRkn/3421feddb1.mp3">
- </div>
- <div id="frame">
- <img src="http://i.imgur.com/nh5Arky.png" height="100%" style="position:absolute; bottom:0%; left: 0%;">
- <img src="http://i.imgur.com/HfhCDa2.png" width="25%" height="100%" style="position:absolute; bottom:0%; right: 0%;">
- <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="1" class="box">
- <h1>Title</h1>
- Tab1 <b>Bold</b> <i>Italics</i> <a href="link.com">Link</a>
- </div>
- <div id="2" class="box">
- <h1>Title</h1>
- Tab2
- </div>
- <div id="3" class="box">
- <h1>Title</h1>
- Tab3
- </div>
- <div id="4" class="box">
- <h1>Title</h1>
- Tab4
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement