MediaWiki:Common.css: Difference between revisions

Latest revision as of 01:23, 1 March 2026

.navtable{
  border: none;
  text-align: center;
  margin: 0 auto;
  border-collapse: collapse;
}

.navcell{
  padding: 0 18px 10px 18px; /* reduced horizontal + vertical spacing */
  vertical-align: top;
}

.navimg img{
  display:block;
  margin:0 auto;
}

/* Smaller fixed icon heights */
.navicon{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  width: 200px;
}

.navicon--row1{
  height: 150px; /* was 160 */
}

.navicon--row2{
  height: 200px; /* was 210 */
}

/* Pull labels closer */
.navlabel{
  margin-top: 4px;  /* was 8 */
  line-height: 1.05;
  font-weight: 800;
}

.navlabel--tight{
  margin-top: 2px;  /* almost touching */
}

.navicon--empty,
.navlabel--empty{
  visibility:hidden;
}

.navlabel{
  text-align: center;   /* centers the words */
  width: 100%;          /* makes it span full cell width */
  margin-top: 4px;
  line-height: 1.05;
  font-weight: 800;
}

.navlabel--tight{
  text-align: center;
  width: 100%;
  margin-top: 2px;
}


body.page-Main_Page h1.firstHeading {
    display: none;
}

@@ Line 1: / Line 1: @@
-/* CSS placed here will be applied to all skins */
-.navimg img {
-    display: block;
-    margin: 0 auto;
-}
-.main-grid {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 40px; /* SAME spacing between rows */
-    text-align: center;
-    margin-top: 40px;
-}
-.main-card img {
-    display: block;
-    margin: 0 auto 15px auto; /* Controls space under image */
-}
-.card-title {
-    font-size: 20px;
-    font-weight: bold;
-}
 .navtable{
    border: none;
@@ Line 31: / Line 7: @@
 .navcell{
-   padding: 0 26px 18px 26px; /* keeps the row tight */
+   padding: 0 18px 10px 18px; /* reduced horizontal + vertical spacing */
    vertical-align: top;
 }
@@ Line 40: / Line 16: @@
 }
-/* FIX: equal box height so none of the 4 “drops” */
+/* Smaller fixed icon heights */
 .navicon{
    display:flex;
-   align-items:flex-end;   /* bottom-align icons in the row */
+   align-items:flex-end;
    justify-content:center;
-   width: 210px;           /* keeps each column consistent */
+   width: 200px;
 }
 .navicon--row1{
-   height: 160px;          /* uniform row-1 height */
+   height: 150px; /* was 160 */
 }
 .navicon--row2{
-   height: 210px;          /* uniform row-2 height */
+   height: 200px; /* was 210 */
 }
-/* label directly under the photo */
+/* Pull labels closer */
 .navlabel{
-   margin-top: 8px;
+   margin-top: 4px;  /* was 8 */
    line-height: 1.05;
    font-weight: 800;
@@ Line 64: / Line 40: @@
 .navlabel--tight{
-   margin-top: 4px;        /* tighter for row 1 like you want */
+   margin-top: 2px;  /* almost touching */
 }
@@ Line 70: / Line 46: @@
 .navlabel--empty{
    visibility:hidden;
-}
-/* keeps each icon+label spacing consistent */
-.navcell{
-  padding: 0 22px;
-  vertical-align: top;
-}
-/* remove baseline weirdness + center images */
-.navimg img{
-  display:block;
-  margin:0 auto;
-}
-/* consistent gap between image and label */
-.navlabel{
-  margin-top: 10px;
-  line-height: 1.1;
-  font-weight: 700;
-}
-/* center the 3-item second row */
-.navrow3{
-  display:flex;
-  justify-content:center;
-  gap: 70px;
-}
-.navitem{
-  text-align:center;
-}
-.navtable{
-  border: none;
-  text-align: center;
-  margin: 0 auto;
-  border-collapse: collapse;
-}
-.navcell{
-  padding: 0 26px 18px 26px; /* keeps the row tight */
-  vertical-align: top;
 }
-.navimg img{
-  display:block;
-  margin:0 auto;
-}
-/* FIX: equal box height so none of the 4 “drops” */
-.navicon{
-  display:flex;
-  align-items:flex-end;   /* bottom-align icons in the row */
-  justify-content:center;
-  width: 210px;           /* keeps each column consistent */
-}
-.navicon--row1{
-  height: 160px;          /* uniform row-1 height */
-}
-.navicon--row2{
-  height: 210px;          /* uniform row-2 height */
-}
-/* label directly under the photo */
 .navlabel{
-   margin-top: 8px;
+  text-align: center;   /* centers the words */
+  width: 100%;          /* makes it span full cell width */
+   margin-top: 4px;
    line-height: 1.05;
    font-weight: 800;
@@ Line 143: / Line 57: @@
 .navlabel--tight{
-   margin-top: 4px;        /* tighter for row 1 like you want */
+  text-align: center;
+  width: 100%;
+   margin-top: 2px;
 }
-.navicon--empty,
-.navlabel--empty{
+body.page-Main_Page h1.firstHeading {
-  visibility:hidden;
+    display: none;
 }