Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- ::-webkit-scrollbar { width: 2px; }
- ::-webkit-scrollbar-track { border-radius: 2px; background-color: transparent; }
- ::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #transparent; }
- body {
- background-image: url("http://i.imgur.com/Vd68Qne.jpg");
- background-repeat: no-repeat;
- background-color: #000;
- background-size: 100% 100%;
- background-position: bottom right;
- margin: 0;
- }
- @font-face{
- font-family: 'Murder';
- src:url(https://dl.dropboxusercontent.com/s/2c0jc49lbcn1nwm/youmurdererbb_reg.otf);
- }
- #name{position: absolute;z-index:1;left: 15px;top: 90px;color: #9C0404;font-family: murder;font-size: 5vw;letter-spacing: 0.1vw;}
- #image{position: absolute;z-index: 6;bottom: 0vh;left: 24vw;width: 40vw;opacity:0;-webkit-animation:picturein 5s 1;-moz-animation:picturein 5s 1;-ms-animation:picturein 5s 1;-o-animation:picturein 5s 1;
- animation:picturein 5s;animation-delay:2s;animation-fill-mode:forwards;-webkit-animation-delay:2s;-webkit-animation-fill-mode:forwards;}
- #image img{height: 100vh;width:100vh;}
- @keyframes picturein{from{opacity:0;}to{opacity:1;}}
- #frame {z-index: 3;background: url();background-size: 100% 100%;background-position: bottom left;background-repeat: no-repeat;position: absolute;border-radius: 20px 20px 20px 20px;
- background-color:#000;border: 15px solid black; top: 70px; left: 50px; height: 300px; width: 200px;opacity: 0;-webkit-animation:fade2 5s 1;-moz-animation:fade2 5s 1;-ms-animation:fade2 5s 1;-o-animation:fade2 5s 1;animation:fade2 5s;animation-delay:2s;animation-fill-mode:forwards;-webkit-animation-delay:2s;-webkit-animation-fill-mode:forwards;}
- @keyframes fade2{from{opacity:0;}to{opacity:1;}}
- .box {position: absolute;z-index: -1; left: 0px; top:0px; border: 3px solid #; height:295px; width:193px; background-color:#2B2B2B; overflow-x:auto;overflow-y:auto;
- font-family:arial; font-size:12px;line-height:13px;padding:3px;opacity:0;color:#fff; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
- .box:target{position: absolute;z-index: 3;opacity:1;transition: 1s;-moz-transition: 1s;webkit-transition: 1s;-o-transition: 1s;}
- .navbox {background-color: #; position: absolute; width: 25px; height: 170px; right:-35px; top:40px; overflow:auto; -webkit-animation:fade3 4s 1;-moz-animation:fade3 5s 1;-ms-animation:fade3 5s 1;
- -o-animation:fade3 5s 1;animation:fade3 5s;animation-delay:2s;animation-fill-mode:forwards;-webkit-animation-delay:2s;-webkit-animation-fill-mode:forwards;}
- @keyframes fade3{from{opacity:0;}to{opacity:1;}}
- .tab1 { z-index:10; position: absolute; top: 1px; right: 2px; width: 10px; height: 25px; border:2px solid #000;background-color: #9C0404;}
- .tab2 { z-index:10; position: absolute; top: 35px; right: 2px; width: 10px; height: 25px; border:2px solid #000;background-color: #9C0404;}
- .tab3 { z-index:10; position: absolute; top: 70px; right: 2px; width: 10px; height: 25px; border:2px solid #000;background-color: #9C0404;}
- .tab4 { z-index:10; position: absolute; top: 105px; right: 2px; width: 10px; height: 25px; border:2px solid #000;background-color: #9C0404;}
- .tab5 { z-index:10; position: absolute; top: 140px; right: 2px; width: 10px; height: 25px; border:2px solid #000;background-color: #9C0404;}
- h1{color: #9C0404;font-family: murder;font-size: 3.5vh;letter-spacing: 0vw;font-weight: normal;text-align: center;text-weight:;margin-top:10px;margin-bottom:10px;}
- a {color: #A41524; text-decoration: none;font-weight:bold; }
- a:hover {color: #670202; text-decoration: line-through;}
- b {color: #7A7A7A; font-style: normal; font-weight: bold;letter-spacing:1px;}
- #credit{ position: fixed; left: 1px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 90%; color: gray;z-index:1;}
- </style>
- <div id="credit">
- Layout © <a href="profile.php?user=Pachi" target="_blank">Pachi</a>
- </div>
- <div id="image">
- <img src="http://i.imgur.com/FVx7lkL.png">
- </div>
- <div id="frame">
- <div id="name">
- Reaper
- </div>
- <div class="navbox">
- <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>
- <div id="1" class="box">
- <h1>Title</h1>
- Tab1 <b>Bold</b> <i>Italics</i> <a href="link.com" target="_blank">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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement