Linoy Tsaban commited on
Commit
fd2f593
1 Parent(s): cb52d14

Create style.css

Browse files
Files changed (1) hide show
  1. style.css +93 -0
style.css ADDED
@@ -0,0 +1,93 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ /*
2
+ This CSS file is modified from:
3
+ https://huggingface.co/spaces/DeepFloyd/IF/blob/main/style.css
4
+ */
5
+
6
+ h1 {
7
+ text-align: center;
8
+ }
9
+
10
+ .gradio-container {
11
+ font-family: 'IBM Plex Sans', sans-serif;
12
+ }
13
+
14
+ .gr-button {
15
+ color: white;
16
+ border-color: black;
17
+ background: black;
18
+ }
19
+
20
+ input[type='range'] {
21
+ accent-color: black;
22
+ }
23
+
24
+ .dark input[type='range'] {
25
+ accent-color: #dfdfdf;
26
+ }
27
+
28
+ .container {
29
+ max-width: 730px;
30
+ margin: auto;
31
+ padding-top: 1.5rem;
32
+ }
33
+
34
+
35
+ .gr-button:focus {
36
+ border-color: rgb(147 197 253 / var(--tw-border-opacity));
37
+ outline: none;
38
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
39
+ --tw-border-opacity: 1;
40
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
41
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px var(--tw-ring-offset-width)) var(--tw-ring-color);
42
+ --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
43
+ --tw-ring-opacity: .5;
44
+ }
45
+
46
+ .gr-form {
47
+ flex: 1 1 50%;
48
+ border-top-right-radius: 0;
49
+ border-bottom-right-radius: 0;
50
+ }
51
+
52
+ #prompt-container {
53
+ gap: 0;
54
+ }
55
+
56
+ #prompt-text-input,
57
+ #negative-prompt-text-input {
58
+ padding: .45rem 0.625rem
59
+ }
60
+
61
+ /* #component-16 {
62
+ border-top-width: 1px !important;
63
+ margin-top: 1em
64
+ } */
65
+
66
+ .image_duplication {
67
+ position: absolute;
68
+ width: 100px;
69
+ left: 50px
70
+ }
71
+
72
+ #component-0 {
73
+ max-width: 730px;
74
+ margin: auto;
75
+ padding-top: 1.5rem;
76
+ }
77
+
78
+ #share-btn-container {
79
+ 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; margin-left: auto;
80
+ }
81
+ #share-btn {
82
+ 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;
83
+ }
84
+ #share-btn * {
85
+ all: unset;
86
+ }
87
+ #share-btn-container div:nth-child(-n+2){
88
+ width: auto !important;
89
+ min-height: 0px !important;
90
+ }
91
+ #share-btn-container .wrap {
92
+ display: none !important;
93
+ }