Difference between revisions of "MediaWiki:Common.css"

From Remorra
Jump to: navigation, search
m
Line 3: Line 3:
 
/* hiding "powered by MediaWiki" icon */
 
/* hiding "powered by MediaWiki" icon */
 
#footer-poweredbyico { display: none; }
 
#footer-poweredbyico { display: none; }
 +
 +
 +
/*
 +
 +
=== 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> */

Revision as of 09:10, 3 April 2019

/* CSS placed here will be applied to all skins */

/* hiding "powered by MediaWiki" icon */
#footer-poweredbyico { display: none; }


/*

=== 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://remorra.beetlewing.com/w/index.php?title=MediaWiki:Common.css&oldid=329"