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 (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";
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 212 comments ( View all | Add Comment )

Luka	1741940362 using Report Comment
✮⋆˙BLOO_COLA˙⋆✮	1741933326 USING Report Comment
Fossil	1741755253 using !! Report Comment
i_ate_your_ass	1741540357 using! Report Comment
brennuus	1741144210 using Report Comment
alex	1741133093 using :) Report Comment
₊˚ʚ ᗢM͓͓̽̽k͓͓̽̽u͓͓̽̽b̽₊˚✧ ﾟ.	1741102727 using >< Report Comment
zomg :p	1741075372 using!! -3- Report Comment
\|𝙍𝙊𝙇𝘼𝙉𝘿\|	1740844502 USING :D Report Comment
_.ke2py$$_.	1740798080 USING Report Comment
𝐉𝐨𝐬𝐞𝐞	1740795693 Usando Report Comment
dayll	1740515450 Using Report Comment
simba	1740503657 uuuusing Report Comment
feli♡	1740425264 using Report Comment
Koish1Kom3ij1	1740296111 Using XD Report Comment
★ Eva !!	1740073992 usinngg!! Report Comment
Tabs	1739828728 Using!!! Report Comment
feiyi	1739696399 using Report Comment
bound2peo!	1739690015 usin Report Comment
rei	1739598563 usingg :3 kind of Report Comment