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: 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  * Table rendering
 328  * As on shared.css but with white background.
 329  */
 330 table.wikitable,
 331 table.mw_metadata {
 332         margin: 1em 0;
 333         border: 1px #aaa solid;
 334         background: white;
 335         border-collapse: collapse;
 336 }
 337
 338 table.wikitable > tr > th, table.wikitable > tr > td,
 339 table.wikitable > * > tr > th, table.wikitable > * > tr > td,
 340 .mw_metadata th, .mw_metadata td {
 341         border: 1px #aaa solid;
 342         padding: 0.2em;
 343 }
 344
 345 table.wikitable > tr > th,
 346 table.wikitable > * > tr > th,
 347 .mw_metadata th {
 348         text-align: center;
 349         background: white;
 350         font-weight: bold;
 351 }
 352
 353 table.wikitable > caption,
 354 .mw_metadata caption {
 355         font-weight: bold;
 356 }
 357
 358 table.listing,
 359 table.listing td {
 360         border: 1pt solid black;
 361         border-collapse: collapse;
 362 }
 363
 364 a.sortheader {
 365         margin: 0 0.3em;
 366 }
 367
 368 /**
 369  * Categories
 370  */
 371 .catlinks ul {
 372         display: inline;
 373         margin: 0;
 374         padding: 0;
 375         list-style: none;
 376         list-style-type: none;
 377         list-style-image: none;
 378         vertical-align: middle !ie;
 379 }
 380
 381 .catlinks li {
 382         display: inline-block;
 383         line-height: 1.15em;
 384         padding: 0 .4em;
 385         border-left: 1px solid #AAA;
 386         margin: 0.1em 0;
 387         zoom: 1;
 388         display: inline !ie;
 389 }
 390
 391 .catlinks li:first-child {
 392         padding-left: .2em;
 393         border-left: none;
 394 }
 395
 396 .printfooter {
 397         padding: 1em 0 1em 0;
 398 }