💙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!

(screenshot taken using: https://nein-mc.neocities.org/csstest/index.html )

Preview:

click on the image for a larger 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.

Comments

Displaying 18 of 18 comments ( View all | Add Comment )

Zdzisława Kiszonka	1734779801 using Report Comment
geav!!	1733682843 using! Report Comment
Flowerfog	1727266145 using! Report Comment
coquette megumi fushiguro	1722002152 using! Report Comment
akio <33	1719647030 USING >3< Report Comment
𝖑𝖞𝖓𝖓⁸	1719590188 usingg!! Report Comment
Pine	1715923437 Using!! Report Comment
Kuma	1712704858 using!! Report Comment
Emma/Emmy <3	1711468494 Using!!!!! :3 Report Comment
𝗦𝘁𝗼𝗹𝘇𝘆!	1706607533 Using!! >< Report Comment
MATZ	1705588269 using :3 Report Comment
MATZ	1705588269 using :3 Report Comment
— RIDDLE !!	1704343309 USING <3 <3 Report Comment
Andrea	1685313532 I justw ant the changed online thing how do I do that? Report Comment
Honey Angel	1669930087 SO CUTE! Im gonna try this :3 Report Comment
Izalu	1636777792 so cutee Report Comment
rodent-cat	1633750988 Nice ! This is cute :D i enjoy Report Comment
Tori	1612822192 So Cute!! Report Comment