MediaWiki:Common.css

From Grigbertz

(Difference between revisions)
Jump to: navigation, search
m (1 revision(s))
m (1 revision)
Line 3: Line 3:
  * CSS for all skins
  * CSS for all skins
  *******************/
  *******************/
 +
 +
 +
/* d20 tables */
 +
 +
table.d20 tr.even td
 +
{
 +
  background: #f9f9f9;
 +
}
 +
table.d20 tr td
 +
{
 +
  background: #fff;
 +
}
 +
 +
/* Messagebox templates */
 +
 +
.messagebox {
 +
  border: 1px solid #aaa;
 +
  background-color: #f9f9f9;
 +
  width: 80%;
 +
  margin: 0 auto 1em auto;
 +
  padding: .2em;
 +
}
 +
.messagebox.merge {
 +
  border: 1px solid #c0b8cc;
 +
  background-color: #f0e5ff;
 +
  text-align: center;
 +
}
 +
/* Codex: cleanup changed to info */
 +
.messagebox.info {
 +
  border: 1px solid #9f9fff;
 +
  background-color: #efefff;
 +
  text-align: center;
 +
}
 +
.messagebox.standard-talk {
 +
  border: 1px solid #c0c090;
 +
  background-color: #f8eaba;
 +
}
 +
.messagebox.nested-talk {
 +
  border: 1px solid #c0c090;
 +
  background-color: #f8eaba;
 +
  width: 100%;
 +
  margin: 2px 4px 2px 4px;
 +
}
 +
 +
.messagebox.small-talk {
 +
  width: 238px;
 +
  font-size: 85%;
 +
  float: right;
 +
  clear: both;
 +
  margin: 0 0 1em 1em;
 +
  line-height: 1.25em;
 +
  background: #F8EABA;
 +
}
/* wikitable/prettytable class for skinning normal tables */
/* wikitable/prettytable class for skinning normal tables */
 +
/* includes some formatting for d20 tables */
 +
table.d20,
table.wikitable,
table.wikitable,
table.prettytable {
table.prettytable {
Line 15: Line 70:
}
}
 +
table.d20 th, table.d20 td,
table.wikitable th, table.wikitable td,
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
table.prettytable th, table.prettytable td {
Line 21: Line 77:
}
}
 +
table.d20 th,
table.wikitable th,
table.wikitable th,
table.prettytable th {
table.prettytable th {
Line 27: Line 84:
}
}
 +
table.d20 caption,
table.wikitable caption,
table.wikitable caption,
table.prettytable caption {
table.prettytable caption {
Line 33: Line 91:
   font-weight: bold;
   font-weight: bold;
}
}
 +
 +
/* default skin for navigation boxes - Copied from wikipedia 2008-04-22 */
/* default skin for navigation boxes */
/* default skin for navigation boxes */
-
table.navbox {
+
table.navbox {           /* navbox container style */
-
    background-color: #f9f9f9;
+
  border:1px solid #aaa;
-
    border: 1px solid #aaa;
+
  width:100%;
-
    clear: both;
+
  margin:auto;
-
    font-size: 90%;
+
  clear:both;
-
    margin: 1em 0em 0em;
+
/*  font-size:88%; */
-
    padding: 5px;
+
  text-align:center;
-
    text-align: center;
+
  padding:2px;
-
    width: 100%;
+
}
}
-
 
+
table.navbox + table.navbox {
-
table.navbox th {
+
  margin-top:-1px;       /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
-
    background-color: #ccf;
+
-
    padding-left: 1em;
+
-
    padding-right: 1em;
+
}
}
-
 
+
.navbox-title, .navbox-abovebelow, table.navbox th {
-
table.navbox tr:not(:first-child) th {
+
  text-align:center;      /* title and above/below styles */
-
    background-color: #ddf;
+
  padding-left:1em;
 +
  padding-right:1em;
}
}
-
 
+
.navbox-group {          /* group style */
 +
  white-space:nowrap;
 +
  text-align:right;
 +
  font-weight:bold;
 +
  padding-left:1em;
 +
  padding-right:1em;
 +
}
 +
.navbox, .navbox-subgroup {
 +
  background:#fdfdfd;    /* Background color */
 +
}
 +
