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

JAMIE<3	1757249205 using :3 Report Comment
Vanessa The Vampire o((>ω< ))o	1754824114 using for blog!! Report Comment
Valkanic	1753137687 Ooh! Using this ^^ Report Comment
Maye	1740595563 Using! tyty Report Comment
✿.｡.:* ☆::. 🇬‌‌🇪‌🇳‌🇮‌🇪‌ .::.☆*.:｡.✿	1739763774 USING Report Comment
PrettyBoy Jme!	1738748133 Thieving Report Comment
ShimmerXoXo	1738702362 using Report Comment
Zdzisława Kiszonka	1734779801 using Report Comment
sotfff	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
Emmy! (#1 Alolan Raichu fan)	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