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>
- <script type="text/javascript">
- $(document).ready(function() {
- // Tooltip only Text
- $('.masterTooltip').hover(function(){
- // Hover over code
- var title = $(this).attr('title');
- $(this).data('tipText', title).removeAttr('title');
- $('<p class="tooltip"></p>')
- .text(title)
- .appendTo('body')
- .fadeIn('slow');
- }, function() {
- // Hover out code
- $(this).attr('title', $(this).data('tipText'));
- $('.tooltip').remove();
- }).mousemove(function(e) {
- var mousex = e.pageX + 20; //Get X coordinates
- var mousey = e.pageY + 10; //Get Y coordinates
- $('.tooltip')
- .css({ top: mousey, left: mousex })
- });
- });
- </script>
- <style>
- @import url('https://fonts.googleapis.com/css?family=Economica|Roboto Condensed|Six Caps');
- body { cursor: url(https://i.imgur.com/WIeMSiR.png), auto;background-color: #120e0e;
- background-image: url("https://www.transparenttextures.com/patterns/absurdity.png");
- }
- ::-webkit-scrollbar {
- width: 4px;
- }
- /* Track */
- ::-webkit-scrollbar-track {
- background: #;
- }
- /* Handle */
- ::-webkit-scrollbar-thumb {
- background: #;
- }
- /* Handle on hover */
- ::-webkit-scrollbar-thumb:hover {
- background: #;
- }
- /* The typing effect */
- @keyframes typing {
- from { width: 0 }
- to { width: 100% }
- }
- /* The typewriter cursor effect */
- @keyframes blink-caret {
- from, to { border-color: transparent }
- 50% { border-color: }
- }
- a {cursor: url(https://i.imgur.com/WIeMSiR.png), auto;}
- @font-face{
- src:url(
- https://dl.dropbox.com/s/f4rvkr4ybrkqryz/Geomancy%20-%20Extra%20Bold.otf);
- font-family:'geo';}
- @font-face{
- src:url(
- https://dl.dropbox.com/s/9ln5dag3xxe3du3/staravenue.ttf);
- font-family:'star';}
- .mainbox {position: fixed; background-color: #;
- background-image: url(""); width: 710px; height: 455px; border:0px solid; border-color: #fff; margin: auto; left: -90px; right: 0px; top: 350px; bottom: 80px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 0px #000); }
- .box1 {position: fixed; background-color: #171515; opacity:1;
- background-image: url(""); width: 180px; height: 270px; border:0px solid; border-color: #fff; margin: auto; left: 105px; right: 0px; top:-175px; bottom: 65px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
- .box2 {position: fixed; background-color: #171515; opacity:1;
- background-image: url(""); width: 180px; height: 70px; border:0px solid; border-color: #fff; margin: auto; left: 105px; right: 0px; top:-175px; bottom: -285px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
- .box3 {position: fixed; background-color: #171515; opacity:1;
- background-image: url(""); width: 90px; height: 330px; border:0px solid; border-color: #fff; margin: auto; left:385px; right: 0px; top:-175px; bottom: 5px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
- .box4 {position: fixed; background-color: #171515; opacity:1;
- background-image: url(""); width: 180px; height: 233px; border:0px solid; border-color: #fff; margin: auto; left:598px; right: 0px; top:-175px; bottom: -91px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
- .boxc {position: fixed; background-color: #030202;opacity:4;
- background-image: url(""); width: 100px; height: 275px; border:0px solid; border-color: #fff; margin: auto; left: 64px; right: 0px; top:-175px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
- .box5{position: fixed; background-color: #110e12; opacity:1;
- background-image: url(""); width: 485px; height: 50px; border:0px solid; border-color: #fff; margin: auto; left:-205px; right: 0px; top:218px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
- .strike {position: fixed; background-color: #171515; opacity:1;
- background-image: url(""); width: 180px; height: 13px; border:0px solid; border-color: #fff; margin: auto; left: 598px; right: 0px; top:-605px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
- .strike2{position: fixed; background-color: #171515; opacity:1;
- background-image: url(""); width: 180px; height: 13px; border:0px solid; border-color: #fff; margin: auto; left: 598px; right: 0px; top:-569px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
- .strike3 {position: fixed; background-color: #171515; opacity:1;
- background-image: url(""); width: 180px; height: 13px; border:0px solid; border-color: #fff; margin: auto; left: 598px; right: 0px; top:-534px; bottom: 0px; z-index:4; border-radius:0px; filter:drop-shadow(0px 0px 1px #); }
- .crown{background-image:url(https://i.imgur.com/6ZCbRnU.png);
- background-repeat:no-repeat;
- width:180px;
- height:122px;
- background-size:100%;
- position:absolute;
- top:-187;
- left:300;
- z-index:4;
- filter:drop-shadow(0px 0px px #596be3);
- border: 0px solid; border-color: #;
- opacity:1; transition: 0.7s;
- }
- .crown:hover {transition:0.7s; filter:drop-shadow(0px 0px 4px #4c3857);}
- .mainimg{background-image:url(https://a.wattpad.com/cover/98237131-288-k893753.jpg);
- background-repeat:no-repeat;
- width:230px;
- height:345px;
- background-size:100%;
- position:absolute;
- top:-28;
- left:83;
- z-index:4;
- filter:drop-shadow(0px 0px 2px #);
- border: 0px solid; border-color: #;
- opacity:0.2; filter: grayscale(60%);
- }
- .mainimg2{background-image:url(https://i.gifer.com/TDrL.gif);
- background-repeat:no-repeat;
- width:180px;
- height:92px;
- background-size:100%;
- position:absolute;
- top:-28;
- left:598;
- z-index:4;
- filter:drop-shadow(0px 0px 2px #);
- border: 0px solid; border-color: #;
- opacity:0.4; filter: grayscale(70%);
- }
- @font-face{
- src:url(https://dl.dropbox.com/s/2c7pcx60gzoj3jp/DK%20Cinnabar%20Brush.ttf?dl=0);
- font-family:'namer';}
- @font-face{
- src:url(https://dl.dropbox.com/s/snlmggdtyysuf4l/Danielle%20Harris%20DEMO.otf?dl=0);
- font-family:'new';}
- @font-face{
- src:url(https://dl.dropbox.com/s/rdzvaqiof87izan/Congratulations_DEMO.ttf);
- font-family:'sign';}
- .title{ letter-spacing: 0; z-index: 5; position: fixed; left: 80px; bottom: 475px; font-family: 'namer', cursive; font-size:65px; color: #3b3939; text-shadow: 0px 0px 3px #; position: absolute; width:710px; filter:drop-shadow(0px 0px px #540303);transition: 0.3s; }
- .heart { letter-spacing: 0; z-index: 5; position: fixed; left:261.5px; bottom: 491px; font-family: 'namer', cursive; font-size:34px; color: #3b3939; text-shadow: 0px 0px 3px #; position: absolute; width:200px; filter:drop-shadow(0px 0px px #540303);transform: rotate(0deg); -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(transparent, transparent), url('https://i.imgur.com/w8oWmOD.gif') repeat; background: -o-linear-gradient(transparent, transparent); -webkit-background-clip: text; background-position: left; background-size: cover; position: absolute; /* Safari */ text-shadow: 0px 0px 3px #; transition: 0.6s; opacity:1;}
- .words {position: absolute; bottom: -1px; left: 7px; margin: auto;
- opacity:1;
- height: 233px;
- width: 170px;
- padding: 0px;
- text-align: justify;
- font-size: 12px;
- overflow: auto;
- text-ident: 10px;
- color: #b5b5b5;
- font-family: economica;
- z-index:20
- }
- .words2 {position: absolute; bottom: 0px; left: 5px; margin: auto;
- opacity:1;
- height: 70px;
- width: 170px;
- padding: 0px;
- text-align: justify;
- font-size: 12px;
- overflow: auto;
- text-ident: 10px;
- color: #b5b5b5;
- font-family: economica;
- z-index:20;
- }
- p{
- font-family: 'Economica';
- font-size: 14px;
- letter-spacing: 0px;
- word-spacing: 0px;
- color: #e1e1e1;
- text-align: justify;
- line-height: 20px;
- margin: 0px 0px 0px 1px;}
- b {
- letter-spacing: 2px;
- font-family: economica;
- color: #696464;
- font-weight: bold;
- font-size:13px;
- text-transform: uppercase;
- font-weight: 100; filter:drop-shadow(0px 0px 1px #);}
- .fr1{ width: 80px; height: 80px; margin-bottom: 5px; margin-top: 0px; margin-right: 3px; margin-left: 2px; border: px solid #000; border-radius: 00px; z-index:9; }
- strong {
- font-family: economica; letter-spacing: 2px;
- color: #6e0404;
- font-weight: bold;
- font-size: 14px;
- text-transform: uppercase;
- font-weight: 100; }
- .put{position: absolute; bottom: 0px; left:6px; margin: auto;
- opacity:1;
- height: 270px;
- width: 180px;
- padding: 0px;
- text-align: center;
- font-size: 1px;
- overflow: auto;
- text-indent: 0px;
- color: #e1e1e1;
- font-family: Barlow Condensed;
- z-index:22;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: -12px;
- font-size: 12px;
- line-height: 0px;
- color: #b5b5b5; }
- td {
- text-align: left;
- line-height: 20px; }
- .img2{position: absolute; width: 30px; height: 30px; border: 0px solid; top:-98px; border-color: #1a6752; left:87.4; background: url(https://i.imgur.com/pDz3cLt.png); background-size: 100%; z-index:5;border-radius:1px; transition: 0.2s;}
- .img2:hover {filter:drop-shadow(0px 0px 5px #fff);}
- .put:target{ opacity:1;
- z-index:11;transition: all 0.4s ease-in-out;
- -webkit-transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;z
- -o-transition: all 0.4s ease-in-out;
- -ms-transition: all 0.4s ease-in-out;overflow:auto;}
- .KAL{
- position:fixed;
- bottom:10px;
- left:97%;
- width: 50px; height: 30px;
- }
- a {font-family: namer;letter-spacing: 0.3px;
- color: #5c0606;
- font-weight: bold;
- font-size: 13px;
- text-transform: ;
- text-decoration: none; transition:0.7s;
- font-weight: 100; cursor: url(https://i.imgur.com/WIeMSiR.png), auto;}
- a:hover {transition:0.7s; filter:drop-shadow(0px 0px 1px #730a0a);}
- .newer{position: absolute; bottom:0px; left:3px; margin: auto;
- opacity:1;
- height: 325px;
- width: 90px;
- padding:0px;
- text-align: center;
- font-size: 13px;
- overflow: auto;
- text-ident:10px;
- z-index:20;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;}
- .new{position: absolute; bottom: 5px; left: 5px; margin: auto;
- opacity:1;
- height: 200px;
- width: 27=65px;
- padding:10px;
- text-align: center;
- font-size: 13px;
- overflow: auto;
- text-ident: 10px;
- z-index:0;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;}
- .new:target{ opacity:1;
- z-index:11;transition: all 0.4s 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.2s ease-in-out;overflow:auto;}
- @keyframes move{
- from{ background-image:url(https://i.imgur.com/L3hOOvS.png);
- width:300px;
- height:207px;
- background-size:100%;
- position:absolute;
- top:-207px;
- left:145px;
- z-index:-1;
- filter:drop-shadow(0px 0px 1px #596be3);}
- to{ background-image:url(https://i.imgur.com/CsCMJwh.png);
- background-repeat:no-repeat;
- width:800px;
- height:407px;
- background-size:100%;
- position:absolute;
- top:-407px;
- left:-100px;
- z-index:3;
- filter:drop-shadow(0px 0px 1px #596be3);}
- }
- @-webkit-keyframes move{
- from{ background-image:url(https://i.imgur.com/L3hOOvS.png);;
- background-repeat:no-repeat;
- width:300px;
- background-size:100%;
- position:absolute;
- top:-207px;
- left:145px;
- z-index:-1;
- filter:drop-shadow(0px 0px 1px #596be3);}
- to{ background-image:url(https://i.imgur.com/CsCMJwh.png);
- background-repeat:no-repeat;
- width:800px;
- height:407px;
- background-size:100%;
- position:absolute;
- z-index:3;
- filter:drop-shadow(0px 0px 1px #596be3);}
- }
- #music-bg {
- position:absolute;
- background-color:#110e12;
- left:498px;
- top:300px;
- width:147;
- height:23; opacity:1;
- }
- #music{
- position:absolute;
- background-image:
- url('https://i.imgur.com/N3ScMZd.png');
- background-repeat: no-repeat;
- background-size: 10px;
- width:45px;
- height:22px;
- z-index:99;
- left:8;
- top:6;
- -webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- }
- #music-title-bg {
- position:absolute;
- background-color:#171515;
- width:255;
- height:12;
- left:25;
- top:6;
- }
- #music-title-bg2 {
- position:absolute;
- background-color:#171515
- width:255;
- height:20px;
- left:-7;
- top:2;
- }
- #music-title {
- position:absolute;
- color:#bdbdbd;
- font-family:economica;
- font-size:11px;
- text-transform:uppercase;
- text-align:justify;
- width:252;
- left:7;
- top:-2;
- }
- @keyframes move{
- from{opacity:0;}
- to{opacity:1;}
- }
- @-webkit-keyframes move{
- from{opacity:0;}
- to{opacity:1;}
- }
- </style>
- </head>
- <body>
- <div class="mainbox">
- <div class="title">Micah Valentine</div> <div class="heart">♥</div>
- <div class="mainimg"></div>
- <div class="mainimg2"></div>
- <div class="mainimg3"></div>
- <div class="box1">
- <div id="01" class="put">
- <table border="0" cellspacing="-10">
- <tr>
- <td><b>Name</b></td>
- <td>
- <p class="td">Micah Jovi Valentine</p>
- </td>
- </tr><br>
- <tr>
- <td><b>Nickname(s)</b></td>
- <td>
- <p class="td"><i>None</i></p>
- </td>
- </tr><br>
- <tr>
- <td><b>Birthdate</b></td>
- <td>
- <p class="td">April 9, 1997</p>
- </td>
- </tr>
- <tr>
- <td><b>Hometown</b></td>
- <td>
- <p class="td">Chicago, IL</p>
- </td>
- </tr>
- <tr>
- <td><b>Orientation</b></td>
- <td>
- <p class="td">Experimental</p>
- </td>
- </tr>
- <tr>
- <td><b>Marital Status</b></td>
- <td>
- <p class="td">Single</p>
- </td>
- </tr>
- <tr>
- <td><b>Gender</b></td>
- <td>
- <p class="td">Male</p>
- </td>
- </tr>
- <tr>
- <td><b>Ethnicity</b></td>
- <td>
- <p class="td">Italian, Scottish</p>
- </td>
- </tr>
- <tr>
- <td><b>Hair Color</b></td>
- <td>
- <p class="td"><a>Red</a></p>
- </td>
- </tr>
- <tr>
- <td><b>Eye Color</b></td>
- <td>
- <p class="td">Hazel</p>
- </td>
- </tr>
- <tr>
- <td><b>Height</b></td>
- <td>
- <p class="td">6'0"</p>
- </td>
- </tr>
- <tr>
- <td><b>Weight</b></td>
- <td>
- <p class="td">167 lbs</p>
- </td>
- </tr>
- <tr>
- <td><b>Build</b></td>
- <td>
- <p class="td">Lean</p>
- </td>
- </tr>
- <tr>
- <td><b>Scent</b></td>
- <td>
- <p class="td">Cinnamon or Mint</p>
- </td>
- </tr>
- <tr>
- <td><b>Allergies</b></td>
- <td>
- <p class="td">Aspartame, Coconut</p>
- </td>
- </tr>
- </table>
- </div>
- </div>
- <div class="box2">
- <div class="words2">
- <strong>✚</strong> <b>HUGE THANKS</b> for the code by the talented <a target="_blank" href="https://roleplay.chat/profile.php?user=Kal">Kal</a>! <i>DM him to get your own!!</i><br><br>
- <strong>✚</strong> Let's keep things <b>friendly</b>, okay? I'm all about having <a target="_blank" href="https://www.youtube.com/watch?v=lHTt-EeY_8I">fun</a>. <br><br>
- <strong>✚</strong> My writing style can range from <i>shit posting</i> to <i>multi-para</i>, depending on muse. <a target="_blank" href="https://www.youtube.com/watch?v=lgSLz5FeXUg">Inspire me</a>.<br><br>
- <strong>✚</strong> AFK a lot, typically will advise <a target="_blank" href="https://www.youtube.com/watch?v=u04b4TQ6Fnk">upfront</a> unless it's been <i>longer</i> than 20 minutes since we last corresponded. <b>Email me</b> if it's important. <br><br>
- <strong>✚</strong> There are random links to <a target="_blank" href="https://www.youtube.com/watch?v=cJMSDlWlfMM">music</a> or images throughout the profile. <b>Happy hunting!</b> <br><br>
- </div>
- </div>
- <div class="box3">
- <div id="03" class="newer">
- <a target="_blank" href="https://4.roleplay.chat/profile.php?user= "><img src="https://i.imgur.com/brgpCYv.gif" style="filter:grayscale(60%); opacity:0.4" class="fr1" title=""></a>
- <a target="_blank" href="https://4.roleplay.chat/profile.php?user= "><img src="https://i.imgur.com/brgpCYv.gif" style="filter:grayscale(60%); opacity:0.4" class="fr1" title=""></a>
- <a target="_blank" href="https://4.roleplay.chat/profile.php?user= "><img src="https://i.imgur.com/brgpCYv.gif" style="filter:grayscale(60%); opacity:0.4" class="fr1" title=""></a>
- <a target="_blank" href="https://4.roleplay.chat/profile.php?user= "><img src="https://i.imgur.com/brgpCYv.gif" style="filter:grayscale(60%); opacity:0.4" class="fr1" title=""></a>
- <a target="_blank" href="https://4.roleplay.chat/profile.php?user= "><img src="https://i.imgur.com/brgpCYv.gif" style="filter:grayscale(60%); opacity:0.4" class="fr1" title=""></a>
- <a target="_blank" href="https://4.roleplay.chat/profile.php?user= "><img src="https://i.imgur.com/brgpCYv.gif" style="filter:grayscale(60%); opacity:0.4" class="fr1" title=""></a>
- <a target="_blank" href="https://4.roleplay.chat/profile.php?user= "><img src="https://i.imgur.com/brgpCYv.gif" style="filter:grayscale(60%); opacity:0.4" class="fr1" title=""></a>
- </div>
- </div>
- <div class="box4">
- <div class="words">
- <strong>✚</strong> Date me, I'm the whole package: indecisive, dressed in all black, the Prince of Denmark and rightful heir to the throne, and just constantly yearning for death. <br><br>
- <strong>✚</strong> This is where you put your Headcanons! Here's a <b>Bold</b>, and here's a <a href="">Link</a>!<br><br>
- <strong>✚</strong> This is where you put your Headcanons! Here's a <b>Bold</b>, and here's a <a href="">Link</a>!<br><br>
- <strong>✚</strong> This is where you put your Headcanons! Here's a <b>Bold</b>, and here's a <a href="">Link</a>!<br><br>
- <strong>✚</strong> This is where you put your Headcanons! Here's a <b>Bold</b>, and here's a <a href="">Link</a>!<br><br>
- <strong>✚</strong> This is where you put your Headcanons! Here's a <b>Bold</b>, and here's a <a href="">Link</a>!<br><br>
- <strong>✚</strong> This is where you put your Headcanons! Here's a <b>Bold</b>, and here's a <a href="">Link</a>!<br><br>
- </div>
- </div>
- <div class="strike"></div>
- <div class="strike2"></div>
- <div class="strike3"></div>
- <div id="music-bg">
- <div id="music">
- <div style="margin-top:-10px; margin-left:-10px;">
- <audio controls style="opacity:0; width:100px; margin-top:-10px; margin-left:-10px;">
- <source src="http://k007.kiwi6.com/hotlink/ikmij178ye/My_Chemical_Romance_-_Helena_lyrics_.mp3">
- </audio>
- </div>
- </div>
- <div id="music-title-bg">
- <div id="music-title-bg2">
- <div id="music-title">
- <marquee direction="left" scrollamount="4">
- What's the <a>worst</a> that I can say?
- Things are <b>better</b> if I <a>stay</a>, So long and <a>goodnight</a>..
- </marquee>
- </div>
- </div>
- </div>
- </div>
- </html>
- </body>
Add Comment
Please, Sign In to add comment