Adminsuper at 06:50, 2 May 2026

2026-05-02T06:50:50Z

Adminsuper: Created page with "/* ============================================================ MAMA ALERT — Common styles Paste this into MediaWiki:Common.css ============================================================ / / Severity colour palette / :root { --mama-yellow: #F5C518; --mama-yellow-soft: #FFF8DD; --mama-orange: #E67E22; --mama-orange-soft: #FCEAD7; --mama-red: #C0392B; --mama-red-soft: #F9DCD8; --mama-ink: #1A1A1A; --mama-muted: #555; } / ---------..."

2026-05-02T06:02:34Z

Created page with "============================================================ MAMA ALERT — Common styles Paste this into MediaWiki:Common.css ============================================================: Severity colour palette: :root { --mama-yellow: #F5C518; --mama-yellow-soft: #FFF8DD; --mama-orange: #E67E22; --mama-orange-soft: #FCEAD7; --mama-red: #C0392B; --mama-red-soft: #F9DCD8; --mama-ink: #1A1A1A; --mama-muted: #555; } /* ---------..."

New page

/* ============================================================
MAMA ALERT — Common styles
Paste this into MediaWiki:Common.css
============================================================ */

/* Severity colour palette */
:root {
--mama-yellow: #F5C518;
--mama-yellow-soft: #FFF8DD;
--mama-orange: #E67E22;
--mama-orange-soft: #FCEAD7;
--mama-red: #C0392B;
--mama-red-soft: #F9DCD8;
--mama-ink: #1A1A1A;
--mama-muted: #555;
}

/* ---------- Severity Banner ---------- */
.mama-banner {
border-radius: 6px;
padding: 18px 22px;
margin: 8px 0 18px;
color: #fff;
}
.mama-banner-level {
font-size: 0.85em;
letter-spacing: 1.4px;
font-weight: 700;
opacity: 0.9;
}
.mama-banner-en {
font-size: 1.8em;
font-weight: 800;
line-height: 1.1;
margin-top: 2px;
}
.mama-banner-kh {
font-size: 1.05em;
font-style: italic;
margin-top: 4px;
opacity: 0.95;
}
.mama-banner.mama-yellow { background: var(--mama-yellow); color: var(--mama-ink); }
.mama-banner.mama-orange { background: var(--mama-orange); }
.mama-banner.mama-red { background: var(--mama-red); }

/* ---------- Card Infobox ---------- */
.mama-infobox {
float: right;
width: 290px;
margin: 0 0 16px 18px;
border: 1px solid #ddd;
background: #fafafa;
font-size: 0.92em;
border-collapse: collapse;
}
.mama-infobox th {
text-align: left;
background: #f0f0f0;
padding: 6px 10px;
width: 110px;
vertical-align: top;
}
.mama-infobox td {
padding: 6px 10px;
}
.mama-infobox-title {
text-align: center !important;
background: #333 !important;
color: #fff !important;
font-size: 1.05em;
letter-spacing: 0.5px;
padding: 8px !important;
}
.mama-infobox-yellow .mama-infobox-title { background: var(--mama-yellow) !important; color: var(--mama-ink) !important; }
.mama-infobox-orange .mama-infobox-title { background: var(--mama-orange) !important; }
.mama-infobox-red .mama-infobox-title { background: var(--mama-red) !important; }

.mama-call-108 {
background: var(--mama-red);
color: #fff;
padding: 3px 8px;
border-radius: 3px;
font-weight: 700;
font-size: 0.95em;
}

/* ---------- Action Steps ---------- */
.mama-action-steps {
width: 100%;
border-collapse: collapse;
background: #f8fbff;
border: 1px solid #cfdff0;
margin: 12px 0;
}
.mama-action-steps th {
background: #1f6feb;
color: #fff;
padding: 10px 14px;
text-align: left;
}
.mama-action-steps td {
padding: 12px 16px;
vertical-align: top;
border-top: 1px solid #cfdff0;
}
.mama-action-steps td + td {
border-left: 1px solid #cfdff0;
font-style: italic;
}

/* ---------- Risk Window ---------- */
.mama-risk {
border-left: 5px solid var(--mama-orange);
background: var(--mama-orange-soft);
padding: 12px 16px;
margin: 14px 0;
border-radius: 0 4px 4px 0;
}
.mama-risk-header {
font-weight: 700;
margin-bottom: 6px;
color: #6e3a0e;
}
.mama-risk-kh {
font-style: italic;
margin-top: 6px;
color: #5a2f08;
}

/* ---------- Referral Pathway ---------- */
.mama-pathway {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
background: #f4f4f4;
padding: 10px 14px;
border-radius: 4px;
margin: 12px 0;
}
.mama-pathway-step {
background: #fff;
border: 1px solid #ccc;
padding: 6px 12px;
border-radius: 18px;
font-weight: 600;
font-size: 0.95em;
}
.mama-pathway-arrow {
font-size: 1.3em;
color: var(--mama-muted);
font-weight: 700;
}

/* ---------- Emergency Footer ---------- */
.mama-emergency {
display: flex;
align-items: center;
gap: 14px;
background: var(--mama-red);
color: #fff;
padding: 14px 18px;
border-radius: 6px;
margin: 22px 0 8px;
}
.mama-emergency-icon { font-size: 2em; }
.mama-emergency-en { font-size: 1.05em; }
.mama-emergency-kh { font-size: 0.95em; opacity: 0.95; margin-top: 4px; }

/* ---------- Audio Guide ---------- */
.mama-audio {
background: #eaf5ea;
border: 1px solid #b6dab6;
padding: 10px 14px;
border-radius: 4px;
margin: 12px 0;
}

/* ---------- Card Index Grid (Main Page) ---------- */
.mama-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 12px;
margin: 14px 0;
}
.mama-grid-card {
display: block;
padding: 14px;
border-radius: 6px;
border: 1px solid #ddd;
text-decoration: none !important;
color: var(--mama-ink) !important;
background: #fff;
transition: transform 0.1s ease;
}
.mama-grid-card:hover { transform: translateY(-2px); }
.mama-grid-card.yellow { border-left: 5px solid var(--mama-yellow); }
.mama-grid-card.orange { border-left: 5px solid var(--mama-orange); }
.mama-grid-card.red { border-left: 5px solid var(--mama-red); }
.mama-grid-card-num {
font-size: 0.75em;
color: var(--mama-muted);
letter-spacing: 1px;
font-weight: 700;
}
.mama-grid-card-title {
font-weight: 700;
font-size: 1.05em;
margin-top: 2px;
}
.mama-grid-card-kh {
font-style: italic;
font-size: 0.9em;
color: var(--mama-muted);
margin-top: 4px;
}

/* ---------- Stat block on Main Page ---------- */
.mama-stats {
display: flex;
flex-wrap: wrap;
gap: 14px;
margin: 18px 0;
}
.mama-stat {
flex: 1 1 140px;
text-align: center;
background: #f4f4f4;
padding: 16px 10px;
border-radius: 6px;
border-top: 4px solid #1f6feb;
}
.mama-stat-num {
font-size: 2.4em;
font-weight: 800;
line-height: 1;
color: #1f6feb;
}
.mama-stat-label {
font-size: 0.85em;
color: var(--mama-muted);
margin-top: 6px;
letter-spacing: 0.5px;
}

MediaWiki:Common.css - Revision history

Adminsuper at 06:50, 2 May 2026