The Cure P0rn0graphy album themed layout

Tags: the cure, song, album, layout, 80s

Description:

music included ; feel free 2 edit whatever u want ; write a comment if u usin ; if anything goes wrong w it dont hesitate to IM me ; if u wanna try it out use this site https://nein-mc.neocities.org/csstest/ to see how it fits ; used this blog to help me w the layout https://blog.spacehey.com/entry?id=659451

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ☣︎𝔱𝔥𝔦𝔯𝟷𝟹𝔱𝔢𝔢𝔫☣︎ (https://layouts.spacehey.com/layout?id=102000) -->

<!-- (c) Layout created by ♱⦻ Clement (https://layouts.spacehey.com/layout?id=89403) -->

<style>
.logo{
width: 30px;
content:url("https://upload.wikimedia.org/wikipedia/commons/6/6e/The_Cure_early_logo_png.png")

}
</style>

<style>

@import url('https://fonts.googleapis.com/css2?family=Saira+Extra+Condensed:wght@100;200;300;400;500;600;700;800;900&display=swap');
body{font-family: 'Saira Extra Condensed', sans-serif;

}

/*FILTER*/

img{
  filter:sepia(100%) hue-rotate(306deg) 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://s3.amazonaws.com/quietus_production/images/articles/22315/the_cure_1493674224_crop_550x550.jpg)

}
footer p{
  color:white;
}

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

body{
background:url(https://i.discogs.com/vLLheklYSx3b9qakR-GLf7i-4hIibFe0LhxBSJAGx2I/rs:fit/g:sm/q:90/h:600/w:600/czM6Ly9kaXNjb2dz/LWRhdGFiYXNlLWlt/YWdlcy9SLTIyMjM3/NC0xMzM1NTU4MTM0/LmpwZWc.jpeg);
  background-attachment:fixed!important;
  background-size:800px;
}

main{
  background-color:#cc0c33;
  border: 3px solid brown;
  padding: 1px;
}
main .left{
  background-color: black;
  border: 1px solid pink;
}

h1{
  border: 1px solid pink;
  color: white;
  text-align: center;
}

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

.general-about{
  color: #bd092d;
}

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

.mood{
  background-color:#cc0c33;
  border: 1px solid pink;
  text-align: center;
}

.profile .contact{
  border: 1px solid pink;
}

.profile .contact .heading{
  background-color: #bd092d;
  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: #bd092d;
  border: 3px solid pink;
  text-align: center;
}

.profile-info{
background:url(https://images.45worlds.com/f/cd/the-cure-r2-74684-4-cd.jpg);
  border: 3px solid black;
}

DIV.blog-preview{
  border: 2px solid #8a0b24;
  text-align: center;
}

.profile .blurbs, .profile .friends{
  border: 2px solid #8a0b24;
  color: white;
  text-align: center;
}
.profile .blurbs .heading, .profile .friends .heading{
  background-color: #8a0b24;
}
.profile .blurbs .section h4{
  color: pink;
}
.profile .friends .person p{
  color: pink;
}
.comments-table td:first-child{
  background-color: #610719;
  border: 1px solid white;
}
.comments-table td{
  background-color: brown;
  border: 1px solid pink;
}

.profile .table-section{
  border: 1px solid brown
}
.profile .table-section .heading{
  background-color: #a10a28;
}

.details-table td:first-child{
  background-color: #5c0618;
  color: pink;
}
.details-table td{
  background-color: brown;
  color: pink;
}
.details-table td *{
  color: pink;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-4/oth378.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/04/29/ankh.html" target="_blank" title="Ankh"><img src="https://cur.cursors-4u.net/cursor.png" alt="Ankh" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 3s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

.col, main, footer, nav::before, .online, nav .links, nav .top {

animation: float 5s;

animation-iteration-count: infinite;

animation-timing-function: ease-in-out;

}

@keyframes float {

0% { transform: translate(0, 0px);

}

50% {

transform: translate(0, 8px);

}

100% {

transform: translate(0, -0px);

}

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/mWGeWoqeTwM?feature=shared//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>

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.