Hugging Face's logo

Spaces:
helmfridsson
/
systeminforande
Sleeping

App Files Community
helmfridsson commited on
Commit
3381365
·
verified ·
1 Parent(s): 9ae57d4

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +116 -43
style.css CHANGED
@@ -1,88 +1,161 @@
1
- /* ===============================
2
- BAS
3
- =============================== */
4
 
5
  body {
6
- background: #ffffff;
7
- color: #000000;
8
  font-family: Arial, Helvetica, sans-serif;
9
  }
10
 
11
  h1, h2, h3, h4, p, span, label, li {
12
- color: #000000;
13
  }
14
 
15
- /* ===============================
16
- HUVUDFRÅGOR
17
- =============================== */
18
 
19
  .card.gr-button {
20
  width: 260px;
21
  height: 64px;
22
- background: #ffffff;
23
- border: 2px solid #1e5bd7;
24
- border-radius: 14px;
25
- display: inline-flex;
26
- align-items: center;
27
- justify-content: center;
 
 
 
 
 
28
  text-align: center;
29
  line-height: 1.2;
 
30
  }
31
 
32
  .card.gr-button:hover {
33
- background: #eef3ff;
34
  }
35
 
36
- /* ===============================
37
- UNDERFRÅGOR
38
- =============================== */
39
 
 
40
  .question-list.gr-box {
41
- background: #ffffff;
42
- border: 2px solid #1e5bd7;
43
- border-radius: 16px;
44
- padding: 12px;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
45
  }
46
 
 
47
  .question-list td {
48
- background: #ffffff;
49
- color: #000000;
50
- border: none;
51
  padding: 10px;
 
52
  }
53
 
 
54
  .question-list tr:hover td {
55
- background: #eef3ff;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
56
  }
57
 
58
- /* ===============================
59
- MEDDELANDE
60
- =============================== */
61
 
62
  .message-box.gr-box {
63
- background: #ffffff;
64
- border: 2px solid #1e5bd7;
65
- border-radius: 16px;
66
- padding: 10px;
67
  }
68
 
 
69
  .message-box textarea {
70
- border: none;
71
- background: #ffffff;
72
- color: #000000;
 
 
73
  }
74
 
75
- /* ===============================
76
  SVAR
77
- =============================== */
78
 
79
  .answer-box.gr-box {
80
- background: #ffffff;
81
- border: 2px solid #c62828;
82
- border-radius: 16px;
83
  padding: 16px;
84
  }
85
 
86
  .answer-box * {
87
- color: #000000;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
88
  }
 
1
+ /* =====================================================
2
+ BAS / RESET (kontrollerad)
3
+ ===================================================== */
4
 
5
  body {
6
+ background: #ffffff !important;
7
+ color: #000000 !important;
8
  font-family: Arial, Helvetica, sans-serif;
9
  }
10
 
11
  h1, h2, h3, h4, p, span, label, li {
12
+ color: #000000 !important;
13
  }
14
 
15
+ /* =====================================================
16
+ HUVUDFRÅGOR (Buttons / Cards)
17
+ ===================================================== */
18
 
19
  .card.gr-button {
20
  width: 260px;
21
  height: 64px;
22
+
23
+ background: #ffffff !important;
24
+ color: #000000 !important;
25
+
26
+ border: 2px solid #1e5bd7 !important;
27
+ border-radius: 14px !important;
28
+
29
+ display: inline-flex !important;
30
+ align-items: center !important;
31
+ justify-content: center !important;
32
+
33
  text-align: center;
34
  line-height: 1.2;
35
+ white-space: normal;
36
  }
37
 
38
  .card.gr-button:hover {
39
+ background: #eef3ff !important;
40
  }
41
 
42
+ /* =====================================================
43
+ UNDERFRÅGOR (Dataframe / ag-grid)
44
+ ===================================================== */
45
 
46
+ /* Ytterram */
47
  .question-list.gr-box {
48
+ background: #ffffff !important;
49
+ border: 2px solid #1e5bd7 !important;
50
+ border-radius: 16px !important;
51
+ padding: 10px;
52
+ }
53
+
54
+ /* Ta bort ALL ag-grid mörker */
55
+ .question-list .ag-root,
56
+ .question-list .ag-header,
57
+ .question-list .ag-header-cell,
58
+ .question-list .ag-row,
59
+ .question-list .ag-cell {
60
+ background: #ffffff !important;
61
+ color: #000000 !important;
62
+ border: none !important;
63
+ }
64
+
65
+ /* Ta bort svart header-rad */
66
+ .question-list .ag-header {
67
+ display: none !important;
68
  }
69
 
70
+ /* Celler */
71
  .question-list td {
72
+ background: #ffffff !important;
73
+ color: #000000 !important;
 
74
  padding: 10px;
75
+ cursor: pointer;
76
  }
77
 
78
+ /* Hover */
79
  .question-list tr:hover td {
80
+ background: #eef3ff !important;
81
+ }
82
+
83
+ /* Ingen orange selection */
84
+ .question-list .ag-row-selected {
85
+ background: #eef3ff !important;
86
+ }
87
+
88
+ /* Ingen fokusram */
89
+ .question-list *:focus {
90
+ outline: none !important;
91
+ box-shadow: none !important;
92
+ }
93
+
94
+ /* Ingen scrollbar */
95
+ .question-list,
96
+ .question-list .ag-root,
97
+ .question-list .ag-body-viewport {
98
+ overflow: hidden !important;
99
  }
100
 
101
+ /* =====================================================
102
+ MEDDELANDE (Textbox)
103
+ ===================================================== */
104
 
105
  .message-box.gr-box {
106
+ background: #ffffff !important;
107
+ border: 2px solid #1e5bd7 !important;
108
+ border-radius: 16px !important;
109
+ padding: 8px;
110
  }
111
 
112
+ /* Själva textarea */
113
  .message-box textarea {
114
+ background: #ffffff !important;
115
+ color: #000000 !important;
116
+ border: none !important;
117
+ font-size: 15px;
118
+ resize: none;
119
  }
120
 
121
+ /* =====================================================
122
  SVAR
123
+ ===================================================== */
124
 
125
  .answer-box.gr-box {
126
+ background: #ffffff !important;
127
+ border: 2px solid #c62828 !important;
128
+ border-radius: 16px !important;
129
  padding: 16px;
130
  }
131
 
132
  .answer-box * {
133
+ color: #000000 !important;
134
+ }
135
+
136
+ /* =====================================================
137
+ KNAPPAR (Skicka / Rensa)
138
+ ===================================================== */
139
+
140
+ .send-btn.gr-button {
141
+ width: 120px;
142
+ background: #ffffff !important;
143
+ color: #000000 !important;
144
+ border: 2px solid #000000 !important;
145
+ border-radius: 10px !important;
146
+ font-weight: 600;
147
+ }
148
+
149
+ .send-btn.gr-button:hover {
150
+ background: #f2f2f2 !important;
151
+ }
152
+
153
+ /* =====================================================
154
+ SÄKERHET: slå bort ev. dark-mode rester
155
+ ===================================================== */
156
+
157
+ .dark,
158
+ [data-theme="dark"] {
159
+ background: transparent !important;
160
+ color: #000000 !important;
161
  }