📄 Layout
Neo Classic Blue

ID #303 · Added 2025-11-12
Categories:
Minimalism Retro
Colors:
Blue White
Creator: s4b3lz
HTML/CSS Code

Copied!
<style>
@keyframes blinking {
from { opacity: 25%; }
to { opacity: 100% }
}
:root {
--light-blue: #d3ecff;
--blue: #357bff;
}
body {
font-size: 90%;
background: linear-gradient(to bottom, var(--light-blue) 1%, white 25%);
}
a {
color: blue;
}
a:hover {
color: blue;
}
.logo {
content: url('https://i.ibb.co/WKFrHtX/spacehey-Logo-Bevel.png');
}
nav .top, nav .links, nav button {
background: transparent;
color: black;
border: 0 solid;
text-decoration: none;
}
nav button {
color: blue!important;
text-decoration: none;
}
nav button:hover {
text-decoration: underline;
}
nav .links {
text-align: center;
}
nav .links a, nav .links .special a {
color: blue;
text-shadow: 0 0 0!important;
font-weight: normal!important;
}
nav .links a:hover, nav .links .special a:hover {
color: blue;
text-decoration: underline!important;
}
main {
background: transparent;
}
h1 {
background: linear-gradient(to right, var(--blue) 25%, transparent 100%);
padding: 2px;
color: white;
}
.edit-link {
margin: 0;
}
.profile-pic img {
box-shadow: 5px 5px 10px var(--blue);
}
.mood {
margin-top: 5px;
}
.online {
color: black;
animation: blinking 0.75s linear 0s infinite alternate;
font-size: 150%;
}
.online img {
display: none;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
border: 3px solid var(--blue)!important;
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
background: var(--blue);
font-size: 125%;
}
.details-table td {
background: linear-gradient(to right, var(--light-blue) 25%, transparent 100%);
}
.details-table td:first-child {
background: var(--light-blue);
color: black;
}
.table-section .icon {
display: none;
}
.profile-info {
border: 0 solid;
background: var(--blue);
}
.profile-info a {
color: white!important;
font-weight: normal;
}
.profile-info a:hover {
color: white!important;
}
.profile .blurbs .heading, .profile .friends .heading {
background: var(--blue);
color: white;
}
.blurbs {
border: 3px solid var(--blue);
}
.comments-table td:first-child, .music-table td:first-child {
background: var(--blue);
}
.comments-table td a:first-child, .music-table td a:first-child {
color: white;
font-weight: normal;
text-decoration: underline;
}
.comments-table td, .music-table td {
background: linear-gradient(to right, var(--light-blue) 25%, transparent 100%);
}
.comments-table td a:first-child, .music-table td a:first-child {
color: black;
}
.comments-table button {
border: 0 solid;
background: transparent;
color: blue;
text-decoration: underline;
}
footer {
background: var(--blue);
color: white;
}
footer a {
color: white;
}
/* Made by s4b3lz on SpaceHey !! */
</style>