resources/src/mediawiki.legacy/commonPrint.css

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