Pastel Pink Layout

Tags: pink, pastel, layout, simple, clouds, blue, gif

Description:

Cloudy pastel pink layout. Anyone can feel free to use.

Please do not repost this layout as your own, thank you.

Preview:

click on the image for a larger preview

Code:

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

<style>

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

body{
background-image:url(https://data.whicdn.com/images/302633783/original.gif);
height: 100%;
background-position: center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}

nav .top{
background-color: #FF94BB;
border-radius: 20px;
border: 2px solid #FFC3D9;
box-shadow: inset 2px 3px 5px #FFC3D9;
margin: 1em 0;
}

nav .links{
background-color: #E76292;
border-radius: 20px;
border: 2px solid #FE91B9;
box-shadow: inset 2px 3px 5px #FE91B9;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
font-style: italic;
}

nav .links li::after{
display: none;
}

main{ 
background-color: #FF94BB;
border-radius: 20px;
border: 2px solid #FFC3D9;
box-shadow: inset 2px 3px 5px #FFC3D9;
margin: 1em 0;
padding: .5em;
opacity: .9;
}

.profile h1{
font-family: 'Kalam', cursive;
color: white;
text-shadow: 1px 1px 2px #AC3862;
font-size: 25px;
}

.online{
font-family: 'Kalam', cursive;
color: white;
font-size: 20px;
text-shadow: 1px 1px 2px #AC3862;
animation-name: blink;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(1.0,0,0,1.0);
animation-duration: 2s;
}

.online img{
display: none;
}

.profile .profile-info{
border-radius: 20px;
border: 2px solid #FFC3D9;
box-shadow: inset 2px 3px 5px #FFC3D9;
text-shadow: 1px 1px 2px #AC3862;
color: white;
background-image: url(https://i.gifer.com/DXp.gif);
background-repeat: no-repeat;
background-size: cover;
}

.profile .general-about{
color: white;
font-style: italic;
text-shadow: 1px 1px 2px #AC3862;
}

.profile .blog-preview,
.profile .mood{
color: white;
font-style: italic;
}

.profile .profile-pic img{
border-radius: 20px;
box-shadow: 1px 1px 2px #AC3862;
filter: sepia(100%) hue-rotate(299deg);
opacity: .5;
}

.profile .contact .heading,
.profile .table-section .heading{
font-family: 'Kalam', cursive;
color: white;
background-color: #E76292;
border-radius: 20px 20px 0 0;
border: 2px solid #E76292;
box-shadow: inset 2px 3px 5px #FE91B9;
text-align: center;
padding: .5em;
font-size: 15px;
}

.profile .table-section,
.profile .contact,
.profile .url-info{
border-radius: 20px;
border: 2px solid #FFC3D9;
box-shadow: inset 2px 3px 5px #FFC3D9;
text-shadow: 1px 1px 2px #AC3862;
font-style: italic;
color: white;
}

table.details-table td {
background-color: transparent !important;
color: white !important;
font-style: italic !important;
}

.profile .blurbs .heading,
.profile .friends .heading{
color: white;
font-family: 'Kalam', cursive;
background-color: #E76292;
border-radius: 20px 20px 0 0;
border: 2px solid #E76292;
box-shadow: inset 2px 3px 5px #FE91B9;
text-align: center;
padding: .5em;
font-size: 15px;
}

.profile .blurbs,
.profile .friends{
border-radius: 20px;
border: 2px solid #FFC3D9;
box-shadow: inset 2px 3px 5px #FFC3D9;
text-shadow: 1px 1px 2px #AC3862;
font-style: italic;
color: white;
}

.profile .friends{
text-align: center;
}

.profile .friends-grid .person p{
color: white;
}

.profile .blurbs .section h4{
color: white;
padding: .5em;
}

.profile .comments-table{
background-color: #E76292;
border-radius: 20px;
border: 2px solid #FE91B9;
box-shadow: inset 2px 3px 5px #FE91B9;
font-style: italic;
color: white;
}

.profile .comments-table td{
background-color: transparent;
}

.profile .comments-table .comment-replies{
background-color: #E76292;
border-radius: 20px;
border: 2px solid #FE91B9;
box-shadow: inset 2px 3px 5px #FE91B9;
font-style: italic;
color: white;
}

.comments-table img,
.person img{
border-radius: 20px;
box-shadow: 1px 1px 2px #AC3862;
filter: sepia(100%) hue-rotate(299deg);
opacity: .5;
}


footer{
background-color: #E76292;
border-radius: 20px;
border: 2px solid #FE91B9;
box-shadow: inset 2px 3px 5px #FE91B9;
font-style: italic;
color: white;
}

.count{
color: #E76292;
}

a{
color: #DAEDFF;
text-shadow: 1px 1px 2px #AC3862;
}

a:visited {
color: #DAEDFF;
text-shadow: 1px 1px 2px #AC3862;
}

a:hover {
color: white;
}

a:active {
color: #DAEDFF;
text-shadow: 1px 1px 2px #AC3862;
}

nav .links a:hover{
text-decoration: underline;
color: #DAEDFF;
}

</style>

<style>* {cursor: url(https://cur.cursors-4u.net/cursors/cur-9/cur265.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/01/light-pink-pointer.html" target="_blank" title="Light Pink Pointer"><img src="https://cur.cursors-4u.net/cursor.png" alt="Light Pink Pointer" 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 121 comments ( View all | Add Comment )

Niurka	1674692667 Thanks!! it is beautiful Report Comment
Ross	1674665213 using Report Comment
Catbotanic	1674439228 gonna use this :3 Report Comment
Fawn	1674344219 Using!! tysm ^^ Report Comment
neue//	1674019874 this rules ! Report Comment
Scythie	1673295257 this is so pretty!! built my page off of tweaking this :D Report Comment
Greenmaze10	1672797697 Can you make this a blue theme with comic sans ? Report Comment No; but you can edit the layout if you want the color/font changed on your own profile by BEEFSTEW; 1672807267; Report
Katsuki!!	1671099107 Using!! Report Comment
Bryce Hansen	1671028805 using, really like it! Report Comment
Brianna	1669766920 Using! I love it <3 Report Comment
Momo Hibiki	1669406084 Using! Report Comment Sorry I didn't tell earlier! by Momo Hibiki; 1669406133; Report
Charlie	1668965466 Using, great job! Report Comment
ariel (^‿^)	1668408566 using; love it lots! Report Comment
NekogirlKawai529	1666773470 using it fits my astetich so well TY Report Comment
KaramelDoll	1665778707 Using! Super cute Report Comment
Haydn’s Harmonie	1665298019 gonna use it as a base thx!! Report Comment
heather <3	1664742344 using Report Comment
space_kitty	1663594130 using Report Comment
TheKookie	1662906358 Gonna use :) Report Comment
Otto	1662453281 using this love it! Report Comment