File size: 3,170 Bytes
f8ea28e 5bdb76d f8ea28e db9046a f8ea28e 5bdb76d f8ea28e db9046a 5bdb76d db9046a f8ea28e 5bdb76d f8ea28e db9046a f8ea28e 5bdb76d f8ea28e db9046a f8ea28e 5bdb76d f8ea28e db9046a f2590d0 5bdb76d f8ea28e db9046a f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e db9046a f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e db9046a f8ea28e 5bdb76d f8ea28e db9046a f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e 5bdb76d f8ea28e db9046a f8ea28e 5bdb76d f8ea28e db9046a f8ea28e 5bdb76d f8ea28e db9046a f8ea28e 5bdb76d f2590d0 |
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 |
body, .gradio-container {
font-family: 'Inter', 'Segoe UI', Arial, sans-serif !important;
}
#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, .gr-markdown-content {
background: none !important;
font-size: 1.05em;
border-radius: 1.2em !important;
}
.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);
}
.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;
}
.gradio-container label, .gradio-container .label, .gradio-container .gr-label {
color: #a365d6 !important;
font-weight: 700 !important;
font-size: 1.08em !important;
}
.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;
}
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);
}
.gr-output label, .gradio-container .gr-label {
color: #b589d6 !important;
font-weight: 700 !important;
}
.gradio-container .gr-textbox[aria-disabled="true"], .gradio-container .gr-textbox[readonly] {
background: #fde4e9 !important;
color: #d72660 !important;
border: 1.5px solid #fbb1f3 !important;
}
|