Pink dark forest blog

Tags: blog, pink, forest, dark, black, scene, halloween, goth, colorful

Description:

This is a layout for you to use in your blog! Just click the < > button and paste it there before your writing! Matches with my pink dark forest layout, mobile friendly!

Preview:

click on the image for a larger preview

Code:

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

<style>
img {
filter: sepia(350%) hue-rotate(290deg) saturate(5);
}
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
.logo {
filter: sepia(100%) hue-rotate(221deg) saturate(0);

</style>
<style>
@import url('https://fonts.googleapis.com/css?family=Creepster');
</style>

<style>

p {
  font-family: creepster;
  color: black;
  text-shadow: 0px 0px 4px pink;
}

.blog-entry .title {
  font-family: creepster;
  font-size: 40px;
  color: black; 
  text-spacing: normal;
  text-shadow: 0px 0px 10px #ffffff;
}

.count {
  color: black;
  text-shadow: 0px 0px 4px white !important;
}

.article .edit-info .author-details h4, a, label, .blog-entry .comments .heading h4, .logout-btn {
  font-family: creepster;
  color: white;
}

button {
  font-family: creepster;
}

.blog-entry .kudos-btn {
  font-family: creepster;
  text-shadow: 0px 0px 4px black;
  box-shadow: none !important;
}


main {
  border-radius: 30px;
  border: 12px solid black;
  background-color: rgb(235, 143, 196);
}

main .left, main .right {
  color: white;
  text-shadow: 0px 0px 4px black;
}

.blog-entry .content {
  padding: 10px;
  font-family: creepster;
}

body{
  background: url(https://ih1.redbubble.net/image.4956547621.5859/flat,750x1000,075,t.jpg);
  background-attachment: fixed;
}

footer {
  background-color: transparent;
  color: #ffffff;
}

nav {
  background-image: url(https://cdn.discordapp.com/attachments/1135706097534128138/1165097724069298238/image0.jpg?ex=65459ccf&is=653327cf&hm=a91836be251a3e2fd1fa9c2b7340cc15afbb584bec8c7bbd92881ae09353669b&);
  background-attachment: fixed;
  color: #ffffff;
  font-family: creepster;
  border-radius: 12px;
}

nav .links {
  background-color: rgba(0, 0, 0, 0.3);
  font-family: creepster;
  color: #ffffff;
  text-shadow: 0 0 5px #000000 !important;
  font-size: max(11px) !important;
}

nav .links a {
  text-shadow: 0 0 5px #000000 !important;
  font-size: max(11px) !important;
}

.edit-info {
  background-image: url(https://www.itl.cat/pngfile/big/13-133710_skull-wallpapers-for-iphone-4-skull-and-crossbones.jpg);
  background-attachment: fixed;
  border: 2px solid rgb(227, 50, 148);
  border-radius: 12px;
  box-shadow: 0px 0px 10px white;
}

.comments-table{
  display: block;
  height: auto;
  overflow-y: scroll;
  Border-radius: 15px; 
  border: 2px solid rgb(227, 50, 148);
  text-shadow: 0px 0px 4px #000000, 0 0 25px #000000, 0 0 3px #000000; 
  box-shadow: 0px 0px 15px #ffffff;
}

.comments-table td{
  padding: 10px;
}

.comment-replies {
  border: 2px solid rgb(227, 50, 148);
  border-radius: 12px;
  margin: 0px 0px 10px 0px;
}

.comments-table .pinned{
  color: white;
  text-shadow: 0px 0px 4px black;
  font-family: 'potta one';
}

img {
  border-radius: 12px;
  border: solid 2px rgb(227, 50, 148);
  box-shadow: 0px 0px 12px white;
}

nav .top .left img {
  border: none !important;
  box-shadow: none !important;
}

.icon {
  border: none !important;
  box-shadow: none !important;
}

.blog-entry .profile-pic img {
  box-shadow: none !important;
}


:root {
    --logo-blue: transparent;
    --darker-blue: white;
    --lighter-blue: rgb(227, 50, 148);
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: black;
    --light-orange: rgb(227, 50, 148) !important;
    --even-lighter-orange: #ff4fb0;
    --green: white;
	        --table-header: #white;
	--table-color: white;
	--link-text: white;
	--main-text: white;

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

•° Dani Ze Vampire °• NOT VERY ACTIVE	1779076234 Using !!! :3 thanks you <33 Report Comment
Vivica	1778757056 using! Report Comment
Amy	1775460642 Using! Report Comment
sarah!	1771734785 usinggg Report Comment
millipede	1766792091 using!! Report Comment
Blad3Online	1765775601 using :> Report Comment
𝔄𝔫𝔤𝔢𝔩𝔤𝔲𝔱𝔰	1763271466 using:3 Report Comment
Isaro Sukha	1762262864 using Report Comment
Marionette :3 <3	1758630030 Using!! Report Comment
Marionette :3 <3	1758630027 Using!! Report Comment
Liam	1758151248 using!! Report Comment
WizzardAttack⋆｡° ✮ 🇩🇿	1757507445 using ! Report Comment
☆MAGPIE☆	1756358476 Using :3 Report Comment
𝓐𝓂𝒊𝒊	1753387089 usingg Report Comment
kimulator	1748720588 usinggg Report Comment
Rayanne	1745599718 usando Report Comment
Chiariko	1735220902 Using! Report Comment
☣️ SUBSPACE T. MINE ☣️	1731981893 using !! btw do you happen to have the profile ver of this layout? this is like exactly what i wanted for my profile but i can only find the regular colored dark forest version :c Report Comment
gingin	1727019157 Using! Report Comment
ZeroStars	1718006432 using!! ty so much Report Comment