diff options
| author | Zach Berwaldt <zberwaldt@tutamail.com> | 2023-10-12 23:40:26 -0400 |
|---|---|---|
| committer | Zach Berwaldt <zberwaldt@tutamail.com> | 2023-10-12 23:40:26 -0400 |
| commit | 2545016f8d6b63b0d857fc20fdd7276d2f0fc2a9 (patch) | |
| tree | 892231613f8bb8120b7b3fc7e170c49a8001f899 /assets | |
| parent | 6e6412e4a693ddc2da5e4611363fb882ad6497be (diff) | |
Layout refinements. add config, disclaimer
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/main.css | 48 |
1 files changed, 12 insertions, 36 deletions
diff --git a/assets/css/main.css b/assets/css/main.css index 4574690..c1aae11 100644 --- a/assets/css/main.css +++ b/assets/css/main.css | |||
| @@ -1,7 +1,3 @@ | |||
| 1 | :fullscreen { | ||
| 2 | color: blue; | ||
| 3 | } | ||
| 4 | |||
| 5 | body { | 1 | body { |
| 6 | min-height: 100vh; | 2 | min-height: 100vh; |
| 7 | } | 3 | } |
| @@ -10,14 +6,6 @@ body::-webkit-scrollbar { | |||
| 10 | display: none;; | 6 | display: none;; |
| 11 | } | 7 | } |
| 12 | 8 | ||
| 13 | #content { | ||
| 14 | width: 65ch; | ||
| 15 | } | ||
| 16 | |||
| 17 | #content::first-letter { | ||
| 18 | initial-letter: 2; | ||
| 19 | } | ||
| 20 | |||
| 21 | main { | 9 | main { |
| 22 | height: inherit; | 10 | height: inherit; |
| 23 | display: flex; | 11 | display: flex; |
| @@ -25,10 +13,6 @@ main { | |||
| 25 | justify-content: stretch; | 13 | justify-content: stretch; |
| 26 | } | 14 | } |
| 27 | 15 | ||
| 28 | footer { | ||
| 29 | background: #00000055; | ||
| 30 | } | ||
| 31 | |||
| 32 | .fixed { | 16 | .fixed { |
| 33 | position: fixed; | 17 | position: fixed; |
| 34 | top: 0; | 18 | top: 0; |
| @@ -66,6 +50,14 @@ footer { | |||
| 66 | flex-direction: row; | 50 | flex-direction: row; |
| 67 | } | 51 | } |
| 68 | 52 | ||
| 53 | .space-between { | ||
| 54 | justify-content: space-between; | ||
| 55 | } | ||
| 56 | |||
| 57 | .align-end { | ||
| 58 | align-items: flex-end; | ||
| 59 | } | ||
| 60 | |||
| 69 | .centered { | 61 | .centered { |
| 70 | align-items: center; | 62 | align-items: center; |
| 71 | justify-content: center; | 63 | justify-content: center; |
| @@ -80,6 +72,10 @@ footer { | |||
| 80 | justify-content: center; | 72 | justify-content: center; |
| 81 | } | 73 | } |
| 82 | 74 | ||
| 75 | .flex-end { | ||
| 76 | justify-content: flex-end; | ||
| 77 | } | ||
| 78 | |||
| 83 | .flex.footer-info { | 79 | .flex.footer-info { |
| 84 | gap: 1rem; | 80 | gap: 1rem; |
| 85 | } | 81 | } |
| @@ -92,26 +88,6 @@ footer { | |||
| 92 | position:relative; | 88 | position:relative; |
| 93 | } | 89 | } |
| 94 | 90 | ||
| 95 | .poweredby, | ||
| 96 | .copyright { | ||
| 97 | position: absolute; | ||
| 98 | left: 0; | ||
| 99 | width: 100%; | ||
| 100 | padding: 1rem; | ||
| 101 | text-align: center; | ||
| 102 | } | ||
| 103 | |||
| 104 | .poweredby { | ||
| 105 | background: #00000055; | ||
| 106 | bottom: 0; | ||
| 107 | padding: .5rem; | ||
| 108 | } | ||
| 109 | |||
| 110 | .copyright { | ||
| 111 | background: #00000022; | ||
| 112 | bottom: 50px; | ||
| 113 | } | ||
| 114 | |||
| 115 | .post { | 91 | .post { |
| 116 | margin-bottom: 1em; | 92 | margin-bottom: 1em; |
| 117 | } | 93 | } |
