MediaWiki:Common.css

From FFXI Wiki
Revision as of 00:44, 6 August 2016 by Mondegreen (talk | contribs) (Correcting twocolumn styling)

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

#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:960px;
	padding: 1px;
	position: relative;
	overflow: hidden;
}

table.BorderlessStandard {
	margin: 1em 1em 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 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.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: #d19f9f;
}

/*** 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 {
	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 *******/