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