User:Reversedragon/FirstNineThousand/hue.css

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

/* either medium */

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: 0; }
ol.hue.reset   { counter-reset: list; }
ol.hue li  { counter-increment: list; min-width: 10em; padding-left: 10em; }

/* 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; }

/* 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 { 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 { content: attr(data-dimension) "–" attr(data-qid) }
/* L and P are actual separate namespaces, 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) }
/* Property data types */
ol.hue.clean.compound [data-structure]:after { content: " [" attr(data-structure) "]"; margin-left: 0.4em; font-size: 90%; }

/* 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 dt, dl.hue dd { padding: 0.1em 0.4em; }
dl.hue, dl.hue dd, dl.hue.data_wavebuild dl.hue .values,  dl.hue .row dl  { border: none; }
/* definitions */
.hue dfn, .hue.compound dfn, .hue.data_wavebuild dfn ins.wave-score { font-style: normal; display: inline-block; }

/* qualifiers */
dl.hue .row dd.values  { display: grid; grid-template-columns: 15.2em auto; }
dl.hue .row dl  { margin: 1px 0; }

/* wavebuilder combinations */
dl.hue.data_wavebuild dd dl dt, dl.hue.data_wavebuild dd dl dd { display: inline-block; }
dl.hue.data_wavebuild .row dl, dl.hue.data_rating .row dl  { margin: 0; }
/* source rating hub */
dl.hue.data_rating .row dd.values   { display: inline-block; }
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; }
/* hide specific tests */
/* dl.hue.data_rating .row dd.test-q-all, dl.hue.data_rating .row dt.test-result, dl.hue.data_rating .row dd.test-result-all  { display: none; } */

/* dimension icons / clarifications */
.hue .item-dimension { display: inline; }
dl.hue .item-dimension abbr, .hue dfn ins { text-decoration: none; }
.hue dfn ins.wave-score { margin-left: 0.4em; }
/* special Item titles */
.hue cite.article { font-style: normal; } .hue cite.article:before { content: open-quote; } .hue cite.article:after { content: close-quote; }

dl.hue dd dl.values dt.term, dl.hue dd.values dl dt.term  /* semantic "triple subject" headings */
, ol.hue .item-dimension  , .hue dfn ins.wave-score
, 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 */
, .hue dd dfn .field  /* show field/series clarification in number lists, but not definition lists */
{ content: none; display: none; }


@media screen {

/* basic hue lists */
ol.hue li      { border-color: #808080; background: #e9e9e9; }
ol.hue.wide li { padding-left: 11.7em; }
/* swatch hanging indents */
ol.hue li:before       { margin: 0 0.5em 0 -10em; 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 0 0; padding-left: 10.6em; background: transparent; }
ol.hue.compound dfn    { margin: 0 0.5em 0 0; }
ol.hue.compound dfn:before  { padding: 0 0.7em; margin-right: 0.5em; width: 8em; }

/* second-background setup */
ol.hue li  { z-index: 1; }
ol.hue li, ol.hue.compound li dfn, .hue .row dd,  dl.hue dd dfn:before, .hue dd dfn .figure,  .hue dfn a, .hue dfn ins, .hue dfn span  { position: relative; }
ol.hue li:after, ol.hue li dfn:before, dl.hue dfn:after,  ol.hue.compound li dfn:after, ol.hue.compound li dfn:before  { position: absolute; }
ol.hue.compound li dfn:before  { display: block; }

/* second-background for basic & compound lists */
ol.hue li:after, ol.hue.compound li dfn:after  { content: "   "; opacity: 100%; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; }
ol.hue li:after  { opacity: 80%;  }
ol.hue dfn  { width: 100%; z-index: 4; }
/* 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  { content: none; }

/* stuff inside definitions */
ol.hue dfn,  dl.hue .string dfn,  .hue dfn a, .hue dfn ins, .hue dfn span  { background: transparent; }
ol.hue li:before,  ol.hue.compound li dfn:before,  dl.hue dd dfn:before, .hue dd dfn .figure  { opacity: 100%; background-color: inherit; }  /* color swatch */
ol.hue.compound li dfn:before  { left: -10.6em; top: 0; height: auto; }  /* number swatch */
ol.hue li:before  { position: relative; z-index: 4; }
.hue dfn a, .hue dfn ins, .hue dfn span,  dl.hue dd dfn:before, .hue dd dfn .figure  { z-index: 5; }


/* 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; }  dl.hue .row dl dt:first-child { border-width: 1px; }
dl.hue dfn { min-width: 11em; padding: 0.12em 0.8em 0 0; }
/* qualifiers */
dl.hue .row dl dt  { margin-left: 1.5em; }

/* definitions */
dl.hue dd dfn  { padding: 0.12em 0.4em 0.12em 0.2em; }
ol.hue.compound dfn a, .hue dfn[data-structure]:after  { color: inherit; background: transparent; }
/* dimension icons */
.hue dd .figure:before, .hue dd dfn .figure abbr  { display: inline-block; content: attr(data-icon); }
dl.hue .item-dimension abbr, .hue dd .figure:before { font-family: monospace; font-size: 140%; line-height: 0.75; }
.hue dd dfn .figure abbr { width: 0px; overflow: hidden; }
  /* display Latin string in anything that's not a screen browser, icon in screen browsers */

/* 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 { min-width: 25em; }  dl.hue.data_wavebuild.wide .row dd { min-width: 40em; }

/* swatches */
ol.hue li:before, ol.hue.compound dfn:before {
 display: inline-block; 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.5em 0 0; }
ol.hue li:before  { border-color: transparent; }  /* display totally unlabeled entries more plainly */
ol.hue li.number_done:before, ol.hue li[value]:before, ol.hue.compound [data-qid]:before  { border-color: inherit; }  /* list items set border color */

/* definition list colors */
dl.hue, .wikitable .row, .wikitable dt, .wikitable dfn:before, .wikitable dfn .figure { border: 1px solid var(--border-color-base,#a2a9b1); }
dl.hue, .wikitable .row, .wikitable dt, .wikitable dd { background: var(--background-color-neutral-subtle,#f8f9fa); }
.wikitable .row { background: var(--background-color-neutral-subtle,#f8f9fa) !important; }
.wikitable dt { background: var(--background-color-neutral,#eaecf0); }
dl.hue dt dfn { background-color: transparent !important; }  /* the second stylesheet precedes this by invoking particular field/series colors, but those must come second */
/* second-background colors */
ol.hue li:after, ol.hue dfn:after  { background: var(--background-color-base,#fff); }
dl.hue dfn:after  { background: var(--background-color-neutral-subtle,#f8f9fa); }
dl.hue dt dfn:after  { background: var(--background-color-neutral,#eaecf0); }
/* basic placeholder entry */
.hue .number_empty  { border-color: transparent; background: #404040; color: #fafafa; }
/* reset color */
.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 ol li   { background: 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; }
 
 /* qualifiers */
 dl.hue .row dd.values  { grid-template-columns: auto auto; }
 
 /* swatches */
 .hue dd dfn .figure  { display: inline-block; margin: 0 0.4em 0 0; }
}


/* series-specific tweaks:  [[User:Reversedragon/FirstNineThousand/hue2.css]] */
/* [[Category:Fake Item lists]] */