MediaWiki:Common.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: 120; background-color: #383838; color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; bottom: 100%; left: 50%; margin-left: -60; /* 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: 300; border-radius: 20; 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:30; }

.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; }

/** 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: #646536; font-weight: bold; }

/** Main Data **/

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

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

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

.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: #483D03; border: 4px solid #646536; box-shadow: 0 2px 6px 0 #888; opacity: 0.7; margin: auto; }

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

/* Skill Table */ /* .skilltable { background-color: #2A3A18; color: #FFFFFF; border:2px solid #0a0a0a; }

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

.skilltable .label { color: #199F22; font-weight: bold; }

/* Class Color Styling */

/* Warrior Classes */ /** Warrior Infoboxes **/ .pi-theme-warrior .pi-title, .pi-theme-warrior .pi-header { background-color: #4C0505; color: #fff; border-bottom: 5px solid #C20A0A; } .pi-theme-warrior.pi-background { background-color: #865B5B; } .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: #FDECEC; } .pi-theme-warrior .pi-data-value { color: #FFFFFF; }

.pi-theme-warrior a, .pi-theme-warrior .pi-section-label { color: #FDECEC; }

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

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

/** Warrior Skill Table **/ .skilltable.warrior { background-color: #4C0505; }

.skilltable.warrior .title { background-color: #4C0505; 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: #7c1c7c; color: #fff; border-bottom: 5px solid #C530C3; } .pi-theme-vanguard.pi-background { background-color: #684c74; } .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: #CEB6C2; font-weight: bold; } .pi-theme-vanguard .pi-data-label { color:#CEB6C2; } .pi-theme-vanguard .pi-data-value { color: #fff; }

.pi-theme-vanguard a, .pi-theme-vanguard .pi-section-label { color: #CEB6C2; }

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

/** Vanguard Tabber **/ .pageclasstab .vanguard { background-color: #684c74; border: 4px solid #D05DCE; box-shadow: 0 2px 2px 0 #888; opacity: 0.7; } .pageclasstab .vanguard:hover, .pageclasstab .vanguard.active { background-color: #684c74; 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: #75B22E; font-weight: bold; } .pi-theme-recovery .pi-data-label { color: #75B22E; } .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: #72C1FF; } .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: #1b4079; }

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

/** Magic Tabbers **/ .pageclasstab .magic { background-color: #72C1ff; border: 4px solid #35A7FF; box-shadow: 0 2px 2px 0 #888; opacity: 0.7; } .pageclasstab .magic:hover, .pageclasstab .magic.active { background-color: #72C1ff; 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; }