Skull Moon and Stars

Tags: goth, gothic, skull, stars, moon, dark, black, purple

Description:

Last updated March 15, 2022!
interest section labels and links edited.

Notes: Anything you want under the Blurbs area can be added into your Who I'd Like To Meet section.

note: general interest labels are hidden, sections are still there.

Preview:

click on the image for a larger preview

Code:

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

<style> .blurbs .section h4{display: none !important;}</style>
<style>.url-info{display: none !important;}</style>

<style>    body{    background-color: COLOR;    background-image: url('https://hosting.photobucket.com/images/g144/punkluv4evr/moon_and_stars(1).jpg');    background-repeat: repeat;    background-position: center;    }</style>
<style>    main{    background-color: #FBF6FC;       background-image: url('URL');    background-repeat: repeat;    background-position: center;  
}</style>
<style>.blurbs .inner{text-align: center !important;}</style>
<style>.table.comments-table{display: block;height: 250px!important;overflow-y: scroll;}</style>
<style>    .container{    border: 5px solid #7A486D;    }</style>
<style>    .top{    background-color: #FBF6FC !important;    background-image: url('URL');    background-repeat: repeat;    background-position: center;    }</style>
<style>    .links{    background-color: #FBF6FC !important;    background-image: url('URL');    background-repeat: repeat;    background-position: center;            }</style>
<style>    footer{    background-color: #FBF6FC !important;    background-image: url('URL');    background-repeat: repeat;    background-position: center;    }</style>
<style>    .contact{    background-color: #7A486D !important;    background-image: url('URL');    background-repeat: repeat;    background-position: center;    }</style>
<style>    .blurbs .heading{    background-color: #7A486D !important;    background-image: url('URL');    background-repeat: repeat;    background-position: center;    }</style>
<style>    .friends .heading{      background-color: #7A486D !important;    background-image: url('URL');    background-repeat: repeat;    background-position: center;    }</style>
<style>    .contact .heading{    background-color: black !important;    background-image: url('URL');    background-repeat: repeat;    background-position: center;    }</style>
<style>body      {--lighter-blue: black;--lightest-blue: #7A486D;}</style>
<style>    .top{      color: black;    }        main{    color: black !important;   }    footer{    color: black;    }</style>
<style>    a{    color: black !important; 
}    a:hover{    color: white !important;  
}    a:visited{    color: COLOR !important; 
}    .top a{    color: black !important;  
}    .top a:hover{    color: white !important;  
}    .top a:visited{    color: COLOR !important; 
}    .links a{    color: black !important;  
}    .links a:hover{    color: white !important;  
}    .links a:visited{    color: COLOR !important;  
}    .friends-grid p{    color: #7A486D !important;  
}    footer .links a{    color: black !important;  
}    footer .links a:hover{    color: black !important; 
}    footer .links a:visited{    color: COLOR !important;   }</style>
<style>a:hover{background-color: black !important;
background-image: url('URL') !important;
background-repeat: repeat !important;
background-position: center !important;}
.links a:hover{background-color: black !important;
background-image: url('URL') !important;
background-repeat: repeat !important;
background-position: center !important;}</style>
<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>
<style>    .profile .blurbs .heading, .profile .friends .heading {    color: white;    padding: 2px 7px;}</style>
<style>    .profile-pic {border-radius: 500px;overflow: hidden;}.profile .friends .person img {border-radius: 10px;}</style>
<style>    .profile .friends .comments-table td {  background-color: #7A486D;}</style><style>             
::-webkit-scrollbar {    width: 10px;    height: 10px;    }   
::-webkit-scrollbar-thumb {    background: rgba(122, 72, 109);    }  
::-webkit-scrollbar-track {    background: rgba(0, 0, 0);    }</style>
<style>@import url('https://fonts.googleapis.com/css2?family=Charmonman&display=swap');:root{ --neon-text-color: #F0F; }.profile .left h1{ font-family: 'Charmonman', cursive; transform: rotate(-4deg); }</style>
<style>    .supporter a {color:#7A486D!important;}</style>
<style>.profile .left .table-section:last-child 
.details-table tbody {display:flex;}
.profile .left .table-section:last-child .details-table tbody tr{display:flex;flex-direction:column;flex:1;line-height:0;}
.profile .left .table-section:last-child .details-table tbody tr td{width:100%!important;text-align:center;background:none;}
.profile .left .table-section:last-child .details-table tbody tr td p a{font-size:0;transition:all .3s}
.profile .left .table-section:last-child 
.details-table tbody tr td p img{font-size:64px;opacity:.4;transition:all .3s;height:auto;margin:0;}
.profile .left .table-section:last-child 
.details-table tbody tr td p a:hover img{opacity:1;transform:scale(1.5);z-index:10;}</style>


<style>
    table.details-table{
        
    background-color: black !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
    .profile .details-table td{
        
    background-color:  #7A486D !important;
    background-image: url('URL') !important;
    background-attachment: FIXED  !important;
    background-repeat: REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>
<style>
    .details-table td:first-child {
    color: white;
</style>





<a class="two" href="https://spacehey.com/hooterbby" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 50px; height: 50px;">Hooterbby™</div></a>

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

Leahpadea

1652208903

So cool

Report Comment

Hazy

1648177478

Sweet layout!

Report Comment

nia♱🌈

1644993454

I love this layout, just the links don't seem to work ? This might just be for me. Otherwise my favorite I've seen !

Report Comment

Love to hear that! What do you mean in particular about the links? I can try to help (:

by Hooterbby ; 1645337653; Report