MediaWiki:Common.css

From SC4 Encyclopaedia

(Difference between revisions)
Jump to: navigation, search
(I'm dumb. Fixing copy/paste error.)
Line 10: Line 10:
}
}
*/
*/
 +
 +
/**
 +
* Fix for Left Menu sort in some modern browsers.
 +
*/
 +
 +
#content {
 +
    margin: 2.7em 0 0 0;
 +
}
 +
#column-content {
 +
    width: calc(100% - 12.2em);
 +
}
/**
/**

Revision as of 17:08, 2 December 2018

@charset "utf-8";
/* CSS Document */
/* CSS placed here will affect all users */

/* External download link formatting */

.download-white a{
     font-weight: bold;
     color: #fff;
}
*/

/**
 * Fix for Left Menu sort in some modern browsers.
 */

#content {
     margin: 2.7em 0 0 0;
}
#column-content {
     width: calc(100% - 12.2em);
}

/**
 * 7. WIKITABLES, INFOBOX TEMPLATES, WARNINGS AND OTHER SUCH STYLINGS
 * -------------------------------------------------
 */

table.wikitable {
    border-collapse: collapse;
    color: black;
}


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

/* Custom h* styles (blue headings) */
.wikitable td.hl3,
.wikitable th.hl3 {
	background-color: #8da7d6;
}
.wikitable td.hl1,
.wikitable th.hl1 {
	background: #c5d8fc;
}
.wikitable td.hl2,
.wikitable th.hl2 {
	background: #a7c1f2;
}

.mediawiki table.tmbox-small,
.mediawiki table.ombox-small,
.mediawiki table.mbox-small {   /* For the "small=yes" option (also used elsewhere).  */
    clear: right;                /* The "mediawiki" class ensures that this declaration */
    float: right;                /* overrides styles set in "tmbox"/"ombox"/etc below  */
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;	
    line-height: 1.25em;
}

/**
 * Make entire table valign=top,
 * To replace the |valign=top| on every cell.
 */
.vatop tr,
tr.vatop,
.vatop td,
.vatop th {
	vertical-align: top;
}

/* General purpose "pretty (data) tables" */
table.datatable {
	background-color: transparent;
}

table.datatable th,
table.datatable td {
	padding: 4px;
}

table.datatable th {
	text-align: left;
	background-color: #999999;
}

table.datatable tr {
	background-color: #cccccc;
}

table.datatable tr:hover {
	background-color: #ffffcc;
}

/* SideBox styling */
div.sideBox {
	position: relative;
	float: right;
	background: white;
	margin-left: 1em;
	border: 1px solid gray;
	padding: 0.3em;
	width: 200px;
	overflow: hidden;
	clear: right;
}
div.sideBox dl {
	padding: 0;
	margin: 0 0 0.3em 0;
	font-size: 96%;
}
div.sideBox dl dt {
	background: none;
	margin: 0.4em 0 0 0;
}
div.sideBox dl dd {
	margin: 0.1em 0 0 1.1em;
	background-color: #f3f3f3;
}

/* Extension & Skin infobox styling */
.tpl-infobox {
	border: 2px solid #aaaaaa;
	width: 280px;
	/* @noflip */ clear: right;
	/* @noflip */ float: right;
	margin: 0 0 0.5em 0.5em;
	border-collapse: collapse;
	background-color: white;
}
.tpl-infobox td {
	border: 2px none #aaaaaa;
	padding: 0.2em 0.5em;
	border-bottom: 1px solid #f0f0f0 !important;
}
.tpl-infobox-header {
	background-color: #aaaaaa;
	color: white;
	text-align: left;
}
.tpl-infobox-header td {
	padding-top: 0.5em;
}

