MediaWiki:Common.css

/*

L5s and L6s

Header 5

blah, text, blah again, and more text, yadda yadda yadda yackety-schmackety blah blah blah, text, blah again, and more text, yadda yadda yadda yackety-schmackety blah blah blah, text, blah again, and more text, yadda yadda yadda

Header 6

blah, text, blah again, and more text, yadda yadda yadda yackety-schmackety blah blah blah, text, blah again, and more text, yadda yadda yadda yackety-schmackety blah blah blah, text, blah again, and more text, yadda yadda yadda yackety-schmackety blah

 */

.oo-ui-checkboxInputWidget-checkIcon.oo-ui-widget.oo-ui-widget-enabled.oo-ui-iconElement-icon.oo-ui-icon-check.oo-ui-iconElement.oo-ui-iconWidget {
	display: none;
}

#bodyContent .supplement h5,
#bodyContent .supplement h6
{
  float: left;
  padding-bottom: 0;
  margin-bottom: 0;
<!--  color: #0000000;-->
}

#bodyContent .supplement h5:after,
#bodyContent .supplement h6:after
{
  white-space: pre;
  content: ": ";
<!--  color: #0000000;-->
}

#bodyContent .supplement h5 .editsection,
#bodyContent .supplement h6 .editsection
{
  display: none;
<!--  color: #0000000;-->
}

#bodyContent .supplement h5 + p,
#bodyContent .supplement h6 + p
{
  padding-top: 0.5em;
  margin-top: 0;
<!--  color: #0000000;-->
}

/*

Nested Lists

 */

dd dl,
dd ol,
dd ul,
li dl,
li ol,
li ul
{
    margin-top: 0.1em;
    margin-bottom: 0;
}

/*

5e Table

Table: Sample 5e Table
Blah	Dee	Blah
Yackety	Schmackety	Wheeeeeeeeeee
Lovely	Spam	Wonderful
some footnote.

 */

table.minimize \000035e
{
  white-space: normal;
}

table.\000035e
{
  margin: 0 0 1em;
  text-align: center;
  border-collapse: collapse;
}

table.\000035e th, table.\000035e td
{
  border-left-width: 0em;
  border-right-width: 0em;
  border-top-width: 0em;
  border-bottom-width: 0em;
  border-style: solid;
  padding-top: 0.175em;
  padding-bottom: 0.175em;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

table.\000035e th
{
  vertical-align: bottom;
}

table.\000035e td
{
  vertical-align: top;
}

table.\000035e caption
{
  margin: 0 0 -0.1em;
  text-align: left;
  font-weight: bold;
  padding-top: 0.18em;
  padding-bottom: 0.5em;
}

table.minimize td.\000035e footer
{
  white-space: normal;
}

table.\000035e footer
{
  text-align: left;
}

table.\000035e tr.odd
{
  background: #e0e4c0;
}

table.\000035e th, table.\000035e td {
  border-color: #fdf9d3;
}

table.\000035e tr.
{
  border-color: #d8c3b2;
}

table.\000035e td.notes
{
  text-align: left;
  border: none;
}

/*

4e Table

Table: Sample 4e Table
Blah	Dee	Blah
Yackety	Schmackety	Wheeeeeeeeeee
Lovely	Spam	Wonderful
some footnote.

 */

table.minimize \000034e
{
  white-space: normal;
}

table.\000034e
{
  margin: 0 0 1em;
  text-align: center;
  border-collapse: collapse;
}

table.\000034e th, table.\000034e td
{
  border-left-width: 0em;
  border-right-width: 0em;
  border-top-width: 0em;
  border-bottom-width: .3em;
  border-style: solid;
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: 0.35em;
  padding-right: 0.35em;
  line-height: 1.29em;
}

table.\000034e th
{
  vertical-align: bottom;
}

table.\000034e td
{
  vertical-align: top;
}

table.\000034e caption
{
  margin: 0 0 -0.1em;
  text-align: left;
  font-weight: bold;
  padding-top: 0.18em;
  padding-bottom: 0.18em;
}

table.minimize td.\000034e footer
{
  white-space: normal;
}

table.\000034e footer
{
  text-align: left;
}

table.\000034e th, table.\000034e td {
  border-color: #fdf9d3;
}

table.\000034e th
{
  background: #1b3f60;
  color: #ffffff;
  line-height: 1.8em;
  border-bottom-width: 0em;
}

table.\000034e tr.even
{
  background: #edebd1;
  background: -moz-linear-gradient(left, #dcddce, #fdf9d3);
  <!-- background: -webkit-gradient(linear, left center, right center, from(#dcddce), to(#fdf9d3)); -->
  <!-- filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#dcddce', EndColorStr='#fdf9d3') -->
}

table.\000034e tr.odd
{
  background: #d1d2bc;
}

table.\000034e td.notes
{
  text-align: left;
  border: none;
}

/*

Pathfinder Table

Table: Sample Pathinfder Table
Blah	Dee	Blah
Yackety	Schmackety	Wheeeeeeeeeee
Lovely	Spam	Wonderful
some footnote.

 */

table.minimize pathfinder
{
  white-space: normal;
}

table.pathfinder
{
  margin: 0 0 1em;
  text-align: center;
  border-collapse: collapse;
  color: #61403b;
}

table.pathfinder th, table.pathfinder td
{
  border-left-width: 0em;
  border-right-width: 0em;
  border-top-width: 0em;
  border-bottom-width: .175em;
  border-style: solid;
  padding-top: 0em;
  padding-bottom: 0em;
  padding-left: .75em;
  padding-right: .75em;
  line-height: 1.6em;
}

table.pathfinder th
{
  vertical-align: bottom;
}

table.pathfinder td
{
  vertical-align: top;
}

table.pathfinder caption
{
  margin: 0 0 -0.1em;
  text-align: left;
  font-weight: bold;
  padding-top: 0.18em;
  padding-bottom: 0.18em;
  border-bottom-width: .25em;
}

table.minimize td.pathfinder footer
{
  white-space: normal;
}

table.pathfinder th, table.pathfinder td {
  border-color: #9b7051;
}

table.pathfinder tr.
{
  border-color: #d8c3b2;
}

table.pathfinder td.notes
{
  text-align: left;
  border: none;
}

/*

d20 Table

Table: Sample d20 Table
Blah	Dee	Blah
Yackety	Schmackety	Wheeeeeeeeeee
Lovely	Spam	Wonderful
some footnote.
Class Skills (4 + Int modifier per level, ×4 at 1st level) Concentration (Con).

 */

table.minimize
{
  white-space: nowrap;
  width: 1px;
}

table.d20
{
  margin: 0 0 1em;
  text-align: center;
  border-collapse: collapse;
}

table.d20 th, table.d20 td
{
  border-width: 1px;
  border-style: solid;
  padding: 0.077em 0.385em;
}

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

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

table.d20 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 *
{
  padding: 0;
  margin: 0;
  line-height: 1.25em;
}

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

table.d20 caption div
{
  float: left;
}

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

table.d20 caption.epic
{
  float: left;
  clear: left;
  text-align: left;
}

table.d20 caption.epic p
{
  float: left;
  clear: left;
  text-align: left;
}

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

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

table.minimize td.foot
{
  white-space: normal;
}

td.foot
{
  font-size: smaller;
  text-align: left;
}

td.foot ol
{
  margin-top: 0;
  margin-left: 2em;
}

td.foot li
{
  margin-bottom: 0;
}

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

/*

Stat Blocks

 */

table.statBlock caption
{
  font-size: larger;
}

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 th, table.statBlock td
{
  border: none;
}

table.statBlock th
{
  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;
}

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

/*

Dragon and Monster Stats

 */

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

table.dragon th
{
  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-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
{
  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;
}

/*

Columns Helper Table

 */

table.column tr
{
    vertical-align: top;
}

table.column td,
table.column th
{
    padding: 0 0.75em;
}

/*

Done Discussions

 */

.done {
    opacity:.6;
    filter: alpha(opacity=60);
}

/*

ToC Depth Control

 */

@media all
{
    .tocDepth1 .toclevel-2,
    .tocDepth1 .toclevel-3,
    .tocDepth1 .toclevel-4,
    .tocDepth1 .toclevel-5,
    .tocDepth1 .toclevel-6,
    .tocDepth2 .toclevel-3,
    .tocDepth2 .toclevel-4,
    .tocDepth2 .toclevel-5,
    .tocDepth2 .toclevel-6,
    .tocDepth3 .toclevel-4,
    .tocDepth3 .toclevel-5,
    .tocDepth3 .toclevel-6,
    .tocDepth4 .toclevel-5,
    .tocDepth4 .toclevel-6,
    .tocDepth5 .toclevel-6
    {display:none}
}

/*

Send MoI Box

 */

div.MoIDiv {
	visibility: hidden;
	position: fixed;
	right: 0px;
	bottom: 0px;
	width: 1px;
	height: 1px;
	z-index: 110;
	background-color: #FFE4B5;
	border-style: solid;
	border-width: 2px;
	border-color: black;
	display: none;
	padding: 10px;
	overflow: auto;
}
/*

Convenient Text-Alignment Classes

 */

.left
{
  text-align: left;
}

.right
{
  text-align: right;
}

.center
{
  text-align: center;
}

/*

Calendar CSS

 */
table.calendar          { margin: 0; padding: 10px; }
table.calendar td       { margin: 0; padding: 2px; vertical-align: top; }
table.month .heading td { padding:2px; background-color:#d4d4d4; color:#aaa; text-align:center; font-size:120%; font-weight:bold; }
table.month .dow td     { color:#aaa; text-align:center; font-size:110%; }
table.month td.today    { background-color:#ddd; }
table.month td {
    border: none;
    margin: 0;
    padding: 1pt 1.5pt;
    font-weight: bold;
    font-size: 8pt;
    text-align: right;
    background-color: #eee;
    }
#bodyContent table.month a { background:none; padding:0 }
.day-active { color:#0000cc }
.day-empty  { color:#cc0000 }
/*

Template:Quote CSS

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

/** CSS style file for Semantic MediaWiki. */

span.smwbuiltin, span.smwttactiveinline span.smwbuiltin { /* highlighting for builtin elements */
	font-style: italic;
}

/* </nowiki>

==Semantic MediaWiki==

<nowiki> */

/* tables for inline queries */

table.smwtable{
	background-color: #8c794e;  /* Note: here and below, we use six digits, since some users had problems with the three digit short forms */
        padding: 0.5px;
}

table.smwtable th{
	background-color: #e6d88d;
        text-align: left;
}

table.smwtable td{
	background-color: #eee3a4;
        text-align: left;
	padding: 0px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
}

table.smwtable tr.smwfooter td{
	font-size: 90%;
        text-align: left;
	line-height: 1;
	background-color: #eee3a4;
	padding: 0px;
	vertical-align: top;
}

/*hide keys for sorting table entries*/
span.smwsortkey{
	display: none;
}

/* buttons for sort-arrows */
a.sortheader:hover{
	text-decoration: none;
}

/* "semantic" span classes for Timeline */

div.smwtimeline{
	border: 3px solid #AAAAAA;
	background-color: #F9F9F9;
	/*text-align: center;*/
	/* After hours of debugging and frustration I now can savely say: IE sucks. (mak)
	   You can support Semantic MediaWiki development by not using Internet Explorer. Thanks.
	   (IE centers the Timeline *elements*, which messes up the whole layout) */
}

span.smwtlevent, span.smwtlband, span.smwtlsize, span.smwtlposition{
	display: none;
	speak: none;
}

span.smwtlcomment{
	font-style: italic;
	padding: 5px;
}

/* Factbox */

div.smwfact{
	clear: both;
	background-color: #F9F9F9;
	padding: 5px;
	margin-top: 1em;
	border: 1px solid #AAAAAA;
	font-size: 95%;
}

div.smwfact td, div.smwfact tr, div.smwfact table{
	background-color: #F9F9F9;
}

span.smwfactboxhead{
	font-size: 110%;
	font-weight: bold;
	float: left;
}

table.smwfacttable{
	border-top: 1px dotted #AAAAAA;
	width: 100%;
	clear: both;
}

td.smwpropname, th.smwpropname, td.smwspecname{
	text-align: right;
	vertical-align: top;
	padding-right: 1em;
}

td.smwprops, td.smwspecs{
	vertical-align: top;
	width: 75%;
}

div.smwhr hr{
	background-color: #DDDDDD;
	color: #DDDDDD;
}

/* warning messages */

span.smwwarning{
	color: #888888;
	font-style: italic;
	font-size: 90%;
}

/* search, browse, RDF icons */

span.smwsearchicon { /*FIXME: this was only used for Factbox docu, should be removed from code*/
	padding-right: 16px;
	margin-right: 2px;
	color: #888888;
	background: url(images/searchgray_iconsmall.png) center right no-repeat;
}

#bodyContent span.smwsearch a{
	padding-right: 16px;
	margin-right: 2px;
	color: #888888;
	background: url(images/searchgray_iconsmall.png) center right no-repeat;
}

#bodyContent span.smwsearch a:hover{
	text-decoration: none;
	color: #0000FF;
	padding-right: 18px;
	margin-right: 0px;
	background: url(images/search_icon.png) center right no-repeat;
}

#bodyContent span.swmfactboxheadbrowse a{
	padding-right: 16px;
	margin-right: 2px;
	color: #000000;
	background: url(images/browse_iconsmall.png) center right no-repeat;
}

#bodyContent span.swmfactboxheadbrowse a:hover{
	text-decoration: none;
	color: #0000FF;
	padding-right: 18px;
	margin-right: 0px;
	background: url(images/browse_icon.png) center right no-repeat;
}

#bodyContent span.smwbrowse a{
	padding-right: 16px;
	margin-right: 2px;
	color: #888888;
	background: url(images/browse_iconsmall.png) center right no-repeat;
}

#bodyContent span.smwbrowse a:hover{
	text-decoration: none;
	color: #0000FF;
	padding-right: 18px;
	margin-right: 0px;
	background: url(images/browse_icon.png) center right no-repeat;
}

#bodyContent span.smwmap a{
	padding-right: 20px;
	color: #888888;
	background: url(images/world.png) center right no-repeat;
}

#bodyContent span.smwmap a:hover{
	padding-right: 20px;
	color: #0000FF;
	background: url(images/world.png) center right no-repeat;
}

#bodyContent span.rdflink{
	float: right;
}

#bodyContent span.rdflink a{
	padding-right: 20px;
	color: #888888;
	background: url(images/rdf_flyer.18.gif) center right no-repeat;

}

