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 )

Mutt	1739328997 using!!! Report Comment
Ev	1738890684 usinggggg thank youuuu 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
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
≪ YOYO ≫	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
lynnie!	1710546331 Using! Report Comment
FL3$HFVCK3RRR	1710209924 THANK YOU POOKUSSSSS Report Comment burger with no honey mustard by Sam; 1710210667; Report