Template:GameContent/NavTables.css: Difference between revisions

Template:GameContent/NavTables.css (view source)

276 bytes removed , 13 October

m

no edit summary

member

1,308

edits

@@ Line 1: / Line 1: @@
-/* Main container for all sections */
 .content-container {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
+    padding: 10px;
      border: 1px solid #ccc;
      border-radius: 10px;
-    margin: 0;
      background-color: #f9f9f9;
-    padding: 10px;
 }
-/* Each section/box */
 .content-box {
      flex: 1 1 22%;
@@ Line 20: / Line 16: @@
      border-radius: 10px;
      background-color: #f9f9f9;
+    box-sizing: border-box;
+}
+/* Make tables responsive inside boxes */
+.table-wrapper {
+    overflow-x: auto;
 }
-/* Tables inside each box */
+.table {
-.content-box table {
+    width: 100%;
      border-spacing: 0;
-    width: 100%;
 }
-/* Table headers and cells */
+.table th,
-.content-box th,
+.table td {
-.content-box td {
      padding: 5px;
      border-bottom: 1px solid #ccc;
-}
-.content-box th {
      text-align: left;
 }
-.content-box td:last-child {
+.table th img,
-    text-align: right;
+.table td img {
-}
-/* Icons in headers and cells */
-.content-box th img,
-.content-box td img {
      width: 25px;
 }
-/* Larger padding for special links/images */
+/* Mobile: stack boxes vertically */
-.content-box .large-padding {
-    padding: 10px;
-}
-/* Mobile layout: stack sections vertically */
 @media screen and (max-width: 768px) {
      .content-container {
          flex-direction: column;
      }
      .content-box {
          flex: 1 1 100%;