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

may	1779584781 Using ! Report Comment
˚₊‧꒰ა 𝒦𝒾𝓋𝒶 𝓈𝒶𝓃~ ໒꒱ ‧₊˚	1775511017 Using! Report Comment
K ᴾᵉʳᵘᴾᵉʳᵘ 🎀★	1766538960 usinggg Report Comment
max	1764999637 usingg :D Report Comment
ᛝ⁺ᵐᵃⁿᵃ ᵐᵒʳᵃⁿᵍᵒ♱‧⁺	1764548325 usandoooo Report Comment
.º🪽꒱-「𝓢ev𝟑n / 𝓐zur3」.	1763313883 Using! Report Comment
kk!	1751498234 using!! except for the scroll boxes. how the hell do i get rid of the scroll boxes Report Comment
SCOOPY	1750921236 just the cursor using Report Comment
Niko 𖤐 Bug !!	1748434098 usiiiiinnnggg !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! Report Comment
Aztrid ^_^	1747767198 using :33 Report Comment
Hearts4Val444	1742831072 using Report Comment
Anoud	1740950271 using Report Comment
rupt - moved to friendrewind !! ily all <3	1740730117 using :OO Report Comment
juju ウィジュ	1739970235 using yeahhhhh Report Comment
Mel	1739668174 using! Report Comment
itty.bitty.isa	1739542447 Using Report Comment
pixe	1736969958 usingg <33 Report Comment
rave!!🧟‍♀️🫐𖦹	1728072696 using!!^^ Report Comment
Logan / Castiel	1724636252 using<3 Report Comment