6743beb41fc441dc2c5c37fcd330d280d197c7b0 max Mon Oct 3 14:29:11 2022 -0700 make a few small style changes on hgTracks: removing a few buttons that are hardly used, merging the two help texts, refs #29676 diff --git src/hg/htdocs/style/HGStyle.css src/hg/htdocs/style/HGStyle.css index 0cd3556..c3b1115 100644 --- src/hg/htdocs/style/HGStyle.css +++ src/hg/htdocs/style/HGStyle.css @@ -16,30 +16,35 @@ body.training { background: url("../../images/internal_bg1.jpg") repeat-x fixed left bottom #F9F9F7; } #searchHelp { display: inline; margin-left: 0.5em; font-size: 80%; } a:link { color: #121E9A; text-decoration: underline } +input[type="submit"], button { + border: 1px solid darkgray; + border-radius: 3px; +} + .blueLink { color: #121E9A !important; cursor: pointer; } span.link { color: #121E9A; text-decoration: underline; cursor: pointer } td.hotkey { font-family: courier; } @@ -405,50 +410,51 @@ margin-top: 0.5em; margin-bottom: 0.5em; border: solid; border-width: thin; } /* hgTracks config page groups list */ TABLE.groupLists { background-color: #FFFEE8; width: 50em; } TABLE.groupLists TR:not(.blueToggleBar):not(.noData) TD { border: 1px solid; } /* for displaying a basic table - need to condense these to all just the .stdTbl class */ table.chainTbl, .descTbl, .stdTbl {border-collapse: collapse;} table.chainTbl td, .descTbl td, .descTbl th, .stdTbl td, .stdTbl th {border: 1px solid #666; padding: 5px;} table.descTbl td.number { text-align: right; } +.infoText { font-size: 80% } + /* --------------- Newer UI 2.0 styles --------------- */ .ghost { background-color: #EEEEEE; } .pale { background-color: #F8F8F8; } .bgLevel1 { background-color: #FFFEE8; } .bgLevel2 { background-color: #FFF9D2; } .bgLevel3 { background-color: #FCECC0; } .bgLevel4 { background-color: #EED5B7; } /* Common boxes */ .inputBox { border: 2px inset #CCCCCC; } .lineOnTop { border-top: 1px solid #999999; } .lineOnBottom { border-bottom: 1px solid #999999; } .blueRoof { border-top: 2px groove #000088; } .greenRoof { border-top: 3px groove #008800; } /*.greenFloor { border-bottom: 3px ridge #008800; }*/ .greenBox { border: 5px outset #008800; } .blueBox { border: 4px inset #000088; } /* cfg box */ .redBox { border: 3px ridge #AA0000; background-color: #FFF9D2; padding: 10px; margin: 10px; text-align: left; } /* Special alert */ - /* Experiments with squeezing giant matrices */ .up45 { text-align: left; vertical-align: middle; width: 20px; margin: 0px; padding: 10px 3px 0px 3px; white-space: nowrap; position: relative; top: 0.8em; left: -0.4em; -webkit-transform: rotate(-45deg); -webkit-transform-origin:0% 0%;/* for safari, chrome, etc. */ -moz-transform: rotate(-45deg); -moz-transform-origin:0% 0%;/* for firefox */ -ms-transform: rotate(-45deg); -ms-transform-origin:0% 0%;/* IE 9 */ -o-transform: rotate(-45deg); -o-transform-origin:0% 0%;/* Opera */ display: none; /* made visible in js code */ /* filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE <9 90deg NOT SUPPORTED */ /*filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.999884,M12=0.015230,M21=-0.015230,M22=0.999884);*/ /* IE<9 NOT SUPPORTED, conflits with IE9 */ } .dn45 { text-align: left; vertical-align: middle; width: 20px; margin: 0px; padding: 10px 3px 0px 3px; white-space: nowrap; position: relative; top: -1.4em; /* left: -0.1em; */ -webkit-transform: rotate(45deg); -webkit-transform-origin:0% 100%;/* for safari, chrome, etc. */ -moz-transform: rotate(45deg); -moz-transform-origin:0% 100%;/* for firefox */