Move away from using an absolute positioned #content div as this was
causing some weird problems when users scrolled down, like not showing
bottom padding, and prematurely cutting off the left keyline.
Now, the content area uses relative positioning most of the time, and
fixed positioning when the full screen map is in place.
Using fixed positioning on the big map is nice because you can now scroll
down to see more sidebar content, but you won't end up with an ugly block
of white space under the map.
This changes the behavior of the editing tabs in three places. Instead
of the current hovering behavior, you can click on the arrow and get the
drop-down menu. Any click outside that on the page will deactivate the
menu, following the UI paradigm of most desktop environments.
This also simplifies the javascript code significantly.
Uses the parent of the tabnav element to do its positioning, and fixes
this style in RTL and small.
Also move the greetings block into the top-bar div in order to cleanly
have it share a border with tabs.
Moves action buttons to be with the form instead of way over on
the opposite side of the page.
Reorganizes "remember me" to a more typical spot on the page.
Get rid of separate "create account" panel and replace it with an
above the fold link.
Move font sizes and line heights up in the stylesheet structure
to make the left element more uniform. Make the padding of the
menu the same as the other elements.
This is a mild restyling of OpenStreetMap. Changes include:
* Remove margin from map, add more margin to text content
* Rearrange permalink & link buttons and gives them a background
* Pull OpenStreetMap text below logo along with subtitle
* Simplify sidebar styling
* Move towards a baseline, start to consolidate text size and line height
This is tested with LTR, RTL, and the compact mode, and looks good. Looks
more uniform in older browsers because it relies less on round corners.
