Y2K Midnight Cyber City

Tags: 2000s, blue, purple, 90s, y2k, cyber, cyberpunk, 80s, city, vaporwave

Description:

Includes: base code, custom cursor, custom Online Now icon, tv-lines overlay, awesomeness
no credits needed, feel free to change anything!
Doesn't include spinning profile photo or any other graphics seen in the screenshot.
https://layouts.spacehey.com/crashtestdummy. Any problems please let me know!!

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Special+Elite&display=swap');
</style>
<style>

html:before {
  animation: grain 8s steps(10) infinite;
  background-image: url(https://i.pinimg.com/originals/69/a7/45/69a74507bc938244fcd6327bf6266589.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.2;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
@keyframes grain
  70% { transform:translate(0%, 15%) }
}

.online{

content: url("https://cur.glitter-graphics.net/pub/2377/2377869t7hy5v3gie.gif") !important;

}
/* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/cursors/cur-13/cur1150.ani), url(https://ani.cursors-4u.net/cursors/cur-13/cur1150.png), auto !important;} /* End https://www.cursors-4u.com */

    body{
color: white !important;
font-family: courier new;
background-image: url('https://i.pinimg.com/originals/b8/40/75/b840754a8525006e2ef6a36aec94e3e0.jpg') !important;
background-repeat: repeat;
  background-attachment: fixed;
}
    .container{
border-radius: 10px;
    }
    main{
border-radius: 10px;
border: 2px solid white;
 box-shadow: 0px 0px 15px 2px white;
background: rgba(255, 255, 255, 0.2) !important;
}
    .profile{
border-radius: 10px;
    }
    a{
color: white !important;
    }
    a:hover{ 
color: orange !important; 
    }
    a:visited{
color: white !important;        
    }
    button{
color: black !important;
    }
    h4{
color: white !important;
background-color: none !important;
    }
    .top{
color: white !important;
font-weight: bold !important;
border: 2px solid white !important;
border-radius: 10px;
 box-shadow: 0px 0px 15px 2px white;
background-image: url('https://th.bing.com/th/id/OIP.QKuEaTltDnZIO1aBKq1shAHaDT?pid=ImgDet&rs=1') !important;
background-repeat: REPEAT !important;  
    }
    .logo{
    }
    .top label{
color: white !important;
    }
    .top input{
color: black !important;
background-color: white !important; 
    }
    .top button {
color: black !important;
    }
    .top a{
color: white !important;
font-weight: bold;
    }
    .top a:hover{
color: orange !important;
    }
    .top a:visited{
color: white !important;
font-weight: bold !important;
    }
    .links{  
background-color: indigo !important;
 box-shadow: 0px 0px 15px 2px white;
border-radius: 10px;
    }
    .links a{
color: white !important;        
    }
    .links a:hover{
color: orange !important;
    }
    .links a:visited{
color: white !important;
    }
    h1{
color: white !important;
font-weight: bold !important;
    }
    .profile-pic{
    }
    .profile-pic img{
border-radius: 10px;
border: 2px solid white;
    }
    .general-about{
color: white !important;
box-shadow: 5px 5px 5px black;
border: 2px solid white !important;
border-radius: 10px;
background-image: url('https://th.bing.com/th/id/OIP.7ALjWLSoTtbBkXRHH1PTFAHaHa?pid=ImgDet&rs=1') !important;
background-repeat: REPEAT !important;
    }
    .mood{
color: white !important;
box-shadow: 5px 5px 5px black;
border: 2px solid white !important;
border-radius: 10px;
background-image: url('https://th.bing.com/th/id/OIP.7ALjWLSoTtbBkXRHH1PTFAHaHa?pid=ImgDet&rs=1') !important;
background-repeat: REPEAT !important;
    }
    .mood a{
color: white !important;
font-weight: bold !important;   
    }
    .mood a:hover{
color: orange !important;
font-weight: bold !important;
    }
    .mood a:visited{
color: white !important;
font-weight: bold !important;
    }
    .mood b{ 
color: white !important;
    }
    .mood p{    }
    .contact .heading{
color: white !important;
font-weight: bold !important;
background-color: darkmagenta !important;
    }
    .contact{
box-shadow: 5px 5px 5px black;
border: 2px solid darkmagenta !important;
background-image: url('https://th.bing.com/th/id/OIP.NjYd5Ic3XEwQpf55VBrVEwAAAA?pid=ImgDet&rs=1');
border-radius: 10px;
    }
    .contact a{
color: white !important;
font-weight: bold !important;
    }
    .contact a:hover{
color: orange !important;
font-weight: bold !important;
    }
    .contact a:visited{
color: white !important;
font-weight: bold !important;
    }
    .url-info{
color: white !important;
box-shadow: 5px 5px 5px black;
border: 2px solid darkmagenta !important;
border-radius: 10px;
background-image: url('https://th.bing.com/th/id/OIP.NjYd5Ic3XEwQpf55VBrVEwAAAA?pid=ImgDet&rs=1') !important;
background-repeat: REPEAT !important;
    }
    .url-info b{
color: white !important;
    }
    .url-info p{
    }
    .table-section{
border: 2px solid darkmagenta !important;
box-shadow: 5px 5px 5px black;
border-radius: 10px;
background-color: indigo !important;
    }
    .table-section .heading{
color: white !important;
font-weight: bold !important;
background-color: darkmagenta !important;
    }
    table.details-table{
    }
    .profile .details-table td{
color: white !important;
font-weight: bold !important;
border-radius: 3px;
background-image: url('https://th.bing.com/th/id/OIP.7ALjWLSoTtbBkXRHH1PTFAHaHa?pid=ImgDet&rs=1') !important;
    }
    .profile-info{
color: white !important;
box-shadow: 5px 5px 5px black;
border-radius: 10px;
border: 2px solid darkmagenta;
background-image: url('https://th.bing.com/th/id/OIP.NjYd5Ic3XEwQpf55VBrVEwAAAA?pid=ImgDet&rs=1') !important;
    }
    .blog-preview{
color: white !important;
box-shadow: 5px 5px 5px black;
border-radius: 10px;
font-weight: bold !important;
border: 2px solid darkmagenta !important;
background-image: url('https://steamuserimages-a.akamaihd.net/ugc/960856720982648938/AC7C20E9A36243A1B9223210D51B66AB59C10D91/?imw=450&impolicy=Letterbox') !important;
background-repeat: REPEAT !important;
    }
    .blog-preview h4{
color: white !important;
    }
    .blog-preview a{
color: orange !important;
font-weight: bold !important;
    }
    .blog-preview a:hover{
color: white !important;
font-weight: bold !important;
    }
    .blog-preview a:visited{
color: yellow !important;
font-weight: bold !important;
    }
    .blog-preview p{
    }
    .blurbs{
color: white !important;
box-shadow: 5px 5px 5px black;
border: 2px solid darkmagenta;
border-radius: 10px;
background-image: url('https://i.pinimg.com/originals/b0/aa/bc/b0aabcb78c90a34f0c599bb1f883f131.jpg');
    }
    .blurbs .heading{
color: white !important;
font-weight: bold !important;
background-color: darkmagenta !important;
border-radius: 3px;
    }
    .blurbs .section h4{
color: white !important;
font-weight: bold !important;
    }
    .friends .heading{
color: white !important;
font-weight: bold !important;
border-radius: 3px;
background-color: darkmagenta !important;
    }
    .friends{
color: white !important;
box-shadow: 5px 5px 5px black;
font-weight: bold !important;
border: 2px solid darkmagenta;
border-radius: 10px;
background-image: url('https://steamuserimages-a.akamaihd.net/ugc/960856720982648938/AC7C20E9A36243A1B9223210D51B66AB59C10D91/?imw=450&impolicy=Letterbox') !important;
background-repeat: REPEAT !important;
    }
    .friends-grid{
    }
    .friends a{
color: white !important;
font-weight: bold !important;
    }
    .friends a:hover{
color: orange !important;
font-weight: bold !important;
    }
    .friends a:visited{
color: wbite !important;
font-weight: bold !important;        
    }
    .friends b{
color: white !important;
font-weight: bold !important;
    }
    .friends p{
    }
    .friends .person p{
color: white !important;
font-weight: bold !important;
    }
    .count{
color: orange !important;
font-weight: bold !important;
    }
    .more{
color: white !important;
font-weight: bold !important;
    }
    .comments-table{
box-shadow: 5px 5px 5px black;
color: white !important;
font-weight: bold !important;
border: 2px solid black;
background-image: url('https://i.pinimg.com/originals/b0/aa/bc/b0aabcb78c90a34f0c599bb1f883f131.jpg')!important;
border-radius: 10px;
    }
    .comments-table td{
box-shadow: 5px 5px 5px black;
color: white !important;
border-radius: 10px;
border: 2px solid black;
background-image: url('https://i.pinimg.com/originals/b0/aa/bc/b0aabcb78c90a34f0c599bb1f883f131.jpg') !important;
    }
    .pagination{
    }
    footer{
color: white !important;
 box-shadow: 0px 0px 15px 2px white;
border: 2px solid white;
border-radius: 10px;
background-image: url('https://th.bing.com/th/id/OIP.QKuEaTltDnZIO1aBKq1shAHaDT?pid=ImgDet&rs=1') !important;
background-repeat: REPEAT !important;
    }
    footer a{
color: white !important;
font-weight: bold !important;
    }
    footer a:hover{
color: orange !important;
font-weight: bold !important;
    }
    footer a:visited{
color: white !important;
font-weight: bold !important;
    }
    footer .links{
color: white !important;
    }
    footer .links a{
color: white !important;
font-weight: bold !important;
    }
    footer .links a:hover{
color: orange !important;
font-weight: bold !important;
    }
    footer .links a:visited{
color: white !important;
font-weight: bold !important;
    }
    .copyright{
color: white !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 33 comments ( View all | Add Comment )

wanna smoke?	1746980401 using! Report Comment
alex west	1745783974 this is awesome definitely using it Report Comment
The Microwave	1745344372 This looks sooo cool! >.< Report Comment
Noémie	1744362754 Using ! Report Comment
SilverAnn	1744251087 using! Report Comment
p0chi_	1742576077 usingg Report Comment
DudyFresh [ru/eng/esp]	1741715540 using!!!! but some of th backgroung pictures were broken so i kinda fixed them but i dunno (((( Report Comment
Imugno	1739042779 USING!!! Report Comment
Shé	1738056182 so cool!!! Report Comment
𝓢𝓲𝓮𝓷𝓷𝓪	1737290886 this is so awesome sauce!! how would i seperate the coding and use the tv lines on my own profile theyre soo cool :D Report Comment
˚ ༘♡ ⋆｡˚Pandy˚ ༘♡ ⋆｡˚	1735622429 thank you so much man Report Comment
kniz ౨ৎ	1734179089 THIS LOOK SSO COOL! BUT HOW'D YOU DO THE TV LINES I WANNA USE IT FOR MY PROFILE :3 Report Comment
acutecandidate	1728863230 DEF USING!!! VIBES ARE TOOTALLY COOL Report Comment
danielcool8927	1721768156 gonna try this out!!! Report Comment
VAPID MEMORY	1719958918 using! Report Comment
𝖑𝖞𝖓𝖓⁸	1719594285 usingg Report Comment
47guy_	1716959052 using Report Comment
Niko!!	1715031341 using!! Report Comment
Blazingjaguar	1710935328 Using Report Comment
NinaTheHuman	1708014249 Usando:D Report Comment