MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 3: / Line 3: @@
 }
-.welcome-table {
+/* Ensure .welcome-table overrides wikitable defaults */
+table.welcome-table {
    border-collapse: collapse;
    background-color: #f5f5f5; /* Very light grey */
@@ Line 9: / Line 10: @@
 }
-.welcome-table th, .welcome-table td {
+/* Override wikitable defaults for th and td */
-   padding: 0.1%; /* General padding for text cells */
+table.welcome-table th,
-   vertical-align: top; /* Default for text cells */
+table.welcome-table td {
+   padding: 0.1%; /* Default padding */
+   vertical-align: top; /* Default alignment */
 }
-.welcome-table th {
+/* Keep header padding intact */
+table.welcome-table th {
    text-align: center;
-   padding: 0.1%; /* Keep padding for the header */
+   padding: 0.1%; /* Header padding */
 }
-.welcome-table td {
+/* Minimize spacing for text cells */
-   padding: 0%; /* No padding */
+table.welcome-table td {
-   margin: 0; /* Remove any default margins */
+   padding: 0 !important; /* Force no padding */
-   line-height: 1; /* Reduce line spacing to minimum */
+   margin: 0 !important; /* Force no margins */
+   line-height: 1 !important; /* Minimize line spacing */
 }
-.welcome-table td[rowspan] {
+/* Image cell */
-   vertical-align: middle; /* Vertically center the image cell */
+table.welcome-table td[rowspan] {
+   vertical-align: middle; /* Center the image vertically */
 }
-.welcome-table td[rowspan] img {
+/* Image styling */
+table.welcome-table td[rowspan] img {
    width: 100%;
    height: auto;
@@ Line 35: / Line 42: @@
 }
+/* Mobile responsiveness */
 @media (max-width: 768px) {
-   .welcome-table,
+   table.welcome-table,
-   .welcome-table tr,
+   table.welcome-table tr,
-   .welcome-table td {
+   table.welcome-table td {
      display: block !important;
      width: 100% !important;
    }
-   .welcome-table td[rowspan] {
+   table.welcome-table td[rowspan] {
      display: block !important;
      width: 100% !important;
-     vertical-align: top; /* Reset to top on mobile for stacking */
+     vertical-align: top; /* Reset to top on mobile */
      padding-right: 2%; /* Right padding for image */
-     padding-top: 1%; /* Top padding for image only */
+     padding-top: 1%; /* Top padding for image */
-     padding-bottom: 1%; /* Bottom padding for image only */
+     padding-bottom: 1%; /* Bottom padding for image */
    }
-   .welcome-table td[rowspan] img {
+   table.welcome-table td[rowspan] img {
      width: 100%;
      height: auto;