MediaWiki:Common.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

/* 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;
}