Ladytron - 604 style theme

Tags: ladytron, 2000s, liminal, backrooms, synthpop, webcore, 2001, crt

Description:

I love the aesthetic of this album and its artwork so wanted to try and best portray it for my spacehey layout.

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300&family=Vujahday+Script&display=swap');
@keyframes flicker {
  0% {
    opacity: 0.27861;
  }
  5% {
    opacity: 0.34769;
  }
  10% {
    opacity: 0.23604;
  }
  15% {
    opacity: 0.90626;
  }
  20% {
    opacity: 0.18128;
  }
  25% {
    opacity: 0.83891;
  }
  30% {
    opacity: 0.65583;
  }
  35% {
    opacity: 0.67807;
  }
  40% {
    opacity: 0.26559;
  }
  45% {
    opacity: 0.84693;
  }
  50% {
    opacity: 0.96019;
  }
  55% {
    opacity: 0.08594;
  }
  60% {
    opacity: 0.20313;
  }
  65% {
    opacity: 0.71988;
  }
  70% {
    opacity: 0.53455;
  }
  75% {
    opacity: 0.37288;
  }
  80% {
    opacity: 0.71428;
  }
  85% {
    opacity: 0.70419;
  }
  90% {
    opacity: 0.7003;
  }
  95% {
    opacity: 0.36108;
  }
  100% {
    opacity: 0.24387;
  }
}

html::after {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(00, 16, 16, 0.1);
  opacity: 0;
  z-index: 2;
  pointer-events: none;
  animation: flicker 0.15s infinite;
}

html::before {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.06), rgba(0, 255, 0, 0.02), rgba(0, 0, 255, 0.06));
  z-index: 2;
  background-size: 100% 2px, 3px 100%;
  pointer-events: none;
}
html {
  animation: textShadow 1.6s infinite;
}

body {font-family: 'Montserrat', sans-serif;
  background-image: url("https://studybreaks.com/wp-content/uploads/2021/12/Image-from-iOS-1-2.jpg");
  background-attachment: fixed;
}

nav .top {
    padding: 15px 10px 14px 10px;
    display: flex;
    height: 100px;
    background-image: url("https://i.ytimg.com/vi/G7y0aJSkVuI/hqdefault.jpg");
}   


nav .links a:hover  {
    color: #f00;
    text-decoration: underline;
}

nav .links {
    background-color: #222;
}

main a {
  color: #ff0000;
}

.profile .table-section .details-table td {
  background-color: #222;
  color: #f00;
}

.profile .contact, .profile .table-section, .profile .url-info {
  border: 1px solid #111;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background-color: #222;
  color: #fff;
}

.profile .blurbs .heading, .profile .friends .heading {
  background-color: #222;
  color: #fff;
}

.profile .friends .comments-table td {
  background-color: #222;
  color: #fff;
}

.profile {
    font-weight: bold;
}

.profile {
    background-color: #F8F4E8;
}
</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 11 of 11 comments ( View all | Add Comment )

JOHN☆	1696021262 thanks. Report Comment
JOHN	1695990411 thanks Report Comment
twinkalicious (max)	1682827662 uzing ! :D Report Comment
caspian-marshall	1682546037 using!! Report Comment
Ozzy!!🎵	1678926739 using!! :3 this is amazing Report Comment
KEROSENE	1677525909 OBSESSED I LOVE THIS SM THANK YOU Report Comment
Felix	1677173351 useinG! Report Comment
Ghoul	1674601191 Using :) Report Comment
Hearts2u	1670309031 Using! Report Comment
siren ! 𐀔	1659589309 using ! this is so cool Report Comment
d̸e͟w͟ｏ	1652817980 𝚞𝚜𝚒𝚗𝚐 this 𝚍𝚘𝚙𝚎 layout!. Report Comment Awesome! by 77razr; 1652879041; Report