Type O Negative layout 2

Tags: goth, emo, metalhead, metal, type o negative, dark

Description:

Type o negative inspired layout, i like this one more. if you take out the credit your mom's a hoe.

click here for a gif preview

Preview:

click on the image for a larger preview

Code:

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

<style>
.container{ width: 70%; }
.blog-preview {
    color: white;
    background-image: url(https://64.media.tumblr.com/f5a2b510c3a862b69f160ac31bdb6920/f309117b9e3865e5-66/s1280x1920/f9d373eaf89a28366457ee3f351a3e67a18d6d4f.jpg);
    border: 3px solid black !important;
    padding: 2px;
    text-align: center !important;
    background-size: cover;
    text-shadow: 0px 0px 3px black;
    font-family: 'Abril Fatface';
    font-size: 17px;
    background-position: center;
}
main {
    font-family: fantasy;
    padding: 20px !important;
    background-color: #666666 !important;
    width: 90% !important;
    border-left: 1px solid black !important;
    border-right: 1px solid black !important;
    border-bottom: 1px solid black!important;
    border-top 0px !important: ;
    margin-left: 51px;
    /* font-size: 20px; */
}
.profile {
    color: #E6E6E6 !important;
    background-image: url(https://i.pinimg.com/originals/af/18/4d/af184dd695763e6b14f6c84a099fcf23.gif);
    margin-top: 10px !important;
    border: 1px solid black !important;
    background-size: cover;
    background-attachment: fixed;
    background-position: top;
    background-position-y: center;
}
.profile .blurbs .inner.blog-entry .comments .inner, .bulletin .comments .inner {
    padding: 7px;
    font-family: fantasy;
    font-size: 20px;
    font-weight: bolder;
    text-align: center;
    color: black;
}
.profile .blurbs {
    color: white;
    background-color: #1f3402cc !important;
    border: 1px solid black!important;
    font-size: 20px;
}
.profile .blurbs .section h4 {
    color: black !important;
    border: 1px solid black !important;
    background-color: #666666 !important;
    padding: 2px !important;
    font-family: cursive;
}
main:before {
    width: 100%;
    height: 140px;
    display: block;
    border: 1px solid black !important;
    content: "";
    background-image: url(https://64.media.tumblr.com/ab4cab42d0d967d6f7ac13ec2e2e98c9/2a6e0f5c6c4cbbeb-77/s640x960/0da15dfc0a8c564131926609a3559c3792b2b9fa.gifv);
    background-size: cover;
    background-position: center;
}
.profile .contact .heading h4, .profile .table-section .heading h4, .profile .blurbs .heading h4, .profile .friends .heading h4, .blog-entry .comments .heading h4, .bulletin .comments .heading h4, .home-actions .heading h1, .statistics .heading h4 {
    margin: 0;
    display: inline-block;
    font-family: cursive;
}
.profile .blurbs .heading, .profile .friends .heading {
    background: transparent;
    color: transparent;
    font-size: 0px;
}
.profile .friends .inner {
    padding: 7px;
    font-family: fantasy;
    font-weight: bolder;
    text-align: center;
    color: white;
}
.comments-table td:first-child, .music-table td:first-child {
    background: black;
    text-align: center;
    font-weight: bold;
    width: 38%;
}
.comments-table td, .music-table td {
    background: #1f3402cc;
    vertical-align: top;
    text-shadow: 0 0 3px black;
    font-weight: bolder;
}
body {
    background-image: url(https://i.pinimg.com/236x/02/37/bc/0237bc285788177074cdb22e68bb11ac--type-o-negative-peter-steele.jpg);
    font-family: verdana, arial, sans-serif, helvetica;
    background-attachment: fixed;
}
nav .top {
    display: flex !important;
    opacity: 1 !important;
    font-size: 10px;
    padding: 0;
    margin-top: -25px;
    background: transparent;
}
nav .links, footer .links {
    margin: 0;
    list-style: none;
    background: transparent;
    text-align: center;
    font-size: 11px;
}
nav .top .center {
    text-align: center;
    flex: 1;
    margin-top: 50px;
}
nav .top .right {
    margin-right: 50px;
    margin-top: 40px;
}
nav .top .left .logo {
    width: 120px;
    margin-left: 40px;
    margin-top: 30px;
}
a:-webkit-any-link {
    cursor: pointer;
    color: #78a16a;
    text-shadow: 2px 2px black;
}
main .right {
    padding: 10px;
    text-align: center;
}
.contact{

padding: 2px !important;
color: black !important;
background-color: #666666 !important;
border: 1px solid black!important;

}
.contact a{

color: black !important;
font-size: 10.5px !important;
font-weight: normal !important;

}
.contact .heading{

color: black !important;
font-weight: normal !important;
border: 1px solid black !important;
background-color: #666666 !important;
padding: 2px !important;
font-size: 15px;

}
.url-info{

color: black !important;
font-size: 11.9px !important;
background-color: #666666 !important;
border: 1px solid black !important;

}
.profile .table-section .heading{

color: black !important;
font-weight: normal !important;
border: 1px solid black !important;
background-color: #666666 !important;
padding: 2px !important;

}
.table-section {
    padding: 2px !important;
    border: 1px solid black !important;
    background-image: url(https://i.pinimg.com/564x/b9/f8/50/b9f850cc0c40ad30048fe68f7b9edcce.jpg);
}
.general-about .details {
    display: block;
    background-color: #666666;
    height: 170px;
    border: 1px solid black;
    margin-bottom: 15px;
}
.general-about .profile-pic img {
    max-width: 160px;
    max-height: 160px;
    padding-block: 10px;
    padding-inline: 10px;
    margin-top: 18px;
}
b, strong {
    font-weight: bolder;
    font-size: 15px;
}
.profile .friends .person p {
    color: white;
    font-weight: bold;
    width: 100%;
    word-break: break-word;
    font-size: 100%;
    text-align: center;
}
p, ol li{
    font-size: 15px;
    text-shadow: 0 0 4px black;
}
footer {
    text-align: center;
    font-size: 70%;
    margin: 10px 0 10px;
    background: #4677056e;
    padding-inline: 10px;
    margin-inline: 50px;
}
.profile .mood {
    width: 100%;
    display: inline-block;
    background-color: #666666;
    padding-block: 20px;
    margin-bottom: 10px;
    padding-inline: 10px;
    background-size: cover;
    background-position: center;
    border: solid 1px;
    border-color: black;
}
.contact a {
    color: white !important;
    font-size: 12px !important;
    font-weight: normal !important;
}
.contact {
    display: inherit !important;
    opacity: 1 !important;
    background-image: url(https://64.media.tumblr.com/f5a2b510c3a862b69f160ac31bdb6920/f309117b9e3865e5-66/s1280x1920/f9d373eaf89a28366457ee3f351a3e67a18d6d4f.jpg);
    background-size: cover;
}
nav, footer {
    display: inherit !important;
    opacity: 1 !important;
    background: transparent;
    color: white;
    font-size: 5px;
}
</style>

<a href="https://spacehey.com/entangled" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; width: 160px; height: 82px; filter: hue-rotate() saturate();"><img src="https://64.media.tumblr.com/5545fc13d6997bee85fa726fdfe9d66d/7d54b25d022fc349-5b/s250x400/29498fa1e7503fe6cf988f060bc834e873338742.png" alt=""/></div></a>

<style>
.details-table td:first-child {
    background: transparent;
    color: #78a16a;
    font-weight: bold;
    width: 33%;
}
.details-table td {
    background: transparent;
    vertical-align: top;
}
.profile .table-section .heading {
    color: black !important;
    font-weight: normal !important;
    border: 1px solid black !important;
    background-color: #666666 !important;
    padding: 2px !important;
    font-size: 18px;
}
.profile h1 {
    margin: 0 0 10px 0;
    background-image: url(https://i.pinimg.com/564x/b9/f8/50/b9f850cc0c40ad30048fe68f7b9edcce.jpg);
    padding-block: 20px;
    padding-left: 15px;
    font-family: cursive;
    text-shadow: 0 0 7px black;
}
.comments-table {
    display: block;
    height: 300px!important;
    overflow-y: scroll;
    padding: 10px;
    margin: 1px;
}
.profile .blurbs .section p {
    margin: 0 0 8px 0;
    font-size: 18px;
    padding-block: 1px;
}
.profile .friends .person img:not(.icon) {
    max-width: 0px;
    max-height: 0px;
    display: block;
    margin: 0 auto;
}
.profile .friends .person p {
    color: white;
    font-weight: bold;
    width: 100%;
    word-break: break-word;
    font-size: 0px;
    text-align: center;
}
div.friends {
    background-attachment: fixed;
    background-position: center;
    padding-top: 60px;
    background-image: url(https://downloadwap.com/thumbs3/screensavers/d/3/gothic/bats_2ldxqrmv-twilightwap.com.gif);
}
/* Start https://www.cursors-4u.com */ * {cursor: url(https://ani.cursors-4u.net/symbols/sym-8/sym735.cur), auto !important;} /* End https://www.cursors-4u.com */
</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 8 of 8 comments ( View all | Add Comment )

Sarebear	1638184924 PERFECT! Just what I was looking for! Report Comment
Puddin & Puddles	1637362287 Amazing!!! Thank you!!! Report Comment
𝔗𝔞𝔟𝔟𝔶 𝔳𝔰 𝔈𝔳𝔦𝔩 𝔇𝔢𝔞𝔡	1636943014 Thanks for this! Love it. Report Comment
Maeeast	1636936886 So since I knew Pete IRL.. Im gonna borrow this thank you Report Comment
☆mel☆	1636919455 v nice, v cool. thx :) Report Comment
mayami	1636482140 OMG I LOVE THIS SO MUCH TY Report Comment
lola >.<	1634165433 this layout is sooooo effin cool !! ur crazy talented!! Report Comment
Sophie <3	1633612099 im in love with this omgsh. thank u for making it :) Report Comment