midnight sky layout

Tags: purple, retro, round, space, 80s, black, theme, dark, neon

Description:

a layout i whipped up per request! i don't usually do requests, but i figured hey, why not? and it turned out pretty cool! the screenshot i grabbed is from the spacehey layout editor, by heroin-bob on github. it's a third party tool, so things may look a little bit different when you upload this to your own profile! i've checked it on the website proper, though, and it seems fine. this layout comes in retro purple, with lots of rounded corners and floaty-type blocks. it's pretty simple as far as themes go, but it looks nice! there's plenty of room here to fiddle around and add extra bells and whistles. if you have any issues with this code, send me a DM! chances are, i put a bandaid over a bug and it's starting to peel. T_T if you're good at coding don't perceive this spaghetti or i'll cry. credit is greatly appreciated, but not necessary! comment down below if you're using it and want to show it off!

Preview:

click on the image for a larger preview

Code:

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

this is where your bio goes! this will show up under "about me" on your page! words words words, blah blah blah, so on and so forth






<style>
  
  /* DEFAULT COLORS */
 
	:root {
  --logo-blue: #a724ff;
  --darker-blue: #FF;
  --lighter-blue: #c061ff;
  --even-lighter-blue: #c061ff;
  --lightest-blue: #ca7aff;
  --dark-orange: #ffffff;
  --light-orange: #ff33a3;
  --even-lighter-orange: #ffffff
  --green: #5f562b;
    }
  
  body {
  background-image: url('https://64.media.tumblr.com/4b6645612d0759675931d9542e22825a/57149dfbb6122ed3-00/s2048x3072/a2c384bd0cabc394c5544768ae710775e90d298d.jpg');
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  background-color: #150024;
    }
  
  main {
  background: transparent;
  }
  
  h1, .profile-info, main .left {
  color: white;
  }
  
  
  .mood, .profile .contact, .profile .url-info, .profile .table-section, .home-actions, .profile .blurbs, .friends, #comments.friends, .blog-preview {
background: #a724ff;
  border: none;
  border-radius: 25px;
  padding: 5px;
  color: white;
  text-shadow: 1px 1px 1px #2C0749;
  overflow: hidden;
    }
  
  .mood, .friends {
  margin-bottom: 13px;
  }
  
  .count {
  color: #ff57c7;
  }
  
  .profile .friends .person p {
  color: white;
  }
  
  .profile-info {
  border: none;
  text-transform: lowercase;
  height: 45px;
  }
  
  nav .top {
  margin-top: 10px;
  border-radius: 25px 25px 0px 0px;
    }
  
  	nav .links {
  border-radius: 0px 0px 25px 25px;
  text-align: center;
  text-transform: lowercase;
  font-size: 8px;
    }
    nav .links a {
  color: #ff;
  font-weight: bold;
  font-size: 9px;
  text-shadow: 0 0 7px #f50087;
    }
  nav .links a:hover {
  color: #ffdbef;
  font-size: 10px;
  }
  
    input {
  color: #ff33a3;
  border-radius: 25px;
  padding: 3px;
  border: none;
    }
  nav .top label {
  display: none;
  }
  
  button {
  border-radius: 25px;
  background-color: #ff8aca;
  padding: 2px;
  text-transform: lowercase;
  border-color: transparent;
  color: white;
    }
  button:hover {
  border-radius: 25px;
  background-color: #ff8aca;
  padding: 2px;
  text-transform: lowercase;
  border-color: transparent;
  color: white;
  transform: scale(1.1);
    }
  
    a {
  color: #ff;
  font-weight: bold;
  font-size: 11px;
  text-shadow: 0 0 7px #f50087;
    }
  a:hover {
  color: #ffdbef;
  font-size: 12px;
  }
  
  .comments-table td:first-child {
  background-color: transparent;
  }
  
  .comments-table {
  background-color:   #c061ff!important;
  border-radius: 25px;
  }

  .blog-preview h4 {
  display: none;
  }
  
  .contact {
  text-transform: lowercase;
  }

  .heading, .profile .blurbs .heading, .profile .friends .heading, .contact .heading, .table-section .heading {
  background: #c061ff!important;
  text-transform: lowercase;
  border-radius: 25px;
  width: fit-content;
  margin: auto;
  text-align: center;
  }
  
  .details-table td {
  border-radius: 25px;
  background-color: #ca7aff;
  }
  .details-table td a {
  color: white;
  text-transform: lowercase;
  }
  .details-table td p {
  color: white;
  text-transform: lowercase;
  }
  
  
  .profile .url-info p b {
  display: none;
  }
  
  .comment-replies {
    padding: 0 5px;
    border: transparent;
    border-radius: 25px;
    margin-top: 10px;
    background-color: #ca7aff;
}
  
  table.comments-table, table.music-table, table.bulletin-table, table.forum-table, table.groups-table {
    width: 100%;
    overflow-wrap: break-word;
    word-break: break-word;
  border: 2px solid transparent;
}
  
  footer {
  background-color: #c061ff;
  text-transform: lowercase;
  border-radius: 25px 25px 0px 0px;
}
  footer a {
  font-size: 9px;
  color: white;
}
  
  
  
</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 12 of 12 comments ( View all | Add Comment )

D3adG1rl	1720312018 usign most of it, vry cute :D Report Comment
cosmaXP	1716551010 using:3 Report Comment
DJ_Eggman767	1710378974 I'll use it. I like purple Report Comment
☆•°Veggie Boy°•☆	1702380258 using it Report Comment
kanekaspar	1701125580 using :D Report Comment
ihatekit	1700101234 using!!! Report Comment
cherri	1700001510 using - satanick Report Comment
Ms Marvel	1699306685 Using!! Report Comment
Failedcatch	1698897757 Using👍 Report Comment
deviantDenominator	1698888946 Using!!! Report Comment
nocturne ᜊ₍ᐢ. ̞.ᐢ₎ᜊ	1698375318 using!! :] Report Comment
furbyz0ntheRADi0_	1698020652 oooo using!! Report Comment