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

John Horne	1728503676 Can you make a version that works on blogs/bulletins? Report Comment
Billy	1727356036 Using :] Report Comment
Lex	1721065888 Using!!! Report Comment
franka	1718033686 using Report Comment
Gabriel The Apostate of Hate	1715401362 using Report Comment
Gabriel The Apostate of Hate	1715401361 using Report Comment can u friend me? by _SciBerry_; 1718293244; Report
Majen	1707592851 Usando Report Comment
Emy	1704726628 using Report Comment
Kei's dreamland	1703458357 using:) Report Comment
XxEclipse7376	1695820728 Using Report Comment
Nomad	1695228922 USINGGG Report Comment
CHOMMU!	1695128415 using Report Comment
1NF3CT3ED!!	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
KANA	1647141196 awesome layout :) Report Comment