Improved sidebar toggle button

* Moved the toggle button onto navbar, and made it bigger so that it is
easier to push.
* Icon on the button now toggles in conjunction with sidebar state.
minor overflow fix

fixed footer overflowing when screen width was larger than 768px by
1~15px.
cleaned up redundant css icon code

* redundant code is cleaned up
* added `margin-top: -1;` to menu icons, which positions them 1 pixel
higher than before

Rules
------

* **inline icons** should have `line-height: 1;` and be positioned 1
pixel lower than where they are initially positioned
* **floating icons** should have line-height unchanged and be positioned
1 pixel higher than where they are initially positioned
fixed footer underflow under smaller fontsize
unfixed navbar under landscape view on phones

for larger content area when screen height is limited severely.
Allowed preferred editor setting

Will now reflect the setting on editor type preference, by simply
removing editor=text from query string of the link.

`editor_ui` (which tells whether both text and gui links should be
displayed or just what you prefer) is still ignored though, as I feel it
redundant to have 2 types of editor link on the screen.
README: Fix instructions numbering (1. -> 4.)

The last installation step is labelled `4.` but GitHub's markdown parser thought it was the first item of another list, hence labelled it as `1.`
Merge pull request #25 from sonph/patch-1

README: Fix instructions numbering (1. -> 4.)
updated sidebar toggle javascript

Made improvements to the script.

* `.active` class which used to be added when toggled were conflicting
with bootstrap class, thus changed to `.on`.
* Changed so that target element(s) should be specified via
`data-target` attribute (like how bootstrap collapse script does). This
allows multiple toggle parts on one page.
* `togglejs()` method is added to jQuery, allowing it to be triggered
like this:
$(this).togglejs();
* `togglejs()` can be used to trigger one-way animation:
$(this).togglejs('show');
this does show the element, and if it is already shown does nothing.
fixed navbar brand overflowing on webkit

Navbar brand were overflowing into another line when rendered on webkit
under sm size (768px - 991px).
This cannot be reproduced when window size was shrinked from larger
width.
`display: table;` seems to be calculated to fit contents in one line
even if contents were floating.
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
Replace link icons (PNGs) with Glyphicons.
update to comment-toggle button

Comment-toggle button now looks like pushed down when toggled on.
Icon on the comment button has been changed so that it reflects the
state of toggle.
Icon for "Raw wiki text" in menu has been changed from "eye-open" to
"file" because it uses the same icon as one for the new comment toggler.
(sorry for changing this!)