Skull and Crossbones

Tags: skull, emo, dark, red, fire

Description:

A modified version of the layout I use on my profile, this layout is themed around skulls and uses a lot of darker-grays for its color palette, I suggest it for people whose profiles are around the same color.

Preview:

click on the image for a larger preview

Code:

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

<style>
body {
background-color:rgb(8, 32, 156);
background-image: url("https://i.ibb.co/b6ccHKM/patterskull.png");
background-size:5vw;
background-repeat:repeat;
border-radius:2vw !important;
}



.f-col a {
color:rgb(150, 0, 0) !important;
}

tr td p a {
color:rgb(150,0,0) !important;
}

nav {
background-color:rgb(41, 43, 54) !important;
border: 0.25vw inset gray !important;
}

footer {
background-color:rgb(138, 106, 103) !important;
border: 0.25vw inset gray !important;
font-weight:bold !important;
color:rgb(150,0,0) !important;
text-shadow: 0.2vw 0.2vw black !important;
}

footer .links {
background-color:rgb(41, 43, 54) !important;
}

.top {
background:rgb(54,54,54) !important;
}

.links {
background: rgb(145,145,145) !important;
color:rgb(150,0,0) !important;
font-family:verdana, arial, sans-serif, helvetica;
color:rgb(150,0,0) !important;
text-shadow: 0.2vw 0.2vw black !important;
}


.profile-pic {
background: url("https://i.ibb.co/bLZV281/firenation2.png");
background-size:contain;
background-clip:border-box;
margin-top: 0.3vw !important;
margin-left: 0.3vw !important;
}

.profile-pic img {
border-radius: 50%;
background-size:contain;
padding: 1.4vw;
}

.section {
margin-top:-0.4vw !important;
background-color:rgb(41, 43, 54) !important;
font-size:1vw !important;
color:rgb(150,0,0) !important;
}

.section h4 {
color:blue !important;
}

.inner {
background-color:rgb(41, 43, 54) !important;
border: 0.25vw dotted gray !important;
}

.blog-preview {
background-color:rgb(41, 43, 54) !important;
font-size:1vw;
}

.blog-preview h4{
border: 0.25vw double gray !important;
margin:0 !important;
font-size: 1.2vw !important;
padding-left:0.456vw !important;
}

.blog-preview p{
padding-left:0.456vw !important;
border: 0.25vw dotted gray !important;
margin-top: auto;
}


main {
background:transparent;
font-family: 'Courier New', monospace;
font-weight:bold !important;
color:rgb(150,0,0) !important;
text-shadow: 0.2vw 0.2vw black !important;
}

.details {
border-radius: 0vw;
border-bottom-right-radius: 0vw;
border-bottom-left-radius: 0vw;
background-color:rgba(41, 43, 54,0.5);
border-style: double;
border-color:gray;
font-size:1vw !important;
color:rgb(150,0,0) !important;
padding-bottom:0;
padding-right:1vw;
margin-bottom:1vw;
}

.table-section {
border: none !important;
}

.mood {
background-color:rgb(41, 43, 54);
border-style: dotted;
border-color:gray;
padding-bottom:4vw;
margin-bottom:1vw;
font-size:1vw !important;
color:rgb(150,0,0) !important;
}

.mood p{
padding-left:0.456vw !important;
}

.contact {
background: transparent;
margin: 0 !important;
margin-bottom:-1vw !important;
color:rgb(150,0,0) !important;
border: none !important;
padding-bottom:0.3vw ;
}

.heading  {
background-color:rgb(41, 43, 54) !important;
border: 0.5vw gray double !important;
color:rgb(150,0,0) !important;
font-size: 1.2vw !important;
}

td p {
font-size:1vw !important;
color:rgb(150,0,0) !important;
}

td:first-child {
background:rgba(54,54,54,0.2) !important;
color:rgb(150,0,0) !important;
}

td {
background:rgba(145,145,145,0.5) !important;
color:rgb(150,0,0) !important;
}

.url-info {
background-color:rgb(41, 43, 54) !important;
border: 0.25vw dotted gray !important;
border-style: dotted;
border-color:gray;
margin-bottom:1vw !important;
padding-bottom:0vw !important;
font-size:1vw !important;
color:rgb(150,0,0) !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 )