sd-webui-breadcrumbs/style.css at main · ThereforeGames/sd-webui-breadcrumbs · GitHub

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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
gradio-app > div {
  --stickynav-height: 9em;
}

gradio-app > div.no-breadcrumbs {
  --stickynav-height: 5em;
}

gradio-app > div.small-breadcrumb-style {
  --stickynav-height: 7em;
}

gradio-app > div:not(.breadcrumbs-sticky) {
  --stickynav-height: 0;
}

gradio-app .main {
  margin-top: var(--stickynav-height);
}
gradio-app > div.stylized-scrollbars #breadcrumbs-wrapper ::-webkit-scrollbar {
  width: 10px;
}
gradio-app > div.stylized-scrollbars #breadcrumbs-wrapper ::-webkit-scrollbar-thumb {
  background-color: var(--border-color-primary);
  border-radius: 10px;
  border-top: 3px solid var(--background-fill-primary);
}
gradio-app > div.stylized-scrollbars #breadcrumbs-wrapper ::-webkit-scrollbar-thumb:hover {
  background-color: var(--border-color-accent);
}

#breadcrumbs-wrapper {
  display: block;
}

gradio-app > div.breadcrumbs-sticky #img2img_results, gradio-app > div.breadcrumbs-sticky #txt2img_results, gradio-app > div.breadcrumbs-sticky #extras_results {
  top: calc(var(--stickynav-height) + 1.7em);
}
gradio-app > div.breadcrumbs-sticky #breadcrumbs-wrapper {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: var(--background-fill-primary);
}
gradio-app > div.breadcrumbs-sticky.bottom-breadcrumbs .main {
  margin-top: 0;
  margin-bottom: var(--stickynav-height);
}
gradio-app > div.breadcrumbs-sticky.bottom-breadcrumbs #breadcrumbs-wrapper {
  bottom: 0;
  top: unset;
}
gradio-app > div.breadcrumbs-sticky.bottom-breadcrumbs #img2img_results, gradio-app > div.breadcrumbs-sticky.bottom-breadcrumbs #txt2img_results, gradio-app > div.breadcrumbs-sticky.bottom-breadcrumbs #extras_results {
  top: 0.5em;
}

#quicksettings-wrapper {
  overflow-x: auto;
}

#breadcrumbs-wrapper #quicksettings {
  display: inline-block;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
}
#breadcrumbs-wrapper #quicksettings > div, #breadcrumbs-wrapper #quicksettings > fieldset {
  display: inline-block;
  margin-right: 6px;
}
#breadcrumbs-wrapper #quicksettings button {
  margin-left: -2px;
  margin-right: 6px;
}

#breadcrumbs, #favorite-crumbs {
  margin-top: 10px;
  overflow-x: auto;
  white-space: nowrap;
}
#breadcrumbs > section, #favorite-crumbs > section {
  display: inline-block;
}

#favorite-crumbs {
  float: right;
}
#favorite-crumbs .generate-wrapper {
  text-align: right;
}

.small-breadcrumb-style #breadcrumbs-wrapper {
  padding: 5px;
}
.small-breadcrumb-style #breadcrumbs-wrapper #breadcrumbs, .small-breadcrumb-style #breadcrumbs-wrapper #favorite-crumbs {
  margin-top: 5px;
}
.small-breadcrumb-style #breadcrumbs-wrapper #breadcrumbs button, .small-breadcrumb-style #breadcrumbs-wrapper #favorite-crumbs button {
  margin-right: 5px;
}

.large-breadcrumb-style #breadcrumbs-wrapper {
  padding: 10px;
}
.large-breadcrumb-style #breadcrumbs-wrapper #breadcrumbs, .large-breadcrumb-style #breadcrumbs-wrapper #favorite-crumbs {
  margin-top: 10px;
}
.large-breadcrumb-style #breadcrumbs-wrapper #breadcrumbs button, .large-breadcrumb-style #breadcrumbs-wrapper #favorite-crumbs button {
  margin-right: 10px;
}/*# sourceMappingURL=style.css.map */