MediaWiki:Mobile.css
Jump to navigation
Jump to search
Note: After saving, you have to bypass your browser's cache to see the changes.
- Internet Explorer: hold down the Ctrl key and click the Refresh or Reload button, or press Ctrl+F5.
- Firefox: hold down the Shift key while clicking Reload; alternatively press Ctrl+F5 or Ctrl-Shift-R.
- Opera, Konqueror and Safari users can just click the Reload button.
- Chrome: press Ctrl+F5 or Shift+F5
/* CSS placed here will affect users of the mobile site */
/* main page margin */
.page-Main_Page .mp-topbanner {
margin-top: 0.4em;
}
/* removes stuff on mobile */
.logothing {
display: none;
}
#featured-star {
display: none;
}
/* infobox */
/* copied from Wikipedia Minerva skin */
@media print and (max-device-width: 720px) {
#mw-content-text table.infobox {
font-size: 30px
}
}
@media all and (min-width: 720px) {
table.infobox {
max-width: 320px;
width: auto !important;
float: right !important;
clear: right !important
}
}
.content table.infobox {
font-size: 90%;
position: relative;
border: 1px solid #eaecf0;
background-color: #f8f9fa;
display: flex;
flex: 1 1 100%;
flex-flow: column nowrap
}
.content table.infobox caption {
text-align: center
}
.content table.infobox th,.content table.infobox td {
vertical-align: top;
border: 0;
border-bottom: 1px solid #eaecf0;
}
.content table.infobox tbody > tr > td,.content table.infobox tbody > tr > th {
flex: 1 0
}
.content table.infobox td:only-child,.content table.infobox th:only-child {
width: 100%
}
.content table.infobox tr:last-child th,.content table.infobox tr:last-child td {
border: 0
}
.content table.infobox > tbody,.content table.infobox > caption {
display: flex;
flex-flow: column nowrap
}
.content table.infobox > tbody > tr {
min-width: 100%;
display: flex;
flex-flow: row nowrap
}
.content .mw-content-ltr table.infobox {
text-align: left
}
.content .mw-content-rtl table.infobox {
text-align: right
}
.content #bodyContent pre {
background: #f8f9fa
}