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

CatacombKitty	1738478930 Using, Report Comment
NotUrLlama ᶻ 𝗓 𐰁	1738216054 usinggg Report Comment
~br0ken_s3x~ (READ PINNED BLOG)	1738207444 using!!! :3 Report Comment
ellie	1738008332 Usingg! Report Comment
kieli midnight	1737943104 using ^_^ Report Comment
Chloe	1737655972 using Report Comment
Minori_EDCOSM3	1737143370 using Report Comment
sanrioween	1736821000 using! Report Comment
Haru . . . !	1736630125 usingg!! Report Comment
𝓐𝚞𝚝𝚒𝚜𝚝𝚒𝚌_𝓡𝚎𝚙𝚝𝚒𝚕𝚎	1736231053 Using!!! Report Comment
haru :3	1736180829 usingg Report Comment
basil / joey 🍰	1736101749 usingg Report Comment
KRM	1735730731 usinggg Report Comment
Nirvananananannanamamamna annanamam	1735228714 Usingghg Report Comment
yves	1734752432 im using this! so cuteee Report Comment
Grechka	1734427315 Using! Report Comment
Louuu	1734371495 UZZZZING!1!!1!! ITS SO SO CUTE (≧︶≦))(￣▽￣ )ゞ Report Comment
⦻ASYUR4WR⦻	1733638603 Using Report Comment
hyst3riia	1733619802 using!! Report Comment
KumaBearo	1733340370 Using! Report Comment