A.M.A.N. Trove • Ambuscade • Dynamis Divergence • Geas Fete • High-Tier Battlefields • Master Trials • Monthly Campaigns • Odyssey • Omen • Skirmish • Sortie • Unity • Vagary | The Voracious Resurgence |
Prime Weapons • Ultimate Weapons • Ultimate Augments • Abjurations iL119 • JSE Necks • Divergence Augments • Escutcheons | |
Reforged Armor Artifact: +1 • iL109 • iL119/+2/+3 Relic: +1/+2 • iL109 • iL119/+2/+3 Empyrean: +1/+2 • iL109 • iL119/+2/+3 |
Guides • Crafting • Trusts • Apex Monsters |
MediaWiki:Common.css
From FFXI Wiki
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/** CSS placed here will be applied to all skins */
body.page-Main_Page h1.firstHeading { display:none; }
.EquipmentSet {
background-color: #00152F;
background-image: url(images/9/9b/Equipment_Set.png);
}
.AutoEquip {
background-color: #00152F;
background-image: url(images/8/88/Automaton_Equipment_Set.png);
}
.BG-SandOria {
background-color: #00152F;
background-image: url(images/f/fe/BG-SandOria.gif);
}
.BG-Bastok {
background-color: #00152F;
background-image: url(images/2/2e/BG-Bastok.gif);
}
.BG-Windurst {
background-color: #00152F;
background-image: url(images/b/b2/BG-Windurst.gif);
}
#p-googleadsense .pBody {
padding-top: 5px;
text-align: center;
}
.MumorTable {
background-color: #fcedf0;
background-image: url(images/b/b3/MurmorBG.gif);
background-repeat: repeat-y;
}
/** Collapsible tables *********************************************************
*
* Description: Allows tables to be collapsed, showing only the header. See
* http://www.mediawiki.org/wiki/Manual:Collapsible_tables.
* Maintainers: [[en:User:R. Koot]]
*/
table.collapsed tr.collapsible {
display: none;
}
.collapseButton { /* 'show'/'hide' buttons created dynamically by the */
float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */
font-weight: normal; /* are styled here so they can be customised. */
text-align: right;
width: auto;
}
/* Hack for the command table alignment in Standard Magic */
#leftalign {
float: left;
}
#rightalign {
text-align: right;
float: right;
}
#copywrite {
display: none;
}
/*** Universal fix for text size issues on mobile ***/
table {
text-size-adjust: none;
}
/*********** class=default1: Makes the default BG table ***********/
/* Link Style Variations */
/* Determines the color of a link */
.default1 th A:link {color: #e2f5ff; text-decoration: none}
/* Determines what happens to a link you've clicked before */
.default1 th A:visited {color: #7efefd; text-decoration: none}
/* Determines what happens when you click the link */
.default1 th A:active {color:white; text-decoration: underline}
/* Determines what happens to a link when you hover over the link */
.default1 th A:hover {color:red; text-decoration: underline}
table.default1{
margin: 1em 1em 1em 0;
background: #e7edf3 ;
border: 1px white solid;
border-collapse: collapse;
width: 100%;
padding: 2px;
}
/* Sets border color */
table.default1 th, table.default1 td {
border: 1px white solid;
padding: 2px;
}
/* Sets the background and color for headers */
table.default1 th {
background: #2A4865;
text-align: center;
color: white;
}
table.default1 caption {
margin-left: inherit;
margin-right: inherit;
}
/* Sets the font for headers */
table.default1 thead td {
font-weight: bold;
color: white;
}
/*********** class=column1bold: Makes the first column bold ***********/
table.column1bold td:first-child{
font-weight: bold;
}
/*********** class=column1indent: Makes the first column indent left ***********/
table.column1indent td:first-child{
padding-left : 10px;
}
/*********** class=altrowblue: Makes the rows alternate blue ***********/
table.altrowblue tr:nth-child(even) {
background: #e4f4fb;
}
/*********** class=altrowgreen: Makes the rows alternate light green/green (odd/even) ***********/
table.altrowgreen tr:nth-child(odd) {
background: #D4E5C3;
}
table.altrowgreen tr:nth-child(even) {
background: #93B993;
}
/************ class=thwhite: Sets the font white for headers (Use with dark tables) ************/
/* Determines the color of a link */
.thwhite th A:link {color: #7efefd; text-decoration: none}
/* Determines what happens to a link you've clicked before */
.thwhite th A:visited {color: #7efefd; text-decoration: none}
/* Determines what happens when you click the link */
.thwhite th A:active {color:white; text-decoration: underline}
/* Determines what happens to a link when you hover over the link */
.thwhite th A:hover {color:red; text-decoration: underline}
table.thwhite th {
color: white;
}
table.thwhite thead td {
font-weight: bold;
color: white;
}
/*********** class=collapse: Makes the borders unite ***********/
table.collapse{
border-collapse: collapse;
}
/*********** class=bdrorange: Makes the borders 1px orange ***********/
table.bdrorange{
border: 1px #fc8b4d solid !important;
border-collapse: collapse;
}
/* Sets border color */
table.bdrorange th, table.bdrorange td {
border: 1px #fc8b4d solid !important;
padding: 1px
}
/*********** class=bdrdarkblue: Makes the borders 1px darkblue ***********/
table.bdrdarkblue{
border: 1px #3c6a95 solid !important;
border-collapse: collapse;
vertical-align:top;
}
/* Sets border color */
table.bdrdarkblue th, table.bdrdarkblue td {
border: 1px #3c6a95 solid !important;
padding-left: 3px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 1px
}
/* Standard Table */
/* Link Style Variations */
/* Determines the color of a link */
.Standard th[scope="col"] A:link {color: #7efefd; text-decoration: none}
.Standard th[scope="row"] A:link {color: #0645AD; text-decoration: none}
/* Determines what happens to a link you've clicked before */
.Standard th[scope="col"] A:visited {color: #7efefd; text-decoration: none}
.Standard th[scope="row"] A:visited {color: #0645AD; text-decoration: none}
/* Determines what happens when you click the link */
.Standard th[scope="col"] A:active {color:white; text-decoration: underline}
.Standard th[scope="row"] A:active {color:#0645AD; text-decoration: underline}
/* Determines what happens to a link when you hover over the link */
.Standard th[scope="col"] A:hover {color:red; text-decoration: underline}
.Standard th[scope="row"] A:hover {color:#0645AD; text-decoration: underline}
table.BorderlessStandard {
margin: 1em 0 1em 0;
border: 0px;
border-collapse: collapse;
width: -moz-available;
max-width:960px;
padding: 1px;
position: relative;
overflow: hidden;
}
/* go ahead and copy it, we know you will. Stop being lazy, and put effort into making your own original tables */
/* Sets the background and color for headers */
table.Standard th {
text-align: center;
padding: 2px;
}
table.Standard td {
padding: 1px;
}
table.Standard caption {
margin-left: inherit;
margin-right: inherit;
}
/* Sets the font for headers */
table.Standard thead td {
font-weight: bold;
}
/* Bold the first column */
table.C1-Bold td:first-child{
font-weight: bold;
}
/* Bold the first column */
table.C1-Bold td:first-child{
font-weight: bold;
}
/* class=R1-White: Row 1 White Font */
/* Determines the color of a link */
.R1-White th A:link {color: #7efefd; text-decoration: none}
/* Determines what happens to a link you've clicked before */
.R1-White th A:visited {color: #7efefd; text-decoration: none}
/* Determines what happens when you click the link */
.R1-White th A:active {color:white; text-decoration: underline}
/* Determines what happens to a link when you hover over the link */
.R1-White th A:hover {color:red; text-decoration: underline}
table.R1-White th[scope="row"] {
color: black;
}
table.R1-White th {
color: white;
}
table.R1-White thead[scope="col"] td {
font-weight: bold;
color: white;
}
table.R1-White thead[scope="row"] td {
font-weight: bold;
color: black;
}
/* Arrange Items Into Two Columns Automatically */
.multicol {
column-count:2;
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
}
/****************************************************************/
/******* Table formatting and colors for various purposes *******/
/****************************************************************/
/***** Tables & Defaults *****/
/*** Item Table ***/
table.item {
width: 100%;
max-width: 788px;
border-collapse: collapse;
}
table.item, table.item th, table.item td {
border: 1px solid #3c6a95;
}
table.item th, table.item td {
padding: 3px;
}
table.item th.title {
background-color: #4696cf;
color: #ffffff;
}
table.item th.title a:link, table.item th.title a:visited {
color: #ffffff;
text-decoration: none;
}
/* Adapting item-name-and-references-link table */
table.item th.title table {
width: 100%;
border-collapse: collapse;
}
table.item th.title table td {
text-align: center;
background-color: transparent;
color: #ffffff;
border: 0px;
padding: 0px;
}
/**** Two-Column Adaptation ****/
.twocolumn {
border: 0px;
border-collapse: separate;
border-spacing: 0px 4px;
width: 100%;
max-width: 788px;
}
.twocolumn td {
vertical-align: top;
}
.twocolumn td:first-child {
padding-right: 2px;
}
.twocolumn td:last-child {
padding-left: 2px;
}
.twocolumn table {
width: 100%;
max-width: 390px;
}
/***** Colors *****/
/*** Campaign palette ***/
table.campaign, table.campaign th, table.campaign td {
border-color: #2c3d57;
}
table.campaign th.title {
background-color: #6e96d5;
color: #252525;
}
table.campaign td {
background-color: #DFE6F2;
}
/*** Item Upgrade palette ***/
table.itemupgrade th.title {
background-color: #4A233D;
}
table.itemupgrade th {
background-color: #e8e8e8;
}
table.itemupgrade td {
background-color: #efeeee;
}
/*** NM palette ***/
table.nm, table.nm th, table.nm td {
border-color: #471717;
}
table.nm th {
background-color: #DB9292;
}
table.nm th.title {
background-color: #cf4646;
color: #252525;
}
table.nm th.title a:link, table.nm th.title a:visited {
color: #252525;
}
/*** Mission palette ***/
table.mission, table.mission th, table.mission td {
border-color: #3e444a;
}
table.mission th.title {
background-color: #E8AE5C;
}
table.mission td {
background-color: #e7edf3;
}
/*** Battlefield palette ***/
table.battlefield, table.battlefield th, table.battlefield td {
border-color: #aaaaaa;
}
table.battlefield th {
background: #cee0f2;
}
table.battlefield th.title {
background: #bfbfbf;
color: #252525;
}
table.battlefield th.title a:link, table.battlefield th.title a:visited {
color: #252525;
}
/*** Abjuration palette ***/
table.abjuration, table.abjuration th, table.abjuration td {
border-color: #826c3b;
}
table.abjuration th.title {
background: #d1bb8c;
color: #98441b;
}
table.abjuration th {
background: #E9D3A4;
color: #98441b;
}
table.abjuration th.title a:link, table.abjuration th.title a:visited {
color: #98441b;
}
table.abjuration td {
background: #f6f2ea;
}
/*** Coalition Assignment palette ***/
table.coalition th {
background-color: #4b4d4f;
color: #ffffff;
}
table.coalition td {
background-color: #efeeee;
}
table.overflow-visible {
overflow: visible;
}
/******* End Table Formatting & Coloration *******/
/******* Start Image Popup *******/
span.has-image-popup {
position: relative;
}
span.has-image-popup span.image-popup {
display: none;
}
span.has-image-popup:hover span.image-popup {
display: block;
left: 30px;
position: absolute;
top: 20px;
width: 200%;
}
/******* End Image Popup *******/
/******* Start Import Calculator Styling *******/
mw.loader.load( 'index.php?title=MediaWiki:Calculator.css&action=raw&ctype=text/css', 'text/css' );
/******* End Import Calculator Styling *******/
/******* Start Import Tooltip Styling *******/
mw.loader.load( 'index.php?title=MediaWiki:Tooltip.css&action=raw&ctype=text/css', 'text/css' );
/******* End Import Tooltip Styling *******/
/******* Start Import Tooltip Styling *******/
mw.loader.load( 'index.php?title=MediaWiki:Button.css&action=raw&ctype=text/css', 'text/css' );
/******* End Import Tooltip Styling *******/
/* Start Image Scaling */
.img-scaler > img {
max-width: 100%;
height: auto;
}
.img-scaler > a > img {
max-width: 100%;
height: auto;
}
/* End Image Scaling */
/*********** class=bdrdarkbluepad2: Makes the borders 1px darkblue with 10px padding ***********/
table.bdrdarkbluepad2{
border: 1px !important;
border-collapse: collapse;
vertical-align:top;
}
/* Sets border color */
table.bdrdarkbluepad2 th, table.bdrdarkbluepad2 td {
border: 1px #3c6a95 solid !important;
padding-left: 5px;
padding-top: 1px;
padding-bottom: 1px;
padding-right: 1px
}
table.bluecol td:nth-child(1) {
background: #83C8F8;
}
table.greycol td:nth-child(1) {
background: #F5F5F5;
}
/*********** class=altrowgrey-odd: Makes the rows alternate light grey/grey (odd/even) Use when there is an odd amount of table headers(th) ***********/
table.altrowgrey-odd th {
background: #B4B4B4;
padding: 1px;
}
table.altrowgrey-odd td {
padding: 1px;
}
table.altrowgrey-odd td:first-child {
background: #E4E4E4;
}
table.altrowgrey-odd tr:nth-child(even) {
background: #F5F5F5;
}
table.altrowgrey-odd tr:nth-child(odd) {
background: #EFEEEE;
}
/*********** class=altrowgrey-even: Makes the rows alternate light grey/grey (odd/even) Use when there is an even amount of table headers(th) ***********/
table.altrowgrey-even th {
background: #B4B4B4;
padding: 1px;
}
table.altrowgrey-even td {
padding: 1px;
}
table.altrowgrey-even td:first-child {
background: #F5F5F5;
}
table.altrowgrey-even tr:nth-child(odd) {
background: #E4E4E4;
}
table.altrowgrey-even tr:nth-child(even) {
background: #EFEEEE;
}
/*********** class=catseye1-odd ***********/
table.catseye1-odd table {
background: #726FB3;
text-align: center;
}
table.catseye1-odd tr:nth-child(odd) > th {
background: #59C1A9;
text-align: center;
color: #FFFFFF;
}
table.catseye1-odd tr:nth-child(even) > th {
background: #BDDECE;
}
table.catseye1-odd th, td {
padding: 2px;
}
table.catseye1-odd td:first-child {
background: #BDDECE;
}
table.catseye1-odd tr:nth-child(odd) {
background: #E8FCF8;
}
table.catseye1-odd tr:nth-child(even) {
background: #EDF7F2;
}
/*********** class=catseye1-even ***********/
table.catseye1-even table {
background: #726FB3;
text-align: center;
}
table.catseye1-even tr:nth-child(odd) > th {
background: #59C1A9;
text-align: center;
color: #FFFFFF;
}
table.catseye1-even tr:nth-child(even) > th {
background: #BDDECE;
}
table.catseye1-even th, td {
padding: 2px;
}
table.catseye1-even tr:nth-child(odd) {
background: #E8FCF8;
}
table.catseye1-even tr:nth-child(even) {
background: #EDF7F2;
}
/*********** class=catseye2-odd ***********/
table.catseye2-odd table {
background: #726FB3;
text-align: center;
}
table.catseye2-odd tr:nth-child(odd) > th {
background: #584088;
text-align: center;
color: #FFFFFF;
}
table.catseye2-odd tr:nth-child(even) > th {
background: #AAA1CD;
}
table.catseye2-odd th, td {
padding: 2px;
}
table.catseye2-odd td:first-child {
background: #AAA1CD;
}
table.catseye2-odd tr:nth-child(odd) {
background: #DCD8EC;
}
table.catseye2-odd tr:nth-child(even) {
background: #F3ECF2;
}
/*********** class=catseye2-even ***********/
table.catseye2-even table {
background: #726FB3;
text-align: center;
}
table.catseye2-even tr:nth-child(odd) > th {
background: #584088;
text-align: center;
color: #FFFFFF;
}
table.catseye2-even tr:nth-child(even) > th {
background: #AAA1CD;
}
table.catseye2-even th, td {
padding: 2px;
}
table.catseye2-even tr:nth-child(odd) {
background: #DCD8EC;
}
table.catseye2-even tr:nth-child(even) {
background: #F3ECF2;
}
/*********** class=catseye3-odd ***********/
table.catseye3-odd table {
background: #6286A6;
text-align: center;
}
table.catseye3-odd tr:nth-child(odd) > th {
background: #6B76C9;
text-align: center;
color: #FFFFFF;
}
table.catseye3-odd tr:nth-child(even) > th {
background: #C3C2DE;
}
table.catseye3-odd th, td {
padding: 2px;
}
table.catseye3-odd td:first-child {
background: #C3C2DE;
}
table.catseye3-odd tr:nth-child(odd) {
background: #ECEBFC;
}
table.catseye3-odd tr:nth-child(even) {
background: #F2F2F8;
}
/*********** class=catseye3-even ***********/
table.catseye3-even table {
background: #6286A6;
text-align: center;
}
table.catseye3-even tr:nth-child(odd) > th {
background: #6B76C9;
text-align: center;
color: #FFFFFF;
}
table.catseye3-even tr:nth-child(even) > th {
background: #C3C2DE;
}
table.catseye3-even th, td {
padding: 2px;
}
table.catseye3-even tr:nth-child(odd) {
background: #ECEBFC;
}
table.catseye3-even tr:nth-child(even) {
background: #F2F2F8;
}
/*********** class=altrowblue-odd: Makes the rows alternate light blue/blue (odd/even) Use when there is an odd amount of table headers(th) ***********/
table.altrowblue-odd th {background: #1943AB;}
table.altrowblue-odd tr:nth-child(even) {
background: #c3d8e5;
}
table.altrowblue-odd tr:nth-child(odd) {
background: #83C8F8;
}
/*********** class=altrowblue-even: Makes the rows alternate light blue/blue (odd/even) Use when there is an even amount of table headers(th) ***********/
table.altrowblue-even th {background: #1943AB;}
table.altrowblue-even tr:nth-child(even) {
background: #83C8F8;
}
table.altrowblue-even tr:nth-child(odd) {
background: #c3d8e5;
}
/*********** class=altrowgreen-odd: Makes the rows alternate light green/green (odd/even) Use when there is an odd amount of table headers(th) ***********/
table.altrowgreen-odd th {background: #114526;}
table.altrowgreen-odd tr:nth-child(even) {
background: #D4E5C3;
}
table.altrowgreen-odd tr:nth-child(odd) {
background: #93B993;
}
/*********** class=altrowgreen-even: Makes the rows alternate light green/green (odd/even) Use when there is an even amount of table headers(th) ***********/
table.altrowgreen-even th {background: #114526;}
table.altrowgreen-even tr:nth-child(odd) {
background: #D4E5C3;
}
table.altrowgreen-even tr:nth-child(even) {
background: #93B993;
}
/*** Green Tabs ***/
ul.tabs {
display: -webkit-flex;
display: flexbox;
display: flex;
align-items: stretch;
/* Default */
justify-content: space-around;
width: 100%;
background: #93B993;
margin: 0;
padding: 0;
text-align: center;
}
ul.tabs li {
display: block;
flex: 0 1 auto;
/* Default */
list-style-type: none;
background: #93B993;
color: #0645ad;
font-weight: bold;
cursor: pointer;
}
ul.tabs li:hover {
text-decoration: underline;
}
ul.tabs li.current {
background: #85A261;
}
.tab-content {
display: none;
background: #FFFFFF;
}
.tab-content.current {
display: inherit;
}
/***** Blue Tabs *****/
ul.tabsb {
display: -webkit-flex;
display: flexbox;
display: flex;
align-items: stretch;
/* Default */
justify-content: space-around;
width: 100%;
background: #4badf2;
margin: 0;
padding: 0;
text-align: center;
}
ul.tabsb li {
display: block;
flex: 0 1 auto;
/* Default */
list-style-type: none;
background: #4badf2;
color: #FFFFFF;
font-weight: bold;
cursor: pointer;
}
ul.tabsb li:hover {
text-decoration: underline;
}
ul.tabsb li.current {
background: #0966A7;
}
.bluetab-content {
display: none;
background: #FFFFFF;
}
.bluetab-content.current {
display: inherit;
}
/* 2 Column Flexbox */
.two-column-flex-wrapper {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.two-column-flex-wrapper .two-column-flex-item {
flex: 1 0 200px;
box-sizing: border-box;
margin: auto;
}
@media (min-width: 1px) {
.two-column-flex-wrapper .two-column-flex-item {
min-width: calc(100% - 10px);
min-width: calc(100% - 10px);
}
@media (min-width: 1400px) {
.two-column-flex-wrapper .two-column-flex-item {
min-width: calc(50% - 10px);
max-width: calc(50% - 10px);
}
}
}
/* TOC limit*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
/* Start: Job Page Special Armor */
.jpsa {
width: 100%;
}
.jpsa-header {
background-color: #e8d39a;
border-collapse: collapse;
border-width: 1px;
border-style: solid;
border-color: #bda86e;
height: 25px;
}
.jpsa-af {
background-color: #FBF1D4;
border-collapse: collapse;
width: 100%;
padding: 2px 2px 0px 2px;
margin-bottom: 0px;
text-align: center;
}
.jpsa-af th {
background-color: #E8D39A;
border-width: 1px;
border-style: solid;
border-color: #bda86e;
}
.jpsa-af td {
background-color: #FBF1D4;
border-width: 1px;
border-style: solid;
border-color: #bda86e;
}
.jpsa-other {
background-color: #BDA86E;
border-collapse: collapse;
width: 100%;
padding: 2px 2px 0px 2px;
text-align: center;
}
.jpsa-other th {
background-color: #E8D39A;
border-width: 1px;
border-style: solid;
border-color: #bda86e;
}
.jpsa-other td {
background-color: #FBF1D4;
border-width: 1px;
border-style: solid;
border-color: #bda86e;
}
.jpsa-other tr td:nth-child(odd) {
width: 4%;
}
.jpsa-other tr td:nth-child(even) {
width: 21%;
}
/* End: Job Page Special Armor */
.stroked {
color: white;
-webkit-text-stroke: 1px black;
}
.outlined {
color: white;
text-shadow:
-1px -1px 0 #000,
0 -1px 0 #000,
1px -1px 0 #000,
1px 0 0 #000,
1px 1px 0 #000,
0 1px 0 #000,
-1px 1px 0 #000,
-1px 0 0 #000;
}
/** Expand All Show Button (Blue) **/
.button-expand-all-show {
-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
box-shadow:inset 0px 1px 0px 0px #dcecfb;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
background-color:#bddbfa;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #84bbf3;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:3px 0px;
text-decoration:none;
text-shadow:0px 1px 0px #528ecc;
line-height:15px;
width: 136px;
text-align: center;
}
.button-expand-all-show:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
background-color:#80b5ea;
}
.button-expand-all-show:active {
position:relative;
top:1px;
}
/** Expand All Show Button (Blue) - Minified Since its a lot for one thing **/
.button-expand-all-hide {
-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb;
-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb;
box-shadow:inset 0px 1px 0px 0px #dcecfb;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea));
background:-moz-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
background:-webkit-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
background:-o-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
background:-ms-linear-gradient(top, #bddbfa 5%, #80b5ea 100%);
background:linear-gradient(to bottom, #bddbfa 5%, #80b5ea 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea',GradientType=0);
background-color:#bddbfa;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
border:1px solid #84bbf3;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:15px;
font-weight:bold;
padding:3px 0px;
text-decoration:none;
text-shadow:0px 1px 0px #528ecc;
line-height:15px;
width:136px;
text-align: center;
}
.button-expand-all-hide:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #80b5ea), color-stop(1, #bddbfa));
background:-moz-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
background:-webkit-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
background:-o-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
background:-ms-linear-gradient(top, #80b5ea 5%, #bddbfa 100%);
background:linear-gradient(to bottom, #80b5ea 5%, #bddbfa 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80b5ea', endColorstr='#bddbfa',GradientType=0);
background-color:#80b5ea;
}
.button-expand-all-hide:active {
position:relative;
top:1px;
}
/* Image Scaling */
.img-scaler > img {
max-width: 100%;
height: auto;
}
.img-scaler > a > img {
max-width: 100%;
height: auto;
}
/* Rainbow */
.rainbow {
background: red; /* not working, let's see some red */
background: -moz-linear-gradient( top ,
rgba(255, 0, 0, 1) 0%,
rgba(255, 255, 0, 1) 15%,
rgba(0, 255, 0, 1) 30%,
rgba(0, 255, 255, 1) 50%,
rgba(0, 0, 255, 1) 65%,
rgba(255, 0, 255, 1) 80%,
rgba(255, 0, 0, 1) 100%);
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%, rgba(255, 0, 0, 1)),
color-stop(15%, rgba(255, 255, 0, 1)),
color-stop(30%, rgba(0, 255, 0, 1)),
color-stop(50%, rgba(0, 255, 255, 1)),
color-stop(65%, rgba(0, 0, 255, 1)),
color-stop(80%, rgba(255, 0, 255, 1)),
color-stop(100%, rgba(255, 0, 0, 1)));
}
.light-blue-text-shadow {
text-shadow: 0 0 5px #11ffff;
}
table.greencol td:nth-child(1) {
background: #93B993;
}
/*********** class=altrowgreen-odd: Makes the rows alternate light green/green (odd/even) Use when there is an odd amount of table headers(th) ***********/
table.altrowgreen-odd th {background: #114526;}
table.altrowgreen-odd tr:nth-child(even) {
background: #D4E5C3;
}
table.altrowgreen-odd tr:nth-child(odd) {
background: #93B993;
}
/*********** class=altrowgreen-even: Makes the rows alternate light green/green (odd/even) Use when there is an even amount of table headers(th) ***********/
table.altrowgreen-even th {
background: #114526;
}
table.altrowgreen-even tr:nth-child(odd) {
background: #D4E5C3;
}
table.altrowgreen-even tr:nth-child(even) {
background: #93B993;
}
/*** Tabs ***/
ul.tabs {
display: -webkit-flex;
display: flexbox;
display: flex;
align-items: stretch;
/* Default */
justify-content: space-around;
width: 100%;
background: #93B993;
margin: 0;
padding: 0;
text-align: center;
}
ul.tabs li {
display: block;
flex: 0 1 auto;
/* Default */
list-style-type: none;
background: #93B993;
color: #0645ad;
font-weight: bold;
cursor: pointer;
}
ul.tabs li:hover {
text-decoration: underline;
}
ul.tabs li.current {
background: #85A261;
}
.tab-content {
display: none;
background: #FFFFFF;
}
.tab-content.current {
display: inherit;
}
.two-column-flex-wrapper {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.two-column-flex-wrapper .two-column-flex-item {
flex: 1 0 200px;
box-sizing: border-box;
margin: auto;
}
@media (min-width: 1px) {
.two-column-flex-wrapper .two-column-flex-item {
min-width: calc(100% - 10px);
min-width: calc(100% - 10px);
}
@media (min-width: 1400px) {
.two-column-flex-wrapper .two-column-flex-item {
min-width: calc(50% - 10px);
max-width: calc(50% - 10px);
}
}
}
/* TOC limit
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
.equipmodifiers {
border: 2px solid #0966A7;
border-collapse: collapse;
text-align: center;
text-size-adjust: none;
}
table.equipmodifiers th, table.equipmodifiers td {
border: 1px solid #FFFFFF;
}
table.equipmodifiers tr:nth-child(1) > th {
color: #FFFFFF;
background: #0966A7;
padding: 3px;
}
table.equipmodifiers tr:nth-child(2) > th {
color: #FFFFFF;
background: #4696CF;
padding: 2px;
}
table.equipmodifiers td:first-child {
font-weight: bold;
background: #C9E8FD;
}
table.equipmodifiers tr:nth-child(even) {
background: #ECECEC;
}
.equipmodifiers2 {
border: 1px Solid #6EA9E5;
}
table.equipmodifiers2 th {
font-weight: bold;
background: #ADBDCC;
}
table.equipmodifiers2 td:first-child {
font-weight: bold;
background: #CEE0F2;
}
table.equipmodifiers2 tr:nth-child(even) {
background: #EAF0FF;
}
.BGBlue1 {
border: 2px solid #0966A7;
border-collapse: collapse;
text-align: center;
text-size-adjust: none;
}
table.BGBlue1 th, table.BGBlue1 td {
border: 1px solid #4696CF;
padding: 2px;
}
table.BGBlue1 tr:nth-child(1) > th {
color: #FFFFFF;
background: #0966A7;
padding: 3px;
}
table.BGBlue1 tr:nth-child(2) > th {
color: #FFFFFF;
background: #4696CF;
padding: 2px;
}
table.BGBlue1 td:first-child {
font-weight: bold;
background: #C9E8FD;
color: #111111;
border-bottom: 1px solid #FFFFFF;
border-right: 1px solid #FFFFFF;
}
table.BGBlue1 tr:nth-child(even) {
background: #ECECEC;
}
table.DrkGrey th {
background: #A6DBFD;
color: #000;
}
table.Orange th {
background: #fdc7a9;
color: #000;
}
table.Yellow th {
background: #E0DBC5;
color: #000;
}
table.Green th {
background: #696F6C;
color: #000;
}
table.Blue th {
background: #cee0f2;
color: #000;
}
table.Purple th {
background: #daaffe;
color: #000;
}
table.Red th {
background: #994554;
color: #000;
}
table.WikiBlue th {
background: #ccebfe;
color: #000;
}
/** Universal fix for text size issues on mobile. (Removed this due to us having a mobile "skin settings now.)
table {
text-size-adjust: none;
}
**/
/** Start Tooltp.js CSS **/
#tooltip {
text-align: center;
color: #fff;
background: #111;
position: absolute;
z-index: 100;
padding: 4px;
}
#tooltip:after {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #111;
content: '';
position: absolute;
left: 50%;
bottom: -10px;
margin-left: -10px;
}
#tooltip.top:after {
border-top-color: transparent;
border-bottom: 10px solid #111;
top: -20px;
bottom: auto;
}
#tooltip.left:after {
left: 10px;
margin: 0;
}
#tooltip.right:after {
right: 10px;
left: auto;
margin: 0;
}
.mbt-tooltip {
display: none;
width: auto;
max-width: 100% !important;
}
.mbt-hover {
}
/** End Tooltip.js CSS **/