@ou-imdt/css/dist/themes/osep.css

The IMDT CSS library styles native elements with light, extendable CSS. It is developed for Interactive Media Developers at the Open University.

[data-theme*="osep"] {
    --base-theme: light;
    --accent: #0b55a8;
    --font-size: 14px;
    --font: Arial, sans-serif;
    --line-height: 21px;
    --striped-odd-bg: #b0dfeb;
    --striped-odd-fg: var(--fg1);
    --striped-even-bg: var(--bg1);
    --striped-even-fg: var(--fg1);
    --table-border: 0;
    --table-thead-bg: #b0dfeb;
    --table-thead-fg: #002158;
    --table-tfoot-bg: var(--table-thead-bg);
    --table-tfoot-fg: var(--table-thead-fg);

    --table-thead-border-bottom: 2px solid #7cc7e0;
    --table-thead-border-top: var(--table-thead-border-bottom);
    --table-tfoot-border-top: 2px solid #7cc7e0;
    --table-tfoot-border-bottom: var(--table-tfoot-border-top);
}

[data-theme*="osep"] abbr {
    position: relative;
}

[data-theme*="osep"] abbr::after {
    content: " ";
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    transform: translateY(-100%);
    border-bottom: var(--abbr-border-bottom);
}