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 20 of 33 comments ( View all | Add Comment )

Hazel	1766856851 Haiii, using it :3 Report Comment
Prettyinsecure	1765662984 using Report Comment
BobTheFAT64	1755783543 Uising Report Comment
BobTheFAT64	1755783534 Uising Report Comment
piercethealice [⌆]	1748475778 Using Report Comment
brookes_j27	1746669580 Using Report Comment
☆Caroline☆	1745707252 Using :3 Report Comment
Mr.Literalside	1745070286 hell yeah Report Comment
Raven	1737319275 using! Report Comment
ellzbellz	1736625678 using thankuu Report Comment
𝒦𝒶𝓎	1735172110 Using Report Comment
Aarø/Axel	1722883832 using Report Comment
zittaz ♱	1719877852 using Report Comment
Arowhead	1718871813 Using Report Comment
livvlekinz	1714232538 uzing!! Report Comment
livvlekinz	1714232516 uzing!! Report Comment
AntiqueN0ah	1708870373 using! Report Comment
Julia	1707613118 using Report Comment
miles	1704257395 using Report Comment
xavi/wren ★	1702390605 usingggg :p Report Comment