Scene pink and green layout

Tags: scene, scenecore, green, pink, emo, layout, simple, 2000s

Description:

Layout also includes a custom scrollbar and falling stars.
Feel free to use and customize this by yourself!

If it doesn't work - please, text me. Also you can text me if you have some issues with customizes.

Preview:

click on the image for a larger preview

Code:

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

<style>

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: none;
    scrollbar-color: #ff00ae #000000;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 15px;
  }

  *::-webkit-scrollbar-track {
    background: #000000;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #ff00ae;
    border-radius: 6px;
    border: 0px none #ff00ae;
  }

/* customizable snowflake styling */
.snowflake {
  color: #ff00ae;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px black;
}
@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;user-select:none;cursor:default;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%;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;animation-delay:4s,2.5s}
</style>
<div class="snowflakes"><div class="snowflake">✰</div><div class="snowflake">✮</div><div class="snowflake">✰</div><div class="snowflake">✮</div><div class="snowflake">✰</div><div class="snowflake">✮</div><div class="snowflake">✰</div><div class="snowflake">✮</div><div class="snowflake">✰</div><div class="snowflake">✮</div><div class="snowflake">✰</div><div class="snowflake">✮</div></div>
<style>
@keyframes spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(-360deg); }
}

.general-about .profile-pic img,
.comments-table,
.profile-info{
border: 6px#00ff1e;
border-radius: 8px;
box-shadow: 0 0 10px #00ff1e;

}

.profile-info {
    border: 6px #ff00ae;
border-radius: 8px;
box-shadow: 0 0 10px #ff00ae;
background: url(https://i.pinimg.com/736x/60/73/43/607343a5d250a047f0626bf26fe11428.jpg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
background-position-y: 148px;
}

body{
background-image: url('https://img1.picmix.com/output/stamp/normal/6/5/6/1/1821656_75dc1.gif');
background-repeat: repeat;
background-position:undefined;
background-attachment: fixed;
background-size: auto;
background-color: #ffffff;
}

nav .top {
    background: url(https://media.istockphoto.com/id/164310246/vector/emo-background.jpg?s=612x612&w=0&k=20&c=R9R1I1BhkcrF3xtdyJsD5FPx61SUNuomnUbfrJAa5mY=);
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
    border: 1px #ff00ae;
    box-shadow: 0 0 10px #ff00ae;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 10px;
}

nav .links{
    background: url(https://i.pinimg.com/originals/62/32/c3/6232c3b056f719faf75115ba7c29eb08.gif);
    border: 1px solid black;
    box-shadow: 0 0 10px black;
    border-radius: 8px;
    margin-bottom: black;
    text-align: center;

}

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 5px black;
    font-size: max(0.98em, 12px);
    background: black;
    border-radius: 8px;
    padding-bottom: 2px;
    padding-right: 4px;
    padding-left: 4px;
}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " ☆ ";
    color: #ff00ae;
}

main{
background-color: #000000;
border: 2px Solid #11ff00;
}

.online {
    color: #ff00ae;
    font-weight: bold;
    font-size: 120%;
}

.contact, .url-info, .table-section, .blurbs, .friends, .comments {
background-color: #000000;
border: 2px Solid #11ff00!important;
}

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

h4 {
color: #ffffff;
font-size: 12pt;
font-weight: bold;
font-family: Sans-Serif;
}

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

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

a:hover {
color: #00ff1e;
font-size: 8pt;
font-family: Sans-Serif;
}

body,main {
color: #ffffff;
font-size: 8pt;
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;
}

footer {
    background-color: black;
    border: 1px #00ff1e;
    color: white;
    border-radius: 8px;
    box-shadow: 0 0 10px #00ff1e;
}

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

alex >_<	1714869388 using >_< Report Comment
salem	1714075561 using ^^ Report Comment
oyuso	1713898704 usin ^_^ Report Comment
R0XI3 !! ^_^	1713596825 USING!!!!!! Report Comment
Izzy	1713492343 Using!! Report Comment
RUSTY THE VAMPIRE	1713180765 Using!!! Report Comment
Elijah	1712856807 Using! Report Comment
Razz★!!	1712531178 USING!!! Report Comment
z00mbi3	1712160736 USING!!! Report Comment
k4r0 !!	1711746459 Uz1ng !! ;D Report Comment
Flower	1710942518 Using Report Comment
🩻🩷— ”7NPL34S4NT” —🩻💚	1710644175 using this1 now ^>^ Report Comment
Jaz - Jaz ! !	1710543160 using! Report Comment
Cheesy/Casey :3	1710514976 Using! :3 Report Comment
S3W3R_RATTT	1710449941 USING!!! Report Comment
gl00my b34r!	1710112797 uzingggg!!!! Report Comment
m!	1710058860 using!! Report Comment
ELEVATORZYZTEM	1710053967 Zo cute!! Uzing Right Away! :33 Report Comment
LvK4 <3	1710008651 Uzing!! THX :3 Report Comment
fel ✧˖*࿐	1709651376 USING Report Comment