MediaWiki:Common.css: Difference between revisions

Latest revision as of 19:36, 15 December 2025

/* CSS placed here will be applied to all skins */
/* wikitable/prettytable class for skinning normal tables */
table.wikitable,
table.prettytable {
    margin: 1em 1em 1em 0;
    background: #f9f9f9;
    border: 1px #aaa solid;
    border-collapse: collapse;
}
.wikitable th, .wikitable td,
.prettytable th, .prettytable td {
    border: 1px #aaa solid;
    padding: 0.2em;
}
.wikitable th,
.prettytable th {
    background: #f2f2f2;
    text-align: center;
}
.wikitable caption,
.prettytable caption {
    font-weight: bold;
}

.LanguageLinks {
margin-top:0.5em;
}
.LanguageLinks table {
border:1px solid #AAAAAA;
border-collapse:collapse;
clear:both;
font-size:85%;
margin:0 1px;
padding:0.2em;
}
.LanguageLinks span {
white-space:nowrap;
}

/* Pseudo-classes in support of [[Template:lang]]. */

:lang(he) {
    font-family: "SBL Hebrew", "Ezra SIL SR", "Ezra SIL", Cardo, "Chrysanthi Unicode", "TITUS Cyberbit Basic", "Arial Unicode MS", Narkisim, "Times New Roman";
    font-family /**/:inherit;
}
:lang(fa) {
    font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
    font-family /**/:inherit;
}
:lang(ps) {
    font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
    font-family /**/:inherit;
}
:lang(ur) {
    font-family: "Nafees Nastaleeq", "Pak Nastaleeq", PDMS_Jauhar;
    font-family /**/:inherit;
}
:lang(sux-Xsux) {
    font-family: Akkadian;
    font-family /**/:inherit;
}
:lang(ja) {
       font-family: Code2000, "Arial Unicode MS", "Bitstream Cyberbit", "Bitstream CyberCJK", IPAGothic, IPAPGothic, IPAUIGothic, "Kochi Gothic", IPAMincho, IPAPMincho;
    font-family /**/:inherit;
}
:lang(ko) {
    font-family: "Adobe Myungjo Std M", AppleMyungjo, "Baekmuk Batang", "Baekmuk Gulim", Batang, Dotum, DotumChe, Gulim, GulimChe, HYGothic-Extra, HYMyeongJo-Extra, "New Gulim", UnBatang, UnDotum, UnYetgul, UWKMJF;
    font-family /**/:inherit;
}
:lang(zh-Hans) {
    font-family: "Adobe Song Std L", "AR PL ShanHeiSun Uni", "AR PL ShanHeiSun Uni MBE", "MS Hei", "MS Song", SimHei;
    font-family /**/:inherit;
}
:lang(zh-Hant) {
    font-family: "Adobe Ming Std L", "AR PL New Sung", "AR PL ZenKai Uni", "AR PL ZenKai Uni MBE", MingLiU, PMingLiU;
    font-family /**/:inherit;
}
:lang(grc) {
    font-family: "Athena Unicode", Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000;
    font-family /**/:inherit;
}

/* Article message box template styles */
table.ambox {
    margin: 0 10%;                       /* Will not overlap with other elements */
    border-collapse: collapse; 
    background: #fbfbfb; 
    border: 1px solid #aaa; 
    border-left: 10px solid #1e90ff;     /* Default "notice" blue */
}
table.ambox th.mbox-text, table.ambox td.mbox-text {      /* The message body cell(s) */
    padding: 0.25em 0.5em;            /* 0.5em left/right */
    width: 100%;                      /* Make all templates the same width regardless of text size */
}
table.ambox td.mbox-image {          /* The left image cell */
    padding: 2px 0px 2px 0.5em;       /* 0.5em left, 0px right */
    text-align: center; 
}
table.ambox td.mbox-imageright {     /* The right image cell */
    padding: 2px 4px 2px 0px;         /* 0px left, 4px right */
    text-align: center; 
}
table.ambox-notice {
    border-left: 10px solid #1e90ff;     /* Blue */
/* border-right: 10px solid #1e90ff; */  /* If you want two blue bars */
}
table.ambox-delete,
table.ambox-serious {
    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-merge {
    border-left: 10px solid #9932cc;     /* Purple */
}
table.ambox-protection {
    border-left: 10px solid #bba;        /* Gray */
}
table.ambox.ambox-mini {                 /* Small floating box variant */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}
@media print {                           /* Do not print article message box */
    .ambox {
        display: none;
    }
}

/* Messagebox templates */
.messagebox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    width: 80%;
    margin: 0 auto 1em auto;
    padding: .2em;
}
.messagebox.merge {
    border: 1px solid #c0b8cc;
    background-color: #f0e5ff;
    text-align: center;
}
.messagebox.cleanup {
    border: 1px solid #9f9fff;
    background-color: #efefff;
    text-align: center;
}
.messagebox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}
.messagebox.nested-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
    width: 100%;
    margin: 2px 4px 2px 4px;
}
.messagebox.small {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em; 
}
.messagebox.small-talk {
    width: 238px;
    font-size: 85%;
    float: right;
    clear: both;
    margin: 0 0 1em 1em;
    line-height: 1.25em; 
    background: #F8EABA;
}

