Black, Red Emo/Punk Layout (ZoeBlack1999's)

Tags: black, red, emo, edgy

Description:

Punky red and black layout, with added spotify player. If using, don't forget to comment underneath xx

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ℤ𝕠𝕖 𝔹𝕝𝕒𝕔𝕜 (https://layouts.spacehey.com/layout?id=100588) -->

<style>
    body {

 background:url(https://i.pinimg.com/originals/a9/7b/a8/a97ba8f8a23fa8af0fe9badc50072483.jpg);
    }
    .profile {
        background:black;
    }
    .profile .blurbs .heading,
    .profile .friends .heading {
        background-color:#660000;
    }
    .profile .contact .heading,
    .profile .table-section .heading {
        background-color:black;
    }
    .profile .contact,
    .profile .table-section {
        border-color:black;
    }
    main .left {
        background-color:#660000 ;
    }
    .profile .url-info{
        border-color: black;
    }
    .profile .contact {
        border-color: black;
    }
    nav .top {
        background-color:black;
    }
    .profile .table-section .heading {
        border-color:red;
    }
    .details-table td * {
        background:white;
        border-color:white;
        color:black;
    }
    .profile .friends .heading h4 {
        color:black;
    }
    nav .links {
        background-color:#660000;
    }
    .profile .blurbs .heading h4 {
        color:black;
    }
    .profile .friends .inner {
        color:#660000;
    }
    .profile .blurbs .inner {
        color:#660000;
    }
</style>
<style>
  
</style>
<style>
    h4 {
        color:;
    }
</style>
<style>
    div .blog-preview {
        background:#660000;
    }
</style>
<style>
    a {
        color:white;
    }
</style>
<style>
    .profile .contact .heading {
        color:#660000;
    }
</style>
<style>
    .profile .table-section .heading {
        color:#660000;
    }
</style>
<style>
    .comments-table td:first-child {
        background:url();
    }
</style>
<style>
    .comments-table td {
        background:black;
    }
</style>
<style>
    .comments-table td {
        border-color:#660000;
    }
</style>
<style>
    table.comments-table {
        border-color:#660000;
    }
</style>
<style>
    footer {
        background:black;
    }
</style>
<style>
    footer {
        color:red;
</style>
<style> 
    .blurbs .inner .section:nth-child(2) h4 {
        font-size:0;
    }
    .blurbs .inner .section:nth-child(2) h4:before {
        content: "My fucktastic music";
font-size:.8rem;
    } 
</style>
<style>
    .friends .heading {
        font-size:0;
    }
    .friends .heading:before {
        content: "Amazing Strangers";
        font-size:.8rem;
        font-weight:bold;
        color:black;
    }
</style>
<style>
    .friends#comments .heading {
        font-size:0;
    }
    .friends#comments .heading:before {
        content: "Comments";
        font-size:.8rem;
        font-weight:bold;
    } 
</style>
<style>
    .details-table td:first-child {
        background-color:white;
    }
</style>
<style>
    .profile .table-section .heading h4 {
        font-size:0;
    }
    .profile .table-section .heading h4:before {
        content: "Cool shit";
        font-size:.8rem;
        font-weight:bold;
    } 
</style>
<style>
    .contact .heading {
        font-size:0;
    }
    .contact .heading:before {
        content: "What's up sluts?";
        font-size:.8rem;
        font-weight:bold;
    }
</style>
<style> 
    .profile .table-section:nth-child(2) h4 {
        font-size:0;
    }
    .blurbs .inner .section:nth-child(2) h4:before {
        content: "My fucking amazing music. What? I'm a music producer - duh.";
        font-size:.8rem;
    } 
</style>
<style>
    .blurbs .heading {
        font-size:0;
    }
    .blurbs .heading:before {
        content: "Me, myself and I";
        font-size:.8rem;
        font-weight:bold;
        color:black;
    }
</style>
<style>
    .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 {
        content: "♡"; /* Add to Friends */
    }
    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
        content: "☆"; /* Add to Favorites */
    }
     .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
        content: "♢"; /* Add to Favorites */
    }
    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
        content: "️✍︎"; /* Forward to Friend */
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
        content: "♤"; /* Instant Message */
    }
    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
        content: "✂︎"; /* Block User */
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
        content: "♧"; /* Add to Group */
    }
    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
        content: "☂︎"; /* Report Profile */
    }
</style>
<style>
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 0px;
        transition: 0.5s width;
    }

    #music:hover {
        width: 0px;
    }
</style>

<!-- Paste the Spotify Embed code here -->
    <iframe src="https://open.spotify.com/embed/playlist/483ryhpUKKhMCkXgJR3D6g" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

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

marr	1793051344 usingg Report Comment
Alister	1789914125 Using!!! Report Comment
_mark0☆murd3r_	1788156388 using ^_^ Report Comment
꩜｡⋆♪YLIEE3	1786287661 Usingg Report Comment
SherlyNot	1785595767 using Report Comment
⦻ RIVO ⦻	1776653488 usingg Report Comment
⦻ RIVO ⦻	1776653488 usingg Report Comment
⦻ RIVO ⦻	1776653480 usingg Report Comment
becca !	1773419011 using!:D Report Comment
𝖒𝖆𝖉𝖘 ˖ ࣪ ִ𖤐	1771805822 using!! <33 Report Comment
simon	1769374323 Using !! Report Comment
☆x𝖆𝖑𝖊𝖝𝕬𝖌𝖔𝖓𝖞x☆	1767460978 using !! Report Comment
Lulu	1767410472 Using!! Report Comment
K1tK4t	1767330405 Using! Report Comment
Xander	1766441684 using Report Comment
adruzv	1766201386 using xx Report Comment
Masunya ><	1765894256 using Report Comment
「m × CROSS」	1762737699 usingg Report Comment
𝖈𝖆𝖗𝖆𝖒𝖚𝖘𝖙𝖉𝖎𝖊	1762106328 using! Report Comment
Chey	1761084268 using Report Comment