Spaces:
Sleeping
Sleeping
File size: 3,866 Bytes
3fe53b9 56babaf 4e533dc fc398d6 3f05b48 fc398d6 3f05b48 56babaf 3f05b48 56babaf c65b75a 56babaf 3f05b48 56babaf fc398d6 3f05b48 56babaf 3f05b48 c65b75a 3f05b48 82f8b61 6cb7b81 95ecd64 82f8b61 c65b75a 95ecd64 c65b75a 3f05b48 c65b75a 3399f5f c65b75a 3f05b48 fc398d6 56babaf 3f05b48 fc398d6 3f05b48 fc398d6 474ff81 9a8f600 5506dd8 56babaf 5506dd8 6cb7b81 5506dd8 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 132 133 |
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;
margin-top: 5px;
width: 80%;
margin-left: auto;
margin-right: auto;
}
[data-testid="stDownloadButton"] button {
width: 100%;
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;
}
/* 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;
}
/* Custom styling for response container */
.response-container {
padding: 15px;
border: 2px solid #3D89B8;
border-radius: 8px;
margin: 10px 0;
box-shadow: 0 2px 5px rgba(61, 137, 184, 0.1);
}
</style>
"""
def get_response_html_wrapper(content):
"""
Wraps content in a styled div with COPYXPERT branding
"""
return f"""
<div style="padding: 15px; border: 2px solid #3D89B8; border-radius: 8px; box-shadow: 0 2px 5px rgba(61, 137, 184, 0.1); margin-bottom: 5px;">
<h3 style="color: #1A3A5F; padding-bottom: 10px; border-bottom: 1px solid #3D89B8; margin-bottom: 15px;">Oferta Generada</h3>
<p>{content}</p>
</div>
""" |