Glossy SpaceHey

Tags: frutiger aero, simple, gloss, shadow, shiny, lol

Description:

This is a very simple theme that makes your profile look more glossy and skeuomorphic. I am working on making this part of a bigger theme for SpaceHey overall, so be on the lookout for that. If youre using this theme as is, that's great! Go say in the comments if you do! If youre using this theme and you edited it to suit your tastes, that's great too! Just say in the comments if you did. Thanks for this random person from the screenshot for being the page I edited on (as it has default theme)! If you're wondering why the page looks bigger, that's because I use the SpaceWide theme I made for making the page actually take up more. I feel like it looks better that way. You can find that on UserStyles World.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Peri L'Flamme (https://layouts.spacehey.com/layout?id=91202) -->

<style>
/* navbar */
nav .top {
    background-position: 0px 0px;
    background-size: 100%;
    background-image: linear-gradient(0deg, #1E5799 0%, #2989D8 50%, #207cca 51%, #7DB9E8 100%);
}
nav .links {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(180deg, #1B4F86FF 0%, #2680C8FF 50%, #1D70B5FF 51%, #6DA4D1FF 100%);
}
/* general layout */
body {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: radial-gradient(75% 75% at 50% 50%, #ABABABFF 0%, #DBD9D9FF 34%, #D3D3D3FF 53%, #DEDEDEFF 70%);
    filter: drop-shadow(0 0 5px #333);
}
footer {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(0deg, #94949BFF 0%, #C5CFD2FF 50%, #BEC5CBFF 51%, #DADFE9FF 100%);
    
}
main {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(180deg, #ccccccFF 0% ,#FFFFFFFF 5%, #f1f1f1FF 95%, #b3b3b3 100%);
    border: 10px ridge #6DA4D1FF;
}
/* profile edits, this part be available as a layout */
.profile .contact {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(0deg, #cccccc 0%, #e5e5e5 15%, #f1f1f1 53%, #f5f5f5 70%);
    filter: drop-shadow(0 0 3px #333);
    border: 5px ridge #60a5fa;
}
.profile .url-info {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(0deg, #cccccc 0%, #e5e5e5 15%, #f1f1f1 53%, #f5f5f5 70%);
    filter: drop-shadow(0 0 3px #333);
    border: 3px ridge #60a5fa;
}
.profile .table-section {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(0deg, #cccccc 0%, #e5e5e5 15%, #f1f1f1 53%, #f5f5f5 70%);
    filter: drop-shadow(0 0 3px #333);
    border: 5px ridge #60a5fa;
}
table.details-table {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(0deg, #cccccc 0%, #e5e5e5 15%, #f1f1f1 53%, #f5f5f5 70%);
    filter: drop-shadow(0 0 3px #333);
    border: 1px ridge #60a5fa;
}
.details-table td {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(0deg, #cccccc 0%, #e5e5e5 15%, #f1f1f1 53%, #f5f5f5 70%);
    filter: drop-shadow(0 0 3px #333);
}
.profile .contact .heading {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(270deg, #5596CCFF 0%, #71C4FFFF 24%, #CAE8FEFF 50%);
}
.profile .table-section .heading {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(270deg, #5596CCFF 0%, #71C4FFFF 24%, #CAE8FEFF 50%);
}
.contact h4 {
    filter: drop-shadow(0 0 3px #333);
}
.table-section h4 {
    filter: drop-shadow(0 0 3px #333);
}
.profile .blurbs .heading {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(270deg, #DCA943FF 0%, #f9c56c 51%, #F5E5BCFF 90%);
}
.profile .friends .heading {
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-image: linear-gradient(270deg, #DCA943FF 0%, #f9c56c 51%, #F5E5BCFF 90%);
}
/* profile images */
.pfp-fallback {
   filter: drop-shadow(0 0 5px #333333);
    border: 4px ridge #4f88cd;
}
/* back to that guy ---> */ </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 55 comments ( View all | Add Comment )

MoonGazer⏾	1790337547 using! Report Comment
John	1789229813 anyone know where the white gradient is? i want to change the white background for a black one, thanks and i want to change the text color from black to white, to complement Report Comment
Euthanasia666⚢	1787177276 I'm gonna use it and edit it later. Your coding is the easiest to edit that I found. I like it very much. Report Comment
X_x.t0xic.r4tt	1784080473 usingg!!! Report Comment
Capuchard	1780664174 using Report Comment
☆ (im lazy)	1780023870 Using Report Comment
햄레몬임마니의	1778474704 using Report Comment
Nubo :v	1778470994 using :v Report Comment
chlebak	1776100742 using! Report Comment
chlebak	1776100239 using! Report Comment
Keith Lylyan!	1774927053 Using Report Comment
˙⋆✮dirkvomit✮⋆˙	1773563894 using! Report Comment
bloouberrie0	1773491103 Usingg Report Comment
ʚJenɞ	1773157314 using this, ty ^^ Report Comment
yastilio	1768842107 using Report Comment
ace	1765389677 using Report Comment
METALFLESH	1762220183 impressive. using :} Report Comment
Punk_kid28	1760158137 using!!!! Report Comment