#bodyContent span.rdflink a:hover{
	text-decoration: none;
	color: #0000FF;
	padding-right: 20px;
	margin-right: 0px;
	background: url(images/rdf_flyer.18.gif) center right no-repeat;
}

/* Tooltips */

div.smwtt { /* style for content of the bubble */
	color: #000000;
}

span.smwttpersist span.smwttcontent{ /* show persistent tooltips for non-JavaScript clients */
	color: #888888;
	font-style: italic;
	font-size: 90%;
}

span.smwttinline span.smwttcontent{ /* hide inline tooltips for non-JavaScript clients */
	display: none;
	speak: none;
}

span.smwtticon{ /* style for image anchor for persistent tooltips */
	display: none;
}

span.smwttactivepersist { /* colored anchors? */
	cursor: help;
	color: #0000C8;
}

span.smwttactiveinline { /* colored anchors */
	color: #BB7700;
	text-decoration: none;
}

img.smwttimg { /* images for tooltip icons */
	padding-right: 5px;
	padding-left: 4px;
}

/* tables for inline queries */

table.smwtable th, table.smwtable td{
	text-align: right;
}

table.smwtable tr.smwfooter td {
	text-align: left;
}

span.smwfactboxhead {
	float:right;
}

span.smwrdflink {
	float:left;
}

