|
|
| Line 1: |
Line 1: |
| #mp { --bg:#1f1f1f; --accent:#a62e10; --text:#d8d8d8; --heading:#ffffff; }
| |
| #mp * { box-sizing: border-box; }
| |
|
| |
|
| #mp .card {
| |
| background: var(--bg);
| |
| border: 2px solid var(--accent);
| |
| border-radius: 10px;
| |
| padding: 0.8rem;
| |
| margin: 0.6rem 0;
| |
| color: var(--text);
| |
| }
| |
|
| |
| #mp .hero { padding: 0; }
| |
| #mp .hero .mw-file-element, #mp .hero img {
| |
| width: 100%;
| |
| height: auto;
| |
| display: block;
| |
| border-radius: 8px;
| |
| }
| |
|
| |
| #mp .welcome { text-align: center; }
| |
| #mp .title { font-size: 1.6rem; font-weight: 700; }
| |
| #mp .title .muted { color: var(--text); font-weight: 600; }
| |
| #mp .title .site { color: var(--accent); }
| |
| #mp .subtitle { color: var(--text); margin-top: 0.25rem; }
| |
| #mp .stats { color: var(--text); margin-top: 0.25rem; word-wrap: anywhere; }
| |
|
| |
| #mp .quicklinks {
| |
| display: grid;
| |
| grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
| |
| gap: .5rem;
| |
| margin-top: .75rem;
| |
| }
| |
| #mp .quicklinks a,
| |
| #mp .quicklinks a:visited {
| |
| display: block;
| |
| padding: .55rem .6rem;
| |
| border: 1px solid var(--accent);
| |
| border-radius: 8px;
| |
| text-align: center;
| |
| background: rgba(166,46,16,0.08);
| |
| color: var(--heading);
| |
| text-decoration: none;
| |
| }
| |
| #mp .quicklinks a:hover { background: rgba(166,46,16,0.16); }
| |
|
| |
| #mp h2 {
| |
| margin: .5rem 0 .8rem;
| |
| padding: .35rem .55rem;
| |
| background: var(--accent);
| |
| color: var(--heading);
| |
| border: 1px solid #631b09;
| |
| border-left: none;
| |
| border-top: none;
| |
| font-size: 1.1rem;
| |
| }
| |
| #mp .section-body a { color: #ffffff; }
| |
|
| |
| #mp .row {
| |
| display: flex;
| |
| flex-direction: column;
| |
| gap: .6rem;
| |
| }
| |
| #mp .col { width: 100%; }
| |
|
| |
| @media (min-width: 800px) {
| |
| #mp .row { flex-direction: row; }
| |
| #mp .row .col { width: 50%; }
| |
| }
| |
