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

SKYLERR96	1755431283 Usinggg! Report Comment
sophhh	1754529441 USINGGG!!! :3333 Report Comment
💖🖤𝙶3𝙻3𝚇𝚈𝚈🖤💖	1753912902 USINGGG! Report Comment
❛ ᴶᵞᴺˣ ༉‧₊˚	1753412635 using Report Comment
OWLGOBRR VA!!	1751061500 Using!! Report Comment
xX.sh1v.Xx	1750881422 using!! Report 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
mira montenfalco must_di3	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