Difference between revisions of "Template:CardInfo"
From A3! Wiki
m (mata & i: 🤞 hope this consolidated @media works !!! (for mobile view)) |
m (aaand this one's for funky region @ toc (mobile landscape / small desktop browser)) |
||
| Line 18: | Line 18: | ||
@media only screen and (max-width: 540px) and (min-width: 280px) and (orientation: portrait) { | @media only screen and (max-width: 540px) and (min-width: 280px) and (orientation: portrait) { | ||
| − | table.cardinfobox {width: 100%!important; max-width: inherit; margin-left: 0;} | + | table.cardinfobox {width: 100% !important; max-width: inherit; margin-left: 0;} |
| − | table.cardinfobox th img {width: max-content!important;} | + | table.cardinfobox th img {width: max-content !important;} |
.cardinfobox img {width: 100% !important;} | .cardinfobox img {width: 100% !important;} | ||
| − | .rootpage-Cards div.toc {width: 100%!important;} | + | .rootpage-Cards div.toc {width: 100% !important;} |
| − | table.stattable, table.adlibtable {width: 100%!important;} | + | table.stattable, table.adlibtable {width: 100% !important;} |
| + | } | ||
| + | |||
| + | @media only screen and (max-width: 850px) and (min-width: 541px) { | ||
| + | table.cardinfobox {width: 40vw !important; margin-left: 1rem !important;} | ||
| + | table.cardinfobox th img {width: max-content !important;} | ||
| + | .cardinfobox img {width: 100% !important;} | ||
| + | .rootpage-Cards div.toc {width: 10vw !important;} | ||
} | } | ||
