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

BratzLuvBrea	1761605622 using :) Report Comment
*relax	1759602132 using Report Comment
★Jae★	1755123355 Using Report Comment
Roni	1748474947 Using!! Report 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
Dante	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