aemin commited on
Commit
450afd2
1 Parent(s): ddbbc0a

Upload style.css

Browse files
Files changed (1) hide show
  1. style.css +292 -0
style.css ADDED
@@ -0,0 +1,292 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
2
+
3
+ header div[data-testid="stDecoration"] {
4
+ display: none;
5
+ }
6
+
7
+ /* sidebar */
8
+ section[data-testid="stSidebar"] > div:first-child {
9
+ background: #ecf9ff;
10
+ }
11
+
12
+ section[data-testid="stSidebar"] div[data-testid="stMarkdownContainer"] h1 {
13
+ font-family: 'Montserrat', sans-serif;
14
+ font-weight: 500;
15
+ font-size: 18px;
16
+ line-height: 22px;
17
+ background: none;
18
+ color: #1E77B7;
19
+ margin-bottom: 10px;
20
+ }
21
+
22
+ section[data-testid="stSidebar"] button[title="View fullscreen"] {
23
+ right: 9px;
24
+ top: 5px;
25
+ }
26
+
27
+ section[data-testid="stSidebar"] button[kind="icon"] svg path,
28
+ section[data-testid="stSidebar"] button[title="View fullscreen"] svg path {
29
+ fill: #3e4095;
30
+ }
31
+
32
+ section[data-testid="stSidebar"] button[title="View fullscreen"] svg {
33
+ position: relative;
34
+ top: -2px;
35
+ }
36
+
37
+ section[data-testid="stSidebar"] button[kind="icon"]:active {
38
+ background-color: #fff;
39
+ }
40
+
41
+ section[data-testid="stSidebar"] button[kind="icon"]:active,
42
+ section[data-testid="stSidebar"] button[kind="icon"]:focus {
43
+ box-shadow: #3e4095 0px 0px 0px 0.2rem;
44
+ border-color: #3e4095;
45
+ color: #3e4095;
46
+ }
47
+ section[data-testid="stSidebar"] button[kind="icon"]:hover {
48
+ border-color: #3e4095;
49
+ color: #3e4095;
50
+ }
51
+
52
+ section[data-testid="stSidebar"] .stMultiSelect input[role="combobox"] {
53
+ display: none;
54
+ }
55
+
56
+ /* markdown container */
57
+ div[data-testid="stMarkdownContainer"] {
58
+ font-family: Montserrat, sans-serif;
59
+ }
60
+
61
+ section[data-testid="stSidebar"] .element-container .stSelectbox label:empty {
62
+ display: none;
63
+ }
64
+
65
+ section[data-testid="stSidebar"] .element-container label {
66
+ margin-top: 50px;
67
+ }
68
+
69
+ section[data-testid="stSidebar"] div[data-testid="stTable"] {
70
+ padding: 0;
71
+ }
72
+
73
+ section[data-testid="stSidebar"] div[data-testid="stMarkdownContainer"] p {
74
+ margin: 0;
75
+ }
76
+
77
+ div[data-testid="stMarkdownContainer"] h1 {
78
+ font-family: Montserrat, sans-serif;
79
+ font-weight: 800;
80
+ font-size: 45px;
81
+ line-height: 55px;
82
+ color: #1E77B7;
83
+ }
84
+
85
+ div[data-testid="stMarkdownContainer"] h2 {
86
+ font-family: Montserrat, sans-serif;
87
+ font-weight: 500;
88
+ font-size: 18px;
89
+ line-height: 26px;
90
+ color: #1E77B7;
91
+ }
92
+
93
+ div[data-testid="stMarkdownContainer"] h3 {
94
+ font-family: Montserrat, sans-serif;
95
+ font-weight: 500;
96
+ font-size: 18px;
97
+ line-height: 22px;
98
+ color: #1E77B7;
99
+ }
100
+
101
+ div[data-testid="stMarkdownContainer"] code {
102
+ font-family: Montserrat, sans-serif;
103
+ }
104
+
105
+ /* selectbox */
106
+ div[data-baseweb="select"] > div {
107
+ box-shadow: 0px 4px 10px rgba(0, 152, 218, 0.3);
108
+ border-radius: 2px;
109
+ min-height: 40px;
110
+ background: #ffffff;
111
+ border: none;
112
+ }
113
+
114
+ div[data-baseweb="select"] .st-bb.st-bc.st-b4.st-cy.st-by.st-cz.st-d0 svg {
115
+ fill: #BAD0DA;
116
+ height: 20px;
117
+ width: 20px;
118
+ padding: 0;
119
+ }
120
+
121
+ .stSelectbox > label {
122
+ font-family: 'Montserrat', sans-serif;
123
+ font-weight: 500;
124
+ font-size: 18px;
125
+ line-height: 22px;
126
+ color: #1E77B7;
127
+ }
128
+
129
+ div[data-baseweb="select"] > div > div > div {
130
+ font-family: Montserrat, sans-serif;
131
+ font-size: 14px !important;
132
+ line-height: 26px !important;
133
+ color: #536B76 !important;
134
+ }
135
+
136
+ div[role="listbox"] ul li {
137
+ color: rgb(128, 132, 149);
138
+ }
139
+
140
+ div[role="listbox"] ul li[aria-selected="true"],
141
+ div[role="listbox"] ul li:hover {
142
+ color: #000;
143
+ }
144
+
145
+ /* multiselect */
146
+ .stMultiSelect label {
147
+ font-family: 'Montserrat', sans-serif !important;
148
+ font-weight: 500;
149
+ font-size: 18px !important;
150
+ line-height: 22px;
151
+ background: none;
152
+ color: #1E77B7 !important;
153
+ margin-bottom: 10px !important;
154
+ }
155
+
156
+ .stMarkdown>div {
157
+ margin: 0;
158
+ }
159
+
160
+ .stMultiSelect span[data-baseweb="tag"] {
161
+ font-family: Montserrat, sans-serif;
162
+ background: #1E77B7;
163
+ color: #fff !important;
164
+ font-size: 12px !important;
165
+ line-height: 20px !important;
166
+ }
167
+
168
+ .stMultiSelect span[data-baseweb="tag"] span[role="presentation"] {
169
+ width: 21px;
170
+ height: 21px;
171
+ fill: #BAD0DA;
172
+ }
173
+
174
+ /* checkbox */
175
+ label[data-baseweb="checkbox"] > span[role="checkbox"] {
176
+ border-color: #5334AE;
177
+ background-color: #5334AE;
178
+ }
179
+
180
+ label[data-baseweb="checkbox"] > div {
181
+ }
182
+
183
+ label[data-baseweb="checkbox"] label.st-ex {
184
+ background: red !important;
185
+ }
186
+
187
+ /* table */
188
+ div[data-testid="stTable"] table {
189
+ width: 100%;
190
+ background: #ffffff;
191
+ }
192
+
193
+ div[data-testid="stTable"] th {
194
+ background: #3E4095;
195
+ vertical-align: middle;
196
+ color: #fff;
197
+ font-family: 'Montserrat', sans-serif;
198
+ font-weight: 800;
199
+ font-size: 16px;
200
+ line-height: 28px;
201
+ height: 30px;
202
+ padding: 10px;
203
+ text-align: left;
204
+ min-width: 103px;
205
+ }
206
+
207
+ div[data-testid="stTable"] tbody tr th,
208
+ div[data-testid="stTable"] thead tr th:first-child {
209
+ display: none;
210
+ }
211
+
212
+ div[data-testid="stTable"] table tbody tr td {
213
+ font-family: Montserrat, sans-serif;
214
+ height: 50px;
215
+ padding: 10px;
216
+ font-size: 14px;
217
+ line-height: 20px;
218
+ color:#536B76;
219
+ border-bottom: 1px solid #E7EDF0;
220
+ text-align: left;
221
+ }
222
+
223
+ div[data-testid="stTable"] tr:nth-child(odd) {
224
+ box-shadow: inset 0px 0px 35px rgba(0, 152, 218, 0.05);
225
+ }
226
+
227
+ div[data-testid="stTable"] tr:nth-child(even) {
228
+ box-shadow: 0px 0px 35px rgba(0, 152, 218, 0.05);
229
+ }
230
+
231
+ /* entities */
232
+ .scroll.entities {
233
+ border: 1px solid #E7EDF0;
234
+ border-radius: 3px;
235
+ text-align: justify;
236
+ }
237
+
238
+ .scroll.entities span {
239
+ font-size: 14px;
240
+ line-height: 24px;
241
+ color: #536B76;
242
+ font-family: Montserrat, sans-serif;
243
+ }
244
+ .entity-wrapper {
245
+ border-radius: 3px;
246
+ padding: 1px;
247
+ margin: 0 2px 5px 2px;
248
+ }
249
+
250
+ .scroll.entities span .entity-type {
251
+ font-weight: 500;
252
+ color: #ffffff;
253
+ display: block;
254
+ padding: 3px 5px;
255
+ }
256
+
257
+ .scroll.entities span .entity-name {
258
+ border-radius: 3px;
259
+ padding: 2px 5px;
260
+ display: block;
261
+ margin: 3px 2px;
262
+ }
263
+
264
+ @media (max-width: 1199px) {
265
+ .reportview-container .main .block-container {
266
+ padding: 1rem;
267
+ }
268
+ }
269
+
270
+ @media (max-width: 991px) {
271
+ div[data-testid="stMarkdownContainer"] h1 {
272
+ font-size: 32px;
273
+ line-height: 38px;
274
+ }
275
+ section[data-testid="stSidebar"] > div:first-child {
276
+ padding: 2rem 1rem;
277
+ }
278
+ div[data-testid="stMarkdownContainer"] h2 {
279
+ padding-top: 0;
280
+ margin-top: 0;
281
+ }
282
+ }
283
+
284
+ @media (max-width: 767px) {
285
+ div[data-testid="stMarkdownContainer"] h1 {
286
+ font-size: 27px;
287
+ line-height: 33px;
288
+ }
289
+ .block-container .element-container .scroll.entities {
290
+ padding: 10px !important;
291
+ }
292
+ }