296 lines
4.9 KiB
CSS
296 lines
4.9 KiB
CSS
@charset "UTF-8";
|
||
/*
|
||
* I add this to html files generated with pandoc.
|
||
*/
|
||
html {
|
||
font-size: 100%;
|
||
overflow-y: scroll;
|
||
-webkit-text-size-adjust: 100%;
|
||
-ms-text-size-adjust: 100%; }
|
||
|
||
body {
|
||
color: #444;
|
||
font-family: "Avenir Next", Helvetica, Arial, sans-serif;
|
||
font-size: 12px;
|
||
line-height: 1.7;
|
||
padding: 1em;
|
||
margin: auto;
|
||
max-width: 42em;
|
||
background: #fefefe; }
|
||
|
||
a {
|
||
color: #e67e22;
|
||
text-decoration: none; }
|
||
|
||
a:visited {
|
||
color: #d35400; }
|
||
|
||
a:hover {
|
||
color: #e67e22;
|
||
text-decoration: underline; }
|
||
|
||
a:active {
|
||
color: #e67e22; }
|
||
|
||
a:focus {
|
||
outline: thin dotted; }
|
||
|
||
*::-moz-selection {
|
||
background: rgba(255, 255, 0, 0.3);
|
||
color: #000; }
|
||
|
||
*::selection {
|
||
background: rgba(255, 255, 0, 0.3);
|
||
color: #000; }
|
||
|
||
a::-moz-selection {
|
||
background: rgba(255, 255, 0, 0.3);
|
||
color: #0645ad; }
|
||
|
||
a::selection {
|
||
background: rgba(255, 255, 0, 0.3);
|
||
color: #0645ad; }
|
||
|
||
p {
|
||
margin: 1em 0; }
|
||
|
||
img {
|
||
max-width: 100%; }
|
||
|
||
h1, h2, h3, h4, h5, h6 {
|
||
color: #111;
|
||
line-height: 125%;
|
||
margin-top: 2em;
|
||
font-family: "Hoefler Text", Georgia, Times, serif; }
|
||
|
||
h4, h5, h6 {
|
||
font-weight: bold; }
|
||
|
||
h1 {
|
||
font-size: 2.5em; }
|
||
|
||
h2 {
|
||
font-size: 2em; }
|
||
|
||
h3 {
|
||
font-size: 1.5em; }
|
||
|
||
h4 {
|
||
font-size: 1.2em; }
|
||
|
||
h5 {
|
||
font-size: 1em; }
|
||
|
||
h6 {
|
||
font-size: 0.9em; }
|
||
|
||
blockquote {
|
||
color: #666666;
|
||
margin: 0;
|
||
padding-left: 3em;
|
||
border-left: 0.5em #EEE solid; }
|
||
|
||
hr {
|
||
display: block;
|
||
height: 2px;
|
||
border: 0;
|
||
border-top: 1px solid #aaa;
|
||
border-bottom: 1px solid #eee;
|
||
margin: 1em 0;
|
||
padding: 0; }
|
||
|
||
pre, code, kbd, samp {
|
||
color: #000;
|
||
font-family: monospace, monospace;
|
||
_font-family: 'courier new', monospace;
|
||
font-size: 0.98em;
|
||
background: #f0f0f0; }
|
||
|
||
pre {
|
||
white-space: pre;
|
||
white-space: pre-wrap;
|
||
word-wrap: break-word;
|
||
padding: 1em 2em;
|
||
border-left: solid 4px #C6E5Fd;
|
||
border-bottom: solid 1px #CCC; }
|
||
|
||
b, strong {
|
||
font-weight: bold; }
|
||
|
||
dfn {
|
||
font-style: italic; }
|
||
|
||
ins {
|
||
background: #ff9;
|
||
color: #000;
|
||
text-decoration: none; }
|
||
|
||
mark {
|
||
background: #ff0;
|
||
color: #000;
|
||
font-style: italic;
|
||
font-weight: bold; }
|
||
|
||
sub, sup {
|
||
font-size: 75%;
|
||
line-height: 0;
|
||
position: relative;
|
||
vertical-align: baseline; }
|
||
|
||
sup {
|
||
top: -0.5em; }
|
||
|
||
sub {
|
||
bottom: -0.25em; }
|
||
|
||
ul, ol {
|
||
margin: 1em 0;
|
||
padding: 0 0 0 2em; }
|
||
|
||
li p:last-child {
|
||
margin-bottom: 0; }
|
||
|
||
ul ul, ol ol {
|
||
margin: .3em 0; }
|
||
|
||
dl {
|
||
margin-bottom: 1em; }
|
||
|
||
dt {
|
||
font-weight: bold;
|
||
margin-bottom: .8em; }
|
||
|
||
dd {
|
||
margin: 0 0 .8em 2em; }
|
||
|
||
dd:last-child {
|
||
margin-bottom: 0; }
|
||
|
||
img {
|
||
border: solid 1px #888;
|
||
-ms-interpolation-mode: bicubic;
|
||
vertical-align: middle; }
|
||
|
||
figure {
|
||
display: block;
|
||
text-align: center;
|
||
margin: 1em 0; }
|
||
|
||
figure img {
|
||
border: none;
|
||
margin: 0 auto; }
|
||
|
||
figcaption {
|
||
font-size: 0.8em;
|
||
font-style: italic;
|
||
margin: 0 0 .8em; }
|
||
|
||
table {
|
||
margin-bottom: 2em;
|
||
border-bottom: 1px solid;
|
||
border-top: 1px solid;
|
||
border-spacing: 0;
|
||
border-collapse: collapse;
|
||
width: 100%; }
|
||
|
||
table th {
|
||
padding: .2em 1em;
|
||
background-color: #eee;
|
||
border-bottom: 1px solid; }
|
||
|
||
table td {
|
||
padding: .2em 1em;
|
||
vertical-align: top; }
|
||
|
||
.author {
|
||
font-size: 1.2em;
|
||
text-align: center; }
|
||
|
||
@media only screen and (min-width: 480px) {
|
||
body {
|
||
font-size: 14px; } }
|
||
@media only screen and (min-width: 768px) {
|
||
body {
|
||
font-size: 16px; } }
|
||
@media print {
|
||
* {
|
||
background: transparent !important;
|
||
color: black !important;
|
||
filter: none !important;
|
||
-ms-filter: none !important; }
|
||
|
||
body {
|
||
font-size: 12pt;
|
||
max-width: 100%; }
|
||
|
||
a, a:visited {
|
||
text-decoration: underline; }
|
||
|
||
hr {
|
||
height: 1px;
|
||
border: 0;
|
||
border-bottom: 1px solid black; }
|
||
|
||
a[href]:after {
|
||
content: " (" attr(href) ")"; }
|
||
|
||
abbr[title]:after {
|
||
content: " (" attr(title) ")"; }
|
||
|
||
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
|
||
content: ""; }
|
||
|
||
pre, blockquote {
|
||
border: 1px solid #999;
|
||
padding-right: 1em;
|
||
page-break-inside: avoid; }
|
||
|
||
tr, img {
|
||
page-break-inside: avoid; }
|
||
|
||
img {
|
||
max-width: 100% !important; }
|
||
|
||
@page :left {
|
||
margin: 15mm 20mm 15mm 10mm; }
|
||
@page :right {
|
||
margin: 15mm 10mm 15mm 20mm; }
|
||
p, h2, h3 {
|
||
orphans: 3;
|
||
widows: 3; }
|
||
|
||
h2, h3 {
|
||
page-break-after: avoid; } }
|
||
#TOC ul {
|
||
overflow-x: hidden;
|
||
list-style: none; }
|
||
#TOC ul li a {
|
||
background: #fff; }
|
||
#TOC ul li:before {
|
||
float: left;
|
||
width: .7em;
|
||
white-space: nowrap;
|
||
content: "- . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . " ". . . . . . . . . . . . . . . . . . . . "; }
|
||
|
||
header {
|
||
text-align: center;
|
||
margin-bottom: 5em;
|
||
border-bottom: solid;
|
||
border-top: solid;
|
||
padding-top: 2em;
|
||
padding-bottom: 2em; }
|
||
header h1.title {
|
||
margin-top: 0; }
|
||
header .date {
|
||
font-size: 1em; }
|
||
|
||
.footnotes {
|
||
font-size: .9em; }
|
||
|
||
#footer {
|
||
font-size: 1.5em;
|
||
border-top: solid;
|
||
padding-top: 1em;
|
||
margin-top: 2em; }
|
||
|
||
/*# sourceMappingURL=styling.css.map */
|