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         background-color: #f9f9f9;
 126         border: 1pt solid #aaa;
 127         padding: 5px;
 128         display: table;
 129 }
 130
 131 /* Separate columns for tocnumber and toctext */
 132 .tocnumber,
 133 .toctext {
 134         display: table-cell;
 135 }
 136
 137 /* Space between the columns for tocnumber and toctext */
 138 .tocnumber {
 139         padding-left: 0;
 140         padding-right: 0.5em;
 141 }
 142
 143 /* @noflip */
 144 .mw-content-ltr .tocnumber {
 145         padding-left: 0;
 146         padding-right: 0.5em;
 147 }
 148
 149 /* @noflip */
 150 .mw-content-rtl .tocnumber {
 151         padding-left: 0.5em;
 152         padding-right: 0;
 153 }
 154
 155 #footer {
 156         background: #fff;
 157         color: #000;
 158         margin-top: 1em;
 159         border-top: 1pt solid #aaa;
 160         direction: ltr;
 161 }
 162
 163 /**
 164  * Links
 165  */
 166 a {
 167         background: none !important; /* stylelint-disable-line declaration-no-important */
 168         padding: 0 !important; /* stylelint-disable-line declaration-no-important */
 169 }
 170
 171 /* Expand URLs for printing */
 172 .mw-body-content a.external.text:after,
 173 .mw-body-content a.external.autonumber:after {
 174         content: ' (' attr( href ) ')';
 175         word-break: break-all;
 176         word-wrap: break-word;
 177 }
 178
 179 /* Expand protocol-relative URLs for printing */
 180 .mw-body-content a.external.text[href^='//']:after,
 181 .mw-body-content a.external.autonumber[href^='//']:after {
 182         content: ' (https:' attr( href ) ')';
 183 }
 184
 185 a,
 186 a.external,
 187 a.new,
 188 a.stub {
 189         /* IE 6 & 7 don't understand `inherit` */
 190         color: #000 !important; /* stylelint-disable-line declaration-no-important */
 191         text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
 192         /* Modern browser will apply this, IE 6 & 7 ignore the unknown */
 193         color: inherit !important; /* stylelint-disable-line declaration-block-no-duplicate-properties, declaration-no-important */
 194         text-decoration: inherit !important; /* stylelint-disable-line declaration-block-no-duplicate-properties, declaration-no-important */
 195 }
 196
 197 /**
 198  * Floating divs
 199  */
 200 /* @noflip */
 201 div.floatright {
 202         float: right;
 203         clear: right;
 204         position: relative;
 205         margin: 0.5em 0 0.8em 1.4em;
 206 }
 207
 208 div.floatright p {
 209         font-style: italic;
 210 }
 211
 212 /* @noflip */
 213 div.floatleft {
 214         float: left;
 215         clear: left;
 216         position: relative;
 217         margin: 0.5em 1.4em 0.8em 0;
 218 }
 219
 220 div.floatleft p {
 221         font-style: italic;
 222 }
 223
 224 .center {
 225         text-align: center;
 226 }
 227
 228 /**
 229  * Thumbnails
 230  */
 231 div.thumb {
 232         background-color: transparent;
 233         border: 0;
 234         width: auto;
 235         margin-top: 0.5em;
 236         margin-bottom: 0.8em;
 237 }
 238
 239 div.thumbinner {
 240         background-color: #fff;
 241         border: 1pt solid #ccc;
 242         padding: 3px;
 243         font-size: 94%;
 244         text-align: center;
 245         /* new block formatting context,
 246          * to clear background from floating content  */
 247         overflow: hidden;
 248 }
 249
 250 html .thumbimage {
 251         border: 1pt solid #ccc;
 252 }
 253
 254 html .thumbcaption {
 255         border: 0;
 256         text-align: left;
 257         line-height: 1.4em;
 258         padding: 3px;
 259         font-size: 94%;
 260 }
 261
 262 /* @noflip */
 263 div.tright {
 264         float: right;
 265         clear: right;
 266         margin: 0.5em 0 0.8em 1.4em;
 267 }
 268
 269 /* @noflip */
 270 div.tleft {
 271         float: left;
 272         clear: left;
 273         margin: 0.5em 1.4em 0.8em 0;
 274 }
 275
 276 img.thumbborder {
 277         border: 1pt solid #ddd;
 278 }
 279
 280 /**
 281  * Table rendering
 282  * As on shared.css but with white background.
 283  */
 284 table.wikitable,
 285 table.mw_metadata {
 286         background: #fff;
 287         margin: 1em 0;
 288         border: 1pt solid #aaa;
 289         border-collapse: collapse;
 290 }
 291
 292 table.wikitable > tr > th,
 293 table.wikitable > tr > td,
 294 table.wikitable > * > tr > th,
 295 table.wikitable > * > tr > td,
 296 .mw_metadata th,
 297 .mw_metadata td {
 298         border: 1pt solid #aaa;
 299         padding: 0.2em;
 300 }
 301
 302 table.wikitable > tr > th,
 303 table.wikitable > * > tr > th,
 304 .mw_metadata th {
 305         background: #fff;
 306         font-weight: bold;
 307         text-align: center;
 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 #000;
 318         border-collapse: collapse;
 319 }
 320
 321 /**
 322  * Categories
 323  */
 324 .catlinks ul {
 325         display: inline;
 326         padding: 0;
 327         list-style: none none;
 328 }
 329
 330 .catlinks li {
 331         display: inline-block;
 332         line-height: 1.15em;
 333         padding: 0 0.4em;
 334         border-left: 1pt solid #aaa;
 335         margin: 0.1em 0;
 336 }
 337
 338 .catlinks li:first-child {
 339         padding-left: 0.2em;
 340         border-left: 0;
 341 }
 342
 343 .printfooter {
 344         padding: 1em 0;
 345 }