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="https://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=Economica|Roboto Condensed|Six Caps');
- body { cursor: url(https://i.imgur.com/OPk9F8r.png), auto;background-color: #ffe9ab;
- background-image: url("https://www.transparenttextures.com/patterns/p1.png"); width: 100%;}
- ::-webkit-scrollbar {
- width: 4px;
- }
- /* Track */
- ::-webkit-scrollbar-track {
- background: #;
- }
- /* Handle */
- ::-webkit-scrollbar-thumb {
- background: #;
- }
- /* Handle on hover */
- ::-webkit-scrollbar-thumb:hover {
- background: #;
- }
- a {cursor: url(https://i.imgur.com/OPk9F8r.png), auto;}
- @font-face{
- src:url(
- https://dl.dropbox.com/s/2rud6hlisuhej5a/Park%20Lane%20NF.ttf?dl=0);
- font-family:'moto';}
- @font-face{
- src:url(
- https://dl.dropbox.com/s/br2skah67bjh2a9/MORVA.ttf);
- font-family:'maev';}
- .mainbox {position: fixed; background-color: #;
- background-image: url(""); width: 495px; height:170px; border:0px solid; border-color: #e5d8b3; margin: auto; left: 00px; right: 0px; top: -330px; bottom: -80px; z-index:4; border-radius:0px; }
- .box1{position: fixed; background-color: #171717;
- background-image: url(""); width: 625px; height:330px; border:px solid; border-color: #e5d8b3; margin: auto; left: -430px; right: 0px; top: 440px; bottom: 40px; z-index:5; border-radius:1px; filter:drop-shadow(0px 0px 2px #000)}
- .box2{position: fixed; background-color: #fffbf0;
- background-image: url(""); width: 9625px; height:30px; border:0px solid; border-color: #e5d8b3; margin: auto; left: -430px; right: 0px; top: 240px; bottom: 0px; z-index:3; border-radius:0px; filter:drop-shadow(0px 0px px #fff)}
- .stripe1{position: fixed; background-color: #171717;
- background-image: url(""); width: 9625px; height:30px; border:0px solid; border-color: #e5d8b3; margin: auto; left: -2430px; right: 0px; top:-215px; bottom: 0px; z-index:0; border-radius:0px; filter:drop-shadow(0px 0px px #fff)}
- .stripe2{position: fixed; background-color: #171717;
- background-image: url(""); width: 9625px; height:30px; border:0px solid; border-color: #e5d8b3; margin: auto; left: -2430px; right: 0px; top:-75px; bottom: 0px; z-index:0; border-radius:0px; filter:drop-shadow(0px 0px px #fff)}
- .stripe3{position: fixed; background-color: #171717;
- background-image: url(""); width: 9625px; height:30px; border:0px solid; border-color: #e5d8b3; margin: auto; left: -2430px; right: 0px; top:65px; bottom: 0px; z-index:0; border-radius:0px; filter:drop-shadow(0px 0px px #fff)}
- .stripe4{position: fixed; background-color: #171717;
- background-image: url(""); width: 9625px; height:30px; border:0px solid; border-color: #e5d8b3; margin: auto; left: -2430px; right: 0px; top:205px; bottom: 0px; z-index:0; border-radius:0px; filter:drop-shadow(0px 0px px #fff)}
- .in1{position: fixed; background-color: #fff2cc;
- background-image: url(""); width: 190px; height:300px; border:px solid; border-color: #e5d8b3; margin: auto; left: -30px; right: 0px; top: 440px; bottom: 40px; z-index:5; border-radius:1px; filter:drop-shadow(0px 0px 2px #)}
- .in2{position: fixed; background-color: #fff2cc;
- background-image: url(""); width: 190px; height:300px; border:px solid; border-color: #e5d8b3; margin: auto; left: -430px; right: 0px; top: 440px; bottom: 40px; z-index:5; border-radius:1px; filter:drop-shadow(0px 0px 2px #)}
- .in3{position: fixed; background-color: #fff2cc;
- background-image: url(""); width: 190px; height:300px; border:px solid; border-color: #e5d8b3; margin: auto; left: -830px; right: 0px; top: 440px; bottom: 40px; z-index:5; border-radius:1px; filter:drop-shadow(0px 0px 2px #)}
- .maeve{background-image:url(https://i.imgur.com/wmZzPNx.png);
- background-repeat:no-repeat;
- width:350px;
- height:780px;
- background-size:100%;
- position:absolute;
- top:30;
- left:230px;
- z-index:6;
- filter:drop-shadow(0px 0px 5px #);
- opacity:1;transition:0.2s;
- }
- .head{background-image:url(https://i.imgur.com/ZgIXGYY.png);
- background-repeat:no-repeat;
- width:350px;
- height:780px;
- background-size:100%;
- position:absolute;
- top:30;
- left:230px;
- z-index:6;
- opacity:1;transition:0.3s;
- }
- .head:hover {filter:drop-shadow(0px 0px 2px #000); transition:0.6s;}
- .star1{background-image:url(https://i.imgur.com/wsEJ4y1.png);
- background-repeat:no-repeat;
- width:50px;
- height:50px;
- background-size:100%;
- position:absolute;
- top:90;
- left:230px;
- z-index:10;
- -webkit-transform:rotate(190deg);
- -moz-transform: rotate(190deg);
- -ms-transform: rotate(190deg);
- -o-transform: rotate(190deg);
- transform: rotate(190deg);filter:drop-shadow(0px 0px 1px #000);
- opacity:1;transition:0.3s;
- }
- .star3{background-image:url(https://i.imgur.com/wsEJ4y1.png);
- background-repeat:no-repeat;
- width:40px;
- height:40px;
- background-size:100%;
- position:absolute;
- top:40;
- left:220px;
- z-index:10;
- -webkit-transform:rotate(-34deg);
- -moz-transform: rotate(-34deg);
- -ms-transform: rotate(-34deg);
- -o-transform: rotate(-34deg);
- transform: rotate(-34deg);filter:drop-shadow(0px 0px 1px #000);
- opacity:1;transition:0.3s;
- }
- .star2{background-image:url(https://i.imgur.com/wsEJ4y1.png);
- background-repeat:no-repeat;
- width:40px;
- height:40px;
- background-size:100%;
- position:absolute;
- top:70;
- left:290px;
- z-index:10;
- -webkit-transform:rotate(0deg);
- -moz-transform: rotate(0deg);
- -ms-transform: rotate(0deg);
- -o-transform: rotate(0deg);
- transform: rotate(0deg);filter:drop-shadow(0px 0px 1px #000);
- opacity:1;transition:0.3s;
- }
- .star4{background-image:url(https://i.imgur.com/wsEJ4y1.png);
- background-repeat:no-repeat;
- width:55px;
- height:55px;
- background-size:100%;
- position:absolute;
- top:0;
- left:260px;
- z-index:10;
- -webkit-transform:rotate(-340deg);
- -moz-transform: rotate(-340deg);
- -ms-transform: rotate(-340deg);
- -o-transform: rotate(-340deg);
- transform: rotate(-340deg);filter:drop-shadow(0px 0px 1px #000);
- opacity:1;transition:0.3s;
- }
- .star6{background-image:url(https://i.imgur.com/wsEJ4y1.png);
- background-repeat:no-repeat;
- width:30px;
- height:30px;
- background-size:100%;
- position:absolute;
- top:80;
- left:205px;
- z-index:10;
- -webkit-transform:rotate(-370deg);
- -moz-transform: rotate(-370deg);
- -ms-transform: rotate(-370deg);
- -o-transform: rotate(-370deg);
- transform: rotate(-370deg);filter:drop-shadow(0px 0px 1px #000);
- opacity:1;transition:0.3s;
- }
- .star5{background-image:url(https://i.imgur.com/wsEJ4y1.png);
- background-repeat:no-repeat;
- width:26px;
- height:26px;
- background-size:100%;
- position:absolute;
- top:5;
- left:227px;
- z-index:10;
- -webkit-transform:rotate(-370deg);
- -moz-transform: rotate(-370deg);
- -ms-transform: rotate(-370deg);
- -o-transform: rotate(-370deg);
- transform: rotate(-370deg);filter:drop-shadow(0px 0px 1px #000);
- opacity:1;transition:0.3s;
- }
- .star7{background-image:url(https://i.imgur.com/wsEJ4y1.png);
- background-repeat:no-repeat;
- width:20px;
- height:20px;
- background-size:100%;
- position:absolute;
- top:60;
- left:264px;
- z-index:10;
- -webkit-transform:rotate(-390deg);
- -moz-transform: rotate(-390deg);
- -ms-transform: rotate(-390deg);
- -o-transform: rotate(-390deg);
- transform: rotate(-390deg);
- opacity:1;transition:0.3s;filter:drop-shadow(0px 0px 1px #000);
- }
- .star8{background-image:url(https://i.imgur.com/wsEJ4y1.png);
- background-repeat:no-repeat;
- width:20px;
- height:20px;
- background-size:100%;
- position:absolute;
- top:115;
- left:290px;
- z-index:10;
- -webkit-transform:rotate(-390deg);
- -moz-transform: rotate(-390deg);
- -ms-transform: rotate(-390deg);
- -o-transform: rotate(-390deg);
- transform: rotate(-390deg);
- opacity:1;transition:0.3s;filter:drop-shadow(0px 0px 1px #000);
- }
- .star1:hover, .star2:hover, .star3:hover,.star4:hover,.star5:hover,.star6:hover, .star7:hover, .star8:hover{-webkit-animation: rotation 2s infinite linear;transition: 0.2s; }
- @-webkit-keyframes rotation {
- from {
- -webkit-transform: rotate(0deg);
- }
- to {
- -webkit-transform: rotate(500deg);
- }
- }
- .title{ letter-spacing: -1; z-index: 5; position: fixed; left:-7px; bottom: 308px; font-family: 'moto', cursive; font-size:100px; color: #171717; text-shadow: 0px 0px 3px #; position: absolute; width:1500px;filter:drop-shadow(0px 0px 3px #); }
- .title2{ letter-spacing: -3; z-index: 4; position: fixed; left:-288px; bottom: -47px; font-family: 'maev', cursive; font-size:195px; color: #edbe3b; text-shadow: 0px 0px 2px #000; position: absolute; width:1500px;filter:drop-shadow(0px 0px 2px #000); }
- .title3{ letter-spacing: ; z-index: 4; position: fixed; left:205px; bottom: -2px; font-family: 'maev', cursive; font-size:38px; color: #fff; text-shadow: 0px 0px 2px #000; position: absolute; width:1500px;filter:drop-shadow(0px 0px 1px #000); }
- .name1:hover, .name2:hover,.name3:hover,.name4:hover,.name5:hover, .name6:hover , .name7:hover {filter:drop-shadow(0px 0px 2px #e0e7ff); transition:0.5s; font-size:32px;}
- p{
- font-family: '';
- font-size: 14px;
- letter-spacing: 0px;
- word-spacing: 0px;
- color: #e1e1e1;
- text-align: justify;
- line-height: 20px;
- margin: 0px 0px 0px 1px;}
- strong {
- letter-spacing: 0.5px;
- font-family: kal;
- color: #b5164b;
- font-weight: bold;
- font-size: 22px;
- text-transform: uppercase;
- font-weight: 100; filter:drop-shadow(0px 0px 1px #63ebdf);}
- b {
- letter-spacing: 0.5px;
- font-family: economica;
- color: #000;
- font-weight: bold;
- font-size: 15px;
- text-transform: uppercase;
- font-weight: 100; filter:drop-shadow(0px 0px 1px #000);}
- .strk1 {position: fixed; background-color: #171717;
- background-image: url(""); width: 160px; height:2.5px; border:px solid; border-color: #e5d8b3; margin: auto; left: -830px; right: 0px; top: 200px; bottom: 40px; z-index:6; border-radius:10px; filter:drop-shadow(0px 0px 2px #)}
- .strk2 { position: fixed; background-color: #171717;
- background-image: url(""); width: 160px; height:2.5px; border:px solid; border-color: #e5d8b3; margin: auto; left: -430px; right: 0px; top: 200px; bottom: 40px; z-index:6; border-radius:10px; filter:drop-shadow(0px 0px 2px #)}
- .strk3 {position: fixed; background-color: #171717;
- background-image: url(""); width: 160px; height:2.5px; border:px solid; border-color: #e5d8b3; margin: auto; left: -30px; right: 0px; top: 200px; bottom: 40px; z-index:6; border-radius:10px; filter:drop-shadow(0px 0px 2px #)}
- .pip1 { letter-spacing: ; z-index: 8; position: fixed; left:-212px; bottom: -145px; font-family: 'maev', cursive; font-size:38px; color: #edbe3b; text-shadow: 0px 0px 2px #000; position: absolute; width:1500px;filter:drop-shadow(0px 0px 1px #000); }
- .pip2{ letter-spacing: ; z-index: 8; position: fixed; left:-32px; bottom: -138px; font-family: 'maev', cursive; font-size:28px; color: #edbe3b; text-shadow: 0px 0px 2px #000; position: absolute; width:1500px;filter:drop-shadow(0px 0px 1px #000); }
- .pip3{ letter-spacing: ; z-index: 8; position: fixed; left:212px; bottom: -145px; font-family: 'maev', cursive; font-size:38px; color: #edbe3b; text-shadow: 0px 0px 2px #000; position: absolute; width:1500px;filter:drop-shadow(0px 0px 1px #000); }
- .staat{position: absolute; bottom: -387px; left: -260px; margin: auto;
- opacity:1;
- height: 240px;
- width: 180px;
- padding: 0px;
- text-align: center;
- font-size: 1px;
- overflow: auto;
- text-indent: 16px;
- color: #e1e1e1;
- font-family: Barlow Condensed;
- z-index:10;
- overflow:auto transition: all 0.9s ease-in-out;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;}
- p.td {
- text-align: right;
- font-family: Economica;
- margin-left: 0px;
- font-size: 16px;
- line-height: 24px;
- color: #cc9e2b; }
- .headcan{position: absolute; bottom: -390px; left: -45px; margin: auto;
- opacity:1;
- height: 245px;
- width: 170px;
- padding: 0px;
- text-align: left;
- font-size: 16px;
- overflow: auto;
- text-ident: 10px;
- color: #cc9e2b;
- font-family: Economica;
- z-index:5
- }
- .ooc{position: absolute; bottom: -390px; left: 150px; margin: auto;
- opacity:1;
- height: 245px;
- width: 150px;
- padding: 0px;
- text-align: left;
- font-size: 16px;
- overflow: auto;
- text-ident: 10px;
- color: #cc9e2b;
- font-family: Economica;
- z-index:5
- }
- </style>
- </head>
- <body>
- <div class="mainbox">
- <div class="maeve"></div>
- <a target="_blank" href="http://i.picpar.com/t9Rd.png"><div class="head"></div></a>
- <div class="box1">
- <div class="title">Motostoke</div>
- <div class="stripe1"></div>
- <div class="stripe2"></div>
- <div class="stripe3"></div>
- <div class="stripe4"></div>
- </div>
- <div class="in1">
- </div>
- <div class="in2">
- </div>
- <div class="in3">
- </div>
- <div class="strk1"></div>
- <div class="strk2"></div>
- <div class="strk3"></div>
- <div class="pip1">Stats</div>
- <div class="pip2">Headcanons</div>
- <div class="pip3">OOC</div>
- <div class="title2">Maeve</div>
- <div class="title3">of</div>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=ballonlea"><div class="star1" title="Kukie!"></div><a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=hulbury"><div class="star2" title="Daimien!"></div></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=postwick"><div class="star3" title="Kelso!"></div></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=wyndon"><div class="star4" title="Edith!"></div></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=circhester"><div class="star5" title="Taka!"></div></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=wedgehurst"><div class="star6" title="Wren!"></div></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=hammerlocke"><div class="star7" title="Percival!"></div></a>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=---"><div class="star8" title="Stow-On-Side"></div></a>
- <div class="staat">
- <table border="0" cellspacing="0">
- <tr>
- <td><b>Name</b></td>
- <td>
- <p class="td">Maeve</p>
- </td>
- </tr><br>
- <tr>
- <td><b>Nickname/s</b></td>
- <td>
- <p class="td">--</p>
- </td>
- </tr><br>
- <tr>
- <td><b>Number</b></td>
- <td>
- <p class="td">--</p>
- </td>
- </tr><br>
- <tr>
- <td><b>Town</b></td>
- <td>
- <p class="td">Motostoke</p>
- </td>
- </tr>
- <tr>
- <td><b>Stat</b></td>
- <td>
- <p class="td">--</p>
- </td>
- </tr>
- <tr>
- <td><b>Stat</b></td>
- <td>
- <p class="td">--</p>
- </td>
- </tr>
- <tr>
- <td><b>Stat</b></td>
- <td>
- <p class="td">--</p>
- </td>
- </tr>
- <tr>
- <td><b>stat</b></td>
- <td>
- <p class="td">--</p>
- </td>
- </tr>
- <tr>
- <td><b>Stat</b></td>
- <td>
- <p class="td">--</p>
- </td>
- </tr>
- <tr>
- <td><b>Stat</b></td>
- <td>
- <p class="td">--</p>
- </td>
- </tr>
- </table>
- </div>
- <div class="headcan">
- <b>✶</b>A headcanon goes <b>here!</b> Be creative!</b><br><br>
- <b>✶</b>A headcanon goes <b>here!</b> Be creative!</b><br><br>
- <b>✶</b>A headcanon goes <b>here!</b> Be creative!</b><br><br>
- <b>✶</b>A headcanon goes <b>here!</b> Be creative!</b><br><br>
- <b>✶</b>A headcanon goes <b>here!</b> Be creative!</b><br><br>
- <b>✶</b>A headcanon goes <b>here!</b> Be creative!</b><br><br>
- </div>
- <div class="ooc">
- <b>✶</b> Put anything as a credit here, will leave it up to <b>you</b>.</b><br><br>
- <b>✶</b> Your <b>OOC</b> here, and this is what <b>Bolding</b> a text looks like.</b><br><br>
- <b>✶</b> Your <b>OOC</b> here, and this is what <b>Bolding</b> a text looks like.</b><br><br>
- <b>✶</b> Your <b>OOC</b> here, and this is what <b>Bolding</b> a text looks like.</b><br><br>
- <b>✶</b> Your <b>OOC</b> here, and this is what <b>Bolding</b> a text looks like.</b><br><br>
- <b>✶</b> Your <b>OOC</b> here, and this is what <b>Bolding</b> a text looks like.</b><br>
- <br>
- </div>
- </html>
- </body>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement