(WIP: testing responsive combo table) |
m (Silhouette0x21 moved page Template:SF6-ComboTable-wip/styles.css to Template:SF6-ComboTableItem-wip/styles.css without leaving a redirect: Testing nested templates) |
(No difference)
|
Revision as of 19:25, 9 June 2023
@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) { table, tbody, th, td, tr { display: block; } .table-header { position: absolute; top: -9999px; left: -9999px; } tr { margin: 0; } tr:nth-child(odd) { background: #00008B !important; } td { border: none; border-bottom: 1px solid #eee; position: relative; padding: 0.2rem 6.4rem !important; } td:before { position: absolute; top: 0; left: 6px; width: 45%; padding-right: 20px; white-space: nowrap; } td:empty::after{content:'\00a0';visibility:hidden} td:nth-of-type(1):before { content: "Combo"; } td:nth-of-type(2):before { content: "Position"; } td:nth-of-type(3):before { content: "Damage"; } td:nth-of-type(4):before { content: "Drive Gauge"; } td:nth-of-type(5):before { content: "Super Gauge"; } td:nth-of-type(6):before { content: "Difficulty"; } td:nth-of-type(7):before { content: "Notes"; } td:nth-of-type(8):before { content: "Video"; } }