File size: 2,307 Bytes
0478933 6146a68 0478933 6146a68 f543b6d 6167887 6146a68 0478933 6146a68 f9d2ce5 6146a68 f9d2ce5 0478933 f9d2ce5 6146a68 0478933 f9d2ce5 6146a68 0478933 6146a68 0478933 6146a68 0478933 6146a68 f9d2ce5 6146a68 f543b6d | 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 | /* Background restored close to the first app */
gradio-app,
.gradio-app,
.main,
#app,
[data-testid="app"] {
background-color: rgb(15, 23, 42) !important;
background-image:
url("https://huggingface.co/spaces/XRachel/bc4/resolve/main/assets/BankChurn.png") !important;
background-position: top center !important;
background-repeat: no-repeat !important;
background-size: 100% auto !important;
min-height: 100vh !important;
}
html, body {
background-color: rgb(15, 23, 42) !important;
margin: 0 !important;
padding: 0 !important;
min-height: 100vh !important;
}
.gradio-container {
max-width: 1400px !important;
width: 94vw !important;
margin: 0 auto !important;
padding-top: 220px !important;
padding-bottom: 140px !important;
background: transparent !important;
}
#escp_title h1 {
color: rgb(242, 198, 55) !important;
font-size: 3rem !important;
font-weight: 800 !important;
text-align: center !important;
margin: 0 0 12px 0 !important;
}
#escp_title p,
#escp_title em {
color: rgba(255, 255, 255, 0.9) !important;
text-align: center !important;
}
.tabs > .tab-nav,
.tab-nav,
div[role="tablist"] {
background: rgba(15, 23, 42, 0.60) !important;
border-radius: 10px 10px 0 0 !important;
padding: 4px !important;
}
.tabs > .tab-nav button,
.tab-nav button,
div[role="tablist"] button,
button[role="tab"] {
color: #ffffff !important;
font-weight: 600 !important;
border: none !important;
background: transparent !important;
padding: 10px 20px !important;
border-radius: 8px 8px 0 0 !important;
opacity: 1 !important;
}
.tabs > .tab-nav button.selected,
.tab-nav button.selected,
button[role="tab"][aria-selected="true"],
div[role="tablist"] button[aria-selected="true"] {
color: rgb(242, 198, 55) !important;
background: rgba(255, 255, 255, 0.12) !important;
}
.gradio-container .gr-block,
.gradio-container .gr-box,
.gradio-container .gr-panel,
.gradio-container .gr-group,
.tabitem {
background: rgba(255, 255, 255, 0.97) !important;
border-radius: 12px !important;
}
.tabitem {
padding: 16px !important;
}
.gradio-container input,
.gradio-container textarea,
.gradio-container select {
border-radius: 10px !important;
}
button:not([role="tab"]) {
border-radius: 10px !important;
font-weight: 700 !important;
}
|