752ca37b9f0031e59abc0dedef4752b7eb890946
chmalee
  Fri May 19 12:11:41 2023 -0700
Generalize the notification box setups so we can have multiple of them. Starting on getting the tutorial to show up conditionally

diff --git src/hg/htdocs/style/HGStyle.css src/hg/htdocs/style/HGStyle.css
index 5af618d..d35a733 100644
--- src/hg/htdocs/style/HGStyle.css
+++ src/hg/htdocs/style/HGStyle.css
@@ -796,31 +796,31 @@
     margin:10px;
     text-align:left;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 10000;
     width: 800px;
 }
 
 #warnHead {
     color: DarkRed;
 }
 
 /* like warnBox, but under the menu, not in the middle of the screen */
-#notifBox {
+.notifBox {
     background-color: beige;
     border: 1px solid grey;
     padding: 5px; 
     margin: 5px;
     text-align: left;
 }
 
 /* For jquery-ui dialog box */
 div.warnDialog { border: 2px solid; }
 div.warnDialog .ui-dialog-titlebar { background-color: #FF8566; }
 div.warnDialog .ui-dialog-title { font-weight: bold; color: #000000; }
 div.warnDialog .ui-dialog-content { background-color: #FFFEE8; font-size: 1em; }
 div.warnDialog .ui-dialog-buttonpane { border-width: 0; text-align: center; }
 div.warnDialog .ui-dialog-buttonset { width: 100%; display: inline-block; }