Zengyf-CVer commited on
Commit
dc3c9dd
1 Parent(s): 6e23d5e

Upload gyd_style.css

Browse files
Files changed (1) hide show
  1. gyd_style.css +438 -0
gyd_style.css ADDED
@@ -0,0 +1,438 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*reference: https://huggingface.co/spaces/jiayong/Dreamoving */
2
+
3
+
4
+ #title {
5
+ font-size: 50px;
6
+ font-weight: bolder;
7
+ color: #031af0;
8
+ text-align: center;
9
+ font-family: Georgia, 'Times New Roman', Times, serif;
10
+ }
11
+
12
+ .gradio-container-4-12-0.prose * {
13
+ color: var(--body-text-color);
14
+ display: block;
15
+ margin: 0 auto;
16
+ width: 100%;
17
+ height: auto;
18
+ object-fit: contain;
19
+ }
20
+
21
+ /*AI button*/
22
+ #column_button {
23
+ flex-grow: unset !important;
24
+ min-width: min(0.5px, 100%) !important;
25
+ }
26
+
27
+ .btn_texture_font_file {
28
+ background-color: #624AFF !important;
29
+ color: #FFFFFF !important;
30
+ font-weight: 1000 !important;
31
+ max-width: 40px !important;
32
+ border-radius: 100px !important;
33
+ min-width: 40px !important;
34
+ box-shadow: 0 3px 5px rgba(0, 0, 0, 0.5) !important;
35
+ }
36
+
37
+ .gap.svelte-vt1mxs {
38
+ gap: var(--layout-gap);
39
+ background: #fff;
40
+ /* justify-content: center; */
41
+ }
42
+
43
+ #button_param {
44
+ background: #0d02ea !important;
45
+ color: white !important;
46
+ border-radius: 3px !important;
47
+ }
48
+
49
+ #button_param1 {
50
+ flex-grow: unset;
51
+ flex-shrink: unset;
52
+ flex-basis: unset;
53
+ margin: auto;
54
+ width: unset;
55
+ padding: unset;
56
+ box-shadow: unset;
57
+ font-size: 14px;
58
+ }
59
+
60
+ #show_window_image {
61
+ border-color: #9d9d9d !important;
62
+ box-shadow: 0 3px 5px rgba(159, 159, 159, 0.5);
63
+ align-items: center !important;
64
+ height: 245px !important;
65
+ margin-left: 20px;
66
+ margin-right: 20px;
67
+ }
68
+
69
+ #show_window_video {
70
+ border-color: #909090 !important;
71
+ box-shadow: 0 3px 5px rgba(118, 118, 118, 0.5);
72
+ align-items: center !important;
73
+ height: 245px !important;
74
+ }
75
+
76
+ .gallery.svelte-13hsdno.svelte-13hsdno.svelte-13hsdno {
77
+ display: flex;
78
+ flex-wrap: wrap;
79
+ gap: 0px !important;
80
+ flex-direction: row;
81
+ border-top-width: 1px !important;
82
+ border-right-width: 1px !important;
83
+ border-bottom-width: 1px !important;
84
+ border-left-width: 1px !important;
85
+ border-color: #c1c2c3 !important;
86
+ width: 220px !important;
87
+ }
88
+
89
+ .hide-container.svelte-90oupt {
90
+ margin: 0;
91
+ box-shadow: none;
92
+ --block-border-width: 0;
93
+ background: transparent;
94
+ padding: 0;
95
+ overflow: visible;
96
+ display: flex;
97
+ flex-direction: column;
98
+ align-content: space-around;
99
+ }
100
+
101
+ .container.svelte-7uit3c img {
102
+ width: 70px;
103
+ height: 80px;
104
+ object-fit: contain;
105
+ }
106
+
107
+ .container.svelte-1de9zxs video {
108
+ width: 70px;
109
+ height: 95px;
110
+ /* object-fit: cover; */
111
+ object-fit: contain;
112
+ }
113
+
114
+ .tab-nav.svelte-kqij2n {
115
+ display: flex;
116
+ position: relative;
117
+ flex-wrap: wrap;
118
+ border-bottom: 1px solid var(--border-color-primary);
119
+ }
120
+
121
+ .label.svelte-13hsdno.svelte-13hsdno.svelte-13hsdno {
122
+ display: none !important;
123
+ align-items: center;
124
+ margin-bottom: var(--size-2);
125
+ color: var(--block-label-text-color);
126
+ font-weight: var(--block-label-text-weight);
127
+ font-size: var(--block-label-text-size);
128
+ line-height: var(--line-sm);
129
+ }
130
+
131
+
132
+ /* pages */
133
+ .paginate.svelte-13hsdno.svelte-13hsdno.svelte-13hsdno {
134
+ display: none !important;
135
+ justify-content: center;
136
+ align-items: center;
137
+ gap: var(--spacing-sm);
138
+ margin-top: var(--size-2);
139
+ color: var(--block-label-text-color);
140
+ font-size: var(--text-sm);
141
+ }
142
+
143
+ .flex.svelte-116rqfv {
144
+ display: flex;
145
+ justify-content: center;
146
+ align-items: center;
147
+ border-top-width: 1px !important;
148
+ border-right-width: 1px !important;
149
+ border-bottom-width: 1px !important;
150
+ border-left-width: 1px !important;
151
+ border-color: #b6b6b7 !important;
152
+ }
153
+
154
+ #show_window_result {
155
+ border-color: #707093;
156
+ box-shadow: 1 3px 5px rgba(108, 104, 108, 0.5);
157
+ border-style: solid;
158
+ overflow: hidden;
159
+ min-width: min(160px, 100%);
160
+ border-width: var(--block-border-width);
161
+ height: 340px !important;
162
+ margin: 2px !important;
163
+ }
164
+
165
+ #show_box {
166
+ border-style: solid;
167
+ overflow: visible;
168
+ min-width: min(0px, 100%);
169
+ border-width: var(--block-border-width);
170
+ border-top-width: 1px !important;
171
+ border-right-width: 1px !important;
172
+ border-bottom-width: 1px !important;
173
+ border-left-width: 1px !important;
174
+ border-color: #9900ff !important;
175
+ background: #fff;
176
+ padding: 5px;
177
+ /* width: 547px !important; */
178
+ }
179
+ #show_box1 {
180
+ border-style: solid;
181
+ overflow: visible;
182
+ min-width: min(0px, 100%);
183
+ border-width: var(--block-border-width);
184
+ border-top-width: 1px !important;
185
+ border-right-width: 1px !important;
186
+ border-bottom-width: 1px !important;
187
+ border-left-width: 1px !important;
188
+ border-color: #fbf9f9 !important;
189
+ background: #fff;
190
+ padding: 5px;
191
+ /* width: 547px !important; */
192
+ }
193
+ #show_box2 {
194
+ border-style: solid;
195
+ overflow: visible;
196
+ min-width: min(0px, 100%);
197
+ border-width: var(--block-border-width);
198
+ border-top-width: 1px !important;
199
+ border-right-width: 1px !important;
200
+ border-bottom-width: 1px !important;
201
+ border-left-width: 1px !important;
202
+ border-color: #9900ff !important;
203
+ /* width: 547px !important; */
204
+ /* height: min(618.48px, 100%) !important; */
205
+ /* min-height: min(618.48px, 100%); */
206
+ height: 758.5px;
207
+ /* margin: 0 auto !important; */
208
+ display: flex;
209
+ flex-wrap: wrap;
210
+ background: #fff;
211
+ padding: 5px;
212
+ }
213
+ #show_box3 {
214
+ /* border-style: solid;
215
+ overflow: visible;
216
+ min-width: min(0px, 100%);
217
+ border-width: var(--block-border-width);
218
+ display: flex;
219
+ flex-wrap: nowrap;
220
+ align-items: center;
221
+ background: #fff; */
222
+ /* align-items: flex-start; */
223
+ --block-radius: 0px;
224
+ --block-border-width: 0px;
225
+ --layout-gap: 1px;
226
+ --form-gap-width: 1px;
227
+ --button-border-width: 0px;
228
+ --button-large-radius: 0px;
229
+ --button-small-radius: 0px;
230
+ display: flex;
231
+ flex-direction: row;
232
+ align-items: center;
233
+ padding: 5px;
234
+ }
235
+
236
+ .empty.svelte-lk9eg8 {
237
+ display: flex;
238
+ justify-content: center;
239
+ align-items: center;
240
+ /* margin-top: calc(0px - var(--size-6)); */
241
+ height: var(--size-full);
242
+ border-top-width: 1px !important;
243
+ border-right-width: 1px !important;
244
+ border-bottom-width: 1px !important;
245
+ border-left-width: 1px !important;
246
+ border-color: #c4c3c4 !important;
247
+ }
248
+
249
+ .container.svelte-1f354aw>input.svelte-1f354aw,
250
+ .container.svelte-1f354aw>textarea.svelte-1f354aw {
251
+ /* border: var(--input-border-width) solid var(--input-border-color); */
252
+ /* border-radius: var(--input-radius); */
253
+ border-top-width: 1px !important;
254
+ border-right-width: 1px !important;
255
+ border-bottom-width: 1px !important;
256
+ border-left-width: 1px !important;
257
+ border-color: #909090 !important;
258
+ box-shadow: 0 3px 5px rgba(118, 118, 118, 0.5);
259
+ align-items: center !important;
260
+ /* width: 477px!important; */
261
+ }
262
+
263
+ div.svelte-sfqy0y .block {
264
+ box-shadow: none !important;
265
+ border-width: 0px !important;
266
+ border-radius: 0 !important;
267
+ padding: 0px !important;
268
+ }
269
+
270
+ video.svelte-w5wajl.svelte-w5wajl {
271
+ position: inherit;
272
+ background-color: rgba(0, 0, 0, .1);
273
+ width: var(--size-full);
274
+ height: var(--size-full);
275
+ object-fit: contain;
276
+ }
277
+
278
+ .gradio-container-4-12-0img,
279
+ .gradio-container-4-12-0video {
280
+ max-width: 100%;
281
+ height: auto;
282
+ margin: 0;
283
+ }
284
+
285
+ div.svelte-19hvt5v {
286
+ display: flex;
287
+ position: relative;
288
+ border: 1px solid var(--border-color-primary);
289
+ border-top: none;
290
+ border-bottom-right-radius: var(--container-radius);
291
+ border-bottom-left-radius: var(--container-radius);
292
+ padding: var(--block-padding);
293
+ border-top-width: 1px !important;
294
+ border-right-width: 1px !important;
295
+ border-bottom-width: 1px !important;
296
+ border-left-width: 1px !important;
297
+ border-color: #acacad !important;
298
+ /* width: 520px!important; */
299
+ }
300
+
301
+ input.svelte-1evtqhp.svelte-1evtqhp {
302
+ margin: var(--spacing-sm);
303
+ outline: none;
304
+ border: none;
305
+ background: inherit;
306
+ width: var(--size-full);
307
+ color: var(--body-text-color);
308
+ font-size: var(--input-text-size);
309
+ height: 60px;
310
+ }
311
+
312
+ #release_note {
313
+ color: #624AFF;
314
+ font-weight: 600;
315
+ }
316
+
317
+ .selected.svelte-kqij2n {
318
+ border-color: var(--border-color-primary);
319
+ background: var(--background-fill-primary);
320
+ color: var(--body-text-color);
321
+ background: #371ceb !important;
322
+ color: white !important;
323
+ }
324
+
325
+ #font_style {
326
+ font-size: 16px;
327
+ font-weight: 800;
328
+ text-align: -webkit-center;
329
+ min-width: min(0px, 100%);
330
+ }
331
+ #round_box {
332
+ align-items: center;
333
+ }
334
+
335
+ .gradio-container-4-12-0 .prose pre,
336
+ .gradio-container-4-12-0 .prose blockquote,
337
+ .gradio-container-4-12-0 .prose dl,
338
+ .gradio-container-4-12-0 .prose figure,
339
+ .gradio-container-4-12-0 .prose table,
340
+ .gradio-container-4-12-0 .prose p,
341
+ .gradio-container-4-12-0 .prose ul,
342
+ .gradio-container-4-12-0 .prose ol,
343
+ .gradio-container-4-12-0 .prose form {
344
+ margin-bottom: var(--spacing-md);
345
+ font-weight: 800;
346
+ }
347
+
348
+ #font_style1 {
349
+ font-size: 16px;
350
+ font-style: inherit;
351
+ font-weight: 800;
352
+ font-family: system-ui;
353
+ text-align: -webkit-left;
354
+ justify-content: center
355
+ }
356
+
357
+ input.svelte-3pzdsv.svelte-3pzdsv.svelte-3pzdsv {
358
+ --ring-color: transparent;
359
+ position: relative;
360
+ box-shadow: var(--input-shadow);
361
+ border: 1px solid #245ed2;
362
+ border-radius: var(--checkbox-border-radius);
363
+ background-color: var(--checkbox-background-color);
364
+ line-height: var(--line-sm);
365
+ }
366
+ #checkbox_0 {
367
+ border-left: 5px;
368
+ padding: 5px;
369
+ }
370
+
371
+ .gradio-container-4-12-0img,
372
+ .gradio-container-4-12-0video {
373
+ max-width: 100%;
374
+ height: -webkit-fill-available;
375
+ margin: 0;
376
+ }
377
+
378
+ .container.svelte-1f354aw>input.svelte-1f354aw,
379
+ .container.svelte-1f354aw>textarea.svelte-1f354aw {
380
+ border-top-width: 1px !important;
381
+ border-right-width: 1px !important;
382
+ border-bottom-width: 1px !important;
383
+ border-left-width: 1px !important;
384
+ border-color: #dddbdb !important;
385
+ box-shadow: 0 3px 5px rgba(118, 118, 118, 0.5);
386
+ align-items: center !important;
387
+ }
388
+
389
+
390
+ #css_img_QRCode {
391
+ max-height: 250px !important;
392
+ display: flex !important;
393
+ justify-content: center !important;
394
+ }
395
+
396
+ #css_img_QRCode_text {
397
+ text-align: center;
398
+ }
399
+
400
+ .gradio-container-4-12-0.prose p {
401
+ margin-bottom: var(--spacing-sm);
402
+ line-height: var(--line-lg);
403
+ font-weight: 800;
404
+ }
405
+
406
+ #text_style11 {
407
+ .container.svelte-1f354aw>input.svelte-1f354aw,
408
+ .container.svelte-1f354aw>textarea.svelte-1f354aw {
409
+ border-top-width: 0px !important;
410
+ border-right-width: 0px !important;
411
+ border-bottom-width: 0px !important;
412
+ border-left-width: 0px !important;
413
+ border-color: #dddbdb !important;
414
+ -webkit-text-fill-color: #060df6;
415
+ padding: unset;
416
+ /* line-height: 25px; */
417
+ /* box-shadow: unset; */
418
+ padding-top: 9px;
419
+ }
420
+ }
421
+
422
+ .gradio-container-4-12-0.prose p {
423
+ margin-bottom: var(--spacing-sm);
424
+ line-height: var(--line-lg);
425
+ font-weight: 800;
426
+ background: rgb(255, 255, 255);
427
+ }
428
+ div.svelte-iyf88w>*:not(.absolute) {
429
+ border: none;
430
+ border-radius: 0;
431
+ background: rgb(255, 255, 255);
432
+ }
433
+
434
+ #css_img_dreamoving {
435
+ max-height: 80px !important;
436
+ display: flex !important;
437
+ justify-content: center !important;
438
+ }