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

crazyzombix	1782945651 uuuusing Report Comment
Mary	1782857107 Using!! Report Comment
𝕹ᥱᥕ𝗍𝖿ᥲᥒᥒ	1780665478 usingg •𐃷• Report Comment
Jalinn	1779739897 Usinnggg:) Report Comment
M0LDY__	1775672439 usinnnggggg. ur a lifesaver ive been looking for a good layout for an embarrassing amount of time lmao Report Comment
Felicity	1774929946 using!! Report Comment
Abi Joy	1774815326 using! tyyy Report Comment
Abi Joy	1774815322 using! tyyy Report Comment
angel_vee <3	1774410207 usinggg Report Comment
sophia	1773967807 using :) Report Comment
ThePinksSigma	1772084366 Using Report Comment
esme ೃ༄*	1767068729 Using! :) Report Comment
kaz :P	1767029526 using! Report Comment
Banana_Banana	1766043146 Using! <3 Report Comment
•°V4MP1REXx°•	1765674526 Using and l love it! Report Comment
Urn	1765339149 love it using <3 Report Comment
𖤐•˚ angxlo. 𖤐•˚	1764924721 Using <3 Report Comment
becca !	1762968008 using<3 Report Comment
⏾ meena	1761625685 using!! tysm ;) Report Comment
Sleepingw1thsir3ns<3	1761197902 Using<3 Report Comment