| custom_css = """ |
| @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap'); |
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); |
| |
| :root { |
| --primary-color: #4F46E5; |
| --secondary-color: #10B981; |
| --background-dark: #0F172A; |
| --text-light: #F8FAFC; |
| --text-gray: #94A3B8; |
| } |
| |
| body, .gradio-container { |
| background-color: var(--background-dark) !important; |
| color: var(--text-light) !important; |
| font-family: 'Inter', sans-serif !important; |
| } |
| |
| h1#space-title { |
| font-family: 'Space Grotesk', sans-serif !important; |
| font-size: 3.5rem !important; |
| font-weight: 700 !important; |
| text-align: center; |
| background: linear-gradient(to right, #818cf8, #34d399); |
| -webkit-background-clip: text; |
| -webkit-text-fill-color: transparent; |
| margin-bottom: 2rem !important; |
| text-transform: uppercase; |
| letter-spacing: -0.02em; |
| } |
| |
| .markdown-text, |
| .markdown-text p, |
| .markdown-text h1, |
| .markdown-text h2, |
| .markdown-text h3, |
| .markdown-text strong, |
| .markdown-text li, |
| .markdown-text a { |
| font-size: 1.15rem !important; |
| color: #FFFFFF !important; /* Force pure white for ALL text elements including links */ |
| line-height: 1.7 !important; |
| font-weight: 400; |
| } |
| |
| .markdown-text strong { |
| font-weight: 700 !important; /* Keep bold weight only */ |
| } |
| |
| .markdown-text h2 { |
| font-size: 1.5rem !important; |
| font-weight: 700 !important; |
| margin-top: 1.5rem !important; |
| margin-bottom: 0.5rem !important; |
| } |
| |
| #models-to-add-text { |
| font-size: 18px !important; |
| } |
| |
| #citation-button span { |
| font-size: 16px !important; |
| } |
| |
| #citation-button textarea { |
| font-size: 16px !important; |
| } |
| |
| #citation-button > label > button { |
| margin: 6px; |
| transform: scale(1.3); |
| } |
| |
| #leaderboard-table { |
| margin-top: 15px |
| } |
| |
| #leaderboard-table-lite { |
| margin-top: 15px |
| } |
| |
| /* Hide Search and other controls if they persist */ |
| #search-bar-table-box { |
| display: none !important; |
| } |
| |
| /* Aggressively hide all control panels including Select Columns and Filters */ |
| /* Hide the container that holds the search bar and column selection */ |
| .gradio-row:has(#search-bar-table-box) { |
| display: none !important; |
| } |
| |
| /* Hide specific elements by ID just in case */ |
| #filter_type, #filter-columns-type, #filter-columns-size { |
| display: none !important; |
| } |
| |
| /* Hide all checkbox groups which usually contain the column selection */ |
| .gradio-checkboxgroup { |
| display: none !important; |
| } |
| |
| /* Hide the footer (Built with Gradio, Use via API, Settings) */ |
| footer { |
| display: none !important; |
| } |
| .footer { |
| display: none !important; |
| } |
| #footer { |
| display: none !important; |
| }} |
| |
| /* Targetting the leaderboard tab specifically to be safe */ |
| #llm-benchmark-tab-table .gradio-textbox { |
| display: none !important; |
| } |
| |
| #llm-benchmark-tab-table .gradio-checkboxgroup { |
| display: none !important; |
| } |
| |
| /* Fallback for older Gradio versions or different structures */ |
| #llm-benchmark-tab-table input[type="text"] { |
| display: none !important; |
| } |
| |
| #llm-benchmark-tab-table label { |
| /* Be careful not to hide table headers if they use label, but usually they don't */ |
| } |
| |
| /* Hide the search label specifically */ |
| #llm-benchmark-tab-table span:contains("Search") { |
| display: none !important; |
| } |
| |
| .tab-buttons button { |
| background: transparent !important; |
| border: none !important; |
| color: var(--text-gray) !important; |
| font-family: 'Space Grotesk', sans-serif !important; |
| font-size: 1.2rem !important; |
| font-weight: 500 !important; |
| } |
| |
| .tab-buttons button.selected { |
| color: var(--primary-color) !important; |
| border-bottom: 2px solid var(--primary-color) !important; |
| } |
| |
| #scale-logo { |
| border-style: none !important; |
| box-shadow: none; |
| display: block; |
| margin-left: auto; |
| margin-right: auto; |
| max-width: 600px; |
| } |
| |
| #scale-logo .download { |
| display: none; |
| } |
| """ |
|
|
| get_window_url_params = """ |
| function(url_params) { |
| const params = new URLSearchParams(window.location.search); |
| url_params = Object.fromEntries(params); |
| return url_params; |
| } |
| """ |
|
|
