Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style type="text/css">
- .pfor { display: none; }
- #profile { background-color: transparent; border: none; }
- </style>
- <style type="text/css">
- @import url(https://fonts.googleapis.com/css?family=Mr+Dafoe);
- @import url(https://fonts.googleapis.com/css?family=PT+Sans+Narrow);
- @import url(https://fonts.googleapis.com/css?family=Quicksand);
- 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:#161616;}
- ::-webkit-scrollbar-thumb {background-color:#fff; border:3px solid #161616;}
- ::-webkit-scrollbar {width:11px;height:5px;}
- a {color: #ff0000; 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;}
- .onelittlebox { position: fixed; background-color: #161616; border: 1px #4E4E4E solid; overflow: auto; width: 450; height: 225; top: 40%; left: 30%; padding: 5px; text-align: justify; font-size: 12px; font-family: 'Quicksand', sans-serif;
- color: #fff; line-height: 14px;}
- h2 { position: fixed; right: 10px; bottom: 0px; font-family: Arial; font-variant: normal; font-weight: normal; font-size: 100%; color: #000000;}
- .abox {background-color:#161616; color: #fff; font-size: 12px; font-family: 'Quicksand', sans-serif; text-align: justify; position: absolute; width:450; height:225; left: 409px; top: 266px; line-height: 12px; padding: 5px; margin: 1px; overflow:auto; border: 1px solid #4E4E4E;}
- .navbar {Background-color: transparent; Position: absolute; Height: 13px; Width: 242px; left: 29%; top: 36%; padding: 4px; z-index: 100;}
- .link1 {Position: absolute; Left: 20px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #000; }
- .link2 {Position: absolute; Left: 40px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #000; }
- .link3 {Position: absolute; Left: 60px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #000; }
- .link4 {Position: absolute; Left: 80px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #000; }
- .link5 {Position: absolute; Left: 100px; Border: solid 1px #fff; Height: 10px; Width: 10px; background-color: #000; }
- .link1:hover {Background-color: #343434;}
- .link2:hover {Background-color: #343434;}
- .link3:hover {Background-color: #343434;}
- .link4:hover {Background-color: #343434;}
- .link5:hover {Background-color: #343434;}
- .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: 1s; -moz-transition: 1s; webkit-transition: 1s; -o-transition: 1s;}
- h1 { font-family: 'PT Sans Narrow', sans-serif; color: #fff; font-size:15px; letter-spacing:1px; margin-bottom:5px; margin-top:8px; text-align: center; width: 100%; border-bottom:1px solid gray;}
- .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);}
- #title{ position:fixed; top: 34%; left: 57%; height: 30px; width: 500px; text-align: left; font-family: 'Mr Dafoe', cursive; text-shadow: 0 0 5px #fff; font-size:35px; color: #b30000; z-index:999; }
- .Picture { position: fixed; top: 33%; left: 10%; width: 250px; height: 325px; border: 1px solid #4E4E4E; background-image: url(MAIN PIC); background-size: 100% 100%;}
- .lewoof { position: fixed; top: 58%; right: 16%; width: 250px; height: 155px; border: 1px solid #4E4E4E; background-image: url(GIF LINK); background-size: 100% 100%;}
- .bark { position: fixed; top: 33%; right: 16%; width: 250px; height: 155px; border: 1px solid #4E4E4E; background-image: url(GIF LINK); background-size: 100% 100%;}
- .liltitle { width: 250px; height: 105px; background-color: #cccccc; padding-top: 50px; opacity: 0; color: #000000; text-align: center; font-family: georgia; font-size:16px; transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out;}
- .lewoof:hover .liltitle, .bark:hover .liltitle{ opacity:0.6; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out;}
- .quote { position: fixed; top: 75%; left: 30.5%; color: #b30000; font-size: 30px; line-height: 50px; font-family: 'Mr Dafoe', cursive; text-shadow: 0 0 3px #fff; }
- .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 class="Picture"></div>
- <div class="lewoof"><div class="liltitle">
- Desc
- </div></div>
- <div class="bark"><div class="liltitle">
- Desc
- </div></div>
- <div id="title">
- Name?
- </div>
- <div class="quote">
- “ Short Quote... Fill 'er up. ”
- </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 class="onelittlebox">
- <h1>Title</h1>
- Words
- </div></div>
- <div id="1" class="slide">
- <div class="abox">
- </div></div>
- <div id="2" class="slide">
- <div class="abox">
- <a href="profile.php?user=Link" target="_blank"><img src="FRIEND IMG" class="circle" height="75" width="75" border="1" title="Description"></a>
- </div></div>
- <div id="3" class="slide">
- <div class="abox">
- </div></div>
- <h2>Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank"><font color="#B30000">A Bad Bitch</font></a></h2>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement