|
css = """ |
|
:root, .dark{ |
|
--checkbox-label-gap: 0.25em 0.1em; |
|
--section-header-text-size: 12pt; |
|
--block-background-fill: transparent; |
|
} |
|
.block.padded:not(.gradio-accordion) { |
|
padding: 0 !important; |
|
} |
|
div.gradio-container{ |
|
max-width: unset !important; |
|
} |
|
.compact{ |
|
background: transparent !important; |
|
padding: 0 !important; |
|
} |
|
div.form{ |
|
border-width: 0; |
|
box-shadow: none; |
|
background: transparent; |
|
overflow: visible; |
|
gap: 0.5em; |
|
} |
|
.block.gradio-dropdown, |
|
.block.gradio-slider, |
|
.block.gradio-checkbox, |
|
.block.gradio-textbox, |
|
.block.gradio-radio, |
|
.block.gradio-checkboxgroup, |
|
.block.gradio-number, |
|
.block.gradio-colorpicker { |
|
border-width: 0 !important; |
|
box-shadow: none !important; |
|
} |
|
.gradio-dropdown label span:not(.has-info), |
|
.gradio-textbox label span:not(.has-info), |
|
.gradio-number label span:not(.has-info) |
|
{ |
|
margin-bottom: 0; |
|
} |
|
.gradio-dropdown ul.options{ |
|
z-index: 3000; |
|
min-width: fit-content; |
|
max-width: inherit; |
|
white-space: nowrap; |
|
} |
|
.gradio-dropdown ul.options li.item { |
|
padding: 0.05em 0; |
|
} |
|
.gradio-dropdown ul.options li.item.selected { |
|
background-color: var(--neutral-100); |
|
} |
|
.dark .gradio-dropdown ul.options li.item.selected { |
|
background-color: var(--neutral-900); |
|
} |
|
.gradio-dropdown div.wrap.wrap.wrap.wrap{ |
|
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05); |
|
} |
|
.gradio-dropdown:not(.multiselect) .wrap-inner.wrap-inner.wrap-inner{ |
|
flex-wrap: unset; |
|
} |
|
.gradio-dropdown .single-select{ |
|
white-space: nowrap; |
|
overflow: hidden; |
|
} |
|
.gradio-dropdown .token-remove.remove-all.remove-all{ |
|
display: none; |
|
} |
|
.gradio-dropdown.multiselect .token-remove.remove-all.remove-all{ |
|
display: flex; |
|
} |
|
.gradio-slider input[type="number"]{ |
|
width: 6em; |
|
} |
|
.block.gradio-checkbox { |
|
margin: 0.75em 1.5em 0 0; |
|
} |
|
.gradio-html div.wrap{ |
|
height: 100%; |
|
} |
|
div.gradio-html.min{ |
|
min-height: 0; |
|
} |
|
#model_dd { |
|
width: 16%; |
|
} |
|
""" |