Hugging Face's logo

Spaces:
wzxii
/
Memorization-or-Generation-of-Big-Code-Models-Leaderboard
Running

App Files Community
wzxii commited on
Commit
7b2f4fc
·
verified ·
1 Parent(s): cf11127

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +294 -19
style.css CHANGED
@@ -1,28 +1,303 @@
1
- body {
2
- padding: 2rem;
3
- font-family: -apple-system, BlinkMacSystemFont, "Arial", sans-serif;
4
  }
5
 
6
- h1 {
7
- font-size: 16px;
8
- margin-top: 0;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
9
  }
 
 
10
 
11
- p {
12
- color: rgb(107, 114, 128);
13
- font-size: 15px;
14
- margin-bottom: 10px;
15
- margin-top: 5px;
 
 
 
 
 
16
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
17
 
18
- .card {
19
- max-width: 620px;
20
- margin: 0 auto;
21
- padding: 16px;
22
- border: 1px solid lightgray;
23
- border-radius: 16px;
 
 
 
 
 
 
24
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
25
 
26
- .card p:last-child {
27
- margin-bottom: 0;
28
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ * {
2
+ padding: 0;
3
+ margin: 0;
4
  }
5
 
6
+
7
+ /* title */
8
+ .section_title {
9
+ margin-left: 100px;
10
+ margin-right: 100px;
11
+ display: flex;
12
+ flex-direction: column;
13
+ align-items: center;
14
+ justify-content: center;
15
+ /* width: 1510px; */
16
+ }
17
+ .section_title h1 {
18
+ margin-top: 30px;
19
+ margin-bottom: 20px;
20
+ }
21
+ .section_title__imgs {
22
+ margin-bottom: 10px;
23
+ display: flex;
24
+ justify-content: center;
25
+ }
26
+ #a_github {
27
+ margin-right: 30px;
28
+ }
29
+ .section_title p {
30
+ font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
31
+ }
32
+ .section_title__p a {
33
+ color: #386df4;
34
+ text-decoration-color: #0909f8;
35
+ text-decoration-style: dashed;
36
+ }
37
+ /* title */
38
+
39
+ /* button */
40
+ .section_button {
41
+ margin-top: 15px;
42
+ margin-left: 100px;
43
+ margin-right: 100px;
44
+ display: flex;
45
+ /* width: 1510px; */
46
+ }
47
+ .section_button button {
48
+ text-align: center;
49
+ width: 190px;
50
+ height: 45px;
51
+ color: #7c7b7b;
52
+ border-style: solid;
53
+ border-color: rgb(228, 228, 228);
54
+ border-width: 1px;
55
+ border-bottom: transparent;
56
+ background-color: rgb(255, 255, 255);
57
+ font-size: 18px;
58
+ /* font-weight: bold; */
59
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
60
+ }
61
+ #btn_evalTable {
62
+ border-top-left-radius: 5px;
63
+ /* border-bottom-left-radius: 5px; */
64
+ border-right-width: 0;
65
+ color: #000000;
66
+ }
67
+ #btn_plot {
68
+ border-right-width: 0;
69
+ }
70
+ /* #btn_about {
71
+
72
+ } */
73
+ #btn_submit {
74
+ border-top-right-radius: 5px;
75
+ /* border-bottom-right-radius: 5px; */
76
+ border-left-width: 0;
77
+ }
78
+ .section_button button:hover {
79
+ color: #000000;
80
+ cursor: pointer;
81
+ }
82
+ /* button */
83
+
84
+ /* evalTable */
85
+ .section_evalTable {
86
+ display: block;
87
+ margin-left: 100px;
88
+ margin-right: 100px;
89
+ padding-bottom: 10px;
90
+ width: 1510px;
91
+ }
92
+ /* table */
93
+ .section_evalTable__table table {
94
+ width: 100%;
95
+ border-collapse: collapse;
96
+ overflow: scroll;
97
+ }
98
+ .section_evalTable__table th, td {
99
+ border: 1px solid rgb(242, 242, 242);
100
+ text-align: center;
101
+ height: 35px;
102
+ }
103
+ .section_evalTable__table th {
104
+ font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
105
+ }
106
+ .section_evalTable__table td.td_value {
107
+ font-family: 'Courier New', Courier, monospace;
108
+ }
109
+ .section_evalTable__table td.td_HumanEval {
110
+ font-family: Arial, Helvetica, sans-serif;
111
+ }
112
+ .section_evalTable__table a {
113
+ font-family:Verdana, Geneva, Tahoma, sans-serif;
114
+ text-decoration-color: #0909f8;
115
+ text-decoration-style: dashed;
116
+ color: #5876fa;
117
+ }
118
+ .button_sort{
119
+ width: 0;
120
+ height: 0;
121
+ border-left: 5px solid transparent;
122
+ border-right: 5px solid transparent;
123
+ border-top: 8px solid #9a9a9a;
124
+ border-bottom: 0;
125
+ background-color: #ffffff;
126
+ cursor: pointer;
127
+ transform: rotate(180deg);
128
+ position: relative;
129
+ }
130
+ /* table */
131
+ /* notes */
132
+ .section_evalTable__notes {
133
+ margin-top: 10px;
134
+ margin-bottom: 0px;
135
+ border-top: transparent;
136
+ /* border: 1px solid rgb(228, 228, 228); */
137
+ }
138
+ .section_evalTable__notes p {
139
+ font-size: 16px;
140
+ background-color: #ffffff;
141
+ }
142
+ .section_evalTable__notes ul {
143
+ list-style: circle;
144
+ padding-left: 20px;
145
+ font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
146
+ }
147
+ .section_evalTable__notes a {
148
+ color: #386df4;
149
+ text-decoration-color: #0909f8;
150
+ text-decoration-style: dashed;
151
  }
