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