From 2d7becccc787590499e8451d88394a84b8002f10 Mon Sep 17 00:00:00 2001 From: Waldir Pimenta Date: Mon, 29 Oct 2012 19:14:19 +0000 Subject: [PATCH] Reorganize commonPrint.css - Group related rulesets together - Harmonize comment headers for group rulesets and make them more visible for improved navigation Change-Id: Ie9928e8fe566c3907fcc2b2790f2e0a15ffd0436 --- skins/common/commonPrint.css | 339 ++++++++++++++++++----------------- 1 file changed, 176 insertions(+), 163 deletions(-) diff --git a/skins/common/commonPrint.css b/skins/common/commonPrint.css index a6d3b55692..31267e96d9 100644 --- a/skins/common/commonPrint.css +++ b/skins/common/commonPrint.css @@ -7,110 +7,10 @@ */ /* Thanks to A List Apart (http://alistapart.com/) for useful extras */ -a.stub, -a.new { - color: #ba0000; - text-decoration: none; -} - -#toc { - border: 1px solid #aaaaaa; - background-color: #f9f9f9; - padding: 5px; - display: -moz-inline-block; - display: inline-block; - display: table; - /* IE7 and earlier */ - zoom: 1; - *display: inline; -} - -/* images */ -div.floatright { - float: right; - clear: right; - position: relative; - margin: 0.5em 0 0.8em 1.4em; -} - -div.floatright p { - font-style: italic; -} - -div.floatleft { - float: left; - clear: left; - position: relative; - margin: 0.5em 1.4em 0.8em 0; -} - -div.floatleft p { - font-style: italic; -} - -div.center { - text-align: center; -} - -/* thumbnails */ -div.thumb { - border: none; - width: auto; - margin-top: 0.5em; - margin-bottom: 0.8em; - background-color: transparent; -} - -div.thumbinner { - border: 1px solid #cccccc; - padding: 3px !important; - background-color: White; - font-size: 94%; - text-align: center; - overflow: hidden; -} - -html .thumbimage { - border: 1px solid #cccccc; -} - -html .thumbcaption { - border: none; - text-align: left; - line-height: 1.4em; - padding: 3px !important; - font-size: 94%; -} - -div.magnify { - display: none; -} - -/* @noflip */ -div.tright { - float: right; - clear: right; - margin: 0.5em 0 0.8em 1.4em; -} - -/* @noflip */ -div.tleft { - float: left; - clear: left; - margin: 0.5em 1.4em 0.8em 0; -} - -img.thumbborder { - border: 1px solid #dddddd; -} - -body { - background: white; - color: black; - margin: 0; - padding: 0; -} +/** + * Hide all the elements irrelevant for printing + */ .noprint, div#jump-to-nav, .mw-jump, @@ -135,29 +35,39 @@ span.mw-filepage-other-resolutions, #filetoc, .usermessage, .patrollink, -#mw-navigation { - /* Hides all the elements irrelevant for printing */ +#mw-navigation, +#siteNotice { display: none; } -ul { - list-style-type: square; +/** + * Pagination + */ +.wikitable, .thumb, img { + page-break-inside: avoid; } -#content { - background: none; - border: none !important; - padding: 0 !important; - margin: 0 !important; - direction: ltr; +h2, h3, h4, h5, h6 { + page-break-after: avoid; } -#footer { +p { + widows: 3; + orphans: 3; +} + +/** + * Generic HTML elements + */ +body { background: white; color: black; - margin-top: 1em; - border-top: 1px solid #AAA; - direction: ltr; + margin: 0; + padding: 0; +} + +ul { + list-style-type: square; } h1, h2, h3, h4, h5, h6 { @@ -183,10 +93,69 @@ pre, .mw-code { color: black; } -table.listing, -table.listing td { - border: 1pt solid black; - border-collapse: collapse; +/** + * MediaWiki-specific elements + */ +#globalWrapper { + width: 100% !important; + min-width: 0 !important; +} + +#content { + background: white; + border: none !important; + padding: 0 !important; + margin: 0 !important; + direction: ltr; + color: black; +} + +#column-content { + margin: 0 !important; +} + +#column-content #content { + padding: 1em; + margin: 0 !important; +} + +#toc { + border: 1px solid #aaaaaa; + background-color: #f9f9f9; + padding: 5px; + display: -moz-inline-block; + display: inline-block; + display: table; + /* IE7 and earlier */ + zoom: 1; + *display: inline; +} + +#footer { + background: white; + color: black; + margin-top: 1em; + border-top: 1px solid #AAA; + direction: ltr; +} + +img { + border: none; + vertical-align: middle; +} + +/* math */ +span.texhtml { + font-family: serif; +} + +/** + * Links + */ +a.stub, +a.new { + color: #ba0000; + text-decoration: none; } a { @@ -201,37 +170,18 @@ a:link, a:visited { text-decoration: underline; } +/* Expand URLs for printing */ #content a.external.text:after, #content a.external.autonumber:after { - /* Expand URLs for printing */ content: " (" attr(href) ")"; } +/* Expand protocol-relative URLs for printing */ #content a.external.text[href^='//']:after, #content a.external.autonumber[href^='//']:after { - /* Expand protocol-relative URLs for printing */ content: " (https:" attr(href) ")"; } -#globalWrapper { - width: 100% !important; - min-width: 0 !important; -} - -#content { - background: white; - color: black; -} - -#column-content { - margin: 0 !important; -} - -#column-content #content { - padding: 1em; - margin: 0 !important; -} - /* MSIE/Win doesn't understand 'inherit' */ a, a.external, @@ -250,21 +200,92 @@ a.stub { text-decoration: inherit !important; } -img { +/** + * Floating divs + */ +div.floatright { + float: right; + clear: right; + position: relative; + margin: 0.5em 0 0.8em 1.4em; +} + +div.floatright p { + font-style: italic; +} + +div.floatleft { + float: left; + clear: left; + position: relative; + margin: 0.5em 1.4em 0.8em 0; +} + +div.floatleft p { + font-style: italic; +} + +div.center { + text-align: center; +} + +/** + * Thumbnails + */ +div.thumb { border: none; - vertical-align: middle; + width: auto; + margin-top: 0.5em; + margin-bottom: 0.8em; + background-color: transparent; } -/* math */ -span.texhtml { - font-family: serif; +div.thumbinner { + border: 1px solid #cccccc; + padding: 3px !important; + background-color: White; + font-size: 94%; + text-align: center; + overflow: hidden; } -#siteNotice { +html .thumbimage { + border: 1px solid #cccccc; +} + +html .thumbcaption { + border: none; + text-align: left; + line-height: 1.4em; + padding: 3px !important; + font-size: 94%; +} + +div.magnify { display: none; } -/* Galleries (see shared.css for more info) */ +/* @noflip */ +div.tright { + float: right; + clear: right; + margin: 0.5em 0 0.8em 1.4em; +} + +/* @noflip */ +div.tleft { + float: left; + clear: left; + margin: 0.5em 1.4em 0.8em 0; +} + +img.thumbborder { + border: 1px solid #dddddd; +} + +/** + * Galleries (see shared.css for more info) + */ li.gallerybox { vertical-align: top; display: inline-block; @@ -371,22 +392,14 @@ table.wikitable > caption, font-weight: bold; } -a.sortheader { - margin: 0 0.3em; -} - -/* Some pagination options */ -.wikitable, .thumb, img { - page-break-inside: avoid; -} - -h2, h3, h4, h5, h6 { - page-break-after: avoid; +table.listing, +table.listing td { + border: 1pt solid black; + border-collapse: collapse; } -p { - widows: 3; - orphans: 3; +a.sortheader { + margin: 0 0.3em; } /** -- 2.20.1