MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1,920: / Line 1,920: @@
      .ooo-v2-vehicle-layout {
          grid-template-columns: minmax(0, 1fr);
+    }
+}
+/* ==========================================
+   V2 VEHICLE DETAILS REFINEMENT
+   ========================================== */
+/* Vehicle navigation */
+.ooo-v2-vehicle-nav {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 6px;
+    padding: 8px;
+    margin: 18px 0 28px;
+    background: #242628;
+    border: 1px solid #3c3f42;
+    border-radius: 7px;
+}
+.ooo-v2-vehicle-nav-link a {
+    display: inline-block;
+    padding: 10px 16px;
+    color: #cccccc !important;
+    font-size: 13px;
+    font-weight: 600;
+    text-decoration: none !important;
+    border-radius: 5px;
+}
+.ooo-v2-vehicle-nav-link a:hover,
+.ooo-v2-vehicle-nav-link a:focus {
+    background: #373a3d;
+    color: #e5b62e !important;
+}
+/* Overview and infobox columns */
+.ooo-v2-vehicle-layout {
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) 340px;
+    gap: 28px;
+    align-items: start;
+    margin: 16px 0 32px;
+}
+.ooo-v2-vehicle-description {
+    min-width: 0;
+    line-height: 1.7;
+}
+.ooo-v2-vehicle-sidebar {
+    min-width: 0;
+}
+/* Compact infobox */
+.ooo-v2-vehicle-sidebar .ooo-v2-infobox {
+    width: 100%;
+    margin: 0;
+    box-sizing: border-box;
+}
+.ooo-v2-vehicle-sidebar .ooo-v2-infobox-header {
+    padding: 12px 16px;
+}
+.ooo-v2-vehicle-sidebar .ooo-v2-infobox-image {
+    padding: 12px;
+}
+.ooo-v2-vehicle-sidebar .ooo-v2-infobox-image img {
+    display: block;
+    width: 100%;
+    max-width: 100%;
+    height: auto;
+}
+.ooo-v2-vehicle-sidebar .ooo-v2-infobox-body {
+    padding: 4px 16px;
+}
+.ooo-v2-vehicle-sidebar .ooo-v2-infobox-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 12px;
+    min-height: 0;
+    height: auto;
+    padding: 10px 0;
+    margin: 0;
+    line-height: 1.4;
+}
+.ooo-v2-vehicle-sidebar .ooo-v2-infobox-row span {
+    flex: 0 1 auto;
+    color: #aaaaaa;
+}
+.ooo-v2-vehicle-sidebar .ooo-v2-infobox-row strong {
+    flex: 0 1 auto;
+    text-align: right;
+    overflow-wrap: anywhere;
+}
+/* Mobile and narrower screens */
+@media (max-width: 1050px) {
+    .ooo-v2-vehicle-layout {
+        grid-template-columns: minmax(0, 1fr);
+    }
+    .ooo-v2-vehicle-sidebar {
+        max-width: 440px;
+    }
+}
+@media (max-width: 600px) {
+    .ooo-v2-vehicle-nav-link a {
+        padding: 9px 11px;
+        font-size: 12px;
      }
 }