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; counter-reset: list; margin-left: 0; }
ol[start].start_two-thousand   { counter-reset: list 1999; }
ol[start].start_two-thousand   { counter-reset: list 1999; }
ol[start].start_three-thousand { counter-reset: list 2999; }
ol[start].start_four-thousand  { counter-reset: list 3999; }
ol[start].start_six-thousand   { counter-reset: list 5999; }

ol.hue li { counter-increment: list; }

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

ol.hue li.number_done:before, ol.hue li[value]:before  { border-color: black; }
ol.hue li.field_ML:before       { background: #C24252; /* crimson */       border-color: black; }
ol.hue li.field_trotsky:before  { background: #FF8C00; /* DarkOrange */    border-color: black; }
ol.hue li.field_mdem:before     { background: #9370DB; /* MediumPurple */  border-color: gold;}
ol.hue li.field_internal:before { background: lightgrey; }
ol.hue li.field_fantasy:before  { background: #90EE90; /* LightGreen */ }

ol.hue li[value]:before { content: attr(value) "　/　" counter(list); }