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