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)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Press Ctrl-F5.

.collapsible-list ul li ul {
   display: none;
}

#body {
   font-family: sans-serif;
}

#mw-body-content {
   font-size: 0.950em;
}

#bodyContent {
  font-size: 0.950em;
}

#mw-panel {
   font-family: Noto Sans;
}

/* BathAfrica documentation components. Scoped to new portal content. */
.ba-docs{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#283044;line-height:1.65;max-width:1160px;margin:0 auto;padding:22px 12px 38px}
.ba-docs .ba-nav{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e5e7ef;padding:0 0 18px;margin-bottom:30px;font-size:13px}
.ba-docs .ba-nav a{display:inline-block;padding:7px 13px;border-radius:7px;background:#f5f4fb;color:#6552bb;text-decoration:none}
.ba-docs .ba-eyebrow{color:#7b70a2;font-size:12px;letter-spacing:1.8px;text-transform:uppercase;font-weight:600}
.ba-docs h2.ba-title{font-size:36px;line-height:1.2;letter-spacing:-1px;border:0;margin:10px 0 14px;padding:0;color:#242838}
.ba-docs .ba-lead{font-size:16px;color:#737c90;max-width:760px}
.ba-docs .ba-hero{background:linear-gradient(115deg,#f3efff,#f7faff);border:1px solid #e3dcf6;border-radius:14px;padding:32px;margin:30px 0}
.ba-docs .ba-hero h3{font-size:25px;margin:0 0 10px;color:#332d49}
.ba-docs .ba-hero p{color:#74708a;max-width:670px}
.ba-docs .ba-button a{display:inline-block;background:#6e58c9;color:white;padding:10px 19px;border-radius:7px;text-decoration:none;font-size:14px}
.ba-docs .ba-grid{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0 30px}
.ba-docs .ba-card{flex:1 1 220px;min-width:0;border:1px solid #e1e5ee;border-radius:12px;background:#fff;padding:25px;box-shadow:0 3px 12px rgba(42,37,69,.025)}
.ba-docs .ba-card h3{font-size:21px;margin:16px 0 9px;line-height:1.3}
.ba-docs .ba-card h3 a{color:#32344a;text-decoration:none}
.ba-docs .ba-card p{font-size:14px;color:#778094}
.ba-docs .ba-card ul{font-size:14px;margin-left:18px}
.ba-docs .ba-icon{display:inline-block;padding:7px 12px;border-radius:10px;background:#eee9ff;color:#7658c8;font-size:25px;line-height:1.4}
.ba-docs .ba-blue{background:#eaf2ff;color:#507fc1}.ba-docs .ba-green{background:#e9f6f0;color:#3a9477}
.ba-docs .ba-section{font-size:21px;border:0;margin:30px 0 15px;padding:0;color:#343b50}
.ba-docs .ba-note{border-left:3px solid #8d74d5;border-radius:4px;background:#f7f4ff;padding:14px 19px;margin:20px 0;font-size:14px;color:#706784}
.ba-docs .ba-meta{font-size:12px;color:#8c92a1;border-top:1px solid #e7e9ee;padding-top:20px;margin-top:35px}
.ba-docs .ba-tag{font-size:11px;background:#edf2fb;color:#657ca4;border-radius:4px;padding:3px 7px;white-space:nowrap}
@media(max-width:600px){.ba-docs{padding:12px 0}.ba-docs h2.ba-title{font-size:29px}.ba-docs .ba-hero{padding:22px}.ba-docs .ba-card{flex-basis:100%}}