File size: 3,446 Bytes
5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e |
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 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 |
/* Main background & font */
body, .gradio-container {
background: #f9f7fa !important;
color: #313146 !important;
font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
}
/* Header */
#header, h1, .gradio-container h1 {
color: #d72660 !important;
text-shadow: 0 2px 10px #f6abb6cc;
letter-spacing: 2px;
font-size: 2.2rem !important;
font-weight: 900 !important;
}
/* Markdown and info */
.markdown, .gr-markdown-content {
color: #7c6f9c !important;
background: none !important;
font-size: 1.05em;
border-radius: 1.2em !important;
}
/* "Card" style */
.gr-block, .gr-box, .gradio-container .gr-panel, .gradio-container .gr-form {
background: #fff7fd !important;
border-radius: 1.5em !important;
box-shadow: 0 2px 12px #e1e0e988;
border: 1.5px solid #ebd8ed !important;
padding: 1em 1.3em !important;
transition: box-shadow 0.16s, transform 0.16s;
}
.gr-block:hover, .gr-box:hover, .gradio-container .gr-panel:hover, .gradio-container .gr-form:hover {
box-shadow: 0 8px 28px #e0c8efbb;
transform: translateY(-2px) scale(1.01);
}
/* Inputs */
.gr-file, .gr-textbox, .gradio-container .gr-input, .gradio-container input[type="text"] {
background: #f4eaf7 !important;
border: 1.5px solid #b4aee8 !important;
border-radius: 1em !important;
color: #422046 !important;
transition: border 0.14s, box-shadow 0.14s;
}
.gr-file:focus-within, .gr-textbox:focus-within, .gradio-container .gr-input:focus-within,
.gradio-container input[type="text"]:focus {
border: 1.5px solid #d72660 !important;
box-shadow: 0 0 0 3px #fad0c4aa;
background: #fff !important;
color: #d72660 !important;
}
/* Labels */
.gradio-container label, .gradio-container .label, .gradio-container .gr-label {
color: #a365d6 !important;
font-weight: 700 !important;
font-size: 1.08em !important;
}
/* Buttons */
.gr-button, button, [data-testid="button"] {
background: linear-gradient(90deg,#fbb1f3,#b3cfff 90%) !important;
color: #36374b !important;
border: none !important;
border-radius: 2em !important;
font-size: 1.1em !important;
padding: 0.7em 2.1em !important;
font-weight: 800;
letter-spacing: 1px;
box-shadow: 0 2px 12px #ffd6e633;
transition: transform 0.14s, box-shadow 0.14s, background 0.14s;
}
.gr-button:hover, button:hover, [data-testid="button"]:hover {
background: linear-gradient(93deg,#b3cfff,#fbb1f3 90%) !important;
color: #d72660 !important;
transform: scale(1.04);
box-shadow: 0 5px 24px #d6c1ec66;
}
/* File input button */
input[type="file"]::file-selector-button {
background: #b3cfff !important;
color: #5d3865 !important;
border: none;
border-radius: 1em;
padding: 0.5em 1.1em;
font-weight: 700;
font-size: 1em;
box-shadow: 0 1px 8px #e8c8f233;
margin-right: 0.8em;
transition: background 0.18s, transform 0.18s;
}
input[type="file"]::file-selector-button:hover {
background: #fbb1f3 !important;
color: #d72660 !important;
transform: scale(1.07);
}
/* Download output */
.gr-output label, .gradio-container .gr-label {
color: #b589d6 !important;
font-weight: 700 !important;
}
/* Error */
.gradio-container .gr-textbox[aria-disabled="true"], .gradio-container .gr-textbox[readonly] {
background: #fde4e9 !important;
color: #d72660 !important;
border: 1.5px solid #fbb1f3 !important;
} |