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

𝕮ollie.⋆. 𐙚 ˚	1748113524 Using Report Comment
𝕮ollie.⋆. 𐙚 ˚	1748113524 Using Report Comment
Vesteria	1747966327 Using! Report Comment
!! r¡ver 𖦹	1747429036 using!!! :) Report Comment
𝐶𝑙𝑜𝑣𝑒 (1# ɑꮶᤙꞇɑɡɑꝫɑ ꝇᴏ᥎ɛɾ)	1744713944 Using! Report Comment
Penny	1743984062 Using! Report Comment
✮⭑ Star⭑ Dancer⭑ ✮	1742640133 Using Report Comment
𝓛 ˖ ࣪✦ ᖭི༏ᖫྀ	1742302435 Using Report Comment
REY	1742212430 using <3 thanks! Report Comment
sitka//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
⋆.˚✮kai✮˚.⋆	1738791395 Usingg Report Comment
hunter Ѽ	1736880575 does anyone know the right way to add a layout to their blog post? every time i try it doesn't change the post, the code is just in the blog :( Report Comment click the <> button and insert the code there. once you add the code click the same button (should have an eye icon tho) which will allow you to see the layout! by jaidthegem; 1737630430; Report click the <> button and insert the code there. once you add the code click the same button (should have an eye icon tho) which will allow you to see the layout! by jaidthegem; 1737630430; Report
Miika	1736476148 using! Report Comment
FrostMelon	1736291309 using >:) ty for the layout Report Comment
ᐟᐟ⟢ 𝘊𝘢𝘳𝘴𝘰𝘯 ᵎᵎ 🎧˚. ˖	1735360418 uuusssiiinnnggggg Report Comment
⋆·˚ ༘ * Emeric	1734246928 usingg Report Comment
Luna	1732165982 using ! Report Comment