SassMeister - input.scss

// ----
// Sass (v3.4.14)
// Compass (v1.0.3)
// ----

/* ######################################################################## */
/* ### CSS placed here will be applied to all skins on the entire site. ### */
/* ### Compiled via SCSS.                                              ### */
/* ### See also: [[MediaWiki:Monobook.css]] & [[MediaWiki:Wikia.css]]   ### */
/* ######################################################################## */

// Don't really need this. //
@mixin navbox($url) {
    background-image: url(#{"//vignette2.wikia.nocookie.net/finalfantasy/images/"}#{$url}), linear-gradient(to right, #FFFFFF 100px, rgba(255, 255, 255, 0) 300px);
    background-repeat: no-repeat;
}

.portable-infobox {
    // defaults for all PIs //
    .pi-background {
        background-color: #F2F2F2;
    }

    .pi-secondary-background {
        // The "A" header //

    }

    .pi-secondary-font {
        // The text for "A" and "B" headers //
        a:link {}
    }

    .pi-header {}

    .pi-item {
        &.pi-title {
            font-weight: 900;
            margin-bottom: 0;
            padding-bottom: 0;
            text-align: center;
        }

        &.pi-data {
            .pi-data-label {
                // The "B" header //

            }

            .pi-data-value {
                margin: 0 auto;
            }
        }

        &.pi-image {}

        &.pi-group {
            .pi-horizontal-group {
                .pi-header {}

                &-item.pi-data-label {}

                &-item.pi-data-value {}
            }

            .pi-header {}
        }
    }

    .pi-font {
        a:link {}
    }

    .pi-item-spacing {}

    .pi-border-color {}
}

.infobox .portable-infobox {
    margin: 0;
}

@mixin portable($theme, $a-bg, $a-text, $b-bg, $b-text, $b-link) {
    // changes per theme
    .portable-infobox.pi-theme-#{$theme} {
        .pi-background {}

        .pi-secondary-background {
            // The "A" header //
            background-color: $a-bg;
            color: $a-text;
        }

        .pi-secondary-font {
            // The text for "A" and "B" headers //
            a:link {}
        }

        .pi-header {}

        .pi-item {
            &.pi-title {}

            &.pi-data {
                .pi-data-label {
                    // The "B" header //
                    background-color: $b-bg;
                    color: $b-text;

                    a:link {
                        color: $b-link;
                    }
                }

                .pi-data-value {}
            }

            &.pi-image {}

            &.pi-group {
                .pi-horizontal-group {
                    .pi-header {}

                    &-item.pi-data-label {}

                    &-item.pi-data-value {}
                }

                .pi-header {}
            }
        }

        .pi-font {
            a:link {}
        }

        .pi-item-spacing {}

        .pi-border-color {}
    }
}

@mixin game($game, $a-bg, $a-text, $b-bg, $b-text, $url) {
    $b-link: $b-text !default;

    .#{$game}a, .#{$game}.a, .#{$game} .a, .portable-infobox.pi-theme-#{$game} .pi-secondary-background {
        background-color: $a-bg;
        color: $a-text;
    }

    .#{$game}b, .#{$game}.b, .#{$game} .b, .portable-infobox.pi-theme-#{$game} .pi-item.pi-data .pi-data-label {
        background-color: $b-bg;
        color: $b-text;
    }

    @if $url != null {
        ##{$game}-nav .navbox .maintitle {
            background-image: url(#{"//vignette2.wikia.nocookie.net/finalfantasy/images/"}#{$url}), linear-gradient(to right, #FFFFFF 100px, rgba(255, 255, 255, 0) 300px);
            background-repeat: no-repeat;
        }
    }

    //  @include portable($game,$a-bg,$a-text,$b-bg,$b-text,$b-link);
}

/* Fonts */
@font-face {
    font-family: "Ferrum";
    src: url("http://images.wikia.com/finalfantasy/images/f/f0/Ferrum.eot");
}

@font-face {
    font-family: "Ferrum";
    src: url("http://images.wikia.com/finalfantasy/images/a/a8/Ferrum.ttf");
}

@font-face {
    font-family: "Ferrum Condensed";
    src: url("http://images.wikia.com/finalfantasy/images/8/8d/Ferrum-condensed.eot");
}

@font-face {
    font-family: "Ferrum Condensed";
    src: url("http://images.wikia.com/finalfantasy/images/8/86/Ferrum-condensed.ttf");
}

/* Text color */
body, .darktext {
    color: #000000;
}

.lighttext {
    color: #CCCCCC;
}

abbr {
    background: none;
    border-bottom: 1px dotted black;
    cursor: help;
}

/* OL, UL, LI */
.WikiaArticle {
    li {
        line-height: 22px;
        margin: 3px 0;
    }

    ol {
        list-style: outside none decimal;
    }

    ul {
        list-style: outside none square;
    }

    ul, ol {
        margin: 0.4em 0 0.5em 2.5em;
    }
}

ol.ol-container {
    margin-left: 0;

    li {
        margin-left: 2.5em;
    }
}

.page-listings ul {
    list-style: outside none none;
    margin: 0;
}

/* link handling */
.SL, .lightlinks, .forcelightlinks[class][class], .lighttext {
    a:link {
        color: #B0E0E6;
    }

    a:visited {
        color: #D8BFD8;
    }

    a.new:link {
        color: #FFAAAA;
    }

    a.new:visited {
        color: #DDAAAA;
    }

    a.new:hover {
        color: #FFAAAA;
    }
}

.NL, .darklinks, .forcedarklinks[class][class], .darktext, .forumheader, .proto-gallery .b {
    a:link {
        color: #002BB8;
    }

    a:visited {
        color: #5A3696;
    }

    a.new:link {
        color: #CC2200;
    }

    a.new:visited {
        color: #A5585A;
    }
}

#mw-content-text {
    font-size: 14px;
}

.mw-body-content p {
    margin-bottom: 30px;
}

div#content {
    line-height: 22px;
}

.WikiaMainContent {
    a:visited {
        color: #5A3696;
    }

    a.new:visited {
        color: #A5585A;
    }

    a.external, a.external:visited {
        color: #3366BB;
    }
}

/*J*/
.jTemplate {
    font-weight: normal;
    font-style: normal;

    .romaji {
        font-style: italic;
    }

    .lit:before {
        content: "“";
    }

    .lit:after {
        content: "”";
    }

    .help {
        font-size: 9px;
        font-weight: bold;
        line-height: 0;
        vertical-align: super;
    }
}

/*prk*/
.PRK {
    font-style: italic;

    .stressed {
        font-variant: small-caps;
        font-weight: bold;
    }
}

/*checkmark*/
%checks {
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    height: 17px;
    vertical-align: middle;
    width: 15px;
}

.checkmark {
    @extend %checks;

    background-image: url("//vignette2.wikia.nocookie.net/finalfantasy/images/6/69/Yes_check.png/revision/latest/scale-to-width-down/15?format=png");
}

.xmark {
    @extend %checks;

    background-image: url("//vignette2.wikia.nocookie.net/finalfantasy/images/6/60/X_mark.png/revision/latest/scale-to-width-down/15?format=png");
}

/*Thumb display*/
.WikiaArticle .thumbinner, figure.thumbinner, div.thumbinner {
    background-color: transparent;
    background-image: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(222, 222, 222, 0.5) 100%);
    background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(222, 222, 222, 0.5) 100%);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(222, 222, 222, 0.5)));
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(222, 222, 222, 0.5) 100%);
    background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(222, 222, 222, 0.5) 100%);
    border: 1px solid #D9D9D9;
    overflow: hidden;
    padding: 3px;
    text-align: center;
}

.thumb.thumbinner.autowidth {
    display: inline-block;
}

/*gallery text*/
.proto-gallery .b {
    color: black;
}

/*Highlight selected reference*/
.WikiaArticle .references > li:target, #bodyContent .references > li:target {
    background-color: #D8E3F5;
}

/* Reflist font size */
.references-small {
    font-size: 90%;
}

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
    font-style: italic;
}

.watchlistredir {
    font-style: italic;
}

/* ################################################## */
/* ### FORUMS                                     ### */
/* ################################################## */

/* remove talk link from forum namespace (monobooks/newskins/quartzskins/monaco) -Splarka */
body.ns-110 #ca-talk, body.ns-110 #this_talk, body.ns-110 #page_tabs li + li {
    display: none;
}

/* Recent changes byte indicators + other pos/neg things */
.mw-plusminus {
    &-pos {
        color: #006500;
    }

    &-neg {
        color: #8B0000;
    }
}

.pos {
    @extend .mw-plusminus-pos;
}

.neg {
    @extend .mw-plusminus-neg;
}

/* Obscure VE links */
.page-Special_RecentChanges a[title][title*="VisualEditor"] {
    color: black;
}

/* Fixes sidebar oddity -- prevent sidebar elements from becoming unclickable on short pages */
footer.row {
    clear: both;
}

/* Forum formatting -Algorithm & -Splaka */
.forum {
    &header {
        background-color: #f9f9f9;
        border: 1px solid #aaa;
        color: black;
        margin-top: 1em;
        padding: 12px;
    }

    &list {
        td.forum_edited a {
            color: inherit;
            text-decoration: none;
        }

        td.forum_title a {
            padding-left: 20px;
        }

        td.forum_title a.forum_new {
            font-weight: bold;
            padding-left: 20px;
        }

        td.forum_title a.forum_new:visited {
            background: none;
            font-weight: normal;
            padding-left: 20px;
        }

        th.forum_title {
            padding-left: 20px;
        }
    }
}

/* Clan Primer */
.ongoing {
    color: #008000;
}

.stalled {
    color: #FD0;
}

.resolved {
    color: #A13;
}

/* ################################################## */
/* ### GENERAL TABLES                             ### */
/* ################################################## */
/* Custom Gallery (Template:Gallery) */
table.gallery {
    margin: 2px auto 2px auto;
    padding: 2px;

    tr {
        vertical-align: top;
    }

    td {
        vertical-align: top;
        border: none;
        margin: 2px;
    }
}

div.gallerybox {
    margin: 2px;
    width: 150px;
    border: none;

    div.thumb {
        text-align: center;
        margin: 2px;
    }
}

div.gallerytext {
    font-size: smaller;
    text-align: center;
    padding: 2px 4px;
    background-color: inherit;
    border: none;
}

