Daria Layout

Tags: layout, layouts, daria, 2000s, green, red, black, cute, tv show

Description:

Hello Everyone!
I hope you like this layout I created!
It comes with theme song from Daria and quotes from the show!
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=30254) -->

<style>/* Cursor & Scrollbar */
	* {cursor: url('https://cur.cursors-4u.net/cursors/cur-5/cur425.cur'), auto !important;}
	
	 /* Chrome, Edge, and Safari */
	*::-webkit-scrollbar {width: 18px;}

	*::-webkit-scrollbar-track {background: #fff;}
	
	*::-webkit-scrollbar-thumb {
		background-color: #033828;
		border-radius: 10px;
		border: 3px solid #033828;
	}
</style>

<style>/* Profile Design Info */
    :root {
        --logo-blue: #033828;
        --darker-blue: #4e0b05;
        --lighter-blue: #4e0b05;
        --even-lighter-blue: #000000;
        --lightest-blue: #000000;
        --dark-orange: #ffffff;
        --light-orange: #033828;
        --even-lighter-orange: #000000;
        --green: #000000;
	}


    body
        {background: url("https://images2.imgbox.com/7d/34/eECFg5Fw_o.jpg");}
     
    .profile {background-color: #fff; color: #000;}
    
	main {
        border-radius: 0 0 10px 10px;
        background: rgba(0,0,0) !important;
padding: 0px 0px;
    }
	
	* {font-family: Monospace;}
	
	.container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    footer {
        border-radius: 15px;
        background: rgba(3,56,40) !important;
        color: #fff !important;
        display: block !important;
    }
	
	footer .links a{color: #ffffff !important;}
	
    footer .links a:hover{color: #ffffff !important;}

footer .copyright a{color: #ffffff !important;}
	
	.profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
	
	a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
</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: #033828;
	font-weight: bold;
    background-color: white !important;
	}
</style>

<style>/* Navigation */
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    
    nav .links a{
        color: #fff; !important;
        text-shadow: none !important;
font-weight: bolder;
    }
    
    nav .links a:hover {color: #fff; !important;}
    
    nav .links {
        text-align: center;
        padding: 3.5px 3.5px 5.5px 3.5px;
        font-size: 70%;
    }
</style>
    
<style>/* Links */
    a:hover {color: #000;}
</style>

<style>
	main:before {
		width: 100%;
		height: 425px;
		display: block;
		content: "";
		background-image: url('https://images2.imgbox.com/0c/e4/CX6LmtYa_o.jpg');
		background-position: center center;
		background-size: cover;
</style>

<style>/* Profile Name Header */
	@import url('https://fonts.cdnfonts.com/css/stereo-hi-fi');
	.profile .left h1{ font-family: 'Stereo', sans-serif; font-size: 45px; color: #000; text-align: center; overflow-wrap: break-word;
}
</style>

<style>/* Profile Picture & Online Icon */
	.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;
    }
</style>   

<style>/* Headers Colors */
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: #033828 !important;
        color: #fff !important;
        text-align: center;
        border-bottom: 2px solid;
border-radius: 10px 10px 10px 10px;
    }
	
	.profile .blurbs .section h4{color: #033828; font-weight: bolder;}
</style>

<style>/* Interests Table Info */
    table.details-table {border-collapse: collapse;}
    table.details-table td {background-color: #fff !important;}
.details-table td:first-child {color: #033828 !important;}
</style>

<style>/* Blog Info */
    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: #033828;
font-weight: bolder;
    }
	
    .blog-preview p a{color: #4e0b05 !important;}
	
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: #000 !important;
    }
</style>
    
<style>/* Friends Info */
    .profile .friends .heading{color: #ffffff;}
    .count {color: #033828;}
    .profile .friends .person p{color: #4e0b05 !important;}
	.profile .friends .person img {border-radius: 500px;}

    .profile .friends .person img:not(.icon) {
        border-radius:15px;
        box-shadow: 1px 0px 7px 2px rgba(3, 56, 40, 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}
</style>

<style>/* Comments Info */
    table.comments-table td {
        background-color: #fff !important;
        border: none;
    }

    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }
	
	.comments-table{
        display: block;
        height: 200px;
        overflow-y: scroll;
        border: none;
    }
</style>

<style>/* Custom Profile Headers */
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "I've Been Busy Procrastinating All Day."; 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: "There’s No Moment In Life That Can’t Be Improved With Pizza."; 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: "Sometimes Your Shallowness Is So Thorough It's Almost Like Depth."; 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: "Do You Think If You Breathe On Me I Might Catch Your Enthusiasm?"; font-size:.8rem; }

.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "Is There Any Time When How You Look Doesn't Affect How You're Judged?"; 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: "I Don't Have Low Self-Esteem. I Have Low Esteem For Everyone Else."; font-size:.8rem; font-weight:bold;}

.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "My Biggest Fear Right Now Is That I'll Wake Up And This Conversation Won't Be A Dream.."; font-size:.8rem; font-weight:bold;}
</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/Yu_Rxqtq3ng//?&;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 8 of 8 comments ( View all | Add Comment )

V4L3R13	1728074184 USING!!! Report Comment
R0ttenSkyTac2nd	1703428091 Using!!!! Report Comment Thank you! by Jody Marie ♡; 1703438137; Report
The Misery Chick	1700529855 using Report Comment Thank you! by Jody Marie ♡; 1700537443; Report
axel/lip	1699655257 using!! Report Comment Thank you! by Jody Marie ♡; 1699656255; Report
DoMiNx XoXo	1686865759 Using on my profile with "Change" by Deftones playing, thank you! Report Comment Thank you! by Jody Marie ♡; 1686866990; Report
Amanda	1686309233 Using this! Daria is my favorite show of all time and I love this layout! Thank you Report Comment Thank you! by Jody Marie ♡; 1686313096; Report
Estha_Brown	1684600593 Hey ! I just want to tell you thx for the time you spend to create beautiful layouts like you do. There are sooo georgous and nostalgic :') (And btw you georgous too, Taurus queen like me ;) Report Comment And Using! by Estha_Brown; 1684600627; Report Awww thank you so much!!! That really means alot to me that you appreciate my layouts! 💜 & Thank you for calling me gorgeous! 💜 That's so sweet of you! Yay for us Taurus girlies!!! ♉💜 by Jody Marie ♡; 1684601014; Report
⭑Arlene⭑	1683491610 Using! Report Comment Thank you! by Jody Marie ♡; 1683492697; Report