MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 263: / Line 263: @@
 }
-.marupedia-whatsapp-support {
-   display: inline-block;
+/* MediaWiki-style WhatsApp Support link (external link) */
-  margin-top: 10px;
+.mw-parser-output a.external[href^="https://wa.me/"] {
+  position: relative;
+  padding-left: 26px;
+  color: #0645ad;
+  text-decoration: none;
+}
+/* WhatsApp icon exactly like MediaWiki action icons */
+.mw-parser-output a.external[href^="https://wa.me/"]::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  top: 50%;
+  width: 20px;
+  height: 20px;
+  transform: translateY(-50%);
+  background-image: url("https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg");
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+/* Remove external link arrow for WhatsApp support */
+.mw-parser-output a.external[href^="https://wa.me/"]::after {
+   display: none !important;
+}
+/* Hide page title only on Home page */
+.page-Home .firstHeading {
+    display: none;
+}
+/* =================================================
+   HIDE SPECIAL PAGES & UPLOAD FOR NON-ADMIN USERS
+   ================================================= */
+/* 1️⃣ Guest users (logged-out) */
+body.mw-user-anon #n-specialpages,
+body.mw-user-anon #t-upload {
+    display: none !important;
+}
+/* 2️⃣ Logged-in normal users (NOT admin, NOT editor) */
+body.mw-user-loggedin:not(.mw-group-sysop):not(.mw-group-editor) #n-specialpages,
+body.mw-user-loggedin:not(.mw-group-sysop):not(.mw-group-editor) #t-upload {
+    display: none !important;
+}
+#toc {
+    display: none;
+}
+.infobox.biography {
+    float: right;
+    clear: right;
+    width: 320px;
+    margin: 0 0 1em 1em;
+    border: 1px solid #a2a9b1;
+    border-collapse: collapse;
+    background: #ffffff;
+    color: #202122;
+    font-size: 88%;
+    line-height: 1.5em;
 }
-.marupedia-whatsapp-support a {
+.infobox.biography th,
-  display: flex;
+.infobox.biography td {
-  align-items: center;
+    border: 1px solid #eaecf0;
-  gap: 10px;
+    padding: 8px;
-  background: #25D366;
+    vertical-align: top;
-  color: #fff !important;
+}
-  padding: 10px 14px;
-  border-radius: 6px;
+.infobox-title {
-  text-decoration: none;
+    background: #eaecf0;
-  font-family: inherit;
+    text-align: center;
-  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
+    font-size: 24px;
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
+    font-weight: bold;
+    padding: 10px;
+}
+.infobox-image {
+    text-align: center;
+    background: #ffffff !important;
+    padding: 10px;
 }
-.marupedia-whatsapp-support a:hover {
+.infobox-image img {
-  transform: translateY(-1px);
+    background: #ffffff !important;
-  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
+    border: none;
+    box-shadow: none;
 }
-.marupedia-whatsapp-support .wa-icon {
+.infobox-caption {
-  width: 28px;
+    text-align: center;
-  height: 28px;
+    font-size: 90%;
-  background: url("https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg") no-repeat center;
+    background: #ffffff;
-  background-size: contain;
 }
-.marupedia-whatsapp-support .wa-text {
+.infobox.biography th {
-  line-height: 1.2;
+    width: 120px;
+    background: #f8f9fa;
+    text-align: left;
+    font-weight: bold;
 }
-.marupedia-whatsapp-support small {
-  font-size: 12px;
-  opacity: 0.9;
+/* Mobile responsive infobox */
+@media screen and (max-width: 768px) {
+    .infobox.biography {
+        float: none !important;
+        width: 100% !important;
+        max-width: 100% !important;
+        margin: 15px 0 !important;
+        box-sizing: border-box;
+        overflow-x: auto;
+    }
+    .infobox.biography table {
+        width: 100% !important;
+    }
+    .infobox.biography th {
+        width: 35% !important;
+        word-break: break-word;
+    }
+    .infobox.biography td {
+        width: 65% !important;
+        word-break: break-word;
+    }
+    .infobox-image img {
+        max-width: 100% !important;
+        height: auto !important;
+    }
+    .infobox-title {
+        font-size: 22px !important;
+    }
 }