Now the style is matching closely `.table-bordered` from Bootstrap.
I decided to leave the header row background blank because it was too
close in color to `#F9F9F9` - our new rule for even rows in the table.

I also increased horizontal padding by 5px on both sides, because now
that we have vertical borders it was too cramped.

Additionaly I introduced borders for every cell in the table.

Previously: table cells had no padding, which caused a visual collapse
(cell content was too close to cell neighbors). Table header rows had
dark blue background and black letters.  Tables had no space between
them and following paragraphs.

Changes:
* added 5px padding to cell contents
* changed header row background to gray-ish (I considered switching text
  color to white, but it didn't look good)
* 15px margin on the bottom of the tables (similarly to bottom margin
  used by paragraph style).

As per swcarpentry/lesson-template#140, but only the core CSS
changes.

The workshop template is mostly plain bootstrap, so getting it work
alongside the site CSS seems mostly straightforward. We only need to
add in a .workshop class to the body, and a .card class to the
.container in the workshop. Everything else is bootstrap content.

This commit also removes the banner.html include since this did not
seem to be removed in the main site, but was referenced in the CSS.
Removing it makes it clear the .banner class is only needed in the
workshop, not here.

* add Country drop down select
* add Gender

~~~
$ for file in $(grep -r -l 'bootcamp' .); do sed -i 's/bootcamp/workshop/g' $file; done
$ for file in $(grep -r -l 'boot camp' .); do sed -i 's/boot camp/workshop/g' $file; done
~~~

and others minors changes.

Close #240.

The CSS was add at our main CSS and remove from printing:

- Logo at header
- GitHub ribbon
- Footnote

Close #561.

* remove unused classes copied from google form
* moved styles to swc.css
* #361

**Note**: This is a prototype.

Instead of "In" and "Out" use arrow to mark the input and output
of IPython lessons.

To construct the arrows we only use CSS.

* input from @r-gaia-cs
* links on hover: darker & underline
* move search bar to bottom on collapse

* mostly the collapsed the bar, make less awkward
* some link colour changes

* related to #278

* helps with learning a new ui
* 3 sub-headings on home page are no longer links

* #278

* cleaner design

* simplifying design
* use header more on each page

* add hammer to header
* add twitter to home page
* adjust styles
* adjust branding on all pages

* footer still needs work
* not sure if I got all the pages

* very much a work in progress
* experimenting with header/banner/home page

When using large font it will overflow the width so I add
max-width in the css.

The 'box' class overflow the window width for some screen size.
This patch fix it using CSS media query.