MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 59: / Line 59: @@
      text-shadow: 0px 0px 5px #2a9df4;
 }
+a[href$=":Tankmanfan44"], a[href$="/Tankmanfan44"]{
+    font-weight:bold;
+    color: #FFFFFF !important;
+    text-shadow: 0px 0px 5px #2a9df4;
+}
 a[href$=":LuaGunsX"], a[href$="/LuaGunsX"]{
      font-weight:bold;
@@ Line 131: / Line 138: @@
 }
 .pls2{
-  background-color: #223d1b;
+  background-color: #5f7b58;
 }
 .plsv1{
@@ Line 161: / Line 168: @@
      background-color: #ffffff;
 }
+#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%; }
+}
+#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; }