Classic SpaceHey Profile

Tags: classic, oldschool, blue, logo

Description:

This profile layout comes with a custom, beveled SpaceHey icon made by your's truly!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Izzy (https://layouts.spacehey.com/layout?id=33043) -->

<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>

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

J4diec4kez :3	1740594962 Using! Report Comment
iocaste ☆!	1739909447 using!! glad to find a layout that's cute but isn't too much :) Report Comment
junebug	1716634890 usin Report Comment
harley	1715248683 using!!! Report Comment
イザベラ	1707731169 using! ^_^ Report Comment
bell pepper	1702155990 using ^^* Report Comment
Sin.	1689016382 using :) Report Comment
chanel ☆	1688998023 considering to use, thank you!! Report Comment
BooLiLooFox	1687988521 using!!! Report Comment
emia☆	1686891792 using ^_^ Report Comment
tobyy	1686853355 loves it Report Comment