← Back to Layouts
Blue Black Skulls

Name: FriendRewind
Author: FriendRewind
Author: x_v4mp3y3lin3r_x
Category: Emo/Scene
Created: June 30, 2026
Blue and black skull themed layout imported from my Spacehey. I don't want credit, alter it however you want. I'm unsure how much of it will actually translate, so use at your own risk.
Comments (0)

No comments yet. Be the first!
You must log in to comment.
CSS Code

<style>
<style>
:root {
  --light-gray: #f2f0f0;
  --gray: #000439;
  --dark-gray: #919191;
  --darker-gray: #000;
  --logo-blue: #002691;
  --darker-blue: #FFF;
  --lighter-blue: #000;
  --even-lighter-blue: #BFDBFE;
  --lightest-blue: #FFF;
  --red: #FFF;
  --dark-orange: #FFF;
  --light-orange: #1e0060;
  --even-lighter-orange: #fcdbb8;
  --strange-yellow: #0f0079;
  --green: #34D399;
  --light-green: #FFF;
  --medium-green: #A0C99C;
  --dark-green: #050796;
  accent-color: #002AA2;
}
body {
background: url(https://i.ibb.co/h7cdhhd/HD-wallpaper-red-skullpaper-red-skulls-skull-skulls-2346259523.png)!important;
  background-size: cover;
margin-right: auto;
  font-family: candara;
}
main {
background: #000000!important;
  color: #0060f7;
  padding: 6px 0px;
  font-size: 101%;
}
.icon, .award img {
  display: inline-block;
  height: 1.4em;
  width: 1.4em;
  aspect-ratio: 1/1;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.3em;
  color: rgba(0, 0, 0, 0);
  content: url("https://i.ibb.co/RhmMQfZ/206bb1c4.gif") !important;
}
.profile .contact {
  display: inherit !important;
  opacity: 1 !important;
  background: blue;
  border: #0071b5 solid 3px;
  border-radius: 7px;
  font-family: candara;
}

.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
  background: #60A5FA;
  background: #170068;
  color: white;
  padding: 2px 7px;
  border: black dotted 2px;
  border-radius: 3px;
text-shadow: 2px 2px black;
  text-align: center;
}
table.details-table {
  width: 100%;
  opacity: 1 !important;
  background: blue;
  font-family: candara;
}

.profile .contact, .profile .url-info, .profile .table-section, .setting-section, .home-actions {
  border: #0071b5 solid 3px;
  border-radius: 7px;
}
.details-table td:first-child {
  background: #000;
  color: #0043ff;
  font-weight: bold;
  width: 26%;
  font-family: candara !important;
text-align: center;
}
.details-table td {
  background: #000;
  vertical-align: top;
  color: white;
  font-family: candara !important;
}
a:hover, a:active, .blog-entry .kudos-btn:hover, .blog-entry .kudos-btn:active {
  color: #1700bb;
  text-decoration: none;
}
nav .links, footer .links {
  margin: 0;
  list-style: none;
  text-align: center;
  font-family: candara !important;
  font-size: 14px;
}

nav .links {
  background-color: #080064;
  padding: 4px 2px;
}

nav .links a {
  text-decoration: none;
  color: #0017ff !important;
  text-shadow: 0 0 7px #0071b5;
  font-size: max(0.98em, 12px);
  font-family: candara;
}

nav .links a:hover {
  text-decoration: underline;
  color: white!important;
}
.comments-table td, .music-table td {
  background: #0800ff;
  color: black;
  border-radius: 16px;
  border: black solid 1px;
}
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;
  background: black;
  border: 0px;
}
.comments-table td:first-child, .music-table td:first-child {
  background: #f9c56c;
  background: #020046;
  text-align: center;
  font-weight: bold;
  width: 28%;
}
time.ago {
  opacity: 0;
  font-size: 12px;
}
.profile .blurbs .heading, .profile .friends .heading {
  background: #0071b5;
  color: var(--dark-orange);
  text-align: center;
  text-shadow: 2px 2px black;
border: black solid 2px;
  border-radius: 123px;
}
.count {
  color: #0060F7;
}
input {
  overflow: visible;
  color: #fff !important;
  background: #080064;
  border: 2px solid #0071b5;
  font-family: candara;
  border-radius: 18px;
}
button {
  font-size: 13px;
  font-family: candara;
  width: 81px;
  height: 20px;
  border-width: 1px;
  color: rgb(255, 255, 255);
  border-color: #170068;
  font-weight: bold;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  box-shadow: 2px 2px 0px 0px #020046;
  text-shadow: 0px 1px 0px #170068;
  background: linear-gradient(#0071b5, #0800ff);
}

button:hover {
  background: linear-gradient(#378de5, #79bbff);
}
</style></style>