styles.css

body { font-family: 'Roboto', var(--bs-body-font-family); }
h1 { font-weight: 700; }
th { font-weight: 500; }
thead th { line-height: 1.1em; }
a:hover { color: #ff1e56; }
footer .fa-li i { font-size: 110%; vertical-align: -5%; }
.badge { cursor: default; }
.card { border-color: #222; }
.card ul { list-style: disc; margin-bottom: 0; }
.card ul ul { list-style: square; }
.card-header { background-color: #f2f2f2; border-color: #888; font-weight: 700; }
.card-body a { font-weight: 500; }
.fa-calendar-day { color: chocolate; }
.fa-circle-user { color: dodgerblue; }
.fa-code { color: crimson; }
.fa-file-arrow-down { color: forestgreen; }
.fa-file-pdf { color: #b30b00; }
.fa-gear { color: orange; }
.fa-heart { color: red; }
.fa-registered { color: #c74634; }
.fa-scale-balanced { color: mediumseagreen; }
.fa-server { color: darkblue; }
.fa-shield-halved { color: darkorchid; }
.jv-card-box:target .card { -webkit-box-shadow: 0px 0px 12px -2px #666; -moz-box-shadow: 0px 0px 12px -2px #666; -o-box-shadow: 0px 0px 12px -2px #666; box-shadow: 0px 0px 12px -2px #666; }
.jv-cc-banner { height: 2.8rem; }
.jv-draft.badge { background-color: #9932cc; }
.jv-draft.fa-pencil { color: #9932cc; font-size: 0.875em; margin-left: 0.2em; }
.jv-extra-info { font-size: 82%; font-weight: 700; margin-top: 0.6em; margin-bottom: 0.3em; }
.jv-ico-right { padding-left: 0.2em; }
.jv-lts.badge { background-color: #0000ee; font-size: 76%; font-weight: 700; padding-top: 0.4em; padding-bottom: 0.38em; vertical-align: 12%; }
.jv-new.badge { background-color: #009900; font-size: 64%; font-weight: 500; padding-top: 0.4em; padding-bottom: 0.38em; vertical-align: 18%; }
.jv-resources .row span { display: inline-block; max-width: 16.5em; }
.jv-sep { color: #90979d; font-size: 130%; vertical-align: -5%; line-height: 1; }
.jv-status { font-size: 112%; margin-right: 0.25em; vertical-align: -6%; }
.jv-status.jv-current { color: #00d800; }
.jv-status.jv-future { color: #00a8ff; }
.jv-status.jv-maintained { color: #ffbb00; }
.jv-status.jv-old { color: #ff0000; }
.jv-updated-at { color: firebrick; font-weight: 500; }
.jv-val { font-weight: 500; }
.tooltip { --bs-tooltip-arrow-height: 0.6rem; --bs-tooltip-arrow-width: 0.8rem; --bs-tooltip-bg: #555; --bs-tooltip-border-radius: 0.5rem; --bs-tooltip-color: white; --bs-tooltip-font-size: 0.9rem; --bs-tooltip-max-width: 20rem; --bs-tooltip-opacity: 1; font-family: inherit; font-weight: 400; }

#scrolltop { background: #1e90ff; border-radius: 100%; border: 0.15em solid white; bottom: 20px; box-shadow: 0px 3px 9px 3px #202020A0; color: white; display: none; height: 2.5em; outline: none; position: fixed; right: 20px; text-align: center; width: 2.5em; }
#scrolltop:focus, #scrolltop:hover { background: #ff1e56; }
@media screen and (max-width: 480px) { #scrolltop { display: none !important; } }