User:Reversedragon/FirstNineThousand/hue.css: Difference between revisions
borders |
fix nested lists |
||
| Line 2: | Line 2: | ||
ol.hue { list-style-type: none; counter-reset: list; margin-left: 0; } | 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_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_three-thousand { counter-reset: list 2999; } | ||
ol[start].start_four-thousand { counter-reset: list 3999; } | 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_six-thousand { counter-reset: list 5999; } | ||
| Line 23: | Line 25: | ||
ol.hue li.field_fantasy { border-color: #90EE90; } ol.hue li.field_fantasy:before { background: #90EE90; /* LightGreen */ } | ol.hue li.field_fantasy { border-color: #90EE90; } ol.hue li.field_fantasy:before { background: #90EE90; /* LightGreen */ } | ||
ol.hue li.field_geo { border-color: #60A096; } ol.hue li.field_geo:before { background: #B0E0E6; /* PowderBlue */ } | ol.hue li.field_geo { border-color: #60A096; } ol.hue li.field_geo:before { background: #B0E0E6; /* PowderBlue */ } | ||
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:before { border-color: transparent; } | ||
| Line 28: | Line 31: | ||
ol.hue li[value]:before { content: attr(value) " / " counter(list); } | ol.hue li[value]:before { content: attr(value) " / " counter(list); } | ||
ol.hue ol { margin-left: 11em; counter-increment: none; } | |||
ol.hue li li { counter-increment: none; } | |||
ol.hue li li:before { content: ""; display: none; } | |||
Revision as of 10:13, 19 January 2025
/* 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.hue li { counter-increment: list; border-color: #a0a0a0; }
ol.hue li:before {
display: inline-block; text-align: right !important; content: counter(list);
min-width: 7em; margin: 0 0.5em; 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 */ }
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_fantasy { border-color: #90EE90; } ol.hue li.field_fantasy:before { background: #90EE90; /* LightGreen */ }
ol.hue li.field_geo { border-color: #60A096; } ol.hue li.field_geo:before { background: #B0E0E6; /* PowderBlue */ }
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 ol { margin-left: 11em; counter-increment: none; }
ol.hue li li { counter-increment: none; }
ol.hue li li:before { content: ""; display: none; }