Basic, compact, full DARK layout

Tags: tragiictayy, compact, full, dark, basic, layout, black, cute, emo

Description:

Hidden: online now, url and edit profile.

You can remove the scrolling from friends and comment sections, but isn't recommended for the compact look.

Interest section will look best with scroll boxes, as well.

If you use this, please comment below, or add me on here. Thank you! :)

Preview:

click on the image for a larger preview

Code:

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

<style>
:root {
    --logo-blue: white;
    --darker-blue: white;
    --dark-orange: white;
    --light-orange: black;
    --lighter-orange: black;
    --light-blue: white;
    --lighter-blue: black;
    --lightest-blue: white;
}

nav .top {
 background: black;
}
nav .top a{
 color: white;
}

nav .links {
 background: black;
 font-size: 10px;
 font-family: 'Courier New', monospace;
 text-align: center!important;
  color: gray;
}

nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
 content: "";
 color: gray;
}

nav img.logo{filter: invert(86%) sepia(1%) saturate(647%) hue-rotate(36deg) brightness(100%) contrast(85%);!important;}

.search-wrapper input[type=text] {
  background-color: black!important;
  border: none!important;
  color: white!important;
  border-radius: 0px !important;
  font-size: 10px;
}

button{
  border-radius: 0px!important;
  border: none!important;
  background-color: black!important;
  color: white!important;
  font-size: 10px;
}

b {
 color: #3c3c3c;
 letter-spacing: -1px;
}

i {
 color: #3c3c3c;
 letter-spacing: 1px;
}

a:link {
  color: #3c3c3c;
}

a:hover {
  color: white;
  text-transform: uppercase!important;
}

a:visited {
  color: #3c3c3c;
}

.profile {
  background-color: black;
  color: white!important;
  font-family: 'Courier New', monospace;
  font-size: 10px;
}

h1 {
  background-color: #3c3c3c;
  color: black;
  font-size: 10px;
  padding: 2px;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
  background: #3c3c3c;
  color: black;
  text-align: left;
  font-size: 10px;
}

.profile .blurbs .heading, .profile .friends .heading {
  background-color: #3c3c3c;
  color: black;
  text-align: left;
  font-size: 10px;
}

.profile .contact .f-row {
   margin: 0;
}

.contact .inner a img {
   font-size: 0;
}
.contact .inner a img:before {
   font-size: 1em;
   display: block;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
   border: none!important;
}

.profile-info {
 display: none!important;
}

.blurbs .heading {
  display: none!important;
}

.url-info {
  display: none!important;
}

.online {
  display: none!important;
}

table.details-table {
  border-collapse: collapse!important;
}

table.details-table td {
  background-color: transparent!important;
  color: white;
}

main {
  background-color: black;
  color: white!important;
}

body {
  background-image: url(https://wallpapercave.com/wp/wp5339401.jpg);
  background-attachment: fixed!important;
  background-size: contain;
}

.friends-grid {
  background-color: black;
  color: white;
  overflow-y: scroll;
  height: 20px;
}

table.comments-table td {
  border: none!important;
  background-color: black!important;
  color: white;
}

table.comments-table {
  border: none!important;
  display: block;
  height: 20px!important;
  overflow-y: scroll;
}
.container {
  margin-top: -80px;
  padding:100px;
}

footer {
  background: transparent!important;
}

</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 )

beckett	1647710865 using x Report Comment
~LexxLore~	1640838653 Used :] thanks!!! Report Comment
Tamika H	1637175744 Cute! Using! Report Comment
sheisschelle	1637092543 cute Report Comment
TheyLuvBee	1637043099 i love this! Report Comment
Rae	1637032893 Using it! It's beautifully simplistic and I'm here for it. Report Comment
Laurel Legacy	1636903923 Love it Report Comment
Richard	1635817084 It seems to break several windows. Including the friends list, and comment section. Report Comment
pre15t	1632625586 love this!! thanks :)) Report Comment
Xx_TheDoubler_xX	1631663425 I like it a lot. Report Comment
emerson the III	1619575769 im sorry, im new too all this, how do i change the size of the main box itself? Report Comment That's alright! There is a section labeled container, you'll change the padding to what you want the main table to be. :) I hope this helps! by TRaGiiCTaYY; 1619577417; Report
Desirae Walton	1618610222 Simple and cute :) Report Comment Exactly what I was trying to go for. Thank you, :) by TRaGiiCTaYY; 1618611035; Report