The Cure layout!

Tags: goth, simple, layout, music

Description:

Feel free to change anything! Also, I'm very sorry if there's a problem with the layout, this is my first layout I've ever made. If there are any problems, please let me know and I'll try to fix them!

Edit 5/15/23: I kinda updated this, it's just a tiny bit better lol. I changed: the font, the cursor, the contact emoji thingys, and a few colors.
Please comment if you use this, thank you :)!

Preview:

click on the image for a larger preview

Code:

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

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Irish+Grover&display=swap');
p{
    font-family: 'Irish Grover', cursive;
    font-size: 120%;
    color: white;
}

h1 {
  color: rgb(188,230,226);
  text-shadow: 1px 1px 2px #000000;, 0 0 25px black, 0 0 5px black;
}
h2 {
  color: rgb(188,230,226);
  text-shadow: 1px 1px 2px #000000;, 0 0 25px black, 0 0 5px black;
}
h3 {
  color: rgb(188,230,226);
  text-shadow: 1px 1px 2px #000000;, 0 0 25px black, 0 0 5px black;
}
h4 {
  color: rgb(188,230,226);
  text-shadow: 1px 1px 2px #000000;, 0 0 25px black, 0 0 5px black;
}

h1,h2,h3,h4,h5{
    font-family: 'Irish Grover', cursive;
    font-size: 100%;
}
  body {
   background-image: url(https://media.discordapp.net/attachments/1018753164020813906/1115778148538273923/desktop-wallpaper-the-cure-disintegration-1989-the-cure-robert-smith.jpg);
background-size: cover;
height: 100%;
background-attachment: fixed;

}
main{
background: rgba(0, 0, 0, 0) !important;
}

.profile {
   background: rgb(0,0,0)
}    
.general-about .profile-pic img{
 clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%)
}
.profile .friends .person img {
 clip-path: polygon(50% 0%, 67% 29%, 98% 35%, 75% 58%, 79% 91%, 50% 75%, 21% 91%, 25% 58%, 2% 35%, 33% 29%)
}
footer {
    border-radius: 15px;
    background-image: url(https://www.wallpaperflare.com/static/752/707/673/the-cure-name-font-letters-wallpaper.jpg);
    color: white;
}

:root {
    --logo-blue:black;
    --darker-blue: rgb(188,230,226);
    --lighter-blue: black;
    --even-lighter-blue: rgb(126,202,202);
    --lightest-blue: rgb(188,230,226);
    --dark-orange: rgb(188,230,226);
    --light-orange: rgb(104,171,171);
    --even-lighter-orange: rgb(188,230,226);
    --green: rgb(104,171,171)
}
.online{
color: rgb(188,230,226);
font-family: 'Irish Grover', cursive;
font-size: 19px;
text-align: left;
}

.online img{
display: none;
}


</style>

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur827.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/11/10/small-cute-teal-pointer.html" target="_blank" title="Small Cute Teal Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Small Cute Teal Pointer" style="position:absolute; top: 0px; right: 0px;"/></a>

<iframe src="https://giphy.com/embed/VInv4mtfvQj8k" width="400" height="400" frameborder="0" class="giphy-embed" allowfullscreen=""></iframe><p><a href="https://giphy.com/gifs/rock-the-cure-VInv4mtfvQj8k">

<style>

nav .links a:hover{
text-decoration: line-through;
color: #bce6e2;
}

a:hover {
color: #bce6e2;
}

.count{
color: #bce6e2;
}
.profile .friends-grid .person p{
color: #bce6e2;

}

.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
	/* Add to Friends */
	content: "🩵"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "🩵"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "🩵"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "🩵"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "🩵"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "🩵"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "🩵"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "🩵"
}

.col, main, footer, nav::before, .online, nav .links, nav .top, .container {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top, .container {
animation: float 3s;
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></style></a></p>

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

Sarah	1733167492 using Report Comment
luna	1731388142 usingg Report Comment
ornella	1728923511 using :) Report Comment
Vampyyxxe♱	1728249788 using <3 Report Comment
ashadash1t_fvck	1725100607 usandoop!!!! Report Comment
𝔙𝔢𝔫𝔦𝔦	1722330672 using Report Comment
Nico	1719546468 using Report Comment
K3I ☆	1717478634 using !! Report Comment
groovalicious	1709933093 using !!! Report Comment
s4mmy the jam¡son! ♡ (actual george michael)	1707888903 using!!! :D Report Comment
⋆ 𝖞𝖆𝖞𝖆 ⋆	1707612388 using, ty!!! Report Comment
˗ˏˋ notjeremia ★ ˎˊ˗	1706568392 using :33 Report Comment
badg3rb0y	1695929768 using this, its so cute!!! Report Comment
blanchedew	1695850444 using!!!! Report Comment
SPiLL⚙️	1695075451 using👍 Report Comment
Pb0nkY	1690543491 using !! ^^ Report Comment
Bonnie	1690356708 using! ^__^ ty! Report Comment
annalia ! 🎸	1689093150 using :-) ty! Report Comment
f1nn3gan_g3rhard1	1689072533 I will use. Report Comment