909bdb6bed63032ec35e20e6e3e60ca3f541f2bb
chmalee
  Thu Aug 31 09:54:01 2023 -0700
Make some style changes to mouseovers as suggested by Max, mostly getting the background color to match the web browser default and adding a box-shadow, refs #31365

diff --git src/hg/htdocs/style/HGStyle.css src/hg/htdocs/style/HGStyle.css
index 6891ba1..d00bc82 100644
--- src/hg/htdocs/style/HGStyle.css
+++ src/hg/htdocs/style/HGStyle.css
@@ -1128,28 +1128,32 @@
 .tbTooltiptext {
     visibility: hidden;
     font-style: italic;
     font-size: smaller;
     padding: 5px;
 }
 
 .tbTooltip:hover .tbTooltiptext {
     visibility: visible;
 }
 
 /* Tooltips - Note these are just general rules all the tooltips will have, the
  * exact positioning is set by associated javascript in utils.js */
 .tooltip {
     visibility: hidden;
-    background-color: #282828;
-    color: #CDCDCD;
+    background-color: rgb(238,238,238);
+    color: black;
     text-align: center;
     position: fixed;
     z-index: 1003; /* these indices are all over the place for various things */
     opacity: 0;
     line-height: 1em;
+    padding: 3px;
+    border: 1px solid black;
+    border-radius: 2px;
+    box-shadow: 0px 1px 2px darkgrey;
 }
 
 .tooltip:hover .tooltiptext {
     visibility: visible;
     opacity: 0.9;
 }