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');
- @import url(https://fonts.googleapis.com/css?family=Squada+One);
- @import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');
- body { background-color: #EBEBEB; background-image: url(http://static.tumblr.com/adedf73fd2e7cba52cc893965d1b41ba/5qwc8k3/hlPoryn66/tumblr_static_7e83tl5lxe04wgco80wogk4ow.png); background-attachment: fixed; background-position: center center; background-repeat: repeat; background-size: auto;}
- ::-webkit-scrollbar-track {background-color:;}
- ::-webkit-scrollbar-thumb {background-color:;}
- ::-webkit-scrollbar {width:2px;height:5px;}
- a { background: #FFC4C1; padding: 2px 5px 2px 5px; font-size: 10px; border-radius: 5px; font-family: karla; color: #fff; text-decoration: none;}
- a:hover {color: #fff; 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 { background: #207C91; padding: 2px 5px 2px 5px; font-size: 10px; border-radius: 5px; font-family: karla; color: #fff; }
- .bar1 { background-color: #FFC4C1; position: absolute; top: 0px; left: 320px; height: 98%; width: 120px; border: 5px solid #FFC4C1; overflow: hidden; z-index: 1000; z-index: 1;}
- .bar2 { background-color: #FFC4C1; position: absolute; top: 0px; left: 460px; height: 98%; width: 10px; border: 5px solid #FFC4C1; overflow: hidden; z-index: 1000; z-index: 1;}
- .box {background-color: #FFC4C1; position: absolute; top: 150; left: 10; height: 460; width: 300; overflow: hidden; }
- .Box4 {position:absolute; top: 160px; left: 20px; height:420px; width: 260px; background:url('http://i.picpar.com/4z0c.png'); background-size: 100% 100%; overflow:hidden; border: 5px solid white; padding: 5px;}
- .poke {color:#fff; font-size:12px; text-align: none; font-family: karla; line-height: 16px; padding: 3px; text-align: justify; }
- .effect {height: 400px; width: 260px; background-color:#FFC4C1; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.6s ease-out; -moz-transition: all 0.6s ease-out;}
- .effect:hover {filter: alpha(opacity=100); opacity: 1; overflow:auto;}
- .img1 { position: absolute; top: 150px; left: 330px; height: 100px; width: 100px; background-image: url("https://68.media.tumblr.com/4dd876a99275180e55bc0e64cd9d1d24/tumblr_oocz01jwEX1w96bifo1_540.png"); background-size: 100% 100%; background-position: center center; overflow: hidden; border: 5px solid #fff; z-index: 2;}
- .img2 { position: absolute; top: 298.5px; left: 330px; height: 100px; width: 100px; background-image: url("https://68.media.tumblr.com/b95be413fc21a9dd2e0484b04570cdb6/tumblr_op8bul95IL1w96bifo1_540.png"); background-size: 100% 100%; background-position: center center; overflow: hidden; border: 5px solid #fff; z-index: 2;}
- .img3 { position: absolute; top: 447px; left: 330px; height: 100px; width: 100px; background-image: url("https://68.media.tumblr.com/29a3dbfcdeebf0f401cfb87ed710c48c/tumblr_o7xedpaoxy1v2ubzdo1_250.png"); background-size: 100% 100%; background-position: center center; overflow: hidden; border: 5px solid #fff; z-index: 2;}
- .abox { background-color: #F2F2F2; color: #FFC4C1; font-size: 12px; font-family: 'karla', sans-serif; text-align: justify; position: absolute; width: 234; height: 393; left: 490; top: 170; line-height: 16px; padding: 3px; overflow:auto; border: 1px solid #transparent; }
- .bbox { background-color: #F2F2F2; color: #FFC4C1; font-size: 12px; font-family: 'karla', sans-serif; text-align: justify; position: absolute; width: 234; height: 393; left: 790; top: 170; line-height: 16px; padding: 3px; overflow:auto; border: 1px solid #transparent; }
- .navbar {Background-color: transparent; Position: absolute; Left: 330px; top: 153px; padding: 4px; z-index: 7000; }
- .link1 {Position: absolute; Border: solid 2px #fff; Height: 90px; Width: 90px; background-color: #F0EDE8; opacity: 0;}
- .link2 {Position: absolute; Top: 152px; Border: solid 2px #fff; Height: 90px; Width: 90px; background-color: #F0EDE8; opacity: 0;}
- .link3 {Position: absolute; Top: 301px; Border: solid 2px #fff; Height: 90px; Width: 90px; background-color: #F0EDE8; opacity: 0;}
- .link1:hover {Border: solid 2px #F0EDE8; opacity: .5;}
- .link2:hover {Border: solid 2px #F0EDE8; opacity: .5;}
- .link3:hover {Border: solid 2px #F0EDE8; opacity: .5;}
- .slide {Position: fixed; Height: 555555; Width: 555555; Top: 0px; 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: 3000; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
- h1 { Color: #FFC4C1; font-family: 'Baumans'; text-shadow: -1px 0px 0px #FFC4C1, 0px 1px 0px #FFC4C1, 1px 0px 0px #FFC4C1, 0px -1px 0px #FFC4C1; font-size: 13px; text-align: center; font-family: 'Squada One'; color: #F2F2F2; text-align: center; line-height: 3px; font-size: 30px;}
- credit { position: fixed; Bottom: 10px; Right: 10px; font-size: 15px; font-family: Yanone Kaffeesatz; text-align: justify; color: #000; z-index: 7000; text-align: center; line-height: 25px;}
- .aimg {background-color: #fff; position: absolute; width: 225; height: 130; left: 740; top:320; overflow:auto; border:1px #FFC4C1;}
- .bimg {background-color: #fff; position: absolute; width: 225; height: 130; left: 740; top:470; overflow:auto; border:1px #FFC4C1;}
- .cimg {background-color: #fff; position: absolute; width: 225; height: 130; left: 740; top:170; overflow:auto; border:1px #FFC4C1;}
- .Dimg {background-color: #fff; position: absolute; width: 250; height: 400; Right:260 ; bottom:240; overflow:auto; border:5px #FFC4C1; padding: 5px;}
- </style>
- <div class="bar1"></div>
- <div class="bar2"></div>
- <div class="box"></div>
- <div class="img1"></div>
- <div class="img2"></div>
- <div class="img3"></div>
- <div class="navbar">
- <a class="link1" href="#1"></a>
- <a class="link2" href="#2"></a>
- <a class="link3" href="#3"></a>
- </div></div>
- <div class="Dimg">
- <img src="http://i.picpar.com/9z0c.png" Height="100%" Width="100%">
- </div>
- <div id="1" class="slide">
- <div class="abox">
- <h1>History & Personality</h1>
- </div>
- <div class="aimg">
- <img src="https://68.media.tumblr.com/c4a94de1530b4f7c3ec9ccb7bd083cd9/tumblr_oq1ny0YvoL1wp7fl7o9_250.gif" Height="100%" Width="100%">
- </div>
- <div class="bimg">
- <img src="https://68.media.tumblr.com/548f46de6668be0c1a80e55156e7217e/tumblr_o4b7esJgZQ1uzdqx3o1_1280.jpg" Height="100%" Width="100%">
- </div>
- <div class="cimg">
- <img src="https://68.media.tumblr.com/8e65557c0f387f071d3de489d76db0ba/tumblr_opx347q9yp1wpvgtho1_400.gif" Height="100%" Width="100%">
- </div>
- </div>
- <div id="2" class="slide">
- <div class="abox">
- <h1>Friends</h1><br>
- <center>
- <a href="" target="_blank"><img src="" class="circle" height="65" width="65" border="1"></a><br>
- <br>
- <a href="" target="_blank"><img src="" class="circle" height="65" width="65" border="1"></a><br>
- </div>
- <div class="aimg">
- <img src="https://68.media.tumblr.com/1d2c48f2b9e1fa5da1711c6dc30e188e/tumblr_okgoqeFVhK1uxgruxo3_500.gif" Height="100%" Width="100%">
- </div>
- <div class="bimg">
- <img src="https://68.media.tumblr.com/78310893faa1dbdbb97caabb1e66d521/tumblr_oq1ny0YvoL1wp7fl7o3_500.gif" Height="100%" Width="100%">
- </div>
- <div class="cimg">
- <img src="https://68.media.tumblr.com/c9f8e5c9fd9c169e2497ffadc8795886/tumblr_nzj8e9EEcB1u55px9o1_1280.jpg" Height="100%" Width="100%">
- </div>
- </div>
- <div class="box4"><div class="effect"><div class="poke">
- <h1>Stats</h1>
- </font>
- <font style=float:left>Name:</font> <font style=float:right>Hiji</font><br>
- <br><font style=float:left>Age: </font><font style=float:right>Don't ask</font>
- <br>
- <br><font style=float:left>Looks</font><font style=float:right>Pretty</font>
- <br><br><font style=float:left>Height:</font> <font style=float:right>5,4</font>
- <br><br><font style=float:left>Build:</font> <font style=float:right>thin</font>
- <br><br><font style=float:left>Marital:</font> <font style=float:right>Single</font>
- <br><br><font style=float:left>Face:</font> <font style=float:right><a href="http://i.picpar.com/Bz0c.jpg" target="_blank">Here</a><br></font>
- <br><br><font style=float:left>Orientation:</font> <font style=float:right>Bisexual</font>
- <br><br>
- </div>
- </div>
- Layout © <a href="http://pastebin.com/u/A_Bad_Bitch" target="_blank">A Bad Bitch</a>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement