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 Aron Apocolypse☮︎︎ (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 70 comments ( View all | Add Comment )

munchkins lol =_=	1775608777 Usingg Report Comment
sunspinnerzz	1774601412 usinggggggggggggg Report Comment
( ´ཀ` )	1773759607 using!!! Report Comment
Nicole Miller	1769111765 using!! Report Comment
Dr. Tennaville	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.STARY.NIGHT.xX	1762396690 USINGGGG!!!! Report Comment
𝄞♬┆𝔜𝔲𝔪𝔧┆♬𝄞	1762019390 USIING Report Comment
˙ . ꒷ 🍥 Abel . 𖦹˙—	1759856832 Usingg Report Comment USINGGG by ST4RG1RL; 1760121676; Report
⋆˚࿔ fifi ᖭི༏ᖫྀ	1758055017 using Report Comment
maudasck	1753937383 usando (⁠✿⁠^⁠‿⁠^⁠) Report Comment
Toby	1753494337 using!! (I LOVE THIS) Report Comment
Leeo	1752355538 using !!!!!! tysm :3 Report Comment
Capital D.	1752290823 using!! You are amazing! Report Comment