mediawiki-skins-Citizen/resources/screen-mobile.less
2016-12-09 04:50:00 -05:00

60 lines
952 B
Plaintext

/* Styles appear on displays 750 pixels wide and below */
// @import "variables.less"; (Not used here)
#p-logo {
width: 6em;
// Make the logo smaller because we're dealing with less space here
// Note that background-size doesn't necessarily work in older browsers, but whatever
a.mw-wiki-logo {
margin: 0 0 1em 1em;
width: 5em;
height: 5em;
background-size: contain;
}
}
#p-banner {
display: none;
}
// Full-width thumbnails (to avoid having really squished text around them)
div.thumb {
float: none;
}
.thumb {
width: 100%;
margin: 1em auto;
}
div.tright {
margin-left: 0;
.thumbinner {
padding-left: 0;
}
}
div.tleft {
margin-right: 0;
.thumbinner {
padding-right: 0;
}
}
.thumbinner {
width: 100% !important;
}
.thumbimage {
display: block;
margin: 0 auto .5em;
}
// Keep images from overflowing
.mw-body-content a > img {
height: auto !important;
max-width: 100% !important;
}
.nomobile {
display: none;
}