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: #fbeecb; } /* 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: #17422A; color: #17422A; 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 */ table.wikitable.stripe > * > tr:nth-child(even) > td, table.wikitable.stripe2 > * > tr:nth-child(4n+1) > td, table.wikitable.stripe2 > * > tr:nth-child(4n+2) > td { background-color: #fdfdfd; }

/* Infoboxes */

/** Core Shape **/

.pi-europa.portable-infobox { width: 300px; }

.pi-europa.pi-background { background-color: #383838; border: 2px solid #dfe2d7; box-shadow: 0px 2px 6px 0px #888; }

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

.pi-europa a, .pi-europa .pi-section-label { color: #35D969; }

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

/** Header Sections **/

.pi-europa .pi-title, .pi-europa .pi-header { color: #FFFFFF; }

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

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

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

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

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

/** Image Tabber **/

.pi-europa .pi-image-collection-tabs { text-align: center; background-color: transparent; color: #FFFFFF; }

.pi-europa .pi-image-collection-tabs .current { background-color: transparent; color: #ceecdc; font-weight: bold; }

/** Main Data **/

.pi-item .pi-data .wikia-menu-button span a { color: #D5D4D4; }

.pi-image img { width: 100%; height: 100%; }

.pi-europa .pi-data-label { flex-basis: 100px; }

.pi-horizontal-group-item { text-align: left; }

.pi-europa .pi-data-value ul { margin-left: 0; list-style-type: none; }

.pi-horizontal-group .pi-horizontal-group-item { vertical-align: top; }

.pi-horizontal-group-item a.external.text::after { display: none; }

/* Tabber */

.pagetabber span { background-color: #3a3a3a; border: 4px solid #3cae60; box-shadow: 0px 2px 6px 0px #888; opacity: 0.7; margin: auto; }

.pagetabber span:hover, .pagetabber .active { background-color: #3a3a3a; border: 4px solid #3cae60; box-shadow: 0px 2px 6px 0px #888; opacity: 1.0; }

/* Skill Table */

.skilltable { background-color: #2f411b; color: #FFFFFF; border:2px solid #0a0a0a; }

.skilltable .title { font-size:1.2em; padding:5px; color: #FFFFFF; border-bottom: 3px solid #35e0bc; }

.skilltable .label { color: #78ed9e; font-weight: bold; }

/* Class Color Styling */

/* Warrior Classes */

/** Warrior Infoboxes **/ .pi-theme-Warrior .pi-title, .pi-theme-Warrior .pi-header { background-color: rgb(28, 102, 201); color: #FFFFFF; border-bottom: 5px solid rgb(6, 194, 193); } .pi-theme-Warrior.pi-background { background-color: rgb(42, 57, 62); } .pi-theme-Warrior .pi-image-collection-tabs { background-color: transparent; color: #FFF; } .pi-theme-Warrior .pi-image-collection-tabs .current { background-color: transparent; color: rgb(112, 249, 255); font-weight: bold; } .pi-theme-Warrior .pi-data-label { color: rgb(112, 249, 255); } .pi-theme-Warrior .pi-data-value { color: #FFFFFF; }

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

.pi-theme-Warrior .pi-section-active { box-shadow: inset 0 -2px 0 0 rgb(6, 194, 193); }

/** Warrior Tabber **/ .pagetabber .Warrior { background-color: rgb(42, 57, 62); border: 4px solid rgb(28, 102, 201); box-shadow: 0px 2px 2px 0px #888; opacity: 0.7; } .pagetabber .Warrior:hover, .pagetabber .Warrior.active { background-color: rgb(42, 57, 62); border: 4px solid rgb(28, 102, 201); box-shadow: 0px 2px 2px 0px #888; opacity: 1.0; }

/** Warrior Skill Table **/ .skilltable.Warrior { background-color: rgb(42, 57, 62); }

.skilltable.Warrior .title { background-color: rgb(42, 57, 62); color: #FFFFFF; border-bottom: 3px solid rgb(28, 102, 201); }

.skilltable.Warrior .label { color: rgb(112, 249, 255); }

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

/* DPS Classes */

/** DPS Infoboxes **/ .pi-theme-DPS .pi-title, .pi-theme-DPS .pi-header { background-color: rgb(220, 181, 49); color: #000; border-bottom: 5px solid rgb(174, 111, 101); } .pi-theme-DPS.pi-background { background-color: rgb(70, 53, 46); } .pi-theme-DPS .pi-image-collection-tabs { background-color: transparent; color: #FFF; } .pi-theme-DPS .pi-image-collection-tabs .current, .pagetabber .DPS { background-color: transparent; color: rgb(253, 253, 163); font-weight: bold; } .pi-theme-DPS .pi-data-label { color: rgb(253, 253, 163); } .pi-theme-DPS .pi-data-value { color: #FFFFFF; }

.pi-theme-DPS a, .pi-theme-DPS .pi-section-label { color: #FEFED1; }

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

/** DPS Tabber **/ .pagetabber .DPS { background-color: rgb(70, 53, 46); border: 4px solid rgb(220, 181, 49); box-shadow: 0px 2px 2px 0px #888; opacity: 0.7; } .pagetabber .DPS:hover, .pagetabber .DPS.active { background-color: rgb(70, 53, 46); border: 4px solid rgb(220, 181, 49); box-shadow: 0px 2px 2px 0px #888; opacity: 1.0; }

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

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

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

.skilltable.DPS a { color: #FEFED1; } /* Healer Classes */

/** Healer Infoboxes **/ .pi-theme-Healer .pi-title, .pi-theme-Healer .pi-header { background-color: rgb(176, 23, 88); color: #FFF; border-bottom: 5px solid rgb(176, 177, 234); } .pi-theme-Healer.pi-background { background-color: rgb(64, 38, 65); } .pi-theme-Healer .pi-image-collection-tabs { background-color: transparent; color: #FFF; } .pi-theme-Healer .pi-image-collection-tabs .current, .pagetabber .Healer { background-color: transparent; color: rgb(243, 122, 184); font-weight: bold; } .pi-theme-Healer .pi-data-label { color: rgb(243, 122, 184); } .pi-theme-Healer .pi-data-value { color: #FFFFFF; }

.pi-theme-Healer a, .pi-theme-Healer .pi-section-label { color: #EFB2EF; }

.pi-theme-Healer .pi-section-active { box-shadow: inset 0 -2px 0 0 rgb(176, 177, 234); }

/** Healer Tabber **/ .pagetabber .Healer { background-color: rgb(64, 38, 65); border: 4px solid rgb(176, 23, 88); box-shadow: 0px 2px 2px 0px #888; opacity: 0.7; } .pagetabber .Healer:hover, .pagetabber .Healer.active { background-color: rgb(64, 38, 65); border: 4px solid rgb(176, 23, 88); box-shadow: 0px 2px 2px 0px #888; opacity: 1.0; }

/** Healer Skill Table **/ .skilltable.Healer { background-color: rgb(64, 38, 65); }

.skilltable.Healer .title { background-color: rgb(64, 38, 65); color: #FFFFFF; border-bottom: 3px solid rgb(176, 23, 88); }

.skilltable.Healer .label { color: rgb(243, 122, 184); }

.skilltable.Healer a { color: #EFB2EF; } /* Mage Classes */ /** Mage Infoboxes **/ .pi-theme-Mage .pi-title, .pi-theme-Mage .pi-header { background-color: rgb(53, 224, 188); color: #000; border-bottom: 5px solid rgb(60, 174, 96); } .pi-theme-Mage.pi-background { background-color: rgb(47, 65, 27); } .pi-theme-Mage .pi-image-collection-tabs { background-color: transparent; color: #FFF; } .pi-theme-Mage .pi-image-collection-tabs .current, .pagetabber .Mage { background-color: transparent; color: rgb(120, 237, 158); font-weight: bold; } .pi-theme-Mage .pi-data-label { color: rgb(120, 237, 158); } .pi-theme-Mage .pi-data-value { color: #FFFFFF; }

.pi-theme-Mage a, .pi-theme-Mage .pi-section-label { color: #DDE59F; }

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

/** Mage Tabbers **/ .pagetabber .Mage { background-color: rgb(47, 65, 27); border: 4px solid #1e9a2f; box-shadow: 0px 2px 2px 0px #888; opacity: 0.7; } .pagetabber .Mage:hover, .pagetabber .Mage.active { background-color: rgb(47, 65, 27); border: 4px solid #1e9a2f; box-shadow: 0px 2px 2px 0px #888; opacity: 1.0; }

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

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

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

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