Difference between revisions of "MediaWiki:Common.css"
m |
|||
(140 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | table.rmtable { | ||
+ | line-height:1; | ||
+ | font-size:90%; | ||
+ | } | ||
+ | |||
+ | /* Temporary header tab fix for pages with Google Maps */ | ||
+ | .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: 1em; !important} | ||
+ | #headertabs.jquery-large { font-family: inherit; font-size: 1em; !important} /* IE doesn't like inherit here */ | ||
+ | #headertabs.jquery-large .ui-widget-content a { color:#0645AD; } | ||
+ | #headertabs.jquery-large .ui-widget-content a:visited { color:#0b0080; } | ||
+ | #headertabs.jquery-large .ui-widget-content a.new { color:#CC2200; } | ||
+ | #headertabs.jquery-large .ui-widget-content a.new:visited { color:#A55858; } | ||
+ | #headertabs.jquery-large .ui-widget-content a.extiw { color:#3366BB; } | ||
+ | #headertabs.jquery-large .ui-widget-content a.redirect { color:#308050; } | ||
+ | #headertabs.jquery-large .ui-widget-content a.redirect:visited { color:#3070A0; } | ||
+ | |||
+ | /* CSS for stnv tables */ | ||
+ | table.stnv { | ||
+ | background-color: #EFEFEF; | ||
+ | border: 1px #aaaaaa solid; | ||
+ | max-width:40em; | ||
+ | font-size:85%; | ||
+ | line-height:1.5; | ||
+ | border-collapse: collapse; | ||
+ | display: block; | ||
+ | overflow-x: auto; | ||
+ | margin-left: 3vw; | ||
+ | margin-right: min(3vw); | ||
+ | } | ||
+ | |||
+ | table.stnv tr { | ||
+ | border-bottom: solid; | ||
+ | border-bottom-width: 1px; | ||
+ | border-bottom-color:#aaaaaa; | ||
+ | } | ||
+ | |||
+ | .stnv th { | ||
+ | text-align:center; | ||
+ | font-size:125%; | ||
+ | font-weight: bold; | ||
+ | background: #CCCCCC; | ||
+ | } | ||
+ | |||
+ | .stnv .lcol { | ||
+ | text-align:right; | ||
+ | padding:0 5px 0 5px; | ||
+ | width:30%; | ||
+ | } | ||
+ | |||
+ | .stnv .ccol { | ||
+ | text-align:center; | ||
+ | padding:4px 0 4px 0; | ||
+ | width:34%; | ||
+ | } | ||
+ | |||
+ | .stnv .rcol { | ||
+ | padding:0 5px 0 5px; | ||
+ | width:30%; | ||
+ | } | ||
+ | |||
+ | .stnv .arrow { | ||
+ | font-size:200%; | ||
+ | color:#003399; | ||
+ | vertical-align:middle; | ||
+ | width:3% | ||
+ | } | ||
+ | |||
+ | /* Drop menu */ | ||
+ | |||
+ | .drop-menu li { | ||
+ | display:block; | ||
+ | margin:0 0 0 0 | ||
+ | } | ||
+ | |||
+ | .drop-menu li:hover { | ||
+ | background-color: rgba(48, 197, 55, 0.3); | ||
+ | } | ||
+ | |||
+ | .drop-menu li a { | ||
+ | display:block; | ||
+ | width:85%; | ||
+ | text-decoration: none; | ||
+ | padding: 2px 0 2px 0.5em; | ||
+ | } | ||
+ | |||
+ | .drop-menu ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | .drop-menu { | ||
+ | min-width:15em; | ||
+ | border: 2px solid #999; | ||
+ | background: #fff; | ||
+ | padding: 0; | ||
+ | margin-top: 4px; | ||
+ | } | ||
/* Copied from Mediawiki.org */ | /* Copied from Mediawiki.org */ | ||
Line 19: | Line 117: | ||
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3, | table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3, | ||
table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 { | table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 { | ||
− | background: # | + | background: #5FE01D; |
text-align: center; | text-align: center; | ||
} | } | ||
Line 77: | Line 175: | ||
table.datatable tr:hover { background-color: #ffffcc; } | table.datatable tr:hover { background-color: #ffffcc; } | ||
+ | |||
+ | /* Merge template style */ | ||
+ | .messagebox { | ||
+ | border: 1px solid #aaa; | ||
+ | background-color: #f9f9f9; | ||
+ | margin: 1em 2em 1em 2em; | ||
+ | padding: 0.2em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /* Hide Main Page title */ | ||
+ | body.page-Main_Page h1.firstHeading { display:none; } | ||
/* SMW tables */ | /* SMW tables */ | ||
Line 82: | Line 192: | ||
table.smwtable{ | table.smwtable{ | ||
− | + | background-color: #D1FFA8;/* Note: here and below, we use six digits, since some users had problems with the three digit short forms */ | |
− | + | border-collapse: collapse; | |
} | } | ||
table.smwtable th{ | table.smwtable th{ | ||
− | + | background-color: #FFFFFF; | |
− | + | text-align: left; | |
} | } | ||
table.smwtable td{ | table.smwtable td{ | ||
− | + | background-color: #FFFFFF; | |
− | + | padding: 4px; | |
− | padding: | + | padding-right: 10px; |
− | padding- | + | text-align: left; |
− | |||
vertical-align: top; | vertical-align: top; | ||
} | } | ||
Line 102: | Line 211: | ||
table.smwtable tr.smwfooter td{ | table.smwtable tr.smwfooter td{ | ||
font-size: 90%; | font-size: 90%; | ||
− | |||
line-height: 1; | line-height: 1; | ||
+ | background-color: #FFFFFF; | ||
padding: 0px; | padding: 0px; | ||
+ | padding-left: 5px; | ||
+ | padding-right: 5px; | ||
+ | text-align: right; | ||
vertical-align: top; | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | /*hide keys for sorting table entries*/ | ||
+ | span.smwsortkey{ | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* buttons for sort-arrows */ | ||
+ | a.sortheader:hover{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | /* Pad Google AdSense box in portlet in sidebar */ | ||
+ | #p-googleadsense .pBody { | ||
+ | padding-top: 5px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | /** Collapsible tables ********************************************************* | ||
+ | * | ||
+ | * Description: Allows tables to be collapsed, showing only the header. See | ||
+ | * http://www.mediawiki.org/wiki/Manual:Collapsible_tables. | ||
+ | * Maintainers: [[en:User:R. Koot]] | ||
+ | */ | ||
+ | |||
+ | table.collapsed tr.collapsible { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | .collapseButton { /* 'show'/'hide' buttons created dynamically by the */ | ||
+ | float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */ | ||
+ | font-weight: normal; /* are styled here so they can be customised. */ | ||
+ | text-align: right; | ||
+ | width: auto; | ||
+ | } | ||
+ | |||
+ | /* disable discussion tab */ | ||
+ | #ca-talk { | ||
+ | display: none !important; | ||
+ | } | ||
+ | |||
+ | /* listlines */ | ||
+ | span.listlines.line { | ||
+ | padding:0 14px 0 8px; | ||
+ | display: table-cell; | ||
+ | } | ||
+ | span.listlines.dest { | ||
+ | FONT-SIZE: 90%; | ||
+ | display: table-cell; | ||
+ | } | ||
+ | p.listlines-4 { | ||
+ | margin-left:30px; | ||
+ | } | ||
+ | span.listlines-4.line { | ||
+ | margin:0 14px 0 -22px; | ||
+ | } | ||
+ | span.listlines-4.dest { | ||
+ | FONT-SIZE: 90%; | ||
+ | } | ||
+ | div.listlinesflex.container { | ||
+ | display: -webkit-box; | ||
+ | display: -webkit-flex; | ||
+ | display: -ms-flexbox; | ||
+ | display: flex; | ||
+ | flex-wrap: wrap; | ||
+ | align-items: baseline; | ||
+ | -webkit-column-break-inside: avoid; | ||
+ | break-inside: avoid-column; | ||
+ | } | ||
+ | div.listlinesflex.line { | ||
+ | font-size: 125%; | ||
+ | padding:0.3em 0 0 0.5em; | ||
+ | } | ||
+ | div.listlinesflex.dest { | ||
+ | font-size: 90%; | ||
+ | margin: .4em 0 .70em 1em; | ||
+ | flex-basis: 36em; | ||
+ | } | ||
+ | |||
+ | /* better looking table to width of paragraphs */ | ||
+ | |||
+ | table.infodata { | ||
+ | border-collapse: collapse; | ||
+ | text-align: left; | ||
+ | background: #fff; | ||
+ | border: 1px solid #295922; | ||
+ | } | ||
+ | |||
+ | table.infodata td, table.infodata th { | ||
+ | padding: 3px 10px; | ||
+ | } | ||
+ | |||
+ | table.infodata th { | ||
+ | background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #295922), color-stop(1, #208026) ); | ||
+ | background:-moz-linear-gradient( center top, #295922 5%, #208026 100% ); | ||
+ | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#295922', endColorstr='#208026'); | ||
+ | background-color:#295922; | ||
+ | border-left: 1px solid #36752D; | ||
+ | } | ||
+ | |||
+ | table.infodata th, table.infodata th a:link, table.infodata th a:visited { | ||
+ | color:#FFFFFF; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | table.infodata.broadtable th { | ||
+ | position: sticky; | ||
+ | top: 44px; | ||
+ | } | ||
+ | |||
+ | table.infodata th:first-child { | ||
+ | border: none; | ||
+ | } | ||
+ | |||
+ | table.infodata tr:nth-child(even) { | ||
+ | background-color: #f2f2f2; | ||
+ | } | ||
+ | |||
+ | table.infodata td { | ||
+ | border-left: solid white 1px; | ||
+ | } | ||
+ | |||
+ | table.infodata td:first-child { | ||
+ | border-left: none; | ||
+ | } | ||
+ | |||
+ | table.infodata tr:last-child td { | ||
+ | border-bottom: none; | ||
+ | } | ||
+ | |||
+ | .pulldownbutton { | ||
+ | white-space: nowrap; | ||
+ | background: #208026; | ||
+ | background-image: -webkit-linear-gradient(top, #208026, #295922); | ||
+ | background-image: -moz-linear-gradient(top, #208026, #295922); | ||
+ | background-image: -ms-linear-gradient(top, #208026, #295922); | ||
+ | background-image: -o-linear-gradient(top, #208026, #295922); | ||
+ | background-image: linear-gradient(to bottom, #208026, #295922); | ||
+ | -webkit-border-radius: 5; | ||
+ | -moz-border-radius: 5; | ||
+ | border-radius: 5px; | ||
+ | border-style:none; | ||
+ | padding: 5px; | ||
+ | margin: 1px; | ||
+ | display:inline-block; | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | .pulldownbutton:hover { | ||
+ | background: #30c737; | ||
+ | background-image: -webkit-linear-gradient(top, #30c737, #208026); | ||
+ | background-image: -moz-linear-gradient(top, #30c737, #208026); | ||
+ | background-image: -ms-linear-gradient(top, #30c737, #208026); | ||
+ | background-image: -o-linear-gradient(top, #30c737, #208026); | ||
+ | background-image: linear-gradient(to bottom, #30c737, #208026); | ||
+ | } | ||
+ | |||
+ | .pulldownheader { | ||
+ | width:100%; | ||
+ | position: sticky; | ||
+ | top: 42px; | ||
+ | background: #FFFFFF; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .pulldownheader:hover { | ||
+ | background: #C0EEC2; | ||
+ | } | ||
+ | |||
+ | input[type="submit"], button { | ||
+ | white-space: nowrap; | ||
+ | background: #208026; | ||
+ | background-image: -webkit-linear-gradient(top, #208026, #295922); | ||
+ | background-image: -moz-linear-gradient(top, #208026, #295922); | ||
+ | background-image: -ms-linear-gradient(top, #208026, #295922); | ||
+ | background-image: -o-linear-gradient(top, #208026, #295922); | ||
+ | background-image: linear-gradient(to bottom, #208026, #295922); | ||
+ | -webkit-border-radius: 5; | ||
+ | -moz-border-radius: 5; | ||
+ | border-radius: 5px; | ||
+ | border-style:none !important; | ||
+ | padding: 3px 6px 3px 6px !important; | ||
+ | margin: 1px !important; | ||
+ | display:inline-block; | ||
+ | color: #ffffff !important; | ||
+ | } | ||
+ | |||
+ | input[type="submit"].gm-style-mtc, button { | ||
+ | color: initial !important; | ||
+ | border-radius: unset; | ||
+ | } | ||
+ | |||
+ | input[type="submit"]:hover, button:hover { | ||
+ | background: #30c737; | ||
+ | background-image: -webkit-linear-gradient(top, #30c737, #208026); | ||
+ | background-image: -moz-linear-gradient(top, #30c737, #208026); | ||
+ | background-image: -ms-linear-gradient(top, #30c737, #208026); | ||
+ | background-image: -o-linear-gradient(top, #30c737, #208026); | ||
+ | background-image: linear-gradient(to bottom, #30c737, #208026); | ||
+ | } | ||
+ | |||
+ | .schedulelink { | ||
+ | padding: 1.5em 0 1.5em 0; | ||
+ | } | ||
+ | |||
+ | .servicespan { | ||
+ | padding: 0 0 1em 0; | ||
+ | } | ||
+ | |||
+ | .fronttopbox { | ||
+ | text-align:center; | ||
+ | padding:12px; | ||
+ | border: 1px solid #888; | ||
+ | background-color:white; | ||
+ | background-image: url("/images/e/ee/Background1.png"); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center top; | ||
+ | border-radius: 0.75em; | ||
+ | -moz-border-radius: 0.75em; | ||
+ | -webkit-border-radius: 0.75em; | ||
+ | } | ||
+ | |||
+ | .fronttopbox h3 { | ||
+ | text-shadow: 3px 3px 1px #FFFFFF; | ||
+ | } | ||
+ | |||
+ | .nav a { | ||
+ | white-space: nowrap; | ||
+ | line-height: 2em; | ||
+ | display:inline-block; | ||
+ | } | ||
+ | |||
+ | .tooltip { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | border-bottom: 1px dotted black; | ||
+ | margin: 0 3px; | ||
+ | } | ||
+ | |||
+ | .commonshadow { | ||
+ | box-shadow: 1px 1px 4px #444; | ||
+ | -moz-box-shadow: 1px 1px 4px #444; | ||
+ | -webkit-box-shadow: 1px 1px 4px #444; | ||
+ | } | ||
+ | |||
+ | th.corner-head { | ||
+ | position: -webkit-sticky; | ||
+ | position: sticky; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | th.wide-row-head { | ||
+ | position: -webkit-sticky; | ||
+ | position: sticky; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | td.wide-col-head { | ||
+ | position: -webkit-sticky; | ||
+ | position: sticky; | ||
+ | left: 0; | ||
+ | background-color: #f2f2f2; | ||
+ | } | ||
+ | |||
+ | hr.morebus { | ||
+ | margin-left: 2.5em; | ||
+ | margin-right: 1em; | ||
+ | } | ||
+ | |||
+ | .maps-map { | ||
+ | position: relative; | ||
+ | z-index:200; | ||
} | } |
Latest revision as of 00:28, 26 March 2024
/* CSS placed here will be applied to all skins */ table.rmtable { line-height:1; font-size:90%; } /* Temporary header tab fix for pages with Google Maps */ .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: inherit; font-size: 1em; !important} #headertabs.jquery-large { font-family: inherit; font-size: 1em; !important} /* IE doesn't like inherit here */ #headertabs.jquery-large .ui-widget-content a { color:#0645AD; } #headertabs.jquery-large .ui-widget-content a:visited { color:#0b0080; } #headertabs.jquery-large .ui-widget-content a.new { color:#CC2200; } #headertabs.jquery-large .ui-widget-content a.new:visited { color:#A55858; } #headertabs.jquery-large .ui-widget-content a.extiw { color:#3366BB; } #headertabs.jquery-large .ui-widget-content a.redirect { color:#308050; } #headertabs.jquery-large .ui-widget-content a.redirect:visited { color:#3070A0; } /* CSS for stnv tables */ table.stnv { background-color: #EFEFEF; border: 1px #aaaaaa solid; max-width:40em; font-size:85%; line-height:1.5; border-collapse: collapse; display: block; overflow-x: auto; margin-left: 3vw; margin-right: min(3vw); } table.stnv tr { border-bottom: solid; border-bottom-width: 1px; border-bottom-color:#aaaaaa; } .stnv th { text-align:center; font-size:125%; font-weight: bold; background: #CCCCCC; } .stnv .lcol { text-align:right; padding:0 5px 0 5px; width:30%; } .stnv .ccol { text-align:center; padding:4px 0 4px 0; width:34%; } .stnv .rcol { padding:0 5px 0 5px; width:30%; } .stnv .arrow { font-size:200%; color:#003399; vertical-align:middle; width:3% } /* Drop menu */ .drop-menu li { display:block; margin:0 0 0 0 } .drop-menu li:hover { background-color: rgba(48, 197, 55, 0.3); } .drop-menu li a { display:block; width:85%; text-decoration: none; padding: 2px 0 2px 0.5em; } .drop-menu ul { margin: 0; padding: 0; } .drop-menu { min-width:15em; border: 2px solid #999; background: #fff; padding: 0; margin-top: 4px; } /* Copied from Mediawiki.org */ /* Wikitable (Prettytable) class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaaaaa solid; border-collapse: collapse; empty-cells:show; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaaaaa solid; padding: 0.2em 0.4em; } table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3, table.prettytable th, table.prettytable td.hl3, table.wikitable th.hl3 { background: #5FE01D; text-align: center; } table.wikitable td.hl1, table.wikitable th.hl1, table.prettytable td.hl1, table.wikitable th.hl1 { background: #c5d8fc; text-align: center; } table.wikitable td.hl2, table.wikitable th.hl2, table.prettytable td.hl2, table.wikitable th.hl2 { background: #a7c1f2; text-align: center; } table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } /* indenttable class for tables that are indented */ table.indenttable { margin: 0 1em 0 2em; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; empty-cells:show; } .indenttable th, .indenttable td { border: 1px #aaa solid; padding: 0.2em; } .indenttable th { background: #f2f2f2; text-align: center; } .indenttable caption { font-weight: bold; } /* mucolumns class to list items in multiple columns */ table.multicolumns { margin: 1em 1em 1em 0; empty-cells:show; } .mucolumns th, .mucolumns td { padding-right: 1em; vertical-align: top; } /* General purpose "pretty (data) tables" */ table.datatable { background-color: transparent; } table.datatable th, table.datatable td { padding: 4px; } table.datatable th { text-align: left; background-color: #999999; } table.datatable tr { background-color: #cccccc; } table.datatable tr:hover { background-color: #ffffcc; } /* Merge template style */ .messagebox { border: 1px solid #aaa; background-color: #f9f9f9; margin: 1em 2em 1em 2em; padding: 0.2em; text-align: center; } /* Hide Main Page title */ body.page-Main_Page h1.firstHeading { display:none; } /* SMW tables */ /** tables for inline queries **/ table.smwtable{ background-color: #D1FFA8;/* Note: here and below, we use six digits, since some users had problems with the three digit short forms */ border-collapse: collapse; } table.smwtable th{ background-color: #FFFFFF; text-align: left; } table.smwtable td{ background-color: #FFFFFF; padding: 4px; padding-right: 10px; text-align: left; vertical-align: top; } table.smwtable tr.smwfooter td{ font-size: 90%; line-height: 1; background-color: #FFFFFF; padding: 0px; padding-left: 5px; padding-right: 5px; text-align: right; vertical-align: top; } /*hide keys for sorting table entries*/ span.smwsortkey{ display: none; } /* buttons for sort-arrows */ a.sortheader:hover{ text-decoration: none; } /* Pad Google AdSense box in portlet in sidebar */ #p-googleadsense .pBody { padding-top: 5px; text-align: center; } /** Collapsible tables ********************************************************* * * Description: Allows tables to be collapsed, showing only the header. See * http://www.mediawiki.org/wiki/Manual:Collapsible_tables. * Maintainers: [[en:User:R. Koot]] */ table.collapsed tr.collapsible { display: none; } .collapseButton { /* 'show'/'hide' buttons created dynamically by the */ float: right; /* CollapsibleTables JavaScript in [[MediaWiki:Common.js]] */ font-weight: normal; /* are styled here so they can be customised. */ text-align: right; width: auto; } /* disable discussion tab */ #ca-talk { display: none !important; } /* listlines */ span.listlines.line { padding:0 14px 0 8px; display: table-cell; } span.listlines.dest { FONT-SIZE: 90%; display: table-cell; } p.listlines-4 { margin-left:30px; } span.listlines-4.line { margin:0 14px 0 -22px; } span.listlines-4.dest { FONT-SIZE: 90%; } div.listlinesflex.container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; align-items: baseline; -webkit-column-break-inside: avoid; break-inside: avoid-column; } div.listlinesflex.line { font-size: 125%; padding:0.3em 0 0 0.5em; } div.listlinesflex.dest { font-size: 90%; margin: .4em 0 .70em 1em; flex-basis: 36em; } /* better looking table to width of paragraphs */ table.infodata { border-collapse: collapse; text-align: left; background: #fff; border: 1px solid #295922; } table.infodata td, table.infodata th { padding: 3px 10px; } table.infodata th { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #295922), color-stop(1, #208026) ); background:-moz-linear-gradient( center top, #295922 5%, #208026 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#295922', endColorstr='#208026'); background-color:#295922; border-left: 1px solid #36752D; } table.infodata th, table.infodata th a:link, table.infodata th a:visited { color:#FFFFFF; font-weight: bold; } table.infodata.broadtable th { position: sticky; top: 44px; } table.infodata th:first-child { border: none; } table.infodata tr:nth-child(even) { background-color: #f2f2f2; } table.infodata td { border-left: solid white 1px; } table.infodata td:first-child { border-left: none; } table.infodata tr:last-child td { border-bottom: none; } .pulldownbutton { white-space: nowrap; background: #208026; background-image: -webkit-linear-gradient(top, #208026, #295922); background-image: -moz-linear-gradient(top, #208026, #295922); background-image: -ms-linear-gradient(top, #208026, #295922); background-image: -o-linear-gradient(top, #208026, #295922); background-image: linear-gradient(to bottom, #208026, #295922); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; border-style:none; padding: 5px; margin: 1px; display:inline-block; color: #ffffff; } .pulldownbutton:hover { background: #30c737; background-image: -webkit-linear-gradient(top, #30c737, #208026); background-image: -moz-linear-gradient(top, #30c737, #208026); background-image: -ms-linear-gradient(top, #30c737, #208026); background-image: -o-linear-gradient(top, #30c737, #208026); background-image: linear-gradient(to bottom, #30c737, #208026); } .pulldownheader { width:100%; position: sticky; top: 42px; background: #FFFFFF; z-index: 1; } .pulldownheader:hover { background: #C0EEC2; } input[type="submit"], button { white-space: nowrap; background: #208026; background-image: -webkit-linear-gradient(top, #208026, #295922); background-image: -moz-linear-gradient(top, #208026, #295922); background-image: -ms-linear-gradient(top, #208026, #295922); background-image: -o-linear-gradient(top, #208026, #295922); background-image: linear-gradient(to bottom, #208026, #295922); -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; border-style:none !important; padding: 3px 6px 3px 6px !important; margin: 1px !important; display:inline-block; color: #ffffff !important; } input[type="submit"].gm-style-mtc, button { color: initial !important; border-radius: unset; } input[type="submit"]:hover, button:hover { background: #30c737; background-image: -webkit-linear-gradient(top, #30c737, #208026); background-image: -moz-linear-gradient(top, #30c737, #208026); background-image: -ms-linear-gradient(top, #30c737, #208026); background-image: -o-linear-gradient(top, #30c737, #208026); background-image: linear-gradient(to bottom, #30c737, #208026); } .schedulelink { padding: 1.5em 0 1.5em 0; } .servicespan { padding: 0 0 1em 0; } .fronttopbox { text-align:center; padding:12px; border: 1px solid #888; background-color:white; background-image: url("/images/e/ee/Background1.png"); background-repeat: no-repeat; background-position: center top; border-radius: 0.75em; -moz-border-radius: 0.75em; -webkit-border-radius: 0.75em; } .fronttopbox h3 { text-shadow: 3px 3px 1px #FFFFFF; } .nav a { white-space: nowrap; line-height: 2em; display:inline-block; } .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; margin: 0 3px; } .commonshadow { box-shadow: 1px 1px 4px #444; -moz-box-shadow: 1px 1px 4px #444; -webkit-box-shadow: 1px 1px 4px #444; } th.corner-head { position: -webkit-sticky; position: sticky; top: 0; left: 0; z-index: 1; } th.wide-row-head { position: -webkit-sticky; position: sticky; top: 0; } td.wide-col-head { position: -webkit-sticky; position: sticky; left: 0; background-color: #f2f2f2; } hr.morebus { margin-left: 2.5em; margin-right: 1em; } .maps-map { position: relative; z-index:200; }