scene kid layout !!!

Tags: scene, emo, 2000s, rainbow, domo

Description:

plz comment if using !!

Preview:

click on the image for a larger preview

Code:

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

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

<style>
:root{
/* [background color]: header on top */
 --logo-blue:url(https://i.pinimg.com/originals/53/af/9a/53af9a6cc9b80687365af13c14a512ac.jpg);
}

nav .links {
    background-image:url(https://garden.spoonflower.com/c/8561424/p/f/m/NV7H0Ls8RuHieAPoXk4ZFpwncShvr_cIXnOhaZ9WQsQ_pRV_IxijDg/Rainbow%20Skulls%20and%20Butterflies.jpg);
    padding: 3.5px 16px 5.5px 16px;
}

</style>


<style>
footer {
background-image: url('https://i.pinimg.com/736x/3a/49/d1/3a49d1b97befa1f32af64045b9c56206.jpg');
}

</style>


<style>

nav .links li .icon {

content: url(https://img1.picmix.com/output/stamp/normal/3/8/9/7/2047983_a3f83.png);

width: 9px;

height: 9px;

margin: 3px;

filter: hue-rotate(330deg) drop-shadow(1px 1px black);

}



nav .links li:first-child .icon {

content: url(https://img1.picmix.com/output/stamp/normal/3/8/9/7/2047983_a3f83.png);

transform: scale(2);

width: 8px;

height: 8px;

margin: 0px 5px 5px 3px;

filter: drop-shadow(0.5px 0.5px black);

}

</style>

<style>

/*PASTE SCROLLBAR CODE HERE*/

body{
background-image: url('https://i.pinimg.com/736x/3e/9a/86/3e9a861d4fbcb020203da7c7c288751c--creepypasta-light-blue.jpg');
background-repeat: no-repeat;
background-position:undefined;
background-attachment: fixed;
background-size: cover;
background-color: #ffffff;
}

main{
background-image: url('https://i.pinimg.com/564x/2d/61/03/2d610337964b20fe63f432ccc695eb9d.jpg');
background-position:undefined;
background-attachment: fixed;
background-size: cover;
background-color: #ffffff;
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #f047d1;
opacity: 0.8;
}

span[itemprop='name'] {
color: #ffffff;
font-size: 14pt;
font-weight: bold;
font-family: Sans-Serif;
}

h4 {
color: #fff5f5;
font-size: 12pt;
font-style: italic;
font-family: Sans-Serif;
}

.section h4, .details-table td:first-child {
color: #ffffff!important;
font-size: 10pt;
font-family: Sans-Serif;
}

a, .count {
color: #ffffff;
font-size: 10pt;
font-family: Sans-Serif;
}

a:hover {
color: #fffff0;
font-size: 10pt;
font-family: Sans-Serif;
}

body,main {
color: #ffffff;
font-size: 10pt;
font-family: Sans-Serif;
}

.details-table td, .details-table td:first-child{
background: none!important;
}
.heading{
background: none!important;
}
.comments-table td{
background: none!important;
}
</style>






<style>
.friends-grid::before {
	width: 1000px;
	height: 80px;
	object-fit: cover;
	margin-bottom: 10px!important;
}


.friends-grid::before{
    content: "";
    display: flow-root;
    font-size: 30px;
    color: var(--lighter-blue);
    font-weight: 800;
    text-align: center !important;
    margin: 10px 300px 500px 0px;   
    position: relative;
  animation-fill-mode: forwards;
}
.friends {
border: none;
    overflow: hidden;
}

.friends-grid {
  position: relative;
  animation: myfirst 15s linear infinite;
  animation-fill-mode: forwards;
}
 
@keyframes myfirst {
0% {left:-1550px;}
100% {left:500px;} 
}

.friends-grid {
	display: flex;
	flex-wrap: nowrap;
}
</style>

<style>
        .profile{
        
    direction: rtl;
    
    }
    .blurbs{
    
    direction: ltr;
        
    }
    .blog-preview{
        
    direction: ltr;
        
    }
    .friends{
    
    direction: ltr;
        
    }
    .general-info{
        
    direction: ltr;
        
    }
    .contact{
        
    direction: ltr;
    
    }
    .url-info{
        
    direction: ltr;
        
    }
    .details-table{
        
    direction: ltr;
        
    }
    .profile .table-section .heading{
    
    direction: ltr;
        
    }
    .details p{

    direction: ltr;

   }
   .mood{

    direction: ltr;

   }

</style>



<style>
button {
  background-color: transparent!important;
  border: none;
  color: black;
  font-weight: bold;
}
  body {

text-align: center;

}
.general-about .details {
  border: 5px solid black;
  background-color: black!important;
  padding-bottom: 110px;
}
.mood {
  background-color: black;
  border: 5px solid black;
  padding: 3px;
  margin-bottom: 10px;
}
.profile-info{
background:url(https://i.pinimg.com/originals/32/ed/cd/32edcd1a64931bf2dd9e5f021e457091.gif);
  border: 5px solid black;
}
.contact, .url-info, .table-section, .blog-preview, .blurbs, .friends, .profile-info {
  background-color: black;
  border: 5px solid black!important;
}
.comments-table td {
  border: 3px solid transparent;
}
.table-section td {
  border: 3px solid #12ccaa;
}

.comment-reply:not(:first-child) {
    border-top: 2px solid gray;
}
.comment-replies {
    background-color: black!important;
    border: 4px solid #4bd943;
}

</style>



<style>
/*ADD TO FRIENDS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before{
  content: "💗"
}
/*ADD TO FAVS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before{
  content: "💗"
}
/*SEND MESSAGE*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
  content: "💗"
}
/*FORWARD TO FRIEND*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
  content: "💗"
}
/*INSTANT MESSAGE*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
  content: "💗"
}
/*BLOCK USER*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
  content: "💗"
}
/*ADD TO GROUP*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
  content: "💗"
}
/*REPORT USER*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
  content: "💗"
}

.contact {
  border-radius: 8px;
  background-image: url(https://i.pinimg.com/564x/43/65/5c/43655cef4f3ae65fa27913c1520a7f90.jpg);
  background-position: left top;
  background-repeat: repeat;
background-attachment: scroll;
Width: 300px;
Height:180px;

</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 20 of 64 comments ( View all | Add Comment )

Leiwbsi	1715015635 Googloglo Report Comment
# 3M1L10 ^^	1714619185 Using! ^_^ Report Comment
xx_thatlittleboyfromtexas_xx	1704010833 using :o Report Comment
skull_luver39	1699928804 using :3 Report Comment
ed/ghost	1699230280 using :D Report Comment
XxChaxX ♡‧₊˚‎ <3	1698684155 Using :3 Report Comment
GRINNY	1698617247 using!:D Report Comment
Aleixandre	1698085463 Using! Report Comment
xXD3RPY_BR3Xx	1697606809 Using! It's really cute X3 Report Comment
Cameron ♫⃠	1696971262 im using!! Report Comment
Linus Rawrz !	1696625724 Using ! Report Comment
elvira x)	1696055499 using !! ^_^ Report Comment
daniel	1695773176 usiingg!!! its so cuute Report Comment
coolkidcody	1695521416 ty to everyone using ! :) Report Comment
NoraXD	1695448819 Using!!!1!1! Report Comment
Star	1694674253 Using!! :3 Report Comment
-ROT-	1694641359 using <3 Report Comment
•𝚂𝚊𝚗𝚔𝚘•	1694447283 USINGGGG Report Comment
☆ NORA ☆	1693836985 using !! :DD Report Comment
amnevsemalo X3	1693043571 using! Report Comment