/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column {
    float: left;
    width: 50%;
    min-width: 300px;
}

div.columns-3 div.column {
    float: left;
    width: 33.3%;
    min-width: 200px;
}

div.columns-4 div.column {
    float: left;
    width: 25%;
    min-width: 150px;
}

div.columns-5 div.column {
    float: left;
    width: 20%;
    min-width: 120px;
}

/* Style for "notices" */
.notice {
    margin: 1em;
    padding: 0.2em;
}

#disambig {
    border-top: 1px solid #ccc; 
    border-bottom: 1px solid #ccc;
}

.spoiler {
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}

/* Infobox template style */
.infobox {
    border: 1px solid #aaa;
    background-color: #f9f9f9;
    color: black;
    margin: 0.5em 0 0.5em 1em;
    padding: 0.2em;
    float: right;
    clear: right;
}
.infobox td,
.infobox th {
    vertical-align: top;
}
.infobox caption {
    font-size: larger;
    margin-left: inherit;
}
.infobox.bordered {
    border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
    border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
    border: 0;
}

.infobox.sisterproject {
    width: 20em;
    font-size: 90%;
}

@media print {
    .infobox.sisterproject {
        display: none;
    }
}

.infobox.standard-talk {
    border: 1px solid #c0c090;
    background-color: #f8eaba;
}

/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
    border: 0;
    border-top: 1px solid #aaa;
    border-right: 1px solid #aaa;
}

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

/* Styles for geography infoboxes, e.g. countries, country subdivisions, cities, etc. */
.infobox.geography {
    text-align: left;
    border-collapse: collapse;
    line-height: 1.2em; 
    font-size: 90%;
}

.infobox.geography  td,
.infobox.geography  th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.4em 0.6em;
}
.infobox.geography .mergedtoprow td,
.infobox.geography .mergedtoprow th {
    border-top: solid 1px #aaa;
    padding: 0.4em 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedrow td,
.infobox.geography .mergedrow th {
    border: 0;
    padding: 0 0.6em 0.2em 0.6em;
}

.infobox.geography .mergedbottomrow td,
.infobox.geography .mergedbottomrow th {
    border-top: 0;
    border-bottom: solid 1px #aaa;
    padding: 0 0.6em 0.4em 0.6em;
}

.infobox.geography .maptable td,
.infobox.geography .maptable th {
    border: 0;
    padding: 0;
}

/* 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:2px;
}
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-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 */
}
 
@media print {
    .navbox {
        display: none;
    }
}

/* make the list of references look smaller */
ol.references {
    font-size: 100%;
}

.references-small { font-size: 90%;}

/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */
/* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */
/* column-count is from the CSS3 module "CSS Multi-column Layout" */
/* Please ignore any validator errors caused by these two lines */
.references-2column {
    font-size: 90%;
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
}

.same-bg { background: none; }

/* Highlight clicked reference in blue to help navigation */
ol.references > li:target {
    background-color: #DEF;
}

sup.reference:target { 
    background-color: #DEF;
}

/* Styling for citations */
cite {
    font-style: normal;
    word-wrap: break-word;
}

/* If there is an inline link to a full citation, the full citation will turn blue when the inline link is clicked */
cite:target { 
    background-color: #DEF;
}

