pink hearts layout

Tags: hearts, pink, white, cutecore, simple

Description:

i made this 4 me but i wanna change my layout now, so. here !!!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=80952) -->

<style>
main{
    height: 460px;
    overflow-y: scroll;
}
main .left{
    border-right:white 2px;
padding: 40px;
}
</style>

<style>
  @import url('https://fonts.googleapis.com/css2?family=Sedgwick+Ave+Display&display=swap');
  h1,h2,h3,h4,h5,h6,body{
     font-family: 'Sedgwick Ave Display', cursive;
}

body {
background: url(https://i.pinimg.com/originals/11/3f/b0/113fb0afd06af6f3e8cb23bd8761ad94.jpg);
background-size: 670px;
opacity:.95;
}

h1 {
color: white; 
text-shadow: 2px 2px 3px #dcd5eb, 0 0 25px #dcd5eb, 0 0 5px #000000;	
font-style: italic;
}

.online {content:url('https://dl.glitter-graphics.com/pub/563/563920usyh14wpi5.jpg'); background-repeat: no-repeat; background-position: -15% 75%; z-index: 2; 
}


.profile {
background: #FF9AA7;
}

.logo {
content:url("https://static.wikia.nocookie.net/logopedia/images/2/20/MySpace_logo.svg");
filter: invert(100%);
}

main, top, links, nav .top, nav .links, details-table, footer, footer .links {
font-size: small;
color: white;
}

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

main {
background: lightpink;
padding: 0;
font-size: large;
text color: white;
text-shadow: 1px 1px 2px #dcd5eb, 0 0 25px #000000, 0 0 3px #000000; 
}

footer {
background: url('https://i.pinimg.com/originals/b1/5d/85/b15d85e1a0efb2e0761e257ee77d1dd3.jpg');
color: lightpink;
opacity:.5;
}

.general-about {
background-color: lightpink;
background-size: cover;
padding:30px;
border-radius: 10px;
text-align: right;
}

.icon {
content: url("https://dl.glitter-graphics.com/pub/638/638145bltz6zqhdo.gif");
}

.comments-table {
display: block;
overflow-y: scroll;
border-radius: 1px; 
text-shadow: 1px 1px 2px #dcd5eb, 0 0 1px #000000, 0 0 1px #000000;
background: url(https://i.pinimg.com/originals/b1/5d/85/b15d85e1a0efb2e0761e257ee77d1dd3.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}

.contact {
border-radius: 8px;
background-image: url(https://i.pinimg.com/originals/b1/5d/85/b15d85e1a0efb2e0761e257ee77d1dd3.jpg);
background-position: center;
background-repeat: repeat;
background-attachment: scroll;
background-size: cover;
color: white;
text-shadow: 1px 1px 2px #dcd5eb, 0 0 25px #dcd5eb, 0 0 3px #000000; 
}

.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section,  .url-info, .mood, .blurbs, .blog-preview, .details, {
border: 1px curve #000000 !important;
outline: curve !important;
}


 .url-info{
    display:none !important;

.contact .inner a img {

       font-size: 0;

   }

   .contact .inner a img:before {

       font-size: 0em;

    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: "✦"

   }

img
{
border-radius: 12px;
}

nav .links {
background: rgba(0, 0, 0, 0.3);
}

nav {
background-image: url(gif or image url) 
}

img:hover , .url-info:hover , .online:hover {

  animation: float 1.5s;

  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>

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