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

nightlowel	1745052687 using Report Comment
𝙰𝙻𝙴𝚇	1744909916 usin 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
DANNY★	1721646804 Using^^!! Report Comment
S̷̨͂a̶͔̓m̶̫͋	1721163626 using Report Comment
CAT	1716764049 usingg Report Comment
huntznova	1715458244 using!! Report Comment
kn1fev	1713847319 using!!! Report Comment