.ext-infobox-header img {
	padding: 0 0.2em 0 0.5em;
}
.ext-status-unstable,
.ext-status-unstable td {
	border-color: #990000;
}
.ext-status-unstable .ext-infobox-header {
	background-color: #990000;
	color: #ffff00;
}
.ext-status-experimental,
.ext-status-experimental td {
	border-color: #ff4500;
}
.ext-status-experimental .ext-infobox-header {
	background-color: #ff4500;
}
.ext-status-beta,
.ext-status-beta td {
	border-color: #ffba01;
}
.ext-status-beta .ext-infobox-header {
	background-color: #ffba01;
}
.ext-status-stable,
.ext-status-stable td {
	border-color: #32cd32;
}
.ext-status-stable .ext-infobox-header {
	background-color: #32cd32;
}
.ext-status-magic,
.ext-status-magic td {
	border-color: #fe57a1;
}
.ext-status-magic .ext-infobox-header {
	color: #000;
	background: #FFDBEB url(//upload.wikimedia.org/wikipedia/commons/thumb/2/20/Magic_wand.svg/60px-Magic_wand.svg.png) 0 0 no-repeat;
}
.ext-status-magic .ext-infobox-header img {
	visibility: hidden;
	padding-right: 1em;
}

.skin-infobox,
.skin-infobox td {
	border-color: #a7d7f9;
}
.skin-infobox-header {
	color: #000;
	background: #e2f4ff;
}

/**
 * "Note" boxes ([[Template:Note]])
 */
.tip,
.note {
	padding: 0.5em;
	margin: 0.5em 0;
	overflow: hidden;
	background-color: #F9F9F9;
	background-position: 4px 2px;
	background-repeat: no-repeat;
	border: 1px solid #DDD;
}
.tip-info,
.note-info {
	background-color: #F0F0E7;
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/f/f8/Appunti_architetto_franc_01.svg/22px-Appunti_architetto_franc_01.svg.png);
	border-color: #cc9933;
	/* @noflip */ padding-left: 30px;
	min-height: 28px;
}
.tip-reminder,
.note-reminder {
	background-color: #F6FDEA;
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/23px-Bulbgraph.png);
	border-color: #D6E434;
	padding-left: 31px;
	min-height: 28px;
}
.tip-error,
.note-error {
	background-color: #F0E7E7;
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/5/51/Attention_niels_epting.svg/24px-Attention_niels_epting.svg.png);
	border-color: #cc3333;
	padding-left: 32px;
	min-height: 25px;
}

/* Version box on [[Manual:Downloading MediaWiki]] */
#DownloadVersionBox {
	border: 2px solid black;
	border-collapse: collapse;
	margin: auto;
	width: 50%;
	color: black;
}
#DownloadVersionBox td {
	border: 2px solid black;
	padding: 20px;
}

/* Major warning - used on the main page template to warn against editing carelessly, but can be used elsewhere as well */
.majorwarning {
	background: yellow;
	padding: 0.3em;
	text-align: center;
	font-size: 125%;
	border: 2px solid red;
}

/* Page headings used throughout the wiki (though not very much at the time of writing…) */
.page-notice,
.page-warning {
	border-width: 1px;
	border-style: solid;
	padding: 0.3em 0.5em;
	margin-bottom: 1em;
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* Informative notices at the top of pages (blue) */
.page-notice {
	background-color: #f9f9f9;
	border-color: #025e9d;
	text-align: left;
}

/* Warning information at the top of pages (red) */
.page-warning {
	background-color: #ffffff;
	border-color: #c51919;
	border-width: 2px;
}
.pw-head {
	color: #c51919;
	font-weight: bold;
}

/* Used in Template:Notice */
.block-note {
	background-image: url(//upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);
	background-position: top left;
	background-repeat: no-repeat;
}
/**
 * Using block-contents in the hope that it can apply to all block-level warning templates,
 * with different images applied as backgrounds to the wrapping DIV.
 */
.block-contents {
	display: block;
	padding-left: 20px;
}
.download-white a:hover{
     font-weight: bold;
     color: #fff;
}
.download-white a:active{
     font-weight: bold;
     color: #fff;
}
.download-white a:visited{
     font-weight: bold;
     color: #fff;
}

/* Infobox template style */

.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
}

.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}

/* Styles for bordered infobox with merged rows */

.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

