Advertisement
Demi-monde

Luke

Jan 16th, 2020
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.45 KB | None | 0 0
  1.  
  2.  
  3. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  4. <!-------MUSIC PLAYER BY GLENTHEMES------->
  5. <script src="//static.tumblr.com/gtjt4bo/QRmphdsdv/glenplayer02.js"></script>
  6. };
  7. </script>
  8.  
  9.  
  10. <style>
  11. @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600i,800|Roboto);
  12.  
  13. ::-webkit-scrollbar { height:2px; width:3px; background:#fff;/*scrollbar bg*/ }
  14. ::-webkit-scrollbar-thumb { background:#888; /*scrollbar color*/ border-radius:3px; -webkit-border-radius:3px; }
  15.  
  16. ::-webkit-selection { background:#eee; color:#171717; }
  17. ::-moz-selection { background:#eee; color:#171717; }
  18. ::-ms-selection { background:#eee; color:#171717; }
  19. ::-o-selection { background:#eee; color:#171717; }
  20. ::selection { background:#eee; color:#171717; }
  21.  
  22. body {
  23. background-color:#000;
  24. font-family:'Open Sans', sans-serif;
  25. font-size:11px;
  26. overflow:hidden;
  27. }
  28.  
  29. a {
  30. text-decoration: none;
  31. -webkit-transition: all .35s ease-in-out;
  32. -moz-transition: all .35s ease-in-out;
  33. -ms-transition: all .35s ease-in-out;
  34. -o-transition: all .35s ease-in-out;
  35. transition: all .35s ease-in-out;
  36. }
  37.  
  38.  
  39. *, body, a, a:hover {cursor: url(https://i.imgur.com/wwLFpao.png), auto;}
  40.  
  41.  
  42. #galaxy { width:439px; margin:270px auto; }
  43.  
  44. #sol { /*title*/
  45. color:Red; /*title color*/
  46. font-weight:800;
  47. letter-spacing:7px; font-size:30px;
  48. text-align:left; text-transform:uppercase;
  49. }
  50.  
  51. #comet {
  52. width:100px; height:100px;
  53. padding:5px;
  54. background:#fff; /*icon box background color*/
  55. border:solid 0px #dbdbdb; /*icon box border color*/
  56. box-shadow:7px 7px #666; /*icon box shadow color*/
  57. BACKGROUND-IMAGE: URL('https://media.giphy.com/media/eeVfLgwpC8B5xEJe1r/giphy.gif');
  58. background-position: center center;
  59. background-size: cover;
  60. background-repeat: no-repeat;
  61. width: 100px;
  62. height: 100px;
  63. position: fixed;
  64. background-attachment:absolute;
  65. }
  66.  
  67.  
  68.  
  69. #earth {
  70. width:290px; height:100px;
  71. margin-left:130px; padding:5px;
  72. background:#fff; /*info box background color*/
  73. border:solid 1px #dbdbdb; /*info box border color*/
  74. box-shadow:7px 7px #666; /*info box shadow color*/
  75. position:fixed;
  76. }
  77.  
  78.  
  79. #earth c { color:red; text-transform:uppercase; }
  80. #earth p { margin-top:1px; margin-bottom:13px; }
  81. #earth a { color:red; text-transform:uppercase; }
  82.  
  83. #vl1 { margin-top:-5px; margin-left:145px; stroke:#dbdbdb; position:fixed; }
  84.  
  85.  
  86. #box {
  87. width:139px; height:100px;
  88. margin-top:-118px; margin-left:146px; padding:5px;
  89. position:fixed;
  90. overflow hidden;}
  91.  
  92. #box h1 {
  93. margin-left:7px; margin-bottom:-5px; color:Red; /*playlist title color*/
  94. font-size:11px; font-weight:600; font-style:italic;
  95. text-align:left; text-transform:uppercase;
  96. }
  97.  
  98. #box li { margin-left:-20px; line-height:120%; list-style: none; }
  99. #box li:before {
  100. content:"+";
  101. padding-right: 5px;
  102. }
  103.  
  104. #box a { color:red; }
  105. #box a:hover { color:#ff7a24; }
  106.  
  107. #luna {
  108. width:420px; max-height:500px;
  109. margin-top:130px; padding:5px;
  110. background:#fff; /*description background color*/
  111. border:solid 1px #dbdbdb; /*description border color*/
  112. box-shadow:7px 7px #666; /*description shadow color*/
  113. text-align:justify;
  114. position:relative;
  115. overflow hidden;}
  116.  
  117. #luna a { color:red; } /*description link color*/
  118. #luna a:hover { color:#171717; } /*link hover color*/
  119. #luna i, b, u { color:red; } /*italics, bold, underline color*/
  120.  
  121. #stars {margin-top:20px; font-size:17px; text-align:center; position:relative;}
  122.  
  123. #stars a { margin-left:30px; margin-right:30px;
  124. color:#ff7a24; } /*icon link color*/
  125. #stars a:hover { color:#e31b3f; } /*icon link hover color*/
  126.  
  127. #saturn {
  128. margin-top:15px; color:#aeaeae; /*quote text color*/
  129. font-size:10px; text-align:center;
  130. line-height:120%; position:relative;
  131. }
  132.  
  133. #saturn a,a:hover { color:#777; } /*quote link color + hover color*/
  134.  
  135.  
  136. #glenplayer02 {
  137. position:absolute;
  138. top:0;margin-top:0px;
  139. left:0;margin-left:0px;
  140. display:flex;
  141. z-index:999;
  142. }
  143. #glenplayer02 a {text-decoration:none;}
  144.  
  145. #glenplayer02 > div {
  146. align-self:center;
  147. -webkit-align-self:center;
  148. }
  149.  
  150. .music-controls {
  151. user-select:none;
  152. -webkit-user-select:none;
  153. cursor:pointer;
  154. }
  155.  
  156. .playy, .pausee {color:#666;}
  157.  
  158. .playy {font-size:13px;}
  159.  
  160. .pausee {
  161. display:none;
  162. margin-right:1.5px;
  163. }
  164.  
  165. .sonata {
  166. margin-left:10px;
  167. color:#666; /* color of music note symbol */
  168. }
  169.  
  170. .labeltext {
  171. margin-left:8px;
  172. padding: 2px;
  173. border: 1px solid #666;
  174. font-family:'Comfortaa';
  175. font-size:12px;
  176. color:#666; /* color of song title */
  177. }
  178.  
  179. .labeltext:hover {
  180. margin-left:8px;
  181. background:#666;
  182. padding: 2px;
  183. border: 1px solid #666;
  184. font-family:'Comfortaa';
  185. font-size:12px;
  186. color:#fff; /* color of song title */}
  187.  
  188. #profile{position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;}
  189.  
  190. </style>
  191.  
  192. <div id="profile" oncontextmenu="return false;">
  193. <div id="galaxy">
  194.  
  195. <div id="sol">Bulletproof</div>
  196. <div id="comet">
  197. </div>
  198.  
  199. <div id="earth">
  200. <div id="vl1"><svg height="110" width="1"><line x1="0" y1="0" x2="0" y2="289" style="stroke-width:5" /></svg></div>
  201.  
  202. <c>name:</c> Luke Cage <br>
  203. <c>alias:</c> Powerman<br>
  204. <c>height:</c> 6'6<br>
  205. <c>sex:</c> Male <a title="Smut, reserved.">[hetero]</a><br>
  206. <c>hair:</c> Blacked-shaved <br>
  207. <c>eyes:</c> Brown<p>
  208. <c>origin:</c> Human Mutate
  209.  
  210.  
  211.  
  212. <div id="box">
  213. <h1>OOC</h1>
  214. <ul>
  215. <li>OOC does not = IC</li>
  216. <li>Based on Marvel</li>
  217. <li>IC Drama Only </li>
  218. <li>Don't be a Dick</li>
  219. <li>STORY | <a href="smut reserved for parnter.">SMUT</a></li>
  220.  
  221. </ul>
  222. </div>
  223. </div>
  224.  
  225. <div id="luna">
  226. Stoic, caring, and meticulous. Luke has a mysterious past and isn't eager to allow people to get close enough to find out about it. He cares about his neighborhood, though, but Luke doesn’t say much. He lets his actions speak for themselves; when he uses his superhuman strength, those actions speak volumes.
  227. </div>
  228.  
  229.  
  230.  
  231. <div id="saturn">
  232. <div id="glenplayer02">
  233. <div class="music-controls" onclick="songstart();">
  234. <div class="playy">►</div>
  235. <div class="pausee">❚❚</div>
  236. </div>
  237. <div class="sonata">♫</div>
  238.  
  239. <div class="labeltext">Bulletproof</div>
  240. </div><!--end music player-->
  241.  
  242. <audio id="tune" src="https://tinyurl.com/tzg766s" type="audio"></audio>
  243. "You live and die by your choices."
  244. </div>
  245. </div><!--end galaxy-->
  246. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement