footer overhaul

fixes 1087285
![small resolution doesn't overflow](https://cloud.githubusercontent.com/assets/21467/4735765/86fc49c8-59e4-11e4-9236-86b77994ad54.png)
![looks less crowded at larger res](https://cloud.githubusercontent.com/assets/21467/4735787/ad66e398-59e4-11e4-8414-13ef86d5a57b.png)

This patch reorganizes footer links to remove redundant links and to colocate
all links that require authentication. Also makes the footer text more concise,
and swaps the dull dino logo for a 2-tone cutout version. Removes the fixed
height and adds a float clearing break after the content to ensure the footer
box contains all of the floated elements, even on narrow pages where they would
previously spill out.

Makes some space and formatting fixes to the base template so its easier to
match up opening and closing tags visually. Also converts tabs to spaces in the
base template

Fails to pin the footer to the bottom of the page when there isn't enough
content. That will have to wait for another patch.
This is messed up. You add an ``<li>`` tag inside an ``<li>`` tag. We should either have no ul/li at all (what's the point of having a list of one element? ) or make everything a list element and use the existing CSS to do the vertical bars for us. (At the moment there are two vertical bars between ``Permissions`` and ``API Tokens`` because of this. )