Add custom CSS for the HTML output

Distinguish links to internal glossary items (default text color, dotted
bottom border) and those to sections, references or footnotes (blue,
dashed bottom border).
Use darkgreen (solid bottom border) for external links instead of the
default blue.

Signed-off-by: David Runge <dave@sleepmap.de>
This commit is contained in:
David Runge 2023-11-30 19:51:53 +01:00
parent 8c72b89182
commit 2b2c02d836
No known key found for this signature in database
GPG key ID: 90D4B9641E092971

View file

@ -0,0 +1,48 @@
/*
SPDX-FileCopyrightText: 2023 The "Notes on OpenPGP" project
SPDX-License-Identifier: CC0-1.0
NOTE: Colors are adapted to match those of the "alabaster" theme
*/
/*
External links
*/
a.external.reference {
color: darkgreen;
text-decoration: none;
border-bottom: 1px solid darkgreen;
}
/*
Internal links
*/
a.internal.reference {
text-decoration: none;
border-bottom-style: none;
}
/*
Text in section and reference links
*/
span.std-doc,
span.std-numref,
span.std-ref,
a.footnote-reference {
border-bottom: 1px dashed #3333ff;
color: #3333ff;
text-decoration: none;
}
a.footnote-reference:hover {
border-bottom: 1px dashed #3333ff;
text-decoration: none;
}
/*
Text in glossary links
*/
span.std-term {
color: rgb(62, 67, 73);
border-bottom: 1px dotted rgb(62, 67, 73);
}