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 #colophon,
  20 .mw-editsection,
  21 .mw-editsection-like,
  22 .toctoggle,
  23 #toc.tochidden,
  24 div#f-poweredbyico,
  25 div#f-copyrightico,
  26 li#about,
  27 li#disclaimer,
  28 li#mobileview,
  29 li#privacy,
  30 #footer-places,
  31 .mw-hidden-catlinks,
  32 tr.mw-metadata-show-hide-extended,
  33 span.mw-filepage-other-resolutions,
  34 #filetoc,
  35 .usermessage,
  36 .patrollink,
  37 #mw-navigation,
  38 #siteNotice {
  39         display: none;
  40 }
  41
  42 /**
  43  * Pagination
  44  */
  45 .wikitable, .thumb, img {
  46         page-break-inside: avoid;
  47 }
  48
  49 h2, h3, h4, h5, h6 {
  50         page-break-after: avoid;
  51 }
  52
  53 p {
  54         widows: 3;
  55         orphans: 3;
  56 }
  57
  58 /**
  59  * Generic HTML elements
  60  */
  61 body {
  62         background: white;
  63         color: black;
  64         margin: 0;
  65         padding: 0;
  66 }
  67
  68 ul {
  69         list-style-type: square;
  70 }
  71
  72 h1, h2, h3, h4, h5, h6 {
  73         font-weight: bold;
  74 }
  75
  76 dt {
  77         font-weight: bold;
  78 }
  79
  80 p {
  81         margin: 1em 0;
  82         line-height: 1.2em;
  83 }
  84
  85 pre, .mw-code {
  86         border: 1pt dashed black;
  87         white-space: pre;
  88         font-size: 8pt;
  89         overflow: auto;
  90         padding: 1em 0;
  91         background: white;
  92         color: black;
  93 }
  94
  95 /**
  96  * MediaWiki-specific elements
  97  */
  98 #globalWrapper {
  99         width: 100% !important;
 100         min-width: 0 !important;
 101 }
 102
 103 .mw-body {
 104         background: white;
 105         border: none !important;
 106         padding: 0 !important;
 107         margin: 0 !important;
 108         direction: ltr;
 109         color: black;
 110 }
 111
 112 #column-content {
 113         margin: 0 !important;
 114 }
 115
 116 #column-content .mw-body {
 117         padding: 1em;
 118         margin: 0 !important;
 119 }
 120
 121 #toc {
 122         border: 1px solid #aaaaaa;
 123         background-color: #f9f9f9;
 124         padding: 5px;
 125         display: -moz-inline-block;
 126         display: inline-block;
 127         display: table;
 128         /* IE7 and earlier */
 129         zoom: 1;
 130         *display: inline;
 131 }
 132
 133 #footer {
 134         background: white;
 135         color: black;
 136         margin-top: 1em;
 137         border-top: 1px solid #AAA;
 138         direction: ltr;
 139 }
 140
 141 img {
 142         border: none;
 143         vertical-align: middle;
 144 }
 145
 146 /* math */
 147 span.texhtml {
 148         font-family: serif;
 149 }
 150
 151 /**
 152  * Links
 153  */
 154 a.stub,
 155 a.new {
 156         color: #ba0000;
 157         text-decoration: none;
 158 }
 159
 160 a {
 161         color: black !important;
 162         background: none !important;
 163         padding: 0 !important;
 164 }
 165
 166 a:link, a:visited {
 167         color: #520;
 168         background: transparent;
 169         text-decoration: underline;
 170 }
 171
 172 /* Expand URLs for printing */
 173 .mw-body a.external.text:after,
 174 .mw-body a.external.autonumber:after {
 175         content: " (" attr(href) ")";
 176 }
 177
 178 /* Expand protocol-relative URLs for printing */
 179 .mw-body a.external.text[href^='//']:after,
 180 .mw-body a.external.autonumber[href^='//']:after {
 181         content: " (https:" attr(href) ")";
 182 }
 183
 184 /* MSIE/Win doesn't understand 'inherit' */
 185 a,
 186 a.external,
 187 a.new,
 188 a.stub {
 189         color: black !important;
 190         text-decoration: none !important;
 191 }
 192
 193 /* Continue ... */
 194 a,
 195 a.external,
 196 a.new,
 197 a.stub {
 198         color: inherit !important;
 199         text-decoration: inherit !important;
 200 }
 201
 202 /**
 203  * Floating divs
 204  */
 205 /* @noflip */
 206 div.floatright {
 207         float: right;
 208         clear: right;
 209         position: relative;
 210         margin: 0.5em 0 0.8em 1.4em;
 211 }
 212
 213 div.floatright p {
 214         font-style: italic;
 215 }
 216
 217 /* @noflip */
 218 div.floatleft {
 219         float: left;
 220         clear: left;
 221         position: relative;
 222         margin: 0.5em 1.4em 0.8em 0;
 223 }
 224
 225 div.floatleft p {
 226         font-style: italic;
 227 }
 228
 229 div.center {
 230         text-align: center;
 231 }
 232
 233 /**
 234  * Thumbnails
 235  */
 236 div.thumb {
 237         border: none;
 238         width: auto;
 239         margin-top: 0.5em;
 240         margin-bottom: 0.8em;
 241         background-color: transparent;
 242 }
 243
 244 div.thumbinner {
 245         border: 1px solid #cccccc;
 246         padding: 3px !important;
 247         background-color: White;
 248         font-size: 94%;
 249         text-align: center;
 250         overflow: hidden;
 251 }
 252
 253 html .thumbimage {
 254         border: 1px solid #cccccc;
 255 }
 256
 257 html .thumbcaption {
 258         border: none;
 259         text-align: left;
 260         line-height: 1.4em;
 261         padding: 3px !important;
 262         font-size: 94%;
 263 }
 264
 265 div.magnify {
 266         display: none;
 267 }
 268
 269 /* @noflip */
 270 div.tright {
 271         float: right;
 272         clear: right;
 273         margin: 0.5em 0 0.8em 1.4em;
 274 }
 275
 276 /* @noflip */
 277 div.tleft {
 278         float: left;
 279         clear: left;
 280         margin: 0.5em 1.4em 0.8em 0;
 281 }
 282
 283 img.thumbborder {
 284         border: 1px solid #dddddd;
 285 }
 286
 287 /**
 288  * Galleries (see shared.css for more info)
 289  */
 290 li.gallerybox {
 291         vertical-align: top;
 292         display: inline-block;
 293 }
 294
 295 ul.gallery, li.gallerybox {
 296         zoom: 1;
 297         *display: inline;
 298 }
 299
 300 ul.gallery {
 301         margin: 2px;
 302         padding: 2px;
 303         display: block;
 304 }
 305
 306 li.gallerycaption {
 307         font-weight: bold;
 308         text-align: center;
 309         display: block;
 310         word-wrap: break-word;
 311 }
 312
 313 li.gallerybox div.thumb {
 314         text-align: center;
 315         border: 1px solid #ccc;
 316         margin: 2px;
 317 }
 318
 319 div.gallerytext {
 320         overflow: hidden;
 321         font-size: 94%;
 322         padding: 2px 4px;
 323         word-wrap: break-word;
 324 }
 325
 326 /**
 327  * Diff rendering
 328  */
 329 table.diff {
 330         background: white;
 331 }
 332
 333 td.diff-otitle {
 334         background: #ffffff;
 335 }
 336
 337 td.diff-ntitle {
 338         background: #ffffff;
 339 }
 340
 341 td.diff-addedline {
 342         background: #ccffcc;
 343         font-size: smaller;
 344         border: solid 2px black;
 345 }
 346
 347 td.diff-deletedline {
 348         background: #ffffaa;
 349         font-size: smaller;
 350         border: dotted 2px black;
 351 }
 352
 353 td.diff-context {
 354         background: #eeeeee;
 355         font-size: smaller;
 356 }
 357
 358 .diffchange {
 359         color: silver;
 360         font-weight: bold;
 361         text-decoration: underline;
 362 }
 363
 364 /**
 365  * Table rendering
 366  * As on shared.css but with white background.
 367  */
 368 table.wikitable,
 369 table.mw_metadata {
 370         margin: 1em 0;
 371         border: 1px #aaa solid;
 372         background: white;
 373         border-collapse: collapse;
 374 }
 375
 376 table.wikitable > tr > th, table.wikitable > tr > td,
 377 table.wikitable > * > tr > th, table.wikitable > * > tr > td,
 378 .mw_metadata th, .mw_metadata td {
 379         border: 1px #aaa solid;
 380         padding: 0.2em;
 381 }
 382
 383 table.wikitable > tr > th,
 384 table.wikitable > * > tr > th,
 385 .mw_metadata th {
 386         text-align: center;
 387         background: white;
 388         font-weight: bold;
 389 }
 390
 391 table.wikitable > caption,
 392 .mw_metadata caption {
 393         font-weight: bold;
 394 }
 395
 396 table.listing,
 397 table.listing td {
 398         border: 1pt solid black;
 399         border-collapse: collapse;
 400 }
 401
 402 a.sortheader {
 403         margin: 0 0.3em;
 404 }
 405
 406 /**
 407  * Categories
 408  */
 409 .catlinks ul {
 410         display: inline;
 411         margin: 0;
 412         padding: 0;
 413         list-style: none;
 414         list-style-type: none;
 415         list-style-image: none;
 416         vertical-align: middle !ie;
 417 }
 418
 419 .catlinks li {
 420         display: inline-block;
 421         line-height: 1.15em;
 422         padding: 0 .4em;
 423         border-left: 1px solid #AAA;
 424         margin: 0.1em 0;
 425         zoom: 1;
 426         display: inline !ie;
 427 }
 428
 429 .catlinks li:first-child {
 430         padding-left: .2em;
 431         border-left: none;
 432 }
 433
 434 .printfooter {
 435         padding: 1em 0 1em 0;
 436 }