Difference between revisions of "MediaWiki:Common.css"

Revision as of 16:43, 16 January 2014

/***** CSS placed here will be applied to all skins on the entire site. *****/

/* Printer-friendly rules */
@media print {
  #toc { display: none; }
}

.left {
  text-align: left !important;
}

/* For hiding stuff like arraymaps */
.blank {
  display: none;
}

/* Mark redirects in Special:Allpages and Special:Watchlist */
.allpagesredirect {
   font-style: italic;
}
.allpagesredirect:after {
   color: #808080; content: " (redirect)"
}
.watchlistredir {
   font-style: italic;
}

/* Giving headers and TOC a little extra space */
h2 {
   margin-top: 20px;
}
.toc {
   margin-top: 20px;
}

/* Infobox template style */
.infobox {
   border: 1px solid #aaaaaa;
   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 #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}

/* Forum formatting (by -Algorithm & -Splaka) */
.forumheader {
   border: 1px solid #aaa;
   margin-top: 1em;
   padding: 12px;
}
.forumlist td.forum_edited a {
   color: black;
   text-decoration: none;
}
.forumlist td.forum_title a {
   padding-left: 20px;
}
.forumlist td.forum_title a.forum_new {
   font-weight: bold;
   /* @embed */
   background: url(/images/4/4e/Forum_new.gif) center left no-repeat;
   padding-left: 20px;
}
.forumlist td.forum_title a.forum_new:visited {
   font-weight: normal;
   background: none;
   padding-left: 20px;
}
.forumlist th.forum_title {
   padding-left: 20px;
}

/* Recent changes byte indicators */
.mw-plusminus-pos {
   color: #006500;
}
.mw-plusminus-neg {
   color: #8B0000;
}

/* Image frame fix */
div.tright, div.tleft {
   border: 1px solid silver;
}

div.thumbinner {
   background: inherit;
   border: none;
   color: inherit;
}
#article div.thumb {
   color:inherit;
}

/* === Babel === */

div.babelbox {
   float: right;
   margin-left: 1em;
   margin-bottom: 0.5em;
   width: 246px;
   border: 1px solid #99B3FF;
   padding: 2px 0 2px 0;
}
.lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 {
   margin: 2px 4px 2px 4px; /* t, l, b, r */
   width:238px;
   border-collapse: collapse;
}
td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 {
   text-align:center;
   font-size:14pt;
   width:45px;
   height:45px;
}
td.lang-descriptionN, td.lang-description0, td.lang-description1,
td.lang-description2, td.lang-description3 {
  font-size:8pt;
  padding:4pt;
  line-height:1.25em;
}

.lang-block0 {
   border:1px solid #FFB3B3;
}
td.lang-code0 {
  background-color: #FFB3B3;
  color: black;
}
td.lang-description0 {
  background-color: #FFE0E8;
  color: black;
}

.lang-block1,  .lang-block2, .lang-block3  {
   border:1px solid #99B3FF;
}
td.lang-code1, td.lang-code2, td.lang-code3 {
  background-color: #99B3FF;
  color: black;
}
td.lang-description1,  td.lang-description2, td.lang-description3 {
  background-color: #E0E8FF;
  color: black;
}

.lang-blockN {
   border:1px solid #6EF7A7;
}
td.lang-codeN {
  background-color: #6EF7A7;
  color: black;
}
td.lang-descriptionN {
  background-color: #C5FCDC;
  color: black;
}

img {
	border: none;
	vertical-align: middle;
}

p img {
	margin: 0;
}

ul {
	line-height: 1.5em;
	list-style-type: square;
	margin: .3em 0 0 1.5em;
	padding: 0;
	/* @embed */
	list-style-image: url(http://www.dnd-wiki.org/w/skins/monobook/bullet.gif);
}
ol {
	line-height: 1.5em;
	margin: .3em 0 0 3.2em;
	padding: 0;
	list-style-image: none;
}
li {
	margin-bottom: .1em;
}
dt {
	font-weight: bold;
	margin-bottom: .1em;
}
dl {
	margin-top: .2em;
	margin-bottom: .5em;
}
dd {
	line-height: 1.5em;
	margin-left: 2em;
	margin-bottom: .1em;
}
#contentSub, #contentSub2 {
	font-size: 84%;
	line-height: 1.2em;
	margin: 0 0 1.4em 1em;
	color: #7d7d7d;
	width: auto;
}
span.subpages {
	display: block;
}

