diff --git a/public/css/menu.css b/public/css/menu.css
index 5b4a5d3..1ab5162 100644
--- a/public/css/menu.css
+++ b/public/css/menu.css
@@ -2,23 +2,49 @@
 
 ul.menu {
   position: absolute;
-  background-color: #7ba400;
-  font-weight: normal;
-  border: 2px solid white;
+  text-indent: 0;
   list-style-type: none;
   list-style-position: outside;
   padding-left: 0;
+  padding-bottom: 3px;
+  background-color: #ddd; /* $pagination-bg */
+}
+
+ul.menu,
+ul.menu > span.pref:not(:empty) {
+  text-shadow: none;
+/*
+  background-color: #7ba400;
+*/
+  font-weight: normal;
+  border: 2px solid #688704; /* $middle-green */
+  box-shadow: 2px 2px 2px rgba(0,0,0,0.2); /* $pagination-box-shadow */
   z-index: 16;
+  border-bottom-right-radius: 6px;
+  border-bottom-left-radius: 6px;
 }
 
-ul.menu > li {
-  padding: 2px 5px;
+/*
+  .hint {
+    max-width: 23em;
+    margin-top: -1px;
+    display: inline-block;
+    opacity: 0;
+    border-top-width: 0px;
+  }
+*/
+
+ul.menu > li,
+ul.menu > span.pref:not(:empty) {
+  cursor: pointer;
+  padding: 3px 8pt;
+  white-space: normal;
 }
 
-ul.menu > *.active,
-ul.menu > *:hover {
-  background-color: rgba(255,255,255,.25);
-  color: #496000;
+ul.menu > li,
+ul.menu > span.pref:not(.active) {
+  background-color: #ddd; /* $pagination-bg */
+  color: #7ba400; /* $light-green */
 }
 
 ul.menu > li:first-of-type {
@@ -30,11 +56,11 @@
 }
 
 ul.menu > li:first-of-type:not(.no-more) {
-  border-top-color: #ffa500;
+  border-top-color: #ffa500; /* $dark-orange */
 }
 
 ul.menu > li:last-of-type:not(.no-more) {
-  border-bottom-color: #ffa500;
+  border-bottom-color: #ffa500; /* $dark-orange */
 }
 
 ul.menu > li mark {
@@ -47,14 +73,39 @@
 ul.menu > span.pref:not(:empty) {
   position: absolute;
   min-width: 2px;
+  border-bottom-right-radius: 10px;
+  left: 0;
+  bottom: 0;
+  display: block;
+  margin-bottom: -2.1em;
+  padding: .1em .3em;
+  margin-left: -2px;
+  border-radius: 6px;
+}
+
+/*
   border: 2px solid white;
   height: -1.5em;
-  display: block;
-  right: 0;
-  bottom: 0;
   border-top-width: 0;
-  padding: .1em .3em;
-  margin-bottom: -1.7em;
-  margin-right: -2px;
   background-color: #7ba400;
-}
\ No newline at end of file
+*/
+
+/*
+  .hint > li {
+    border-bottom: 5px solid transparent;
+  }
+*/
+ul.menu > *.active {
+  background-color: #7ba400; /* $light-green; */
+  color: #496000; /* $dark-green; */
+}
+
+ul.menu > li:hover,
+ul.menu > span.pref:hover {
+/*
+  background-color: rgba(255,255,255,.25);
+  color: #496000;
+*/
+  background-color: #ffa500; /* $dark-orange; */
+  color: white;
+}