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: #; background-image: url(https://i.imgur.com/nX3ce5f.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: #9C6B6E; 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: #DF9CFF; padding: 2px 5px 2px 5px; font-size: 10px; border-radius: 5px; font-family: karla; color: #fff; }
- .bar1 { background-color: #; position: absolute; top: 170px; left: 320px; height: 420px; width: 120px; border: 0px solid #BDBDBD; overflow: hidden; z-index: 1000; z-index: 1;}
- .bar2 { background-color: #9C6B6E; position: absolute; top: 170px; left: 460px; height: 420px; width: 10px; border: 5px solid #736C64; overflow: hidden; z-index: 1000; z-index: 1;}
- .box {background-color: #9C6B6E; 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('https://i.imgur.com/FK9uinU.jpg'); background-size: 100% 100%; overflow:hidden; border: 5px solid white; padding: 5px;}
- .poke {color:#8a8790; font-size:12px; text-align: none; font-family: karla; line-height: 16px; padding: 3px; text-align: justify; }
- .effect {height: 420px; width: 260px; background-color:#F2F2F2; 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: 157px; left: 335px; height: 100px; width: 100px; background-image: url("https://78.media.tumblr.com/747a5ad26b1d4b7bf7834cf980b217c3/tumblr_p0m19iQECg1tendr1o1_1280.gif"); background-size: 100% 100%; background-position: center center; overflow: hidden; border: 5px solid #; z-index: 2;}
- .img2 { position: absolute; top: 305.5px; left: 335px; height: 100px; width: 100px; background-image: url("https://78.media.tumblr.com/1adba5e4c08b88942d10260f024f417e/tumblr_p0m19iQECg1tendr1o2_1280.gif"); background-size: 100% 100%; background-position: center center; overflow: hidden; border: 5px solid #; z-index: 2;}
- .img3 { position: absolute; top: 454px; left: 335px; height: 100px; width: 100px; background-image: url("https://78.media.tumblr.com/5beac5f13fe99bf622f4e520c5330228/tumblr_p0m19iQECg1tendr1o5_1280.gif"); background-size: 100% 100%; background-position: center center; overflow: hidden; border: 5px solid #; z-index: 2;}
- .abox { background-color: #; color: #9C6B6E; 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: #9C6B6E; 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: 0;}
- .link2:hover {Border: solid 2px #F0EDE8; opacity: 0;}
- .link3:hover {Border: solid 2px #F0EDE8; opacity: 0;}
- .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: #fff; font-family: 'Baumans'; text-shadow: -1px 0px 0px #fff, 0px 1px 0px #fff, 1px 0px 0px #fff, 0px -1px 0px #fff; font-size: 13px; text-align: center; font-family: 'Squada One'; color: #9C6B6E; 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:4px #736C64;}
- .bimg {background-color: #fff; position: absolute; width: 225; height: 130; left: 740; top:470; overflow:auto; border:4px #736C64;}
- .cimg {background-color: #fff; position: absolute; width: 225; height: 130; left: 740; top:170; overflow:auto; border:4px #736C64;}
- #ufuk {position: fixed;right: 0;bottom: -50px;}
- #ufuk img {width: auto;height: 600;}
- #ufuk2 {position: fixed;right: 53%;bottom: 0px;}
- #ufuk2 img {width: auto;height: 250;}
- </style>
- <div id="ufuk"><img src="http://i.picpar.com/vN9c.png"></div>
- <div id="ufuk2"><img src="https://78.media.tumblr.com/e53ca1da8e41be705019daef612b6655/tumblr_nvtbo2aTWz1s4xw3po1_500.gif"></div>
- <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 id="1" class="slide">
- <div class="abox">
- <h1>History & Personality</h1>
- </div>
- <div class="aimg">
- <img src="https://78.media.tumblr.com/9921812ec2af18dd4a41d1c953c76256/tumblr_oxlor2MgZv1wwul2oo1_500.gif" Height="100%" Width="100%">
- </div>
- <div class="bimg">
- <img src="https://78.media.tumblr.com/78fbf07faa49319d30fbeac31fc15a2d/tumblr_ozvwwtypvq1vm3yplo1_500.gif" Height="100%" Width="100%">
- </div>
- <div class="cimg">
- <img src="https://78.media.tumblr.com/57dd9cf5d89d72cda59a7b7f369b1667/tumblr_p16opqdW7W1wn8ljoo1_1280.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://i.imgur.com/TKIsui3.gif" Height="100%" Width="100%">
- </div>
- <div class="bimg">
- <img src="https://78.media.tumblr.com/9b3f3837e57544902a1823dd9ce98fe1/tumblr_oajaenazj71ryj37no1_500.gif" Height="100%" Width="100%">
- </div>
- <div class="cimg">
- <img src="https://78.media.tumblr.com/efe703a7dfa09fca26d148a1f4e97f83/tumblr_p08y7bbXvU1uxra4ao1_1280.gif" Height="100%" Width="100%">
- </div>
- </div>
- <div class="box4"><div class="effect"><div class="poke">
- <h1>Stats</h1>
- <font style=float:left>Name:</font> <font style=float:right></font><br>
- <br><font style=float:left>Age: </font><font style=float:right></font>
- <br>
- <br><font style=float:left>Race: </font><font style=float:right></font>
- <br><br><font style=float:left>Height:</font> <font style=float:right></font>
- <br><br><font style=float:left>Build:</font> <font style=float:right></font>
- <br><br><font style=float:left>Marital:</font> <font style=float:right></font>
- <br><br><font style=float:left>Lineage:</font> <font style=float:right></font>
- <br><br><font style=float:left>Orientation:</font> <font style=float:right></font>
- <br><br><font style=float:left>Gallery:</font> <font style=float:right><a href="" class="navi">Here </a>
- </font>
- <br><br>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement