Make menu elements easier to recognize

1 files changed, 11 insertions, 0 deletions

diff --git a/stylesheets/commun.css b/stylesheets/commun.css
index c6c665b..acda5e8 100644
--- a/stylesheets/commun.css
+++ b/stylesheets/commun.css
@@ -265,6 +265,7 @@ footer.legal {
         margin: 0;
         z-index: 3;
         opacity: 0;
+        cursor: pointer;
     }
     header.slidingmenu img.button {
         position: absolute;
@@ -274,6 +275,16 @@ footer.legal {
         width: 2.4rem;
         height: 2.4rem;
     }
+    header.slidingmenu img.button {
+        filter: brightness(0);
+    }
+    header.slidingmenu > input:hover ~ img.button.open,
+    header.slidingmenu > input:focus ~ img.button.open,
+    header.slidingmenu > input:hover ~ .content > img.button.close,
+    header.slidingmenu > input:focus ~ .content > img.button.close {
+        filter: none;
+    }
+
     header.slidingmenu > .content {
         position: fixed;
         overflow: auto;