User:Lawiki/vector.css
Jump to navigation
Jump to search
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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
#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%; }
}