MediaWiki:Wikia.css

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

/* Main CSS class of the tooltip */ .main-tooltip { border: 1px solid #cac4b5; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); border-radius: 4px; margin-bottom: 5px; padding: 2px 5px; background-color: #FCFCE4; } /* Adds padding to the wrapper to make space for a shadow + z-index so tooltips are visible over edit preview screen */ padding: 3px 7px 2px 3px; z-index: 6000000; } /* Hides tooltips with redlinks, not yet loaded ones and elements containing tooltip contents for advanced tooltips */ .has-redlinks, .tooltip-loading, .advanced-tooltip .tooltip-contents { display: none; } .tooltips-init-complete { cursor: help; }
 * 1) tooltip-wrapper {

/* List of Characters Tooltip container */ .charatip { position: relative; display: inline-block; }

/* Tooltip text */ .charatip .charatiptext { visibility: hidden; width: 120px; background-color: #383838; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; bottom: 100%; left: 50%; margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */ /* Position the tooltip text - see examples below! */   position: absolute; z-index: 1; }

/* Show the tooltip text when you mouse over the tooltip container */ .charatip:hover .charatiptext { visibility: visible; }

/* Spoiler Style */ .spoiler, .spoiler a, .spoiler a.new { background: #77799c; color: #77799c; padding: 2px; transition: background ease-out 1s; }

.spoiler:hover, .spoiler:hover a, .spoiler:hover a.new { background: transparent; }

/* Pre Wrap */ .pre { white-space: pre-wrap;      /* Since CSS 2.1 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap;     /* Opera 4-6 */ white-space: -o-pre-wrap;   /* Opera 7 */ word-wrap: break-word;      /* Internet Explorer 5.5+ */ }

/* Stripe Tables */ stripe > * > tr:nth-child(even) > td, wikitable.stripe2 > * > tr:nth-child(4n+1) > td, wikitable.stripe2 > * > tr:nth-child(4n+2) > td { background-color: #EBEBEB; }

/* Main-General Infoboxes */

/** Core Shape **/ .pi-europa.portable-infobox { width: 300px; border-radius: 20px; padding: 15px; font-family: 'Libre Baskerville', serif; }

/****/ .pi-europa.pi-background { background-color: #443B32; border: 2px solid #362417; box-shadow: 0 1px 2px 0 #888; }

.pi-europa .pi-data-label, .pi-europa .pi-data-value { color: #FFFFFF; }

.pi-europa a .pi-europa .pi-section-label { color: #93995C; }

.pi-europa .pi-section-active { box-shadow: inset 0 -2px 0 0 #93995C; }

/** Header Sections **/

.pi-europa .pi-title, .pi-europa .pi-header { color: #FFFFFF; font-family: 'Libre Baskerville', serif; font-size: 18px; }

.pi-europa .pi-title::first-line { line-height:30px; }

.pi-europa .pi-header { font-size: 18px; }

.pi-europa .pi-horizontal-group-item:nth-child(even) { background-color: #27282B; }

.pi-data:last-of-type + .pi-group { border-top: 0; }

.CharSymbol img { padding: 2px 0 0 0; }

/* Class Color Styling */

/* Warrior Classes */ /** Warrior Infoboxes **/ .pi-theme-Warrior .pi-title, .pi-theme-Warrior .pi-header { background-color: #740606; color: #fff; border-bottom: 5px solid #C20A0A; } .pi-theme-Warrior.pi-background { background-color: #614242; } .pi-theme-Warrior .pi-image-collection-tabs { background-color: transparent; color: #fff; } .pi-theme-Warrior .pi-image-collection-tabs .current, .pageclasstab .Warrior { background-color: transparent; color: #C20A0A; font-weight: bold; } .pi-theme-Warrior .pi-data-label { color: #F48C8C; } .pi-theme-Warrior .pi-data-value { color: #FFFFFF; }

.pi-theme-Warrior a, .pi-theme-Warrior .pi-section-label { color: #F48C8C; }

.pi-theme-Warrior .pi-section-active { box-shadow: inset 0 -2px 0 0 rgb(60, 174, 96); }

/** Warrior Tabbers **/ .pageclasstab .Warrior { background-color: #740606; border: 4px solid #C20A0A; box-shadow: 0 2px 2px 0 #888; opacity: 0.7; } .pageclasstab .Warrior:hover, .pageclasstab .Warrior.active { background-color: #740606; border: 4px solid #C20A0A; box-shadow: 0 2px 2px 0 #888; opacity: 1.0; }

/** Warrior Skill Table **/ .skilltable.Warrior { background-color: #740606; }

.skilltable.Warrior .title { background-color: #740606; color: #FFFFFF; border-bottom: 3px solid #C20A0A; }

.skilltable.Warrior .label { color: #fff; }

.skilltable.Warrior a { color: #F48C8C; }

/* Vanguard Classes */ /** Vanguard Infoboxes **/ .pi-theme-Vanguard .pi-title, .pi-theme-Vanguard .pi-header { background-color: #7B1E7A; color: #fff; border-bottom: 5px solid #C530C3; } .pi-theme-Vanguard.pi-background { background-color: #572C63; } .pi-theme-Vanguard .pi-image-collection-tabs { background-color: transparent; color: #FFF; } .pi-theme-Vanguard .pi-image-collection-tabs .current, .pageclasstab .Vanguard { background-color: transparent; color: #E3A0E2; font-weight: bold; } .pi-theme-Vanguard .pi-data-label { color:#E3A0E2; } .pi-theme-Vanguard .pi-data-value { color: #fff; }

.pi-theme-Vanguard a, .pi-theme-Vanguard .pi-section-label { color: #E3A0E2; }

.pi-theme-Vanguard .pi-section-active { box-shadow: inset 0 -2px 0 0 rgb(174, 111, 101); }

/** Vanguard Tabber **/ .pageclasstab .Vanguard { background-color: #572C63; border: 4px solid #D05DCE; box-shadow: 0 2px 2px 0 #888; opacity: 0.7; } .pageclasstab .Vanguard:hover, .pageclasstab .Vanguard.active { background-color: #572C63; border: 4px solid rgb(220, 181, 49); box-shadow: 0 2px 2px 0 #888; opacity: 1.0; }

/** Vanguard Skill Table **/ .skilltable.Vanguard { background-color: rgb(70, 53, 46); }

.skilltable.Vanguard .title { background-color: rgb(70, 53, 46); color: #FFFFFF; border-bottom: 3px solid rgb(220, 181, 49); }

.skilltable.Vanguard .label { color: rgb(253, 253, 163); }

.skilltable.Vanguard a { color: #FEFED1; } /* Recovery Classes */ /** Recovery Infoboxes **/ .pi-theme-Recovery .pi-title, .pi-theme-Recovery .pi-header { background-color: #9EB045; color: #fff; border-bottom: 5px solid #C7DB94; } .pi-theme-Recovery.pi-background { background-color: #7D7D5A; } .pi-theme-Recovery .pi-image-collection-tabs { background-color: transparent; color: #fff; } .pi-theme-Recovery .pi-image-collection-tabs .current, .pageclasstab .Recovery { background-color: transparent; color: #3ee63e; font-weight: bold; } .pi-theme-Recovery .pi-data-label { color: #3ee63e; } .pi-theme-Recovery .pi-data-value { color: #FFFFFF; }

.pi-theme-Recovery a, .pi-theme-Recovery .pi-section-label { color: #CDD8F4; }

.pi-theme-Recovery .pi-section-active { box-shadow: inset 0 -2px 0 0 rgb(60, 174, 96); }

/** Recovery Tabbers **/ .pageclasstab .Recovery { background-color: #7D7D5A; border: 4px solid #35A7FF; box-shadow: 0 2px 2px 0 #888; opacity: 0.7; } .pageclasstab .Recovery:hover, .pageclasstab .Recovery.active { background-color: #7D7D5A; border: 4px solid #35A7FF; box-shadow: 0 2px 2px 0 #888; opacity: 1.0; }

/** Recovery Skill Table **/ .skilltable.Recovery { background-color: #7D7D5A; }

.skilltable.Recovery .title { background-color: #7D7D5A; color: #FFFFFF; border-bottom: 3px solid rgb(53, 224, 188); }

.skilltable.Recovery .label { color: #000; }

.skilltable.Recovery a { color: #A1C349; }

/* Magic Classes */ /** Magic Infoboxes **/ .pi-theme-Magic .pi-title, .pi-theme-Magic .pi-header { background-color: #1b4079; color: #fff; border-bottom: 5px solid #35A7FF; } .pi-theme-Magic.pi-background { background-color: #0B1B32; } .pi-theme-Magic .pi-image-collection-tabs { background-color: transparent; color: #fff; } .pi-theme-Magic .pi-image-collection-tabs .current, .pageclasstab .Magic { background-color: transparent; color: #78EDFF; font-weight: bold; } .pi-theme-Magic .pi-data-label { color: #78EDFF; } .pi-theme-Magic .pi-data-value { color: #FFFFFF; }

.pi-theme-Magic a, .pi-theme-Magic .pi-section-label { color: #CDD8F4; }

.pi-theme-Magic .pi-section-active { box-shadow: inset 0 -2px 0 0 rgb(60, 174, 96); }

/** Magic Tabbers **/ .pageclasstab .Magic { background-color: #1b4079; border: 4px solid #35A7FF; box-shadow: 0 2px 2px 0 #888; opacity: 0.7; } .pageclasstab .Magic:hover, .pageclasstab .Magic.active { background-color: #1b4079; border: 4px solid #35A7FF; box-shadow: 0 2px 2px 0 #888; opacity: 1.0; }

/** Magic Skill Table **/ .skilltable.Magic { background-color: rgb(47, 65, 27); }

.skilltable.Magic .title { background-color: rgb(47, 65, 27); color: #FFFFFF; border-bottom: 3px solid rgb(53, 224, 188); }

.skilltable.Magic .label { color: rgb(120, 237, 158); }

.skilltable.Magic a { color: #DDE59F; }