minified navbar on landscape phones

under landscape view, navbar is minified and placed at the top right
corner. when uncollapsed, it will be back to the default style, and
minified again when collapsed.
minor styling changes

* Phones with higher aspect ratio (iPhone5 etc) now receive minified
navbar under landscape view.
* Top padding of #outbox for navbar are removed under mobile landscape
so that page looks better.
* Added top margin to alert boxes under mobile landscape to prevent
close button to hide behind minified navbar.
mobilenav.js inlined

mobilenav.js (minified navbar collapse/uncollapse script) is small and
specific to this style.
Merge pull request #26 from dossist/navbar-for-phones

Navbar for phones
smaller footer font size
minor style update

Fixed search box icon which used to be positioned too low on IE.
Fix for Firefox

* Fixed print preview messed up on Firefox
* Fixed line breaking behavior not properly working inside <pre>
Update README.md