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+ */ }

/* 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; }

/** Header Sections **/

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

/** .pi-europa .pi-title { padding: 7px; font-family: century gothic, sans-serif; font-size: 22px; } **/

.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; margin: auto 0; }

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

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

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

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

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

/* Tabber */

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

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

/* Classes */

/* Warrior Classes */

.pi-theme-Warrior .pi-title, .pi-theme-Warrior .pi-header { background-color: #00c3c2; color: #FFFFFF; }

.pi-theme-Warrior.pi-background { background-color: #24362e; border: 2px solid #dfe2d7; box-shadow: 0px 2px 6px 0px #888; }

.pi-theme-Warrior .pi-image-collection-tabs { background-color: transparent; color: #FFF; }

.pi-theme-Warrior .pi-image-collection-tabs .current { background-color: transparent; color: #fffdce; font-weight: bold; }

.pi-theme-Warrior .pi-data-label { color: #fffdce; }

.pi-theme-Warrior .pi-data-value { color: #FFFFFF; }

.pagetabber .Warrior { background-color: #24362e; border: 4px solid #1f64c8; box-shadow: 0px 2px 6px 0px #888; opacity: 0.7; }

.pagetabber .Warrior:hover, .pagetabber .Warrior.active { background-color: #24362e; border: 4px solid #1f64c8; box-shadow: 0px 2px 6px 0px #888; opacity: 1.0; }

/* DPS Classes */

.pi-theme-DPS .pi-title, .pi-theme-DPS .pi-header { background-color: #dbb630; color: #000; }

.pi-theme-DPS.pi-background { background-color: #3f301c; border: 2px solid #dfe2d7; box-shadow: 0px 2px 6px 0px #888; }

.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: #fffdce; font-weight: bold; }

.pi-theme-DPS .pi-data-label { color: #fffdce; }

.pi-theme-DPS .pi-data-value { color: #FFFFFF; }

.pagetabber .DPS { background-color: #3f301c; border: 4px solid #d48863; box-shadow: 0px 2px 6px 0px #888; opacity: 0.7; }

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

/* Healer Classes */

.pi-theme-Healer .pi-title, .pi-theme-Healer .pi-header { background-color: #c309c5; color: #FFF; }

.pi-theme-Healer.pi-background { background-color: #3b2330; border: 2px solid #dfe2d7; box-shadow: 0px 2px 6px 0px #888; }

.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: #b0aff0; font-weight: bold; }

.pi-theme-Healer .pi-data-label { color: #b0aff0; }

.pi-theme-Healer .pi-data-value { color: #FFFFFF; }

.pagetabber .Healer { background-color: #3b2330; border: 4px solid #b01658; box-shadow: 0px 2px 6px 0px #888; opacity: 0.7; }

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

/* Mage Classes */

.pi-theme-Mage .pi-title, .pi-theme-Mage .pi-header { background-color: #33e0b9; color: #000; }

.pi-theme-Mage.pi-background { background-color: #283e0a; border: 2px solid #dfe2d7; box-shadow: 0px 2px 6px 0px #888; }

.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: #e0e2b2; font-weight: bold; }

.pi-theme-Mage .pi-data-label { color: #e0e2b2; }

.pi-theme-Mage .pi-data-value { color: #FFFFFF; }

.pagetabber .Mage { background-color: #283e0a; border: 4px solid #1e9a2f; box-shadow: 0px 2px 6px 0px #888; opacity: 0.7; }

.pagetabber .Mage:hover, .pagetabber .Mage.active { background-color: #283e0a; border: 4px solid #1e9a2f; box-shadow: 0px 2px 6px 0px #888; opacity: 1.0; }