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

𝙰𝚜𝚝𝚎𝚕𝚕	1705066306 Usingg Report Comment
doinkie	1693045642 omg using Report Comment
Omenwyrm	1690243266 updated image links so they work again! Report Comment
juni ; avi	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
Beyond	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
Nicholaz (music on prof🎧)	1678242794 using!! Report Comment
Ezra/Sheldon !!	1678225331 Using probably ^^ Report Comment
erol	1678222386 using!!! Report Comment
prettyboyclown	1678099648 using!! Report Comment
Cookiezpanda	1678077644 Using!! Its so cute!!! Report Comment
JAIROOOO !! (Musica Ligera)	1677984750 this is so cool !! using rn :^ Report Comment
Gege	1677556862 I'm also using this! Thank you for sharing! Report Comment
cliff	1677522829 using it. ty for being so damn cool Report Comment
el	1677444363 using ! Report Comment