MediaWiki:Common.css
From HomepointXI Wiki
Revision as of 17:36, 9 September 2017 by Immortality (talk | contribs)
/* CSS placed here will be applied to all skins */
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ }
/* BG-Wiki Borrowed Styles */
/** 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);
}
#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;
}
/*********** 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: 1px;
}
/* Sets border color */
table.default1 th, table.default1 td {
border: 1px white solid;
}
/* 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=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=bdrwhite: Makes the borders 1px white ***********/
table.bdrwhite{
border: 1px white solid;
border-collapse: collapse;
}
/* Sets border color */
table.bdrwhite th, table.bdrwhite td {
border: 1px white solid;
padding: 1px
}
/*********** class=bdrblack: Makes the borders 1px black ***********/
table.bdrblack{
border: 1px black solid;
border-collapse: collapse;
}
/* Sets border color */
table.bdrblack th, table.bdrblack td {
border: 1px black solid;
padding: 1px
}
/*********** class=bdrdarkblue: Makes the borders 1px darkblue ***********/
table.bdrdarkblue{
border: 1px #3c6a95 solid;
border-collapse: collapse;
vertical-align:top;
}
/* Sets border color */
table.bdrdarkblue th, table.bdrdarkblue td {
border: 1px #3c6a95 solid;
padding: 1px
}
/*********** class=bdrdarkbluepad: Makes the borders 1px darkblue with 10px padding ***********/
table.bdrdarkbluepad{
border: 1px #3c6a95 solid;
border-collapse: collapse;
vertical-align:top;
}
/* Sets border color */
table.bdrdarkbluepad th, table.bdrdarkbluepad td {
border: 1px #3c6a95 solid;
padding-left: 5px;
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}
/* go ahead and copy it, we know you will. Stop being lazy, and put effort into making your own original tables */
table.Standard {
margin: 1em 1em 1em 0;
border: 1px white solid;
border-collapse: collapse;
width: -moz-available;
max-width:1600px;
padding: 1px;
position: relative;
overflow: hidden;
}
table.BorderlessStandard {
margin: 1em 1em 1em 0;
border: 0px;
border-collapse: collapse;
width: -moz-available;
max-width:1600px;
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 border color */
table.Standard th, table.Standard td {
border: 1px white solid;
vertical-align: middle;
}
/* Sets the background and color for headers */
table.Standard th {
text-align: center;
}
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;
}
/* Highlight Cells */
table.C-Highlight td:hover {Background: #e1e0e0;}
/* Highlights the row when you over over the row */
table.R-Highlight tr:hover td {Background: #e1e0e0;}
/* Arrange Items Into Two Columns Automatically */
.multicol {
column-count:2;
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
}
table.Standardwide {
margin: 1em 1em 1em 0;
border: 1px white solid;
border-collapse: collapse;
padding: 1px;
position: relative;
overflow: hidden;
}
/****************************************************************/
/******* Table formatting and colors for various purposes *******/
/****************************************************************/
/***** Tables & Defaults *****/
/*** Item Table ***/
table.item {
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 {
background-color: #d4d4d4;
color: #252525;
font-weight: bold;
text-align: center;
vertical-align: middle;
}
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;
}
table.item td {
background-color: #f5f5f5;
color: #252525;
}
/* 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: 4px;
width: 788px;
}
.twocolumn td {
vertical-align: top;
}
.twocolumn table {
width: 100%;
}
/***** 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: #d4dded;
}
/*** Item Upgrade palette ***/
table.itemupgrade th.title {
background-color: #3a1d23;
}
table.itemupgrade th {
background-color: #e8e8e8;
}
table.itemupgrade td {
background-color: #efeeee;
}
table.item.itemupgrade, table.item.itemupgrade th, table.item.itemupgrade td {
border-color: #170b0e;
}
/*** NM palette ***/
table.nm, table.nm th, table.nm td {
border-color: #471717;
}
table.nm th {
background-color: #d19f9f;
}
table.nm th.title {
background-color: #cf4646;
color: #252525;
}
table.nm th.title a:link, table.nm th.title a:visited {
color: #252525;
}
table.nm td, tr.nm td {
background-color: #ccadad;
}
/*** Mission palette ***/
table.mission, table.mission th, table.mission td {
border-color: #3e444a;
}
table.mission th.title {
background-color: #cee0f2;
}
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, table.abjuration th.title {
background: #d1bb8c;
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.item.coalition, table.item.coalition th, table.item.coalition td {
border-color: #222324;
}
/******* End Table Formatting & Coloration *******/