Vintage Grunge Wallpaper Blue

Tags: vintage, grunge, blue, wallpaper, dark, creepy, old, decay, simple, floral

Description:

Notes: -I place my codes in my about me section. Anything else you want under the Blurbs area can be added into your Who I'd Like To Meet section. (I do this to keep the codes separate from other content.) -You can change your interest labels, found at the top of the code, labeled "topic". -Comments are in a scroll box. Hidden areas: Friends photos. url box. about me/who id like to meet headers.

Preview:

click on the image for a larger preview

Code:

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

<style>
table, th, td { border: 0px solid;}:root {

  --topic1: "topic 1";
  --topic2: "topic 2";
  --topic3: "topic 3";
  --topic4: "topic 4";
  --topic5: "topic 5";
  --topic6: "topic 6";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
    
    
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
   
   
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}

</style>

<style>
    a{
        
    color: #F6F3E4 !important;
        
    }
    a:hover{
        
    color: black !important;
        
    }
  
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Sacramento &display=swap');
h1{
  font-family: 'Sacramento', bold;
  font-size: 4.5em !important;
}
</style>
<style>
.general-about{
  position: relative;
  margin-top: 30px;
}
.general-about .profile-pic::before{
  content: '';
  background: url('') no-repeat;
  background-size: cover;
  display: block;
  width: 100px;
  height: 100px;
  z-index: 999;
  position: absolute;
  top: -43px;
  left: -32px;
}
</style>
<style>
             ::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    }

    ::-webkit-scrollbar-thumb {
    background: #2C4A52;
    }

    ::-webkit-scrollbar-track {
    background: grey;
    }
</style>
<style>
https://genericprofileeditor.neocities.org/profile?id=6326

a:hover{

background-color: transparent !important;
background-image: url('') !important;
background-repeat: repeat !important;
background-position: center !important;

}
.links a:hover{

background-color: transparent !important;
background-image: url('') !important;
background-repeat: repeat !important;
background-position: center !important;

}
</style>
<style>
.friends-grid{display: none !important;}
</style>

<style>
.contact .heading{display: none !important;}

.url-info{display: none !important;}

.profile-info{display: none !important;}

 .blurbs .section h4{display: none !important;}

.comment-replies{border: 0px solid none !important;}

 .table-section .heading{display: none !important;}

.blurbs .heading{display: none !important;}
</style>
<style>
    main{
    background-color: #2C4A52 !important;
    }

    body{
        
    background-color: black !important;
    background-image: url('https://cdn.wallpapersafari.com/40/35/6UV9RX.jpg') !important;
    background-attachment: static !important;
    background-repeat: no-repeat !important;
    background-position: top-center !important;
        
    }
</style>

<style>
    .top{
        
    background-color: transparent !important;
    }
    .links{
        
    background-color: transparent !important;
    }
    footer{
        
    background-color: transparent !important;
    }
</style>

<style>
body  
    {
--lighter-blue: none;
}
</style>

<style>
table.comments-table{

display: block;
height:  400px!important;
overflow-y: scroll;

}
</style>

<style>
.friends .heading{
color: black !important;
background-color: white !important;
}
</style>

<style>
.count{
color: white !important;
}
</style>

<style>
    .top{
    background-color: none !important;
    }
        .contact{
    background-color: none !important;
        }
    table.details-table{
    background-color: transparent !important;
    }
    .profile .details-table td{
    background-color: transparent !important;
    }
    .comments-table td{
    background-color: #2C4A52 !important;
    }
    footer{
    background-color: none !important;
    }

</style>
<style>
main:before {
width: 100%;
height: 20px;
display: block;
content: "";
background-image: url('');
background-position: center;
background-size: ;
}
@media only screen and (max-width: 600px) {
main:before{
height: 200px;
}
}
</style>

<style>  table, th, td {

text-align: center;

}</style>

<style>  body {

text-align: center;

}</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.