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 Vic Venom☮︎︎ (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 66 comments ( View all | Add 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.ST4RY.N1GHT.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
inactive.	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
🎀🦭🧁˚𓏲˙J4ZZ0˙𓍯˚🍀🐹🏩	1750530273 Using!!! tysmmm Report Comment
N3kof3tti	1750352090 using Report Comment
★ 𝙃𝙐𝘼 >< ★	1749668815 using Report Comment
༘₊🗞°Japan՞߹ - ߹՞	1748138065 Using(＾ω＾) Report Comment