Arcade layout

Tags: scene, kidcore, rainbow, arcade, silly, cursor, fun, arcade, samuelsspace, 2000s

Description:

arcade you used to visit as a kid :]

Live preview

Comment if using.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Sam  (https://layouts.spacehey.com/layout?id=101389) -->

<style>
nav img.logo {
 
 content:url("https://i.postimg.cc/kG3ddKd2/2024-03-10-0s3-Kleki.png ");
    }
</style>
<style>

html:before {

 

  animation: grain 1s steps(10) infinite;

 

  background-image: url('https://i.pinimg.com/originals/19/e5/7b/19e57bd4fd4f05d4c04fa55a6fa5fbdf.gif ');

 

  content: "";

 

  height: 250%;

 

  left: -50%;

 

  opacity:.175;

 

  position: fixed;

 

  top: -110%;

 

  width: 200%;

 

  pointer-events:none;

 

}
</style>


<img src="https://i.pinimg.com/originals/02/f4/8a/02f48afb6d152bada47c22885ec84f22.gif"/>

<div class="snowflakes">
<div class="snowflake"><img src="https://64.media.tumblr.com/e7117e5990831b3d4927699a5e111481/6bcb9f9093dd02a9-6e/s75x75_c1/4db4f593d9cea87589cf843c600ef4eedda02af3.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/cbafa8b6b2b60093ac0abf9d503e4790/6bcb9f9093dd02a9-54/s75x75_c1/73cd97b061a181835c8998378298a50b9b713bd2.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/e7117e5990831b3d4927699a5e111481/6bcb9f9093dd02a9-6e/s75x75_c1/4db4f593d9cea87589cf843c600ef4eedda02af3.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/cbafa8b6b2b60093ac0abf9d503e4790/6bcb9f9093dd02a9-54/s75x75_c1/73cd97b061a181835c8998378298a50b9b713bd2.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/e7117e5990831b3d4927699a5e111481/6bcb9f9093dd02a9-6e/s75x75_c1/4db4f593d9cea87589cf843c600ef4eedda02af3.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/cbafa8b6b2b60093ac0abf9d503e4790/6bcb9f9093dd02a9-54/s75x75_c1/73cd97b061a181835c8998378298a50b9b713bd2.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/e7117e5990831b3d4927699a5e111481/6bcb9f9093dd02a9-6e/s75x75_c1/4db4f593d9cea87589cf843c600ef4eedda02af3.pnj"/></div>
<div class="snowflake"><img src="https://64.media.tumblr.com/cbafa8b6b2b60093ac0abf9d503e4790/6bcb9f9093dd02a9-54/s75x75_c1/73cd97b061a181835c8998378298a50b9b713bd2.pnj"/></div>
</div>

<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}



</style>

