Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <META NAME="ROBOTS" CONTENT="NOINDEX, NOFOLLOW">
- <script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.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 src="https://roleplay.chat/jquery.tooltipster.js"></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 href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css" rel="stylesheet">
- <link href="https://roleplay.chat/tooltipster.css" rel="stylesheet" type="text/css">
- <link href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.5/css/fork-awesome.min.css" rel="stylesheet">
- <style>
- .grecaptcha-badge {
- display: none;
- }
- </style>
- <script defer>
- window.onload = function() {
- };
- </script>
- <style>
- @import url('https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap');
- body {background: #000;}
- ::-webkit-scrollbar {display:none}
- h1 {text-align: right; font-family: Battle Angel; background: #727474; line-height: 1px; margin-bottom: 20px; color: #EE1880;}
- b {background: #EE1880; padding: 2px; text-transform: uppercase; color: #fff; letter-spacing: 2px; font-size: 9px;}
- a {text-decoration: none; color: #74BFD8; text-transform: uppercase; font-weight: bold;}
- a:hover {color: #fff;}
- .container {position: fixed;
- height: 510px;
- width: 680px;
- margin: auto;
- left: 0px;
- right: 0px;
- top: 0px;
- bottom: 0px;
- }
- .gif1{position: absolute;
- background: url('https://i.imgur.com/K08s7nd.gif') no-repeat;
- background-size: 200px;
- background-position: 0px -30px;
- height: 200px;
- width: 200px;
- left: 30px;
- bottom: 150px;
- }
- .gif2{position: absolute;
- background: url('https://i.imgur.com/eMuIw31.gif') no-repeat;
- background-size: 200px;
- background-position: 0px -28px;
- height: 200px;
- width: 200px;
- left: 210px;
- bottom: 0px;
- }
- .gif3{position: absolute;
- background: url('https://i.imgur.com/D5XIEwm.gif') no-repeat;
- background-size: 200px;
- background-position: 0px -30px;
- height: 200px;
- width: 200px;
- left: 210px;
- bottom: 0px;
- }
- .image {position: absolute;
- background: url('https://i.imgur.com/fRqynem.png') no-repeat;
- background-size: 680px;
- background-position: 0px -35px;
- height: 510px;
- width: 680px;
- left: 0px;
- bottom: 0px;
- opacity: 0;
- transition:all .7s ease-in-out;
- -webkit-transition:all .7s ease-in-out;
- -o-transition:all .7s ease-in-out;
- -moz-transition:all .7s ease-in-out;
- }
- .image:hover {opacity: 1;
- transition:all .7s ease-in-out;
- -webkit-transition:all .7s ease-in-out;
- -o-transition:all .7s ease-in-out;
- -moz-transition:all .7s ease-in-out;
- }
- .name1 {position: absolute;
- font-family: Battle Angel;
- font-size: 100px;
- color: #EE1880;
- -webkit-text-fill-color: transparent;
- background: url('https://i.imgur.com/Ra4sHjk.gif') repeat;
- background-size: 50px;
- -webkit-background-clip: text;
- -webkit-text-stroke: 1px #EE1880;
- left: -30px;
- top: -10px;
- transform: rotate(-10deg)
- }
- .name2 {position: absolute;
- font-family: Battle Angel;
- font-size: 100px;
- color: #EE1880;
- -webkit-text-fill-color: transparent;
- background: url('https://i.imgur.com/Ra4sHjk.gif') repeat;
- background-size: 50px;
- -webkit-background-clip: text;
- -webkit-text-stroke: 1px #EE1880;
- left: 89px;
- top: 60px;
- }
- .box {position: absolute;
- background: #000;
- height: 510px;
- width: 250px;
- left: 70px;
- bottom: 0px;
- opacity: .7;
- }
- .text {position: absolute;
- overflow: auto;
- font-family: 'Roboto Slab', serif;
- font-size: 11px;
- color: #C90D68;
- text-align: justify;
- line-height: 16px;
- height:340px;
- width: 190px;
- left: 100px;
- top: 140px;
- border-bottom: 1px solid #EE1880;
- }
- .coder {position: absolute;
- font-family: 'Roboto Slab', serif;
- font-size: 8px;
- color: #C90D68;
- text-align: center;
- font-style: italic;
- letter-spacing: 5px;
- width: 190px;
- left: 100px;
- bottom: 10px;
- }
- </style>
- </head>
- <body>
- <link href="https://www.themonster.xyz/styles/fancy-fonts.css" rel="stylesheet">
- <div class="container">
- <div class="gif1"><div class="gif2"><div class="gif3">
- </div></div></div>
- <div class="image">
- <div class="box"></div>
- <div class="text">
- <h1>statistics</h1>
- <b>statistic</b> Answer<br>
- <b>statistic</b> Answer<br>
- <b>statistic</b> Answer<br>
- <b>statistic</b> Answer<br>
- <b>statistic</b> Answer<br>
- <br>
- <h1>header</h1>
- Hi. This is where you'd write a little bit about your character. The box scrolls, so you can write as little or as much as you want.
- <br><br>
- This is <b>Bold</b>, <i>Italics</i>, and a <a>Link.</a>
- </div>
- <div class="name1">Alexa
- <div class="name2">Bliss</div></div>
- <div class="coder"><a target="_blank" href="https://roleplay.chat/profile.php?user=words">words</a><div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment