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

kai !!	1719210135 using ! <3 Report Comment
ZeroStars	1718006432 using!! ty so much Report Comment
SATURNZ!?	1709080599 Using1!1!!21!!1!1!1!!1!1 Report Comment
Gin gin	1706129670 Using! Report Comment
ehrmantraut	1705960395 using!! Tysmm✮⋆˙ Report Comment
୨୧┈[ Drakaria ❜ ]┈୨୧	1705608711 Usado uwu Report Comment