fluttershy layout

Tags: fluttershy, mlp, my little pony, equestria girls, yellow, cute, simple
Description:

raaa first in the mlp series
includes a custom cursor and scrollboxes!! comment if you're gonna use
Preview:

click on the image for a larger preview
Code:

<!-- (c) Layout created by ⨂ valerie vengeance ⨂ (https://layouts.spacehey.com/layout?id=81549) -->

<style>
  @import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
body,p,h1,h2,h3,h4,h5,h6{
  font-family: 'Satisfy', cursive;
}

body{
  background: url(https://content.mycutegraphics.com/backgrounds/yellow/yellow-stars.gif);
}

main{
  background: transparent;
  color: white;
  text-shadow: 2px 2px 3px black;
  filter: saturate(200%);
}

.profile h1{
  border: 7px white double;
  height: 40px;
  width: 310px;
  box-shadow: 0px 0px 10px yellow;
  font-size: 20px;
}

.general-about .details {
  border: 7px white double;
  height: 200px;
  width: 310px;
  box-shadow: 0px 0px 10px yellow;
}

.profile-pic img{
  border: 7px white double;
  box-shadow: 0px 0px 20px yellow;
  margin-top: 20px;
  margin-left: 20px;
} 

.profile-pic img:hover, .friends img:hover, .profile .url-info:hover, .profile-info:hover, footer:hover, .profile h1:hover{
  animation: shake 4s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

img:hover, .online:hover {
  animation: shake 2.5s;
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.profile-info{
  background: url(https://i.pinimg.com/originals/f1/22/89/f12289725421c6c727b43ef3c236fb65.jpg);
  background-position: center;
  height: 200px;
  border: 7px white double;
  box-shadow: 0px 0px 15px yellow;
  font-size: 30px;
}

.profile-info:hover{
  transition: 2s;
  filter: blur(2px);
}

.profile .mood, .profile .contact, .profile .blurbs, .friends, .profile table, nav .top, nav .links, footer, DIV.blog-preview{
  background: transparent;
  color: white;
  border: 7px white double;
  margin-top: 20px;
  margin-bottom: 20px;
  box-shadow: 0px 0px 20px yellow;
  font-size: 17px;
}

.profile .contact{
  font-size: 16px;
}

.profile .blurbs{
  height: 300px;
  overflow-y: scroll;
}

.profile table{
  height: 200px;
  overflow-y: scroll;
  font-size: 20px;
}

.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 friend */
	content: "⭐";
  font-size: 12px;
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* add 2 fav */
	content: "💛";
  font-size: 12px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* chat */
	content: "💛";
  font-size: 12px;
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* forward */
	content: "⭐";
  font-size: 12px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* instant msg */
	content: "⭐";
  font-size: 12px;
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* block */
	content: "💛";
  font-size: 12px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* add 2 group */
	content: "💛";
  font-size: 12px;
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* report */
	content: "⭐";
  font-size: 12px;
} 

.contact .inner a img {
 font-size: 0;
}
.contact .inner a img:before {
 font-size: 1em;
 display: block
}

.profile .contact .heading, .friends .heading{
  font-size: 0px;
}

.friends img:hover{
  transition: 2s;
  filter: grayscale(70%);
}

.profile .url-info{
  background: url(https://tse2.mm.bing.net/th/id/OIP.L0SSiNc7b148IlqfwGvHuQHaHD?pid=ImgDet&w=178&h=169&c=7);
  background-size: 100%;
  background-position: center;
  height: 290px;
  font-size: 0px;
  border: 10px white double;
  box-shadow: 0px 0px 20px yellow;
}

.profile .url-info:hover{
  transition: 2s;
  filter: grayscale(70%);
}

main, nav .links, footer{
  text-align: center;
}

.friends{
  height: 300px;
  overflow-y: scroll;
  font-size: 17px;
}

.friends p{
  color: white !important;
}

.friends a{
  color: yellow;
}

.friends a:hover{
  color: white;
}

.count{
  color: yellow;
}

button {
  background-color: transparent!important;
  border: none;
  color: white;
  text-shadow: 2px 2px 3px black;
  font-weight: bold;
}

a:hover{
  color: yellow;
  transition: 2s;
  filter: blur(2px);
}
a{
  color: white;
}

nav .top{
  text-shadow: 2px 2px 3px black;
}

nav a .links{
  color: white;
}

footer{
  background: url(https://64.media.tumblr.com/496c5cd3fb22515231d41d43e586c8ca/tumblr_psl327HHFW1vl7sfk_1280.png);
  background-position: right;
  height: 200px;
  font-size: 0px;
}

footer:hover{
  transition: 2s;
  filter: grayscale(70%);
}

:root {
--logo-blue: white;
--darker-blue: white;
--lighter-blue: transparent;
--even-lighter-blue: transparent;
--lightest-blue: transparent;
--dark-orange: white;
--light-orange: transparent;
--even-lighter-orange: transparent;
--green: black;
}

body{
  cursor: url('data:image/x-icon;base64,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'), auto;
}
</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 8 of 8 comments ( View all | Add Comment )
shsl.autistic	1731888843 Using Report Comment
𝘐𝘕𝘚𝘈𝘕𝘌 [𝘖𝘳𝘪𝘨𝘪𝘯𝘢𝘭_𝘈𝘤𝘤𝘰𝘶𝘯𝘵]	1718738257 𝚄𝚜𝚒𝚗𝚐 Report Comment
Rain!!	1716665730 Using :3 Report Comment
k ( ´ཀ` )	1716194896 using Report Comment
🦄🪽 OlivEr 🦄🪽	1716155469 USING :3 Report Comment
Birdcherry	1711639495 Using Report Comment
DeepestCut	1706457710 Using >^< Report Comment