.gallerybox .thumb img {
    background: #f9f9f9;
}

.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
    border-right: 1px solid #aaa;
}

/* Style for template table class */
 #temptable {
     padding:3px;
}
 
 #temptable th {
     background-color:#1e90ff;
     color:#fff
}

 #temptable td{
     text-align:center;
     border:#1e90ff solid 1px;
}

 #temptable .download a{
     font-weight: bold;
     color: #fff;
}
 #temptable .download a:link{
     font-weight: bold;
     color: #fff;
}
 #temptable .download a:hover{
     font-weight: bold;
     color: #fff;
}
 #temptable .download a:active{
     font-weight: bold;
     color: #fff;
}
 #temptable .download a:visited{
     font-weight: bold;
     color: #fff;
}

 #temptable .description{
     text-align:justify;
}

 #temptable .header2 {
     background-color:#ff9;
}

 #temptable .collapse{
     border-collapse:collapse;
}

/* Style for MD table class */
 #mdtable {
     padding:3px;
}
 
 #mdtable th {
     background-color:#cd3333;
     color:#fff
}

 #mdtable td{
     text-align:center;
     border:#cd3333 solid 1px;
}

 #mdtable .download a{
     font-weight: bold;
}
 #mdtable .download a:link{
     font-weight: bold;
}
 #mdtable .download a:hover{
     font-weight: bold;
}
 #mdtable .download a:active{
     font-weight: bold;
}
 #mdtable .download a:visited{
     font-weight: bold;
}

 #mdtable .description{
     text-align:justify;
}

 #mdtable .header2 {
     background-color:#ff9;
}

 #mdtable .collapse{
     border-collapse:collapse;
}

/* Style for plain table class */

 .plaintable {
     border-left:#000 solid 1px;
     border-top:#000 solid 1px;
     border-bottom:#000 solid 1px;
}

/* Formatting for new main page design */

 #mp-banner {
     margin:0px;
     border-collapse:collapse;
}

 #mp-banner td {
     border:#ccc solid 1px;
     border-collapse:collapse;
     background-color:#fcfcfc;
}

 .noback td {
     border:#ccc solid 0px;
     border-collapse:collapse;
     background-color:#fcfcfc;
}

/*THE CSS BELOW IS COPIED WHOLESALE FROM WIKIPEDIA. LAST UPDATE:20-08-08
*/




/*Add formatting to make sure that "external references" from [[Template:Ref]] do
  not get URL expansion, not even when printed. The mechanism up to MediaWiki 1.4 was
  that the HTML code contained a SPAN following the anchor A; this SPAN had the class
  "urlexpansion", which was not displayed on screen, but was shown when the medium was
  "print". The rules below ensure (a) that there is no extra padding to the right of
  the anchor (displayed as "[<number>]"), (b) that there is no "external link arrow" for
  the link, and (c) that this SPAN of class "urlexpansion" is never shown.
*/
 
.plainlinksneverexpand {
    background: none ! important;
    padding: 0 ! important;
}
 
.plainlinksneverexpand .urlexpansion {
    display: none ! important;
}
 
/* Make sure that ext links displayed within "plainlinksneverexpand" don't get
   the arrow...
*/
.plainlinksneverexpand a {
    background: none !important;
    padding: 0 !important;
}

/* With MediaWiki 1.5, the mechanism has changed: instead of a SPAN of class "urlexpansion"
   following the anchor A, the anchor itself now has class "external autonumber" and the
   expansion is inserted when printing (see the common printing style sheet at
   http://en.wikipedia.org/skins-1.5/common/commonPrint.css) using the ":after" pseudo-
   element of CSS. We have to switch this off for links due to Template:Ref!
*/
.plainlinksneverexpand a.external.text:after {
    display: none !important;
}
.plainlinksneverexpand a.external.autonumber:after {
    display: none !important;
}

