SHARE
TWEET

odyssey jinx

bythestars Mar 28th, 2019 36 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <style type="text/css">
  2. @import url(https://fonts.googleapis.com/css?family=Russo+One|Carter+One|Caveat+Brush);
  3. @font-face{font-family: 'sonn';src:url(https://dl.dropboxusercontent.com/s/0yfdtiblnamntas/la-sonnambula-demo-ffp.ttf);}
  4.  
  5. body { background-color:#091927; }
  6.  
  7. ::-webkit-scrollbar { width: 3px; }::-webkit-scrollbar-track { border-radius: 2px; background-color: #; }::-webkit-scrollbar-thumb { border-radius: 2px; background-color: #; }
  8.  
  9. #name{ z-index:3;position: absolute; z-index:30;text-align:center; left: 1vw; top: 0vw; color: #242257; font-family: Carter One; font-size: 6.5vw; letter-spacing: 0.5vw;text-shadow: -5px 0px 0px #000, 0px 1px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000;font-weight:;}
  10. #quote{ z-index:3;position: absolute; z-index:30;text-align:center; left: 33.5vw; bottom: 4vw;width:28vw; color: #242257; font-family: Russo One; font-size: 2vw; letter-spacing: 0vw;text-shadow: -1px 0px 0px #000, 0px 1px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000;font-weight:;}
  11.  
  12. #box {z-index: 10;position: absolute;background: -webkit-linear-gradient(#99801a, #d1b74d, #edd67c);background: -moz-linear-gradient(#99801a, #d1b74d, #edd67c);background: linear-gradient(#99801a, #d1b74d, #edd67c);border: 0.3vw solid #141414;box-shadow:0px 0px 5px #a;bottom:8vw;left:12vw;height:30vw;width: 70vw;}
  13.  
  14. .back2{background:url(https://i.imgur.com/4mdWdQh.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;opacity:0.15;z-index:-1;height:100%;width:100%;position:absolute;top:0;right:0;left:0;bottom:0;}
  15.  
  16. #image{z-index:10;position: absolute;left:0vw;bottom:0vw;}#image img{height: 25vw;}
  17.  
  18. .mainpic { z-index:10; position: absolute; top: 1.3vw; left: 1vw; width: 12vw; height: 6.5vw;background-image:url('https://i.imgur.com/MXj65sS.gif');background-position:center;background-size:cover;-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);clip-path: polygon(50% 0%, 0% 100%, 100% 100%);}
  19. .mainpic2 { z-index:10; position: absolute; top: 8.5vw; left: 1vw; width: 12vw; height: 4vw;background-image:url('https://i.imgur.com/IF1EmwI.gif');background-position:center;background-size:cover;}
  20. .mainpic3 { z-index:10; position: absolute; top: 13.2vw; left: 1vw; width: 12vw; height: 4vw;background-image:url('https://i.imgur.com/Bd9yzSj.gif');background-position:center;background-size:cover;}
  21. .mainpic4 { z-index:10; position: absolute; top: 17.9vw; left: 1vw; width: 12vw; height: 4vw;background-image:url('https://i.imgur.com/DFRiisB.gif');background-position:center;background-size:cover;}
  22. .mainpic5 { z-index:10; position: absolute; bottom: 1.3vw; left: 1vw; width: 12vw; height: 6.5vw;background-image:url('https://i.imgur.com/Cs16IP9.gif');background-position:center;background-size:cover;-webkit-clip-path: polygon(51% 100%, 0 0, 100% 0);clip-path: polygon(51% 100%, 0 0, 100% 0);}
  23.  
  24. .mainpicback { z-index:20; position: absolute; bottom: -0.2vw; right: -7.2vw; width: 14vw; height: 30.4vw;background: #091927;-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  25. clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  26. ;}
  27.  
  28. #infobackground{position: absolute;z-index: 3;top: 7vw;left: 33.5vw;height:16vw;width: 28vw;background-color:#091927;border:5px solid #;overflow: hidden;opacity:1;}
  29. #infobox{position: absolute;z-index: 4;top:1vw;left: 1vw;height: 14vw;width: 26vw;overflow: hidden;color: #000;box-shadow:0px 0px 20px #;text-align: justify;letter-spacing: .2px;line-height: 0.9vw;background-color:#b38a10;font-family: Caveat Brush;font-size: 0.95vw;opacity:1;}
  30.  
  31.  
  32. h1 {width: 99%;height: 0.2vw;font-size: 1.3vw;font-family:Russo One;margin-top: -0.3vw;margin-bottom:0.5vw;text-align: right;border-bottom: 0.4vw double #000;
  33. color: #2c6579;text-shadow: -1px 0px 0px #000, 0px 1px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000;font-weight:normal;}
  34. b {color: #fff;text-shadow: -1px 0px 0px #000, 0px 1px 0px #000, 1px 0px 0px #000, 0px -1px 0px #000;font-weight:normal;}
  35. a {color: #96b2bc;text-decoration: none;}
  36. a:hover {color: gray;cursor: url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');}
  37.  
  38. #Songz{position:absolute;top: 2.3vw; right: 6.55vw; width: 2.5vw; height: 2.5vw;border-radius:50vw;z-index: 550;overflow: hidden;overflow-x: hidden; background:#;}
  39.  
  40. #play {z-index:400;position:absolute;right: 5vw;top: 0.5vw;height: 6vw;width: 5.5vw;background-image: url('https://i.imgur.com/XU6XBr5.png');background-size:100% 100%;background-color:#;filter: drop-shadow(0vw 0vw 0.5vw #);-webkit-filter: drop-shadow(0vw 0vw 0.5vw #;}
  41.  
  42. #Layout {position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  43.  
  44. </style>
  45.  
  46. <div id="Layout" oncontextmenu="return false;">
  47.  
  48.  
  49. <div id="box">
  50. <div class="back2"></div>
  51. <div id="name">Jinx</div>
  52. <div id="quote">Put a small quote here!!!</div>
  53.  
  54. <div id="play"></div>
  55. <div id="Songz"><audio controls loop style="opacity: 0; padding: 0px;"><source src="MP3 URL Here"></audio></div>
  56.  
  57. <div class="mainpicback">
  58. <a href="#1"><div class="mainpic"></div></a>
  59. <a href="#2"><div class="mainpic2"></div></a>
  60. <a href="#3"><div class="mainpic3"></div></a>
  61. <a href="#4"><div class="mainpic4"></div></a>
  62. <a href="#5"><div class="mainpic5"></div></a>
  63. </div>
  64.  
  65. <div id="image"><img src="https://i.imgur.com/NW1T4Uo.png"></div>
  66.  
  67. <div id="infobackground">
  68. <div id="infobox">
  69. <center>
  70. <div style="height: 100%; overflow-y: hidden;">
  71. <a name="1"></a>
  72. <div style="width:95%; height: 100%; top: 0px; overflow: auto;" align="left">
  73. <br>
  74. <h1>Title</h1>
  75. Tab One
  76. </div>
  77. </div>
  78.  
  79. <div style="height: 100%; overflow-y: hidden;">
  80. <a name="2"></a>
  81. <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
  82. <br>
  83. <h1>Title</h1>
  84. Tab Two
  85. </div>
  86. </div>
  87.  
  88. <div style="height: 100%; overflow-y: hidden;">
  89. <a name="3"></a>
  90. <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
  91. <br>
  92. <h1>Title</h1>
  93. Tab Three
  94. </div>
  95. </div>
  96.  
  97. <div style="height: 100%; overflow-y: hidden;">
  98. <a name="4"></a>
  99. <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
  100. <br>
  101. <h1>Title</h1>
  102. Tab Four
  103. </div>
  104. </div>
  105.  
  106. <div style="height: 100%; overflow-y: hidden;">
  107. <a name="5"></a>
  108. <div style="width:95%; height: 100%; top: 100px; overflow: auto;" align="left">
  109. <br>
  110. <h1>Title</h1>
  111. <b>01</b> Code made for <b>Jinx</b> to use only by <a target="_blank" href="https://roleplay.chat/profile.php?user=Yandere Codes">Yandere</a>. Check out her commission page or send an RPC mail for more info.<br>
  112. <b>02</b> My name is Star, a few call me waifu, a rarity calls me Cap'n or Summer. I'm sure I'll collect a few other nicknames, good or bad, before I eventually quit role-playing. Ask for my Discord if you really want it. <br>
  113. <b>03</b> Whenever I am online.. I am here either to indulge in role-play, strike up conversation or play some group oriented PC game. I am uninterested in OOC bullshit, despite my love for Korean dramas. <br>
  114. <b>04</b> I love descriptive, literate role-play. I am not a spelling nazi, but please make some form of effort to use spellcheck now and then. Long-term or short-term is interchangeable, but long-term partners are generally top priority. Smut depends on my mood and comfort level at the moment. And no, I don't auto-ship!<br>
  115. <b>05</b> Interested in a different champion? Just ask, I probably have a name for it.<br>
  116.  
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122.  
  123. </div>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
Top