User:Reversedragon/FirstNineThousand/hue.css/v1-1

/* stylesheet for showing counting numbers versus identifiers, and term categories */

/* either medium - print or screen */ ol.hue li, dl.hue, dl.hue.data_rating .row { display: block; } ol.hue li:before { display: inline-block; }

/* basic Hue lists */ ol.hue { list-style-type: none; margin-left: 11em; } /* @screen hanging indent runs off screen in print view */ ol.hue.reset { counter-reset: list; } ol.hue li { counter-increment: list; min-width: 10em; padding-left: 10em; } p + p + ol.hue, h2 + p + ol.hue { margin-top: 1.2em; margin-bottom: 1.2em; } /* Hue list inside prose */ ol.hue li h3, ol.hue li h4 { display: inline; padding: 0; font-size: inherit; } /* you can use headings inside Hue lists to add proposition text to the table of contents, but they will be shown as simple bold text */ .hue li h4 ~ br + p { margin-top: 0; } /* hide bugs brought by list headings */ ol.hue.terse li h3, ol.hue.terse li h4 { font-weight: normal; } ol.hue li.inline h4, ol.hue li.inline p { display: inline; } .hue .field-tag { display: none; }

/* swatch hanging indents */ ol.hue li:before { margin: 0 0.5em 0 -10em; } ol.hue.compound dfn { margin: 0 0 0 10em; } ol.hue li:before, ol.hue.wide li:before { padding: 0 0.7em; min-width: 4.5em; } ol.hue.wide li:before { min-width: 8em; } ol.hue.compound dfn:before { padding: 0 0.7em; margin-right: 0.5em; } /* nested ordered lists */ ol.hue ol { list-style-type: decimal; margin-left: 0.7em; } ol.hue ol li { padding-left: 0.8em; counter-increment: none; display: list-item; } ol.hue li > p:first-child { margin-top: -1.6em; }

/* Item dimensions and numberings */ /* .clean lists: no automatic numbers. .compound lists: neatly accommodate property-table-style definition tags. */ ol.hue ol li:before { content: none; } ol.hue > li:before { content: attr(value); } ol.hue li[value]:before { content: attr(value) "　/　" counter(list); } ol.hue.clean li[value]:before { content: attr(value); } ol.hue.clean.compound [data-qid]:before, ol.hue [data-qid]:before { content: attr(data-qid); } ol.hue li[value][data-dimension]:before { content: attr(data-dimension) "–" attr(value) "　/　" counter(list); } /* "Z " */ ol.hue.clean li[value][data-dimension]:before { content: attr(data-dimension) "–" attr(value) } ol.hue.clean.compound [data-qid][data-dimension]:before, ol.hue li[data-qid][data-dimension]:before, ol.hue.clean li[data-qid][data-dimension]:before { content: attr(data-dimension) "–" attr(data-qid) } /* L and P were originally separate numbering spaces, so display them without hyphen */ ol.hue li[value][data-dimension="L"]:before, ol.hue li[value][data-dimension="P"]:before

 { content: attr(data-dimension) attr(value) "　/　" counter(list); }

ol.hue.clean li[value][data-dimension="L"]:before, ol.hue.clean li[value][data-dimension="P"]:before

 { content: attr(data-dimension) attr(value) }

ol.hue.clean.compound [data-qid][data-dimension="L"]:before, ol.hue.clean.compound [data-qid][data-dimension="P"]:before

 { content: attr(data-dimension) attr(data-qid) }

/* experiment: for thesis portal entries not turned into Ontology pages. data-edprefix and -edsuffix may be used to concatenate anything to a serial number, totally preformatted. */ ol.hue li[data-serial]:before, ol.hue.clean.compound [data-serial]:before { content: attr(data-serial); } ol.hue li[data-edition][data-serial]:before, ol.hue.clean.compound [data-edition][data-serial]:before { content: attr(data-edition) "/" attr(data-serial); } ol.hue li[data-edprefix][data-serial]:before, ol.hue.clean.compound [data-edprefix][data-serial]:before { content: attr(data-edprefix) "" attr(data-serial); } ol.hue li[data-edsuffix][data-serial]:before, ol.hue.clean.compound [data-edsuffix][data-serial]:before { content: attr(data-serial) "" attr(data-edsuffix); }

