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 23 comments ( View all | Add Comment )

Aarø/Axel	1722883832 using Report Comment
zittaz ♱	1719877852 using Report Comment
Arowhead	1718871813 Using Report Comment
livapid	1714232538 uzing!! Report Comment
livapid	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
♱ envy ♱	1684231560 using this ! <3 Report Comment
✭ sev ✭	1679352665 Using! I replaced a lot of images because they weren't working, but the image in the top left corner still leads to your page! Report Comment hi sorry how did you replace the images? by ֆǟաʏɛʀ; 1696633760; Report I'm sorry I'm two months late but if you search through the code, the images are usually pasted in parenthesis and start with https. You can just go on google and "copy image link" and paste it into that spot. Just make sure to keep the parenthesis and anything that comes before it. by ✭ sev ✭; 1704147203; Report
D I O	1677003099 i love the layout!! just to let u know tho, some of the images are removed ;-; Report Comment
Ariel Willow	1647726861 this is by far the coolest layout ive seen so far Report Comment I'm glad you like it! by entangled; 1654805618; Report
bianca420<3	1647563017 I love it sm Report Comment
lani *+:｡.｡	1647553407 this is amazing omg i'm using this Report Comment
kittie keroscene	1639736512 using dis :3 Report 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 wait for real??? by entangled; 1654807083; Report