/* Change the external link icon to an Adobe icon for all PDF files */
/* (in browsers that support these CSS selectors, like Mozilla and Opera) */
#bodyContent a[href$=".pdf"].external, 
#bodyContent a[href*=".pdf?"].external, 
#bodyContent a[href*=".pdf#"].external,
#bodyContent a[href$=".PDF"].external, 
#bodyContent a[href*=".PDF?"].external, 
#bodyContent a[href*=".PDF#"].external,
#mw_content a[href$=".pdf"].external, 
#mw_content a[href*=".pdf?"].external, 
#mw_content a[href*=".pdf#"].external,
#mw_content a[href$=".PDF"].external, 
#mw_content a[href*=".PDF?"].external, 
#mw_content a[href*=".PDF#"].external {
    background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat;
    padding-right: 16px;
}


 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class */
/* is used (notably Template:PDFlink). This works in IE, unlike the above. */
span.PDFlink a {
    background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat !important;
    padding-right: 17px !important;
}

/* Put a checker background at the image description page only visible if the image has transparent background */
#file img {
    background: url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
}
 
/* When <div class="nonumtoc"> is used on the table of contents, the ToC will display without numbers */
.nonumtoc .tocnumber { display:none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: .3em 0 0;
    padding: 0;
}
.nonumtoc #toc ul ul, 
.nonumtoc .toc ul ul { 
    margin: 0 0 0 2em; 
}
 
/* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for
   instance, will limit to showing ==headings== and ===headings=== but no further (as long as
   there are no =headings= on the page, which there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-2 {display:none;}
.toclimit-3 .toclevel-3 {display:none;}
.toclimit-4 .toclevel-4 {display:none;}
.toclimit-5 .toclevel-5 {display:none;}
.toclimit-6 .toclevel-6 {display:none;}
.toclimit-7 .toclevel-7 {display:none;}

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {     /* The message body cell(s) */
    border: none; 
    padding: 0.25em 0.9em;       /* 0.9em left/right */
    width: 100%;    /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                  /* The left image cell */
    border: none; 
    padding: 2px 0 2px 0.9em;    /* 0.9em left, 0px right */
    text-align: center; 
}
td.mbox-imageright {             /* The right image cell */
    border: none;
    padding: 2px 0.9em 2px 0;    /* 0px left, 0.9em right */
    text-align: center; 
}
.mediawiki table.tmbox-small,
.mediawiki table.ombox-small,
.mediawiki table.mbox-small {    /* For the "small=yes" option (also used elsewhere).   */
    clear: right;                /* The "mediawiki" class ensures that this declaration */
    float: right;                /* overrides styles set in "tmbox"/"ombox"/etc below   */
    margin: 4px 0 4px 1em;
    width: 238px;
    font-size: 88%;
    line-height: 1.25em;
}

/* Article message box styles */
table.ambox {            /* 10% = Will not overlap with other elements */
    margin: -1px 10% 0px;    /* -1px = Single border between stacked boxes in all browsers */
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb; 
}
.ambox th.mbox-text, 
.ambox td.mbox-text {            /* The message body cell(s) */
    padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
    padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
    padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}

table.ambox-notice {
    border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
    border-left: 10px solid #b22222;    /* Red */
    background: #fee;                   /* Pink */
}
table.ambox-delete {
    border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
    border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
    border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
    border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;       /* Gray-gold */
}

/* Image message box styles */
table.imbox {
    margin: 4px 10%; 
    border: 3px solid #1e90ff;    /* Default "notice" blue */
    background: #fbfbfb;
}
.imbox .mbox-text .imbox {    /* For imboxes inside imbox-text cells. */
    margin: 0 -0.5em;    /* 0.9 - 0.5 = 0.4em left/right. */
}
.mbox-inside .imbox {    /* For imboxes inside other templates. */
    margin: 4px;
}

