simple black & white starry layout

Tags: minimalistic, white, black, stars, cute, simple

Description:

comment if ur gonna use!! i rlly like this 1 :D
includes a custom cursor and scrollboxes 4 the comments, interests and blurbs

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=87054) -->

<a href="https://spacehey.com/gods_worst_angel">layout by valerie</a>
<br/>

<style>
body{
  background: url(https://ctl.s6img.com/society6/img/7GaezJ8-e5WHwWjx0vIYNbXzxVI/w_700/leggings/swatch/~artwork,fw_7500,fh_9000,iw_7500,ih_9000/s6-0044/a/19665959_16424241/~~/map-of-the-star-ii-leggings.jpg?wait=0&attempt=0) center;
  background-size: 500px;
}

main{
  background: black;
  color: white;
  border: solid 3px white;
  margin-top: 20px;
  text-align: center;
}

#comments{
  height: 200px;
  overflow-y: scroll;
}

.blurbs, .table-section:not(.table-section + .table-section) {
  height: 90px;
  overflow-y: scroll;
}

table.comments-table, .comments-table td, .comment-replies{
  border: none;
}

.friends a p{
  color: white !important;
}

.friends a p:hover{
  color: grey !important;
}

.logo{
  content:url("https://external-media.spacehey.net/media/sxuS8L8C4B6TLcCAIEt7NLitp-pE_XhAtwKBEhtgVKRM=/https://cdn.discordapp.com/attachments/1111836147530874910/1134738469650976848/Untitled174_20230729004512.png");
}

.icon{
  content: url(https://i.ibb.co/LvQ5tgw/whatthe.png);
}

nav .top{
  background: black;
  color: white;
  border: solid 3px white;
  margin-bottom: 20px;
}

nav .links{
  background: black;
  color: white;
  border: solid 3px white;
  font-size: smaller;
  text-align: center;
}

footer{
  background: black;
  color: white;
  border: solid 3px white;
  font-size: smaller;
  text-align: center;
}

nav .links a{
  text-shadow: none;
}

a{
  color: white;
}

a:hover, nav .links a:hover, nav .top a:hover, button:hover{
  color: grey !important;
  text-decoration-style: wavy !important;
}

button{
  color: white !important;
  background: none;
  border: none;
}

.count{
  color: white;
}

img{
  filter: grayscale(30%);
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: none;
--even-lighter-blue: none;
--lightest-blue: none;
--dark-orange: white;
--light-orange: none;
--even-lighter-orange: none;
--green: white;
}

body, body a:hover{
  cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAYABQCoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAAABwAAAAYAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAABwAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgAAACoAAABkAAAAXAAAACkAAAALAAAAAAAA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AF4AAAAJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAYAAABOODg4tm5ubrkQEBCcAAAAGwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMDA4sAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABICAgJvAwMDiwAAAEQAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwMDiwMDA4sAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAQAAAA4AAAAVAAAACAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAwOLAwMDiwMDA4sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAMDA4sDAwOLAwMDiwMDA4sAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwMDiwMDA4sDAwOLAwMDiwMDA4sAAAAAAAAAAAAAAAYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAcAAAAAAAAAAAAAAAAAAAADAAAAAwAAAAMAAAADAAAAAwAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAMAAAAAAAAAAwAAAAMAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA///////////////////////////////////////x4f//4AH///AB///wAf//8AH///AB///gAP//wAB//4AAf/+AAD//wAD///wH///+D////h////8f//3/v//8/////H////w////8H/////////////////////////////8='), auto;
}

body:before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%);
z-index: 7;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}
</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 105 comments ( View all | Add Comment )

ram♡na	1714871445 usinggg Report Comment
ren?	1710968794 using :) Report Comment
Mark X_X	1709644865 using maybe xP Report Comment
elquackity	1709440844 USING:D Report Comment
drew　 🍉	1709439632 using maybe (indecisive ass) Report Comment
sinwithwillz	1708652906 using ! Report Comment
kirbyyy	1708481517 using! :3 Report Comment
elizabeth	1708364038 using !! Report Comment
EliteCaptainNeko	1708262589 using ^_^ Report Comment
marie	1707934251 Using! Report Comment
[ #1 rody fan ] toms ,,	1707912958 using :3 Report Comment
miah	1707787019 so cute Report Comment thx <33 by ⨂ valerie vengeance ⨂; 1707789686; Report
⋆｡°✩ray✩°｡⋆	1707335633 using ! tysm Report Comment
seven ^_^	1707179937 using ^^ Report Comment
softie_toby	1707163764 using the star icons!^^ Report Comment
kw.oddy	1707005748 usadooooo Report Comment
Minxie	1706977771 uisnggg Report Comment
azzi	1706731910 using!:)) Report Comment
Swiss . '	1706713570 Using ^^ Report Comment
jeremy	1706625919 using Report Comment