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 89 comments ( View all | Add 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
Coco (´∀｀)	1737781577 Using! 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
riaa	1730642442 Usinggg!! ★ Report Comment
riaa	1730642440 Usinggg!! ★ Report Comment
riaa	1730642440 Usinggg!! ★ Report Comment
Aysar	1730224097 Using! Thank you so much <3 Report Comment
Kitty !	1729795256 using Report Comment
Poppy ♡	1729740555 Using!~ Report Comment
☆Ivanan☆	1727509412 using! Report Comment
KEiiNiiNE	1727359056 Using thanks!! Report Comment