purple/green/black layout + skull cursor

Tags: scene, green, purple, simple

Description:

i got bored and made a layout. sorry if the code is a mess. pics turn greyscale and blurred when you hover. do whatever you want with this

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&display=swap');
body{
font-family: 'emilys candy', cursive;
font-size: 125%;
}

img{
  filter:sepia(100%) hue-rotate(220deg) saturate(4);
}
img:hover{
  filter:sepia(100%) saturate(0) blur(1px);
}

nav .top, footer{
  background-color: black;
  border: double 4px lime;
  border-radius: 15px;
  color: white;
}
nav .links{
  background-color: black;
  border: double 3px white;
  border-radius: 15px;
  text-align: center;
}
 nav .links .special a{
  color: lime;
}

body{
background:url(https://i.pinimg.com/originals/50/32/80/5032807dd0f297c902363205e4e34fee.gif);
}

main{
  background-color: black;
  border: solid 3px lime;
  border-radius: 15px;
  color: white;
}
main .right{
background:url(https://i.pinimg.com/564x/48/82/3d/48823d324e716f63b9853ff2bc3f9aa0.jpg);
  border-radius: 15px;
}
main .left{
  border: double 3px white;
  border-radius: 15px;
}

.general-about .profile-pic img{
  border-radius: 100px;
    box-shadow: 0px 0px 10px #7a00e5;
}
.general-about{
  padding: 8px 0px;
  text-shadow: 0px 0px 5px #7a00e5;
}
.online{
  color: lime;
  text-shadow: 0px 0px 5px lime;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-duration: 2s;
}
.mood, b{
  padding: 0px 5px;
  text-shadow: 0px 0px 5px lime;
}

.profile .contact{
  background-color: black;
  border: solid 2px white;
  border-radius: 15px;
  box-shadow: 0px 0px 10px #7a00e5;
  text-shadow: 0px 0px 5px lime;
}

.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 MSG*/
.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: "💀"
}

DIV.blog-preview{
background:url(https://i.pinimg.com/564x/bd/78/66/bd786626039b542e4f0123fd068fca64.jpg);
  border: solid 2px white;
  text-align: center;
  text-shadow: 0px 0px 5px lime;
  box-shadow: 0px 10px 10px black;
}

.profile-info{
background:url(https://i.pinimg.com/originals/f4/9a/b9/f49ab9c9e2608197e0363be54a65aec3.gif);
  border: solid 2px white;
  text-shadow: 0px 0px 5px lime;
  box-shadow: 0px 10px 10px black;
}

.profile .url-info{
  background-color: black;
  border: solid 2px white;
  border-radius: 15px;
  text-align: center;
  text-shadow: 0px 0px 5px lime;
  box-shadow: 0px 0px 10px #7a00e5;
}

.profile .blurbs, .profile .friends{
  background-color: black;
  border: solid 2px white;
  border-radius: 15px;
  text-align: center;
  text-shadow: 0px 0px 5px lime;
  box-shadow: 0px 10px 10px black;
}

.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading{
  background-color: #7a00e5;
  border: solid 2px white;
  border-radius: 10px;
  color: white;
  text-align: center;
  box-shadow: 0px 10px 10px black;
}

.details-table td:first-child{
  background-color: #7a00e5;
  color: lime;
  text-align: center;
}
.details-table td{
  background-color: white;
  color: black;
  text-align: center;
}
.profile .table-section{
  border: solid 2px white;
}

.comments-table td:first-child{
  background-color: #7a00e5;
  border-radius: 15px;
}
.comments-table td{
  background-color: black;
  border: 2px solid white;
  border-radius: 15px;
}

*{
  border: black;
  border-radius: 15px;
}

h1{
  border: double 4px lime;
  border-radius: 15px;
  color: white;
  text-shadow: 0px 0px 10px #7a00e5;
  text-align: center;
  box-shadow: 0px 0px 10px lime;
}
h4, a, .count, .profile .blurbs .section h4, .profile .friends .section h4, .profile .friends .person p{
  color: lime;
}
a:hover{
  color: white;
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol335.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/10/14/thick-skeleton-skull.html" target="_blank" title="Thick Skeleton Skull"><img src="https://cur.cursors-4u.net/cursor.png" alt="Thick Skeleton Skull" 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 73 comments ( View all | Add Comment )

Marcy Sir Larceny !	1727738105 Gonna use for now! Teehe! Report Comment
salvia	1724875594 using!!!!!!!! Report Comment
EVAN/HABIT	1716078888 USING Report Comment
RoRo	1715092304 Using Report Comment
RoRo	1715092303 Using Report Comment
Mark sharkk	1710883528 Using!! Report Comment
dani ^_^	1709831557 using! Report Comment
💥 Jamie McScrewball 💥	1706480942 using!! Report Comment
KK	1705813170 usinggg Report Comment
delaney	1702606632 using <3 Report Comment
Phantom	1702145778 Using! :3 Report Comment
nyom!!! ☆	1702095238 using!! replaced all the green w/ more purple though Report Comment
duck	1699818739 using!! Report Comment
h	1696694286 using!! Report Comment
xXfrankiesteinksXx	1696548762 usinnnng <333 Report Comment
G0RE_SH0WZ	1696467986 Using ^^ Report Comment
Nikkiii!! <3	1696147078 Using and def gonna edit <33 GREAT LAYOUT!! XD Report Comment
sloth	1694304655 USING Report Comment