MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 3: / Line 3: @@
 }
-/* Ensure .welcome-table overrides wikitable defaults */
+/* Table styling */
-table.welcome-table {
+.welcome-table {
+  width: 100%;
+  background: #f5f5f5; /* Very light grey, moved from outer table */
+  margin-top: 1.2em; /* Moved from outer table */
+  border: 1px solid #ccc; /* Moved from outer table */
    border-collapse: collapse;
-  background-color: #f5f5f5; /* Very light grey */
-  border: 1px solid #ccc;   /* Grey border around the table */
-}
-/* Override wikitable defaults for th and td */
-table.welcome-table th,
-table.welcome-table td {
-  padding: 0.1%; /* Default padding */
-  vertical-align: top; /* Default alignment */
-}
-/* Keep header padding intact */
-table.welcome-table th {
-  text-align: center;
-  padding: 0.1%; /* Header padding */
 }
-/* Minimize spacing for text cells */
+/* Inner table styling (no longer needed, as there's no nested table) */
-table.welcome-table td {
+/* Text column */
-   padding: 0 !important; /* Force no padding */
+.welcome-table td {
-   margin: 0 !important; /* Force no margins */
+   padding: 0 !important; /* No padding for text cells */
-   line-height: 1 !important; /* Minimize line spacing */
+   margin: 0 !important; /* No margins */
+   line-height: 1 !important; /* Tight line spacing */
+  vertical-align: top;
 }
-/* Image cell */
+/* Image column */
-table.welcome-table td[rowspan] {
+.welcome-table td[style*="width:30%"] {
-   vertical-align: middle; /* Center the image vertically */
+   vertical-align: middle; /* Center image vertically */
+  padding-right: 2%; /* Match your original image padding */
+  padding-top: 1%;
+  padding-bottom: 1%;
 }
 /* Image styling */
-table.welcome-table td[rowspan] img {
+.welcome-table td[style*="width:30%"] img {
    width: 100%;
    height: auto;
@@ Line 44: / Line 38: @@
 /* Mobile responsiveness */
 @media (max-width: 768px) {
-   table.welcome-table,
+   .welcome-table,
-   table.welcome-table tr,
+   .welcome-table tr,
-   table.welcome-table td {
+   .welcome-table td {
      display: block !important;
      width: 100% !important;
    }
-   table.welcome-table td[rowspan] {
+   .welcome-table td[style*="width:30%"] {
      display: block !important;
      width: 100% !important;
-     vertical-align: top; /* Reset to top on mobile */
+     vertical-align: top; /* Stack image on top on mobile */
-     padding-right: 2%; /* Right padding for image */
+     padding-right: 2%;
-     padding-top: 1%; /* Top padding for image */
+     padding-top: 1%;
-     padding-bottom: 1%; /* Bottom padding for image */
+     padding-bottom: 1%;
    }
-   table.welcome-table td[rowspan] img {
+   .welcome-table td[style*="width:30%"] img {
      width: 100%;
      height: auto;