1* { 2 box-sizing: border-box; 3 margin: 0; 4 padding: 0; } 5 6html { 7 font: 100%/1.5 sans-serif; 8 word-wrap: break-word; 9 padding: 1.5em; } 10 11@media (min-width: 768px) { 12 html { font-size: 125%; } } 13 14h1, h2, h3, h4 { 15 margin: 2.5rem 0 1.5rem 0; 16 line-height: 1.25; } 17 18.title { 19 font-size: 2.5em; } 20 21.subtitle { 22 font-weight: normal; 23 font-size: 0.75em; 24 color: #666; } 25 26a { 27 color: #fa6432; 28 text-decoration: none; } 29a:hover, a:focus, a:active { 30 text-decoration: underline; } 31 32p { 33 margin: 1em 0; } 34p code { 35 background-color: #eee; 36 padding: 0.05em 0.2em; 37 border: 1px solid #ccc; } 38 39ol, ul { 40 margin: 1em; } 41ol li ol, ol li ul, ul li ol, ul li ul { 42 margin: 0 2em; } 43ol li p, ul li p { 44 margin: 0; } 45 46img { 47 max-width: 100%; 48 display: block; 49 margin: 0 auto; 50 padding: 0.5em; } 51 52blockquote { 53 padding-left: 1em; 54 font-style: italic; 55 border-left: solid 1px #fa6432; } 56 57table { 58 font-family: monospace, monospace; /* https://github.com/necolas/normalize.css#extended-details-and-known-issues */ 59 font-size: 1rem; 60 text-align: left; 61 caption-side: bottom; 62 margin-bottom: 2em; } 63table * { 64 border: none; } 65table thead, table tr { 66 display: table; 67 table-layout: fixed; 68 width: 100%; } 69table tr:nth-child(even) { 70 background-color: #ccc; } 71table tbody { 72 display: block; 73 max-height: 70vh; 74 overflow-y: auto; } 75table td, table th { 76 padding: 0.25em; } 77 78table, .highlight > pre, pre.example { 79 max-height: 70vh; 80 margin: 1em 0; 81 padding: 1em; 82 overflow: auto; 83 font-family: monospace, monospace; /* https://github.com/necolas/normalize.css#extended-details-and-known-issues */ 84 font-size: 0.85rem; 85 border: 1px solid rgba(250, 100, 50, 0.5); } 86 87figure { 88 margin: 1em 0; 89} 90 91figcaption { 92 font-family: monospace, monospace; /* https://github.com/necolas/normalize.css#extended-details-and-known-issues */ 93 font-size: 0.75em; 94 text-align: center; 95 color: grey; } 96 97.footnote-definition sup { 98 float: left; } 99 100.footnote-definition .footnote-body { 101 margin: 1em 0; 102 padding: 0 1em; 103 border: 1px solid rgba(250, 100, 50, 0.3); 104 background-color: #ccc; } 105.footnote-definition .footnote-body p:only-child { 106 margin: 0.2em 0; } 107 108.align-left { text-align: left; } 109.align-center { text-align: center; } 110.align-right { text-align: right; } 111 112 113dl { font-family: monospace, monospace; } 114dl > dt { font-weight: bold; } 115dl > dd { margin: -1em 0 1em 1em; } 116 117.todo, .priority, .tags { 118 font-size: 0.8em; 119 color: lightgrey; 120} 121 122.timestamp { 123 background-color: #eee; 124 padding: 0.05em 0.2em; 125 border: 1px solid #ccc; } 126