/* Standard Navigationsleisten, aka box hiding thingy from .de.  Documentation at [[Wikipedia:NavFrame]]. */
%boxhiding {
    margin: 0px;
    padding: 4px;
    border: 1px solid #aaa;
    text-align: center;
    border-collapse: collapse;
    font-size: 95%;
}

div.Box {
    &merge {
        @extend %boxhiding;

        margin: 0px;
        padding: 4px;
        border: 1px solid #aaa;
        text-align: center;
        border-collapse: collapse;
        font-size: 95%;

        div.NavFrame {
            border-style: none;
            border-style: hidden;
        }
    }
}

div.Nav {
    &Frame {
        @extend %boxhiding;

        & + & {
            border-top-style: none;
            border-top-style: hidden;
        }

        div.NavHead {
            height: 1.6em;
            font-weight: bold;
            background-color: #ccccff;
            position: relative;
        }

        p {
            font-size: 100%;
        }

        div.NavContent {
            font-size: 100%;

            p {
                font-size: 100%;
            }
        }
    }

    &Pic {
        background-color: #fff;
        margin: 0px;
        padding: 2px;
        float: left;
    }

    &End {
        margin: 0px;
        padding: 0px;
        line-height: 1px;
        clear: both;
    }
}

a.NavToggle {
    position: absolute;
    top: 0px;
    right: 3px;
    font-weight: normal;
    font-size: smaller;
}

/* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for
   instance, will limit to showing ==headings== and ===headings=== but no further (as long as
   there are no =headings= on the page, which there shouldn't be according to the MoS). */
%nodisplay {
    display: none;
}

@for $i from 2 through 7 {
    .toclimit-#{$i} .toclevel-#{$i} {
        @extend %nodisplay;
    }
}

/* Per page stuff (example) */
body.page-User_Diablocon div#diablocon_card {
    background: #000000 url("http://card.mygamercard.net/lastgame/diablocon.png") 0 0 no-repeat;
}

.noLinkColors a, #bodyContent .noLinkColors a.external, #bodyContent .noLinkColors a.extiw, .nolinkcolor a, #bodyContent .nolinkcolor a.external, #bodyContent .nolinkcolor a.extiw {
    color: inherit;
}

/* ################################################## */
/* ### TABBERS                                    ### */
/* ################################################## */
/*Copied from http://www.barelyfitz.com/projects/tabber/example.css used under mit license
see http://www.barelyfitz.com/projects/tabber/
*/
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
    display: none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {}

.tabberlive {
    margin-top: 1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
    margin: 0;
    padding: 3px 0;
    border-bottom: 1px solid #AAA;
    font: bold 12px Verdana, sans-serif;

    li {
        list-style: none;
        margin: 0;
        display: inline-block;

        a {
            padding: 3px 0.5em;
            margin-left: 3px;
            border: 1px solid #ccc;
            border-bottom: none;
            background: #f2f7ff;
            text-decoration: none;

            &:link {
                color: #448;
            }

            &:visited {
                color: #667;
            }

            &:hover {
                color: #000;
                background: #fff9f2;
                border-color: #CCC;
            }
        }

        &.tabberactive a {
            background-color: #fff;
            border-bottom: 1px solid #fff;

            &:hover {
                color: #000;
                background: white;
                border-bottom: 1px solid white;
            }
        }
    }
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
    padding: 5px;
    border: 1px solid #AAA;
    border-top: 0;

    /* If you don't want the tab size changing whenever a tab is changed
       you can set a fixed height */
    /* height:200px; */
    /* If you set a fix height set overflow to auto and you will get a
       scrollbar when necessary */
    /* overflow:auto; */
    h2, h3 {
        /* If desired, hide the heading since a heading is provided by the tab */
        display: none;
    }
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {}

.tabberlive#tab2 {}

.tabberlive#tab2 .tabbertab {
    height: 200px;
    overflow: auto;
}

.picture-attribution, p.attribution {
    display: none !important;
}

figure.article-thumb {
    background-color: rgba(0, 0, 0, 0);
    background-image: -moz-linear-gradient(center top, rgba(255, 255, 255, 0) 0%, rgba(222, 222, 222, 0.5) 100%);
    border: 1px solid #D9D9D9;
    overflow: hidden;
    padding: 3px 4px;
    text-align: center;
    margin: 0 0 15px;

    &.tleft {
        clear: left;
        float: left;
        margin-right: 20px;
    }

    &.tright {
        clear: right;
        float: right;
        margin-left: 20px;
    }

    figcaption p.caption {
        color: black !important;
        font-size: 14px;
        line-height: 18px;
        padding: 4px 1px 0;
        text-align: left;
        margin: 0 !important;
    }
}

.WikiaArticle .article-thumb .details {
    margin-top: 4px;
    visibility: visible;
}

.WikiaArticle figure.article-thumb a:first-of-type {
    display: inline;
}

.article-thumb .thumbimage {
    border: none;
}

/* ################################################## */
/* ### ENEMY PAGE OUTPUTS                         ### */
/* ################################################## */

/* VIII enemy pages */
.rareitem ul.tabbernav {
    font-size: 7.25pt !important;
    padding: 0 !important;
}

#enemyStatOutputVIII {
    div.tabbertab {
        padding: 0;
        border: none;
    }

    ul.tabbernav {
        border-bottom: none;
        padding-bottom: 0;
    }

    ul.tabbernav > li {
        font-family: sans-serif;
        font-size: 9px;
        font-weight: normal;
    }
}

#enemyStatsVIII, .enemy-table {
    width: 415px;
}

#enemyStatsVIII table {
    width: 100%;
}

/*Scrolling table header CSS*/
table.scrolling {
    & > thead > tr:hover {
        opacity: 0.4;

        & > th {
            border-color: rgba(255, 255, 255, 0.4);
            opacity: 0.2;
        }

        & > th:hover {
            opacity: 1;
        }
    }
}

%bordercollapse {
    /*Unifies the table borders and implements a universal look*/
    border-collapse: collapse;
}

%border1 {
    border: 2px outset #999999;
}

%border0 {
    padding: 0;
    border: 0;
}

table.table {
    @extend %bordercollapse;

    & > {
        thead, tbody, tfoot {
            & > {
                tr > td, tr > th {
                    @extend %border1;
                }
            }
        }
    }

    tr.no-table {
        & > {
            td, th {
                @extend %border0;
            }
        }
    }

    td.no-table, th.no-table {
        @extend %border0;
    }

    ul, ol {
        margin: 0 0 0 1.5em;
    }
}

table.innerborder {
    @extend %bordercollapse;
}

tr.table {
    & > {
        td.no-table, th.no-table {
            @extend %border0;
        }
    }
}

table.innerborder > tbody > tr {
    & > td, & > th {
        border: 1px solid black;
    }

    &:first-child {
        & > td, & > th {
            border-top: none;
        }
    }

    &:last-child {
        & > td, & > th {
            border-bottom: none;
        }
    }

    & > td:first-child, & > th:first-child {
        border-left: none;
    }

    & > td:last-child, & > th:last-child {
        border-right: none;
    }
}

/*Handle table and div widths*/
.full-width {
    width: 100%;
    min-width: 660px;
    max-width: 990px;
}

.half-width {
    width: 50%;
    min-width: 330px;
    max-width: 445px;
}

/*.full-width, .half-width{display:block}*/
%floatleft {
    float: left;
}

%margincall1 {
    margin: 0 2px;
}

%margincall-l {
    margin-left: 0;
}

%margincall-r {
    margin-right: 0;
}

%margincall-p {
    margin-right: 0.6em;
}

div.col2 > div {
    @extend %floatleft;

    table {
        @extend %margincall1;
    }

    &:first-child table {
        @extend %margincall-l;
    }

    &:last-child table {
        @extend %margincall-r;
    }

    p {
        @extend %margincall-p;
    }

    width: 50%;
    min-width: 250px;
}

div.col3 > div {
    @extend %floatleft;

    table {
        @extend %margincall1;
    }

    &:first-child table {
        @extend %margincall-l;
    }

    &:last-child table {
        @extend %margincall-r;
    }

    p {
        @extend %margincall-p;
    }

    width: 33%;
    min-width: 200px;
}

div.col4 > div {
    @extend %floatleft;

    table {
        @extend %margincall1;
    }

    &:first-child table {
        @extend %margincall-l;
    }

    &:last-child table {
        @extend %margincall-r;
    }

    p {
        @extend %margincall-p;
    }

    width: 25%;
    min-width: 150px;
}

div.col5 > div {
    @extend %floatleft;

    table {
        @extend %margincall1;
    }

    &:first-child table {
        @extend %margincall-l;
    }

    &:last-child table {
        @extend %margincall-r;
    }

    p {
        @extend %margincall-p;
    }

    width: 20%;
    min-width: 125px;
}

div.col6 > div {
    @extend %floatleft;

    table {
        @extend %margincall1;
    }

    &:first-child table {
        @extend %margincall-l;
    }

    &:last-child table {
        @extend %margincall-r;
    }

    p {
        @extend %margincall-p;
    }

    width: 17%;
    min-width: 100px;
}

div.col7 > div {
    @extend %floatleft;

    table {
        @extend %margincall1;
    }

    &:first-child table {
        @extend %margincall-l;
    }

    &:last-child table {
        @extend %margincall-r;
    }

    p {
        @extend %margincall-p;
    }

    width: 13%;
    min-width: 90px;
}

div.col8 > div {
    @extend %floatleft;

    table {
        @extend %margincall1;
    }

    &:first-child table {
        @extend %margincall-l;
    }

    &:last-child table {
        @extend %margincall-r;
    }

    p {
        @extend %margincall-p;
    }

    width: 12.5%;
    min-width: 80px;
}

div.col9 > div {
    @extend %floatleft;

    table {
        @extend %margincall1;
    }

    &:first-child table {
        @extend %margincall-l;
    }

    &:last-child table {
        @extend %margincall-r;
    }

    p {
        @extend %margincall-p;
    }

    width: 11%;
    min-width: 70px;
}

div.col10 > div {
    @extend %floatleft;

    width: 10%;
    min-width: 60px;

    table {
        @extend %margincall1;
    }

    &:first-child table {
        @extend %margincall-l;
    }

    &:last-child table {
        @extend %margincall-r;
    }

    p {
        @extend %margincall-p;
    }
}

