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: 80%; | |
| margin-left: 10%; | |
| margin-top: 1rem; | |
| border-radius: 5px; | |
| height: 3em; | |
| background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%); | |
| color: black; | |
| font-weight: bold; | |
| border: 1px solid #E6C200; | |
| transition: all 0.3s ease; | |
| } | |
| .stButton > button:hover { | |
| background: linear-gradient(135deg, #FFDF33 0%, #FFB733 100%); | |
| transform: translateY(-2px); | |
| border: 1px solid #E6C200; | |
| } | |
| </style> | |
| """, | |
| "download_button": """ | |
| <style> | |
| .stDownloadButton { | |
| text-align: center; | |
| display: flex; | |
| justify-content: center; | |
| margin-top: 5px; | |
| width: 80%; | |
| margin-left: auto; | |
| margin-right: auto; | |
| } | |
| .stDownloadButton button { | |
| width: 100%; | |
| border-radius: 5px; | |
| height: 3em; | |
| background: linear-gradient(135deg, #32CD32 0%, #228B22 100%); | |
| color: white !important; | |
| font-weight: bold !important; | |
| transition: all 0.3s ease !important; | |
| border: 1px solid #228B22 !important; | |
| } | |
| .stDownloadButton button:hover { | |
| background: linear-gradient(135deg, #3ED83E 0%, #2A9D2A 100%); | |
| transform: translateY(-2px) !important; | |
| box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; | |
| border: 1px solid #228B22 !important; | |
| } | |
| </style> | |
| """, | |
| "results_container": """ | |
| <style> | |
| .results-container { | |
| padding: 20px; | |
| border: 1px solid #ddd; | |
| border-radius: 10px; | |
| background-color: #f9f9f9; | |
| margin-bottom: 20px; | |
| box-shadow: 0 2px 5px rgba(0,0,0,0.1); | |
| } | |
| .results-title { | |
| font-size: 1.5rem; | |
| margin-bottom: 15px; | |
| color: #333; | |
| border-bottom: 1px solid #eee; | |
| padding-bottom: 10px; | |
| } | |
| </style> | |
| """ | |
| } |