User:Lawiki/vector.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)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

#mp { --bg:#1f1f1f; --accent:#a62e10; --text:#d8d8d8; --heading:#ffffff; }
#mp .card { background:var(--bg); border:2px solid var(--accent); border-radius:10px; padding:1.2rem; margin:.8rem 0; color:var(--text); }

#mp .welcome-card { display:block; }
@media (min-width:900px){
  #mp .welcome-card{
    display:grid;
    grid-template-columns: 1.2fr 1fr;
    align-items:center;
    gap:2rem;
  }
}

#mp .welcome-card .title{ font-size:2rem; font-weight:800; text-align:center; }
#mp .welcome-card .subtitle,
#mp .welcome-card .stats{ text-align:center; font-size:1.05rem; }
@media (min-width:900px){
  #mp .welcome-card .title,
  #mp .welcome-card .subtitle,
  #mp .welcome-card .stats{ text-align:left; }
}

#mp .welcome-card .muted{ color:var(--heading); opacity:.85; }
#mp .welcome-card .site{ color:var(--accent); }
#mp .welcome-card .stats a{ color:var(--accent); text-decoration:none; }

#mp .quicklist{ 
  list-style:disc;
  list-style-position:outside;
  margin:0;
  padding-left:1.2rem;
  display:grid;
  grid-template-columns:1fr;
  gap:.35rem .9rem;
}
@media (min-width:600px){ #mp .quicklist{ grid-template-columns:repeat(2, minmax(160px,1fr)); } }
@media (min-width:900px){ #mp .quicklist{ grid-template-columns:repeat(3, minmax(160px,1fr)); } }

#mp .quicklist a{ color:var(--accent); text-decoration:none; }
#mp .quicklist a:hover{ text-decoration:underline; }