MediaWiki:Common.css: Difference between revisions

From One Nation Under Jou
Jump to navigation Jump to search
(Created page with "→‎CSS placed here will be applied to all skins: @font-face { font-family: 'GochiHand'; src: local("Gochi Hand"), url(https://xyz.wikipedia.org/w/extensions/Univ...")
 
No edit summary
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


@font-face {
/* Cascades border-box value to all elements that accept it
  font-family: 'GochiHand';
.mediawiki, .mediawiki *, .mediawiki *::before, .mediawiki *::after {
  src: local("Gochi Hand"),
-webkit-box-sizing: border-box;
      url(https://xyz.wikipedia.org/w/extensions/UniversalLanguageSelector/data/fontrepo/fonts/GochiHand/GochiHand-Regular.woff2);
-moz-box-sizing: border-box;
box-sizing: border-box;
}
}
*/
/* WikiEditor toolbar components cannot handle cascade
.wikiEditor-ui-toolbar * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
*/
/* neither can latest notification and talk bubble backgrounds
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-message .mw-echo-notifications-badge {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
*/
/*********
** TEMP Reproduce notorious 3.00em margin-left that WAS once part of Dynamic Layouts
*********/
/* setting ported to common.css on 01/25/2015 */
/* re-labeled ids moved to site.css on 05/03/2015 */
body.ns-0 #pageContainer,
body.ns-114 #pageContainer {
position: relative;
display: block;
margin-right: 0;
margin-left: 0;
}
body.ns-0 #regionContainer,
body.ns-114 #regionContainer {
position: relative;
display: block;
margin-right: 3.00em;
margin-left: 3.00em;
}
body.ns-0 #columnContainer,
body.ns-114 #columnContainer{
position: static;
display: block;
margin-right: auto;
margin-left: auto;
}
/* Layout area after h1 firstHeading but before div #mw-content-text */
/* body.skin-vector div.mw-body-content {
position: relative;
font-size: calc((12 / 16) * 1.00em;
line-height: 1.8667;
z-index: 0;
}
*/
/*********
** Most-used standard templates
*********/
/* All header templates */
/* colours common to Template:Header and MediaWiki:Proofreadpage header template */
table.headertemplate, table.footertemplate, .subheadertemplate {
border: 1px solid #ACA;
background-color: #E6F2E6;
}
/* Real header templates */
table.headertemplate, table.translationheadertemplate, table.portalheadertemplate, .subheadertemplate, .processheadertemplate, .authortemplate {
width: 100%;
margin-bottom: 4px;
}
/* Forward and backward link */
.gen_header_backlink, .gen_header_forelink {
width: 20%;
font-size: 0.9em;
line-height: normal;
}
.gen_header_backlink {
text-align: left;
}
.gen_header_forelink {
text-align: right;
}
/* Title field */
.gen_header_center_cell {
width: 60%;
text-align: center;
}
#header_section_text .mw-selflink {
font-weight: inherit; /* disable bolding of self-links in the section field of <pages header=1/> */
}
/* Notes field */
table.translation_notes, .process_notes, .author_notes {
width: 100%;
font-size: 0.9em;
line-height: 1.4;
margin-bottom: 4px; /* a bit of space before body-text; 1em might be better... */
}
table.header_notes {
border-bottom: 1px solid #A0A0A0;
background-color: #FAFAFF;
}
/* Specific header templates */
/* For Header template, see above with ProofreadPage code */
/* Template:Author */
.authortemplate {
border: 1px solid #BEA2A2;
background-color: #E4D8D8;
}
.author_notes {
border-bottom: 1px solid #A88;
background-color: #FFFBFC;
}
.author_seealso { /* Remove this if we change to Plain_sister usage */
float: right;
padding: 2px;
margin: 0 0 0.5em 1em;
border: 1px solid #CCC;
}
/* Process_header template */
.processheadertemplate {
border: 1px solid #966;
background-color: #DCA;
}
.process_notes {
border-bottom: 1px solid #A88;
background-color: #FFFBFC;
}
/* Portal_header template */
table.portalheadertemplate {
border: 1px solid #36A;
background-color: #DDE;
}
table.portal_notes {
border-bottom: 1px solid #88A;
background-color: #FCFBFF;
}
/* Translation_header template */
table.translationheadertemplate {
border: 1px solid #FDD017;
background-color: #FFB;
}
table.translation_notes {
border-bottom: 1px solid #FDD017;
background-color: #FFF8DC;
}
/***********
* Score extension
***********/
.mw-ext-score {
display: table;
margin: auto;
}
/* Prevent scores spilling over [[phab:T67252]] */
.mw-ext-score img {
    max-width: 100%;
    height: auto;
}
/*********
** File namespace
*********/
/* parameter fields for Information & Book templates */
.fileinfo-paramfield {
display: table-cell;
background: #CCF;
font-weight: bold;
padding-right: 0.40em;
text-align: right;
vertical-align: top;
width: 15%;
}
/*********
** Page namespace
*********/
/* transcluded pages */
.lefttext p {
text-indent: 2em;
}
.lefttext .poem p {
text-indent: 0;
}
.lefttext .tiInherit p {
text-indent: inherit;
}
.lefttext {
width: 33em;
text-align: justify;
margin-left: 5em;
}
.leftoutdent {
padding-left: 2em;
text-indent: -2em;
max-width: 33em;
margin-left: 5em;
}
/* similar to tiInherit, above; wrap something with a div of this class and set line-height; poem-tags, too */
.lhInherit p {
line-height: inherit;
}
/* Justify Text in Page namespace */
body.ns-104 div.pagetext, body.mw-mobile-mode div.pagetext {
text-align: justify !important;
}
/* ProofreadPage */
.quality4 { background-color: #90ff90 !important; }
.quality3 { background-color: #ffe867 !important; }
.quality2 { background-color: #b0b0ff !important; }
.quality1 { background-color: #ffa0a0 !important; }
.quality0 { background-color: #ddd !important; }
.qualitye { background-color: #ffffff !important; }
.ns-104 .mw-editsection {
visibility: hidden;
}
/* not in remarks */
div#remarks a.quality4 { background: #ffffff; }
div#remarks a.quality3 { background: #ffffff; }
div#remarks a.quality2 { background: #ffffff; }
div#remarks a.quality1 { background: #ffffff; }
div#remarks a.quality0 { background: #ffffff; }
div#remarks a.qualitye { background: #ffffff; }
/* pr_typos faux underline defaults */
.coquille {
border-bottom: 1px dashed #666;
}
/* pr_typos message forced right in Quality bar */
body.ns-104 span#corr-info {
float: right !important;
}
/*
* Specific to manipulating image files (IMG) via class settings
*/
img.floatright {
float: right !important;
}
img.floatleft {
float: left !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
*/
.mw-body a[href$=".pdf"].external, .mw-body a[href*=".pdf?"].external, .mw-body a[href*=".pdf#"].external, .mw-body a[href$=".PDF"].external, .mw-body a[href*=".PDF?"].external, .mw-body a[href*=".PDF#"].external, div#mw_content a[href$=".pdf"].external, div#mw_content a[href*=".pdf?"].external, div#mw_content a[href*=".pdf#"].external, div#mw_content a[href$=".PDF"].external, div#mw_content a[href*=".PDF?"].external, div#mw_content a[href*=".PDF#"].external {
background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
/* @noflip */
padding-right: 18px;
}
/* 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.
*/
.mw-body span.PDFlink a, div#mw_content span.PDFlink a {
background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
/* @noflip */
padding-right: 18px;
}
/*********
** Ruby text
*********/
rt {
/* because the default font-size is 0.875em, bump up the smaller text size or it's really small at 50% */
font-size: 60%;
}
/*********
** Dividers
*********/
hr {
/* don't allow to exceed page size even if set manually */
max-width:100%;
}
@media print {
p {
text-align: inherit; /* override the load.php 'justify', which breaks centre and right alignments */
}
#mw-content-text {
text-align: justify; /* apply justify to the out div, and centred/right-aligned can override as usual */
}
}
/*************
** OOUI hacks
*************/
/* T280543 */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help {
    margin-left: -2rem;
}
/* @end */

Revision as of 23:45, 18 July 2021

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

/* Cascades border-box value to all elements that accept it 
.mediawiki, .mediawiki *, .mediawiki *::before, .mediawiki *::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
*/
/* WikiEditor toolbar components cannot handle cascade 
.wikiEditor-ui-toolbar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
*/
/* neither can latest notification and talk bubble backgrounds 
#pt-notifications-alert .mw-echo-notifications-badge, #pt-notifications-message .mw-echo-notifications-badge {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
*/
/*********
** TEMP Reproduce notorious 3.00em margin-left that WAS once part of Dynamic Layouts
*********/
/* setting ported to common.css on 01/25/2015 */
/* re-labeled ids moved to site.css on 05/03/2015 */
body.ns-0 #pageContainer,
body.ns-114 #pageContainer {
	position: relative;
	display: block;
	margin-right: 0;
	margin-left: 0;
}
body.ns-0 #regionContainer,
body.ns-114 #regionContainer {
	position: relative;
	display: block;
	margin-right: 3.00em;
	margin-left: 3.00em;
}
body.ns-0 #columnContainer,
body.ns-114 #columnContainer{
	position: static;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
/* Layout area after h1 firstHeading but before div #mw-content-text */
/* body.skin-vector div.mw-body-content {
	position: relative;
	font-size: calc((12 / 16) * 1.00em;
	line-height: 1.8667;
	z-index: 0;
}
*/
/*********
** Most-used standard templates
*********/
/*	All header templates	*/
/* colours common to Template:Header and MediaWiki:Proofreadpage header template */
table.headertemplate, table.footertemplate, .subheadertemplate {
	border: 1px solid #ACA;
	background-color: #E6F2E6;
}
/* Real header templates */
table.headertemplate, table.translationheadertemplate, table.portalheadertemplate, .subheadertemplate, .processheadertemplate, .authortemplate {
	width: 100%;
	margin-bottom: 4px;
}
/* Forward and backward link */
.gen_header_backlink, .gen_header_forelink {
	width: 20%;
	font-size: 0.9em;
	line-height: normal;
}
.gen_header_backlink {
	text-align: left;
}
.gen_header_forelink {
	text-align: right;
}
/* Title field */
.gen_header_center_cell {
	width: 60%;
	text-align: center;
}

#header_section_text .mw-selflink {
	font-weight: inherit; /* disable bolding of self-links in the section field of <pages header=1/> */
}

