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 Ryn Radiant☮︎︎ (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 74 comments ( View all | Add Comment )

isto	1787561373 using Report Comment
cupcake!	1787108916 usando Report Comment
luka	1785463415 using tysm Report Comment
princess_creepygirl	1785205795 using Report Comment
athena	1777583584 Using 🩷 Report Comment
munchkins lol =_=	1775608777 Usingg Report Comment
sunspinnerzz	1774601412 usinggggggggggggg Report Comment
( ´ཀ` )	1773759607 using!!! Report Comment
Nicole Miller	1769111765 using!! Report Comment
AnthonyM_1337	1768885198 Using Report Comment
.🕯️venus. !!	1766876086 using! Report Comment
𝓀𝒶𝒹𝒶𝓇𝓊 - 𝒸𝒽𝒶𝓃 !	1766302653 using Report Comment
𝓀𝒶𝒹𝒶𝓇𝓊 - 𝒸𝒽𝒶𝓃 !	1766302563 using Report Comment
luka	1766285337 possibly usinhg Report Comment
𓏵𓊆ྀི sayu ! ︎𓊇ྀི𓏵˚₊·—̳͟͞͞♡	1766009048 using Report Comment
Nanaᡕᠵデᡁ᠊╾━	1764317363 Using Report Comment
Azury!! X3	1762572278 Using Report Comment
Xx.STARRY.NIGHT.xX	1762396690 USINGGGG!!!! Report Comment
𝓣𝓮𝓪𝓵𝓮𝓪𝓿𝓮𝓼.🫖՞߹ - ߹՞	1762019390 USIING Report Comment
˙ . ꒷ 🍥 Abel . 𖦹˙—	1759856832 Usingg Report Comment USINGGG by ST4RG1RL; 1760121676; Report