Highlight currently viewed member in dropdown menu

5 files changed, 6 insertions, 7 deletions

diff --git a/commun.css b/commun.css
index 6db6981..2826589 100644
--- a/commun.css
+++ b/commun.css
@@ -68,7 +68,6 @@ nav > ol > li {
     padding: 0.5em 0.1em;
 }
 
-/* TODO highlight current quatuor member */
 nav li.dropdown {
     position: relative;
 }
@@ -78,7 +77,7 @@ nav li.dropdown ul {
     left: 0;                    /* Offset nav > ol > li padding. */
     padding-left: 0;
     width: 100%;
-    background: white;
+    background: lightgrey;
     z-index: 1;
 }
 nav li.dropdown:hover ul {
@@ -89,7 +88,7 @@ nav li:hover ul li {
     list-style-type: none;
 }
 nav li.dropdown > ul > li:hover {
-    background: lightgrey;
+    background: white;
 }
 nav li.dropdown > ul > li a {
     display: block;       /* Make link span whole containing block. */
diff --git a/garet.html b/garet.html
index 9ff5660..9b92733 100644
--- a/garet.html
+++ b/garet.html
@@ -24,7 +24,7 @@
             <a href="quatuor.html">Le quatuor</a>
             <ul>
               <li><a href="vlad.html"><img src="https://static.wikia.nocookie.net/goldensun/images/8/87/Isaac2.gif">Vlad</a></li>
-              <li><a href="garet.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3e/Garet_icon.gif">Garet</a></li>
+              <li class="current"><a href="garet.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3e/Garet_icon.gif">Garet</a></li>
               <li><a href="ivan.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3d/Ivan_platinum.gif">Ivan</a></li>
               <li><a href="sofia.html"><img src="https://static.wikia.nocookie.net/goldensun/images/4/43/Mia.gif">Sofia</a></li>
             </ul>
diff --git a/ivan.html b/ivan.html
index 637110d..1d6ff15 100644
--- a/ivan.html
+++ b/ivan.html
@@ -25,7 +25,7 @@
             <ul>
               <li><a href="vlad.html"><img src="https://static.wikia.nocookie.net/goldensun/images/8/87/Isaac2.gif">Vlad</a></li>
               <li><a href="garet.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3e/Garet_icon.gif">Garet</a></li>
-              <li><a href="ivan.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3d/Ivan_platinum.gif">Ivan</a></li>
+              <li class="current"><a href="ivan.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3d/Ivan_platinum.gif">Ivan</a></li>
               <li><a href="sofia.html"><img src="https://static.wikia.nocookie.net/goldensun/images/4/43/Mia.gif">Sofia</a></li>
             </ul>
           </li>
diff --git a/sofia.html b/sofia.html
index eae212c..e6c014a 100644
--- a/sofia.html
+++ b/sofia.html
@@ -26,7 +26,7 @@
               <li><a href="vlad.html"><img src="https://static.wikia.nocookie.net/goldensun/images/8/87/Isaac2.gif">Vlad</a></li>
               <li><a href="garet.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3e/Garet_icon.gif">Garet</a></li>
               <li><a href="ivan.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3d/Ivan_platinum.gif">Ivan</a></li>
-              <li><a href="sofia.html"><img src="https://static.wikia.nocookie.net/goldensun/images/4/43/Mia.gif">Sofia</a></li>
+              <li class="current"><a href="sofia.html"><img src="https://static.wikia.nocookie.net/goldensun/images/4/43/Mia.gif">Sofia</a></li>
             </ul>
           </li>
           <li><a href="actualités.html">Actualités</a></li>
diff --git a/vlad.html b/vlad.html
index dec1f1f..76b52e9 100644
--- a/vlad.html
+++ b/vlad.html
@@ -23,7 +23,7 @@
           <li class="dropdown current">
             <a href="quatuor.html">Le quatuor</a>
             <ul>
-              <li><a href="vlad.html"><img src="https://static.wikia.nocookie.net/goldensun/images/8/87/Isaac2.gif">Vlad</a></li>
+              <li class="current"><a href="vlad.html"><img src="https://static.wikia.nocookie.net/goldensun/images/8/87/Isaac2.gif">Vlad</a></li>
               <li><a href="garet.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3e/Garet_icon.gif">Garet</a></li>
               <li><a href="ivan.html"><img src="https://static.wikia.nocookie.net/goldensun/images/3/3d/Ivan_platinum.gif">Ivan</a></li>
               <li><a href="sofia.html"><img src="https://static.wikia.nocookie.net/goldensun/images/4/43/Mia.gif">Sofia</a></li>