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

annaluvspocoyo	1654576264 so cuutee ✰ using! Report Comment
willow >-<	1654179377 ahh this is soo cute! defo using this Report Comment
(っ◔◡◔)っ ᕲᗩᖽᐸᓍᖶᗩ	1653056055 This is such a cute Layout! I'm using this Report Comment
Kittybean	1652466274 really cute i needed a new layout (o゜▽゜)o☆ Report Comment
lumine	1652358363 using ^__^ Report Comment
SUNNY D	1651455417 using :D Report Comment
Murakumo『 KMNO-VT 』	1650550951 Would be using Report Comment
Finn/Everest <3	1650482266 Will be using :D Report Comment
sel	1650184183 using!! Report Comment