Final Fantasy 10 / FFX ✧･ﾟ: ✧･ﾟ: Yuna Dancing

Tags: ffx, fx10, final fantasy, video game, yuna

Description:

"People die, Yuna dances... When will it stop?"

(I'm on a purple and pink kick for some reason.)

Includes a banner image, gradient background, and if you hover over the images, it slowly fades as if Yuna is sending them to the Farplane! ("For the dreams that have faded.... never forget them" - Yuna)

plz comment and let me know if you use my layout!

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by ꜱʜᴇʟʙᴢ (https://layouts.spacehey.com/layout?id=548) -->

<style>
@import url('https://fonts.googleapis.com/css2?family=Gothic+A1:wght@400;700&display=swap');

@keyframes fade {
    0% {opacity: 100%;}
    50% {opacity: 50%;}
    100% {opacity: 0%;}
}

main:before {
 background-image: url('https://66.media.tumblr.com/a73df8aeec4de08c2f37d9800aad96ce/tumblr_pd9p3nszrF1vg6z8do3_500.gifv');
 background-position: center;
    background-size: cover;
    display: block;
    content: "";
    width: 100%;
    height: 400px;
    
}

body {
    font-family: 'Gothic A1', sans-serif;
    background: #001155;  /* fallback for old browsers */
background: -webkit-linear-gradient(to bottom, #4a2db0, #ffbbdd);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to bottom, #4a2db0, #ffbbdd); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

main {
    background-color: #ffd6f9;
    color: #32119d;
background-image: url('https://www.transparenttextures.com/patterns/nice-snow.png');
}

.profile .friends .heading h4, .profile .contact .heading h4, .profile .table-section .heading h4 {
    color: #4a2db0;
    text-align: center;
}

.profile h1, .profile .blurbs .section h4, .profile .blurbs .heading h4 {
    color: #32119d;
}

img:hover {
    animation-name: fade;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}
.profile .blurbs .heading, .profile .friends .heading, .profile .contact .heading, .profile .table-section .heading {
    border-style: none solid solid none;
    background-color: #ac92d9;
    border-color: #8e70cb;
}

.profile .contact, .profile .url-info, .profile .table-section {
    border-style: none none solid none;
    border-color: #8e70cb;
}

.details-table td:first-child, .comments-table td:first-child {
    background-color: #8e70cb;
    color: #4a2db0;
}

.details-table td, .comments-table td {
    background-color: #ac92d9;
    color: #4a2db0;
}

nav .top, footer {
    background-color: #ffd6f9;
    color: #01004c;
}

nav .links {
    background-color: #ac92d9;
}

.profile-info {
display: none;
}

.comment-replies {
border-width: 1px;
}

a, .profile .friends .person p  {
color: #2e1281;
}

a:hover, .profile .friends .person p:hover {
color: #2e1281;
text-transform: underline;
}

.profile .friends .person p:hover {
color: #2e1281;
animation-name: fade;
    animation-duration: 2s;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

.comments-table {
border: none;
}

button {
font-family: 'Gothic A1', sans-serif;
background-color: #ac92d9;
color: #2e1281;
border-style: none solid solid none;
border-color: #ffd6f9; 
}
button:hover {
font-family: 'Gothic A1', sans-serif;
background-color: #ffd6f9;
color: #2e1281;
border-style: none solid solid none;
border-color: #ffd6f9;
}
</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 28 comments ( View all | Add Comment )

✴.·´¯`·.·★ 𝕾𝖙𝖊𝖋★·.·`¯´·.✴	1788698638 using!! Report Comment
jess.xx	1784090670 DEFO using <3 Report Comment
Gina	1776150297 using !! Report Comment
Celeste	1769467710 Using ! Report Comment
_Chwrry_	1766413310 Using as base! Thank youu for the gradient <3 Report Comment
Erika<3	1762892407 using! Report Comment
Rino	1761873120 usingg Report Comment
Fern Eveland	1759934532 Using Report Comment
Akai Hikari	1744553373 Using :3 Report Comment
~Ash~	1737772965 Using Report Comment
xXfloatingforestsXx	1737532499 Using! I love it so much! Report Comment
Ammy	1736724435 Using it. So cute Report Comment
☆sonic_rox☆	1736493848 used as base! thx <3 Report Comment
LemonTea☆ﾟ.*･｡ﾟ	1733686939 using, it's soo pretty<3 Report Comment
Violet	1727846099 using ts, tyy Report Comment
۵ 𝔱𝔥𝔢 𝔳𝔢𝔩𝔳𝔢𝔱 𝔡𝔬𝔭𝔢. ۵	1724950452 Using! 💜 Report Comment
sammi	1716351781 usingggg omg its so prettyy Report Comment
lillie !!☆	1711338336 i absolutely love the ff franchise, do you think you can make an Aerith one? She's from ff7 Report Comment
veet	1705730079 this was the first layout i found (by looking up yuna) and yeah, i'm sticking with it Report Comment
MitochondRhia	1692740524 Found this while looking for awesome layouts!! This looks fantastic, using this for my profile rn!! Report Comment