Spaces:
Sleeping
Sleeping
File size: 3,728 Bytes
3fe53b9 56babaf 4e533dc fc398d6 3f05b48 fc398d6 3f05b48 56babaf 3f05b48 56babaf c65b75a 56babaf 3f05b48 56babaf fc398d6 3f05b48 56babaf 3f05b48 c65b75a 3f05b48 82f8b61 c65b75a 3f05b48 c65b75a 3399f5f c65b75a 3f05b48 fc398d6 56babaf 3f05b48 fc398d6 3f05b48 fc398d6 474ff81 cf4ec67 474ff81 cf4ec67 474ff81 9a8f600 cf4ec67 9a8f600 56babaf a15201b |
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 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 |
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>
""" |