twilight layout

Tags:

Description:

Twilight

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ☆Charley☆ (https://layouts.spacehey.com/layout?id=24753) -->

<!-- (c) Layout created by ☆Charley☆ (https://layouts.spacehey.com/layout?id=24632) -->

<style>
    body {
        background:url(https://i.pinimg.com/originals/46/c5/f7/46c5f74a189a899b7ce86543bf5e78a0.jpg)
</style>
<style>
    .profile {
        background:black;
    }
</style>
<style>
    .profile .blurbs .heading,
    .profile .friends .heading {
        background-color:#334A42;
    }
</style>
<style>
 .profile .contact .heading,
 .profile .table-section .heading {
     background-color:black;
 }
</style>
<style>
 .profile .contact,
 .profile .table-section {
     border-color:black;
 }
</style>
<style>
main .left {
    background-color:#334A42 ;
}
</style>
<style>
.profile .url-info{
    border-color: black;
}
</style>
<style>
.profile .contact {
    border-color: black;
}
</style>
<style>
nav .top {
    background-color:black;
}
</style>
<style>
    ..profile .table-section .heading {
        border-color:red;
    }
</style>
<style>
.details-table td * {
        background:white;
    }
</style>
<style>
    .profile .friends .heading h4 {
        color:black;
    }
</style>
<style>
    nav .links {
        background-color:#334A42;
    }
</style>
<style>
    .profile .blurbs .heading h4 {
        color:black;
    }
</style>
<style>
    .details-table td {
        background:white;
    }
</style>
<style>
    .details-table td * {
        border-color: white;
    }
</style>
<style>
    .details-table td * {
        color: black;
    }
</style>
<style>
    .profile .friends .inner {
        color:#334A42;
    }
</style>
<style>
    .profile .blurbs .inner {
        color:#334A42;
    }
</style>
<style>
  
</style>
<style>
    .profile .blurbs .inner {
        color:#334A42;
    }
</style>
<style>
    h4 {
        color:;
    }
</style>
<style>
    div .blog-preview {
        background:#334A42;
    }
</style>
<style>
    a {
        color:white;
    }
</style>
<style>
    .profile .contact .heading {
        color:#334A42;
    }
</style>
<style>
    .profile .table-section .heading {
        color:#334A42;
    }
</style>
<style>
    .comments-table td:first-child {
        background:url();
    }
</style>
<style>
    .comments-table td {
        background:black;
    }
</style>
<style>
    .comments-table td {
        border-color:#334A42;
    }
</style>
<style>
    table.comments-table {
        border-color:#334A42;
    }
</style>
<style>
    footer {
        background:black;
    }
</style>
<style>
    footer {
        color:#334A42;
</style>
<style> 
.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "my muzic taste"; font-size:.8rem; } 
</style>
<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: "my friendz"; font-size:.8rem; font-weight:bold; color:black; }
</style>
<style>
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "commentz"; font-size:.8rem; font-weight:bold; } </style>
<style>
    .details-table td:first-child {
        background-color:white;
    }
</style>
<style>
   .profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "MEEE!!!"; font-size:.8rem; font-weight:bold; } </style>

<style>
    .contact .heading{ font-size:0; }
.contact .heading:before{ content: "say hi!!!"; font-size:.8rem; font-weight:bold; }
</style>
<style> 
.profile .table-section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "my music taste"; font-size:.8rem; color:#334A42; } 
</style>
<style>
  .blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "interests"; font-size:.8rem; font-weight:bold; color:black; }
</style>
<style>
  .profile .blurbs .section h4{ font-size:0; }
.profile .blurbs .section h4:before{ content: "KOOL STUFF"; font-size:.8rem; font-weight:bold; color:#334A42; }
</style>
<style>.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: "♡"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: "✎"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: "️>"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: "☎ "
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: "✄" 
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: "✚"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: "♬"
}

</style>
<style>
    #music {
        position: fixed;
        bottom: 10px;
        left: 10px;
        width: 80px;
        transition: 0.5s width;
        
    }

    #music:hover {
        width: 360px;
    }
</style>

<style>
.general-about .profile-pic img {
border: 5px solid ;
border-color: white } </style>


<style>

.profile-info {
background-image:url(https://i.pinimg.com/236x/ed/d2/3a/edd23ae1e67f017d35334bf607cb8ad7.jpg);
}	
</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 82 comments ( View all | Add Comment )

becca !	1762968008 using<3 Report Comment
⏾ meena	1761625685 using!! tysm ;) Report Comment
Sleepingw1thsir3ns<3	1761197902 Using<3 Report Comment
Geia	1760680934 using! thank u <3 Report Comment
TwiHards Liv3	1759630242 using Report Comment
mars🪼	1759119719 using! Report Comment
Mrs.Cinna	1758556856 using Report Comment
wavebreaker	1758081416 using Report Comment
idkfabio	1755544662 using! Report Comment
frerardwhore	1755063710 using!!!! Report Comment
lena ♡♱.⋆⁺‧₊˚	1753996794 using!!! anyone know how to add text blurbs (non-bolded) under the sections (e.g. KOOL STUFF) though? LMAO Report Comment
『charles』	1753814128 using!!!! love love love Report Comment
Trippy	1752235106 usssssee Report Comment
Khris!	1752205577 using :333 Report Comment
𝚔𝚊𝚝𝚝	1751770053 using! Report Comment
lukooo	1749187836 using!! Report Comment
__.soda__	1749177493 using ! Report Comment
coldlikewinter	1748543325 usando!! Report Comment
Ezrah	1748200983 usingggg Report Comment
Clair (go to him) 🎧ྀི♪⋆.✮	1745816852 using !! Report Comment