Pastel Pink Layout

Tags: pastel, pink, layout, simple, cute

Description:

Feel free to change anything or use this as a base. I don't mind.
to take off pfp shape, take off: .general-about .profile-pic img{, .profile .friends .person img {, and .comments-table img, .person img{.

Preview:

click on the image for a larger preview

Code:

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

<img src="https://i.pinimg.com/736x/2a/d5/32/2ad532f93790ffc7bb814fd88321fb89.jpg" width="120px" height="30px"/>

<style>
@import url('https://fonts.googleapis.com/css2?family=Oleo+Script&display=swap');
p{
  font-family: 'Oleo Script', cursive;
  font-size: 120%;
  color: white 
}
h1,h2,h3,h4,h5{
  font-family: 'Oleo Script', cursive;
  font-size: 130%;  
}

h1 {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #ffc6d8;, 0 0 25px lightpink, 0 0 5px lightpink;
}
h4 {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #ffc6d8;, 0 0 25px lightpink, 0 0 5px lightpink;
}
  .top{
    background-image:url("https://i.pinimg.com/564x/e4/cb/56/e4cb568e111f725ddd832cbce8d7bf53.jpg") !important;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color:rgba(0, 0, 0, 0.8); !important;
  }
  body {
   background-image: url(https://i.pinimg.com/564x/3c/95/b3/3c95b3488994ec8d147d81f73eca264b.jpg);
background-size: cover;
height: 100%;
background-attachment: fixed;

}
button, input {
    overflow: visible;
    border: 3px outset lightpink!important; 
    background: #ffa4c1;
    color: white;
    font-family: 'Oleo Script', cursive;
}
main{
background: rgba(0, 0, 0, 0) !important;
}
.profile {
   background-color: rgba(246, 215, 223, 0.5); 
} 
.container {
   width: 790px;
}
.profile .profile-info{
color: black; 
background-image: url(https://i.pinimg.com/564x/b3/2b/b8/b32bb8aa87e72aea573c627d0f6e72a3.jpg);
background-size: cover;
background-position: center;
border: 3px outset lightpink!important; 
border-radius: 10px;
}
.general-about .profile-pic img{
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.profile .friends .person img {
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
.comments-table img,
.person img{
clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}
  .url-info{
    display:none !important;
  }
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " 💌 ";
    color: white;
}
nav .top {
color: white;
font-family: 'Oleo Script', cursive;
}
.comments-table{
display: block;
height: 200px;
overflow-y: scroll;
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgba(0,0,0,0);
   color: white;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: rgba(0,0,0,0);
   color: white;
}

footer {
    border-radius: 15px;
    background-image: url(https://i.pinimg.com/564x/c8/71/75/c87175f52465fad96f0d685177587574.jpg);
    color: white;
}

table.comments-table td {
    color: rgb(255, 77, 166);
}

:root {
    --logo-blue:black;
    --darker-blue: white;
    --lighter-blue: black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: white;
    --light-orange: ;
    --even-lighter-orange: ;
    --green: pink;
}
.online{
color: #FFFFFF;
font-family: 'Oleo Script', cursive;
font-size: 16px;
text-align: left;
}

.online img{
content: url(https://dl.glitter-graphics.com/pub/157/157641b27q8mcaol.gif);
}
nav .links a:hover{
text-decoration: underline;
color: #ff7ca6;
}

a:hover {
color: #ff7ca6;
}

.count{
color: #ff7fa7;
}
.profile .friends-grid .person p{
color: #ff7fa7;
}
nav .links{
background-color: #ffc3d6;
font-family: 'Oleo Script', cursive;
font-size: 110%;
}
nav .links .special a {
    color: #FFFFFF;
}

::selection {
   background: #ff7fa7;
   color: #FFFFFF
}
.logo {
   content: url(https://media.discordapp.net/attachments/1109187618626879679/1121266542429098084/Custom_dimensions_927x236_px-removebg-preview.png?width=974&height=247);
}
.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: "🩷"
}
  .profile .contact {
    border-radius: 10px;
    border: 3px outset lightpink!important; 
    background-image: url(https://i.pinimg.com/564x/0a/e3/28/0ae3285fb8f4f6c9de0c6a2184efffb7.jpg);
    background-position: right top;
    background-repeat: repeat;
    background-attachment: scroll;
    Height:140px;
    color: white;
    text-shadow: 1px 1px 2px black
  }
.blog-preview {
border: 3px outset lightpink!important; 
background: rgba(255, 255, 255);
background-image: url(https://i.pinimg.com/564x/ec/f0/5b/ecf05b02fbdcfb98dbb3ea40f3b9fec5.jpg);
border-radius: 10px;
height:155px!important;
background-position: bottom-right;
background-repeat: no-repeat;
}
.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
border: 3px outset lightpink!important; 
background-image: url(https://i.pinimg.com/564x/f1/ee/8a/f1ee8af24cfb900f43629f24b510d34b.jpg);
border-radius: 10px;
}
  body:before {
    content: " ";
    height: 100vh;
    width: 100vw;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    background-image: url('https://i.pinimg.com/originals/d2/fb/f3/d2fbf31d784a3aefc83080085461c550.gif');
    background-size: cover;
    background-repeat: no-repeat;
    animation: yourAnimation 4s ease 0s 1 normal forwards;
    pointer-events: none;
  }
  @keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} }
}

.col, main, footer, nav::before, .online, nav .links, nav .top, .container {
    animation: float 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top, .container {
animation: float 3s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat993.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/29/heart-chat-bubble.html" target="_blank" title="Heart Chat Bubble"><img src="https://cur.cursors-4u.net/cursor.png" alt="Heart Chat Bubble" 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 22 comments ( View all | Add Comment )

Elxy🪷	1722674563 Using ! Report Comment
Pure_method	1712212686 Using!! Report Comment
biggytron	1695235643 using ^^ Report Comment
Nookie	1691623853 using Report Comment
B.RAMSELI	1690936507 This is so great! I'm using this layout! ~uwu~ Report Comment
r0ttnblud	1690701418 usinggg Report Comment
✩ Fuchiiii!!	1690263188 using :) Report Comment
⚥ DOE ／ DEMIEL ═╬	1689785231 using Report Comment
˗ˏˋemz´ˎ˗	1689704799 using :D Report Comment
Saichi	1689662459 using! Report Comment
𝓂𝒶𝓁𝓁𝑜𝓇𝓎 ପ(๑•ᴗ•๑)ଓ ♡	1689630999 using :3 Report Comment
ЯATTLEHEAD45✮ \m/ $ЯATTLEHEAD45✮ \m/'s profile picture$	1689453755 this is super cute! could u post the code for just the star profile? Report Comment mhm! here: https://layouts.spacehey.com/layout?id=35774 by Melody 💜; 1689458339; Report
Morphinemuffin	1689438484 Using!^_^ Report Comment
₊˚⊹ 모모 ♡	1689192733 using Report Comment
MaoMao	1688916340 using Report Comment
sweetsugarbunny	1688897390 using!!! Report Comment
Crepurrscular	1688882015 Using! Thx u :3 Report Comment
n3ssxx	1688849580 using thank you! :3 Report Comment
𝓕𝓻𝓮𝓪𝓴𝔂nines	1688624744 Using!! Report Comment