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