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 august2007t (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 198 comments ( View all | Add Comment )

⭐︎Fiz⭐︎	1750645883 using! :3 Report Comment
D^mbπE√d gIrL O⁠_⁠o	1750389880 usinnggg Report Comment
sunz : ‹𝟹 ∙ 🕷	1750344871 using Report Comment
☆ RiAnimator {¬ºཀ°}¬	1749434876 usinggg <3 Report Comment
subooten gushioncakes(gabriellvsu)	1749205620 using Report Comment
Blitzenheimer	1748469301 using!! Report Comment
eeeeeevie	1747160922 using!! Report Comment
eeeeeevie	1747160896 using !! Report Comment
juno!	1747082649 using :P Report Comment
Muttz	1746954912 Using ♡ Report Comment
W3bKaT.	1746409276 using ^^ Report Comment
✰Sarahhh✰	1746132197 Using!!! Report Comment
# ☆ PUKINGMYGUTZZ ☆ !!	1745153264 LOVEE THISS I'll def using it Report Comment
SanjisLegHair	1744235331 Totally using!!! X3 Report Comment
Cat223	1742257118 using! Report Comment
Cat223	1742257118 using! Report Comment
elliottt	1741683042 using !! Report Comment
Luwezttttt	1741651039 usandoo Report Comment
Robbie!!!	1741394572 using! Report Comment
aqua	1740837240 using Report Comment