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

YvxnX	1771313539 usingg^^ Report Comment
Lili	1764196590 Using Report Comment
𝄞⨾𓍢ִ໋ Arva, Syn's Version!	1762231136 using and changing the bg, ty Report Comment
liv	1753415198 using! Report Comment
LENA︎︎	1752155648 using Report Comment
rhys	1751302727 using Report Comment
xXstarryskiesXx	1751099875 using!! tyy!! Report Comment
anjali	1750813371 using! ty! Report Comment
vi ❦	1744237539 using!! this is so pretty tysm Report Comment
D0m!n!k	1743814847 using :p Report Comment
☆ Ｉｌｌｉ（ヺどヤ) ☆	1743692481 Using!!! Report Comment
☆ Ｉｌｌｉ（ヺどヤ) ☆	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