MediaWiki:Common.css: Difference between revisions

Revision as of 09:51, 18 June 2026

/* =============================================
   KINTARA WIKI — Main stylesheet
   Brand color: #5fa1cf (Kintara blue)
   Style reference: OSRS wiki (light, functional)
   ============================================= */

/* --- Infobox base --- */
.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: #ffffff;
    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;
    /* keeps pixel art crisp */
    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;
}

/* Category accent colors — just the title bar changes */
.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 badges */
.zone-safe  { color: #1a7a1a; font-weight: bold; }
.zone-pvp   { color: #aa2222; font-weight: bold; }
.zone-calm  { color: #1a5a9a; font-weight: bold; }

/* --- Wikitables (drops, XP tables, etc.) --- */
.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;
}

/* --- Main page portal tiles (OSRS-style image+link grid) --- */
.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;
}

/* --- Navbox (footer navigation) --- */
.navbox {
    border: 1px solid #a8c8e0;
    background: #f8fbfe;
    font-size: 0.85em;
    margin: 1.5em 0 0;
    padding: 0;
    width: 100%;
    border-collapse: collapse;
}
.navbox-title {
    background: #5fa1cf;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 4px 8px;
}
.navbox-group {
    background: #daeaf5;
    color: #1a3a50;
    font-weight: bold;
    padding: 3px 8px;
    white-space: nowrap;
    border-top: 1px solid #c0d8ea;
    vertical-align: top;
}
.navbox-list {
    padding: 3px 8px;
    border-top: 1px solid #c0d8ea;
}