|
13 | 13 | width: 2rem; |
14 | 14 | } |
15 | 15 |
|
16 | | -:is(#rankTable, #rankTable2) { |
| 16 | +:is(#ranksumTable, #spiderTable, #zeroshotTable) { |
17 | 17 | border: 1px solid #ede9f7; |
18 | 18 | } |
19 | 19 |
|
20 | | -:is(#rankTable, #rankTable2).table { |
| 20 | +:is(#ranksumTable, #spiderTable, #zeroshotTable).table { |
21 | 21 | width: 100%; |
22 | 22 | font-size: 0.6rem; |
23 | 23 | } |
24 | 24 |
|
25 | | -:is(#rankTable, #rankTable2).table thead th { |
| 25 | +:is(#ranksumTable, #spiderTable, #zeroshotTable).table thead th { |
26 | 26 | background: #5330a5; |
27 | 27 | color: white; |
28 | 28 | border: 1px solid #ede9f7; |
29 | 29 | text-align: center; |
30 | 30 | vertical-align: middle; |
31 | | - padding: 0.6rem 0.75rem; |
| 31 | + padding: 0.55rem 0.75rem; |
32 | 32 | font-weight: 600; |
33 | 33 | } |
34 | 34 |
|
35 | | -:is(#rankTable, #rankTable2).table tbody td, |
36 | | -:is(#rankTable, #rankTable2).table tbody th { |
| 35 | +:is(#ranksumTable, #spiderTable, #zeroshotTable).table tbody td, |
| 36 | +:is(#ranksumTable, #spiderTable, #zeroshotTable).table tbody th { |
37 | 37 | border: 1px solid #ede9f7; |
38 | 38 | vertical-align: middle; |
39 | 39 | padding: 0.55rem 0.75rem; |
|
42 | 42 | } |
43 | 43 |
|
44 | 44 | /* Captions */ |
45 | | -:is(#rankTable, #rankTable2) caption { |
| 45 | +:is(#ranksumTable, #spiderTable, #zeroshotTable) caption { |
46 | 46 | caption-side: bottom; |
47 | 47 | text-align: center; |
48 | 48 | font-size: 0.6rem; |
|
51 | 51 | } |
52 | 52 |
|
53 | 53 | /* ─── DataTables wrappers (search box area) ────────────────────────── */ |
54 | | -:is(#rankTable_wrapper, #rankTable2_wrapper) { |
| 54 | +:is(#ranksumTable_wrapper, #spiderTable_wrapper, #zeroshotTable_wrapper) { |
55 | 55 | display: flex; |
56 | 56 | flex-direction: column; |
57 | 57 | align-items: center; |
58 | 58 | } |
59 | 59 |
|
60 | | -:is(#rankTable_filter, #rankTable2_filter) { |
| 60 | +:is(#ranksumTable_filter, #spiderTable_filter, #zeroshotTable_filter) { |
61 | 61 | width: 100%; |
62 | 62 | float: none; |
63 | 63 | text-align: center; |
64 | 64 | padding: 0; |
65 | 65 | margin-block: 0.75rem; |
66 | 66 | } |
67 | 67 |
|
68 | | -:is(#rankTable_filter, #rankTable2_filter) > label { |
| 68 | +:is(#ranksumTable_filter, #spiderTable_filter, #zeroshotTable_filter) > label { |
69 | 69 | display: block; |
70 | 70 | width: 100%; |
71 | 71 | margin: 0; |
72 | 72 | position: relative; |
73 | 73 | } |
74 | 74 |
|
75 | 75 | /* Search input */ |
76 | | -:is(#rankTable_filter, #rankTable2_filter) input[type="search"] { |
| 76 | +:is(#ranksumTable_filter, #spiderTable_filter, #zeroshotTable_filter) input[type="search"] { |
77 | 77 | padding: 0.5rem 1rem 0.5rem 2.5rem; |
78 | 78 | border: 2px solid #000000; |
79 | 79 | border-radius: 9999px; |
|
86 | 86 | margin: 0; |
87 | 87 | } |
88 | 88 |
|
89 | | -:is(#rankTable_filter, #rankTable2_filter) input[type="search"]:hover, |
90 | | -:is(#rankTable_filter, #rankTable2_filter) input[type="search"]:focus { |
| 89 | +:is(#ranksumTable_filter, #spiderTable_filter, #zeroshotTable_filter) input[type="search"]:hover, |
| 90 | +:is(#ranksumTable_filter, #spiderTable_filter, #zeroshotTable_filter) input[type="search"]:focus { |
91 | 91 | outline: none; |
92 | 92 | border-color: #5433a6; |
93 | 93 | background: #fff; |
94 | 94 | box-shadow: 0 0 0 0.18rem rgba(43, 133, 255, 0.25); |
95 | 95 | } |
96 | 96 |
|
97 | | -:is(#rankTable_filter, #rankTable2_filter) input[type="search"]::placeholder { |
| 97 | +:is(#ranksumTable_filter, #spiderTable_filter, #zeroshotTable_filter) input[type="search"]::placeholder { |
98 | 98 | color: #adb5bd; |
99 | 99 | opacity: 1; |
100 | 100 | } |
101 | 101 |
|
102 | 102 | /* Magnifier icon inside the label */ |
103 | | -:is(#rankTable_filter, #rankTable2_filter) > label::before { |
| 103 | +:is(#ranksumTable_filter, #spiderTable_filter, #zeroshotTable_filter) > label::before { |
104 | 104 | content: ""; |
105 | 105 | position: absolute; |
106 | 106 | top: 50%; |
|
114 | 114 | opacity: 0.7; |
115 | 115 | } |
116 | 116 |
|
117 | | -:is(#rankTable_filter, #rankTable2_filter) |
| 117 | +:is(#ranksumTable_filter, #spiderTable_filter, #zeroshotTable_filter) |
118 | 118 | input[type="search"]:focus |
119 | 119 | + *::before, |
120 | | -:is(#rankTable_filter, #rankTable2_filter) |
| 120 | +:is(#ranksumTable_filter, #spiderTable_filter, #zeroshotTable_filter) |
121 | 121 | input[type="search"]:hover |
122 | 122 | + *::before { |
123 | 123 | opacity: 1; |
|
153 | 153 | font-weight: 600; |
154 | 154 | } |
155 | 155 |
|
156 | | -/* ─── Make rankTable2 more compact ─────────────────────────────────── */ |
157 | | -#rankTable2.table { |
| 156 | +div.dtsp-panesContainer { |
| 157 | + margin: 0px !important; |
| 158 | +} |
| 159 | + |
| 160 | +:is(#ranksumTable, #spiderTable, #zeroshotTable).table { |
| 161 | + width: auto !important; |
| 162 | +} |
| 163 | + |
| 164 | +/* ─── spiderTable specific ─────────────────────────────────── */ |
| 165 | +#spiderTable.table { |
158 | 166 | font-size: 0.60rem; |
159 | 167 | } |
160 | 168 |
|
161 | | -#rankTable2.table thead th { |
| 169 | +#spiderTable.table thead th { |
162 | 170 | font-size: 0.60rem; |
163 | 171 | padding: 0.60rem 0.3rem !important; |
164 | 172 | } |
165 | 173 |
|
166 | | -#rankTable2.table tbody td, |
167 | | -#rankTable2.table tbody th { |
| 174 | +#spiderTable.table tbody td, |
| 175 | +#spiderTable.table tbody th { |
168 | 176 | padding: 0.4rem 0.3rem !important; |
169 | 177 | white-space: nowrap; |
170 | 178 | } |
171 | | -#rankTable2_filter input[type="search"] { |
| 179 | +#spiderTable_filter input[type="search"] { |
172 | 180 | font-size: 0.8rem; |
173 | 181 | padding: 0.4rem 0.8rem 0.4rem 2.2rem; |
174 | 182 | } |
175 | 183 |
|
176 | | -#rankTable2_wrapper .dataTables_info, |
177 | | -#rankTable2_wrapper .dataTables_paginate, |
178 | | -#rankTable2_wrapper .dtsp-panes-container, |
179 | | -#rankTable2_wrapper .dtsp-titleRow { |
| 184 | +#spiderTable_wrapper .dataTables_info, |
| 185 | +#spiderTable_wrapper .dataTables_paginate, |
| 186 | +#spiderTable_wrapper .dtsp-panes-container, |
| 187 | +#spiderTable_wrapper .dtsp-titleRow { |
180 | 188 | font-size: 0.8rem; |
181 | 189 | } |
182 | 190 |
|
183 | | -#rankTable2, |
184 | | -#rankTable2.table thead th, |
185 | | -#rankTable2.table tbody td, |
186 | | -#rankTable2.table tbody th { |
| 191 | +#spiderTable, |
| 192 | +#spiderTable.table thead th, |
| 193 | +#spiderTable.table tbody td, |
| 194 | +#spiderTable.table tbody th { |
187 | 195 | border-width: 1px; |
188 | 196 | } |
189 | 197 |
|
190 | | -#rankTable2.table thead tr:nth-child(2) > th { |
| 198 | +#spiderTable.table thead tr:nth-child(2) > th { |
191 | 199 | background: #ccbeef !important; |
192 | 200 | color: #000000 !important; |
193 | 201 | } |
194 | 202 |
|
195 | | -div.dtsp-panesContainer { |
196 | | - margin: 0px !important; |
| 203 | +/* ─── zeroshotTable specific ─────────────────────────────────── */ |
| 204 | +#zeroshotTable th, |
| 205 | +#zeroshotTable td { |
| 206 | + width: auto !important; |
197 | 207 | } |
| 208 | +#zeroshotTable_wrapper > div.dtsp-panesContainer { width: 100% !important; } |
198 | 209 |
|
199 | | -:is(#rankTable, #rankTable2).table { |
200 | | - width: auto !important; |
| 210 | +#zeroshotTable.table.dataTable.pivot { |
| 211 | + display: grid; |
| 212 | + grid-template-columns: auto auto; |
| 213 | +} |
| 214 | + |
| 215 | +#zeroshotTable.table.dataTable.pivot thead { |
| 216 | + display: block; |
| 217 | +} |
| 218 | + |
| 219 | +#zeroshotTable.table.dataTable.pivot tbody { |
| 220 | + display: grid; |
| 221 | + grid-template-columns: repeat(7, auto); |
| 222 | +} |
| 223 | + |
| 224 | +#zeroshotTable.table.dataTable.pivot tr, |
| 225 | +#zeroshotTable.table.dataTable.pivot th, |
| 226 | +#zeroshotTable.table.dataTable.pivot td { |
| 227 | + display: block; |
201 | 228 | } |
0 commit comments