pink x and hearts layout

Tags: pink, hearts, layout, simple

Description:

Hello Everyone! I hope you like this layout I created! :) Please let me know in the comments if you decide to use this layout! Enjoy :D

Preview:

Layout Screenshot
click on the image for a larger preview

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

<3

<3's profile picture

Using!!


Report Comment

Ninetails500

Ninetails500's profile picture




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


/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
scrollbar-width: auto;
scrollbar-color: #4c0225 #000000;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 16px;
}

*::-webkit-scrollbar-track {
background: #000000;
}

*::-webkit-scrollbar-thumb {
background-color: #4c0225;
border-radius: 10px;
border: 3px dashed #ffffff;
}
.general-about img {
-webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}



*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
font-family: Diediedie !important;
font-size: 12px !important;
color: black !important;
text-shadow: none !important;
letter-spacing: 1px;
}
.profile-pic img{

border: 2px solid black !important;
border-radius: 25px 25px 25px 25px !important;
box-shadow: 0px 0px 10px #4c0225;
}


}
body {
background-color: #ffffff;
background-attachment: fixed;
background-size: cover;

}
.top, .links, .heading, footer, button {
background-color: #ebafcb !important;
}
h1 {
font-family: Anton !important;
font-size: 40px !important;
color: #000000 !important;
}
h4 {
color: #000000 !important;
}
.contact, .url-info, .table-section, .profile-info {
border-color: #4c0225 !important;
}
td {
background-color: #ffffff !important;
}
input, button:not(.logout-btn) {
border: 1px groove #4c0225 !important;
}
.pfp-fallback, .row.profile {
border: 2px solid #ffffff !important;
}
.logo-fallback {
height: 38px !important;
}
a{
font-family: Anton !important;
font-size: 10px !important;
color: #4c0225 !important;

}
a:hover{
font-family: Anton !important;
font-size: 12px !important;
color: #999999 !important;

}

.top{
border-radius: 25px 25px 0 0 !important;
}
main{

border-radius: -20px 10px 25px 25px !important;
}
footer{

border-radius: 0 0 25px 25px !important;
}





.online{content:url("https://i4.glitter-graphics.org/pub/2012/2012374bhuj4dyj8a.gif");}




body {
background-image:
url(https://images2.imgbox.com/9e/5c/k0HnsL4J_o.jpg);
background-size: px;
background-attachment: fixed;
background-repeat: no repeat;
background-position: Center;


Report Comment

Ninetails500

Ninetails500's profile picture




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


/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
scrollbar-width: auto;
scrollbar-color: #4c0225 #000000;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
width: 16px;
}

*::-webkit-scrollbar-track {
background: #000000;
}

*::-webkit-scrollbar-thumb {
background-color: #4c0225;
border-radius: 10px;
border: 3px dashed #ffffff;
}
.general-about img {
-webkit-mask-image: url(https://i.postimg.cc/8CB1CTyG/heart.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
}



*, p, a, form, li, .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
font-family: Diediedie !important;
font-size: 12px !important;
color: black !important;
text-shadow: none !important;
letter-spacing: 1px;
}
.profile-pic img{

border: 2px solid black !important;
border-radius: 25px 25px 25px 25px !important;
box-shadow: 0px 0px 10px #4c0225;
}


}
body {
background-color: #ffffff;
background-attachment: fixed;
background-size: cover;

}
.top, .links, .heading, footer, button {
background-color: #ebafcb !important;
}
h1 {
font-family: Anton !important;
font-size: 40px !important;
color: #000000 !important;
}
h4 {
color: #000000 !important;
}
.contact, .url-info, .table-section, .profile-info {
border-color: #4c0225 !important;
}
td {
background-color: #ffffff !important;
}
input, button:not(.logout-btn) {
border: 1px groove #4c0225 !important;
}
.pfp-fallback, .row.profile {
border: 2px solid #ffffff !important;
}
.logo-fallback {
height: 38px !important;
}
a{
font-family: Anton !important;
font-size: 10px !important;
color: #4c0225 !important;

}
a:hover{
font-family: Anton !important;
font-size: 12px !important;
color: #999999 !important;

}

.top{
border-radius: 25px 25px 0 0 !important;
}
main{

border-radius: -20px 10px 25px 25px !important;
}
footer{

border-radius: 0 0 25px 25px !important;
}





.online{content:url("https://i4.glitter-graphics.org/pub/2012/2012374bhuj4dyj8a.gif");}




body {
background-image:
url(https://images2.imgbox.com/9e/5c/k0HnsL4J_o.jpg);
background-size: px;
background-attachment: fixed;
background-repeat: no repeat;
background-position: Center;


Report Comment