[CSS] Colorize header bar (6/2)

1 files changed, 19 insertions, 2 deletions

diff --git a/assets/css/screen.css b/assets/css/screen.css
index 4df72e7..59bd166 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -1579,12 +1579,29 @@ body.txt article > header > nav ul li a {
   width: 100%;
   height: 100%;
 }
-body.txt body.txt article > header > nav ul li a:link {
+body.txt body.txt article > header > nav a {
   background-color: rgba(166, 191, 112, 0.7);
+}
+body.txt body.txt article > header > nav a:hover, body.txt body.txt article > header > nav a:active {
+  background-color: rgb(187, 205, 150);
+}
+body.txt body.txt article > header > nav a {
+  text-decoration: none;
+  background-color: rgb(124, 118, 146);
+}
+body.txt body.txt article > header > nav a:link {
   color: rgb(240, 240, 242);
 }
-body.txt body.txt article > header > nav ul li a:link:hover, body.txt body.txt article > header > nav ul li a:link:active {
+body.txt body.txt article > header > nav a:hover {
   background-color: rgb(187, 205, 150);
+  color: black;
+  text-decoration: underline;
+}
+body.txt body.txt article > header > nav a:active {
+  color: white;
+}
+body.txt body.txt article > header > nav a:visited {
+  color: rgb(240, 240, 242);
 }
 body.txt > aside:hover, body.txt > aside:focus {
   background-color: rgb(187, 205, 150);