MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 495: / Line 495: @@
    transform: translateX(-50%) translateY(0);
 }
-/* ===== Grantha Clean View (ONLY Main Page) ===== */
+/* Replace default logo with favicon */
+.mw-logo-icon {
-body.page-Main_Page #mw-panel,
+  content: url('/favicon.ico');
-body.page-Main_Page #mw-navigation,
+  width: 28px;
-body.page-Main_Page .vector-sidebar-container {
+   height: 28px;
-   display: none !important;
 }
+/* ===== Grantha Header Styling ===== */
-body.page-Main_Page #footer,
+.vector-header {
-body.page-Main_Page .mw-footer {
-  display: none !important;
-}
-/* Full width content */
-body.page-Main_Page #content,
-body.page-Main_Page .mw-body {
-  margin-left: 0 !important;
-  max-width: 900px;
-  margin: 0 auto !important;
-}
-/* Push content below custom bar */
-body.page-Main_Page {
-  padding-top: 60px;
-}
-#grantha-topbar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  height: 56px;
    background: #1a2e40;
-   display: flex;
+   border-bottom: none;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 20px;
-  z-index: 9999;
 }
-.gt-left {
+.mw-logo-wordmark {
-   display: flex;
+   color: #fff !important;
-   align-items: center;
+   font-weight: 700;
-   gap: 10px;
+   font-size: 18px;
 }
-.gt-icon {
+.vector-header .vector-header-end {
-   width: 20px;
+   color: white;
-  height: 20px;
 }
-.gt-title {
+/* Hide unwanted header elements */
-  color: white;
+body.page-Main_Page #vector-main-menu-dropdown,
-  font-size: 18px;
+body.page-Main_Page #p-search,
-   font-weight: 600;
+body.page-Main_Page .vector-user-links {
+   display: none !important;
 }
+body.page-Main_Page #mw-panel,
-.gt-btn {
+body.page-Main_Page .vector-sidebar-container {
-  background: rgba(255,255,255,0.1);
+   display: none !important;
-  border: 1px solid rgba(255,255,255,0.3);
-  color: white;
-  padding: 6px 14px;
-  border-radius: 20px;
-   cursor: pointer;
 }
-.gt-btn:hover {
+body.page-Main_Page #footer {
-   background: rgba(255,255,255,0.2);
+   display: none !important;
 }