td.smwpropname, th.smwpropname, td.smwspecname{
	text-align: left;
}

span.smwsearchicon {
	padding-right: 0;
	margin-right: 0;
	padding-left: 16px;
	margin-left: 2px;
}

#bodyContent span.smwsearch a{
	padding-right: 0;
	margin-right: 0;
	padding-left: 16px;
	margin-left: 2px;
}

#bodyContent span.smwsearch a:hover{
	padding-right: 0;
	margin-right: 0;
	padding-left: 18px;
	margin-left: 0px;
}

#bodyContent span.swmfactboxheadbrowse a{
	padding-left: 16px;
	margin-left: 2px;
	padding-right: 0px;
	margin-right: 0px;
	color: #000000;
	background: url(images/browse_iconsmall.png) center left no-repeat;
}

#bodyContent span.swmfactboxheadbrowse a:hover{
	text-decoration: none;
	color: #0000FF;
	padding-left: 18px;
	margin-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	background: url(images/browse_icon.png) center left no-repeat;
}

#bodyContent span.smwbrowse a{
	padding-left: 16px;
	margin-left: 2px;
	padding-right: 0px;
	margin-right: 0px;
	color: #888888;
	background: url(images/browse_iconsmall.png) center left no-repeat;
}

#bodyContent span.smwbrowse a:hover{
	text-decoration: none;
	color: #0000FF;
	padding-left: 18px;
	margin-left: 0px;
	padding-right: 0px;
	margin-right: 0px;
	background: url(images/browse_icon.png) center left no-repeat;
}

