Players looking for information on new campaigns should find their campaign page in the Book of Mondevai
MediaWiki:Common.css: Difference between revisions
A D&D Campaign Setting
No edit summary |
mNo edit summary |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap'); | @import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap'); | ||
/* | /* Main Page box styling */ | ||
.mp-box { | |||
border: 1px solid #a2a9b1; | |||
background: #f8f9fa; | |||
padding: 0; | |||
margin: 0 0 1.5em 0; | |||
border-radius: 4px; | |||
} | |||
.mp-box-title { | |||
background: #cedff2; /* light blue, similar to Wikipedia */ | |||
padding: 0.5em 0.8em; | |||
font-size: 1.2em; | |||
font-weight: bold; | |||
} | |||
.mp-box-content { | |||
padding: 0.8em; | |||
font-size: 0.95em; | |||
} | |||
.mp-row { | |||
display: flex; | |||
gap: 1em; | |||
align-items: flex-start; | |||
} | |||
/* Each box column */ | |||
.mp-col { | |||
flex: 1 1 50%; /* two columns on wide screens */ | |||
min-width: 280px; /* stack on small screens */ | |||
} | |||
/* Make sure boxes fill their column nicely */ | |||
.mp-col .mp-box { | |||
height: 100%; | |||
} | |||
#localNotice { background-color: #ffeeba; } | |||
/* Google-doc replication on headers */ | |||
.mw-body, | .mw-body, | ||
.mw-body-content, | .mw-body-content, | ||
| Line 8: | Line 49: | ||
font-family: "Lora", serif; | font-family: "Lora", serif; | ||
font-size: 10pt; | font-size: 10pt; | ||
line-height: 1. | line-height: 1.5; | ||
color: #000000; | color: #000000; | ||
} | } | ||
#firstHeading, | #firstHeading, | ||
.mw-page-title-main { | .mw-page-title-main { | ||
font-family: "Lora", serif; | font-family: "Lora", serif; | ||
font-size: 26pt; | font-size: 26pt; | ||
line-height: 1. | line-height: 1.5; | ||
color: #000000; | color: #000000; | ||
text-align: center; | text-align: center; | ||
| Line 23: | Line 63: | ||
margin-bottom: 3pt; | margin-bottom: 3pt; | ||
} | } | ||
.mw-body-content h1 { | .mw-body-content h1 { | ||
| Line 32: | Line 69: | ||
font-family: "Lora", serif; | font-family: "Lora", serif; | ||
font-size: 20pt; | font-size: 20pt; | ||
line-height: 1. | line-height: 1.5; | ||
color: #000000; | color: #000000; | ||
text-align: left; | text-align: left; | ||
| Line 43: | Line 80: | ||
font-family: "Lora", serif; | font-family: "Lora", serif; | ||
font-size: 15pt; | font-size: 15pt; | ||
line-height: 1. | line-height: 1.5; | ||
color: #134f5c; | color: #134f5c; | ||
text-align: left; | text-align: left; | ||
| Line 54: | Line 91: | ||
font-family: "Lora", serif; | font-family: "Lora", serif; | ||
font-size: 14pt; | font-size: 14pt; | ||
line-height: 1. | line-height: 1.5; | ||
color: #434343; | color: #434343; | ||
text-align: left; | text-align: left; | ||
| Line 65: | Line 102: | ||
font-family: "Lora", serif; | font-family: "Lora", serif; | ||
font-size: 12pt; | font-size: 12pt; | ||
line-height: 1. | line-height: 1.5; | ||
color: #7f6000; | color: #7f6000; | ||
text-align: left; | text-align: left; | ||
| Line 76: | Line 113: | ||
font-family: "Lora", serif; | font-family: "Lora", serif; | ||
font-size: 11pt; | font-size: 11pt; | ||
line-height: 1. | line-height: 1.5; | ||
color: #666666; | color: #666666; | ||
text-align: left; | text-align: left; | ||
| Line 87: | Line 124: | ||
font-family: "Lora", serif; | font-family: "Lora", serif; | ||
font-size: 11pt; | font-size: 11pt; | ||
line-height: 1. | line-height: 1.5; | ||
color: #666666; | color: #666666; | ||
text-align: left; | text-align: left; | ||
| Line 94: | Line 131: | ||
} | } | ||
.mw-body-content .subtitle { | .mw-body-content .subtitle { | ||
font-family: "Lora", serif; | font-family: "Lora", serif; | ||
font-size: 11pt; | font-size: 11pt; | ||
font-weight: 700; | font-weight: 700; | ||
line-height: 1. | line-height: 1.5; | ||
color: #000000; | color: #000000; | ||
text-align: left; | text-align: left; | ||
Latest revision as of 19:09, 23 November 2025
@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;700&display=swap');
/* Main Page box styling */
.mp-box {
border: 1px solid #a2a9b1;
background: #f8f9fa;
padding: 0;
margin: 0 0 1.5em 0;
border-radius: 4px;
}
.mp-box-title {
background: #cedff2; /* light blue, similar to Wikipedia */
padding: 0.5em 0.8em;
font-size: 1.2em;
font-weight: bold;
}
.mp-box-content {
padding: 0.8em;
font-size: 0.95em;
}
.mp-row {
display: flex;
gap: 1em;
align-items: flex-start;
}
/* Each box column */
.mp-col {
flex: 1 1 50%; /* two columns on wide screens */
min-width: 280px; /* stack on small screens */
}
/* Make sure boxes fill their column nicely */
.mp-col .mp-box {
height: 100%;
}
#localNotice { background-color: #ffeeba; }
/* Google-doc replication on headers */
.mw-body,
.mw-body-content,
.mw-body-content p,
.mw-body-content li {
font-family: "Lora", serif;
font-size: 10pt;
line-height: 1.5;
color: #000000;
}
#firstHeading,
.mw-page-title-main {
font-family: "Lora", serif;
font-size: 26pt;
line-height: 1.5;
color: #000000;
text-align: center;
margin-top: 0;
margin-bottom: 3pt;
}
.mw-body-content h1 {
padding-top: 20pt;
padding-bottom: 6pt;
font-family: "Lora", serif;
font-size: 20pt;
line-height: 1.5;
color: #000000;
text-align: left;
font-weight: normal;
}
.mw-body-content h2 {
padding-top: 18pt;
padding-bottom: 6pt;
font-family: "Lora", serif;
font-size: 15pt;
line-height: 1.5;
color: #134f5c;
text-align: left;
font-weight: normal;
}
.mw-body-content h3 {
padding-top: 16pt;
padding-bottom: 4pt;
font-family: "Lora", serif;
font-size: 14pt;
line-height: 1.5;
color: #434343;
text-align: left;
font-weight: normal;
}
.mw-body-content h4 {
padding-top: 14pt;
padding-bottom: 4pt;
font-family: "Lora", serif;
font-size: 12pt;
line-height: 1.5;
color: #7f6000;
text-align: left;
font-weight: normal;
}
.mw-body-content h5 {
padding-top: 12pt;
padding-bottom: 4pt;
font-family: "Lora", serif;
font-size: 11pt;
line-height: 1.5;
color: #666666;
text-align: left;
font-weight: normal;
}
.mw-body-content h6 {
padding-top: 12pt;
padding-bottom: 4pt;
font-family: "Lora", serif;
font-size: 11pt;
line-height: 1.5;
color: #666666;
text-align: left;
font-style: italic;
font-weight: normal;
}
.mw-body-content .subtitle {
font-family: "Lora", serif;
font-size: 11pt;
font-weight: 700;
line-height: 1.5;
color: #000000;
text-align: left;
margin-top: 0;
margin-bottom: 0;
}
