resources/src/mediawiki.legacy/commonPrint.css

   1 /**
   2  * MediaWiki print style sheet
   3  * Largely based on work by Gabriel Wicke
   4  *
   5  * Originally derived from Plone (https://plone.org/) styles
   6  * Copyright Alexander Limi
   7  */
   8
   9 /* stylelint-disable selector-class-pattern */
  10
  11 /**
  12  * Hide all the elements irrelevant for printing
  13  * Skins however can and should override.
  14  */
  15 /* General hide-in-print class, please only use sparely */
  16 .noprint,
  17 /* Various content classes, in alphabetical order */
  18 .catlinks,
  19 .magnify,
  20 .mw-cite-backlink,
  21 .mw-editsection,
  22 .mw-editsection-like,
  23 .mw-hidden-catlinks,
  24 .mw-indicators,
  25 .mw-redirectedfrom,
  26 .patrollink,
  27 .usermessage,
  28 /* Various content ids, in alphabetical order */
  29 #column-one,
  30 #footer-places,
  31 #mw-navigation,
  32 #siteNotice,
  33 /* Deprecated, changed in core */
  34 #f-poweredbyico,
  35 #f-copyrightico,
  36 li#about,
  37 li#disclaimer,
  38 li#mobileview,
  39 li#privacy {
  40         display: none;
  41 }
  42
  43 /**
  44  * Generic HTML elements
  45  */
  46 body {
  47         background: #fff;
  48         color: #000;
  49         margin: 0;
  50         padding: 0;
  51 }
  52
  53 /* Links */
  54 a {
  55         background: none !important; /* stylelint-disable-line declaration-no-important */
  56         padding: 0 !important; /* stylelint-disable-line declaration-no-important */
  57 }
  58
  59 a,
  60 a.external,
  61 a.new,
  62 a.stub {
  63         /* IE 6 & 7 don't understand `inherit` */
  64         color: #000 !important; /* stylelint-disable-line declaration-no-important */
  65         text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
  66         /* Modern browser will apply this, IE 6 & 7 ignore the unknown */
  67         color: inherit !important; /* stylelint-disable-line declaration-block-no-duplicate-properties, declaration-no-important */
  68         text-decoration: inherit !important; /* stylelint-disable-line declaration-block-no-duplicate-properties, declaration-no-important */
  69 }
  70
  71 /* Expand URLs for printing */
  72 .mw-parser-output a.external.text:after,
  73 .mw-parser-output a.external.autonumber:after {
  74         content: ' (' attr( href ) ')';
  75         word-break: break-all;
  76         word-wrap: break-word;
  77 }
  78
  79 /* Expand protocol-relative URLs for printing */
  80 .mw-parser-output a.external.text[ href^='//' ]:after,
  81 .mw-parser-output a.external.autonumber[ href^='//' ]:after {
  82         content: ' (https:' attr( href ) ')';
  83 }
  84
  85 dt {
  86         font-weight: bold;
  87 }
  88
  89 h1,
  90 h2,
  91 h3,
  92 h4,
  93 h5,
  94 h6 {
  95         font-weight: bold;
  96         /* Pagination */
  97         page-break-after: avoid;
  98         page-break-before: avoid;
  99 }
 100
 101 p {
 102         margin: 1em 0;
 103         line-height: 1.2;
 104         /* Pagination */
 105         orphans: 3;
 106         widows: 3;
 107 }
 108
 109 img,
 110 figure,
 111 .wikitable,
 112 .thumb {
 113         /* Pagination */
 114         page-break-inside: avoid;
 115 }
 116
 117 img {
 118         border: 0;
 119         vertical-align: middle;
 120 }
 121
 122 pre,
 123 .mw-code {
 124         background: #fff;
 125         color: #000;
 126         border: 1pt dashed #000;
 127         padding: 1em;
 128         font-size: 8pt;
 129         white-space: pre-wrap;
 130         word-wrap: break-word;
 131 }
 132
 133 /* Prevent citations and subscripts from interfering with the line-height */
 134 sup,
 135 sub {
 136         line-height: 1;
 137 }
 138
 139 ul {
 140         list-style-type: square;
 141 }
 142
 143 /**
 144  * MediaWiki-specific elements
 145  */
 146 #globalWrapper {
 147         width: 100% !important; /* stylelint-disable-line declaration-no-important */
 148         min-width: 0 !important; /* stylelint-disable-line declaration-no-important */
 149 }
 150
 151 .mw-body {
 152         background: #fff;
 153         color: #000;
 154         border: 0 !important; /* stylelint-disable-line declaration-no-important */
 155         padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 156         margin: 0 !important; /* stylelint-disable-line declaration-no-important */
 157         direction: ltr;
 158 }
 159
 160 #column-content {
 161         margin: 0 !important; /* stylelint-disable-line declaration-no-important */
 162 }
 163
 164 #column-content .mw-body {
 165         padding: 1em;
 166         margin: 0 !important; /* stylelint-disable-line declaration-no-important */
 167 }
 168
 169 .toc {
 170         background-color: #f9f9f9;
 171         border: 1pt solid #aaa;
 172         padding: 5px;
 173         display: table;
 174 }
 175
 176 /* Separate columns for `.tocnumber` and `.toctext` */
 177 .tocnumber,
 178 .toctext {
 179         display: table-cell;
 180 }
 181
 182 /* Space between those columns */
 183 .tocnumber {
 184         padding-left: 0;
 185         padding-right: 0.5em;
 186 }
 187
 188 /* @noflip */
 189 .mw-content-ltr .tocnumber {
 190         padding-left: 0;
 191         padding-right: 0.5em;
 192 }
 193
 194 /* @noflip */
 195 .mw-content-rtl .tocnumber {
 196         padding-left: 0.5em;
 197         padding-right: 0;
 198 }
 199
 200 /**
 201  * Floating divs (and thumbnails)
 202  */
 203 /* @noflip */
 204 table.floatright,
 205 div.floatright,
 206 div.tright {
 207         float: right;
 208         clear: right;
 209         position: relative;
 210 }
 211
 212 /* @noflip */
 213 table.floatleft,
 214 div.floatleft,
 215 div.tleft {
 216         float: left;
 217         clear: left;
 218         position: relative;
 219 }
 220
 221 /* @noflip */
 222 div.tleft {
 223         margin: 0.5em 1.4em 1.3em 0;
 224 }
 225
 226 /* @noflip */
 227 div.tright {
 228         margin: 0.5em 0 1.3em 1.4em;
 229 }
 230
 231 /* @noflip */
 232 table.floatright,
 233 div.floatright {
 234         margin: 0 0 0.5em 0.5em;
 235         border: 0;
 236 }
 237
 238 /* @noflip */
 239 table.floatleft,
 240 div.floatleft {
 241         margin: 0 0.5em 0.5em 0;
 242         border: 0;
 243 }
 244
 245 .center {
 246         text-align: center;
 247 }
 248
 249 /**
 250  * Thumbnails
 251  */
 252 div.thumb {
 253         background-color: transparent;
 254         width: auto;
 255 }
 256
 257 div.thumb a {
 258         border-bottom: 0;
 259 }
 260
 261 div.thumbinner {
 262         background-color: #fff;
 263         border: 0;
 264         border-radius: 2px;
 265         padding: 5px;
 266         font-size: 10pt;
 267         color: #666;
 268         text-align: center;
 269         /* new block formatting context,
 270          * to clear background from floating content */
 271         overflow: hidden;
 272         min-width: 100px;
 273 }
 274
 275 html .thumbcaption {
 276         text-align: left;
 277         line-height: 1.4;
 278         padding: 3px;
 279 }
 280
 281 img.thumbborder {
 282         border: 1pt solid #ddd;
 283 }
 284
 285 /**
 286  * Table rendering
 287  */
 288 /* Compare `.wikitable` in shared.css */
 289 .wikitable,
 290 .mw_metadata {
 291         background: #fff;
 292         margin: 1em 0;
 293         border: 1pt solid #aaa;
 294         border-collapse: collapse;
 295         font-size: 10pt;
 296 }
 297
 298 .wikitable > caption,
 299 .mw_metadata caption {
 300         padding: 5px;
 301         font-size: 10pt;
 302 }
 303
 304 .wikitable > tr > th,
 305 .wikitable > tr > td,
 306 .wikitable > * > tr > th,
 307 .wikitable > * > tr > td,
 308 .mw_metadata th,
 309 .mw_metadata td {
 310         /* Important is required to override any inline styles provided by editors */
 311         background: #fff !important; /* stylelint-disable-line declaration-no-important */
 312         /* We need to also set color in case editors applied a light text color */
 313         color: #000 !important; /* stylelint-disable-line declaration-no-important */
 314         border: 1pt solid #aaa;
 315         padding: 0.4em 0.6em;
 316 }
 317
 318 .wikitable > tr > th,
 319 .wikitable > * > tr > th,
 320 .mw_metadata th {
 321         text-align: center;
 322 }
 323
 324 table.listing,
 325 table.listing td {
 326         border: 1pt solid #000;
 327         border-collapse: collapse;
 328 }
 329
 330 /**
 331  * Categories
 332  */
 333 .catlinks ul {
 334         display: inline;
 335         padding: 0;
 336         list-style: none none;
 337 }
 338
 339 .catlinks li {
 340         display: inline-block;
 341         line-height: 1.15;
 342         margin: 0.1em 0;
 343         border-left: 1pt solid #aaa;
 344         padding: 0 0.4em;
 345 }
 346
 347 .catlinks li:first-child {
 348         border-left: 0;
 349         padding-left: 0.2em;
 350 }
 351
 352 /**
 353  * Footer
 354  */
 355 .printfooter {
 356         padding: 1em 0;
 357 }
 358
 359 #footer {
 360         background: #fff;
 361         color: #000;
 362         margin-top: 1em;
 363         border-top: 1pt solid #aaa;
 364         padding-top: 5px;
 365         direction: ltr;
 366 }