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 81 comments ( View all | Add Comment )

gumball [profile is a wip]	1714425400 using Report Comment
Kiyvvmi	1712288985 using!! Report Comment
Doninik	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	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
Em	1707501206 Using (⁠⁠´⁠ω⁠｀⁠⁠) Report Comment
Xinjime	1707438534 USINGJKGGN Report Comment
Juzzlee	1707341868 USINGGG :3 Report Comment
Mxtthw	1706747394 USING!! Report Comment
ミ★MADI	1706676450 using!! Report Comment
𝐙𝐎𝐀𝐍𝐍	1706654849 Usando! Report Comment
hanna	1706368580 Usando! Report Comment
🌼GaryMew🍄	1706095389 I'm using it <3!! Report Comment
SnowballIceBerry	1706065115 Using it! Is freakin' cool! :D Report Comment
HAZEL	1706001952 using! Report Comment