forked from dustysys/ddetailer
-
Notifications
You must be signed in to change notification settings - Fork 2
/
style.css
91 lines (74 loc) · 3.81 KB
/
style.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
.gradio-button.download:before {
content: ' ';
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='black' stroke-width='2' stroke-linecap='square' stroke-linejoin='arcs'><path d='M4.97 11.03a.75.75 0 111.06-1.06L11 14.94V2.75a.75.75 0 011.5 0v12.19l4.97-4.97a.75.75 0 111.06 1.06l-6.25 6.25a.75.75 0 01-1.06 0l-6.25-6.25zm-.22 9.47a.75.75 0 000 1.5h14.5a.75.75 0 000-1.5H4.75z'/></svg>");
height: 20px;
width: 20px;
min-width: 20px;
background-size: 20px 20px;
}
.dark .gradio-button.download:before {
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24px' height='24px' viewBox='0 0 24 24' fill='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='arcs'><path d='M4.97 11.03a.75.75 0 111.06-1.06L11 14.94V2.75a.75.75 0 011.5 0v12.19l4.97-4.97a.75.75 0 111.06 1.06l-6.25 6.25a.75.75 0 01-1.06 0l-6.25-6.25zm-.22 9.47a.75.75 0 000 1.5h14.5a.75.75 0 000-1.5H4.75z'/></svg>");
}
.gradio-button.download {
font-size: 20px;
font-family: var(--font-emoji);
padding: 0;
min-width: var(--text-xxl) !important;
max-width: var(--text-xxl);
background: none;
height: var(--text-xxl);
align-self: end;
border: 0;
display: contents;
}
.gradio-checkbox.downloaded {
min-width: 20px !important;
max-width: 24px;
appearance: checkbox;
margin: 0.2em;
}
.gradio-button.import,
.gradio-button.export,
.gradio-button.import:hover,
.gradio-button.export:hover {
color: transparent;
}
/* from https://www.svgrepo.com/svg/432464/down-left MIT license */
.gradio-button.import:before {
content: ' ';
background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' transform='matrix(1, 0, 0, -1, 0, 0)'><path d='M20 5a1 1 0 1 0-2 0v5.6a3.4 3.4 0 0 1-3.4 3.4H7.414l2.293-2.293a1 1 0 0 0-1.414-1.414l-4 4a1 1 0 0 0 0 1.414l4 4a1 1 0 0 0 1.414-1.414L7.414 16H14.6a5.4 5.4 0 0 0 5.4-5.4V5Z' fill='black'></path></svg>");
height: 20px;
width: 20px;
min-width: 20px;
background-size: 20px 20px;
}
.dark .gradio-button.import:before {
background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' transform='matrix(1, 0, 0, -1, 0, 0)'><path d='M20 5a1 1 0 1 0-2 0v5.6a3.4 3.4 0 0 1-3.4 3.4H7.414l2.293-2.293a1 1 0 0 0-1.414-1.414l-4 4a1 1 0 0 0 0 1.414l4 4a1 1 0 0 0 1.414-1.414L7.414 16H14.6a5.4 5.4 0 0 0 5.4-5.4V5Z' fill='white'></path></svg>");
}
.gradio-button.export:before {
content: ' ';
background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' transform='rotate(270)'><path d='M20 5a1 1 0 1 0-2 0v5.6a3.4 3.4 0 0 1-3.4 3.4H7.414l2.293-2.293a1 1 0 0 0-1.414-1.414l-4 4a1 1 0 0 0 0 1.414l4 4a1 1 0 0 0 1.414-1.414L7.414 16H14.6a5.4 5.4 0 0 0 5.4-5.4V5Z' fill='black'></path></svg>");
height: 20px;
width: 20px;
min-width: 20px;
background-size: 20px 20px;
}
.dark .gradio-button.export:before {
background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg' transform='rotate(270)'><path d='M20 5a1 1 0 1 0-2 0v5.6a3.4 3.4 0 0 1-3.4 3.4H7.414l2.293-2.293a1 1 0 0 0-1.414-1.414l-4 4a1 1 0 0 0 0 1.414l4 4a1 1 0 0 0 1.414-1.414L7.414 16H14.6a5.4 5.4 0 0 0 5.4-5.4V5Z' fill='white'></path></svg>");
}
.block.gradio-checkbox.not-button {
margin: 0.75em 0 0 0.3em;
}
.block.gradio-checkbox.not-button label > span {
visibility: hidden;
height: 0px;
}
div.block.dd-compact-accordion{
}
div.accordions > div.dd-compact-accordion{
min-width: fit-content !important;
}
div.accordions > div.dd-compact-accordion.compact-accordion-open{
flex: 1 auto;
flex-flow: column;
}