/* Heading changes */
#bodyContent h3 .mw-headline { border-bottom: 1px solid #8c794e; padding-bottom: .113em; }
#bodyContent h4, #bodyContent h5 { font-weight: bold; }
#bodyContent h6 {
  font-style: italic;
}
#bodyContent h4, #bodyContent h5, #bodyContent h6 {
	border-bottom: none;
}
#bodyContent h1, #bodyContent h2, #bodyContent h3 {
	margin-bottom: .6em;
}
#bodyContent h4, #bodyContent h5 {
	margin-bottom: .3em;
}
.firstHeading {
	margin-bottom: .1em;
}


/* emulate center */
.center {
	width: 100%;
	text-align: center;
}
*.center * {
	margin-left: auto;
	margin-right: auto;
}
/* small for tables and similar */
.small, .small * {
	font-size: 94%;
}
table.small {
	font-size: 100%;
}

/* table standards */
table.rimage {
	float: right;
	position: relative;
	margin-left: 1em;
	margin-bottom: 1em;
	text-align: center;
}
.toccolours {
	border: 1px solid #8c794e;
	background-color: #e6d88d;
	padding: 5px;
	font-size: 95%;
}
div.townBox {
	position: relative;
	float: right;
	margin-left: 1em;
	border: 1px solid gray;
	padding: .3em;
	width: 200px;
	overflow: hidden;
	clear: right;
}
div.townBox dl {
	padding: 0;
	margin: 0 0 .3em;
	font-size: 96%;
}
div.townBox dl dt {
	background: none;
	margin: .4em 0 0;
}
div.townBox dl dd {
	margin: .1em 0 0 1.1em;
	background-color: #f3f3f3;
}

/* Tables */

/* ======= The d20 table ======== */

/* Note that the d20 table border is set by the header of the table and the individual cells, NOT the table entity itself.
 * This allows us to do things like have the class skill list as part of the table without the table border extending to cover
 *them as well (see any 3.5e class page for an example of this).
*/
table.d20, table.wikitable {
  margin: 0 1em 1em 0;
  border-collapse: collapse;
  text-align: center;
}

table.d20 th, table.wikitable th {
  vertical-align: bottom;
}

table.d20 td, table.wikitable td {
  vertical-align: top;
}

table.d20 th, table.d20 td, table.wikitable th, table.wikitable td {
  border-color: #8c794e;
  border: 1px #8c794e solid;
  padding: 0.077em 0.385em;
}

table.d20 caption, table.wikitable caption, table.monstats caption {
  margin: 0 0 0.231em;
  text-align: left;
  font-weight: bold;
  vertical-align: bottom;
  padding-top: 0.5em;
}

table.d20 caption *,
#bodyContent table.d20 caption *,
table.wikitable caption *,
#bodyContent table.wikitable caption * {
  padding: 0;
  margin: 0;
  line-height: 1.25em;
}

table.d20 caption h5,
table.d20 caption div,
table.wikitable caption h5,
table.wikitable caption div {
  float: left;
}

table.d20 caption p,
table.wikitable caption p {
  text-align: center;
}

table.d20 td.skill, table.wikitable td.skill {
  border: none;
  padding: 0;
  text-align: left;
}

table.d20 td.foot, table.wikitable td.foot {
  text-align: left;
  font-size: 0.8em;
}

table.d20 caption h5 .editsection {
  display: none;
}

table.d20 caption h5:after,
#bodyContent table.d20 caption h5:after {
  content: " ";
  white-space: pre;
}

/* ====== Dragon / Monstats tables ====== */

/* Identical to table.d20. We may not really need this to look good. */
table.monstats {
  margin-bottom: 1em;
}

table.dragon th, table.dragon td {
  border:none;
}

/* Identical to table.d20 to make things look right. Clean up our use of CSS classes with Tarkis's replacetext later. */
table.monstats th, table.monstats td {
  padding: 0.077em 0.385em;
}

table.dragon th {
  background-color: transparent !important;
  padding-right: 0.154em;
  white-space: nowrap;
  text-align: right;
  vertical-align: top;
}

table.dragon td,
table.monstats tr:first-child th + th {
  text-align: left;
}

