Spaces:
Running
Running
File size: 1,825 Bytes
251a15f |
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
}
}
|