diff options
Diffstat (limited to 'assets/css/main.css')
-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 | } |