Hugging Face's logo

Spaces:
fffiloni
/
gpt-talking-portrait
Paused

App Files Community
6
fffiloni commited on
Commit
c7bb9a8
·
1 Parent(s): b675b22

Update style.css

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