MediaWiki:Common.css

From D&D Wiki

Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/*

=== L5s and L6s ===

<div class="supplement">
=====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
</div>

<pre> */

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

/* </pre>

=== Nested Lists ===

 <pre> */

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

/* </pre>

=== 5e Table ===

{| class="5e"
|+
=====Table: Sample 5e Table=====
! Blah || Dee || Blah
|- class="{{Odd-Even|{{#var:odd}}}}"
| Yackety || Schmackety || Wheeeeeeeeeee
|- class="{{Odd-Even|{{#var:odd}}}}"
| Lovely || Spam || Wonderful
|- class="{{Odd-Even|{{#var:odd}}}}"
| colspan="3" class="foot" |
# some footnote.
|}

<pre> */

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

/* </pre>

=== 4e Table ===

{| class="4e"
|+
=====Table: Sample 4e Table=====
! Blah || Dee || Blah
|- class="{{Odd-Even|{{#var:odd}}}}"
| Yackety || Schmackety || Wheeeeeeeeeee
|- class="{{Odd-Even|{{#var:odd}}}}"
| Lovely || Spam || Wonderful
|- class="{{Odd-Even|{{#var:odd}}}}"
| colspan="3" class="foot" |
# some footnote.
|}

<pre> */

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

/* </pre>

=== Pathfinder Table ===

{| class="pathfinder"
|+
=====Table: Sample Pathinfder Table=====
! Blah || Dee || Blah
|- class="{{Odd-Even|{{#var:odd}}}}"
| Yackety || Schmackety || Wheeeeeeeeeee
|- class="{{Odd-Even|{{#var:odd}}}}"
| Lovely || Spam || Wonderful
|- class="{{Odd-Even|{{#var:odd}}}}"
| colspan="3" class="foot" |
# some footnote.
|}

<pre> */

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

/* </pre>

=== d20 Table ===

{| class="d20"
|+
=====Table: Sample d20 Table=====
|-
! Blah || Dee || Blah
|-
| Yackety || Schmackety || Wheeeeeeeeeee
|- class="even"
| Lovely || Spam || Wonderful
|-
| colspan="3" class="foot" |
# some footnote.
|-
| colspan="3" class="skill" |
'''Class Skills (4 + [[Int]] modifier per level, &times;4 at 1st level)'''<br/>
[[Concentration]] ([[Con]]).
|}

<pre> */

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

/* </pre>

==== Stat Blocks ====

<pre> */

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

/* </pre>

==== Dragon and Monster Stats ====

<pre> */

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

/* </pre>

=== Author Table ===

<pre> */

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

/* </pre>

=== Columns Helper Table ===

<pre> */

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

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

/* </pre>

=== Done Discussions ===

<pre> */

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

/* </pre>

=== ToC Depth Control ===

<pre> */

@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}
}

/* </pre>

=== Send MoI Box ===

<pre> */

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

=== Convenient Text-Alignment Classes ===

<pre> */

.left
{
  text-align: left;
}

.right
{
  text-align: right;
}

.center
{
  text-align: center;
}

/* </pre>

=== Calendar CSS ===

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

=== [[Template:Quote]] CSS ===

<pre> */
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></pre> ==Semantic MediaWiki== <pre><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;
}
/* </pre>

=== Show/Hide Button for Collapsible Tables ===

<pre> */

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

.showHideButton:hover
{
  cursor: pointer;
}

/* </pre>

== External image resizing ==

<pre> */

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

/* </pre>

== Cross-platform Pretty Search Box ==

<pre> */

#searchInput {
    width:88%;
}

/* </pre>

= SRD Styling =

<pre> */

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

/* </pre> */
Retrieved from "https://www.dandwiki.com/w/index.php?title=MediaWiki:Common.css&oldid=1093084"
Home of user-generated,
homebrew pages!
open game content


Advertisements: