diff options
| author | Mitja Felicijan <mitja.felicijan@gmail.com> | 2019-10-22 03:40:14 +0200 |
|---|---|---|
| committer | Mitja Felicijan <mitja.felicijan@gmail.com> | 2019-10-22 03:40:14 +0200 |
| commit | 28dd784a088a35739cdfdc4ce79f8ee6d50bf816 (patch) | |
| tree | c198abb97177f60864530ee46f5cdcf0ae88d2bf /source/assets/default.css | |
| parent | 421677613114bb40780d3a5516b6930d386d0b09 (diff) | |
| download | mitjafelicijan.com-28dd784a088a35739cdfdc4ce79f8ee6d50bf816.tar.gz | |
Cleanup of repo and move to gostatic
Diffstat (limited to 'source/assets/default.css')
| -rw-r--r-- | source/assets/default.css | 330 |
1 files changed, 0 insertions, 330 deletions
diff --git a/source/assets/default.css b/source/assets/default.css deleted file mode 100644 index ee88a25..0000000 --- a/source/assets/default.css +++ /dev/null | |||
| @@ -1,330 +0,0 @@ | |||
| 1 | @charset "utf-8"; | ||
| 2 | |||
| 3 | @import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400,500,600,700,900'); | ||
| 4 | |||
| 5 | * { | ||
| 6 | box-sizing: border-box; | ||
| 7 | -moz-osx-font-smoothing: grayscale !important; | ||
| 8 | text-rendering: optimizeLegibility !important; | ||
| 9 | -webkit-font-smoothing: antialiased !important; | ||
| 10 | } | ||
| 11 | |||
| 12 | body { | ||
| 13 | /*font-family: 'Heebo', sans-serif;*/ | ||
| 14 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; | ||
| 15 | font-size: 17px; | ||
| 16 | line-height: 170%; | ||
| 17 | } | ||
| 18 | |||
| 19 | a { | ||
| 20 | color: inherit; | ||
| 21 | text-decoration: underline; | ||
| 22 | text-decoration-color: fuchsia; | ||
| 23 | text-decoration-style: wavy; | ||
| 24 | border: 2px dotted transparent; | ||
| 25 | display: inline-block; | ||
| 26 | } | ||
| 27 | |||
| 28 | a:active { | ||
| 29 | border-color: black; | ||
| 30 | } | ||
| 31 | |||
| 32 | ol a { | ||
| 33 | text-decoration: none; | ||
| 34 | } | ||
| 35 | |||
| 36 | ol a:hover { | ||
| 37 | text-decoration: underline; | ||
| 38 | } | ||
| 39 | |||
| 40 | h1 { | ||
| 41 | line-height: 140%; | ||
| 42 | font-weight: 600; | ||
| 43 | font-size: 210%; | ||
| 44 | } | ||
| 45 | |||
| 46 | h2,h3,h4,h5 { | ||
| 47 | /*margin-top: 50px;*/ | ||
| 48 | font-weight: 500; | ||
| 49 | } | ||
| 50 | |||
| 51 | img { | ||
| 52 | max-width: 100%; | ||
| 53 | margin: 30px auto; | ||
| 54 | display: block; | ||
| 55 | } | ||
| 56 | |||
| 57 | .wrapper { | ||
| 58 | max-width: 720px; | ||
| 59 | margin: 0 auto; | ||
| 60 | } | ||
| 61 | |||
| 62 | blockquote { | ||
| 63 | margin: 50px 0 50px 50px; | ||
| 64 | } | ||
| 65 | |||
| 66 | .pubdate { | ||
| 67 | font-size: 80%; | ||
| 68 | color: #666; | ||
| 69 | } | ||
| 70 | |||
| 71 | /********************************************************** CODE HIGHLIGHTING */ | ||
| 72 | |||
| 73 | pre, code { | ||
| 74 | font-family: 'Source Code Pro', monospace !important; | ||
| 75 | font-weight: 500; | ||
| 76 | } | ||
| 77 | |||
| 78 | pre { | ||
| 79 | font-size: 85%; | ||
| 80 | margin: 20px; | ||
| 81 | background: #eee; | ||
| 82 | } | ||
| 83 | |||
| 84 | p > code { | ||
| 85 | background: rgb(48, 46, 46); | ||
| 86 | padding: 1px 0.95rem 2px; | ||
| 87 | border-radius: 1em; | ||
| 88 | font-size: 70%; | ||
| 89 | font-weight: 600; | ||
| 90 | color: #fff; | ||
| 91 | display: inline; | ||
| 92 | -webkit-box-decoration-break: clone; | ||
| 93 | cursor:crosshair; | ||
| 94 | } | ||
| 95 | |||
| 96 | p > code:hover { | ||
| 97 | background: fuchsia; | ||
| 98 | } | ||
| 99 | |||
| 100 | /***************************************************************** OL COUNTER */ | ||
| 101 | |||
| 102 | ol { | ||
| 103 | list-style: none; | ||
| 104 | counter-reset: li; | ||
| 105 | } | ||
| 106 | |||
| 107 | ol li { | ||
| 108 | counter-increment: li; | ||
| 109 | } | ||
| 110 | |||
| 111 | ol li::before { | ||
| 112 | content: counter(li) "."; | ||
| 113 | color: #ccc; | ||
| 114 | font-weight: 500; | ||
| 115 | display: inline-block; | ||
| 116 | width: 1em; | ||
| 117 | margin-left: -1.5em; | ||
| 118 | margin-right: 0.9em; | ||
| 119 | text-align: right; | ||
| 120 | } | ||
| 121 | |||
| 122 | ol li a { | ||
| 123 | text-decoration: none; | ||
| 124 | } | ||
| 125 | |||
| 126 | /********************************************************************* TABLES */ | ||
| 127 | |||
| 128 | table { | ||
| 129 | width: 100%; | ||
| 130 | border-collapse: collapse; | ||
| 131 | border-spacing: 0; | ||
| 132 | font-size: 90%; | ||
| 133 | text-align: left; | ||
| 134 | margin-top: 50px; | ||
| 135 | margin-bottom: 50px; | ||
| 136 | } | ||
| 137 | |||
| 138 | th,td { | ||
| 139 | border-bottom: 2px solid #888; | ||
| 140 | padding: 10px; | ||
| 141 | } | ||
| 142 | |||
| 143 | th { | ||
| 144 | font-size: 130%; | ||
| 145 | } | ||
| 146 | |||
| 147 | tr:last-child td { | ||
| 148 | border-width: 0; | ||
| 149 | } | ||
| 150 | |||
| 151 | /****************************************************************** FOOTNOTES */ | ||
| 152 | |||
| 153 | .footnotes p { | ||
| 154 | padding: 0; | ||
| 155 | display: inline-block; | ||
| 156 | margin: 0; | ||
| 157 | } | ||
| 158 | |||
| 159 | .footnotes-sep { | ||
| 160 | border: 0; | ||
| 161 | } | ||
| 162 | |||
| 163 | /************************************************* BGCOLOR WHEN TEXT SELECTED */ | ||
| 164 | |||
| 165 | ::selection { | ||
| 166 | background: #ff0; | ||
| 167 | color: #000; | ||
| 168 | } | ||
| 169 | |||
| 170 | ::-moz-selection { | ||
| 171 | background: #ff0; | ||
| 172 | color: #000; | ||
| 173 | } | ||
| 174 | |||
| 175 | /********************************************************** CUSTOM SCROLLBARS */ | ||
| 176 | |||
| 177 | pre::-webkit-scrollbar { | ||
| 178 | width: 5px; | ||
| 179 | height: 8px; | ||
| 180 | background-color: transparent; | ||
| 181 | } | ||
| 182 | |||
| 183 | pre::-webkit-scrollbar-thumb { | ||
| 184 | background: #ddd; | ||
| 185 | } | ||
| 186 | |||
| 187 | /*************************************************************** HEADER + NAV */ | ||
| 188 | |||
| 189 | menu { | ||
| 190 | display: grid; | ||
| 191 | grid-template-columns: 1fr 1fr; | ||
| 192 | font-size: 80%; | ||
| 193 | padding: 0; | ||
| 194 | padding-top: 10px; | ||
| 195 | margin-bottom: 40px; | ||
| 196 | } | ||
| 197 | |||
| 198 | menu a.logo { | ||
| 199 | font-weight: 600; | ||
| 200 | text-decoration: none; | ||
| 201 | font-size: 130%; | ||
| 202 | padding: 5px 0px ; | ||
| 203 | } | ||
| 204 | |||
| 205 | menu a.logo:hover { | ||
| 206 | /*background: fuchsia; | ||
| 207 | color: white;*/ | ||
| 208 | } | ||
| 209 | |||
| 210 | menu nav { | ||
| 211 | text-align: right; | ||
| 212 | margin-top: 3px; | ||
| 213 | } | ||
| 214 | |||
| 215 | menu nav a { | ||
| 216 | padding-top: 8px; | ||
| 217 | margin-left: 25px; | ||
| 218 | } | ||
| 219 | |||
| 220 | menu nav a svg { | ||
| 221 | width: 20px; | ||
| 222 | height: 20px; | ||
| 223 | } | ||
| 224 | |||
| 225 | /********************************************************************* FOOTER */ | ||
| 226 | |||
| 227 | footer { | ||
| 228 | padding-top: 50px; | ||
| 229 | padding-bottom: 50px; | ||
| 230 | font-weight: 500; | ||
| 231 | font-size: 80%; | ||
| 232 | } | ||
| 233 | |||
| 234 | footer > * { | ||
| 235 | text-decoration: none; | ||
| 236 | margin-right: 20px; | ||
| 237 | color: #333; | ||
| 238 | } | ||
| 239 | |||
| 240 | /*************************************************************** ARTICLE LIST */ | ||
| 241 | |||
| 242 | .list .article-list { | ||
| 243 | margin-bottom: 60px; | ||
| 244 | } | ||
| 245 | |||
| 246 | .list .article-list:last-child { | ||
| 247 | margin-bottom: 10px; | ||
| 248 | } | ||
| 249 | |||
| 250 | .list h3 { | ||
| 251 | font-weight: 700; | ||
| 252 | font-size: 140%; | ||
| 253 | } | ||
| 254 | |||
| 255 | .article-list article { | ||
| 256 | margin-bottom: 20px; | ||
| 257 | } | ||
| 258 | |||
| 259 | .article-list article h2 { | ||
| 260 | margin: 0; | ||
| 261 | line-height: 150%; | ||
| 262 | font-size: 120%; | ||
| 263 | } | ||
| 264 | |||
| 265 | .article-list a { | ||
| 266 | text-decoration: none; | ||
| 267 | } | ||
| 268 | |||
| 269 | article img[src*="#large"], | ||
| 270 | article img.large { | ||
| 271 | max-width: 1100px; | ||
| 272 | width: 1100px; | ||
| 273 | position: relative; | ||
| 274 | left: -150px; | ||
| 275 | margin: 50px 0; | ||
| 276 | } | ||
| 277 | |||
| 278 | /***************************************************************** RESPONSIVE */ | ||
| 279 | |||
| 280 | @media only screen and (max-width:800px) { | ||
| 281 | body { | ||
| 282 | font-size: 16px; | ||
| 283 | } | ||
| 284 | |||
| 285 | .wrapper { | ||
| 286 | padding: 10px 20px !important; | ||
| 287 | } | ||
| 288 | |||
| 289 | h1 { | ||
| 290 | font-size: 200%; | ||
| 291 | } | ||
| 292 | |||
| 293 | footer { | ||
| 294 | text-align: center; | ||
| 295 | } | ||
| 296 | |||
| 297 | article img.large { | ||
| 298 | position: initial; | ||
| 299 | width: 100%; | ||
| 300 | margin: 20px 0; | ||
| 301 | } | ||
| 302 | } | ||
| 303 | |||
| 304 | /******************************************************************* COMMENTS */ | ||
| 305 | |||
| 306 | #commento { | ||
| 307 | margin-top: 75px; | ||
| 308 | } | ||
| 309 | |||
| 310 | #commento-footer { | ||
| 311 | display: none !important; | ||
| 312 | } | ||
| 313 | |||
| 314 | #commento-submit-button-root { | ||
| 315 | background: #fff !important; | ||
| 316 | color: #495057 !important; | ||
| 317 | box-shadow: none !important; | ||
| 318 | } | ||
| 319 | |||
| 320 | .commento-avatar-img { | ||
| 321 | margin-top: 0 !important; | ||
| 322 | } | ||
| 323 | |||
| 324 | /********************************************************************** PRINT */ | ||
| 325 | |||
| 326 | @media print { | ||
| 327 | nav, footer { | ||
| 328 | display: none; | ||
| 329 | } | ||
| 330 | } | ||
