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

elli	1739032427 using and editing Report Comment
Windows ME #1 fan	1738438610 prolly using Report Comment
Jenny Buntato	1736187233 Using ^^ Report Comment
miumi( ・∀・)	1734914334 using >< Report Comment
ushanka / tristan	1732669614 using :p Report Comment
🩸pierce🌹	1723156554 uusing!! Report Comment
pou ᶻ 𝗓 𐰁	1723146374 using! Report Comment
Clementine🌼	1720126553 using Report Comment
MAKING FOR A FRIEND	1718042681 mm Report Comment
﹒⇆﹒★ . DaNa !﹒ᶻz	1717496767 Using Report Comment
Brinstarz✰	1716809466 Using :) Report 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
♯ 𝐑𝐚𝐢𝐧𝐲 ࿐ ࿔*:･ﾟ	1709932688 Using!! Report Comment
marsceelo.s	1709852336 using c Report Comment
♯ 𝐑𝐚𝐢𝐧𝐲 ࿐ ࿔*:･ﾟ	1708540011 Using!!! Report Comment
¡! Leaf ♡	1707956674 I'll probz uze it!!!! >_0 Report Comment