1b711556384dac50aa5cb05ccb596e773de42f72 max Tue Oct 4 03:11:45 2022 -0700 a few more small style tweaks to buttons on hgTracks, refs #29676 diff --git src/hg/htdocs/style/HGStyle.css src/hg/htdocs/style/HGStyle.css index 1c8514a..fb92ba9 100644 --- src/hg/htdocs/style/HGStyle.css +++ src/hg/htdocs/style/HGStyle.css @@ -17,32 +17,45 @@ 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"], input[type="button"], button { - border: 1px solid darkgray; - border-radius: 3px; + border: 1px solid rgba(100, 100, 100, .5); + /* border-radius: 3px; */ + margin: 0; + padding-top: 3px; + padding-bottom: 3px; + background-color: #EEE; +} + +.moveButtonText { + font-size: 80% +} + +.infoText { + font-size: 90%; + text-align: center; } .blueLink { color: #121E9A !important; cursor: pointer; } span.link { color: #121E9A; text-decoration: underline; cursor: pointer } td.hotkey { font-family: courier; @@ -410,32 +423,30 @@ 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; }*/ @@ -553,43 +564,61 @@ .noscript p { margin: 0; text-align: center; } .clickable:hover { cursor: pointer; } .fauxInput { border: 2px inset #CCCCCC; background-color: #fff; font-size: 10pt; display: inline-block; } div.disabled { border-color: gray; color: gray; } input.disabled { opacity: 0.5; filters.alpha.opacity:50; } span.disabled { opacity: 0.5; filters.alpha.opacity:50; } td.disabled { color: gray; } .positionDisplay { display: inline-block; - padding: 5px; + padding: 3px; + /* border-radius: 3px; */ border: lightgray 1px solid; + font-size: 90%; } .positionDisplay:hover { cursor: default; } .positionInput { - padding: 7px; -moz-border-radius: 3px; border-radius: 3px; + padding: 3px; + /* border-radius: 3px; */ border: gray 1px solid; } +#hgt\.left3, #hgt\.in1, #hgt\.out1 { + border-right: 1px solid lightgray; + border-radius: 0px; +} +#hgt\.left2, #hgt\.left1, #hgt\.right1, #hgt\.right2, #hgt\.in2, #hgt\.in3, #hgt\.out2, #hgt\.out3 { + border-right: 1px solid lightgray; + border-left: 1px solid lightgray; + border-radius: 0px; +} +#hgt\.right3, #hgt\.inBase, #hgt\.out4 { + border-left: 1px solid lightgray; + border-radius: 0px; +} + + .pennantIconText { text-decoration: none; text-transform: capitalize; font-size: 70%; font-style: italic; font-weight: bold; vertical-align: text-top; } .folderIcon { /* color: #00457c; color of SVG must be set via fill attribute, see hui.c:printIcons() */ height: 13px; vertical-align: top; }