Advertisement
Chibi-Elle

HEAVEN TABS ADDED

Dec 22nd, 2020
50
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.12 KB | None | 0 0
  1. <style>
  2. @import url('https://fonts.googleapis.com/css?family=Berkshire+Swash');
  3. @import url('https://fonts.googleapis.com/css?family=Happy+Monkey');
  4.  
  5.  
  6. ::-webkit-scrollbar {
  7. width: 2px;
  8. }
  9.  
  10.  
  11. ::-webkit-scrollbar-thumb:horizontal {
  12. height: 10px;
  13. background-color: 4169E1;
  14. border: 0px ;
  15. width: 12px;
  16. }
  17.  
  18.  
  19. ::selection {
  20. color: D5ECFA;
  21. }
  22.  
  23. hr.style15 {
  24. height: 1px;
  25. border-top: 2px dashed #87CEFA;
  26. text-align: center;
  27. }
  28.  
  29. hr.style15:after {
  30. content: '';
  31. display: inline-block;
  32. position: relative;
  33. top: -15px;
  34. padding: 0 15px;
  35. background: #87CEFA;
  36. color: #87CEFA;
  37. font-size: 18px;
  38. }
  39.  
  40. h1 {
  41. font-variant: normal;
  42. font-size: 24px;
  43. font-family: 'Berkshire Swash', cursive;
  44. color: ;
  45. }
  46.  
  47. h2 {
  48. font-variant: normal;
  49. font-size: 10px;
  50. font-family: 'Happy Monkey', cursive;
  51. color: ;
  52. }
  53.  
  54. body, a:hover {
  55. cursor: url(http://cur.cursors-4u.net/cursors/cur-9/cur817.cur), progress !important;
  56. }
  57.  
  58. body {
  59. background-image:url("https://i.imgur.com/9LJsryD.jpg");
  60. background-repeat: no-repeat;
  61. background-position: ;
  62. background-attachment: ;
  63. background-size: cover;
  64. cursor: crosshair;
  65. }
  66.  
  67.  
  68. body {
  69. background-color: #4169E1;
  70. }
  71.  
  72. #bitch {position:absolute; left: 0px; top: 0px; right: 0px; bottom: 0px;
  73. }
  74.  
  75. #invis {
  76. position: fixed;
  77. top:-10px;
  78. left: 60px;
  79. height:80px;
  80. width:80px;
  81. z-index: 1;
  82. background-color: transparent;
  83. border: 2px;
  84. border-color: transparent;
  85. border-style: double;
  86. }
  87.  
  88. #box {
  89. background-image:url("");
  90. background-position:center;
  91. background-size: cover;
  92. background-attachment: absolute;
  93. background-repeat: no-repeat;
  94. -webkit-background-size: cover;
  95. -moz-background-size: cover;
  96. -o-background-size: cover;
  97. position:absolute;
  98. top: 360px;
  99. left: 405px;
  100. height: 280px;
  101. width: 280px;
  102. color:#4169E1;
  103. background-color: #FFE9AD;
  104. border: 2px;
  105. border-color: #D5ECFA;
  106. border-style: double;
  107. }
  108.  
  109. #image {
  110. overflow:hidden;
  111. position: absolute;
  112. right: -265px;
  113. height: 380px;
  114. width: 250px;
  115. top: -2px;
  116. z-index: 1;
  117. background-image: url('');
  118. background-position: center;
  119. background-size: cover;
  120. background-attachment: absolute;
  121. background-repeat: no-repeat;
  122. -webkit-background-size: cover;
  123. -moz-background-size: cover;
  124. -o-background-size: cover;
  125. background-color: #FFE9AD;
  126. border: 2px;
  127. border-color: #D5ECFA;
  128. border-style: double;
  129.  
  130. }
  131.  
  132. #image2 {
  133. overflow:hidden;
  134. position: absolute;
  135. right: -535px;
  136. height: 550px;
  137. width: 230px;
  138. top: -2px;
  139. z-index: 1;
  140. background-image: url('');
  141. background-position: center;
  142. background-size: cover;
  143. background-attachment: absolute;
  144. background-repeat: no-repeat;
  145. -webkit-background-size: cover;
  146. -moz-background-size: cover;
  147. -o-background-size: cover;
  148. background-color: #FFE9AD;
  149. border: 2px;
  150. border-color: #D5ECFA;
  151. border-style: double;
  152.  
  153. }
  154.  
  155. #placeholdertext {
  156. position: absolute;
  157. width: 225px;
  158. height: 220px;
  159. left: 13px;
  160. bottom: 10px;
  161. line-height: 12px;
  162. padding: 10px;
  163. margin: 1px;
  164. overflow:auto;
  165. opacity: 1;
  166. color: #87CEFA;
  167. background-color: #FFE9AD;
  168. border: 2px;
  169. border-color: #87CEFA;
  170. border-style: solid;
  171. }
  172.  
  173. #tab1 {
  174. position: absolute;
  175. z-index: 1;
  176. left: 390px;
  177. bottom: -560px;
  178. height: 40px;
  179. width: 40px;
  180. border-radius: 50%;
  181. box-shadow: 10px 8px 0 0 #87CEFA;
  182. }
  183.  
  184. #tab2 {
  185. position: absolute;
  186. z-index: 1;
  187. left: 490px;
  188. bottom: -560px;
  189. height: 40px;
  190. width: 40px;
  191. border-radius: 50%;
  192. box-shadow: 10px 8px 0 0 #87CEFA;
  193. }
  194.  
  195. #tab3 {
  196. position: absolute;
  197. z-index: 1;
  198. left: 590px;
  199. bottom: -560px;
  200. height: 40px;
  201. width: 40px;
  202. border-radius: 50%;
  203. box-shadow: 10px 8px 0 0 #87CEFA;
  204. }
  205.  
  206. #placeholdertext1 {
  207. position: absolute;
  208. width: 195px;
  209. height: 515px;
  210. left: 5px;
  211. top: 5px;
  212. line-height: 12px;
  213. padding: 10px;
  214. margin: 1px;
  215. overflow:auto;
  216. opacity: 1;
  217. color: #87CEFA;
  218. background-color: #FFE9AD;
  219. border: 2px;
  220. border-color: #87CEFA;
  221. border-style: solid;
  222. }
  223.  
  224. #placeholdertext2 {
  225. position: absolute;
  226. width: 215px;
  227. height: 340px;
  228. left: 5px;
  229. top: 5px;
  230. line-height: 12px;
  231. padding: 10px;
  232. margin: 1px;
  233. overflow:auto;
  234. opacity: 1;
  235. color: #87CEFA;
  236. background-color: #FFE9AD;
  237. border: 2px;
  238. border-color: #87CEFA;
  239. border-style: solid;
  240. }
  241.  
  242.  
  243. #image1 {
  244. position: absolute;
  245. top: 150px;
  246. left: 410px;
  247. height: 200px;
  248. width: 800px;
  249. z-index: 5;
  250. background-color: #FFE9AD;
  251. border: 2px;
  252. border-color: #87CEFA;
  253. border-style: solid;
  254. background-image: url('https://em.wattpad.com/fa9b12937f9d86d97f5f7a340325589409f38fd8/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f776174747061642d6d656469612d736572766963652f53746f7279496d6167652f57574a63634361334f4f52542d413d3d2d3638333437323233332e31353762363238396636353838303366343034383438303737372e676966');
  255. background-position:top center;
  256. background-attachment: absolute;
  257. background-repeat: no-repeat;
  258. -webkit-background-size: cover;
  259. -moz-background-size: cover;
  260. -o-background-size: cover;
  261. background-size: cover;
  262. }
  263.  
  264. .musicplayer { position: fixed; bottom: 10; left: 10; height: 12; width: 34px; padding: 5px; padding-top: 5; overflow: hidden; z-index: 2000; background-color: #FDF6EC; text-align: center; border: 1px solid #DBB3C3; border-radius: ; }
  265.  
  266. .song { float: center; margin-top: -23px; margin-left: -1px; height: 40px; width: 40px; overflow: hidden; opacity: 0; }
  267. </style>
  268.  
  269. <div class="musicplayer">
  270. <img src="http://i122.photobucket.com/albums/o260/mhilka/minigifs/minigif01.gif">
  271. <div class="song">
  272. <audio controls>
  273. <source src="https://files.catbox.moe/cebhiz.mp3">
  274. </audio>
  275. </div></div>
  276.  
  277. <div id="bitch" oncontextmenu="return false;">
  278. <div id="invis"><div id="image1"></div>
  279. <div id="box"><div id="image2"><div id="placeholdertext1"></div></div>
  280.  
  281. <div id="image"><div id="placeholdertext2">
  282. <div style="height: 340px; overflow: hidden;">
  283. <a name="1"></a>
  284. <div style="height: 340px; overflow-y: auto;">
  285. <div style="margin: 0 auto; width: 12em;">
  286. <center><h1>Cracker Jack Boy</h1></center>
  287. <h2><center>"Tiddies."</center></h2>
  288. <hr class="style15">
  289. </div></div>
  290.  
  291. <a name="2"></a>
  292. <div style="height: 340px; overflow-y: auto;">
  293. <div style="margin: 0 auto; width: 12em;">
  294. <center><h1>Cheonsa???</h1></center>
  295. <h2><center>"Finna Buy Ya Mama Off."</center></h2>
  296. <hr class="style15">
  297.  
  298. </div></div>
  299.  
  300. <a name="3"></a>
  301. <div style="height: 340px; overflow-y: auto;">
  302. <div style="margin: 0 auto; width: 12em;">
  303. <center><h1>Clappin' Cheeks</h1></center>
  304. <h2><center>"WHEN WE PULL UP DOMANGGA."</center></h2>
  305. <hr class="style15">
  306.  
  307. </div></div></div></div></div>
  308. <div id="placeholdertext">
  309. <center><h1>The Joy & Laughter</h1></center>
  310. <h2><center>"Raging inferno. Raging internal."</center></h2>
  311. <hr class="style15">
  312. <center><h2>FC: JSeph from KARD. Placeholder for now.<br>No drama. Dm friendly to an extent. RL comes first always. OOC is not IC. Discord maybe.<br>(ノ◕ヮ◕)ノ*:・゚✧ Coded By D.M.<br><br>
  313. → S C R O L L ←</h2></center>
  314. <hr class="style15">
  315. </div></div>
  316. <a href="#2"><div id="tab1"></div></a>
  317. <a href="#3"><div id="tab2"></div></a>
  318. <a href="#1"><div id="tab3"></div></a>
  319. </div>
  320.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement