MediaWiki:Common.css
Note: After publishing, 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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* ===== BACKGROUND & BASE ===== */
body {
background: url("/images/wiki_background.png") no-repeat center center fixed;
background-size: cover;
font-family: 'Lora', Georgia, serif;
color: #ddd;
}
/* ===== HEADER ===== */
#mw-head, #mw-head-base {
background-color: #4B0082;
border-bottom: 2px solid #C0392B;
color: white;
}
/* ===== SIDEBAR ===== */
#mw-panel {
background-color: #f0f0f0;
border: 1px solid #ccc;
padding: 8px;
box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}
#mw-panel a {
color: #4B0082 !important;
font-weight: bold;
}
#mw-panel a:hover {
color: #C0392B !important;
}
/* ===== CONTENT AREA ===== */
#content {
background-color: rgba(255, 255, 255, 0.95);
border-radius: 6px;
padding: 20px;
box-shadow: 0 0 10px rgba(0,0,0,0.2);
color: #222;
}
/* ===== FOOTER ===== */
#footer, #footer a, #footer li {
color: #bbb !important;
font-size: 0.85em;
}
#footer a:hover {
color: #eee !important;
}
/* ===== HEADINGS & LINKS ===== */
h1, h2, h3, h4 {
color: #C0392B;
font-family: 'Lora', Georgia, serif;
}
a {
color: #4B0082;
text-decoration: none;
}
a:hover {
color: #E67E22;
text-decoration: underline;
}
/* ===== BOXES ===== */
.box {
background-color: #ffffff;
border: 1px solid #aaa;
border-radius: 0px;
padding: 15px;
margin-bottom: 20px;
box-shadow: inset 0 0 0 1px #ccc;
color: #222;
}
.box .box-title {
font-size: 1.2em;
font-weight: bold;
margin-bottom: 10px;
color: #C0392B;
border-bottom: 2px solid #E67E22;
padding-bottom: 4px;
}
/* ===== TABLES ===== */
table.wikitable {
background-color: transparent;
border-collapse: collapse;
width: 100%;
margin-bottom: 20px;
}
table.wikitable caption {
background-color: #4B0082;
color: white;
font-weight: bold;
padding: 8px;
caption-side: top;
}
table.wikitable th {
background-color: #E0D6F9;
color: #222;
font-weight: bold;
border: 1px solid #ccc;
padding: 6px;
text-align: center;
}
table.wikitable td {
background-color: transparent;
border: 1px solid #ccc;
padding: 6px;
text-align: left;
}
/* ===== GRID BOXES (RPG Portal Style) ===== */
.grid4, .grid2 {
display: grid;
gap: 1px;
background-color: #ccc;
}
.grid4 {
grid-template-columns: repeat(4, 1fr);
}
.grid2 {
grid-template-columns: repeat(2, 1fr);
}
.grid4 .box, .grid2 .box {
border-radius: 0;
box-shadow: none;
border: 1px solid #aaa;
background-color: rgba(255,255,255,0.95);
}