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

Arle	1727910691 using ^_^ Report Comment
𝐠𝐞𝐫𝐚𝐫𝐝 𝐰𝐚𝐲𝐬 𝐰𝐢𝐟𝐞 (𝐫𝐞𝐚𝐥)	1727475137 using! Report Comment
𖤐	1724862679 Using :3 Report Comment
౨ৎ Shu !	1720591039 Usando ! Report Comment
xstaryzz	1714091041 using! Report Comment
cl0udnhi	1713061082 usingg Report Comment
hyacinth	1710531918 using! Report Comment
★ 𝓑𝓪𝓲𝓵𝓮𝔂 ★	1708403531 Using! Report Comment
Dami_96	1707856294 using! Report Comment
⛧maskisxd_616⛧	1706748755 usando!!! Report Comment
6f4rst4r9	1706069717 USANDO THANK U!! Report Comment
saki:3	1700738647 USINGG!!1!! <3 Report Comment
N!CK	1697475401 USINGGG Report Comment
ethan:P	1695715377 using! this iz so cool Report Comment
cal	1695108248 usingg!!! Report Comment
pheebs	1694483243 using :p Report Comment
XxV@mp_catxX	1693886680 Using :3 Report Comment
mikey ᶻ 𝗓 𐰁	1693449395 using!! :33 Report Comment
lo3ve	1691984935 using :) Report Comment