Twilight Layout

Tags: layout, twilight, dark, black, red, emo, goth, gothic, grunge, 2000s

Description:

Feel free to adjust to your liking! Credit appreciated but not required. Comment below if you used it :) Let me know if you have any questions

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by faewishes ⋆.ೃ࿔*:･ (https://layouts.spacehey.com/layout?id=21632) -->

<iframe width="0" height="0" src="https://www.youtube.com/embed/CPLzEXgsd04//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<style>
* {cursor: url(https://i.ibb.co/6v6brsV/53b17a63.png), auto !important;}
a:hover {cursor: url(https://i.ibb.co/LY54BwG/74c746bb.png), auto !important;}
</style>

<style>
/*Colors*/
     :root {
        --logo-blue: #;
        --darker-blue: #BDC4CC;
        --lighter-blue: #262c2f;
        --even-lighter-blue: #262c2f;
        --lightest-blue: #262c2f;
        --dark-orange: #BDC4CC;
        --light-orange: #262c2f;
        --even-lighter-orange: #262c2f;
        --green: #262C2F;}

main {
border-radius: 0 0 0px 0px;
background: #262c2f !important;}

.profile {
color:#BDC4CC;
text-shadow: 0 0 9px black;}

/*Forest Background*/
body {
background:url('https://i.pinimg.com/564x/69/b0/4d/69b04dc5c5d888a31c2a2ebf8df2f7d6.jpg');
no-repeat fixed; }

/*Background Wallpaper*/
.profile {
background-image:URL("https://i.pinimg.com/736x/f3/dd/b5/f3ddb543d01ca00a9be5da0041857058--black-wallpaper-damask-wallpaper.jpg");}

/*Footer Wallpaper*/
footer {background-image:URL("https://i.pinimg.com/736x/f3/dd/b5/f3ddb543d01ca00a9be5da0041857058--black-wallpaper-damask-wallpaper.jpg");
background-repeat: none;
border-radius: 0px;}

/*Navigation Bar Icons*/
nav .links li:not(:last-child)::after,
footer .links li:not(:last-child)::after{
    content: URL("https://i.ibb.co/VCS3Kpj/cross.png");}

/*Online Now Icon*/
.online{
content: url(https://i.ibb.co/LPmYk8T/ezgif-com-gif-maker.gif);}

/*Keyboard Divider*/
.mood:after {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 20px;
  background-image: url(https://i.ibb.co/p1C1Ck2/keyboard.png);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: 300px;}

/*Comment table border*/
  table, tr, td { 
  background-color: none; 
 border:none; } 
</style>



<style>
/*Custom 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://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorite */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4
");}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send a Message */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Foward to Friend*/
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group  */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report */
content:url("https://gifs.crd.co/assets/images/gallery17/9444077d.gif?v=4702d8a4");}
</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 300 comments ( View all | Add Comment )

salvia	1750112578 using!! Report Comment
Kvissa	1750075387 I definetly use it! Report Comment
!b4rkf0rw0m3n	1749676022 using! Report Comment
k1ngsl3azey	1748885676 using <3 Report Comment
ang3ll	1748823429 usingg Report Comment
ren	1748811744 using Report Comment
yej	1748187205 using Report Comment
vee ‹𝟹	1748184100 using!! Report Comment
Tooth Fairy ᶻ 𝘇 𐰁 Ena	1747582596 using! thank you so much!! Report Comment
sani !	1747159791 using! Report Comment
geewawa	1746707709 usingg Report Comment
max	1746287879 using Report Comment
Yami	1745958136 using :3 Report Comment
𝙲𝚕𝚎𝚖	1745838065 using :) Report Comment
.1zacMP3	1745784796 Using ;) Report Comment
iben:p	1745616681 using! Report Comment
matteo	1745362801 using !! Report Comment
Sɯҽҽƚҽʂƚ.,Mαϝʂ	1744894261 usingg Report Comment
THOMAS	1744216559 using!! thxxx Report Comment
.˚𓏲♱𝖑𝖑𝖞𝖓 !	1743862822 usingg Report Comment