User:Lawiki/vector.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
+#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; }