Fairy grunge/goblincore blog layout

Tags: dark, blog, fairygrunge, fairycore, grunge, green, black, brown, fairy

Description:

Matching with the slightly broken bulletin code im still working on Please comment if you use this but feel free to change anything you want!! I'm not a pro I just beep bop put stuff together and it looks nice ig OH AND WHILE YOU'RE HERE!! I have a spacehey group for fairy grunge and goblincore lovers alike so if you'd be interested in joining to make a few friends please do!! https://groups.spacehey.com/thefairygarden

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Nate the Vamp King (https://layouts.spacehey.com/layout?id=32508) -->

<style>
@font-face {
font-family: 'Magica';
src: url(https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf);
}
 
.magica {
font-family: magica;
font-size: 40px;
}
</style>
<style>

@font-face {
font-family: cutie;
src: url(https://dl.dropbox.com/s/xo075bh6tbd4f7d/CP.ttf);
}
 
</style>
 
<div id="cutie">
<div class="magica"> 
<style>
@import url('https://static.tumblr.com/p6yopnt/Qkiqnu0r5/theheart.ttf');
body{font-family: 'Magica';}
</style>
<style>
    main{
    background-image: url('https://i.pinimg.com/564x/a1/af/d7/a1afd7baac7f010f3db6f988dfb00b23.jpg') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important; 
    background-size: cover !important;
    background-opacity: 80%;
    margin: 0px 15px 15px 15px !important;
    margin-color: white;
    }
</style>
<style>
body{

font family: magica !important;
font-size: 23px !important;

}
</style>
<style>
a{

font-family: magica !important;
color: white;


}
a:hover{

font-family: magica !important;
color: white;

}
a:visited{

font-family: magica !important;
color: white;

}
a:hover, a:active, a, p, nav label, .section {
    font-family: var(--magica) !important;
}
h2, h3, h4, h5, DIV.mood > P:nth-child(1) > B, P:nth-child(2) > B {
    font-family: "magica"
    color: white !important;

}
:root { --mainfont: "magica" }
</style>
<style>

h1{

font-family: cutie !important;

}
</style>
</div></div>

<style>
.friends-grid img, img.pfp-fallback{
border-radius: 180px !important;
}
</style>
<style>

    body{
        
    background-image: url('https://dk2dv4ezy246u.cloudfront.net/widgets/sMDdIbdDBucJ_large.jpg') !important;
    background-attachment: fixed !important;
    
    background-position: center !important;      
    background-size: 1800px;  
    }


<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>
<style>
             ::-webkit-scrollbar {
    width: 1px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgba(165, 202, 144, 1);
    }

    ::-webkit-scrollbar-track {
    background: rgba(233, 208, 191, 1);
    }
</style>
<style>
    .top{
        
    color: white;
        
    }    
    main{

    color: white !important;
        
    }
    footer{
        
    color: white;
        
    }
</style>
<style>
    .contact .heading, .table-section .heading, .blog-preview h4, .blurbs .heading, .friends .heading{
        
    background-color: rgba(82, 69, 58, 1) !important;

    }
</style>
<style>
    .profile-info{
        
    background-image: url('https://i.imgur.com/G5hqBeH.gif') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;       
    }
</style>
<style>
.logo {
content:url("https://media.discordapp.net/attachments/328192724350271489/1079159559148535868/Copy_of_spacehey__9_-removebg-preview.png");
}

</style>
<style>

li.active .icon { 
    content:url('https://i.imgur.com/lNnF1Ix.gif'); 
    width: 31px;
    height: 25px;
    }
.online img { 
content: url("https://i.imgur.com/pIrZYov.gif"); animation-name: none; visibility: visible; height: 20px; width: 20px; filter: none;
}
</style>
<style>
    .blurbs, .friends-grid, .contact{
        
    background-color: rgba(205, 158, 76, 0.2);
    border-radius: 12px 12px 12px 12px;

    }
</style>

<style>

.table-section td{
background-color: rgba(82, 69, 58, 0.5) !important;
background-image: url('https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/HD_transparent_picture.png/1200px-HD_transparent_picture.png') !important;
background-attachment: scroll !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}
h4{
color: white;
}
.table-section, .url-info, .contact{
border: transparent !important;
}
   .lightbluetext8, .blacktext10, .redbtext,.btext  {

  color: white !important;

 }
 table, tr, td, li, p, div,.text,.redtext, .blacktext12  {

  color: white !important;

 }

   .whitetext12, .orangetext15 {

  color: white !important;

 }
h4{
color: white !important;
}
.top{
background-color: rgba(82, 69, 58, 0.5) !important;
background-image: url('https://i.imgur.com/0QUfcLy.png') !important;
background-attachment: scroll !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
border-radius: 12px 12px 12px 12px;
margin: 0px 0px 15px !important;
}
.links{
background-color: rgba(82, 69, 58, 0.5) !important;
border-radius: 12px 12px 12px 12px;
margin: 0px 0px 15px !important;
}
footer{
background-color: rgba(82, 69, 58, 0.5) !important;
background-image: url('https://i.imgur.com/0QUfcLy.png') !important;
background-attachment: scroll !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
border-radius: 12px 12px 12px 12px;
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat950.ani), url(https://cur.cursors-4u.net/nature/nat-10/nat950.png), auto !important;}</style><img src="https://cur.cursors-4u.net/cursor.png" alt="Cute Black Flying Butterfly" style="position:absolute; top: 0px; right: 0px;"/>

<style>
    .comments-table td{
        
    background-image: url('https://i.pinimg.com/564x/24/96/4c/24964c4776d90a54613d61067ee2645d.jpg') !important;
    background-attachment: scroll !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
        </style>

<style>
     :root {
        --logo-blue: #;
        --darker-blue: #4D4C3C;
        --lighter-blue: #4D4C3C ;
        --even-lighter-blue: #;
        --lightest-blue: #4D4C3C ;
        --dark-orange: #;
        --light-orange: #;
        --even-lighter-orange: #;
        --green: #4D4C3C;
}</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 51 comments ( View all | Add Comment )

Luna	1732165982 using ! Report Comment
l4in-1waKur4	1729800124 usingg Report Comment
Kleide (autoplay)	1728814614 using ^^ Report Comment
XV · JAY	1728209004 using Report Comment MARCUS MENTIONED!!!!! by liszto.mp3; 1728406036; Report
Katie	1727236619 Using ! Report Comment
dorkyscorpiobabyy29	1727003045 gonna try out! very pretty <3 Report Comment
Futa	1726752463 Using 💚 Report Comment
Xia/Mike/Edi 🦈🐚	1724372947 using Report Comment
knox☆	1724064655 using :3 Report Comment
adaa <3	1723252018 i think i’m gonna use this if it works for me! Report Comment
Michael !!	1721024891 Using! Report Comment
ExhaustedExoskeleton	1720991852 gonna use this :)) love it!! Report Comment
⭑𝚖𝚊𝚎꩜ .ᐟ	1718503705 Using :D Report Comment
⭑𝚖𝚊𝚎꩜ .ᐟ	1718503704 Using :D Report Comment
minticore	1717265080 using Report Comment
August/Eclipse/Saturn	1716170924 using !!! Report Comment
eli	1715872985 using !! :D Report Comment
Entity	1715836442 using :3 Report Comment
nana	1713628723 using!! Report Comment
✨️Ant✨️	1712999920 Using Report Comment