Pink Minimalism
A sophisticated pink minimalist layout featuring clean lines, elegant Times New Roman typography, grayscale friend images, custom cursor, circular profile picture with hover effect, uppercase italic headings, hidden profile info sections, custom online badge, white content boxes on soft pink background, and a repeating pink bliss background pattern. This layout creates a refined, minimalist aesthetic perfect for those who appreciate simplicity and elegance. Created by SpaceHeyLayouts.com & TimeToGoBack.com. Simply copy the code below and paste it into your SpaceHey profile's CSS section.
📋 Layout Code
<!-- (c) Layout by SpaceHeyLayouts.com & Time to Go Back -->
<style>
:root {
--logo-blue: transparent!important;
--darker-blue: #ffffff;
--lighter-blue: #ffcdd2;
--even-lighter-blue: transparent!important;
--lightest-blue: transparent!important;
--dark-orange: black!important;
--light-orange: #dfd1f4;
--even-lighter-orange: #FFFFFF;
--green: #000000;
}
nav img.logo{
filter: brightness(0) saturate(100%);}
nav .links {
background: transparent!important;
font-size: 10px;
}
.mood p{
background: white;
}
.profile p{
font-size: 11px;
}
.profile a{
color: black!important;
background-color: white!important;
border: ;
}
.profile a:visited{
color: black!important;
background-color: white;
}
nav .links a{color: black!important;}
nav .links a:visited{
color: black!important;}
.section
p {color: black!important;
background-color: white!important;}
.blurbs{
margin-top: 0px!important;
text-align: center;
background-color: white;
}
.blurbs h4{
text-align: center;
text-transform: uppercase;
font-style: italic;
font-size: 15px;
font-weight: 1;
}
.search-wrapper input[type=text] {
font-family: times;
background-color: white!important;
border: 1px solid!important;
border-radius: 0px !important;
font-size: 9px;
}
button{
border-radius: 0px !important;
border: 1px solid!important;
text-transform: lowercase;
font-family: times;
font-size: 9px!important;
background-color: black!important;
width:;
color: white!important}
body {
background: #ffdceb;
background-image: url("");
background-size: 1300px;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: right bottom, left bottom;
text-transform: lowercase;
font-family: times;
font-size:13px!important;
}
.blog-preview {
margin-top: -270px;
text-align: center;
color: !important;
background-color: white;
text-transform: uppercase;
font-style: italic;
}
.blog-preview p {
text-transform: lowercase;
font-size: 12px;
margin-top: -10px;
}
.blog-preview p {
text-align: center;
background-color:;
padding: 0px 1px;
border-radius: 10px;
margin-top: -0px;
color: black!important;
}
}
.blog-preview p a{
color: black!important;
}
.blog-preview p a:hover
.blog-preview p a:active,
.blog-preview p a:focus{
color: black!important;
}
nav {
margin-bottom: 0px;
border-radius: 50px 50px 0 0;
color: black!important;
text-align: center;
overflow: hidden;
border: 0px;
border-color: black!important;
border-bottom: none!important;
}
.contact {
font-size: 11px;
font-family: times;
border: dotted 0px!important;
background-image: url("")!important;
background: ;
border-top: 0px;
}
.contact a:visited{
color: black!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: url("")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorites */
content: url("")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send Message */
content: url("")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* forward to friend */
content: url("")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url("")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url("")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add to group */
content: url("")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report user */
content: url("")
}
.profile-info{
display: none!important;
}
.profile .url-info {
display:none;
}
.profile .table-section {
font-size: 11px;
color: black!important;
border: dotted 0px!important;
border-right: none!important;
}
.profile .table-section p{
color: black;
background-color: white;
}
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(1) td:first-child p:before { content:"likes"; font-size:11px; color: black; background-color: white; font-weight: 1;}
.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p { font-size:0; }
.table-section:nth-last-child(2) .details-table tr:nth-child(2) td:first-child p:before { content:"listens"; font-size:11px; color: black; background-color: white; font-weight: 1;}
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(3) td:first-child p:before { content:"films"; font-size:11px; color: black; background-color: white; font-weight: 1;}
.table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(4) td:first-child p:before { content:"shows"; font-size:11px; color: black; background-color: white; font-weight: 1;}
.table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p { font-size:0; color: black}
.table-section:nth-last-child(2) .details-table tr:nth-child(5) td:first-child p:before { content:"books"; font-size:11px; color: black; background-color: white; font-weight: 1;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}
}
.home-actions {
border: none;
}
table.details-table {
border: dotted px;
border-collapse: collapse;
border-top: 0px;
background: trasnparent!important;
opacity: ;
}
table.details-table td {
background: url("");
border-bottom: dotted px;
border-right: dotted px
}
.profile-pic {
border-radius: 50px;
border: solid black 1px;
overflow: hidden;
margin-top: 0px!important;
height: 80px!important;
width: 80px!important;
}
.profile-pic img{
max-height: 100%!important;
max-width: 100%!important;
}
.profile-pic img{
filter: contrast(1.1)!important;
-webkit-filter: contrast(100%);
-webkit-transition: all 1s ease;
}
.profile-pic img:hover{
filter: grayscale(100%);
filter: gray;
-webkit-filter: grayscale(100%);
filter: none;
transition: 1s ease;
}
.heading {
display: none;
}
h1 {
background: url("");
font-size:50px!important;
font-family: times;
font-weight:;
text-transform:uppercase;
font-style: italic;
font-style: ;
text-shadow: ;
text-align: left;
line-height: 50px!important;
display: block;
color: black;
background-color: white!important;
padding: 0px;
margin-top: -250px!important;
margin-bottom: px!important;
}
main:before {
background-image: url('');
margin-left: 300px;
background-size: contain;
background-repeat: no-repeat;
color: transparent!important;
display: block;
content: "";
width:;
height: 300px;
margin-bottom: -30px;
}
main {
border: black solid 1px;
background: url(https://www.spaceheylayouts.com/backgrounds/pink-bliss-bg.jpeg);
background-repeat: repeat!important;
background-attachment: fixed;
background-position: ;
background-size: ;
background-color: transparent!important;
}
.container {
border-radius: 0px 0px 0 0;
overflow: hidden;
padding: 100px;
margin-top: -60px;
}
.blurbs .heading {
display: none;
}
footer {
border-radius: 0px 0px 50px 50px;
border: 0px;
border-top: 0px;
background: transparent!important;
display: block !important;
line-height: 0px;
height: 83px;
margin-top: -1px!important;
}
footer a:link{
color:black!important;
}
footer p{
color: black!important;
}
table.comments-table td {
display: none;
background-color: white!important;
border: dotted 1px;
width: 10px!important;
font-size: 11px;
}
.comments-table td:first-child img {
width: 60px!important;
border-radius: 50px;
}
.profile .friends .person img {
width: 60px;
border-radius: 50px;
}
.profile .right
}
.blog-preview {
text-align: center;
border-top: solid 1px;
border-bottom: solid 1px;
}
.blog-preview p {
color: black!important;
background-color: white!important;
font-size: 12px;
margin-top: -10px;
}
a.addme {
font-size: 4rem;
font-weight: bold;
margin-bottom: 15px;
display: block;
}
a:link {
color: black;
text-transform: uppercase;
font-style: italic;
}
a:hover {
text-transform: uppercase;
text-decoration-style: none!important;
color: none;
background: none;
border: none;
}
a:visited {
color: black;
}
.friends {
background: white;
filter: grayscale(100);
}
.friends-grid
{display:none;
}
.table-section:last-child {
display: none !important;}
.online {
content: url("https://i.ibb.co/rZctnwP/onlinebw.gif");}
*
{cursor: url(https://cur.cursors-4u.net/others/oth-6/oth589.cur), auto !important;}
</style>
<a href="https://www.spaceheylayouts.com" target="_blank"><div style="position:fixed; top:0; left: 0; z-index: 9; background-color: #000; width: 125px; height: 16px;">SpaceHeyLayouts.com</div></a>
