From 4a0f339c419075e3a8365a88c76eb54880119c0c Mon Sep 17 00:00:00 2001 From: "Jakob L. Kreuze" Date: Sat, 19 Jul 2025 17:26:14 -0400 Subject: Classification banner --- flashcards.html | 25 ++++++++++++++++--------- style.css | 34 ++++++++++++++++++++++++++++++++++ 2 files changed, 50 insertions(+), 9 deletions(-) diff --git a/flashcards.html b/flashcards.html index 4727889..98df131 100644 --- a/flashcards.html +++ b/flashcards.html @@ -6,17 +6,24 @@ -
-
-
-
+ + + + +
+ +
+
+
+
-
-
- No cards loaded! +
+
+ No cards loaded! +
+
+
-
-
diff --git a/style.css b/style.css index 6c77a0c..82a09f5 100644 --- a/style.css +++ b/style.css @@ -79,3 +79,37 @@ body { filter: drop-shadow(2px 2px 5px gray); box-shadow: 2px 2px 5px gray; } + + +* { + box-sizing: border-box; + margin: 0; + padding: 0; +} + +.banner { + position: fixed; + width: 100%; + color: white; + text-align: center; + font-weight: bold; + line-height: 16px; + font-size: 12px; + z-index: 100; +} + +.top-banner { + top: 0; + background-color: #008000; +} + +.bottom-banner { + bottom: 0; + background-color: #008000; +} + +.content { + padding: 20px; + max-width: 800px; + margin: auto; +} -- cgit v1.3