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

dainnnsleifff	1743475625 using Report Comment
Asma ૮꒰ ྀི ⊃⸝⸝⸝‹ ྀི꒱ა	1742666320 using Report Comment
Natii<3	1742101809 So adorable def have to use this Report Comment
Sup3r_N0v4	1741469718 using! Report Comment
⋆˙ ⋆⭒˚.⋆𝐿𝑎𝑦 𝐿𝑎𝑦레이 레이──★ ˙🍓 !!⋆˙ ⋆⭒˚.⋆	1741305717 using!!! Report Comment
phia ౨ৎ	1741124876 usinggg!! :3 Report Comment
s0ck	1740359036 usiiiing!! (˶˃ ᵕ ˂˶) Report Comment
mochi ᐡ ᐧ ﻌ ᐧ ᐡ puppy	1740265420 usiiiing!!!!:3 Report Comment
Catloverᖭ༏ᖫ	1739516728 USING! Report Comment
J3llozXii	1739415839 USINGG TYSM Report Comment
Eunoia >3<	1739353750 USINGGGG!!! :3 Report Comment
‎‧₊˚✧[GIZMO]✧˚₊‧	1738972615 USINNNNNN!!!!! X333 Report Comment
𝄞⨾𓍢ִ 𝗔𝘃𝗶(∗˃̶ ᵕ ˂̶∗)	1738188785 Using:33 Report Comment
V1NNY	1738001764 using!! Report Comment
oaechrei	1737711352 using it Report Comment
☆ PowerPlan ☆	1737160305 using! Report Comment
Soulters	1736748092 using Report Comment
Nana	1736159694 Using Report Comment
bbellbugg	1735871863 Using!! Tysm! Report Comment
supid	1732556044 using! Report Comment