MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* All CSS here will be loaded for users of the mobile site */ | /* All CSS here will be loaded for users of the mobile site */ | ||
/* Infobox Mobile Responsive CSS */ | |||
.infobox-wrapper { | .infobox-wrapper { | ||
float: none !important; | float: none !important; | ||
| Line 7: | Line 8: | ||
box-sizing: border-box !important; | box-sizing: border-box !important; | ||
} | } | ||
.infobox | |||
.infobox { | |||
width: 100% !important; | width: 100% !important; | ||
float: none !important; | |||
margin: 0 !important; | |||
box-sizing: border-box !important; | |||
} | |||
.infobox img { | |||
max-width: 100% !important; | |||
height: auto !important; | |||
} | |||
.infobox th { | |||
width: auto !important; | |||
min-width: 30% !important; | |||
} | |||
.infobox td { | |||
width: auto !important; | |||
} | |||
/* Optional: Make infobox stand out more on mobile */ | |||
.infobox { | |||
box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; | |||
border-radius: 4px !important; | |||
} | |||
.infobox th:first-child { | |||
border-top-left-radius: 4px !important; | |||
} | |||
.infobox th:last-child { | |||
border-top-right-radius: 4px !important; | |||
} | } | ||