Spaces:
Running
on
CPU Upgrade
Running
on
CPU Upgrade
| custom_css = """ | |
| .markdown-text { | |
| font-size: 16px !important; | |
| } | |
| .banner_image { width: 75% !important; align-self: center !important; } | |
| @import url('https://fonts.googleapis.com/css2?family=Exo+2:wght@500;600&display=swap'); | |
| button[role="tab"] { | |
| font-family: 'Exo 2', system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; | |
| letter-spacing: 0.25px; | |
| font-weight: 600; | |
| font-size: 18px !important; /* Increased font size for tabs */ | |
| } | |
| #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 } | |
| #search-bar-table-box > div:first-child { background: none; border: none; } | |
| #search-bar { padding: 0px; } | |
| #leaderboard-table td:nth-child(2), | |
| #leaderboard-table th:nth-child(2) { max-width: 400px; overflow: auto; white-space: nowrap; } | |
| .tab-buttons button { font-size: 20px; } | |
| #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; } | |
| #filter_type{ border: 0; padding-left: 0; padding-top: 0; } | |
| #filter_type label { display: flex; } | |
| #filter_type label > span{ margin-top: var(--spacing-lg); margin-right: 0.5em; } | |
| #filter_type label > .wrap{ width: 103px; } | |
| #filter_type label > .wrap .wrap-inner{ padding: 2px; } | |
| #filter_type label > .wrap .wrap-inner input{ width: 1px } | |
| #filter-columns-type{ border:0; padding:0.5; } | |
| #filter-columns-size{ border:0; padding:0.5; } | |
| #box-filter > .form{ border: 0 } | |
| .banner_image img { height: 200px !important; object-fit: cover !important; } | |
| /* Styles for the "What is FormulaOne" HTML content */ | |
| .f1-h1 { font-weight: 700; font-size: 2.25rem; line-height: 2.5rem; color: white; text-align: center; margin-bottom: 2rem;} | |
| .f1-h2 { font-weight: 700; border-bottom: 1px solid #374151; padding-bottom: 0.5rem; margin-top: 2.5rem; margin-bottom: 1.5rem; color: white; font-size: 1.875rem; line-height: 2.25rem; } | |
| .f1-p, .f1-li { line-height: 1.75; color: #d1d5db; } | |
| .f1-a { color: #60a5fa; text-decoration: none; font-weight: 500; } | |
| .f1-a:hover { text-decoration: underline; } | |
| .f1-blockquote { border-left: 4px solid #4b5563; padding-left: 1rem; margin-left: 0; font-style: italic; color: #9ca3af; } | |
| .f1-problem-box { background-color: #1f2937; border: 1px solid #374151; border-radius: 0.5rem; padding: 1.5rem; margin-top: 1.5rem; margin-bottom: 1.5rem; box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); } | |
| .f1-problem-box strong { color: #f9fafb; } | |
| .f1-table { width: 100%; margin-top: 1.5rem; border-collapse: collapse; } | |
| .f1-th, .f1-td { text-align: left; padding: 0.75rem 1rem; border-bottom: 1px solid #374151; } | |
| .f1-th { background-color: #374151; font-weight: 600; color: #f9fafb; } | |
| .f1-figure { margin-top: 1.5rem; margin-bottom: 1.5rem; text-align: center; } | |
| .f1-figcaption { margin-top: 0.5rem; font-size: 0.875rem; color: #9ca3af; font-style: italic; } | |
| """ | |
| get_window_url_params = """ | |
| function(url_params) { | |
| const params = new URLSearchParams(window.location.search); | |
| url_params = Object.fromEntries(params); | |
| return url_params; | |
| } | |
| """ | |