/* Notes field */
table.translation_notes, .process_notes, .author_notes {
	width: 100%;
	font-size: 0.9em;
	line-height: 1.4;
	margin-bottom: 4px;	/* a bit of space before body-text; 1em might be better... */
}
table.header_notes {
	border-bottom: 1px solid #A0A0A0;
	background-color: #FAFAFF;
}
/* Specific header templates */
/* For Header template, see above with ProofreadPage code */

/* Template:Author */
.authortemplate {
	border: 1px solid #BEA2A2;
	background-color: #E4D8D8;
}
.author_notes {
	border-bottom: 1px solid #A88;
	background-color: #FFFBFC;
}
.author_seealso {	/* Remove this if we change to Plain_sister usage */
	float: right;
	padding: 2px;
	margin: 0 0 0.5em 1em;
	border: 1px solid #CCC;
}
/* Process_header template */
.processheadertemplate {
	border: 1px solid #966;
	background-color: #DCA;
}
.process_notes {
	border-bottom: 1px solid #A88;
	background-color: #FFFBFC;
}
/* Portal_header template */
table.portalheadertemplate {
	border: 1px solid #36A;
	background-color: #DDE;
}
table.portal_notes {
	border-bottom: 1px solid #88A;
	background-color: #FCFBFF;
}
/* Translation_header template */
table.translationheadertemplate {
	border: 1px solid #FDD017;
	background-color: #FFB;	
}
table.translation_notes {
	border-bottom: 1px solid #FDD017;
	background-color: #FFF8DC;	
}
/***********
 * Score extension
 ***********/
