Difference between revisions of "MediaWiki:Common.css"

From Remorra
Jump to: navigation, search
(Replaced content with "CSS placed here will be applied to all skins: hiding "powered by MediaWiki" icon: #footer-poweredbyico { display: none; }")
(Tag: Replaced)
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:11, 3 April 2019

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

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