DemonGatanjieuandClaude Opus 5.5
4b5f385cdd
The name big and its Civitai version split off under it in small grey; one small accent line of type, size, base and the Civitai link (the Size/Base labels were English in the Chinese window); Add node the one filled button, the rest plain words. Trigger words, the author's settings, the files it needs, its versions and its file are one list of rows parted by thin lines; its author's text starts folded. Size and space carry it, not boxes. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
115 lines
2.7 KiB
CSS
115 lines
2.7 KiB
CSS
/* The model details' facts (ui_model_guide.js): one list of rows, a name and what it is, parted by thin lines
|
|
like a profile, no boxes: trigger words (a guess: dashed), its author's settings, the files a model loaded in
|
|
parts needs, its versions on Civitai, the file's name. */
|
|
|
|
.anomalous-guide {
|
|
display: grid;
|
|
flex-shrink: 0;
|
|
grid-template-columns: minmax(4.5em, max-content) minmax(0, 1fr);
|
|
column-gap: 20px;
|
|
margin-bottom: 4px;
|
|
border-bottom: 1px solid var(--amb-border);
|
|
font-size: 13.5px;
|
|
}
|
|
|
|
.anomalous-guide:empty {
|
|
display: none;
|
|
}
|
|
|
|
.anomalous-guide-label,
|
|
.anomalous-guide-value {
|
|
padding: 10px 0;
|
|
border-top: 1px solid var(--amb-border);
|
|
line-height: 1.6;
|
|
}
|
|
|
|
.anomalous-guide-label {
|
|
max-width: 10em;
|
|
color: var(--amb-text-main);
|
|
}
|
|
|
|
.anomalous-guide-value {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: baseline;
|
|
gap: 4px 10px;
|
|
min-width: 0;
|
|
color: var(--amb-text-soft);
|
|
}
|
|
|
|
.anomalous-guide-copy {
|
|
padding: 0;
|
|
border: none;
|
|
background: transparent;
|
|
color: var(--amb-link);
|
|
font: inherit;
|
|
font-size: 12px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.anomalous-guide-copy:hover { text-decoration: underline; }
|
|
|
|
.anomalous-guide-hint {
|
|
flex-basis: 100%;
|
|
color: var(--amb-text-dim);
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
}
|
|
|
|
.anomalous-guide-words {
|
|
display: inline-flex;
|
|
flex-wrap: wrap;
|
|
gap: 4px;
|
|
}
|
|
|
|
.anomalous-guide-word {
|
|
padding: 1px 7px;
|
|
border: 1px solid transparent;
|
|
border-radius: 999px;
|
|
background: rgba(var(--amb-ink-rgb), 0.06);
|
|
cursor: pointer;
|
|
transition: background-color 0.2s ease;
|
|
}
|
|
|
|
.anomalous-guide-word:hover { background: rgba(var(--amb-ink-rgb), 0.12); }
|
|
|
|
.anomalous-guide-word.is-guess {
|
|
border-color: var(--amb-border-strong);
|
|
border-style: dashed;
|
|
background: transparent;
|
|
}
|
|
|
|
.anomalous-guide-word.is-copied {
|
|
background: color-mix(in srgb, var(--amb-ok) 35%, transparent);
|
|
}
|
|
|
|
.anomalous-guide-note,
|
|
.anomalous-guide-file {
|
|
color: var(--amb-text-dim);
|
|
}
|
|
|
|
.anomalous-guide-file { overflow-wrap: anywhere; }
|
|
|
|
.anomalous-guide-part-file { font-size: 0.95em; }
|
|
|
|
.anomalous-guide-part-state {
|
|
color: var(--amb-ok);
|
|
}
|
|
|
|
.anomalous-guide-part-state.is-missing {
|
|
color: var(--amb-warn);
|
|
}
|
|
|
|
/* Its versions on Civitai sit in the list as a row: the ask is a link, the list opens under it. */
|
|
.anomalous-guide-value .anomalous-civitai-versions { flex-basis: 100%; margin: 0; }
|
|
|
|
.anomalous-guide-value .anomalous-civitai-versions-ask {
|
|
align-self: flex-start;
|
|
padding: 0;
|
|
border: 0;
|
|
background: transparent;
|
|
color: var(--amb-link);
|
|
font-size: 13px;
|
|
}
|
|
.anomalous-guide-value .anomalous-civitai-versions-ask:hover:not(:disabled) { text-decoration: underline; }
|