summaryrefslogtreecommitdiff
path: root/css/navigationBar.css
diff options
context:
space:
mode:
Diffstat (limited to 'css/navigationBar.css')
-rw-r--r--css/navigationBar.css50
1 files changed, 50 insertions, 0 deletions
diff --git a/css/navigationBar.css b/css/navigationBar.css
new file mode 100644
index 0000000..fb09dc4
--- /dev/null
+++ b/css/navigationBar.css
@@ -0,0 +1,50 @@
+div.navigationBar {
+ background-color:var(--foregroundColour);
+ border-radius: 1rem;
+ color: var(--backgroundColour);
+ font-family: var(--sansSerifFont);
+ font-weight: bold;
+ padding: 1rem 2rem;
+ text-align: center;
+ width: 100%;
+}
+
+div.navigationBar img.themeToggler {
+ background-color:var(--backgroundColour);
+ border-color: var(--backgroundColour);
+ border-radius: calc(1rem / 3 * 2);
+ border-width: calc(1rem / 3);
+ border-style: solid;
+ color: var(--backgroundColour);
+ cursor: pointer;
+ display: block;
+ height: 2rem;
+ margin: 0 auto;
+ margin-bottom: 1rem;
+ user-select: none;
+ width: 3rem;
+}
+
+div.navigationBar p + p {
+ margin-top:calc(1rem / 2);
+}
+
+div.navigationBar p,div.navigationBar span.link + span::before {
+ content:"\0020\00B7\0020";
+}
+
+div.navigationBar p,div.navigationBar span.link a,div.navigationBar span.link a:hover {
+ color:var(--backgroundColour);
+}
+
+div.navigationBar span.link a:hover {
+ text-decoration:underline;
+}
+
+div.navigationBar span.deadLink a {
+ text-decoration:line-through;
+}
+
+div.navigationBar span.deadLink a:hover {
+ text-decoration:line-through underline;
+}