/* Do not expand URLs within citations for printing. The URLs should be included explicitly, to avoid confusion */

@media print {
    #content cite a.external.text:after {
        display: none;
    }
}

/* For linked citation numbers and document IDs, where the number need not be shown on a screen or a handheld, but should be included in the printed version */

@media screen, handheld, projection {
    cite *.printonly {
        display: none;
    }
}

th.mbox-text, td.mbox-text {
border:medium none;
padding:0.25em 0.9em;
width:100%;
}
td.mbox-image {
border:medium none;
padding:2px 0 2px 0.9em;
text-align:center;
}
td.mbox-imageright {
border:medium none;
padding:2px 0.9em 2px 0;
text-align:center;
}
.mediawiki table.mbox-small {
clear:right;
float:right;
font-size:88%;
line-height:1.25em;
margin:4px 0 4px 1em;
width:238px;
}
table.ambox {
background:#FBFBFB none repeat scroll 0 0;
border-color:#AAAAAA #AAAAAA #AAAAAA #1E90FF;
border-style:solid;
border-width:1px 1px 1px 10px;
margin:-1px 10% 0;
}
.ambox th.mbox-text, .ambox td.mbox-text {
padding:0.25em 0.5em;
}
.ambox td.mbox-image {
padding:2px 0 2px 0.5em;
}
.ambox td.mbox-imageright {
padding:2px 0.5em 2px 0;
}
table.ambox-notice {
border-left:10px solid #1E90FF;
}
table.ambox-speedy {
background:#FFEEEE none repeat scroll 0 0;
border-left:10px solid #B22222;
}
table.ambox-delete {
border-left:10px solid #B22222;
}
table.ambox-content {
border-left:10px solid #F28500;
}
table.ambox-style {
border-left:10px solid #F4C430;
}
table.ambox-move {
border-left:10px solid #9932CC;
}
table.ambox-protection {
border-left:10px solid #BBBBAA;
}
table.imbox {
background:#FBFBFB none repeat scroll 0 0;
border:3px solid #1E90FF;
border-collapse:collapse;
margin:4px 10%;
}
.imbox .mbox-text .imbox {
margin:0 -0.5em;
}
.mbox-inside .imbox {
margin:4px;
}
table.imbox-notice {
border:3px solid #1E90FF;
}
table.imbox-speedy {
background:#FFEEEE none repeat scroll 0 0;
border:3px solid #B22222;
}
table.imbox-delete {
border:3px solid #B22222;
}
table.imbox-content {
border:3px solid #F28500;
}
table.imbox-style {
border:3px solid #F4C430;
}
table.imbox-move {
border:3px solid #9932CC;
}
table.imbox-protection {
border:3px solid #BBBBAA;
}
table.imbox-license {
background:#F7F8FF none repeat scroll 0 0;
border:3px solid #8888AA;
}
table.imbox-featured {
border:3px solid #CBA135;
}
table.cmbox {
background:#DFE8FF none repeat scroll 0 0;
border:1px solid #AAAAAA;
border-collapse:collapse;
margin:3px 10%;
}
table.cmbox-notice {
background:#D8E8FF none repeat scroll 0 0;
}
table.cmbox-speedy {
background:#FFDBDB none repeat scroll 0 0;
border:4px solid #B22222;
margin-bottom:4px;
margin-top:4px;
}
table.cmbox-delete {
background:#FFDBDB none repeat scroll 0 0;
}
table.cmbox-content {
background:#FFE7CE none repeat scroll 0 0;
}
table.cmbox-style {
background:#FFF9DB none repeat scroll 0 0;
}
table.cmbox-move {
background:#E4D8FF none repeat scroll 0 0;
}
table.cmbox-protection {
background:#EFEFE1 none repeat scroll 0 0;
}
table.ombox {
background:#F9F9F9 none repeat scroll 0 0;
border:1px solid #AAAAAA;
border-collapse:collapse;
margin:4px 10%;
}
table.ombox-notice {
border:1px solid #AAAAAA;
}
table.ombox-speedy {
background:#FFEEEE none repeat scroll 0 0;
border:2px solid #B22222;
}
table.ombox-delete {
border:2px solid #B22222;
}
table.ombox-content {
border:1px solid #F28500;
}
table.ombox-style {
border:1px solid #F4C430;
}
table.ombox-move {
border:1px solid #9932CC;
}
table.ombox-protection {
border:2px solid #BBBBAA;
}
table.tmbox {
background:#F8EABA none repeat scroll 0 0;
border:1px solid #C0C090;
border-collapse:collapse;
margin:4px 10%;
}
.mediawiki .mbox-inside .tmbox {
margin:2px 0;
width:100%;
}
.mbox-inside .tmbox.mbox-small {
font-size:100%;
line-height:1.5em;
}
table.tmbox-speedy {
background:#FFEEEE none repeat scroll 0 0;
border:2px solid #B22222;
}
table.tmbox-delete {
border:2px solid #B22222;
}
table.tmbox-content {
border:2px solid #F28500;
}
table.tmbox-style {
border:2px solid #F4C430;
}
table.tmbox-move {
border:2px solid #9932CC;
}
table.tmbox-protection, table.tmbox-notice {
border:1px solid #C0C090;
}
div.fmbox-warning, div.mw-warning-with-logexcerpt, div.mw-cascadeprotectedwarning {
background:#FFDBDB none repeat scroll 0 0;
border:1px solid #BB7070;
clear:both;
margin:0.2em 0;
padding:0.25em 0.9em;
}

