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 12 of 12 comments ( View all | Add 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
Seoakeii	1699034807 Such an amazing layout! <3 Report Comment
TiredNinjaSquall	1692740524 Found this while looking for awesome layouts!! This looks fantastic, using this for my profile rn!! Report Comment
faris	1689563573 this is so beautiful !! using <3 Report Comment
✾Janna✾	1688984518 Using this thank you! Report Comment
zoë!	1678289112 using!! Report Comment
lin	1677468284 as a HUGE FFX/FFX-2 STAN... im using this. thank you sm. please make more! i'd like to see daddy tidus Report Comment
Kaci ♡	1674570965 Using! Report Comment
navi 🧀	1648141014 This layout is so cute I absolutely love final fantasy Report Comment
Valane🖤Ranboo💚🤍	1641853692 I used to be big on Final Fantasy, this is super cool and very very pretty!! Report Comment
Diana R. Hays	1641378808 How pretty! I hope you make a couple more Final Fantasy layouts! Report Comment

Layout published by ꜱʜᴇʟʙᴢ

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