💙CINNAMOROLL LAYOUT💙

Tags: cinnamoroll;cute;sanrio

Description:

Hello! I made a super cute Cinnamoroll themed layout for you guys! This is the first layout I've made in this layout tab, but I have 4 other layouts that have been posted in my blogs! I hope you guys enjoy!

Preview:

Code:

<!-- (c) Layout created by 🖤Teyga🖤 (https://layouts.spacehey.com/layout?id=83) --> <style> :root{ --headers: black; --background_image: url("https://i.ibb.co/Pzg6xQK/dc20ff79713f3d565d77fd39857e2f8d.jpg"); --mynamesize: 27px; --transparency: 0.9; --curve: 30px; } h3, h4, h5, .url-info b{ color: var(--headers) !important;} /* headings*/ h1{ background-color:var(--box_color_and_seethru) !important; border-radius: var(--curve) !important; padding: 10px !important; border: var(--borders) !important; color: BLACK; !important; } /* color of username */ .count, .friends a p{color: var(--names); !important;} /* color of names, and friends counter */ .section{color: var(--text) !important;} /* sometimes <p> is broken by embeds maybe. */ :root{ --box_color_and_seethru: rgba(242, 251, 255, var(--transparency));} h1, h2, h3, h4, h5, a, nav label{ font-family: var(--font-family) !important; text-transform:uppercase !important; } .section,p,a{ font-family: var(--font-family) !important; } h1, h2, h3, h4, h5, p {padding-left:5px !important;} h1{ font-size: var(--mynamesize) !important; text-transform:uppercase !important; padding-middle:12px !important; } body { background-image: var(--background_image) !important; } .heading, .url-info, .blurbs, .mood, .blog-preview, .friends, .contact, .table, .table-section, footer{ background-color:var(--box_color_and_seethru) !important; border-radius: var(--curve) !important; padding: 10px !important; border: var(--borders) !important; } .details{ background-color:var(--box_color_and_seethru) !important; border-radius: var(--curve) !important; padding: 10px !important; border: var(--borders) !important; height: 175px; } .profile-pic img{ /* the face rotation is funny, but let's comment it away for default */ /* transform: rotate(90deg) !important; */ outline:none !important; border-radius: var(--curve) !important; } .friends-grid img{ outline:none !important;filter: opacity(90%) !important; width:60% !important; height:30% !important; border-radius: var(--curve) !important; filter:hue-rotate(var(--hue)) !important; } .inner img{ outline:none !important; border-radius: var(--curve) !important; } iframe{border-radius: 60px !important;opacity: 0.66 !important;} .url-info{display:none !important;} main{border-radius: var(--curve) !important;} main{background-color:rgba(0, 0, 0, 0.0); !important;} .friends th, tr, .friends td, th, .icon, #comments, main, .comments-table, .friends, .profile-info, .table, .table-section, .contact, .url-info, .mood, .blurbs, .blog-preview, .details, .profile-pic img .icon{border: NONE !important;} .mood{margin-bottom:12px !important;} .blurbs{margin-top:12px !important;} .friends{margin-top:-12px !important;} .profile-info{border-radius: var(--curve) !important;} .comments-table{border-radius: var(--curve) !important;border:none !important;} .table-section{padding-bottom:9px !important;} #comments{margin-top:40px !important;padding-bottom:40px !important} .details p:last-child{color:var(--links) !important; filter: brightness(95%); } </style> <style> body { --darker-blue: black; --lighter-blue: black; --even-lighter-blue: #CDDEFF; --lightest-blue: #CDDEFF; --dark-orange: #183879; --light-orange: #CDDEFF; --even-lighter-orange: #CDDEFF; --green: black; --logo-blue:black; } h1 { color: black; text-shadow: 2px 2px 3px white, 0 0 25px white, 0 0 5px white; } body, .bodyContent { background-image:url(https://i.ibb.co/Pzg6xQK/dc20ff79713f3d565d77fd39857e2f8d.jpg); background-position:Center Center; background-attachment:fixed; background-repeat:repeat; .comments-table{ display: block; height: 380px; overflow-y: scroll; Border-radius: 15px; } ⏬ ⏫ ⏬ ⏫ ⏬ ⏫ ⏬ ⏫ </style> <style> /* Hides the default image */ .online img, .offline img { display: none; } .online::before { content: "💙"; } .offline::before { content: "💀"; } .online { color: #82D8FF!important; } nav .links a:hover, a:hover { font-size: 1.10em; } a:active, a:visited, a:link, a.searchlinksmall:active, a.searchlinksmall:visited, a.searchlinksmall:link, a.navbar:active, a.navbar:visited, a.navbar:link, a.redlink:active, a.redlink:visited, a.redlink:link { color: #15668A; } </style> <a href="https://picasion.com/gl/e1mi/"><img src="https://i.picasion.com/gl/90/e1mi.gif" width="317" height="43" alt="https://picasion.com/gl/e1mi/"/></a><br/><a href="https://picasion.com/gl/e1mi/"></a>

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.