resources/src/mediawiki.legacy/commonPrint.css

   1 /**
   2  * MediaWiki Print style sheet for CSS2-capable browsers.
   3  * Copyright Gabriel Wicke, http://www.aulinx.de/
   4  *
   5  * Derived from the plone (http://plone.org/) styles
   6  * Copyright Alexander Limi
   7  */
   8
   9 /* Thanks to A List Apart (http://alistapart.com/) for useful extras */
  10
  11 /**
  12  * Hide all the elements irrelevant for printing
  13  */
  14 .noprint,
  15 div#jump-to-nav,
  16 .mw-jump,
  17 div.top,
  18 div#column-one,
  19 .mw-editsection,
  20 .mw-editsection-like,
  21 .toctoggle,
  22 #toc.tochidden,
  23 div#f-poweredbyico,
  24 div#f-copyrightico,
  25 li#about,
  26 li#disclaimer,
  27 li#mobileview,
  28 li#privacy,
  29 #footer-places,
  30 .mw-hidden-catlinks,
  31 tr.mw-metadata-show-hide-extended,
  32 .usermessage,
  33 .patrollink,
  34 .ns-0 .mw-redirectedfrom,
  35 #mw-navigation,
  36 #siteNotice {
  37         display: none;
  38 }
  39
  40 /**
  41  * Pagination
  42  */
  43 .wikitable, .thumb, img {
  44         page-break-inside: avoid;
  45 }
  46
  47 h2, h3, h4, h5, h6 {
  48         page-break-after: avoid;
  49 }
  50
  51 p {
  52         widows: 3;
  53         orphans: 3;
  54 }
  55
  56 /**
  57  * Generic HTML elements
  58  */
  59 body {
  60         background: white;
  61         color: black;
  62         margin: 0;
  63         padding: 0;
  64 }
  65
  66 ul {
  67         list-style-type: square;
  68 }
  69
  70 h1, h2, h3, h4, h5, h6 {
  71         font-weight: bold;
  72 }
  73
  74 dt {
  75         font-weight: bold;
  76 }
  77
  78 p {
  79         margin: 1em 0;
  80         line-height: 1.2em;
  81 }
  82
  83 pre, .mw-code {
  84         border: 1pt dashed black;
  85         white-space: pre;
  86         font-size: 8pt;
  87         overflow: auto;
  88         padding: 1em 0;
  89         background: white;
  90         color: black;
  91 }
  92
  93 /**
  94  * MediaWiki-specific elements
  95  */
  96 #globalWrapper {
  97         width: 100% !important;
  98         min-width: 0 !important;
  99 }
 100
 101 .mw-body {
 102         background: white;
 103         border: none !important;
 104         padding: 0 !important;
 105         margin: 0 !important;
 106         direction: ltr;
 107         color: black;
 108 }
 109
 110 #column-content {
 111         margin: 0 !important;
 112 }
 113
 114 #column-content .mw-body {
 115         padding: 1em;
 116         margin: 0 !important;
 117 }
 118
 119 #toc {
 120         border: 1px solid #aaaaaa;
 121         background-color: #f9f9f9;
 122         padding: 5px;
 123         display: inline-block;
 124         display: table;
 125         /* IE7 and earlier */
 126         zoom: 1;
 127         *display: inline;
 128 }
 129
 130 #footer {
 131         background: white;
 132         color: black;
 133         margin-top: 1em;
 134         border-top: 1px solid #AAA;
 135         direction: ltr;
 136 }
 137
 138 img {
 139         border: none;
 140         vertical-align: middle;
 141 }
 142
 143 /* math */
 144 span.texhtml {
 145         font-family: serif;
 146 }
 147
 148 /**
 149  * Links
 150  */
 151 a.stub,
 152 a.new {
 153         color: #ba0000;
 154         text-decoration: none;
 155 }
 156
 157 a {
 158         color: black !important;
 159         background: none !important;
 160         padding: 0 !important;
 161 }
 162
 163 a:link, a:visited {
 164         color: #520;
 165         background: transparent;
 166         text-decoration: underline;
 167 }
 168
 169 /* Expand URLs for printing */
 170 .mw-body a.external.text:after,
 171 .mw-body a.external.autonumber:after {
 172         content: " (" attr(href) ")";
 173 }
 174
 175 /* Expand protocol-relative URLs for printing */
 176 .mw-body a.external.text[href^='//']:after,
 177 .mw-body a.external.autonumber[href^='//']:after {
 178         content: " (https:" attr(href) ")";
 179 }
 180
 181 /* MSIE/Win doesn't understand 'inherit' */
 182 a,
 183 a.external,
 184 a.new,
 185 a.stub {
 186         color: black !important;
 187         text-decoration: none !important;
 188 }
 189
 190 /* Continue ... */
 191 a,
 192 a.external,
 193 a.new,
 194 a.stub {
 195         color: inherit !important;
 196         text-decoration: inherit !important;
 197 }
 198
 199 /**
 200  * Floating divs
 201  */
 202 /* @noflip */
 203 div.floatright {
 204         float: right;
 205         clear: right;
 206         position: relative;
 207         margin: 0.5em 0 0.8em 1.4em;
 208 }
 209
 210 div.floatright p {
 211         font-style: italic;
 212 }
 213
 214 /* @noflip */
 215 div.floatleft {
 216         float: left;
 217         clear: left;
 218         position: relative;
 219         margin: 0.5em 1.4em 0.8em 0;
 220 }
 221
 222 div.floatleft p {
 223         font-style: italic;
 224 }
 225
 226 div.center {
 227         text-align: center;
 228 }
 229
 230 /**
 231  * Thumbnails
 232  */
 233 div.thumb {
 234         border: none;
 235         width: auto;
 236         margin-top: 0.5em;
 237         margin-bottom: 0.8em;
 238         background-color: transparent;
 239 }
 240
 241 div.thumbinner {
 242         border: 1px solid #cccccc;
 243         padding: 3px !important;
 244         background-color: White;
 245         font-size: 94%;
 246         text-align: center;
 247         overflow: hidden;
 248 }
 249
 250 html .thumbimage {
 251         border: 1px solid #cccccc;
 252 }
 253
 254 html .thumbcaption {
 255         border: none;
 256         text-align: left;
 257         line-height: 1.4em;
 258         padding: 3px !important;
 259         font-size: 94%;
 260 }
 261
 262 div.magnify {
 263         display: none;
 264 }
 265
 266 /* @noflip */
 267 div.tright {
 268         float: right;
 269         clear: right;
 270         margin: 0.5em 0 0.8em 1.4em;
 271 }
 272
 273 /* @noflip */
 274 div.tleft {
 275         float: left;
 276         clear: left;
 277         margin: 0.5em 1.4em 0.8em 0;
 278 }
 279
 280 img.thumbborder {
 281         border: 1px solid #dddddd;
 282 }
 283
 284 /**
 285  * Table rendering
 286  * As on shared.css but with white background.
 287  */
 288 table.wikitable,
 289 table.mw_metadata {
 290         margin: 1em 0;
 291         border: 1px #aaa solid;
 292         background: white;
 293         border-collapse: collapse;
 294 }
 295
 296 table.wikitable > tr > th, table.wikitable > tr > td,
 297 table.wikitable > * > tr > th, table.wikitable > * > tr > td,
 298 .mw_metadata th, .mw_metadata td {
 299         border: 1px #aaa solid;
 300         padding: 0.2em;
 301 }
 302
 303 table.wikitable > tr > th,
 304 table.wikitable > * > tr > th,
 305 .mw_metadata th {
 306         text-align: center;
 307         background: white;
 308         font-weight: bold;
 309 }
 310
 311 table.wikitable > caption,
 312 .mw_metadata caption {
 313         font-weight: bold;
 314 }
 315
 316 table.listing,
 317 table.listing td {
 318         border: 1pt solid black;
 319         border-collapse: collapse;
 320 }
 321
 322 a.sortheader {
 323         margin: 0 0.3em;
 324 }
 325
 326 /**
 327  * Categories
 328  */
 329 .catlinks ul {
 330         display: inline;
 331         margin: 0;
 332         padding: 0;
 333         list-style: none;
 334         list-style-type: none;
 335         list-style-image: none;
 336         vertical-align: middle !ie;
 337 }
 338
 339 .catlinks li {
 340         display: inline-block;
 341         line-height: 1.15em;
 342         padding: 0 .4em;
 343         border-left: 1px solid #AAA;
 344         margin: 0.1em 0;
 345         zoom: 1;
 346         display: inline !ie;
 347 }
 348
 349 .catlinks li:first-child {
 350         padding-left: .2em;
 351         border-left: none;
 352 }
 353
 354 .printfooter {
 355         padding: 1em 0 1em 0;
 356 }