Template:Infobox/styles.css: Difference between revisions
MusikAnimal (talk | contribs) (Undo revision 56147 by MusikAnimal (talk)) |
MusikAnimal (talk | contribs) No edit summary |
||
Line 69: | Line 69: | ||
/** MOBILE **/ | /** MOBILE **/ | ||
@media (max-width: 720px) { | @media (max-width: 720px) { | ||
.infobox { | |||
font-size: 90%; | font-size: 90%; | ||
position: relative; | position: relative; | ||
border: 1px solid #eaecf0; | border: 1px solid #eaecf0; | ||
background-color: #f8f9fa; | background-color: #f8f9fa !important; | ||
display: flex; | display: flex; | ||
flex: 1 1 100%; | flex: 1 1 100%; | ||
flex-flow: column nowrap; | flex-flow: column nowrap; | ||
width: 100% !important; | |||
max-width: 100% !important; | |||
} | } | ||
.infobox td, .infobox th { | .infobox td, .infobox th { | ||
Line 92: | Line 85: | ||
text-align: left; | text-align: left; | ||
} | } | ||
.infobox th, | |||
.infobox td { | |||
vertical-align: top; | vertical-align: top; | ||
border: 0; | border: 0; | ||
Line 99: | Line 92: | ||
padding: 7px 10px; | padding: 7px 10px; | ||
} | } | ||
.infobox > tbody, | |||
.infobox > caption { | |||
display: flex; | display: flex; | ||
flex-flow: column nowrap; | flex-flow: column nowrap; | ||
} | } | ||
.infobox caption { | |||
padding: 10px 10px 0; | padding: 10px 10px 0; | ||
text-align: center; | text-align: center; | ||
Line 113: | Line 106: | ||
text-align: center; | text-align: center; | ||
} | } | ||
.infobox tbody > tr > td, | |||
.infobox tbody > tr > th { | |||
flex: 1 0; | flex: 1 0; | ||
} | } | ||
.infobox td:only-child, | |||
.infobox th:only-child { | |||
display: block; | display: block; | ||
width: 100%; | width: 100%; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
.infobox > tbody > tr { | |||
min-width: 100%; | min-width: 100%; | ||
display: flex; | display: flex; |