Red Blog Layout

Tags: red, scream, dark, blog, horror, gore, emo, filter

Description:

I made this for my friend to somewhat match with me, but you can use it too :) How to use: When you start a blog entry (before you write anything), click the button in the top left corner of the little box (it looks kinda like this < >) and paste this code in! When it loads you can click the eyeball button and write your blog entry :)

Preview:

click on the image for a larger preview

Code:

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

<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(107, 18, 27);
}

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

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

body{
  background: url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTEe4oWa3Emx9m5ydhQiybWOiStGOEL7wVmHQ&usqp=CAU);
  background-attachment: fixed;
}

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

nav {
  background-image: url(https://cdn.discordapp.com/attachments/1166003220297035872/1168650264165748736/red_emo_wallpaper_by_zeffdakilla_dfdf71y-pre.jpg?ex=6552895f&is=6540145f&hm=78fb37fbf6a03d3defc4a775390c989876ff4b05ec1df3141f845217a6e10b7a&);
  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(138, 14, 26);
  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(138, 14, 26);
  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;
}
body {
font-family: Courier New, monospace;
background-color: black;
}
img {
filter: sepia(100%) hue-rotate(312deg) saturate(4);
}
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;
}

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

Avelar	1706922766 usiing - Report Comment
0zym4nd14s	1701290657 i am gonna b uzing this 4 a lot of my postz! ty! :3 XD Report Comment
benny bleak	1700868255 v v nice !! used this in my last blog for a story !! v much fit the vibes, great work <3 Report Comment Tysm! by Faoil; 1700869025; Report
Boxycliff	1700059660 super cute - used in my last blog :] !! Report Comment