MediaWiki:Vector.css

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 affect users of the Vector skin */
/******************************
 * Hide items on main page
 ******************************/
.action-view.page-Main_Page #siteSub,
.action-view.page-Main_Page #contentSub,
.action-view.page-Main_Page .firstHeading {
    display: none !important;
}

/******************************
 * Changing the tagline
 ******************************/
#siteSub { 
	display:block; 
	font-weight:500; 
	font-size:90%;
	padding-bottom: 1em;
}

/******************************
 * Changing the font family
 ******************************/
#bodyContent {     
    font-family: sans-serif; 
    font-size: 0.875em;
    font-weight:400;
} 
.firstHeading {
	font-family: 'Courier New';
	color: #444;
}

.mw-body .firstHeading {
    margin-bottom: .2em;
}

.mw-body-content h2 {
	font-family: 'Courier New';
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.5em;
	color: #444;
	margin-top: 0.5em;
}

.mw-body-content h3 {
	font-family: 'Courier New';
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.5em;
	color: #444;
	margin-top: 0.5em;
}

.mw-body-content h4 {
	font-family: 'Courier New';
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.5em;
	color: #444;
	margin-top: 0.5em;
}

p {
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0;
    font-family: sans-serif;
}

a {
    font-family: sans-serif;
}

li {
    font-size: 1em;
    font-weight: 400;
}

/******************************
 * Font-size in text editor
 ******************************/
#wpTextbox1 {
	font-size:0.9em;
}

/******************************
 * Make references smaller
 ******************************/
ol.references,
div.reflist,
div.refbegin {
    font-size: 90%;            /* Default font-size */
    margin-bottom: 0.5em;
}
div.refbegin-100 {
    font-size: 100%;           /* Option for normal fontsize in {{refbegin}} */
}
div.reflist ol.references {
    font-size: 100%;           /* Reset font-size when nested in div.reflist */
    list-style-type: inherit;  /* Enable custom list style types */
}

/******************************
 * Styles for mobile main page
 ******************************/

@media all and (min-width: 768px) {
	.lonsdale-mainpage-column {
		float: left;
		width: 50%;
	}
	.lonsdale-mainpage-column-first {
		padding-right: 10px;
	}
	.lonsdale-mainpage-column-second {
		padding-left: 10px;
	}
	.lonsdale-mainpage-sister-projects {
		text-align: center;
	}
}

/******************************
 * Bullets
 ******************************/
 ul {
	list-style-type: disc;
	list-style-image: none;
}

.mw-content-ltr ul {
	margin: 0.2em 1.7em 0.5em;
	/**padding-left: 0.3em;**/
}

.mw-content-ltr ul ul {
	margin: 0 0 0 1.1em;
}

/*****************************
* Category links
******************************/
#catlinks {
    margin-top:1em;
    font-size:90%;
}

.catlinks {
	border: 1px solid #ccc;
}

/*****************************
* Anything footer related
******************************/
.mw-footer-container {
	padding-top:0;
}

/*****************************
* Clickable table cell
******************************/
.clickablecell a {
    display:block;
    width:100%;
}

/*****************************
* Fix google maps in responsive skin 
******************************/
.gm-style img {
    max-width: none;
}

/*****************************
* Styling main title 
******************************/
.title-name {
	font-size: 18px;
	font-weight: 200;
	padding-right: 0.6em;
}

/*****************************
* Link colour classes
******************************/
.whitelink a:link a:visited a:hover {
	color: #fff;
}

.greenlink a:link a:visited a:hover {
	color: #50ab8a;
}

/*****************************
* Proofread status classes
******************************/

.quality0 {
	background-color: #dddddd;
}

.quality1 {
	background-color: #f2a5a3;
}

.quality2 {
	background-color: #b0b0fa;
}

.quality3 {
	background-color: #fbe97c;
}

.quality4 {
	background-color: #abfc9c;
}

TABLE.page-index-table TD { 
	width: 2em; 
	padding: 2px;
}

/******************************
 * TOC table of contents
 ******************************/
.toc {
	border: 1px solid #ccc;
	font-size: 90%;
	padding: 0;
}

.toctitle {
	background: #ccc;
	margin: 3px;
}

/***************************************
 * Banner and photo slider on main page
 ***************************************/
.banner-image {
    position: relative;
    overflow: hidden;
    max-width: 1125px; 
    height: auto;
    margin-bottom: .6em;
}
.banner-image img {
    max-width: 100%;
    height: auto;
    width: auto\9;
}
.banner-box-wide {
    width: 80%
}
.banner-box-left,
.banner-box-right {
	padding: 8px 7px;
	background: rgb(16,16,16);
	background: rgba(0,0,0,0.3);
	border-radius: 4px;
	width: 40%;
}
.banner-box-left {
    left: 3%;
    text-align: left;
}
.banner-box-right {
    right: 3%;
    text-align: right;
}
.mainpage-shadowbox {
	color: white;
	background: rgb(16,16,16);
	background: rgba(0,0,0,0.3);
	border-radius: 4px;
}
.mainpage-shadowbox h2, .mainpage-shadowbox h3 {
	color: white;
	border:none;
	font-family: sans-serif;
    line-height: 1.2em;
	margin:0;
}
.mainpage-shadowbox h2 {
	font-size: 190%;
}
.mainpage-shadowbox h3 {
	font-size: 150%;
	padding: 0;
}
#mainpage-maplinks a, .mainpage-shadowbox a {
	color: white;
	font-weight: bold;
}
.banner-box-2 {
    position: absolute;
    z-index: 2;
    margin-top: 2em;
    min-width: 20em;
}
.banner-box-2 .quote {
    font-size: 90%;
    line-height: 1.2em;
}

/******************************
 * Wikitables
 ******************************/
table.wikitable {
  background-color: #f8f9fa;
  color: #222;
  margin: 1em 0;
  border: 1px solid #a3a9b1;
  border-collapse: collapse;
}

table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
  border: 1px solid #a3a9b1;
  padding: 0.2em 0.4em;
}

table.wikitable > tr > th,
table.wikitable > * > tr > th {
  background-color: #eaecf0;
  text-align: center;
  padding: 10px 5px;
}

table.wikitable > caption {
  font-weight: bold;
}

/******************************
 * Wikitables with white border
 ******************************/
table.plainwikitable {
  background-color: #f8f9fa;
  color: #222;
  margin: 1em 0;
  border: 1px solid #fff;
  border-collapse: collapse;
}

table.plainwikitable > tr > th,
table.plainwikitable > tr > td,
table.plainwikitable > * > tr > th,
table.plainwikitable > * > tr > td {
  border: 1px solid #fff;
  padding: 0.2em 0.4em;
}

table.plainwikitable > tr > th,
table.plainwikitable > * > tr > th {
  background-color: #f8f9fa;
  text-align: center;
  padding: 10px 5px;
}

table.plainwikitable > caption {
  font-weight: bold;
}

/******************************
 * Basictable of plain white
   for clean look general use
 ******************************/
 table.basictable {
  background-color: #fff;
  color: #444;
  margin: 0;
  border: 1px solid #fff;
  text-align: left;
}

table.basictable > tr > th,
table.basictable > tr > td,
table.basictable > * > tr > th,
table.basictable > * > tr > td {
  background-color: #fff;	
  border: 1px solid #fff;
  padding: 0.2em 0.4em;
  text-align: left;
}

table.basictable > tr > th,
table.basictable > * > tr > th {
  background-color: #fff;
  text-align: center;
}

table.basictable > caption {
  font-weight: bold;
}

/******************************
 * Infotable for infoboxes 
      on soldier pages
 ******************************/
 table.infotable {
  background-color: #f7f7f7;
  color: #444;
  margin: 0;
  border: 3px solid #fff;
  text-align: left;
}

table.infotable > tr > th,
table.infotable > tr > td,
table.infotable > * > tr > th,
table.infotable > * > tr > td {	
  background-color: #f7f7f7;
  border: none;
  padding: 0.15em;
  text-align: left;
}

table.infotable > tr > th,
table.infotable > * > tr > th {
  background-color: #1b9591;
  text-align: center;
  color: #fff;
  padding: 10px 5px;
}

table.infotable > caption {
  font-weight: bold;
}

/*********************************
 * Remtable for full-width tables 
    on soldier remembrance pages
 *********************************/
 table.remtable {
  background-color: #f7f7f7;
  color: #444;
  margin: 0;
  border: 1px solid #fff;
  text-align: left;
}

table.remtable > tr > th,
table.remtable > tr > td,
table.remtable > * > tr > th,
table.remtable > * > tr > td {
  background-color: #f7f7f7;	
  border: 1px solid #fff;
  padding: 0.2em 0.4em;
  text-align: left;
}

table.remtable > tr > th,
table.remtable > * > tr > th {
  background-color: #f7f7f7;
  text-align: center;
}

table.remtable > caption {
  font-weight: bold;
}

/******************************
 * Pivot-table used on the 
  transcribing projects page
 ******************************/
 table.pivot-table {
  background-color: #f2f2f2;
  color: #444;
  margin: 1em 0;
  border: 1px solid #fff;
  text-align: center;
  border-collapse: collapse;
}

table.pivot-table > tr > th,
table.pivot-table > tr > td,
table.pivot-table > * > tr > th,
table.pivot-table > * > tr > td {	
  border: 2px solid #fff;
  padding: 0.4em;
  text-align: center;
}

table.pivot-table > tr > th,
table.pivot-table > * > tr > th {
  background-color: #517398;
  text-align: center;
  color: #fff;
  padding: 10px 5px;
}

table.pivot-table > caption {
  font-weight: bold;
}

/******************************
 * diarytable used on war
 diary transcriptions pages
 ******************************/
 table.diarytable {
  background-color: #f2f2f2;
  color: #444;
  margin: 1em 0;
  border: 1px solid #fff;
  text-align: center;
  border-collapse: collapse;
}

table.diarytable > tr > th,
table.diarytable > tr > td,
table.diarytable > * > tr > th,
table.diarytable > * > tr > td {	
  border: 2px solid #fff;
  padding: 0.3em;
  text-align: center;
}

table.diarytable > tr > th,
table.diarytable > * > tr > th {
  background-color: #444;
  text-align: center;
  color: #fff;
  padding: 10px 5px;
}

table.diarytable > caption {
  font-weight: bold;
}

/******************************
 * Great War periodicals table
 ******************************/
 table.gwptable {
  background-color: #f8f9fa;
  color: #444;
  margin: 1em 0;
  border: 1px solid #fff;
  text-align: center;
}

table.gwptable > tr > th,
table.gwptable > tr > td,
table.gwptable > * > tr > th,
table.gwptable > * > tr > td {	
  border: 1px solid #fff;
  padding: 0.2em 0.4em;
  text-align: center;
}

table.gwptable > tr > th,
table.gwptable > * > tr > th {
  background-color: #eaecf0;
  text-align: center;
}

table.gwptable > caption {
  font-weight: bold;
}

/******************************
 * Page Index table
 ******************************/
 table.page-index-table {
  background-color: #f8f9fa;
  color: #444;
  margin: 1em 0;
  border: 1px solid #fff;
  text-align: center;
}

table.page-index-table > tr > th,
table.page-index-table > tr > td,
table.page-index-table > * > tr > th,
table.page-index-table > * > tr > td {	
  border: 1px solid #fff;
  padding: 0.2em 0.4em;
  text-align: center;
}

table.page-index-table > tr > th,
table.page-index-table > * > tr > th {
  background-color: #eaecf0;
  text-align: center;
}

table.page-index-table > caption {
  font-weight: bold;
}

/******************************
 * Roll of Honour table
 ******************************/
 table.rohtable {
  background-color: #f2f2f2;
  color: #444;
  margin: 1em 0;
  border: 1px solid #fff;
  text-align: left;
  border-collapse: collapse;
}

table.rohtable > tr > th,
table.rohtable > tr > td,
table.rohtable > * > tr > th,
table.rohtable > * > tr > td {	
  border: 2px solid #fff;
  padding: 0.4em;
  text-align: left;
}

table.rohtable > tr > th,
table.rohtable > * > tr > th {
  background-color: #50ab8a;
  text-align: center;
  color: #fff;
  padding: 10px 5px;
}

table.rohtable > caption {
  font-weight: bold;
}

/******************************
 * Collapsible elements
 ******************************/
.mw-collapsible-toggle-default::before {
    content: '(';
}
.mw-collapsible-toggle-default::after {
    content: ')';
}
.mw-collapsible-toggle {
    float: right;
    padding: 2px 5px;
}