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

Alec Sadler	1726606424 usingg Report Comment
ᶻ 𝗓 𐰁 POVYTUKCHA	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
Lucian	1689795805 using 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
erol	1678222386 using!!! Report Comment