#bodyContent pre, #WikiaArticle pre {
    overflow-x: auto;
}

/* Prevents italics in <code> tag  */
code {
    font-style: normal;
}

/* defaulting code and adding code class for simul */
code, .code {
    background-color: transparent;
    font-family: monospace;

    strong.selflink {
        font-weight: normal;
    }
}

/*AI formatting*/
pre.ai {
    background: transparent;
    border: none;
    white-space: pre-wrap;
}

div.ai span.ability {
    color: red;
}

.ai p {
    padding-left: 20px;
    margin: 2px 0 !important;
    text-indent: -20px;
}

/* ################################################## */
/* ### GESHI                                      ### */
/* ################################################## */
.mw-geshi {
    overflow: auto;
    white-space: pre;

    div, pre {
        overflow-x: visible;
        white-space: inherit;
    }

    &.block {
        border-color: #CCCCCC;
        border-style: dashed none;
        border-width: 1px;
        margin-left: 2em;
        padding: 5px 0;
    }

    &.inline {
        display: inline;

        div, pre {
            display: inline;
        }

        pre.de1, pre.de2 {
            vertical-align: baseline !important;
        }
    }
}

.word-wrap pre, pre.word-wrap {
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*Formatting wanted category color*/
a.newcategory {
    color: #CC2200;
}

/*Formatting RC*/
.rcoptions {
    border-radius: 10px;
}

%rcsprites {
    background-image: url("http://images.wikia.com/finalfantasy/images/d/d2/RCSprites.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    line-height: 12px;
    vertical-align: middle;
    width: 12px;

    img {
        opacity: 0;
    }
}

.mw-rc-openarrow a {
    @extend %rcsprites;

    background-position: 0 -12px;
}

.mw-rc-closearrow a {
    @extend %rcsprites;

    background-position: 0 0px;
}

/*Formatting ext links*/
/*reset monobook*/
#bodyContent a.external, #bodyContent a.external[href^="gopher://"] {
    background: none;
    padding-right: 0;
}

/*set universal standard*/
a.external:after, a[href^="gopher://"]:after {
    background-image: url("http://slot1.images.wikia.nocookie.net/__cb1429610386/common/skins/shared/images/sprite.png");
    background-position: -1198px 0;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 16px;
    margin-left: 3px;
    vertical-align: text-top;
    width: 10px;
}

/* ################################################## */
/* ### KHWIKI                                     ### */
/* ################################################## */
/*KHwiki*/
.khwiki a.external:after, a[href~="://www.khwiki.net"]:after {
    background-image: url("http://www.khwiki.net/favicon.ico");
    background-position: 0 0;
    margin-left: 1px;
    vertical-align: middle;
    width: 16px;
}

.plainlinks a.external:after {
    content: none;
}

/*Hide shared help for our own help pages*/
.sharedHelp:nth-child(n+2) {
    display: none;
}

/*Formatting "boards"*/
table.board {
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;

    td, th {
        padding: 0px;
    }

    td {
        background: #DDDDDD;
    }

    tr:first-child th:first-child {
        background: transparent;
    }
}

/*Formatting license boards*/
.licenseboard {
    .augment {
        @extend %licenseboard;

        background-color: #666600;
    }

    .quickening {
        @extend %licenseboard;

        background-color: #FF9933;
    }

    .summon {
        @extend %licenseboard;

        background-color: #00FFFF;
    }

    .accessory {
        @extend %licenseboard;

        background-color: #CC3333;
    }

    .armor {
        @extend %licenseboard;

        background-color: #33CC33;
    }

    .weapon1 {
        @extend %licenseboard;

        background-color: #6666CC;
    }

    .weapon2 {
        @extend %licenseboard;

        background-color: #993399;
    }

    .weapon3 {
        @extend %licenseboard;

        background-color: #6600CC;
    }

    .technick {
        @extend %licenseboard;

        background-color: #CC9900;
    }

    .gambit {
        @extend %licenseboard;

        background-color: #CCCC00;
    }

    .magick {
        @extend %licenseboard;

        background-color: #CC99CC;
    }

    .command {
        @extend %licenseboard;

        background-color: #333333;
    }
}

%licenseboard {
    background-image: linear-gradient(350deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    border: 1px outset #999999;
}

/*Formatting for navigations*/
table.nav {
    border: 1px solid silver;
    border-bottom: none;
    text-align: center;
    clear: both;
    font-size: 11px;
    font-family: verdana, sans-serif;
    width: 100%;

    &:last-of-type {
        border-bottom: 1px solid silver;
    }

    & + & {
        border-top: none;
        margin-top: -3px;
    }

    :first-child tr:first-child {
        font-size: 13.5px;
        font-family: tahoma, sans-serif;
    }
}

.showhide {
    font-size: 0.9em;
    font-style: normal;
    font-weight: normal;
    text-align: right;
    width: 6em;
}

/*Formatting for stub templates*/
.stub-template {
    font-style: italic;
}

/*Removes links to unused user groups on [[Special:Statistics]]*/
table.wikitable.mw-statistics-table .statistics-group-zero {
    display: none;
}

/*Hide "subpages" content from non-subpages*/
body.page-Choco_Mog article header h2, body.page-Choco_Mog .subpages,
body.page-Marcus_Eiko_Stat_Bug article header h2, body.page-Marcus_Eiko_Stat_Bug .subpages,
body.page-Real_Emotion_1000_no_Kotoba article header h2, body.page-Real_Emotion_1000_no_Kotoba .subpages,
body.page-Final_Fantasy_X_X-2_HD_Remaster article header h2, body.page-Final_Fantasy_X_X-2_HD_Remaster .subpages {
    display: none;
}

/* ################################################## */
/* ### BOXES                                      ### */
/* ################################################## */
/*News box*/
ul.newsbox {
    :nth-child(n+7), ul.newsbox h2:nth-child(6) {
        display: none;
    }

    h2 {
        font-size: inherit;
        border-bottom: none;
        margin: 3px 0 3px -32px;
        list-style: none;
        font-weight: bold;
    }
}

/*Content box*/
.contentbox {
    border: 1px solid #AAAAAA;
    border-radius: 10px;
    margin: 3px 3px 7px;
    padding: 5px;

    .header, &.header {
        color: black;
        background: #FBEC5D;
        border: 1px solid #AAAAAA;
        border-radius: 7px;
        font-size: inherit;
        font-weight: bold;
        margin: 0;
        margin-bottom: 4px;
        padding: 2px 1px;
        text-align: center;
        text-decoration: none;
    }
}

/*Archive*/

.archive {
    border: 2px dotted #800000;
    margin: -4px;
    margin-top: 0;
    padding: 4px;
    padding-top: 0;
    width: 100%;

    .header, &.header {
        border-bottom: 2px dotted #800000;
        color: #800000;
        font-style: italic;
        font-weight: bold;
        margin: 0 -5px;
        padding-bottom: 0;
        text-align: center;
    }
}

/*Translations*/
.translations {
    text-align: center;
    font-size: smaller;
}

/*Flowchart*/
.flowchart {
    a {
        font-family: sans-serif;
    }

    pre {
        border: none;
        background: transparent;
    }
}

/*resizing sprites*/
.sprite-image img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    -ms-interpolation-mode: nearest-neighbor;
}

/*collapsible divs*/
div.collapsible.collapsed > .hideElement {
    display: none;
}

table.collapsible.collapsed[id] > tbody {
    display: none;
}

/* inline spoilers */
.ilspoiler.nojs {
    opacity: 0.5;
}

.ilspoiler.hidden {
    background-color: white;
    border: 1px dashed #999999;
    color: white;
}

/*flip*/
.horizontal.flip img, .horizontal-flip img {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.vertical.flip img, .vertical-flip img {
    -moz-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: "FlipV";
}

/*Image filters*/
.fade img {
    opacity: 0.3;
}

.grayscale img {
    filter: grayscale(100%);

    /*W3C*/
    -moz-filter: grayscale(100%);

    /*potentially Firefox*/
    -ms-filter: grayscale(100%);

    /*potentially IE*/
    -o-filter: grayscale(100%);

    /*potentially Opera*/
    -webkit-filter: grayscale(100%);

    /*Chrome, Safari, possibly Opera*/
    filter: url("data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'><filter%20id='grayscale'><feColorMatrix%20type='matrix'%20values='0.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200.3333%200.3333%200.3333%200%200%200%200%200%201%200'/></filter></svg>#grayscale");

    /*Firefox 3.5+*/
    filter: gray;

    /*IE 6+*/
}

table.collapsible tr tr {
    display: table-row !important;
}

.FFIX.message {
    background-image: url("http://i829.photobucket.com/albums/zz212/JBedford128/ffixbg_zps13f1f87e.png");
    background-repeat: repeat;
    color: white;
    text-shadow: 1px 1px black;
    border-style: solid;
    border-width: 5px;
    -moz-border-image: url("http://i829.photobucket.com/albums/zz212/JBedford128/ffixborder_zpsa15d4766.png") 5 repeat;
    -webkit-border-image: url("http://i829.photobucket.com/albums/zz212/JBedford128/ffixborder_zpsa15d4766.png") 5 repeat;
    -o-border-image: url("http://i829.photobucket.com/albums/zz212/JBedford128/ffixborder_zpsa15d4766.png") 5 repeat;
    border-image: url("http://i829.photobucket.com/albums/zz212/JBedford128/ffixborder_zpsa15d4766.png") 5 fill repeat;
    border-radius: 10px;
    font-family: 'Verdana', sans-serif;
    padding: 5px;
}

/* quotes */
.quote, q, blockquote {
    &:before {
        content: "“";
    }

    &:after {
        content: "”";
    }

    &:before, &:after {
        font-style: normal;
    }
}

div.quote, blockquote {
    margin-left: 24px;
}

/* */
table.mw-enhanced-rc, table.mw-enhanced-rc > tbody > tr > td:last-child {
    width: 100%;
}

table.mw-enhanced-rc:hover, table.mw-enhanced-rc > tbody > tr:nth-child(n+2):hover {
    background: rgba(0, 0, 0, 0.03);
}

/*patrol-related*/
.not-patrolled {
    background-color: transparent !important;
}

/* Side icon styles */
%dingbat {
    width: 50px;
    display: block;
}

.page-info-icon {
    .text-container {
        display: block;
        font-family: Ferrum Condensed, serif;
        text-align: center;
        text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 2px black;
        line-height: 0;
    }

    span {
        color: white;
    }

    .one-line {
        font-size: 35px;
        line-height: 35px;
        height: 35px;
        letter-spacing: -5px;
        width: 50px;
        margin-left: -4px;

        @extend %dingbat;
    }

    .one-line-small {
        font-size: 24px;
        height: 35px;
        line-height: 35px;
        letter-spacing: -2px;
        width: 50px;
        margin-left: -3px;

        @extend %dingbat;
    }

    .two-line {
        font-size: 28px;
        letter-spacing: -3px;
        height: 25px;
        line-height: 25px;
        width: 50px;
        margin-left: -3px;

        @extend %dingbat;
    }

    .two-line-small {
        font-size: 16px;
        letter-spacing: -1px;
        line-height: 15px;
        height: 14px;
        width: 50px;
        font-family: Ferrum, serif;

        @extend %dingbat;
    }

    &:hover {
        text-decoration: none;
    }
}

/*shared skin rules*/
.WikiaArticle .toc, #toc {
    background-color: transparent;
}

.CategorySelect.articlePage, .catlinks {
    background-image: none;
    background-color: transparent;
}

.WikiaArticle #pagehistory li, #pagehistory li {
    border-style: none;
}

