Spaces:
Sleeping
Sleeping
| import streamlit as st | |
| def apply_styles(): | |
| return """ | |
| <style> | |
| /* Remove top margin and reduce other margins */ | |
| .main .block-container { | |
| padding-top: 1rem !important; | |
| margin-top: 0 !important; | |
| max-width: 95% !important; | |
| } | |
| h1, h3 { | |
| text-align: center; | |
| margin-top: 0.5rem !important; | |
| margin-bottom: 0.5rem !important; | |
| } | |
| .stButton > button { | |
| background-color: #FFD700 !important; | |
| color: black !important; | |
| border: 1px solid black !important; | |
| font-weight: bold !important; | |
| width: 80% !important; | |
| margin-left: 10% !important; | |
| } | |
| [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); | |
| } | |
| .stButton > button:hover { | |
| transform: translateY(-2px); | |
| box-shadow: 0 4px 8px rgba(0,0,0,0.1); | |
| transition: all 0.3s ease; | |
| } | |
| /* Hide the hamburger menu and Streamlit footer */ | |
| #MainMenu {visibility: hidden;} | |
| footer {visibility: hidden;} | |
| </style> | |
| """ | |
| st.markdown(""" | |
| <style> | |
| .stTextArea > label { | |
| font-size: 1.2rem; | |
| font-weight: bold; | |
| color: #2c3e50; | |
| } | |
| .stSelectbox > label { | |
| font-size: 1.2rem; | |
| font-weight: bold; | |
| color: #2c3e50; | |
| } | |
| .stSlider > label { | |
| font-size: 1.2rem; | |
| font-weight: bold; | |
| color: #2c3e50; | |
| } | |
| .stButton > button { | |
| background-color: #2c3e50; | |
| color: white; | |
| padding: 0.5rem 2rem; | |
| font-size: 1.1rem; | |
| font-weight: bold; | |
| border-radius: 5px; | |
| } | |
| .stButton > button:hover { | |
| background-color: #34495e; | |
| } | |
| h1 { | |
| color: #2c3e50; | |
| font-size: 2.5rem; | |
| margin-bottom: 1rem; | |
| } | |
| h3 { | |
| color: #34495e; | |
| font-size: 1.3rem; | |
| font-weight: normal; | |
| margin-bottom: 2rem; | |
| } | |
| .stMarkdown { | |
| font-size: 1.1rem; | |
| } | |
| .element-container { | |
| margin-bottom: 1rem; | |
| } | |
| </style> | |
| """, unsafe_allow_html=True) | |
| def format_story_output(story_text): | |
| return f""" | |
| <div class="story-output"> | |
| {story_text} | |
| </div> | |
| """ |