diff options
Diffstat (limited to '_includes')
| -rw-r--r-- | _includes/footer.html | 78 | ||||
| -rw-r--r-- | _includes/header.html | 16 | ||||
| -rw-r--r-- | _includes/site.css | 260 | ||||
| -rw-r--r-- | _includes/site.min.css | 2 |
4 files changed, 177 insertions, 179 deletions
diff --git a/_includes/footer.html b/_includes/footer.html index 7a4c478..9d95bac 100644 --- a/_includes/footer.html +++ b/_includes/footer.html | |||
| @@ -1,59 +1,59 @@ | |||
| 1 | <!-- Global site tag (gtag.js) - Google Analytics --> | 1 | <!-- Global site tag (gtag.js) - Google Analytics --> |
| 2 | <script async src="https://www.googletagmanager.com/gtag/js?id=UA-12769079-10"></script> | 2 | <script async src="https://www.googletagmanager.com/gtag/js?id=UA-12769079-10"></script> |
| 3 | <script> | 3 | <script> |
| 4 | window.dataLayer = window.dataLayer || []; | 4 | window.dataLayer = window.dataLayer || []; |
| 5 | function gtag(){dataLayer.push(arguments);} | 5 | function gtag() { |
| 6 | gtag('js', new Date()); | 6 | dataLayer.push(arguments); |
| 7 | gtag('config', 'UA-12769079-10'); | 7 | } |
| 8 | gtag('js', new Date()); | ||
| 9 | gtag('config', 'UA-12769079-10'); | ||
| 8 | </script> | 10 | </script> |
| 9 | 11 | ||
| 10 | <!-- Responsive tables --> | 12 | <!-- Responsive tables --> |
| 11 | <script> | 13 | <script> |
| 12 | document.querySelectorAll('table').forEach(function(element) { | 14 | document.querySelectorAll('table').forEach(function(element) { |
| 13 | if (!element.classList.contains('rouge-table')) { | 15 | if (!element.classList.contains('rouge-table')) { |
| 14 | let parent = element.parentNode; | 16 | let parent = element.parentNode; |
| 15 | let wrapper = document.createElement('div'); | 17 | let wrapper = document.createElement('div'); |
| 16 | wrapper.classList.add('responsive-table'); | 18 | wrapper.classList.add('responsive-table'); |
| 17 | parent.replaceChild(wrapper, element); | 19 | parent.replaceChild(wrapper, element); |
| 18 | wrapper.appendChild(element); | 20 | wrapper.appendChild(element); |
| 19 | } | 21 | } |
| 20 | }); | 22 | }); |
| 21 | </script> | 23 | </script> |
| 22 | 24 | ||
| 23 | <!-- Open external links in new tab --> | 25 | <!-- Open external links in new tab --> |
| 24 | <script> | 26 | <script> |
| 25 | let links = document.links; | 27 | let links = document.links; |
| 26 | for (let i = 0, linksLength = links.length; i < linksLength; i++) { | 28 | for (let i = 0, linksLength = links.length; i < linksLength; i++) { |
| 27 | if (links[i].hostname != window.location.hostname) { | 29 | if (links[i].hostname != window.location.hostname) { |
| 28 | links[i].target = '_blank'; | 30 | links[i].target = '_blank'; |
| 29 | links[i].setAttribute('rel', 'noopener'); | 31 | links[i].setAttribute('rel', 'noopener'); |
| 30 | } | 32 | } |
| 31 | } | 33 | } |
| 32 | </script> | 34 | </script> |
| 33 | 35 | ||
| 34 | <!-- Linked data - Social profile --> | 36 | <!-- Linked data - Social profile --> |
| 35 | <script type="application/ld+json"> | 37 | <script type="application/ld+json"> |
| 36 | { | 38 | { |
| 37 | "@context": "http://schema.org", | 39 | "@context": "http://schema.org", |
| 38 | "@type": "Person", | 40 | "@type": "Person", |
| 39 | "name": "Mitja Felicijan", | 41 | "name": "Mitja Felicijan", |
| 40 | "jobTitle": "Embedded systems developer", | 42 | "jobTitle": "Embedded systems developer", |
| 41 | "url": "https://mitjafelicijan.com", | 43 | "url": "https://mitjafelicijan.com", |
| 42 | "sameAs": [ | 44 | "sameAs": [ |
| 43 | "https://github.com/mitjafelicijan", | 45 | "https://github.com/mitjafelicijan", |
| 44 | "https://twitter.com/mitjafelicijan", | 46 | "https://twitter.com/mitjafelicijan", |
| 45 | "https://plus.google.com/+MitjaFelicijan" | 47 | "https://plus.google.com/+MitjaFelicijan" |
| 46 | ] | 48 | ] |
| 47 | } | 49 | } |
| 48 | </script> | 50 | </script> |
| 49 | 51 | ||
| 50 | <!-- Service worker --> | 52 | <!-- Service worker --> |
| 51 | <script> | 53 | <script> |
| 52 | if('serviceWorker' in navigator) { | 54 | if ('serviceWorker' in navigator) { |
| 53 | navigator.serviceWorker | 55 | navigator.serviceWorker.register('/sw.js').then(function() { |
| 54 | .register('/sw.js') | 56 | console.log('Service Worker Registered'); |
| 55 | .then(function() { | 57 | }); |
| 56 | console.log('Service Worker Registered'); | 58 | } |
| 57 | }); | ||
| 58 | } | ||
| 59 | </script> | 59 | </script> |
diff --git a/_includes/header.html b/_includes/header.html index 217bfaf..adfda98 100644 --- a/_includes/header.html +++ b/_includes/header.html | |||
| @@ -1,12 +1,10 @@ | |||
| 1 | <header> | 1 | <header><a href="/">@mitjafelicijan</a></header> |
| 2 | <a href="/">@mitjafelicijan</a> | ||
| 3 | </header> | ||
| 4 | 2 | ||
| 5 | <nav> | 3 | <nav> |
| 6 | <ul> | 4 | <ul> |
| 7 | <li><a href="//github.com/mitjafelicijan" target="_blank" rel="noopener">github</a></li> | 5 | <li><a href="//github.com/mitjafelicijan" target="_blank" rel="noopener">github</a></li> |
| 8 | <li><a href="//twitter.com/mitjafelicijan" target="_blank" rel="noopener">twitter</a></li> | 6 | <li><a href="//twitter.com/mitjafelicijan" target="_blank" rel="noopener">twitter</a></li> |
| 9 | <li><a href="//plus.google.com/+MitjaFelicijan?rel=author" target="_blank" rel="noopener">google+</a></li> | 7 | <li><a href="//plus.google.com/+MitjaFelicijan?rel=author" target="_blank" rel="noopener">google+</a></li> |
| 10 | <li><a href="/curriculum-vitae">curriculum vitae</a></li> | 8 | <li><a href="/curriculum-vitae">curriculum vitae</a></li> |
| 11 | </ul> | 9 | </ul> |
| 12 | </nav> | 10 | </nav> |
diff --git a/_includes/site.css b/_includes/site.css index 18f4320..35a613d 100644 --- a/_includes/site.css +++ b/_includes/site.css | |||
| @@ -1,20 +1,20 @@ | |||
| 1 | @import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&subset=latin-ext"); | 1 | @import url('https://fonts.googleapis.com/css?family=Yrsa:300,400,500,600,700&subset=latin-ext'); |
| 2 | 2 | ||
| 3 | * { | 3 | * { |
| 4 | box-sizing: border-box; | 4 | box-sizing: border-box; |
| 5 | } | 5 | } |
| 6 | 6 | ||
| 7 | body { | 7 | body { |
| 8 | font-family: 'Roboto', 'Times New Roman', Times, serif; | 8 | font-family: 'Yrsa', 'Roboto', 'Times New Roman', Times, serif; |
| 9 | font-size: 18px; | 9 | font-size: 22px; |
| 10 | line-height: 1.8; | 10 | line-height: 1.6; |
| 11 | color: #000; | 11 | color: #000; |
| 12 | margin: 0; | 12 | margin: 0; |
| 13 | padding: 0 0 50px 0; | 13 | padding: 0 0 50px 0; |
| 14 | } | 14 | } |
| 15 | 15 | ||
| 16 | a { | 16 | a { |
| 17 | color: #000; | 17 | color: #000; |
| 18 | } | 18 | } |
| 19 | 19 | ||
| 20 | article, | 20 | article, |
| @@ -22,229 +22,229 @@ main, | |||
| 22 | footer, | 22 | footer, |
| 23 | nav, | 23 | nav, |
| 24 | header { | 24 | header { |
| 25 | max-width: 800px; | 25 | max-width: 800px; |
| 26 | margin: 0 auto; | 26 | margin: 0 auto; |
| 27 | } | 27 | } |
| 28 | 28 | ||
| 29 | header { | 29 | header { |
| 30 | margin-top: 30px; | 30 | margin-top: 30px; |
| 31 | } | 31 | } |
| 32 | 32 | ||
| 33 | header a, | 33 | header a, |
| 34 | nav ul li a { | 34 | nav ul li a { |
| 35 | text-decoration: none; | 35 | text-decoration: none; |
| 36 | } | 36 | } |
| 37 | 37 | ||
| 38 | header a { | 38 | header a { |
| 39 | font-size: 150%; | 39 | font-size: 150%; |
| 40 | font-weight: 700; | 40 | font-weight: 700; |
| 41 | color: #000; | 41 | color: #000; |
| 42 | } | 42 | } |
| 43 | 43 | ||
| 44 | nav ul { | 44 | nav ul { |
| 45 | margin-top: 10px; | 45 | margin-top: 10px; |
| 46 | padding: 0; | 46 | padding: 0; |
| 47 | } | 47 | } |
| 48 | 48 | ||
| 49 | nav ul li { | 49 | nav ul li { |
| 50 | display: inline-block; | 50 | display: inline-block; |
| 51 | } | 51 | } |
| 52 | 52 | ||
| 53 | nav ul li a { | 53 | nav ul li a { |
| 54 | color: #444; | 54 | color: #444; |
| 55 | font-size: 85%; | 55 | font-size: 85%; |
| 56 | margin-right: 10px; | 56 | margin-right: 10px; |
| 57 | } | 57 | } |
| 58 | 58 | ||
| 59 | h1 { | 59 | h1 { |
| 60 | font-size: 260%; | 60 | font-size: 200%; |
| 61 | line-height: 150%; | 61 | line-height: 120%; |
| 62 | } | 62 | } |
| 63 | 63 | ||
| 64 | h2 { | 64 | h2 { |
| 65 | font-size: 160%; | 65 | font-size: 160%; |
| 66 | } | 66 | } |
| 67 | 67 | ||
| 68 | h3 { | 68 | h3 { |
| 69 | font-size: 140%; | 69 | font-size: 140%; |
| 70 | } | 70 | } |
| 71 | 71 | ||
| 72 | h4 { | 72 | h4 { |
| 73 | font-size: 120%; | 73 | font-size: 120%; |
| 74 | } | 74 | } |
| 75 | 75 | ||
| 76 | article img { | 76 | article img { |
| 77 | max-width: 100%; | 77 | max-width: 100%; |
| 78 | display: block; | 78 | display: block; |
| 79 | } | 79 | } |
| 80 | 80 | ||
| 81 | time { | 81 | time { |
| 82 | display: block; | 82 | display: block; |
| 83 | font-size: 85%; | 83 | font-size: 85%; |
| 84 | color: #444; | 84 | color: #444; |
| 85 | } | 85 | } |
| 86 | 86 | ||
| 87 | ul { | 87 | ul { |
| 88 | list-style-type: square; | 88 | list-style-type: square; |
| 89 | } | 89 | } |
| 90 | 90 | ||
| 91 | main ul { | 91 | main ul { |
| 92 | margin-top: 40px; | 92 | margin-top: 40px; |
| 93 | padding: 0 20px; | 93 | padding: 0 20px; |
| 94 | } | 94 | } |
| 95 | 95 | ||
| 96 | main ul li { | 96 | main ul li { |
| 97 | margin-bottom: 25px; | 97 | margin-bottom: 25px; |
| 98 | margin-left: -20px; | 98 | margin-left: -20px; |
| 99 | list-style-type: none; | 99 | list-style-type: none; |
| 100 | } | 100 | } |
| 101 | 101 | ||
| 102 | main ul li a { | 102 | main ul li a { |
| 103 | font-size: 100%; | 103 | font-size: 100%; |
| 104 | font-weight: 500; | 104 | font-weight: 600; |
| 105 | text-decoration: none; | 105 | text-decoration: none; |
| 106 | } | 106 | } |
| 107 | 107 | ||
| 108 | main ul div { | 108 | main ul div { |
| 109 | font-size: 116%; | 109 | font-size: 116%; |
| 110 | } | 110 | } |
| 111 | 111 | ||
| 112 | blockquote { | 112 | blockquote { |
| 113 | margin: 40px 0 40px 20px; | 113 | margin: 40px 0 40px 20px; |
| 114 | border-left: 5px solid #eee; | 114 | border-left: 5px solid #eee; |
| 115 | padding: 5px 0 10px 20px; | 115 | padding: 5px 0 10px 20px; |
| 116 | } | 116 | } |
| 117 | 117 | ||
| 118 | table { | 118 | table { |
| 119 | border: 2px solid #f1f1f1; | 119 | border: 2px solid #f1f1f1; |
| 120 | width: 100%; | 120 | width: 100%; |
| 121 | border-collapse: collapse; | 121 | border-collapse: collapse; |
| 122 | border-spacing: 0; | 122 | border-spacing: 0; |
| 123 | } | 123 | } |
| 124 | 124 | ||
| 125 | table th, | 125 | table th, |
| 126 | table td { | 126 | table td { |
| 127 | border: 2px solid #f1f1f1; | 127 | border: 2px solid #f1f1f1; |
| 128 | text-align: left; | 128 | text-align: left; |
| 129 | padding: 5px 10px; | 129 | padding: 5px 10px; |
| 130 | } | 130 | } |
| 131 | 131 | ||
| 132 | summary { | 132 | summary { |
| 133 | outline: none; | 133 | outline: none; |
| 134 | cursor: pointer; | 134 | cursor: pointer; |
| 135 | font-weight: 600; | 135 | font-weight: 600; |
| 136 | user-select: none; | 136 | user-select: none; |
| 137 | } | 137 | } |
| 138 | 138 | ||
| 139 | details .highlighter-rouge { | 139 | details .highlighter-rouge { |
| 140 | margin-top: 10px !important; | 140 | margin-top: 10px !important; |
| 141 | } | 141 | } |
| 142 | 142 | ||
| 143 | .highlighter-rouge { | 143 | .highlighter-rouge { |
| 144 | padding: 0 15px; | 144 | padding: 0 15px; |
| 145 | font-size: 80%; | 145 | font-size: 80%; |
| 146 | border: 2px solid #f1f1f1; | 146 | border: 2px solid #f1f1f1; |
| 147 | overflow: auto; | 147 | overflow: auto; |
| 148 | } | 148 | } |
| 149 | 149 | ||
| 150 | .highlighter-rouge table, | 150 | .highlighter-rouge table, |
| 151 | .highlighter-rouge table td { | 151 | .highlighter-rouge table td { |
| 152 | border: 0 !important; | 152 | border: 0 !important; |
| 153 | } | 153 | } |
| 154 | 154 | ||
| 155 | ::selection { | 155 | ::selection { |
| 156 | background: #ff0; | 156 | background: #ff0; |
| 157 | color: #000; | 157 | color: #000; |
| 158 | } | 158 | } |
| 159 | 159 | ||
| 160 | ::-moz-selection { | 160 | ::-moz-selection { |
| 161 | background: #ff0; | 161 | background: #ff0; |
| 162 | color: #000; | 162 | color: #000; |
| 163 | } | 163 | } |
| 164 | 164 | ||
| 165 | ol { | 165 | ol { |
| 166 | list-style: none; | 166 | list-style: none; |
| 167 | counter-reset: li; | 167 | counter-reset: li; |
| 168 | } | 168 | } |
| 169 | 169 | ||
| 170 | ol li { | 170 | ol li { |
| 171 | counter-increment: li; | 171 | counter-increment: li; |
| 172 | } | 172 | } |
| 173 | 173 | ||
| 174 | ol li::before { | 174 | ol li::before { |
| 175 | content: counter(li)'.'; | 175 | content: counter(li) '.'; |
| 176 | color: #ccc; | 176 | color: #ccc; |
| 177 | font-weight: 500; | 177 | font-weight: 500; |
| 178 | display: inline-block; | 178 | display: inline-block; |
| 179 | width: 1em; | 179 | width: 1em; |
| 180 | margin-left: -1.5em; | 180 | margin-left: -1.5em; |
| 181 | margin-right: 0.9em; | 181 | margin-right: 0.9em; |
| 182 | text-align: right; | 182 | text-align: right; |
| 183 | } | 183 | } |
| 184 | 184 | ||
| 185 | ol li a { | 185 | ol li a { |
| 186 | text-decoration: none; | 186 | text-decoration: none; |
| 187 | } | 187 | } |
| 188 | 188 | ||
| 189 | /* commenting */ | 189 | /* commenting */ |
| 190 | #hcb_form_name, | 190 | #hcb_form_name, |
| 191 | #hcb_form_content { | 191 | #hcb_form_content { |
| 192 | border: 2px solid #eee; | 192 | border: 2px solid #eee; |
| 193 | padding: 10px; | 193 | padding: 10px; |
| 194 | width: 300px; | 194 | width: 300px; |
| 195 | margin-bottom: 10px; | 195 | margin-bottom: 10px; |
| 196 | } | 196 | } |
| 197 | 197 | ||
| 198 | #hcb_submit { | 198 | #hcb_submit { |
| 199 | -webkit-appearance: none; | 199 | -webkit-appearance: none; |
| 200 | -moz-appearance: none; | 200 | -moz-appearance: none; |
| 201 | -o-appearance: none; | 201 | -o-appearance: none; |
| 202 | -ms-appearance: none; | 202 | -ms-appearance: none; |
| 203 | appearance: none; | 203 | appearance: none; |
| 204 | font-weight: 600; | 204 | font-weight: 600; |
| 205 | padding: 7px 15px; | 205 | padding: 7px 15px; |
| 206 | font-size: 85%; | 206 | font-size: 85%; |
| 207 | display: inline-block; | 207 | display: inline-block; |
| 208 | cursor: pointer; | 208 | cursor: pointer; |
| 209 | border-radius: 3px; | 209 | border-radius: 3px; |
| 210 | background: #ccc; | 210 | background: #ccc; |
| 211 | border: 2px solid transparent; | 211 | border: 2px solid transparent; |
| 212 | width: auto; | 212 | width: auto; |
| 213 | user-select: none; | 213 | user-select: none; |
| 214 | text-align: center; | 214 | text-align: center; |
| 215 | height: auto; | 215 | height: auto; |
| 216 | margin-right: 20px; | 216 | margin-right: 20px; |
| 217 | } | 217 | } |
| 218 | 218 | ||
| 219 | @media only screen and (max-width:768px) { | 219 | @media only screen and (max-width: 768px) { |
| 220 | body { | 220 | body { |
| 221 | padding: 0 20px; | 221 | padding: 0 20px; |
| 222 | } | 222 | } |
| 223 | 223 | ||
| 224 | footer, | 224 | footer, |
| 225 | header, | 225 | header, |
| 226 | nav { | 226 | nav { |
| 227 | text-align: center; | 227 | text-align: center; |
| 228 | } | 228 | } |
| 229 | 229 | ||
| 230 | .responsive-table { | 230 | .responsive-table { |
| 231 | width: 100%; | 231 | width: 100%; |
| 232 | overflow: scroll; | 232 | overflow: scroll; |
| 233 | } | 233 | } |
| 234 | 234 | ||
| 235 | h1 { | 235 | h1 { |
| 236 | font-size: 200%; | 236 | font-size: 200%; |
| 237 | } | 237 | } |
| 238 | } | 238 | } |
| 239 | 239 | ||
| 240 | @media print { | 240 | @media print { |
| 241 | @page { | 241 | @page { |
| 242 | margin: 2cm; | 242 | margin: 2cm; |
| 243 | } | 243 | } |
| 244 | 244 | ||
| 245 | header, | 245 | header, |
| 246 | nav, | 246 | nav, |
| 247 | .comments { | 247 | .comments { |
| 248 | display: none; | 248 | display: none; |
| 249 | } | 249 | } |
| 250 | } | 250 | } |
diff --git a/_includes/site.min.css b/_includes/site.min.css index 0168689..ceb1579 100644 --- a/_includes/site.min.css +++ b/_includes/site.min.css | |||
| @@ -1 +1 @@ | |||
| a,body,header a{color:#000}header a,main ul li a,nav ul li a,ol li a{text-decoration:none}#hcb_submit,nav ul li,ol li::before{display:inline-block}#hcb_submit,summary{cursor:pointer;user-select:none}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxGIzc.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc9.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxP.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc9.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc9.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfChc9.ttf) format('truetype')}*{box-sizing:border-box}body{font-family:Roboto,'Times New Roman',Times,serif;font-size:18px;line-height:1.8;margin:0;padding:0 0 50px}article,footer,header,main,nav{max-width:800px;margin:0 auto}header{margin-top:30px}header a{font-size:150%;font-weight:700}nav ul{margin-top:10px;padding:0}nav ul li a{color:#444;font-size:85%;margin-right:10px}h1{font-size:260%;line-height:150%}h2{font-size:160%}h3{font-size:140%}h4{font-size:120%}article img{max-width:100%;display:block}time{display:block;font-size:85%;color:#444}ul{list-style-type:square}main ul{margin-top:40px;padding:0 20px}main ul li{margin-bottom:25px;margin-left:-20px;list-style-type:none}main ul li a{font-size:100%;font-weight:500}main ul div{font-size:116%}blockquote{margin:40px 0 40px 20px;border-left:5px solid #eee;padding:5px 0 10px 20px}.highlighter-rouge,table,table td,table th{border:2px solid #f1f1f1}table{width:100%;border-collapse:collapse;border-spacing:0}table td,table th{text-align:left;padding:5px 10px}summary{outline:0;font-weight:600}details .highlighter-rouge{margin-top:10px!important}.highlighter-rouge{padding:0 15px;font-size:80%;overflow:auto}.highlighter-rouge table,.highlighter-rouge table td{border:0!important}::selection{background:#ff0;color:#000}::-moz-selection{background:#ff0;color:#000}ol{list-style:none;counter-reset:li}ol li{counter-increment:li}ol li::before{content:counter(li)'.';color:#ccc;font-weight:500;width:1em;margin-left:-1.5em;margin-right:.9em;text-align:right}#hcb_form_content,#hcb_form_name{border:2px solid #eee;padding:10px;width:300px;margin-bottom:10px}#hcb_submit{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;font-weight:600;padding:7px 15px;font-size:85%;border-radius:3px;background:#ccc;border:2px solid transparent;width:auto;text-align:center;height:auto;margin-right:20px}@media only screen and (max-width:768px){body{padding:0 20px}footer,header,nav{text-align:center}.responsive-table{width:100%;overflow:scroll}h1{font-size:200%}}@media print{@page{margin:2cm}.comments,header,nav{display:none}} \ No newline at end of file | a,body,header a{color:#000}header a,main ul li a,nav ul li a,ol li a{text-decoration:none}#hcb_submit,nav ul li,ol li::before{display:inline-block}#hcb_submit,summary{cursor:pointer;user-select:none}@font-face{font-family:Roboto;font-style:normal;font-weight:100;src:local('Roboto Thin'),local('Roboto-Thin'),url(https://fonts.gstatic.com/s/roboto/v18/KFOkCnqEu92Fr1MmgVxGIzc.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:300;src:local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmSU5fChc9.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu7GxP.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmEU9fChc9.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmWUlfChc9.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:900;src:local('Roboto Black'),local('Roboto-Black'),url(https://fonts.gstatic.com/s/roboto/v18/KFOlCnqEu92Fr1MmYUtfChc9.ttf) format('truetype')}@font-face{font-family:Merriweather;font-style:italic;font-weight:300;src:local('Merriweather Light Italic'),local('Merriweather-LightItalic'),url(https://fonts.gstatic.com/s/merriweather/v19/u-4l0qyriQwlOrhSvowK_l5-eR7lXff2jvk.ttf) format('truetype')}@font-face{font-family:Merriweather;font-style:italic;font-weight:400;src:local('Merriweather Italic'),local('Merriweather-Italic'),url(https://fonts.gstatic.com/s/merriweather/v19/u-4m0qyriQwlOrhSvowK_l5-eRZAf-c.ttf) format('truetype')}@font-face{font-family:Merriweather;font-style:italic;font-weight:700;src:local('Merriweather Bold Italic'),local('Merriweather-BoldItalic'),url(https://fonts.gstatic.com/s/merriweather/v19/u-4l0qyriQwlOrhSvowK_l5-eR71Wvf2jvk.ttf) format('truetype')}@font-face{font-family:Merriweather;font-style:italic;font-weight:900;src:local('Merriweather Black Italic'),local('Merriweather-BlackItalic'),url(https://fonts.gstatic.com/s/merriweather/v19/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf2jvk.ttf) format('truetype')}@font-face{font-family:Merriweather;font-style:normal;font-weight:300;src:local('Merriweather Light'),local('Merriweather-Light'),url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l521wRZVsf_.ttf) format('truetype')}@font-face{font-family:Merriweather;font-style:normal;font-weight:400;src:local('Merriweather Regular'),local('Merriweather-Regular'),url(https://fonts.gstatic.com/s/merriweather/v19/u-440qyriQwlOrhSvowK_l5-ciZJ.ttf) format('truetype')}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;src:local('Merriweather Bold'),local('Merriweather-Bold'),url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52xwNZVsf_.ttf) format('truetype')}@font-face{font-family:Merriweather;font-style:normal;font-weight:900;src:local('Merriweather Black'),local('Merriweather-Black'),url(https://fonts.gstatic.com/s/merriweather/v19/u-4n0qyriQwlOrhSvowK_l52_wFZVsf_.ttf) format('truetype')}@font-face{font-family:'PT Serif';font-style:italic;font-weight:400;src:local('PT Serif Italic'),local('PTSerif-Italic'),url(https://fonts.gstatic.com/s/ptserif/v9/EJRTQgYoZZY2vCFuvAFT_rO1dw.ttf) format('truetype')}@font-face{font-family:'PT Serif';font-style:italic;font-weight:700;src:local('PT Serif Bold Italic'),local('PTSerif-BoldItalic'),url(https://fonts.gstatic.com/s/ptserif/v9/EJRQQgYoZZY2vCFuvAFT9gaQZyffpQ.ttf) format('truetype')}@font-face{font-family:'PT Serif';font-style:normal;font-weight:400;src:local('PT Serif'),local('PTSerif-Regular'),url(https://fonts.gstatic.com/s/ptserif/v9/EJRVQgYoZZY2vCFuvAFYzro.ttf) format('truetype')}@font-face{font-family:'PT Serif';font-style:normal;font-weight:700;src:local('PT Serif Bold'),local('PTSerif-Bold'),url(https://fonts.gstatic.com/s/ptserif/v9/EJRSQgYoZZY2vCFuvAnt66qcVy4.ttf) format('truetype')}@font-face{font-family:Yrsa;font-style:normal;font-weight:300;src:local('Yrsa Light'),local('Yrsa-Light'),url(https://fonts.gstatic.com/s/yrsa/v3/wlpxgwnQFlxs3af97I0x2Q.ttf) format('truetype')}@font-face{font-family:Yrsa;font-style:normal;font-weight:400;src:local('Yrsa Regular'),local('Yrsa-Regular'),url(https://fonts.gstatic.com/s/yrsa/v3/wlp-gwnQFlxs1QLf_A.ttf) format('truetype')}@font-face{font-family:Yrsa;font-style:normal;font-weight:500;src:local('Yrsa Medium'),local('Yrsa-Medium'),url(https://fonts.gstatic.com/s/yrsa/v3/wlpxgwnQFlxs3f_87I0x2Q.ttf) format('truetype')}@font-face{font-family:Yrsa;font-style:normal;font-weight:600;src:local('Yrsa SemiBold'),local('Yrsa-SemiBold'),url(https://fonts.gstatic.com/s/yrsa/v3/wlpxgwnQFlxs3dP77I0x2Q.ttf) format('truetype')}@font-face{font-family:Yrsa;font-style:normal;font-weight:700;src:local('Yrsa Bold'),local('Yrsa-Bold'),url(https://fonts.gstatic.com/s/yrsa/v3/wlpxgwnQFlxs3bf67I0x2Q.ttf) format('truetype')}*{box-sizing:border-box}body{font-family:Yrsa,Roboto,'Times New Roman',Times,serif;font-size:22px;line-height:1.6;margin:0;padding:0 0 50px}article,footer,header,main,nav{max-width:800px;margin:0 auto}header{margin-top:30px}header a{font-size:150%;font-weight:700}nav ul{margin-top:10px;padding:0}nav ul li a{color:#444;font-size:85%;margin-right:10px}h1{font-size:200%;line-height:120%}h2{font-size:160%}h3{font-size:140%}h4{font-size:120%}article img{max-width:100%;display:block}time{display:block;font-size:85%;color:#444}ul{list-style-type:square}main ul{margin-top:40px;padding:0 20px}main ul li{margin-bottom:25px;margin-left:-20px;list-style-type:none}main ul li a{font-size:100%;font-weight:600}main ul div{font-size:116%}blockquote{margin:40px 0 40px 20px;border-left:5px solid #eee;padding:5px 0 10px 20px}.highlighter-rouge,table,table td,table th{border:2px solid #f1f1f1}table{width:100%;border-collapse:collapse;border-spacing:0}table td,table th{text-align:left;padding:5px 10px}summary{outline:0;font-weight:600}details .highlighter-rouge{margin-top:10px!important}.highlighter-rouge{padding:0 15px;font-size:80%;overflow:auto}.highlighter-rouge table,.highlighter-rouge table td{border:0!important}::selection{background:#ff0;color:#000}::-moz-selection{background:#ff0;color:#000}ol{list-style:none;counter-reset:li}ol li{counter-increment:li}ol li::before{content:counter(li) '.';color:#ccc;font-weight:500;width:1em;margin-left:-1.5em;margin-right:.9em;text-align:right}#hcb_form_content,#hcb_form_name{border:2px solid #eee;padding:10px;width:300px;margin-bottom:10px}#hcb_submit{-webkit-appearance:none;-moz-appearance:none;-o-appearance:none;-ms-appearance:none;appearance:none;font-weight:600;padding:7px 15px;font-size:85%;border-radius:3px;background:#ccc;border:2px solid transparent;width:auto;text-align:center;height:auto;margin-right:20px}@media only screen and (max-width:768px){body{padding:0 20px}footer,header,nav{text-align:center}.responsive-table{width:100%;overflow:scroll}h1{font-size:200%}}@media print{@page{margin:2cm}.comments,header,nav{display:none}} \ No newline at end of file | ||
