Pinkie Pie layout

Tags: mlp, pinkie pie, cute, kidcore, pastel, childhood, kawaii

Description:

pls lmk if you are using

Preview:

click on the image for a larger preview

Code:

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

<style>
  body {
   background-image: url(https://i.pinimg.com/564x/e0/f2/e1/e0f2e1dfe99f409ecd6538cc16b570c9.jpg);
  background-repeat: repeat;
background-size: contain;
}
</style>
<style>
:root {
    --logo-blue: ;
    --darker-blue: #87d8f8;
    --lighter-blue: #f0428d;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: #fffbb1;
    --light-orange: #f0428d;
    --even-lighter-orange: #f0428d;
    --green: pink;
}
</style>

<style>

body:before {

content: " ";

height: 100vh;

width: 100vw;

display: block;

position: fixed; 

top: 0; 

left: 0; 

z-index: 100;

background-image: url('https://media.tenor.com/8k3VEEbKk-EAAAAC/my-little-pony-mlp.gif');

background-size: cover;

background-repeat: no-repeat;

background-position:center;

animation: yourAnimation 1s ease 1s 1 normal forwards;

pointer-events: none;}

@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 

</style>
<style>
footer {
    border-radius: 15px;
    background: url(https://i.pinimg.com/564x/9b/77/d3/9b77d3d78927598d1b3c0bbdd0431332.jpg);
    color: white;

}
</style>

<style>
@import url('https://fonts.googleapis.com/css2?family=Emilys+Candy&family=Lakki+Reddy&display=swap');
p{
    font-family: 'Lakki Reddy', cursive;
    font-size: 15px;
}
h1,h2,h3,h4,h5{
  font-family: 'Emilys Candy', cursive;
  font-size: 25px;
}
</style>
<style>
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: url(https://pixels.crd.co/assets/images/gallery16/010445d0.gif?v=b22a957b);
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: url(https://pixels.crd.co/assets/images/gallery16/010445d0.gif?v=b22a957b);
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: url(https://pixels.crd.co/assets/images/gallery16/010445d0.gif?v=b22a957b);}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: url(https://pixels.crd.co/assets/images/gallery16/010445d0.gif?v=b22a957b);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: url(https://pixels.crd.co/assets/images/gallery16/010445d0.gif?v=b22a957b);
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: url(https://pixels.crd.co/assets/images/gallery16/010445d0.gif?v=b22a957b);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group  */
content: url(https://pixels.crd.co/assets/images/gallery16/010445d0.gif?v=b22a957b);
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: url(https://pixels.crd.co/assets/images/gallery16/010445d0.gif?v=b22a957b);
}   
</style>

<style>* {cursor: url(https://cur.cursors-4u.net/food/foo-2/foo121.cur), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2006/05/03/foo121.html" target="_blank" title="Birthday Cake"><img src="https://cur.cursors-4u.net/cursor.png" alt="Birthday Cake" style="position:absolute; top: 0px; right: 0px;"/></a>

<style>
.profile .contact, .profile .table-section, .profile .url-info {

  background-image:url(https://i.pinimg.com/564x/42/10/f0/4210f07d85410b2fa76dc07679b4d5a7.jpg);
  border-radius: 15 px;
}
</style>

<style>
.profile {
   background-color: #ea80af;
   
}
</style>

<style>
main:before {
    width: auto;
    margin-bottom: 25px;
    border: 1px solid black;
    height: 300px;
    display: block;
    content: "";
    background-image: url(https://i.pinimg.com/564x/55/00/54/550054782d69ff7951674028a6800b09.jpg);
    background-position: center center;
    background-size: cover;
    border-radius: 15px;
    border-color: #05bdfa;
}

<style>
.friends:not(#comments) {

  grid-area: friends;

   background-image:url(https://i.pinimg.com/564x/42/10/f0/4210f07d85410b2fa76dc07679b4d5a7.jpg);
   border-radius: 15px;
}
</style>

<style>
.profile .profile-info {
	background-image: url(https://i.pinimg.com/564x/3c/f3/84/3cf3847084973b4e9da0f6aeaeb8aacf.jpg);
        border-radius: 15px;
        border-color: #05bdfa;
}
</style>

<style>

.example {

        background: url("https://cutekawaiiresources.files.wordpress.com/2013/08/5b63c3efa.gif") no-repeat;

        background-size: 100%!important;

        position: fixed;

        left: 20px;

        bottom: 10px;

        height: 200px;

        width: 200px;

</style>

<iframe width="0" height="0" src="https://www.youtube.com/embed/lQKaAlMNvm8?si=LMgm1wBUB0x5TqdV//?&;amp;;autoplay=1&;loop=1&;controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">
</iframe>

<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>

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

·˚୨୧ 𝔗𝔢𝔯𝔯𝔦𝔦 ˚·	1730576906 using!! Report Comment
zzZephyrAnimatezz	1730204954 Using! Report Comment
Alexander...?!	1729327004 using Report Comment
Ceres♡	1729219013 using! Report Comment
Quinn!! - SYS	1727575511 Using :) Report Comment
4U571N xD	1724040881 using :3 Report Comment
Trin_Rin!!!	1722598733 Using x3 Report Comment
Liv	1720324433 using:) Report Comment
daz >_<	1720218708 using ^_^ Report Comment
daz >_<	1720218707 using ^_^ Report Comment
XxM⛧TTxX	1718169777 using Report Comment
princess miffy	1715777111 Ussiiiinng Report Comment
princess miffy	1715777109 Ussiiiinng Report Comment
★ · @envi Σ(°ロ°)	1714159623 Using!! Report Comment
ellie!! <3	1713769348 using!! <3 Report Comment
☆Void☆	1712686102 using Report Comment
pinkiepiezz	1711190794 using Report Comment
Bonkichi	1711100454 USINNGGGGGGG! Report Comment
Sage Sacred	1709225168 using! Report Comment
Sage Sacred	1709225167 using! Report Comment