Cinnaromoll lay

Tags: blue, pastel, cinnaromoll, sanrio, cute, layout, light blue, pretty

Description:

Js a light blue pastel lay comes w custom cursor, intro, pfp, online symbol, etc. took me a day or so not that long. You may use it as a base but please make sure to credit me if u do! to give credit put it in ur status or abt me (if u use as a base) if ur js using this layout make sure to comment or add me. please give me advice so i can improve <3 I can do custom lays js and help w lays all u have to do is ask. (might take me awhile I do have school)

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Marl <3 (https://layouts.spacehey.com/layout?id=29404) -->

<style>
    table.details-table{
        
border: 3px dashed rgba(255, 255, 255, 1) !important;   
        
    }
    .profile .details-table td{

border: 3px dashed rgba(255, 255, 255, 1) !important;   

    }
</style>

<style>

    .contact{
        
border: 3px dashed rgba(212, 228, 255, 1) !important;   
        
    }
</style>

<style>
    .table-section .heading{
        
    background-color: #e1f5fa !important;
    background-image: url('URL');
    background-repeat: repeat;
    background-position: center;
    border-radius:15px;   

    }
</style>


<style>
    .contact{
        
    background-color: #ffffff !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER !important;
    border-radius:15px;
    border: 2px dotted rgba(212, 228, 255, 1)        
    }
</style>

<style>
    .contact .heading{
        
    background-color: #e1f5fa !important;
    background-repeat: repeat;
    background-position: center;

    }
</style>

<style>
.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* Add to Friends */
content: "💧"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* Add to Favorites */
content: "🧊"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* Send Message */
content: "🌊"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* Forward to Friend */
content: "☁️"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* Instant Message */
content: "❄️"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* Block User */
content: "🫧"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* Add to Group */
content: "💎"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* Report Profile */
content: "💧"
}
</style>


<style>
img:hover {
  animation: shake 0.5s;
 animation-iteration-count: infinite;
}


@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.profile-pic{
}
img:hover {
  animation: shake 0.5s;
 animation-iteration-count: infinite;
}


@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}


  .contact img.icon { 
 display: none; 
}

.contact .inner a img {
    font-size: 0;
}
.contact .inner a img:before {
    font-size: 1em;
    display: block
}
</style>


<style>
table.comments-table{

display: block;
height: 250px!important;
overflow-y: scroll;

}
</style>

<style>
    .comments-table td{
        
    background-color: #ffffff !important;
    background-image: url('URL') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
.profile .friends .person img {
   border-radius: 500px;
}

</style>

<style>
:root {

--lighter-blue: rgba(0, 0, 0, 0.0);
--dark-orange: rgba(255, 255, 255, 1);
--light-orange: rgba(225, 245, 250, 1);
--lightest-blue: rgba(255, 255, 255, 1);
}
</style>

<style>
    .profile .details-table td{
        
    background-color: transparent !important;
        
    }
</style>

<style>
    table.details-table{
        
    background-image: url('https://i.pinimg.com/236x/d1/01/30/d10130b7bf3d657395edfec95cf15e81.jpg') !important;
    background-attachment: SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER !important;
        
    }
</style>
<style>
.online{

content: url("http://dl.glitter-graphics.net/pub/157/157641b27q8mcaol.gif") !important;

}
</style>
<style>
.blog-preview{display: none !important;}
</style>
<style>
    .links{
        
    background-color: transparent !important;
  
    }
</style>

<style>
    .top{
        
    background-color: transparent !important;
    
    }
</style>

<style>
    body{
        
    background-color: COLOR !important;
    background-image: url('https://i.pinimg.com/564x/dc/df/16/dcdf16f7d85daf6eafc2807ec2f0b374.jpg') !important;
    background-attachment: FIXED OR SCROLL !important;
    background-repeat: REPEAT OR NO-REPEAT !important;
    background-position: CENTER / LEFT / RIGHT / TOP / BOTTOM !important;
        
    }
</style>

<style>
main {
background: rgba(205, 229, 255, 0.4);
border-radius:15px;
border: 3px dashed rgba(255, 255, 255, 1)
}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?
family=Lora:ital,wght@1,700&display=swap');
h1{
font-size: 30px !important;
font-family: 'Lora', serif;	
text-transform:uppercase !important;
padding-left: 2px !important;
}
</style>



<style>
p{
font-size: 14px !important;
font-weight: bold;
 text-transform:none !important;
}
</style> 


<style>
    .profile-info{

    background-image: url('https://media.discordapp.net/attachments/1095134424837926974/1095187001097080944/c231d00e6f74661311e18de7491119a5.png') !important; 
    background-position: CENTER !important;
   border-radius:15px;       
   border: 4px dashed white !important;   
        
    }
</style>


<style>
  @import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@1,700&display=swap');
</style>

<style>
body{

font-family: 'Lora', serif; !important;

}
<style>



<style>
a:hover {    
 cursor: url('http://www.rw-designer.com/cursor-view/175574.png'), auto;
}
* {
 cursor: url('http://www.rw-designer.com/cursor-view/175573.png'), auto;
}
</style>

<style>

.online{content:url("https://o.remove.bg/uploads/6f5e91b5-b7b5-408e-a041-a651968ae2cb/image__8_.png");
}
</style>

<style>
body:before {
content: " ";
height: 100vh;
width: 100vw;
display: block;
position: fixed; 
top: 0; 
left: 0; 
z-index: 100;
background-image: url('https://pa1.narvii.com/6404/3012688d70340dc3bc913e5fcbefd407e4098dc4_00.gif');
background-size: cover;
background-repeat: no-repeat;
background-position:center;
animation: yourAnimation 2s ease 0s 1 normal forwards;
pointer-events: none;}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 
</style>

<style>
.general-about .profile-pic img{
-webkit-mask-image: url(https://i.imgur.com/bAxhHPN.png);
-webkit-mask-size: 100%;
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center;
transform:scale(1.025,1.025);
position:relative;
top:-0.25em;
}
</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 91 comments ( View all | Add Comment )

elisha	1722033948 using!! ty!! Report Comment
nana ☆彡	1721950448 using!! Report Comment
Zigli	1721161028 using!! Report Comment
⋆˚࿔ muscariama 𝜗𝜚˚⋆	1720913720 usingg <3 Report Comment
💚Crow Father🤍	1720406000 Using! :3 Report Comment
Hijirikawa	1719372468 usingggg Report Comment
Herrscher of sleep	1719102746 using Report Comment
dulce !	1718672990 USINGNGNG !! Report Comment
R☆BYN	1717344331 USINGGGGG Report Comment
camtoonnetwork	1715979604 using! Report Comment
gumball [inactive]	1714425400 using Report Comment
Kiyvvmi	1712288985 using!! Report Comment
Dom	1711335831 Usando Report Comment
Jackson Charlie	1710794700 Uando Report Comment
K3nT1?!? (Len's husband)	1710770469 USINF!! Report Comment
Matthew	1709948400 Usingg, but I don't really know what happened to my profile picture ,_, Report Comment
Gw3n8t ~♡	1708946822 Usingh Report Comment
alice [autoplay]	1708186595 usingg Report Comment
Sye!🍀	1707893553 Cute and all, but where is my profile picture please help ;_; Report Comment i actually dont know why it did that im so sorry girlie 333 by Marl <3; 1708053806; Report It's alright u.u I don't know how to fix it anyway by Sye!🍀; 1708054054; Report
owosito	1707620293 usinggg Report Comment