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

Miha	1744051492 Using Report Comment
Bammyyy	1742479369 using! Report Comment
t ˚୨୧⋆｡˚ ⋆	1741919478 using Report Comment
天使姫	1741630235 Using Report Comment
🦴,, 𓄧 nat	1741482739 using Report Comment
JAY ! ?	1741434866 using! Report Comment
N1C0L4S	1740439941 Using :3 Report Comment
ZIXZWYA¿	1739058142 using!! Report Comment
✩ — val!	1738484934 using !! ^_^ Report Comment
Sheepish cant Socialize ⟡ާ ~	1738368867 using! Report Comment
Ravenツ	1738156731 Using!!! Report Comment
Mopey soap	1737788284 Using!! Report Comment
ro.Sara.ly	1737553147 using! Report Comment
sky <333	1737416070 using !! Report Comment
julian	1737280494 using!! Report Comment
Lulu ₍ᐢ⑅ᐢ₎	1737209211 using Report Comment
Shorty_.	1737061861 using !!!! Report Comment
𓈈 ⬫ juash . 𓍯	1736961135 using! Report Comment
xX_Mao_Xx	1736836858 using ! Report Comment
C13lsyyy_!!	1734506715 using!! Report Comment