ea1508d83bb99583cb9ec1ff630b938187a44006
chmalee
  Tue Nov 26 08:13:06 2019 -0800
Change 'validate hub' to 'Hub Development' and display custom help
explaining that this tab is for running hubCheck. Also add a button
to load the hub on hgTracks, and a dropdown with extra checkboxes
for turning on udcTimeout and measureTiming. refs #24599

diff --git src/hg/htdocs/style/hgHubConnect.css src/hg/htdocs/style/hgHubConnect.css
index 808a5fc..041e884 100644
--- src/hg/htdocs/style/hgHubConnect.css
+++ src/hg/htdocs/style/hgHubConnect.css
@@ -38,15 +38,81 @@
 .submitHub {margin: 10px;}
 
 .tabFooter {
     font-size: 100%;
     font-family: Verdana,Arial,sans-serif;
 }
 
 .tabFooter input {
     font-size: 0.8em;
     margin: 7px 0 7px 3px;
 }
 .tabFooter .small {margin: 2px 40px; font-size: 0.8em;}
 
 .hubError {color: #F00000;}
 
+// hub developer tab settings
+#hubDeveloper {
+    width: 1000px;
+}
+
+#hubDeveloperInstructions {
+    width: 1000px;
+    text-align: center;
+}
+
+.roundCorners {
+    -webkit-border-top-left-radius: 5px;
+    -moz-border-radius-topleft: 5px;
+    border-top-left-radius: 5px;
+    -webkit-border-top-right-radius: 5px;
+    -moz-border-radius-topright: 5px;
+    border-top-right-radius: 5px;
+}
+
+.addHubBar {
+    width: 1000px;
+    background-color: #bfbfb2;
+    line-height: 2.3em;
+    padding: 2px 8px;
+    text-align: left;
+    height: auto;
+}
+
+
+#extraSettingsContainer {
+    display: inline-block;
+    line-height: 1.5em;
+    position: relative;
+    vertical-align: middle;
+}
+
+#extraSettingsContainer > img {
+    vertical-align: middle;
+    height: 18;
+    cursor: pointer;
+}
+
+.tooltip {
+    position: relative;
+    display: inline-block;
+    border-bottom: 1px dotted black;
+}
+
+.tooltip .tooltiptext {
+    visibility: hidden;
+    background-color: lightgray;
+    text-align: center;
+    position: absolute;
+    z-index: 1;
+    opacity: 0;
+    width: 220px;
+    padding: 5px;
+    left: 105%;
+    transition: opacity .6s;
+    line-height: 1em;
+}
+
+.tooltip:hover .tooltiptext {
+    visibility: visible;
+    opacity: .9;
+}