Fluttershy Layout

Tags: fluttershy, my little pony, pink, yellow

Description:

A layout I made. The layout includes a fluttershy cursor, a fluttershy pagedoll, and a fluttershy loading screen. Please comment if you're using this layout!! <3

Code:

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

<style>* {cursor: url(https://cur.cursors-4u.net/nature/nat-10/nat1008.ani), url(https://cur.cursors-4u.net/nature/nat-10/nat1008.gif), auto !important;}</style><a href="https://www.cursors-4u.com/cursor/2011/12/30/fluttershy-working-in-background.html" target="_blank" title="Fluttershy - Working In Background"><img src="https://cur.cursors-4u.net/cursor.png" alt="Fluttershy - Working In Background" style="position:absolute; top: 0px; right: 0px;"/></a>
<style>
nav .links li .icon {
content: url("https://xyz.crd.co/assets/images/gallery15/4a104dc4.gif?v=364e4a1e");
width: 19px;
height: 19px;
margin: 3px;
</style>
<style>
.profile .friends .person img:not(.icon) {
    -webkit-mask-image: url(https://i.ibb.co/qrM34Pq/2023-08-10-0h8-Kleki.png);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
}
main {
  background-color: #ffffff;
}
 body {
   background-image: url('https://garden.spoonflower.com/c/1647903/p/f/m/i4M0CdBppGTe2KPdKDkSpLLG8P8udVDfv4uLBnGnjNIFGj1mhphKmQ/My%20Little%20Pony%20-%20Fluttershy%20Cutie%20Patches.jpg');
}
h1:not(#h3) {
  color: #6b4124!important;
  font-size: 20px;
}
a, .profile .friends .person p, p, h2, h3, h4, .count {
  color: #6b4124!important;
}
  .profile .blurbs .heading,
  .profile .friends .heading{
   background-color: #fdf6af;
   color: black;
}
  .profile .contact .heading,
  .profile .table-section .heading{
   background-color: #f4b7d0;
   color: black;
}
footer {
    border-radius: 15px;
    background-color: #f4b7d0;
    color: white;
}
:root {
    --logo-blue: #f4b7d0;
    --darker-blue: purple;
    --lighter-blue: #fdf6af;
    --even-lighter-blue: ;
    --lightest-blue: ;
    --dark-orange: white;
    --light-orange: #f4b7d0;
    --even-lighter-orange: #fdf6af;
}
.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://xyz.crd.co/assets/images/gallery21/4596a5e2.gif?v=364e4a1e');
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
	/* Add to Favorites */
	content: url('https://xyz.crd.co/assets/images/gallery21/4596a5e2.gif?v=364e4a1e');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
	/* Send Message */
	content: url('https://xyz.crd.co/assets/images/gallery21/4596a5e2.gif?v=364e4a1e');
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
	/* Forward to Friend */
	content: url('https://xyz.crd.co/assets/images/gallery21/4596a5e2.gif?v=364e4a1e');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
	/* Instant Message */
	content: url('https://xyz.crd.co/assets/images/gallery21/4596a5e2.gif?v=364e4a1e');
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
	/* Block User */
	content: url('https://xyz.crd.co/assets/images/gallery21/4596a5e2.gif?v=364e4a1e');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
	/* Add to Group */
	content: url('https://xyz.crd.co/assets/images/gallery21/4596a5e2.gif?v=364e4a1e');
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
	/* Report Profile */
	content: url('https://xyz.crd.co/assets/images/gallery21/4596a5e2.gif?v=364e4a1e');
}
.online{content:url("https://i9.glitter-graphics.org/pub/272/272679lz7b9hcea1.gif");
}
.col.right:before {
content: "";
white-space: pre-wrap;
display: block;
height: 300px;
background-image: url("https://i.ibb.co/p31nKbp/fluttershy-gif.gif");
background-repeat: no-repeat;
background-position-x: center;
background-size: 450px;
margin-top: 30px;
}
body:before {
	content: " ";
	height: 100vh;
	width: 100vw;
	display: block;
	position: fixed; 
	top: 0; 
	left: 0; 
	z-index: 100;
	background-image: url('https://thumbs.gfycat.com/BountifulLameIndianglassfish-size_restricted.gif');
	background-size: cover;
	background-repeat: no-repeat;
background-position:center;
	animation: yourAnimation 3s ease 0s 1 normal forwards;
	pointer-events: none;
}
@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} 
}
.logo {
content:url("https://i.ibb.co/zJ1Bx0d/2023-08-13-0gp-Kleki.png");
} 
</style>
<style>
.example {
        background: url("https://images-wixmp-ed30a86b8c4ca887773594c2.wixmp.com/f/0e538404-5479-4432-8bce-68a215694956/dawrvtz-3d4710dc-fa3a-4772-aa63-3f66aa317b55.gif?token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJzdWIiOiJ1cm46YXBwOjdlMGQxODg5ODIyNjQzNzNhNWYwZDQxNWVhMGQyNmUwIiwiaXNzIjoidXJuOmFwcDo3ZTBkMTg4OTgyMjY0MzczYTVmMGQ0MTVlYTBkMjZlMCIsIm9iaiI6W1t7InBhdGgiOiJcL2ZcLzBlNTM4NDA0LTU0NzktNDQzMi04YmNlLTY4YTIxNTY5NDk1NlwvZGF3cnZ0ei0zZDQ3MTBkYy1mYTNhLTQ3NzItYWE2My0zZjY2YWEzMTdiNTUuZ2lmIn1dXSwiYXVkIjpbInVybjpzZXJ2aWNlOmZpbGUuZG93bmxvYWQiXX0.OTlPv-y1HdRnu5e9XafPPxMy7HCOOjahjq24b30aYMI") no-repeat;
        background-size: 100%!important;
        position: fixed;
        right: 77%;
        bottom: -10%;
        height: 300px;
        width: 300px;
</style>
<div class="example"></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 8 of 8 comments ( View all | Add Comment )

noah !!	1724549564 using ^w^ Report Comment
PRIINGLES :3	1707417075 using this thank you :3 Report Comment
B4TZZ	1704757936 will b using x3 Report Comment
star!☆~	1695298908 tysm I'm using ths for now ^^ Report Comment
KALLUM	1695053929 using!! Report Comment
meke⋆˚✿ :33	1693365320 using!!! :333 Report Comment
Ash's Dream Realm 💗	1692888930 Using Report Comment
Aubrey丰:3	1692034227 usinggg Report Comment