Spaces:
Running
Running
| /* SAMPLE BANK */ | |
| .line-container { | |
| width: 80%; | |
| display: flex; | |
| align-items: center; | |
| justify-content: center; | |
| margin: 20px auto; | |
| } | |
| .line { | |
| flex-grow: 1; | |
| height: 1px; | |
| color: var(--block-title-text-color); | |
| background-color: var(--block-title-text-color); | |
| } | |
| .break { | |
| padding: 0 15px; | |
| font-size: 1.2rem; | |
| font-weight: bold; | |
| color: var(--block-title-text-color); | |
| background-color: transparent; | |
| white-space: nowrap; | |
| text-align: center; | |
| } | |
| /* override gradio footer */ | |
| .gradio-container footer { | |
| display: none ; | |
| pointer-events: none; | |
| height: 0; | |
| overflow: hidden; | |
| } | |
| footer button.show-api, | |
| footer a.built-with { | |
| content: ""; | |
| } | |
| /* disable slider reset button and parent container */ | |
| button.reset-button, | |
| .tab-like-container | |
| { | |
| visibility: hidden; | |
| } | |
| /* override audio controls */ | |
| .timestamps, | |
| button.playback.icon, | |
| button.rewind.icon, | |
| button.skip.icon { | |
| display: none ; | |
| pointer-events: none; | |
| height: 0; | |
| overflow: hidden; | |
| } | |
| /* override file box text */ | |
| /* enforce maximum file box height */ | |
| button[tabindex="0"][class*="boundedheight"] { | |
| max-height: 100px; | |
| overflow: hidden; | |
| } | |
| /* target the button and hide original content */ | |
| button[tabindex="0"] .wrap { | |
| position: relative; /* Ensure positioning for pseudo-elements */ | |
| color: transparent; /* Hides the text without affecting layout */ | |
| } | |
| button[tabindex="0"] .wrap .or { | |
| display: none; /* Hide the "or" text */ | |
| } | |
| /* add new content */ | |
| button[tabindex="0"] .wrap::before { | |
| content: "Drop File Here - or - Click to Upload"; /* New content */ | |
| font-size: inherit; /* Adjust size */ | |
| color: var(--block-title-text-color); /* Set text color */ | |
| position: absolute; /* Overlay new content */ | |
| top: 50%; /* Center vertically */ | |
| left: 50%; /* Center horizontally */ | |
| transform: translate(-50%, -50%); /* Center the content */ | |
| text-align: center; | |
| white-space: nowrap; | |
| z-index: 1; /* Ensure it appears on top */ | |
| } | |
| .radio-group .wrap { | |
| display: grid ; | |
| grid-template-columns: 1fr 1fr 1fr 1fr 1fr; | |
| } |