JeCabrera's picture
Update styles.py
cf4ec67 verified
raw
history blame
3.73 kB
def get_custom_css():
return """
<style>
/* Reduce top padding */
.block-container {
padding-top: 1rem !important;
padding-bottom: 0rem !important;
}
/* Add negative margin to move content up */
div.stApp {
margin-top: 0px;
background: white;
}
.main {
padding: 2rem;
}
/* Updated text color to match COPYXPERT navy blue */
.stMarkdown {
color: #1A3A5F;
}
/* Updated button to use the blue gradient from COPYXPERT logo */
.stButton > button {
width: 80%;
margin-left: 10%;
border-radius: 5px;
height: 3em;
background: linear-gradient(135deg, #3D89B8 0%, #1A3A5F 100%);
color: white;
font-weight: bold;
transition: all 0.3s ease;
border: 1px solid #1A3A5F;
}
.stButton > button:hover {
background: linear-gradient(135deg, #4D99C8 0%, #2A4A6F 100%);
transform: translateY(-2px);
}
/* Style for download button - keeping the green */
[data-testid="stDownloadButton"] {
text-align: center;
display: flex;
justify-content: center;
}
[data-testid="stDownloadButton"] button {
width: 80%;
border-radius: 5px;
height: 3em;
background-color: #00D100;
color: black;
font-weight: bold;
transition: all 0.3s ease;
border: 1px solid black;
}
[data-testid="stDownloadButton"] button:hover {
background-color: #00C000;
transform: translateY(-2px);
}
/* Added light blue border for text inputs */
.stTextInput>div>div>input {
border-radius: 5px;
border-color: #3D89B8;
}
/* Added styling for expanders to match branding */
.streamlit-expanderHeader {
background-color: #f0f5f9;
color: #1A3A5F;
font-weight: bold;
}
/* Added styling for text areas */
.stTextArea textarea {
border-color: #3D89B8;
border-radius: 5px;
}
/* Fixed styling for model response area */
.element-container:has(h1:contains("Oferta Generada")) ~ div {
border: 2px solid #3D89B8;
border-radius: 8px;
padding: 15px;
margin: 10px 0;
box-shadow: 0 2px 5px rgba(61, 137, 184, 0.1);
}
/* Alternative selector for response area */
.row-widget.stDownloadButton {
margin-top: 15px;
margin-bottom: 15px;
}
/* Make sure the heading stands out */
h3:contains("Oferta Generada") {
padding-bottom: 10px;
border-bottom: 1px solid #3D89B8;
margin-bottom: 15px;
}
/* Style for file uploader */
.stFileUploader > div {
border: 1px dashed #3D89B8;
border-radius: 5px;
padding: 10px;
}
/* Style for selectbox */
.stSelectbox > div > div {
border-color: #3D89B8;
border-radius: 5px;
}
/* Style for slider */
.stSlider > div {
color: #1A3A5F;
}
/* Style for headers */
h1, h2, h3 {
color: #1A3A5F;
font-weight: bold;
}
</style>
"""