| | #col-container { |
| | max-width: 100%; |
| | margin-left: auto; |
| | margin-right: auto; |
| | } |
| | a { |
| | color: inherit; |
| | text-decoration: underline; |
| | } |
| | .gradio-container { |
| | font-family: 'IBM Plex Sans', sans-serif; |
| | } |
| | .gr-button { |
| | color: white; |
| | border-color: #9d66e5; |
| | background: #9d66e5; |
| | } |
| | input[type='range'] { |
| | accent-color: #9d66e5; |
| | } |
| | .dark input[type='range'] { |
| | accent-color: #dfdfdf; |
| | } |
| | .container { |
| | max-width: 100%; |
| | margin: auto; |
| | padding-top: 1.5rem; |
| | } |
| | #gallery { |
| | min-height: 22rem; |
| | margin-bottom: 15px; |
| | margin-left: auto; |
| | margin-right: auto; |
| | border-bottom-right-radius: .5rem !important; |
| | border-bottom-left-radius: .5rem !important; |
| | } |
| | #gallery>div>.h-full { |
| | min-height: 20rem; |
| | } |
| | .details:hover { |
| | text-decoration: underline; |
| | } |
| | .gr-button { |
| | white-space: nowrap; |
| | } |
| | .gr-button:focus { |
| | border-color: rgb(147 197 253 / var(--tw-border-opacity)); |
| | outline: none; |
| | box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); |
| | --tw-border-opacity: 1; |
| | --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); |
| | --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px var(--tw-ring-offset-width)) var(--tw-ring-color); |
| | --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity)); |
| | --tw-ring-opacity: .5; |
| | } |
| | #advanced-options { |
| | margin-bottom: 20px; |
| | } |
| | .footer { |
| | margin-bottom: 45px; |
| | margin-top: 35px; |
| | text-align: center; |
| | border-bottom: 1px solid #e5e5e5; |
| | } |
| | .footer>p { |
| | font-size: .8rem; |
| | display: block; |
| | padding: 0 10px; |
| | transform: translateY(10px); |
| | background: white; |
| | } |
| | .dark .logo{ filter: invert(1); } |
| | .dark .footer { |
| | border-color: #303030; |
| | } |
| | .dark .footer>p { |
| | background: #0b0f19; |
| | } |
| | .acknowledgments h4{ |
| | margin: 1.25em 0 .25em 0; |
| | font-weight: bold; |
| | font-size: 115%; |
| | } |
| |
|
| |
|
