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_nine-hundred   { counter-reset: list 899; }
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_five-thousand  { counter-reset: list 4999; }
ol[start].start_six-thousand   { counter-reset: list 5999; }
ol[start].start_nine-thousand  { counter-reset: list 8999; }

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

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 li.field_ML       { border-color: #820212; }  ol.hue li.field_ML:before       { background: #C24252; /* crimson */  color: #fafafa; }
ol.hue li.field_trotsky  { border-color: #BF4C10; }  ol.hue li.field_trotsky:before  { background: #FF8C00; /* DarkOrange */ }
ol.hue li.field_mdem     { border-color: #5330AB; }  ol.hue li.field_mdem:before     { background: #9370DB; /* MediumPurple */ }
ol.hue li.field_internal { border-color: #909090; }  ol.hue li.field_internal:before { background: lightgrey; }
ol.hue li.field_geo      { border-color: #60A096; }  ol.hue li.field_geo:before      { background: #B0E0E6; /* PowderBlue */ }
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.number_empty   { border-color: transparent; }  ol.hue li.number_empty:before  { background: #404040;  color: #fafafa; }

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 ol { counter-increment: none; }
ol.hue li li { counter-increment: none; }
ol.hue li li:before { content: ""; display: none; }