Jump to content

MediaWiki:Common.css: Difference between revisions

From ZenithXI
← Older edit
No edit summary
Tag: Reverted
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
/** CSS placed here will be applied to all skins */
.vector-menu-content a {
 
    color: var(--zx-text-muted) !important;
body.page-Main_Page h1.firstHeading { display:none; }
 
.EquipmentSet {
background-color: #00152F;
background-image: url(images/9/9b/Equipment_Set.png);
}
}
 
.vector-main-menu a:hover,
.AutoEquip {
.vector-menu-content a:hover {
background-color: #00152F;
    color: var(--zx-gold-bright) !important;
background-image: url(images/8/88/Automaton_Equipment_Set.png);
}
}
 
.vector-menu-heading {
.BG-SandOria {
    font-family: var(--zx-font-display) !important;
background-color: #00152F;
    color: var(--zx-gold) !important;
background-image: url(images/f/fe/BG-SandOria.gif);
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 11px !important;
}
}
 
.mw-logo { display: none !important; }
.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: visible;
}
/* 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;
    margin-bottom: 0px;
    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;
    margin-top: 10px;
}
 
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 **/

Latest revision as of 21:44, 5 July 2026

.vector-menu-content a {
    color: var(--zx-text-muted) !important;
}
.vector-main-menu a:hover,
.vector-menu-content a:hover {
    color: var(--zx-gold-bright) !important;
}
.vector-menu-heading {
    font-family: var(--zx-font-display) !important;
    color: var(--zx-gold) !important;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 11px !important;
}
.mw-logo { display: none !important; }
Retrieved from "https://wiki.zenithxi.com/index.php?title=MediaWiki:Common.css&oldid=103775"