[OLD] skull brite layout

Tags: black, emo, scemo, glasses, grey, dark, skull, skeleton

Description:

made the bg and got inspired enough to make the logo and layout 🥰

contains:

✪ spacehey logo

✪ notification bell

✪ online icon

▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰▰

𓆩♡𓆪 credit if u use

𓆩♡𓆪 change if up if u want

𓆩♡𓆪 if you need help, i'll try my best but ultimately, im not an expert

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Handjet:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');

p{
  font-family: 'Didact Gothic', sans-serif;
  font-size: 90%;
  color: #a5a8b3;
}

main{
   background-color:#1a1b1f;
}

h1,h2,h3,h4,h5{
  font-family: 'Handjet', cursive; font-size: 15px;
  font-size: 70%;  
  color: #a5a8b3;
}
    .top{
    font-family: 'Handjet', cursive; font-size: 15px;
    background-color: #1a1b1f !important;}
    
  body {
   background-image: url(https://iili.io/HtKYDox.png);

}
    .top input{
    background-color: #9396a4 !important;
    }

    button{
    font-family: 'Handjet', cursive;
    background-color: #9396a4 !important;
    }

    main .right,
    main .left{
        background-color: #1a1b1f;
}

/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   font-size: 150%;
   color: #a5a8b3;
}

.blog-preview h4{
    height: 20px !important;
    background-color: black;
    font-size: 100%;
    color: #a5a8b3;
}

.blog-preview h4 a{
    height: 20px !important;
    font-size: 60%;
    color: #a5a8b3;
}

.blurbs .heading{
font-size: 150%;
}

.friends .heading{
font-size: 150%;
}

.mood p{
font-family: 'Handjet', cursive; 
font-size: 120%;
}

.mood a{
font-family: 'Didact Gothic', sans-serif; 
font-size: 80%;
}

.mood a:hover{
font-family: 'Didact Gothic', sans-serif; 
font-size: 80%;
}

table.comments-table{
display: block;
height: 200px!important;
overflow-y: scroll;}



footer {
    background-color: #1a1b1f;
    font-size: 80%;
    color: #a5a8b3;
}

table.comments-table{
    color: #7595ff;    
}

.count {
    color: #666ba9;
}
    a{ 
     font-size: 100%;
     font-family: 'Didact Gothic', sans-serif;
     color: #a5a8b3 !important;
    }

    a:hover{
    font-size: 100%;
    font-family: 'Didact Gothic', sans-serif;
    color: #666ba9 !important;
        
    }
    a:visited{
        
    color: COLOR !important;
        
    }
    .top a{
    font-size: 90%;
    font-family: 'Didact Gothic', sans-serif;
    color: #a5a8b3 !important;

    }
    .top a:hover{
    font-size: 90%;
    font-family: 'Didact Gothic', sans-serif;
    color: #666ba9 !important;

    }
    .top a:visited{

    color: COLOR !important;

    }
    .links a{
    font-size: 90%;
    font-family: 'Didact Gothic', sans-serif;
    color: #a5a8b3 !important;

    }
    .links a:hover{
    font-family: 'Didact Gothic', sans-serif;
    color: #666ba9 !important;

    }
    .links a:visited{

    color: COLOR !important;

   }
    .friends-grid p{
    font-size: 90%;
    font-family: 'Didact Gothic', sans-serif;
    color: #a5a8b3 !important;
        
    }
    .comments-table p{
    font-size: 90%;
    font-family: 'Didact Gothic', sans-serif;
    color: #a5a8b3;
    
    }
    footer .links a{
    font-size: 90%;
    font-family: 'Didact Gothic', sans-serif;
    color: #a5a8b3 !important;

   }
    footer .links a:hover{
    font-size: 90%;
    color: #666ba9 !important;

   }
    footer .links a:visited{

    color: COLOR !important;

   }

:root {
    --logo-blue: #a5a8b3;
    --darker-blue: #a5a8b3;
    --lighter-blue: black;
    --even-lighter-blue: transparent;
    --lightest-blue: transparent;
    --dark-orange: #1a1b1f;
    --light-orange: ;
    --even-lighter-orange: transparent;
    --green: ;
}

/*SpaceHey Logo (Background Color/Background Image)*/
    .logo {content:url("https://iili.io/HtKruob.png");}

/* contact icons */
.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 favorite */
content: "✠︎"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "✠︎"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward 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 2 group  */
content: "✠︎"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "✠︎"
}   

/*notification bell*/
li.active .icon { content:url('https://iili.io/HtnCdle.png');}

/*online icon*/
.online{content:url("https://iili.io/HtMgShx.gif");
}

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

𝙱𝚕𝚊𝚔𝚎	1762460602 cute ^^ using Report Comment
Sara‧₊˚♪ 𝄞₊˚⊹	1762049704 usingg Report Comment
Isu the strange	1750699768 Using! Report Comment
friki cachondo :$	1744909444 usiingg Report Comment
camryn cannibal 🦇	1737654593 using :3 Report Comment
M1leS	1736124024 using X) Report Comment
SODATAB ᶻ 𝗓 𐰁 .ᐟ	1730261736 using!! Report Comment
Christina 🦋🌻	1707369144 so cute using :) Report Comment
julian	1702710052 Using Report Comment
joel the chic ୨୧	1700040105 Using Report Comment
Nonya ★	1699971305 using! Report Comment
K£nny	1697687950 usin ^^ Report Comment
sillykittyz >_<	1697303569 using :p Report Comment
shayne!! :P	1695755319 using Report Comment
Jill	1695655338 using Report Comment
kam	1695615615 usingg :)) Report Comment
adam	1695077474 usin!!! :3 Report Comment
darcy/kieran ⛧	1694895575 using Report Comment
twineveil	1694226481 using Report Comment