File size: 2,088 Bytes
aa82568 502788e 994ec86 aa82568 4e5ab0a 994ec86 aa82568 4e5ab0a aa82568 994ec86 aa82568 994ec86 aa82568 4e5ab0a aa82568 4e5ab0a aa82568 994ec86 aa82568 4e5ab0a aa82568 4e5ab0a aa82568 4e5ab0a aa82568 4e5ab0a aa82568 4e5ab0a aa82568 4e5ab0a aa82568 4e5ab0a aa82568 4e5ab0a 994ec86 |
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 |
/* 1) Overall page background and removal of Streamlit header */
[data-testid="stAppViewContainer"] {
background-color: #FFFFFF; /* White background */
}
[data-testid="stHeader"] {
display: none; /* Hide default Streamlit header */
}
/* 2) Main heading (H1) styling */
h1 {
color: #000000; /* Black title */
font-weight: 700;
font-size: 2.5rem; /* Adjust size as needed */
margin-bottom: 1rem;
}
/* 3) Icon + text container for “How may I help you?” */
.icon-container {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 1rem;
}
/* The background box behind the icon */
.icon-box {
background-color: #E0E0E0; /* Light gray box */
width: 40px;
height: 40px;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
color: #000000; /* Black icon */
font-size: 20px;
}
/* The text “How may I help you?” */
.icon-text {
color: #000000; /* Black text */
font-size: 1.1rem;
margin: 0;
}
/* 4) Subheading for “Add additional files here” */
h4 {
color: #000000; /* Black text */
font-weight: 400;
margin-bottom: 0.5rem;
}
/* 5) Streamlit file uploader styling */
[data-testid="stFileUploader"] {
background-color: #E0E0E0; /* Light gray box */
border: 1px solid #B0B0B0; /* Slightly darker gray border */
border-radius: 8px;
padding: 1.2rem;
color: #000000; /* Black text */
}
/* Uploader label text (the main “Drag and drop file here”) */
[data-testid="stFileUploader"] label {
color: #000000; /* Black text */
font-size: 1rem;
font-weight: 500;
}
/* The subtext (the smaller “Limit 200MB per file”) */
[data-testid="stFileUploader"] .css-1f42894 {
color: #444444; /* Dark gray for subtext */
font-size: 0.9rem;
margin-top: 0.4rem;
}
/* 6) Browse Files button */
button[kind="secondary"] {
background-color: #E0E0E0 !important; /* Light gray button */
color: #000000 !important; /* Black text */
border-radius: 8px !important;
border: 1px solid #B0B0B0 !important;
}
|