Hugging Face's logo

Spaces:
infinitymatter
/
synthdatagen
Running

App Files Community
1
lisekarimi commited on
Commit
e8d874e
·
1 Parent(s): e79eb5e

[fix] Restore CSS styling

Browse files
Files changed (1) hide show
  1. assets/styles.css +177 -0
assets/styles.css ADDED
@@ -0,0 +1,177 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+
2
+ html, body, #app, body > div, .gradio-container {
3
+ background-color: #0b0e18 !important; /* dark blue */
4
+ height: 100%;
5
+ margin: 0;
6
+ padding: 0;
7
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
8
+ display: flex;
9
+ justify-content: center;
10
+ align-items: center;
11
+ }
12
+
13
+ #app-container {
14
+ background-color: #1d3451 !important;
15
+ padding: 40px;
16
+ border-radius: 12px;
17
+ box-shadow: 0 4px 25px rgba(0, 0, 0, 0.4);
18
+ max-width: 800px;
19
+ width: 100%;
20
+ color: white;
21
+ }
22
+
23
+ #app-container p,
24
+ #app-container ol,
25
+ #app-container li {
26
+ font-size: 16px;
27
+ line-height: 1.6;
28
+ }
29
+
30
+ #app-title {
31
+ font-size: 42px;
32
+ background: linear-gradient(to left, #ff416c, #ff4b2b);
33
+ -webkit-background-clip: text;
34
+ color: transparent;
35
+ font-weight: 800;
36
+ margin-bottom: 5px;
37
+ text-align: center;
38
+ }
39
+
40
+ #app-subtitle {
41
+ font-size: 24px;
42
+ background: linear-gradient(to left, #ff416c, #ff4b2b);
43
+ -webkit-background-clip: text;
44
+ color: transparent;
45
+ font-weight: 600;
46
+ margin-top: 0;
47
+ text-align: center;
48
+ }
49
+
50
+ #intro-text {
51
+ font-size: 16px;
52
+ color: white;
53
+ margin-top: 20px;
54
+ line-height: 1.6;
55
+ }
56
+
57
+ #learn-more-button {
58
+ display: flex;
59
+ justify-content: center;
60
+ margin-top: 5px;
61
+ }
62
+
63
+ .button-link {
64
+ background: linear-gradient(to left, #ff416c, #ff4b2b);
65
+ color: white;
66
+ padding: 10px 20px;
67
+ text-decoration: none;
68
+ font-weight: bold;
69
+ border-radius: 8px;
70
+ transition: opacity 0.3s;
71
+ }
72
+
73
+ .button-link:hover {
74
+ opacity: 0.85;
75
+ }
76
+
77
+ #input-container {
78
+ background-color: #1f2937;
79
+ padding: 20px;
80
+ border-radius: 10px;
81
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
82
+ }
83
+
84
+ .label-box label {
85
+ background-color: #1f2937;
86
+ color: white;
87
+ padding: 4px 10px;
88
+ border-radius: 8px;
89
+ display: inline-block;
90
+ margin-bottom: 6px;
91
+ }
92
+
93
+ .label-box {
94
+ background-color: #1f2937;
95
+ color: white;
96
+ padding: 4px 10px;
97
+ border-radius: 8px;
98
+ display: inline-block;
99
+ }
100
+
101
+ #input-container > div {
102
+ background: #1f2937 !important;
103
+ background-color: #1f2937 !important;
104
+ border: none !important;
105
+ box-shadow: none !important;
106
+ padding: 10px !important;
107
+ margin: 0 !important;
108
+ }
109
+ .row-spacer {
110
+ margin-top: 24px !important;
111
+ }
112
+
113
+ .column-gap {
114
+ gap: 16px;
115
+ }
116
+
117
+ textarea, input[type="text"] {
118
+ background-color: #374151 !important;
119
+ }
120
+
121
+ #custom-dropdown .wrap {
122
+ background-color: #374151 !important;
123
+ border-radius: 6px;
124
+ }
125
+
126
+ #custom-dropdown ul {
127
+ background-color: #374151 !important;
128
+ }
129
+
130
+ input[type="number"] {
131
+ background-color: #374151
132
+ }
133
+
134
+ #business-problem-box {
135
+ margin-left: 0 !important;
136
+ margin-right: 0 !important;
137
+ padding-left: 0 !important;
138
+ padding-right: 0 !important;
139
+ width: 100% !important;
140
+ }
141
+
142
+ #run-btn {
143
+ background: linear-gradient(to left, #ff416c, #ff4b2b);
144
+ color: white;
145
+ font-weight: bold;
146
+ border: none;
147
+ padding: 10px 20px;
148
+ border-radius: 8px;
149
+ cursor: pointer;
150
+ transition: background 0.3s ease;
151
+ }
152
+
153
+ #run-btn:hover {
154
+ filter: brightness(1.1);
155
+ }
156
+
157
+ #download-box {
158
+ background-color: #1f2937;
159
+ border: 1px solid #3b3b3b;
160
+ border-radius: 8px;
161
+ padding: 10px;
162
+ margin-top: 16px;
163
+ color: white;
164
+ font-weight: 500;
165
+ }
166
+
167
+ #download-box .label {
168
+ color: #ff416c;
169
+ font-weight: bold;
170
+ font-size: 15px;
171
+ }
172
+
173
+ #download-box a {
174
+ color: #00c3ff !important;
175
+ text-decoration: underline;
176
+ font-weight: bold;
177
+ }