MediaWiki:Common.css: Difference between revisions

Revision as of 10:32, 18 June 2026

/* ===== KINTARA WIKI — stylesheet (brand: #ff9c48 orange + light base) ===== */

.infobox {
    float: right; clear: right;
    margin: 0 0 1em 1.5em; padding: 0;
    border: 1px solid #e0b896; background: #fdf9f5;
    font-size: 0.88em; width: 270px;
    border-collapse: collapse; border-radius: 4px; overflow: hidden;
}

/* Title bar: force white text even over the skin's link styling */
.infobox-title,
.infobox-title a,
.infobox-title a.new,
.infobox-title a:visited {
    background: #ff9c48;
    color: #ffffff !important;
    font-weight: bold;
    font-size: 1.05em; text-align: center; padding: 7px 10px;
    text-shadow: 0 1px 1px rgba(0,0,0,0.25);
}
.infobox-image {
    background: #fbeede; text-align: center; padding: 12px 8px;
    border-bottom: 1px solid #f0d8be;
}
.infobox-image img {
    max-width: 150px;
    image-rendering: pixelated; image-rendering: crisp-edges;
}
.infobox th {
    background: #fbe6d2; color: #7a4a1a; padding: 4px 8px;
    width: 40%; font-weight: normal; vertical-align: top;
    border-top: 1px solid #f0d8be; font-size: 0.9em;
}
.infobox td {
    background: #fdf9f5; color: #222; padding: 4px 8px;
    vertical-align: top; border-top: 1px solid #f0d8be;
}

/* Category accents (title bar tint) — text stays white via the rule above */
.infobox-monster  .infobox-title { background: #c0562a; }
.infobox-location .infobox-title { background: #4a8c4a; }
.infobox-npc      .infobox-title { background: #8a5fc0; }
.infobox-skill    .infobox-title { background: #d98030; }
.infobox-mount    .infobox-title { background: #b07820; }

.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: #fdf9f5; margin: 1em 0; font-size: 0.9em; }
.wikitable th { background: #fbe6d2; border: 1px solid #e0b896; padding: 5px 10px; color: #7a4a1a; }
.wikitable td { border: 1px solid #f0d8be; padding: 4px 8px; }
.wikitable tr:nth-child(even) td { background: #fdf3ea; }

.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 #e0b896; background: #fbeede;
    text-align: center; padding: 10px 6px; border-radius: 3px;
}
.mainpage-tile:hover { background: #ffe3c8; border-color: #ff9c48; }
.mainpage-tile a { color: #a85a18 !important; font-weight: bold; text-decoration: none; font-size: 0.95em; }