90’s vaporwave

Tags: vaporwave, retro, lo-if, 90’s, vhs, trippy, black and white

Description:

A retro style vaporwave that works well with midnight lofi and brings a chill relaxing vibe with a lot of movement.

It isn’t posting my screenshot for some reason, but it’s the one I use on my profile minus a few details (a few color change in spots (darker boxes)), online symbol is different, and the intro animation isn’t there. I think those are the only differences I believe.

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap');

.online{
    content:url(https://i.imgur.com/8h9boFC.gif);
    height: 40px;
    width: 40px;
    
}

.profile{
    background-color:#000000;
}
td {
    background-color:rgba(160, 170, 200, 0.15) !important;
    border-radius:0px !important;
    
}
.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:#FFFFFF; !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:"General";!important
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content:"Songs";
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content:"Aesthetics";
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content:"Animes";
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content:"DnD Class";
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content:"Pets";
}
h1{
    color:#97b4d1;
    font-family:Montserrat, sans-serif;
    text-shadow:2px 2px #75504a;
}
.profile-pic img{
    border-radius:500px;
    box-shadow:4px 3px #2d1e1f;
    filter:grayscale(40%);
}
.contact {
background-image:url(https://i.imgur.com/JhHAi7G.gif);
  border-radius: 25px;
  border-color:#FFFFFF!important;
  background-position:right, bottom;
  background-size: 360px 150px;
  background-repeat: repeat-y;
  padding: 20px;
  width: 200px;
  height: 150px;
}

  body, .bodyContent  { 
 background-image:url(https://i.imgur.com/KQMOljo.gif);
 background-repeat:repeat;
 background-size:100%;
 background-attachment:scroll; 
 border-color:#00000000; 
 border-width:30px; 
 border-style:dotted;

 } 

p, h2{
    color:#FFFFFF!important;
}
a{
    color:#858aab!important;
    
}
.friends, .count, a p{
    color:#FFFFFF !important;
    text-align:center !important;
}
.friends-grid img{
    border-radius: 500px !important;
    filter:grayscale(60%) !important;
}

h4 {
    color:#FFFFFF !important;
}
.section h4{
    color: #FFFFFF !important;
}
.heading, .blurbs, .blog-preview, .friends, .table, .table-section, footer{
    background-color:rgba(10,13,20,.95) !important;
}
.table-section{
    border:none !important;
}
.heading{
    background:none !important;
    padding-bottom:0px !important;
}

.w-40 .table-section:last-child .heading h4{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;}

.w-40 .table-section:last-child .heading::after{
  content:"Follow Me";
  font-family:Montserrat!important;	
  text-shadow: 	2px 2px black !important;
  text-transform:uppercase !important;
  color:#FFFFFF !important;
  font-weight: bold !important;
    
}
  
.url-info {
    display:none !important;
}

.inner img{
    border:solid 1.5px white !important;
    filter:grayscale(60%) !important;
    border-radius: 45px !important;
}
.contact img{
    border:solid 0px!important;
}
main{
    border:outset 5px;
    border-top:none;
    padding-top:0px!important;
}
.w-40 .table-section:nth-last-child(2) .heading h4{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;}

.w-40 .table-section:nth-last-child(2) .heading::after{
  content:"Stuff";
  font-family:Montserrat !important;	
  text-shadow: 	2px 2px black !important;
  text-transform:uppercase !important;
  color:#FFFFFF !important;
  font-weight: bold !important;
}

.w-40 .contact .heading h4{
    color:transparent !important;
    text-shadow: none !important;
    letter-spacing: -100px;}

.w-40 .contact .heading::after{
    content:"lets be friends";
    font-family:Montserrat !important;	
    text-shadow: 	2px 2px black !important;
    text-transform:uppercase !important;
    color:#FFFFFF !important;
    font-weight: bold !important;
    background:transparent;
    
}
    
nav{
    background-image: url(https://i.imgur.com/aL4gaZy.gif);
    border-radius: 0px 0px 0px 0px; !important;
    background-size:100% 100%;
    border:outset 5px;
    border-bottom:none;
}
nav ul{
    background:none !important;
    
}
nav img{
    filter: opacity(80%) !important;
    
}
nav ul a img, .mood a img{
    display:none !important;
    
}
.top{
    background:none !important;
    background-color:rgba(0, 0, 0, 0.0) !important;
    
}
#comments{
    background-image: url(https://i.imgur.com/hYKgAvi.gif);
    background-size: 100% 100%;
    Height:300px;
    overflow:auto;
}
.comments-table{
    background-color:rgba(30,35,40,.9);
}
#comments img{
    border-radius: 1px!important;
    border:0px0!important;
}
</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.

Comments

Displaying 20 of 24 comments ( View all | Add Comment )

BetteringDave	1633726212 Diggin the vibes, and now I'm using it. Thanks Report Comment
Dr_0wl	1633622296 dope as fuck Report Comment
lis	1633587067 Hi! where can i embed a youtube video or spotify link in your code? im quite new to the coding thing :) Report Comment
the snitlist	1630269365 This is really cool!! Report Comment
FoxyTheMoon	1630107201 thank you so much Report Comment
kai <3	1630025775 this looks so cool, i love it!! Report Comment
VHSRecord	1628641850 i love this!!!! Report Comment
Miku Tour	1618983854 very beautiful thank you so much Report Comment
under construction	1617333616 Very cool! Love the vibe of this Report Comment
Lailoken	1615838891 I like the profile! :D I plan to design my own, but I'm picking several to help inspire what I end up with, and yours is in that list. :3 Report Comment
Ben Couch	1615188526 I'm using this one. Amazing work, thanks a lot! :) Report Comment
Matt Bird	1613802297 This rules! Report Comment
hunter	1613619259 Awesome! Thanks Report Comment
Charmz	1613520230 i love it!!! Report Comment
Lunarkitty420	1613492754 Okay, I used this thinking it was the pink layout you have currently.. WHAT IS THE PINK LAYOUT CODE PLS 💕 Report Comment I have it posted already! It’s the valentines layout under my layout page by RiviR; 1613569239; Report
emiliano	1613379622 v cool my homie Report Comment
Brandon	1612977515 Nice! I'mma just go stare at it for a while. Report Comment
DaKnopfler	1612969007 nice one, i love it! Report Comment
Ben	1612949950 ty, exactly what i was looking for Report Comment
PB Susan	1612861688 Very nice! Thank you for creating. Report Comment