File size: 5,891 Bytes
3b7d44a 20b4d4f 3b7d44a 20b4d4f 3b7d44a 20b4d4f 3b7d44a 20b4d4f 9db6d22 5cbe7bc 3b7d44a |
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 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 |
LEADERBOARD_CSS = """
.leaderboard-wrapper { overflow-x: auto; margin-bottom: 40px; }
.leaderboard-table table { width: 100%; border-collapse: collapse; }
.leaderboard-table th, .leaderboard-table td { text-align: center; padding: 8px; }
.leaderboard-table a { color: #0366d6; text-decoration: none; }
.leaderboard-table a:hover { text-decoration: underline; }
.metric-cell { cursor: help; display:inline-block; padding:2px 6px; border-radius: 8px; }
.best-metric { position: relative; background: rgba(88,166,255,.16); box-shadow: inset 0 0 0 1px rgba(88,166,255,.35); font-weight: 600; }
.best-metric:before { content: "★"; margin-right: 6px; font-size: 0.9em; color: #3b82f6; }
.dark .best-metric { background: rgba(88,166,255,.28); box-shadow: inset 0 0 0 1px rgba(88,166,255,.5); }
.dark .best-metric:before { color: #58a6ff; }
.dark .leaderboard-table th, .dark .leaderboard-table td { border-color: #30363d; color: #e0e0e0; }
.dark .leaderboard-table th { background-color: #21262d; }
.dark .leaderboard-table a { color: #58a6ff; }
.gradio-container { max-width: 1400px; margin: auto; padding: 20px; }
.markdown-text { color: #24292e; padding: 15px; border-radius: 6px; background-color: #f6f8fa; margin-bottom: 20px; }
.dark .markdown-text { color: #c9d1d9; background-color: #161b22; }
.datasets-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 20px; }
.dataset-card { background: #f6f8fa; border-radius: 8px; padding: 15px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); transition: transform .2s ease; }
.dataset-card:hover { transform: translateY(-4px); }
.dataset-card h3 { margin: 0 0 8px; color: #0366d6; }
.dataset-card .full-name { font-size: .85em; color: #4b5563; }
.dataset-card p { margin: 5px 0; }
.dataset-card .records { display:inline-block; padding: 2px 10px; border-radius: 999px; background: #eaf2ff; color: #0b63ce; font-weight: 600; }
.dark .dataset-card { background: #161b22; color: #c9d1d9; }
.dark .dataset-card h3 { color: #58a6ff; }
.dark .dataset-card .full-name { color: #a9c4e2; }
.dark .dataset-card .records { background: #0f2a45; color: #9bd1ff; }
.metrics-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; margin-bottom: 16px; }
.metric-card { background: #f6f8fa; border-radius: 12px; padding: 14px; box-shadow: 0 2px 5px rgba(0,0,0,0.04); color:#1f2937; }
.metric-card h3 { margin: 0 0 10px; color:#0b63ce; }
.metric-text { margin: 6px 0 0; }
.dark .metric-card { background:#161b22; color:#c9d1d9; }
.dark .metric-card h3 { color:#9bd1ff; }
.formula {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
font-size: 15px; border-radius: 8px; padding: 8px 10px;
background: #eef3ff; color:#0b2a55; display: inline-block;
}
.formula span { font-weight: 700; }
.dark .formula { background: #0f1f33; color:#deecff; }
.chips { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 8px; margin-top: 10px; }
.chip { display: flex; flex-direction: column; gap: 2px; padding: 8px 10px; border-radius: 10px; background: #ffffff; border: 1px solid #e5e7eb; color:#111827; }
.chip b { font-size: 13px; }
.chip small { font-size: 12px; opacity: .9; }
.dark .chip { background: #0f172a; border-color: #22304a; color:#e5e7eb; }
.submit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: start; }
.form-card { background: #f6f8fa; padding: 15px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.05); }
.form-card h3 { margin-top: 0; color: #0366d6; }
.dark .form-card { background: #161b22; color: #c9d1d9; }
.dark .form-card h3 { color: #58a6ff; }
@media (max-width: 900px) { .submit-grid { grid-template-columns: 1fr; } }
.alert { padding:12px 14px; border-radius:8px; margin-top:10px; font-weight:500; }
.alert.success { background:#e6f7ed; color:#0f5132; border:1px solid #b7ebc6; }
.dark .alert.success { background:#0f2a1d; color:#a6f3c2; border-color:#1f5c3a; }
.alert.error { background:#fdecea; color:#842029; border:1px solid #f5c2c7; }
.dark .alert.error { background:#3a0b0e; color:#f5a3aa; border-color:#7a1a21; }
.code-block {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
font-size: 13px;
padding: 12px 14px;
border-radius: 8px;
overflow-x: auto;
border: 1px solid #ddd;
background: #f5f5f5;
color: #111;
}
.code-block.json {
background: #1e1e1e;
border-color: #333;
color: #d4d4d4;
}
.dark .code-block.json {
background: #1e1e1e;
border-color: #333;
color: #d4d4d4;
}
.code-block.json .string { color: #ce9178; }
.code-block.json .number { color: #b5cea8; }
.code-block.json .boolean { color: #569cd6; }
.code-block.json .null { color: #569cd6; }
.code-block.json .key { color: #9cdcfe; }
.dataset-info-card {
background: #f0f6ff;
border: 1px solid #cce0ff;
padding: 14px 16px;
border-radius: 8px;
margin-bottom: 20px;
box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.dataset-info-card h3 {
margin: 0 0 8px;
color: #0b63ce;
}
.dataset-info-card a {
color: #0366d6;
text-decoration: none;
}
.dataset-info-card a:hover {
text-decoration: underline;
}
.dark .dataset-info-card {
background: #0f1f33;
border-color: #22304a;
}
.dark .dataset-info-card h3 {
color: #9bd1ff;
}
.dark .dataset-info-card a {
color: #58a6ff;
}
"""
|