<style>main:before {
	width: 100%;
	height: 400px ;
	display: block;
	content: ""; 
	background-image: url(' https://i.pinimg.com/originals/9e/cb/66/9ecb66f298fb6888ab113d142c907643.gif ');
	background-position: center;
	background-size: cover;
}
@media only screen and (max-width: 100px) {
	main:before{
		height: 100px;
	}
}</style>

  <style>* {cursor: url(cursor), url( https://i.postimg.cc/rz6bjR8S/2024-03-10-0rl-Kleki.png  ), auto;}</style><a href="bankl" target="_blank" title="blank"><img src="https://cur.cursors-4u.net/cursor.png" alt="blank" style="position:absolute; top: 0px; right: 0px;"/></a>

<div style="float:  ; height: 100px; position: fixed; right: 50px; bottom: 225px; z-index: 30;"><img src="https://i.postimg.cc/PqBmPWKz/2024-03-10-0rf-Kleki.png"/></div>

<div style="float:  ; height: 100px; position: fixed; ; left: 50px; bottom: 225px; z-index: 30;"><img src="https://i.postimg.cc/brqSt3nb/2024-03-10-0rh-Kleki.png"/></div>


<style>



@import url('https://fonts.googleapis.com/css2?family=Anton&family=Orbitron:wght@900&display=swap');

p{ font-family: 'Orbitron', sans-serif; 

font-size: 100%;

color: white; 

text-shadow: 1px 1px 1px black;

}



h1, h2, h3, h4, h5{

font-family: 'Orbitron', sans-serif;

font-size: 100%;

color: white;

text-shadow: 1px 1px 1px black;

}





body {

background:url(https://i.pinimg.com/564x/64/e8/d1/64e8d148101dfbebfe14aedab9cd5d1f.jpg ) fixed;

}





main {

background:url( https://i.pinimg.com/564x/66/ef/16/66ef160f737e126d7b1789941229fe3c.jpg );

border: none;

}





:root {

--logo-blue: transparent;

--darker-blue: white;

--lighter-blue: transparent;

--even-lighter-blue: transparent ;

--lightest-blue:  transparent;

--dark-orange: white;

--light-orange:transparent;

--even-lighter-orange:;

--green: red;

}



friends p, .friends a {

color: red;

}



a:hover {

     color: yellow;

   } 

   a{

     color: red; 

   }



}

    .count {

        color: red;

    }



.profile .friends .person p {

color: yellow;  

}

.profile .friends .person p:hover {

color: red;

}



friends p, .friends a {

color: yellow;

}



a:hover {

     color: red; 



}

    .count {

        color: grey;

    }





nav .top{

background-image: linear-gradient(to bottom right,red,#000000,red);

margin: 1em 0;

text-align: center;

border-radius: 25px;

}



nav .links{

background-image: linear-gradient(to bottom right, red,#000000,yellow,);

border-radius: 25px;

display: flex;

flex-wrap: wrap;

justify-content: space-around;

font-style: italic;

}





.profile .contact .heading,

.profile .table-section .heading{

color: #FFFFFF;

background-image: linear-gradient(to bottom right, #111211,#1094b5,#111211);

border-radius: 25px;

text-align: center;

padding: .1em;

}



.profile .blurbs .heading,

.profile .friends .heading{

color: #FFFFFF;

background-image: linear-gradient(to bottom right, #111211,#1094b5,#111211);

border-radius: 25px;

text-align: center;

padding: .1em;

}



footer{

background-image: linear-gradient(to bottom right, #111211,#1094b5,#111211);

border-radius: 25px;

font-style: italic;

color: #FFFFFF;

}</style>



<style>

body { cursor: url( ), auto; }



}

a:hover {

     color: white;

}



nav{ 

font-size: 13px !important;

font-family: 'Orbitron', sans-serif;

text-shadow: 1px 1px black;

text-transform:none;

padding-left:3px;

text-align: center;

}





/* contact icons */

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* add to friends */

content: url(https://gifcity.carrd.co/assets/images/gallery13/51c9929f.gif?v=26dffab5 );

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* add to favorite */

content: url(https://gifcity.carrd.co/assets/images/gallery13/46f7a67a.gif?v=26dffab5 );

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* send a message */

content:url(https://gifcity.carrd.co/assets/images/gallery03/9300631c.gif?v=26dffab5 );

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* forward to friend*/

content: url(https://gifcity.carrd.co/assets/images/gallery13/32b97a8d.gif?v=26dffab5 );

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* instant message */

content: url(https://gifcity.carrd.co/assets/images/gallery13/417480ed.gif?v=26dffab5 );

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: url( https://gifcity.carrd.co/assets/images/gallery153/8b0b3453.gif?v=26dffab5);

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add 2 group  */

content: url( https://gifcity.carrd.co/assets/images/gallery10/893d27f1.gif?v=26dffab5);

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report */

content: url(https://gifcity.carrd.co/assets/images/gallery13/9f8fdde1.gif?v=26dffab5 );

}   



.friends {

    overflow: scroll;

    overflow-x: scroll;

    overflow-x: hidden;

    height: 300px; 

}





count, .friends a p {

color: white;

}



</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 15 of 15 comments ( View all | Add Comment )

smores ! (on a break!!)	1731068911 Using Report Comment
CABINETMAN?	1727446863 uuuuuuuuusing Report Comment
MintzBunz!1!	1727191280 using!!11! Report Comment
୭ৎ ꒱ C!FUNDY	1726448064 using Report Comment
Aileen Marnes	1724898789 use! Report Comment
𐔌 . Celio ! ୧	1724002853 Using!! x3 Report Comment
UrPalBug	1716246802 USING!!! Report Comment
bopareno	1714825588 using!! might change some things about it if thats alright Report Comment
Robyn :3	1713068050 usign!!! :3 Report Comment
≪ LIL HAL ≫	1712721294 Using!! Report Comment
Razz★!!	1712581080 USINGGGG Report Comment
Pointlessly clueless	1712254625 using !!! might edit a bit tho Report Comment
Charlie ! !	1710678353 using! Report Comment
MADDY	1710546331 Using! Report Comment
FL3$HFVCK3RRR	1710209924 THANK YOU POOKUSSSSS Report Comment burger with no honey mustard by Sam; 1710210667; Report