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

Finnster	1752136756 Usingg<3 Report Comment
andrEa	1752055174 usingg Report Comment
moaindream	1751393038 using!! Report Comment
tiph	1751387532 using !! Report Comment
dirtty.paws.wild.heartt	1750561574 Using. Report Comment
milkI	1750239110 USING Report 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
max	1746287879 using Report Comment
Yami	1745958136 using :3 Report Comment
𝙲𝚕𝚎𝚖	1745838065 using :) Report Comment
.1zacMP3	1745784796 Using ;) Report Comment