DARK LAYOUT: 2

Tags: layout, cute, simple, emo, dark, black

Description:

DARK LAYOUT: 2 Text example here: https://fonts.google.com/specimen/Playfair+Display?classification=Display

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
p{ font-family:'Playfair Display', serif; 
font-size: 100%;
color: white; 
}

h1, h2, h3, h4, h5{
font-family:'Playfair Display', serif; 
font-size: 100%;
color: Black;
}



body {
background: url(https://images2.imgbox.com/18/2d/MhReg0oU_o.jpeg);
}

main {
background:transparent;
border: none;
}

:root {
--logo-blue: transparent;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent ;
--lightest-blue:  transparent;
--dark-orange: white;
--light-orange:transparent;
--even-lighter-orange:;
--green: blue;
}

.profile .friends .person p {
color: white;  
}


.profile .friends .person p:hover {
color: grey;  
}

a:hover {
     color: lightgrey; 

}
    .count {
        color: white;
    }




body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(224 224 224 / 0%) 100%, rgb(0 0 0 / 0%) 100%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

nav .links a:hover {
color: lightgrey;
}

footer{
background-image: linear-gradient(to bottom right, #2e2d2c,#bdbcbb,#2e2d2c);
border-radius: 25px;
font-style: italic;
color: #FFFFFF;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: #FFFFFF;
background-image: linear-gradient(to bottom right, #2e2d2c,#bdbcbb,#2e2d2c);
border-radius: 25px;
text-align: center;
padding: .1em;
}
</style>




<style>




body { cursor: url(https://cur.cursors-4u.net/holidays/hol-1/hol19.cur), auto; }


<style>

p{ font-family:'Playfair Display', serif; 
font-size: 100%;
color: ; 
}


.profile h1 {
font-family:'Playfair Display', serif; 
    font-size: 2em;
    color: white;
}

p {
font-family:'Playfair Display', serif; 
color:;
   } 

a {
font-family:'Playfair Display', serif; 
font-size: 14px;
     color: white; 
   }



body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgb(224 224 224 / 0%) 100%, rgb(0 0 0 / 0%) 100%);
z-index: 2;
background-size: 100% 2px, 3px 100%;
pointer-events: none;
}

.profile .friends .person img:not(.icon) {
box-shadow: 0px 0px 19px 0px rgba(255,255,255,0.3);
border: 10px solid black;
}

.general-about .profile-pic img {
border: 10px solid black;
border-color: black 60 fill round;
box-shadow: 0px 0px 10px 0px black;
 }   

.profile .contact .heading,
.profile .table-section .heading{
color: #FFFFFF;
background-image: linear-gradient(to bottom right, #2e2d2c,#bdbcbb,#2e2d2c);
border-radius: 25px;
text-align: center;
padding: .1em;
}

nav .links{
background-image: linear-gradient(to bottom right, #2e2d2c,#bdbcbb,#2e2d2c);
border-radius: 25px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}


.friends {
    overflow: scroll;
    overflow-x: scroll;
    overflow-x: hidden;
    height: 300px; 
}

/* contact icons */
.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 {
/* add to friends */
content: url(https://i.imgur.com/NFk8GFB.gif);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url(https://i.imgur.com/NFk8GFB.gif);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content:url(https://i.imgur.com/NFk8GFB.gif);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend*/
content: url(https://i.imgur.com/NFk8GFB.gif);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url(https://i.imgur.com/NFk8GFB.gif);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url(https://i.imgur.com/NFk8GFB.gif);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url(https://i.imgur.com/NFk8GFB.gif);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://i.imgur.com/NFk8GFB.gif);
}   

.online {
    content: url('http://dl2.glitter-graphics.net/pub/341/341842q4vbfz1x40.gif');

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

loveb0mb	1763409418 using <3 Report Comment
Decay	1763146023 using Report Comment
nox ♰	1758974783 usingg Report Comment
fer🦇	1758502242 using Report Comment
C1RCL3S	1753540055 using! Report Comment
★ makayla ★	1746377250 using ! Report Comment
nightlowel	1745052687 using Report Comment
Mro 𒉭	1744794834 using Report Comment
louis	1741811564 using Report Comment
XxDannyyeexX	1741662912 Usando :)))) Report Comment
spicy popcorn	1741307631 using Report Comment
raverings	1740543587 using Report Comment
raverings	1740543587 using Report Comment
AN1HONY	1736676435 Using Report Comment
𝐒𝐡𝐚𝐮𝐧𝐚	1733530086 this is hot af, using!! Xx Report Comment
Jesse	1732335762 using ! tyyy :D Report Comment
V4mp1respitxxz	1731347650 using!! Report Comment
blue_waffle	1728971447 using Report Comment
c0rpz3	1722359346 using^^ Report Comment
Emiy	1722012171 using Report Comment