💙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 22 comments ( View all | Add 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
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
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
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