Hugging Face's logo

Spaces:
Joyrick
/
SD_Studio_AI_Text2Image_Image2Image_Generation
Runtime error

App Files Community
nightfury commited on
Commit
9313e7e
•
1 Parent(s): b7e313f

Create new file

Browse files
Files changed (1) hide show
  1. style.css +81 -0
style.css ADDED
@@ -0,0 +1,81 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ .gradio-container {
2
+ font-family: 'IBM Plex Sans', sans-serif;
3
+ }
4
+ .gr-button {
5
+ color: white;
6
+ /* border-color: black; */
7
+ /* background: black; */
8
+ background: rgb(60, 145, 238);
9
+ }
10
+ /* input[type='range'] {
11
+ accent-color: rgb(60, 145, 238);
12
+ }
13
+ .dark input[type='range'] {
14
+ accent-color: #dfdfdf;
15
+ } */
16
+ .container {
17
+ max-width: 900px;
18
+ margin: auto;
19
+ padding-top: 1.5rem;
20
+ }
21
+ #gallery {
22
+ min-height: 22rem;
23
+ margin-bottom: 15px;
24
+ margin-left: auto;
25
+ margin-right: auto;
26
+ border-bottom-right-radius: .5rem !important;
27
+ border-bottom-left-radius: .5rem !important;
28
+ }
29
+ #gallery>div>.h-full {
30
+ min-height: 20rem;
31
+ }
32
+ .details:hover {
33
+ text-decoration: underline;
34
+ }
35
+ .gr-button {
36
+ white-space: nowrap;
37
+ }
38
+ /* .gr-button:focus {
39
+ border-color: rgb(147 197 253 / var(--tw-border-opacity));
40
+ outline: none;
41
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
42
+ --tw-border-opacity: 1;
43
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
44
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px var(--tw-ring-offset-width)) var(--tw-ring-color);
45
+ --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
46
+ --tw-ring-opacity: .5;
47
+ } */
48
+ .footer {
49
+ margin-bottom: 45px;
50
+ margin-top: 20px;
51
+ /* text-align: center; */
52
+ border-bottom: 1px solid #e5e5e5;
53
+ }
54
+ .footer>p {
55
+ font-size: .8rem;
56
+ display: inline-block;
57
+ padding: 0 10px;
58
+ transform: translateY(10px);
59
+ background: white;
60
+ }
61
+ .footer>p>h4 {
62
+ font-size: .20rem;
63
+ display: inline-block;
64
+ padding: 0 10px;
65
+ transform: translateY(10px);
66
+ background: white;
67
+ font-weight: bold;
68
+ }
69
+ .dark .footer {
70
+ /* border-color: #303030; */
71
+ border-color: rgb(60, 145, 238);
72
+ }
73
+ .dark .footer>p {
74
+ /* background: #0b0f19; */
75
+ background: rgb(60, 145, 238);
76
+ }
77
+ .prompt h4{
78
+ margin: 1.25em 0 .25em 0;
79
+ font-weight: bold;
80
+ font-size: 115%;
81
+ }