GameContent/NavTables.css: Difference between revisions

GameContent/NavTables.css (view source)

Revision as of 06:11, 13 October 2025

1,506 bytes added , 13 October

m

no edit summary

Lightning266

member

1,308

edits

@@ Line 1: / Line 1: @@
-Temp
+__CONTENTMODEL__ Sanitized CSS
+/* Main container */
+.container {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 10px;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    margin: 0px;
+    background-color: #f9f9f9;
+    padding: 10px;
+}
+/* Each table container */
+.table-container {
+    flex: 1 1 22%;
+    padding: 5px;
+    min-width: 200px;
+    border: 1px solid #ccc;
+    border-radius: 10px;
+    background-color: #f9f9f9;
+}
+/* Table styling */
+.table {
+    border-spacing: 0;
+    width: 100%;
+}
+/* Table header */
+.table th {
+    border-bottom: 1px solid;
+    text-align: left;
+    padding: 5px;
+}
+/* Table cell */
+.table td {
+    padding: 5px;
+}
+/* Table header icons */
+.table th img {
+    width: 25px;
+}
+/* Specific padding adjustments for elements */
+.table .table-header img {
+    width: 25px;
+}
+.table .item-icon img {
+    width: 25px;
+}
+/* Larger padding for specific links or images */
+.table .large-padding {
+    padding: 10px;
+}
+/* Desktop/tablet default */
+.navtables-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
+  border: 1px solid #ccc;
+  border-radius: 10px;
+  background-color: #f9f9f9;
+  padding: 10px;
+}
+/* Each box */
+.navtables-section {
+  flex: 1 1 22%;
+  min-width: 200px;
+  padding: 5px;
+  border: 1px solid #ccc;
+  border-radius: 10px;
+  background-color: #f9f9f9;
+}
+/* Mobile layout */
+@media screen and (max-width: 768px) {
+  .navtables-container {
+    flex-direction: column;
+  }
+  .navtables-section {
+    flex: 1 1 100%;
+    width: 100%;
+  }
+}