Hugging Face's logo

Spaces:
helmfridsson
/
systeminforande
Sleeping

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

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +30 -78
style.css CHANGED
@@ -1,5 +1,5 @@
1
  /* ===============================
2
- GLOBALT
3
  =============================== */
4
 
5
  body {
@@ -8,99 +8,68 @@ body {
8
  font-family: Arial, Helvetica, sans-serif;
9
  }
10
 
11
- /* Text alltid svart */
12
- h1, h2, h3, h4, label, p, span, li {
13
- color: #000000 !important;
14
  }
15
 
16
  /* ===============================
17
- HUVUDFRÅGOR (Cards / Buttons)
18
  =============================== */
19
 
20
- .card {
21
  width: 260px;
22
  height: 64px;
23
- }
24
-
25
- .card.gr-button {
26
- background: #ffffff !important;
27
- border: 2px solid #1e5bd7 !important;
28
- border-radius: 14px !important;
29
  display: inline-flex;
30
  align-items: center;
31
  justify-content: center;
32
  text-align: center;
33
- white-space: normal;
34
  line-height: 1.2;
35
- color: #000000 !important;
36
  }
37
 
38
  .card.gr-button:hover {
39
- background: #eef3ff !important;
40
  }
41
 
42
  /* ===============================
43
- UNDERFRÅGOR (Dataframe)
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 inre Gradio-lager */
55
- .question-list .wrap,
56
- .question-list .ag-root {
57
- background: transparent !important;
58
- border: none !important;
59
- box-shadow: none !important;
60
  }
61
 
62
- /* Celler */
63
  .question-list td {
64
- background: #ffffff !important;
65
- color: #000000 !important;
66
- border: none !important;
67
  padding: 10px;
68
- cursor: pointer;
69
  }
70
 
71
  .question-list tr:hover td {
72
- background: #eef3ff !important;
73
- }
74
-
75
- /* Ingen fokusram / orange markering */
76
- .question-list *:focus {
77
- outline: none !important;
78
- box-shadow: none !important;
79
- }
80
-
81
- /* Ingen scrollbar */
82
- .question-list,
83
- .question-list .ag-root {
84
- overflow: hidden !important;
85
  }
86
 
87
  /* ===============================
88
- MEDDELANDE (Textbox)
89
  =============================== */
90
 
91
  .message-box.gr-box {
92
- background: #ffffff !important;
93
- border: 2px solid #1e5bd7 !important;
94
- border-radius: 16px !important;
95
- padding: 8px;
96
  }
97
 
98
- /* Själva textarea */
99
  .message-box textarea {
100
- background: #ffffff !important;
101
- color: #000000 !important;
102
- border: none !important;
103
- font-size: 15px;
104
  }
105
 
106
  /* ===============================
@@ -108,29 +77,12 @@ h1, h2, h3, h4, label, p, span, li {
108
  =============================== */
109
 
110
  .answer-box.gr-box {
111
- background: #ffffff !important;
112
- border: 2px solid #c62828 !important;
113
- border-radius: 16px !important;
114
  padding: 16px;
115
  }
116
 
117
  .answer-box * {
118
- color: #000000 !important;
119
- }
120
-
121
- /* ===============================
122
- KNAPPAR
123
- =============================== */
124
-
125
- .send-btn.gr-button {
126
- background: #ffffff !important;
127
- border: 2px solid #000000 !important;
128
- border-radius: 10px !important;
129
- color: #000000 !important;
130
- width: 120px;
131
- font-weight: 600;
132
- }
133
-
134
- .send-btn.gr-button:hover {
135
- background: #f2f2f2 !important;
136
  }
 
1
  /* ===============================
2
+ BAS
3
  =============================== */
4
 
5
  body {
 
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
  /* ===============================
 
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
  }