Spaces:
Running
Running
styles = { | |
"main_layout": """ | |
<style> | |
.block-container { padding-top: 1rem; padding-bottom: 5rem; } | |
h1 { margin-top: 0rem; padding-top: 1rem; } | |
h4 { margin-top: 0.5rem; padding-top: 0rem; } | |
</style> | |
""", | |
"button": """ | |
<style> | |
.stButton > button { | |
width: 90%; | |
margin: 1rem auto; | |
display: block; | |
background: linear-gradient(to right, #FFD700, #FFA500); | |
color: black; | |
font-weight: bold; | |
border: none; | |
transition: all 0.3s ease; | |
text-transform: uppercase; | |
letter-spacing: 1px; | |
border-radius: 5px; | |
padding: 0.5rem 1rem; | |
} | |
.stButton > button:hover { | |
background: linear-gradient(to right, #FFC800, #FF8C00); | |
color: black; | |
border: none; | |
transform: translateY(-2px); | |
box-shadow: 0 4px 8px rgba(0,0,0,0.1); | |
} | |
</style> | |
""", | |
"download_button": """ | |
<style> | |
[data-testid="stDownloadButton"] { | |
text-align: center; | |
display: flex; | |
justify-content: center; | |
margin-top: 5px; | |
width: 90%; | |
margin-left: auto; | |
margin-right: auto; | |
} | |
[data-testid="stDownloadButton"] button { | |
width: 100%; | |
border-radius: 5px; | |
height: 3em; | |
background: linear-gradient(to right, #00D100, #009900); | |
color: white; | |
font-weight: bold; | |
transition: all 0.3s ease; | |
border: none; | |
text-transform: uppercase; | |
letter-spacing: 1px; | |
} | |
[data-testid="stDownloadButton"] button:hover { | |
background: linear-gradient(to right, #00C000, #008800); | |
transform: translateY(-2px); | |
box-shadow: 0 4px 8px rgba(0,0,0,0.1); | |
} | |
</style> | |
""", | |
"results_container": """ | |
padding: 15px; | |
border: 1px solid #ddd; | |
border-radius: 8px; | |
""" | |
} |