Advertisement
Guest User

Mintea profile

a guest
Jan 16th, 2019
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.49 KB | None | 0 0
  1. <html>
  2. <head>
  3. <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  4. <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  5. <script src="https://cdnjs.cloudflare.com/ajax/libs/dat-gui/0.6.5/dat.gui.min.js"></script>
  6. <script src="https://cdnjs.cloudflare.com/ajax/libs/prefixfree/1.0.7/prefixfree.min.js"></script>
  7. <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.11.0/d3.min.js"></script>
  8. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  9. <script src="https://roleplay.chat/jquery.tooltipster.js?v=8"></script>
  10. <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
  11. <script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/87/three.js"></script>
  12. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
  13. <link href="https://roleplay.chat/tooltipster.css" rel="stylesheet" type="text/css">
  14. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  15. <script defer>
  16. window.onload = function() {
  17.  
  18. };
  19. </script>
  20.  
  21.  
  22.  
  23. <style>
  24. @import url('https://fonts.googleapis.com/css?family=Leckerli One|Josefin Sans');
  25.  
  26.  
  27.  
  28. body {background-color: #fcfffe;}
  29.  
  30. .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; }
  31.  
  32. .stripe{position: absolute; left: -1000px; bottom:-80px; width:3000px; height:145px; background:#fde6ef; z-index: -1; }
  33.  
  34. .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;}
  35.  
  36. .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; }
  37.  
  38. .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; }
  39.  
  40. .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;}
  41.  
  42. .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; }
  43.  
  44. .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; }
  45.  
  46. .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;}
  47.  
  48.  
  49. .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;}
  50.  
  51. .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;}
  52.  
  53. .hin:hover { z-index:9;
  54.  
  55. animation: shake 1s;
  56. animation-iteration-count: infinite;
  57. }
  58.  
  59. @keyframes shake {
  60. 0% { width: 65px; height: 60px; }
  61.  
  62. 50% { left:90px; top:59px; width: 70px; height: 65px; }
  63.  
  64. 100% { width: 65px; height: 60px;
  65. } }
  66.  
  67.  
  68. .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;}
  69.  
  70. .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;}
  71.  
  72. .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;}
  73.  
  74. .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;}
  75.  
  76. .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;}
  77.  
  78. .t1:hover,.t2:hover, .t3:hover, .t4:hover { right: 420px; transition: .5s; }
  79.  
  80. .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;}
  81. .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;}
  82. .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;}
  83. .musicplayer:hover .play {height: 25px; opacity: 1; transition-delay: .6s; -webkit-transition-delay: .6s; }
  84.  
  85. .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;}
  86.  
  87. .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;}
  88.  
  89. </style>
  90. </head>
  91.  
  92.  
  93. <body>
  94. <div class="invibox">
  95.  
  96. <div class="stripe"></div>
  97.  
  98.  
  99. </div>
  100.  
  101.  
  102. <div class="mainbox">
  103.  
  104. <div class="mina">MINA TEAGUE</div>
  105. <div class="mintea">Mintea</div>
  106. <div class="mbin">
  107.  
  108.  
  109.  
  110.  
  111.  
  112. </div>
  113.  
  114. <div class="mainimg"></div>
  115.  
  116. <div class="sb"> <div class="hin"> <div class="musicplayer">
  117. <audio controls style="right:-100px; opacity: 0; padding: 0px; width: 65px;">
  118. <source src="http://k003.kiwi6.com/hotlink/gbxihekkwu/Two_Feet_-_Love_Is_A_Bitch.mp3"></audio></div>
  119. </div></div>
  120.  
  121. <div class="t1"><div class="inh"></div></div>
  122. <div class="t2"><div class="inh"></div></div>
  123. <div class="t3"><div class="inh"></div></div>
  124. <div class="t4"><div class="inh"></div></div>
  125.  
  126. </div>
  127.  
  128.  
  129. <div class="mainbox2">
  130.  
  131.  
  132. <div class="mbin2">
  133.  
  134.  
  135.  
  136.  
  137.  
  138. <div class="oocbox"><div class="ooctext">Out of Character</div></div>
  139.  
  140. </div>
  141.  
  142.  
  143. </div>
  144.  
  145. </body>
  146. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement