MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
Content added Content deleted
(blockquote color)
(all table classes)
Line 82: Line 82:
color: #222;
color: #222;
border-left: 3px solid #ddd;
border-left: 3px solid #ddd;
}

/******************************
* 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;
}

table.wikitable > 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;
}

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

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

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

Revision as of 18:01, 14 May 2020

/* CSS placed here will be applied to all skins */

@import url("https://fonts.googleapis.com/css?family=Charm");

/* The transcription progress bar */
.pr_quality {
    width:20%;
    border-spacing: 1px;
    border: 1px solid #ccc;
    font-size: 1.5em;
}

#contentSub {
	margin: 0 0 1.5em 0;
}

#navigationHeader {
    display: table;
    border-collapse: collapse;
    border-spacing: 0px 0px;
    empty-cells: hide;
    margin: 0px auto 4px auto;
    width: 100%;
}

/******************************
 * 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;
	}
}

/******************************
 * Columns for soldier pages
 ******************************/

@media all and (min-width: 768px) {
	.soldier-column {
		float:left;
		width:50%;
	}
	.soldier-column-first {
		padding-right:10px;
	}
	.soldier-column-second {
		padding-left:10px;
	}
}

/******************************
 * To make images responsive
 ******************************/
.res-img img {
	max-width:100%;
	height:auto;
}

/****************************************************
 * To hide wikisource proofread icons on index pages
 ****************************************************/
.mw-indicators.mw-body-content {
    display: none;
}

/******************************
 * Blockquotes
 ******************************/
blockquote {
	color: #222;
	border-left: 3px solid #ddd;
}

/******************************
 * 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;
}

table.wikitable > 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;
}

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

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

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;
}
Cookies help us deliver our services. By using our services, you agree to our use of cookies.