Hugging Face's logo

Spaces:
JeCabrera
/
Email_Generator_CopyXpert_Backup
Sleeping

App Files Community
JeCabrera commited on
Commit
b124e9b
·
verified ·
1 Parent(s): d918ee9

Update styles/main.css

Browse files
Files changed (1) hide show
  1. styles/main.css +106 -66
styles/main.css CHANGED
@@ -1,67 +1,107 @@
1
- /* Main container styling */
2
- .block-container {
3
- padding-top: 1rem;
4
- padding-bottom: 5rem;
5
- }
6
-
7
- /* Title spacing */
8
- h1 {
9
- margin-top: -2rem;
10
- padding-top: 0.5rem;
11
- }
12
-
13
- /* Subtitle spacing */
14
- h4 {
15
- margin-top: 0.5rem;
16
- padding-top: 0rem;
17
- }
18
-
19
- /* Custom button styling */
20
- div.stButton > button {
21
- background-color: #FFCC00;
22
- color: black;
23
- width: 90%;
24
- height: 60px;
25
- font-weight: bold;
26
- font-size: 22px;
27
- text-transform: uppercase;
28
- border: 1px solid #000000;
29
- border-radius: 8px;
30
- display: block;
31
- margin: 0 auto;
32
- }
33
-
34
- div.stButton > button:hover {
35
- background-color: #FFD700;
36
- color: black;
37
- }
38
-
39
- /* Results container */
40
- .results-container {
41
- border: 1px solid #000000;
42
- padding: 15px;
43
- border-radius: 8px;
44
- background-color: #ffffff;
45
- }
46
-
47
- /* Email content styling */
48
- .results-container p {
49
- font-size: 1rem;
50
- line-height: 1.5;
51
- white-space: pre-wrap;
52
- }
53
-
54
- /* Email heading */
55
- .results-container h4 {
56
- font-size: 1.2rem;
57
- margin-bottom: 15px;
58
- color: #333;
59
- }
60
-
61
- /* Ensure P.D. and all text has consistent size */
62
- .results-container p strong,
63
- .results-container p b,
64
- .results-container p em,
65
- .results-container p i {
66
- font-size: 1rem;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
67
  }
 
1
+ /* Main container styling */
2
+ .block-container {
3
+ padding-top: 1rem;
4
+ padding-bottom: 5rem;
5
+ }
6
+
7
+ /* Title spacing */
8
+ h1 {
9
+ margin-top: -2rem;
10
+ padding-top: 0.5rem;
11
+ }
12
+
13
+ /* Subtitle spacing */
14
+ h4 {
15
+ margin-top: 0.5rem;
16
+ padding-top: 0rem;
17
+ }
18
+
19
+ /* Custom button styling */
20
+ div.stButton > button {
21
+ background-color: #FFCC00;
22
+ color: black;
23
+ width: 90%;
24
+ height: 60px;
25
+ font-weight: bold;
26
+ font-size: 22px;
27
+ text-transform: uppercase;
28
+ border: 1px solid #000000;
29
+ border-radius: 8px;
30
+ display: block;
31
+ margin: 0 auto;
32
+ }
33
+
34
+ div.stButton > button:hover {
35
+ background-color: #FFD700;
36
+ color: black;
37
+ }
38
+
39
+ /* Results container */
40
+ /* Add these styles for the download button */
41
+ [data-testid="stDownloadButton"] {
42
+ text-align: center;
43
+ display: flex;
44
+ justify-content: center;
45
+ margin-top: 5px;
46
+ width: 90%;
47
+ margin-left: auto;
48
+ margin-right: auto;
49
+ }
50
+
51
+ [data-testid="stDownloadButton"] button {
52
+ width: 100%;
53
+ border-radius: 5px;
54
+ height: 3em;
55
+ background: linear-gradient(to right, #00D100, #009900);
56
+ color: white;
57
+ font-weight: bold;
58
+ transition: all 0.3s ease;
59
+ border: none;
60
+ text-transform: uppercase;
61
+ letter-spacing: 1px;
62
+ }
63
+
64
+ [data-testid="stDownloadButton"] button:hover {
65
+ background: linear-gradient(to right, #00C000, #008800);
66
+ transform: translateY(-2px);
67
+ box-shadow: 0 4px 8px rgba(0,0,0,0.1);
68
+ }
69
+
70
+ /* Existing styles for the results container */
71
+ .results-container {
72
+ background-color: #f9f9f9;
73
+ border-radius: 10px;
74
+ padding: 20px;
75
+ margin-top: 20px;
76
+ border: 1px solid #ddd;
77
+ white-space: pre-wrap;
78
+ }
79
+
80
+ .results-container h4 {
81
+ color: #333;
82
+ margin-bottom: 15px;
83
+ border-bottom: 1px solid #eee;
84
+ padding-bottom: 10px;
85
+ }
86
+
87
+ /* Email content styling */
88
+ .results-container p {
89
+ font-size: 1rem;
90
+ line-height: 1.5;
91
+ white-space: pre-wrap;
92
+ }
93
+
94
+ /* Email heading */
95
+ .results-container h4 {
96
+ font-size: 1.2rem;
97
+ margin-bottom: 15px;
98
+ color: #333;
99
+ }
100
+
101
+ /* Ensure P.D. and all text has consistent size */
102
+ .results-container p strong,
103
+ .results-container p b,
104
+ .results-container p em,
105
+ .results-container p i {
106
+ font-size: 1rem;
107
  }