Difference between revisions of "User:DustyFB/Sandbox/Templates/Template:DeviceInfobox"

Revision as of 07:49, 11 May 2021

Gallery mode can be utilized in the image field with:

|image=<gallery mode="slideshow">
Image:Memory_relay.png|"Caption"
Image:Logo_of_empire.png|"Caption"
</gallery>

@@ Line 70: / Line 70: @@
    margin-top: 1em;
 }
+/* Traditional table styling */
+.Device-Info-Data-Cell {
+  display:flex;
+  text-align:left;
+}
+.Device-Info-Data-Cell-Header {
+  flex:48%;
+  min-width:min-content;
+  margin-right:4%;
+}
+.Device-Info-Data-Cell-Body {
+  flex:50%;
+  white-space:pre;
+  margin: auto;
+}
+/* Side-by-side formatting
 .Device-Info-Data-Section {
    display: grid;
    grid-template-columns: 50% 50%;
+}
+.Device-Info-Data-Cell-Header, .Device-Info-Data-Cell-Body {
+  display:block;
+}*/
+/* General styling */
+.Device-Info-Data-Section {
    border-bottom: 1px solid #394442;
    text-align: center;
 }
+.Device-Info-Data-Cell {
+  margin: 0.5em 0;
+  font-size:1.25em;
+}
+.Device-Info-Data-Cell-Header {
+  font-weight:bold;
+}
+.Device-Info-Data-Cell-Body {
+}
 .Device-Info-Data-Construction {
      grid-template-columns: auto auto auto;
@@ Line 83: / Line 119: @@
      padding: 4px 2px;
      border-bottom: 1px solid #394442;
-}
-.Device-Info-Data-Cell {
-  margin: 0.5em 0;
-}
-.Device-Info-Data-Cell-Header, .Device-Info-Data-Cell-Body {
-  display:block;
-}
-.Device-Info-Data-Cell-Header {
-  font-size:1.25em;
-  font-weight:bold;
-}
-.Device-Info-Data-Cell-Body {
-  font-size:1.25em;
 }
 /* Gallery specific support */