SUBTLE: TWILIGHT

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

Description:

SUBTLE: TWILIGHT 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=83455) -->

<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/3d/09/EoTUqmZO_o.jpeg) fixed;
}

.profile .contact:before { background-image: url(https://64.media.tumblr.com/30f6b391d3120cd1ed287bd9798740c3/a458c108032c5ca3-b9/s1280x1920/f8632748256b17d3468377eab746341a4926b3ec.pnj); display: block; width: 100%; background-position: center center; content: ""; height: 300px; width: 300px; background-size: cover; margin: 4px 1px; }

.profile .contact:before  
{ animation: rotation 8s infinite linear; 
} @keyframes rotation 
{ from { transform: rotate(0deg); } to { transform: rotate(359deg); } }

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: 4px solid grey;
}

.general-about .profile-pic img {
border: 4px solid grey;
border-color: grey;
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);
}   




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

♱ bella	1728635363 using !! Report Comment
𝑬 🎀	1723132702 using!! Report Comment
𝕷𝖊𝖓𝖆🫀	1713715136 Usingg!! Report Comment
lexa 🦴	1712975718 using!!! Report Comment
𓆣 𖦹leahzer is dumb𖦹 𓆣	1712875835 Using Report Comment
sara!!!	1706942338 usingg Report Comment
sara!!!	1706942337 usingg Report Comment
ᶻ 𝗓 𐰁	1704249080 I hope you dont mind i customized it a little bit more, thank you so much!! Report Comment
rachel ★☆ (aka angie)	1698482980 using idk Report Comment
z0mbie_bitezzz	1698326785 using Report Comment
skunkwolf	1697975256 using :-) Report Comment
JibbyJabber	1697949118 using! Report Comment
˗ˏˋ notjeremia ★ ˎˊ˗	1697940808 using!! Report Comment
Riku Sky	1697877666 using!! Report Comment
_MYSP4CEMACE_	1697847469 using :3 Report Comment