Manual:Gallery of user styles/Largo Plazo's Handheld overrides

From mediawiki.org
Download: w:User:Largoplazo/monobook.css
  • Based on: Monobook
  • Author: Largo Plazo
  • Compatible with MediaWiki version(s): (unknown)
  • Last updated: (unknown)
  • Description: In browsers on handheld devices (if they process styles found inside an @media handheld rule, as IE on Windows Mobile 5 does), these rules override the default positioning and margins so that the content begins at the top left and fills the width of the display. The navigation and special links and the search box are at the bottom.

One style rule reveals the links to the navigation and to the search box that are usually hidden underneath the page heading, so that it's easy to skip past the content when you want to. (Unfortunately, these links don't work in IE on Windows Mobile 5, because that version of IE doesn't recognize an element with an ID as the destination of an A tag with #fragment notation in its HREF. It only works when the destination is an A tag with a NAME attribute.)

The reason for giving each style rule its own @media handheld instead of wrapping them inside one big one is again, a defect of IE on Windows Mobile 5, which ignores most of the rules unless they are individually wrapped.