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

N39TUNE!! :DD \| ☂️🔪/🦋🧂/💭🏝/🎤🥬/🎀🏹/🦑🩸	1761651309 using Report Comment
Lilliangracefull^^	1760159258 Using Report Comment
meagha.mindd	1759976147 usingg Report Comment
rougeXD	1759525488 omg thank you!! will be using!! Report Comment
ImHavingCrisi_s (16)	1758137384 using1! Report Comment
SUZUKONE (hbc)	1757240994 using !!! ;3 Report Comment
Aeris ! ★	1755272890 using! Report Comment
Mieke	1754838264 using^^ Report Comment
Sopher05	1754350349 Using!!! this style is peak Report Comment
XxPois0nousPOIxX	1748527007 will be using!! :D Report Comment
s_srrpvnn	1746682146 usingg Report Comment
Karkekl	1742126684 using !!! Report Comment
THEHATEFULCOVET4LOVE	1741793049 usingh! :-] Report Comment
Acery	1740475446 usssinnngg!!!!!!! Report Comment
danyuu !!	1739683050 using :D Report Comment
Aya	1738877449 using ! Report Comment
Erah Mar	1738187958 Oh, something that doesn't break my eyes. Thank you, I'm going to use this. Report Comment
Kim Crow	1738030360 Now this is an amazing layout! definitely using this! (although ofc im going to customize it by my own but this is fine) 5/5 Stars Report Comment
RadioShi	1736910322 Using, thanks dude :^) Report Comment
⋆｡° 𖦹Sierra𖦹 °｡⋆	1736716245 Using :)) Report Comment