Hugging Face's logo

Spaces:
fffiloni
/
image-to-sound-fx
Paused

App Files Community
33
fffiloni commited on
Commit
293e810
•
1 Parent(s): fdef21e

Update style.css

Browse files
Files changed (1) hide show
  1. style.css +62 -31
style.css CHANGED
@@ -5,48 +5,79 @@ div#sound-output {
5
  height: 120px;
6
  }
7
  .footer {
8
- margin-bottom: 45px;
9
- margin-top: 10px;
10
- text-align: center;
11
- border-bottom: 1px solid #e5e5e5;
12
- }
13
- .footer>p {
14
- font-size: .8rem;
15
- display: inline-block;
16
- padding: 0 10px;
17
- transform: translateY(10px);
18
- background: white;
19
- }
20
- .dark .footer {
21
- border-color: #303030;
22
- }
23
- .dark .footer>p {
24
- background: #0b0f19;
25
- }
 
 
26
  .animate-spin {
27
- animation: spin 1s linear infinite;
28
  }
 
29
  @keyframes spin {
30
- from {
31
- transform: rotate(0deg);
32
- }
33
- to {
34
- transform: rotate(360deg);
35
- }
36
  }
 
37
  #share-btn-container {
38
- display: flex; padding-left: 0.5rem !important; padding-right: 0.5rem !important; background-color: #000000; justify-content: center; align-items: center; border-radius: 9999px !important; width: 13rem;
 
 
 
 
 
 
 
39
  }
 
 
 
 
 
40
  #share-btn {
41
- all: initial; color: #ffffff;font-weight: 600; cursor:pointer; font-family: 'IBM Plex Sans', sans-serif; margin-left: 0.5rem !important; padding-top: 0.25rem !important; padding-bottom: 0.25rem !important;right:0;
 
 
 
 
 
 
 
 
42
  }
 
43
  #share-btn * {
44
- all: unset;
45
  }
 
46
  #share-btn-container div:nth-child(-n+2){
47
- width: auto !important;
48
- min-height: 0px !important;
49
  }
 
50
  #share-btn-container .wrap {
51
- display: none !important;
 
 
 
 
52
  }
 
5
  height: 120px;
6
  }
7
  .footer {
8
+ margin-bottom: 45px;
9
+ margin-top: 10px;
10
+ text-align: center;
11
+ border-bottom: 1px solid #e5e5e5;
12
+ }
13
+
14
+ .footer>p {
15
+ font-size: .8rem;
16
+ display: inline-block;
17
+ padding: 0 10px;
18
+ transform: translateY(28px);
19
+ background: white;
20
+ }
21
+ .dark .footer {
22
+ border-color: #303030;
23
+ }
24
+ .dark .footer>p {
25
+ background: #0b0f19;
26
+ }
27
+
28
  .animate-spin {
29
+ animation: spin 1s linear infinite;
30
  }
31
+
32
  @keyframes spin {
33
+ from {
34
+ transform: rotate(0deg);
35
+ }
36
+ to {
37
+ transform: rotate(360deg);
38
+ }
39
  }
40
+
41
  #share-btn-container {
42
+ display: flex;
43
+ padding-left: 0.5rem !important;
44
+ padding-right: 0.5rem !important;
45
+ background-color: #000000;
46
+ justify-content: center;
47
+ align-items: center;
48
+ border-radius: 9999px !important;
49
+ max-width: 13rem;
50
  }
51
+
52
+ #share-btn-container:hover {
53
+ background-color: #060606;
54
+ }
55
+
56
  #share-btn {
57
+ all: initial;
58
+ color: #ffffff;
59
+ font-weight: 600;
60
+ cursor:pointer;
61
+ font-family: 'IBM Plex Sans', sans-serif;
62
+ margin-left: 0.5rem !important;
63
+ padding-top: 0.5rem !important;
64
+ padding-bottom: 0.5rem !important;
65
+ right:0;
66
  }
67
+
68
  #share-btn * {
69
+ all: unset;
70
  }
71
+
72
  #share-btn-container div:nth-child(-n+2){
73
+ width: auto !important;
74
+ min-height: 0px !important;
75
  }
76
+
77
  #share-btn-container .wrap {
78
+ display: none !important;
79
+ }
80
+
81
+ #share-btn-container.hidden {
82
+ display: none!important;
83
  }