Black and White Space Layout

Tags: black, dark, space, transparent, simple, layout

Description:

simple dark space layout ! feel free to edit however you'd like :-)

Preview:

click on the image for a larger preview

Code:

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

<style>body {
		background: url(https://i.ibb.co/0hytCtx/rbBrP8Y.png) center !important;
		color: #fff !important;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		background-size: 100%;
		background-color: #0f0f0f;
		size: 12pt;
	}

main {
  background: #191919ba;
  color: white;
}

.profile .blurbs .heading, .profile .friends .heading {
  background: #e2e2e280;
  color: white;
}
    nav .top {
  background: #191919ba;
  margin-bottom: 10px;
}
    nav .links {
  background-color: #e2e2e280;
  padding: 3.5px 16px 1px 16px;
}
    nav .links, footer .links {
  margin: 0;
  list-style: none;
 margin-bottom: 10px;
}

    nav .links a:hover {
  text-decoration: underline;
  color: #191919;
}
    nav .links a {
  color: white;
  text-shadow: 0 0 7px #272727;
}
    .general-about {
  background: #3d3d3dc2;
  color: #fff;
  border: 6px solid;
  border-color: #e2e2e280;
  text-align: right;
  height: 200px;
  max-height: fit-content;
  width: 300px;
  padding: 10px;
}
    .profile-pic {
 background: #3d3d3d00;
  float: left
    }
    
    .profile .blurbs .inner, .profile .friends .inner, .blog-entry .comments .inner, .bulletin .comments .inner {
  background: #3d3d3d52;
  color: #fff !important;
}
    .comments-table td:first-child, .music-table td:first-child {
  background: #19191900;
}
    .comments-table td, .music-table td {
  background: #e2e2e280;
}
    .profile .blurbs .section h4 {
  color: #d3d3d3;
}
    .count {
  color: #9e9e9e;
}
    .profile .friends .person p {
  color: #ddd;
}
    a:link, a:visited {
  color: #fff;
}
    a:hover {
  text-decoration: underline;
    color: #aaa;
    }
    
    .profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background: #555555a3;
  color: white;
}
    .profile .contact, .profile .url-info, .profile .table-section, .home-actions {
  border: 2px solid #ffffff8c;
}
    .details-table td:first-child {
  background: #555555a3;
  color: #e6e6e6;
}
    .details-table td {
  background: #e2e2e280;
}
    footer {
  background: #191919ba;
}
    .online img {
  content: url("https://i.ibb.co/PWgzQnP/6riYIwI.gif");
  animation-name: Awooo;
}
    .online {
  color: #d1d1d1;
}
</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 39 comments ( View all | Add Comment )

marizari	1745019758 using :3 Report Comment
Saki ~	1735620488 Using! Report Comment
drum	1731501137 using B) Report Comment
ᶻ 𝗓 𐰁	1722938001 Using :] Report Comment
nessie	1722364083 using!! edited a bit for personal use :D Report Comment
Hey.3440	1722261283 Using Report Comment
lati ☆	1718992052 using! Report Comment
fedyaww	1715640800 using! Report Comment
Astell_🍰	1705066306 Usingg Report Comment
doinkie	1693045642 omg using Report Comment
Omenwyrm	1690243266 updated image links so they work again! Report Comment
Soup !!!	1688167436 using !! Report Comment
j	1685047666 using fr thka yiu Report Comment
HOBIE	1683485493 using :-] Report Comment
Finn	1679780169 Using! I don't know how to code, so thank you for making it easy to just copy-paste!! Report Comment
Toyota	1679640078 this is going to be great, going to be probably modifying it a bit though! :) Report Comment
Sal^^	1679460726 Using! Report Comment
Vxraa	1678942767 using rnnn!! Report Comment
Nicholas (music on prof🎧)	1678242794 using!! Report Comment
Ezra/Sheldon !!	1678225331 Using probably ^^ Report Comment