table.imbox-notice {
    border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
    border: 3px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.imbox-delete {
    border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
    border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
    border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
    border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
    border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
    border: 3px solid #88a;       /* Dark gray */
    background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
    border: 3px solid #cba135;    /* Brown-gold */
}

/* Category message box styles */
table.cmbox {
    margin: 3px 10%;
    border-collapse: collapse;
    border: 1px solid #aaa; 
    background: #DFE8FF;    /* Default "notice" blue */
}

table.cmbox-notice {
    background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
    margin-top: 4px;
    margin-bottom: 4px;
    border: 4px solid #b22222;    /* Red */
    background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
    background: #FFDBDB;    /* Red */
}
table.cmbox-content {
    background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
    background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
    background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
    background: #EFEFE1;    /* Gray-gold */
}

/* Other pages message box styles */
table.ombox {
    margin: 4px 10%; 
    border-collapse: collapse; 
    border: 1px solid #aaa;       /* Default "notice" gray */
    background: #f9f9f9;
}

table.ombox-notice {
    border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.ombox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
    border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
    border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
    border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
    border: 2px solid #bba;       /* Gray-gold */
}
 
/* Talk page message box styles */
table.tmbox {
    margin: 4px 10%;
    border-collapse: collapse;
    border: 1px solid #c0c090;    /* Default "notice" gray-brown */
    background: #f8eaba;
}
.mbox-inside .tmbox {    /* For tmboxes inside other templates. */
    margin: 2px 0;
    width: 100%;    /* Fix for Safari and Opera. */
}

table.tmbox-speedy {
    border: 2px solid #b22222;    /* Red */
    background: #fee;             /* Pink */
}
table.tmbox-delete {
    border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
    border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
    border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
    border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
    border: 1px solid #c0c090;    /* Gray-brown */
}

/* For template documentation */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa; 
    background-color: #ecfcf4; 
    padding: 5px;
}

/* default skin for navigation boxes */
table.navbox {            /* navbox container style */
  border:1px solid #aaa;
  width:100%; 
  margin:auto;
  clear:both;
  font-size:88%;
  text-align:center;
  padding:1px;
}
table.navbox + table.navbox {
  margin-top:-1px;        /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
  text-align:center;      /* title and above/below styles */
  padding-left:1em;
  padding-right:1em;
}
.navbox-group {           /* group style */
  white-space:nowrap;
  text-align:right;
  font-weight:bold;
  padding-left:1em;
  padding-right:1em;
}
.navbox, .navbox-subgroup {
  background:#fdfdfd;     /* Background color */
}
.navbox-list {
  border-color:#fdfdfd;   /* Must match background color */
}
.navbox-title, table.navbox th {
  background:#ccccff;     /* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
  background:#ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background:#e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background:#f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background:transparent; /* Odd row striping */
}

/*END OF WIKIPEDIA CSS*/

/*Change highlighting for un-patrolled articles*/
.not-patrolled {
    background:#fd5;
    border:1px dashed #f00;
}

/* For templates in Category:VisualEditor tests templates */
tt.ve-typing-test {
	color: white;
	background-color: black;
	padding: 0 1em 0 1em;
}

div.tinyimg img {
	width:300px;
	height:auto;
}

div.smallimg img {
	width:500px;
	height:auto;
}

div.width150 img {
	width:150px;
	height:auto;
}

div.width300 img {
	width:300px;
	height:auto;
}

div.width500 img {
	width:500px;
	height:auto;
}

.plainlist ul{
        line-height: inherit;
        list-style: none none;
        margin: 0;
}

.plainlist ul li{
        margin-bottom: 0;
}

/* Changes for better readability of some MW headings */
h3, h4 {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 1px;
        padding-bottom: 1px;
}

h3 {
        padding-top: 15px;
}

/* Class used to disable Link colouring in Infobox type fields.*/
/* White */

.nolinkdecwhite a:link {
color: #FFF;
}

.nolinkdecwhite a:hover {
color: #FFF;
}

.nolinkdecwhite a:visited {
color: #FFF;
}

/* Red */
.nolinkdecred a:link {
color: #D00;
}

.nolinkdecred a:hover {
color: #D00;
}

.nolinkdecred a:visited {
color: #D00;
}

/* Black */
.nolinkdecblack a:link {
color: #000;
}

.nolinkdecblack a:hover {
color: #000;
}

.nolinkdecblack a:visited {
color: #000;
}
Personal tools