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=Karla:400,400italic,700,700italic|Rationale);
- @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);
- @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700);
- body {
- background-color: #fff;
- background-image: url(http://i.picpar.com/w99.png);
- background-attachment: fixed;
- background-position: center center;
- background-repeat: repeat;
- background-size: auto;
- font-family: Times New Roman;
- font-variant: normal;
- font-size: 70%;
- color: #666666;}
- ::-webkit-scrollbar-track {background-color:;}
- ::-webkit-scrollbar-thumb {background-color:#fff; border:1px solid #fff;}
- ::-webkit-scrollbar {width:2px;height:5px;}
- a {color: #fff; text-decoration: none; }
- a:hover {color: black; text-decoration: none;
- cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
- *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;}
- #life { position:fixed; left: 39%; top: 23%; height:400px; width:220px; border: 9px solid #262626; z-index: 1; }
- #death { position:fixed; left: 57%; top: 33%; height:55px; width: 55px; border: 5px solid #262626; z-index: 1; }
- #love { position:fixed; left: 57%; top: 59.3%; height:75px; width: 55px; border: 5px solid #262626; z-index: 1; }
- #hate { position:fixed; left: 57%; top: 73.3%; height:73px; width: 55px; border: 5px solid #262626; z-index: 1; }
- #bar { position: fixed; top: 27%; left: 39%; height: 35px; width: 320px; background-color: #262626; overflow: auto; z-index: 2; }
- #line { position: fixed; top: 29.5%; left: 39.7%; height: 1px; width: 197px; background-color: #CC3434; overflow: auto; z-index: 2; }
- .quote { position: fixed; top: 26%; left: 54%; color: #DD9D9D; font-size: 14px; line-height: 50px; font-family:'rationale', sans-serif; text-transform:uppercase; z-index: 3; letter-spacing: 1px;}
- #editthis{ position:fixed;height: 27px; width: 30px; top: 36%; left: 58.3%; margin: auto; z-index:99;}
- #music1{ position:fixed; padding:2px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
- #music1:hover #music2{ opacity: 0; margin-top:-20px; z-index:-1;}
- #music1:hover #music3{ opacity: .5; margin-top:-5px; z-index:99;}
- #music1:hover #musiclist{ opacity: .5;}
- #music2{ opacity: .5; background-color:#000000; padding:6px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;}
- #music3{ opacity: 0; position:fixed; background-color:#000000; background-image: url('http://assets.clickmotive.com/Designs/LEMidnight/playButton.png'); background-repeat: no-repeat; background-size: 25px; border:1px dotted #b3b3e5; width:25px; height:25px; z-index:99 margin-left:0px; overflow:hidden; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
- .abox {background-color:#151515; color: #fff; font-size: 12px; font-family: 'rationale', sans-serif; text-align: justify; position: absolute; width:213.5; height:343; left: 190; top:205; letter-spacing: .5px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid #262626; }
- .navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Left: 56.3%; top: 43%; padding: 4px; z-index: 100; font-family:'rationale', sans-serif; text-transform:uppercase; Font-size: 12px; text-align: center; letter-spacing: .5px;}
- .link1 {Position: absolute; Left: 10px; Border: solid 1px #262626; Height: 14px; Width: 63px; background-color: #262626;}
- .link2 {Position: absolute; Left: 10px; Top: 25px; Border: solid 1px #262626; Height: 14px; Width: 63px; background-color: #262626;}
- .link3 {Position: absolute; Left: 10px; Top: 46px; Border: solid 1px #262626; Height: 14px; Width: 63px; background-color: #262626;}
- .link4 {Position: absolute; Left: 10px; Top: 67px; Border: solid 1px #262626; Height: 14px; Width: 63px; background-color: #262626;}
- .link5 {Position: absolute; Left: 10px; Top: 87px; Border: solid 1px #262626; Height: 14px; Width: 63px; background-color: #262626;}
- .link6 {Position: absolute; Left: 10px; Top: 107px; Border: solid 1px #262626; Height: 14px; Width: 63px; background-color: #262626;}
- .link1:hover {Background-color: #A52728; Border: solid 1px #A52728;}
- .link2:hover {Background-color: #A52728; Border: solid 1px #A52728;}
- .link3:hover {Background-color: #A52728; Border: solid 1px #A52728;}
- .link4:hover {Background-color: #A52728; Border: solid 1px #A52728;}
- .link5:hover {Background-color: #A52728; Border: solid 1px #A52728;}
- .link6:hover {Background-color: #A52728; Border: solid 1px #A52728;}
- .slide {Position: fixed; Height: 555555; Width: 555555; Top: 0px; Left: 350; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s; }
- .slide:target {Top: 0; Opacity: .8; Z-index: 1; transition: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
- h1 { Color: #fff; Border-bottom: 1.5px solid #fff; font-size:15px; text-align: center; Text-Shadow: #878487 2px 1px 1px; font-family: 'Yanone Kaffeesatz', sans-serif; Margin-Top: 1px; text-transform: uppercase; text-align: left;}
- h2{ font-family: tahoma; font-size: 10px; color: #F0F0F0; text-shadow:none; text-align: center; }
- credit { position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #000000;}
- .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); }
- </style>
- <div id="life">
- <img src="http://i.picpar.com/vjXb.jpg" height="100%" width="100%">
- </div>
- <div id="death">
- <img src="https://66.media.tumblr.com/55d96f7f849bac73ff0aa9d9dc065989/tumblr_nczr1cdEUM1s307p6o1_500.gif" height="100%" width="100%">
- </div>
- <div id="love">
- <img src="http://38.media.tumblr.com/60b280a3be04705298ae4d948b3ffc24/tumblr_ngyc16hcg11tzvo6co1_500.gif" height="100%" width="100%">
- </div>
- <div id="hate">
- <img src="http://3.bp.blogspot.com/-qqMfvNcEKhU/VE_0e5NuepI/AAAAAAAAVow/lEtXQM62CNs/s1600/Shingeki%2Bno%2BBahamut%2BGenesis%2B12.gif" height="100%" width="100%">
- </div>
- <div id="bar"></div>
- <div id="line"></div>
- <div class="quote"><font color="#CC3434">[</font> Midday's Night <font color="#CC3434">]</font></div>
- <div id="editthis"><div id="music1"><div id="music2">
- <img src="http://38.media.tumblr.com/tumblr_m7w2py1dEP1r6o8v2.gif" style="opacity: 0.8;"></div>
- <div id="music3"><Div style="margin-top:4px;">
- <audio controls style="opacity: 0;"><source src="http://k003.kiwi6.com/hotlink/oycfmotai0/Ocean_Floor.mp3"></audio>
- </div></div></div></div>
- <div class="navbar">
- <a class="link1" href="#1"><font color="white">Dossier</font></a>
- <a class="link2" href="#2"><font color="white">History</font></a>
- <a class="link3" href="#3"><font color="white">Friends</font></a>
- <a class="link4" href="#4"><font color="white">OOC</font></a>
- <a class="link5" href="#5"><font color="white">Reset</font></a>
- </div></div>
- <div id="1" class="slide">
- <div class="abox">
- </div></div>
- <div id="2" class="slide">
- <div class="abox">
- </div></div>
- <div id="3" class="slide">
- <div class="abox"><center>
- <a href="profile.php?user=" target="_blank"><img src="" class="circle" height="65" width="65" border="1"></a>
- </center></div></div>
- <div id="4" class="slide">
- <div class="abox">
- </div></div>
- <credit>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank">A Bad Bitch</a></credit>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement