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

kia ★!	1713394199 using !! <3 Report Comment
Zpaceboy	1713298062 Using thx! Report Comment
chocomoon	1711923989 using!! ^^ Report Comment
Kami	1711350666 using! <3 Report Comment
London London	1711320887 usingg owo Report Comment
HeartzKuromi	1711314919 Using ! Report Comment
🎨 INK	1708443381 usinggg : D Report Comment
Sye!🍀	1707691062 Thank you! Report Comment
ZombieBeatz	1706825187 Using!! Report Comment
˚₊‧꒰ა M☆xi ໒꒱ ‧₊˚	1706484346 usingg^^ Report Comment
Tabulety_YT	1706105443 using!!!! Report Comment
daizy	1706045114 usingggg!!! Report Comment
𝕾𝖈𝖆𝖗𝖑𝖊𝖙𝖙⛧	1705963362 Using (◍•ᴗ•◍) Report Comment
no3h˚ ༘♡ ⋆｡˚	1705602378 using Report Comment
sebastian	1705268437 using :3 Report Comment
fern ཐིཋྀ	1705176610 using!! Report Comment
MITTENS	1704936363 UISNGGGG Report Comment
𝜗𝜚 ☆ 𝜗𝜚	1704481935 Usingggg!!!! Report Comment
Lily	1704471173 Using xx Report Comment
Orca	1703494225 USING!1 :O Report Comment