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 div#jump-to-nav,
  14 .mw-jump,
  15 div.top,
  16 div#column-one,
  17 .mw-editsection,
  18 .mw-editsection-like,
  19 #footer-places,
  20 .mw-hidden-catlinks,
  21 .usermessage,
  22 .patrollink,
  23 .ns-0 .mw-redirectedfrom,
  24 div.magnify,
  25 #mw-navigation,
  26 #siteNotice,
  27 /* Deprecated, changed in core */
  28 div#f-poweredbyico,
  29 div#f-copyrightico,
  30 li#about,
  31 li#disclaimer,
  32 li#mobileview,
  33 li#privacy {
  34         display: none;
  35 }
  36
  37 /**
  38  * Generic HTML elements
  39  */
  40 body {
  41         background: #fff;
  42         color: #000;
  43         margin: 0;
  44         padding: 0;
  45 }
  46
  47 h1,
  48 h2,
  49 h3,
  50 h4,
  51 h5,
  52 h6 {
  53         font-weight: bold;
  54         /* Pagination */
  55         page-break-after: avoid;
  56 }
  57
  58 dt {
  59         font-weight: bold;
  60 }
  61
  62 ul {
  63         list-style-type: square;
  64 }
  65
  66 p {
  67         margin: 1em 0;
  68         line-height: 1.2em;
  69         /* Pagination */
  70         orphans: 3;
  71         widows: 3;
  72 }
  73
  74 pre,
  75 .mw-code {
  76         background: #fff;
  77         color: #000;
  78         border: 1pt dashed #000;
  79         padding: 1em 0;
  80         font-size: 8pt;
  81         white-space: pre;
  82         word-wrap: break-word;
  83         overflow: auto;
  84 }
  85
  86 img,
  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;
 103         min-width: 0 !important;
 104 }
 105
 106 .mw-body {
 107         background: #fff;
 108         color: #000;
 109         border: 0 !important;
 110         padding: 0 !important;
 111         margin: 0 !important;
 112         direction: ltr;
 113 }
 114
 115 #column-content {
 116         margin: 0 !important;
 117 }
 118
 119 #column-content .mw-body {
 120         padding: 1em;
 121         margin: 0 !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;
 168         padding: 0 !important;
 169 }
 170
 171 /* Expand URLs for printing */
 172 .mw-body a.external.text:after,
 173 .mw-body a.external.autonumber:after {
 174         content: " (" attr( href ) ")";
 175         word-wrap: break-word;
 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: #000 !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         background-color: transparent;
 238         border: 0;
 239         width: auto;
 240         margin-top: 0.5em;
 241         margin-bottom: 0.8em;
 242 }
 243
 244 div.thumbinner {
 245         background-color: #fff;
 246         border: 1pt solid #ccc;
 247         padding: 3px !important;
 248         font-size: 94%;
 249         text-align: center;
 250 }
 251
 252 html .thumbimage {
 253         border: 1pt solid #ccc;
 254 }
 255
 256 html .thumbcaption {
 257         border: none;
 258         text-align: left;
 259         line-height: 1.4em;
 260         padding: 3px !important;
 261         font-size: 94%;
 262         overflow: hidden;
 263         word-wrap: break-word;
 264 }
 265
 266 /* @noflip */
 267 div.tright {
 268         float: right;
 269         clear: right;
 270         margin: 0.5em 0 0.8em 1.4em;
 271 }
 272
 273 /* @noflip */
 274 div.tleft {
 275         float: left;
 276         clear: left;
 277         margin: 0.5em 1.4em 0.8em 0;
 278 }
 279
 280 img.thumbborder {
 281         border: 1pt solid #ddd;
 282 }
 283
 284 /**
 285  * Table rendering
 286  * As on shared.css but with white background.
 287  */
 288 table.wikitable,
 289 table.mw_metadata {
 290         background: #fff;
 291         margin: 1em 0;
 292         border: 1pt solid #aaa;
 293         border-collapse: collapse;
 294 }
 295
 296 table.wikitable > tr > th,
 297 table.wikitable > tr > td,
 298 table.wikitable > * > tr > th,
 299 table.wikitable > * > tr > td,
 300 .mw_metadata th,
 301 .mw_metadata td {
 302         border: 1pt solid #aaa;
 303         padding: 0.2em;
 304 }
 305
 306 table.wikitable > tr > th,
 307 table.wikitable > * > tr > th,
 308 .mw_metadata th {
 309         background: #fff;
 310         font-weight: bold;
 311         text-align: center;
 312 }
 313
 314 table.wikitable > caption,
 315 .mw_metadata caption {
 316         font-weight: bold;
 317 }
 318
 319 table.listing,
 320 table.listing td {
 321         border: 1pt solid #000;
 322         border-collapse: collapse;
 323 }
 324
 325 a.sortheader {
 326         margin: 0 0.3em;
 327 }
 328
 329 /**
 330  * Categories
 331  */
 332 .catlinks ul {
 333         display: inline;
 334         padding: 0;
 335         list-style: none none;
 336 }
 337
 338 .catlinks li {
 339         display: inline-block;
 340         line-height: 1.15em;
 341         padding: 0 .4em;
 342         border-left: 1pt solid #aaa;
 343         margin: 0.1em 0;
 344 }
 345
 346 .catlinks li:first-child {
 347         padding-left: .2em;
 348         border-left: 0;
 349 }
 350
 351 .printfooter {
 352         padding: 1em 0;
 353 }