Classes für Listen

Mit Hilfe von CSS-Classen kann die Ausgabe von Listen beeinflusst werden.

Folgende CSS-Klassen werden angeboten.

Default (zum Vergleich)

<ul>

<ul>...</ul>
  • Element 1
  • Element 2
    • Unterelement (unsorted list) 1
    • Unterelement (unsorted list) 2
    • Unterelement (unsorted list) 3
  • Element 3
    1. Unterelement (sorted list) 1
    2. Unterelement (sorted list) 2
    3. Unterelement (sorted list) 3

<ol>

<ol>...</ol>
  1. Element 1
  2. Element 2
    • Unterelement (unsorted list) 1
    • Unterelement (unsorted list) 2
    • Unterelement (unsorted list) 3
  3. Element 3
    1. Unterelement (sorted list) 1
    2. Unterelement (sorted list) 2
    3. Unterelement (sorted list) 3

Keine Listenpunkte

<ul>

<ul class="nolist">...</ul>
  • Element 1
  • Element 2
    • Unterelement (unsorted list) 1
    • Unterelement (unsorted list) 2
    • Unterelement (unsorted list) 3
  • Element 3
    1. Unterelement (sorted list) 1
    2. Unterelement (sorted list) 2
    3. Unterelement (sorted list) 3

<ol>

<ol class="nolist">...</ol>
  1. Element 1
  2. Element 2
    • Unterelement (unsorted list) 1
    • Unterelement (unsorted list) 2
    • Unterelement (unsorted list) 3
  3. Element 3
    1. Unterelement (sorted list) 1
    2. Unterelement (sorted list) 2
    3. Unterelement (sorted list) 3

Markercolor

<ul>

<ul class="markercolor">...</ul>
  • Element 1
  • Element 2
    • Unterelement (unsorted list) 1
    • Unterelement (unsorted list) 2
    • Unterelement (unsorted list) 3
  • Element 3
    1. Unterelement (sorted list) 1
    2. Unterelement (sorted list) 2
    3. Unterelement (sorted list) 3

<ol>

<ol class="markercolor">...</ol>
  1. Element 1
  2. Element 2
    • Unterelement (unsorted list) 1
    • Unterelement (unsorted list) 2
    • Unterelement (unsorted list) 3
  3. Element 3
    1. Unterelement (sorted list) 1
    2. Unterelement (sorted list) 2
    3. Unterelement (sorted list) 3

Die Farbe des Markers ist per Default die der Basisfarbe des Themes. Sie lässt sich aber auch in Kombination der Angabe der Fakultätskürzel bzw. der Zentralangabe ändern und auch innerhalb der Listen in Unterlisten modifizieren. Die folgende Beispiele gehen von der Markerfarbe der Nat aus. Die unter Element 2 untergeordnete UL hat die Phil-Farbe, die unter Element 3 untergeordnete OL hat die RW-Farbe.

<ul>

<ul class="markercolor nat">...</ul>
  • Element 1
  • Element 2
    • Unterelement (unsorted list) 1
    • Unterelement (unsorted list) 2
    • Unterelement (unsorted list) 3
  • Element 3
    1. Unterelement (sorted list) 1
    2. Unterelement (sorted list) 2
    3. Unterelement (sorted list) 3

<ol>

<ol class="markercolor nat">...</ol>
  1. Element 1
  2. Element 2
    • Unterelement (unsorted list) 1
    • Unterelement (unsorted list) 2
    • Unterelement (unsorted list) 3
  3. Element 3
    1. Unterelement (sorted list) 1
    2. Unterelement (sorted list) 2
    3. Unterelement (sorted list) 3

Kontrastmarker

Zur besseren optischen Hervorhebung des Aufzählungszeichens.

<ul>

Die unsortierte Liste kann keine Kontrastmarker anzeigen.

<ol>

<ol class="kontrastmarker">...</ol>
  1. Element 1
  2. Element 2
    • Unterelement (unsorted list) 1
    • Unterelement (unsorted list) 2
    • Unterelement (unsorted list) 3
  3. Element 3
    1. Unterelement (sorted list) 1
    2. Unterelement (sorted list) 2
    3. Unterelement (sorted list) 3


Der Marker kann auch wieder mit Fakultätsfarben und der Zentralfarbe ergänzt werden.
Bei einer untergeordneten sortierten Liste kann man dabei die jeweilige Farbklasse ebenfalls ändern.

Kontrastmarker mit Phil

<ol class="kontrastmarker phil">...</ul>
  1. Element 1
  2. Element 2
    • Unterelement (unsorted list) 1
    • Unterelement (unsorted list) 2
    • Unterelement (unsorted list) 3
  3. Element 3
    1. Unterelement (sorted list) 1
    2. Unterelement (sorted list) 2
    3. Unterelement (sorted list) 3

Kontrastmarker mit Nat

<ol class="kontrastmarker nat">...</ol>
  1. Element 1
  2. Element 2
    • Unterelement (unsorted list) 1
    • Unterelement (unsorted list) 2
    • Unterelement (unsorted list) 3
  3. Element 3
    1. Unterelement (sorted list) 1
    2. Unterelement (sorted list) 2
    3. Unterelement (sorted list) 3

Symbole für unsortierte Listen

<ul>

<ul><li class="symbolname">...</li></ul>
  • Default
  • Positiv mit class="positiv"
  • Negativ mit class="negativ"
  • Fragezeichen mit class="question"
  • Ausrufezeichen mit class="exclamation"
  • Paragraphzeichen mit class="paragraph"
  • Check mit class="check"
  • Cross mit class="cross"

Die sortierte Liste kann keine Symbole anzeigen.