pastel sanrio layout

Tags: pastel, cute, sanrio, pink, purple, stars, gif, animated

Description:

This is one of my first ever layouts!! I made it with the theme of pastel in mind :3 I am planning on making more layouts so if you have any ideas for themes, feel free to either message me or leave a comment!! if you are planning on using this layout, a comment would be much appreciated!! This layout looks good on mobile as well!! if anything doesn't work or malfunctions, please let me know and i will try to fix it asap!! my melody spacehey logo is by https://layouts.spacehey.com/stemmi

Preview:

click on the image for a larger preview

Code:

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

<br/>
<!-- (c) Layout created by Jay (https://layouts.spacehey.com/ratl0rd) -->
<a href="https://layouts.spacehey.com/ratl0rd">
         <img alt="credit" src="https://i.imgur.com/itxKpLx.gif" width="150&quot;" height="20"/></a>

<div class="love">
<div class="ribbon1">
<div class="fence">
<div class="bearb">
<style>

@import url('https://dl.dropbox.com/s/8p8mi5uzbekohv7/Starborn.ttf');

</style>
<style>
@font-face {
font-family: starborn;
src: url(https://dl.dropbox.com/s/8p8mi5uzbekohv7/Starborn.ttf);
}
 
#starborn {
font-family: starborn;
}
</style>
<style>

.profile .blurbs .section h4{
font-family: starborn;
text-transform:lowercase !important;
color:rgb(199, 64, 181);
}
@font-face {
src: url(https://dl.dropbox.com/s/8p8mi5uzbekohv7/Starborn.ttf);
font-family: starborn;
}
</style>
<style>
 
.profile-pic img:hover{
  animation: rotation 0.3s infinite linear;
}
.love{
    background: url(https://i.imgur.com/hsLWrgR.gif) no-repeat;
    background-size: 70%!important;
    position: fixed;
    right: -5px;
    bottom: -140px;
    height: 350px;
    width: 350px;
    z-index: 1000;
    opacity: 100%;
}
.profile .left h1:before {
    background-image: url(https://i.imgur.com/o8KZGQG.gif);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    background-size: 100px;
    height: 100px;
    width: 100px;
    content: " ";
    transform: scale(3) translateX(-2em) translateY(10em) rotate(300deg);
    position: absolute;
    z-index: -1;
}
    .top{

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

    }
    main{

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

    }

  .logo {
content:url("https://media.discordapp.net/attachments/1083062800752054305/1084657439141539880/image0.jpg")
}

     .top{
    background-color: pink !important;   
    background-image: url("https://i.imgur.com/3rYmQGf.jpg") !important;
    background-attachment: fixed !important;
    background-repeat: repeat !important;
    background-position: center !important;
        
    }

    table.details-table{
        
border: 1px solid purple !important;   
        
    }
    .profile .details-table td{

border: 1px solid purple !important;   

    }

    .contact{
        
border: 1px solid purple !important;   
        
    }
.links{
background-color: lavender !important;
border: 5px solid lavender !important;   

}
li.active .icon { 
    content:url('https://i.imgur.com/csyYE8y.gif'); 
    width: 69px;
    height: 20px;
    }




.blog-entry .profile-pic:after, .bulletin .profile-pic:after { background-size: cover; width: 110px; height: 110px; } /* blogs, bulletins */

.general-about .profile-pic:after { background-size: cover; width: 170px; height: 170px; } /* profile */ 

  font-size: 150%;
  font-family:'Josefin Sans', sans-serif;
}
h1,h2,h3,h4,h5{
  font-size: 200%; 
  font-family:'Josefin Sans', sans-serif;
}
  body {
   background-image: url("https://i.imgur.com/9tny1no.gif");

}
  body {
   background-color: rgb(229, 209, 255);
   border-radius: 25px 25px 0 0 !important;
   border-radius: 0 0 25px 25px !important;
}
.profile {
   background-color: rgb(252, 220, 230); 
   border-radius: 0 0 25px 25px !important;
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgb(229, 194, 242);
   color: rgb(113, 24, 128);
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: pink;
   color: rgb(113, 24, 128);
}
main:after{
border-radius: 0 0 25px 25px !important;
}

main:before {
    width: auto;
    margin-bottom: 5px solid lavender;
    border: 5px solid lavender;
    height: 130px;
    display: block;
    content: "";
    background-image: url("https://i.imgur.com/jwQxHh9.gif");
    background-position: center center;
    background-size: cover;
}
footer {
    border-radius: 15px;
    background-image: url("https://i.imgur.com/g1wCOQK.png");
    color: lavender;
}

table.comments-table td {
    color: rgb(209, 165, 250);
    background-color:rgb(229, 194, 242);
}
.friends-grid img {
background color:lavender;
}
:root {
    --logo-blue:black;
    --darker-blue: purple;
    --lighter-blue: black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: black;
    --light-orange: black;
    --even-lighter-orange: black;
    --green: pink;
}

  table, tr, td, li, p, div,.text,.redtext, .blacktext12  {

  color:rgb(199, 64, 181);

 font-family:'Josefin Sans', sans-serif;

 font-weight:bold;

 }

   .whitetext12, .orangetext15 {

  color:rgb(199, 64, 181);

 font-family:'Josefin Sans', sans-serif;
 font-weight:bold;

 }

   .lightbluetext8, .blacktext10, .redbtext,.btext  {

  color:rgb(199, 64, 181);

 font-family:'Josefin Sans', sans-serif;

 font-weight:bold;

 }

   .nametext {

  color:rgb(199, 64, 181);

font-family:'Josefin Sans', sans-serif;

 font-weight:bold;

 }

  a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link  {

  color:rgb(199, 64, 181);

font-family:'Josefin Sans', sans-serif;

 }

  a:hover, a.searchlinksmall:hover, a.navbar:hover, a.redlink:hover  {

  color:rgb(199, 64, 181);

font-face:'Josefin Sans', sans-serif;

 }
.general-about .profile-pic img{

-webkit-mask-image: url(https://i.imgur.com/bAxhHPN.png);

-webkit-mask-size: 100%;

-webkit-mask-repeat: no-repeat;

-webkit-mask-position: center;

position:relative;

transform:scale(1.025,1.025);

top:-0.25em;

}

<style>
 .online { 
visibility: hidden; 
size: 0px;
color: transparent;
} 
.online img { 
content: url("https://i.imgur.com/ZbcrcYD.gif"); animation-name: none; visibility: visible; height: 20px; width: 80px; filter: none; 
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

</style>
<style>
/*contacting*/

div.contact > div.heading > h4:before{
        content: url(https://i.imgur.com/wZlaIzE.gif);
    }

div.contact > div.heading > h4:after{
        content: url(https://i.imgur.com/wZlaIzE.gif);
    }

/*interests*/

    div.table-section:nth-child(7) > DIV.heading:before{
        content: url(https://i.imgur.com/wZlaIzE.gif);
    }

 div.table-section:nth-child(7) > DIV.heading:after{
        content: url(https://i.imgur.com/wZlaIzE.gif);
    }

/*links*/
 
    div.table-section:nth-child(8) > DIV.heading:before{
        content: url(https://i.imgur.com/wZlaIzE.gif);
    }

 div.table-section:nth-child(8) > DIV.heading:after{
        content: url(https://i.imgur.com/wZlaIzE.gif);
    }

/*blurbs*/

div.blurbs > div.heading > h4:after{
        content: url(https://i.imgur.com/2u2Acrj.gif);
    }
div.blurbs > div.heading > h4:before{
        content: url(https://i.imgur.com/2u2Acrj.gif);
    }

/*friends*/

div.friends > div.heading > h4:after{
        content: url(https://i.imgur.com/2u2Acrj.gif);
    }
div.friends > div.heading > h4:before{
        content: url(https://i.imgur.com/2u2Acrj.gif);
    }

/*comments*/

div#comments.friends > div.heading > h4:after{
        content: url(https://i.imgur.com/2u2Acrj.gif);
    }
div#comments.friends > div.heading > h4:before{
        content: url(https://i.imgur.com/2u2Acrj.gif);
    }

</style>

<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;
color:rgb(229, 194, 242);

}
.comments-table td:first-child, .music-table td:first-child {
background-color: rgb(229, 194, 242);
}
main {
        border-radius: 50px 50px 0px 0px;
        border: solid #ff0080 2px;
        border-bottom: none;
        background-repeat: no-repeat, repeat!important;
        background-size: 400px!important;
        background-position: right bottom!important;
        background-color: pink!important;
    }
</style>
<style>
             ::-webkit-scrollbar {
    width: 3px;
    height: 10px;
    }

    ::-webkit-scrollbar-thumb {
    background: rgb(214, 130, 250);
    }

    ::-webkit-scrollbar-track {
    background: rgb(242, 212, 255);
    }
</style>
<style>
    .profile-info{
        
border: 1px solid purple !important;   
        
    }
</style>

<style>
.url-info{
border: 1px solid purple !important;
}
</style>
<style>* {cursor: url(https://cur.cursors-4u.net/anime/ani-1/ani185.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2008/11/07/ani185.html" target="_blank" title="My Melody"><img src="https://cur.cursors-4u.net/cursor.png" alt="My Melody" style="position:absolute; top: 0px; right: 0px;"/></a>
</div></div></div></div>
<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: url("https://i.imgur.com/tqBnzx1.gif")
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: url("https://i.imgur.com/wpU6Rvk.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: url("https://i.imgur.com/JLa1o0E.gif")
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: url("https://i.imgur.com/V8eaIeR.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: url("https://i.imgur.com/yBqLhA9.gif")
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: url("https://i.imgur.com/hAmjxgs.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: url("https://i.imgur.com/R2k6LCM.gif")
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: url("https://i.imgur.com/1NFijcH.png")
}
</style>
<style>
.blurbs{
background-image: url(https://i.imgur.com/B7J180M.gif);
background-position: bottom right;
background-size: 150px;
background-attachment: scroll !important;
background-repeat: no-repeat !important;
}
.friends-grid{
  background-image: url(https://i.imgur.com/8CtbwAc.gif);
  background-repeat: no-repeat;
  background-position-x: center;
  background-size: cover !important;

} 
.friends-grid img{
opacity:80% !important;
border-radius: 180px !important;
}
.blurbs:before {
  content: "";
  white-space: pre-wrap;
  display: block;
  height: 70px;
  width: 150px;
  background-image: url(https://i.imgur.com/Z5k7lDE.gif);
  background-repeat: no-repeat;
  background-position-x: center;
} 
.online {
color: transparent;
}

</style>
<div class="snowflakes">
<div class="snowflake"><img src="https://i.imgur.com/DY2xyFu.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/8LYXgHm.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/PlK5eJ4.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/8LYXgHm.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/DY2xyFu.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/8LYXgHm.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/PlK5eJ4.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/8LYXgHm.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/DY2xyFu.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/8LYXgHm.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/PlK5eJ4.gif"/></div>
<div class="snowflake"><img src="https://i.imgur.com/8LYXgHm.gif"/></div>
</div>


<style>
    @-webkit-keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@-webkit-keyframes snowflakes-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}50%{-webkit-transform:translateX(80px);transform:translateX(80px)}}@keyframes snowflakes-fall{0%{top:-10%}100%{top:100%}}@keyframes snowflakes-shake{0%,100%{transform:translateX(0)}50%{transform:translateX(80px)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.snowflake:nth-of-type(10){left:25%;-webkit-animation-delay:2s,0s;animation-delay:2s,0s}.snowflake:nth-of-type(11){left:65%;-webkit-animation-delay:4s,2.5s;animation-delay:4s,2.5s}
</style>
<style>

    .comments-table td{

    background-image: url('https://i.imgur.com/0m1dUN8.gif') !important;

    background-attachment: scroll !important;

    background-repeat: no-repeat !important;

    background-position: center !important;

    background-size: cover !important;

    }

</style>
<style>
 .contact{

background-image: url(https://i.imgur.com/hjQQpM8.gif);

background-attachment: scroll !important;

background-repeat: no-repeat !important;

background-position: center !important;

background-size: 250px;

opacity: 80%;

}
.table-section {
border: 1px solid purple !important;   
        
}
</style>
<style>

h1{

font-family: starborn !important;

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

yumi	1742908681 using!! Report Comment
ᏒᏬᏰᎩ	1737073822 usingg Report Comment
Mistyaria09	1732553199 Using!!!...૮꒰ ˶• ༝ •˶꒱ა ♡ Report Comment
✦ Cici ✦	1723405794 aaaa i was obsessed but the images are gone!!! Report Comment
✧˖°Rodocrosita°˖✧	1685569485 So cute! :3 Report Comment thank you!! <33 by Jay; 1686962699; Report
karl _	1684504481 Using its so cute!! <3 Report Comment ahh ty!! just so you know tho since imgur links are no longer working on spacehey idk if it's gonna work >< I am planning on replacing the links at some point tho!! by Jay; 1684614687; Report
Amia	1682443271 using :33 Report Comment woo!! thank you ♪(´▽｀) by Jay; 1682469608; Report
Joanygurl	1682356236 Using!! This very cute I love it good job Report Comment aaaa thank you!!!!! (´▽`ʃ♡ƪ) by Jay; 1682384657; Report
Crow	1682023834 Pretty <3 Report Comment thank you!! <33 by Jay; 1682036684; Report
shopkin shitter	1681854748 i love the layouttttt its super adorable and i wass wondering if you could make a shopkins layout Report Comment thank you!!! i'm currently making a grunge fairycore-esque layout, but yes, i can make a shopkins layout after that :) i appreciate the idea :D by Jay; 1681861771; Report i just finished it!! heres the link :) https://layouts.spacehey.com/layout?id=29772 by Jay; 1682384887; Report