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 The Messenger (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 22 comments ( View all | Add Comment )

Heyscenekid	1714261105 using Report Comment
Awildkelkinnie	1711511686 Using!! Very cute and awesome!! Report Comment
Hadyn	1711124254 very nice layout thx :-) will use this Report Comment
juno	1710459057 using Report Comment
OneMoreDoughnut	1710376386 Using :) Report Comment
RAINY RAINER !!!!!! ☆⌒(ゝ。∂)	1709932688 Using!! Report Comment
9907121208	1709852336 using c Report Comment
liam / ethan	1708885294 using ! Report Comment
RAINY RAINER !!!!!! ☆⌒(ゝ。∂)	1708540011 Using!!! Report Comment
¡! Leaf ♡	1707956674 I'll probz uze it!!!! >_0 Report Comment
tina	1707870640 usiinggg Report Comment
jeremiah	1706516518 using!! i might edit some stuff ^_^ Report Comment
AshamedGodhead	1706293296 Using :33 Report Comment
vix	1706086733 using Report Comment
trash_sonikku	1705872058 using!! Report Comment
Anel	1704818589 Using Report Comment
MetalHeart	1704422983 so well made ^_^ Report Comment
Feral Dawgg ☆	1704145688 might use and edit this :D Report Comment
Shyghost22	1703019124 using this rn! Report Comment
Boniscool	1702851549 Using!!! Report Comment