Difference between revisions of "MediaWiki:Print.css"

Revision as of 20:37, 16 September 2024

/* CSS placed here will affect the print output */

body, #globalWrapper, #column-content, #content, #bodyContent, @media print {
 font-family: "fedra";
}
@font-face {
 font-family: "fedra";
 src: url("FedraSans-Light.ttf");
 font-style:normal;
}
@font-face {
 font-family: "fedra";
 src: url("FedraSans-Medium.ttf");
 font-weight:bold;
}
@font-face {
 font-family: "fedra";
 src: url("FedraSans-LightItalic.ttf");
 font-style:italic;
}

/* list items to blocks */
#content ul li {
  padding-left: 0;
  text-indent: 0;
}
#content ul li ul li {
  padding-left: 1em;
}

/* language symbol in bibliography */
.languageicon {
  font-style: italic !important;
  font-weight: normal !important;
}



/* this via https://en.wikipedia.org/wiki/MediaWiki:Print.css, 20 Aug 2024 */

/* Do not print */
.ns-0 .metadata, /* items in mainspace marked as metadata */
.editlink, /* section edit links */
.mw-collapsible-toggle, /* Show/hide toggles for collapsible items. */
#mw-revision-nav, /* revision navigation on a permalink */
/* Add formatting to make sure that "external references" from templates
   like [[Template:Ref]] do not get URL expansion, not even when printed.
   The anchor itself has class "external autonumber" and the url expansion
   is inserted when printing using the ":after" pseudo-element of CSS. See
   mediawiki.skinning/content.tables-print.less
 */
.nourlexpansion a.external.text::after,
.nourlexpansion a.external.autonumber::after {
	display: none !important;
}

/* Uncollapse collapsible things
 * See also [[phab:T152330]]
 */
.mw-parser-output .mw-collapsed,
.mw-parser-output .mw-collapsed .mw-collapsible-content,
.mw-parser-output .mw-collapsed > li,
.mw-parser-output .mw-collapsed tr {
	/* fallback for browser versions that don't yet support revert
	 * on the support graph that's only grade C/X, so review this at a later date
	 */
	display: initial !important;
	display: revert !important; /* revert works better for tables */
}

/* On websites with siteSub visible, the margin on the firstHeading is not needed. */
#firstHeading {
	margin: 0;
}

/* We don't want very long URLs (that are added to the content in print) to widen the canvas */
#content a.external.text::after,
#content a.external.autonumber::after {
	word-wrap: break-word;
}

/*
- Basic infobox styling
- Remove background colors, they are hard to print
*/
.infobox {
	border: solid 1px #aaa;
	background-color: #fff;
	border-spacing: 0;
	border-collapse: collapse;
	width: 180pt !important; /*T174957*/
}

.infobox > * > tr > td,
.infobox > * > tr > th {
	padding: 2px 5px;
	border-bottom: 1px solid #EAECF0;		
}

/* Reduce noise for print medium - labels may be links */
.infobox a,
/* reset last border (set above) of infobox */
.infobox > * > tr:last-child > th,
.infobox > * > tr:last-child > td {
	border: 0;
}



/* undo URL expansion */

.mw-parser-output a.external.text:after,
.mw-parser-output a.external.autonumber:after {
        content: "";
}
.mw-parser-output a.external.text[ href^='//' ]:after,
.mw-parser-output a.external.autonumber[ href^='//' ]:after {
        content: "";
}


/* align with monoskop.org/MediaWiki:Vector.css, 12.9.2024 */

/* Fonts */
body, #content, .portlet { font-family: fedra, Palatino, "times new roman"; }
body b, #content b, .portlet b, b, strong, big, dt, th, td b { font-family: fedra-bold, Palatino, "times new roman"; }
body i, #content i, .portlet i, i, em { font-family: fedra-italic, Palatino, "times new roman"; }
body b i, #content b i, .portlet b i, b i, b em { font-family: fedra-bold-italic, Palatino, "times new roman"; }
h1, h2, h3, h4, h5, h6, div#content div#userloginForm h2 .createaccount-join, div#content h2#filehistory, div#content h2#filelinks { font-family: enriqueta, geneva, lucida; } 
h1 i, h2 i, h3 i, h4 i, h5 i, h6 i  { font-family: enriqueta, geneva, lucida; } 
.mw-body-content .toc h2 { font-family: fedra-bold, sans-serif; }

h1, h2, h3, h4, h5, h6, div#content div#userloginForm h2 .createaccount-join {
  margin: 0;
  border-bottom: 1px dotted #BBB;
  font-size: 100%;
}

div#content h1#firstHeading, h1 .firstheading { 
    font-size: 1.6em; 
    border-bottom: 1px solid black;
    font-family: enriqueta, geneva, lucida; 
    margin-top: -0.05em;
    z-index: 105;
  }
  h2 .mw-headline, h2 .mw-version-ext, h2 .mw-headline a, div#content div#userloginForm h2 .createaccount-join { font-size: 1.05em; padding-top: 1.5em; font-family: enriqueta, geneva, lucida; }
  h2 .mw-headline i { font-size: 1em; font-family: enriqueta, geneva, lucida; }
  h3 .mw-headline, h3 .mw-version-ext, h3 .mw-headline a { font-size: 1.15em; font-family: enriqueta, geneva, lucida; }
  h3 .mw-headline i { font-size: .85em; font-family: enriqueta, geneva, lucida; }
  h4 .mw-headline, #toctitle h2 { font-size: 1.1em; font-family: enriqueta, geneva, lucida; }
  h5 .mw-headline { font-size: 1em; font-family: enriqueta, geneva, lucida; }
  h6 .mw-headline { font-size: 1em; font-family: enriqueta, geneva, lucida; }

dl {
	margin-top: .5em;
}

/* Fonts */
@font-face {
    font-family: 'fedra';
    src: url('skins/monobook/fedrasanspro/fedrasanspro-light.woff2') format('woff2'),
         url('skins/monobook/fedrasanspro/fedrasanspro-light.woff') format('woff'),
         url('skins/monobook/fedrasanspro/fedrasanspro-light.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-light.ttf') format('truetype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'fedra-bold';
    src: url('skins/monobook/fedrasanspro/fedrasanspro-normal.woff2') format('woff2'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normal.woff') format('woff'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normal.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normal.ttf') format('truetype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normal.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'fedra-italic';
    src: url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.woff2') format('woff2'),
         url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.woff') format('woff'),
         url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.ttf') format('truetype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-lightitalic.svg') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'fedra-bold-italic';
    src: url('skins/monobook/fedrasanspro/fedrasanspro-normalitalic.woff2') format('woff2'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normalitalic.woff') format('woff'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normalitalic.eot?#iefix') format('embedded-opentype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normalitalic.ttf') format('truetype'),
         url('skins/monobook/fedrasanspro/fedrasanspro-normaltitalic.svg') format('svg');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: 'enriqueta';
    src: url('skins/monobook/enriqueta/enriqueta-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Page body */
div#content {
  margin-top: 0;
  padding-top: .3em;
  padding-bottom: .3em;
  padding-right: 0;
  font-size: 1em;
  color: black;
  border-top: none;
  border-bottom: none;
}
#mw-content-text li {
  padding-top: 0em;
  padding-bottom: 0;
  font-size: .8em;
  margin-left:0;
  margin-right: 1em;
  line-height: 1.6em;
}