Simple Lee

Tags: cool, simple, minimalist, spacehey layouts, css, layout, blue, dark, black, cool layouts

Description:

**READ EVERYTHING BEFORE USING**

i do not own any images or codes used in this layout! everything belongs to their respective owners and copyrights

dark, simple layout with custom online indicator, a tinted blue theme, crosshair cursor and typewriter font. the goal has been trying to work on creative projects like these without forcing myself to create anything extravagant and getting discouraged, hence the simplicity. i hope you enjoy, it was fun to tweak

what you're getting:

RULES:
- don't remove credit
- feel free to make changes but do not claim as your own
- follow spacehey rules
- IM me for any issues or questions

to use this layout in BLOGS / BULLETINS / ETC
< > in text editor
copy code
add your content

Preview:

click on the image for a larger preview

Code:

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

PUT THIS IN YOUR 'ABOUT ME' OR 'WHO I'D LIKE TO MEET' SECTION:

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

* {
cursor: crosshair;
text-transform: lowercase;
box-sizing: border-box;
font-family: 'Sometype Mono', monospace;
font-size: 9pt;
color: slategray;
}

main {
font-family: 'Sometype Mono', monospace;
font-size: 9pt;
color: slategray;
background-color: transparent;
}

body {
background-color: black;
}

h1, h4 {
color: slategray;
text-shadow: 1px 1px 4px gray;
}

.profile .blurbs .section h4 {
color: slategray;
}

nav .top {
background: transparent;
}

nav .links {
background: transparent;
}

nav .links a {
color: slategray;
font-weight: bold;
text-shadow: none;

}

nav {
font-size: 9px;
}


.profile .blurbs .heading, .profile .friends .heading {
background-color: transparent; 
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
  background: transparent;
  padding: 2px 7px;
}


a:link {
color: slategray;
}

a:visited {
color: gray;
}

a:hover {
text-decoration: none;
}

.right:hover {
text-decoration: none;
}

a:active {
color: gray;
}

.logo {
transition: 0.9s;
opacity: 0.8;
}

.details-table td:first-child {
  background: transparent;
  font-weight: bold;
  width: 33%;
}

.details-table td {
  background: transparent;
  vertical-align: top;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions, .general-about, .friends, .blurbs, .blog-preview {
  width: 100%;
  border: 1px solid rgb(112, 128, 144);
  border: 1px solid rgba(112, 128, 144, .3);
  margin: 10px 0;
}

.count {
color: lightblue;
}

.general-about .profile-pic {
  display: block;
  float: left;
  margin: 15px 15px 8px 8px;
  height: 160px;
}

.online, .online img {
visibility: visible;
color: lightblue;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.5,0,0,1.5);
animation-duration: 4s;

}

#text {
display: none;
}

.online img {
display: none;
}

.details {
margin: 9px;
}

.comments-table td:first-child, .music-table td:first-child {
  background: transparent;
  text-align: center;
  font-weight: bold;
  width: 38%;
}

.details-table td:first-child {
  color: lightblue;
  font-weight: bold;
  width: 33%;
}

footer {
background-color: transparent;
color: slategray;
font-weight: bold;
}

footer p {
font-size: 9px;
}

.icon, .award img {
  visibility: hidden;
  height: 1.4em;
  width: 1.4em;
  aspect-ratio: 1/1;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.3em;
  color: rgba(0,0,0,0);
}

.comments-table td, .music-table td {
  background: transparent;
  vertical-align: top;
}

table.comments-table, table.music-table, table.bulletin-table, table.forum-table, table.groups-table {
  width: 100%;
  overflow-wrap: break-word;
  word-break: break-word;
  border: 1px solid rgb(112, 128, 144);
  border: 1px solid rgba(112, 128, 144, .3);
  margin: 10px 0;
  
}

/* credit */

.col.right::after {
font-weight: bold;
font-size: 10px;
opacity: 0.4;
color: lightblue;
content: "simple lee by hayl(eh)";
float: right;
pointer-events: none;
}

button {
  font-family: 'sometype mono', monospace;
  background-color: transparent;
  border: none;
}

input {
  margin-right: 8px;
  height: 18px;
  width: 140px;
  background-color: black;
color: lightblue;
border: 1px solid slategray;
}

#comments {
  height: 300px;
  overflow: auto;
}

nav .links a {
  color: slategray; 
}

.profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner, .setting-section .inner {
  padding: 7px;
  overflow: scroll;
}

.details-table td:first-child {
display: none;
}

.contact img {
display: none;
}

.blog-preview {
padding-left: 8px;
}

.contact .f-col {
padding-left: 10px;
}

.general-about {
overflow: auto;
}

.comment-replies {
border: 1px solid rgb(112, 128, 144);
border: 1px solid rgba(112, 128, 144, .3);
}

li {
font-size: 5px;
}

nav .links .special a {
  color: slategray;
}

.logout-btn, .logout-form {
  color: slategray;
  display: inline-block;
  font-family: 'Sometype Mono', monospace;
  font-size: 9px;
}

nav .links a:hover {
  text-decoration: none;
  color: gray;
}

.pfp-fallback {
overflow: hidden;
max-width: 100px;
height: 160px;
filter: sepia(100%) saturate(98%) brightness(40%) hue-rotate(180deg) contrast(120%);
}

.logo {
overflow: hidden;
max-width: auto;
height: 160px;
filter: sepia(250%) saturate(98%) brightness(40%) hue-rotate(160deg) contrast(230%)
}

.comments-table td:first-child img:not(.icon) {
  width: 100px;
  max-width: 100%;
  max-height: 100px;
}

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

⋅𖦹₊✧Emiot✧₊𖦹⋅	1732057024 Using! Report Comment
Yokai	1731570692 using!! Report Comment
Yokai	1731570692 using!! Report Comment
nesoemil	1731393311 USING !! Report Comment
VIGGO	1730835949 Using. Report Comment
rara (revamp)	1730470150 using Report Comment
dreamy!!	1730198042 using Report Comment
mofi ♡	1730093767 using Report Comment
sanii	1730073931 using!!!! Report Comment
gene!!	1729868197 USING!!! Report Comment
Moon	1729660378 Using!! Report Comment
ᛕꪖꫀꪶꪗꪀ?	1729403732 using. probably. Report Comment
G4rlicBreaddd_	1729320170 using Report Comment
roblovesnickk	1729267177 usingg Report Comment
ㅤAlex ₊˚⊹ ᰔ	1728900009 using Report Comment
ayako<33	1728408600 using ! Report Comment
miles —	1728397357 Using! Report Comment
edvyn	1728310383 using! Report Comment
vicci X3	1727737443 using !! Report Comment