MediaWiki:Mobile.css: Difference between revisions
Appearance
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary Tags: Mobile edit Mobile web edit |
||
Line 2: | Line 2: | ||
.infobox { | .infobox { | ||
width: 100% !important; | width: 100% !important; | ||
max-width: 270px; | |||
margin: 0.5em auto; | |||
font-size: 0.88em; | font-size: 0.88em; | ||
line-height: 1.35em; | |||
border-collapse: collapse; | |||
background: #f9f9f9; | |||
color: #000; | |||
} | } | ||
.infobox td, | .infobox td, | ||
.infobox th { | .infobox th { | ||
padding: 0.25em 0.4em; | |||
border: 1px solid #aaa; | |||
vertical-align: top; | |||
} | } | ||
.infobox th { | .infobox th { | ||
background-color: #f3f3f3; | background-color: #f3f3f3; | ||
font-weight: normal; | |||
text-align: left; | |||
} | |||
.infobox-header { | |||
background-color: #cedff2; | |||
font-weight: bold; | |||
text-align: center; | |||
} | |||
.infobox-subheader { | |||
background-color: #dee3ea; | |||
font-weight: bold; | font-weight: bold; | ||
text-align: center; | |||
} | } | ||
Line 26: | Line 41: | ||
} | } | ||
.infobox .infobox | .infobox img { | ||
margin: 0 auto; | |||
display: block; | |||
max-width: 100%; | |||
} | |||
.infobox .image { | |||
margin-bottom: 0.3em; | |||
} | |||
.infobox .navbox { | |||
margin-top: 0.5em; | |||
font-size: 0.8em; | |||
} | } | ||
.infobox | .infobox caption { | ||
font-weight: bold; | |||
text-align: center; | text-align: center; | ||
padding: 0.3em 0; | |||
} | } | ||
} | } |
Revision as of 16:29, 24 April 2025
@media screen and (max-width: 720px) {
.infobox {
width: 100% !important;
max-width: 270px;
margin: 0.5em auto;
font-size: 0.88em;
line-height: 1.35em;
border-collapse: collapse;
background: #f9f9f9;
color: #000;
}
.infobox td,
.infobox th {
padding: 0.25em 0.4em;
border: 1px solid #aaa;
vertical-align: top;
}
.infobox th {
background-color: #f3f3f3;
font-weight: normal;
text-align: left;
}
.infobox-header {
background-color: #cedff2;
font-weight: bold;
text-align: center;
}
.infobox-subheader {
background-color: #dee3ea;
font-weight: bold;
text-align: center;
}
.infobox .mergedtoprow td,
.infobox .mergedtoprow th {
border-top: 0;
}
.infobox img {
margin: 0 auto;
display: block;
max-width: 100%;
}
.infobox .image {
margin-bottom: 0.3em;
}
.infobox .navbox {
margin-top: 0.5em;
font-size: 0.8em;
}
.infobox caption {
font-weight: bold;
text-align: center;
padding: 0.3em 0;
}
}