MediaWiki:Mobile.css: Forskelle mellem versioner
Fra AarhusWiki
Diversen (diskussion | bidrag) (Test ændring) Tag: Sidetømning |
Diversen (diskussion | bidrag) (Flyt css tilbage) |
||
| Linje 1: | Linje 1: | ||
/* CSS placed here will affect users of the mobile site */ | |||
/* Remove welcome-message from Mainpage */ | |||
.page-Main_Page.is-authenticated .pre-content { | |||
display: none; | |||
} | |||
/* Grey background like wikipedia */ | |||
div.header { | |||
background-color: #f2f2f2; | |||
} | |||
/* Make the seachform wider by narrowing the last tablecell */ | |||
.header>div:last-child { | |||
width: 1em; | |||
} | |||
input.search { | |||
padding: .6em; | |||
} | |||
/* Trying to prevent the sourcecode from setting a specific width on the image */ | |||
@media screen and (max-width: 500px) { | |||
.content .thumb .thumbinner { | |||
margin: 0 auto; | |||
width: 100% !important; | |||
} | |||
} | |||
/* Decouple the columns on narrow screens */ | |||
.skin-minerva .portal-column-left, | |||
.skin-minerva .portal-column-right, | |||
.skin-minerva .portal-column-left-wide, | |||
.skin-minerva .portal-column-right-narrow, | |||
.skin-minerva .portal-column-left-extra-wide, | |||
.skin-minerva .portal-column-right-extra-narrow { | |||
float: none; | |||
display: block; | |||
width: 100%; | |||
} | |||
Versionen fra 23. nov. 2023, 10:34
/* CSS placed here will affect users of the mobile site */
/* Remove welcome-message from Mainpage */
.page-Main_Page.is-authenticated .pre-content {
display: none;
}
/* Grey background like wikipedia */
div.header {
background-color: #f2f2f2;
}
/* Make the seachform wider by narrowing the last tablecell */
.header>div:last-child {
width: 1em;
}
input.search {
padding: .6em;
}
/* Trying to prevent the sourcecode from setting a specific width on the image */
@media screen and (max-width: 500px) {
.content .thumb .thumbinner {
margin: 0 auto;
width: 100% !important;
}
}
/* Decouple the columns on narrow screens */
.skin-minerva .portal-column-left,
.skin-minerva .portal-column-right,
.skin-minerva .portal-column-left-wide,
.skin-minerva .portal-column-right-narrow,
.skin-minerva .portal-column-left-extra-wide,
.skin-minerva .portal-column-right-extra-narrow {
float: none;
display: block;
width: 100%;
}