Since there are multiple branches I have been working on, and the css hasn't been merged into master before continuing onto the next branch - the css refactoring (less variables and class names for consistency) is best left until is merged, as well as which includes a few important layout fixes.
This is because if I change it now, it will affect other pages in master (such as the languages page). So once the containers are done and all pushed to master then I will
work on making the classnames more consistent (will use hyphens instead of camel case as this is what bootstrap uses)
adding more variables (for colours and margins, repeated padding etc)
making sure that classes are reused where possible
This will include all xhtml files which uses atomic css class from zanata-ui.