Sanrio Layout

Tags: sanrio, pastel, cute, pink, soft, blue, kawaii

Description:

Pastel pink and blue sanrio themed layout! I made this for a friend and thought I'd share it :)

Preview:

click on the image for a larger preview

Code:

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

<style>
.logo {
content:url("https://i.postimg.cc/WzCTBv9P/Picsart-23-07-29-16-34-39-021.png"); width: auto;
}</style>
<style>
  background-image: url(https://i.ibb.co/Pzg6xQK/dc20ff79713f3d565d77fd39857e2f8d.jpg);
  content: "";
  height: 300%;
  left: -50%;
  opacity:.4;
  position: fixed;
  top: -110%;
  width: 300%;
  pointer-events:none;
}
</style>
<style>
{cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat984.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/29/pink-paw-print.html" target="_blank" title="Pink Paw Print"><img src="https://cur.cursors-4u.net/cursor.png" alt="Pink Paw Print" style="position:absolute; top: 0px; right: 0px;"/>


<style>
body {
   background-image: url(https://i.ibb.co/Pzg6xQK/dc20ff79713f3d565d77fd39857e2f8d.jpg);
background-size: cover;
height: 100%;
background-attachment: fixed;
}.profile .contact,
.profile .url-info,
.profile .table-section,
.home-actions {
border: 3px outset lightpink!important; 
background-image: url(https://i.pinimg.com/564x/3c/95/b3/3c95b3488994ec8d147d81f73eca264b.jpg);
border-radius: 10px
}
  .top{
    background-image:url("https://i.pinimg.com/564x/3c/95/b3/3c95b3488994ec8d147d81f73eca264b.jpg") !important;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
}
.profile .profile-info{
color: black; 
background-image: url(https://cdn.discordapp.com/attachments/1135706097534128138/1137794108744814743/Screenshot_20230806-120628.png);
background-size: cover;
background-position: center;
border: 3px outset lightpink!important; 
border-radius: 10px;
  }
  body {
   background-image: url(https://i.ibb.co/Pzg6xQK/dc20ff79713f3d565d77fd39857e2f8d.jpg);
background-size: cover;
height: 100%;
background-attachment: fixed;

}
button, input {
    overflow: visible;
    border: 3px outset lightpink!important; 
    background: #ffa4c1;
    color: white;
    font-family: 'Oleo Script', cursive;
}
main{
background: rgba(0, 0, 0, 0) !important;
}
.profile {
   background-color: rgba(246, 215, 223, 0.5); 
} 
.container {
   width: 790px;
}
</style></a>
<style>
@import url('https://fonts.googleapis.com/css2?family=Oleo+Script&display=swap');
p{
  font-family: 'Oleo Script', cursive;
  font-size: 120%;
  color: white 
}
h1,h2,h3,h4,h5{
  font-family: 'Oleo Script', cursive;
  font-size: 130%;  
}

h1 {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #ffc6d8;, 0 0 25px lightpink, 0 0 5px lightpink;
}
h4 {
  color: #FFFFFF;
  text-shadow: 1px 1px 2px #ffc6d8;, 0 0 25px lightpink, 0 0 5px lightpink;
}
  .top{
    background-image:url("https://i.pinimg.com/564x/e4/cb/56/e4cb568e111f725ddd832cbce8d7bf53.jpg") !important;
    background-position:center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color:rgba(0, 0, 0, 0.8); !important;
  }
  body {
   background-image: url(https://i.ibb.co/Pzg6xQK/dc20ff79713f3d565d77fd39857e2f8d.jpg);
background-size: cover;
height: 100%;
background-attachment: fixed;

}
button, input {
    overflow: visible;
    border: 3px outset lightpink!important; 
    background: #ffa4c1;
    color: white;
    font-family: 'Oleo Script', cursive;
}
main{
background: rgba(0, 0, 0, 0) !important;
}
.profile {
   background-color: rgba(246, 215, 223, 0.5); 
} 
.container {
   width: 790px;
}
  .url-info{
    display:none !important;
  }
nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {
    content: " 🤍 ";
    color: white;
}
nav .top {
color: white;
font-family: 'Oleo Script', cursive;
}
.comments-table{
display: block;
height: 200px;
overflow-y: scroll;
}
/* change all headings on page to different colors. */
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: rgba(0,0,0,0);
   color: white;
}
/* change all headings on page to different colors. */
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: rgba(0,0,0,0);
   color: white;
}

footer {
    border-radius: 15px;
    background-image: url(https://i.pinimg.com/564x/c8/71/75/c87175f52465fad96f0d685177587574.jpg);
    color: white;
}

table.comments-table td {
    color: rgb(255, 77, 166);
}

:root {
    --logo-blue:black;
    --darker-blue: white;
    --lighter-blue: black;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: white;
    --light-orange: ;
    --even-lighter-orange: ;
    --green: pink;
}
.online{
color: #FFFFFF;
font-family: 'Oleo Script', cursive;
font-size: 16px;
text-align: left;
}

.online img{
content: url(https://dl.glitter-graphics.com/pub/157/157641b27q8mcaol.gif);
}
nav .links a:hover{
text-decoration: underline;
color: #ff7ca6;
}

a:hover {
color: #ff7ca6;
}

.count{
color: #ff7fa7;
}
.profile .friends-grid .person p{
color: #ff7fa7;
}
nav .links{
background-color: #ffc3d6;
font-family: 'Oleo Script', cursive;
font-size: 110%;
}
nav .links .special a {
    color: #FFFFFF;
}

::selection {
   background: #ff7fa7;
   color: #FFFFFF
}
.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: "🍡"
  }
</style>

<img src="https://external-media.spacehey.net/media/sGiG5rZGKhPjgpfcp_35bs5uK4WsoPWSYM8okrYCybkM=/https://64.media.tumblr.com/a3e4150ef43400352f394fd32a96e575/tumblr_ptnzq7F2sn1xzybrpo4_100.png" width="100px" height="70px"/> <img src="https://external-media.spacehey.net/media/sfzIhJPXVoZi5T9jAKew9r246IUu5S1iP40-ySQcQR34=/https://cdn.discordapp.com/attachments/1074028571447791620/1092449772813688963/tumblr_inline_pd1hvuPF2S1uib6e7_500.png" width="100px" height="70px"/>

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 )

𝑚𝑖𝑘𝑒𝑦	1771919326 Usinggg Report Comment
☆•°b.b°•☆	1729302636 using!! Report Comment
EeveeSparkles	1725349733 Usingg Report Comment
картошик	1697632631 using! Report Comment
𝙣𝙤𝙣𝙮𝙖 🥀	1695387010 using!! Report Comment
CHOMMU!	1695278909 USINGG Report Comment
૮ ˙ ꒳ ˙ ა🔪 Shugi	1694933455 using! Report Comment
Rain⋆｡˚ ☁︎ ˚｡⋆｡	1694372594 using! <3 Report Comment
☆ TOM !! ☆	1694195742 ARGH USINGGGGGG!!!!!!!!!! Report Comment