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
@@ -1,52 +1,118 @@
 /* 
    Style Sheet for hgHubConnect
    by Greg Roe                   
    Last update: 2011-7-18 (greg)   
 */
 
 #tabs {
 	font-size: 100%;
 	margin-top: 5px;
 }
 
 .hubList table {
     width: 1000px;
     border-collapse: collapse;
 }
 
 /* Creating rounded corners at the tops of tables - works with all CSS3 supporting browsers, degrades gracefully */
 .hubList table tr:first-child th:first-child {-webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px;}
 .hubList table tr:first-child th:last-child {-webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px;}
 
 /* Styling table cells */
 .hubList tbody 	{font-size: 0.9em;}
 .hubList table tr td:first-child {text-align: center;}
 .hubList table#unlistedHubsTable tr td:last-child {text-align: center;}
 .hubList th, .hubList td {padding: 2px 8px; text-align: left;}
 .hubList th {background-color: #e5dfb1; height: 1.6em; vertical-align: middle;}
 
 .hubList table tbody tr {background-color: #fffef8;}
 .hubTdbTree {font-size: 0.9em;}
 .descriptionMatch {font-size: 0.9em;}
 .selectedRow {background-color: #99dd9a !important;}
 .hoverRow {background-color: #fdffb7 !important;}
 .hubList td {border-top: 1px solid #d5cd9e; border-bottom: 1px solid #d5cd9e;}
 .centeredCol {text-align: center;}
 #addHubBar {background-color: #bfbfb2; line-height: 2.3em;}
 #hubURL {line-height: 0.9em; color: #1c1d22;}
 .hubList input {margin: 3px; font-size: 0.8em;}
 .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;
+}