MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 262: / Line 262: @@
    }
-}
-.marupedia-whatsapp-support {
-  display: inline-block;
-  margin-top: 10px;
 }
-.marupedia-whatsapp-support a {
+/* MediaWiki-style WhatsApp Support link (external link) */
-   display: flex;
+.mw-parser-output a.external[href^="https://wa.me/"] {
-   align-items: center;
+   position: relative;
-  gap: 10px;
+   padding-left: 26px;
-  background: #25D366;
+   color: #0645ad;
-   color: #fff !important;
-  padding: 10px 14px;
-  border-radius: 6px;
    text-decoration: none;
-  font-family: inherit;
-  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
-  transition: transform 0.2s ease, box-shadow 0.2s ease;
 }
-.marupedia-whatsapp-support a:hover {
+/* WhatsApp icon exactly like MediaWiki action icons */
-   transform: translateY(-1px);
+.mw-parser-output a.external[href^="https://wa.me/"]::before {
-   box-shadow: 0 4px 10px rgba(0,0,0,0.3);
+  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;
 }
-.marupedia-whatsapp-support .wa-icon {
+/* =================================================
-  width: 28px;
+   HIDE SPECIAL PAGES & UPLOAD FOR NON-ADMIN USERS
-  height: 28px;
+   ================================================= */
-  background: url("https://upload.wikimedia.org/wikipedia/commons/6/6b/WhatsApp.svg") no-repeat center;
-  background-size: contain;
-}
-.marupedia-whatsapp-support .wa-text {
+/* 1️⃣ Guest users (logged-out) */
-  line-height: 1.2;
+body.mw-user-anon #n-specialpages,
+body.mw-user-anon #t-upload {
+    display: none !important;
 }
-.marupedia-whatsapp-support small {
+/* 2️⃣ Logged-in normal users (NOT admin, NOT editor) */
-  font-size: 12px;
+body.mw-user-loggedin:not(.mw-group-sysop):not(.mw-group-editor) #n-specialpages,
-  opacity: 0.9;
+body.mw-user-loggedin:not(.mw-group-sysop):not(.mw-group-editor) #t-upload {
+    display: none !important;
 }