nana pink and red layout

Tags: nana, hatchi, red, pink, simple, basic, strawberry

Description:

simple, somewhat nana related layout. mainly just pink and red with the iconic quote and strawberries. change my playlist if you want, just replace the link at the bottom (keeping the beginning part and only replacing the random letters if that makes sense) this is my first layout, but taking theme requests.

Code:

<!-- (c) Layout created by evangelion :3 (https://layouts.spacehey.com/layout?id=95772) -->

<style>

body{
    background: url(https://files.catbox.moe/a7qn76.jpeg);
    background-size: contain;
}


main {
    background-image:url(https://www.colorhexa.com/ce7d7d.png);
    color: #812020;
    opacity: 90%;
    padding: 6px 0px;
    font-size: 90%;
    background-size: contain;
}


table, .contact, .blurbs, .blog-preview {
    border-spacing: 6px;
    width: 100%;
    background opacity: 70% ;
}

.profile .blurbs .heading, .profile .friends .heading {
    background: #812020;
    color: #812020;
    padding: 2px 7px;
}

.general-about {
    bbackground-image:url(https://www.colorhexa.com/d09292.png);
	background-attachment:fixed;
	background-repeat:repeat;
    opacity: 90%;
    padding: 10px;
    border-radius: revert;
    text-align: left;
}

h4 {
    margin: 0;
    color: pink;
}

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    background: #812020;
    color: #EDBBBB;
    padding: 2px 7px;
}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions {
    width: 100%;
    border: transparent;
    margin: 10px 0;
}

.details-table td:first-child {
    color: white;
    font-weight: bold;
    width: 33%;
    background: transparent;
}

.profile .blurbs .section h4 {
    margin: 0;
    color: white;
}

a {
    color: #812020;
    text-decoration: none;
}

.details-table td {
    background: transparent;
    vertical-align: top;
}

.details-table td p {
    margin: 0px;
    color: #812020;
    text-align: left;
}

.comment-replies {
    padding: 0px;
    margin-top: 10px;
    border: transparent;
}

.comments-table td, .music-table td {
    vertical-align: top;
    background: transparent;
    border: transparent;
}

.comments-table td:first-child, .music-table td:first-child {
    background: transparent;
    text-align: left;
    font-weight: bold;
    width: 38%;
    border: transparent;
}

footer {
    text-align: left;
    font-size: 95%;
    margin: 10px 0 10px;
    padding: 10px 5px;
    background: transparent;
}

footer p {
    vertical-align: middle;
    margin-top: 15px;
    margin-bottom: 5px;
    color: white;
}

nav .links {
    background: #812020;
    padding: 3.5px 16px 5.5px 16px;
}

nav .links a {
    color: pink;
    text-align: left;
}

.count {
    color: white;
}

nav .top {
    background: transparent;
    padding: 15px 10px 14px 10px;
}

nav .top div {
    display: inline-block;
    vertical-align: top;
    color: white;
}

.logout-btn, .logout-form {
    color: white;
    display: inline-block;
    font-size: 100%;
}

.profile .profile-info {
    text-align: left;
    border: transparent;
}

.profile .friends .person p {
    color: #d09292;
    font-weight: bold;
    font-size: 50%;
    text-align: left;
}

table, .contact, .blurbs, .blog-preview {
    border-spacing: 6px;
    width: 100%;
    background: #d09292;
    opacity: 100%;

}

.online {
    color: pink;
    font-weight: bold;
    font-size: 95%;
}

.blog-preview{display:none} 

.url-info{display:none !important;}

.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>

<marquee direction="left">a toast! to two girls who are the same age who happen to be going to tokyo at the same time, stuck on the same train. quite a coincidence, right? and there’s one more thing. a toast to the fact the both of us are called nana.</marquee> 

<iframe style="border-radius:12px" src="https://open.spotify.com/embed/playlist/7C7TfOF4SYInsF1b6W0ELb?si=FyRo8zAlT7iV4MiPxFQB1w&pi=a-epwjJxEfQlK5" width="100%" height="380" frameborder="0" allowfullscreen="" allow="autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture" loading="lazy"></iframe>

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

YuppieGuppy

1708401473

using!
this is so cool and adorable!
am such a huge fan of the author of nana, ai yazawa

Report Comment

Popotitos

1705715533

cute!!!

Report Comment