black and red layout + bat cursor

Tags: emo, simple, black, red

Description:

hiii this is my first attempt at making a layout so sorry if it's a mess. the pics are animated when you hover over them. you don't have to comment or anything if you use this if you don't want to you can just take it and run idc

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=New+Rocker&display=swap');
body{
font-family: 'new rocker', cursive;
font-size: 120%;
}

/*TURNS PICS RED*/

img{
  filter:sepia(100%) hue-rotate(310deg) saturate(4);
}

/*HOVER ANIMATION*/

img:hover{
  filter:sepia(100%) saturate(0) blur(1px);
  animation: shake 1s;
  animation-iteration-count: infinite;
}
@keyframes shake{
  0% {transform: translate(1px, 1px) rotate(0deg);}
  10% {transform: translate(-1px, -2px) rotate(-1deg);}
  20% {transform: translate(-2px, 0px) rotate(1deg);}
  30% {transform: translate(2px, 2px) rotate(0deg);}
  40% {transform: translate(1px, -1px) rotate(1deg);}
  50% {transform: translate(-1px, 2px) rotate(-1deg);}
  60% {transform: translate(-2px, 1px) rotate(0deg);}
  70% {transform: translate(2px, 1px) rotate(-1deg);}
  80% {transform: translate(-1px, -1px) rotate(1deg);}
  90% {transform: translate(1px, 2px) rotate(0deg);}
  100% {transform: translate(1px, -2px) rotate(-1deg);}

</style>

<style>

nav .top, footer{
background:url(https://i.pinimg.com/564x/5a/2e/c1/5a2ec1f780baa429fcb7ff6bdf1ed667.jpg)
}
footer p{
  color:white;
}

nav .links{
  background-color:#000000;
  text-align: center;
}

body{
background:url(https://i.pinimg.com/564x/cd/fe/c6/cdfec65fd64fbf5fdfd01538d7a69a2c.jpg);
  background-attachment:fixed!important;
  background-size:repeating;
}

main{
  background-color:#d31216;
  border: 6px solid black;
  padding: 0px;
}
main .left{
  background-color: black;
  border: 3px solid white;
}

h1{
  border: 3px solid #d31216;
  color: white;
  text-align: center;
}

a, h2, h3, h4, .count{
  color: white;
}
a:hover{
  color: black;
}

.general-about{
  color: #d31216;
}

.online{
  content: url(https://i.imgur.com/Hv7iF8L.gif);
  padding: 20px 0px;
}

.mood{
  background-color:#d31216;
  border: 3px solid white;
  text-align: center;
}

.profile .contact{
  border: 3px solid #d31216;
}

.profile .contact .heading{
  background-color: #d31216;
  text-align: center;
}

.contact .inner a img{
  font-size: 0;
}
.contact .inner a img:before{
  font-size: 1em;
  display: block
}
/*ADD TO FRIENDS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before{
  content: "★"
}
/*ADD TO FAVS*/
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before{
  content: "☆"
}
/*SEND MESSAGE*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before{
  content: "☆"
}
/*FORWARD TO FRIEND*/
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before{
  content: "★"
}
/*INSTANT MESSAGE*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before{
  content: "★"
}
/*BLOCK USER*/
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before{
  content: "☆"
}
/*ADD TO GROUP*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before{
  content: "☆"
}
/*REPORT USER*/
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before{
  content: "★"
}

.profile .url-info{
  background-color: #d31216;
  border: 3px solid white;
  text-align: center;
}

.profile-info{
background:url(https://i.pinimg.com/564x/2f/0b/83/2f0b831067f135af25b91a0674da2462.jpg);
  border: 3px solid black;
}

DIV.blog-preview{
  border: 3px solid black;
  text-align: center;
}

.profile .blurbs, .profile .friends{
  border: 2px solid black;
  color: white;
  text-align: center;
}
.profile .blurbs .heading, .profile .friends .heading{
  background-color: black;
}
.profile .blurbs .section h4{
  color: white;
}
.profile .friends .person p{
  color: black;
}
.comments-table td:first-child{
  background-color: #d31216;
  border: 2px solid white;
}
.comments-table td{
  background-color: black;
  border: 2px solid white;
}

.profile .table-section{
  border: 3px solid #d31216;
}
.profile .table-section .heading{
  background-color: #d31216;
}

.details-table td:first-child{
  background-color: #d31216;
  color: black;
}
.details-table td{
  background-color: white;
  color: black;
}
.details-table td *{
  color:black;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol61.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2005/10/31/hol61.html" target="_blank" title="Black Bat 2"><img src="https://cur.cursors-4u.net/cursor.png" alt="Black Bat 2" style="position:absolute; top: 0px; right: 0px;"/></a>

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

vi ❦	1744237539 using!! this is so pretty tysm Report Comment
D0m!n!k	1743814847 using :p Report Comment
Chl03 XD	1743692481 Using!!! Report Comment
Chl03 XD	1743692481 Using!!! Report Comment
khronic krybaby	1741381299 using <3 Report Comment
rinky dink	1738705210 using Report Comment
thinkthenworry	1737495163 using!!! Report Comment
⚢♏︎ SaЯah ☣🎧	1737267890 using! Report Comment
Faith☆	1733794568 using!!!! Report Comment
︎︎⋆ markie ⋆︎︎	1732845468 still adding a comment bc i love it!! using :3 Report Comment
☆~𝓐𝓷𝓭𝔂~☆	1732238466 using:D Report Comment
Arle	1727910691 using ^_^ Report Comment
𐂯. madison ◞	1727475137 using! Report Comment
𖤐	1724862679 Using :3 Report Comment
౨ৎ Shu !	1720591039 Usando ! Report Comment
colin !	1714091041 using! Report Comment
cl0udnhi	1713061082 usingg Report Comment
hyacinth	1710531918 using! Report Comment
LokiCore	1708403531 Using! Report Comment
Dami_96	1707856294 using! Report Comment