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