Difference between revisions of "MediaWiki:Common.css"

From Action
Jump to navigation Jump to search
m
m (Smaller footnotes.)
 
(34 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
/*<pre>
 
/*<pre>
  ************************************************************
+
  *******************
  * CSS placed here will be applied to all skins.
+
  * CSS for all skins
  ************************************************************/
+
  *******************/
  
/* Common styles imported from Wikipedia:
+
/* make the Cite extension list of references look smaller and highlight clicked reference in blue */
*  
+
ol.references { font-size: 90%; }
* prettytable, infobox, navbox
+
ol.references li:target { background-color: #ddeeff; }
*
+
sup.reference:target { background-color: #ddeeff; }
*/
 
  
  
/*  
+
/* Line height fix for <sup> */
* d20table class for skinning game rule tables
+
sup
*/
+
{
 +
  vertical-align: top; font-size: 0.9em;
 +
}
 +
 
 +
 
 +
/* d20 tables */
 +
 
 +
table.d20 tr.even td
 +
{
 +
  background: #f9f9f9;
 +
}
 +
table.d20 tr td
 +
{
 +
  background: #fff;
 +
}
  
 +
/* Messagebox templates */
  
table.d20 th, table.d20 td {
+
.messagebox {
 
   border: 1px solid #aaa;
 
   border: 1px solid #aaa;
 
   background-color: #f9f9f9;
 
   background-color: #f9f9f9;
   color: black;
+
   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 {
table.d20 th, table.d20 td {
+
  border: 1px solid #c0c090;
  border-color: #aaa;
+
  background-color: #f8eaba;
 
}
 
}
 
+
.messagebox.nested-talk {
table.d20 th
+
  border: 1px solid #c0c090;
{
+
  background-color: #f8eaba;
  background: #f9f9f9;
+
  width: 100%;
 +
  margin: 2px 4px 2px 4px;
 
}
 
}
  
table.d20 tr.even td
+
.messagebox.small-talk {
{
+
  width: 238px;
   background: white;
+
  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 */
  
/* wikitable class for skinning normal tables */
+
table.d20,
 
+
table.wikitable,
table.wikitable  {
+
table.prettytable {
 
   margin: 1em 1em 1em 0;
 
   margin: 1em 1em 1em 0;
 
   background: #f9f9f9;
 
   background: #f9f9f9;
Line 47: Line 82:
 
}
 
}
  
table.wikitable th, table.wikitable td {
+
table.d20 th, table.d20 td,
 +
table.wikitable th, table.wikitable td,
 +
table.prettytable th, table.prettytable td {
 
   border: 1px #aaa solid;
 
   border: 1px #aaa solid;
 
   padding: 0.2em;
 
   padding: 0.2em;
 
}
 
}
  
table.wikitable th {
+
table.d20 th,
 +
table.wikitable th,
 +
table.prettytable th {
 
   background: #f2f2f2;
 
   background: #f2f2f2;
 
   text-align: center;
 
   text-align: center;
 
}
 
}
  
table.wikitable caption {
+
table.d20 caption,
 +
table.wikitable caption,
 +
table.prettytable caption {
 
   margin-left: inherit;
 
   margin-left: inherit;
 
   margin-right: inherit;
 
   margin-right: inherit;
 
   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 {
 +
  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 {
table.navbox th {
+
  background:#f7f7f7;    /* Even row striping */
    background-color: #ccf;
 
     padding-left: 1em;
 
    padding-right: 1em;
 
 
}
 
}
 
+
.navbox-odd {
table.navbox tr:not(:first-child) th {
+
  background:transparent; /* Odd row striping */
    background-color: #ddf;
 
 
}
 
}
 
+
 
@media print {
 
@media print {
 
     .navbox {
 
     .navbox {
Line 90: Line 155:
 
     }
 
     }
 
}
 
}
 
 
/* Infobox template style */
 
/* Infobox template style */
  
Line 133: Line 197:
 
     }
 
     }
 
}
 
}
 +
 +
/* 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;}
 +
 +
/* When <div class="nonumtoc"> is used on the table of contents, the ToC will display without numbers */
 +
.nonumtoc .tocnumber { display:none; }
 +
.nonumtoc #toc ul,
 +
.nonumtoc .toc ul {
 +
    line-height: 1.5em;
 +
    list-style: none;
 +
    margin: .3em 0 0;
 +
    padding: 0;
 +
}
 +
.nonumtoc #toc ul ul,
 +
.nonumtoc .toc ul ul {
 +
    margin: 0 0 0 2em;
 +
}
 +
  
 
/*</pre>*/
 
/*</pre>*/

Latest revision as of 15:52, 23 August 2014

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

/* make the Cite extension list of references look smaller and highlight clicked reference in blue */
ol.references { font-size: 90%; }
ol.references li:target { background-color: #ddeeff; }
sup.reference:target { background-color: #ddeeff; }


/* Line height fix for <sup> */
sup 
{ 
  vertical-align: top; font-size: 0.9em; 
}


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

/* When <div class="nonumtoc"> is used on the table of contents, the ToC will display without numbers */
.nonumtoc .tocnumber { display:none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
    line-height: 1.5em;
    list-style: none;
    margin: .3em 0 0;
    padding: 0;
}
.nonumtoc #toc ul ul, 
.nonumtoc .toc ul ul { 
    margin: 0 0 0 2em; 
}


/*</pre>*/