Black, red emo 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 7 of 7 comments ( View all | Add Comment )

#1 WWW HATER	1723930040 using ! lookks awesome :^) Report Comment
MiLES	1723448447 using Report Comment
thus spoke, marx ୨୧	1723323606 Using !! Report Comment
☆ : waisptb. ?!	1722649244 using Report Comment
Gr3asy_Z0mb13	1718565979 usingz Report Comment
Atlas	1711657309 Is it cool if I just take pieces of it? Report Comment Sorry for the late reply, but absolutely! by ℤ𝕠𝕖 𝔹𝕝𝕒𝕔𝕜; 1714436573; Report
ℤ𝕠𝕖 𝔹𝕝𝕒𝕔𝕜	1710804521 If anyone would like to use my layout - don't forget to comment below and give credit xx Report Comment