a layout

Tags: blue, layouts, dark, layout, simple

Description:

this is my first layout so it's pretty basic, add me if you use

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
  background-image: url('');
  background-color: midnightblue;
  border: 100px darkblue;
}

/* go to https://codepen.io/sosuke/pen/Pjoqqp to edit from the invert(0%) to the contrast(105%). Where it says "Target color", put in the hex code of the color you want */

/* this is the spacehey logo */
nav img.logo {
  filter: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(0%) hue-rotate(167deg) brightness(95%) contrast(105%) azure!important;
}
/* this is the online img*/
.online img{
    filter: brightness(0) saturate(100%) invert(0%) sepia(94%) saturate(0%) hue-rotate(167deg) brightness(95%) contrast(105%) azure!important;
}


/* this is color of all the text and links */

a, .profile .friends .person p, p, h2, h3, h4, .count, nav .links a{
  color: azure!important;
}
h1{
   border: 5px solid azure;
   padding:5px;
}

/* this is where you edit the search button and the Delete and Reply button */
button {
  background-color: midnightblue;
  border: azure;
  color: azure;
  font-weight: bold;
}
.general-about .details {
  border: 5px midnightblue;
  padding-bottom: 70px;
}
.mood {
  background-color: darkblue;
  border: 5px azure;
  padding: 3px;
  margin-bottom: 10px;
}
.contact, .url-info, .table-section, .blog-preview, .blurbs, .friends, .profile-info {
  background-color: darkblue;
  border: 5px solid azure!important;
}
.comments-table td {
  border: 3px azure;
}
.table-section td {
  border: 3px azure;
}
/* line in between comment replies*/
.comment-reply:not(:first-child) {
    border-top: 2px azure;
}
.comment-replies {
    border: 5px azure;
}

/* these backgrounds are usually transparent */
nav .top, nav .links {
  background-color: darkblue;
  color: azure;
  font-weight: bold;
}

main, footer {
  background-color: darkblue;
}
.friends:not(#comments) {
  margin-bottom: 10px;
}
.comments-table {
  border: none;
  border-spacing: 5px;
}
.profile-pic {
  padding: 15px;
}
.heading {
  background-color: transparent!important;
}
td {
  background-color: 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 0 of 0 comments ( View all | Add Comment )