File size: 2,775 Bytes
e76973a
 
 
 
 
 
 
 
 
 
8553d06
 
e76973a
 
 
 
 
 
 
 
 
 
 
 
8553d06
 
e76973a
 
0d5512e
 
8553d06
 
e76973a
0d5512e
 
8553d06
 
e76973a
0d5512e
 
8553d06
 
0d5512e
 
 
 
 
44b6d4e
3d5ede1
 
 
 
5a4677e
3d5ede1
 
5a4677e
 
3d5ede1
 
5a4677e
b4e6fa0
 
 
3d5ede1
09497a7
 
3d5ede1
 
 
4759991
 
 
3d5ede1
 
 
 
 
4759991
 
 
2503146
3d5ede1
 
 
 
 
1f300cb
fad364e
1f300cb
2503146
3d5ede1
 
 
 
 
 
 
 
44b6d4e
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
:root {
    --background-color: #ffffff;
    --text-color: #000000;
    --header-background: #f0f0f0;
    --global-column-background: #f0f8ff;
    --dimension-column-background: #f0fff0;
    --hover-background: rgba(0, 0, 0, 0.1);
    --border-color: #e0e0e0;
    --row-even-global: #e6f3ff;
    --row-even-dimension: #e6ffe6;
}

@media (prefers-color-scheme: dark) {
    :root {
        --background-color: #1a1a1a;
        --text-color: #e0e0e0;
        --header-background: #333333;
        --global-column-background: rgba(0, 50, 100, 0.3);
        --dimension-column-background: rgba(0, 75, 0, 0.3);
        --hover-background: rgba(255, 255, 255, 0.1);
        --border-color: #3a3a3a;
        --row-even-global: rgba(0, 60, 120, 0.3);
        --row-even-dimension: rgba(0, 90, 0, 0.3);
    }
}

/* Light mode styles */
.custom-dataframe {
    color: var(--text-color);
    background-color: var(--background-color);
}

.custom-dataframe thead th {
    background-color: var(--header-background) !important;
    color: var(--text-color) !important;
}

.custom-dataframe tbody td {
    background-color: var(--background-color) !important;
    color: var(--text-color) !important;
}

.table-caption {
    text-align: center;
    margin-top: 10px;
    color: var(--text-color);
}

/* Base styles for all table cells and headers */
.custom-dataframe td,
.custom-dataframe th {
    padding: 8px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Rank column */
.custom-dataframe td:first-child,
.custom-dataframe th:first-child {
    width: 100px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    text-align: center !important;
}

/* Models column */
.custom-dataframe td:nth-child(2),
.custom-dataframe th:nth-child(2) {
    width: 240px !important;
    min-width: 240px !important;
    max-width: 240px !important;
}

/* Overall, Core, Open-ended columns */
.custom-dataframe td:nth-child(n+3):nth-child(-n+5),
.custom-dataframe th:nth-child(n+3):nth-child(-n+5) {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    text-align: center !important;
}

/* Dimension columns */
.custom-dataframe td:nth-child(n+6),
.custom-dataframe th:nth-child(n+6) {
    width: 210px !important;
    min-width: 160px !important;
    max-width: 210px !important;
    text-align: center !important;
}

/* Fix header text wrapping */
.custom-dataframe th {
    height: auto !important;
    line-height: 1.2 !important;
    white-space: normal !important; /* Allow header text to wrap */
    vertical-align: bottom !important;
}

.custom-dataframe a {
    text-decoration: none;
    color: #2196F3;
    white-space: nowrap !important;
}