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

yastilio	1768842107 using Report Comment
ace	1765389677 using Report Comment
METALFLESH	1762220183 impressive. using :} Report Comment
Punk_kid28	1760158137 using!!!! Report Comment
stupidlolimachine	1760076915 Using Report Comment
★𝑭𝒆𝒓𝒄𝒉𝒊𝒔★ (pfp is me)	1759731129 Using!!! Report Comment
johndoe	1758699665 I'm using this layout now. I loved it at first sight. Report Comment
worbjorb	1753879074 god bless you for making this its so sweet am using :3 Report Comment
Bloggingabtmylifelolz	1751677733 using!! Report Comment
Moho! 🐟	1750006686 using >_< Report Comment
Danja	1743045870 using! Report Comment
Debrisha	1739032427 using and editing Report Comment
Windows ME #1 fan	1738438610 prolly using Report Comment
Jenny Buntato	1736187233 Using ^^ Report Comment
mimi( ・∀・)	1734914334 using >< Report Comment
ushanka / tristan	1732669614 using :p Report Comment
pou ᶻ 𝗓 𐰁	1723146374 using! Report Comment
Clementine🌼	1720126553 using Report Comment