.navbox-title, table.navbox th {
 +
  background:#ccccff;    /* Level 1 color */
 +
}
 +
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
 +
  background:#ddddff;    /* Level 2 color */
 +
}
 +
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
 +
  background:#e6e6ff;    /* Level 3 color */
 +
}
 +
.navbox-even {
 +
  background:#f7f7f7;    /* Even row striping */
 +
}
 +
.navbox-odd {
 +
  background:transparent; /* Odd row striping */
 +
}
 +
@media print {
@media print {
     .navbox {
     .navbox {
Line 61: Line 143:
     }
     }
}
}
-
 
/* Infobox template style */
/* Infobox template style */
Line 104: Line 185:
     }
     }
}
}
 +
 +
/* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for
 +
  instance, will limit to showing ==headings== and ===headings=== but no further (as long as
 +
  there are no =headings= on the page, which there shouldn't be according to the MoS). */
 +
.toclimit-2 .toclevel-2 {display:none;}
 +
.toclimit-3 .toclevel-3 {display:none;}
 +
.toclimit-4 .toclevel-4 {display:none;}
 +
.toclimit-5 .toclevel-5 {display:none;}
 +
.toclimit-6 .toclevel-6 {display:none;}
 +
.toclimit-7 .toclevel-7 {display:none;}
 +
/*</pre>*/
/*</pre>*/

Revision as of 16:05, 24 August 2008

/*<pre>
 *******************
 * CSS for all skins
 *******************/


/* d20 tables */

table.d20 tr.even td
{
  background: #f9f9f9;
}
table.d20 tr td
{
  background: #fff;
}

/* Messagebox templates */

.messagebox {
   border: 1px solid #aaa;
   background-color: #f9f9f9;
   width: 80%;
   margin: 0 auto 1em auto;
   padding: .2em;
}
.messagebox.merge {
   border: 1px solid #c0b8cc;
   background-color: #f0e5ff;
   text-align: center;
}
/* Codex: cleanup changed to info */ 
.messagebox.info {
   border: 1px solid #9f9fff;
   background-color: #efefff;
   text-align: center;
}
.messagebox.standard-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
}
.messagebox.nested-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
   width: 100%;
   margin: 2px 4px 2px 4px;
}

.messagebox.small-talk {
  width: 238px;
  font-size: 85%;
  float: right;
  clear: both;
  margin: 0 0 1em 1em;
  line-height: 1.25em; 
  background: #F8EABA;
}


/* wikitable/prettytable class for skinning normal tables */
/* includes some formatting for d20 tables */

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

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

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

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

/* default skin for navigation boxes - Copied from wikipedia 2008-04-22 */

/* default skin for navigation boxes */
table.navbox {            /* navbox container style */
  border:1px solid #aaa;
  width:100%; 
  margin:auto;
  clear:both;
/*  font-size:88%; */
  text-align:center;
  padding:2px;
}
table.navbox + table.navbox {
  margin-top:-1px;        /* single pixel border between adjacent navboxes (doesn't work for IE6, but that's okay) */
}
.navbox-title, .navbox-abovebelow, table.navbox th {
  text-align:center;      /* title and above/below styles */
  padding-left:1em;
  padding-right:1em;
}
.navbox-group {           /* group style */
  white-space:nowrap;
  text-align:right;
  font-weight:bold;
  padding-left:1em;
  padding-right:1em;
}
.navbox, .navbox-subgroup {
  background:#fdfdfd;     /* Background color */
}
.navbox-title, table.navbox th {
  background:#ccccff;     /* Level 1 color */
}
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title {
  background:#ddddff;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background:#e6e6ff;     /* Level 3 color */
}
.navbox-even {
  background:#f7f7f7;     /* Even row striping */
}
.navbox-odd {
  background:transparent; /* Odd row striping */
}
 
@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;
    }
}

/* Allow limiting of which header levels are shown in a TOC; <div class="toclimit-3">, for
   instance, will limit to showing ==headings== and ===headings=== but no further (as long as
   there are no =headings= on the page, which there shouldn't be according to the MoS). */
.toclimit-2 .toclevel-2 {display:none;}
.toclimit-3 .toclevel-3 {display:none;}
.toclimit-4 .toclevel-4 {display:none;}
.toclimit-5 .toclevel-5 {display:none;}
.toclimit-6 .toclevel-6 {display:none;}
.toclimit-7 .toclevel-7 {display:none;}


/*</pre>*/
Personal tools