Customized link, text, navbar color in bootstrap.

For better contrast:
@textColor: black

Webwork header's background color makes a nice link colour:
@linkColor: #038
Use the default bootstrap blue for hover:
@linkColorHover: #08c

In case we want to build the header with bootstrap's navbar:
@navbarBackground: #038
@navbarBackgroundHighlight: #038

Instead of gray text colour, use white for better contrast
@navbarText: white
@navbarBrandColor: white
@navbarLinkColor: white
@navbarLinkColorHover: white

Since the text no longer change colour on hover, we need to change the
background to indicate a hover. Use bootstrap's default blue.
@navbarLinkBackgroundHover: #08c
Initial conversion to bootstrap layout system.

Nothing changed in the header for now.

The content area is now using bootstrap's fluid layout. There are 12 columns
total, the navigation takes up 2 columns while the body content takes up the
remaining 10 columns.

The footer is now in it's own distinct section.

Also changed the doctype to html5 and stripped out some of the old IE
workarounds that we shouldn't have to worry about anymore. At least, not
for math4, math3 will be the backward compatible theme.
Remove styles overriding bootstrap on the sidebar

The sidebar navigation was properly classed for bootstrap nav, but wasn't
working because some of the existing CSS was overriding it. Those were
removed.

The markup for the sidebar navigation was altered so that it's one long ul
element with nested ul childrens for bootstrap compatibility. Also replaced
the h2 "Main Menu" element with an li element that has the class nav-header.
And removed the strong tag from active elements.
Breadcrumb now bootstrap enabled.

Surprisingly easy as somebody else seems to have made provisions for bootstrap.
Just needed to add a properly classed ul and a bootstrap enabled divider.
Home page course listing & info-box css style.

Make the course list on the home page a list of easily clickable bars.

Removed fisheye as a selector. Note that since fisheye was set as an ID,
there are not supposed to be more than 1 element with that ID. Unfortunately,
it looks like there are times when more than 1 element with the fisheye
ID can be present on a page. This ruins the use of fisheye as a css selector
since some browsers will only apply the fisheye style to the first element
so named and ignore the rest.

Info-box was restyled to fit in with the new theme and to fit in properly
when they are generated as sidebar navigation additions.

Removed some old css that restyled elements, going to rely on the bootstrap
defaults for them.
Classlist, hmwk set, library browser tables.

Removed hard coded borders from the classlist, hmwk set, and library browser
tables. While the classlist and hmwk set table was able to pick up the
bootstrap table styles, the library browser control panel table didn't so good
with it, so I gave it some temporary styles for the time being. There seems
to be a lot of hard coded borders generated by perl code, they should be
removed eventually as border attributes has been deprecated ever since
the introduction of CSS. The nowrap attribute for tables is similarly
deprecated.

Also made provision to only shrink the main body content if the right info
box is present.

blah
Fix named anchor in ProblemSetDetail.

CGI::a expects two params, when it got only 1, it didn't generate the end </a>
tag until the end of the function. So the entire section was reacting to mouse
over color changes. Fixed by giving it an empty second parameter.
Homework set & problem css changes.

Spacing issues with problem_set_body where it wasn't taking up as much
space as it should. Also found out what the functions of some of the elements
in system.template do, since they show up for the Homework Sets page. Took
the opportunity to rearrange and document them too.

I notice that the message section shows up twice, so I've decided to keep
the one on top and removed the duplicate at the bottom.
Fix Perl warning box not showing up.

I've somehow messed up the template so that the warning about Perl errors
doesn't show up anymore. Couldn't find what I did, so in the end, had to copy
and paste the known working version to fix it.

Took the opportunity to style the warning boxes using the bootstrap alert
boxes.
Banner shrink, add font-awesome for icons.

Shrunk the header images a bit to make for a smaller header.

Tried to use bootstrap navbar for the headers, but it turns out to be
unsuitable due to paddings they use to make text look nice. The paddings work
well for text, but not for images, the images are still too large and throws
evertyhing out of alignment.

Was planning on replacing the logout button with just the icon, but it turns
out to require changing perl code a bit, and I didn't want to deal with that.
Just added the icon to the button as a compromise for now.

Note that the WeBWorK logo was constructed with a transparent spider web image,
css, and text. It's not a whole image.

font-awesome overrides and expands on the default icons provided by bootstrap.
They're easier to style since they're not using bitmapped images but actual
fonts. The logout icon came from this set.
Merge pull request #48 from ionparticle/develop

math4 theme improvements