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