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

TARO	1731984642 USING Report Comment
Olga	1730948505 Using!!! Report Comment
Lexy	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	1721097922 using!! Report Comment
Motivated Tomato	1721053023 Great layout! using! Report Comment
emmanuel	1719068736 usin! Report Comment
ᨳ💼 𓈒⠀〹 RAVIN	1718355256 Using !!!! (*＾ー＾) Report Comment
RottenMaggots★	1716310100 using!! ^_^ Report Comment
rachel amber꩜★	1715853218 using!! Report Comment