.mw-ext-score {
	display: table;
	margin: auto;
}
/* Prevent scores spilling over [[phab:T67252]] */
.mw-ext-score img {
    max-width: 100%;
    height: auto;
}
/*********
** File namespace
*********/
/* parameter fields for Information & Book templates */
.fileinfo-paramfield {
	display: table-cell;
	background: #CCF;
	font-weight: bold;
	padding-right: 0.40em;
	text-align: right;
	vertical-align: top;
	width: 15%;
}
/*********
** Page namespace
*********/
/* transcluded pages */
.lefttext p {
	text-indent: 2em;
}
.lefttext .poem p {
	text-indent: 0;
}
.lefttext .tiInherit p {
	text-indent: inherit;
}
.lefttext {
	width: 33em;
	text-align: justify;
	margin-left: 5em;
}
.leftoutdent {
	padding-left: 2em;
	text-indent: -2em;
	max-width: 33em;
	margin-left: 5em;
}
/* similar to tiInherit, above; wrap something with a div of this class and set line-height; poem-tags, too */
.lhInherit p {
	line-height: inherit;
}
/* Justify Text in Page namespace */
body.ns-104 div.pagetext, body.mw-mobile-mode div.pagetext {
	text-align: justify !important;
}
/* ProofreadPage */
.quality4 { background-color: #90ff90 !important; }
.quality3 { background-color: #ffe867 !important; }
.quality2 { background-color: #b0b0ff !important; }
.quality1 { background-color: #ffa0a0 !important; }
.quality0 { background-color: #ddd !important; }
.qualitye { background-color: #ffffff !important; }
.ns-104 .mw-editsection {
	visibility: hidden;
}
/* not in remarks */
div#remarks a.quality4 { background: #ffffff; }
div#remarks a.quality3 { background: #ffffff; }
div#remarks a.quality2 { background: #ffffff; }
div#remarks a.quality1 { background: #ffffff; }
div#remarks a.quality0 { background: #ffffff; }
div#remarks a.qualitye { background: #ffffff; }
/* pr_typos faux underline defaults */
.coquille {
	border-bottom: 1px dashed #666;
}
/* pr_typos message forced right in Quality bar */
body.ns-104 span#corr-info {
	float: right !important;
}
/*
 * Specific to manipulating image files (IMG) via class settings
 */
img.floatright {
	float: right !important;
}
img.floatleft {
	float: left !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
 */
.mw-body a[href$=".pdf"].external, .mw-body a[href*=".pdf?"].external, .mw-body a[href*=".pdf#"].external, .mw-body a[href$=".PDF"].external, .mw-body a[href*=".PDF?"].external, .mw-body a[href*=".PDF#"].external, div#mw_content a[href$=".pdf"].external, div#mw_content a[href*=".pdf?"].external, div#mw_content a[href*=".pdf#"].external, div#mw_content a[href$=".PDF"].external, div#mw_content a[href*=".PDF?"].external, div#mw_content a[href*=".PDF#"].external {
	background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
	/* @noflip */
	padding-right: 18px;
}
/* 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.
 */
.mw-body span.PDFlink a, div#mw_content span.PDFlink a {
	background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right;
	/* @noflip */
	padding-right: 18px;
}

/*********
** Ruby text
*********/
rt {
	/* because the default font-size is 0.875em, bump up the smaller text size or it's really small at 50% */
	font-size: 60%;
}

/*********
** Dividers
*********/
hr {
	/* don't allow to exceed page size even if set manually */
	max-width:100%;
}

@media print {
	p {
		text-align: inherit; /* override the load.php 'justify', which breaks centre and right alignments */
	}
	
	#mw-content-text {
		text-align: justify; /* apply justify to the out div, and centred/right-aligned can override as usual */
	}
}

/*************
** OOUI hacks
 *************/
/* T280543 */
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help,
.oo-ui-fieldLayout.oo-ui-labelElement.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-help {
    margin-left: -2rem;
}

/* @end */
Retrieved from "https://jou.swc-web.org/wiki/index.php?title=MediaWiki:Common.css&oldid=3"