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;
 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-break: break-all;
 176         word-wrap: break-word;
 177 }
 178
 179 /* Expand protocol-relative URLs for printing */
 180 .mw-body a.external.text[href^='//']:after,
 181 .mw-body a.external.autonumber[href^='//']:after {
 182         content: " (https:" attr( href ) ")";
 183 }
 184
 185 /* MSIE/Win doesn't understand 'inherit' */
 186 a,
 187 a.external,
 188 a.new,
 189 a.stub {
 190         color: #000 !important;
 191         text-decoration: none !important;
 192 }
 193
 194 /* Continue ... */
 195 a,
 196 a.external,
 197 a.new,
 198 a.stub {
 199         color: inherit !important;
 200         text-decoration: inherit !important;
 201 }
 202
 203 /**
 204  * Floating divs
 205  */
 206 /* @noflip */
 207 div.floatright {
 208         float: right;
 209         clear: right;
 210         position: relative;
 211         margin: 0.5em 0 0.8em 1.4em;
 212 }
 213
 214 div.floatright p {
 215         font-style: italic;
 216 }
 217
 218 /* @noflip */
 219 div.floatleft {
 220         float: left;
 221         clear: left;
 222         position: relative;
 223         margin: 0.5em 1.4em 0.8em 0;
 224 }
 225
 226 div.floatleft p {
 227         font-style: italic;
 228 }
 229
 230 .center {
 231         text-align: center;
 232 }
 233
 234 /**
 235  * Thumbnails
 236  */
 237 div.thumb {
 238         background-color: transparent;
 239         border: 0;
 240         width: auto;
 241         margin-top: 0.5em;
 242         margin-bottom: 0.8em;
 243 }
 244
 245 div.thumbinner {
 246         background-color: #fff;
 247         border: 1pt solid #ccc;
 248         padding: 3px;
 249         font-size: 94%;
 250         text-align: center;
 251         /* new block formatting context,
 252          * to clear background from floating content  */
 253         overflow: hidden;
 254 }
 255
 256 html .thumbimage {
 257         border: 1pt solid #ccc;
 258 }
 259
 260 html .thumbcaption {
 261         border: none;
 262         text-align: left;
 263         line-height: 1.4em;
 264         padding: 3px;
 265         font-size: 94%;
 266 }
 267
 268 /* @noflip */
 269 div.tright {
 270         float: right;
 271         clear: right;
 272         margin: 0.5em 0 0.8em 1.4em;
 273 }
 274
 275 /* @noflip */
 276 div.tleft {
 277         float: left;
 278         clear: left;
 279         margin: 0.5em 1.4em 0.8em 0;
 280 }
 281
 282 img.thumbborder {
 283         border: 1pt solid #ddd;
 284 }
 285
 286 /**
 287  * Table rendering
 288  * As on shared.css but with white background.
 289  */
 290 table.wikitable,
 291 table.mw_metadata {
 292         background: #fff;
 293         margin: 1em 0;
 294         border: 1pt solid #aaa;
 295         border-collapse: collapse;
 296 }
 297
 298 table.wikitable > tr > th,
 299 table.wikitable > tr > td,
 300 table.wikitable > * > tr > th,
 301 table.wikitable > * > tr > td,
 302 .mw_metadata th,
 303 .mw_metadata td {
 304         border: 1pt solid #aaa;
 305         padding: 0.2em;
 306 }
 307
 308 table.wikitable > tr > th,
 309 table.wikitable > * > tr > th,
 310 .mw_metadata th {
 311         background: #fff;
 312         font-weight: bold;
 313         text-align: center;
 314 }
 315
 316 table.wikitable > caption,
 317 .mw_metadata caption {
 318         font-weight: bold;
 319 }
 320
 321 table.listing,
 322 table.listing td {
 323         border: 1pt solid #000;
 324         border-collapse: collapse;
 325 }
 326
 327 /**
 328  * Categories
 329  */
 330 .catlinks ul {
 331         display: inline;
 332         padding: 0;
 333         list-style: none none;
 334 }
 335
 336 .catlinks li {
 337         display: inline-block;
 338         line-height: 1.15em;
 339         padding: 0 .4em;
 340         border-left: 1pt solid #aaa;
 341         margin: 0.1em 0;
 342 }
 343
 344 .catlinks li:first-child {
 345         padding-left: .2em;
 346         border-left: 0;
 347 }
 348
 349 .printfooter {
 350         padding: 1em 0;
 351 }