misc/wikipedia/wiki2.css

   1 /*
   2
   3   CSS style sheet for Wikipedia articles.
   4
   5   Written by Hakon Wium Lie March 2008.
   6
   7   This style sheet may be reused by anyone for any purpose.
   8
   9   Here's an example of how to use the style sheet:
  10
  11   prince --no-author-style -s http://www.princexml.com/howcome/2008/wikipedia/wiki2.css http://en.wikipedia.org/wiki/Winter_war -o foo.pdf
  12
  13 */
  14
  15 /* @import url(http://www.princexml.com/fonts/gentium/index.css); */
  16
  17 /* set headers and footers */
  18
  19
  20 /* malc */
  21
  22 @page {
  23   size: a4;
  24   margin: 4cm;
  25   font: 11pt/1.3 "Gentium Plus", serif;
  26
  27   @top-right {
  28     content: string(title);
  29     font-style: italic;
  30   }
  31   @top-left {
  32     content: string(source);
  33     font-style: italic;
  34   }
  35   @bottom-center {
  36     content: counter(page);
  37     vertical-align: top;
  38     padding-top: 1em;
  39   }
  40 }
  41
  42 #siteSub { string-set: source content() }
  43
  44 /* basic style settings*/
  45
  46 body {
  47     font: 14pt/1.3 "Gentium Plus", "FreeSerif", "Noto Serif", serif, "FreeSans",
  48     "Noto Sans";
  49     prince-linebreak-magic: auto;
  50     hyphens: auto;
  51     text-align: justify;
  52     prince-image-resolution: auto, 1800dpi;
  53 }
  54
  55 ul, ol, dl { text-align: left; hyphens: manual; }
  56
  57 h1, h2, h3, h4, h5, h6 {
  58   line-height: 1.2;
  59   padding: 0;
  60   margin: 0.7em 0 0.2em;
  61   font-weight: normal;
  62   text-align: left;
  63   page-break-after: avoid;
  64   clear: both;
  65 }
  66
  67 a { text-decoration: none; color: inherit; }
  68
  69 p { padding: 0; margin: 0 }
  70
  71 blockquote p {
  72   font-size: 1em;
  73   font-style: italic;
  74 }
  75
  76
  77 /* text indentation */
  78
  79 p + p { text-indent: 1.5em }
  80 div.thumb + p { text-indent: 1.5em }
  81 h2 + div.thumb + p { text-indent: 0 }
  82 h3 + div.thumb + p { text-indent: 0 }
  83 h2 + div.thumb + div.thumb + p { text-indent: 0 }
  84 h3 + div.thumb + div.thumb + p { text-indent: 0 }
  85 h2 + dl + div.thumb + p { text-indent: 0 }
  86 h3 + dl + div.thumb + p { text-indent: 0 }
  87
  88
  89 div + div.thumb + p { text-indent: 0 }
  90
  91
  92 #toc { display: none }
  93
  94
  95 ul {
  96   list-style-type: disc;
  97   margin-left: 1.3em;
  98 }
  99
 100 /* put article heading on top of the page, spanning all columns */
 101
 102 h1.firstHeading {
 103   float: top;
 104   string-set: title content();
 105   padding-bottom: 0.2em;
 106   border-bottom: thin solid black;
 107   margin-bottom: 1em;
 108 }
 109
 110
 111 #footer { padding-top: 1em }
 112 #footer ul {
 113   list-style-type: none;
 114   margin-left: 0;
 115 }
 116
 117 #footer li { display: inline }
 118 #footer br { display: none ! important }
 119 #privacy, #about, #disclaimer { display: none }
 120
 121 /* images */
 122
 123 .thumb, .thumbinner, img, .thumbcaption {
 124   border: none; margin: 0; padding: 0;
 125   page-break-inside: avoid;
 126 }
 127
 128 .thumb {
 129   margin: 0.2em 0;
 130   float: prince-column-top-if-necessary;
 131 }
 132
 133 .thumb img {
 134   width: 100%;
 135   height: auto;
 136 }
 137
 138 .thumbcaption {
 139    background: #fff;
 140    text-align: left;
 141    font-style: italic;
 142    font-size: 1em;
 143    line-height: 1.2em;
 144    padding-bottom: 0.3em;
 145    border-bottom: thin solid gray;
 146    margin-bottom: 1em;
 147 }
 148
 149 div, img { max-width: 100% }
 150
 151 img.thumbborder { border: thin solid black }
 152
 153 .infobox img { width: auto; height: auto; max-width: 95% }
 154
 155
 156 /* notes */
 157
 158 li > b:first-child { display: none }
 159
 160 a[href^="/wiki"] { color: #400 }
 161 a { color: #004 }
 162
 163 #siteSub {
 164   display: block;
 165   font-style: italic;
 166   margin: 0.3em 0
 167 }
 168
 169 h2 + dl { display: none } /* these hide tag abuse */
 170 h3 + dl { display: none }
 171
 172 /* tables */
 173
 174 tr, td, th { margin: 0; padding: 0.1em 0.3em; text-align: left; vertical-align: top }
 175
 176 div.center, th[align="center"] { text-align: center }
 177
 178 /* infoboxes are troublesome */
 179
 180 .infobox {
 181   float: none;
 182   width: 100%;
 183   text-align: left;
 184   border-collapse: collapse;
 185   line-height: 1.2em;
 186   font-size: 90%;
 187   margin: 0 0 1em;
 188   padding: 0;
 189   background: #ddd;
 190   hyphens: manual;
 191   border: solid 1px #aaa;
 192 }
 193
 194 .infobox td,
 195 .infobox th {
 196     border: none;
 197     border-top: solid 1px #aaa;
 198     padding: 0.4em 0.6em 0.4em 0.6em;
 199 }
 200
 201 .infobox .mergedtoprow td,
 202 .infobox .mergedtoprow th {
 203     border-top: solid 1px #aaa;
 204     padding: 0.4em 0.6em 0.2em 0.6em;
 205 }
 206
 207 .infobox .mergedrow td,
 208 .infobox .mergedrow th {
 209     border: 0;
 210     padding: 0 0.6em 0.2em 0.6em;
 211 }
 212
 213 .infobox .mergedbottomrow td,
 214 .infobox .mergedbottomrow th {
 215     border-top: 0;
 216     border-bottom: solid 1px #aaa;
 217     padding: 0 0.6em 0.4em 0.6em;
 218 }
 219
 220 .infobox .maptable td,
 221 .infobox .maptable th {
 222     border: 0;
 223     padding: 0;
 224 }
 225
 226 table.wikitable { float: top; width: 100%; border-collapse: collapse; border-bottom: thin solid black; margin-bottom: 1em }
 227 table.wikitable, table.wikitable td, table.wikitable th { border: thin solid black; padding: 0.2em; text-align: left }
 228
 229 table.wikitable[align] { float: none; width: 100%; margin: 1em 0 }
 230 table.wikitable[align] td { padding: 0.2em 0.3em }
 231 table.wikitable[align] th { padding: 0.2em 0.3em; text-align: center; font-weight: bold }
 232
 233 table.wikitable img { width: auto; height: auto; prince-image-resolution: 150dpi }
 234
 235 .ambox { border: thin solid black; padding: 0.3em; margin: 0.7em 0 }
 236
 237 table.collapsible { display: none }
 238
 239 /* remove elements */
 240
 241 #administrator, #protected-icon, #siteSub, .magnify, .noprint, #jump-to-nav, .navbox, .top, #column-one, #colophon, .editsection, .toctoggle, .tochidden, #f-poweredbyico, #f-copyrightico, #viewcount, #about, #disclaimer, #privacy, #contentSub, #privacy, #about, #disclaimers, #mw-hidden-catlinks, .dablink, .sisterproject, .metadata { display: none }
 242
 243 hr { display: none }
 244
 245 .printfooter, #footer, #catlinks { float: bottom; margin: 0.5em 0; page-break-after: avoid }
 246
 247 #catlinks { prince-text-replace: " |" ", " }
 248
 249 sup { vertical-align: baseline }
 250 sup { vertical-align: top }
 251
 252 ol, ul { margin-left: 1.5em }
 253
 254 ol.references { margin-left: 2.2em }
 255 ol.references li::marker {
 256   width: 2.2em;
 257   padding-right: 0;
 258   text-align: left;
 259   content: "[" counter(list-item) "]";
 260 }
 261
 262 /* remove those pesky '' characters */
 263
 264 body { prince-text-replace: "'" "\2019" }
 265
 266
 267 /* remove visible markers references */
 268
 269 ol.references li a[href|="#cite_ref"] { display: none }
 270
 271 /*
 272 ol.references li { prince-text-replace: "^" "" }
 273 ol.references li a { prince-text-replace: none }
 274 ol.references li a sup i b { prince-text-replace: "a" "" "b" "" "c" "" "d" "" "e" "" "f" "" "g" "" "h" "" "i" "" "j" "" "k" "" "l" "" "m" ""}
 275 */