├── .gitignore ├── AUTHORS.md ├── COPYING ├── Makefile ├── README.md ├── et-book ├── et-book-bold-line-figures │ ├── et-book-bold-line-figures.eot │ ├── et-book-bold-line-figures.svg │ ├── et-book-bold-line-figures.ttf │ └── et-book-bold-line-figures.woff ├── et-book-display-italic-old-style-figures │ ├── et-book-display-italic-old-style-figures.eot │ ├── et-book-display-italic-old-style-figures.svg │ ├── et-book-display-italic-old-style-figures.ttf │ └── et-book-display-italic-old-style-figures.woff ├── et-book-roman-line-figures │ ├── et-book-roman-line-figures.eot │ ├── et-book-roman-line-figures.svg │ ├── et-book-roman-line-figures.ttf │ └── et-book-roman-line-figures.woff ├── et-book-roman-old-style-figures │ ├── et-book-roman-old-style-figures.eot │ ├── et-book-roman-old-style-figures.svg │ ├── et-book-roman-old-style-figures.ttf │ └── et-book-roman-old-style-figures.woff └── et-book-semi-bold-old-style-figures │ ├── et-book-semi-bold-old-style-figures.eot │ ├── et-book-semi-bold-old-style-figures.svg │ ├── et-book-semi-bold-old-style-figures.ttf │ └── et-book-semi-bold-old-style-figures.woff ├── github.css ├── github.css.orig ├── tufte.css └── tufte.css.orig /.gitignore: -------------------------------------------------------------------------------- 1 | *.html 2 | -------------------------------------------------------------------------------- /AUTHORS.md: -------------------------------------------------------------------------------- 1 | Osmo Salomaa 2 | -------------------------------------------------------------------------------- /COPYING: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2014 Dave Liepmann 4 | Copyright (c) Sindre Sorhus (sindresorhus.com) 5 | Copyright (c) 2016 Osmo Salomaa 6 | 7 | Permission is hereby granted, free of charge, to any person obtaining a copy 8 | of this software and associated documentation files (the "Software"), to deal 9 | in the Software without restriction, including without limitation the rights 10 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 11 | copies of the Software, and to permit persons to whom the Software is 12 | furnished to do so, subject to the following conditions: 13 | 14 | The above copyright notice and this permission notice shall be included in 15 | all copies or substantial portions of the Software. 16 | 17 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 18 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 19 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 20 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 21 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 22 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 23 | THE SOFTWARE. 24 | -------------------------------------------------------------------------------- /Makefile: -------------------------------------------------------------------------------- 1 | # -*- coding: utf-8-unix -*- 2 | 3 | CSS_FILES = $(wildcard *.css) 4 | 5 | clean: 6 | rm -f *.html 7 | 8 | html: $(CSS_FILES:.css=.html) 9 | 10 | %.html: %.css 11 | pandoc README.md \ 12 | --output=$@ \ 13 | --to=html5 \ 14 | --css=$< \ 15 | --highlight-style=haddock \ 16 | --self-contained \ 17 | 2> /dev/null 18 | 19 | .PHONY: clean 20 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | Markdown CSS 2 | ============ 3 | 4 | This is a collection of stylesheets to use when converting Markdown text 5 | to HTML format. Stylesheets have been tested to work with Pandoc, but 6 | might also work with other converters that output fairly plain HTML. 7 | 8 | To use one of the stylesheets, just unpack somewhere convenient, e.g. 9 | `~/.local/share/markdown-css` and then do something like 10 | 11 | ```bash 12 | pandoc foo.md \ 13 | --output=foo.html \ 14 | --to=html5 \ 15 | --css=$HOME/.local/share/markdown-css/tufte.css \ 16 | --highlight-style=haddock \ 17 | --self-contained 18 | ``` 19 | 20 | **Preview:** 21 | [github](https://otsaloma.io/pub/markdown-css-github.html) 22 | [tufte](https://otsaloma.io/pub/markdown-css-tufte.html) 23 | 24 | Included stylesheets originate from other projects, and have merely been 25 | adapted to work with Markdown and Pandoc, and also styles of some 26 | elements have been tweaked to suit the authors' use cases and personal 27 | taste. Original files have been kept in the repository to be able to 28 | review the changes and to merge changes in from upstream. Anyone looking 29 | for a base for their own work is likely to be better off turning to the 30 | original sources. 31 | 32 | * `github.css` is from [github-markdown-css][1] by Sindre Sorhus, 33 | available under the MIT license. 34 | 35 | * `tufte.css` and the font `et-book` are from [tufte-css][2] by Dave 36 | Liepmann and contributors, available under the MIT license. 37 | 38 | [1]: https://github.com/sindresorhus/github-markdown-css 39 | [2]: https://github.com/edwardtufte/tufte-css 40 | 41 | Stylesheets are available under the MIT license, see the file 42 | [`COPYING`](COPYING) for details. 43 | -------------------------------------------------------------------------------- /et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot -------------------------------------------------------------------------------- /et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf -------------------------------------------------------------------------------- /et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff -------------------------------------------------------------------------------- /et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot -------------------------------------------------------------------------------- /et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 | 115 | 116 | 117 | 118 | 119 | 120 | 121 | 122 | 123 | 124 | 125 | 126 | 127 | 128 | 129 | 130 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 142 | 143 | 144 | 145 | 146 | 147 | 148 | 149 | 150 | 151 | 152 | 153 | 154 | 155 | 156 | 157 | 158 | 159 | 160 | 161 | 162 | 163 | 164 | 165 | 166 | 167 | 168 | 169 | 170 | 171 | 172 | 173 | 174 | 175 | 176 | 177 | 178 | 179 | 180 | 181 | 182 | 183 | 184 | 185 | 186 | 187 | 188 | 189 | 190 | 191 | 192 | 193 | 194 | 195 | 196 | 197 | 198 | 199 | 200 | 201 | 202 | 203 | 204 | 205 | 206 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 218 | 219 | 220 | 221 | 222 | 223 | 224 | 225 | 226 | 227 | 228 | 229 | 230 | 231 | 232 | 233 | 234 | 235 | 236 | 237 | 238 | 239 | 240 | 241 | 242 | 243 | 244 | -------------------------------------------------------------------------------- /et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf -------------------------------------------------------------------------------- /et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff -------------------------------------------------------------------------------- /et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot -------------------------------------------------------------------------------- /et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf -------------------------------------------------------------------------------- /et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff -------------------------------------------------------------------------------- /et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot -------------------------------------------------------------------------------- /et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf -------------------------------------------------------------------------------- /et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff -------------------------------------------------------------------------------- /et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.eot -------------------------------------------------------------------------------- /et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.ttf -------------------------------------------------------------------------------- /et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/otsaloma/markdown-css/33d9ee2f2dd3185d660b8dde26ab126c9e7ed507/et-book/et-book-semi-bold-old-style-figures/et-book-semi-bold-old-style-figures.woff -------------------------------------------------------------------------------- /github.css: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: octicons-link; 3 | src: url(data:font/woff;charset=utf-8;base64,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) format('woff'); 4 | } 5 | 6 | body { 7 | -webkit-text-size-adjust: 100%; 8 | text-size-adjust: 100%; 9 | color: #333; 10 | font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 11 | font-size: 16px; 12 | line-height: 1.6; 13 | word-wrap: break-word; 14 | width: 728px; 15 | max-width: 99%; 16 | box-sizing: border-box; 17 | padding: 30px 30px 8rem 30px; 18 | margin-left: auto; 19 | margin-right: auto; 20 | } 21 | 22 | body a { 23 | background-color: transparent; 24 | } 25 | 26 | body a:active, 27 | body a:hover { 28 | outline: 0; 29 | } 30 | 31 | body strong { 32 | font-weight: bold; 33 | } 34 | 35 | body h1 { 36 | font-size: 2em; 37 | margin: 0.67em 0; 38 | } 39 | 40 | body img { 41 | border: 0; 42 | } 43 | 44 | body hr { 45 | box-sizing: content-box; 46 | height: 0; 47 | } 48 | 49 | body pre { 50 | overflow: auto; 51 | } 52 | 53 | body code, 54 | body kbd, 55 | body pre { 56 | font-family: monospace, monospace; 57 | font-size: 1em; 58 | } 59 | 60 | body input { 61 | color: inherit; 62 | font: inherit; 63 | margin: 0; 64 | } 65 | 66 | body html input[disabled] { 67 | cursor: default; 68 | } 69 | 70 | body input { 71 | line-height: normal; 72 | } 73 | 74 | body input[type="checkbox"] { 75 | box-sizing: border-box; 76 | padding: 0; 77 | } 78 | 79 | body table { 80 | border-collapse: collapse; 81 | border-spacing: 0; 82 | } 83 | 84 | body td, 85 | body th { 86 | padding: 0; 87 | } 88 | 89 | body * { 90 | box-sizing: border-box; 91 | } 92 | 93 | body input { 94 | font: 13px / 1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 95 | } 96 | 97 | body a { 98 | color: #4078c0; 99 | text-decoration: none; 100 | } 101 | 102 | body a:hover, 103 | body a:active { 104 | text-decoration: underline; 105 | } 106 | 107 | body hr { 108 | height: 0; 109 | margin: 15px 0; 110 | overflow: hidden; 111 | background: transparent; 112 | border: 0; 113 | border-bottom: 1px solid #ddd; 114 | } 115 | 116 | body hr:before { 117 | display: table; 118 | content: ""; 119 | } 120 | 121 | body hr:after { 122 | display: table; 123 | clear: both; 124 | content: ""; 125 | } 126 | 127 | body h1, 128 | body h2, 129 | body h3, 130 | body h4, 131 | body h5, 132 | body h6 { 133 | margin-top: 15px; 134 | margin-bottom: 15px; 135 | line-height: 1.1; 136 | } 137 | 138 | body h1 { 139 | font-size: 30px; 140 | } 141 | 142 | body h2 { 143 | font-size: 21px; 144 | } 145 | 146 | body h3 { 147 | font-size: 16px; 148 | } 149 | 150 | body h4 { 151 | font-size: 14px; 152 | } 153 | 154 | body h5 { 155 | font-size: 12px; 156 | } 157 | 158 | body h6 { 159 | font-size: 11px; 160 | } 161 | 162 | body blockquote { 163 | margin: 0; 164 | } 165 | 166 | body ul, 167 | body ol { 168 | padding: 0; 169 | margin-top: 0; 170 | margin-bottom: 0; 171 | } 172 | 173 | body ol ol, 174 | body ul ol { 175 | list-style-type: lower-roman; 176 | } 177 | 178 | body ul ul ol, 179 | body ul ol ol, 180 | body ol ul ol, 181 | body ol ol ol { 182 | list-style-type: lower-alpha; 183 | } 184 | 185 | body dd { 186 | margin-left: 0; 187 | } 188 | 189 | body code { 190 | font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; 191 | font-size: 12px; 192 | } 193 | 194 | body pre { 195 | margin-top: 0; 196 | margin-bottom: 0; 197 | font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; 198 | } 199 | 200 | body .select::-ms-expand { 201 | opacity: 0; 202 | } 203 | 204 | body .octicon { 205 | font: normal normal normal 16px/1 octicons-link; 206 | display: inline-block; 207 | text-decoration: none; 208 | text-rendering: auto; 209 | -webkit-font-smoothing: antialiased; 210 | -moz-osx-font-smoothing: grayscale; 211 | -webkit-user-select: none; 212 | -moz-user-select: none; 213 | -ms-user-select: none; 214 | user-select: none; 215 | } 216 | 217 | body .octicon-link:before { 218 | content: '\f05c'; 219 | } 220 | 221 | body:before { 222 | display: table; 223 | content: ""; 224 | } 225 | 226 | body:after { 227 | display: table; 228 | clear: both; 229 | content: ""; 230 | } 231 | 232 | body>*:first-child { 233 | margin-top: 0 !important; 234 | } 235 | 236 | body>*:last-child { 237 | margin-bottom: 0 !important; 238 | } 239 | 240 | body a:not([href]) { 241 | color: inherit; 242 | text-decoration: none; 243 | } 244 | 245 | body .anchor { 246 | display: inline-block; 247 | padding-right: 2px; 248 | margin-left: -18px; 249 | } 250 | 251 | body .anchor:focus { 252 | outline: none; 253 | } 254 | 255 | body h1, 256 | body h2, 257 | body h3, 258 | body h4, 259 | body h5, 260 | body h6 { 261 | margin-top: 1em; 262 | margin-bottom: 16px; 263 | font-weight: bold; 264 | line-height: 1.4; 265 | } 266 | 267 | body h1 .octicon-link, 268 | body h2 .octicon-link, 269 | body h3 .octicon-link, 270 | body h4 .octicon-link, 271 | body h5 .octicon-link, 272 | body h6 .octicon-link { 273 | color: #000; 274 | vertical-align: middle; 275 | visibility: hidden; 276 | } 277 | 278 | body h1:hover .anchor, 279 | body h2:hover .anchor, 280 | body h3:hover .anchor, 281 | body h4:hover .anchor, 282 | body h5:hover .anchor, 283 | body h6:hover .anchor { 284 | text-decoration: none; 285 | } 286 | 287 | body h1:hover .anchor .octicon-link, 288 | body h2:hover .anchor .octicon-link, 289 | body h3:hover .anchor .octicon-link, 290 | body h4:hover .anchor .octicon-link, 291 | body h5:hover .anchor .octicon-link, 292 | body h6:hover .anchor .octicon-link { 293 | visibility: visible; 294 | } 295 | 296 | body h1 { 297 | padding-bottom: 0.3em; 298 | font-size: 1.75em; 299 | line-height: 1.2; 300 | } 301 | 302 | body h1 .anchor { 303 | line-height: 1; 304 | } 305 | 306 | body h2 { 307 | padding-bottom: 0.3em; 308 | font-size: 1.5em; 309 | line-height: 1.225; 310 | } 311 | 312 | body h2 .anchor { 313 | line-height: 1; 314 | } 315 | 316 | body h3 { 317 | font-size: 1.25em; 318 | line-height: 1.43; 319 | } 320 | 321 | body h3 .anchor { 322 | line-height: 1.2; 323 | } 324 | 325 | body h4 { 326 | font-size: 1em; 327 | } 328 | 329 | body h4 .anchor { 330 | line-height: 1.2; 331 | } 332 | 333 | body h5 { 334 | font-size: 1em; 335 | } 336 | 337 | body h5 .anchor { 338 | line-height: 1.1; 339 | } 340 | 341 | body h6 { 342 | font-size: 1em; 343 | color: #777; 344 | } 345 | 346 | body h6 .anchor { 347 | line-height: 1.1; 348 | } 349 | 350 | body p, 351 | body blockquote, 352 | body ul, 353 | body ol, 354 | body dl, 355 | body table, 356 | body pre { 357 | margin-top: 0; 358 | margin-bottom: 16px; 359 | } 360 | 361 | body hr { 362 | height: 4px; 363 | padding: 0; 364 | margin: 16px 0; 365 | background-color: #e7e7e7; 366 | border: 0 none; 367 | } 368 | 369 | body ul, 370 | body ol { 371 | padding-left: 2em; 372 | } 373 | 374 | body ul ul, 375 | body ul ol, 376 | body ol ol, 377 | body ol ul { 378 | margin-top: 0; 379 | margin-bottom: 0; 380 | } 381 | 382 | body li>p { 383 | margin-top: 16px; 384 | } 385 | 386 | body dl { 387 | padding: 0; 388 | } 389 | 390 | body dl dt { 391 | padding: 0; 392 | margin-top: 16px; 393 | font-size: 1em; 394 | font-style: italic; 395 | font-weight: bold; 396 | } 397 | 398 | body dl dd { 399 | padding: 0 16px; 400 | margin-bottom: 16px; 401 | } 402 | 403 | body blockquote { 404 | padding: 0 15px; 405 | color: #777; 406 | border-left: 4px solid #ddd; 407 | } 408 | 409 | body blockquote>:first-child { 410 | margin-top: 0; 411 | } 412 | 413 | body blockquote>:last-child { 414 | margin-bottom: 0; 415 | } 416 | 417 | body table { 418 | display: block; 419 | width: 100%; 420 | overflow: auto; 421 | word-break: normal; 422 | word-break: keep-all; 423 | } 424 | 425 | body table th { 426 | font-weight: bold; 427 | } 428 | 429 | body table th, 430 | body table td { 431 | padding: 6px 13px; 432 | border: 1px solid #ddd; 433 | } 434 | 435 | body table tr { 436 | background-color: #fff; 437 | border-top: 1px solid #ccc; 438 | } 439 | 440 | body table tr:nth-child(2n) { 441 | background-color: #f8f8f8; 442 | } 443 | 444 | body img { 445 | max-width: 100%; 446 | box-sizing: content-box; 447 | background-color: #fff; 448 | } 449 | 450 | body code { 451 | padding: 0; 452 | padding-top: 0; 453 | padding-bottom: 0; 454 | margin: 0; 455 | font-size: 85%; 456 | background-color: rgba(0,0,0,0.04); 457 | border-radius: 3px; 458 | } 459 | 460 | body code:before, 461 | body code:after { 462 | letter-spacing: -0.2em; 463 | content: "\00a0"; 464 | } 465 | 466 | body pre>code { 467 | padding: 0; 468 | margin: 0; 469 | font-size: 100%; 470 | word-break: normal; 471 | white-space: pre; 472 | background: transparent; 473 | border: 0; 474 | } 475 | 476 | body .highlight { 477 | margin-bottom: 16px; 478 | } 479 | 480 | body .highlight pre, 481 | body pre { 482 | padding: 16px; 483 | overflow: auto; 484 | font-size: 85%; 485 | line-height: 1.45; 486 | background-color: #f7f7f7; 487 | border-radius: 3px; 488 | } 489 | 490 | .sourceCode { 491 | background-color: #f7f7f7; 492 | } 493 | 494 | body .highlight pre { 495 | margin-bottom: 0; 496 | word-break: normal; 497 | } 498 | 499 | body pre { 500 | word-wrap: normal; 501 | } 502 | 503 | body pre code { 504 | display: inline; 505 | max-width: initial; 506 | padding: 0; 507 | margin: 0; 508 | overflow: initial; 509 | line-height: inherit; 510 | word-wrap: normal; 511 | background-color: transparent; 512 | border: 0; 513 | } 514 | 515 | body pre code:before, 516 | body pre code:after { 517 | content: normal; 518 | } 519 | 520 | body kbd { 521 | display: inline-block; 522 | padding: 3px 5px; 523 | font-size: 11px; 524 | line-height: 10px; 525 | color: #555; 526 | vertical-align: middle; 527 | background-color: #fcfcfc; 528 | border: solid 1px #ccc; 529 | border-bottom-color: #bbb; 530 | border-radius: 3px; 531 | box-shadow: inset 0 -1px 0 #bbb; 532 | } 533 | 534 | body .pl-c { 535 | color: #969896; 536 | } 537 | 538 | body .pl-c1, 539 | body .pl-s .pl-v { 540 | color: #0086b3; 541 | } 542 | 543 | body .pl-e, 544 | body .pl-en { 545 | color: #795da3; 546 | } 547 | 548 | body .pl-s .pl-s1, 549 | body .pl-smi { 550 | color: #333; 551 | } 552 | 553 | body .pl-ent { 554 | color: #63a35c; 555 | } 556 | 557 | body .pl-k { 558 | color: #a71d5d; 559 | } 560 | 561 | body .pl-pds, 562 | body .pl-s, 563 | body .pl-s .pl-pse .pl-s1, 564 | body .pl-sr, 565 | body .pl-sr .pl-cce, 566 | body .pl-sr .pl-sra, 567 | body .pl-sr .pl-sre { 568 | color: #183691; 569 | } 570 | 571 | body .pl-v { 572 | color: #ed6a43; 573 | } 574 | 575 | body .pl-id { 576 | color: #b52a1d; 577 | } 578 | 579 | body .pl-ii { 580 | background-color: #b52a1d; 581 | color: #f8f8f8; 582 | } 583 | 584 | body .pl-sr .pl-cce { 585 | color: #63a35c; 586 | font-weight: bold; 587 | } 588 | 589 | body .pl-ml { 590 | color: #693a17; 591 | } 592 | 593 | body .pl-mh, 594 | body .pl-mh .pl-en, 595 | body .pl-ms { 596 | color: #1d3e81; 597 | font-weight: bold; 598 | } 599 | 600 | body .pl-mq { 601 | color: #008080; 602 | } 603 | 604 | body .pl-mi { 605 | color: #333; 606 | font-style: italic; 607 | } 608 | 609 | body .pl-mb { 610 | color: #333; 611 | font-weight: bold; 612 | } 613 | 614 | body .pl-md { 615 | background-color: #ffecec; 616 | color: #bd2c00; 617 | } 618 | 619 | body .pl-mi1 { 620 | background-color: #eaffea; 621 | color: #55a532; 622 | } 623 | 624 | body .pl-mdr { 625 | color: #795da3; 626 | font-weight: bold; 627 | } 628 | 629 | body .pl-mo { 630 | color: #1d3e81; 631 | } 632 | 633 | body kbd { 634 | display: inline-block; 635 | padding: 3px 5px; 636 | font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; 637 | line-height: 10px; 638 | color: #555; 639 | vertical-align: middle; 640 | background-color: #fcfcfc; 641 | border: solid 1px #ccc; 642 | border-bottom-color: #bbb; 643 | border-radius: 3px; 644 | box-shadow: inset 0 -1px 0 #bbb; 645 | } 646 | 647 | body .task-list-item { 648 | list-style-type: none; 649 | } 650 | 651 | body .task-list-item+.task-list-item { 652 | margin-top: 3px; 653 | } 654 | 655 | body .task-list-item input { 656 | margin: 0 0.35em 0.25em -1.6em; 657 | vertical-align: middle; 658 | } 659 | 660 | body :checked+.radio-label { 661 | z-index: 1; 662 | position: relative; 663 | border-color: #4078c0; 664 | } 665 | -------------------------------------------------------------------------------- /github.css.orig: -------------------------------------------------------------------------------- 1 | @font-face { 2 | font-family: octicons-link; 3 | src: url(data:font/woff;charset=utf-8;base64,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) format('woff'); 4 | } 5 | 6 | .markdown-body { 7 | -webkit-text-size-adjust: 100%; 8 | text-size-adjust: 100%; 9 | color: #333; 10 | font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 11 | font-size: 16px; 12 | line-height: 1.6; 13 | word-wrap: break-word; 14 | } 15 | 16 | .markdown-body a { 17 | background-color: transparent; 18 | } 19 | 20 | .markdown-body a:active, 21 | .markdown-body a:hover { 22 | outline: 0; 23 | } 24 | 25 | .markdown-body strong { 26 | font-weight: bold; 27 | } 28 | 29 | .markdown-body h1 { 30 | font-size: 2em; 31 | margin: 0.67em 0; 32 | } 33 | 34 | .markdown-body img { 35 | border: 0; 36 | } 37 | 38 | .markdown-body hr { 39 | box-sizing: content-box; 40 | height: 0; 41 | } 42 | 43 | .markdown-body pre { 44 | overflow: auto; 45 | } 46 | 47 | .markdown-body code, 48 | .markdown-body kbd, 49 | .markdown-body pre { 50 | font-family: monospace, monospace; 51 | font-size: 1em; 52 | } 53 | 54 | .markdown-body input { 55 | color: inherit; 56 | font: inherit; 57 | margin: 0; 58 | } 59 | 60 | .markdown-body html input[disabled] { 61 | cursor: default; 62 | } 63 | 64 | .markdown-body input { 65 | line-height: normal; 66 | } 67 | 68 | .markdown-body input[type="checkbox"] { 69 | box-sizing: border-box; 70 | padding: 0; 71 | } 72 | 73 | .markdown-body table { 74 | border-collapse: collapse; 75 | border-spacing: 0; 76 | } 77 | 78 | .markdown-body td, 79 | .markdown-body th { 80 | padding: 0; 81 | } 82 | 83 | .markdown-body * { 84 | box-sizing: border-box; 85 | } 86 | 87 | .markdown-body input { 88 | font: 13px / 1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; 89 | } 90 | 91 | .markdown-body a { 92 | color: #4078c0; 93 | text-decoration: none; 94 | } 95 | 96 | .markdown-body a:hover, 97 | .markdown-body a:active { 98 | text-decoration: underline; 99 | } 100 | 101 | .markdown-body hr { 102 | height: 0; 103 | margin: 15px 0; 104 | overflow: hidden; 105 | background: transparent; 106 | border: 0; 107 | border-bottom: 1px solid #ddd; 108 | } 109 | 110 | .markdown-body hr:before { 111 | display: table; 112 | content: ""; 113 | } 114 | 115 | .markdown-body hr:after { 116 | display: table; 117 | clear: both; 118 | content: ""; 119 | } 120 | 121 | .markdown-body h1, 122 | .markdown-body h2, 123 | .markdown-body h3, 124 | .markdown-body h4, 125 | .markdown-body h5, 126 | .markdown-body h6 { 127 | margin-top: 15px; 128 | margin-bottom: 15px; 129 | line-height: 1.1; 130 | } 131 | 132 | .markdown-body h1 { 133 | font-size: 30px; 134 | } 135 | 136 | .markdown-body h2 { 137 | font-size: 21px; 138 | } 139 | 140 | .markdown-body h3 { 141 | font-size: 16px; 142 | } 143 | 144 | .markdown-body h4 { 145 | font-size: 14px; 146 | } 147 | 148 | .markdown-body h5 { 149 | font-size: 12px; 150 | } 151 | 152 | .markdown-body h6 { 153 | font-size: 11px; 154 | } 155 | 156 | .markdown-body blockquote { 157 | margin: 0; 158 | } 159 | 160 | .markdown-body ul, 161 | .markdown-body ol { 162 | padding: 0; 163 | margin-top: 0; 164 | margin-bottom: 0; 165 | } 166 | 167 | .markdown-body ol ol, 168 | .markdown-body ul ol { 169 | list-style-type: lower-roman; 170 | } 171 | 172 | .markdown-body ul ul ol, 173 | .markdown-body ul ol ol, 174 | .markdown-body ol ul ol, 175 | .markdown-body ol ol ol { 176 | list-style-type: lower-alpha; 177 | } 178 | 179 | .markdown-body dd { 180 | margin-left: 0; 181 | } 182 | 183 | .markdown-body code { 184 | font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; 185 | font-size: 12px; 186 | } 187 | 188 | .markdown-body pre { 189 | margin-top: 0; 190 | margin-bottom: 0; 191 | font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; 192 | } 193 | 194 | .markdown-body .select::-ms-expand { 195 | opacity: 0; 196 | } 197 | 198 | .markdown-body .octicon { 199 | font: normal normal normal 16px/1 octicons-link; 200 | display: inline-block; 201 | text-decoration: none; 202 | text-rendering: auto; 203 | -webkit-font-smoothing: antialiased; 204 | -moz-osx-font-smoothing: grayscale; 205 | -webkit-user-select: none; 206 | -moz-user-select: none; 207 | -ms-user-select: none; 208 | user-select: none; 209 | } 210 | 211 | .markdown-body .octicon-link:before { 212 | content: '\f05c'; 213 | } 214 | 215 | .markdown-body:before { 216 | display: table; 217 | content: ""; 218 | } 219 | 220 | .markdown-body:after { 221 | display: table; 222 | clear: both; 223 | content: ""; 224 | } 225 | 226 | .markdown-body>*:first-child { 227 | margin-top: 0 !important; 228 | } 229 | 230 | .markdown-body>*:last-child { 231 | margin-bottom: 0 !important; 232 | } 233 | 234 | .markdown-body a:not([href]) { 235 | color: inherit; 236 | text-decoration: none; 237 | } 238 | 239 | .markdown-body .anchor { 240 | display: inline-block; 241 | padding-right: 2px; 242 | margin-left: -18px; 243 | } 244 | 245 | .markdown-body .anchor:focus { 246 | outline: none; 247 | } 248 | 249 | .markdown-body h1, 250 | .markdown-body h2, 251 | .markdown-body h3, 252 | .markdown-body h4, 253 | .markdown-body h5, 254 | .markdown-body h6 { 255 | margin-top: 1em; 256 | margin-bottom: 16px; 257 | font-weight: bold; 258 | line-height: 1.4; 259 | } 260 | 261 | .markdown-body h1 .octicon-link, 262 | .markdown-body h2 .octicon-link, 263 | .markdown-body h3 .octicon-link, 264 | .markdown-body h4 .octicon-link, 265 | .markdown-body h5 .octicon-link, 266 | .markdown-body h6 .octicon-link { 267 | color: #000; 268 | vertical-align: middle; 269 | visibility: hidden; 270 | } 271 | 272 | .markdown-body h1:hover .anchor, 273 | .markdown-body h2:hover .anchor, 274 | .markdown-body h3:hover .anchor, 275 | .markdown-body h4:hover .anchor, 276 | .markdown-body h5:hover .anchor, 277 | .markdown-body h6:hover .anchor { 278 | text-decoration: none; 279 | } 280 | 281 | .markdown-body h1:hover .anchor .octicon-link, 282 | .markdown-body h2:hover .anchor .octicon-link, 283 | .markdown-body h3:hover .anchor .octicon-link, 284 | .markdown-body h4:hover .anchor .octicon-link, 285 | .markdown-body h5:hover .anchor .octicon-link, 286 | .markdown-body h6:hover .anchor .octicon-link { 287 | visibility: visible; 288 | } 289 | 290 | .markdown-body h1 { 291 | padding-bottom: 0.3em; 292 | font-size: 2.25em; 293 | line-height: 1.2; 294 | border-bottom: 1px solid #eee; 295 | } 296 | 297 | .markdown-body h1 .anchor { 298 | line-height: 1; 299 | } 300 | 301 | .markdown-body h2 { 302 | padding-bottom: 0.3em; 303 | font-size: 1.75em; 304 | line-height: 1.225; 305 | border-bottom: 1px solid #eee; 306 | } 307 | 308 | .markdown-body h2 .anchor { 309 | line-height: 1; 310 | } 311 | 312 | .markdown-body h3 { 313 | font-size: 1.5em; 314 | line-height: 1.43; 315 | } 316 | 317 | .markdown-body h3 .anchor { 318 | line-height: 1.2; 319 | } 320 | 321 | .markdown-body h4 { 322 | font-size: 1.25em; 323 | } 324 | 325 | .markdown-body h4 .anchor { 326 | line-height: 1.2; 327 | } 328 | 329 | .markdown-body h5 { 330 | font-size: 1em; 331 | } 332 | 333 | .markdown-body h5 .anchor { 334 | line-height: 1.1; 335 | } 336 | 337 | .markdown-body h6 { 338 | font-size: 1em; 339 | color: #777; 340 | } 341 | 342 | .markdown-body h6 .anchor { 343 | line-height: 1.1; 344 | } 345 | 346 | .markdown-body p, 347 | .markdown-body blockquote, 348 | .markdown-body ul, 349 | .markdown-body ol, 350 | .markdown-body dl, 351 | .markdown-body table, 352 | .markdown-body pre { 353 | margin-top: 0; 354 | margin-bottom: 16px; 355 | } 356 | 357 | .markdown-body hr { 358 | height: 4px; 359 | padding: 0; 360 | margin: 16px 0; 361 | background-color: #e7e7e7; 362 | border: 0 none; 363 | } 364 | 365 | .markdown-body ul, 366 | .markdown-body ol { 367 | padding-left: 2em; 368 | } 369 | 370 | .markdown-body ul ul, 371 | .markdown-body ul ol, 372 | .markdown-body ol ol, 373 | .markdown-body ol ul { 374 | margin-top: 0; 375 | margin-bottom: 0; 376 | } 377 | 378 | .markdown-body li>p { 379 | margin-top: 16px; 380 | } 381 | 382 | .markdown-body dl { 383 | padding: 0; 384 | } 385 | 386 | .markdown-body dl dt { 387 | padding: 0; 388 | margin-top: 16px; 389 | font-size: 1em; 390 | font-style: italic; 391 | font-weight: bold; 392 | } 393 | 394 | .markdown-body dl dd { 395 | padding: 0 16px; 396 | margin-bottom: 16px; 397 | } 398 | 399 | .markdown-body blockquote { 400 | padding: 0 15px; 401 | color: #777; 402 | border-left: 4px solid #ddd; 403 | } 404 | 405 | .markdown-body blockquote>:first-child { 406 | margin-top: 0; 407 | } 408 | 409 | .markdown-body blockquote>:last-child { 410 | margin-bottom: 0; 411 | } 412 | 413 | .markdown-body table { 414 | display: block; 415 | width: 100%; 416 | overflow: auto; 417 | word-break: normal; 418 | word-break: keep-all; 419 | } 420 | 421 | .markdown-body table th { 422 | font-weight: bold; 423 | } 424 | 425 | .markdown-body table th, 426 | .markdown-body table td { 427 | padding: 6px 13px; 428 | border: 1px solid #ddd; 429 | } 430 | 431 | .markdown-body table tr { 432 | background-color: #fff; 433 | border-top: 1px solid #ccc; 434 | } 435 | 436 | .markdown-body table tr:nth-child(2n) { 437 | background-color: #f8f8f8; 438 | } 439 | 440 | .markdown-body img { 441 | max-width: 100%; 442 | box-sizing: content-box; 443 | background-color: #fff; 444 | } 445 | 446 | .markdown-body code { 447 | padding: 0; 448 | padding-top: 0.2em; 449 | padding-bottom: 0.2em; 450 | margin: 0; 451 | font-size: 85%; 452 | background-color: rgba(0,0,0,0.04); 453 | border-radius: 3px; 454 | } 455 | 456 | .markdown-body code:before, 457 | .markdown-body code:after { 458 | letter-spacing: -0.2em; 459 | content: "\00a0"; 460 | } 461 | 462 | .markdown-body pre>code { 463 | padding: 0; 464 | margin: 0; 465 | font-size: 100%; 466 | word-break: normal; 467 | white-space: pre; 468 | background: transparent; 469 | border: 0; 470 | } 471 | 472 | .markdown-body .highlight { 473 | margin-bottom: 16px; 474 | } 475 | 476 | .markdown-body .highlight pre, 477 | .markdown-body pre { 478 | padding: 16px; 479 | overflow: auto; 480 | font-size: 85%; 481 | line-height: 1.45; 482 | background-color: #f7f7f7; 483 | border-radius: 3px; 484 | } 485 | 486 | .markdown-body .highlight pre { 487 | margin-bottom: 0; 488 | word-break: normal; 489 | } 490 | 491 | .markdown-body pre { 492 | word-wrap: normal; 493 | } 494 | 495 | .markdown-body pre code { 496 | display: inline; 497 | max-width: initial; 498 | padding: 0; 499 | margin: 0; 500 | overflow: initial; 501 | line-height: inherit; 502 | word-wrap: normal; 503 | background-color: transparent; 504 | border: 0; 505 | } 506 | 507 | .markdown-body pre code:before, 508 | .markdown-body pre code:after { 509 | content: normal; 510 | } 511 | 512 | .markdown-body kbd { 513 | display: inline-block; 514 | padding: 3px 5px; 515 | font-size: 11px; 516 | line-height: 10px; 517 | color: #555; 518 | vertical-align: middle; 519 | background-color: #fcfcfc; 520 | border: solid 1px #ccc; 521 | border-bottom-color: #bbb; 522 | border-radius: 3px; 523 | box-shadow: inset 0 -1px 0 #bbb; 524 | } 525 | 526 | .markdown-body .pl-c { 527 | color: #969896; 528 | } 529 | 530 | .markdown-body .pl-c1, 531 | .markdown-body .pl-s .pl-v { 532 | color: #0086b3; 533 | } 534 | 535 | .markdown-body .pl-e, 536 | .markdown-body .pl-en { 537 | color: #795da3; 538 | } 539 | 540 | .markdown-body .pl-s .pl-s1, 541 | .markdown-body .pl-smi { 542 | color: #333; 543 | } 544 | 545 | .markdown-body .pl-ent { 546 | color: #63a35c; 547 | } 548 | 549 | .markdown-body .pl-k { 550 | color: #a71d5d; 551 | } 552 | 553 | .markdown-body .pl-pds, 554 | .markdown-body .pl-s, 555 | .markdown-body .pl-s .pl-pse .pl-s1, 556 | .markdown-body .pl-sr, 557 | .markdown-body .pl-sr .pl-cce, 558 | .markdown-body .pl-sr .pl-sra, 559 | .markdown-body .pl-sr .pl-sre { 560 | color: #183691; 561 | } 562 | 563 | .markdown-body .pl-v { 564 | color: #ed6a43; 565 | } 566 | 567 | .markdown-body .pl-id { 568 | color: #b52a1d; 569 | } 570 | 571 | .markdown-body .pl-ii { 572 | background-color: #b52a1d; 573 | color: #f8f8f8; 574 | } 575 | 576 | .markdown-body .pl-sr .pl-cce { 577 | color: #63a35c; 578 | font-weight: bold; 579 | } 580 | 581 | .markdown-body .pl-ml { 582 | color: #693a17; 583 | } 584 | 585 | .markdown-body .pl-mh, 586 | .markdown-body .pl-mh .pl-en, 587 | .markdown-body .pl-ms { 588 | color: #1d3e81; 589 | font-weight: bold; 590 | } 591 | 592 | .markdown-body .pl-mq { 593 | color: #008080; 594 | } 595 | 596 | .markdown-body .pl-mi { 597 | color: #333; 598 | font-style: italic; 599 | } 600 | 601 | .markdown-body .pl-mb { 602 | color: #333; 603 | font-weight: bold; 604 | } 605 | 606 | .markdown-body .pl-md { 607 | background-color: #ffecec; 608 | color: #bd2c00; 609 | } 610 | 611 | .markdown-body .pl-mi1 { 612 | background-color: #eaffea; 613 | color: #55a532; 614 | } 615 | 616 | .markdown-body .pl-mdr { 617 | color: #795da3; 618 | font-weight: bold; 619 | } 620 | 621 | .markdown-body .pl-mo { 622 | color: #1d3e81; 623 | } 624 | 625 | .markdown-body kbd { 626 | display: inline-block; 627 | padding: 3px 5px; 628 | font: 11px Consolas, "Liberation Mono", Menlo, Courier, monospace; 629 | line-height: 10px; 630 | color: #555; 631 | vertical-align: middle; 632 | background-color: #fcfcfc; 633 | border: solid 1px #ccc; 634 | border-bottom-color: #bbb; 635 | border-radius: 3px; 636 | box-shadow: inset 0 -1px 0 #bbb; 637 | } 638 | 639 | .markdown-body .task-list-item { 640 | list-style-type: none; 641 | } 642 | 643 | .markdown-body .task-list-item+.task-list-item { 644 | margin-top: 3px; 645 | } 646 | 647 | .markdown-body .task-list-item input { 648 | margin: 0 0.35em 0.25em -1.6em; 649 | vertical-align: middle; 650 | } 651 | 652 | .markdown-body :checked+.radio-label { 653 | z-index: 1; 654 | position: relative; 655 | border-color: #4078c0; 656 | } 657 | -------------------------------------------------------------------------------- /tufte.css: -------------------------------------------------------------------------------- 1 | /* Import ET Book styles 2 | adapted from https://github.com/edwardtufte/et-book/blob/gh-pages/et-book.css */ 3 | 4 | @charset "UTF-8"; 5 | 6 | @font-face { 7 | font-family: "et-book"; 8 | src: url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff") format("woff"); 9 | font-weight: normal; 10 | font-style: normal 11 | } 12 | 13 | @font-face { 14 | font-family: "et-book"; 15 | src: url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff") format("woff"); 16 | font-weight: normal; 17 | font-style: italic 18 | } 19 | 20 | @font-face { 21 | font-family: "et-book"; 22 | src: url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff") format("woff"); 23 | font-weight: bold; 24 | font-style: normal 25 | } 26 | 27 | @font-face { 28 | font-family: "et-book-roman-old-style"; 29 | src: url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff") format("woff"); 30 | font-weight: normal; 31 | font-style: normal; 32 | } 33 | 34 | /* Tufte CSS styles */ 35 | html { font-size: 15px; } 36 | 37 | body { width: 48rem; 38 | margin-left: auto; 39 | margin-right: auto; 40 | padding: 0 2rem 8rem 2rem; 41 | font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; 42 | background-color: white; 43 | color: #404444; 44 | max-width: 99%; 45 | box-sizing: border-box; 46 | counter-reset: sidenote-counter; } 47 | 48 | h1 { font-weight: 400; 49 | margin-top: 4rem; 50 | margin-bottom: 1.5rem; 51 | font-size: 3.2rem; 52 | line-height: 1; } 53 | 54 | h2 { font-style: italic; 55 | font-weight: 400; 56 | margin-top: 2.1rem; 57 | margin-bottom: 0; 58 | font-size: 2.2rem; 59 | line-height: 1; } 60 | 61 | h3 { font-style: italic; 62 | font-weight: 400; 63 | font-size: 1.7rem; 64 | margin-top: 2rem; 65 | margin-bottom: 0; 66 | line-height: 1; } 67 | 68 | p.subtitle { font-style: italic; 69 | margin-top: 1rem; 70 | margin-bottom: 1rem; 71 | font-size: 1.8rem; 72 | display: block; 73 | line-height: 1; } 74 | 75 | .numeral { font-family: et-book-roman-old-style; } 76 | 77 | .danger { color: red; } 78 | 79 | article { position: relative; 80 | padding: 5rem 0rem; } 81 | 82 | section { padding-top: 1rem; 83 | padding-bottom: 1rem; } 84 | 85 | p, ol, ul { font-size: 1.4rem; } 86 | 87 | p { line-height: 2rem; 88 | margin-top: 1.4rem; 89 | margin-bottom: 1.4rem; 90 | padding-right: 0; 91 | vertical-align: baseline; } 92 | 93 | /* Chapter Epigraphs */ 94 | div.epigraph { margin: 5em 0; } 95 | 96 | div.epigraph > blockquote { margin-top: 3em; 97 | margin-bottom: 3em; } 98 | 99 | div.epigraph > blockquote, div.epigraph > blockquote > p { font-style: italic; } 100 | 101 | div.epigraph > blockquote > footer { font-style: normal; } 102 | 103 | div.epigraph > blockquote > footer > cite { font-style: italic; } 104 | 105 | /* end chapter epigraphs styles */ 106 | 107 | blockquote { border-left: 4px solid #cccccc; 108 | font-size: 1.4rem; 109 | font-style: italic; 110 | margin: 2rem 0; 111 | padding-left: 2rem; 112 | padding-right: 2rem; } 113 | 114 | blockquote p { padding-bottom: 6px; } 115 | 116 | blockquote footer { font-size: 1.1rem; 117 | text-align: right; } 118 | 119 | ol, ul { padding-left: 2rem; 120 | -webkit-padding-start: 5%; 121 | -webkit-padding-end: 5%; } 122 | 123 | li { margin: 1rem 0; } 124 | 125 | li p { margin-bottom: 0.5rem; 126 | margin-top: 0.5rem; } 127 | 128 | figure { padding: 0; 129 | border: 0; 130 | font-size: 100%; 131 | font: inherit; 132 | vertical-align: baseline; 133 | -webkit-margin-start: 0; 134 | -webkit-margin-end: 0; 135 | margin: 0 0 3em 0; } 136 | 137 | figcaption { float: right; 138 | clear: right; 139 | margin-right: -48%; 140 | margin-top: 0; 141 | margin-bottom: 0; 142 | font-size: 1.1rem; 143 | line-height: 1.6; 144 | vertical-align: baseline; 145 | position: relative; } 146 | 147 | figure.fullwidth figcaption { margin-right: 24%; } 148 | 149 | /* Links: replicate underline that clears descenders */ 150 | a:link, a:visited { color: inherit; } 151 | 152 | a:link { text-decoration: none; 153 | background: -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#333, #333); 154 | background: linear-gradient(#fffff8, #fffff8), linear-gradient(#fffff8, #fffff8), linear-gradient(#333, #333); 155 | -webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px; 156 | -moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px; 157 | background-size: 0.05em 1px, 0.05em 1px, 1px 1px; 158 | background-repeat: no-repeat, no-repeat, repeat-x; 159 | text-shadow: 0.03em 0 #fffff8, -0.03em 0 #fffff8, 0 0.03em #fffff8, 0 -0.03em #fffff8, 0.06em 0 #fffff8, -0.06em 0 #fffff8, 0.09em 0 #fffff8, -0.09em 0 #fffff8, 0.12em 0 #fffff8, -0.12em 0 #fffff8, 0.15em 0 #fffff8, -0.15em 0 #fffff8; 160 | background-position: 0% 93%, 100% 93%, 0% 93%; } 161 | 162 | @media screen and (-webkit-min-device-pixel-ratio: 0) { a:link { background-position-y: 87%, 87%, 87%; } } 163 | 164 | a:link::selection { text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe; 165 | background: #b4d5fe; } 166 | 167 | a:link::-moz-selection { text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe; 168 | background: #b4d5fe; } 169 | 170 | /* Hide the faux underline */ 171 | a img { vertical-align: bottom; } 172 | 173 | /* Sidenotes, margin notes, figures, captions */ 174 | img { } 175 | 176 | .sidenote, .marginnote { float: right; 177 | clear: right; 178 | margin-right: -60%; 179 | margin-top: 0; 180 | margin-bottom: 0; 181 | font-size: 1.1rem; 182 | line-height: 1.3; 183 | vertical-align: baseline; 184 | position: relative; } 185 | 186 | .table-caption { float:right; 187 | clear:right; 188 | margin-right: -60%; 189 | margin-top: 0; 190 | margin-bottom: 0; 191 | font-size: 1.0rem; 192 | line-height: 1.6; } 193 | 194 | .sidenote-number { counter-increment: sidenote-counter; } 195 | 196 | .sidenote-number:after, .sidenote:before { content: counter(sidenote-counter) " "; 197 | font-family: et-book-roman-old-style; 198 | position: relative; 199 | vertical-align: baseline; } 200 | 201 | .sidenote-number:after { content: counter(sidenote-counter); 202 | font-size: 1rem; 203 | top: -0.5rem; 204 | left: 0.1rem; } 205 | 206 | .sidenote:before { content: counter(sidenote-counter) " "; 207 | top: -0.5rem; } 208 | 209 | p, footer, table, div.table-wrapper-small, div.supertable-wrapper > p, div.booktabs-wrapper { } 210 | 211 | div.fullwidth, table.fullwidth { } 212 | 213 | div.table-wrapper { overflow-x: scroll; 214 | font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif; } 215 | 216 | .sans { font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; 217 | letter-spacing: .03em; } 218 | 219 | code, .code { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; 220 | font-size: 1.125rem; 221 | line-height: 1.6; } 222 | 223 | h1 .code, h2 .code, h3 .code { font-size: 0.80em; } 224 | 225 | .marginnote .code, .sidenote .code { font-size: 1rem; } 226 | 227 | pre.code { padding-left: 2.5%; 228 | overflow-x: scroll; } 229 | 230 | .fullwidth { clear:both; } 231 | 232 | span.newthought { font-variant: small-caps; 233 | font-size: 1.2em; } 234 | 235 | input.margin-toggle { display: none; } 236 | 237 | label.sidenote-number { display: inline; } 238 | 239 | label.margin-toggle:not(.sidenote-number) { display: none; } 240 | 241 | /* Tables */ 242 | 243 | table { border-collapse: collapse; 244 | font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; 245 | font-size: 1.125rem; 246 | margin: 2rem 0; } 247 | 248 | th { border-bottom: 2px solid #cccccc; 249 | font-weight: normal; 250 | padding: 0.4em 0.8em; } 251 | 252 | td { padding: 0.4em 0.8em; } 253 | -------------------------------------------------------------------------------- /tufte.css.orig: -------------------------------------------------------------------------------- 1 | /* Import ET Book styles 2 | adapted from https://github.com/edwardtufte/et-book/blob/gh-pages/et-book.css */ 3 | 4 | @charset "UTF-8"; 5 | 6 | @font-face { 7 | font-family: "et-book"; 8 | src: url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot"); 9 | src: url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff") format("woff"), url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf") format("truetype"), url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.svg#etbookromanosf") format("svg"); 10 | font-weight: normal; 11 | font-style: normal 12 | } 13 | 14 | @font-face { 15 | font-family: "et-book"; 16 | src: url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot"); 17 | src: url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff") format("woff"), url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf") format("truetype"), url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg#etbookromanosf") format("svg"); 18 | font-weight: normal; 19 | font-style: italic 20 | } 21 | 22 | @font-face { 23 | font-family: "et-book"; 24 | src: url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot"); 25 | src: url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff") format("woff"), url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf") format("truetype"), url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.svg#etbookromanosf") format("svg"); 26 | font-weight: bold; 27 | font-style: normal 28 | } 29 | 30 | @font-face { 31 | font-family: "et-book-roman-old-style"; 32 | src: url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot"); 33 | src: url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff") format("woff"), url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf") format("truetype"), url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.svg#etbookromanosf") format("svg"); 34 | font-weight: normal; 35 | font-style: normal; 36 | } 37 | 38 | /* Tufte CSS styles */ 39 | html { font-size: 15px; } 40 | 41 | body { width: 87.5%; 42 | margin-left: auto; 43 | margin-right: auto; 44 | padding-left: 12.5%; 45 | font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; 46 | background-color: #fffff8; 47 | color: #111; 48 | max-width: 1400px; 49 | counter-reset: sidenote-counter; } 50 | 51 | h1 { font-weight: 400; 52 | margin-top: 4rem; 53 | margin-bottom: 1.5rem; 54 | font-size: 3.2rem; 55 | line-height: 1; } 56 | 57 | h2 { font-style: italic; 58 | font-weight: 400; 59 | margin-top: 2.1rem; 60 | margin-bottom: 0; 61 | font-size: 2.2rem; 62 | line-height: 1; } 63 | 64 | h3 { font-style: italic; 65 | font-weight: 400; 66 | font-size: 1.7rem; 67 | margin-top: 2rem; 68 | margin-bottom: 0; 69 | line-height: 1; } 70 | 71 | p.subtitle { font-style: italic; 72 | margin-top: 1rem; 73 | margin-bottom: 1rem; 74 | font-size: 1.8rem; 75 | display: block; 76 | line-height: 1; } 77 | 78 | .numeral { font-family: et-book-roman-old-style; } 79 | 80 | .danger { color: red; } 81 | 82 | article { position: relative; 83 | padding: 5rem 0rem; } 84 | 85 | section { padding-top: 1rem; 86 | padding-bottom: 1rem; } 87 | 88 | p, ol, ul { font-size: 1.4rem; } 89 | 90 | p { line-height: 2rem; 91 | margin-top: 1.4rem; 92 | margin-bottom: 1.4rem; 93 | padding-right: 0; 94 | vertical-align: baseline; } 95 | 96 | /* Chapter Epigraphs */ 97 | div.epigraph { margin: 5em 0; } 98 | 99 | div.epigraph > blockquote { margin-top: 3em; 100 | margin-bottom: 3em; } 101 | 102 | div.epigraph > blockquote, div.epigraph > blockquote > p { font-style: italic; } 103 | 104 | div.epigraph > blockquote > footer { font-style: normal; } 105 | 106 | div.epigraph > blockquote > footer > cite { font-style: italic; } 107 | 108 | /* end chapter epigraphs styles */ 109 | 110 | blockquote { font-size: 1.4rem; } 111 | 112 | blockquote p { width: 50%; } 113 | 114 | blockquote footer { width: 50%; 115 | font-size: 1.1rem; 116 | text-align: right; } 117 | 118 | ol, ul { width: 45%; 119 | -webkit-padding-start: 5%; 120 | -webkit-padding-end: 5%; } 121 | 122 | li { padding: 0.5rem 0; } 123 | 124 | figure { padding: 0; 125 | border: 0; 126 | font-size: 100%; 127 | font: inherit; 128 | vertical-align: baseline; 129 | max-width: 55%; 130 | -webkit-margin-start: 0; 131 | -webkit-margin-end: 0; 132 | margin: 0 0 3em 0; } 133 | 134 | figcaption { float: right; 135 | clear: right; 136 | margin-right: -48%; 137 | margin-top: 0; 138 | margin-bottom: 0; 139 | font-size: 1.1rem; 140 | line-height: 1.6; 141 | vertical-align: baseline; 142 | position: relative; 143 | max-width: 40%; } 144 | 145 | figure.fullwidth figcaption { margin-right: 24%; } 146 | 147 | /* Links: replicate underline that clears descenders */ 148 | a:link, a:visited { color: inherit; } 149 | 150 | a:link { text-decoration: none; 151 | background: -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#333, #333); 152 | background: linear-gradient(#fffff8, #fffff8), linear-gradient(#fffff8, #fffff8), linear-gradient(#333, #333); 153 | -webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px; 154 | -moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px; 155 | background-size: 0.05em 1px, 0.05em 1px, 1px 1px; 156 | background-repeat: no-repeat, no-repeat, repeat-x; 157 | text-shadow: 0.03em 0 #fffff8, -0.03em 0 #fffff8, 0 0.03em #fffff8, 0 -0.03em #fffff8, 0.06em 0 #fffff8, -0.06em 0 #fffff8, 0.09em 0 #fffff8, -0.09em 0 #fffff8, 0.12em 0 #fffff8, -0.12em 0 #fffff8, 0.15em 0 #fffff8, -0.15em 0 #fffff8; 158 | background-position: 0% 93%, 100% 93%, 0% 93%; } 159 | 160 | @media screen and (-webkit-min-device-pixel-ratio: 0) { a:link { background-position-y: 87%, 87%, 87%; } } 161 | 162 | a:link::selection { text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe; 163 | background: #b4d5fe; } 164 | 165 | a:link::-moz-selection { text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe; 166 | background: #b4d5fe; } 167 | 168 | /* Sidenotes, margin notes, figures, captions */ 169 | img { max-width: 100%; } 170 | 171 | .sidenote, .marginnote { float: right; 172 | clear: right; 173 | margin-right: -60%; 174 | width: 50%; 175 | margin-top: 0; 176 | margin-bottom: 0; 177 | font-size: 1.1rem; 178 | line-height: 1.3; 179 | vertical-align: baseline; 180 | position: relative; } 181 | 182 | .table-caption { float:right; 183 | clear:right; 184 | margin-right: -60%; 185 | width: 50%; 186 | margin-top: 0; 187 | margin-bottom: 0; 188 | font-size: 1.0rem; 189 | line-height: 1.6; } 190 | 191 | .sidenote-number { counter-increment: sidenote-counter; } 192 | 193 | .sidenote-number:after, .sidenote:before { content: counter(sidenote-counter) " "; 194 | font-family: et-book-roman-old-style; 195 | position: relative; 196 | vertical-align: baseline; } 197 | 198 | .sidenote-number:after { content: counter(sidenote-counter); 199 | font-size: 1rem; 200 | top: -0.5rem; 201 | left: 0.1rem; } 202 | 203 | .sidenote:before { content: counter(sidenote-counter) " "; 204 | top: -0.5rem; } 205 | 206 | p, footer, table, div.table-wrapper-small, div.supertable-wrapper > p, div.booktabs-wrapper { width: 55%; } 207 | 208 | div.fullwidth, table.fullwidth { width: 100%; } 209 | 210 | div.table-wrapper { overflow-x: scroll; 211 | font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif; } 212 | 213 | @media screen and (max-width: 760px) { p, footer { width: 90%; } 214 | pre.code { width: 87.5%; } 215 | ul { width: 85%; } 216 | figure { max-width: 90%; } 217 | figcaption, figure.fullwidth figcaption { margin-right: 0%; 218 | max-width: none; } 219 | blockquote p, blockquote footer { width: 90%; }} 220 | 221 | .sans { font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; 222 | letter-spacing: .03em; } 223 | 224 | .code { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; 225 | font-size: 1.125rem; 226 | line-height: 1.6; } 227 | 228 | h1 .code, h2 .code, h3 .code { font-size: 0.80em; } 229 | 230 | .marginnote .code, .sidenote .code { font-size: 1rem; } 231 | 232 | pre.code { width: 52.5%; 233 | padding-left: 2.5%; 234 | overflow-x: scroll; } 235 | 236 | .fullwidth { max-width: 90%; 237 | clear:both; } 238 | 239 | span.newthought { font-variant: small-caps; 240 | font-size: 1.2em; } 241 | 242 | input.margin-toggle { display: none; } 243 | 244 | label.sidenote-number { display: inline; } 245 | 246 | label.margin-toggle:not(.sidenote-number) { display: none; } 247 | 248 | @media (max-width: 760px) { label.margin-toggle:not(.sidenote-number) { display: inline; } 249 | .sidenote, .marginnote { display: none; } 250 | .margin-toggle:checked + .sidenote, 251 | .margin-toggle:checked + .marginnote { display: block; 252 | float: left; 253 | left: 1rem; 254 | clear: both; 255 | width: 95%; 256 | margin: 1rem 2.5%; 257 | vertical-align: baseline; 258 | position: relative; } 259 | label { cursor: pointer; } 260 | pre.code { width: 90%; 261 | padding: 0; } 262 | .table-caption { display: block; 263 | float: right; 264 | clear: both; 265 | width: 98%; 266 | margin-top: 1rem; 267 | margin-bottom: 0.5rem; 268 | margin-left: 1%; 269 | margin-right: 1%; 270 | vertical-align: baseline; 271 | position: relative; } 272 | div.table-wrapper, table, table.booktabs { width: 85%; } 273 | div.table-wrapper { border-right: 1px solid #efefef; } 274 | img { width: 100%; } } 275 | --------------------------------------------------------------------------------