Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
- <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
- <script src="https://roleplay.chat/jquery.tooltipster.js?v=8"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.js"></script>
- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
- <link href="https://roleplay.chat/tooltipster.css" rel="stylesheet" type="text/css">
- <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
- <script defer>
- window.onload = function() {
- };
- </script>
- <style>
- @import url('https://fonts.googleapis.com/css?family=Leckerli One|Josefin Sans');
- body {background-color: #fcfffe;}
- .mainimg {position: absolute; width: 550px; height: 550px; left:340px; top:-180px; border: 0px solid black; background: url(https://i.imgur.com/ZcjpUro.png); background-size: 100%; z-index:2; }
- .stripe{position: absolute; left: -1000px; bottom:-80px; width:3000px; height:145px; background:#fde6ef; z-index: -1; }
- .invibox {position: fixed; background-color: #; width: 550px; height: 200px; border: 0px solid; border-color: #8dc3ff; margin: auto; left: 80px; right: 0px; top: 90px; bottom: 0px; z-index:0;}
- .mainbox {position: fixed; background-color: #fcfffe; width: 420px; height: 250px; border: 10px solid; border-color: #fde6ef; margin: auto; left: -700px; right: 0px; top: 300px; bottom: 0px; background-size: 100%; z-index:4; border-radius:3px; }
- .mbin { position: fixed; background-color: #fcfffe; width: 400px; height: 230px; border: 12px solid; border-color: #c8eee1; margin: auto; left: -700px; right: 0px; top: 300px; bottom: 0px; background-size: 100%; z-index:2; border-radius:3px; }
- .mainbox2 {position: fixed; background-color: #fcfffe; width: 270px; height: 250px; border: 10px solid; border-color: #fde6ef; margin: auto; left: -700px; right: -1460px; top: 300px; bottom: 0px; background-size: 100%; z-index:3; border-radius:3px;}
- .mbin2 { position: fixed; background-color: #fcfffe; width: 250px; height: 230px; border: 10px solid; border-color: #c8eee1; margin: auto; left: -700px; right: -1460px; top: 300px; bottom: 0px; background-size: 100%; z-index:3; border-radius:3px; }
- .oocbox { position: fixed; background-color: #c8eee1; width: 230px; height: 40px; border: 0px solid; border-color: #c8eee1; margin: auto; left: -700px; right: -1460px; top: 130px; bottom: 0px; background-size: 100%; z-index:3; border-radius:3px; }
- .ooctext{ letter-spacing: -2; z-index: 10; position: fixed; left: 35px; bottom: 2px; font-family: 'Josefin Sans'; font-size: 25px; color: #fcfffe; text-shadow: 1px 4px 3px #; position: absolute; width: 800px;}
- .sb{ position: absolute; width: 235px; height: 177px; border: 0px solid black; background: url('https://i.imgur.com/FpuNDIq.png'); background-size: 100%; z-index:2; left:770px; top:-260px;}
- .hin {position: absolute; width: 65px; height: 60px; border: 0px solid black; background: url(https://i.imgur.com/vsMltQV.png); background-size: 100%; z-index:2; left:92px; top:63px; transition: 1.5s;}
- .hin:hover { z-index:9;
- animation: shake 1s;
- animation-iteration-count: infinite;
- }
- @keyframes shake {
- 0% { width: 65px; height: 60px; }
- 50% { left:90px; top:59px; width: 70px; height: 65px; }
- 100% { width: 65px; height: 60px;
- } }
- .t1 { position: absolute; background-color: #c8eee1; width: 35px; height: 25px; border: 10px solid; border-color: #c8eee1; margin: auto; right: 410px; top: -160px; bottom: 0px; background-size: 100%; z-index:3; border-radius:1px; transition: .5s;}
- .t2 { position: absolute; background-color: #c8eee1; width: 35px; height: 25px; border: 10px solid; border-color: #c8eee1; margin: auto; right: 410px; top: -50px; bottom: 0px; background-size: 100%; z-index:3; border-radius:1px; transition: .5s;}
- .t3 { position: absolute; background-color: #c8eee1; width: 35px; height: 25px; border: 10px solid; border-color: #c8eee1; margin: auto; right: 410px; top: 60px; bottom: 0px; background-size: 100%; z-index:3; border-radius:1px; transition: .5s;}
- .t4 { position: absolute; background-color: #c8eee1; width: 35px; height: 25px; border: 10px solid; border-color: #c8eee1; margin: auto; right: 410px; top: 170px; bottom: 0px; background-size: 100%; z-index:3; border-radius:1px; transition: .5s;}
- .inh{position: absolute; width: 25px; height: 23px; border: 0px solid black; background: url(https://i.imgur.com/kpNe69L.png); background-size: 100%; z-index:2; left:0px; top:2px;}
- .t1:hover,.t2:hover, .t3:hover, .t4:hover { right: 420px; transition: .5s; }
- .musicplayer {position: fixed; z-index: 999; top: vw; left: 70vw; width: 31px; height: 31px; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease;}
- .musicplayer img {width: 15px; padding: 8px 0px 0px 8px;}.line {top: 13px; left: 30px; width: 0px; height: 3px; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -o-transition:all .4s ease; transition-delay: 0s; -webkit-transition-delay: 0s;}
- .play {z-index: 9999; top: 0px; left: 50px; width: 140px; height: 0px; padding: 0px 5px 5px 5px; overflow: hidden; color: #bbb; font-size: 7px; position: absolute; text-align: center; background: #252525; border-left: 3px solid #330000; opacity: 0; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition-delay: .4s; -webkit-transition-delay: .4s;}
- .musicplayer:hover .play {height: 25px; opacity: 1; transition-delay: .6s; -webkit-transition-delay: .6s; }
- .mintea { letter-spacing: 1; z-index: 10; position: fixed; left: 10px; bottom: 240px; font-family: 'Leckerli One', cursive; font-size: 125px; color: #b5e6db; text-shadow: 1px 4px 3px #; position: absolute; width: 800px;}
- .mina{ letter-spacing: 2; z-index: 10; position: fixed; left: 195px; bottom: 350px; font-family: 'Josefin Sans'; font-size: 25px; color: #fccede; text-shadow: 1px 4px 3px #; position: absolute; width: 800px;}
- </style>
- </head>
- <body>
- <div class="invibox">
- <div class="stripe"></div>
- </div>
- <div class="mainbox">
- <div class="mina">MINA TEAGUE</div>
- <div class="mintea">Mintea</div>
- <div class="mbin">
- </div>
- <div class="mainimg"></div>
- <div class="sb"> <div class="hin"> <div class="musicplayer">
- <audio controls style="right:-100px; opacity: 0; padding: 0px; width: 65px;">
- <source src="http://k003.kiwi6.com/hotlink/gbxihekkwu/Two_Feet_-_Love_Is_A_Bitch.mp3"></audio></div>
- </div></div>
- <div class="t1"><div class="inh"></div></div>
- <div class="t2"><div class="inh"></div></div>
- <div class="t3"><div class="inh"></div></div>
- <div class="t4"><div class="inh"></div></div>
- </div>
- <div class="mainbox2">
- <div class="mbin2">
- <div class="oocbox"><div class="ooctext">Out of Character</div></div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement