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

Lehsanha	1714190078 Uuusing ^^ Report Comment
Kaori.p	1714103101 usando epa Report Comment
d1am0nd	1714020365 usando!!:] Report Comment
@MAXINNE !!	1714006143 using !! Report Comment
ozzy	1713645442 usingg Report Comment
seren	1713574201 using ! ! ^_^ Report Comment
k☆xia	1713435333 usinggg!! ^^ Report Comment
archervine	1713293439 uuuusing Report Comment
ilikeshinythings	1713230888 Using ^^ good, simple layout Report Comment
ilikeshinythings	1713230876 Using ^^ good, simple layout Report Comment
lyssyl	1713120283 using Report Comment
niina! 🍉	1712982663 using Report Comment
profesional boy kisser	1712967231 Using Report Comment
cerealcrow	1712878209 usin' Report Comment
vie	1712873207 using!! Report Comment
jade ya!	1712857754 using! Report Comment
Sam :>	1712635884 using :> Report Comment I LOVE UR PFP by Kamri ☆; 1712787963; Report
inhuman🍖🌈	1712539633 using Report Comment
sid	1712290248 te amo mucho. es el mejor que he visto Report Comment
ASH	1712257946 using!!:D Report Comment