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=Grand+Hotel);
- @import url(https://fonts.googleapis.com/css?family=Poiret+One);
- body {
- background-color: #D4D4D4;
- 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 {
- width: 2px;
- height: 0px;
- background:;
- }
- ::-webkit-scrollbar-thumb {
- background-color: black;
- -webkit-border-radius: 10px;
- border-radius: 10px;
- }
- a {color: #4CBAA2; text-decoration: none; }
- a:hover {color: black; 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;}
- .abox {background-color:#fff; color: #858585; font-size: 11px; font-family: calibri; text-align: justify; position: absolute; width:443; height:194; left: 454; top:308; letter-spacing: .3px; line-height: 12px; padding: 3px; margin: 1px; overflow:auto; border: 1px solid white; opacity: .9;}
- .navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; Left: 410; top: 310; padding: 4px; z-index: 90;}
- .link1 {Position: absolute; Left: 10px; Top:5px; Height: 10px; Width: 30px; background-color: #fff;}
- .link2 {Position: absolute; Left: 10px; Top:25px; Height: 10px; Width: 30px; background-color: #fff;}
- .link3 {Position: absolute; Left: 10px; Top:45px; Height: 10px; Width: 30px; background-color: #fff;}
- .link4 {Position: absolute; Left: 10px; Top:65px; Height: 10px; Width: 30px; background-color: #fff;}
- .link1:hover {Background-color: #6E6E6E;}
- .link2:hover {Background-color: #6E6E6E;}
- .link3:hover {Background-color: #6E6E6E;}
- .link4:hover {Background-color: #6E6E6E;}
- .slide {Position: fixed; Height: 555555; Width: 555555; Top: -200px; Left: 0; 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: 1; Z-index: 1; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
- #icon img { position:absolute; top: 305px; left:450; -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out;border: 5px solid #fff; }
- #icon img.top:hover {opacity:.2;}
- #mainpicture { position:fixed; left:-60px; top:165px; height: 510px; width:525px; }
- #bar { position: fixed; top: 10%; left:0%; height: 100px; width: 2000px; background-color: #F8DB9E; overflow: auto; opacity: 0.9; z-index: -3; background-image: url(http://i.picpar.com/IfWb.gif);}
- .Quote { position: fixed; top: 2%; left: 27%; color: #4CBAA2; font-size: 30px; font-family: 'Grand Hotel', cursive; }
- .allies { position: fixed; width: 1350px; top: 11%;}
- h1 { Color: #000; font-family: 'Poiret One', cursive; text-align: center; font-size:15px; Text-Shadow: #6E6E6E 2px 1px 1px; Margin-top: 3px; Border-left: 15px double #6E6E6E; Border-right: 15px double #6E6E6E;}
- h2 { position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #fff;}
- #editthis{ position:fixed;height: 55px;width: 55px; Bottom: 18%; left: 30.5%; 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:-25px; z-index:-1;}
- #music1:hover #music3{ opacity:0.7; margin-top:-5px; z-index:99;}
- #music1:hover #musiclist{ opacity:1;}
- #music2{ opacity:1; 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;}
- </style>
- <Div id="bar"></div>
- <div class="allies">
- <a href="FRANDS" target="_blank"><img src="http://i.picpar.com/IfWb.gif" height="83" width="75" border="2" title="- Connection Name -
- Description."></a>
- </div>
- <div class="Quote">QUOTE</div>
- <div id="mainpicture">
- <img src="RENDER" class="image" height="100%" width="100%">
- </div>
- <div id="icon">
- <img class="bottom" src="SECOND GIF" height="200" width="450" />
- <img class="top" src="FIRST GIF" height="200" width="450" />
- </div>
- <div class="navbar">
- <a class="link1" href="#1"></a>
- <a class="link2" href="#2"></a>
- <a class="link3" href="#3"></a>
- <a class="link4" href="#4"></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">
- </div></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="MUSIC"></audio>
- </div></div></div></div>
- <h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank">A Bad Bitch</a></h2>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement