Hugging Face's logo

Spaces:
fffiloni
/
whisper-to-stable-diffusion
Paused

App Files Community
5
fffiloni commited on
Commit
4bd9cb8
•
1 Parent(s): f23c5f2

Create style.css

Browse files
Files changed (1) hide show
  1. style.css +152 -0
style.css ADDED
@@ -0,0 +1,152 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .container {
2
+ max-width: 780px;
3
+ margin: auto;
4
+ padding-top: 1.5rem;
5
+ }
6
+ a {
7
+ text-decoration: underline;
8
+ }
9
+ h1 {
10
+ font-weight: 900;
11
+ margin-bottom: 7px;
12
+ text-align: center;
13
+ font-size: 2em;
14
+ margin-bottom: 1em;
15
+ }
16
+ #w2sd_container{
17
+ margin-top: 20px;
18
+ }
19
+ .footer {
20
+ margin-bottom: 45px;
21
+ margin-top: 35px;
22
+ text-align: center;
23
+ border-bottom: 1px solid #e5e5e5;
24
+ }
25
+ .footer>p {
26
+ font-size: .8rem;
27
+ display: inline-block;
28
+ padding: 0 10px;
29
+ transform: translateY(10px);
30
+ background: white;
31
+ }
32
+ .dark .footer {
33
+ border-color: #303030;
34
+ }
35
+ .dark .footer>p {
36
+ background: #0b0f19;
37
+ }
38
+ .tabitem {
39
+ border-bottom-left-radius: 10px;
40
+ border-bottom-right-radius: 10px;
41
+ }
42
+ #record_tab, #upload_tab {
43
+ font-size: 1.2em;
44
+ }
45
+ #record_btn{
46
+
47
+ }
48
+ #record_btn > div > button > span {
49
+ width: 2.375rem;
50
+ height: 2.375rem;
51
+ }
52
+ #record_btn > div > button > span > span {
53
+ width: 2.375rem;
54
+ height: 2.375rem;
55
+ }
56
+ audio {
57
+ margin-bottom: 10px;
58
+ }
59
+ div#record_btn > .mt-6{
60
+ margin-top: 0!important;
61
+ }
62
+ div#record_btn > .mt-6 button {
63
+ font-size: 2em;
64
+ width: 100%;
65
+ padding: 20px;
66
+ height: 160px;
67
+ }
68
+ div#upload_area {
69
+ height: 11.1rem;
70
+ }
71
+ div#upload_area > div.w-full > div {
72
+ min-height: 9rem;
73
+ }
74
+ #check_btn_1, #check_btn_2{
75
+ color: #fff;
76
+ --tw-gradient-from: #4caf50;
77
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
78
+ --tw-gradient-to: #4caf50;
79
+ border-color: #8bc34a;
80
+ }
81
+ #magic_btn_1, #magic_btn_2{
82
+ color: #fff;
83
+ --tw-gradient-from: #f44336;
84
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
85
+ --tw-gradient-to: #ff9800;
86
+ border-color: #ff9800;
87
+ }
88
+ input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
89
+ -webkit-appearance: none;
90
+ }
91
+ input[type=number] {
92
+ -moz-appearance: textfield;
93
+ }
94
+ input[type=range] {
95
+ -webkit-appearance: none;
96
+ cursor: pointer;
97
+ height: 1px;
98
+ background: currentColor;
99
+ }
100
+ input[type=range]::-webkit-slider-thumb {
101
+ -webkit-appearance: none;
102
+ width: 0.5em;
103
+ height: 1.2em;
104
+ border-radius: 10px;
105
+ background: currentColor;
106
+ }
107
+ input[type=range]::-moz-range-thumb{
108
+ width: 0.5em;
109
+ height: 1.2em;
110
+ border-radius: 10px;
111
+ background: currentColor;
112
+ }
113
+ div#spoken_lang textarea {
114
+ font-size: 4em;
115
+ line-height: 1em;
116
+ text-align: center;
117
+ }
118
+ div#transcripted {
119
+ flex: 4;
120
+ }
121
+ div#translated textarea {
122
+ font-size: 1.5em;
123
+ line-height: 1.25em;
124
+ }
125
+ #sd_settings {
126
+ margin-bottom: 20px;
127
+ }
128
+ #diffuse_btn {
129
+ color: #fff;
130
+ font-size: 1em;
131
+ margin-bottom: 20px;
132
+ --tw-gradient-from: #4caf50;
133
+ --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
134
+ --tw-gradient-to: #4caf50;
135
+ border-color: #8bc34a;
136
+ }
137
+ #notice {
138
+ padding: 20px 14px 10px;
139
+ display: flex;
140
+ align-content: space-evenly;
141
+ gap: 20px;
142
+ line-height: 1em;
143
+ font-size: .8em;
144
+ border: 1px solid #374151;
145
+ border-radius: 10px;
146
+ }
147
+ #about {
148
+ padding: 20px;
149
+ }
150
+ #notice > div {
151
+ flex: 1;
152
+ }