simple pink layout

Tags: pink, simple, cute

Description:

i'm making a comeback w this one, and i'm hoping to make even more detailed layouts soon. but for now, decorate this one as you wish and make it pretty !! ♡

if you use this, please comment "using" and enjoy :)

Preview:

click on the image for a larger preview

Code:

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

<style>

@import url('https://fonts.googleapis.com/css2?family=Gayathri&display=swap');

:root {
--darker-blue: black;
--dark-orange: black; }

main, main p {  
font-family: 'gayathri', sans-serif;
font-size: 14px;
color: black; }

body {
background: url(https://i.pinimg.com/564x/18/71/a7/1871a77877fd341512ae8e7dbbf13b76.jpg); }

nav .top {
font-family: 'gayathri', sans-serif;
font-size: 13px;
font-weight: bold;
color: black;
background: #fad2e6;
border: 3px outset #ffc4da;
border-bottom: none;
border-radius: 4px 4px 0px 0px;
text-transform: lowercase; }

.logout-btn {
font-family: 'gayathri', sans-serif; 
font-size: 13px;
font-weight: bold;
color: black; }

footer {
font-family: 'gayathri', sans-serif;
font-size: 13px;
font-weight: bold;
text-transform: lowercase;
color: black;
background: #fad2e6;
border: 3px outset #ffc4da;
border-radius: 0px 0px 4px 4px;
border-top: none;
margin: 0px; }

[id='q'] {
border: 1px solid grey;
border-radius: 4px;
background: #f0f0f0;
padding: 3px; }

button {
font-family: 'gayathri', sans-serif;
border: 1px solid grey;
border-radius: 4px;
text-transform: lowercase;
background: #f0f0f0;
color: black;
padding: 3px; }

nav .links {
font-size: 13px;
text-align: center;
text-transform: lowercase;
word-spacing: 2px;
background: #fad2e6;
border: 3px outset #ffc4da;
border-top: none;
border-bottom: none;
border-radius: 0px; }

nav .links a, nav .links .special a {
font-family: 'gayathri', sans-serif; 
font-weight: bold;
color: black; }

nav .links a {
text-shadow: none;
font-weight: bold; }

main {
background: #feedf5;
border-bottom: none;
border-left: 3px outset #ffc4da;
border-right: 3px outset #ffc4da;
border-radius: 0px; }

.profile .contact .heading, .profile .table-section .heading, .profile .blurbs .heading, .profile .friends .heading, .profile .url-info {
background: #fad2e6;
padding: 8px;
border: 2px solid #fff;
border-radius: 4px;
text-transform: lowercase;
text-align: center;
color: black; }

.profile h1 {
font-size: 250%; }

.general-about .profile-pic img {
border: 2px solid white;
border-radius: 4px;
height: 160px;
width: 160px; }

.profile .friends .person img:not(.icon), .comments-table td:first-child img:not(.icon) {
border: 2px solid white;
border-radius: 4px;
width: 90px;
height: 90px; }

.profile .contact, .profile .table-section {
border: none;
text-transform: lowercase; }

div.blog-preview {
background: #fad2e6;
padding: 5px;
text-align: center;
border: 2px solid white;
border-radius: 4px; }

div.blog-preview h4 {
text-transform: lowercase; }

.profile .blurbs .section h4 {
text-decoration: 1px underline;
text-transform: lowercase;
text-align: center; }

.profile .blurbs .section p {
text-align: center; }

.count {
color: black; }

.profile .friends .person p {
color: black; }

nav .links a:hover, a:hover {
color: white; }

.details-table td:first-child, .details-table td, .comments-table td:first-child, .comments-table td {
background: #fad2e6;
border-radius: 4px; }

table.comments-table {
border: none; 
overflow-y: scroll;
height: 400px; }

td {
border: 2px solid #fff; 
border-spacing: 3px; }

table {
border-spacing: 3px; }

b, p.report{
text-transform: lowercase; }

.online {
content: url(https://i6.glitter-graphics.org/pub/247/247506q0u4vuh84c.gif); }

.contact .inner a img {
font-size: 0px; }

.contact .inner a img:before {
font-size: 1em;
display: block; }

.contact .f-col>a:before {
content: url(https://64.media.tumblr.com/tumblr_lkl75bsU9n1qfamg6.png);
display: inline-block; }

.report .icon{
visibility: hidden; }

p.report {
background: url(https://static.tumblr.com/rltvkjt/3Ddlmr3z3/mini-icone5.gif);
background-repeat: no-repeat;
display: inline-block; 
text-transform: lowercase; }

.profile-info {
background: #fad2e6;
border: 2px solid white;
border-radius: 4px;
text-transform: lowercase; }

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/others/oth-4/oth302.ani), url(https://cur.cursors-4u.net/others/oth-4/oth302.png), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2009/04/29/boucing-pink-bow-tie-ribbon.html" target="_blank" title="Boucing Pink Bow Tie Ribbon"><img src="https://cur.cursors-4u.net/cursor.png" alt="Boucing Pink Bow Tie Ribbon" style="position:absolute; top: 0px; right: 0px;"/></a>

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

𓊆ྐ✚ ame𓊇ྀི( ◜ヮ ༎ຶ)	1730525752 using probably Report Comment
lavinia	1730084368 using Report Comment
catty (tw blood)	1720856656 using Report Comment
marxy ★	1720232859 usandooo owo Report Comment
rachel ★☆ (aka angie)	1718921961 might use Report Comment
mars ⋆ ˚｡⋆୨୧˚	1715709221 using!! Report Comment
Z0EE	1714288380 Usinggggg Report Comment
vivi	1712981061 using!! Report Comment
ang1e	1711509495 using :3 Report Comment
coffeecakegirl	1711311628 this is so cute ^^ !! Report Comment
Darien୨୧	1711149028 usssing <3!!! Report Comment
robin	1711068561 using ! Report Comment
kaykay / mikey	1710975260 using! Report Comment
artsykitty764	1709520577 might be using! Report Comment
kate	1709091879 usingg <33 Report Comment
Lpversi	1708795039 USINGG Report Comment
barbi :P	1707772577 usando ♡ Report Comment
! $AINT	1707534849 USING!! Report Comment
nurse ✚	1707527515 using! >_O Report Comment
CUPCAKE!	1706886774 using 💗 Report Comment