MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 264: / Line 264: @@
 }
-/* Marupedia WhatsApp Support Button (Wiki-safe) */
+/* MediaWiki-style WhatsApp Support link (external link) */
-.mw-parser-output a[href^="https://wa.me/"] {
+.mw-parser-output a.external[href^="https://wa.me/"] {
-   display: inline-flex;
+   position: relative;
-   align-items: center;
+   padding-left: 26px;
-  gap: 8px;
+   color: #0645ad;
-  background-color: #25D366;
+   text-decoration: none;
-   color: #ffffff !important;
-  padding: 8px 14px;
-  border-radius: 20px;
-  font-size: 14px;
-  font-weight: 600;
-   text-decoration: none !important;
-  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
 }
-/* WhatsApp Icon */
+/* WhatsApp icon exactly like MediaWiki action icons */
-.mw-parser-output a[href^="https://wa.me/"]::before {
+.mw-parser-output a.external[href^="https://wa.me/"]::before {
    content: "";
-   width: 16px;
+  position: absolute;
-   height: 16px;
+  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;
+}
+.infobox.biography th,
+.infobox.biography td {
+    border: 1px solid #eaecf0;
+    padding: 8px;
+    vertical-align: top;
+}
+.infobox-title {
+    background: #eaecf0;
+    text-align: center;
+    font-size: 24px;
+    font-weight: bold;
+    padding: 10px;
+}
+.infobox-image {
+    text-align: center;
+    background: #ffffff !important;
+    padding: 10px;
+}
+.infobox-image img {
+    background: #ffffff !important;
+    border: none;
+    box-shadow: none;
+}
+.infobox-caption {
+    text-align: center;
+    font-size: 90%;
+    background: #ffffff;
+}
+.infobox.biography th {
+    width: 120px;
+    background: #f8f9fa;
+    text-align: left;
+    font-weight: bold;
+}
+/* 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;
+    }
 }