152
+ /* notes */
153
+ /* evalTable */
154
 
155
+ /* plot */
156
+ .section_plot {
157
+ display: none;
158
+ margin-left: 100px;
159
+ margin-right: 100px;
160
+ padding-top: 10px;
161
+ padding-left: 15px;
162
+ padding-bottom: 10px;
163
+ border: 1px solid rgb(228, 228, 228);
164
+ width: 1510px;
165
  }
166
+ .section_plot__div {
167
+ border: 1px solid rgb(228, 228, 228);
168
+ border-radius: 5px;
169
+ }
170
+ #sec_plot__div2 {
171
+ margin-left: 18px;
172
+ }
173
+ .section_plot__btnGroup {
174
+ display: flex;
175
+ justify-content: center;
176
+ margin-top: 25px;
177
+ }
178
+ .section_plot__div button {
179
+ width: 14px;
180
+ height: 14px;
181
+ margin-top: 1px;
182
+ border: none;
183
+ border-radius: 50%;
184
+ cursor: pointer;
185
+ }
186
+ .section_plot__div span {
187
+ font-size: 14px;
188
+ font-family: Verdana, Geneva, Tahoma, sans-serif;
189
+ margin-left: 5px;
190
+ cursor: pointer;
191
+ }
192
+ #btn_temp0_HumanEval_ET, #btn_temp0_8_HumanEval_ET{
193
+ margin-left: 20px
194
+ }
195
+ #btn_temp0_HumanEval {
196
+ background-color: #386df4;
197
+ }
198
+ #span_temp0_HumanEval {
199
+ color: #386df4;
200
+ }
201
+ #btn_temp0_HumanEval_ET {
202
+ background-color: #d3d3d3;
203
+ }
204
+ #span_temp0_HumanEval_ET {
205
+ color: #d3d3d3;
206
+ }
207
+ #btn_temp0_8_HumanEval {
208
+ background-color: #386df4;
209
+ }
210
+ #span_temp0_8_HumanEval {
211
+ color: #386df4;
212
+ }
213
+ #btn_temp0_8_HumanEval_ET {
214
+ background-color: #d3d3d3;
215
+ }
216
+ #span_temp0_8_HumanEval_ET {
217
+ color: #d3d3d3;
218
+ }
219
+ /* plot */
220
 
221
+ /* about */
222
+ .section_about {
223
+ display: none;
224
+ margin-left: 100px;
225
+ margin-right: 100px;
226
+ padding-top: 10px;
227
+ padding-bottom: 30px;
228
+ border: 1px solid rgb(228, 228, 228);
229
+ /* border-top-right-radius: 5px;
230
+ border-bottom-left-radius: 5px;
231
+ border-bottom-right-radius: 5px; */
232
+ /* width: 1510px; */
233
  }
234
+ .section_about h2 {
235
+ font-size: 25px;
236
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
237
+ /* display: flex;
238
+ justify-content: center; */
239
+ }
240
+ .section_about ul {
241
+ list-style: circle;
242
+ padding-left: 20px;
243
+ }
244
+ .section_about ul, p, h3 {
245
+ /* background-color: rgb(241, 248, 254); */
246
+ font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
247
+ line-height: 1.6em
248
+ }
249
+ .section_about h3 {
250
+ font-size: 18px;
251
+ }
252
+ .section_about img {
253
+ margin-top: 20px;
254
+ width:900px;
255
+ }
256
+ .section_about div {
257
+ margin-top: 10px;
258
+ }
259
+ /* about */
260
+
261
+ /* submit */
262
+ .section_submit {
263
+ display: none;
264
+ /* margin-top: 30px; */
265
+ margin-left: 100px;
266
+ margin-right: 100px;
267
+ padding-top: 10px;
268
+ padding-bottom: 30px;
269
+ border: 1px solid rgb(228, 228, 228);
270
+ /* border-top-right-radius: 5px;
271
+ border-bottom-left-radius: 5px;
272
+ border-bottom-right-radius: 5px; */
273
+ /* width: 1510px; */
274
 
 
 
275
  }
276
+ .section_submit h2 {
277
+ font-size: 25px;
278
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
279
+ display: flex;
280
+ justify-content: center;
281
+ }
282
+ .section_submit ul {
283
+ list-style: circle;
284
+ padding-left: 20px;
285
+ }
286
+ .section_submit ul, p, h3 {
287
+ /* background-color: rgb(241, 248, 254); */
288
+ font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
289
+ line-height: 1.6em
290
+ }
291
+ .section_submit h3 {
292
+ font-size: 18px;
293
+ }
294
+ .section_submit div {
295
+ margin-top: 10px;
296
+ /* border: dotted gainsboro;
297
+ border-radius: 10px; */
298
+ }
299
+ /* submit */
300
+
301
+ .u {
302
+ color: #ad64d4
303
+ }