actually readable scene layout (rare)

Tags: scene, rainbow, multicolor, flashing lights, scenecore, emo, simple

Description:

! slow flashing lights + slow text color changes ! possibly one of the only scene layouts on here that is readable, it still will hurt your eyes though unfortunately // please comment if u used, credit isn't needed but still appreciated :D

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ray ☆ 🍉 (https://layouts.spacehey.com/layout?id=83417) -->

<style>

body{
background: url(https://i.pinimg.com/originals/b3/d0/0d/b3d00d0d6b8e3727719ea11e67a065c5.gif);
}

nav .top {
    background: url(https://i.pinimg.com/564x/3b/46/b9/3b46b9c7df56511586ac0917347f195a.jpg);
    padding: 15px 10px 14px 10px;
    display: flex;
    position: relative;
    border: 1px solid white;
    box-shadow: 0 0 10px white;
    border-radius: 8px;
    margin-top: 20px;
    margin-bottom: 10px;
}

nav .links{
    background: url(https://i.pinimg.com/564x/3b/46/b9/3b46b9c7df56511586ac0917347f195a.jpg);
    border: 1px solid white;
    box-shadow: 0 0 10px white;
    border-radius: 8px;
    margin-bottom: 10px;
    text-align: center;

}

button, input {
    overflow: visible;
    background: black;
    border: 1px solid white;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
    color: white;
    padding-bottom: 2px;
}

nav .links a {
    text-decoration: none;
    color: white;
    text-shadow: 0 0 5px white;
    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: white;
}

.icon, .award img {
    display: none;
    height: 1.4em;
    width: 1.4em;
    aspect-ratio: 1/1;
    margin: 0 0.05em 0 0.1em;
    vertical-align: -0.3em;
    color: rgba(0,0,0,0);
}

nav .links .special a {
    color: white;
}

nav .links a:hover, a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
    animation: rainbowText 2s infinite;
text-shadow: none;
}

main{
background: url(https://i.pinimg.com/564x/24/64/d9/2464d9d77f5bf7d4cd367fab2935f4e8.jpg);
    border: 1px solid white;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
color: white;
}

.profile h1 {
    font-size: 1.5em;
    margin: 0 0 10px 0;
    background: black;
    border: 1px solid white;
    text-align: center;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
    animation: rainbowText 2s infinite;
    padding: 8px;
    text-shadow: 0 0 10px;
}

@keyframes rainbowText {
0% {color: red; }
20% { color: orange; }
40% { color: yellow; }
60% { color: lime; }
80% { color: darkskyblue; }
100% { color: #7d2ff5; }
}

.general-about {
    background: black;
    color: white;
    border: 1px solid white;
    border-radius: 8px;
    padding: 8px;
    height: 180px;
box-shadow: 0 0 10px white;
}

.online {
    color: #0C8C00;
    font-weight: bold;
    font-size: 95%;
    filter: hue-rotate(153deg);
    animation: rainbowOnline 2s infinite;
}

@keyframes rainbowOnline {
0% { filter: hue-rotate(254deg); }
20% { filter: hue-rotate(283deg); }
40% { filter: hue-rotate(310deg) brightness(2.5); }
60% { filter: hue-rotate(2deg) brightness(2.5); }
80% { filter: hue-rotate(108deg) brightness(1.5); }
100% { filter: hue-rotate(153deg); }
}

.profile .mood {
    width: 100%;
    display: inline-block;
    background: black;
    border-radius: 8px;
    border: 1px solid white;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 11px;
    text-align: center;
box-shadow: 0 0 10px white;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
    width: 100%;
    border: none!important;
    margin: 10px 0;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
    background: black;
    padding: 2px 7px;
    border: 1px solid white;
    border-radius: 8px;
    text-align: center;
    padding: 8px;
    animation: rainbowText 2s infinite;
box-shadow: 0 0 10px white;
}

.inner {
    background: black;
    border: 1px solid white;
    border-radius: 8px;
    margin-top: 10px;
    box-shadow: 0 0 10px white;
}

.url-info{
font-size: 0px;
background: url(https://i.pinimg.com/originals/ea/ce/f1/eacef16e5102d44bb263073205d756c1.gif);
height: 250px;
    border: 1px solid white!important;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
}

.details-table td:first-child, .details-table td {
    background: black!important;
    color: white;
    border: 1px solid white;
    border-radius: 8px;
    padding: 7px;
}

.profile-info {
    border: 1px solid white;
border-radius: 8px;
box-shadow: 0 0 10px white;
background: url(https://i.pinimg.com/564x/a3/7e/9a/a37e9ab71f6dc3d697b0c7c304e054ec.jpg);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 5px;
    margin-bottom: 10px;
background-position-y: 148px;
}

.profile-info .inner {
    font-weight: bold;
    text-align: center;
    background: none!important;
    border: none!important;
    box-shadow: none!important;
    background-position-y: 133px;
}

.blog-preview {
    background: black;
    border: 1px solid white;
    padding-left: 12px!important;
    box-shadow: 0 0 10px white;
    border-radius: 8px;
}

.blog-preview p {
    border-bottom: 1px solid white;
    padding-bottom: 2px;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: black;
    color: white;
    padding: 2px 7px;
    border: 1px solid white;
    border-radius: 8px;
    padding: 8px;
    text-align: center;
    animation: rainbowText 2s infinite;
    box-shadow: 0 0 10px white;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: white;
    animation: rainbowText 2s infinite;
    text-align: center;
}

.count {
    color: #D32626;
    animation: rainbowText 2s infinite;
}

.profile .friends .person p {
    color: white;
    font-weight: bold;
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
    animation: rainbowText 2s infinite;
}

.comments-table td:first-child, .music-table td:first-child {
    background: black;
    text-align: center;
    font-weight: bold;
    width: 38%;
}

.comments-table td, .music-table td {
    background: black;
    vertical-align: top;
}

.comment-replies {
    padding: 0 5px;
    border: 1px solid white;
    margin-top: 10px;
    border-radius: 8px;
}

footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background-color: black;
    border: 1px solid white;
    color: white;
    border-radius: 8px;
    box-shadow: 0 0 10px white;
}

a {
    color: white;
    text-decoration: none;
    background: black;
    border-radius: 8px;
    padding: 3px;
    padding-right: 7px;
    padding-left: 7px;
}

::-webkit-scrollbar {
    width: 12px;
    height: 12px;
BACKGROUND-COLOR: black;
}
::-webkit-scrollbar-track {
    width: 2px;
    border: 1px solid black;
}
::-webkit-scrollbar-thumb {
    background: white;
}

/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/holidays/hol-2/hol143.ani), url(https://cur.cursors-4u.net/holidays/hol-2/hol143.png), auto !important;} /* End https://www.cursors-4u.com */

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

xXashXx	1714339610 using!! Report Comment
CL0WNGUTZ!!!	1713793207 using!! Report Comment
Alex	1713686845 using Report Comment
Jasper_XoXo	1710375574 using!! Report Comment
Mark X_X	1709712565 using :3 Report Comment
AUGUST!!!	1709340049 Using!!!! :D Report Comment
Luvx_M3L0DYY	1708775582 using Report Comment
Chaotic_Neutral	1708699445 Using! :3 Report Comment
˚₊‧꒰ა♱Necromancy♱໒꒱ ‧₊˚	1708209365 Using :D Report Comment
📙kyle	1707708665 using! Report Comment
Angel !!	1707571693 USING :3 Report Comment
𓎟 feli	1707113204 where can i edit the image underneath the contact labels? :3 Report Comment
HUNK	1706935391 using! Report Comment
Xx._mR.tRaumm4A_.xX	1706082693 using :33 Report Comment
loxi /ᐠ - ˕ -マ Ⳋ	1706074408 using thx <3 Report Comment
⌕ ◜Al𝔦t4𝔰s✦˖	1705611189 using !!^^ Report Comment
ghostface εїз	1705066812 usinng ! Report Comment
Bugs :P	1704665197 Using! Report Comment
Bugs :P	1704665187 Using! Report Comment
Xx_M1SS U T3RR1BLY <\33_xX $Xx_M1SS U T3RR1BLY <\33_x...'s profile picture$	1704526222 Using!!! :3333 Report Comment