.page-Special_RecentChanges .WikiaArticle fieldset, .page-Special_RecentChanges fieldset, .recentchangesquicklinks {
    border: 1px solid #002BB8;
}

/*proto-gallery*/
.proto-gallery {
    .gallerycontainer {
        background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8));
        padding: 4px;
    }

    .thumbinner {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 4px;
        margin-right: 4px;
    }

    .gimage {
        width: 150px;
        height: 150px;
        line-height: 150px;
    }

    .gallery-caption {
        width: 150px;
        text-align: left;
        margin-top: 3px;
        font-size: 11px;
    }

    .sprite.magnify {
        background-position: -1210px 0;
        float: right;
        margin-top: 4px;

        .icon-link {
            display: block;
            height: 18px;
            width: 17px;
        }
    }
}

.proto-gallery
.refpopup {
    background: linear-gradient(white, #FAFAFA);
    background-color: white;
    border: 1px solid #DDDDDD;
    border-radius: 2px;
    color: black;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    line-height: 150%;
    padding: 6px 12px;
    position: absolute;
    text-align: left;
    text-decoration: none;
    z-index: 1;
}

/* ################################################## */
/* ### Talk BUBBLES (Template:Talk)               ### */
/* ################################################## */
/*Forces show of readable "pre"s (black text, no stretch)*/
/*used for talkboxes and on archives*/
table.talk td.text pre, .archive pre {
    white-space: pre-wrap;
    color: black;
}

/* Other talk bubble CSS */
table.talk {
    margin-left: 64px !important;

    .text pre {
        white-space: pre-wrap;
        color: black;
    }

    .filler {
        width: 6px;
        height: 6px;
    }

    .filler2 {
        width: 5px;
        height: 4px;
    }

    .corner {
        font-size: 0px;
        line-height: 0%;
        width: 0px;
    }

    .padded {
        padding: 0 4px;
        margin: 0 -5px;
    }
}

div.image-section {
    width: 64px;
    max-width: 69px;
    float: left;
}

/* ################################################## */
/* ### INFOBOXES                                  ### */
/* ################################################## */
/*Formatting for enemy infobox*/
table.infobox.enemy {
    background-color: #f2f2f2;
    border: 1px #AAAAAA solid;
    border-collapse: collapse;
    padding: 0;
    float: right;
    font-size: 7.25pt;
    padding: 0;
    text-align: center;
    width: 275px;

    & > * > tr > td, & > * > tr > th {
        padding: 0;
    }

    th.header div {
        border: 1px solid #000000;
        font-size: 12pt;
        margin: 6px 6px 3px;
    }

    .tabberlive {
        margin-top: 0;

        .tabbertab {
            border-width: 0;
            padding: 0;
        }
    }

    table.body {
        border-collapse: collapse;
        box-sizing: border-box;
        padding: 3px;
        width: 100%;

        th, td {
            padding: 0;
        }

        th.name {
            font-size: 13.5pt;
        }

        table.stats {
            font-size: 10pt;
            text-align: center;
            width: 100%;
        }

        table.info {
            text-align: left;
            font-size: 7.25pt;
            width: 100%;

            th {
                width: 35%;
            }

            tr:nth-child(even) td {
                background-color: rgba(0, 0, 0, 0.1);
            }
        }
    }

    table.elements, table.statuses {
        text-align: center;
        width: 100%;

        tr:nth-child(n+2) th {
            line-height: 12px;
            padding: 4px 0;
        }

        tr:first-child th:first-child {
            font-size: 10pt;
        }
    }

    .regular {
        font-size: 10pt;
    }

    td.bestiary {
        div.prev {
            float: left;
            width: 30%;
            text-align: left;
        }

        div.this {
            display: inline;
            margin: auto;
            width: 40%;
            text-align: center;
            font-weight: bold;
            font-size: 10pt;
        }

        div.next {
            float: right;
            width: 30%;
            text-align: right;
        }
    }
}

/*Formatting for character infobox*/
table.infobox.character {
    background: transparent;
    border-radius: 7px;
    float: right;
    font-size: 90%;
    padding: 0;
    width: 300px;
    border-spacing: 0px;

    & > * > tr > td, & > * > tr > th {
        border: 1px outset #999999;
    }

    & > * > tr > th {
        text-align: left;
    }

    & > * > tr > th ~ td {
        width: 190px;
    }

    th.name, th.footer {
        font-size: 13.5px;
    }

    th.name, th.footer, td.image {
        text-align: center;
    }

    th.name {
        border-radius: 7px 7px 0 0;
    }

    th.footer {
        border-radius: 0 0 7px 7px;
    }

    td, th {
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

table.infobox.release {
    font-family: verdana;
    padding: 6px;
    margin: 0 0 1em 1em;
    font-size: 10px;
    border: 1px solid #8888aa;
    float: right;
    width: 290px;

    td {
        border: 1px black solid;
    }

    th {
        white-space: nowrap;

        &.name {
            font-size: 13px;
        }
    }
}

/* ################################################## */
/* ### NAVBOX (Template:Navbox)                   ### */
/* ################################################## */

.navbox-container {
    /* Outer table - border */
    border: 1px solid #aaa;
    padding: 2px;

    &.bottom + &.bottom {
        margin-top: 2px;
    }

    &.bottom {
        /* Outer table - widths, floats */
        width: 100%;
        clear: both;
        margin: 5px auto 0;
    }

    &.left {
        /* Outer table - widths, floats */
        width: 200px;
        clear: left;
        float: left;
        margin: 0 1.5em 0.5em 0;
    }

    &.right {
        /* Outer table - widths, floats */
        width: 200px;
        clear: right;
        float: right;
        margin: 0 0 0.5em 1.5em;
    }
}

.navbox {
    /* Main class (applies to every navbox) */
    width: 100%;
    font-size: 85%;
    line-height: 1.5em;

    .brick {
        /* Inner tables */
        width: 100%;
        margin: 0;
    }

    .contents {
        /* Inner tables */
        width: 100%;
    }

    &-container, .brickcont, .padding,
    .space-h, .space-v,
    .groupcont {
        /* Cellspacing */
        background: transparent;
    }

    .space-h {
        width: 2px;
    }

    .colcont .navbox .space-h {
        width: 0%;
        border-right: 2px solid #fff;
    }

    .space-v {
        height: 2px;
        font-size: 1pt;
        line-height: 0em;
    }

    .title {
        border: 1px solid #aaa;
        font-weight: normal;
        padding: 2px;
    }

    .headertext, .titletext {
        font-weight: bold;
        text-align: center;
        padding-left: 4em;
        padding-right: 4em;
    }

    .maintitle .titletext {
        font-size: 118%;
    }

    .editlink {
        float: left;
        width: 4em;
        text-align: left;
        margin-right: -100%;
    }

    .showhide {
        margin-left: -100%;
    }

    .cell, .colgroup,
    .navcol, .abovebelow,
    .group, .navheader,
    .subgroup {
        padding: 1px 2px;
    }

    .colgroup, .group,
    .subgroup {
        font-weight: bold;
    }

    .group, .subgroup {
        width: 15%;
        text-align: center;
    }

    .abovebelow, .group,
    .navheader {
        border: 1px solid #aaa;
        text-align: center;
    }

    .colgroup, .subgroup {
        border: 1px solid #aaa;
    }

    .cell, .navcol {
        background: transparent;
        border: 1px solid #aaa;
    }

    .cell.nogroups, .navcol, .colgroup, .abovebelow {
        text-align: center;
    }

    .cell.withgroups {
        text-align: left;
    }

    .navcol {
        vertical-align: top;
    }

    .formatlist {
        ul, li {
            /* Lists in column rows */
            list-style: none;
            line-height: 1.5em;
            margin: 0.6em 0;
            padding: 0;
        }

        li li {
            font-size: 90%;
        }

        li ul {
            margin-top: -0.1em;
            margin-bottom: 0.5em;

            li {
                margin: 0em;
            }
        }
    }

    .nested {
        /* Nested */
        font-size: 100%;

        .navbox .title {
            border: 1px solid #aaa;
        }
    }

    .titletext .SL span {
        /*no background on title text (we only want color)*/
        background-color: transparent;
    }
}

/* Hides navbox in tabview */
.ui-tabs .navbox-container {
    display: none;
}

/* Printing */
@media print {
    .navbox, .navbox-container {
        display: none;
    }
}

/*experimental navbox magic*/
.usertester table.collapsible.transition[id] > tbody {
    display: block;
}

/* ################################################## */
/* ### USERBOX (Template:Userbox)                 ### */
/* ################################################## */
.userbox {
    float: left;
    margin: 1px;
    width: 238px;

    &-image {
        width: 45px;
        height: 45px;
        text-align: center;
        font-size: 14pt;
    }

    &-text {
        font-size: 8pt;
        padding: 4pt;
        line-height: 1.25em;
    }
}

/* ################################################## */
/* ### TEMPLATE NAVIGATION (Template:Tnav)        ### */
/* ################################################## */
.tnav {
    float: left;
    font-size: 10px;
    margin-left: 0;
    font-family: verdana, sans-serif;
    white-space: nowrap;
    word-spacing: -.12em;
    width: 6em;
    text-align: left;
}

/* ################################################## */
/* ### MAINTENANCE (Template:Mbox)                ### */
/* ################################################## */

/* Design */
.mbox {
    border: 4px ridge silver;
    border-radius: 10px;
    color: white;
    margin: auto;
    width: 80%;
    background: navy;

    a:link, a:visited {
        color: yellow;
    }

    .mbox-image {
        /* Image to the left */
        margin: auto;
        padding: 5px;
        width: 70px;
    }

    .mbox-quote {
        /* Character quote font */
        font-size: 15px;
        font-weight: bold;
    }

    &.SD {
        /* Specifically for Template:SD */
        border: 4px ridge #999999;
        font-size: 13px;
        text-align: center;
        background: black;
    }
}

@media print {
    .mbox {
        display: none;
    }
}

/* no mbox when printing */

/* ################################################## */
/* ### LICENSING (Template:Lbox)                  ### */
/* ################################################## */

/* Design */
.lbox {
    background: azure;
    border: 4px ridge blue;
    border-radius: 10px;
    color: black;
    margin: auto;
    width: 80%;

    .lbox-image {
        /* Image to the left */
        margin: auto;
        padding: 5px;
        width: 80px;
    }
}

/* ################################################## */
/* ### OTHER                                      ### */
/* ################################################## */
/* Official slightly shaded color */
.shaded {
    background-color: rgba(0, 0, 0, 0.1);
}

/* Hide that a lot of unnecessary requests occur on upload forms */
#mw-spinner-license + #mw-spinner-license {
    display: none;
}

/* pop-up in-doc window related things */
.blackout {
    background: none repeat scroll 0 0 white;
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
}

.modalWrapper {
    background: none repeat scroll 0 0 padding-box white;
    border-color: rgba(255, 255, 255, 0.8);
    border-style: solid;
    border-width: 5px;
    box-shadow: 0 10px 60px 0 #7f7f7f;
    color: #3a3a3a;
    position: absolute;
}

textarea.user-comment {
    background-color: #f2f2f2;
    border: 1px solid #cccccc;
    border-radius: 4px;
    color: #3a3a3a;
    display: block;
    font-family: inherit;
    font-size: 12px;
    line-height: 23px;
    padding: 5px;
    width: 252px;
    height: 27px;
    line-height: 15px;
    margin: 5px 0;
    resize: none;
}

/* HTML syntax highlighting */
.source-html5 {
    line-height: normal;

    li, pre {
        border: 0 none white;
        line-height: normal;
    }
}

.html5.source-html5 {
    font-family: monospace;

    .de1, .de2 {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        font: 1em/1.2em monospace;
        margin: 0;
        padding: 0;
        vertical-align: top;
    }

    .imp {
        color: red;
        font-weight: bold;
    }

    li, .li1 {
        font-weight: normal;
        vertical-align: top;
    }

    .ln {
        margin: 0;
        padding: 0 2px;
        text-align: right;
        vertical-align: top;
        width: 1px;
    }

    .li2 {
        font-weight: bold;
        vertical-align: top;
    }

    .kw2 {
        color: #000000;
        font-weight: bold;
    }

    .kw3 {
        color: #000066;
    }

    .es0 {
        color: #000099;
        font-weight: bold;
    }

    .br0 {
        color: #66cc66;
    }

    .sy0 {
        color: #66cc66;
    }

    .st0 {
        color: #ff0000;
    }

    .nu0 {
        color: #cc66cc;
    }

    .sc-2 {
        color: #404040;
    }

    .sc-1 {
        color: #808080;
        font-style: italic;
    }

    .sc0 {
        color: #00bbdd;
    }

    .sc1 {
        color: #ddbb00;
    }

    .sc2 {
        color: #009900;
    }

    .ln-xtra {
        background-color: #ffc;
    }

    span.xtra {
        display: block;
    }
}

/* CSS SYNTAX styling */
.source-css {
    line-height: normal;

    li, pre {
        border: 0px none white;
        line-height: normal;
    }
}

.css.source-css {
    font-family: monospace,monospace;

    .de1, .de2 {
        background: none repeat scroll 0% 0% transparent;
        font: 1em/1.2em monospace,monospace;
        margin: 0px;
        padding: 0px;
        vertical-align: top;
    }

    .imp {
        font-weight: bold;
    }

    li, .li1 {
        font-weight: normal;
        vertical-align: top;
    }

    .ln {
        margin: 0px;
        padding: 0px 2px;
        text-align: right;
        vertical-align: top;
        width: 1px;
    }

    .li2 {
        font-weight: bold;
        vertical-align: top;
    }

    .kw1 {
        font-weight: bold;
    }

    .co2 {
        font-style: italic;
    }

    .coMULTI {
        font-style: italic;
    }

    .es0 {
        font-weight: bold;
    }

    .es2 {
        font-weight: bold;
    }

    span.xtra {
        display: block;
    }

    .ln-xtra, li.ln-xtra, div.ln-xtra {
        /*?*/
        background-color: #ffffcc;
    }

    /* CSS SYNTAX colors */
    .imp {
        color: red;
    }

    .kw1 {
        color: #000000;
    }

    .kw2 {
        color: #993333;
    }

    .co1 {
        color: #A1A100;
    }

    .co2 {
        color: #FF0000;
    }

    .coMULTI {
        color: #808080;
    }

    .es0 {
        color: #000099;
    }

    .es2 {
        color: #000099;
    }

    .br0 {
        color: #00AA00;
    }

    .sy0 {
        color: #00AA00;
    }

    .st0 {
        color: #FF0000;
    }

    .nu0 {
        color: #CC66CC;
    }

    .re0 {
        color: #CC00CC;
    }

    .re1 {
        color: #6666FF;
    }

    .re2 {
        color: #3333FF;
    }

    .re3 {
        color: #993333;
    }
}

/* Wikia Maps */
.wikia-interactive-map-thumbnail a figcaption div span {
    display: none;
}

/* FFI - Final Fantasy */
@include game(FFI, #00BFFF, black, #00FFFF, black, "3/33/Navbg1.png");

/* FFII - Final Fantasy II */
@include game(FFII, #C773A7, white, #E9CDDC, black, "5/5d/Navbg2.png");

/* FFIIHnD - Final Fantasy II Hihō no Doragon */
@include game(FFIIHnD, #A359A4, white, #D35A5F, white, null);

/* FFIII - Final Fantasy III */
@include game(FFIII, #68DC78, black, #33CCFF, black, "7/75/Navbg3.png");

/* FFIV - Final Fantasy IV */
@include game(FFIVa, #191970, white, #AFB5D7, black, "d/df/Navbg4.png");

/* IVCCI - Final Fantasy IV -Interlude- */
@include game(IVCCIa, #483D8B, white, #6495ED, black, "0/0e/Navbg4i.png");

/* IVTAY - Final Fantasy IV: The After Years */
.IVTAYa, .IVTAY.a, .IVTAY .a {
    background-color: #76529C;
    color: white;
}

.IVTAYb, .IVTAY.b, .IVTAY .b {
    background-color: #95BCE5;
    color: black;
}

#IVTAY-nav .navbox .maintitle {
    background-image: url("http://img2.wikia.nocookie.net/__cb20140417153140/finalfantasy/images/3/39/Navbg4tay.png"), linear-gradient(to right, #FFFFFF 100px, rgba(255, 255, 255, 0) 300px);
    background-repeat: no-repeat;
}

/* FFV - Final Fantasy V */
@include game(FFV, #800080, white, #CCCCFF, black, "8/87/Navbg5.png");

/* LotC - Final Fantasy: Legend of the Crystals */
@include game(LotC, #B64D51, white, #FDF5E6, black, "6/6d/NavbgLotC.png");

/* FFVI - Final Fantasy VI */
@include game(FFVI, #CC0011, white, #8B0000, white, "0/0d/Navbg6.png");

/* FFVII - Final Fantasy VII */
@include game(FFVII, #234432, white, #B0C4DE, black, "c/c9/Navbg7.png");

/* VIIAC - Final Fantasy VII: Advent Children */
@include game(VIIAC, #236B8E, white, #5C9DAF, black, "a/a0/Navbg7ac.png");

/* VIIBC - Before Crisis -Final Fantasy VII- */
@include game(VIIBC, #2F4F4F, white, #C0C0C0, black, "2/2e/Navbg7bc.png");

/* VIIDoC - Dirge of Cerberus -Final Fantasy VII- */
@include game(VIIDoC, #E5050D, black, #5E020F, white, "7/73/Navbg7dc.png");

/* DoCLE - Dirge of Cerberus Lost Episode -Final Fantasy VII- */
@include game(DoCLE, #E5050D, black, #5E020F, white, "7/73/Navbg7dc.png");

/* VIICC - Crisis Core -Final Fantasy VII- */
@include game(VIICC, #256FD8, white, #70EBF0, black, "1/1d/Navbg7cc.png");

/* VIILO - Last Order -Final Fantasy VII- */
@include game(VIILO, #2F4F4F, white, #BBCCD0, black, "6/6e/Navbg7lo.png");

/* OtWtaS - On the Way to a Smile */
@include game(OtWtaS, #234432, white, #989898, black, null);

/* VIILBT - Final Fantasy VII Lateral Biography Turks -The Kids Are Alright- */
@include game(VIILBT, #544C6A, white, #C4BA8B, black, null);

/* HwMO - Hoshi wo Meguru Otome */
@include game(HwMO, #234432, white, #577A7C, white, null);

/* VIISB - Final Fantasy VII: Snowboarding */
@include game(VIISB, #234432, white, #577A7C, white, "2/26/Navbg7snow.png");

/* VIIGB - Final Fantasy VII G-Bike */
@include game(VIIGB, #887777, white, #EE5566, white, "c/ca/NavboxbgVIIGB.png");

/* FFVIII - Final Fantasy VIII */
@include game(FFVIII, #800000, white, #FFA500, black, "c/ce/Navbg8.png");

/* FFIX - Final Fantasy IX */
@include game(FFIX, #FFD700, black, #EEE8AA, black, "6/60/Navbg9.png");

/* FFX - Final Fantasy X */
@include game(FFX, #00BFFF, black, #FFD700, black, "5/50/Navbg10.png");

/* FFXEC - Final Fantasy X: Eternal Calm */
@include game(FFXEC, #3C8C83, white, #CFECFE, black, null);

/* X2 - Final Fantasy X-2 */
@include game(X2, #EE82EE, black, #1E90FF, white, "d/d2/Navbg10-2.png");

/* X2LM - Final Fantasy X-2: Last Mission */
@include game(X2LM, #D372EA, black, #FCEF61, black, "d/d2/Navbg10-2.png");

/* X2p5 - Final Fantasy X-2.5 ~Eien no Daishou~ */
@include game(X2p5, #0178BC, white, #8F8F7F, white, null);

/* FFXWill - Final Fantasy X -Will- */
@include game(FFXWill, #5F897D, white, #C7A490, white, null);

/* FFXI - Final Fantasy XI */
@include game(FFXI, #4169E1, white, #87CEFA, black, "3/37/Navbg11.png");

/* FFGrand - Final Fantasy Grandmasters */
@include game(FFGrand, #1AAACC, black, #660A2A, white, null);

/* FFXII - Final Fantasy XII */
@include game(FFXII, #3300CC, white, #FFCC99, black, "0/08/Navbg12.png");

/* XIIRW - Final Fantasy XII: Revenant Wings */
@include game(XIIRW, #00008B, white, #33CCFF, black, "8/8f/Navbg12rw.png");

/* D2H - Dive II Hunt: The Adventures of Sorbet */
@include game(D2H, #373536, white, #BBD4B7, black, null);

/* FFXIII - Final Fantasy XIII */
@include game(FFXIII, #00CED1, black, #7FFFD4, black, "5/57/Navbg13.png");

/* XIII2 - Final Fantasy XIII-2 */
@include game(XIII2, #5C2F5D, white, #E81E68, white, "4/48/Navbg13-2.png");

/* LR - Lightning Returns: Final Fantasy XIII */
@include game(LR, #C0E0EE, black, #666699, white, "f/f1/Navbglr13.png");

/* XIIIE0 - Final Fantasy XIII Episode Zero -Promise- */
@include game(XIIIE0, #75B095, white, #F8F9F3, black, null);

/* XIIIEi - Final Fantasy XIII -Episode i- */
@include game(XIIIEi, #F9F4F3, black, #F9C4D3, black, null);

/* XIII2FB - Final Fantasy XIII-2 Fragments Before */
@include game(XIII2FB, #98648A, white, #A68EA7, white, null);

/* XIII2FA - Final Fantasy XIII-2 Fragments After */
@include game(XIII2FA, #908AA0, white, #A68EA7, white, null);

/* XIIIRem - Final Fantasy XIII: Reminiscence -tracer of memories- */
@include game(XIIIRem, #BB2B2B, white, #22B2B2, white, null);

/* XIV1 - Final Fantasy XIV */
@include game(XIV1, #5C62AC, white, #F3651B, black, null);

/* FFXIV - Final Fantasy XIV */
@include game(FFXIV, #16487A, white, #9C2334, white, "9/9e/Navbg14.png");

/* FFXV - Final Fantasy XV */
@include game(FFXV, #121122, white, #AABACA, black, "2/2c/Navbg15.png");

/* FFT - Final Fantasy Tactics */
@include game(FFT, #F0E68C, black, #A9A9A9, black, "c/cb/NavbgT.png");

/* FFTA - Final Fantasy Tactics Advance */
@include game(FFTA, #4682B4, white, #FFAE29, black, "8/8a/NavbgTA.png");

/* FFTA2 - Final Fantasy Tactics A2: Grimoire of the Rift */
@include game(FFTA2, #4682B4, white, #F5DEB3, black, "e/e3/NavbgTA2.png");

/* FFTS - Final Fantasy Tactics S */
@include game(FFTS, #4682B4, white, #C05040, white, "c/c9/NavbgTS.png");

/* CrystD - Crystal Defenders */
@include game(CrystD, #4682B4, white, #FFFACD, black, "5/5e/NavbgCD.png");

/* CDVS - Crystal Defenders: Vanguard Storm */
@include game(CDVS, #4682B4, white, #D8D8F2, black, "3/3b/NavbgCDVS.png");

/* VagrS - Vagrant Story */
@include game(VagrS, #8E6029, white, #B29F6D, black, "f/fd/NavbgVS.png");

/* Fortress - Fortress */
@include game(Fortress, #3300CC, white, #DC3C5C, white, null);

/* Type0 - Final Fantasy Type-0 */
@include game(Type0, #8D1016, white, #EFA877, black, "a/a6/Navbgtype0.png");

/* Agito - Final Fantasy Agito */
@include game(Agito, #8D1016, white, #F1A7AF, black, "e/e8/Navbgagito.png");

/* T0HnS - Final Fantasy Type-0: Gaiden Hyōken no Shinigami */
@include game(T0HnS, #6C5299, white, #A01010, white, null);

/* FFCC - Final Fantasy Crystal Chronicles */
@include game(FFCC, #7FFFD4, black, #48D1CC, black, "3/31/NavboxbgFFCC.png");

/* CCRoF - Final Fantasy Crystal Chronicles: Ring of Fates */
@include game(CCRoF, #FF6347, black, #FFDAB9, black, "c/cc/NavboxbgCCRoF.png");

/* CCMLaaK - Final Fantasy Crystal Chronicles: My Life as a King */
@include game(CCMLaaK, #15317E, white, #4082CC, black, "9/9a/NavboxbgCCMLaaK.png");

/* CCEoT - Final Fantasy Crystal Chronicles: Echoes of Time */
@include game(CCEoT, #87CEEB, black, #00CED1, black, "3/37/NavboxbgCCEoT.png");

/* CCMLaaD - Final Fantasy Crystal Chronicles: My Life as a Darklord */
@include game(CCMLaaD, #5C1193, white, #DB7093, black, "d/de/NavboxbgCCMLaaD.png");

/* CCTCB - Final Fantasy Crystal Chronicles: The Crystal Bearers */
@include game(CCTCB, #1111AB, white, #EEC600, black, "2/23/NavboxbgCCTCB.png");

/* FFMQ - Final Fantasy Mystic Quest */
@include game(FFMQ, #658197, white, #D9B16B, black, "7/79/Navbgmq.png");

/* FFA - Final Fantasy Adventure */
@include game(FFA, #22C055, white, #FFD700, black, "b/b3/NavboxbgA.png");

/* FFL - The Final Fantasy Legend */
@include game(FFL, #A19D00, white, #FFD700, black, "0/0f/Navbgffl.png");

/* FFL2 - Final Fantasy Legend II */
@include game(FFL2, #2250C7, white, #FFD700, black, null);

/* FFL3 - Final Fantasy Legend III */
@include game(FFL3, #591868, white, #FFD700, black, null);

/* T4HoL - Final Fantasy: The 4 Heroes of Light */
@include game(T4HoL, #3EA2D7, black, #CEDE7B, black, "1/1d/Navbgt4hol.png");

/* BravelyD - Bravely Default */
@include game(BravelyD, #FFE4B5, black, #E4F0E4, black, "8/80/Navbgbd.png");

/* BDPB - Bravely Default: Praying Brage */
@include game(BDPB, #FFE4B5, black, #E4E4F0, black, "4/48/NavbgBDPB.png");

/* BravelyS - Bravely Second: End Layer */
@include game(BravelyS, #FFE4B5, black, #FFFFDD, black, null);

/* BADR - Bravely Archive: D's Report */
@include game(BADR, #FFE4B5, black, #C0C0FF, black, null);

/* FFD - Final Fantasy Dimensions */
@include game(FFD, #E72700, white, #007FC0, white, "c/cd/Navbgdimensions.png");

/* FFLTNS - Final Fantasy Legends: Toki no Suishō */
@include game(FFLTNS, #60FFFA, black, #FF90FF, black, "4/4f/NavboxbgFFLSTC.png");

/* Dissidia - Dissidia Final Fantasy */
@include game(Dissidia, #4682B4, white, #FA8072, black, "9/92/Navbgdissidia.png");

/* D012 - Dissidia 012 Final Fantasy */
@include game(D012, #B0C4DE, black, #C9BE62, black, "8/85/Navbgdissidia012.png");

/* DFF2015 - Dissidia Final Fantasy 2015 */
@include game(DFF2015, #6729BC, white, #FF0DA3, white, "e/ea/NavbgDFF2015.png");

/* TFF - Theatrhythm Final Fantasy */
@include game(TFF, #756E9D, white, #943E43, white, "3/3d/Navbgtheat.png");

/* TFFCC - Theatrhythm Final Fantasy Curtain Call */
@include game(TFFCC, #FFDD00, black, #943E43, white, "6/6e/Navbgtheatcc.png");

/* PFF - Pictlogica Final Fantasy */
@include game(PFF, #002050, white, #6080B0, black, "d/da/Navbgpff.png");

/* FFAB - Final Fantasy Airborne Brigade */
@include game(FFAB, #5ABCD5, black, #FDEFAE, black, "0/08/NavboxbgFFAB.png");

/* Artniks - Final Fantasy Artniks */
@include game(Artniks, #70B0E0, black, #666666, white, "f/f5/NavboxbgArtniks.png");

/* ArtDive - Final Fantasy Artniks Dive */
@include game(ArtDive, #002F3A, white, #30B0D0, black, null);

/* FFATB - Final Fantasy All the Bravest */
@include game(FFATB, #FF8866, black, #90C0F0, black, "4/49/NavboxbgFFATB.png");

/* FFRK - Final Fantasy Record Keeper */
@include game(FFRK, #ABBFA8, black, #BD876F, black, "6/62/Navbgffrk.png");

/* FFE - Final Fantasy Explorers */
@include game(FFE, #003366, white, #7798B7, black, "4/46/Navbgexplorers.png");

/* FFWWW - Final Fantasy World Wide Words */
@include game(FFWWW, #CD425B, black, #E4697F, black, null);

/* ChocoR - Chocobo Racing */
@include game(ChocoR, #FFFF00, black, #F4A460, black, null);

/* FFBE - Final Fantasy Brave Exvius */
@include game(FFBE, #1155AA, white, #DD4477, black, "7/78/NavbgFFBE.png");

/* Mobius - Mobius Final Fantasy */
@include game(Mobius, #FFE264, black, #CCA264, black, null);

/* ChocoD - Chocobo no Fushigi na Dungeon */
@include game(ChocoD, #FFFF00, black, #F4A460, black, null);

/* ChocoD2 - Chocobo's Dungeon 2 */
@include game(ChocoD2, #FFFF00, black, #F4A460, black, null);

/* FablesCT - Final Fantasy Fables: Chocobo Tales */
@include game(FablesCT, #FFFF00, black, #F4A460, black, null);

/* ChocoME - Chocobo to Mahou no Ehon: Majo to Shoujo to Go-nin no Yuusha */
@include game(ChocoME, #FFFF00, black, #F4A460, black, null);

/* FablesCD - Final Fantasy Fables: Chocobo's Dungeon */
@include game(FablesCD, #FFFF00, black, #F4A460, black, null);

/* ChocoS - Chocobo Stallion */
@include game(ChocoS, #FFFF00, black, #F4A460, black, null);

/* DdC - Dice de Chocobo */
@include game(DdC, #FFFF00, black, #F4A460, black, null);

/* ChocoP - Chocobo Panic */
@include game(ChocoP, #FFFF00, black, #5BAC4D, white, null);

/* FFU - Final Fantasy: Unlimited */
@include game(FFU, #FF4500, white, #FFDAB9, black, "4/46/NavboxbgFFU.png");

/* FFUA - Final Fantasy: Unlimited After */
@include game(FFUA, #CC4500, white, #DD9C77, white, null);

/* FFUA2 - Final Fantasy: Unlimited After 2 */
@include game(FFUA2, #DD9C77, white, #FCFAF7, black, null);

/* FFUwU - Final Fantasy: Unlimited with U */
@include game(FFUwU, #FC6A05, black, #055E88, white, null);

/* FFUonPC - Final Fantasy: Unlimited on PC Adventure - Labyrinth */
@include game(FFUonPC, #FF4500, white, #8090D0, white, null);

/* TSW - Final Fantasy: The Spirits Within */
@include game(TSW, #708090, white, #A9A9A9, black, "c/ca/NavboxbgTSW.png");

/* FFTCG - Final Fantasy Trading Card Game */
@include game(FFTCG, #60BDFF, black, #888888, black, "7/77/NavbgFFTCG.png");

/* series - Final Fantasy series */
@include game(series, #000000, white, #FFFFFF, black, "f/fb/Navbgseries.png");

/* main - Main series */
@include game(main, #000000, white, #FFFFFF, black, null);

/* IIseries - Final Fantasy II series */
@include game(IIseries, #C773A7, white, #E9CDDC, black, null);

/* IVCC - Final Fantasy IV: The Complete Collection */
@include game(IVCC, #483D8B, white, #6495ED, black, null);

/* Vseries - Final Fantasy V series */
@include game(Vseries, #800080, white, #CCCCFF, black, null);

/* compVII - Compilation of Final Fantasy VII */
@include game(compVII, #234432, white, #577A7C, white, "3/39/Navbgcoff7.png");

/* Spira - Final Fantasy X series */
@include game(Spira, #10A0FF, black, #EE82EE, black, "2/20/NavbgSpira.png");

/* Ival - Ivalice series */
@include game(Ival, #373536, white, #BBD4B7, black, "6/62/Navbgivalice2.png");

/* XIIser - Final Fantasy XII series */
@include game(XIIser, #3300CC, white, #FFCC99, black, null);

/* Vanadiel - Vana'diel series */
@include game(Vanadiel, #4169E1, white, #87CEFA, black, null);

/* FNC - Fabula Nova Crystallis */
@include game(FNC, #EEE8AA, black, #4682B4, white, "1/1e/Navbgfnc.png");

/* LSaga - Lightning Saga */
@include game(LSaga, #DF9F96, black, #00CED1, black, "e/e7/NavbgLS.png");

/* T0series - Final Fantasy Type-0 series */
@include game(T0series, #8D1016, white, #EFA877, black, null);

/* Versus - Versus epic */
@include game(Versus, #121122, white, #AABACA, black, null);

/* TAseries - Final Fantasy Tactics Advance series */
@include game(TAseries, #4682B4, white, #FFAE29, black, null);

/* CDseries - Crystal Defenders series */
@include game(CDseries, #4682B4, white, #FFFACD, black, null);

/* CCseries - Final Fantasy Crystal Chronicles series */
@include game(CCseries, #4CC552, white, #A0CFEC, black, null);

/* SaGa - SaGa series */
@include game(SaGa, #CB3E34, white, #FFD700, black, null);

/* BDseries - Bravely Default series */
@include game(BDseries, #FFE4B5, black, #E4E4E4, black, null);

/* DissiSer - Dissidia Final Fantasy series */
@include game(DissiSer, #4682B4, white, #FA8072, black, null);

/* TheatSer - Theatrhythm Final Fantasy series */
@include game(TheatSer, #756E9D, white, #943E43, white, null);

/* ArtSer - Final Fantasy Artniks series */
@include game(ArtSer, #002C46, white, #70BABE, black, null);

/* Choco - Chocobo Series */
@include game(Choco, #FFFF00, black, #F4A460, black, "7/7f/Navbgchocos.png");

/* CDungeon - Chocobo's Dungeon series */
@include game(CDungeon, #FFFF00, black, #F4A460, black, null);

/* Fables - Final Fantasy Fables series */
@include game(Fables, #FFFF00, black, #F4A460, black, null);

/* CCollect - Chocobo Collection */
@include game(CCollect, #FFFF00, black, #F4A460, black, null);

/* Unltd - Final Fantasy: Unlimited series */
@include game(Unltd, #FF4500, white, #FFDAB9, black, null);

// Trouble
table.jquery-tablesorter.sortable {
    &.FFII, &.FFIIHnD, &.FFIV, &.IVCCI, &.IVTAY, &.FFV, &.LotC, &.FFVI, &.FFVII, &.VIIAC, &.VIIBC, &.VIICC, &.VIILO, &.OtWtaS, &.VIILBT, &.HwMO, &.VIISB, &.VIIGB, &.FFVIII, &.FFXEC, &.X2p5, &.FFXWill, &.FFXI, &.FFXII, &.XIIRW, &.D2H, &.XIII2, &.XIIIE0, &.XIII2FB, &.XIII2FA, &.XIIIRem, &.XIV1, &.FFXIV, &.FFXV, &.FFTA, &.FFTA2, &.FFTS, &.CrystD, &.CDVS, &.VagrS, &.Fortress, &.Type0, &.Agito, &.T0HnS, &.CCMLaaK, &.CCMLaaD, &.CCTCB, &.FFMQ, &.FFA, &.FFL, &.FFL2, &.FFL3, &.FFD, &.Dissidia, &.DFF2015, &.TFF, &.PFF, &.ArtDive, &.FFE, &.FFBE, &.FFU, &.FFUA, &.FFUA2, &.FFUonPC, &.TSW, &.series, &.main, &.IIseries, &.IVCC, &.Vseries, &.compVII, &.Ival, &.XIIser, &.Vanadiel, &.T0series, &.Versus, &.TAseries, &.CDseries, &.CCseries, &.SaGa, &.DissiSer, &.TheatSer, &.ArtSer, &.Unltd {
        .a {
            th.headerSort .chevron {
                border-top-color: #BBBBBB;

                &:first-child {
                    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #BBBBBB;
                }
            }
        }
    }

    .FFII, .FFIIHnD, .FFIV, .IVCCI, .IVTAY, .FFV, .LotC, .FFVI, .FFVII, .VIIAC, .VIIBC, .VIICC, .VIILO, .OtWtaS, .VIILBT, .HwMO, .VIISB, .VIIGB, .FFVIII, .FFXEC, .X2p5, .FFXWill, .FFXI, .FFXII, .XIIRW, .D2H, .XIII2, .XIIIE0, .XIII2FB, .XIII2FA, .XIIIRem, .XIV1, .FFXIV, .FFXV, .FFTA, .FFTA2, .FFTS, .CrystD, .CDVS, .VagrS, .Fortress, .Type0, .Agito, .T0HnS, .CCMLaaK, .CCMLaaD, .CCTCB, .FFMQ, .FFA, .FFL, .FFL2, .FFL3, .FFD, .Dissidia, .DFF2015, .TFF, .PFF, .ArtDive, .FFE, .FFBE, .FFU, .FFUA, .FFUA2, .FFUonPC, .TSW, .series, .main, .IIseries, .IVCC, .Vseries, .compVII, .Ival, .XIIser, .Vanadiel, .T0series, .Versus, .TAseries, .CDseries, .CCseries, .SaGa, .DissiSer, .TheatSer, .ArtSer, .Unltd {
        &a, &.a {
            th.headerSort .chevron {
                border-top-color: #BBBBBB;

                &:first-child {
                    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #BBBBBB;
                }
            }
        }
    }
}

.FFIIHnD, .FFVI, .VIIDoC, .DoCLE, .HwMO, .VIISB, .VIIGB, .X2, .X2p5, .FFXWill, .FFGrand, .XIII2, .LR, .XIII2FB, .XIII2FA, .XIIIRem, .FFXIV, .FFTS, .Fortress, .T0HnS, .FFD, .DFF2015, .TFF, .TFFCC, .Artniks, .ChocoP, .FFUA, .FFUwU, .FFUonPC, .compVII, .FNC, .TheatSer {
    .b abbr {
        border-bottom-color: white;
    }
}

.FFII, .FFIIHnD, .FFIV, .IVCCI, .IVTAY, .FFV, .LotC, .FFVI, .FFVII, .VIIAC, .VIIBC, .VIICC, .VIILO, .OtWtaS, .VIILBT, .HwMO, .VIISB, .VIIGB, .FFVIII, .FFXEC, .X2p5, .FFXWill, .FFXI, .FFXII, .XIIRW, .D2H, .XIII2, .XIIIE0, .XIII2FB, .XIII2FA, .XIIIRem, .XIV1, .FFXIV, .FFXV, .FFTA, .FFTA2, .FFTS, .CrystD, .CDVS, .VagrS, .Fortress, .Type0, .Agito, .T0HnS, .CCMLaaK, .CCMLaaD, .CCTCB, .FFMQ, .FFA, .FFL, .FFL2, .FFL3, .FFD, .Dissidia, .DFF2015, .TFF, .PFF, .ArtDive, .FFE, .FFBE, .FFU, .FFUA, .FFUA2, .FFUonPC, .TSW, .series, .main, .IIseries, .IVCC, .Vseries, .compVII, .Ival, .XIIser, .Vanadiel, .T0series, .Versus, .TAseries, .CDseries, .CCseries, .SaGa, .DissiSer, .TheatSer, .ArtSer, .Unltd {
    &a, &.a, & .a {
        a:link {
            color: #B0E0E6;
        }

        a:visited {
            color: #D8BFD8;
        }

        a.new:link {
            color: #FFAAAA;
        }

        a.new:visited {
            color: #DDAAAA;
        }
    }

    .a abbr {
        border-bottom-color: white;
    }
}

#FFII, #FFIV, #IVCCI, #IVTAY, #FFV, #LotC, #FFVI, #FFVII, #VIIAC, #VIIBC, #VIICC, #VIILO, #VIISB, #VIIGB, #FFVIII, #FFXI, #FFXII, #XIIRW, #XIII2, #FFXIV, #FFXV, #FFTA, #FFTA2, #FFTS, #CrystD, #CDVS, #VagrS, #Type0, #Agito, #CCMLaaK, #CCMLaaD, #CCTCB, #FFMQ, #FFA, #FFL, #FFD, #Dissidia, #TFF, #PFF, #FFE, #FFBE, #FFU, #TSW, #series, #compVII, #Ival {
    &-nav .navbox .editlink {
        a:link {
            color: #002BB8;
        }

        a:visited {
            color: #5A3696;
        }

        a.new:link {
            color: #CC2200;
        }

        a.new:visited {
            color: #A5585A;
        }
    }
}

.FFI, .FFIII, .VIIDoC, .DoCLE, .FFIX, .FFX, .X2, .X2LM, .FFGrand, .FFXIII, .LRa, .XIIIEi, .FFT, .FFCC, .CCRoF, .CCEoT, .T4HoL, .BravelyD, .BDPB, .BravelyS, .BADR, .FFLTNS, .D012, .TFFCC, .FFAB, .Artniks, .FFATB, .FFRK, .FFWWW, .ChocoR, .Mobius, .ChocoD, .ChocoD2, .FablesCT, .ChocoME, .FablesCD, .ChocoS, .DdC, .ChocoP, .FFUwU, .FFTCG, .Spira, .FNC, .LSaga, .BDseries, .Choco, .CDungeon, .Fables, .CCollect {
    &a, &.a, & .a {
        a:link {
            color: #002BB8;
        }

        a:visited {
            color: #5A3696;
        }

        a.new:link {
            color: #CC2200;
        }

        a.new:visited {
            color: #A5585A;
        }
    }
}

// End Trouble
.FFIIHnD, .FFVI, .VIIDoC, .DoCLE, .HwMO, .VIISB, .VIIGB, .X2, .X2p5, .FFXWill, .FFGrand, .XIII2, .LR, .XIII2FB, .XIII2FA, .XIIIRem, .FFXIV, .FFTS, .Fortress, .T0HnS, .FFD, .DFF2015, .TFF, .TFFCC, .Artniks, .ChocoP, .FFUA, .FFUwU, .FFUonPC, .compVII, .FNC, .TheatSer {
    &b, &.b, & .b {
        a:link {
            color: #B0E0E6;
        }

        a:visited {
            color: #D8BFD8;
        }

        a.new:link {
            color: #FFAAAA;
        }

        a.new:visited {
            color: #DDAAAA;
        }
    }
}

.FFI, .FFII, .FFIII, .FFIV, .IVCCI, .IVTAY, .FFV, .LotC, .FFVII, .VIIAC, .VIIBC, .VIICC, .VIILO, .OtWtaS, .VIILBT, .FFVIII, .FFIX, .FFX, .FFXEC, .X2LM, .FFXI, .FFXII, .XIIRW, .D2H, .FFXIII, .XIIIE0, .XIIIEi, .XIV1, .FFXV, .FFT, .FFTA, .FFTA2, .CrystD, .CDVS, .VagrS, .Type0, .Agito, .FFCC, .CCRoF, .CCMLaaK, .CCEoT, .CCMLaaD, .CCTCB, .FFMQ, .FFA, .FFL, .FFL2, .FFL3, .T4HoL, .BravelyD, .BDPB, .BravelyS, .BADR, .FFLTNS, .Dissidia, .D012, .PFF, .FFAB, .ArtDive, .FFATB, .FFRK, .FFE, .FFWWW, .ChocoR, .FFBE, .Mobius, .ChocoD, .ChocoD2, .FablesCT, .ChocoME, .FablesCD, .ChocoS, .DdC, .FFU, .FFUA2, .TSW, .FFTCG, .series, .main, .IIseries, .IVCC, .Vseries, .Spira, .Ival, .XIIser, .Vanadiel, .LSaga, .T0series, .Versus, .TAseries, .CDseries, .CCseries, .SaGa, .BDseries, .DissiSer, .ArtSer, .Choco, .CDungeon, .Fables, .CCollect, .Unltd {
    &b, &.b, & .b {
        a:link {
            color: #002BB8;
        }

        a:visited {
            color: #5A3696;
        }

        a.new:link {
            color: #CC2200;
        }

        a.new:visited {
            color: #A5585A;
        }
    }
}

.navbox {
    .seriesb, .mainb {
        border: 1px solid black;
    }
}

#FFI, #FFII, #FFIIHnD, #FFIII, #FFIV, #IVCCI, #IVTAY, #FFV, #LotC, #FFVI, #FFVII, #VIIAC, #VIIBC, #VIIDoC, #DoCLE, #VIICC, #VIILO, #OtWtaS, #VIILBT, #HwMO, #VIISB, #VIIGB, #FFVIII, #FFIX, #FFX, #FFXEC, #X2, #X2LM, #X2p5, #FFXWill, #FFXI, #FFGrand, #FFXII, #XIIRW, #D2H, #FFXIII, #XIII2, #LR, #XIIIE0, #XIIIEi, #XIII2FB, #XIII2FA, #XIIIRem, #XIV1, #FFXIV, #FFXV, #FFT, #FFTA, #FFTA2, #FFTS, #CrystD, #CDVS, #VagrS, #Fortress, #Type0, #Agito, #T0HnS, #FFCC, #CCRoF, #CCMLaaK, #CCEoT, #CCMLaaD, #CCTCB, #FFMQ, #FFA, #FFL, #FFL2, #FFL3, #T4HoL, #BravelyD, #BDPB, #BravelyS, #BADR, #FFD, #FFLTNS, #Dissidia, #D012, #DFF2015, #TFF, #TFFCC, #PFF, #FFAB, #Artniks, #ArtDive, #FFATB, #FFRK, #FFE, #FFWWW, #ChocoR, #FFBE, #Mobius, #ChocoD, #ChocoD2, #FablesCT, #ChocoME, #FablesCD, #ChocoS, #DdC, #ChocoP, #FFU, #FFUA, #FFUA2, #FFUwU, #FFUonPC, #TSW, #FFTCG, #series, #main, #IIseries, #IVCC, #Vseries, #compVII, #Spira, #Ival, #XIIser, #Vanadiel, #FNC, #LSaga, #T0series, #Versus, #TAseries, #CDseries, #CCseries, #SaGa, #BDseries, #DissiSer, #TheatSer, #ArtSer, #Choco, #CDungeon, #Fables, #CCollect, #Unltd {
    &-nav .navbox .maintitle {
        line-height: 26px;
    }

    &-nav .navbox .editlink + .titletext {
        font-family: Ferrum;
        font-size: 24px;
        font-weight: normal;
        text-transform: uppercase;
    }

    &-nav .navbox .editlink + .titletext {
        i {
            font-style: normal;
        }

        .selflink {
            font-weight: normal;
        }
    }
}

#DoCLE, #VIILBT, #XIIIRem, #CCMLaaK, #CCMLaaD, #CCTCB, #ChocoME, #FFUonPC {
    &-nav .navbox .editlink + .titletext {
        font-family: Ferrum Condensed;
    }
}

#FFII, #FFIIHnD, #FFIV, #IVCCI, #IVTAY, #FFV, #LotC, #FFVI, #FFVII, #VIIAC, #VIIBC, #VIICC, #VIILO, #OtWtaS, #VIILBT, #HwMO, #VIISB, #VIIGB, #FFVIII, #FFXEC, #X2p5, #FFXWill, #FFXI, #FFXII, #XIIRW, #D2H, #XIII2, #XIIIE0, #XIII2FB, #XIII2FA, #XIIIRem, #XIV1, #FFXIV, #FFXV, #FFTA, #FFTA2, #FFTS, #CrystD, #CDVS, #VagrS, #Fortress, #Type0, #Agito, #T0HnS, #CCMLaaK, #CCMLaaD, #CCTCB, #FFMQ, #FFA, #FFL, #FFL2, #FFL3, #FFD, #Dissidia, #DFF2015, #TFF, #PFF, #ArtDive, #FFE, #FFBE, #FFU, #FFUA, #FFUA2, #FFUonPC, #TSW, #series, #main, #IIseries, #IVCC, #Vseries, #compVII, #Ival, #XIIser, #Vanadiel, #T0series, #Versus, #TAseries, #CDseries, #CCseries, #SaGa, #DissiSer, #TheatSer, #ArtSer, #Unltd {
    &-nav .navbox .editlink + .titletext {
        text-shadow: 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000, 0 0 2px #000000;
    }
}

#FFII, #FFIV, #IVCCI, #IVTAY, #FFV, #LotC, #FFVI, #FFVII, #VIIAC, #VIIBC, #VIICC, #VIILO, #VIISB, #VIIGB, #FFVIII, #FFXI, #FFXII, #XIIRW, #XIII2, #FFXIV, #FFXV, #FFTA, #FFTA2, #FFTS, #CrystD, #CDVS, #VagrS, #Type0, #Agito, #CCMLaaK, #CCMLaaD, #CCTCB, #FFMQ, #FFA, #FFL, #FFD, #Dissidia, #TFF, #PFF, #FFE, #FFBE, #FFU, #TSW, #series, #compVII, #Ival {
    &-nav .navbox .editlink {
        color: black;
    }
}