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 17 of 17 comments ( View all | Add 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! 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
Freakish Uproar	1612559668 That is a very cool look. Very 70's "archival footage of performance art" aesthetic I can get behind Report Comment
🌟Nerd On A Spaceship🌟	1611640129 This is so cool! Report Comment
Segwon	1611621180 Thank you for creating. This layout is NOICE Report Comment
Cory	1611597072 This is one of the best layouts I've seen on here. Clean, easy to read, great on mobile, but still is full of personality and aesthetic. Report Comment