Super Minimalistic Gloomy Layout (Hidden Blurbs)

Tags: gloomy, minimalistic, dark, goth, emo, simple

Description:

CLICK HERE FOR FULL PREVIEW / ALT VERSION

something i tossed together for myself, thought others would enjoy!! ^__^

FEATURES:

minimalistic aesthetic
easily customizable if you'd like it to be different
customize ur pronouns, thank you dangered wolf!
invisible but functional footer, thank you sarah!
hidden comments with preserved "add comment" link
hidden friends list with friend count preserved
hidden "blurbs", "about me", and "who i'd like to meet" titles
custom contact buttons (black hearts by default)
centered blurbs content
rounded profile img
custom scrollbar

CREDITS:

HTML_ - most coding
dangeredwolf - pronoun coding!
sarah - invisible footer coding!
??? - profile preview, would be impossible without this tool

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Bexter (Bec) (https://layouts.spacehey.com/layout?id=19113) -->

<!-- main coding (background image and generic colors) -->
<style>
    body{
    background-image: url('https://i.imgur.com/kbunyzt.jpg') !important;
    background-attachment: FIXED !important;
    background-repeat: REPEAT !important;
    }  
    main {
        background-color: black;
        color: white;
    }
        .count {
        color: #424242 !important;
    }
        .blurbs .inner{
        text-align: center !important;
    }
    :root {
        --logo-blue: #121212;
        --darker-blue: white;
        --lighter-blue: #181818;
        --even-lighter-blue: #181818;
        --lightest-blue: #000;
        --dark-orange: #fff;
        --light-orange: #000;
        --even-lighter-orange: #000;
        --green: #fff;
   }
    a:hover{
        color: #fff !important;
    }
    h4 {
        color: white;
    }
    main p {
        color: white;
    }
    .profile .blurbs .section h4 {
        color: white;
    }
</style>

<!-- rounded borders +dotted border -->
<style>
    .top{
        border-radius: 25px 25px 0 0 !important;
    }
    main{
        border-radius: 0 0 25px 25px !important;
    }
</style>

<!-- rounded profile pic -->
<style>
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }
</style>

<!-- custom online text -->
<style>
    .online {
        color: #121212;
        animation-name: blink;
        animation-iteration-count: infinite;
        animation-timing-function: cubic-bezier(1.0,0,0,1.0);
        animation-duration: 3s;
    }
    .online img {
        display: none;
    }
</style>

<!-- pronouns -->
<style>
    .details:after {
        content: "pronouns go here!";
    }
</style>    
    
<!-- invisible but functional footer -->
<style>
    footer{background:none !important; line-height:0px !important;}
    footer ul li a {color: #000000 !important;}
    }
</style>

<!-- hidden things -->
<style>.comments-table{display:none !important;} 
   .friends-grid{display:none !important;} 
   .blurbs .inner .section:nth-child(1) h4{ font-size:0; }
   .blurbs .inner .section:nth-child(2) h4{ font-size:0; }
   .blog-preview{display:none !important;}
   .blurbs .heading{display:none !important;}
   }
</style>

<!-- custom scrollbar -->
<style>
    ::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: #000;
    }

    ::-webkit-scrollbar-track {
    background: #121212;
    }
</style>

<!-- custom contact buttons -->
<style>.contact .inner a img {
       font-size: 0;
   }
   .contact .inner a img:before {
       font-size: 1em;
    display: block
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
   	/* Add to Friends */
	content: "🖤"
   }
   .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
   	/* Add to Favorites */
	content: "🖤"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "🖤"
   }
   .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "🖤"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "🖤"
   }
   .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "🖤"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "🖤"
   }
   .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "🖤"
   }
</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 17 of 17 comments ( View all | Add Comment )

gvanaco	1744759028 USINGGGGGGGG Report Comment
𓏶　ృ　Ambrose	1743433744 Using!!! Report Comment
?sam	1741078159 usando Report Comment
null	1740802839 using!! Report Comment
Leryc	1739891962 Using xD Report Comment
光々利	1731482146 using Report Comment
Grey✰	1731464692 using!!!!!!! Report Comment I love your pfp by DARYL; 1732692873; Report Lol thanks by Grey✰; 1732931382; Report
Salcito	1722807201 using :D Report Comment
moon	1722076772 using ! C: Report Comment
lingling_rawr	1706595903 usiing Report Comment
𖤐𝕮𝖗𝖊𝖆𝖙𝖚𝖗𝖊 𝖔𝖋 𝖉𝖊𝖒𝖔𝖓𝖎𝖈 𝖒𝖆𝖏𝖊𝖘𝖙𝖞𖤐	1694456521 Using Report Comment
Lu	1691428719 Usiiing!! Report Comment
GhostyCure	1677499106 Using this! Report Comment
SEED	1676255961 thank you :):) Report Comment
c я ɛ ɛ ρ \| п о л з а t ь \| 忍び寄る	1669563013 thank you! Report Comment
Whiskur	1669368779 Thank you so much for this layout. I am using it for now and I love it very much. I tweaked the 'online' text to be a bit more visible as it was hard to read and set it to hex code #747474. I hope you have a lovely day ahead! (PS, your current theme is lovely and a few things you have on your profile I can relate to, my page I plan to keep private until I can set it up fully). Report Comment