Difference between revisions of "MediaWiki:Common.css"

From Action
Jump to navigation Jump to search
 
m
Line 1: Line 1:
/** CSS placed here will be applied to all skins */
+
/*<pre>
 +
************************************************************
 +
* CSS placed here will be applied to all skins.
 +
************************************************************/
 +
 
 +
/* Common styles imported from Wikipedia:
 +
*
 +
* prettytable, infobox, navbox
 +
*
 +
*/
 +
 
 +
 
 +
 
 +
/* wikitable class for skinning normal tables */
 +
 
 +
table.wikitable  {
 +
  margin: 1em 1em 1em 0;
 +
  background: #f9f9f9;
 +
  border: 1px #aaa solid;
 +
  border-collapse: collapse;
 +
}
 +
 
 +
table.wikitable th, table.wikitable td {
 +
  border: 1px #aaa solid;
 +
  padding: 0.2em;
 +
}
 +
 
 +
table.wikitable th {
 +
  background: #f2f2f2;
 +
  text-align: center;
 +
}
 +
 
 +
table.wikitable caption {
 +
  margin-left: inherit;
 +
  margin-right: inherit;
 +
  font-weight: bold;
 +
}
 +
 
 +
/* default skin for navigation boxes */
 +
table.navbox {
 +
    background-color: #f9f9f9;
 +
    border: 1px solid #aaa;
 +
    clear: both;
 +
    font-size: 90%;
 +
    margin: 1em 0em 0em;
 +
    padding: 5px;
 +
    text-align: center;
 +
    width: 100%;
 +
}
 +
 
 +
table.navbox th {
 +
    background-color: #ccf;
 +
    padding-left: 1em;
 +
    padding-right: 1em;
 +
}
 +
 
 +
table.navbox tr:not(:first-child) th {
 +
    background-color: #ddf;
 +
}
 +
 
 +
@media print {
 +
    .navbox {
 +
        display: none;
 +
    }
 +
}
 +
 
 +
/* Infobox template style */
 +
 
 +
.infobox {
 +
  border: 1px solid #aaa;
 +
  background-color: #f9f9f9;
 +
  color: black;
 +
  margin-bottom: 0.5em;
 +
  margin-left: 1em;
 +
  padding: 0.2em;
 +
  float: right;
 +
  clear: right;
 +
}
 +
.infobox td,
 +
.infobox th {
 +
  vertical-align: top;
 +
}
 +
.infobox caption {
 +
  font-size: larger;
 +
  margin-left: inherit;
 +
}
 +
.infobox.bordered {
 +
  border-collapse: collapse;
 +
}
 +
.infobox.bordered td,
 +
.infobox.bordered th {
 +
  border: 1px solid #aaa;
 +
}
 +
.infobox.bordered .borderless td,
 +
.infobox.bordered .borderless th {
 +
  border: 0;
 +
}
 +
 
 +
.infobox.sisterproject {
 +
  width: 20em;
 +
  font-size: 90%;
 +
}
 +
 
 +
@media print {
 +
    .infobox.sisterproject {
 +
        display: none;
 +
    }
 +
}
 +
 
 +
/*</pre>*/

Revision as of 12:12, 5 March 2007

/*<pre>
 ************************************************************
 * CSS placed here will be applied to all skins. 
 ************************************************************/

/* Common styles imported from Wikipedia:
 * 
 * prettytable, infobox, navbox
 *
 */



/* wikitable class for skinning normal tables */

table.wikitable  {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaa solid;
  border-collapse: collapse;
}

table.wikitable th, table.wikitable td {
  border: 1px #aaa solid;
  padding: 0.2em;
}

table.wikitable th {
  background: #f2f2f2;
  text-align: center;
}

table.wikitable caption {
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
}

/* default skin for navigation boxes */
table.navbox {
    background-color: #f9f9f9;
    border: 1px solid #aaa;
    clear: both;
    font-size: 90%;
    margin: 1em 0em 0em;
    padding: 5px;
    text-align: center;
    width: 100%;
}

table.navbox th {
    background-color: #ccf;
    padding-left: 1em;
    padding-right: 1em;
}

table.navbox tr:not(:first-child) th {
    background-color: #ddf;
}

@media print {
    .navbox {
        display: none;
    }
}

/* Infobox template style */

.infobox {
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   color: black;
   margin-bottom: 0.5em;
   margin-left: 1em;
   padding: 0.2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}

@media print {
    .infobox.sisterproject {
        display: none;
    }
}

/*</pre>*/