Cinnamoroll Sanrio Blue Pastel Layout

Tags: cinnamoroll, sanrio, pastel, blue, kawaii

Description:

Hello,

This is a white/pastel blue layout themed around the Sanrio character Cinnamoroll!

I have other Sanrio character layouts too,

To put this onto your profile follow these steps:
1. Copy all the layout code (must included <style> tags)
2. Click "home" in the navigation bar of this page

3. Click "edit profile" once you are at the home screen (next to your profile pic)
4. Add the copied code into your "About me" blurb
5. Save and view your profile!

If you use this layout please consider crediting me in a blog post or bulletin <3

Preview:

click on the image for a larger preview

Code:

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



<style>
/*Navigation Top portion of page*/

nav img.logo {
      filter: brightness(0) saturate(100%) invert(79%) sepia(30%) saturate(807%) hue-rotate(179deg) brightness(100%) contrast(100%) !important;
}
nav {
background-image: url(https://i.pinimg.com/originals/65/4b/f0/654bf0e6b4396f20d25c785039c2b211.gif) !important; 
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: 100%;
}


nav .top{
border-radius: 20px;
border: 2px solid white;
}


a{
color: rgba(77, 193, 240, 1);
text-shadow: 1px 1px 2px rgba(67, 176, 220, 1);
}

a:visited {
color: rgba(77, 193, 240, 1);
text-shadow: 1px 1px 2px rgba(67, 176, 220, 1);
}

a:hover {
color: rgba(77, 193, 240, 1);
text-shadow: 1px 1px 2px rgba(67, 176, 220, 1);}

a:active {
color: rgba(77, 193, 240, 1);
text-shadow: 1px 1px 2px rgba(67, 176, 220, 1);
}

nav .links a:hover{
text-decoration: underline;
color: rgba(77, 193, 240, 1);
}

nav .links {
position: center
}




/*Backgrounds and general "big" styling*/


.profile .profile-info{
border-radius: 19px;
border: 4px solid white;
color: white;
background-image: url(https://www.kindpng.com/picc/m/343-3433099_cinnamoroll-sleepy-kawaii-cute-sanrio-freetoedit-kawaii-sanrio.png);
background-position: center center !important;
background-repeat: no-repeat;
background-size: cover;
}

   body{
    background-image: url(https://wallpapercave.com/wp/wp3640574.gif) !important;
/*background-attachment: fixed !important;
background-position: bottom center !important;
background-repeat: no-repeat !important;
background-size: 100%;*/
   }

main {
background-color: white;
background-image: url(https://i.pinimg.com/originals/80/42/d5/8042d5b86ee7015157cab06b14c80e42.gif) !important;
border-radius: 20px;
border: 2px solid white;
}


/*General stuff*/

.profile .blurbs .heading,
.profile .friends .heading{
border-radius: 20px 20px 0 0;
border: 2px solid white;
text-align: center;
padding: 0.5em;
font-size: 15px;

}


.profile .general-about{
color: white;
font-style: italic;
}

.profile .blog-preview,
.profile .mood{
color: white;
font-style: italic;
}


.profile .blurbs .heading,
.profile .friends .heading{
color: white;
background-color: ;
border-radius: 20px 20px 0 0;

text-align: center;
padding: .5em;
font-size: 15px;
}

.profile .blurbs,
.profile .friends{
border-radius: 20px;
border: 2px solid white;
font-style: italic;
color: white;
}

.profile .friends{
text-align: center;
}

.profile .friends-grid .person p{
color: white;
}

.profile .blurbs .section h4{
color: white;
padding: .5em;
}

.profile .profile-pic img{
border-radius: 20px;
}

.online {
color: white;
}


.profile .general-about{
color: white;
font-style: italic;
text-shadow: 1px 1px 2px  rgba(77, 193, 240, 1);
}



.profile .contact .heading,
.profile .table-section .heading{
color: white;
border-radius: 20px 20px 0 0;
border: 2px solid white;
text-align: center;
padding: .5em;
font-size: 15px;
}


.profile .table-section,
.profile .contact,
.profile .url-info{
border-radius: 20px;
border: 2px solid white;
font-style: italic;
color: white;
}


.profile h1 {
color: white;
font-style: italic;
}



table.details-table td {
background-color: transparent !important;
color: white !important;
font-style: italic !important;
}

/*Changing default color titles to unique colors*/

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


/*Contacting Me and My interests*/

.contact {
    background-color: ;
}
table.details-table {
    background-color: ;
}
.profile .friends .inner {
    background-color: ;
}
.profile .blurbs .inner {
    background-color: ;
}





/*Special Other*/

.count {
color: rgba(153, 194, 255, 1);
}


/*fonts, icons, and cursor*/

.online img {
  filter: brightness(0) saturate(100%) invert(76%) sepia(42%) saturate(432%) hue-rotate(305deg) brightness(104%) contrast(105%);
    !important;
}

a:hover {
    cursor: url(https://cdn.custom-cursor.com/db/6905/32/sanrio-cinnamon-roll-and-cinnamoroll-pointer.png), auto;
}

* {
    cursor: url(https://cdn.custom-cursor.com/db/6905/32/sanrio-cinnamon-roll-and-cinnamoroll-pointer.png), auto;
}

* {
    font-family: sans-serif;
}



/*footer*/

footer {
background-image: url(https://i.pinimg.com/originals/65/4b/f0/654bf0e6b4396f20d25c785039c2b211.gif) !important; 
background-position: center center !important;
background-repeat: no-repeat !important;
background-size: 100%;
}


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

alba👅👅	1749748762 using!! tysm! Report Comment
y ┐('～`;)┌	1747658058 using!! Report Comment
temp	1747004640 using tysm! Report Comment
navely mu	1745102060 using!!! Report Comment
cinnamorolls	1741975800 using tysm!! its so cute Report Comment
Kameran M Bice	1740591558 using! Report Comment
vee :3	1740434262 using !! tyyy :3 Report Comment
vee :3	1740434260 using !! tyyy :3 Report Comment
starshark	1739004965 using <3 thank u sososoo much!! Report Comment
Bri :3	1737266819 hii im using this! i just wanted to ask if there was a way to change the white text to another color and if so, how? im new to this :') cute layout!!! Report Comment
alorais_	1736944537 Using:3 Report Comment
!RoY!	1736244250 using :3 Report Comment
☆Libby☆	1734665657 using Report Comment
leo☆	1734294701 using !!!! Report Comment
WhiteCat333	1733808864 useing Report Comment
Raghad1821	1731173962 Using! Report Comment
elena	1730642442 Usinggg!! ★ Report Comment
elena	1730642440 Usinggg!! ★ Report Comment
elena	1730642440 Usinggg!! ★ Report Comment
Aysar	1730224097 Using! Thank you so much <3 Report Comment