.majorwarning {
background:yellow none repeat scroll 0 0;
border:2px solid red;
font-size:125%;
padding:0.3em;
text-align:center;
}
.page-notice, .page-warning {
border-style:solid;
border-width:1px;
margin-bottom:1em;
margin-left:auto;
margin-right:auto;
padding:0.3em 0.5em;
text-align:center;
width:95%;
}
.page-notice {
background-color:#F9F9F9;
border-color:#025E9D;
text-align:left;
}
.page-warning {
background-color:#FFFFFF;
border-color:#C51919;
border-width:2px;
}
.pw-head {
color:#C51919;
font-weight:bold;
}
.block-note {
background-image:url(http://upload.wikimedia.org/wikipedia/commons/thumb/6/60/Bulbgraph.png/18px-Bulbgraph.png);
background-position:left top;
background-repeat:no-repeat;
}
.block-contents {
display:block;
padding-left:20px;
}

/**
* Stylesheet for Babel extension.
*
* This should be added to your MediaWiki:Common.css page when installing this
* extension and should not be modified.  You may modify the CSS code on the
* MediaWiki:Common.css page to adjust colours etc.
*
* @addtogroup Extensions
*/

/* Babel wrapper layout. */
table.mw-babel-wrapper {
	width:        238px;
	float:        right;
	clear:        right;
	margin:       1em;
	border-style: solid;
	border-width: 1px;
	border-color: #99B3FF;
}

/* Babel box layout. */
div.mw-babel-box {
	float:  left;
	clear:  left;
	margin: 1px;
}

div.mw-babel-box table {
	width: 238px;
}

div.mw-babel-box table th {
	width:       238px;
	width:       45px;
	height:      45px;
	font-size:   14pt;
	font-family: monospace;
}

div.mw-babel-box table td {
	font-size:   8pt;
	padding:     4pt;
	line-height: 1.25em;
}

/* Babel box colours. */
div.mw-babel-box-0 {
	border: solid #B7B7B7 1px;
}

div.mw-babel-box-1 {
	border: solid #C0C8FF 1px;
}

div.mw-babel-box-2 {
	border: solid #77E0E8 1px;
}

div.mw-babel-box-3 {
	border: solid #99B3FF 1px;
}

div.mw-babel-box-4 {
	border: solid #CCCC00 1px;
}

div.mw-babel-box-5 {
	border: solid #F99C99 1px;
}

div.mw-babel-box-N {
	border: solid #6EF7A7 1px;
}

div.mw-babel-box-0 table th {
	background-color: #B7B7B7;
}

div.mw-babel-box-1 table th {
	background-color: #C0C8FF;
}

div.mw-babel-box-2 table th {
	background-color: #77E0E8;
}

div.mw-babel-box-3 table th {
	background-color: #99B3FF;
}

div.mw-babel-box-4 table th {
	background-color: #CCCC00;
}

div.mw-babel-box-5 table th {
	background-color: #F99C99;
}

div.mw-babel-box-N table th{
	background-color: #6EF7A7;
}

div.mw-babel-box-0 table {
	background-color: #E8E8E8;
}

div.mw-babel-box-1 table {
	background-color: #F0F8FF;
}

div.mw-babel-box-2 table {
	background-color: #D0F8FF;
}

div.mw-babel-box-3 table {
	background-color: #E0E8FF;
}

div.mw-babel-box-4 table {
	background-color: #FFFF99;
}

div.mw-babel-box-5 table {
	background-color: #F9CBC9;
}

div.mw-babel-box-N table {
	background-color: #C5FCDC;
}

.babel-box td.babel-footer {
	text-align: center;
}

.contributionscores-wrapper       {  }
.contributionscores-title         { background-color: #aaaaaa; margin-bottom: 0px; padding-left: .4em; }
.contributionscores .header { background-color: #cccccc; border-bottom: 1px solid #999999; font-weight: bold; }
.contributionscores .odd        { background-color: #eeeeee; }
.contributionscores .header td   { padding-left: .2em; padding-right: .2em; }
.contributionscores .content   { padding-left: .2em; padding-right: .2em; }

.verse pre {
  background-color: #ffffff;
  font-family:sans-serif;
  line-height: 150%;
  border: 0px;
  padding-left: 2em;
  margin: 0;
  white-space: pre;
}

.verse p {
  white-space: pre;
}

.prose p {
}

.prose {
  width: 35em;
  text-align:justify;
  margin:0px auto;
}

#p-googleadsense .pBody {
    padding-top: 5px;
    text-align:  center;
}
.languageTable td{
  border-style: none !important;
}

/* ==========================================================================
   MOBILE RESPONSIVE STYLES
   ========================================================================== */

/* Make main page responsive */
@media screen and (max-width: 768px) {
    /* Stack main page tables vertically */
    #mp-topbanner,
    #mp-topbanner > tbody > tr,
    #mp-topbanner > tbody > tr > td {
        display: block !important;
        width: 100% !important;
    }
    
    /* Make all tables responsive */
    table {
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Stack table cells on mobile */
    .mw-body-content > table > tbody > tr > td,
    .mw-parser-output > table > tbody > tr > td {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    
    /* Hide fixed-width imagemap, show regular image */
    .mw-parser-output map,
    .mw-parser-output img[usemap] + div {
        display: none !important;
    }
    
    /* Make images responsive */
    .mw-parser-output img {
        max-width: 100% !important;
        height: auto !important;
    }
    
    /* Fix sidebar boxes on main page */
    .mw-parser-output table[style*="width: 300px"],
    .mw-parser-output table[style*="width:300px"] {
        width: 100% !important;
        float: none !important;
    }
    
    /* Stack two-column layouts */
    .mw-parser-output td[style*="vertical-align: top"][style*="border-right"],
    .mw-parser-output td[style*="width: 300px"] {
        display: block !important;
        width: 100% !important;
        border-right: none !important;
        padding: 0.5em !important;
    }
    
    /* Improve readability of content boxes */
    .mw-parser-output div[style*="padding"] {
        padding: 0.5em !important;
    }
    
    /* Make navigation links wrap properly */
    #mp-topbanner ul {
        padding-left: 1em;
    }
    
    /* Infoboxes should not float on mobile */
    .infobox {
        float: none !important;
        margin: 1em auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }
    
    /* Navboxes */
    .navbox {
        font-size: 100% !important;
    }
    
    /* Babel boxes */
    table.mw-babel-wrapper {
        float: none !important;
        width: 100% !important;
        margin: 1em 0 !important;
    }
}

/* Slightly larger screens - tablets */
@media screen and (max-width: 1024px) and (min-width: 769px) {
    .mw-parser-output img[usemap] {
        max-width: 100%;
        height: auto;
    }
}

/* Make imagemap image responsive while keeping functionality on larger screens */
.mw-parser-output .noresize {
    max-width: 100%;
    height: auto !important;
    width: auto !important;
}

.mw-parser-output .noresize img {
    max-width: 100%;
    height: auto !important;
}

/* Better touch targets for mobile */
@media screen and (max-width: 768px) {
    .mw-parser-output a {
        padding: 0.25em 0;
        display: inline-block;
    }
    
    .mw-parser-output li {
        margin-bottom: 0.5em;
    }
}