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

kelly	1725252434 using Report Comment
Lyra Melodia	1724757747 using!! it's so cute!! :3 Report Comment
₍ ᐢ.ˬ.ᐢ₎˚୨୧cutiesuuuki*ੈ✩‧₊˚	1723801650 using! this is so pretty!!!! Report Comment
papaya ♡	1722889457 using tysmmm Report Comment
eli	1722551971 USING Report Comment
eli	1722551971 USING Report Comment
Cinnabun	1722455668 Using! Report Comment
Cinnabun	1722455667 Using! Report Comment
Kanade <3	1722178073 Using!! Report Comment
coquette megumi fushiguro	1721950061 using!!! Report Comment
ℂ𝕒𝕞𝕖𝕣𝕠𝕟	1720320664 Using!!1!1!1!1 Report Comment
dulce !	1718775831 usinggg !!!! Report Comment
Zigzagoon!! 🏳️‍⚧️	1718653563 using :3 Report Comment
prettypillowgirl:3	1718167172 Using! Report Comment
Kevvin_XP	1716151000 using :3 Report Comment
kia ★!	1713394199 using !! <3 Report Comment
Zpaceboy	1713298062 Using thx! Report Comment
nikipaskov	1711923989 using!! ^^ Report Comment
Kami	1711350666 using! <3 Report Comment
London London	1711320887 usingg owo Report Comment