Void layout.

Tags: black, dark, grey, monochrome, emo

Description:

embrace the darkness.
Includes: Hover blur, monochrome overlay, custom contact icons.

Code:

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

<style>

.contact { border-radius: 15px} 

.profile .contact .f-row {
  /* removes extra spacing from contacts */
    margin: 0;
  }

.blog-preview h4,.profile .heading, .profile .contact .heading, .profile .table-section .heading, .home-actions .heading, .profile .blurbs .heading, .profile .friends .heading { border-radius: 15px} 

footer {
        border-radius: 15px;
background-color: black;

</style>

<style>

table, th, td {
  border: 1px solid black;
}

table, th, td { border-radius: 15px} 
}


</style>

<style>

:root {
        --logo-blue: black;
        --darker-blue: ;
        --lighter-blue: h;
        --even-lighter-blue: black;
        --lightest-blue: black;
        --dark-orange: #;
        --light-orange: black;
        --even-lighter-orange: black;
        --green: white;
    }

main {
  /* changes made to stuff outside of columns */
    background: transparent;
    padding: 0;
    font-size: 80%;
    color: var(--light-grey);
  }

 .f-col {
    /* allow contacts to stack */
    vertical-align: top;
    margin-bottom: 5px;
    display: block;
  }

</style>

<style>
Main
        {background: url("")
        no-repeat ; background-size: cover;
</style>

<style>

h1, h2, h3, h4,h5,a, p, nav label, .section {color: white;}

</style>

<style>

.profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }

</style>




<style>

body {
  background-color: #000;
}

profile { font-family: "Arial Black", Gadget, sans-serif;
font-size: 18px;
letter-spacing: 2px;
word-spacing: 2px;
color: #000000;
font-weight: 700;
text-decoration: none;
font-style: italic;
font-variant: normal;
text-transform: uppercase;

</style>


<style>


/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "✧"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "✧"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "✧"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "✧"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "✧"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "✧"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: "✧"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "✧"
}   
</style>



<style>

.online{content:url("");}
</style>



<style>

.friends img:hover{
  webkit-filter: blur(5px);
  filter: blur(5px);

}

</style>



<style>

img {
    border-style: none;
    filter: grayscale(1);
}

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