#bodyContent span.smwmap a{
	padding-right: 0;
	padding-left: 20px;
	background: url(world.png) center left no-repeat;
}

#bodyContent span.smwmap a:hover{
	padding-right: 0;
	padding-left: 20px;
}

/* RDF icons */

#bodyContent span.rdflink a{
	padding-right: 20px;
	padding-left: 0;
	background: url(rdf_flyer.18.gif) center left no-repeat;
}

#bodyContent span.rdflink a:hover{
	padding-right: 0;
	margin-right: 0;
	padding-left: 20px;
	margin-left: 0px;
	background: url(rdf_flyer.18.gif) center left no-repeat;
}
/*

Show/Hide Button for Collapsible Tables

 */

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

.showHideButton:hover
{
  cursor: pointer;
}

/*

External image resizing

 */

.externalimage-holder {
    position: relative;
}
.externalimage-holder img {
    width: 100%;
    height: auto;
}

/*

Cross-platform Pretty Search Box

 */

#searchInput {
    width:88%;
}

/*

gollark: No.

gollark: No, that's also bad.

gollark: You could try doing other things instead.

gollark: I see.

gollark: Well, presumably TikTok is an "app". In most cases, you can uninstall these by going to "settings" on your device, then "apps", then selecting the one in question, then clicking "uninstall" and "OK".

SRD Styling

 */

.ns-100 #content, /* SRD: */
.ns-102 #content, /* MSRD: */
.ns-106 #content, /* UA?: */
.ns-170 #content, /* PFSRD: */
.ns-180 #content,  /* 5e_SRD: */
.ns-190 #content,  /* OGC: */
.ns-100 table, /* SRD: */
.ns-102 table, /* MSRD: */
.ns-106 table, /* UA?: */
.ns-170 table, /* PFSRD: */
.ns-180 table, /* 5e_SRD: */
.ns-190 table /* OGC: */
{ 
  /* Make changes here, or split out the different namespaces, or change more than just #content, etc. */
  background-color: #FFF;
  font-family: "Times New Roman", Times, serif;
  color: #111;
  font-size: 14px;
}

.ns-0   #content, /* Main: */
.ns-100 #content, /* SRD: */
.ns-102 #content, /* MSRD: */
.ns-106 #content, /* UA?: */
.ns-170 #content, /* PFSRD: */
.ns-180 #content,  /* 5e_SRD: */
.ns-190 #content  /* OGC: */
{
  margin: 2.80em 0 0 12.00em;
  background-repeat: no-repeat;
  background-position: left top;
  padding-top:5%;
  background-size: contain;
  background-image: url(images/5/54/Homebrew_Banner.jpg);
}

.ns-100 #content, /* SRD: */
.ns-102 #content, /* MSRD: */
.ns-106 #content, /* UA?: */
.ns-170 #content, /* PFSRD: */
.ns-180 #content,  /* 5e_SRD: */
.ns-190 #content  /* OGC: */
{
  margin: 2.60em 0 0 11.0em;
  background-repeat: no-repeat;
  background-position: left top;
  padding-top:5%;
  background-size: contain;
  background-image: url(images/5/54/Homebrew_Banner.jpg);
}


== Banners ==

.ns-100 #content  /* SRD: */
{
  background-image: url(images/b/b8/3.5e_SRD_Banner.jpg);
}

.ns-100 #content  /* SRD: */
{
  background-image: url(images/b/b8/3.5e_SRD_Banner.jpg);
}

.ns-102 #content  /* MSRD: */
{
  background-image: url(images/d/d5/D20m_MSRD_Banner.jpg);
}

.ns-106 #content  /* UA?: */
{
  background-image: url(images/e/e6/3.5e_UA_Banner.jpg);
}

.ns-170 #content  /* PFSRD: */
{
  background-image: url(images/2/2f/Pathfinder_PFSRD_Banner.jpg);
}

.ns-180 #content  /* 5e_SRD: */
{
  background-image: url(images/0/0d/5e_SRD_Banner.jpg);
}

.ns-190 #content  /* OGC: */
{
  background-image: url(images/f/f2/OGC_Banner.jpg);
}

/*

*/

This article is issued from Dandwiki. The text is licensed under Creative Commons - Attribution - Sharealike. Additional terms may apply for the media files.