Elfilin layout!! Free to use. :]

Tags: kirby, cute, blue, elfilin, nintendo, animated

Description:

Warning: This layout has A LOT of gifs.

I'm hyperfixiating on Kirby and the Forgotten Land rn so I made a layout of this little shmooble bcuz hes 1 of my favorite characters!! You can alter and adjust it to your liking. Credit not required but appreciated. I hope you like it!!! :D

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Rory!! ฅU•ﻌ•Uฅ (https://layouts.spacehey.com/layout?id=35791) -->

<style>
nav .top {
  background-image: url('https://media.tenor.com/mHcIdC_MYeQAAAAC/kirby-elfilin.gif');
  background-size: 20%;
  padding: 15px 10px 14px 10px;
  display: flex;
  position: relative;
}
nav .links {
  background-color: #60A5FA;
  background-color: #0960E8;
  padding: 3.5px 16px 5.5px 16px;
}
main {
  background: #47a9ff;
  color: white;
  padding: 6px 0px;
  font-size: 80%;
}
body {
  background-image: url('https://media.tenor.com/JXQxHdovq0gAAAAC/elfilin-kirby-forgotten-land.gif');
  background-size: 20%;
  font-family: verdana, arial, sans-serif, helvetica;
}
.profile .blurbs .heading, .profile .friends .heading {
  background: #0960E8;
  color: #FFF;
  padding: 2px 7px;
}
main .right::before {
  content: " ";
  display: block;
  background-image: url('https://media.tenor.com/gcgBg6-j8BgAAAAC/kirby-elfilin.gif');
  height: 160px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 430px;
  margin-bottom: 5px;
}
main {
  color: black;
  font-size: 80%;
}
.mood:after{
content: " ";
display:block;
background-image:url('https://64.media.tumblr.com/7322b492d71d0a6c1fbaac2382f30799/7df1db4616ee6abb-ea/s400x600/a587526452696882ba8c86c9fda157bd631d29b6.gif');
height:180px;
background-repeat:no-repeat;
background-position:center;
background-size: 200px;
margin-bottom: 10px;
}
.profile .contact .heading, .profile .table-section .heading, .setting-section .heading, .home-actions .heading {
  background: #0960E8;
  color: white;
  padding: 2px 7px;
}
.profile-pic img {
  border: solid var(--borders) 2px;
  border-radius: 180px;
  box-shadow: 0px 0px 8px var(--shadow);
}
.comments-table td:first-child, .music-table td:first-child {
  background: #f9c56c;
  background: #BFDBFE;
  text-align: center;
  font-weight: bold;
  width: 38%;
}
.comments-table td, .music-table td {
  background-image: url('https://media.tenor.com/I2g3EbwIwPkAAAAC/elfilin-kirby.gif');
  vertical-align: top;
  background-size: 30%;
}
.profile-pic img:hover{
  animation: rotation 0.3s infinite linear;
  /*makes your pfp spin when you hover. put your avatar in the blender, for absolutely no cost !!*/
}
@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
} 
@keyframes slideIn {
  0% {
    transform: translateX(900px);
  }
  100% {
    transform: translateX(0);
  }

</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 0 of 0 comments ( View all | Add Comment )