Spaces:
Running
Running
File size: 1,825 Bytes
edd0bac b376f12 edd0bac 6efc321 edd0bac 6997fc5 edd0bac 6997fc5 5ce66fb edd0bac 6997fc5 516d5b5 6997fc5 da09cca edd0bac da09cca edd0bac da09cca edd0bac da09cca 0a8d079 da09cca 6efc321 6997fc5 6efc321 edd0bac 19342c6 bf3fe90 6efc321 bf3fe90 19342c6 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 |
/* Hide the standard Gradio footer */
footer {
display: none !important;
}
/* Make the text in the input box and chat label bigger */
textarea, .wrapper > label {
font-size: var(--text-md)
}
.input-container {
align-items: center;
}
/* Make the chat label bold */
.wrapper > label {
font-weight: 600;
}
/* Limit the overall width of the demo */
.gradio-container {
max-width: 1024px !important;
margin: 5vh auto !important;
}
/* Theme anchor links with Carbon coloring */
.gr_docs_link a, .gr_docs_link a > i {
color: #78A9FF;
text-decoration: none;
}
/* Title alignment with the Granite icon */
.gr_title {
display: flex;
align-items: center;
margin-bottom: -0.5rem;
}
.gr_title img {
height: 42px;
width: 42px;
margin-right: 1rem;
filter: invert(0%) sepia(0%) saturate(7459%) hue-rotate(154deg) brightness(96%) contrast(100%);
}
.gr_title h1 {
margin: auto !important;
font-size: 36px;
font-weight: 600;
}
/* Only one form on the page, within the Accordion component */
.form {
flex-direction: row;
background-color: var(--block-background-fill);
}
.gr_accordion_element {
width: 50%;
margin: 0px;
}
/* Color the example background */
.example:hover {
background-color: #D0E2FF
}
/* Centre the example text within the example box */
.example-text-content {
margin-top: auto;
margin-bottom: auto;
}
/* Centre the values in advanced settings */
.tab-like-container {
align-items: center;
}
/* dark mode */
@media (prefers-color-scheme: dark) {
/* Color the Granite icon in white */
.gr_title img {
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(162deg) brightness(101%) contrast(104%);
}
/* Color the example background */
.example:hover {
background-color: #4589FF
}
}
|