Advertisement
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.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 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>
- </style>
- </head>
- <body>
- <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 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>
- </style>
- </head>
- <body>
- <style>
- @font-face {
- font-family: 'Rock Elegance';
- src: url('https://dl.dropboxusercontent.com/s/5ekqqdhovzxgnx7/Rock%20Elegance.ttf');
- }
- @font-face {
- font-family: 'Raleway Medium';
- src: url('https://dl.dropboxusercontent.com/s/i5syov7xapv1zbh/Raleway-Medium.ttf');
- }
- .pfor {display: none;}
- #profile {border: 0px; background-color: transparent;}
- body {background: #111111 url(https://i.pinimg.com/originals/95/83/05/9583055027448ee8c9e703eb9ff027bc.png); background-repeat: no-repeat;
- background-position: 0px 0px;
- background-size: 100% 100%; hidden;}
- ::-webkit-scrollbar-thumb {box-shadow: inset #c4a66a 0px 0px 4px; border-right: 5px transparent solid; border-top: 5px transparent solid; border-bottom: 5px transparent solid;}
- ::-webkit-scrollbar {width: 9px; background-color: transparent;}
- #left{
- position: fixed; margin: auto;
- left: 0px; top: 0px; right: 8px; bottom: 0px;
- width: 290px; height: 410px;
- padding: 5px;
- border: 2px solid #c4a66a;
- border-left: 10px solid #933817;
- background: #333333;
- color: #7a7f7b;
- font-family: Raleway Medium;
- text-align: justify;
- font-size: 10px;
- line-height: 10px;
- overflow: auto;
- -webkit-transition: 0.5s;
- -moz-transition: 0.5s;
- -o-transition: 0.5s;
- transition: 0.5s;
- }
- #left strong, #left a{
- text-transform: uppercase;
- color: #FFA5D4;
- }
- #left:target{
- right: 615px;
- }
- #right{
- position: fixed; margin: auto;
- left: 8px; top: 0px; right: 0px; bottom: 0px;
- width: 290px; height: 410px;
- padding: 5px;
- border: 2px solid #c4a66a;
- border-right: 10px solid #933817;
- background: #333333;
- color: #7a7f7b;
- font-family: Raleway Medium;
- text-align: justify;
- font-size: 10px;
- line-height: 10px;
- overflow: auto;
- -webkit-transition: 0.5s;
- -moz-transition: 0.5s;
- -o-transition: 0.5s;
- transition: 0.5s;
- }
- #right:target{
- left: 615px;
- }
- #right strong{
- text-transform: uppercase;
- color: #FFA5D4;
- }
- .circle1 {
- background-image:url("https://78.media.tumblr.com/173a09257926d156e91b87afff42c41f/tumblr_p63zcrdAvv1xnzf1go1_1280.gif");
- background-position: center bottom;
- background-repeat: no-repeat;
- background-size: 135px 135px;
- position: absolute;
- border-radius: 50%;
- width: 120px;
- height: 120px;
- left: 125px;
- }
- .circle2 {
- background-image:url("https://78.media.tumblr.com/57d0146cff386c53fa7599f9e0b2d891/tumblr_p62l8rfHx01wmhjdjo1_1280.png");
- background-position: center bottom;
- background-repeat: no-repeat;
- background-size: 135px 135px;
- position: absolute;
- border-radius: 50%;
- width: 120px;
- height: 120px;
- left: 125px;
- }
- #main{
- position: fixed; margin: auto;
- left: 0px; top: 0px; right: 0px; bottom: 0px;
- width: 300px; height: 450px;
- background: #222222;
- border: 2px solid #444444;
- box-shadow: #c4a66a 0px 0px 10px 2px;
- overflow: hidden;
- text-align: left;
- }
- .photo{
- position: absolute;
- width: 300px; height: 450px;
- -webkit-transition: 0.3s;
- -moz-transition: 0.3s;
- -o-transition: 0.3s;
- transition: 0.3s;
- }
- #main:hover .photo{
- opacity: 0.3;
- }
- .ooc{
- position: absolute;
- width: 270px; height: 380px;
- padding: 5px;
- margin-left: 10px; margin-top: -40px;
- background: rgba(0, 0, 0, 0.85);
- color: #7a7f7b;
- font-family: tahoma;
- font-size: 10px;
- line-height: 10px;
- text-align: justify;
- opacity: 0;
- -webkit-transition: 0.3s;
- -moz-transition: 0.3s;
- -o-transition: 0.3s;
- transition: 0.3s;
- }
- #main:hover .ooc{
- opacity: 1;
- margin-top: 10px;
- }
- .ooc a{
- display: inline-block;
- margin-left: 3px; margin-right: 3px; margin-top: 4px;
- text-decoration: none;
- color: #9E195E;
- font-size: 16px;
- }
- .ooc a:hover{
- color: transparent;
- text-shadow: #c4a66a 0px 0px 1px;
- }
- .navi{
- position: absolute;
- width: 280px; height: 30px;
- margin-left: 10px; margin-top: 450px;
- background: rgba(0, 0, 0, 0.85);
- text-align: center;
- color: #999999;
- line-height: 30px;
- opacity: 0;
- -webkit-transition: 0.3s;
- -moz-transition: 0.3s;
- -o-transition: 0.3s;
- transition: 0.3s;
- }
- #main:hover .navi{
- opacity: 1;
- margin-top: 410px;
- }
- .navi a{
- text-decoration: none;
- color: #c4a66a;
- font-size: 16px;
- letter-spacing: 1px;
- font-family: Rock Elegance;
- font-variant: small-caps;
- }
- .navi a:hover{
- color: #933817;
- }
- #muscont { position:absolute; bottom: 50px; right:55px; z-index:99; overflow: hidden;}
- #music{position:fixed;right:0px;bottom:0px;width:70px;background:#000;opacity:0.8;-webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- #music:hover{opacity:1;-webkit-transition: all 0.5s ease-in-out;
- -moz-transition: all 0.5s ease-in-out;
- -o-transition: all 0.5s ease-in-out;
- -ms-transition: all 0.5s ease-in-out;
- transition: all 0.5s ease-in-out;}
- </style>
- <div id="left">
- <font size="2"><b><u><i>Friends!</i></b></u></font><br><br>
- <a target="_blank" href="https://roleplay.chat/profile.php?user=Dunderhead+Skout" target="_blank"><img src="https://78.media.tumblr.com/dbc22ccba00b386792cf72f7b927e9e9/tumblr_p62wih4zpL1rvf8jio3_400.gif" title="Skout - A seemingly curious being (We're friends, she said so.)"
- width="125"
- height="125"
- border="1px solid"></a>
- </div>
- <div id="right">
- <font size="2"><b><u><i>Basic</i></b></u></font>
- <div class="circle1"><a target="_blank" href="LINK"></a></div>
- <br><br><br><br><br><br><br><i>Name:</i> 'Nomad', <br>'Friend' (<i>by Skout</i>)
- <br><br><i>Race:</i> Ancient Being
- <br><br><i>Gender:</i> Male
- <br><br><i>Eye color:</i> White
- <br><br><br><br><i>Abilities:</i> 'Magic' / Animation.
- <br><br><i>Affiliation:</i> All things good.
- <br><br><i>Equipment:</i> A few rocks, A kind disposition, <br>Curiosity, Manners, & Ancient knowledge.
- <br><br><i>Alignment:</i> Neutral Good.
- <div class="circle2"><a target="_blank" href="THING"></a></div>
- </div>
- <div id="main">
- <img class="photo" src="https://pbs.twimg.com/media/DT35uvdV4AADBFM.jpg">
- <div class="ooc">
- <font size="2">
- - The Nomad as of 25/3/18. <br>At the time of creation, <br>The <b>only</b> Nomad of Nowhere.<br><br><br>
- - PM friendly, unless my status says otherwise.<br><br>
- - I'm open to interaction with all franchises. <br>(<i>OC's are a-okay!</i>)<br><br><br>
- - No smut/fluff etc. <br>(<i>I'm a mute. It wouldn't work.</i>)<br><br><br>
- - IC =/= OOC.<br><br><br>
- - With Nomad being a mute - <br>He'll use sign language for communication.<br><br><br>
- - Posting length is usually a few lines. <br>I'm not a fan of novellas, you'll lose me easily if that's your thing.<br><br><br>
- - I'll return all kindness directed my way.</font><br><br><br><br><br><br>
- Of course, Code and artwork is not my own, <br>they belong to their owners respectively.<br><br><br>
- </div>
- <div class="navi">
- | <a href="#left" target="_self">Left</a> |
- <a href="#" target="_self">X</a> |
- <a href="#right" target="_self">Right</a> |
- </div>
- </div>
- </div>
- <div id="music"><audio controls style="width:70px;opacity:0.1;overflow:hidden;background-color:#93000d;" src="https://od.lk/s/NzRfMTMxNzAyMDVf/MacFarlane%20Ranch.mp3" >
- <p>Fallback content goes here.</p>
- </audio></div>
- </div>
- </body>
- </html>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement