User:Reversedragon/FirstNineThousand/hue.css

/* stylesheet for showing counting numbers versus identifiers, and term categories; currently testing it with Stylus extension */

ol.hue  { list-style-type: none; margin-left: 0; }
ol.hue.reset { counter-reset: list; }

ol.hue li { counter-increment: list; border-color: #a0a0a0; padding-left: 10em; }
ol.hue.wide li { padding-left: 11.7em; }

ol.hue li:before {
 display: inline-block; text-align: right !important; content: counter(list);
 min-width: 7em; margin: 0 0.5em 0 -10em; padding: 0 0.7em;
 border: 0px solid transparent; border-width: 0 4px 0 4px;
 background: #f9f9f9;
}
ol.hue.wide li:before { min-width: 9em; margin: 0 0.5em 0 -11.7em; }

ol.hue li.number_empty   { border-color: transparent; }  ol.hue li.number_empty:before  { background: #404040;  color: #fafafa; }
ol.hue li.field_internal { border-color: #909090; }  ol.hue li.field_internal:before { background: #d3d3d3; /* LightGray */ }
ol.hue li.field_geo      { border-color: #60A096; }  ol.hue li.field_geo:before      { background: #B0E0E6; /* PowderBlue */ }
ol.hue li.field_nations  { border-color: #aE8847; }  ol.hue li.field_nations:before  { background: #ddB887; /* Burlywood */ }
ol.hue li.field_exstruct { border-color: #4969e9; }  ol.hue li.field_exstruct:before { background: #afcce6; }
ol.hue li.field_trotsky  { border-color: #BF4C10; }  ol.hue li.field_trotsky:before  { background: #FF8C00; /* DarkOrange */ }
ol.hue li.field_ML       { border-color: #820212; }  ol.hue li.field_ML:before       { background: #C24252; /* crimson */  color: #fafafa; }
ol.hue li.field_mdem     { border-color: #5330AB; }  ol.hue li.field_mdem:before     { background: #9370DB; /* MediumPurple */ }
ol.hue li.field_fantasy  { border-color: #40AE50; }  ol.hue li.field_fantasy:before  { background: #90EE90; /* LightGreen */ }
ol.hue li.field_horror   { border-color: #305E00; }  ol.hue li.field_horror:before   { background: #509E40; }

ol.hue li:before  { border-color: transparent; }
ol.hue li.number_done:before, ol.hue li[value]:before  { border-color: inherit; }

ol.hue       li[value]:before   { content: attr(value) "　/　" counter(list); }
ol.hue.clean li[value]:before   { content: attr(value) }
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) }
/* L is an actual separate namespace, so display it without hyphen */
ol.hue       li[value][data-dimension="L"]:before { content: attr(data-dimension) attr(value) "　/　" counter(list); } /* "Z " */
ol.hue.clean li[value][data-dimension="L"]:before { content: attr(data-dimension) attr(value) }

ol.hue .item-dimension { display: none; }  /* .item-dimension is for when the CSS doesn't load */

ol.hue li ol { counter-increment: none; margin-left: 1.2em; }
ol.hue li ol li { counter-increment: none; padding-left: 0.5em; }
ol.hue li ol li:before { content: ""; display: none; }


/* dl { border: 3px solid red; }  dt { border: 2px solid blue; }  dd { border: 1px solid green; }  li { border: 1px solid purple; } */
dl.hue dt, dl.hue dd, dl.hue dd ul li { display: inline-block; }
dl.hue dfn, dl.hue dd dl, dl.hue .row dt { display: table-cell; }
dl.hue .row { display: table-row; }
dl.hue dt { min-width: 15em; }
dl.hue dd, dl.hue li { min-width: 15em; margin: 0 1.2em 0 0; }
dl.hue dfn { min-width: 10em; }
dl.hue dd dl, dl.hue dd ul { min-width: 50em; }
dl.hue dd dl dd, dl.hue dd ul li { min-width: auto; }

dl.hue dt { background: var(--background-color-neutral,#eaecf0); }
dl.hue dt, dl.hue dd { padding: 0.2em 0.4em; }
dl.hue, dl.hue .row, dl.hue dt { border: 1px solid var(--border-color-base,#a2a9b1); }
dl.hue { border: none; }

/* [[Category:Fake Item lists]] */