Contents
Floating frames
*.*
.rfloat {
float: right;
clear: right;
}
.frame {
font-size: 0.9em;
}
.contents {
position: relative;
z-index: 1;
}
#htoc {
border: 1px solid #ccc;
}
Feats
*.*
.featname ~ p {
text-indent: 2em;
}
.featname + p,
.featcost + p {
text-indent: 0;
margin-top: 0;
margin-bottom: 0.75em;
}
.featname + p ~ p + p,
.featcost + p ~ p + p {
margin-top: 0;
}
.featname {
text-transform: uppercase;
}
.featname .feattype {
text-transform: none;
}
Lists (of feats, classes, etc.)
*.*
ul.featlist,
ul.classlist,
ul.spell-links-list {
padding: 0 3em 0 1em;
line-height: 150%;
font-size: 0.9em;
list-style-type: none;
columns: auto 12em;
column-gap: 3em;
}
ul.featlist li {
white-space: nowrap;
overflow: visible;
}
ul.featlist ul {
list-style-type: none;
font-size: 0.95em;
padding-left: 1em;
break-inside: avoid;
}
ul.spell-links-list li {
text-indent: -2em;
padding-left: 2em;
}
ul.spell-links-list a {
font-weight: normal;
font-style: italic;
}
Sources table
*.*
#wikitext table.sources { font-family: Chaparral Pro; }
#wikitext table.sources td:nth-of-type(odd) { padding: 6px 10px 2px 1px; font-size: 0.85em; }
#wikitext table.sources td:nth-of-type(even) { padding: 6px 26px 2px 0; font-style: italic; white-space: nowrap; }
#wikitext table.sources td:last-of-type { padding-right: 0; }
Links list
*.*
ul.links-list {
list-style-type: none;
line-height: 1.3;
padding-left: 30px;
}
ul.links-list a {
font-weight: bold;
}
Combat statistics block
*.*
#wikitext .combatstats * {
text-align: left;
-webkit-hyphens: none;
hyphens: none;
}
.combatstats h4 {
display: inline-block;
text-decoration: none;
line-height: 0.9;
border-bottom: 1px solid #000;
margin: 1em 0 4px 0;
}
.combatstats ul ul {
font-size: inherit;
padding-left: 20px;
margin: 2px 0;
}
.combatstats dt {
font-weight: bold;
margin: 1px 0;
}
.combatstats dt.minor {
font-weight: normal;
font-style: italic;
}
.combatstats dd {
margin: 0 0 4px 2em;
}
#wikitext .combatstats .affliction-stat-block {
text-indent: 0;
margin: 8px 0 10px 0;
}
#wikitext .combatstats .affliction-stat-block + p {
text-indent: 0;
}
Categories block
*.*
.category {
margin: 12px 0;
}
Copy/Move/Rename
*.*
#wikimove input[type="text"] {
width: 320px;
}
#wikimove * {
font-size: inherit;
}
DM’s notes page list link
*.*
.DMNPLL { font-size: 0.85em; opacity: 0.6; }
Floating images
*.*
.image-right {
float: right;
margin: 0 0 1.5em 2em;
}
.image-left {
float: left;
margin: 0 2em 1.5em 0;
}
Borders on certain images (such as maps)
*.*
.map img {
border: 1px solid #ccc;
}
Pagelists in sidebar
*.*
#sidebar .fpltemplate {
margin: 8px 0;
}
#sidebar .fpltemplate * {
width: auto;
text-align: left;
}
#sidebar .fpltemplate dd {
margin: 0;
font-size: 0.95em;
font-style: italic;
}
#sidebar .fpltemplate dt a {
font-weight: bold;
}
Pagelist with summaries
*.*
.br-titlespaced-summaries ul {
list-style: none;
padding-left: 0.5em;
}
.br-titlespaced-summaries .summary {
display: block;
margin: 2px 0 6px 2em;
font-size: 0.85em;
opacity: 0.8;
}
.br-titlespaced-summaries form ~ .summary {
margin-left: 6em;
}
.br-titlespaced-summaries input[type="submit"] {
color: inherit;
padding: 0 0 0 4px;
}
.br-titlespaced-summaries .inputbutton {
font-size: inherit;
font-family: Font Awesome;
font-weight: 900;
font-size: 0.875em;
border: none;
background-color: transparent;
width: 24px;
text-align: left;
margin: 0 4px 0 0;
}
.br-titlespaced-summaries .silver .inputbutton {
color: silver;
}
.br-titlespaced-summaries .inputbutton:hover {
color: gray;
}
.br-titlespaced-summaries form {
display: inline-block;
}
.br-titlespaced-summaries .last-modified {
font-size: 0.8em;
color: silver;
}
Footnotes
*.*
p.footnote { margin: 0; }
* + p.footnote { margin-top: 1em; }
Google Doc frames
*.*
.google-doc iframe { height: calc(100vh - 280px) !important; width: 100% !important; }
LibreOffice as a Service frames
*.*
.soffice object { height: calc(100vh - 320px); }
FauxTrail nav widget
*.*
.all-category-trails {
float: right;
height: 1.5em;
overflow: visible;
position: relative;
margin: 0 0 0 2em;
}
.all-category-trails + * {
clear: right;
}
#wikitext .all-category-trails > p:first-child {
margin: 0 4px 0.25em 0;
line-height: 1;
text-align: right;
}
#all-category-trails-inner-container {
margin: 0.25em 0 0 0;
background-color: #fafaf0;
border: 1px solid #a2a958;
box-shadow:
0 0 2px #aaa,
0 0 4px #aaa,
0 0 8px #aaa,
0 0 12px #aaa,
0 0 16px #aaa;
min-height: 2.7em;
min-width: 21em;
white-space: nowrap;
position: absolute;
right: 0;
z-index: 11;
}
#all-category-trails-inner-container::before {
position: absolute;
left: 0.75em;
top: 0.75em;
content: "This page does not belong to any categories.";
font-style: italic;
line-height: 1;
}
#all-category-trails-inner-container p {
margin: 0.5em;
padding: 0.25em;
line-height: 1;
background-color: #fafaf0;
position: relative;
}
#all-category-trails-inner-container a:not([href*='/Category/']) {
font-style: italic;
}
Images in the Demonweb
Demonweb.*
div.img {
margin: 2em auto;
}
div.img img {
display: block;
margin: auto;
}
#wikitext dl {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto;
grid-column-gap: 0.5em;
grid-row-gap: 0.125em;
grid-auto-flow: dense;
}
#wikitext dt {
grid-column-start: 2;
}
#wikitext dd {
grid-column-start: 1;
text-align: right;
}
Old World
OldWorld.*
li.found,
li.defunct {
text-decoration: line-through;
text-decoration-thickness: from-font;
}
details summary {
width: fit-content;
cursor: pointer;
user-select: none;
margin: 0.25em 0 0 0;
}
details summary::marker {
color: #999;
}
details summary:hover::marker {
color: #000;
}
details[open] summary::marker {
color: #000;
}
details[open] summary:hover::marker {
color: #999;
}
details[open] summary {
font-weight: bold;
margin: 0.25em 0 0.5em 0;
}
details[open] summary::after {
content: ":";
}
sub.hex-subscript {
margin: 0 0 0 0.15em;
}
.fpltemplate.br-titlespaced-summaries li > a.wikilink + sub.hex-subscript,
.fpltemplate.br-titlespaced.backlinks li > a.wikilink + sub.hex-subscript {
font-size: 0.9em;
position: static;
margin: 0;
}
.fpltemplate.br-titlespaced-summaries li > a.wikilink + sub.hex-subscript::before,
.fpltemplate.br-titlespaced.backlinks li > a.wikilink + sub.hex-subscript::before {
content: " (";
}
.fpltemplate.br-titlespaced-summaries li > a.wikilink + sub.hex-subscript::after,
.fpltemplate.br-titlespaced.backlinks li > a.wikilink + sub.hex-subscript::after {
content: ")";
}
h2 sub.hex-subscript,
h3 sub.hex-subscript {
display: none;
}
#sidebar sub.hex-subscript,
#htoc sub.hex-subscript {
display: none;
}
.timeline-table-list > ul {
display: table;
border-color: #000;
border-style: solid;
border-width: 0 1px 1px 0;
padding: 0;
}
.timeline-table-list > ul > li {
display: contents;
}
.timeline-table-list > ul > li > ul {
display: table-row;
padding: 0;
}
.timeline-table-list > ul > li:first-child > ul {
background-color: #444;
color: #fff;
font-weight: bold;
}
.timeline-table-list > ul > li > ul > li {
display: table-cell;
border-color: #000;
border-style: solid;
border-width: 1px 0 0 1px;
padding: 0.2em 0.25em 0 0.25em;
text-align: center;
}
.timeline-table-list > ul > li > ul > li:first-child,
.timeline-table-list > ul > li > ul > li:last-child {
text-align: left;
}
#wikitext .indented-body-text {
margin: 0 0 1em 0;
}
#wikitext .indented-body-text p {
margin: 2px 0 0 0;
}
#wikitext .indented-body-text p + p {
text-indent: 2em;
}
#wikitext .offset-block {
margin: 1em 2em;
}
.ow-include form {
color: #000;
}
.ow-include .inputbutton {
color: inherit;
background-color: transparent;
font-family: Font Awesome;
font-weight: 900;
font-size: 0.5em;
border: none;
background-color: transparent;
width: 1.5em;
text-align: center;
margin: 0 0 0 0.5em;
padding: 0;
}
.ow-include form:last-child .inputbutton {
margin-left: 0.25em;
}
.ow-include .silver .inputbutton {
color: silver;
}
.ow-include .inputbutton:hover {
color: gray;
}
.ow-include form {
display: inline-block;
}
#wikitext p {
line-height: calc(22/17);
}
#wikitext .combatstats h3 {
background-color: #444;
color: #fffff6;
padding: 2px 0 0 6px;
margin-left: -1px;
}
#wikitext .combatstats h3 > a {
text-shadow: none;
color: inherit;
}
#wikitext .combatstats h3 > a:hover {
text-shadow:
1px 1px 1px #7361f0,
1px 1px 4px #6d63f0,
-0.5px 0.5px 6px #ddd,
0px 0px 10px #543aba;
}
#wikitext .combatstats + h2 {
margin-top: 1.25em;
}
#wikitext .combatstats h5 + p {
text-indent: 0;
}
#wikitext .combatstats h5 ~ p + p {
text-indent: 2em;
}
.monster-description {
font-style: italic;
}
.monster-pic {
float: right;
clear: right;
margin: 0.2em 0 1em 2em;
}
#wikitext table {
margin: 0 0 1.5em 0;
border: 1px solid #000;
}
#wikitext table tr th {
padding: 4px 7px 2px 7px;
}
#wikitext table tr:first-of-type th {
font-size: 1.125em !important;
}
#wikitext table tr:nth-child(odd) td {
background-color: #e6e6e6;
}
#wikitext table th:nth-child(n+2),
#wikitext table td:nth-child(n+2) {
box-shadow: 1px 0 0 0 #fffff6 inset;
}
#wikitext table tr td {
padding: 4px 7px 2px 7px;
line-height: 1.2;
}
#wikitext dl {
margin: 0.5em 0 1.5em 0;
width: fit-content;
display: grid;
grid-template-columns: auto 1fr;
grid-column-gap: 0.5em;
align-items: baseline;
}
#wikitext dt,
#wikitext dd {
margin: 0;
}
#wikitext dt {
grid-column-start: 1;
font-weight: bold;
}
#wikitext dt::after {
content: ":";
}
#wikitext dd {
grid-column-start: 2;
}
div.backlinks {
font-size: 1rem;
position: absolute;
top: -3.5em;
right: -8px;
padding: 5px 8px 2px 8px;
text-align: right;
height: 1.25em;
width: 5em;
overflow: hidden;
z-index: 2;
}
div.backlinks:empty {
display: none;
}
div.backlinks:hover {
background-color: #eee;
outline: 1px solid #666;
height: unset;
width: unset;
}
div.backlinks ul {
padding: 0;
margin: 0;
list-style-type: none;
display: flex;
flex-flow: column;
}
div.backlinks ul::before {
content: "Backlinks";
color: #888;
margin: 0 0 0.5em 0;
}
div.backlinks li {
margin-left: 0.75em;
}
#wikitext ul.inline {
list-style-type: none;
padding-left: 1.5em;
}
#wikitext ul.inline li {
display: inline-block;
}
#wikitext ul.inline li::after {
content: ", ";
margin-left: -0.125em;
margin-right: 0.375em;
}
#wikitext ul.inline li:last-of-type::after {
content: none;
}
p.hex-link {
font-size: 0.9em;
width: fit-content;
}
p.hex-link .wikilink {
color: #fffff6;
background-color: #963;
padding: 0.2rem 0.3rem 0 0.3rem;
display: block;
}
p.hex-link .wikilink:hover {
background-color: #0044dd;
}
p.hex-link .wikilink:active {
background-color: #9c0606;
}
#wikitext p.hex-link {
margin-bottom: 1.5em;
}
Hex key pages
OldWorld.Hex*
.hex-map {
width: fit-content;
margin: 1em auto;
}
.hex-map.mini-hex-map {
float: right;
clear: right;
margin: 1em 1em 1em 2.5em;
}
.hex-map ul {
display: flex;
list-style-type: none;
margin: 0;
padding: 0;
}
.hex-map ul:nth-of-type(even) {
margin: 0 0 0 21px;
}
.hex-map.mini-hex-map ul:nth-of-type(even) {
margin: 0 0 0 -21px;
}
.hex-map p {
display: none;
}
.hex-map li {
width: 48px;
height: 48px;
position: relative;
display: flex;
align-items: stretch;
line-height: 1;
margin: -5.5px -3px;
opacity: 0.5;
}
.hex-map li.location {
opacity: 1;
}
.hex-map .createlink {
display: none;
}
.hex-map .createlinktext {
color: red;
border: none;
opacity: 0.5;
}
.hex-map .selflink {
pointer-events: none;
font-weight: bold;
text-shadow: 0 0 3px #fff;
color: inherit;
}
.hex-map li a {
display: flex;
align-items: center;
justify-content: center;
flex: 1 1 100%;
border: none;
background-color: #ddd;
clip-path: polygon(7% 25%, 7% 75%, 50% 100%, 93% 75%, 93% 25%, 50% 0%);
font-weight: normal;
font-family: var(--BR-monospaced-font);
font-size: 0.875rem;
}
.hex-map li.desert a {
background-color: moccasin;
}
.hex-map li.forest a {
background-color: springgreen;
}
.hex-map li.badlands a {
background-color: goldenrod;
}
.hex-map li.mountains a {
background-color: silver;
}
.hex-map li.canyon a {
background-color: #eeccaa;
}
.hex-map li.steppe a {
background-color: #ddeeaa;
}
.hex-map li a:hover {
filter: brightness(75%);
text-shadow: 0 0 5px #fff, 0 0 3px #fff, 0 0 1px #fff;
}
.hex-map li.blank a {
visibility: hidden;
}
.hex-map li.landmark::after,
.hex-map li.habitation::after,
.hex-map li.oasis::after {
position: absolute;
bottom: 0.875em;
text-align: center;
width: 100%;
color: #444;
font-size: calc(1em * 8/17);
text-shadow: 0 0 2px #fff;
pointer-events: none;
}
.hex-map li.landmark::after {
content: "L";
}
.hex-map li.habitation::after {
content: "H";
}
.hex-map li.oasis::after {
content: "O";
}
.hex-map li.landmark.habitation::after {
content: "L,H";
}
.hex-map li.landmark.oasis::after {
content: "L,O";
}
.hex-map li.habitation.oasis::after {
content: "H,O";
}
.hex-map li.landmark.habitation.oasis::after {
content: "L,H,O";
}
Old World (Summon & spell lists)
OldWorld.*
.spell-list ul,
.summon-list ul {
list-style-type: none;
padding: 0 0 0 1em;
}
.spell-list > ul,
.summon-list > ul {
column-width: 10em;
}
.spell-list > ul > li,
.summon-list > ul > li {
font-weight: bold;
break-inside: avoid;
}
.spell-list > ul ul > li,
.summon-list > ul ul > li {
font-weight: normal;
text-indent: -1em;
padding: 0 0 0 1em;
}
.spell-list > ul > li:nth-of-type(n+2),
.summon-list > ul > li:nth-of-type(n+2) {
margin-top: 1em;
}
.summon-list sup,
.summons-table sup {
margin-left: 0.15em;
font-size: 0.75em;
top: -0.4em;
}}
.summon-list ul ul ul {
font-size: 0.9em;
padding: 0;
}
#wikitext .spell-list {
line-height: 1;
}
#wikitext .spell-list ul ul li {
margin-top: 6px;
}
#wikitext .summons-table table tr:nth-of-type(n+3) th {
font-variant: none;
background-color: #999;
}
#wikitext .summons-table table {
margin: 0.5em 0 0 0;
}
#wikitext .summons-table > p {
margin: 0.25em 0 0 0.4em;
font-size: 0.9em;
}
Old World group root
OldWorld.OldWorld
div.backlinks {
top: -2.5em;
}