Black & Green

Tags:

Description:

Says it on the tin, a layout that is both Black and Green. Inspired by like, retro terminals with black and green but designed to fit on a spacehey page. Code is quite crude, might want to look into it but that's fine for now. Might be a bit rough around the edges, but it looks pretty good.

Preview:

click on the image for a larger preview

Code:

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

<style>
p {
	 color: #0f0; 
}
main {
	color: #006a00;
	font-size: 80%;
background-color: black;
}
.profile {
  background-color: black;
}
.profile .blurbs .heading, .profile .friends .heading {
	background: #032b00;
	color: #14ff00;
	padding: 2px 7px;
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
	background: #032b00;
	color: #14ff00;
	padding: 2px 7px;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
	width: 100%;
	 background: #032b00;
}
.details-table td:first-child {
	background: #BFDBFE;
	background: #000;
	color: #1D4ED8;
	color: #000;
	font-weight: bold;
	width: 33%;
}
.details-table td {
	background: #DBEAFE;
	background: #000;
	vertical-align: top;
}
body {
	background-color: #e3e3e3;
	background-color: #000;
	font-family: "Lucida Console", "Courier New", monospace;
}
nav .links {
	background-color: #60A5FA;
	background-color: #008409;
	padding: 3.5px 16px;
}
nav .top {
	background: #1D4ED8;
	background: #004a05;
	padding: 15px 10px 14px 10px;
	display: flex;
	position: relative;
}
a {
	color: #0f0;
	text-decoration: none;
}
.profile .blurbs .section h4 {
	margin: 0;
	color: #ED0707;
	color: #14ff00;
}
.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
	width: 100%;
	border: 2px solid #076400;
	/* border: 2px solid #032b00; */
	margin: 10px 0;
}
footer {
	text-align: center;
	font-size: 70%;
	margin: 10px 0 10px;
	padding: 10px 5px;
	background-color: #e3e3e3;
	background-color: #000;
}
nav {
	color: #0f0;
	font-size: 72%;
	font-size: max(72%, 12px);
}
.logout-btn, .logout-form {
	color: #0f0;
	display: inline-block;
	font-size: 100%;
	letter-spacing: 0.6px;
}
nav .links a {
	text-decoration: none;
	color: white;
	text-shadow: 0 0 7px #000;
	font-size: 0.98em;
	font-size: max(0.98em, 12px);
}
.count {
	color: #FFF;
}
.profile .friends .person p {
	color: #fff;
	font-weight: bold;
	width: 100%;
	overflow-wrap: break-word;
	word-break: break-word;
	font-size: 100%;
	text-align: center;
}
a:hover {
  color: #008409;
}
</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 18 of 18 comments ( View all | Add Comment )

🍕Slinky🎉	1740424989 using Report Comment
wybie lovat	1740281777 using Report Comment
S4mmy	1738490579 Using!! :3 Report Comment
zombiiboy	1738159292 useingnyhehe Report Comment
CASTIELL	1736774039 using ^^ Report Comment
heehoo	1735945129 using Report Comment
noodle	1734866129 using! Report Comment
xXxStar_BreadxXx	1734684711 using!! Report Comment
monstarrr	1734134245 using! Report Comment
yoshka??	1729808329 using :3 Report Comment
turrie ෆ	1727044604 using :P Report Comment
Habeba_X3	1723669762 usinggg Report Comment
Hero!!	1721093894 usinggg:3 Report Comment
WizardDude	1716897808 using :D Report Comment
Bahrlee	1716875972 using Report Comment
faith	1713376403 using Report Comment
Neil	1709752401 using Report Comment
𖦹Cal𖦹	1708401956 using Report Comment