Difference between revisions of "MediaWiki:Common.css"

Revision as of 03:14, 25 September 2012

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

/* 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: left !important;           /* 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: left !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;
}