Twilight Layout ✨

Tags: twilight, layout, layouts, 2000s, green, blue, cute, bella swan, edward cullen, vampires

Description:

Hello Everyone!
I hope you like this layout I created!
This layout comes with the song "Supermassive Black Hole" by Muse from Twilight & quotes from the movie as headers!
Please let me know in the comments if you decide to use this layout!
If you'd like to be super nice & credit me somewhere on your page, that would be much appreciated as well!
Additionally, feel free to add me! I always love gaining new friends! 😊

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Jody Marie ♡ (https://layouts.spacehey.com/layout?id=30026) -->

<style>
	main:before {
		width: 100%;
		height: 300px;
		display: block;
		content: "";
		background-image: url('https://images2.imgbox.com/08/be/Xm5FBL15_o.gif');
		background-position: center center;
		background-size: cover;
</style>

<style>/*Search Users Box (Background Color/Background Image)*/
    .top input{border-radius: 15px 15px 15px 15px;}
</style>

<style>/*Buttons (Background Color/Background Image)*/
    button{
    border-radius: 25px 25px 25px 25px !important;
	color: #1d5435;
	font-weight: bold;
    background-color: white !important;
	}
</style>

<style>

    :root {
        --logo-blue: #1d5435;
        --darker-blue: #1c7b9b;
        --lighter-blue: #1d5435;
        --even-lighter-blue: #1d5435;
        --lightest-blue: #000000;
        --dark-orange: #ffffff;
        --light-orange: #1d5435;
        --even-lighter-orange: #000000;
        --green: #000000;
	}

    * {font-family: Monospace;}
	
	* {cursor: url('https://cur.cursors-4u.net/cursors/cur-6/cur544.cur'), auto !important;}
	
	 /* Chrome, Edge, and Safari */
	*::-webkit-scrollbar {width: 18px;}

	*::-webkit-scrollbar-track {background: #000000;}
	
	*::-webkit-scrollbar-thumb {
		background-color: #1d5435;
		border-radius: 10px;
		border: 3px solid #1d5435;
	}

    body
        {background: url("https://images2.imgbox.com/1f/0a/sAsMsAle_o.jpg");
		}
     
    .profile {background-color: #000000; color: #ffffff;}
    
        
    a:hover {color: #ffffff;}
	
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    
    nav .links a{
        color: #ffffff; !important;
        text-shadow: none!important;
    }
    
    nav .links a:hover {color: #000000;}
    
    nav .links {
        text-align: center;
        padding: 3.5px 3.5px 5.5px 3.5px;
        font-size: 70%;
    }
	
	.profile-pic {border-radius: 500px; overflow: hidden;}
    
    .online {visibility: hidden;} 
    
    .online img { 
        content: url("https://ct.pimp-my-profile.com/online/26.gif"); 
        animation-name: none; 
        visibility: visible; 
        height: 15px; 
        width: 60px; 
    }
    
    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: #1c7b9b;
font-weight: bolder;
    }

    .blog-preview p a{color: #ffffff !important;}

    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: #1d5435 !important;
    }
    
    .profile .blurbs .section h4{color: #1c7b9b;}

    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
    
    .count {color: #1c7b9b;}
    
    .profile .friends .person p{color: #1c7b9b;}

    .profile .friends .person img:not(.icon) {
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(28, 123, 155, 0.71);
        border: 2px solid rgba(255, 255, 255, 1)
    }
    
    .profile .friends .person img:not(.icon):hover {
        transform: scale(1.1);
        transition: 0.5s ease;
    }
    
    .profile .friends .person img:not(.icon) {
        transition: 0.5s ease
    }

    table.details-table {border-collapse: collapse;}

    table.details-table td {background-color: black !important;}

h1{
font-size: 40px !important;
font-family: 'Paytone One', sans-serif;	text-align: center; overflow-wrap: break-word;
}

h1{
background: -webkit-linear-gradient(#1c7b9b, #1d5435);
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent;
}

    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: #1d5435; !important;
        color: #ffffff; !important;
        text-align: center;
        border-bottom: 2px solid;
    }
    
    .profile .friends .heading{color: #ffffff;}

    main {
        border-radius: 0 0 10px 10px;
        background: rgba(29,84,53) !important;
    }

    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: rgba(29, 84, 53) !important;
        color: #fff !important;
        display: block !important;
    }

    table.comments-table td {
        background-color: black !important;
        border: none;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }

    .profile .friends .person img {
        border-radius: 500px;
    }

    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }

.contact .heading{ font-size:0; }
.contact .heading:before{ content: "Oh My God! It's Like First Grade All Over Again, And You're The Shiny New Toy! 🤍"; font-size:.8rem; font-weight:bold; }

.w-40 .table-section:nth-last-child(2) .heading h4{ font-size:0;}
.w-40 .table-section:nth-last-child(2) .heading:before{content: "You Better Hold On Tight, Spider Monkey 🤍"; font-size:.8rem; font-weight: bold; }

.w-40 .table-section:last-child .heading h4{ font-size:0; }
.w-40 .table-section:last-child .heading:before{ content: "Where The Hell Have You Been, Loca? 🤍"; font-size:.8rem; font-weight: bold; }

.blog-preview h4{ font-size:0; }
.blog-preview h4 a{font-size:.8rem;margin-left:5px; }
.blog-preview h4:before{ content: "You Know, Your Mood Swings Are Kinda Giving Me Whiplash... 🤍"; font-size:.8rem; }

.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "And So The Lion Fell In Love With The Lamb... 🤍"; font-size:.8rem; font-weight:bold; }

.blurbs .inner .section:nth-child(1) h4{ font-size:0; }
.blurbs .inner .section:nth-child(1) h4:before{ content: "About Me:"; font-size:.8rem; }

.blurbs .inner .section:nth-child(2) h4{ font-size:0; }
.blurbs .inner .section:nth-child(2) h4:before{ content: "Who I'd Like To Meet:"; font-size:.8rem; }

.friends .heading{ font-size:0; }
.friends .heading:before{ content: "It's La Push Baby, La Push 🤍"; font-size:.8rem; font-weight:bold;}

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "It's The ✨ Fluorescence ✨"; font-size:.8rem; font-weight:bold;}

.comments-table{
        display: block;
        height: 200px;
        overflow-y: scroll;
        border: none;
    }

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/rinkviEmeXk/?&;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>

About me text goes here.

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

tyler	1742944024 using! tysm!! Report Comment
XxAmoon_novaxX	1740845184 using Report Comment
olivia	1739529876 usiiinnnggg!! Report Comment
zeyno	1739028907 using Report Comment
maxxloraxx	1738879206 using x Report Comment
KinjoCullen	1738615297 usinggg Report Comment
Phoenyx	1737236307 using!! Report Comment
KIIA	1724526204 omggg this is so cool!! I'm usingggg <333 tysmmm! Report Comment
jj	1724122432 using Report Comment
euphoricbloom	1721438959 omg using this is soo good !!!! Report Comment
Zosia	1720882958 using! my first layout ever thank yoou Report Comment
Pupperoni :3	1710498595 Literally the best layout! Thank you so much(: I love that you added the song too, the baseball scene was so iconic! Report Comment Thank you! & I agree! I love that song & that scene as well! by Jody Marie ♡; 1714489569; Report
Rachel Lynette	1704062250 Thank you so much love it and going to use it as well Report Comment Thank you! by Jody Marie ♡; 1704585104; Report
Frankie	1686330363 THANKYOU SO MUCH I LOVE IT OMFG Report Comment Thank you! by Jody Marie ♡; 1686339918; Report