API tools faq
paste
Advertisement
bythestars

odyssey jinx

bythestars
Mar 28th, 2019
66
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.32 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!