diff options
Diffstat (limited to 'src/static/style.css')
| -rw-r--r-- | src/static/style.css | 40 |
1 files changed, 37 insertions, 3 deletions
diff --git a/src/static/style.css b/src/static/style.css index b7fe7f7..f76fea0 100644 --- a/src/static/style.css +++ b/src/static/style.css | |||
| @@ -1,3 +1,7 @@ | |||
| 1 | * { | ||
| 2 | box-sizing: border-box; | ||
| 3 | } | ||
| 4 | |||
| 1 | body { | 5 | body { |
| 2 | line-height: 150%; | 6 | line-height: 150%; |
| 3 | margin-bottom: 100px; | 7 | margin-bottom: 100px; |
| @@ -39,14 +43,19 @@ img { | |||
| 39 | } | 43 | } |
| 40 | 44 | ||
| 41 | ul.article-list li { | 45 | ul.article-list li { |
| 42 | margin-bottom: 10px; | 46 | margin-bottom: 10px; |
| 47 | } | ||
| 48 | |||
| 49 | ul.article-list li div { | ||
| 50 | display: flex; | ||
| 43 | } | 51 | } |
| 44 | 52 | ||
| 45 | ul.article-list time { | 53 | ul.article-list time { |
| 46 | display: inline-block; | 54 | display: inline-block; |
| 47 | min-width: 120px; | 55 | min-width: 130px; |
| 48 | } | 56 | } |
| 49 | 57 | ||
| 58 | |||
| 50 | article .info { | 59 | article .info { |
| 51 | font-style: oblique; | 60 | font-style: oblique; |
| 52 | } | 61 | } |
| @@ -84,6 +93,31 @@ p.modified { | |||
| 84 | color: #000; | 93 | color: #000; |
| 85 | } | 94 | } |
| 86 | 95 | ||
| 96 | |||
| 97 | .comments { | ||
| 98 | margin-top: 50px; | ||
| 99 | } | ||
| 100 | .comments ul { | ||
| 101 | margin-top: 30px; | ||
| 102 | padding-left: 15px; | ||
| 103 | } | ||
| 104 | .comments ul li { | ||
| 105 | margin-bottom: 20px; | ||
| 106 | } | ||
| 107 | .comments input, | ||
| 108 | .comments textarea { | ||
| 109 | width: 100%; | ||
| 110 | padding: 10px; | ||
| 111 | margin-bottom: 10px; | ||
| 112 | font-family: inherit; | ||
| 113 | font-size: inherit; | ||
| 114 | border: 1px solid lightgray; | ||
| 115 | } | ||
| 116 | .comments textarea { | ||
| 117 | resize: vertical; | ||
| 118 | height: 100px; | ||
| 119 | } | ||
| 120 | |||
| 87 | @media only screen and (max-width:480px) { | 121 | @media only screen and (max-width:480px) { |
| 88 | main { | 122 | main { |
| 89 | padding: 20px; | 123 | padding: 20px; |