table.monstats tr.separator > * {
  border-top-color: #b39b5b;
  border-top-width: 1px;
  border-top-style: solid;
}

/* ====== Author table ====== */

table.author {
  float: right;
  clear: both;
  margin: 0 0 1em 1em;
  font-size: 90%;
  padding: 0.769em;
}

table.author caption {
  margin: 1em 0 0 1em;
  padding-bottom: 0.231em;
  font-size: smaller;
  font-style: italic;
  text-align: left;
}

table.author th.user {
  background: #8c794e;
  font-size: larger;
}

table.author tr + tr td,
table.author tr + tr th {
  vertical-align: top;
  padding: 0.077em 0.385em;
}

table.author tr + tr th {
  text-align: right;
  padding-right: 0.154em;
}

table.author tr + tr th {
  text-align: right;
  padding-left: 0.154em;
}

/* ====== AuthorLite table ====== */

table.authorlite {
  float: right;
  clear: both;
  margin: 0 0 1em 1em;
  font-size: 90%;
  padding: 0.25em;
}

table.authorlite caption {
  margin: 1em 0 0 1em;
  padding-bottom: 0.231em;
  font-size: smaller;
  font-style: italic;
  text-align: left;
}

table.authorlite th.user {
  background: #8c794e;
  font-size: larger;
}

table.authorlite tr + tr td,
table.authorlite tr + tr th {
  padding: 0.077em 0.385em;
}

table.authorlite tr + tr th {
  text-align: right;
  padding-right: 0.154em;
}

table.authorlite tr + tr th {
  text-align: right;
  padding-left: 0.154em;
}

/*  ====== Statblock table ======  */

table.statBlock caption {
  font-size: larger;
  font-weight: bold;
  line-height: 1.25em;
  padding-top: 0.5em;
  vertical-align: bottom;
}

table.statBlock caption div {
  float: left;
  padding-bottom: 0;
  margin-bottom: 0;
}

table.statBlock caption div:after {
  content: " ";
  white-space: pre;
}

table.statBlock caption p {
  text-align: right;
}

table.statBlock tr.separator td {
  border-top-color: #b39b5b;
  border-top-width: 1px;
  border-top-style: solid;
  padding: 0;
  height: 0px;
}

table.statBlock th, table.statBlock td {
  border: none;
  padding: 0.077em 0.385em;
}

table.statBlock th {
  background: inherit;
  padding-right: 0.154em;
  white-space: nowrap;
  text-align: right;
  vertical-align: top;
}

table.statBlock td {
  text-align: left;
}

table.statBlock td div {
  margin: 0 0 0 1.5em;
  text-indent: -1.5em;
}

/* ====== Old-school Feat Table ====== */
table.feat {
  font-size: 0.9em;
  line-height: 1.35em;
}

table.feat caption {
  font-size: 1.2em;
  color: #180540;
}

table.feat th {
  font-size: 1.05em;
}

table.feat tr {
  vertical-align: top;
  white-space: nowrap;
}

/* Errata */
.errata {
  background: #e1f9b2;
}

/* Set the common background for elements that need it. Putting it here on the bottom in case we ever change it, easy to change everything at once by changing this value. */
div.townBox, table.dragon th {
  background: #fdf9d3;
}

table.cquote
{
  border-collapse: collapse;
  border-style: none;
  background-color: transparent;
  margin-left: auto;
  margin-right: auto;
}

table.cquote td
{
  border-style: none;
  vertical-align: top;
  padding: 0.313em 10px;
}

table.cquote td.mark
{
  width: 1px;
  font-family: 'Times New Roman', serif;
  font-weight: bold;
  padding: 10px;
}

.cquote .src
{
  padding-top: 10px;
  font-size: smaller;
  line-height:1em;
  text-align: right;
}

.showHideButton
{
  float: right;
  margin-left: 0.375em;
}

.showHideButton:hover
{
  cursor: pointer;
}

.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;
}

/* 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).

   If you want to use this feature, use Template:TOC Limit.
   Copied from Wikipedia.
*/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 { display: none; }

/* "Column" tables, IE, having multiple columns of text on a single page. */
table.column tr { vertical-align: top; }

/* Add a new whatever Inputboxes. */

.createbox { text-align: left; width: 26em; margin: 2em; }

/* Drop Caps */

.dropcap:first-letter { font-size: 2em; float:left; }