Difference between revisions of "MediaWiki:Common.css"

Revision as of 01:08, 31 March 2016

/* CSS placed here will be applied to all skins */

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,700italic,400italic|Montserrat:700);

table.rmtable {
	line-height:1;
	font-size:95%;
}

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

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: #9AC6F9;
}

.drop-menu li a {
display:block;
width:85%;
text-decoration: none;
padding: 2px 0 2px 0.5em;
}

.drop-menu ul {
margin: 0 0 0 0 
;
}

.drop-menu {
min-width:15em;
border: 2px solid #999;
background: #fff;
padding: 0 !important;
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;
}

/* See also jquery.makeCollapsible.js */
.mw-collapsible-toggle {
        width: auto;
        white-space: nowrap; 
        background-color: #F0F0F0; 
        border-radius: 0.3em; 
        -moz-border-radius: 0.3em; 
        -webkit-border-radius: 0.3em;
        box-shadow: 1px 1px 2px #444;
        -moz-box-shadow: 1px 1px 2px #444;
        -webkit-box-shadow: 1px 1px 2px #444;
        border: 1px solid #888;
        margin: 5px; 
        padding: 3px;
        float: none !important;
}

/* This is for the custom box for collapsed information */
.mw-collapsible-content {
        padding-bottom:7px;
        border-radius: 0.75em; 
        -moz-border-radius: 0.75em; 
        -webkit-border-radius: 0.75em;
        box-shadow: 1px 1px 6px #444;
        -moz-box-shadow: 1px 1px 6px #444;
        -webkit-box-shadow: 1px 1px 6px #444;
        border: 1px solid #888;
        margin-bottom: 4px; 
        padding: 4px;
}

/* list-items go as wide as their parent element, don't float them inside list items */
li .mw-collapsible-toggle {
	float: none;
}

/* the added list item should have no list-style */
.mw-collapsible-toggle-li {
	list-style: none;
}

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

/* no pad lock icon for external links */
div#content a.external[href ^="https://"] {
   background: url(skins/monobook/external.png) center right no-repeat;
}