simple pink layout

Tags: pink, checkered, hot pink, simple

Description:

comment if using!

Preview:

click on the image for a larger preview

Code:

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

<!-- MAIN CODE -->
<style>
body{
  background: url(https://i.pinimg.com/236x/8c/3f/02/8c3f02b14011d2d567f2aaf25421b5c6.jpg);
  background-size: 300px;
}

main, nav .top, nav .links, footer{
  background: lightpink;
  color: deeppink;
  border: white 1px solid;
  border-radius: 1px;
  margin-top: 25px;
  margin-bottom: 25px;
}

.profile .table-section, .profile .friends, .blog-preview{
  background:white;
  color: black !important;
  border: white 1px solid;
  border-radius: 0px;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}

.profile .blurbs{
  background: url(https://i.pinimg.com/236x/b6/5d/87/b65d878d42af9f0aa8701a1ec43a1861.jpg);
  color: deeppink !important;
  border: white 1px solid;
  border-radius: 0px;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
  word-wrap: break-word;
}

.profile .contact, .profile .mood, .friends{
  color: deeppink !important;
  border: white 1px solid;
  border-radius: 0px;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}


.profile .url-info{
  background: white;
  background-position: center;
  background-size: 100px;
  height: 70px;
  font-size: 13px;
  border: white 1px solid;
  border-radius: 0px;
}

.profile-info{
  background: url(https://i.pinimg.com/236x/62/7e/58/627e58dd6ff9e8ae8ef9c66208beb921.jpg);
  background-size: 350px;
  background-position: center;
  height: 100px;
  font-size: 9px;
  border: black 2px solid;
  border-radius: 0px;
  margin-bottom: 25px;
}

.friends#comments{
  background: url(https://i.pinimg.com/236x/d6/51/99/d6519907d62c00df81aca9ea49deb2d6.jpg);
}

.heading{
  background: black !important;
  border-radius: 0px;
}

a, nav .links a, nav .top a, footer a{
  color: deeppink;
}
a:hover, nav .links a:hover, nav .top a:hover, footer a:hover{
  color: black;
  text-decoration: underline;
  text-transform: uppercase;
}

button{
  color: black !important;
  border: none !important;
  background: none !important;
}

button:hover{
  color: black !important;
  text-decoration: underline !important;
  text-transform: uppercase !Important;
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: white;
}

.profile-pic img, .friends img{
 animation-name: floating;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  margin-left: 0px;
  margin-top: 0px;
}

</style>


<!-- CONTACT ICONS -->
<style>
.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: "♥"
}
</style>

<!-- FONT -->

<style>

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

p{

 font-family: 'Agbalumo', cursive;

 font-size: 140%;




}

h1, h2, h3, h4, h5{

 font-family: 'Agbalumo', cursive;

 font-size: 140%;

<style></style>

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

no one you know

1701031971

usin

Report Comment

Milan =P

1699558412

aaa it's soooo cute!! Totally using it :3

Report Comment