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.

/* ===== KINTARA WIKI — stylesheet (light, OSRS-style, brand #5fa1cf) ===== */

.infobox {
    float: right; clear: right;
    margin: 0 0 1em 1.5em; padding: 0;
    border: 1px solid #a8c8e0; background: #f8fbfe;
    font-size: 0.88em; width: 270px;
    border-collapse: collapse; border-radius: 4px; overflow: hidden;
}
.infobox-title {
    background: #5fa1cf; color: #fff; font-weight: bold;
    font-size: 1.05em; text-align: center; padding: 7px 10px;
}
.infobox-image {
    background: #eaf4fb; text-align: center; padding: 12px 8px;
    border-bottom: 1px solid #c8dcea;
}
.infobox-image img {
    max-width: 150px;
    image-rendering: pixelated; image-rendering: crisp-edges;
}
.infobox th {
    background: #daeaf5; color: #1a4060; padding: 4px 8px;
    width: 40%; font-weight: normal; vertical-align: top;
    border-top: 1px solid #c0d8ea; font-size: 0.9em;
}
.infobox td {
    background: #f8fbfe; color: #222; padding: 4px 8px;
    vertical-align: top; border-top: 1px solid #c0d8ea;
}
.infobox-monster  .infobox-title { background: #7a3535; }
.infobox-location .infobox-title { background: #2a5f3a; }
.infobox-npc      .infobox-title { background: #4a4080; }
.infobox-skill    .infobox-title { background: #1a6070; }
.infobox-mount    .infobox-title { background: #806020; }

.zone-safe { color: #1a7a1a; font-weight: bold; }
.zone-pvp  { color: #aa2222; font-weight: bold; }
.zone-calm { color: #1a5a9a; font-weight: bold; }

.wikitable { border-collapse: collapse; background: #f8fbfe; margin: 1em 0; font-size: 0.9em; }
.wikitable th { background: #daeaf5; border: 1px solid #a8c8e0; padding: 5px 10px; color: #1a3a50; }
.wikitable td { border: 1px solid #c0d8ea; padding: 4px 8px; }
.wikitable tr:nth-child(even) td { background: #f0f7fc; }

.mainpage-tiles { display: flex; flex-wrap: wrap; gap: 8px; margin: 1em 0; }
.mainpage-tile {
    flex: 1 1 120px; min-width: 110px; max-width: 160px;
    border: 1px solid #a8c8e0; background: #eaf4fb;
    text-align: center; padding: 10px 6px; border-radius: 3px;
}
.mainpage-tile:hover { background: #d5eaf7; border-color: #5fa1cf; }
.mainpage-tile a { color: #1a4060 !important; font-weight: bold; text-decoration: none; font-size: 0.95em; }