... |
... |
@@ -1,13 +1,38 @@ |
1 |
1 |
{{html clean="false"}} |
2 |
2 |
<style> |
|
3 |
+<style> |
3 |
3 |
.dashboard-column { |
|
5 |
+ background-color: #002a4d !important; |
|
6 |
+ border: 1px solid #004b80; |
|
7 |
+ color: #f0f0f0; |
|
8 |
+} |
|
9 |
+</style> |
|
10 |
+.cat-race a { color: #00ffff !important; } |
|
11 |
+.cat-history a { color: #ffcc66 !important; } |
|
12 |
+.cat-discrimination a { color: #ff6666 !important; } |
|
13 |
+.cat-politics a { color: #3399ff !important; } |
|
14 |
+.cat-media a { color: #cc99ff !important; } |
|
15 |
+.cat-healthcare a { color: #ff9999 !important; } |
|
16 |
+.cat-science a { color: #99ff99 !important; } |
|
17 |
+.cat-social a { color: #ffccff !important; } |
|
18 |
+.cat-crime a { color: #ff9933 !important; } |
|
19 |
+.cat-jews a { color: #ccccff !important; } |
|
20 |
+.cat-humor a { color: #ffff66 !important; } |
|
21 |
+ |
|
22 |
+.dashboard-columns { |
|
23 |
+ display: flex; |
|
24 |
+ justify-content: space-between; |
|
25 |
+ flex-wrap: wrap; |
|
26 |
+ margin-bottom: 2em; |
|
27 |
+ gap: 1.5em; |
|
28 |
+} |
|
29 |
+.dashboard-column { |
4 |
4 |
flex: 1; |
5 |
5 |
min-width: 250px; |
6 |
|
- background-color: #002a4d; |
|
32 |
+ background-color: #1a1a1a; |
7 |
7 |
padding: 1em; |
8 |
|
- border: 1px solid #004b80; |
|
34 |
+ border: 1px solid #333; |
9 |
9 |
border-radius: 10px; |
10 |
|
- color: #f0f0f0; |
11 |
11 |
} |
12 |
12 |
.dashboard-column h3 { |
13 |
13 |
margin-top: 0; |
... |
... |
@@ -21,20 +21,8 @@ |
21 |
21 |
.dashboard-column li { |
22 |
22 |
margin: 0.3em 0; |
23 |
23 |
} |
24 |
|
-.cat-race a { color: #00ffff !important; } |
25 |
|
-.cat-history a { color: #ffcc66 !important; } |
26 |
|
-.cat-discrimination a { color: #ff6666 !important; } |
27 |
|
-.cat-politics a { color: #3399ff !important; } |
28 |
|
-.cat-media a { color: #cc99ff !important; } |
29 |
|
-.cat-healthcare a { color: #ff9999 !important; } |
30 |
|
-.cat-science a { color: #99ff99 !important; } |
31 |
|
-.cat-social a { color: #ffccff !important; } |
32 |
|
-.cat-crime a { color: #ff9933 !important; } |
33 |
|
-.cat-jews a { color: #ccccff !important; } |
34 |
|
-.cat-humor a { color: #ffff66 !important; } |
35 |
35 |
</style> |
36 |
36 |
|
37 |
|
- |
38 |
38 |
<h2>📚 Categories</h2> |
39 |
39 |
<div class="dashboard-columns"> |
40 |
40 |
|