API tools faq
paste
Advertisement
Guest User

Arcade 3

a guest
Mar 24th, 2019
84
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.44 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=Lato:100&effect=neon);
  4. @import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);
  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.  
  54. width:200%; height: 100%;
  55. font-family: Major Mono Display;
  56. font-size: 20px;
  57. text-align:center;
  58. font-weight:100;
  59. color: #fff;
  60. background-color: #;
  61. padding: 5px;
  62. line-height:17px;
  63.  
  64. }
  65. .sts2:hover{ background-color: #;-webkit-transition: all 0.6s ease-out; color: #666;
  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: Major Mono Display;
  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; font-family: Major Mono Display;
  153. font-size: 15px;
  154. text-align:center;">
  155.  
  156. <div class="font-effect-neon">Welcome to Arcade
  157. <br>
  158. WIP</div>
  159.  
  160.  
  161.  
  162.  
  163. <div style="position:fixed; left:0; top:0; width:5%;height:13%; ">
  164. <div class="font-effect-neon">
  165. <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
  166. <a href="#2"><div class="sts2"> Dance Floor</div> </a>
  167. <a href="#3"><div class="sts2"> Food Court </div> </a>
  168. <a href="#4"><div class="sts2"> Game Lounge</div> </a>
  169. <a href="#5"><div class="sts2"> VR Arena</div> </a>
  170. <a href="#6"><div class="sts2"> Staff</div> </a>
  171. <a href="#7"><div class="sts2"> Etc</div> </a>
  172. <br>
  173. </div></div>
  174.  
  175. </div></div>
  176.  
  177.  
  178. <div id="2" class="was">
  179.  
  180.  
  181. <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);
  182. background-repeat: repeat;
  183. background-size: 100% 100%;"></div>
  184.  
  185.  
  186. <div style="position:fixed; left:45%; top:40%; width:15.5%; height:10%; z-index:21; background-color: #; color:#fff;font-family: Major Mono Display;
  187. font-size: 15px; text-align:center;"><div class="font-effect-neon">
  188. Welcome to the Dance Floor
  189. <br>
  190. WIP
  191.  
  192. </div>
  193.  
  194. <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
  195. <div class="font-effect-neon">
  196. <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
  197. <a href="#2"><div class="sts2"> Dance Floor</div> </a>
  198. <a href="#3"><div class="sts2"> Food Court </div> </a>
  199. <a href="#4"><div class="sts2"> Game Lounge</div> </a>
  200. <a href="#5"><div class="sts2"> VR Arena</div> </a>
  201. <a href="#6"><div class="sts2"> Staff</div> </a>
  202. <a href="#7"><div class="sts2"> Etc</div> </a>
  203. <br>
  204. </div></div>
  205.  
  206. </div>
  207.  
  208.  
  209.  
  210. <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>
  211.  
  212. <div id="3" class="was">
  213.  
  214.  
  215. <div style="position:fixed; left:0; top:0;width:100%; height:100%; background-color:#FFDCBD; background-image: url(https://66.media.tumblr.com/bedabc6e2204ca01b9b5adff4a765474/tumblr_orap1nU3Ds1upj8mto1_250.gif), url(https://66.media.tumblr.com/ddd1947b9143d76737969a872d19175b/tumblr_moem113z191sv5749o1_500.gif), url(https://66.media.tumblr.com/40d37e8d9be5977f3a6bc468635a92d0/tumblr_pnjyfkkaOC1y6ld9uo1_640.gif), url(https://66.media.tumblr.com/9debe3dbbb5caa00e237c8775535be11/tumblr_p3ygs4IHAA1u4echuo1_1280.png);
  216. background-repeat: no-repeat;
  217. background-size: 10% 20%, 10% 20%, 10% 20%, 70% 20%;
  218. background-position: 30% 10%, 70% 10%, 50% 10%, 50% 80%"></div>
  219.  
  220.  
  221. <div style="position:fixed; left:43%; top:40%; width:15.5%; height:10%;z-index:21; color:#000;font-family: Major Mono Display;
  222. font-size: 15px; text-align:Center;">
  223. <div class="font-effect-neon">
  224. Welcome to Food Court
  225. <br>
  226. Chill out
  227. <br>
  228. WIP
  229. </div>
  230.  
  231. <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
  232. <div class="font-effect-neon">
  233. <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
  234. <a href="#2"><div class="sts2"> Dance Floor</div> </a>
  235. <a href="#3"><div class="sts2"> Food Court </div> </a>
  236. <a href="#4"><div class="sts2"> Game Lounge</div> </a>
  237. <a href="#5"><div class="sts2"> VR Arena</div> </a>
  238. <a href="#6"><div class="sts2"> Staff</div> </a>
  239. <a href="#7"><div class="sts2"> Etc</div> </a>
  240. <br>
  241. </div></div>
  242.  
  243. </div>
  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.  
  248.  
  249. <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>
  250.  
  251. <div id="4" class="was">
  252.  
  253.  
  254.  
  255.  
  256. <div style="position:fixed;width:100%; height:100%; background-color:#000; background-image: url(https://66.media.tumblr.com/de912a6946608a0fb0739d404ada7002/tumblr_pdk7o1qURU1xsa99jo1_500.gif);
  257. background-repeat: no-repeat;
  258. background-size: 100% 100%;
  259. background-position: 0% 0%"></div>
  260.  
  261.  
  262. <div style="position:fixed; left:38%; top:20%; width:15.5%; height:10%;z-index:21; color:#fff;font-family: Major Mono Display;
  263. font-size: 15px; text-align:Center;">
  264. <div class="font-effect-neon">
  265. Welcome to Game Lounge
  266. <br>
  267. Spin The bottle
  268. <br>
  269. Truth or Dare
  270. <br>
  271. Lounge
  272. <br>
  273. WIP
  274. </div>
  275.  
  276.  
  277. <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
  278. <div class="font-effect-neon">
  279. <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
  280. <a href="#2"><div class="sts2"> Dance Floor</div> </a>
  281. <a href="#3"><div class="sts2"> Food Court </div> </a>
  282. <a href="#4"><div class="sts2"> Game Lounge</div> </a>
  283. <a href="#5"><div class="sts2"> VR Arena</div> </a>
  284. <a href="#6"><div class="sts2"> Staff</div> </a>
  285. <a href="#7"><div class="sts2"> Etc</div> </a>
  286. <br>
  287. </div></div>
  288.  
  289. </div></div></div>
  290. <div id="5" class="was">
  291.  
  292.  
  293.  
  294. <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);
  295. background-repeat: no-repeat;
  296. background-size: 100% 100%;"></div>
  297.  
  298.  
  299. <div style="position:fixed; left:42%; top:40%; width:15.5%; height:10%;z-index:21; color:#fff;font-family: Major Mono Display;
  300. font-size: 10px; text-align:Center;">
  301. <div class="font-effect-neon">
  302. Welcome to VR Arena
  303. <br>
  304. Get Lost in here with your friends
  305. <br>
  306. WIP
  307. </div>
  308. <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
  309. <div class="font-effect-neon">
  310. <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
  311. <a href="#2"><div class="sts2"> Dance Floor</div> </a>
  312. <a href="#3"><div class="sts2"> Food Court </div> </a>
  313. <a href="#4"><div class="sts2"> Game Lounge</div> </a>
  314. <a href="#5"><div class="sts2"> VR Arena</div> </a>
  315. <a href="#6"><div class="sts2"> Staff</div> </a>
  316. <a href="#7"><div class="sts2"> Etc</div> </a>
  317. <br>
  318. </div></div>
  319.  
  320. </div></div>
  321.  
  322.  
  323. <div id="6" class="was">
  324.  
  325.  
  326. <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);
  327. background-repeat: no-repeat;
  328. background-size: 25% 50%;
  329. background-position: 45% 100%"></div>
  330.  
  331.  
  332. <div style="position:fixed; left:36%; top:20%; width:15.5%; height:10%;z-index:21; color:#fff;font-family: Major Mono Display;
  333. font-size: 15px; text-align:Center;">
  334.  
  335. <div class="watertext" style="font-size:10vh; top:10%;left:32%"><div class="font-effect-neon">
  336. Staff
  337. </div>
  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.  
  343. <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>
  344. <br>
  345.  
  346. <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>
  347.  
  348. <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>
  349.  
  350. <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>
  351. </div>
  352. <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
  353. <div class="font-effect-neon">
  354. <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
  355. <a href="#2"><div class="sts2"> Dance Floor</div> </a>
  356. <a href="#3"><div class="sts2"> Food Court </div> </a>
  357. <a href="#4"><div class="sts2"> Game Lounge</div> </a>
  358. <a href="#5"><div class="sts2"> VR Arena</div> </a>
  359. <a href="#6"><div class="sts2"> Staff</div> </a>
  360. <a href="#7"><div class="sts2"> Etc</div> </a>
  361. <br></div>
  362. </div>
  363.  
  364.  
  365. </div></div>
  366.  
  367. <div id="7" class="was">
  368.  
  369.  
  370. <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);
  371. background-repeat: no-repeat;
  372. background-size: 25% 50%;
  373. background-position: 45% 40%"></div>
  374.  
  375.  
  376. <div style="position:fixed; left:25%; top:40%; width:15.5%; height:10%;z-index:21; color:#fff;font-family: Major Mono Display;
  377. font-size: 15px; text-align:Center;">
  378. <div class="font-effect-neon">
  379. Any other Info
  380. <br>
  381. Chill out
  382. <br>
  383. WIP
  384.  
  385.  
  386. <div style="position:fixed; left:52%; top:40%; width:15.5%; height:10%;z-index:21; color:#fff; text-align:Center;">
  387.  
  388. I can put other things here
  389. <br>
  390. Chill out
  391. <br>
  392. WIP
  393. </div>
  394. <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
  395. <div class="font-effect-neon">
  396. <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
  397. <a href="#2"><div class="sts2"> Dance Floor</div> </a>
  398. <a href="#3"><div class="sts2"> Food Court </div> </a>
  399. <a href="#4"><div class="sts2"> Game Lounge</div> </a>
  400. <a href="#5"><div class="sts2"> VR Arena</div> </a>
  401. <a href="#6"><div class="sts2"> Staff</div> </a>
  402. <a href="#7"><div class="sts2"> Etc</div> </a>
  403. <br>
  404. </div></div>
  405.  
  406. </div></div>
  407.  
  408.  
  409.  
  410.  
  411.  
  412.  
  413.  
  414.  
  415. <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!