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 𝕹𝖆𝖙𝖍𝖆𝖓 (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 76 comments ( View all | Add Comment )

Shadow	1754922275 using:) Report Comment
Mateo🎧	1754014817 so using this Report Comment
brainzonthewallz	1752820380 thank u. using Report Comment
MINT	1751165601 using ! Report Comment
Lili⋆⭒˚.⋆	1751071268 using!!!! Report Comment
fishmerl	1750131536 using:) Report Comment
˚ʚ♡ɞ₊ Ash ₊˚ʚ♡ɞ	1750099572 Using :3 Report Comment
𝕮ollie.⋆. 𐙚 ˚	1748113524 Using Report Comment
𝕮ollie.⋆. 𐙚 ˚	1748113524 Using Report Comment
Vesteria	1747966327 Using! Report Comment
!! r¡ver 𖦹	1747429036 using!!! :) Report Comment
𝐶𝑙𝑜𝑣𝑒 (mental health break)	1744713944 Using! Report Comment
Penny	1743984062 Using! Report Comment
Falling star	1742640133 Using Report Comment
𝓛 ˖ ࣪✦ ᖭི༏ᖫྀ	1742302435 Using Report Comment
REY	1742212430 using <3 thanks! Report Comment
silas	1741646264 would use but i cant figure out how to remove the font Report Comment I can't figure it out either sadly, otherwise I'd help you lol it's stuck on there by 𝕹𝖆𝖙𝖍𝖆𝖓; 1741900782; Report
VENUS	1740852272 using Report Comment
sunnipie	1739420106 using!! :) Report Comment
little.fairy	1738870259 i use it Report Comment