MediaWiki:Mobile.css: Difference between revisions
MediaWiki interface page
More actions
No edit summary Tags: Mobile edit Mobile web edit |
No edit summary Tags: Mobile edit Mobile web edit |
||
| (26 intermediate revisions by the same user not shown) | |||
| Line 108: | Line 108: | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {background-color: #E69710; color: #FFFFFF;} | .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed > .oo-ui-buttonElement-button {background-color: #E69710; color: #FFFFFF;} | ||
#a.oo-ui-buttonElement-button {background-color: #E69710; border-color: #E69710;} | #a.oo-ui-buttonElement-button {background-color: #E69710; border-color: #E69710;} | ||
.oo-ui-buttonElement-framed.oo-ui-widget-enabled {background-color: #E69710; border-color: #E69710;} | |||
.oo-ui-buttonElement-button {background-color: #E69710; border-color: #E69710;} | |||
/* preferences page */ | /* preferences page */ | ||
| Line 141: | Line 143: | ||
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-checkboxInputWidget {--color-primary: #B47B18} | .oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-checkboxInputWidget {--color-primary: #B47B18} | ||
. | /* preferences */ | ||
:root {--color-primary: #E69710;} | |||
/* infobox */ | |||
@media screen and (max-width: 1280px) { | |||
table.infobox { | |||
width: 100% !important; | |||
margin: 0; | |||
padding: 0 0.5em; | |||
box-sizing: border-box; | |||
table-layout: auto !important; | |||
overflow-x: hidden !important; | |||
} | |||
table.infobox > tbody { | |||
display: block; | |||
min-width: 100%; | |||
} | |||
table.infobox th, | |||
table.infobox td { | |||
text-align: center !important; | |||
white-space: normal !important; | |||
word-wrap: break-word !important; | |||
padding: 0.5em; | |||
} | |||
table.infobox img { | |||
display: block; | |||
width: 100% !important; | |||
height: auto !important; | |||
margin: 0; | |||
} | |||
} | |||
/* section dropdown */ | |||
.section-heading.collapsible-heading { | |||
display: block !important; | |||
} | |||
.section-heading.collapsible-heading > .mw-ui-icon, | |||
.section-heading.collapsible-heading > .mw-headline, | |||
.section-heading.collapsible-heading > .mw-editsection { | |||
display: block !important; | |||
/* optional spacing if you want a little gap between icon/headline/edit link */ | |||
margin-bottom: 0.25em; | |||
} | |||
.section-heading.collapsible-heading > .mw-ui-icon { | |||
float: left; | |||
margin-right: 0.5em; | |||
} | |||