site.css (3752B)
1@font-face { 2 font-family: Clear Sans; 3 src: url(/fonts/ClearSans-Bold.woff2); 4 font-weight: bold; 5} 6body { 7 font-family: 'Clear Sans', sans-serif; 8 line-height: 1.4; 9 font-size: 18px; 10 background: #fff; 11 color: #666; 12 margin: 0; 13 margin-bottom: 6em; 14} 15@media (max-width: 799px) { 16 body { 17 font-size: .95em; 18 margin-bottom: 3em; 19 } 20 body #content { 21 padding: 0px 15px 0px 15px; 22 } 23 h1.title { 24 margin-top: 0.7em; 25 font-size: 32px; 26 } 27 p.subtitle { 28 font-size: 22px; 29 } 30 body section.outline-2 h2 { 31 margin-top: 5px; 32 font-size: 23px; 33 } 34 body h3 { 35 font-size: 5px; 36 margin-top: 21px; 37 } 38 body div.org-src-container pre { 39 font-size: 13px; 40 } 41 h2.footnotes { 42 margin-top: 8px; 43 margin-bottom: 4px; 44 font-size: 18px; 45 } 46} 47div#text-table-of-contents ul li ul { 48 margin-top: 0.5em; 49} 50#table-of-contents h2 { 51 font-size: 28px; 52 font-weight: normal; 53} 54p.subtitle { 55 font-size: 17px; 56 margin-top: 1em; 57 margin-bottom: 1.4em; 58} 59h2.footnotes { 60 font-size: 28px; 61 margin-bottom: 5px; 62} 63p.footpara { 64 line-height: 25px; 65} 66#text-footnotes { 67 line-height: 0.6; 68} 69body h2, 70body h3, 71body h4 { 72 font-weight: normal; 73 margin: 0; 74 padding: 0; 75 color: #444; 76} 77body h1 b, 78body h2 b, 79body h3 b, 80body h4 b { 81 display: block; 82 line-height: 1; 83 font-size: 150%; 84} 85body h1 img, 86body h2 img, 87body h3 img, 88body h4 img { 89 vertical-align: middle; 90 border: 0 none; 91} 92body h1 { 93 font-size: 41px; 94 margin-top: 0.8em; 95} 96body h2 { 97 margin-top: 0.9em; 98 position: relative; 99 font-size: 30px; 100} 101body h3 { 102 font-size: 25px; 103 margin-top: 1em; 104} 105body p { 106 text-align: justify; 107} 108body a { 109 text-decoration: none; 110 color: #1692cc; 111} 112body a:hover { 113 color: #91351c; 114 text-decoration: underline; 115} 116body pre { 117 background: white; 118} 119body pre.src { 120 overflow-y: auto !important; 121 font-size: 16px; 122} 123body code { 124 background: #eee; 125 border: 1px solid #ccc; 126 padding: 0px 4px; 127 color: #666; 128 overflow-x: auto; 129 font-size: .9em; 130} 131body li { 132 margin-bottom: 0.4em; 133 line-height: 1; 134} 135body img { 136 border: 1px solid #ccc; 137 height: auto; 138} 139@media (max-width: 800px) { 140 body img { 141 max-width: 100%; 142 } 143} 144body img.no-border { 145 border: none; 146} 147body img.rounded-border { 148 border-radius: 20px; 149} 150body img.black-border { 151 border: 2px solid black; 152} 153body img.spaced-border { 154 border: 1px solid gray; 155 padding: 15px; 156} 157body .tag { 158 background: transparent; 159 font-size: 0.6em; 160} 161body .tag span { 162 background: #1692cc; 163 color: white; 164 padding: 2px 5px; 165 border-radius: 4px; 166} 167body .pubdate { 168 color: #aaa; 169 font-size: 14px; 170 margin-bottom: 20px; 171 margin-top: -16px; 172 text-align: right; 173 border-bottom: 1px solid #e2e2e2; 174} 175body .pubdate p { 176 display: inline; 177 margin-right: 10px; 178} 179@media (max-width: 800px) { 180 body .pubdate { 181 margin-top: 0; 182 text-align: left; 183 } 184} 185body .nav-blog { 186 text-align: right; 187} 188body .org-info-js_info-navigation { 189 background: #bbb; 190} 191@media (min-width: 800px) { 192 body #content { 193 margin: 0 auto; 194 max-width: 700px !important; 195 width: 700px !important; 196 } 197} 198body #content { 199 margin-top: 10px; 200} 201body .nav { 202 text-align: center; 203 margin-top: 30px; 204 border-bottom: 1px solid #e2e2e2; 205 font-size: 12px; 206 text-transform: uppercase; 207} 208body .nav ul { 209 list-style: none; 210 padding: 0; 211} 212body .nav ul li { 213 color: #999; 214 display: inline-block; 215 margin: 0; 216} 217body .nav ul li a { 218 display: inline-block; 219 padding-right: 6px; 220 border-radius: 0; 221 font-weight: normal; 222 color: #6a6a6a; 223} 224body .clearfix { 225 clear: both; 226} 227@media (min-width: 800px) { 228 body .contact { 229 -moz-column-count: 2; 230 -webkit-column-count: 2; 231 -moz-column-gap: 3em; 232 -webkit-column-gap: 3em; 233 column-count: 2; 234 column-gap: 3em; 235 } 236}