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

Rip	1726518872 Using Report Comment
vikkstur	1726487136 using Report Comment
virus_	1726463808 Usingggg Report Comment
Kii.ᶻ 𝗓 𐰁.ᐟ	1725920031 using!! Report Comment
spider	1725652293 using! Report Comment
Boatfishhh!! ⭑｡𖦹°‧	1725278501 Using! Report Comment
Boatfishhh!! ⭑｡𖦹°‧	1725278479 using! Report Comment
GabriELLIe	1725219825 ussising Report Comment
?	1724964670 me using Report Comment
thy belled clandestine ☆	1724793006 usingg ^_^ Report Comment
✮!CODI!✮	1724402829 USING!!! Report Comment
SalmonC4t	1724400802 using!!! :D Report Comment
·:¨༺ ♱ Chris ♱ ༻¨:·.	1724313718 using Report Comment
ruii	1724157712 using ^^ Report Comment
Kris	1723809288 I love this!! Using :D Report Comment
Connor RK800	1723777851 using Report Comment
zombziedollz	1723493925 using :3 Report Comment
rbrte	1723214692 using Report Comment
✮⋆˙ charlie	1723059865 using Report Comment
๑°N☆tsumi._Nakamura°๑	1722989488 Using Report Comment