daily pastebin goal
65%
SHARE
TWEET

Arcade 3

a guest Mar 24th, 2019 72 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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>
RAW Paste Data
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
 
Top