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

𝓔lliot / 1x1x1x1	1746859802 using Report Comment
Ace XP	1742572039 using :> Report Comment
⋆⭒˚.⋆ 𝖕𝖚𝖗𝖕𝖔𝖑 ⋆⭒˚.⋆	1740241667 usingg Report Comment
NANA	1736960091 using!! Report Comment
harper XD	1736546013 using!! :3 Report Comment
marizzz	1736502679 using! Report Comment
rawrmill0oo	1734236833 Usingggggg!! Report Comment
x_gnarp_dawg_x	1733791139 Using :0 Report Comment
Astronomical ☆	1733272229 using!! Report Comment
VyKK :3	1732908349 Using ! :3 Report Comment
MartinZerkoviiXD	1731014266 usingg Report Comment
🎀🥩ChErUb_CuT1E🥩🎀	1728705658 Using!! Report Comment
RenCringe	1728456978 using!! Report Comment
rawr	1728113170 uziiiing Report Comment
S̴t̴a̴r̴z̴	1723766496 Using Report Comment
TWO TIME	1723690391 using! Report Comment
Zombie	1722946310 using!! Report Comment