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 fairycake444 ౨ৎ⋆˚｡⋆ (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 191 comments ( View all | Add Comment )

Sharona	1726723059 using! Report Comment
Mimi	1726070130 using <3 Report Comment
𝑼𝑻𝑺𝑼 𓆩♡𓆪	1725078622 uuuuusing!! Report Comment
69	1724408141 using Report Comment
Mito_Testaburger	1724176148 using!!! Report Comment
Meow >_>	1723926509 using Report Comment
vokzkozzz	1723788467 Использование! Report Comment
Akasha!	1722922132 Using! Report Comment
evan	1722649524 Ussing Report Comment
Sahoshi	1722421538 using!!! Report Comment
Dusty	1722417823 USIINGG!! Report Comment
Aki,,	1722183558 usin Report Comment
Zozeio	1722112222 using thx papi Report Comment
skunky‎ ౨ৎ	1722100291 USINGG Report Comment
mackeerel	1721689823 using Report Comment
SkxllCxpid	1721574898 used Report Comment
Бекончик	1721496011 usingg! Report Comment
некроменел	1721202990 Using! Report Comment
covercat	1721188061 using! Report Comment
Vampire.Squid	1720840075 usinggg Report Comment