Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @import url(https://fonts.googleapis.com/css?family=Faster+One);
- @import url(https://fonts.googleapis.com/css?family=Lato:100&effect=neon);
- @import url(https://fonts.googleapis.com/css?family=Major+Mono+Display);
- @import url(https://fonts.googleapis.com/css?family=Roboto);
- @import url(https://fonts.googleapis.com/css?family=Merriweather);
- @import url(https://fonts.googleapis.com/css?family=Oxygen|100);
- @import url(https://fonts.googleapis.com/css?family=Open+Sans|100|400);
- /*coded by [punpun]. do not steal the character. do not remove the credit. do not remove this.*/
- body {background: #000 url(''); cursor:url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), auto !important; color: #696969; font-family: Roboto; font-size: 9px;}
- /*sidebar:1C1C1F*/
- ::-webkit-scrollbar {width: 3px;}
- ::-webkit-scrollbar-thumb:vertical {
- height: 10px;background-color: #6A392F;}
- ::-webkit-scrollbar-thumb:horizontal {
- height: 10px;background-color: #222;border: 0px ;width: 15px;}
- a {
- color: #6A392F;
- text-decoration: none;
- transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -webkit-transition: all 0.4s ease-in-out;}
- a:hover {
- color: #000;background-color: #; cursor:url(http://media.tumblr.com/d867d8c0827140bcce868f3bdbbd5e4f/tumblr_inline_mwwd9dv65Z1srowmh.png), auto !important;
- text-decoration: none;
- transition: all 0.4s ease-in-out;
- -moz-transition: all 0.4s ease-in-out;
- -webkit-transition: all 0.4s ease-in-out;}
- .sts1 {
- position: fixed;
- width:60%; height: 70%;
- Left:20%;
- Top:20%;
- font-weight:100;
- color: #fff;
- background-image: url(https://orig00.deviantart.net/eeeb/f/2013/249/4/3/arcade_screen_saver_by_kiowa213-d6lbkse.gif);
- background-repeat: no-repeat;
- background-size: 100% 100%;
- }
- .sts1:hover{ background-color: #000;-webkit-transition: all 0.6s ease-out; color: #000;
- transition: all 0.6s ease-out;}
- .sts2 {
- width:200%; height: 100%;
- font-family: Major Mono Display;
- font-size: 20px;
- text-align:center;
- font-weight:100;
- color: #fff;
- background-color: #;
- padding: 5px;
- line-height:17px;
- }
- .sts2:hover{ background-color: #;-webkit-transition: all 0.6s ease-out; color: #666;
- transition: all 0.6s ease-out;}
- .was {
- position: fixed; margin: auto; right: 0px; left:0; top: 0; bottom: 0;
- opacity: 0;
- z-index: -5;
- text-align: justify;
- -webkit-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- .was:target {
- position: fixed;
- z-index: 15;
- opacity: 1;
- -webkit-transition: all 0.6s ease-out;
- transition: all 0.6s ease-out;
- }
- .line{margin-top:1.2px;margin-bottom:1.2px;}
- .head {
- 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);}
- .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;}
- .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;}
- .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:;}
- .btn {width:4px;height:4px;background:#f3f3f3;transform: rotate(45deg);-webkit-transition: all 0.9s ease-out; transition: all 0.9s ease-out;
- }
- .btn:hover {background:#F96759;transform: rotate(5deg); }
- #main{
- left:40%;
- bottom:38%;
- position: fixed;
- color: #fff;
- font-family: century gothic;
- font-variant: small-caps;
- text-align: justify;
- font-size: 12px;
- border-bottom: #6A392F 3px solid;
- border-right: #6A392F 3px solid;
- border-left: #6A392F 3px solid;
- border-top: #6A392F 3px solid;
- background-color: #8C5F55;
- opacity:0.8}
- .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; }
- .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); }
- .watertext {
- color: #fff;
- font-family: Major Mono Display;
- position: fixed;
- width: 370px;
- text-align: center;
- z-index: 2;
- }
- </style>
- <a href="#1"><div class="sts1"></div></a>
- <div id="1" class="was">
- <div style="position:fixed; left:0; top:0;width:100%; height:100%; background-image: url(http://i.picpar.com/qDmd.gif);
- background-repeat: no-repeat;
- background-size: 100% 100%;"></div>
- <div style="position:fixed; left:34%; top:25%; width:15.5%; height:10%;z-index:21; font-family: Major Mono Display;
- font-size: 15px;
- text-align:center;">
- <div class="font-effect-neon">Welcome to Arcade
- <br>
- WIP</div>
- <div style="position:fixed; left:0; top:0; width:5%;height:13%; ">
- <div class="font-effect-neon">
- <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
- <a href="#2"><div class="sts2"> Dance Floor</div> </a>
- <a href="#3"><div class="sts2"> Food Court </div> </a>
- <a href="#4"><div class="sts2"> Game Lounge</div> </a>
- <a href="#5"><div class="sts2"> VR Arena</div> </a>
- <a href="#6"><div class="sts2"> Staff</div> </a>
- <a href="#7"><div class="sts2"> Etc</div> </a>
- <br>
- </div></div>
- </div></div>
- <div id="2" class="was">
- <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);
- background-repeat: repeat;
- background-size: 100% 100%;"></div>
- <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;
- font-size: 15px; text-align:center;"><div class="font-effect-neon">
- Welcome to the Dance Floor
- <br>
- WIP
- </div>
- <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
- <div class="font-effect-neon">
- <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
- <a href="#2"><div class="sts2"> Dance Floor</div> </a>
- <a href="#3"><div class="sts2"> Food Court </div> </a>
- <a href="#4"><div class="sts2"> Game Lounge</div> </a>
- <a href="#5"><div class="sts2"> VR Arena</div> </a>
- <a href="#6"><div class="sts2"> Staff</div> </a>
- <a href="#7"><div class="sts2"> Etc</div> </a>
- <br>
- </div></div>
- </div>
- <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>
- <div id="3" class="was">
- <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);
- background-repeat: no-repeat;
- background-size: 10% 20%, 10% 20%, 10% 20%, 70% 20%;
- background-position: 30% 10%, 70% 10%, 50% 10%, 50% 80%"></div>
- <div style="position:fixed; left:43%; top:40%; width:15.5%; height:10%;z-index:21; color:#000;font-family: Major Mono Display;
- font-size: 15px; text-align:Center;">
- <div class="font-effect-neon">
- Welcome to Food Court
- <br>
- Chill out
- <br>
- WIP
- </div>
- <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
- <div class="font-effect-neon">
- <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
- <a href="#2"><div class="sts2"> Dance Floor</div> </a>
- <a href="#3"><div class="sts2"> Food Court </div> </a>
- <a href="#4"><div class="sts2"> Game Lounge</div> </a>
- <a href="#5"><div class="sts2"> VR Arena</div> </a>
- <a href="#6"><div class="sts2"> Staff</div> </a>
- <a href="#7"><div class="sts2"> Etc</div> </a>
- <br>
- </div></div>
- </div>
- <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>
- <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>
- <div id="4" class="was">
- <div style="position:fixed;width:100%; height:100%; background-color:#000; background-image: url(https://66.media.tumblr.com/de912a6946608a0fb0739d404ada7002/tumblr_pdk7o1qURU1xsa99jo1_500.gif);
- background-repeat: no-repeat;
- background-size: 100% 100%;
- background-position: 0% 0%"></div>
- <div style="position:fixed; left:38%; top:20%; width:15.5%; height:10%;z-index:21; color:#fff;font-family: Major Mono Display;
- font-size: 15px; text-align:Center;">
- <div class="font-effect-neon">
- Welcome to Game Lounge
- <br>
- Spin The bottle
- <br>
- Truth or Dare
- <br>
- Lounge
- <br>
- WIP
- </div>
- <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
- <div class="font-effect-neon">
- <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
- <a href="#2"><div class="sts2"> Dance Floor</div> </a>
- <a href="#3"><div class="sts2"> Food Court </div> </a>
- <a href="#4"><div class="sts2"> Game Lounge</div> </a>
- <a href="#5"><div class="sts2"> VR Arena</div> </a>
- <a href="#6"><div class="sts2"> Staff</div> </a>
- <a href="#7"><div class="sts2"> Etc</div> </a>
- <br>
- </div></div>
- </div></div></div>
- <div id="5" class="was">
- <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);
- background-repeat: no-repeat;
- background-size: 100% 100%;"></div>
- <div style="position:fixed; left:42%; top:40%; width:15.5%; height:10%;z-index:21; color:#fff;font-family: Major Mono Display;
- font-size: 10px; text-align:Center;">
- <div class="font-effect-neon">
- Welcome to VR Arena
- <br>
- Get Lost in here with your friends
- <br>
- WIP
- </div>
- <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
- <div class="font-effect-neon">
- <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
- <a href="#2"><div class="sts2"> Dance Floor</div> </a>
- <a href="#3"><div class="sts2"> Food Court </div> </a>
- <a href="#4"><div class="sts2"> Game Lounge</div> </a>
- <a href="#5"><div class="sts2"> VR Arena</div> </a>
- <a href="#6"><div class="sts2"> Staff</div> </a>
- <a href="#7"><div class="sts2"> Etc</div> </a>
- <br>
- </div></div>
- </div></div>
- <div id="6" class="was">
- <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);
- background-repeat: no-repeat;
- background-size: 25% 50%;
- background-position: 45% 100%"></div>
- <div style="position:fixed; left:36%; top:20%; width:15.5%; height:10%;z-index:21; color:#fff;font-family: Major Mono Display;
- font-size: 15px; text-align:Center;">
- <div class="watertext" style="font-size:10vh; top:10%;left:32%"><div class="font-effect-neon">
- Staff
- </div>
- <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>
- <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>
- <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>
- <br>
- <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>
- <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>
- <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>
- </div>
- <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
- <div class="font-effect-neon">
- <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
- <a href="#2"><div class="sts2"> Dance Floor</div> </a>
- <a href="#3"><div class="sts2"> Food Court </div> </a>
- <a href="#4"><div class="sts2"> Game Lounge</div> </a>
- <a href="#5"><div class="sts2"> VR Arena</div> </a>
- <a href="#6"><div class="sts2"> Staff</div> </a>
- <a href="#7"><div class="sts2"> Etc</div> </a>
- <br></div>
- </div>
- </div></div>
- <div id="7" class="was">
- <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);
- background-repeat: no-repeat;
- background-size: 25% 50%;
- background-position: 45% 40%"></div>
- <div style="position:fixed; left:25%; top:40%; width:15.5%; height:10%;z-index:21; color:#fff;font-family: Major Mono Display;
- font-size: 15px; text-align:Center;">
- <div class="font-effect-neon">
- Any other Info
- <br>
- Chill out
- <br>
- WIP
- <div style="position:fixed; left:52%; top:40%; width:15.5%; height:10%;z-index:21; color:#fff; text-align:Center;">
- I can put other things here
- <br>
- Chill out
- <br>
- WIP
- </div>
- <div style="position:fixed; left:0; top:0; width:5%;height:13%;">
- <div class="font-effect-neon">
- <a href="#1"><div class="sts2"> Arcade Floor</div> </a>
- <a href="#2"><div class="sts2"> Dance Floor</div> </a>
- <a href="#3"><div class="sts2"> Food Court </div> </a>
- <a href="#4"><div class="sts2"> Game Lounge</div> </a>
- <a href="#5"><div class="sts2"> VR Arena</div> </a>
- <a href="#6"><div class="sts2"> Staff</div> </a>
- <a href="#7"><div class="sts2"> Etc</div> </a>
- <br>
- </div></div>
- </div></div>
- <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