teletext inspired layout

Tags: retro, black, neon, 1990s, 2000s

Description:

basic layout inspired by the teletex service on itv, channel 4 and channel 5 from 1993-2010!!
its extremely simple 4 now but i want to work on something else so ive got to get it posted :p
feel free to modify as u wish!!

Preview:

click on the image for a larger preview

Code:

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

<style>
@import url(https://db.onlinewebfonts.com/c/2545d122b16126676225a5b52283ae23?family=VCR+OSD+Mono); 
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
</style>
<style>
*, .logout-btn {
font-family: "VCR OSD Mono"; 
}
h1, h4, a {
  text-transform: uppercase;
}
:root {
  --light-gray: #000;
  --gray: #000;
  --dark-gray: #919191;
  --darker-gray: #545454;
  --logo-blue: #0028FF;
  --darker-blue: #FF62C9;
  --lighter-blue: #30F6FF;
  --even-lighter-blue: transarent;
  --lightest-blue: transparent;
  --red: #FF5151;
  --dark-orange: #FFEF69;
  --light-orange: #ff1a1a;
  --even-lighter-orange: #09ff52;
  --strange-yellow: #dbae2e;
  --green: #34D399;
  --light-green: #E6F8DD;
  --medium-green: #A0C99C;
  --dark-green: #059669;
  accent-color: #1D4ED8;
  accent-color: var(--logo-blue);
}
main {
background:transparent;
color:white;
}
body {
background:black;
}
.container {
width:1000px;
}
nav .top .left {
  text-align: center;
}
element {
}
nav .links, footer .links {
  margin: 0;

  list-style: none;

  text-align: center;

}
nav .links {
  background-color: var(--logo-blue);
  text-align:center;
}
nav .links a:hover {
  text-decoration: underline;
  color: white;
}
nav .top .left a::before {
  content: "Teletext";
  color: yellow;
  font-family: 'Press Start 2P', system-ui;
  font-size: 50px;
  font-weight: bold;
}
nav .top .left .logo {
  display:none;
}
nav .top {
  flex-direction: column;
}
nav .top .right {
  text-align: center;
}
nav .top .center {
  display:none;
}
nav::before {
  content: "P100/07 Teletext 100 Dec14 13:33:37";
  word-spacing: 2650%;
  text-align: center;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
  border: 5px solid var(--lighter-blue);
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
  background: none;
}
.comments-table td:last-child {
  border: 5px lime solid;
  background: none;
}
.comments-table td:first-child {
  border: none;
}
.comments-table {
  border:none;
}
footer p {
  color: var(--dark-orange);
} 
a:hover {
  color: var(--lighter-blue);
}
.online {
  content: url('http://www.myspacegens.com/images/online_now/onlinenow.gif');
}
</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 9 of 9 comments ( View all | Add Comment )

Fumez_Music	1713906518 Using this! I can’t wait for the updated version! Report Comment
EDEN	1711692622 using ! Report Comment
EDEN	1711692622 using ! Report Comment
jules ˚. ୭ 📕	1710598684 Using!! Report Comment
Mikey ☆	1710248713 using x33 Report Comment
hnnytz	1708705012 usingg:333 Report Comment
Bϵׁ˥ֶּιּׅ֗!! 🐾	1705729052 usando!! Report Comment
alex	1705206123 THIS IS SO AWESUM!! ill be using dis thank you Report Comment