API tools faq
paste
Advertisement
Guest User

Astral

a guest
Mar 22nd, 2019
68
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.41 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. @import url(https://fonts.googleapis.com/css?family=Faster+One);
  3. @import url(https://fonts.googleapis.com/css?family=Playfair+Display+SC);
  4. @import url(https://fonts.googleapis.com/css?family=Questrial);
  5. @import url(https://fonts.googleapis.com/css?family=Roboto);
  6. @import url(https://fonts.googleapis.com/css?family=Merriweather);
  7. @import url(https://fonts.googleapis.com/css?family=Oxygen|100);
  8. @import url(https://fonts.googleapis.com/css?family=Open+Sans|100|400);
  9.  
  10.  
  11. /*coded by [punpun]. do not steal the character. do not remove the credit. do not remove this.*/
  12.  
  13. body {background: #000 url(''); cursor:url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), auto !important; color: #696969; font-family: Roboto; font-size: 9px;}
  14.  
  15. /*sidebar:1C1C1F*/
  16.  
  17. ::-webkit-scrollbar {width: 3px;}
  18. ::-webkit-scrollbar-thumb:vertical {
  19. height: 10px;background-color: #6A392F;}
  20. ::-webkit-scrollbar-thumb:horizontal {
  21. height: 10px;background-color: #222;border: 0px ;width: 15px;}
  22.  
  23. a {
  24. color: #6A392F;
  25. text-decoration: none;
  26. transition: all 0.4s ease-in-out;
  27. -moz-transition: all 0.4s ease-in-out;
  28. -webkit-transition: all 0.4s ease-in-out;}
  29. a:hover {
  30. color: #000;background-color: #; cursor:url(http://media.tumblr.com/d867d8c0827140bcce868f3bdbbd5e4f/tumblr_inline_mwwd9dv65Z1srowmh.png), auto !important;
  31.  
  32. text-decoration: none;
  33. transition: all 0.4s ease-in-out;
  34. -moz-transition: all 0.4s ease-in-out;
  35. -webkit-transition: all 0.4s ease-in-out;}
  36.  
  37. .sts1 {
  38. position: fixed;
  39. width:60%; height: 70%;
  40. Left:20%;
  41. Top:20%;
  42. font-weight:100;
  43. color: #fff;
  44. background-image: url(https://orig00.deviantart.net/eeeb/f/2013/249/4/3/arcade_screen_saver_by_kiowa213-d6lbkse.gif);
  45. background-repeat: no-repeat;
  46. background-size: 100% 100%;
  47. }
  48. .sts1:hover{ background-color: #000;-webkit-transition: all 0.6s ease-out; color: #000;
  49. transition: all 0.6s ease-out;}
  50.  
  51. .sts2 {
  52.  
  53. font-family: Questrial;
  54. font-size: 15px;width:130%; height: 100%;
  55. text-align: left;
  56. font-weight:100;
  57. color: #fff;
  58. background-color: #;
  59. padding: 5px;
  60. margin-bottom: px;
  61. margin-top: px;
  62. line-height:11px;
  63.  
  64. }
  65. .sts2:hover{ background-color: #fff;-webkit-transition: all 0.6s ease-out; color: #000;
  66. transition: all 0.6s ease-out;}
  67.  
  68. .was {
  69. position: fixed; margin: auto; right: 0px; left:0; top: 0; bottom: 0;
  70. opacity: 0;
  71. z-index: -5;
  72. text-align: justify;
  73. -webkit-transition: all 0.6s ease-out;
  74. transition: all 0.6s ease-out;
  75. }
  76.  
  77. .was:target {
  78. position: fixed;
  79. z-index: 15;
  80. opacity: 1;
  81. -webkit-transition: all 0.6s ease-out;
  82. transition: all 0.6s ease-out;
  83. }
  84.  
  85. .line{margin-top:1.2px;margin-bottom:1.2px;}
  86. .head {
  87. position: absolute; margin: auto; left: 0px; right:165; top:30; bottom: 0; width: 43px; height: 12px; background-color: #;color: #17171A; font-family: Questrial; font-size: 9.4px; line-height:1.2;text-align: justify; opacity: 1; border: 1px solid #fff; z-index: 10; overflow-x: disabled; overflow-y: disabled;transition:all 0.2s ease-out;transform: rotate(-90deg);}
  88.  
  89. .tri{position:fixed; margin: auto; left:118; right:10; top:-50; bottom:113;width: 0; height: 0; border-style:solid; border-width:50 0px 0px 50; border-color: fff transparent;}
  90. .trib{position:fixed; margin: auto; left:0; right:0; top:5; bottom:0;width: 0; height: 0; border-style:solid; border-width:150px 0px 0px 150px; border-color: 17171A transparent;}
  91.  
  92.  
  93. .picontainer {position:fixed; margin: auto; left:0; right:0; top:0; bottom:75; width: 200; height:240; background-color:#; border:0px solid #fff; z-index: 5; overflow:hidden; border-radius:;}
  94.  
  95. .btn {width:4px;height:4px;background:#f3f3f3;transform: rotate(45deg);-webkit-transition: all 0.9s ease-out; transition: all 0.9s ease-out;
  96. }
  97. .btn:hover {background:#F96759;transform: rotate(5deg); }
  98.  
  99.  
  100.  
  101. #main{
  102. left:40%;
  103. bottom:38%;
  104. position: fixed;
  105. color: #fff;
  106. font-family: century gothic;
  107. font-variant: small-caps;
  108. text-align: justify;
  109. font-size: 12px;
  110. border-bottom: #6A392F 3px solid;
  111. border-right: #6A392F 3px solid;
  112. border-left: #6A392F 3px solid;
  113. border-top: #6A392F 3px solid;
  114. background-color: #8C5F55;
  115. opacity:0.8}
  116.  
  117. .circle3{ border-radius:150px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; }
  118.  
  119. .circle3:hover{ border-radius:150px; -webkit-transition: all 0.8s ease-out; -moz-transition: all 0.8s ease-out; -o-transition: all 0.8s ease-out; -webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); }
  120.  
  121. .watertext {
  122. color: #fff;
  123. font-family: 'Faster One';
  124. position: fixed;
  125. width: 370px;
  126. text-align: center;
  127. z-index: 2;
  128.  
  129. }
  130. </style>
  131.  
  132.  
  133.  
  134.  
  135.  
  136.  
  137.  
  138.  
  139.  
  140.  
  141. <a href="#1"><div class="sts1"></div></a>
  142.  
  143.  
  144.  
  145.  
  146. <div id="1" class="was">
  147. <div style="position:fixed; left:0; top:0;width:100%; height:100%; background-image: url(http://i.picpar.com/qDmd.gif);
  148. background-repeat: no-repeat;
  149. background-size: 100% 100%;"></div>
  150.  
  151.  
  152. <div style="position:fixed; left:34%; top:25%; width:15.5%; height:10%;z-index:21; color:#fff; text-align:Center;">
  153.  
  154. Welcome to Arcade
  155. <br>
  156. WIP
  157.  
  158.  
  159.  
  160.  
  161. <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
  162. <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
  163. <a href="#2"><div class="sts2"> Dance Floor</div> </a>
  164. <a href="#3"><div class="sts2"> Food Court </div> </a>
  165. <a href="#4"><div class="sts2"> Game Lounge</div> </a>
  166. <a href="#5"><div class="sts2"> VR Arena</div> </a>
  167. <a href="#6"><div class="sts2"> Staff</div> </a>
  168. <a href="#7"><div class="sts2"> Etc</div> </a>
  169. <br>
  170. </div>
  171.  
  172. </div></div>
  173.  
  174.  
  175. <div id="2" class="was">
  176.  
  177.  
  178. <div style="position:fixed; left:0; top:0;width:100%; height:100%;background-image: url(https://66.media.tumblr.com/66ec8828b4928a50b883f9ab334a4fe6/tumblr_p3y6haD67F1whahvko1_500.gif);
  179. background-repeat: repeat;
  180. background-size: 100% 100%;"></div>
  181.  
  182.  
  183. <div style="position:fixed; left:45%; top:40%; width:15.5%; height:10%; z-index:21; background-color: #; color:#fff; text-align:center;">
  184. Welcome to the Dance Floor
  185. <br>
  186. WIP
  187.  
  188. <div id="ufuk3"><img src=""></div>
  189. <div id="ufuk3a"><img src=""></div>
  190.  
  191. <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
  192. <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
  193. <a href="#2"><div class="sts2"> Dance Floor</div> </a>
  194. <a href="#3"><div class="sts2"> Food Court </div> </a>
  195. <a href="#4"><div class="sts2"> Game Lounge</div> </a>
  196. <a href="#5"><div class="sts2"> VR Arena</div> </a>
  197. <a href="#6"><div class="sts2"> Staff</div> </a>
  198. <a href="#7"><div class="sts2"> Etc</div> </a>
  199. <br>
  200. </div>
  201.  
  202. </div>
  203.  
  204.  
  205.  
  206. <a href="profile.php?user=Punpun" title="Coded by Punpun." target="_blank"><img src="http://i.imgur.com/acD32sR.png" style="position:fixed; right:10; bottom:0;width:25;"></a></div>
  207.  
  208. <div id="3" class="was">
  209.  
  210.  
  211. <div style="position:fixed; left:0; top:0;width:100%; height:100%; background-color:#FFDAB9; background-image: url(https://66.media.tumblr.com/567f3e4a905f3a2011513dfb67016bac/tumblr_o1vrrdMQ7x1uf5cjoo1_500.gif), url(https://66.media.tumblr.com/ddd1947b9143d76737969a872d19175b/tumblr_moem113z191sv5749o1_500.gif);
  212. background-repeat: no-repeat;
  213. background-size: 10% 20%;
  214. background-position: 50% 50%, 50% 80%"></div>
  215.  
  216.  
  217. <div style="position:fixed; left:43%; top:20%; width:15.5%; height:10%;z-index:21; color:#000; text-align:Center;">
  218.  
  219. Welcome to Food Court
  220. <br>
  221. Chill out
  222. <br>
  223. WIP
  224.  
  225. <div id="ufuk4"><img src="">
  226. </div>
  227.  
  228. <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
  229. <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
  230. <a href="#2"><div class="sts2"> Dance Floor</div> </a>
  231. <a href="#3"><div class="sts2"> Food Court </div> </a>
  232. <a href="#4"><div class="sts2"> Game Lounge</div> </a>
  233. <a href="#5"><div class="sts2"> VR Arena</div> </a>
  234. <a href="#6"><div class="sts2"> Staff</div> </a>
  235. <a href="#7"><div class="sts2"> Etc</div> </a>
  236. <br>
  237. </div>
  238.  
  239. </div>
  240.  
  241. <a href="profile.php?user=Punpun" title="Coded by Punpun." target="_blank"><img src="http://i.imgur.com/acD32sR.png" style="position:fixed; right:10; bottom:0;width:25;"></a></div>
  242.  
  243.  
  244.  
  245. <a href="profile.php?user=Punpun" title="Coded by Punpun." target="_blank"><img src="http://i.imgur.com/acD32sR.png" style="position:fixed; right:10; bottom:0;width:25;"></a></div>
  246.  
  247. <div id="4" class="was">
  248.  
  249.  
  250.  
  251.  
  252. <div style="position:fixed;width:100%; height:100%; background-color:#000; background-image: url(https://66.media.tumblr.com/de912a6946608a0fb0739d404ada7002/tumblr_pdk7o1qURU1xsa99jo1_500.gif);
  253. background-repeat: no-repeat;
  254. background-size: 100% 100%;
  255. background-position: 0% 0%"></div>
  256.  
  257.  
  258. <div style="position:fixed; left:38%; top:20%; width:15.5%; height:10%;z-index:21; color:#fff; text-align:Center;">
  259.  
  260. Welcome to Game Lounge
  261. <br>
  262. Spin The bottle
  263. <br>
  264. Truth or Dare
  265. <br>
  266. Lounge
  267. <br>
  268. WIP
  269.  
  270.  
  271.  
  272. <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
  273. <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
  274. <a href="#2"><div class="sts2"> Dance Floor</div> </a>
  275. <a href="#3"><div class="sts2"> Food Court </div> </a>
  276. <a href="#4"><div class="sts2"> Game Lounge</div> </a>
  277. <a href="#5"><div class="sts2"> VR Arena</div> </a>
  278. <a href="#6"><div class="sts2"> Staff</div> </a>
  279. <a href="#7"><div class="sts2"> Etc</div> </a>
  280. <br>
  281. </div>
  282.  
  283. </div></div></div>
  284. <div id="5" class="was">
  285.  
  286.  
  287.  
  288. <div style="position:fixed; left:0; top:0;width:100%; height:100%; background-image: url(https://66.media.tumblr.com/28afd2406931ef49d10163fb7f165747/tumblr_oyd5z4lwyb1ryo1oxo1_1280.gif);
  289. background-repeat: no-repeat;
  290. background-size: 100% 100%;"></div>
  291.  
  292.  
  293. <div style="position:fixed; left:42%; top:40%; width:15.5%; height:10%;z-index:21; color:#fff; text-align:Center;">
  294.  
  295. Welcome to VR Arena
  296. <br>
  297. Get Lost in here with your friends
  298. <br>
  299. WIP
  300.  
  301. <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
  302. <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
  303. <a href="#2"><div class="sts2"> Dance Floor</div> </a>
  304. <a href="#3"><div class="sts2"> Food Court </div> </a>
  305. <a href="#4"><div class="sts2"> Game Lounge</div> </a>
  306. <a href="#5"><div class="sts2"> VR Arena</div> </a>
  307. <a href="#6"><div class="sts2"> Staff</div> </a>
  308. <a href="#7"><div class="sts2"> Etc</div> </a>
  309. <br>
  310. </div>
  311.  
  312. </div></div>
  313.  
  314.  
  315. <div id="6" class="was">
  316.  
  317.  
  318. <div style="position:fixed; left:0; top:0;width:100%; height:100%; background-color:#000; background-image: url(https://66.media.tumblr.com/d3be022ba5d7ee5ed8a53fcba26ba4b7/tumblr_pf898pPPtH1qza1qzo1_540.gif);
  319. background-repeat: no-repeat;
  320. background-size: 25% 50%;
  321. background-position: 45% 100%"></div>
  322.  
  323.  
  324. <div style="position:fixed; left:36%; top:20%; width:15.5%; height:10%;z-index:21; color:#fff; text-align:Center;">
  325.  
  326. <div class="watertext" style="font-size:10vh; top:10%;left:32%">
  327. Staff
  328. </div>
  329.  
  330. <a target="_blank" href="" target="_blank"><img src="https://i.imgur.com/fOoa5EE.gif" class="circle3" height="65" width="65" border="0" title="You"></a>
  331.  
  332. <a target="_blank" href="" target="_blank"><img src="https://i.imgur.com/fOoa5EE.gif" class="circle3" height="65" width="65" border="0" title="You"></a>
  333.  
  334. <a target="_blank" href="" target="_blank"><img src="https://i.imgur.com/fOoa5EE.gif" class="circle3" height="65" width="65" border="0" title="You"></a>
  335. <br>
  336.  
  337. <a target="_blank" href="" target="_blank"><img src="https://i.imgur.com/fOoa5EE.gif" class="circle3" height="65" width="65" border="0" title="You"></a>
  338.  
  339. <a target="_blank" href="" target="_blank"><img src="https://i.imgur.com/fOoa5EE.gif" class="circle3" height="65" width="65" border="0" title="You"></a>
  340.  
  341. <a target="_blank" href="" target="_blank"><img src="https://i.imgur.com/fOoa5EE.gif" class="circle3" height="65" width="65" border="0" title="You"></a>
  342. <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
  343. <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
  344. <a href="#2"><div class="sts2"> Dance Floor</div> </a>
  345. <a href="#3"><div class="sts2"> Food Court </div> </a>
  346. <a href="#4"><div class="sts2"> Game Lounge</div> </a>
  347. <a href="#5"><div class="sts2"> VR Arena</div> </a>
  348. <a href="#6"><div class="sts2"> Staff</div> </a>
  349. <a href="#7"><div class="sts2"> Etc</div> </a>
  350. <br>
  351. </div>
  352.  
  353.  
  354. </div></div>
  355.  
  356. <div id="7" class="was">
  357.  
  358.  
  359. <div style="position:fixed; left:0; top:0;width:100%; height:100%; background-color:#000; background-image: url(https://66.media.tumblr.com/51340d520357a5a08937cf6196add512/tumblr_p53sq4T2m91x2hd5po1_400.gif);
  360. background-repeat: no-repeat;
  361. background-size: 25% 50%;
  362. background-position: 45% 40%"></div>
  363.  
  364.  
  365. <div style="position:fixed; left:25%; top:40%; width:15.5%; height:10%;z-index:21; color:#fff; text-align:Center;">
  366.  
  367. Any other Info
  368. <br>
  369. Chill out
  370. <br>
  371. WIP
  372.  
  373.  
  374. <div style="position:fixed; left:52%; top:40%; width:15.5%; height:10%;z-index:21; color:#fff; text-align:Center;">
  375.  
  376. I can put other things here
  377. <br>
  378. Chill out
  379. <br>
  380. WIP
  381.  
  382. <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
  383. <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
  384. <a href="#2"><div class="sts2"> Dance Floor</div> </a>
  385. <a href="#3"><div class="sts2"> Food Court </div> </a>
  386. <a href="#4"><div class="sts2"> Game Lounge</div> </a>
  387. <a href="#5"><div class="sts2"> VR Arena</div> </a>
  388. <a href="#6"><div class="sts2"> Staff</div> </a>
  389. <a href="#7"><div class="sts2"> Etc</div> </a>
  390. <br>
  391. </div>
  392.  
  393. </div></div>
  394.  
  395.  
  396.  
  397.  
  398.  
  399.  
  400.  
  401.  
  402. <a href="profile.php?user=Punpun" title="Coded by Punpun." target="_blank"><img src="http://i.imgur.com/acD32sR.png" style="position:fixed; right:10; bottom:0;width:25;z-index:999;"></a>
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!