/* definition lists */ dl.hue .row { display: grid; grid-template-columns: 15.2em auto; } dl.hue dt, dl.hue dd { min-width: 15em; margin: 0 1.2em 0 0; display: inline-block; } dl.hue dt { margin: 0 1em 0 0; } dl.hue dt:first-child { grid-row-start: 1; grid-row-end: 2; grid-column-start: 1; grid-column-end: 1; } dl.hue dt:first-child dfn { height: 100%; } dl.hue dd { grid-column-start: 2; } dl.hue, dl.hue dd, dl.hue.data_wavebuild dl.hue .values, dl.hue .row dl { border: none; } .hue dfn, .hue.compound dfn { display: inline-block; } dl.hue dfn p { display: inline-block; margin: 0 0; } /* collapse p if it appears improperly */ /* for pages with table of contents - usually omitted on Item pages, but may be useful if they are very long */ ol.hue + dl.hue { margin-top: 1.3em; } ol.hue + p + div.toc { margin-top: 1.1em; }

/* dimension icons / clarifications */ .hue .item-dimension, .hue.data_wavebuild dfn ins.wave-score { display: inline; } .hue dfn, .hue.compound dfn, .hue.data_wavebuild dfn ins.wave-score { font-style: normal; } dl.hue .item-dimension abbr, dl.hue .item-dimension ins, .hue dfn ins, .hue dfn del { text-decoration: none; } ol.hue .data-structure, .hue .edition-sense { font-size: 90%; } .hue dfn ins.wave-score { margin-left: 0.4em; }

/* qualifiers */ dl.hue .row dd.values { display: grid; grid-template-columns: 15.2em auto; } dl.hue .row dl { margin: 1px 0; } dl.hue .values dd.value-main, dl.hue.data_wavebuild dd dl dd { padding: 0; } /* wavebuilder combinations */ dl.hue.data_wavebuild dd .wrap, dl.hue.data_wavebuild dd dl dt, dl.hue.data_wavebuild dd dl dd,

 .data_wavebuild .p153 .values, .data_wavebuild .p135 .values,  /* reset for forward.css */
 .data_wavebuild .row .wrap dt, .data_wavebuild .p153 .one, .data_wavebuild .p135 .both,
  dl.hue.data_rating .row dd.values  { display: inline-block; }

dl.hue.data_wavebuild .row dl, dl.hue.data_rating .row dl, dl.hue.data_motifs .row dl { margin: 0; }

/* source rating hub */ dl.hue.data_rating .row dt.test-n, dl.hue.data_rating .row dt.rating-level { display: none; } dl.hue.data_rating .row dd.test-n-int:before { content: "/ "; } dl.hue.data_rating .row dd.test-q-int, dl.hue.data_rating .row dd.test-n-int { min-width: 0.9em; } dl.hue.data_rating .row dt, dl.hue.data_rating .row dd.test-rubric { min-width: 1.1em; } dl.hue.data_rating .row dd.rating-level-item { min-width: 2.2em; } dl.hue.data_rating .row dd dfn { min-width: 3em; }

/* flags */ ol.hue li .figure .tts.flag .visual:after { content: "."; display: inline; } /* for print view - not working? */ ol.hue .hue-domain .field-tag, .hue.hue-domain .field-tag { display: inline; } /**/ .search-hint { height: 0px; width: 0px; display: inline-block; overflow: hidden; }

dl.hue dd dl.values dt.term, dl.hue dd.values dl dt.term /* semantic "triple subject" headings */ , .hue dfn .wave-score, dl.hue .data-structure, ol.hue dfn .edition-sense, .hue.no-senses .edition-sense , ol.hue.compound li:before, dl.hue dt dfn:before, dl.hue dt dfn .figure, dl.hue dfn.manual:before, dl.hue .string dfn:before /* swatches */ , ol.hue.compound dfn.flag:before, dl.hue dfn.manual .flag , dl.hue.no-characteristics dt , .hue dd dfn .field /* show field/series clarification in number lists, but not definition lists */ , dl.hue dt .edition-sense, dl.hue ruby rt , .data_wavebuild .edition-sense.term /* make label-subentities look exactly like one Item simply has multiple names */ , dl.hue .shorthand /* shorthand templates - mainly HuePalette, optionally displayed with Gadget */ , .wave-score .quiltset , .data_wavebuild .p135 .wrap.p145, .data_wavebuild .p135 .wrap.p134 .result, .data_wavebuild .p153 .wrap.p134 /* omit information added for "A B" layout */ { content: none; display: none; }

@media print {

.hue dfn, .hue.compound dfn, .hue dt  { border: 1px solid black; }
.hue dl, .hue dl dt  { border-color: #202020; }
ol.hue li, ol.hue.compound li dfn,  .mw-body .hue dfn a, .hue dt dfn, dl.hue .string dfn  { border: none; }
ol.hue li[value]:before, ol.hue.compound dfn[data-qid]:before  { border: 1px solid black; }

ol.hue li, ol.hue.compound li dfn  { padding: 0; margin: 0; }

dl.hue .row dd.values  { grid-template-columns: auto auto; }
.data_wavebuild .rejected-combo { display: none; }

.hue dd dfn .figure  { display: inline-block; margin: 0 0.4em 0 0; }

ol.hue dfn .item-dimension, ol.hue dfn .tradition,  /* philosophy tag */
 .mw-parser-output .field-tag a:after, .mw-parser-output .proposed-icon a:after  /* icons */
   { content: none; display: none; }

}

@media screen {

/* basic hue lists */ ol.hue { margin-left: 0; } ol.hue li { min-width: 10em; padding-left: 10em; } ol.hue.wide li { padding-left: 11.7em; } /* swatch hanging indents */ ol.hue li:before { margin: 0 0.5em 0 -9.95em; padding: 0 0.7em; } ol.hue.wide li:before { margin: 0 0.5em 0 -11.7em; min-width: 9em; } ol.hue.compound li { margin: 0 0.5em 0 0; background: transparent; } ol.hue.compound dfn { margin: 0 0.5em 0 0; } ol.hue.compound dfn:before, ol.hue.compound dfn.flag .figure { padding: 0 0.7em; margin: 0 0.5em 0 -9.95em; width: 8em; }

/* definition lists */ dl.hue dt, dl.hue dd { padding: 0.1em 0.4em; }

/* for pages with table of contents - usually omitted on Item pages, but may be useful if they are very long */ ol.hue + #hide-toc + .toc { margin-top: 1.1em; }

/* second-background setup */ ol.hue li { z-index: 1; } ol.hue li, ol.hue.compound li dfn, ol.hue.compound li dfn:before, ol.hue.compound li dfn.flag .figure

 dl.hue .row dd, dl.hue dd dfn, dl.hue dd .value-main dfn, dl.hue dd dfn:before, dl.hue dd dfn .figure,
 .hue dfn a, .hue dfn ins, .hue dfn del, .hue dfn small, .hue dfn span  { position: relative; }

ol.hue li:after, ol.hue li dfn:before, ol.hue.compound li dfn:after, dl.hue dd dfn:after, dl.hue dd .value-main dfn:after { position: absolute; }

/* second-background for basic & compound lists */ ol.hue dfn { width: 100%; z-index: 4; } ol.hue li:after, ol.hue.compound li dfn:after, dl.hue dd dfn:after, dl.hue dd > dfn:after, dl.hue dd mark dfn:after { display: block; content: "   "; opacity: 0.9; width: 100%; height: 100%; left: 0; top: 0; z-index: 0; } ol.hue.compound li dfn:after, dl.hue dd dfn:after { opacity: 0.8 } ol.hue li:after, ol.hue.compound li dfn:after, dl.hue dd .value-main dfn:after { z-index: -1; } /* get rid of second-backgrounds where they shouldn't be */ ol.hue.compound li:after, ol.hue ol li:after, ol.hue li.number_empty:after, dl.hue .row.string dfn:after { content: none; } /* quick fix to definition tags on Term pages */ dl.hue .string.highlighted dd dfn, ol.hue dfn.term { width: auto; min-width: auto; padding: 0 0.5em; } dl.hue .string.highlighted dfn:before, dl.hue .string.highlighted dfn .figure { content: none; display: none; } ol.hue dfn.term { padding: 0; background: none; } /* in number lists, assume that including Terms is for things like TTS-corrected markup and thus they shouldn't be highlighted */

/* stuff inside definitions */ .hue dfn a, .hue dfn ins, .hue dfn del, .hue dfn span, .hue dfn .tag-after { background: transparent; z-index: 5; } dl.hue dd dfn:before, .hue dd dfn .figure { z-index: 5; } ol.hue dfn, dl.hue .string:not(.highlighted) dfn { background: transparent; } ol.hue li:before, ol.hue.compound li dfn:before, ol.hue.compound li dfn.flag .figure, dl.hue dd dfn:before, .hue dd dfn .figure

 { display: inline-block; opacity: 1; background-color: inherit; }  /* color swatch */

ol.hue.compound li dfn:before, ol.hue.compound li dfn.flag .figure { top: 0; height: auto; } /* number swatch */ ol.hue li:before { position: relative; z-index: 4; }

/* definitions */ dl.hue dd dfn { padding: 0.12em 0.4em 0.12em 0.2em; } ol.hue.compound dfn a, dl.hue dfn a, ol.hue .data-structure { color: inherit; background: transparent; } /* dimension icons */ .hue dd .figure:before, .hue dd dfn .item-dimension abbr, .hue dd dfn .item-dimension ins { display: inline-block; content: attr(data-icon); } dl.hue .item-dimension abbr, dl.hue .item-dimension ins, .hue dd .figure:before { font-family: monospace; font-size: 140%; line-height: 0.75; } .figure.item-dimension ins.tts { font-size: inherit; line-height: 0.5; font-size: 50%; } /* avoid icon styles turning TTS text huge and expanding icon box */ .hue dd dfn .figure abbr, .hue dd dfn .figure ins, .hue dd dfn .tts.swatch span { display: inline-block; width: 0px; overflow: hidden; } /* display Latin string in anything that's not a screen browser, icon in screen browsers */ .hue dfn ins abbr { cursor: inherit; } .hue dfn .item-name abbr, .hue dfn .item-name abbr .visual { display: inline; text-decoration: inherit; border-bottom: inherit; }

/* definition lists */ dl.hue .row { border-width: 0 0 1px 0; } dl.hue .row:last-child { border-width: 0 0 0 0; } dl.hue .row dt:first-child { border-width: 0 1px 0 0; box-sizing: border-box; } /* grid overlays padded boxes weirdly without border-box */ dl.hue dfn { min-width: 11em; padding: 0.12em 0.8em 0 0; } /* qualifiers / compound triples */ dl.hue .row dl dt { margin-left: 1.5em; } dl.hue .row dl dt:first-child { border-width: 1px; }

/* special qualifiers / wavebuilder combinations */ dl.hue.data_wavebuild dd dl dt, dl.hue.data_wavebuild dd dl dd { display: inline-block; } dl.hue.data_wavebuild .row dd, dl.hue.data_motifs .row dd { min-width: 25em; } dl.hue.wide .row dd { min-width: 40em; } dl.hue.data_motifs .row dd.values { grid-template-columns: 27em auto; } .data_wavebuild .rejected-combo { opacity: 0.35; }

/* swatches */ ol.hue li:before, ol.hue.compound dfn:before, ol.hue.compound dfn.flag .figure {

text-align: right !important; content: counter(list); min-width: 7em; border: 0px solid transparent; border-width: 0 4px 0 4px;

} .hue dd dfn:before, .hue dd dfn .figure { content: "   "; text-align: center; display: inline-block; width: 1.5em; margin: 0 0.35em 0 0; } ol.hue li:before { border-color: transparent; } /* display totally unlabeled entries plainly */ ol.hue li.number_done:before, ol.hue li[value]:before, ol.hue.compound [data-qid]:before,

 ol.hue.compound [data-edprefix]:before, ol.hue.compound [data-edsuffix]:before,  /* used on thesis portal pages acting as Items */
 ol.hue.compound [data-qid].flag .figure, ol.hue.compound [data-edprefix].flag .figure, ol.hue.compound [data-edsuffix].flag .figure
   { border-color: inherit; }  /* list items set border color */

dl.hue.compound dfn.flag .flag .aural, dl.hue.compound dfn .swatch .aural { display: inline-block; width: 0px; height: 0px; }

/* .flag: manual Item number bullet, in order to be more TTS-friendly */ ol.hue li .figure .tts.flag .visual:after { content: none; } ol.hue.compound dfn.flag .figure, ol.hue.compound dfn.flag .figure.flag { display: inline-block; } .hue.compound dfn.flag .flag, .hue.compound dfn.flag .tts, .hue.compound dfn.flag .tts .visual { font-size: inherit; color: inherit; }

/* mix-match swatches - match swatch to whole dfn or flip swatch to another philosophy tag */ .double-swatch .tts.swatch, ol.hue dfn .double-swatch .connector + .mix-match .tts.flag .visual, .mix-match + .spacer { display: none; } .double-swatch, .mix-match { display: inline-block; } .mix-match.matched { background-color: inherit; border-color: inherit; } /* get rid of ugly color bleed - deleting spacing at the same time */ .double-swatch { position: relative; } ol.hue .mix-match { position: static; } .hue li dfn.flag .mix-match .figure, .hue dd dfn .mix-match .figure { margin-right: 0; } .hue dd dfn .double-swatch .connector { margin: 0 0.1em; } .hue dfn.manual a, .hue dd dfn.manual a, .hue .hue-domain .field-tag, .hue.hue-domain .field-tag

 { display: inline-block; margin-left: 0.35em; }

.hue dfn.manual ins a, .hue dd dfn.manual ins a, .hue dfn.manual del a, .hue dd dfn.manual del a, ol.hue dfn.manual .item-name ~ .item-name a, .hue .hue-domain dfn.manual .item-name a

 { margin-left: 0; }

/* second flag */ ol.hue.compound dfn.flag .double-swatch .connector + .mix-match .figure

 { margin: 0 0; padding: 0 0; height: auto; width: auto; text-align: right; min-width: 0.8em; border-width: 0 5px; position: absolute; left: -9em; top: 0; }

/* .hue-term - in-text definition highlighters */ p dfn.hue-term ins, p dfn.hue-term .wave-score, .data_wavebuild dfn.hue-term .tag-after, p dfn.hue-term .mix-match .figure .swatch .visual, p dfn.hue-term ins, p dfn.hue-term del { display: none; } p dfn.hue-term, p mark.hue, p dfn.hue-term.manual .figure, p dfn.hue-term .mix-match .figure .swatch { display: inline-block; } p dfn.hue-term, p dfn.hue-term .a, p dfn.hue-term a, p dfn.hue-term .figure, p dfn.hue-term .tag-after { position: relative; } p dfn.hue-term { font-style: normal; padding: 0.07em 0.2em; } p mark.hue { background: transparent; border: none; } /* mark tag is being used for semantics / activating hue rules, not for displaying highlighter itself */ p dfn.hue-term:before {

content: " "; display: block; width: 100%; height: 100%; position: absolute; z-index: 0; left: 0; top: 0;

} p dfn.hue-term.manual .mix-match, p dfn.hue-term.manual .mix-match .figure { width: 1em; height: 1em; } p dfn.hue-term.manual .mix-match {

overflow: hidden; vertical-align: middle; margin: 0 0.25em 0 0; padding: 0 0; bottom: 0.11em;

} p dfn.hue-term.manual .mix-match .figure { background: inherit; border: none; } dfn.hue-term .tag-after, .hue.compound dfn.flag .tts.tag-after { opacity: 0.6; font-size: 75%; bottom: 0.09em; }

/* number list colors */ .mw-body ol.hue, .mw-body ol.hue li, .mw-body dl.hue dfn { color: inherit; } ol.hue li { border-color: #808080; background: #e9e9e9; } /* colorless list entry */ /* definition list colors */ dl.hue, .wikitable .row, .wikitable dt, .wikitable dfn:before, .wikitable dfn .figure, p dfn.hue-term.manual .figure { border: 1px solid var(--border-color-base,#a2a9b1); } dl.hue, .wikitable .row, .wikitable dt, .wikitable dd, dl.hue dfn:after { background: var(--background-color-neutral-subtle,#f8f9fa); } .wikitable .row { background: var(--background-color-neutral-subtle,#f8f9fa) !important; } .wikitable dt, dl.hue dt dfn:after { background: var(--background-color-neutral,#eaecf0); } ol.hue li:after, ol.hue dfn:after { background: var(--background-color-base,#fff); } /* second-background for number lists */ p dfn.hue-term:before { background: rgba(255,255,255,0.7); } /* reset color */ ol.hue ol li { background: none; } dl.hue dt dfn { background-color: transparent !important; } /* the second stylesheet precedes this by invoking particular field/series colors, but those must come second */ .mw-body ol.hue.compound dfn a, .mw-body ol.hue.compound dfn span, .mw-body ol.hue.compound dfn ins { color: var(--color-base,#202122); }

ol.hue dfn > .item-dimension, ol.hue dfn .swatch, ol.hue.compound dfn.flag:before, /* philosophy tag */

 dl.hue dfn ins.result  /* source rating hub */
   { content: none; display: none; }

}

/* series-specific tweaks: User:Reversedragon/FirstNineThousand/hue2.css */ /* */