MediaWiki:Common.css: Difference between revisions

From Kintara
Jump to navigation Jump to search
← Older editNewer edit →
Admin (talk | contribs)
Bureaucrats, Interface administrators, Administrators, writer
325 edits
No edit summary
No edit summary
Line 1: Line 1:
/* =============================================
/* ===== KINTARA WIKI — stylesheet (light, OSRS-style, brand #5fa1cf) ===== */
  KINTARA WIKI — Main stylesheet
  Brand color: #5fa1cf (Kintara blue)
  Style reference: OSRS wiki (light, functional)
  ============================================= */


/* --- Infobox base --- */
.infobox {
.infobox {
     float: right;
     float: right; clear: right;
    clear: right;
     margin: 0 0 1em 1.5em; padding: 0;
     margin: 0 0 1em 1.5em;
     border: 1px solid #a8c8e0; background: #f8fbfe;
    padding: 0;
     font-size: 0.88em; width: 270px;
     border: 1px solid #a8c8e0;
     border-collapse: collapse; border-radius: 4px; overflow: hidden;
    background: #f8fbfe;
     font-size: 0.88em;
    width: 270px;
     border-collapse: collapse;
    border-radius: 4px;
    overflow: hidden;
}
}
.infobox-title {
.infobox-title {
     background: #5fa1cf;
     background: #5fa1cf; color: #fff; font-weight: bold;
    color: #ffffff;
     font-size: 1.05em; text-align: center; padding: 7px 10px;
    font-weight: bold;
     font-size: 1.05em;
    text-align: center;
    padding: 7px 10px;
}
}
.infobox-image {
.infobox-image {
     background: #eaf4fb;
     background: #eaf4fb; text-align: center; padding: 12px 8px;
    text-align: center;
    padding: 12px 8px;
     border-bottom: 1px solid #c8dcea;
     border-bottom: 1px solid #c8dcea;
}
}
.infobox-image img {
.infobox-image img {
     max-width: 150px;
     max-width: 150px;
    /* keeps pixel art crisp */
     image-rendering: pixelated; image-rendering: crisp-edges;
     image-rendering: pixelated;
    image-rendering: crisp-edges;
}
}
.infobox th {
.infobox th {
     background: #daeaf5;
     background: #daeaf5; color: #1a4060; padding: 4px 8px;
    color: #1a4060;
     width: 40%; font-weight: normal; vertical-align: top;
    padding: 4px 8px;
     border-top: 1px solid #c0d8ea; font-size: 0.9em;
     width: 40%;
    font-weight: normal;
    vertical-align: top;
     border-top: 1px solid #c0d8ea;
    font-size: 0.9em;
}
}
.infobox td {
.infobox td {
     background: #f8fbfe;
     background: #f8fbfe; color: #222; padding: 4px 8px;
    color: #222;
     vertical-align: top; border-top: 1px solid #c0d8ea;
    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-monster  .infobox-title { background: #7a3535; }
.infobox-location .infobox-title { background: #2a5f3a; }
.infobox-location .infobox-title { background: #2a5f3a; }
Line 69: Line 35:
.infobox-mount    .infobox-title { background: #806020; }
.infobox-mount    .infobox-title { background: #806020; }


/* Zone badges */
.zone-safe { color: #1a7a1a; font-weight: bold; }
.zone-safe { color: #1a7a1a; font-weight: bold; }
.zone-pvp { color: #aa2222; font-weight: bold; }
.zone-pvp   { color: #aa2222; font-weight: bold; }
.zone-calm { color: #1a5a9a; 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 {
.wikitable th { background: #daeaf5; border: 1px solid #a8c8e0; padding: 5px 10px; color: #1a3a50; }
    border-collapse: collapse;
.wikitable td { border: 1px solid #c0d8ea; padding: 4px 8px; }
    background: #f8fbfe;
.wikitable tr:nth-child(even) td { background: #f0f7fc; }
    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-tiles {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 1em 0;
}
.mainpage-tile {
.mainpage-tile {
     flex: 1 1 120px;
     flex: 1 1 120px; min-width: 110px; max-width: 160px;
    min-width: 110px;
     border: 1px solid #a8c8e0; background: #eaf4fb;
    max-width: 160px;
     text-align: center; padding: 10px 6px; border-radius: 3px;
     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;
}
}
.mainpage-tile:hover { background: #d5eaf7; border-color: #5fa1cf; }
.mainpage-tile a { color: #1a4060 !important; font-weight: bold; text-decoration: none; font-size: 0.95em; }

Revision as of 09:59, 18 June 2026

/* ===== 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; }
Retrieved from "https://kintara.wiki/index.php?title=MediaWiki:Common.css&oldid=37"