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

Matthew Patel	1701574778 using Report Comment
mika!!!	1701499609 using Report Comment
☆. 𝐜𝐨𝐢𝐧	1700427243 using Report Comment
ʚɞ pasta	1696143339 using tytytyty Report Comment
Miochkk	1695581974 USING !! Report Comment
nix	1690259764 USING!! >U< Report Comment
Max	1690079946 using Report Comment
sosa	1688075937 so cute, im using!! Report Comment
nascar daughter	1685369645 muah thank you <3333 Report Comment
gummywermzzz	1673517284 uzing!!! ^_^ Report Comment
☆Diskostawr☆ (auto music!!)	1670346389 Using!!!!1!1111 :D Report Comment
ray ⟡ (music autoplay)	1668084452 love this!!! Report Comment
sena (jumpscare!!)	1667053321 this looks amazing,man! def using this! Report Comment
Yoshi	1662024831 looks very nice and cool ! Report Comment
fastranker	1660154062 Very nice! Report Comment