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

Liv	1720324433 using:) Report Comment
daz >_<	1720218708 using ^_^ Report Comment
daz >_<	1720218707 using ^_^ Report Comment
XxM⛧TTxX	1718169777 using Report Comment
x	1715777111 Ussiiiinng Report Comment
x	1715777109 Ussiiiinng Report Comment
♡ Vesuvia ♡	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
Sage Sacred	1709225167 using! Report Comment
Gabe ⁽ ⁷\ ⁾ $Gabe ⁽ ⁷\ ⁾'s profile picture$	1708731792 usingg :DDDD Report Comment
athena	1706480967 using! Report Comment
malumalums	1706454291 Usando!!! :3 Report Comment
Avrisita	1706053424 usando :33!1!!1 Report Comment
lacktoeztxx:3	1705121187 using this !! :3 Report Comment
ira	1704109870 using!!! Report Comment