Melon Collie and the Infinite Sadness | The Smashing Pumpkins

Tags: smashing pumpkins, grunge, alternative, rock

Description:

Yo this is the first layout I've really gone and published. Maybe this could be better but idc, made it for me. Credit would be alright but I didn't rlly code it in so idc much.

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Vujahday+Script&display=swap');

main{
background: rgb(255,251,113);
background: linear-gradient(180deg, rgba(0,50,120,0.5) 0%, rgba(0,50,131,0.9) 50%, rgba(15,50,120,0.7) 99%);
box-shadow: 0px 0px 10px #ffbb00;
}
body{
background-image: url(https://www.ixpap.com/images/2021/09/Smashing-Pumpkins-Wallpaper-4.jpg);
background-size: ;
height: 100%;
background-attachment: fixed;
}
:root {
    --logo-blue: #069;
    --lighter-blue: #d80;
}

.profile {
    font-family: 'Vujahday Script', cursive;
    color: white;
    font-size: 16px;
}
.profile h1{
font-family: 'Vujahday Script', cursive;
color: white;
text-shadow: 0px 0px 5px #ffbb00;
font-size: 30px;
text-align: center;
}

.profile .general-about{
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 1em;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #ffbb00;
text-align: center;
color: white;
}

.profile .friends .friends-grid p{
color: white;
text-shadow: 0px 0px 3px #ffbb00;
}

.profile .comments-table{
color: white;
text-align: center;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #ffbb00;
border: none;
}

.profile .comments-table .comment-replies{
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #ffbb00;
border: none;
color: white;
}

.profile .comments-table td{
background-color: transparent;
color: white;
padding: .5em;
}

a{
color: white;
text-shadow: 0px 0px 3px #ffbb00;
}

a:hover {
color: #ffbb00;
text-decoration: none;
}

.profile .blog-preview{
text-align: center;
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #ffbb00;
padding: 1em 0;
color: white;
}

.profile .blurbs .heading, .profile .friends .heading {
  background-color: #06e;
  color: #fff;
}

.profile .table-section .details-table td {
  background-color: transparent;
  color: #fff;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #06f;
  color: #fff;
}

.profile .contact, 
.profile .table-section,
.profile .url-info{
border: none;
background-color: rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px #ffbb00;
margin: .5em 0;
}

.profile .blurbs .section h4 {
    color: white;
}
</style>

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.