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

XxEclipse7376	1695820728 Using Report Comment
EVO	1695228922 USINGGG Report Comment
CHOMMY!	1695128415 using Report Comment
✰ :; ~ ELIJHA !! ᶻ 𝗓 𐰁	1694038181 using Report Comment
yayo <3	1691262028 luv it sm<3 Report Comment
maya	1686418909 cool!! Report Comment
Pissmuffin	1681622065 Good stuff man... Cheers! Love the work. Report Comment
freakazoid	1676836730 very very cool xx Report Comment
yomie	1647439452 this shit cool. Report Comment
trashmi	1647401987 cool! Report Comment
libet	1647141196 awesome layout :) Report Comment
xxstarxx	1646623833 thanks for adding Report Comment
Jonnyz	1643137252 Thanks!!! Report Comment
paukowski	1641075726 thank you, can't code for shit, so your theme was helpfull Report Comment
Alastix	1639921368 Going to use rn! Ty! Report Comment
Ken ♡	1637391627 tyyy ! Report Comment
Vrede	1636812123 Do you create vectors for others as well? Report Comment
BetteringDave	1633726212 Diggin the vibes, and now I'm using it. Thanks Report Comment
Dr_0wl	1633622296 dope as fuck Report Comment
kaden	1633587067 Hi! where can i embed a youtube video or spotify link in your code? im quite new to the coding thing :) Report Comment