Glossy Edition Default Layout

Tags: glossy, shiny, default, layout, simple, gradient, blue, orange, spacehey

Description:

A glossy/shiny version of the default SpaceHey layout. I just made this for fun to mess around with gradients.

Anyone can feel free to use this layout for their profile. Please do not repost this layout as your own, thank you and enjoy :)!

Preview:

click on the image for a larger preview

Code:

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

<style>

nav .top{
background: rgb(17,30,131);
background: linear-gradient(0deg, rgba(17,30,131,1) 0%, rgba(29,78,216,1) 38%, rgba(164,201,255,1) 85%, rgba(35,78,209,1) 100%);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
text-shadow: 0 0 2px rgba(0,0,0,0.5);
}

nav .links,
.profile .table-section .heading,
.profile .contact .heading{
background: rgb(35,103,193);
background: linear-gradient(0deg, rgba(35,103,193,1) 0%, rgba(96,165,250,1) 38%, rgba(168,211,252,1) 85%, rgba(11,93,200,1) 100%);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
text-shadow: 0 0 2px rgba(0,0,0,0.5);
}

main{
background: rgb(226,226,226);
background: linear-gradient(0deg, rgba(226,226,226,1) 0%, rgba(242,240,240,1) 38%, rgba(255,255,255,1) 85%, rgba(237,237,237,1) 100%);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.profile .profile-pic img{
border: 1px solid gray;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.profile .table-section,
.profile .contact,
.profile .url-info{
border: none;
background: rgb(178,201,242);
background: linear-gradient(0deg, rgba(178,201,242,1) 0%, rgba(220,235,255,1) 38%, rgba(223,235,255,1) 85%, rgba(191,216,255,1) 100%);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
border: 1px solid gray;
}

.profile .table-section .details-table td{
background: rgb(137,196,255);
background: linear-gradient(0deg, rgba(137,196,255,1) 0%, rgba(191,219,254,1) 38%, rgba(223,242,255,1) 85%, rgba(191,219,254,1) 100%);
border: 1px solid gray;
}

.profile .profile-info{
background: rgb(178,201,242);
background: linear-gradient(0deg, rgba(178,201,242,1) 0%, rgba(220,235,255,1) 38%, rgba(223,235,255,1) 85%, rgba(191,216,255,1) 100%);
border: none;
box-shadow: 0 0 10px rgba(0,0,0,0.5);
border: 1px solid gray;
text-shadow: 0 0 2px rgba(0,0,0,0.5);
}

.profile .blurbs .heading,
.profile .friends .heading,
.profile .comments-table td{
background: rgb(255,160,47);
background: linear-gradient(0deg, rgba(255,160,47,1) 0%, rgba(249,197,108,1) 38%, rgba(255,242,223,1) 85%, rgba(255,212,114,1) 100%);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
border: 1px solid gray;
}

.profile .comments-table .comment-replies{
border: 1px solid gray;
background: rgb(255,160,47);
background: linear-gradient(0deg, rgba(255,160,47,1) 0%, rgba(249,197,108,1) 38%, rgba(255,242,223,1) 85%, rgba(255,212,114,1) 100%);
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.profile .friends img{
box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

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

RadioShi	1736910322 Using, thanks dude :^) Report Comment
⋆｡° 𖦹Sierra𖦹 °｡⋆	1736716245 Using :)) Report Comment
michaelcera27	1735791593 using also im kanye west Report Comment
gettinhighwithcats	1732577833 yea Report Comment
TARO	1731984642 USING Report Comment
Olga	1730948505 Using!!! Report Comment
Jecka	1730575150 U-S-I-N-G-! Report Comment
Ahlec \| Callsign: "Pocket"	1729695941 Using!! Report Comment
madiganpea	1726702199 using Report Comment
Bernard / Zamir	1725441770 Using! Report Comment
Souël	1724746529 using thank you ! Report Comment
vonatic	1724303055 I might tweak it but I am using it Report Comment
N𖤐politano!¡ ^_^	1724042126 Usando Report Comment
N𖤐politano!¡ ^_^	1724042122 Usando Report Comment
pierce 🫁	1723157099 uusing! Report Comment
pou ᶻ 𝗓 𐰁	1723143198 using! Report Comment
ch33zenutXP	1721944611 using! Report Comment
𝗦tarscream's 𝗚F (WIP)	1721097922 using!! Report Comment