Witchy

Tags: witchy, black and white, gothic
Description:

Feel free to change things to your liking ! but please give me credit :)
If you have any troubles with the layout please message me or comment :)
Preview:

click on the image for a larger preview
Code:

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

<style>

body{
background-color: black;
}

.container{
margin: 2em auto;
width: 960px;
border: 10px groove #e3e3e3;
}

nav .top{
background-color: black;
}

nav .links{
background-color: black;
text-align: center;
}

main{
background-image: url(https://i.pinimg.com/originals/97/57/5b/97575bd2b6021e05d978641e484d9cb0.jpg);
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}

main p{
color: white;
}

.profile h1{
font-family: monospace;
color: white;
text-shadow: 2px 2px 0px #b1b1b1;
font-size: 40px;
}

.profile .profile-info{
background-color: black;
box-shadow:2px 2px 0px #e3e3e3;
border-radius: 10px;
}

.profile .profile-pic img{
border-radius: 10px;
box-shadow: 0px 0px 5px #e3e3e3;
}

.profile .blog-preview{
color: white;
}

.profile .general-about{
background-color: black;
box-shadow:2px 2px 0px #e3e3e3;
border-radius: 10px;
padding: .5em;
margin: .5em 0em .5em 0em;
}

.online{
color: white;
font-family: monospace;
font-size: 30px;
text-shadow: 0px 0px 5px #b1b1b1;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 5s;
}

.online img{
display: none;
}

.profile-pic img{
height: 10em;
margin: .5em;
}

.profile .contact .heading,
.profile .table-section .heading{
background-color: black;
border-radius: 10px;
text-shadow: 2px 2px 0px #b1b1b1;
font-size: 25px;
font-family: monospace;
line-height: 1.5em;
}

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

.contact .inner a:before{
content: "⛧";
font-size: 17px;
} 

.profile .table-section,
.profile .contact,
.profile .url-info{
background-color: black;
border: none;
border-radius: 10px;
box-shadow:2px 2px 0px #e3e3e3;
}

.profile .blurbs .heading,
.profile .friends .heading{
background-color: transparent;
color: white;
text-shadow: 2px 2px 0px #b1b1b1;
font-size: 25px;
font-family:monospace;
line-height: 1.5em;
}

.profile .blurbs,
.profile .friends{
background-color: black;
border: none;
border-radius: 10px;
box-shadow:2px 2px 0px #b1b1b1;
}

.profile .blurbs .section h4{
color: #e3e3e3;
font-size: 15px;
padding: .5em 0em .5em 0em;
}


table.details-table td {
background-color: black !important;
border-radius: 10px;
}

table.comments-table{
border: none;
}

table.comments-table td {
background-color: black !important;
border: 1px solid #b1b1b1b1;
}

.profile .comments-table .comment-replies{
border: 1px solid #b1b1b1b1;
}

.comments-table {
display: block;
height: 600px!important;
overflow-y: scroll;
outline: none !important;
}

footer{
background-color: black;
color: white;
}

a{
color: white;
text-shadow: 0px 0px 5px #b1b1b1;
}

a:visited {
color: white;
text-shadow: 0px 0px 5px #b1b1b1
}

a:hover {
color: #b1b1b1b1;
text-shadow: 0px 0px 5px #b1b1b1;
}

a:active {
  color: white;
}

nav .links a:hover{
color: #b1b1b1b1;
text-shadow: 0px 0px 5px #b1b1b1;
}

.count{
color: #b1b1b1;
}

.comments-table img{
border-radius: 10px;
box-shadow: 0px 0px 5px #e3e3e3;
}

.person img{
border-radius: 10px;
box-shadow: 0px 0px 5px #e3e3e3;
}

.profile .friends .friends-grid p{
color: white;
}

</style>

<style>body { cursor: url('data:image/x-icon;base64,AAACAAEAICAAAAAAAACoEAAAFgAAACgAAAAgAAAAQAAAAAEAIAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAREQNAAAAAAAAAAAAAAAAAAAAAEBERA0AAAAAAAAAAAAAAAAAAAAAQEREDQAAAAAAAAAAAAAAAAAAAABAREQNAAAAAAAAAAAAAAAAAAAAAEBERA0AAAAAAAAAAAAAAAAAAAAAQEREDQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAREQPAAAAAAAAAAAAAAAAAAAAAEBERA8AAAAAAAAAAAAAAAAAAAAAQEREDwAAAAAAAAAAAAAAAAAAAABAREQPAAAAAAAAAAAAAAAAAAAAAEBERA8AAAAAAAAAAAAAAAAAAAAAQEREDwAAAAAAAAAAQERECwAAAAAAAAAAAAAAAAAAAABAREQPAAAAAAAAAAAAAAAAAAAAAEBERA//////////////////////////////////////////////////////AAAAAAAAAAAAAAAAAAAAAEBERA8AAAAAAAAAAAAAAAAAAAAAQEREDwAAAAAAAAAAQEREDwAAAAAAAAAAAAAAAAAAAABAREQPAAAAAAAAAAD//////////////////////////////8sAAAAAQERED////8v//////////////////////////wAAAAAAAAAAAAAAAEBERA8AAAAAAAAAAAAAAAAAAAAAQEREDQAAAAAAAAAAQEREDwAAAAAAAAAAAAAAAAAAAAD/////////////////////AAAAAEBERA8AAAAAAAAAAAAAAAAAAAAAQEREDwAAAAAAAAAAAAAAAP////////////////////8AAAAAAAAAAEBERA8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQEREDwAAAAAAAAAA/////////////////////wAAAAAAAAAAAAAAAEBERA8AAAAAAAAAAAAAAAAAAAAAQEREDwAAAAAAAAAAAAAAAP////////////////////8AAAAAAAAAAEBERA8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQERED////////////////////////////////wAAAAgAAAAAAAAAAEBERA8AAAAAAAAAAAAAAAAAAAAAQEREDwAAAAD///////////////////////////////8AAAAAAAAAAEBERA8AAAAAAAAAAEBERAsAAAAAAAAAAAAAAAD///////////////8AAAAA//////////////////////////8AAAAAAAAAAEBERA8AAAAAAAAAAAAAAAD//////////////////////////wAAAAD///////////////8AAAAAAAAAAEBERA8AAAAAAAAAAEBERA8AAAAAAAAAAP//////////QEREDwAAAAD//////////wAAAAD///////////////8AAAAAAAAAAEBERA8AAAAA////////////////QERED///////////AAAAAAAAAAD//////////wAAAAAAAAAAAAAAAEBERA0AAAAAAAAAAEBERA///////////wAAAAAAAAAAQEREDwAAAAj/////AAAAAAAAAAD///9j////////////////////y///////////////ywAAAAAAAAAA/////////8sAAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP//////////AAAAAAAAAAAAAAAAQERED///////////AAAAAAAAAABAREQP/////////////////////0BERA8AAAAAAAAAAP//////////QEREDwAAAAAAAAAAAAAAAP//////////AAAAAAAAAAAAAAAAAAAAAAAAAAD//////////0BERA8AAAAAAAAAAAAAAAAAAAAA//////////8AAAAAAAAAAAAAAAD/////////////////////AAAAAEBERA8AAAAA//////////8AAAAAQEREDwAAAAAAAAAAAAAAAP//////////AAAAAAAAAABAREQLAAAAAP//////////AAAAAEBERA8AAAAAAAAAAAAAAAD///9j/////wAAAAD///////////////9AREQPAAAAAP///////////////0BERA//////////ywAAAAAAAAAAQEREDwAAAAAAAAAA//////////9AREQPAAAAAAAAAABAREQP//////////8AAAAAAAAAAEBERA8AAAAAAAAAAAAAAAD/////////////////////AAAAAAAAAABAREQPAAAAAP////////////////////8AAAAAAAAAAAAAAAAAAAAAQEREDwAAAAD//////////wAAAABAREQNAAAAAAAAAAD/////////YwAAAAAAAAAAAAAAAEBERA8AAAAA////Y////////////////wAAAAAAAAAAAAAAAAAAAABAREQPAAAAAP////////////////////8AAAAAAAAAAAAAAAAAAAAAQERED////2P/////AAAAAAAAAAAAAAAAAAAAAP////9AREQPAAAAAAAAAAAAAAAAAAAAAP////////////////////8AAAAAQEREDwAAAAAAAAAAAAAAAAAAAABAREQPAAAAAP////////////////////8AAAAAAAAAAAAAAAAAAAAAQERED/////8AAAAAAAAAAAAAAAAAAAAA/////wAAAABAREQPAAAAAAAAAAD///////////////8AAAAA//////////8AAAAAQEREDwAAAAAAAAAAAAAAAAAAAAD//////////wAAAAD///////////////8AAAAAAAAAAAAAAAAAAAAA/////wAAAAAAAAAAQERECwAAAAD/////////YwAAAAD///////////////////9jAAAAAEBERA///////////wAAAAAAAAAAQEREDwAAAAAAAAAAAAAAAP//////////AAAAAAAAAAAAAAAA////////////////AAAAAP///8v/////QEREDwAAAAAAAAAAQERED///////////////////////////AAAAAAAAAAAAAAAAAAAAAP///2P/////AAAAAAAAAAAAAAAAQEREDwAAAAAAAAAA/////////8tAREQPAAAAAAAAAAAAAAAA//////////////////////////8AAAAAQEREDQAAAAAAAAAA/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wAAAAAAAAAAAAAAAAAAAAD/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAAAAAAAAAAAAAAAAAAAAAAAAD//////////wAAAAAAAAAAAAAAAAAAAABAREQPAAAAAAAAAAD///9j/////0BERA8AAAAAAAAAAAAAAAD/////////3gAAAAAAAAAAAAAAAAAAAABAREQPAAAAAAAAAAD//////////0BERA8AAAAAAAAAAEBERAsAAAAAAAAAAP//////////QEREDwAAAAAAAAAAAAAAAAAAAABAREQPAAAAAAAAAAD//////////0BERA8AAAAA//////////8AAAAAQEREDwAAAAAAAAAAAAAAAAAAAABAREQPAAAAAP//////////AAAAAEBERA8AAAAAAAAAAEBERA8AAAAAAAAAAP////////////////////8AAAAAAAAAAAAAAABAREQPAAAAAP//////////AAAAAEBERA///////////wAAAAAAAAAAQEREDwAAAAAAAAAA/////////////////////wAAAAAAAAAAAAAAAEBERA0AAAAAAAAAAEBERA8AAAAA////////////////QEREDwAAAAAAAAAAAAAAAAAAAABAREQP////Y/////8AAAAAAAAAAP/////////eAAAAAAAAAAAAAAAAQEREDwAAAAAAAAAA////////////////AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBERA8AAAAA////////////////QEREDwAAAAAAAAAAAAAAAAAAAABAREQP/////////////////////0BERA8AAAAAAAAAAAAAAAAAAAAAQERED////////////////wAAAABAREQPAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAEBERA8AAAAA////////////////QEREDwAAAAAAAAAAAAAAAAAAAAD/////////////////////AAAAAEBERA8AAAAAAAAAAAAAAAD///////////////8AAAAAAAAAAAAAAABAREQPAAAAAAAAAABAREQLAAAAAAAAAAAAAAAAAAAAAEBERA8AAAAA/////////////////////wAAAAAAAAAAAAAAAP///2P//////////////94AAAAAAAAAAEBERA//////////////////////QEREDwAAAAAAAAAAAAAAAAAAAABAREQPAAAAAAAAAABAREQPAAAAAP////8AAAAAAAAAAAAAAAAAAAAAAAAAAP//////////////////////////////Y///////////////Y///////////////////////////AAAAAAAAAAAAAAAAQEREDwAAAAAAAAAAAAAAAAAAAABAREQNAAAAAAAAAABAREQP/////wAAAAD/////AAAAAEBERA8AAAAAAAAAAAAAAAD/////////////////////////////////////////////////////AAAAAEBERA8AAAAAAAAAAAAAAAAAAAAAQEREDwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP////9AREQPAAAAAAAAAAAAAAAAAAAAAEBERA8AAAAAAAAAAAAAAAAAAAAAQEREDwAAAAAAAAAAAAAAAAAAAABAREQPAAAAAAAAAAAAAAAAAAAAAEBERA8AAAAAAAAAAAAAAAAAAAAAQEREDwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAREQLAAAAAAAAAAAAAAAAAAAAAEBERAsAAAAAAAAAAAAAAAAAAAAAQERECwAAAAAAAAAAAAAAAAAAAABAREQLAAAAAAAAAAAAAAAAAAAAAEBERAsAAAAAAAAAAAAAAAAAAAAAQERECwAAAAAAAAAA////////////4Af//4GB//4f+H/8P/w/+B/4H/EH4I/zI8TP57gM5+ecOefPnDnzz9GJ88/Dw/Pfx+H73w/w+94n5HvY5+cTwffng8AAAAPAAAAD5/vP5+f5n+fw+Z8P8f2fj/j8Px/8fD4//h44f++CQf/r4Af/3/////////8='), auto; }</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.