|
|
footer { |
|
|
visibility: hidden |
|
|
} |
|
|
|
|
|
|
|
|
#aegis_logo { |
|
|
text-align: center; |
|
|
margin-bottom: 20px; |
|
|
padding: 10px; |
|
|
} |
|
|
|
|
|
#aegis_logo img { |
|
|
max-width: 200px; |
|
|
height: auto; |
|
|
border-radius: 10px; |
|
|
box-shadow: 0 4px 15px rgba(30, 60, 114, 0.3); |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
#aegis_logo img:hover { |
|
|
transform: scale(1.05); |
|
|
box-shadow: 0 6px 20px rgba(30, 60, 114, 0.5); |
|
|
} |
|
|
|
|
|
#generate_button { |
|
|
color: white; |
|
|
border-color: #1e3c72; |
|
|
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); |
|
|
border-radius: 10px; |
|
|
font-weight: bold; |
|
|
transition: all 0.3s ease; |
|
|
box-shadow: 0 4px 15px rgba(30, 60, 114, 0.3); |
|
|
} |
|
|
|
|
|
#generate_button:hover { |
|
|
transform: translateY(-3px); |
|
|
box-shadow: 0 8px 25px rgba(30, 60, 114, 0.5); |
|
|
background: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%); |
|
|
} |
|
|
|
|
|
#save_button { |
|
|
color: white; |
|
|
border-color: #0f4c75; |
|
|
background: linear-gradient(135deg, #0f4c75 0%, #3282b8 100%); |
|
|
width: 200px; |
|
|
border-radius: 10px; |
|
|
font-weight: bold; |
|
|
transition: all 0.3s ease; |
|
|
box-shadow: 0 4px 15px rgba(15, 76, 117, 0.3); |
|
|
} |
|
|
|
|
|
#save_button:hover { |
|
|
transform: translateY(-3px); |
|
|
box-shadow: 0 8px 25px rgba(15, 76, 117, 0.5); |
|
|
} |
|
|
|
|
|
#settings_header { |
|
|
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); |
|
|
color: white; |
|
|
border-radius: 10px; |
|
|
padding: 15px; |
|
|
font-weight: bold; |
|
|
box-shadow: 0 4px 15px rgba(30, 60, 114, 0.3); |
|
|
} |
|
|
|
|
|
|
|
|
.gradio-container { |
|
|
background: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%); |
|
|
min-height: 100vh; |
|
|
} |
|
|
|
|
|
#container { |
|
|
background: rgba(255, 255, 255, 0.95); |
|
|
border-radius: 15px; |
|
|
padding: 25px; |
|
|
margin: 20px; |
|
|
box-shadow: 0 8px 32px rgba(0,0,0,0.1); |
|
|
backdrop-filter: blur(10px); |
|
|
border: 2px solid rgba(30, 60, 114, 0.3); |
|
|
} |
|
|
|
|
|
#intro { |
|
|
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); |
|
|
color: white; |
|
|
padding: 25px; |
|
|
border-radius: 12px; |
|
|
margin-bottom: 20px; |
|
|
box-shadow: 0 6px 20px rgba(30, 60, 114, 0.4); |
|
|
border: 1px solid rgba(255,255,255,0.2); |
|
|
} |
|
|
|
|
|
.gr-textbox { |
|
|
border-radius: 8px; |
|
|
border: 2px solid #1e3c72; |
|
|
background: rgba(255,255,255,0.95); |
|
|
} |
|
|
|
|
|
.gr-slider { |
|
|
accent-color: #1e3c72; |
|
|
} |
|
|
|
|
|
.gr-accordion { |
|
|
background: rgba(30, 60, 114, 0.1); |
|
|
border: 1px solid rgba(30, 60, 114, 0.3); |
|
|
border-radius: 8px; |
|
|
} |
|
|
|
|
|
|
|
|
.gr-button { |
|
|
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%); |
|
|
border: none; |
|
|
color: white; |
|
|
font-weight: bold; |
|
|
border-radius: 8px; |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.gr-button:hover { |
|
|
transform: translateY(-2px); |
|
|
box-shadow: 0 6px 20px rgba(30, 60, 114, 0.4); |
|
|
} |
