Hugging Face's logo

Spaces:
JeCabrera
/
CTA_Maker_2G
Sleeping

App Files Community
JeCabrera commited on
Commit
5979385
·
verified ·
1 Parent(s): 874e64c

Update styles.py

Browse files
Files changed (1) hide show
  1. styles.py +43 -29
styles.py CHANGED
@@ -3,52 +3,66 @@ import streamlit as st
3
  def apply_styles():
4
  return """
5
  <style>
6
- /* Headers */
7
- h1 {
8
- color: #2c3e50;
9
- font-size: 2.5rem;
10
- margin-bottom: 1rem;
11
  text-align: center;
12
  }
13
 
14
- h3 {
15
- color: #34495e;
16
- font-size: 1.3rem;
17
- font-weight: normal;
18
- margin-bottom: 2rem;
19
- text-align: center;
 
20
  }
21
-
22
- /* Input Labels */
23
- .stTextArea > label,
24
- .stSelectbox > label,
 
 
 
 
 
 
 
 
 
 
 
 
25
  .stSlider > label {
26
  font-size: 1.2rem;
27
  font-weight: bold;
28
  color: #2c3e50;
29
  }
30
-
31
- /* Button */
32
  .stButton > button {
33
- background-color: #4CAF50 !important; /* Green background */
34
- color: black !important;
35
  padding: 0.5rem 2rem;
36
  font-size: 1.1rem;
37
- font-weight: bold !important;
38
- border: 1px solid black !important;
39
  border-radius: 5px;
40
- width: 80%;
41
- margin-left: 10%;
42
  }
43
 
44
- .stButton > button:hover {
45
- background-color: #45a049 !important; /* Slightly darker green on hover */
46
- }
47
  .stButton > button:hover {
48
  background-color: #34495e;
49
  }
50
-
51
- /* Content */
 
 
 
 
 
 
 
 
 
 
 
 
52
  .stMarkdown {
53
  font-size: 1.1rem;
54
  }
@@ -57,7 +71,7 @@ def apply_styles():
57
  margin-bottom: 1.5rem;
58
  }
59
  </style>
60
- """
61
 
62
  def format_story_output(story_text):
63
  return f"""
 
3
  def apply_styles():
4
  return """
5
  <style>
6
+ h1, h3 {
 
 
 
 
7
  text-align: center;
8
  }
9
 
10
+ .stButton > button {
11
+ background-color: #FFD700 !important;
12
+ color: black !important;
13
+ border: 1px solid black !important;
14
+ font-weight: bold !important;
15
+ width: 80% !important;
16
+ margin-left: 10% !important;
17
  }
18
+ </style>
19
+ """
20
+ st.markdown("""
21
+ <style>
22
+ .stTextArea > label {
23
+ font-size: 1.2rem;
24
+ font-weight: bold;
25
+ color: #2c3e50;
26
+ }
27
+
28
+ .stSelectbox > label {
29
+ font-size: 1.2rem;
30
+ font-weight: bold;
31
+ color: #2c3e50;
32
+ }
33
+
34
  .stSlider > label {
35
  font-size: 1.2rem;
36
  font-weight: bold;
37
  color: #2c3e50;
38
  }
39
+
 
40
  .stButton > button {
41
+ background-color: #2c3e50;
42
+ color: white;
43
  padding: 0.5rem 2rem;
44
  font-size: 1.1rem;
45
+ font-weight: bold;
 
46
  border-radius: 5px;
 
 
47
  }
48
 
 
 
 
49
  .stButton > button:hover {
50
  background-color: #34495e;
51
  }
52
+
53
+ h1 {
54
+ color: #2c3e50;
55
+ font-size: 2.5rem;
56
+ margin-bottom: 1rem;
57
+ }
58
+
59
+ h3 {
60
+ color: #34495e;
61
+ font-size: 1.3rem;
62
+ font-weight: normal;
63
+ margin-bottom: 2rem;
64
+ }
65
+
66
  .stMarkdown {
67
  font-size: 1.1rem;
68
  }
 
71
  margin-bottom: 1.5rem;
72
  }
73
  </style>
74
+ """, unsafe_allow_html=True)
75
 
76
  def format_story_output(story_text):
77
  return f"""