|
|
| |
| @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap'); |
|
|
| html, body, [data-testid="stAppViewContainer"] { |
| background-color: #FFFFFF !important; |
| font-family: 'Noto Sans KR', sans-serif !important; |
| color: #333333 !important; |
| } |
|
|
| |
| .title-container { |
| line-height: 1.2; |
| } |
| .main-title { |
| font-size: 2.2rem !important; |
| font-weight: 700 !important; |
| color: #FFFFFF !important; |
| } |
| .sub-title { |
| font-size: 1.0rem !important; |
| color: #E0E0E0 !important; |
| } |
|
|
| |
| .input-title { |
| background: #16213E; |
| border: 1px solid #2A3550; |
| border-bottom: none; |
| border-radius: 12px 12px 0 0; |
| padding: 14px 22px 10px 22px; |
| font-size: 0.85rem; font-weight: 600; |
| color: #FFFFFF; letter-spacing: 1.5px; |
| } |
|
|
| [data-testid="stVerticalBlockBorderWrapper"] { |
| background: #F8F9FA !important; |
| border: 1px solid #E0E0E0 !important; |
| border-top: none !important; |
| border-radius: 0 0 12px 12px !important; |
| padding: 20px !important; |
| margin-bottom: 14px !important; |
| } |
|
|
| |
| div.stButton { |
| text-align: center !important; |
| margin-top: 10px; |
| } |
|
|
| [data-testid="stButton"] > button { |
| background: #E3000B !important; |
| color: #FFFFFF !important; |
| border: none !important; border-radius: 8px !important; |
| font-family: 'Noto Sans KR', sans-serif !important; |
| font-weight: 600 !important; font-size: 1.1rem !important; |
| padding: 12px 40px !important; |
| transition: all 0.2s !important; |
| width: auto !important; |
| min-width: 200px; |
| } |
|
|
| [data-testid="stButton"] > button:hover { |
| background: #c0000a !important; |
| box-shadow: 0 4px 16px rgba(227,0,11,0.4) !important; |
| } |
|
|
| |
| [data-testid="stTextArea"] textarea, |
| [data-testid="stTextInput"] input { |
| background: #FFFFFF !important; |
| border: 1px solid #D0D0D0 !important; |
| color: #333333 !important; |
| border-radius: 8px !important; |
| } |
|
|
| |
| [data-testid="stTabs"] [data-baseweb="tab-list"] { |
| background: #FFFFFF !important; border-bottom: 1px solid #E0E0E0 !important; |
| } |
| [data-testid="stTabs"] [data-baseweb="tab"] { |
| color: #888888 !important; |
| } |
| [data-testid="stTabs"] [aria-selected="true"] { |
| color: #E3000B !important; border-bottom: 2px solid #E3000B !important; |
| } |
|
|
| |
| p, .stMarkdown p { |
| color: #333333 !important; |
| word-break: keep-all; |
| } |
|
|
