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 .ns-0 .mw-redirectedfrom,
  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 /* @noflip */
 207 div.floatright {
 208         float: right;
 209         clear: right;
 210         position: relative;
 211         margin: 0.5em 0 0.8em 1.4em;
 212 }
 213
 214 div.floatright p {
 215         font-style: italic;
 216 }
 217
 218 /* @noflip */
 219 div.floatleft {
 220         float: left;
 221         clear: left;
 222         position: relative;
 223         margin: 0.5em 1.4em 0.8em 0;
 224 }
 225
 226 div.floatleft p {
 227         font-style: italic;
 228 }
 229
 230 div.center {
 231         text-align: center;
 232 }
 233
 234 /**
 235  * Thumbnails
 236  */
 237 div.thumb {
 238         border: none;
 239         width: auto;
 240         margin-top: 0.5em;
 241         margin-bottom: 0.8em;
 242         background-color: transparent;
 243 }
 244
 245 div.thumbinner {
 246         border: 1px solid #cccccc;
 247         padding: 3px !important;
 248         background-color: White;
 249         font-size: 94%;
 250         text-align: center;
 251         overflow: hidden;
 252 }
 253
 254 html .thumbimage {
 255         border: 1px solid #cccccc;
 256 }
 257
 258 html .thumbcaption {
 259         border: none;
 260         text-align: left;
 261         line-height: 1.4em;
 262         padding: 3px !important;
 263         font-size: 94%;
 264 }
 265
 266 div.magnify {
 267         display: none;
 268 }
 269
 270 /* @noflip */
 271 div.tright {
 272         float: right;
 273         clear: right;
 274         margin: 0.5em 0 0.8em 1.4em;
 275 }
 276
 277 /* @noflip */
 278 div.tleft {
 279         float: left;
 280         clear: left;
 281         margin: 0.5em 1.4em 0.8em 0;
 282 }
 283
 284 img.thumbborder {
 285         border: 1px solid #dddddd;
 286 }
 287
 288 /**
 289  * Galleries (see shared.css for more info)
 290  */
 291 li.gallerybox {
 292         vertical-align: top;
 293         display: inline-block;
 294 }
 295
 296 ul.gallery, li.gallerybox {
 297         zoom: 1;
 298         *display: inline;
 299 }
 300
 301 ul.gallery {
 302         margin: 2px;
 303         padding: 2px;
 304         display: block;
 305 }
 306
 307 li.gallerycaption {
 308         font-weight: bold;
 309         text-align: center;
 310         display: block;
 311         word-wrap: break-word;
 312 }
 313
 314 li.gallerybox div.thumb {
 315         text-align: center;
 316         border: 1px solid #ccc;
 317         margin: 2px;
 318 }
 319
 320 div.gallerytext {
 321         overflow: hidden;
 322         font-size: 94%;
 323         padding: 2px 4px;
 324         word-wrap: break-word;
 325 }
 326
 327 /**
 328  * Diff rendering
 329  */
 330 table.diff {
 331         background: white;
 332 }
 333
 334 td.diff-otitle {
 335         background: #ffffff;
 336 }
 337
 338 td.diff-ntitle {
 339         background: #ffffff;
 340 }
 341
 342 td.diff-addedline {
 343         background: #ccffcc;
 344         font-size: smaller;
 345         border: solid 2px black;
 346 }
 347
 348 td.diff-deletedline {
 349         background: #ffffaa;
 350         font-size: smaller;
 351         border: dotted 2px black;
 352 }
 353
 354 td.diff-context {
 355         background: #eeeeee;
 356         font-size: smaller;
 357 }
 358
 359 .diffchange {
 360         color: silver;
 361         font-weight: bold;
 362         text-decoration: underline;
 363 }
 364
 365 /**
 366  * Table rendering
 367  * As on shared.css but with white background.
 368  */
 369 table.wikitable,
 370 table.mw_metadata {
 371         margin: 1em 0;
 372         border: 1px #aaa solid;
 373         background: white;
 374         border-collapse: collapse;
 375 }
 376
 377 table.wikitable > tr > th, table.wikitable > tr > td,
 378 table.wikitable > * > tr > th, table.wikitable > * > tr > td,
 379 .mw_metadata th, .mw_metadata td {
 380         border: 1px #aaa solid;
 381         padding: 0.2em;
 382 }
 383
 384 table.wikitable > tr > th,
 385 table.wikitable > * > tr > th,
 386 .mw_metadata th {
 387         text-align: center;
 388         background: white;
 389         font-weight: bold;
 390 }
 391
 392 table.wikitable > caption,
 393 .mw_metadata caption {
 394         font-weight: bold;
 395 }
 396
 397 table.listing,
 398 table.listing td {
 399         border: 1pt solid black;
 400         border-collapse: collapse;
 401 }
 402
 403 a.sortheader {
 404         margin: 0 0.3em;
 405 }
 406
 407 /**
 408  * Categories
 409  */
 410 .catlinks ul {
 411         display: inline;
 412         margin: 0;
 413         padding: 0;
 414         list-style: none;
 415         list-style-type: none;
 416         list-style-image: none;
 417         vertical-align: middle !ie;
 418 }
 419
 420 .catlinks li {
 421         display: inline-block;
 422         line-height: 1.15em;
 423         padding: 0 .4em;
 424         border-left: 1px solid #AAA;
 425         margin: 0.1em 0;
 426         zoom: 1;
 427         display: inline !ie;
 428 }
 429
 430 .catlinks li:first-child {
 431         padding-left: .2em;
 432         border-left: none;
 433 }
 434
 435 .printfooter {
 436         padding: 1em 0 1em 0;
 437 }