diff options
| author | Mitja Felicijan <mitja.felicijan@gmail.com> | 2018-08-06 06:34:56 +0200 |
|---|---|---|
| committer | Mitja Felicijan <mitja.felicijan@gmail.com> | 2018-08-06 06:34:56 +0200 |
| commit | 7c874cd09f4d0d6865f703fb9c5ced557159b26a (patch) | |
| tree | addeb82ba1970a88e435d0c548de5c664256376b /assets | |
| parent | f078c475312b91b50f1a72d5ba8907ed8d715e15 (diff) | |
| download | mitjafelicijan.com-7c874cd09f4d0d6865f703fb9c5ced557159b26a.tar.gz | |
update
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/site.css | 59 |
1 files changed, 43 insertions, 16 deletions
diff --git a/assets/site.css b/assets/site.css index ef3f476..35cdb30 100644 --- a/assets/site.css +++ b/assets/site.css | |||
| @@ -1,7 +1,5 @@ | |||
| 1 | html, | 1 | * { |
| 2 | body { | 2 | box-sizing: border-box |
| 3 | margin: 0; | ||
| 4 | padding: 0; | ||
| 5 | } | 3 | } |
| 6 | 4 | ||
| 7 | body { | 5 | body { |
| @@ -10,40 +8,65 @@ body { | |||
| 10 | margin: 40px auto; | 8 | margin: 40px auto; |
| 11 | line-height: 1.6; | 9 | line-height: 1.6; |
| 12 | color: #000; | 10 | color: #000; |
| 11 | margin: 0; | ||
| 12 | padding: 0; | ||
| 13 | } | 13 | } |
| 14 | 14 | ||
| 15 | article, | 15 | article, |
| 16 | main, | 16 | main, |
| 17 | footer, | 17 | footer, |
| 18 | nav, | ||
| 18 | header { | 19 | header { |
| 19 | max-width: 800px; | 20 | max-width: 800px; |
| 20 | margin: 0 auto; | 21 | margin: 0 auto; |
| 21 | } | 22 | } |
| 22 | 23 | ||
| 24 | header { | ||
| 25 | margin-top: 30px; | ||
| 26 | } | ||
| 27 | |||
| 28 | header a, | ||
| 29 | nav ul li a { | ||
| 30 | text-decoration: none | ||
| 31 | } | ||
| 32 | |||
| 33 | header a { | ||
| 34 | font-size: 150%; | ||
| 35 | font-weight: 700; | ||
| 36 | color: #000; | ||
| 37 | } | ||
| 38 | |||
| 39 | nav ul { | ||
| 40 | margin-top: 10px; | ||
| 41 | padding: 0; | ||
| 42 | } | ||
| 43 | |||
| 44 | nav ul li { | ||
| 45 | display: inline-block; | ||
| 46 | } | ||
| 47 | |||
| 48 | nav ul li a { | ||
| 49 | color: #888; | ||
| 50 | font-size: 85%; | ||
| 51 | margin-right: 10px; | ||
| 52 | } | ||
| 53 | |||
| 23 | h1 { | 54 | h1 { |
| 24 | font-size: 200%; | 55 | font-size: 200%; |
| 25 | } | 56 | } |
| 26 | 57 | ||
| 27 | h2 { | 58 | h2 { |
| 28 | font-size: 180%; | ||
| 29 | } | ||
| 30 | |||
| 31 | h3 { | ||
| 32 | font-size: 160%; | 59 | font-size: 160%; |
| 33 | } | 60 | } |
| 34 | 61 | ||
| 35 | h4 { | 62 | h3 { |
| 36 | font-size: 140%; | 63 | font-size: 140%; |
| 37 | } | 64 | } |
| 38 | 65 | ||
| 39 | h5 { | 66 | h4 { |
| 40 | font-size: 120%; | 67 | font-size: 120%; |
| 41 | } | 68 | } |
| 42 | 69 | ||
| 43 | h6 { | ||
| 44 | font-size: 100%; | ||
| 45 | } | ||
| 46 | |||
| 47 | article img { | 70 | article img { |
| 48 | max-width: 100%; | 71 | max-width: 100%; |
| 49 | display: block; | 72 | display: block; |
| @@ -60,12 +83,16 @@ main ul { | |||
| 60 | padding: 0 20px; | 83 | padding: 0 20px; |
| 61 | } | 84 | } |
| 62 | 85 | ||
| 63 | } | ||
| 64 | |||
| 65 | main ul div { | 86 | main ul div { |
| 66 | font-size: 115%; | 87 | font-size: 115%; |
| 67 | } | 88 | } |
| 68 | 89 | ||
| 90 | blockquote { | ||
| 91 | margin: 40px 0 40px 20px; | ||
| 92 | border-left: 5px solid #eee; | ||
| 93 | padding: 5px 0 10px 20px | ||
| 94 | } | ||
| 95 | |||
| 69 | .highlighter-rouge { | 96 | .highlighter-rouge { |
| 70 | border: 1px solid #ddd; | 97 | border: 1px solid #ddd; |
| 71 | padding: 0 15px; | 98 | padding: 0 15px; |
