Silly cutecore / kawaii Layout

Tags: kawaii, cutecore, layout, lucky star, kawaiicore, pastel

Description:

Cute layout I made inspired by the kawaii fashion community!! It includes a gif, the floating profile animation, and a scrollbox for whatever you'd like!! You can customize this however you'd like but please credit me. Comment if you're using this!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ConvulsiveCharli☆ (https://layouts.spacehey.com/layout?id=102954) -->

<style>
.pimp_my_profile { Generated at Pimp My Profile www.pimp-my-profile.com }
  .pmp_credit { 
  created-at: https://www.pimp-My-Profile.com/ ; 
 } 

  div.wrap { 
  width:1000; 
 } 

  div,div.content,div.wrap  { 
  background-color:transparent; 
 } 

  body  { 
  background-image:url("https://i.pinimg.com/564x/76/f2/01/76f201efe2dd228608456e098cf73114.jpg"); 
 background-position:Center Center; 
 background-attachment:fixed; 
 border-width:0px; 
 border-style:Solid; 
 } 

  div#header, div#googlebar, div#topnav, ul.profileUserAlbum li, div.content, div.module, div.contentTop, div.blurbsModule h3, div.companiesModule li.moduleItem, div.blogsModule h3, div.calendarModule h3, div.friendSpaceModule h3, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem, div.interestsModule li, ul.profileUserAlbum li, div.photo, div.profileHeaderModule, div.profileDemographics, div.contentMid, div.detailsModule li, div.commentsModule h3,  div.commentsModule ul.moduleList li, div.commentsModule div.userComment, div.blurbsModule, h3.moduleHead span, div.profileDemographics, ul.profileUserInfo, div.userComment, li.odd, div.moduleBody, div.moduleList, div.moduleHead, h3.moduleHead, h3.moduleHead span span  { 
  background-color:transparent; 
 border:none; 
 border-width:0 px; 
 } 

  div.module  { 
  border-style:Solid; 
 border-width:0px; 
 } 

  div.content  { 
  border-style:Solid; 
 border-width:0px; 
 } 

  div[class~="moduleTop"],
					div[class~="moduleTop"] div,
					div[class~="moduleBottom"],
					div[class~="moduleBottom"] div { 
  background-color:transparent; 
 background-image:none; 
 font-size:0px; 
 } 

  div[class~="moduleTop"] div div,
					div[class~="moduleBottom"] div div { 
  background-image:none; 
 } 

  div[class~="moduleTop"] div div { 
  height:5px; 
 border-top:none; 
 } 

  div[class~="moduleBottom"] div div { 
  border-bottom:none; 
 } 

  div[class~="moduleMid"] { 
  border-left:none; 
 } 

  div[class~="moduleMid1"] { 
  border-right:none; 
 } 

  .pmp_topleft { 
  position:absolute; top: 0px; left: 0px; 
 } 

  div.contentTop { 
  background-image:url("https://ct.pimp-my-profile.com/i94/3/11/18/f_faff2fc846d7.gif"); 
 padding-top:20px; 
 background-repeat:no-repeat; 
 background-position:top left; 
 } 
main{
background-image: url(https://i.pinimg.com/564x/eb/18/25/eb1825ed7cf3d3c4620b22722f890f4e.jpg);
color: #935396;
}
nav .top{
background-image: url(https://i.pinimg.com/564x/7c/72/86/7c72868a31f157b0344f056386ec1261.jpg);
color: teal;
}
footer{
backround-image: url(https://i.pinimg.com/564x/7c/72/86/7c72868a31f157b0344f056386ec1261.jpg);
color: teal
</style>
<style> 
:root {
--logo-blue: pink;
--darker-blue: #935396;
--lighter-blue: #b7dee8;
--even-lighter-blue: #b7dee8;
--dark-orange: #b7dee8;
--light-orange: #935396;
--even-lighter-orange: transparent;
--green: pink;
}
<style>

h1{
  animation: type 3s steps(27);
  color: white;
  font-size: 10px;
  font-family: courier;
  white-space: nowrap;
  overflow: hidden;
  }

@keyframes type{
  0%{
    width:0ch;
  }
  
  100%{
    width:27ch;
  }
}

@keyframes blink{
  0%{opacity:1;}
  50%{opacity:0;}
  100%{opacity:1;}
}
.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}

.col, main, footer, nav::before, .online, nav .links, nav .top {
animation: float 4s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
@keyframes float {
0% { transform: translate(0, 0px);
}
50% {
transform: translate(0, 8px);
}
100% {
transform: translate(0, -0px);
}

</style>

<style>

/*comment + replies scrollbox*/
.comment-replies, .comment-reply{
height: auto;
max-height: 100px;
overflow-y: auto;
overflow-x: auto;

}
</style>

<img src="https://i.pinimg.com/564x/16/d0/59/16d059ae496f6b199f634a7df399dae1.jpg"/>

<div style="height:150px;width:450px;border:1px solid #ccc;font:16px/26px Georgia, Garamond, Serif;overflow:auto;background-color:white;">
[put what u want in the scrollbox here]</div>

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

maudasck	1753937383 usando (⁠✿⁠^⁠‿⁠^⁠) Report Comment
tobyyyy	1753494337 using!! (I LOVE THIS) Report Comment
Leeo	1752355538 using !!!!!! tysm :3 Report Comment
Capital D.	1752290823 using!! You are amazing! Report Comment
𐔌◟ᥡᥱძriᥴ𓈒Ꮺ~..𝜗˚̣̣̣℘ྀི	1750850152 using!! thank youu~ Report Comment
🦇🎀🌈★·◦。Jazzo❕ 。∘·★🍀🧁🦭	1750530273 Using!!! tysmmm Report Comment
N3kof3tti	1750352090 using Report Comment
★ 𝙃𝙐𝘼 >< ★	1749668815 using Report Comment
🍀💤(´ω`)🦴🐾	1748138065 Using(＾ω＾) Report Comment
Lalice	1746408392 using vro Report Comment
⌣⌣ @ 𝘜𝘻𝘪 ﹗﹗	1744166202 USING WOAOWDHAWDIJS Report Comment
dainnnsleifff	1743475625 using Report Comment
𝒟𝑜𝓁𝓁𝓎 𝒜𝓃𝑔𝑒𝓁𝒾𝒸૮꒰ ˶• ༝ •˶꒱ა ♡	1742666320 using Report Comment
Natii<3	1742101809 So adorable def have to use this Report Comment
axyy	1741469718 using! Report Comment
⋆˙ ⋆⭒˚.⋆𝐿𝑎𝑦 𝐿𝑎𝑦레이 레이──★ ˙🍓 !!⋆˙ ⋆⭒˚.⋆	1741305717 using!!! Report Comment
phia ౨ৎ	1741124876 usinggg!! :3 Report Comment
che3sy_ᰔᩚ	1740359036 usiiiing!! (˶˃ ᵕ ˂˶) Report Comment
mochi ᐡ ᐧ ﻌ ᐧ ᐡ puppy	1740265420 usiiiing!!!!:3 Report Comment