Bump express from 4.17.3 to 4.19.2 (#324)

Bumps [semver](https://github.com/npm/node-semver) from 5.7.1 to 5.7.2.
- [Release notes](https://github.com/npm/node-semver/releases)
- [Changelog](https://github.com/npm/node-semver/blob/v5.7.2/CHANGELOG.md)
- [Commits](https://github.com/npm/node-semver/compare/v5.7.1...v5.7.2)

---
updated-dependencies:
- dependency-name: semver
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

.editorconfig

@@ -1,13 +1,21 @@
-# http://editorconfig.org
-
 root = true
 
 [*]
 charset = utf-8
 end_of_line = lf
-insert_final_newline = true
+indent_size = 4
 indent_style = tab
+insert_final_newline = true
 trim_trailing_whitespace = true
 
 [*.md]
+indent_style = space
 trim_trailing_whitespace = false
+
+[*.yml]
+indent_style = space
+indent_size = 2
+
+[package.json]
+indent_style = space
+indent_size = 2

.eslintignore

@@ -1,3 +1,2 @@
 coverage
-node_modules
 public/js

.eslintrc.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const pa11yConfig = require('pa11y-lint-config/eslint/es2017');
+
+const config = {
+	...pa11yConfig,
+	parserOptions: {
+		ecmaVersion: 2019
+	}
+};
+
+module.exports = config;

.github/issue_template.md

@@ -0,0 +1,20 @@
+**This repository's issues are reserved for feature requests, bug reports, and other issues with Pa11y Dashboard itself.**
+
+If you need help using Pa11y Dashboard, we recommend using [Stack Overflow](https://stackoverflow.com/questions/tagged/pa11y).
+
+For a bug report, please use the template below. To keep the backlog clean and actionable, issues may be immediately closed if they do not follow one this template.
+
+---
+
+## Expected behaviour
+
+
+## Actual behaviour
+
+
+## Steps to reproduce
+
+
+## Environment
+
+_Please specify the versions of Pa11y Dashboard, MongoDB, and Node.js that can be sued to reproduce this issue._

.github/workflows/tests.yml

@@ -0,0 +1,58 @@
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+
+jobs:
+  lint:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 12
+      - run: npm ci
+      - run: npm run lint
+
+  test:
+    name: test (node ${{ matrix.node }}, mongodb ${{ matrix.mongo }})
+    runs-on: ubuntu-20.04
+    strategy:
+      fail-fast: false
+      matrix:
+        node: [12, 14, 16, 18, 20]
+        mongo: [latest]
+        include:
+          - { node: 12, mongo: 6.0.11 }
+          - { node: 12, mongo: 5.0.22 }
+          - { node: 12, mongo: 4.4.25 }
+          - { node: 12, mongo: 3.6.23 }
+          - { node: 12, mongo: 2.6.12 }
+
+    steps:
+      - uses: actions/checkout@v4
+      - uses: actions/setup-node@v3
+        with:
+          node-version: ${{ matrix.node }}
+      - run: npm ci
+
+      - name: Supply MongoDB ${{ matrix.mongo }}
+        uses: supercharge/mongodb-github-action@1.5.0
+        with:
+          mongodb-version: ${{ matrix.mongo }}
+
+      - name: Supply integration test configuration file
+        run: cp config/test.sample.json config/test.json
+
+      - name: Make dashboard available to be integration-tested
+        run: NODE_ENV=test node index.js &
+      - name: Wait for dashboard to respond
+        uses: iFaxity/wait-on-action@v1.1.0
+        with:
+          resource: http://localhost:4000
+          delay: 1000
+          timeout: 30000
+          log: true
+
+      - run: NODE_ENV=test npm test

.gitignore

@@ -1,4 +1,3 @@
-
 # Config files
 config/development.json
 config/production.json
@@ -7,3 +6,6 @@ config/test.json
 # Generated npm files
 node_modules
 npm-debug.log
+
+# Editors
+.idea

.jscsrc

@@ -1,88 +0,0 @@
-{
-	"disallowEmptyBlocks": true,
-	"disallowImplicitTypeConversion": [
-		"binary",
-		"numeric",
-		"string"
-	],
-	"disallowKeywordsOnNewLine": [
-		"catch",
-		"else"
-	],
-	"disallowMixedSpacesAndTabs": true,
-	"disallowMultipleSpaces": true,
-	"disallowMultipleVarDecl": true,
-	"disallowNewlineBeforeBlockStatements": true,
-	"disallowQuotedKeysInObjects": true,
-	"disallowSpaceAfterObjectKeys": true,
-	"disallowSpaceAfterPrefixUnaryOperators": true,
-	"disallowSpaceBeforeComma": true,
-	"disallowSpaceBeforeSemicolon": true,
-	"disallowSpacesInCallExpression": true,
-	"disallowSpacesInFunction": {
-		"beforeOpeningRoundBrace": true
-	},
-	"disallowSpacesInsideArrayBrackets": true,
-	"disallowSpacesInsideBrackets": true,
-	"disallowSpacesInsideObjectBrackets": true,
-	"disallowSpacesInsideParentheses": true,
-	"disallowTrailingComma": true,
-	"disallowTrailingWhitespace": true,
-	"disallowYodaConditions": true,
-	"maximumLineLength": 200,
-	"requireBlocksOnNewline": true,
-	"requireCapitalizedConstructors": true,
-	"requireCommaBeforeLineBreak": true,
-	"requireCurlyBraces": [
-		"if",
-		"else",
-		"for",
-		"while",
-		"do",
-		"switch",
-		"try",
-		"catch"
-	],
-	"requireDotNotation": true,
-	"requireLineBreakAfterVariableAssignment": true,
-	"requireLineFeedAtFileEnd": true,
-	"requireObjectKeysOnNewLine": true,
-	"requireParenthesesAroundIIFE": true,
-	"requireSemicolons": true,
-	"requireSpaceAfterBinaryOperators": true,
-	"requireSpaceAfterKeywords": [
-		"if",
-		"else",
-		"for",
-		"while",
-		"do",
-		"switch",
-		"try",
-		"catch"
-	],
-	"requireSpaceAfterLineComment": {
-		"allExcept": [
-			"="
-		]
-	},
-	"requireSpaceBeforeBinaryOperators": true,
-	"requireSpaceBeforeBlockStatements": true,
-	"requireSpaceBeforeObjectValues": true,
-	"requireSpaceBetweenArguments": true,
-	"requireSpacesInConditionalExpression": true,
-	"requireSpacesInForStatement": true,
-	"requireSpacesInFunction": {
-		"beforeOpeningCurlyBrace": true
-	},
-	"validateIndentation": "\t",
-	"validateLineBreaks": "LF",
-	"validateNewlineAfterArrayElements": true,
-	"validateParameterSeparator": ", ",
-	"validateQuoteMarks": "'",
-
-	"excludeFiles": [
-		"coverage",
-		"node_modules",
-		"public/js"
-	]
-}

.jshintrc

@@ -1,29 +0,0 @@
-{
-	"browser": true,
-	"curly": true,
-	"eqeqeq": true,
-	"forin": true,
-	"globals": {
-		"after": true,
-		"afterEach": true,
-		"before": true,
-		"beforeEach": true,
-		"describe": true,
-		"it": true
-	},
-	"latedef": "nofunc",
-	"maxcomplexity": 6,
-	"maxdepth": 2,
-	"maxparams": 4,
-	"noarg": true,
-	"node": true,
-	"nonew": true,
-	"nonstandard": true,
-	"regexp": true,
-	"shadow": true,
-	"strict": true,
-	"sub": true,
-	"trailing": true,
-	"undef": true,
-	"unused": true
-}

.npmrc

@@ -0,0 +1 @@
+lockfile-version=2

.nvmrc

@@ -0,0 +1 @@
+14

.travis.yml

@@ -1,26 +0,0 @@
-
-# Language/versions
-language: node_js
-matrix:
-  include:
-    - node_js: '0.10'
-    - node_js: '0.12'
-    - node_js: '4'
-    - node_js: '5'
-    - node_js: '6'
-
-# Build only master (and pull-requests)
-branches:
-  only:
-    - master
-
-# Services setup
-services:
-  - mongodb
-
-# Build script
-before_script:
-  - cp config/test.sample.json config/test.json
-  - NODE_ENV=test node index.js &
-  - sleep 5 # give server time to start
-script: 'make ci'

CHANGELOG.md

@@ -1,189 +1,308 @@
-
 # Changelog
 
+## 4.2.0 (2022-03-30)
+
+* Add request logging for easier debugging
+* Dependencies update
+
+## 4.1.0 (2021-11-26)
+
+* Add support for new WCAG 2.1 rules and remove all references to Section 508.
+* Move troubleshooting guide to the README.
+
+## 4.0.0 (2021-11-26)
+
+* Update pa11y to version 6.
+* Drop support for versions of Node.js older than 12.
+* Update MongoDB Node driver from v2 to v3, which adds support for MongoDB v4 databases.
+
+## 3.3.0 (2021-04-27)
+
+* Add new list view to the dashboard (thanks @sangitamane)
+* Upgrade express-hbs to the latest version in order to address several potential vulnerabilities
+* Fixes a MongoDB "ObjectID generation failed" error.
+* Update pa11y-webservice to version 3.2.1 and pa11y to version 5.3.1
+
+## 3.2.0 (2020-10-05)
+
+* Update pa11y to version 5.3.0, which means better compatibility with sites using AMD modules
+* Update pa11y-webservice to version 3.2.0, which adds the ability to configure the number of workers running pa11y tests
+* Update several dependencies
+* Replace chalk with kleur
+
+## 3.1.0 (2019-09-27)
+
+* Display the task ID before each line of output, so it's clear to which task a line of output belongs to when they run in parallel.
+* Bump pa11y-webservice version, which fixes an issue with some pages failing to run.
+* Fix incorrect routes passing an invalid value to Mongo's ObjectID.
+
+## 3.0.0 (2019-07-16)
+
+* Update pa11y to v5, which replaces Phantomjs with Headless Chrome
+* Update dependencies
+* Several bug fixes and documentation updates
+* See the [migration guide](https://github.com/pa11y/pa11y-dashboard/blob/master/MIGRATION.md#migrating-from-20-to-30) for details of the breaking changes in this release
+
+## 2.4.2 (2018-06-21)
+
+* Update dependencies
+* body-parser: ~1.17.1 to ^1.18.3
+* compression: ~1.6 to ^1.7.2
+* express: ~4.15.2 to ^4.16.3
+* moment: ~2.15.2 to ^2.22.2
+
+## 2.4.1 (2017-11-28)
+
+* Update dependencies
+* pa11y-webservice: ^2.3.0 to ^2.3.1
+
+## 2.4.0 (2017-11-23)
+
+* Add the ability to export the results graph as a PNG, see #197 for more information
+
+## 2.3.0 (2017-10-31)
+
+* Large overhaul of the results page, see #196 for more information
+
+## 2.2.2 (2017-03-23)
+
+* Upgrades `body-parser` and `express`. Fixes a vulnerability in `qs`: https://snyk.io/vuln/npm:qs:20170213
+
+## 2.2.1 (2017-02-07)
+
+* Fix task editing when no actions are specified
+
+## 2.2.0 (2017-01-27)
+
+* Add support for Pa11y actions
+* Update dependencies
+  * pa11y-webservice: ~2.1.2 to ^2.3.0
+
+## 2.1.2 (2016-12-12)
+
+* Hide the "add" button in readonly mode
+* Add a contributing guide
+
+## 2.1.1 (2016-11-20)
+
+* Use arrows instead of plus and minus for collapsibles/expanders
+* Supply more detailed 500 messages
+
+## 2.1.0 (2016-11-07)
+
+* Allow for configuration files to be JavaScript rather than JSON
+* Allow setting of HTTP headers for task runs
+* Allow hiding/ignoring elements for task runs
+* Update dependencies and devDependencies
+  * pa11y-webservice: ~2.0.1 to ^2.1.2
+  * mocha: ^3 to ^2 (temporary – tests weren't running)
+
+## 2.0.1 (2016-09-12)
+
+* Update dependencies and devDependencies
+  * express: ~4.13 to ~4.14
+  * pa11y-webservice: ~2.0 to ^2.0.1
+  * request: ^2 to ^2.74
+  * mocha: ^2 to ^3
+  * pa11y-webservice-client-node: ~1.2 to ^1.2.1
+  This fixes the following vulnerabilities:
+  * https://nodesecurity.io/advisories/45
+  * https://nodesecurity.io/advisories/63
+  * https://nodesecurity.io/advisories/65
+  * https://nodesecurity.io/advisories/106
+  * https://nodesecurity.io/advisories/121
+  * https://nodesecurity.io/advisories/130
+
+## 2.0.0 (2016-06-05)
+
+* Drop Node.js 0.10–0.12 support
+* Update dependencies
+  * pa11y-webservice: ~1.11 to ~2.0
+* See the [migration guide](https://github.com/pa11y/dashboard/blob/master/MIGRATION.md#migrating-from-10-to-20) for details
+
 ## 1.12.1 (2016-06-05)
 
-  * Update references/links after a repo rename
+* Update references/links after a repo rename
 
 ## 1.12.0 (2016-05-26)
 
-  * Update Node.js version support to 0.10–6.0
-  * Update dependencies
-    * body-parser: added at ~1.15
-    * chalk: ~0.2 to ~1.1
-    * compression: added at ~1.6
-    * express: ~3.4 to ~4.13
-    * express-hbs: ~0.2 to ~1.0
-    * moment: ~2.2 to ~2.13
-    * pa11y-webservice: ~1.10 to ~1.11
-    * pa11y-webservice-client-node: ~1.1 to ~1.2
-    * bower: ~1.2 to ~1.7
-    * cheerio: added at ~0.20
-    * jsdom: removed
-    * request: ~2.27 to ^2
-    * uglify-js: ~2.4 to ~2.6
+* Update Node.js version support to 0.10–6.0
+* Update dependencies
+  * body-parser: added at ~1.15
+  * chalk: ~0.2 to ~1.1
+  * compression: added at ~1.6
+  * express: ~3.4 to ~4.13
+  * express-hbs: ~0.2 to ~1.0
+  * moment: ~2.2 to ~2.13
+  * pa11y-webservice: ~1.10 to ~1.11
+  * pa11y-webservice-client-node: ~1.1 to ~1.2
+  * bower: ~1.2 to ~1.7
+  * cheerio: added at ~0.20
+  * jsdom: removed
+  * request: ~2.27 to ^2
+  * uglify-js: ~2.4 to ~2.6
 
 ## 1.11.0 (2016-05-23)
 
-  * Add the ability to configure task wait times
-  * Allow configuration by environment variables
-  * Update repository references to the new Pa11y organisation
-  * Add a changelog
+* Add the ability to configure task wait times
+* Allow configuration by environment variables
+* Update repository references to the new Pa11y organisation
+* Add a changelog
 
 ## 1.10.0 (2016-05-18)
 
-  * Automatically focus on the filter input box when you select the filter
-  * Make a task URL clickable
-  * Tweak the documentation to make it more usable
-  * Add a resources section to the README
+* Automatically focus on the filter input box when you select the filter
+* Make a task URL clickable
+* Tweak the documentation to make it more usable
+* Add a resources section to the README
 
 ## 1.9.0 (2016-04-25)
 
-  * Show errors' context and selector on the results page
-  * Add context and selector to CSV output
-  * Fix lint errors
-  * Switch from Grunt to Make
-  * Add a `SIGINT` handler
-  * Update dependencies
-    * pa11y-webservice: ~1.6 to ~1.8
+* Show errors' context and selector on the results page
+* Add context and selector to CSV output
+* Fix lint errors
+* Switch from Grunt to Make
+* Add a `SIGINT` handler
+* Update dependencies
+  * pa11y-webservice: ~1.6 to ~1.8
 
 ## 1.8.2 (2016-02-10)
 
-  * Update the license in the footer
+* Update the license in the footer
 
 ## 1.8.1 (2016-02-10)
 
-  * Update repository references to springernature
+* Update repository references to springernature
 
 ## 1.8.0 (2016-02-04)
 
-  * Make the graph more accessible to color-blind users
-  * Fix lint errors
+* Make the graph more accessible to color-blind users
+* Fix lint errors
 
 ## 1.7.0 (2016-01-29)
 
-  * Hide the date list from individual result pages
-  * Make the date selector properly keyboard accessible
-  * Change the options button into a more accessible list
-  * Make the errors/warnings/notices lists keyboard accessible
+* Hide the date list from individual result pages
+* Make the date selector properly keyboard accessible
+* Change the options button into a more accessible list
+* Make the errors/warnings/notices lists keyboard accessible
 
 ## 1.6.1 (2016-01-26)
 
-  * Add keyboard access for filters
-  * Fix lint errors
+* Add keyboard access for filters
+* Fix lint errors
 
 ## 1.6.0 (2015-08-20)
 
-  * Hide all graph data except for errors by default
+* Hide all graph data except for errors by default
 
 ## 1.5.0 (2015-07-06)
 
-  * Add the ability to use HTTP basic auth with task URLs
-  * Update dependencies
-    * pa11y-webservice: ~1.5 to ~1.6
+* Add the ability to use HTTP basic auth with task URLs
+* Update dependencies
+  * pa11y-webservice: ~1.5 to ~1.6
 
 ## 1.4.0 (2015-07-02)
 
-  * Add the ability to set a per-task timeout
+* Add the ability to set a per-task timeout
 
 ## 1.3.2 (2015-01-17)
 
-  * Update dependencies
-    * pa11y-webservice: ~1.3 to ~1.4
+* Update dependencies
+  * pa11y-webservice: ~1.3 to ~1.4
 
 ## 1.3.1 (2014-03-05)
 
-  * Fix the URL filter position when in demo mode
+* Fix the URL filter position when in demo mode
 
 ## 1.3.0 (2014-03-04)
 
-  * Add filtering of tasks on the home page
-  * Add the ability to ignore certain rules
-  * Add the ability to ignore a rule from the result page
-  * Tweak the display of task cards
+* Add filtering of tasks on the home page
+* Add the ability to ignore certain rules
+* Add the ability to ignore a rule from the result page
+* Tweak the display of task cards
 
 ## 1.2.3 (2014-01-13)
 
-  * Fix CSV export for the OS X version of Excel
+* Fix CSV export for the OS X version of Excel
 
 ## 1.2.2 (2014-01-09)
 
-  * Fix spacing issues when the graph is not visible
-  * Add notes on publishing a release
+* Fix spacing issues when the graph is not visible
+* Add notes on publishing a release
 
 ## 1.2.1 (2014-01-08)
 
-  * Fix dropdown positioning in Internet Explorer 7 and 8
+* Fix dropdown positioning in Internet Explorer 7 and 8
 
 ## 1.2.0 (2013-12-12)
 
-  * Add HTML Codesniffer links on the results page
-  * Display the ignore rules for results on the results page
-  * Link the breadcrumbs on task sub-pages
-  * Fix an issue with saving empty ignore rules
-  * Cache-bust the CSS and JavaScript
-  * Add the ability to edit tasks
-  * Fix lint errors
-  * Tweaks to the display of the graphs
-  * Update dependencies
-    * pa11y-webservice: ~1.1 to ~1.2
-    * pa11y-webservice-client-node: ~1.0 to ~1.1
+* Add HTML Codesniffer links on the results page
+* Display the ignore rules for results on the results page
+* Link the breadcrumbs on task sub-pages
+* Fix an issue with saving empty ignore rules
+* Cache-bust the CSS and JavaScript
+* Add the ability to edit tasks
+* Fix lint errors
+* Tweaks to the display of the graphs
+* Update dependencies
+  * pa11y-webservice: ~1.1 to ~1.2
+  * pa11y-webservice-client-node: ~1.0 to ~1.1
 
 ## 1.1.0 (2013-11-22)
 
-  * Add a functional test suite
-  * Allow the webservice to run automatically
-  * Documentation improvements
-  * Add a Travis config
-  * Fix lint errors
+* Add a functional test suite
+* Allow the webservice to run automatically
+* Documentation improvements
+* Add a Travis config
+* Fix lint errors
 
 ## 1.0.0 (2013-11-19)
 
-  * Initial stable release
-  * Add the ability to set a site-wide message
-  * Add a demo mode for demo/public-facing sites
-  * Disable search engine indexing by default
-  * Tweak the task header at smaller screen sizes
-  * Make checkboxes on the graph WCAG2AA compliant
-  * Make checkbox inputs and labels WCAG2AA compliant on new URL page
-  * Colour changes to ensure there are no contrast issues
-  * Make the copy more consistent
-  * Update screenshots
-  * Update dependencies
-    * pa11y-webservice-client-node: 1.0.0-beta.7 to ~1.0
+* Initial stable release
+* Add the ability to set a site-wide message
+* Add a demo mode for demo/public-facing sites
+* Disable search engine indexing by default
+* Tweak the task header at smaller screen sizes
+* Make checkboxes on the graph WCAG2AA compliant
+* Make checkbox inputs and labels WCAG2AA compliant on new URL page
+* Colour changes to ensure there are no contrast issues
+* Make the copy more consistent
+* Update screenshots
+* Update dependencies
+  * pa11y-webservice-client-node: 1.0.0-beta.7 to ~1.0
 
 ## 1.0.0-beta.3 pre-release (2013-11-12)
 
-  * Fix lint errors
-  * Add descriptive labels to tasks
-  * Add a name field to "New URL" form
-  * Add a WCAG 2.0 link to the footer
-  * Tweak the layout at smaller screen sizes
-  * Notify users when there are no ignored rules
-  * Fix the expires headers for front end assets
-  * Move from Make to Grunt
-  * Compress static files
-  * Minify the site JavaScript
-  * Compile LESS files with grunt
-  * Add a watch task to recompile assets on change
-  * Commit compiled front-end code to the repo
-  * Add development instructions
-  * Update screenshots
-  * Update dependencies
-    * pa11y-webservice-client-node: 1.0.0-beta.4 to 1.0.0-beta.7
+* Fix lint errors
+* Add descriptive labels to tasks
+* Add a name field to "New URL" form
+* Add a WCAG 2.0 link to the footer
+* Tweak the layout at smaller screen sizes
+* Notify users when there are no ignored rules
+* Fix the expires headers for front end assets
+* Move from Make to Grunt
+* Compress static files
+* Minify the site JavaScript
+* Compile LESS files with grunt
+* Add a watch task to recompile assets on change
+* Commit compiled front-end code to the repo
+* Add development instructions
+* Update screenshots
+* Update dependencies
+  * pa11y-webservice-client-node: 1.0.0-beta.4 to 1.0.0-beta.7
 
 ## 1.0.0-beta.2 pre-release (2013-10-04)
 
-  * Add screenshots to the README
-  * Fix margins
-  * Add bower package management
-  * Stop the graph from appearing if there's only one result
-  * Add the ability to run tasks ad-hoc
-  * Add more useful information to the footer
-  * General copy edits
-  * Update dependencies
-    * pa11y-webservice-client-node: 1.0.0-beta.3 to 1.0.0-beta.4
+* Add screenshots to the README
+* Fix margins
+* Add bower package management
+* Stop the graph from appearing if there's only one result
+* Add the ability to run tasks ad-hoc
+* Add more useful information to the footer
+* General copy edits
+* Update dependencies
+  * pa11y-webservice-client-node: 1.0.0-beta.3 to 1.0.0-beta.4
 
 ## 1.0.0-beta.1 pre-release (2013-09-27)
 
-  * Initial release
+* Initial release

CONTRIBUTING.md

@@ -0,0 +1,19 @@
+# Contributing Guide
+
+Thanks for getting involved :tada:
+
+The Pa11y team loves to see new contributors, and we strive to provide a welcoming and inclusive environment. We ask that all contributors read and follow [our code of conduct][code-of-conduct] before joining. If you represent an organisation, then you might find our [guide for companies][companies] helpful.
+
+Our website outlines the many ways that you can contribute to Pa11y:
+
+  - [Help us to talk to our users][communications]
+  - [Help us out with design][designers]
+  - [Help us with our code][developers]
+
+
+
+[code-of-conduct]: https://pa11y.org/contributing/code-of-conduct/
+[communications]: https://pa11y.org/contributing/communications/
+[companies]: https://pa11y.org/contributing/companies/
+[designers]: https://pa11y.org/contributing/designers/
+[developers]: https://pa11y.org/contributing/developers/

MIGRATION.md

@@ -0,0 +1,40 @@
+# Migration Guide
+
+Pa11y Dashboard's API changes between major versions. This is a guide to help you make the switch when this happens.
+
+## Table of contents
+
+* [Table of contents](#table-of-contents)
+* [Migrating from 3.0 to 4.0](#migrating-from-30-to-40)
+* [Migrating from 2.0 to 3.0](#migrating-from-20-to-30)
+	* [PhantomJS to Headless Chrome](#phantomjs-to-headless-chrome)
+	* [Node.js Support](#nodejs-support)
+	* [Miscellaneous](#miscellaneous)
+* [Migrating from 1.0 to 2.0](#migrating-from-10-to-20)
+	* [Node.js Support](#nodejs-support-1)
+
+## Migrating from 3.0 to 4.0
+
+Pa11y Dashboard requires Node.js version 12 or greater. Versions 8 and 10 are not supported any more.
+
+## Migrating from 2.0 to 3.0
+
+### PhantomJS to Headless Chrome
+
+Pa11y Dashboard 3 uses version 5 of Pa11y, which replaces PhantomJS with [Headless Chrome](https://developers.google.com/web/updates/2017/04/headless-chrome). This allows us to use more modern JavaScript APIs and make Pa11y testing more stable.
+
+As a result of this change, [Pa11y Dashboard's requirements](../README.md#requirements) have changed, and you may need to install additional dependencies required by Chrome before being able to use this version.
+
+### Node.js Support
+
+Pa11y Dashboard 3 requires Node.js version 8 or greater. Versions 4 and 6 are not supported any more.
+
+### Miscellaneous
+
+The default viewport dimensions for Pa11y have been changed from `1024x768` to `1280x1024`. This could make pa11y report a different number of errors if different content appears on the page based on its width, so results obtained with v2 and v3 may not be comparable.
+
+## Migrating from 1.0 to 2.0
+
+### Node.js Support
+
+The only breaking change in Pa11y Dashboard 2.0 is that Node.js 0.10 and 0.12 are no longer supported. We'll be using newer ES6 features in upcoming releases which will not work in these older Node.js versions.

Makefile

@@ -1,59 +1,26 @@
+# Client-side asset tasks
+# -----------------------
 
-# Color helpers
-C_CYAN=\x1b[34;01m
-C_RESET=\x1b[0m
-
-# Group targets
-all: deps lint test
-ci: lint test
-
-# Install dependencies
-deps:
-	@echo "$(C_CYAN)> installing dependencies$(C_RESET)"
-	@npm install
-
-# Lint JavaScript
-lint: jshint jscs
-
-# Run JSHint
-jshint:
-	@echo "$(C_CYAN)> linting javascript$(C_RESET)"
-	@./node_modules/.bin/jshint .
-
-# Run JavaScript Code Style
-jscs:
-	@echo "$(C_CYAN)> checking javascript code style$(C_RESET)"
-	@./node_modules/.bin/jscs .
-
-# Run all tests
-test: test-integration
-
-# Run integration tests
-test-integration:
-	@echo "$(C_CYAN)> running integration tests$(C_RESET)"
-	@./node_modules/.bin/mocha ./test/integration --reporter spec --recursive --timeout 5000 --slow 50
-
-# Compile LESS
 less:
-	@echo "$(C_CYAN)> compiling less$(C_RESET)"
-	@./node_modules/.bin/lessc -x ./public/less/main.less ./public/css/site.min.css
+	@lessc -x ./public/less/main.less ./public/css/site.min.css
+	@$(TASK_DONE)
 
-# Compile client-side JavaScript
 uglify:
-	@echo "$(C_CYAN)> compiling client-side JavaScript$(C_RESET)"
-	@./node_modules/.bin/uglifyjs \
+	@uglifyjs \
 		public/js/vendor/jquery/jquery.min.js \
 		public/js/vendor/bootstrap/js/alert.js \
 		public/js/vendor/bootstrap/js/dropdown.js \
 		public/js/vendor/bootstrap/js/tooltip.js \
 		public/js/vendor/bootstrap/js/transition.js \
 		public/js/vendor/bootstrap/js/collapse.js \
+		public/js/vendor/bootstrap/js/tab.js \
+		public/js/vendor/bootstrap/js/popover.js \
 		public/js/vendor/flot/jquery.flot.js \
 		public/js/vendor/flot/jquery.flot.dashes.js \
 		public/js/vendor/flot/jquery.flot.time.js \
 		public/js/vendor/flot/jquery.flot.selection.js \
 		public/js/vendor/flot/jquery.flot.resize.js \
+		public/js/vendor/helpers/html2canvas.min.js \
 		public/js/site.js \
 		-o ./public/js/site.min.js
-
-.PHONY: test
+	@$(TASK_DONE)

README.md

@@ -1,5 +1,4 @@
-Pa11y Dashboard
-===============
+# Pa11y Dashboard
 
 Pa11y Dashboard is a web interface to the [Pa11y][pa11y] accessibility reporter; allowing you to focus on *fixing* issues rather than hunting them down.
 
@@ -8,27 +7,79 @@ Pa11y Dashboard is a web interface to the [Pa11y][pa11y] accessibility reporter;
 [![Build status][shield-build]][info-build]
 [![GPL-3.0 licensed][shield-license]][info-license]
 
----
-
-✨ 🔜 ✨ The Pa11y team is very excited to announce plans for the successor to Pa11y Dashboard and Pa11y Webservice, codename "Sidekick". Help us define the features that you want to see by visiting the [proposal][sidekick-proposal]. ✨  
+![dashboard](https://user-images.githubusercontent.com/6110968/61603347-0bce1000-abf2-11e9-87b2-a53f91d315bb.jpg)
+![results-page](https://user-images.githubusercontent.com/6110968/62183438-05851580-b30f-11e9-9bc4-b6a4823ae9e8.jpg)
 
 ---
 
+## Requirements
 
-![dashboard](https://f.cloud.github.com/assets/1225142/1549567/f0361e72-4de8-11e3-8d14-3fe6900cc15d.jpg)
-![results-page](https://f.cloud.github.com/assets/1225142/1549568/f225aa54-4de8-11e3-8b25-ef2f405997a3.jpg)
+- [Node.js][node]: Pa11y Dashboard 4 requires a stable (even-numbered) version of Node.js of 12 or above.
+- [MongoDB][mongodb]: This project depends on Pa11y Webservice, which stores test results in a MongoDB database and expects one to be available and running.
 
+### Pally Dashboard 4 and Linux/Ubuntu
 
-Setup
------
+Pa11y (and therefore this service) uses Headless Chrome to perform accessibility testing. On Linux and other Unix-like systems, Pa11y's attempt to install it as a dependency sometimes fails since additional operating system packages will be required. Your distribution's documentation should describe how to install these.
 
-Pa11y Dashboard requires [Node.js][node] 0.10+ and [PhantomJS][phantom]. See the [Pa11y][pa11y] documentation for detailed instructions on how to install these dependencies on your operating system.
+In addition, to use Pa11y Dashboard 4 with a version of Ubuntu above 20.04, a path to the Chrome executable must be defined in `chromeLaunchConfig`, as `chromeLaunchConfig.executablePath`. Version 5 of Pa11y Dashboard, which will use Pa11y 7 along with a more recent version of Puppeteer, will resolve this issue.
 
-You'll also need to have [MongoDB][mongo] installed and running. See the [MongoDB install guide][mongo-install] for more information on this.
+## Setting up Pa11y Dashboard
 
-You'll then need to clone this repo locally and install dependencies with `npm install`. Now you need to add some configuration before you can run the application. We can do this in two ways:
+In order to run Pa11y Dashboard, we recommend cloning this repository locally:
 
-### Option 1: Using Environment Variables
+```sh
+git clone https://github.com/pa11y/pa11y-dashboard.git
+```
+
+Then installing the dependencies:
+
+```sh
+cd pa11y-dashboard
+npm install
+```
+
+### Installing MongoDB
+
+Instructions for installing and running MongoDB are outside the scope of this document. When in doubt, please refer to the [MongoDB installation instructions](https://docs.mongodb.com/manual/installation/) for details of how to install and run MongoDB on your specific operating system. An example of the installation and configuration process for macOS follows.
+
+Pa11y Dashboard uses [MongoDB Node.js Driver][mongodb-package] version 3, which [may not support some features][mongodb-package-compatibility] of MongoDB versions 6 and beyond. We do however test against MongoDB versions 2 to 6, plus the latest major version, which at the time of writing is `7`.
+
+#### Example MongoDB installation for macOS
+
+On recent versions of macOS (10.13 or later), you can use [Homebrew] to install MongoDB Community Edition.
+
+Tap the MongoDB Homebrew Tap:
+
+```sh
+brew tap mongodb/brew
+```
+
+Install a supported Community version of MongoDB:
+
+```sh
+brew install mongodb-community@4.4
+```
+
+Start the MongoDB server:
+
+```sh
+brew services start mongodb/brew/mongodb-community@4.4
+```
+
+Check that the service has started properly:
+
+```console
+$ brew services list
+
+Name              Status  User       Plist
+mongodb-community started pa11y      /Users/pa11y/Library/LaunchAgents/homebrew.mxcl.mongodb-community.plist
+```
+
+### Configuring Pa11y Dashboard
+
+The last step before being able to run Pa11y Dashboard is to define a configuration for it. This can be done in two ways:
+
+#### Option 1: Using environment variables
 
 Each configuration can be set with an environment variable rather than a config file. For example to run the application on port `8080` you can use the following:
 
@@ -36,71 +87,75 @@ Each configuration can be set with an environment variable rather than a config
 PORT=8080 node index.js
 ```
 
-The [available configurations are documented here](#configurations).
+The [available configurations](#configurations) are documented in the next section.
 
-### Option 2: Using Config Files
+#### Option 2: Using config files
 
-You'll need to copy and modify different config files depending on your environment (set with `NODE_ENV`):
-
-```sh
-cp config/development.sample.json config/development.json
-cp config/production.sample.json config/production.json
-cp config/test.sample.json config/test.json
-```
-
-Each of these files defines configurations for a different environment. If you're just running the application locally, then you should be OK with just development and test configurations. The [available configurations are documented here](#configurations).
-
-Now that you've got your application configured, make sure you have a MongoDB server running with the `mongod` command in another terminal window. You can run in each mode by changing the `NODE_ENV` environment variable:
+You can store the configuration for Pa11y Dashboard on a JSON file. You can use a different configuration file for each environment you're planning to run Pa11y Dashboard on. You can choose a specific environment to run the application from by setting the `NODE_ENV` environment variable:
 
 ```sh
 NODE_ENV=development node index.js
 ```
 
-See [development instructions](#development) for more information about running locally (and restarting automatically when files change).
+Three example files are provided in this repository, you can copy and customise them to your liking:
 
+```sh
+cp config/development.sample.json config/development.json
+```
 
-Configurations
---------------
+```sh
+cp config/production.sample.json config/production.json
+```
+
+```sh
+cp config/test.sample.json config/test.json
+```
+
+The [available configurations](#configurations) are documented in the next section.
+
+If you run into problems, check the [troubleshooting guide](#troubleshooting).
+
+## Configurations
 
 The boot configurations for Pa11y Dashboard are as follows. Look at the sample JSON files in the repo for example usage.
 
-### port
+### `port`
+
 *(number)* The port to run the application on. Set via a config file or the `PORT` environment variable.
 
-### noindex
+### `noindex`
+
 *(boolean)* If set to `true` (default), the dashboard will not be indexed by search engines. Set to `false` to allow indexing. Set via a config file or the `NOINDEX` environment variable.
 
-### readonly
+### `readonly`
+
 *(boolean)* If set to `true`, users will not be able to add, delete or run URLs (defaults to `false`). Set via a config file or the `READONLY` environment variable.
 
-### siteMessage
+### `siteMessage`
+
 *(string)* A message to display prominently on the site home page. Defaults to `null`.
 
-### webservice
-This can either be an object containing [Pa11y Webservice configurations][pa11y-webservice-config], or a string which is the base URL of a [Pa11y Webservice][pa11y-webservice] instance you are running separately. If using environment variables, prefix the webservice vars with `WEBSERVICE_`.
+### `webservice`
 
+This can either be an object containing [Pa11y Webservice configurations][pa11y-webservice-config], or a string which is the base URL of a Pa11y Webservice instance you are running separately. If using environment variables, prefix the webservice vars with `WEBSERVICE_`.
 
-Development
------------
+## Contributing
 
-To develop Pa11y Dashboard, you'll need to clone the repo and get set up as outlined in the [setup guide](#setup).
+There are many ways to contribute to Pa11y Dashboard, we cover these in the [contributing guide](CONTRIBUTING.md) for this repo.
 
-You'll need to start the application in test mode with:
+If you're ready to contribute some code, you'll need to clone the repo and get set up as outlined in the [setup guide](#setting-up-pa11y-dashboard). You'll then need to start the application in test mode with:
 
 ```sh
 NODE_ENV=test node index.js
 ```
 
-Now you'll be able to run the following commands:
+You'll now be able to run the following commands:
 
 ```sh
-make       # Run the lint and test tasks together
-make lint  # Run linters with the correct config
-make test  # Run integration tests
+npm run lint   # Lint the code
+npm test       # Run all tests
 ```
 
-Code with lint errors or failing tests will not be accepted, please use the build tools outlined above.
-
 To compile the client-side JavaScript and CSS, you'll need the following commands. Compiled code is committed to the repository.
 
 ```sh
@@ -108,36 +163,58 @@ make less    # Compile the site CSS from LESS files
 make uglify  # Compile and uglify the client-side JavaScript
 ```
 
+## Useful resources
 
-Useful Resources
--------
-* [Setting up An Accessibility Dashboard from Scratch with Pa11y on DigitialOcean][resource-una-k]
+- [Setting up An Accessibility Dashboard from Scratch with Pa11y on DigitalOcean](https://una.im/pa11y-dash/)
+- [Monitoring Web Accessibility Compliance With Pa11y Dashboard](https://www.lullabot.com/articles/monitoring-web-accessibility-compliance-with-pa11y-dashboard)
 
+## Troubleshooting
 
-License
--------
+### Common issues
+
+- `500` errors or `Could not connect to pa11y-webservice` messages are often related to MongoDB. Ensure that you have the [appropriate version of MongoDB](#installing-mongodb) installed, and that it's running - it doesn't always start automatically.
+- Error messages saying that pa11y-webservice isn't running may be due to dependency installation problems. Try deleting your `pa11y-dashboard/node_modules` directory and running `npm install` again.
+
+### Create a new issue
+
+Check the [issue tracker][issues] for similar issues before creating a new one. If the problem that you're experiencing is not covered by one of the existing issues, you can [create a new issue][issues-create]. Please include your node.js and MongoDB version numbers, and your operating system, as well as any information that may be useful in debugging the issue.
+
+## Support and migration
+
+> [!NOTE]
+> We maintain a [migration guide](MIGRATION.md) to help you migrate between major versions.
+
+When we release a new major version we will continue to support the previous major version for 6 months. This support will be limited to fixes for critical bugs and security issues. If you're opening an issue related to this project, please mention the specific version that the issue affects.
+
+The following table lists the major versions available and, for each previous major version, its end-of-support date, and its final minor version released.
+
+| Major version | Last minor release | Node.js support             | Support end date |
+| :------------ | :----------------- | :------------------------ | :--------------- |
+| `4`           | Imminent           | `>= 12`                     | ✅ Current major version |
+| `3`           | `3.3.0`            | `8`, `10`                   | 2022-05-26       |
+| `2`           | `2.4.2`            | `4`, `6`                    | 2020-01-16       |
+| `1`           | `1.12.0`           | `0.10`, `0.12`, `4`, `6`    | 2016-12-05       |
+
+## License
 
 Pa11y Dashboard is licensed under the [GNU General Public License 3.0][info-license].  
-Copyright © 2013–2016, Springer Nature
+Copyright © 2023, Team Pa11y and contributors
 
-
-
-[gpl]: http://www.gnu.org/licenses/gpl-3.0.html
-[mongo]: http://www.mongodb.org/
-[mongo-install]: https://docs.mongodb.org/manual/installation/
+[homebrew]: https://brew.sh/
+[issues]: https://github.com/pa11y/pa11y-dashboard/issues?utf8=%E2%9C%93&q=is%3Aissue
+[issues-create]: https://github.com/pa11y/pa11y-dashboard/issues/new
+[mongodb]: http://www.mongodb.org/
+[mongodb-package]: https://www.npmjs.com/package/mongodb
+[mongodb-package-compatibility]: https://docs.mongodb.com/drivers/node/current/compatibility
 [node]: http://nodejs.org/
 [pa11y]: https://github.com/pa11y/pa11y
 [pa11y-webservice-config]: https://github.com/pa11y/webservice#configurations
-[phantom]: http://phantomjs.org/
-[resource-una-k]: https://una.im/pa11y-dash/
-[sidekick-proposal]: https://github.com/pa11y/sidekick/blob/master/PROPOSAL.md
-[travis]: https://travis-ci.org/pa11y/dashboard
-[travis-img]: https://travis-ci.org/pa11y/dashboard.png?branch=master
 
-[info-license]: LICENSE
 [info-node]: package.json
-[info-build]: https://travis-ci.org/pa11y/dashboard
+[info-build]: https://github.com/pa11y/pa11y-dashboard/actions/workflows/tests.yml
+[info-license]: LICENSE
+
+[shield-version]: https://img.shields.io/github/package-json/v/pa11y/pa11y-dashboard.svg
+[shield-node]: https://img.shields.io/node/v/pa11y/pa11y-dashboard.svg
+[shield-build]: https://github.com/pa11y/pa11y-dashboard/actions/workflows/tests.yml/badge.svg
 [shield-license]: https://img.shields.io/badge/license-GPL%203.0-blue.svg
-[shield-node]: https://img.shields.io/badge/node.js%20support-0.10–6-brightgreen.svg
-[shield-version]: https://img.shields.io/badge/version-1.12.1-blue.svg
-[shield-build]: https://img.shields.io/travis/pa11y/dashboard/master.svg

app.js

@@ -12,40 +12,80 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var bodyParser = require('body-parser');
-var compression = require('compression');
-var createClient = require('pa11y-webservice-client-node');
-var EventEmitter = require('events').EventEmitter;
-var express = require('express');
-var hbs = require('express-hbs');
-var http = require('http');
-var pkg = require('./package.json');
+const bodyParser = require('body-parser');
+const compression = require('compression');
+const createClient = require('pa11y-webservice-client-node');
+const {EventEmitter} = require('events');
+const express = require('express');
+const hbs = require('express-hbs');
+const morgan = require('morgan');
+const {nanoid} = require('nanoid');
+const http = require('http');
+const pkg = require('./package.json');
 
 module.exports = initApp;
 
-// Initialise the application
 function initApp(config, callback) {
 	config = defaultConfig(config);
 
-	var webserviceUrl = config.webservice;
+	let webserviceUrl = config.webservice;
 	if (typeof webserviceUrl === 'object') {
-		webserviceUrl = 'http://' + webserviceUrl.host + ':' + webserviceUrl.port + '/';
+		webserviceUrl = `http://${webserviceUrl.host}:${webserviceUrl.port}/`;
 	}
 
-	var app = new EventEmitter();
-	app.address = null;
+	const app = new EventEmitter();
+
 	app.express = express();
 	app.server = http.createServer(app.express);
 	app.webservice = createClient(webserviceUrl);
 
-	// Compression
+	loadMiddleware(app);
+
+	// View engine
+	loadViewEngine(app, config);
+
+	// Load routes
+	loadRoutes(app, config);
+
+	// Error handling
+	loadErrorHandling(app, config, callback);
+}
+
+function defaultConfig(config) {
+	if (typeof config.noindex !== 'boolean') {
+		config.noindex = true;
+	}
+	if (typeof config.readonly !== 'boolean') {
+		config.readonly = false;
+	}
+	return config;
+}
+
+function loadMiddleware(app) {
 	app.express.use(compression());
 
+	// Adds an ID to every request, used later for logging
+	app.express.use(addRequestId);
+
+	// Logging middleware
+	morgan.token('id', request => {
+		return request.id;
+	});
+
+	// Log the start of all HTTP requests
+	const startLog = '[:date[iso] #:id] Started :method :url for :remote-addr';
+	// Immediate: true is required to log the request
+	//  before the response happens
+	app.express.use(morgan(startLog, {immediate: true}));
+
+	// Log the end of all HTTP requests
+	const endLog = '[:date[iso] #:id] Completed :status :res[content-length] in :response-time ms';
+	app.express.use(morgan(endLog));
+
 	// Public files
-	app.express.use(express.static(__dirname + '/public', {
+	app.express.use(express.static(`${__dirname}/public`, {
 		maxAge: (process.env.NODE_ENV === 'production' ? 604800000 : 0)
 	}));
 
@@ -54,22 +94,24 @@ function initApp(config, callback) {
 	app.express.use(bodyParser.urlencoded({
 		extended: true
 	}));
+}
 
-	// View engine
+function loadViewEngine(app, config) {
 	app.express.engine('html', hbs.express4({
 		extname: '.html',
 		contentHelperName: 'content',
-		layoutsDir: __dirname + '/view/layout',
-		partialsDir: __dirname + '/view/partial',
-		defaultLayout: __dirname + '/view/layout/default'
+		layoutsDir: `${__dirname}/view/layout`,
+		partialsDir: `${__dirname}/view/partial`,
+		defaultLayout: `${__dirname}/view/layout/default`
 	}));
-	app.express.set('views', __dirname + '/view');
+	app.express.set('views', `${__dirname}/view`);
 	app.express.set('view engine', 'html');
 
 	// View helpers
 	require('./view/helper/date')(hbs);
 	require('./view/helper/string')(hbs);
 	require('./view/helper/url')(hbs);
+	require('./view/helper/conditionals')(hbs);
 
 	// Populate view locals
 	app.express.locals = {
@@ -84,17 +126,21 @@ function initApp(config, callback) {
 		settings: {}
 	};
 
-	app.express.use(function(req, res, next) {
-		res.locals.isHomePage = (req.path === '/');
-		res.locals.host = req.hostname;
+	app.express.use((request, response, next) => {
+		response.locals.isHomePage = (request.path === '/');
+		response.locals.host = request.hostname;
 		next();
 	});
+}
 
-	// Load routes
+function loadRoutes(app, config) {
+	// Because there's some overlap between the different routes,
+	//  they have to be loaded in a specific order in order to avoid
+	//  passing mongo the wrong id which would result in
+	//  "ObjectID generation failed." errors (e.g. #277)
 	require('./route/index')(app);
-	require('./route/task/index')(app);
-	require('./route/result/index')(app);
 	require('./route/result/download')(app);
+
 	if (!config.readonly) {
 		require('./route/new')(app);
 		require('./route/task/delete')(app);
@@ -104,39 +150,41 @@ function initApp(config, callback) {
 		require('./route/task/unignore')(app);
 	}
 
-	// Error handling
-	app.express.get('*', function(req, res) {
-		res.status(404);
-		res.render('404');
+	// Needs to be loaded after `/route/new`
+	require('./route/task/index')(app);
+	// Needs to be loaded after `/route/task/edit`
+	require('./route/result/index')(app);
+}
+
+function loadErrorHandling(app, config, callback) {
+	app.express.get('*', (request, response) => {
+		response.status(404);
+		response.render('404');
 	});
-	app.express.use(function(err, req, res, next) {
-		/* jshint unused: false */
-		if (err.code === 'ECONNREFUSED') {
-			err = new Error('Could not connect to Pa11y Webservice');
+	app.express.use((error, request, response, next) => {
+		/* eslint no-unused-vars: 'off' */
+		if (error.code === 'ECONNREFUSED') {
+			error = new Error('Could not connect to Pa11y Webservice');
 		}
-		app.emit('route-error', err);
+		app.emit('route-error', error);
 		if (process.env.NODE_ENV !== 'production') {
-			res.locals.error = err;
+			response.locals.error = error;
 		}
-		res.status(500);
-		res.render('500');
+		response.status(500);
+		response.render('500');
 	});
 
-	app.server.listen(config.port, function(err) {
-		var address = app.server.address();
-		app.address = 'http://' + address.address + ':' + address.port;
-		callback(err, app);
+	app.server.listen(config.port, error => {
+		callback(error, app);
 	});
-
 }
 
-// Get default configurations
-function defaultConfig(config) {
-	if (typeof config.noindex !== 'boolean') {
-		config.noindex = true;
-	}
-	if (typeof config.readonly !== 'boolean') {
-		config.readonly = false;
-	}
-	return config;
+// Express middleware
+function addRequestId(request, response, next) {
+	// Create a random request (nano)id, 10 characters long
+	// Nano ids are [0-9A-Za-z_-] so chance of collision is 1 in 64^10
+	// If a site has so much traffic that this chance is too high
+	//  we probably have worse things to worry about
+	request.id = nanoid(10);
+	next();
 }

bower.json

@@ -1,9 +1,8 @@
 {
   "name": "pa11y-dashboard",
-
   "dependencies": {
     "jquery": "~1.10",
     "bootstrap": "~3.0",
     "flot": "~0.8"
   }
-}
+}

config.js

@@ -12,20 +12,23 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var fs = require('fs');
-var jsonPath = './config/' + (process.env.NODE_ENV || 'development') + '.json';
+const fs = require('fs');
+
+const environment = (process.env.NODE_ENV || 'development');
+const jsonPath = `./config/${environment}.json`;
+const jsPath = `./config/${environment}.js`;
 
 if (fs.existsSync(jsonPath)) {
 	module.exports = require(jsonPath);
+} else if (fs.existsSync(jsPath)) {
+	module.exports = require(jsPath);
 } else {
 	module.exports = {
 		port: Number(env('PORT', '4000')),
 		noindex: env('NOINDEX', 'true') === 'true',
 		readonly: env('READONLY', 'false') === 'true',
-
 		webservice: env('WEBSERVICE_URL', {
 			database: env('WEBSERVICE_DATABASE', 'mongodb://localhost/pa11y-webservice'),
 			host: env('WEBSERVICE_HOST', '0.0.0.0'),
@@ -36,6 +39,6 @@ if (fs.existsSync(jsonPath)) {
 }
 
 function env(name, defaultValue) {
-	var value = process.env[name];
+	const value = process.env[name];
 	return typeof value === 'string' ? value : defaultValue;
 }

config/development.sample.json

@@ -2,11 +2,10 @@
 	"port": 4000,
 	"noindex": true,
 	"readonly": false,
-
 	"webservice": {
 		"database": "mongodb://localhost/pa11y-webservice-dev",
 		"host": "0.0.0.0",
 		"port": 3000,
 		"cron": "0 30 0 * * *"
 	}
-}
+}

config/production.sample.json

@@ -2,11 +2,10 @@
 	"port": 4000,
 	"noindex": true,
 	"readonly": false,
-
 	"webservice": {
 		"database": "mongodb://localhost/pa11y-webservice",
 		"host": "0.0.0.0",
 		"port": 3000,
 		"cron": "0 30 0 * * *"
 	}
-}
+}

config/test.sample.json

@@ -2,11 +2,10 @@
 	"port": 4000,
 	"noindex": true,
 	"readonly": false,
-
 	"webservice": {
-		"database": "mongodb://localhost/pa11y-webservice-test",
-		"host": "0.0.0.0",
+		"database": "mongodb://127.0.0.1/pa11y-dashboard-integration-test",
+		"host": "127.0.0.1",
 		"port": 3000,
 		"cron": "0 30 0 * * *"
 	}
-}
+}

data/.eslintrc.js

@@ -0,0 +1,8 @@
+'use strict';
+
+// Clone the main config
+const config = module.exports = JSON.parse(JSON.stringify(require('../.eslintrc')));
+
+// Disable max line length/statements
+config.rules['max-len'] = 'off';
+config.rules['max-statements'] = 'off';

data/standards.js

@@ -12,219 +12,10 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
-// jscs:disable maximumLineLength
 'use strict';
 
-module.exports = getStandards;
-
-function getStandards() {
+module.exports = function getStandards() {
 	return [
-		{
-			title: 'Section508',
-			rules: [
-				{
-					name: 'Section508.A.Audio',
-					description: 'For multimedia containing audio only, ensure an alternative is available, such as a full text transcript.'
-				},
-				{
-					name: 'Section508.A.Img.EmptyAltInLink',
-					description: 'Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.'
-				},
-				{
-					name: 'Section508.A.Img.NullAltWithTitle',
-					description: 'Img element with empty alt text must have absent or empty title attribute.'
-				},
-				{
-					name: 'Section508.A.Img.Ignored',
-					description: 'Img element is marked so that it is ignored by Assistive Technology.'
-				},
-				{
-					name: 'Section508.A.Img.MissingAlt',
-					description: 'Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.'
-				},
-				{
-					name: 'Section508.A.Img.GeneralAlt',
-					description: 'Ensure that the img element\'s alt text serves the same purpose and presents the same information as the image.'
-				},
-				{
-					name: 'Section508.A.InputImage.MissingAlt',
-					description: 'Image submit button missing an alt attribute. Specify a text alternative that describes the button\'s function, using the alt attribute.'
-				},
-				{
-					name: 'Section508.A.InputImage.GeneralAlt',
-					description: 'Ensure that the image submit button\'s alt text identifies the purpose of the button.'
-				},
-				{
-					name: 'Section508.A.Area.MissingAlt',
-					description: 'Area element in an image map missing an alt attribute. Each area element must have a text alternative that describes the function of the image map area.'
-				},
-				{
-					name: 'Section508.A.Area.GeneralAlt',
-					description: 'Ensure that the area element\'s text alternative serves the same purpose as the part of image map image it references.'
-				},
-				{
-					name: 'Section508.A.Object.MissingBody',
-					description: 'Object elements must contain a text alternative after all other alternatives are exhausted.'
-				},
-				{
-					name: 'Section508.A.Object.GeneralAlt',
-					description: 'Check that short (and if appropriate, long) text alternatives are available for non-text content that serve the same purpose and present the same information.'
-				},
-				{
-					name: 'Section508.A.Applet.MissingBody',
-					description: 'Applet elements must contain a text alternative in the element\'s body, for browsers without support for the applet element.'
-				},
-				{
-					name: 'Section508.A.Applet.MissingAlt',
-					description: 'Applet elements must contain an alt attribute, to provide a text alternative to browsers supporting the element but are unable to load the applet.'
-				},
-				{
-					name: 'Section508.A.Applet.GeneralAlt',
-					description: 'Check that short (and if appropriate, long) text alternatives are available for non-text content that serve the same purpose and present the same information.'
-				},
-				{
-					name: 'Section508.B.Video',
-					description: 'For multimedia containing video, ensure a synchronised audio description or text alternative for the video portion is provided.'
-				},
-				{
-					name: 'Section508.B.Captions',
-					description: 'For multimedia containing synchronised audio and video, ensure synchronised captions are provided for the audio portion.'
-				},
-				{
-					name: 'Section508.C.Colour',
-					description: 'Ensure that any information conveyed using colour alone is also available without colour, such as through context or markup.'
-				},
-				{
-					name: 'Section508.D.Linearised',
-					description: 'Ensure that content is ordered in a meaningful sequence when linearised, such as when style sheets are disabled.'
-				},
-				{
-					name: 'Section508.D.HiddenText',
-					description: 'If content is hidden and made visible using scripting (such as "click to expand" sections), ensure this content is readable when scripts and style sheets are disabled.'
-				},
-				{
-					name: 'Section508.D.[msgCode]',
-					description: 'Semantic markup should be used to mark emphasised or special text so that it can be programmatically determined.'
-				},
-				{
-					name: 'Section508.D.HeadingOrder',
-					description: 'The heading structure is not logically nested. This [Node name, eg. h2] element appears to be the primary document heading, so should be an h1 element.'
-				},
-				{
-					name: 'Section508.D.HeadingOrder',
-					description: 'The heading structure is not logically nested. This [Node name, eg. h4] element should be an [Expected heading node name, eg. h2] to be properly nested.'
-				},
-				{
-					name: 'Section508.G.TableHeaders',
-					description: 'This table has no headers. If this is a data table, ensure row and column headers are identified using th elements.'
-				},
-				{
-					name: 'Section508.H.IncorrectHeadersAttr',
-					description: 'Incorrect headers attribute on this td element. Expected "[Expected list of IDs]" but found "[Actual list of IDs]".'
-				},
-				{
-					name: 'Section508.H.MissingHeadersAttrs',
-					description: 'The relationship between td elements and their associated th elements is not defined. As this table has multiple levels of th elements, you must use the headers attribute on td elements.'
-				},
-				{
-					name: 'Section508.H.MissingHeaderIds',
-					description: 'Not all th elements in this table contain an id attribute. These cells should contain ids so that they may be referenced by td elements headers attributes.\''
-				},
-				{
-					name: 'Section508.H.IncompleteHeadersAttrs',
-					description: 'Not all td elements in this table contain a headers attribute. Each headers attribute should list the ids of all th elements associated with that cell.'
-				},
-				{
-					name: 'Section508.I.Frames',
-					description: 'This [Node Name] element is missing title text. Frames should be titled with text that facilitates frame identification and navigation.'
-				},
-				{
-					name: 'Section508.J.Flicker',
-					description: 'Check that no component of the content flickers at a rate of greater than 2 and less than 55 times per second.'
-				},
-				{
-					name: 'Section508.K.AltVersion',
-					description: 'If this page cannot be made compliant, a text-only page with equivalent information or functionality should be provided. The alternative page needs to be updated in line with this page\'s content.'
-				},
-				{
-					name: 'Section508.L.EmptyAnchorNoId',
-					description: 'Anchor element found with no link content and no name and/or ID attribute.'
-				},
-				{
-					name: 'Section508.L.PlaceholderAnchor',
-					description: 'Anchor element found with link content, but no href, ID or name attribute has been supplied.'
-				},
-				{
-					name: 'Section508.L.NoContentAnchor',
-					description: 'Anchor element found with a valid href attribute, but no link content has been supplied.'
-				},
-				{
-					name: 'Section508.L.DblClick',
-					description: 'Ensure the functionality provided by double-clicking on this element is available through the keyboard.'
-				},
-				{
-					name: 'Section508.L.MouseOver',
-					description: 'Ensure the functionality provided by mousing over this element is available through the keyboard; for instance, using the focus event.'
-				},
-				{
-					name: 'Section508.L.MouseOut',
-					description: 'Ensure the functionality provided by mousing out of this element is available through the keyboard; for instance, using the blur event.'
-				},
-				{
-					name: 'Section508.L.MouseMove',
-					description: 'Ensure the functionality provided by moving the mouse on this element is available through the keyboard.'
-				},
-				{
-					name: 'Section508.L.MouseDown',
-					description: 'Ensure the functionality provided by mousing down on this element is available through the keyboard; for instance, using the keydown event.'
-				},
-				{
-					name: 'Section508.L.MouseUp',
-					description: 'Ensure the functionality provided by mousing up on this element is available through the keyboard; for instance, using the keyup event.'
-				},
-				{
-					name: 'Section508.M.PluginLink',
-					description: 'If external media requires a plugin or application to view, ensure a link is provided to a plugin or application that complies with Section 508 accessibility requirements for applications.'
-				},
-				{
-					name: 'Section508.N.Errors',
-					description: 'If an input error is automatically detected in this form, check that the item(s) in error are identified and the error(s) are described to the user in text.'
-				},
-				{
-					name: 'Section508.N.Labels',
-					description: 'Check that descriptive labels or instructions (including for required fields) are provided for user input in this form.'
-				},
-				{
-					name: 'Section508.N.KeyboardNav',
-					description: 'Ensure that this form can be navigated using the keyboard and other accessibility tools.'
-				},
-				{
-					name: 'Section508.O.SkipLinks',
-					description: 'Ensure that any common navigation elements can be bypassed; for instance, by use of skip links, header elements, or ARIA landmark roles.'
-				},
-				{
-					name: 'Section508.O.NoSuchID',
-					description: 'This link points to a named anchor [ID] within the document, but no anchor exists with that name.'
-				},
-				{
-					name: 'Section508.O.NoSuchIDFragment',
-					description: 'This link points to a named anchor [ID] within the document, but no anchor exists with that name in the fragment tested.'
-				},
-				{
-					name: 'Section508.P.TimeLimit',
-					description: 'If a timed response is required on this page, alert the user and provide sufficient time to allow them to indicate that more time is required.'
-				},
-				{
-					name: 'Section508.P.MetaRedirect',
-					description: 'Meta refresh tag used to redirect to another page, with a time limit that is not zero. Users cannot control this time limit.'
-				},
-				{
-					name: 'Section508.P.MetaRefresh',
-					description: 'Meta refresh tag used to refresh the current page. Users cannot control the time limit for this refresh.'
-				}
-			]
-		},
 		{
 			title: 'WCAG2A',
 			rules: [
@@ -516,6 +307,10 @@ function getStandards() {
 					name: 'WCAG2A.Principle2.Guideline2_1.2_1_2.F10',
 					description: 'Check that this applet or plugin provides the ability to move the focus away from itself when using the keyboard.'
 				},
+				{
+					name: 'WCAG2A.1.Principle1.Guideline2_1.2_1_4.Check',
+					description: 'Check that if a keyboard shortcut is implemented in content using only letter (including upper- and lower-case letters), punctuation, number, or symbol characters, then at least one of the following is true: \nTurn off: A mechanism is available to turn the shortcut off;\nRemap: A mechanism is available to remap the shortcut to use one or more non- printable keyboard characters(e.g.Ctrl, Alt, etc);\nActive only on focus: The keyboard shortcut for a user interface component is only active when that component has focus.'
+				},
 				{
 					name: 'WCAG2A.Principle2.Guideline2_2.2_2_1.F40.2',
 					description: 'Meta refresh tag used to redirect to another page, with a time limit that is not zero. Users cannot control this time limit.'
@@ -536,6 +331,10 @@ function getStandards() {
 					name: 'WCAG2A.Principle2.Guideline2_2.2_2_2.F47',
 					description: 'Blink elements cannot satisfy the requirement that blinking information can be stopped within five seconds.'
 				},
+				{
+					name: 'WCAG2A.Principle1.Guideline2_2.2_2_6.Check',
+					description: 'Check that users are warned of the duration of any user inactivity that could cause data loss, unless the data is preserved for more than 20 hours when the user does not take any actions.'
+				},
 				{
 					name: 'WCAG2A.Principle2.Guideline2_3.2_3_1.G19,G176',
 					description: 'Check that no component of the content flashes more than three times in any 1-second period, or that the size of any flashing area is sufficiently small.'
@@ -584,6 +383,38 @@ function getStandards() {
 					name: 'WCAG2A.Principle2.Guideline2_4.2_4_4.H77,H78,H79,H80,H81',
 					description: 'Check that the link text combined with programmatically determined link context identifies the purpose of the link.'
 				},
+				{
+					name: 'WCAG2A.Principle1.Guideline2_5.2_5_1.Check',
+					description: 'Check that all functionality that uses multipoint or path-based gestures for operation can be operated with a single pointer without a path-based gesture, unless a multipoint or path-based gesture is essential.'
+				},
+				{
+					name: 'WCAG2A.Principle1.Guideline2_5.2_5_2.SinglePointer_Check',
+					description: 'Check that for functionality that can be operated using a single pointer, at least one of the following is true: \nNo Down- Event: The down - event of the pointer is not used to execute any part of the function; \nAbort or Undo: Completion of the function is on the up - event, and a mechanism is available to abort the function before completion or to undo the function after completion; \nUp Reversal: The up - event reverses any outcome of the preceding down - event; \nEssential: Completing the function on the down - event is essential.'
+				},
+				{
+					name: 'WCAG2A.Principle1.Guideline2_5.2_5_2.Mousedown_Check',
+					description: 'This element has an mousedown event listener. Check that for functionality that can be operated using a single pointer, at least one of the following is true: \nNo Down- Event: The down - event of the pointer is not used to execute any part of the function; \nAbort or Undo: Completion of the function is on the up - event, and a mechanism is available to abort the function before completion or to undo the function after completion; \nUp Reversal: The up - event reverses any outcome of the preceding down - event; \nEssential: Completing the function on the down - event is essential.'
+				},
+				{
+					name: 'WCAG2A.Principle1.Guideline2_5.2_5_2.Touchstart_Check',
+					description: 'This element has a touchstart event listener. Check that for functionality that can be operated using a single pointer, at least one of the following is true: \nNo Down- Event: The down - event of the pointer is not used to execute any part of the function; \nAbort or Undo: Completion of the function is on the up - event, and a mechanism is available to abort the function before completion or to undo the function after completion; \nUp Reversal: The up - event reverses any outcome of the preceding down - event; \nEssential: Completing the function on the down - event is essential.'
+				},
+				{
+					name: 'WCAG2A.Principle1.Guideline2_5.2_5_3_F96.Check',
+					description: 'Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.'
+				},
+				{
+					name: 'WCAG2A.Principle1.Guideline2_5.2_5_3_F96.AccessibleName',
+					description: 'Accessible name for this element does not contain the visible label text. Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.'
+				},
+				{
+					name: 'WCAG2A.Principle1.Guideline2_5.2_5_4.Check',
+					description: 'Check that functionality that can be operated by device motion or user motion can also be operated by user interface components and responding to the motion can be disabled to prevent accidental actuation, except when: \nSupported Interface: The motion is used to operate functionality through an accessibility supported interface; \nEssential: The motion is essential for the function and doing so would invalidate the activity.'
+				},
+				{
+					name: 'WCAG2A.Principle1.Guideline2_5.2_5_4.Devicemotion',
+					description: 'This element has a devicemotion event listener. Check that functionality that can be operated by device motion or user motion can also be operated by user interface components and responding to the motion can be disabled to prevent accidental actuation, except when: \nSupported Interface: The motion is used to operate functionality through an accessibility supported interface; \nEssential: The motion is essential for the function and doing so would invalidate the activity.'
+				},
 				{
 					name: 'WCAG2A.Principle3.Guideline3_1.3_1_1.H57.2',
 					description: 'The html element should have a lang or xml:lang attribute which describes the language of the document.'
@@ -901,6 +732,54 @@ function getStandards() {
 					name: 'WCAG2AA.Principle1.Guideline1_3.1_3_3.G96',
 					description: 'Where instructions are provided for understanding the content, do not rely on sensory characteristics alone (such as shape, size or location) to describe objects.'
 				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_3.1_3_4.RestrictView',
+					description: 'Check that content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_3.1_3_5_H98.FaultyValue',
+					description: 'This element contains a potentially faulty value in its autocomplete attribute.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Text',
+					description: 'Invalid autocomplete value. Element does not belong to Text control group.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Multiline',
+					description: 'Invalid autocomplete value. Element does not belong to Multiline control group.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Password',
+					description: 'Invalid autocomplete value. Element does not belong to Password control group.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Url',
+					description: 'Invalid autocomplete value. Element does not belong to Url control group.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Telephone',
+					description: 'Invalid autocomplete value. Element does not belong to Telephone control group.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Numeric',
+					description: 'Invalid autocomplete value. Element does not belong to Numeric control group.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Month',
+					description: 'Invalid autocomplete value. Element does not belong to Month control group.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Date',
+					description: 'Invalid autocomplete value. Element does not belong to Date control group.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_3.1_3_5_H98.Purpose',
+					description: 'Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_3.1_3_5_H98.MissingAutocomplete',
+					description: 'This element does not have an autocomplete attribute. If this field collects information about the user, consider adding one to comply with this Success Criterion.'
+				},
 				{
 					name: 'WCAG2AA.Principle1.Guideline1_4.1_4_1.G14,G182',
 					description: 'Check that any information conveyed using colour alone is also available in text, or through other visual cues.'
@@ -910,7 +789,7 @@ function getStandards() {
 					description: 'If any audio plays automatically for longer than 3 seconds, check that there is the ability to pause, stop or mute the audio.'
 				},
 				{
-					name: 'WCAG2AA.Principle1.Guideline1_4.1_4_3.G18',
+					name: 'WCAG2AA.Principle1.Guideline1_4.1_4_3.G18.Fail',
 					description: 'This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of /{value/}. Recommendation: /{colour recommendations/}.'
 				},
 				{
@@ -922,7 +801,7 @@ function getStandards() {
 					description: 'This element\'s text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.'
 				},
 				{
-					name: 'WCAG2AA.Principle1.Guideline1_4.1_4_3.G145',
+					name: 'WCAG2AA.Principle1.Guideline1_4.1_4_3.G1451',
 					description: 'This element\'s text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 3:1.'
 				},
 				{
@@ -941,6 +820,30 @@ function getStandards() {
 					name: 'WCAG2AA.Principle1.Guideline1_4.1_4_5.G140,C22,C30.AALevel',
 					description: 'If the technologies being used can achieve the visual presentation, check that text is used to convey information rather than images of text, except when the image of text is essential to the information being conveyed, or can be visually customised to the user\'s requirements.'
 				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_4.1_4_10_C32,C31,C33,C38,SCR34,G206.Check',
+					description: 'Check that content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for: \nVertical scrolling content at a width equivalent to 320 CSS pixels;\\n Horizontal scrolling content at a height equivalent to 256 CSS pixels; \nExcept for parts of the content which require two-dimensional layout for usage or meaning.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_4.1_4_10_C32,C31,C33,C38,SCR34,G206.Fixed',
+					description: 'Principle1.Guideline1_4.1_4_10_C32,C31,C33,C38,SCR34,G206.Scrolling'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_4.1_4_10_C32,C31,C33,C38,SCR34,G206.Zoom',
+					description: 'Interfering with a user agents ability to zoom may be a failure of this Success Criterion.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_4.1_4_11_G195,G207,G18,G145,G174,F78.Check',
+					description: 'Check that the visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s): \nUser Interface Components: Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author; \nGraphical Objects: Parts of graphics required to understand the content, except when a particular presentation of graphics is essential to the information being conveyed.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_4.1_4_12_C36,C35.Check',
+					description: 'Check that no loss of content or functionality occurs by setting all of the following and by changing no other style property: \nLine height(line spacing) to at least 1.5 times the font size; \nSpacing following paragraphs to at least 2 times the font size; \nLetter spacing(tracking) to at least 0.12 times the font size; \nWord spacing to at least 0.16 times the font size'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline1_4.1_4_13_F95.Check',
+					description: 'Check that where receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, the following are true: \nDismissable: A mechanism is available to dismiss the additional content without moving pointer hover or keyboard focus, unless the additional content communicates an input error or does not obscure or replace other content; \nHoverable: If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing; \nPersistent: The additional content remains visible until the hover or focus trigger is removed, the user dismisses it, or its information is no longer valid.'
+				},
 				{
 					name: 'WCAG2AA.Principle2.Guideline2_1.2_1_1.SCR20.DblClick',
 					description: 'Ensure the functionality provided by double-clicking on this element is available through the keyboard.'
@@ -969,6 +872,10 @@ function getStandards() {
 					name: 'WCAG2AA.Principle2.Guideline2_1.2_1_2.F10',
 					description: 'Check that this applet or plugin provides the ability to move the focus away from itself when using the keyboard.'
 				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline2_1.2_1_4.Check',
+					description: 'Check that if a keyboard shortcut is implemented in content using only letter (including upper- and lower-case letters), punctuation, number, or symbol characters, then at least one of the following is true: \nTurn off: A mechanism is available to turn the shortcut off; \nRemap: A mechanism is available to remap the shortcut to use one or more non- printable keyboard characters(e.g.Ctrl, Alt, etc); \nActive only on focus: The keyboard shortcut for a user interface component is only active when that component has focus.'
+				},
 				{
 					name: 'WCAG2AA.Principle2.Guideline2_2.2_2_1.F40.2',
 					description: 'Meta refresh tag used to redirect to another page, with a time limit that is not zero. Users cannot control this time limit.'
@@ -989,6 +896,10 @@ function getStandards() {
 					name: 'WCAG2AA.Principle2.Guideline2_2.2_2_2.F47',
 					description: 'Blink elements cannot satisfy the requirement that blinking information can be stopped within five seconds.'
 				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline2_2.2_2_6.Check',
+					description: 'Check that users are warned of the duration of any user inactivity that could cause data loss, unless the data is preserved for more than 20 hours when the user does not take any actions.'
+				},
 				{
 					name: 'WCAG2AA.Principle2.Guideline2_3.2_3_1.G19,G176',
 					description: 'Check that no component of the content flashes more than three times in any 1-second period, or that the size of any flashing area is sufficiently small.'
@@ -1049,6 +960,38 @@ function getStandards() {
 					name: 'WCAG2AA.Principle2.Guideline2_4.2_4_7.G149,G165,G195,C15,SCR31',
 					description: 'Check that there is at least one mode of operation where the keyboard focus indicator can be visually located on user interface controls.'
 				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline2_5.2_5_1.Check',
+					description: 'Check that all functionality that uses multipoint or path-based gestures for operation can be operated with a single pointer without a path-based gesture, unless a multipoint or path-based gesture is essential.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline2_5.2_5_2.SinglePointer_Check',
+					description: 'Check that for functionality that can be operated using a single pointer, at least one of the following is true: \nNo Down- Event: The down - event of the pointer is not used to execute any part of the function; \nAbort or Undo: Completion of the function is on the up - event, and a mechanism is available to abort the function before completion or to undo the function after completion; \nUp Reversal: The up - event reverses any outcome of the preceding down - event; \nEssential: Completing the function on the down - event is essential.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline2_5.2_5_2.Mousedown_Check',
+					description: 'This element has an mousedown event listener. Check that for functionality that can be operated using a single pointer, at least one of the following is true: \nNo Down- Event: The down - event of the pointer is not used to execute any part of the function; \nAbort or Undo: Completion of the function is on the up - event, and a mechanism is available to abort the function before completion or to undo the function after completion; \nUp Reversal: The up - event reverses any outcome of the preceding down - event; \nEssential: Completing the function on the down - event is essential.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline2_5.2_5_2.Touchstart_Check',
+					description: 'This element has a touchstart event listener. Check that for functionality that can be operated using a single pointer, at least one of the following is true: \nNo Down- Event: The down - event of the pointer is not used to execute any part of the function; \nAbort or Undo: Completion of the function is on the up - event, and a mechanism is available to abort the function before completion or to undo the function after completion; \nUp Reversal: The up - event reverses any outcome of the preceding down - event; \nEssential: Completing the function on the down - event is essential.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline2_5.2_5_3_F96.Check',
+					description: 'Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline2_5.2_5_3_F96.AccessibleName',
+					description: 'Accessible name for this element does not contain the visible label text. Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline2_5.2_5_4.Check',
+					description: 'Check that functionality that can be operated by device motion or user motion can also be operated by user interface components and responding to the motion can be disabled to prevent accidental actuation, except when: \nSupported Interface: The motion is used to operate functionality through an accessibility supported interface; \nEssential: The motion is essential for the function and doing so would invalidate the activity.'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline2_5.2_5_4.Devicemotion',
+					description: 'WCAG2AA.This element has a devicemotion event listener. Check that functionality that can be operated by device motion or user motion can also be operated by user interface components and responding to the motion can be disabled to prevent accidental actuation, except when: \nSupported Interface: The motion is used to operate functionality through an accessibility supported interface; \nEssential: The motion is essential for the function and doing so would invalidate the activity.'
+				},
 				{
 					name: 'WCAG2AA.Principle3.Guideline3_1.3_1_1.H57.2',
 					description: 'The html element should have a lang or xml:lang attribute which describes the language of the document.'
@@ -1140,6 +1083,10 @@ function getStandards() {
 				{
 					name: 'WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.[NodeName].Value',
 					description: 'This [element type] does not have a value available to an accessibility API. Add one [using a element-specific method].'
+				},
+				{
+					name: 'WCAG2AA.Principle1.Guideline4_1.4_1_3_ARIA22,G199,ARIA19,G83,G84,G85,G139,G177,G194,ARIA23.Check',
+					description: 'Check that status messages can be programmatically determined through role or properties such that they can be presented to the user by assistive technologies without receiving focus.'
 				}
 			]
 		},
@@ -1410,6 +1357,58 @@ function getStandards() {
 					name: 'WCAG2AAA.Principle1.Guideline1_3.1_3_3.G96',
 					description: 'Where instructions are provided for understanding the content, do not rely on sensory characteristics alone (such as shape, size or location) to describe objects.'
 				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_3.1_3_4.RestrictView',
+					description: 'Check that content does not restrict its view and operation to a single display orientation, such as portrait or landscape, unless a specific display orientation is essential.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_3.1_3_5_H98.FaultyValue',
+					description: 'This element contains a potentially faulty value in its autocomplete attribute.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Text',
+					description: 'Invalid autocomplete value. Element does not belong to Text control group.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Multiline',
+					description: 'Invalid autocomplete value. Element does not belong to Multiline control group.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Password',
+					description: 'Invalid autocomplete value. Element does not belong to Password control group.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Url',
+					description: 'Invalid autocomplete value. Element does not belong to Url control group.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Telephone',
+					description: 'Invalid autocomplete value. Element does not belong to Telephone control group.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Numeric',
+					description: 'Invalid autocomplete value. Element does not belong to Numeric control group.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Month',
+					description: 'Invalid autocomplete value. Element does not belong to Month control group.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_3.1_3_5_H98.InvalidAutocomplete_Date',
+					description: 'Invalid autocomplete value. Element does not belong to Date control group.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_3.1_3_5_H98.Purpose',
+					description: 'Check that the input field serves a purpose identified in the Input Purposes for User Interface Components section; and that the content is implemented using technologies with support for identifying the expected meaning for form input data.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_3.1_3_5_H98.MissingAutocomplete',
+					description: 'This element does not have an autocomplete attribute. If this field collects information about the user, consider adding one to comply with this Success Criterion.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_3.1_3_6_ARIA11.Check',
+					description: 'Check that the purpose of User Interface Components, icons, and regions can be programmatically determined.'
+				},
 				{
 					name: 'WCAG2AAA.Principle1.Guideline1_4.1_4_1.G14,G182',
 					description: 'Check that any information conveyed using colour alone is also available in text, or through other visual cues.'
@@ -1427,11 +1426,11 @@ function getStandards() {
 					description: 'This element has insufficient contrast at this conformance level. Expected a contrast ratio of at least 4.5:1, but text in this element has a contrast ratio of /{value/}. Recommendation: /{colour recommendations/}.'
 				},
 				{
-					name: 'WCAG2AAA.Principle1.Guideline1_4.1_4_6.G17',
+					name: 'WCAG2AAA.Principle1.Guideline1_4.1_4_6.G17-1',
 					description: 'This element\'s text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 7:1.'
 				},
 				{
-					name: 'WCAG2AAA.Principle1.Guideline1_4.1_4_6.G18',
+					name: 'WCAG2AAA.Principle1.Guideline1_4.1_4_6.G18-1',
 					description: 'This element\'s text is placed on a background image. Ensure the contrast ratio between the text and all covered parts of the image are at least 4.5:1.'
 				},
 				{
@@ -1462,6 +1461,34 @@ function getStandards() {
 					name: 'WCAG2AAA.Principle1.Guideline1_4.1_4_9.G140,C22,C30.NoException',
 					description: 'Check that images of text are only used for pure decoration or where a particular presentation of text is essential to the information being conveyed.'
 				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_4.1_4_10_C32,C31,C33,C38,SCR34,G206.Check',
+					description: 'Check that content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for: \nVertical scrolling content at a width equivalent to 320 CSS pixels;\\n Horizontal scrolling content at a height equivalent to 256 CSS pixels; \nExcept for parts of the content which require two-dimensional layout for usage or meaning.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_4.1_4_10_C32,C31,C33,C38,SCR34,G206.Fixed',
+					description: 'Principle1.Guideline1_4.1_4_10_C32,C31,C33,C38,SCR34,G206.Scrolling'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_4.1_4_10_C32,C31,C33,C38,SCR34,G206.Zoom',
+					description: 'Interfering with a user agents ability to zoom may be a failure of this Success Criterion.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_4.1_4_11_G195,G207,G18,G145,G174,F78.Check',
+					description: 'Check that the visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s): \nUser Interface Components: Visual information required to identify user interface components and states, except for inactive components or where the appearance of the component is determined by the user agent and not modified by the author; \nGraphical Objects: Parts of graphics required to understand the content, except when a particular presentation of graphics is essential to the information being conveyed.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_4.1_4_12_C36,C35.Check',
+					description: 'Check that no loss of content or functionality occurs by setting all of the following and by changing no other style property: \nLine height(line spacing) to at least 1.5 times the font size; \nSpacing following paragraphs to at least 2 times the font size; \nLetter spacing(tracking) to at least 0.12 times the font size; \nWord spacing to at least 0.16 times the font size'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline1_4.1_4_13_F95.Check',
+					description: 'Check that where receiving and then removing pointer hover or keyboard focus triggers additional content to become visible and then hidden, the following are true: \nDismissable: A mechanism is available to dismiss the additional content without moving pointer hover or keyboard focus, unless the additional content communicates an input error or does not obscure or replace other content; \nHoverable: If pointer hover can trigger the additional content, then the pointer can be moved over the additional content without the additional content disappearing; \nPersistent: The additional content remains visible until the hover or focus trigger is removed, the user dismisses it, or its information is no longer valid.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline2_1.2_1_4.Check',
+					description: 'Check that if a keyboard shortcut is implemented in content using only letter (including upper- and lower-case letters), punctuation, number, or symbol characters, then at least one of the following is true: \nTurn off: A mechanism is available to turn the shortcut off; \nRemap: A mechanism is available to remap the shortcut to use one or more non- printable keyboard characters(e.g.Ctrl, Alt, etc); \nActive only on focus: The keyboard shortcut for a user interface component is only active when that component has focus.'
+				},
 				{
 					name: 'WCAG2AAA.Principle2.Guideline2_1.2_1_1.SCR20.DblClick',
 					description: 'Ensure the functionality provided by double-clicking on this element is available through the keyboard.'
@@ -1522,10 +1549,58 @@ function getStandards() {
 					name: 'WCAG2AAA.Principle2.Guideline2_2.2_2_5.G105,G181',
 					description: 'If this Web page is part of a set of Web pages with an inactivity time limit, check that an authenticated user can continue the activity without loss of data after re-authenticating.'
 				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline2_2.2_2_6.Check',
+					description: 'Check that users are warned of the duration of any user inactivity that could cause data loss, unless the data is preserved for more than 20 hours when the user does not take any actions.'
+				},
 				{
 					name: 'WCAG2AAA.Principle2.Guideline2_3.2_3_2.G19',
 					description: 'Check that no component of the content flashes more than three times in any 1-second period.'
 				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline2_3.2_3_3.Check',
+					description: 'Check that motion animation triggered by interaction can be disabled, unless the animation is essential to the functionality or the information being conveyed.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline2_5.2_5_1.Check',
+					description: 'Check that all functionality that uses multipoint or path-based gestures for operation can be operated with a single pointer without a path-based gesture, unless a multipoint or path-based gesture is essential.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline2_5.2_5_2.SinglePointer_Check',
+					description: 'Check that for functionality that can be operated using a single pointer, at least one of the following is true: \nNo Down- Event: The down - event of the pointer is not used to execute any part of the function; \nAbort or Undo: Completion of the function is on the up - event, and a mechanism is available to abort the function before completion or to undo the function after completion; \nUp Reversal: The up - event reverses any outcome of the preceding down - event; \nEssential: Completing the function on the down - event is essential.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline2_5.2_5_2.Mousedown_Check',
+					description: 'This element has an mousedown event listener. Check that for functionality that can be operated using a single pointer, at least one of the following is true: \nNo Down- Event: The down - event of the pointer is not used to execute any part of the function; \nAbort or Undo: Completion of the function is on the up - event, and a mechanism is available to abort the function before completion or to undo the function after completion; \nUp Reversal: The up - event reverses any outcome of the preceding down - event; \nEssential: Completing the function on the down - event is essential.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline2_5.2_5_2.Touchstart_Check',
+					description: 'This element has a touchstart event listener. Check that for functionality that can be operated using a single pointer, at least one of the following is true: \nNo Down- Event: The down - event of the pointer is not used to execute any part of the function; \nAbort or Undo: Completion of the function is on the up - event, and a mechanism is available to abort the function before completion or to undo the function after completion; \nUp Reversal: The up - event reverses any outcome of the preceding down - event; \nEssential: Completing the function on the down - event is essential.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline2_5.2_5_3_F96.Check',
+					description: 'Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline2_5.2_5_3_F96.AccessibleName',
+					description: 'Accessible name for this element does not contain the visible label text. Check that for user interface components with labels that include text or images of text, the name contains the text that is presented visually.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline2_5.2_5_4.Check',
+					description: 'Check that functionality that can be operated by device motion or user motion can also be operated by user interface components and responding to the motion can be disabled to prevent accidental actuation, except when: \nSupported Interface: The motion is used to operate functionality through an accessibility supported interface; \nEssential: The motion is essential for the function and doing so would invalidate the activity.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline2_5.2_5_4.Devicemotion',
+					description: 'WCAG2AA.This element has a devicemotion event listener. Check that functionality that can be operated by device motion or user motion can also be operated by user interface components and responding to the motion can be disabled to prevent accidental actuation, except when: \nSupported Interface: The motion is used to operate functionality through an accessibility supported interface; \nEssential: The motion is essential for the function and doing so would invalidate the activity.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline2_5.2_5_5.Check',
+					description: 'Check that the size of the target for pointer inputs is at least 44 by 44 CSS pixels except when:\nEquivalent: The target is available through an equivalent link or control on the same page that is at least 44 by 44 CSS pixels;\nInline: The target is in a sentence or block of text;\nUser Agent Control: The size of the target is determined by the user agent and is not modified by the author;\nEssential: A particular presentation of the target is essential to the information being conveyed.'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline2_5.2_5_6.Check',
+					description: 'Check that the content does not restrict use of input modalities available on a platform except where the restriction is essential, required to ensure the security of the content, or required to respect user settings.'
+				},
 				{
 					name: 'WCAG2AAA.Principle2.Guideline2_4.2_4_1.H64.1',
 					description: 'Iframe element requires a non-empty title attribute that identifies the frame.'
@@ -1713,8 +1788,12 @@ function getStandards() {
 				{
 					name: 'WCAG2AAA.Principle4.Guideline4_1.4_1_2.H91.[NodeName].Value',
 					description: 'This [element type] does not have a value available to an accessibility API. Add one [using a element-specific method].'
+				},
+				{
+					name: 'WCAG2AAA.Principle1.Guideline4_1.4_1_3_ARIA22,G199,ARIA19,G83,G84,G85,G139,G177,G194,ARIA23.Check',
+					description: 'Check that status messages can be programmatically determined through role or properties such that they can be presented to the user by assistive technologies without receiving focus.'
 				}
 			]
 		}
 	];
-}
+};

data/techniques.js

@@ -0,0 +1,712 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+'use strict';
+
+module.exports = function getTechniques() {
+	return {
+		H30: {
+			title: 'H30: Providing link text that describes the purpose of a link for anchor elements',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H30'
+		},
+		H37: {
+			title: 'H37: Using alt attributes on img elements',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H37'
+		},
+		H67: {
+			title: 'H67: Using null alt text and no title attribute on img elements for images that AT should ignore',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H67'
+		},
+		G94: {
+			title: 'G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G94'
+		},
+		H36: {
+			title: 'H36: Using alt attributes on images used as submit buttons',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H36'
+		},
+		H24: {
+			title: 'H24: Providing text alternatives for the area elements of image maps ',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H24'
+		},
+		G73: {
+			title: 'G73: Providing a long description in another location with a link to it that is immediately adjacent to the non-text content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G73'
+		},
+		G74: {
+			title: 'G74: Providing a long description in text near the non-text content, with a reference to the location of the long description in the short description',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G74'
+		},
+		H2: {
+			title: 'H2: Combining adjacent image and text links for the same resource',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H2'
+		},
+		H53: {
+			title: 'H53: Using the body of the object element',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H53'
+		},
+		G92: {
+			title: 'G92: Providing long description for non-text content that serves the same purpose and presents the same information',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G92'
+		},
+		H35: {
+			title: 'H35: Providing text alternatives on applet elements ',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H35'
+		},
+		G158: {
+			title: 'G158: Providing an alternative for time-based media for audio-only content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G158'
+		},
+		G159: {
+			title: 'G159: Providing an alternative for time-based media for video-only content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G159'
+		},
+		G166: {
+			title: 'G166: Providing audio that describes the important video content and describing it as such',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G166'
+		},
+		G87: {
+			title: 'G87: Providing closed captions',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G87'
+		},
+		G93: {
+			title: 'G93: Providing open (always visible) captions',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G93'
+		},
+		G69: {
+			title: 'G69: Providing an alternative for time based media',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G69'
+		},
+		G78: {
+			title: 'G78: Providing a second, user-selectable, audio track that includes audio descriptions',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G78'
+		},
+		G173: {
+			title: 'G173: Providing a version of a movie with audio descriptions',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G173'
+		},
+		G8: {
+			title: 'G8: Providing a movie with extended audio descriptions',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G8'
+		},
+		G9: {
+			title: 'G9: Creating captions for live synchronized media',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G9'
+		},
+		G54: {
+			title: 'G54: Including a sign language interpreter in the video stream',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G54'
+		},
+		G81: {
+			title: 'G81: Providing a synchronized video of the sign language interpreter that can be displayed in a different viewport or overlaid on the image by the player',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G81'
+		},
+		G150: {
+			title: 'G150: Providing text based alternatives for live audio-only content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G150'
+		},
+		G151: {
+			title: 'G151: Providing a link to a text transcript of a prepared statement or script if the script is followed',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G151'
+		},
+		G157: {
+			title: 'G157: Incorporating a live audio captioning service into a Web page',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G157'
+		},
+		H42: {
+			title: 'H42: Using h1-h6 to identify headings',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H42'
+		},
+		H93: {
+			title: 'H93: Ensuring that id attributes are unique on a Web page',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H93'
+		},
+		H44: {
+			title: 'H44: Using label elements to associate text labels with form controls',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H44'
+		},
+		H65: {
+			title: 'H65: Using the title attribute to identify form controls when the label element cannot be used',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H65'
+		},
+		H49: {
+			title: 'H49: Using semantic markup to mark emphasized or special text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H49'
+		},
+		H63: {
+			title: 'H63: Using the scope attribute to associate header cells and data cells in data tables',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H63'
+		},
+		H43: {
+			title: 'H43: Using id and headers attributes to associate data cells with header cells in data tables',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H43'
+		},
+		H39: {
+			title: 'H39: Using caption elements to associate data table captions with data tables',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H39'
+		},
+		H73: {
+			title: 'H73: Using the summary attribute of the table element to give an overview of data tables',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H73'
+		},
+		H71: {
+			title: 'H71: Providing a description for groups of form controls using fieldset and legend elements ',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H71'
+		},
+		H85: {
+			title: 'H85: Using OPTGROUP to group OPTION elements inside a SELECT',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H85'
+		},
+		H48: {
+			title: 'H48: Using ol, ul and dl for lists or groups of links',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H48'
+		},
+		G141: {
+			title: 'G141: Organizing a page using headings',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G141'
+		},
+		G57: {
+			title: 'G57: Ordering the content in a meaningful sequence',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G57'
+		},
+		G96: {
+			title: 'G96: Providing textual identification of items that otherwise rely only on sensory information to be understood',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G96'
+		},
+		G14: {
+			title: 'G14: Ensuring that information conveyed by color differences is also available in text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G14'
+		},
+		G182: {
+			title: 'G182: Ensuring that additional visual cues are available when text color differences are used to convey information',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G182'
+		},
+		F23: {
+			title: 'F23: Failure of  1.4.2 due to playing a sound longer than 3 seconds where there is no mechanism to turn it off',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F23'
+		},
+		G18: {
+			title: 'G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G18'
+		},
+		G145: {
+			title: 'G145: Ensuring that a contrast ratio of at least 3:1 exists between text (and images of text) and background behind the text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G145'
+		},
+		F24: {
+			title: 'F24: Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying background colors or vice versa',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F24'
+		},
+		G142: {
+			title: 'G142: Using a technology that has commonly-available user agents that support zoom',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G142'
+		},
+		G140: {
+			title: 'G140: Separating information and structure from presentation to enable different presentations',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G140'
+		},
+		C22: {
+			title: 'C22: Using CSS to control visual presentation of text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/C22'
+		},
+		C30: {
+			title: 'C30: Using CSS to replace text with images of text and providing user interface controls to switch',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/C30'
+		},
+		G17: {
+			title: 'G17: Ensuring that a contrast ratio of at least 7:1 exists between text (and images of text) and background behind the text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G17'
+		},
+		G56: {
+			title: 'G56: Mixing audio files so that non-speech sounds are at least 20 decibels lower than the speech audio content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G56'
+		},
+		G148: {
+			title: 'G148: Not specifying background color, not specifying text color, and not using technology features that change those defaults',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G148'
+		},
+		G156: {
+			title: 'G156: Using a technology that has commonly-available user agents that can change the foreground and background of blocks of text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G156'
+		},
+		G175: {
+			title: 'G175: Providing a multi color selection tool on the page for foreground and background colors',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G175'
+		},
+		H87: {
+			title: 'G146: Using liquid layout',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G146'
+		},
+		C19: {
+			title: 'C19: Specifying alignment either to the left OR right in CSS',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/C19'
+		},
+		G172: {
+			title: 'G172: Providing a mechanism to remove full justification of text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G172'
+		},
+		G169: {
+			title: 'G169: Aligning text on only one side',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G169'
+		},
+		G188: {
+			title: 'G188: Providing a button on the page to increase line spaces and paragraph spaces',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G188'
+		},
+		C21: {
+			title: 'C21: Specifying line spacing in CSS',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/C21'
+		},
+		SCR20: {
+			title: 'SCR20: Using both keyboard and other device-specific functions',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/SCR20'
+		},
+		F10: {
+			title: 'F10: Failure of Success Criterion 2.1.2 and Conformance Requirement 5 due to combining multiple content formats in a way that traps users inside one format type',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F10'
+		},
+		F40: {
+			title: 'F40: Failure of Success Criterion 2.2.1 and 2.2.4 due to using meta redirect with a time limit',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F40'
+		},
+		F41: {
+			title: 'F41: Failure of Success Criterion 2.2.1, 2.2.4, and 3.2.5 due to using meta refresh to reload the page',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F41'
+		},
+		SCR33: {
+			title: 'SCR33: Using script to scroll content, and providing a mechanism to pause it',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/SCR33'
+		},
+		SCR22: {
+			title: 'SCR22: Using scripts to control blinking and stop it in five seconds or less',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/SCR22'
+		},
+		G187: {
+			title: 'G187: Using a technology to include blinking content that can be turned off via the user agent',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G187'
+		},
+		G152: {
+			title: 'G152: Setting animated gif images to stop blinking after n cycles (within 5 seconds)',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G152'
+		},
+		G186: {
+			title: 'G186: Using a control in the Web page that stops moving, blinking, or auto-updating content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G186'
+		},
+		G191: {
+			title: 'G191: Providing a link, button, or other mechanism that reloads the page without any blinking content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G191'
+		},
+		F4: {
+			title: 'F4: Failure of Success Criterion 2.2.2 due to using text-decoration:blink without a mechanism to stop it in less than five seconds',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F4'
+		},
+		F47: {
+			title: 'F47: Failure of Success Criterion 2.2.2 due to using the blink element',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F47'
+		},
+		G5: {
+			title: 'G5: Allowing users to complete an activity without any time limit',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G5'
+		},
+		SCR14: {
+			title: 'SCR14: Using scripts to make nonessential alerts optional',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/SCR14'
+		},
+		G105: {
+			title: 'G105: Saving data so that it can be used after a user re-authenticates',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G105'
+		},
+		G181: {
+			title: 'G181: Encoding user data as hidden or encrypted data in a re-authorization page',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G181'
+		},
+		G19: {
+			title: 'G19: Ensuring that no component of the content flashes more than three times in any 1-second period',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G19'
+		},
+		G176: {
+			title: 'G176: Keeping the flashing area small enough',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G176'
+		},
+		H64: {
+			title: 'H64: Using the title attribute of the frame and iframe elements',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H64'
+		},
+		G1: {
+			title: 'G1: Adding a link at the top of each page that goes directly to the main content area',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G1'
+		},
+		G123: {
+			title: 'G123: Adding a link at the beginning of a block of repeated content to go to the end of the block',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G123'
+		},
+		G124: {
+			title: 'G124: Adding links at the top of the page to each area of the content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G124'
+		},
+		H69: {
+			title: 'H69: Providing heading elements at the beginning of each section of content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H69'
+		},
+		H25: {
+			title: 'H25: Providing a title using the title element',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H25'
+		},
+		H4: {
+			title: 'H4: Creating a logical tab order through links, form controls, and objects',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H4'
+		},
+		H77: {
+			title: 'H77: Identifying the purpose of a link using link text combined with its enclosing list item',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H77'
+		},
+		H78: {
+			title: 'H78: Identifying the purpose of a link using link text combined with its enclosing paragraph',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H78'
+		},
+		H79: {
+			title: 'H79: Identifying the purpose of a link in a data table using the link text combined with its enclosing table cell and associated table header cells',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H79'
+		},
+		H80: {
+			title: 'H80: Identifying the purpose of a link using link text combined with the preceding heading element',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H80'
+		},
+		H81: {
+			title: 'H81: Identifying the purpose of a link in a nested list using link text combined with the parent list item under which the list is nested',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H81'
+		},
+		H33: {
+			title: 'H33: Supplementing link text with the title attribute',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H33'
+		},
+		G125: {
+			title: 'G125: Providing links to navigate to related Web pages',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G125'
+		},
+		G64: {
+			title: 'G64: Providing a Table of Contents',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G64'
+		},
+		G63: {
+			title: 'G63: Providing a site map',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G63'
+		},
+		G161: {
+			title: 'G161: Providing a search function to help users find content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G161'
+		},
+		G126: {
+			title: 'G126: Providing a list of links to all other Web pages',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G126'
+		},
+		G185: {
+			title: 'G185: Linking to all of the pages on the site from the home page',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G185'
+		},
+		G130: {
+			title: 'G130: Providing descriptive headings',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G130'
+		},
+		G131: {
+			title: 'G131: Providing descriptive labels',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G131'
+		},
+		G149: {
+			title: 'G149: Using user interface components that are highlighted by the user agent when they receive focus',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G149'
+		},
+		G165: {
+			title: 'G165: Using the default focus indicator for the platform so that high visibility default focus indicators will carry over',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G165'
+		},
+		G195: {
+			title: 'G195: Using an author-supplied, highly visible focus indicator',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G195'
+		},
+		C15: {
+			title: 'C15: Using CSS to change the presentation of a user interface component when it receives focus',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/C15'
+		},
+		SCR31: {
+			title: 'SCR31: Using script to change the background color or border of the element with focus',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/SCR31'
+		},
+		H59: {
+			title: 'H59: Using the link element and navigation tools',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H59'
+		},
+		H57: {
+			title: 'H57: Using language attributes on the html element ',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H57'
+		},
+		H58: {
+			title: 'H58: Using language attributes to identify changes in the human language ',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H58'
+		},
+		H40: {
+			title: 'H40: Using description lists',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H40'
+		},
+		H54: {
+			title: 'H54: Using the dfn element to identify the defining instance of a word',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H54'
+		},
+		H60: {
+			title: 'H60: Using the link element to link to a glossary',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H60'
+		},
+		G62: {
+			title: 'G62: Providing a glossary',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G62'
+		},
+		G70: {
+			title: 'G70: Providing a function to search an online dictionary',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G70'
+		},
+		G102: {
+			title: 'G102: Providing the expansion or explanation of an abbreviation',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G102'
+		},
+		G55: {
+			title: 'G55: Linking to definitions',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G55'
+		},
+		H28: {
+			title: 'H28: Providing definitions for abbreviations by using the abbr element',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H28'
+		},
+		G97: {
+			title: 'G97: Providing the first use of an abbreviation immediately before or after the expanded form',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G97'
+		},
+		G86: {
+			title: 'G86: Providing a text summary that can be understood by people with lower secondary education level reading ability',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G86'
+		},
+		G103: {
+			title: 'G103: Providing visual illustrations, pictures, and symbols to help explain ideas, events, and processes',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G103'
+		},
+		G79: {
+			title: 'G79: Providing a spoken version of the text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G79'
+		},
+		G153: {
+			title: 'G153: Making the text easier to read',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G153'
+		},
+		G160: {
+			title: 'G160: Providing sign language versions of information, ideas, and processes that must be understood in order to use the content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G160'
+		},
+		H62: {
+			title: 'H62: Using the ruby element',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H62'
+		},
+		G107: {
+			title: 'G107: Using \'activate\' rather than \'focus\' as a trigger for changes of context',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G107'
+		},
+		H32: {
+			title: 'H32: Providing submit buttons',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H32'
+		},
+		G61: {
+			title: 'G61: Presenting repeated components in the same relative order each time they appear',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G61'
+		},
+		G197: {
+			title: 'G197: Using labels, names, and text alternatives consistently for content that has the same functionality',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G197'
+		},
+		H83: {
+			title: 'H83: Using the target attribute to open a new window on user request and indicating this in link text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H83'
+		},
+		G83: {
+			title: 'G83: Providing text descriptions to identify required fields that were not completed',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G83'
+		},
+		G84: {
+			title: 'G84: Providing a text description when the user provides information that is not in the list of allowed values',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G84'
+		},
+		G85: {
+			title: 'G85: Providing a text description when user input falls outside the required format or values',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G85'
+		},
+		G89: {
+			title: 'G89: Providing expected data format and example',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G89'
+		},
+		G184: {
+			title: 'G184: Providing text instructions at the beginning of a form or set of fields that describes the necessary input',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G184'
+		},
+		H90: {
+			title: 'H90: Indicating required form controls using label or legend',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H90'
+		},
+		G177: {
+			title: 'G177: Providing suggested correction text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G177'
+		},
+		G98: {
+			title: 'G98: Providing the ability for the user to review and correct answers before submitting',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G98'
+		},
+		G99: {
+			title: 'G99: Providing the ability to recover deleted information',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G99'
+		},
+		G155: {
+			title: 'G155: Providing a checkbox in addition to a submit button',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G155'
+		},
+		G164: {
+			title: 'G164: Providing a stated time within which an online request (or transaction) may be amended or canceled by the user after making the request',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G164'
+		},
+		G168: {
+			title: 'G168: Requesting confirmation to continue with selected action',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G168'
+		},
+		G71: {
+			title: 'G71: Providing a help link on every Web page',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G71'
+		},
+		G193: {
+			title: 'G193: Providing help by an assistant in the Web page',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G193'
+		},
+		F77: {
+			title: 'F77: Failure of Success Criterion 4.1.1 due to duplicate values of type ID',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F77'
+		},
+		H91: {
+			title: 'H91: Using HTML form controls and links',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H91'
+		},
+		F102: {
+			title: 'F102: Failure of Success Criterion 1.4.10 due to content disappearing and not being available when content has reflowed',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/failures/F102'
+		},
+		F103: {
+			title: 'F103: Failure of Success Criterion 4.1.3 due to providing status messages that cannot be programmatically determined through role or properties',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/failures/F103'
+		},
+		F104: {
+			title: 'F104: Failure of Success Criterion 1.4.12 due to clipped or overlapped content when text spacing is adjusted',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/failures/F104'
+		},
+		F105: {
+			title: 'F105: Failure of Success Criterion 2.5.1 due to providing functionality via a path- based gesture without simple pointer alternative',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/failures/F105'
+		},
+		F106: {
+			title: 'F106: Failure due to inability to deactivate motion actuation',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/failures/F106'
+		},
+		G216: {
+			title: 'G216: Providing single point activation for a control slider',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/general/G216'
+		},
+		G215: {
+			title: 'G215: Providing controls to achieve the same result as path based or multipoint gestures',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/general/G215'
+		},
+		F100: {
+			title: 'F100: Failure of Success Criterion 1.3.4 due to showing a message asking to reorient device',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/failures/F100'
+		},
+		G214: {
+			title: 'G214: Using a control to allow access to content in different orientations which is otherwise restricted',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/general/G214'
+		},
+		C40: {
+			title: 'C40: Creating a two-color focus indicator to ensure sufficient contrast with all components',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/css/C40'
+		},
+		F99: {
+			title: 'F99: Failure of Success Criterion 2.1.4 due to implementing character key shortcuts that cannot be turned off or remapped',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/failures/F99'
+		},
+		SCR39: {
+			title: 'SCR39: Making content on focus or hover hoverable, dismissible, and persistent',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/client-side-script/SCR39'
+		},
+		G212: {
+			title: 'G212: Using native controls to ensure functionality is triggered on the up-event.',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/general/G212'
+		},
+		F98: {
+			title: 'F98: Failure due to interactions being limited to touch-only on touchscreen devices',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/failures/F98'
+		},
+		G213: {
+			title: 'G213: Provide conventional controls and an application setting for motion activated input',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/general/G213'
+		},
+		ARIA24: {
+			title: 'ARIA24: Semantically identifying a font icon with role="img"',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA24'
+		},
+		F97: {
+			title: 'F97: Failure due to locking the orientation to landscape or portrait view',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/failures/F97'
+		},
+		F52: {
+			title: 'F52: Failure of Success Criterion 3.2.1 and 3.2.5 due to opening a new window as soon as a new page is loaded ',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/failures/F52'
+		},
+		G209: {
+			title: 'G209: Provide sufficient contrast at the boundaries between adjoining colors',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/general/G209'
+		},
+		C39: {
+			title: 'C39: Using the CSS reduce-motion query to prevent motion',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/css/C39'
+		},
+		G207: {
+			title: 'G207: Ensuring that a contrast ratio of 3:1 is provided for icons',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/general/G207'
+		},
+		C38: {
+			title: 'C38: Using CSS width, max-width and flexbox to fit labels and inputs',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/css/C38'
+		},
+		C34: {
+			title: 'C34: Using media queries to un-fixing sticky headers / footers',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/css/C34'
+		},
+		C36: {
+			title: 'C36: Allowing for text spacing override',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/css/C36'
+		},
+		C37: {
+			title: 'C37: Using CSS max-width and height to fit images',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/css/C37'
+		},
+		F95: {
+			title: 'F95: Failure of Success Criterion 1.4.13 due to content shown on hover not being hoverable',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/failures/F95'
+		},
+		F96: {
+			title: 'F96: Failure due to the accessible name not containing the visible label text',
+			url: 'https://www.w3.org/WAI/WCAG21/Techniques/failures/F96'
+		}
+	};
+};

index.js

@@ -12,40 +12,58 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var chalk = require('chalk');
-var config = require('./config');
+const initService = require('pa11y-webservice');
+const kleur = require('kleur');
 
-process.on('SIGINT', function() {
+const config = require('./config');
+const initDashboard = require('./app');
+
+process.on('SIGINT', () => {
 	console.log('\nGracefully shutting down from SIGINT (Ctrl-C)');
 	process.exit();
 });
 
-require('./app')(config, function(err, app) {
+initDashboard(config, (error, app) => {
+	if (error) {
+		console.error(error.stack);
+		process.exit(1);
+	}
 
-	console.log('');
-	console.log(chalk.underline.magenta('Pa11y Dashboard started'));
-	console.log(chalk.grey('mode: %s'), process.env.NODE_ENV);
-	console.log(chalk.grey('uri:  %s'), app.address);
+	const mode = process.env.NODE_ENV;
+	const dashboardAddress = app.server.address();
 
-	app.on('route-error', function(err) {
-		var stack = (err.stack ? err.stack.split('\n') : [err.message]);
-		var msg = chalk.red(stack.shift());
+	console.log(kleur.underline().magenta('\nPa11y Dashboard started'));
+	console.log(kleur.grey('mode:               %s'), mode);
+	console.log(kleur.grey('uri (intended):     %s'), `http://localhost:${config.port}/`);
+	console.log(
+		kleur.grey(`uri (actual, ${dashboardAddress.family}): %s`),
+		`http://${dashboardAddress.address}:${dashboardAddress.port}/`
+	);
+
+	app.on('route-error', routeError => {
+		const stack = (routeError.stack ? routeError.stack.split('\n') : [routeError.message]);
+		const msg = kleur.red(stack.shift());
 		console.error('');
 		console.error(msg);
-		console.error(chalk.grey(stack.join('\n')));
+		console.error(kleur.grey(stack.join('\n')));
 	});
 
 	// Start the webservice if required
 	if (typeof config.webservice === 'object') {
-		require('pa11y-webservice')(config.webservice, function(err, webservice) {
-			console.log('');
-			console.log(chalk.underline.cyan('Pa11y Webservice started'));
-			console.log(chalk.grey('mode: %s'), process.env.NODE_ENV);
-			console.log(chalk.grey('uri:  %s'), webservice.server.info.uri);
+		console.log(kleur.underline().cyan('\nPa11y Webservice starting'));
+		initService(config.webservice, (webserviceError, webservice) => {
+			if (webserviceError) {
+				console.error(webserviceError.stack);
+				process.exit(1);
+			}
+
+			console.log(kleur.cyan('\nPa11y Webservice started'));
+			console.log(kleur.grey('mode:     %s'), mode);
+			console.log(kleur.grey('uri:      %s'), webservice.server.info.uri);
+			console.log(kleur.grey('database: %s'), config.webservice.database);
+			console.log(kleur.grey('cron:     %s'), config.webservice.cron);
 		});
 	}
-
 });

package.json

@@ -1,50 +1,58 @@
 {
-	"name": "pa11y-dashboard",
-	"version": "1.12.1",
-	"private": true,
-
-	"description": "Pa11y Dashboard is a visual web interface to the Pa11y accessibility reporter",
-	"keywords": [ "accessibility", "analysis", "report" ],
-	"contributors": [
-		"Perry Harlock (http://www.phwebs.co.uk/)",
-		"Rowan Manning (http://rowanmanning.com/)"
-	],
-
-	"repository": {
-		"type": "git",
-		"url": "https://github.com/pa11y/dashboard.git"
-	},
-	"homepage": "https://github.com/pa11y/dashboard",
-	"bugs": "https://github.com/pa11y/dashboard/issues",
-
-	"engines": {
-		"node": ">=0.10"
-	},
-	"dependencies": {
-		"body-parser": "~1.15",
-		"chalk": "~1.1",
-		"compression": "~1.6",
-		"express": "~4.13",
-		"express-hbs": "~1.0",
-		"moment": "~2.13",
-		"pa11y-webservice": "~1.11",
-		"pa11y-webservice-client-node": "~1.2",
-		"underscore": "~1.8"
-	},
-	"devDependencies": {
-		"bower": "~1.7",
-		"cheerio": "~0.20",
-		"jscs": "^2",
-		"jshint": "^2",
-		"less": "~2.7",
-		"mocha": "^2",
-		"proclaim": "^3",
-		"request": "^2",
-		"uglify-js": "~2.6"
-	},
-
-	"scripts": {
-		"start": "node index.js",
-		"test": "make ci"
-	}
+  "name": "pa11y-dashboard",
+  "version": "4.2.0",
+  "private": true,
+  "description": "Pa11y Dashboard is a visual web interface to the Pa11y accessibility reporter",
+  "keywords": [
+    "accessibility",
+    "analysis",
+    "report"
+  ],
+  "author": "Team Pa11y",
+  "contributors": [
+    "Perry Harlock (http://www.phwebs.co.uk/)",
+    "Rowan Manning (http://rowanmanning.com/)"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/pa11y/pa11y-dashboard.git"
+  },
+  "homepage": "https://github.com/pa11y/pa11y-dashboard",
+  "bugs": "https://github.com/pa11y/pa11y-dashboard/issues",
+  "license": "GPL-3.0",
+  "engines": {
+    "node": ">=12"
+  },
+  "dependencies": {
+    "body-parser": "~1.19.2",
+    "compression": "~1.7.4",
+    "express": "~4.19.2",
+    "express-hbs": "~2.4.0",
+    "http-headers": "~3.0.2",
+    "kleur": "~4.1.4",
+    "lodash.groupby": "~4.6.0",
+    "lodash.keys": "~4.2.0",
+    "moment": "~2.29.4",
+    "morgan": "~1.10.0",
+    "nanoid": "~3.3.2",
+    "pa11y-webservice": "^4.3.1",
+    "pa11y-webservice-client-node": "~3.0.0"
+  },
+  "devDependencies": {
+    "bower": "^1.8.13",
+    "cheerio": "^1.0.0-rc.10",
+    "eslint": "^7.27.0",
+    "less": "^3.11.1",
+    "mocha": "^10.2.0",
+    "node-fetch": "^2.7.0",
+    "pa11y-lint-config": "^3.0.0",
+    "proclaim": "^3.6.0",
+    "uglify-js": "^3.11.0"
+  },
+  "scripts": {
+    "start": "node index.js",
+    "test": "npm run test:integration",
+    "test:integration": "mocha 'test/integration/**/*.js' --recursive --timeout 20000 --slow 4000",
+    "lint": "eslint ."
+  }
 }

public/js/site.js

@@ -18,13 +18,17 @@ $(document).ready(function(){
     var data = {};
 	var standardsList = $('[data-role="standards-list"]');
 	var standardSelect = $('[data-role="new-task-select"]');
-	var expandLink = $('[data-role="expander"]');
     var taskListSelector = $('[data-role="task-list"] a');
+	var detailsCollapse = $('[data-role="details-collapse"]');
+	var contextPopover = $('[data-role="context-popover"]');
+	var ruleTooltip = $('[data-role="rule-tooltip"]');
     var toTopLinks = $('[data-role="top"]');
     var zoomResetButton = $('[data-role="zoom-reset"]');
     var graphContainer = $('[data-role="graph"]');
     var dateSelectDropdownMenu = $('[data-role="date-select-dropdown-menu"]');
     var legend = graphContainer.parent('.graph-container').find('.dashedLegend');
+	var list = localStorage.getItem("listview") || "";    // get choice or nothing
+
 
     var graphOptions = {
         series: {
@@ -73,33 +77,26 @@ $(document).ready(function(){
         $('body').addClass('custom-legend');
     }
 
-    // Toggle appearance of lists of error/warnings/notices
-    expandLink.click( function(){
-		$(this).next().slideToggle('slow', function(){});
-        if ($(this).hasClass('showing')) {
-            $(this).find('span.expander').html('+');
-            $(this).attr('aria-expanded', false);
-        }
-        else {
-            $(this).find('span.expander').html('-');
-            $(this).attr('aria-expanded', true);
-        }
-        $(this).toggleClass('showing');
+	// Update details button title by click
+	detailsCollapse.click(function(){
+		$(this).toggleClass('btn_state_collapsed');
 	});
-    $(document).on('keydown.lists', '[data-role="expander"]', function (e) {
-        var $this = $(this);
-        var k = e.which || e.keyCode;
 
-        if (!/(13|32)/.test(k)) {
-            return;
-        }
-        if (k === 13 || k === 32) {
-            $this.click();
-        }
+	// Initialize context popovers
+	$(contextPopover).popover({
+		container: 'body',
+		placement: 'bottom'
+	});
 
-        e.preventDefault();
-        e.stopPropagation();
-    });
+	$(document.body).click(function (e) {
+		$(contextPopover).each(function () {
+			if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
+				if ($(this).data('bs.popover').tip().hasClass('in')) {
+					$(this).popover('toggle');
+				}
+			}
+		});
+	});
 
      // Back to top links
     toTopLinks.click( function(e){
@@ -137,7 +134,7 @@ $(document).ready(function(){
         plotGraphData();
     });
 
-    $('[data-role="rules-tooltip"]').tooltip();
+    ruleTooltip.tooltip();
 
     // Function to animate sections
     function animateSection (sectionName, offset){
@@ -177,6 +174,7 @@ $(document).ready(function(){
 
     function plotGraphData () {
         $.plot(graphContainer, getData(), graphOptions);
+        exportGraph();
     }
 
     function getData() {
@@ -207,6 +205,37 @@ $(document).ready(function(){
         zoomResetButton.toggleClass('hidden');
     }
 
+	function exportGraph() {
+		var exportBtn = $('.btn_action_export');
+
+		exportBtn.click(function(e) {
+			e.preventDefault();
+
+			var fileName = $('h1').text().toLowerCase().split(' ').join('_');
+			var date = new Date();
+
+			fileName += '_' + date.getDate() + '-' + (date.getMonth() + 1) + '-' + date.getFullYear();
+
+			html2canvas($('.graph').get(0), {
+				onrendered: function (canvas) {
+					downloadFile(canvas.toDataURL('image/png'), fileName + '.png');
+				}
+			});
+		});
+	}
+
+	function downloadFile(dataurl, filename) {
+		var link = document.createElement('a');
+		link.href = dataurl;
+		link.setAttribute('download', filename);
+
+		var clickEvent = document.createEvent('MouseEvents');
+		clickEvent.initEvent('click', false, true);
+		link.dispatchEvent(clickEvent);
+
+		return false;
+	}
+
     graphContainer.bind('plotselected', function (event, ranges) {
         // clamp the zooming to prevent eternal zoom
         if (ranges.xaxis.to - ranges.xaxis.from < 0.00001) {
@@ -287,7 +316,7 @@ $(document).ready(function(){
     var previousPoint = null;
     graphContainer.bind('plothover', function (event, pos, item) {
         if (item) {
-            if (previousPoint != item.dataIndex) {
+            if (previousPoint !== item.dataIndex) {
                 previousPoint = item.dataIndex;
                 $('[data-role="tooltip"]').remove();
                 var count = item.datapoint[1].toFixed(0);
@@ -370,4 +399,38 @@ $(document).ready(function(){
 		$.fn.collapse.Constructor.prototype.keydown
 	);
 
+	// List View
+	$('.btn-list').click(function () {
+		var elements = $("#grid-container .task-card");
+		for (i = 0; i < elements.length; i++) {
+			$(elements[i]).removeClass('col-md-4 col-sm-6');
+			$(elements[i]).addClass('col-md-12');
+			$(elements[i]).find('.gridview:nth-child(1)').addClass('listview col-md-9 col-sm-8');
+			$(elements[i]).find('.gridview:nth-child(2)').addClass('listview col-md-3 col-sm-4 task-actions clearfix');
+			$(elements[i]).find('.gridview').removeClass('gridview');
+		};
+		$('.view-btn').removeClass('btn-default')
+		$(this).addClass('btn-default');
+		localStorage.setItem("listview", "yes") //save the choice
+	});
+
+	// Grid View
+	$('.btn-grid').click(function () {
+		var elements = $("#grid-container .task-card");
+		for (i = 0; i < elements.length; i++) {
+			$(elements[i]).removeClass('col-md-12');
+			$(elements[i]).addClass('col-md-4 col-sm-6');
+			$(elements[i]).find('.listview').addClass('gridview')
+			$(elements[i]).find('.listview:nth-child(1)').removeClass('listview col-md-9 col-sm-8');
+			$(elements[i]).find('.listview:nth-child(2)').removeClass('listview col-md-3 col-sm-4 task-actions clearfix');
+		};
+		$('.view-btn').removeClass('btn-default')
+		$(this).addClass('btn-default')
+		localStorage.setItem("listview", "") //clears the choice
+	});
+
+	//load the view as per user's choice
+	if (list === 'yes') {
+		$('.btn-list').trigger('click');
+	}
 });

public/js/vendor/bootstrap/_layouts/default.html

@@ -43,9 +43,9 @@
             </ul>
           </div>
         </div>
-        <div class="col-md-9" role="main">
+        <main class="col-md-9" role="main">
           {{ content }}
-        </div>
+        </main>
       </div>
 
     </div>

public/js/vendor/bootstrap/js/tab.js

@@ -68,10 +68,12 @@
     function next() {
       $active
         .removeClass('active')
+        .attr('aria-selected', false)
         .find('> .dropdown-menu > .active')
         .removeClass('active')
 
       element.addClass('active')
+      element.attr('aria-selected', true)
 
       if (transition) {
         element[0].offsetWidth // reflow for transition

public/js/vendor/bootstrap/js/tests/unit/alert.js

@@ -32,7 +32,7 @@ $(function () {
         $.support.transition = false
 
         var alertHTML = '<div class="alert-message warning fade in">'
-          + '<a class="close" href="#" data-dismiss="alert">×</a>'
+          + '<a class="close" href="#" data-dismiss="alert" aria-label="Close">×</a>'
           + '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>'
           + '</div>'
           , alert = $(alertHTML).appendTo('#qunit-fixture').alert()

public/less/alerts.less

@@ -2,7 +2,6 @@
 // Alerts
 // --------------------------------------------------
 
-
 // Base styles
 // -------------------------
 
@@ -14,22 +13,23 @@
 
   // Headings for larger alerts
   h4 {
-    margin-top: 0;
-    // Specified for the h4 to prevent conflicts of changing @headingsColor
-    color: inherit;
+	margin-top: 0;
+	// Specified for the h4 to prevent conflicts of changing @headingsColor
+	color: inherit;
   }
+
   // Provide class for links that match alerts
   .alert-link {
-    font-weight: @alert-link-font-weight;
+	font-weight: @alert-link-font-weight;
   }
 
   // Improve alignment and spacing of inner content
   > p,
   > ul {
-    margin-bottom: 0;
+	margin-bottom: 0;
   }
   > p + p {
-    margin-top: 5px;
+	margin-top: 5px;
   }
 }
 
@@ -38,14 +38,14 @@
 // Expand the right padding and account for the close button's positioning.
 
 .alert-dismissable {
- padding-right: (@alert-padding + 20);
+  padding-right: (@alert-padding + 20);
 
   // Adjust close link position
   .close {
-    position: relative;
-    top: -2px;
-    right: -21px;
-    color: inherit;
+	position: relative;
+	top: -2px;
+	right: -21px;
+	color: inherit;
   }
 }
 
@@ -56,12 +56,15 @@
 .alert-success {
   .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
 }
+
 .alert-info {
   .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
 }
+
 .alert-warning {
   .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
 }
+
 .alert-danger {
   .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
 }

public/less/badges.less

@@ -2,7 +2,6 @@
 // Badges
 // --------------------------------------------------
 
-
 // Base classes
 .badge {
   display: inline-block;
@@ -20,7 +19,7 @@
 
   // Empty badges collapse automatically (not available in IE8)
   &:empty {
-    display: none;
+	display: none;
   }
 }
 
@@ -28,9 +27,9 @@
 a.badge {
   &:hover,
   &:focus {
-    color: @badge-link-hover-color;
-    text-decoration: none;
-    cursor: pointer;
+	color: @badge-link-hover-color;
+	text-decoration: none;
+	cursor: pointer;
   }
 }
 
@@ -46,6 +45,7 @@ a.list-group-item.active > .badge,
   color: @badge-active-color;
   background-color: @badge-active-bg;
 }
+
 .nav-pills > li > a > .badge {
   margin-left: 3px;
 }

public/less/bootswatch.less

@@ -7,49 +7,48 @@
 // Buttons ====================================================================
 
 .btn:active {
-	.box-shadow(none);
+  .box-shadow(none);
 }
 
 .btn-group.open .dropdown-toggle {
-	.box-shadow(none);
+  .box-shadow(none);
 }
 
 // Typography =================================================================
 
 .text-primary {
-	color: @brand-primary;
+  color: @brand-primary;
 }
 
 .text-success {
-	color: @brand-success;
+  color: @brand-success;
 }
 
 .text-danger {
-	color: @brand-danger;
+  color: @brand-danger;
 }
 
 .text-warning {
-	color: @brand-warning;
+  color: @brand-warning;
 }
 
 .text-info {
-	color: @brand-info;
+  color: @brand-info;
 }
 
 // Tables =====================================================================
 
 .table {
-
-	tr.success,
-	tr.warning,
-	tr.danger {
-		color: #fff;
-	}
+  tr.success,
+  tr.warning,
+  tr.danger {
+	color: #fff;
+  }
 }
 
 // Forms ======================================================================
 
-.form-control,textarea.form-control,
+.form-control, textarea.form-control,
 input[type="text"],
 input[type="password"],
 input[type="datetime"],
@@ -65,111 +64,109 @@ input[type="search"],
 input[type="tel"],
 input[type="color"],
 .uneditable-input {
-	border-width: 2px;
-	.box-shadow(none);
+  border-width: 2px;
+  .box-shadow(none);
 
-	&:focus {
-		.box-shadow(none);
-	}
+  &:focus {
+	.box-shadow(none);
+  }
 }
 
 .has-warning {
-	.help-block,
-	.control-label {
-		color: @brand-warning;
-	}
+  .help-block,
+  .control-label {
+	color: @brand-warning;
+  }
 
-	.form-control,
-	.form-control:focus {
-		border: 2px solid @brand-warning;
-	}
+  .form-control,
+  .form-control:focus {
+	border: 2px solid @brand-warning;
+  }
 }
 
 .has-error {
-	.help-block,
-	.control-label {
-		color: @brand-danger;
-	}
+  .help-block,
+  .control-label {
+	color: @brand-danger;
+  }
 
-	.form-control,
-	.form-control:focus {
-		border: 2px solid @brand-danger;
-	}
+  .form-control,
+  .form-control:focus {
+	border: 2px solid @brand-danger;
+  }
 }
 
 .has-success {
-	.help-block,
-	.control-label {
-		color: @brand-success;
-	}
+  .help-block,
+  .control-label {
+	color: @brand-success;
+  }
 
-	.form-control,
-	.form-control:focus {
-		border: 2px solid @brand-success;
-	}
+  .form-control,
+  .form-control:focus {
+	border: 2px solid @brand-success;
+  }
 }
 
 // Navs =======================================================================
 
 .pagination {
-	
-	a {
-		color: #fff;
+  a {
+	color: #fff;
 
-		&:hover {
-			color: @text-color;
-		}
+	&:hover {
+	  color: @text-color;
 	}
+  }
 
-	.disabled {
-		&>a,
-		&>a:hover,
-		&>a:focus,
-		&>span {
-			background-color: lighten(@brand-success, 15%);
-		}
+  .disabled {
+	& > a,
+	& > a:hover,
+	& > a:focus,
+	& > span {
+	  background-color: lighten(@brand-success, 15%);
 	}
+  }
 }
 
 .pager {
-	a {
-		color: #fff;
-		&:hover {
-			color: @text-color;
-		}
+  a {
+	color: #fff;
+	&:hover {
+	  color: @text-color;
 	}
+  }
 
-	.disabled {
-		&>a,
-		&>a:hover,
-		&>a:focus,
-		&>span {
-			background-color: lighten(@brand-success, 15%);
-		}
+  .disabled {
+	& > a,
+	& > a:hover,
+	& > a:focus,
+	& > span {
+	  background-color: lighten(@brand-success, 15%);
 	}
+  }
 }
 
 // Indicators =================================================================
 
 .alert {
-
-	a,
-	.alert-link {
-		color: #fff;
-		text-decoration: underline;
-	}
+  a,
+  .alert-link {
+	color: #fff;
+	text-decoration: underline;
+  }
 }
 
 // Progress bars ==============================================================
 
 .progress {
-	height: 10px;
-	.box-shadow(none);
+  height: 10px;
+  .box-shadow(none);
 }
 
 // Containers =================================================================
 
 .well {
-	.box-shadow(none);
-	border-width: 0;
+  .box-shadow(none);
+  border-width: 0;
 }

public/less/breadcrumbs.less

@@ -2,7 +2,6 @@
 // Breadcrumbs
 // --------------------------------------------------
 
-
 .breadcrumb {
   padding: 8px 15px;
   margin-bottom: @line-height-computed;
@@ -10,14 +9,14 @@
   background-color: @breadcrumb-bg;
   border-radius: @border-radius-base;
   > li {
-    display: inline-block;
-    &+li:before {
-      content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
-      padding: 0 5px;
-      color: @breadcrumb-color;
-    }
+	display: inline-block;
+	& + li:before {
+	  content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
+	  padding: 0 5px;
+	  color: @breadcrumb-color;
+	}
   }
   > .active {
-    color: @breadcrumb-active-color;
+	color: @breadcrumb-active-color;
   }
 }

public/less/button-groups.less

@@ -8,28 +8,31 @@
 
 .caret {
   .btn-default & {
-    border-top-color: @btn-default-color;
+	border-top-color: @btn-default-color;
   }
+
   .btn-primary &,
   .btn-success &,
   .btn-warning &,
   .btn-danger &,
   .btn-info & {
-    border-top-color: #fff;
+	border-top-color: #fff;
   }
 }
+
 .dropup {
   & .btn-default .caret {
-    border-bottom-color: @btn-default-color;
+	border-bottom-color: @btn-default-color;
   }
+
   .btn-primary,
   .btn-success,
   .btn-warning,
   .btn-danger,
   .btn-info {
-   .caret {
-      border-bottom-color: #fff;
-    }
+	.caret {
+	  border-bottom-color: #fff;
+	}
   }
 }
 
@@ -40,19 +43,19 @@
   display: inline-block;
   vertical-align: middle; // match .btn alignment given font-size hack above
   > .btn {
-    position: relative;
-    float: left;
-    // Bring the "active" button to the front
-    &:hover,
-    &:focus,
-    &:active,
-    &.active {
-      z-index: 2;
-    }
-    &:focus {
-      // Remove focus outline when dropdown JS adds it after closing the menu
-      outline: none;
-    }
+	position: relative;
+	float: left;
+	// Bring the "active" button to the front
+	&:hover,
+	&:focus,
+	&:active,
+	&.active {
+	  z-index: 2;
+	}
+	&:focus {
+	  // Remove focus outline when dropdown JS adds it after closing the menu
+	  outline: none;
+	}
   }
 }
 
@@ -62,7 +65,7 @@
   .btn + .btn-group,
   .btn-group + .btn,
   .btn-group + .btn-group {
-    margin-left: -1px;
+	margin-left: -1px;
   }
 }
 
@@ -71,15 +74,15 @@
   .clearfix();
 
   .btn-group {
-    float: left;
+	float: left;
   }
   // Space out series of button groups
   > .btn,
   > .btn-group {
-    + .btn,
-    + .btn-group {
-      margin-left: 5px;
-    }
+	+ .btn,
+	+ .btn-group {
+	  margin-left: 5px;
+	}
   }
 }
 
@@ -91,9 +94,10 @@
 .btn-group > .btn:first-child {
   margin-left: 0;
   &:not(:last-child):not(.dropdown-toggle) {
-    .border-right-radius(0);
+	.border-right-radius(0);
   }
 }
+
 // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
 .btn-group > .btn:last-child:not(:first-child),
 .btn-group > .dropdown-toggle:not(:first-child) {
@@ -104,15 +108,18 @@
 .btn-group > .btn-group {
   float: left;
 }
+
 .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
   border-radius: 0;
 }
+
 .btn-group > .btn-group:first-child {
   > .btn:last-child,
   > .dropdown-toggle {
-    .border-right-radius(0);
+	.border-right-radius(0);
   }
 }
+
 .btn-group > .btn-group:last-child > .btn:first-child {
   .border-left-radius(0);
 }
@@ -123,15 +130,21 @@
   outline: 0;
 }
 
-
 // Sizing
 //
 // Remix the default button sizing classes into new ones for easier manipulation.
 
-.btn-group-xs > .btn { .btn-xs(); }
-.btn-group-sm > .btn { .btn-sm(); }
-.btn-group-lg > .btn { .btn-lg(); }
+.btn-group-xs > .btn {
+  .btn-xs();
+}
 
+.btn-group-sm > .btn {
+  .btn-sm();
+}
+
+.btn-group-lg > .btn {
+  .btn-lg();
+}
 
 // Split button dropdowns
 // ----------------------
@@ -141,6 +154,7 @@
   padding-left: 8px;
   padding-right: 8px;
 }
+
 .btn-group > .btn-lg + .dropdown-toggle {
   padding-left: 12px;
   padding-right: 12px;
@@ -149,82 +163,83 @@
 // The clickable button for toggling the menu
 // Remove the gradient and set the same inset shadow as the :active state
 .btn-group.open .dropdown-toggle {
-  .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+  .box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
 }
 
-
 // Reposition the caret
 .btn .caret {
   margin-left: 0;
 }
+
 // Carets in other button sizes
 .btn-lg .caret {
   border-width: @caret-width-large @caret-width-large 0;
   border-bottom-width: 0;
 }
+
 // Upside down carets for .dropup
 .dropup .btn-lg .caret {
   border-width: 0 @caret-width-large @caret-width-large;
 }
 
-
 // Vertical button groups
 // ----------------------
 
 .btn-group-vertical {
   > .btn,
   > .btn-group {
-    display: block;
-    float: none;
-    width: 100%;
-    max-width: 100%;
+	display: block;
+	float: none;
+	width: 100%;
+	max-width: 100%;
   }
 
   // Clear floats so dropdown menus can be properly placed
   > .btn-group {
-    .clearfix();
-    > .btn {
-      float: none;
-    }
+	.clearfix();
+	> .btn {
+	  float: none;
+	}
   }
 
   > .btn + .btn,
   > .btn + .btn-group,
   > .btn-group + .btn,
   > .btn-group + .btn-group {
-    margin-top: -1px;
-    margin-left: 0;
+	margin-top: -1px;
+	margin-left: 0;
   }
 }
 
 .btn-group-vertical > .btn {
   &:not(:first-child):not(:last-child) {
-    border-radius: 0;
+	border-radius: 0;
   }
   &:first-child:not(:last-child) {
-    border-top-right-radius: @border-radius-base;
-    .border-bottom-radius(0);
+	border-top-right-radius: @border-radius-base;
+	.border-bottom-radius(0);
   }
   &:last-child:not(:first-child) {
-    border-bottom-left-radius: @border-radius-base;
-    .border-top-radius(0);
+	border-bottom-left-radius: @border-radius-base;
+	.border-top-radius(0);
   }
 }
+
 .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
   border-radius: 0;
 }
+
 .btn-group-vertical > .btn-group:first-child {
   > .btn:last-child,
   > .dropdown-toggle {
-    .border-bottom-radius(0);
+	.border-bottom-radius(0);
   }
 }
+
 .btn-group-vertical > .btn-group:last-child > .btn:first-child {
   .border-top-radius(0);
 }
 
-
-
 // Justified button groups
 // ----------------------
 
@@ -233,14 +248,14 @@
   width: 100%;
   table-layout: fixed;
   border-collapse: separate;
+
   .btn {
-    float: none;
-    display: table-cell;
-    width: 1%;
+	float: none;
+	display: table-cell;
+	width: 1%;
   }
 }
 
-
 // Checkbox and radio options
 [data-toggle="buttons"] > .btn > input[type="radio"],
 [data-toggle="buttons"] > .btn > input[type="checkbox"] {

public/less/buttons.less

@@ -2,7 +2,6 @@
 // Buttons
 // --------------------------------------------------
 
-
 // Base styles
 // --------------------------------------------------
 
@@ -24,61 +23,64 @@
   .user-select(none);
 
   &:focus {
-    .tab-focus();
+	.tab-focus();
   }
 
   &:hover,
   &:focus {
-    color: @btn-default-color;
-    text-decoration: none;
+	color: @btn-default-color;
+	text-decoration: none;
   }
 
   &:active,
   &.active {
-    outline: 0;
-    background-image: none;
-    .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+	outline: 0;
+	background-image: none;
+	.box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
   }
 
   &.disabled,
   &[disabled],
   fieldset[disabled] & {
-    cursor: not-allowed;
-    pointer-events: none; // Future-proof disabling of clicks
-    .opacity(.65);
-    .box-shadow(none);
+	cursor: not-allowed;
+	pointer-events: none; // Future-proof disabling of clicks
+	.opacity(.65);
+	.box-shadow(none);
   }
 
 }
 
-
 // Alternate buttons
 // --------------------------------------------------
 
 .btn-default {
   .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
 }
+
 .btn-primary {
   .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
 }
+
 // Warning appears as orange
 .btn-warning {
   .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
 }
+
 // Danger and error appear as red
 .btn-danger {
   .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
 }
+
 // Success appears as green
 .btn-success {
   .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
 }
+
 // Info appears as blue-green
 .btn-info {
   .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
 }
 
-
 // Link buttons
 // -------------------------
 
@@ -93,32 +95,31 @@
   &:active,
   &[disabled],
   fieldset[disabled] & {
-    background-color: transparent;
-    .box-shadow(none);
+	background-color: transparent;
+	.box-shadow(none);
   }
   &,
   &:hover,
   &:focus,
   &:active {
-    border-color: transparent;
+	border-color: transparent;
   }
   &:hover,
   &:focus {
-    color: @link-hover-color;
-    text-decoration: underline;
-    background-color: transparent;
+	color: @link-hover-color;
+	text-decoration: underline;
+	background-color: transparent;
   }
   &[disabled],
   fieldset[disabled] & {
-    &:hover,
-    &:focus {
-      color: @btn-link-disabled-color;
-      text-decoration: none;
-    }
+	&:hover,
+	&:focus {
+	  color: @btn-link-disabled-color;
+	  text-decoration: none;
+	}
   }
 }
 
-
 // Button Sizes
 // --------------------------------------------------
 
@@ -126,16 +127,17 @@
   // line-height: ensure even-numbered height of button next to large input
   .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
 }
+
 .btn-sm,
 .btn-xs {
   // line-height: ensure proper height of button next to small input
   .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
 }
+
 .btn-xs {
   padding: 1px 5px;
 }
 
-
 // Block button
 // --------------------------------------------------
 
@@ -156,6 +158,6 @@ input[type="submit"],
 input[type="reset"],
 input[type="button"] {
   &.btn-block {
-    width: 100%;
+	width: 100%;
   }
 }

public/less/carousel.less

@@ -2,7 +2,6 @@
 // Carousel
 // --------------------------------------------------
 
-
 // Wrapper for the slide container and indicators
 .carousel {
   position: relative;
@@ -14,49 +13,51 @@
   width: 100%;
 
   > .item {
-    display: none;
-    position: relative;
-    .transition(.6s ease-in-out left);
+	display: none;
+	position: relative;
+	.transition(.6s ease-in-out left);
 
-    // Account for jankitude on images
-    > img,
-    > a > img {
-      .img-responsive();
-      line-height: 1;
-    }
+	// Account for jankitude on images
+	> img,
+	> a > img {
+	  .img-responsive();
+	  line-height: 1;
+	}
   }
 
   > .active,
   > .next,
-  > .prev { display: block; }
+  > .prev {
+	display: block;
+  }
 
   > .active {
-    left: 0;
+	left: 0;
   }
 
   > .next,
   > .prev {
-    position: absolute;
-    top: 0;
-    width: 100%;
+	position: absolute;
+	top: 0;
+	width: 100%;
   }
 
   > .next {
-    left: 100%;
+	left: 100%;
   }
   > .prev {
-    left: -100%;
+	left: -100%;
   }
   > .next.left,
   > .prev.right {
-    left: 0;
+	left: 0;
   }
 
   > .active.left {
-    left: -100%;
+	left: -100%;
   }
   > .active.right {
-    left: 100%;
+	left: 100%;
   }
 
 }
@@ -80,20 +81,20 @@
 
   // Set gradients for backgrounds
   &.left {
-    #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001));
+	#gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001));
   }
   &.right {
-    left: auto;
-    right: 0;
-    #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5));
+	left: auto;
+	right: 0;
+	#gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5));
   }
 
   // Hover/focus state
   &:hover,
   &:focus {
-    color: @carousel-control-color;
-    text-decoration: none;
-    .opacity(.9);
+	color: @carousel-control-color;
+	text-decoration: none;
+	.opacity(.9);
   }
 
   // Toggles
@@ -101,37 +102,41 @@
   .icon-next,
   .glyphicon-chevron-left,
   .glyphicon-chevron-right {
-    position: absolute;
-    top: 50%;
-    z-index: 5;
-    display: inline-block;
+	position: absolute;
+	top: 50%;
+	z-index: 5;
+	display: inline-block;
   }
+
   .icon-prev,
   .glyphicon-chevron-left {
-    left: 50%;
+	left: 50%;
   }
+
   .icon-next,
   .glyphicon-chevron-right {
-    right: 50%;
+	right: 50%;
   }
+
   .icon-prev,
   .icon-next {
-    width:  20px;
-    height: 20px;
-    margin-top: -10px;
-    margin-left: -10px;
-    font-family: serif;
+	width: 20px;
+	height: 20px;
+	margin-top: -10px;
+	margin-left: -10px;
+	font-family: serif;
   }
 
   .icon-prev {
-    &:before {
-      content: '\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
-    }
+	&:before {
+	  content: '\2039'; // SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
+	}
   }
+
   .icon-next {
-    &:before {
-      content: '\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
-    }
+	&:before {
+	  content: '\203a'; // SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
+	}
   }
 }
 
@@ -152,20 +157,21 @@
   text-align: center;
 
   li {
-    display: inline-block;
-    width:  10px;
-    height: 10px;
-    margin: 1px;
-    text-indent: -999px;
-    border: 1px solid @carousel-indicator-border-color;
-    border-radius: 10px;
-    cursor: pointer;
+	display: inline-block;
+	width: 10px;
+	height: 10px;
+	margin: 1px;
+	text-indent: -999px;
+	border: 1px solid @carousel-indicator-border-color;
+	border-radius: 10px;
+	cursor: pointer;
   }
+
   .active {
-    margin: 0;
-    width:  12px;
-    height: 12px;
-    background-color: @carousel-indicator-active-bg;
+	margin: 0;
+	width: 12px;
+	height: 12px;
+	background-color: @carousel-indicator-active-bg;
   }
 }
 
@@ -183,38 +189,37 @@
   color: @carousel-caption-color;
   text-align: center;
   text-shadow: @carousel-text-shadow;
+
   & .btn {
-    text-shadow: none; // No shadow for button elements in carousel-caption
+	text-shadow: none; // No shadow for button elements in carousel-caption
   }
 }
 
-
 // Scale up controls for tablets and up
 @media screen and (min-width: @screen-sm-min) {
-
   // Scale up the controls a smidge
   .carousel-control {
-    .glyphicons-chevron-left,
-    .glyphicons-chevron-right,
-    .icon-prev,
-    .icon-next {
-      width: 30px;
-      height: 30px;
-      margin-top: -15px;
-      margin-left: -15px;
-      font-size: 30px;
-    }
+	.glyphicons-chevron-left,
+	.glyphicons-chevron-right,
+	.icon-prev,
+	.icon-next {
+	  width: 30px;
+	  height: 30px;
+	  margin-top: -15px;
+	  margin-left: -15px;
+	  font-size: 30px;
+	}
   }
 
   // Show and left align the captions
   .carousel-caption {
-    left: 20%;
-    right: 20%;
-    padding-bottom: 30px;
+	left: 20%;
+	right: 20%;
+	padding-bottom: 30px;
   }
 
   // Move up the indicators
   .carousel-indicators {
-    bottom: 20px;
+	bottom: 20px;
   }
 }

public/less/close.less

@@ -2,7 +2,6 @@
 // Close icons
 // --------------------------------------------------
 
-
 .close {
   float: right;
   font-size: (@font-size-base * 1.5);
@@ -14,20 +13,20 @@
 
   &:hover,
   &:focus {
-    color: @close-color;
-    text-decoration: none;
-    cursor: pointer;
-    .opacity(.5);
+	color: @close-color;
+	text-decoration: none;
+	cursor: pointer;
+	.opacity(.5);
   }
 
   // Additional properties for button version
   // iOS requires the button element instead of an anchor tag.
   // If you want the anchor version, it requires `href="#"`.
   button& {
-    padding: 0;
-    cursor: pointer;
-    background: transparent;
-    border: 0;
-    -webkit-appearance: none;
+	padding: 0;
+	cursor: pointer;
+	background: transparent;
+	border: 0;
+	-webkit-appearance: none;
   }
 }

public/less/code.less

@@ -2,7 +2,6 @@
 // Code (inline and blocK)
 // --------------------------------------------------
 
-
 // Inline and block code styles
 code,
 kdb,
@@ -36,12 +35,12 @@ pre {
 
   // Account for some code outputs that place code tags in pre tags
   code {
-    padding: 0;
-    font-size: inherit;
-    color: inherit;
-    white-space: pre-wrap;
-    background-color: transparent;
-    border: 0;
+	padding: 0;
+	font-size: inherit;
+	color: inherit;
+	white-space: pre-wrap;
+	background-color: transparent;
+	border: 0;
   }
 }
 

public/less/component-animations.less

@@ -10,17 +10,20 @@
 .fade {
   opacity: 0;
   .transition(opacity .15s linear);
+
   &.in {
-    opacity: 1;
+	opacity: 1;
   }
 }
 
 .collapse {
   display: none;
+
   &.in {
-    display: block;
+	display: block;
   }
 }
+
 .collapsing {
   position: relative;
   height: 0;

public/less/dropdowns.less

@@ -2,7 +2,6 @@
 // Dropdown menus
 // --------------------------------------------------
 
-
 // Dropdown arrow/caret
 .caret {
   display: inline-block;
@@ -10,9 +9,9 @@
   height: 0;
   margin-left: 2px;
   vertical-align: middle;
-  border-top:   @caret-width-base solid @dropdown-caret-color;
+  border-top: @caret-width-base solid @dropdown-caret-color;
   border-right: @caret-width-base solid transparent;
-  border-left:  @caret-width-base solid transparent;
+  border-left: @caret-width-base solid transparent;
   // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once fixed,
   // we can just straight up remove this.
   border-bottom: 0 dotted;
@@ -46,29 +45,29 @@
   border: 1px solid @dropdown-fallback-border; // IE8 fallback
   border: 1px solid @dropdown-border;
   border-radius: @border-radius-base;
-  .box-shadow(0 6px 12px rgba(0,0,0,.175));
+  .box-shadow(0 6px 12px rgba(0, 0, 0, .175));
   background-clip: padding-box;
 
   // Aligns the dropdown menu to right
   &.pull-right {
-    right: 0;
-    left: auto;
+	right: 0;
+	left: auto;
   }
 
   // Dividers (basically an hr) within the dropdown
   .divider {
-    .nav-divider(@dropdown-divider-bg);
+	.nav-divider(@dropdown-divider-bg);
   }
 
   // Links within the dropdown menu
   > li > a {
-    display: block;
-    padding: 3px 20px;
-    clear: both;
-    font-weight: normal;
-    line-height: @line-height-base;
-    color: @dropdown-link-color;
-    white-space: nowrap; // prevent links from randomly breaking onto new lines
+	display: block;
+	padding: 3px 20px;
+	clear: both;
+	font-weight: normal;
+	line-height: @line-height-base;
+	color: @dropdown-link-color;
+	white-space: nowrap; // prevent links from randomly breaking onto new lines
   }
 }
 
@@ -76,9 +75,9 @@
 .dropdown-menu > li > a {
   &:hover,
   &:focus {
-    text-decoration: none;
-    color: @dropdown-link-hover-color;
-    background-color: @dropdown-link-hover-bg;
+	text-decoration: none;
+	color: @dropdown-link-hover-color;
+	background-color: @dropdown-link-hover-bg;
   }
 }
 
@@ -87,10 +86,10 @@
   &,
   &:hover,
   &:focus {
-    color: @dropdown-link-active-color;
-    text-decoration: none;
-    outline: 0;
-    background-color: @dropdown-link-active-bg;
+	color: @dropdown-link-active-color;
+	text-decoration: none;
+	outline: 0;
+	background-color: @dropdown-link-active-bg;
   }
 }
 
@@ -102,18 +101,19 @@
   &,
   &:hover,
   &:focus {
-    color: @dropdown-link-disabled-color;
+	color: @dropdown-link-disabled-color;
   }
 }
+
 // Nuke hover/focus effects
 .dropdown-menu > .disabled > a {
   &:hover,
   &:focus {
-    text-decoration: none;
-    background-color: transparent;
-    background-image: none; // Remove CSS gradient
-    .reset-filter();
-    cursor: not-allowed;
+	text-decoration: none;
+	background-color: transparent;
+	background-image: none; // Remove CSS gradient
+	.reset-filter();
+	cursor: not-allowed;
   }
 }
 
@@ -121,12 +121,12 @@
 .open {
   // Show the menu
   > .dropdown-menu {
-    display: block;
+	display: block;
   }
 
   // Remove the outline when :focus is triggered
   > a {
-    outline: 0;
+	outline: 0;
   }
 }
 
@@ -164,30 +164,30 @@
 .navbar-fixed-bottom .dropdown {
   // Reverse the caret
   .caret {
-    // Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once this
-    // gets fixed, restore `border-top: 0;`.
-    border-top: 0 dotted;
-    border-bottom: 4px solid @dropdown-caret-color;
-    content: "";
+	// Firefox fix for https://github.com/twbs/bootstrap/issues/9538. Once this
+	// gets fixed, restore `border-top: 0;`.
+	border-top: 0 dotted;
+	border-bottom: 4px solid @dropdown-caret-color;
+	content: "";
   }
+
   // Different positioning for bottom up menu
   .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-    margin-bottom: 1px;
+	top: auto;
+	bottom: 100%;
+	margin-bottom: 1px;
   }
 }
 
-
 // Component alignment
 //
 // Reiterate per navbar.less and the modified component alignment there.
 
 @media (min-width: @grid-float-breakpoint) {
   .navbar-right {
-    .dropdown-menu {
-      .pull-right > .dropdown-menu();
-    }
+	.dropdown-menu {
+	  .pull-right > .dropdown-menu();
+	}
   }
 }
 

public/less/forms.less

@@ -2,7 +2,6 @@
 // Forms
 // --------------------------------------------------
 
-
 // Normalize non-controls
 //
 // Restyle and baseline non-control form elements.
@@ -31,7 +30,6 @@ label {
   font-weight: bold;
 }
 
-
 // Normalize form controls
 
 // Override content-box in Normalize (* isn't specific enough)
@@ -78,7 +76,7 @@ input[type="checkbox"]:focus {
 input[type="number"] {
   &::-webkit-outer-spin-button,
   &::-webkit-inner-spin-button {
-    height: auto;
+	height: auto;
   }
 }
 
@@ -100,7 +98,6 @@ output {
   .placeholder();
 }
 
-
 // Common form controls
 //
 // Shared size and type resets for form controls. Apply `.form-control` to any
@@ -136,7 +133,7 @@ output {
   background-image: none; // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214
   border: 1px solid @input-border;
   border-radius: @input-border-radius;
-  .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
+  .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075));
   .transition(~"border-color ease-in-out .15s, box-shadow ease-in-out .15s");
 
   // Customize the `:focus` state to imitate native WebKit styles.
@@ -149,17 +146,16 @@ output {
   &[disabled],
   &[readonly],
   fieldset[disabled] & {
-    cursor: not-allowed;
-    background-color: @input-bg-disabled;
+	cursor: not-allowed;
+	background-color: @input-bg-disabled;
   }
 
   // Reset height for `textarea`s
   textarea& {
-    height: auto;
+	height: auto;
   }
 }
 
-
 // Form groups
 //
 // Designed to help with the organization and spacing of vertical forms. For
@@ -169,7 +165,6 @@ output {
   margin-bottom: 15px;
 }
 
-
 // Checkboxes and radios
 //
 // Indent the labels to position radios/checkboxes as hanging controls.
@@ -182,13 +177,15 @@ output {
   margin-bottom: 10px;
   padding-left: 20px;
   vertical-align: middle;
+
   label {
-    display: inline;
-    margin-bottom: 0;
-    font-weight: normal;
-    cursor: pointer;
+	display: inline;
+	margin-bottom: 0;
+	font-weight: normal;
+	cursor: pointer;
   }
 }
+
 .radio input[type="radio"],
 .radio-inline input[type="radio"],
 .checkbox input[type="checkbox"],
@@ -196,6 +193,7 @@ output {
   float: left;
   margin-left: -20px;
 }
+
 .radio + .radio,
 .checkbox + .checkbox {
   margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
@@ -211,6 +209,7 @@ output {
   font-weight: normal;
   cursor: pointer;
 }
+
 .radio-inline + .radio-inline,
 .checkbox-inline + .checkbox-inline {
   margin-top: 0;
@@ -228,7 +227,7 @@ input[type="checkbox"],
 .checkbox-inline {
   &[disabled],
   fieldset[disabled] & {
-    cursor: not-allowed;
+	cursor: not-allowed;
   }
 }
 
@@ -241,7 +240,6 @@ input[type="checkbox"],
   .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
 }
 
-
 // Form control feedback states
 //
 // Apply contextual and semantic states to individual form controls.
@@ -250,16 +248,17 @@ input[type="checkbox"],
 .has-warning {
   .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg);
 }
+
 // Error
 .has-error {
   .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);
 }
+
 // Success
 .has-success {
   .form-control-validation(@state-success-text; @state-success-text; @state-success-bg);
 }
 
-
 // Static form control text
 //
 // Apply class to a `p` element to make any string of text align with labels in
@@ -270,7 +269,6 @@ input[type="checkbox"],
   padding-top: (@padding-base-vertical + 1);
 }
 
-
 // Help text
 //
 // Apply to any element you wish to create light text for placement immediately
@@ -283,8 +281,6 @@ input[type="checkbox"],
   color: lighten(@text-color, 25%); // lighten the text some for contrast
 }
 
-
-
 // Inline forms
 //
 // Make forms appear inline(-block) by adding the `.form-inline` class. Inline
@@ -297,67 +293,65 @@ input[type="checkbox"],
 // Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
 
 .form-inline {
-
   // Kick in the inline
   @media (min-width: @screen-sm) {
-    // Inline-block all the things for "inline"
-    .form-group  {
-      display: inline-block;
-      margin-bottom: 0;
-      vertical-align: middle;
-    }
+	// Inline-block all the things for "inline"
+	.form-group {
+	  display: inline-block;
+	  margin-bottom: 0;
+	  vertical-align: middle;
+	}
 
-    // In navbar-form, allow folks to *not* use `.form-group`
-    .form-control {
-      display: inline-block;
-    }
+	// In navbar-form, allow folks to *not* use `.form-group`
+	.form-control {
+	  display: inline-block;
+	}
 
-    // Remove default margin on radios/checkboxes that were used for stacking, and
-    // then undo the floating of radios and checkboxes to match (which also avoids
-    // a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
-    .radio,
-    .checkbox {
-      display: inline-block;
-      margin-top: 0;
-      margin-bottom: 0;
-      padding-left: 0;
-    }
-    .radio input[type="radio"],
-    .checkbox input[type="checkbox"] {
-      float: none;
-      margin-left: 0;
-    }
+	// Remove default margin on radios/checkboxes that were used for stacking, and
+	// then undo the floating of radios and checkboxes to match (which also avoids
+	// a bug in WebKit: https://github.com/twbs/bootstrap/issues/1969).
+	.radio,
+	.checkbox {
+	  display: inline-block;
+	  margin-top: 0;
+	  margin-bottom: 0;
+	  padding-left: 0;
+	}
+
+	.radio input[type="radio"],
+	.checkbox input[type="checkbox"] {
+	  float: none;
+	  margin-left: 0;
+	}
   }
 }
 
-
 // Horizontal forms
 //
 // Horizontal forms are built on grid classes and allow you to create forms with
 // labels on the left and inputs on the right.
 
 .form-horizontal {
-
   // Consistent vertical alignment of labels, radios, and checkboxes
   .control-label,
   .radio,
   .checkbox,
   .radio-inline,
   .checkbox-inline {
-    margin-top: 0;
-    margin-bottom: 0;
-    padding-top: (@padding-base-vertical + 1); // Default padding plus a border
+	margin-top: 0;
+	margin-bottom: 0;
+	padding-top: (@padding-base-vertical + 1); // Default padding plus a border
   }
 
   // Make form groups behave like rows
   .form-group {
-    .make-row();
+	.make-row();
   }
 
   // Only right align form labels here when the columns stop stacking
   @media (min-width: @screen-sm-min) {
-    .control-label {
-      text-align: right;
-    }
+	.control-label {
+	  text-align: right;
+	}
   }
 }

public/less/grid.less

@@ -2,7 +2,6 @@
 // Grid system
 // --------------------------------------------------
 
-
 // Set the container width, and override it for fixed navbars in media queries
 .container {
   .container-fixed();
@@ -66,11 +65,10 @@
   // Prevent columns from collapsing when empty
   min-height: 1px;
   // Inner gutter via padding
-  padding-left:  (@grid-gutter-width / 2);
+  padding-left: (@grid-gutter-width / 2);
   padding-right: (@grid-gutter-width / 2);
 }
 
-
 // Extra small grid
 //
 // Grid classes for extra small devices like smartphones. No offset, push, or
@@ -92,19 +90,54 @@
 .col-xs-11 {
   float: left;
 }
-.col-xs-1  { width: percentage((1 / @grid-columns)); }
-.col-xs-2  { width: percentage((2 / @grid-columns)); }
-.col-xs-3  { width: percentage((3 / @grid-columns)); }
-.col-xs-4  { width: percentage((4 / @grid-columns)); }
-.col-xs-5  { width: percentage((5 / @grid-columns)); }
-.col-xs-6  { width: percentage((6 / @grid-columns)); }
-.col-xs-7  { width: percentage((7 / @grid-columns)); }
-.col-xs-8  { width: percentage((8 / @grid-columns)); }
-.col-xs-9  { width: percentage((9 / @grid-columns)); }
-.col-xs-10 { width: percentage((10/ @grid-columns)); }
-.col-xs-11 { width: percentage((11/ @grid-columns)); }
-.col-xs-12 { width: 100%; }
 
+.col-xs-1 {
+  width: percentage((1 / @grid-columns));
+}
+
+.col-xs-2 {
+  width: percentage((2 / @grid-columns));
+}
+
+.col-xs-3 {
+  width: percentage((3 / @grid-columns));
+}
+
+.col-xs-4 {
+  width: percentage((4 / @grid-columns));
+}
+
+.col-xs-5 {
+  width: percentage((5 / @grid-columns));
+}
+
+.col-xs-6 {
+  width: percentage((6 / @grid-columns));
+}
+
+.col-xs-7 {
+  width: percentage((7 / @grid-columns));
+}
+
+.col-xs-8 {
+  width: percentage((8 / @grid-columns));
+}
+
+.col-xs-9 {
+  width: percentage((9 / @grid-columns));
+}
+
+.col-xs-10 {
+  width: percentage((10/ @grid-columns));
+}
+
+.col-xs-11 {
+  width: percentage((11/ @grid-columns));
+}
+
+.col-xs-12 {
+  width: 100%;
+}
 
 // Small grid
 //
@@ -116,7 +149,7 @@
 
 @media (min-width: @screen-sm-min) {
   .container {
-    width: @container-sm;
+	width: @container-sm;
   }
 
   .col-sm-1,
@@ -130,60 +163,191 @@
   .col-sm-9,
   .col-sm-10,
   .col-sm-11 {
-    float: left;
+	float: left;
+  }
+
+  .col-sm-1 {
+	width: percentage((1 / @grid-columns));
+  }
+
+  .col-sm-2 {
+	width: percentage((2 / @grid-columns));
+  }
+
+  .col-sm-3 {
+	width: percentage((3 / @grid-columns));
+  }
+
+  .col-sm-4 {
+	width: percentage((4 / @grid-columns));
+  }
+
+  .col-sm-5 {
+	width: percentage((5 / @grid-columns));
+  }
+
+  .col-sm-6 {
+	width: percentage((6 / @grid-columns));
+  }
+
+  .col-sm-7 {
+	width: percentage((7 / @grid-columns));
+  }
+
+  .col-sm-8 {
+	width: percentage((8 / @grid-columns));
+  }
+
+  .col-sm-9 {
+	width: percentage((9 / @grid-columns));
+  }
+
+  .col-sm-10 {
+	width: percentage((10/ @grid-columns));
+  }
+
+  .col-sm-11 {
+	width: percentage((11/ @grid-columns));
+  }
+
+  .col-sm-12 {
+	width: 100%;
   }
-  .col-sm-1  { width: percentage((1 / @grid-columns)); }
-  .col-sm-2  { width: percentage((2 / @grid-columns)); }
-  .col-sm-3  { width: percentage((3 / @grid-columns)); }
-  .col-sm-4  { width: percentage((4 / @grid-columns)); }
-  .col-sm-5  { width: percentage((5 / @grid-columns)); }
-  .col-sm-6  { width: percentage((6 / @grid-columns)); }
-  .col-sm-7  { width: percentage((7 / @grid-columns)); }
-  .col-sm-8  { width: percentage((8 / @grid-columns)); }
-  .col-sm-9  { width: percentage((9 / @grid-columns)); }
-  .col-sm-10 { width: percentage((10/ @grid-columns)); }
-  .col-sm-11 { width: percentage((11/ @grid-columns)); }
-  .col-sm-12 { width: 100%; }
 
   // Push and pull columns for source order changes
-  .col-sm-push-1  { left: percentage((1 / @grid-columns)); }
-  .col-sm-push-2  { left: percentage((2 / @grid-columns)); }
-  .col-sm-push-3  { left: percentage((3 / @grid-columns)); }
-  .col-sm-push-4  { left: percentage((4 / @grid-columns)); }
-  .col-sm-push-5  { left: percentage((5 / @grid-columns)); }
-  .col-sm-push-6  { left: percentage((6 / @grid-columns)); }
-  .col-sm-push-7  { left: percentage((7 / @grid-columns)); }
-  .col-sm-push-8  { left: percentage((8 / @grid-columns)); }
-  .col-sm-push-9  { left: percentage((9 / @grid-columns)); }
-  .col-sm-push-10 { left: percentage((10/ @grid-columns)); }
-  .col-sm-push-11 { left: percentage((11/ @grid-columns)); }
+  .col-sm-push-1 {
+	left: percentage((1 / @grid-columns));
+  }
 
-  .col-sm-pull-1  { right: percentage((1 / @grid-columns)); }
-  .col-sm-pull-2  { right: percentage((2 / @grid-columns)); }
-  .col-sm-pull-3  { right: percentage((3 / @grid-columns)); }
-  .col-sm-pull-4  { right: percentage((4 / @grid-columns)); }
-  .col-sm-pull-5  { right: percentage((5 / @grid-columns)); }
-  .col-sm-pull-6  { right: percentage((6 / @grid-columns)); }
-  .col-sm-pull-7  { right: percentage((7 / @grid-columns)); }
-  .col-sm-pull-8  { right: percentage((8 / @grid-columns)); }
-  .col-sm-pull-9  { right: percentage((9 / @grid-columns)); }
-  .col-sm-pull-10 { right: percentage((10/ @grid-columns)); }
-  .col-sm-pull-11 { right: percentage((11/ @grid-columns)); }
+  .col-sm-push-2 {
+	left: percentage((2 / @grid-columns));
+  }
+
+  .col-sm-push-3 {
+	left: percentage((3 / @grid-columns));
+  }
+
+  .col-sm-push-4 {
+	left: percentage((4 / @grid-columns));
+  }
+
+  .col-sm-push-5 {
+	left: percentage((5 / @grid-columns));
+  }
+
+  .col-sm-push-6 {
+	left: percentage((6 / @grid-columns));
+  }
+
+  .col-sm-push-7 {
+	left: percentage((7 / @grid-columns));
+  }
+
+  .col-sm-push-8 {
+	left: percentage((8 / @grid-columns));
+  }
+
+  .col-sm-push-9 {
+	left: percentage((9 / @grid-columns));
+  }
+
+  .col-sm-push-10 {
+	left: percentage((10/ @grid-columns));
+  }
+
+  .col-sm-push-11 {
+	left: percentage((11/ @grid-columns));
+  }
+
+  .col-sm-pull-1 {
+	right: percentage((1 / @grid-columns));
+  }
+
+  .col-sm-pull-2 {
+	right: percentage((2 / @grid-columns));
+  }
+
+  .col-sm-pull-3 {
+	right: percentage((3 / @grid-columns));
+  }
+
+  .col-sm-pull-4 {
+	right: percentage((4 / @grid-columns));
+  }
+
+  .col-sm-pull-5 {
+	right: percentage((5 / @grid-columns));
+  }
+
+  .col-sm-pull-6 {
+	right: percentage((6 / @grid-columns));
+  }
+
+  .col-sm-pull-7 {
+	right: percentage((7 / @grid-columns));
+  }
+
+  .col-sm-pull-8 {
+	right: percentage((8 / @grid-columns));
+  }
+
+  .col-sm-pull-9 {
+	right: percentage((9 / @grid-columns));
+  }
+
+  .col-sm-pull-10 {
+	right: percentage((10/ @grid-columns));
+  }
+
+  .col-sm-pull-11 {
+	right: percentage((11/ @grid-columns));
+  }
 
   // Offsets
-  .col-sm-offset-1  { margin-left: percentage((1 / @grid-columns)); }
-  .col-sm-offset-2  { margin-left: percentage((2 / @grid-columns)); }
-  .col-sm-offset-3  { margin-left: percentage((3 / @grid-columns)); }
-  .col-sm-offset-4  { margin-left: percentage((4 / @grid-columns)); }
-  .col-sm-offset-5  { margin-left: percentage((5 / @grid-columns)); }
-  .col-sm-offset-6  { margin-left: percentage((6 / @grid-columns)); }
-  .col-sm-offset-7  { margin-left: percentage((7 / @grid-columns)); }
-  .col-sm-offset-8  { margin-left: percentage((8 / @grid-columns)); }
-  .col-sm-offset-9  { margin-left: percentage((9 / @grid-columns)); }
-  .col-sm-offset-10 { margin-left: percentage((10/ @grid-columns)); }
-  .col-sm-offset-11 { margin-left: percentage((11/ @grid-columns)); }
-}
+  .col-sm-offset-1 {
+	margin-left: percentage((1 / @grid-columns));
+  }
 
+  .col-sm-offset-2 {
+	margin-left: percentage((2 / @grid-columns));
+  }
+
+  .col-sm-offset-3 {
+	margin-left: percentage((3 / @grid-columns));
+  }
+
+  .col-sm-offset-4 {
+	margin-left: percentage((4 / @grid-columns));
+  }
+
+  .col-sm-offset-5 {
+	margin-left: percentage((5 / @grid-columns));
+  }
+
+  .col-sm-offset-6 {
+	margin-left: percentage((6 / @grid-columns));
+  }
+
+  .col-sm-offset-7 {
+	margin-left: percentage((7 / @grid-columns));
+  }
+
+  .col-sm-offset-8 {
+	margin-left: percentage((8 / @grid-columns));
+  }
+
+  .col-sm-offset-9 {
+	margin-left: percentage((9 / @grid-columns));
+  }
+
+  .col-sm-offset-10 {
+	margin-left: percentage((10/ @grid-columns));
+  }
+
+  .col-sm-offset-11 {
+	margin-left: percentage((11/ @grid-columns));
+  }
+}
 
 // Medium grid
 //
@@ -194,8 +358,9 @@
 
 @media (min-width: @screen-md-min) {
   .container {
-    width: @container-md;
+	width: @container-md;
   }
+
   .col-md-1,
   .col-md-2,
   .col-md-3,
@@ -207,63 +372,203 @@
   .col-md-9,
   .col-md-10,
   .col-md-11 {
-    float: left;
+	float: left;
+  }
+
+  .col-md-1 {
+	width: percentage((1 / @grid-columns));
+  }
+
+  .col-md-2 {
+	width: percentage((2 / @grid-columns));
+  }
+
+  .col-md-3 {
+	width: percentage((3 / @grid-columns));
+  }
+
+  .col-md-4 {
+	width: percentage((4 / @grid-columns));
+  }
+
+  .col-md-5 {
+	width: percentage((5 / @grid-columns));
+  }
+
+  .col-md-6 {
+	width: percentage((6 / @grid-columns));
+  }
+
+  .col-md-7 {
+	width: percentage((7 / @grid-columns));
+  }
+
+  .col-md-8 {
+	width: percentage((8 / @grid-columns));
+  }
+
+  .col-md-9 {
+	width: percentage((9 / @grid-columns));
+  }
+
+  .col-md-10 {
+	width: percentage((10/ @grid-columns));
+  }
+
+  .col-md-11 {
+	width: percentage((11/ @grid-columns));
+  }
+
+  .col-md-12 {
+	width: 100%;
   }
-  .col-md-1  { width: percentage((1 / @grid-columns)); }
-  .col-md-2  { width: percentage((2 / @grid-columns)); }
-  .col-md-3  { width: percentage((3 / @grid-columns)); }
-  .col-md-4  { width: percentage((4 / @grid-columns)); }
-  .col-md-5  { width: percentage((5 / @grid-columns)); }
-  .col-md-6  { width: percentage((6 / @grid-columns)); }
-  .col-md-7  { width: percentage((7 / @grid-columns)); }
-  .col-md-8  { width: percentage((8 / @grid-columns)); }
-  .col-md-9  { width: percentage((9 / @grid-columns)); }
-  .col-md-10 { width: percentage((10/ @grid-columns)); }
-  .col-md-11 { width: percentage((11/ @grid-columns)); }
-  .col-md-12 { width: 100%; }
 
   // Push and pull columns for source order changes
-  .col-md-push-0  { left: auto; }
-  .col-md-push-1  { left: percentage((1 / @grid-columns)); }
-  .col-md-push-2  { left: percentage((2 / @grid-columns)); }
-  .col-md-push-3  { left: percentage((3 / @grid-columns)); }
-  .col-md-push-4  { left: percentage((4 / @grid-columns)); }
-  .col-md-push-5  { left: percentage((5 / @grid-columns)); }
-  .col-md-push-6  { left: percentage((6 / @grid-columns)); }
-  .col-md-push-7  { left: percentage((7 / @grid-columns)); }
-  .col-md-push-8  { left: percentage((8 / @grid-columns)); }
-  .col-md-push-9  { left: percentage((9 / @grid-columns)); }
-  .col-md-push-10 { left: percentage((10/ @grid-columns)); }
-  .col-md-push-11 { left: percentage((11/ @grid-columns)); }
+  .col-md-push-0 {
+	left: auto;
+  }
 
-  .col-md-pull-0  { right: auto; }
-  .col-md-pull-1  { right: percentage((1 / @grid-columns)); }
-  .col-md-pull-2  { right: percentage((2 / @grid-columns)); }
-  .col-md-pull-3  { right: percentage((3 / @grid-columns)); }
-  .col-md-pull-4  { right: percentage((4 / @grid-columns)); }
-  .col-md-pull-5  { right: percentage((5 / @grid-columns)); }
-  .col-md-pull-6  { right: percentage((6 / @grid-columns)); }
-  .col-md-pull-7  { right: percentage((7 / @grid-columns)); }
-  .col-md-pull-8  { right: percentage((8 / @grid-columns)); }
-  .col-md-pull-9  { right: percentage((9 / @grid-columns)); }
-  .col-md-pull-10 { right: percentage((10/ @grid-columns)); }
-  .col-md-pull-11 { right: percentage((11/ @grid-columns)); }
+  .col-md-push-1 {
+	left: percentage((1 / @grid-columns));
+  }
+
+  .col-md-push-2 {
+	left: percentage((2 / @grid-columns));
+  }
+
+  .col-md-push-3 {
+	left: percentage((3 / @grid-columns));
+  }
+
+  .col-md-push-4 {
+	left: percentage((4 / @grid-columns));
+  }
+
+  .col-md-push-5 {
+	left: percentage((5 / @grid-columns));
+  }
+
+  .col-md-push-6 {
+	left: percentage((6 / @grid-columns));
+  }
+
+  .col-md-push-7 {
+	left: percentage((7 / @grid-columns));
+  }
+
+  .col-md-push-8 {
+	left: percentage((8 / @grid-columns));
+  }
+
+  .col-md-push-9 {
+	left: percentage((9 / @grid-columns));
+  }
+
+  .col-md-push-10 {
+	left: percentage((10/ @grid-columns));
+  }
+
+  .col-md-push-11 {
+	left: percentage((11/ @grid-columns));
+  }
+
+  .col-md-pull-0 {
+	right: auto;
+  }
+
+  .col-md-pull-1 {
+	right: percentage((1 / @grid-columns));
+  }
+
+  .col-md-pull-2 {
+	right: percentage((2 / @grid-columns));
+  }
+
+  .col-md-pull-3 {
+	right: percentage((3 / @grid-columns));
+  }
+
+  .col-md-pull-4 {
+	right: percentage((4 / @grid-columns));
+  }
+
+  .col-md-pull-5 {
+	right: percentage((5 / @grid-columns));
+  }
+
+  .col-md-pull-6 {
+	right: percentage((6 / @grid-columns));
+  }
+
+  .col-md-pull-7 {
+	right: percentage((7 / @grid-columns));
+  }
+
+  .col-md-pull-8 {
+	right: percentage((8 / @grid-columns));
+  }
+
+  .col-md-pull-9 {
+	right: percentage((9 / @grid-columns));
+  }
+
+  .col-md-pull-10 {
+	right: percentage((10/ @grid-columns));
+  }
+
+  .col-md-pull-11 {
+	right: percentage((11/ @grid-columns));
+  }
 
   // Offsets
-  .col-md-offset-0  { margin-left: 0; }
-  .col-md-offset-1  { margin-left: percentage((1 / @grid-columns)); }
-  .col-md-offset-2  { margin-left: percentage((2 / @grid-columns)); }
-  .col-md-offset-3  { margin-left: percentage((3 / @grid-columns)); }
-  .col-md-offset-4  { margin-left: percentage((4 / @grid-columns)); }
-  .col-md-offset-5  { margin-left: percentage((5 / @grid-columns)); }
-  .col-md-offset-6  { margin-left: percentage((6 / @grid-columns)); }
-  .col-md-offset-7  { margin-left: percentage((7 / @grid-columns)); }
-  .col-md-offset-8  { margin-left: percentage((8 / @grid-columns)); }
-  .col-md-offset-9  { margin-left: percentage((9 / @grid-columns)); }
-  .col-md-offset-10 { margin-left: percentage((10/ @grid-columns)); }
-  .col-md-offset-11 { margin-left: percentage((11/ @grid-columns)); }
-}
+  .col-md-offset-0 {
+	margin-left: 0;
+  }
 
+  .col-md-offset-1 {
+	margin-left: percentage((1 / @grid-columns));
+  }
+
+  .col-md-offset-2 {
+	margin-left: percentage((2 / @grid-columns));
+  }
+
+  .col-md-offset-3 {
+	margin-left: percentage((3 / @grid-columns));
+  }
+
+  .col-md-offset-4 {
+	margin-left: percentage((4 / @grid-columns));
+  }
+
+  .col-md-offset-5 {
+	margin-left: percentage((5 / @grid-columns));
+  }
+
+  .col-md-offset-6 {
+	margin-left: percentage((6 / @grid-columns));
+  }
+
+  .col-md-offset-7 {
+	margin-left: percentage((7 / @grid-columns));
+  }
+
+  .col-md-offset-8 {
+	margin-left: percentage((8 / @grid-columns));
+  }
+
+  .col-md-offset-9 {
+	margin-left: percentage((9 / @grid-columns));
+  }
+
+  .col-md-offset-10 {
+	margin-left: percentage((10/ @grid-columns));
+  }
+
+  .col-md-offset-11 {
+	margin-left: percentage((11/ @grid-columns));
+  }
+}
 
 // Large grid
 //
@@ -274,7 +579,7 @@
 
 @media (min-width: @screen-lg-min) {
   .container {
-    width: @container-lg;
+	width: @container-lg;
   }
 
   .col-lg-1,
@@ -288,59 +593,200 @@
   .col-lg-9,
   .col-lg-10,
   .col-lg-11 {
-    float: left;
+	float: left;
+  }
+
+  .col-lg-1 {
+	width: percentage((1 / @grid-columns));
+  }
+
+  .col-lg-2 {
+	width: percentage((2 / @grid-columns));
+  }
+
+  .col-lg-3 {
+	width: percentage((3 / @grid-columns));
+  }
+
+  .col-lg-4 {
+	width: percentage((4 / @grid-columns));
+  }
+
+  .col-lg-5 {
+	width: percentage((5 / @grid-columns));
+  }
+
+  .col-lg-6 {
+	width: percentage((6 / @grid-columns));
+  }
+
+  .col-lg-7 {
+	width: percentage((7 / @grid-columns));
+  }
+
+  .col-lg-8 {
+	width: percentage((8 / @grid-columns));
+  }
+
+  .col-lg-9 {
+	width: percentage((9 / @grid-columns));
+  }
+
+  .col-lg-10 {
+	width: percentage((10/ @grid-columns));
+  }
+
+  .col-lg-11 {
+	width: percentage((11/ @grid-columns));
+  }
+
+  .col-lg-12 {
+	width: 100%;
   }
-  .col-lg-1  { width: percentage((1 / @grid-columns)); }
-  .col-lg-2  { width: percentage((2 / @grid-columns)); }
-  .col-lg-3  { width: percentage((3 / @grid-columns)); }
-  .col-lg-4  { width: percentage((4 / @grid-columns)); }
-  .col-lg-5  { width: percentage((5 / @grid-columns)); }
-  .col-lg-6  { width: percentage((6 / @grid-columns)); }
-  .col-lg-7  { width: percentage((7 / @grid-columns)); }
-  .col-lg-8  { width: percentage((8 / @grid-columns)); }
-  .col-lg-9  { width: percentage((9 / @grid-columns)); }
-  .col-lg-10 { width: percentage((10/ @grid-columns)); }
-  .col-lg-11 { width: percentage((11/ @grid-columns)); }
-  .col-lg-12 { width: 100%; }
 
   // Push and pull columns for source order changes
-  .col-lg-push-0  { left: auto; }
-  .col-lg-push-1  { left: percentage((1 / @grid-columns)); }
-  .col-lg-push-2  { left: percentage((2 / @grid-columns)); }
-  .col-lg-push-3  { left: percentage((3 / @grid-columns)); }
-  .col-lg-push-4  { left: percentage((4 / @grid-columns)); }
-  .col-lg-push-5  { left: percentage((5 / @grid-columns)); }
-  .col-lg-push-6  { left: percentage((6 / @grid-columns)); }
-  .col-lg-push-7  { left: percentage((7 / @grid-columns)); }
-  .col-lg-push-8  { left: percentage((8 / @grid-columns)); }
-  .col-lg-push-9  { left: percentage((9 / @grid-columns)); }
-  .col-lg-push-10 { left: percentage((10/ @grid-columns)); }
-  .col-lg-push-11 { left: percentage((11/ @grid-columns)); }
+  .col-lg-push-0 {
+	left: auto;
+  }
 
-  .col-lg-pull-0  { right: auto; }
-  .col-lg-pull-1  { right: percentage((1 / @grid-columns)); }
-  .col-lg-pull-2  { right: percentage((2 / @grid-columns)); }
-  .col-lg-pull-3  { right: percentage((3 / @grid-columns)); }
-  .col-lg-pull-4  { right: percentage((4 / @grid-columns)); }
-  .col-lg-pull-5  { right: percentage((5 / @grid-columns)); }
-  .col-lg-pull-6  { right: percentage((6 / @grid-columns)); }
-  .col-lg-pull-7  { right: percentage((7 / @grid-columns)); }
-  .col-lg-pull-8  { right: percentage((8 / @grid-columns)); }
-  .col-lg-pull-9  { right: percentage((9 / @grid-columns)); }
-  .col-lg-pull-10 { right: percentage((10/ @grid-columns)); }
-  .col-lg-pull-11 { right: percentage((11/ @grid-columns)); }
+  .col-lg-push-1 {
+	left: percentage((1 / @grid-columns));
+  }
+
+  .col-lg-push-2 {
+	left: percentage((2 / @grid-columns));
+  }
+
+  .col-lg-push-3 {
+	left: percentage((3 / @grid-columns));
+  }
+
+  .col-lg-push-4 {
+	left: percentage((4 / @grid-columns));
+  }
+
+  .col-lg-push-5 {
+	left: percentage((5 / @grid-columns));
+  }
+
+  .col-lg-push-6 {
+	left: percentage((6 / @grid-columns));
+  }
+
+  .col-lg-push-7 {
+	left: percentage((7 / @grid-columns));
+  }
+
+  .col-lg-push-8 {
+	left: percentage((8 / @grid-columns));
+  }
+
+  .col-lg-push-9 {
+	left: percentage((9 / @grid-columns));
+  }
+
+  .col-lg-push-10 {
+	left: percentage((10/ @grid-columns));
+  }
+
+  .col-lg-push-11 {
+	left: percentage((11/ @grid-columns));
+  }
+
+  .col-lg-pull-0 {
+	right: auto;
+  }
+
+  .col-lg-pull-1 {
+	right: percentage((1 / @grid-columns));
+  }
+
+  .col-lg-pull-2 {
+	right: percentage((2 / @grid-columns));
+  }
+
+  .col-lg-pull-3 {
+	right: percentage((3 / @grid-columns));
+  }
+
+  .col-lg-pull-4 {
+	right: percentage((4 / @grid-columns));
+  }
+
+  .col-lg-pull-5 {
+	right: percentage((5 / @grid-columns));
+  }
+
+  .col-lg-pull-6 {
+	right: percentage((6 / @grid-columns));
+  }
+
+  .col-lg-pull-7 {
+	right: percentage((7 / @grid-columns));
+  }
+
+  .col-lg-pull-8 {
+	right: percentage((8 / @grid-columns));
+  }
+
+  .col-lg-pull-9 {
+	right: percentage((9 / @grid-columns));
+  }
+
+  .col-lg-pull-10 {
+	right: percentage((10/ @grid-columns));
+  }
+
+  .col-lg-pull-11 {
+	right: percentage((11/ @grid-columns));
+  }
 
   // Offsets
-  .col-lg-offset-0  { margin-left: 0; }
-  .col-lg-offset-1  { margin-left: percentage((1 / @grid-columns)); }
-  .col-lg-offset-2  { margin-left: percentage((2 / @grid-columns)); }
-  .col-lg-offset-3  { margin-left: percentage((3 / @grid-columns)); }
-  .col-lg-offset-4  { margin-left: percentage((4 / @grid-columns)); }
-  .col-lg-offset-5  { margin-left: percentage((5 / @grid-columns)); }
-  .col-lg-offset-6  { margin-left: percentage((6 / @grid-columns)); }
-  .col-lg-offset-7  { margin-left: percentage((7 / @grid-columns)); }
-  .col-lg-offset-8  { margin-left: percentage((8 / @grid-columns)); }
-  .col-lg-offset-9  { margin-left: percentage((9 / @grid-columns)); }
-  .col-lg-offset-10 { margin-left: percentage((10/ @grid-columns)); }
-  .col-lg-offset-11 { margin-left: percentage((11/ @grid-columns)); }
+  .col-lg-offset-0 {
+	margin-left: 0;
+  }
+
+  .col-lg-offset-1 {
+	margin-left: percentage((1 / @grid-columns));
+  }
+
+  .col-lg-offset-2 {
+	margin-left: percentage((2 / @grid-columns));
+  }
+
+  .col-lg-offset-3 {
+	margin-left: percentage((3 / @grid-columns));
+  }
+
+  .col-lg-offset-4 {
+	margin-left: percentage((4 / @grid-columns));
+  }
+
+  .col-lg-offset-5 {
+	margin-left: percentage((5 / @grid-columns));
+  }
+
+  .col-lg-offset-6 {
+	margin-left: percentage((6 / @grid-columns));
+  }
+
+  .col-lg-offset-7 {
+	margin-left: percentage((7 / @grid-columns));
+  }
+
+  .col-lg-offset-8 {
+	margin-left: percentage((8 / @grid-columns));
+  }
+
+  .col-lg-offset-9 {
+	margin-left: percentage((9 / @grid-columns));
+  }
+
+  .col-lg-offset-10 {
+	margin-left: percentage((10/ @grid-columns));
+  }
+
+  .col-lg-offset-11 {
+	margin-left: percentage((11/ @grid-columns));
+  }
 }

public/less/ie8and.less

@@ -3,91 +3,201 @@
 // Amend the width of container if you want to here
 @container-md-ie8: @container-md;
 
-@grid-adjustment: percentage(@grid-gutter-width / @container-md-ie8);
+@grid-adjustment: percentage((@grid-gutter-width / @container-md-ie8));
 
 .ie7, .ie8 {
-	* {
-		box-sizing: content-box;
-	}
-	.clearfix {
-	    *zoom: 1;
-	}
-	ul, ol {
-		margin-left:0;
-	}
+  * {
+	box-sizing: content-box;
+  }
 
-	.container {
-		width: @container-md-ie8;
-	}
+  .clearfix {
+	*zoom: 1;
+  }
 
-	.col-md-1,
-	.col-md-2,
-	.col-md-3,
-	.col-md-4,
-	.col-md-5,
-	.col-md-6,
-	.col-md-7,
-	.col-md-8,
-	.col-md-9,
-	.col-md-10,
-	.col-md-11 {
-		float: left;
-	}
-	.col-md-1  { width: percentage((1 / @grid-columns)) - @grid-adjustment; }
-	.col-md-2  { width: percentage((2 / @grid-columns)) - @grid-adjustment; }
-	.col-md-3  { width: percentage((3 / @grid-columns)) - @grid-adjustment; }
-	.col-md-4  { width: percentage((4 / @grid-columns)) - @grid-adjustment; }
-	.col-md-5  { width: percentage((5 / @grid-columns)) - @grid-adjustment; }
-	.col-md-6  { width: percentage((6 / @grid-columns)) - @grid-adjustment; }
-	.col-md-7  { width: percentage((7 / @grid-columns)) - @grid-adjustment; }
-	.col-md-8  { width: percentage((8 / @grid-columns)) - @grid-adjustment; }
-	.col-md-9  { width: percentage((9 / @grid-columns)) - @grid-adjustment; }
-	.col-md-10 { width: percentage((10/ @grid-columns)) - @grid-adjustment; }
-	.col-md-11 { width: percentage((11/ @grid-columns)) - @grid-adjustment; }
-	.col-md-12 { width: 100% - @grid-adjustment; }
+  ul, ol {
+	margin-left: 0;
+  }
 
-	// Push and pull columns for source order changes
-	.col-md-push-0  { left: auto; }
-	.col-md-push-1  { left: percentage((1 / @grid-columns)); }
-	.col-md-push-2  { left: percentage((2 / @grid-columns)); }
-	.col-md-push-3  { left: percentage((3 / @grid-columns)); }
-	.col-md-push-4  { left: percentage((4 / @grid-columns)); }
-	.col-md-push-5  { left: percentage((5 / @grid-columns)); }
-	.col-md-push-6  { left: percentage((6 / @grid-columns)); }
-	.col-md-push-7  { left: percentage((7 / @grid-columns)); }
-	.col-md-push-8  { left: percentage((8 / @grid-columns)); }
-	.col-md-push-9  { left: percentage((9 / @grid-columns)); }
-	.col-md-push-10 { left: percentage((10/ @grid-columns)); }
-	.col-md-push-11 { left: percentage((11/ @grid-columns)); }
+  .container {
+	width: @container-md-ie8;
+  }
 
-	.col-md-pull-0  { right: auto; }
-	.col-md-pull-1  { right: percentage((1 / @grid-columns)); }
-	.col-md-pull-2  { right: percentage((2 / @grid-columns)); }
-	.col-md-pull-3  { right: percentage((3 / @grid-columns)); }
-	.col-md-pull-4  { right: percentage((4 / @grid-columns)); }
-	.col-md-pull-5  { right: percentage((5 / @grid-columns)); }
-	.col-md-pull-6  { right: percentage((6 / @grid-columns)); }
-	.col-md-pull-7  { right: percentage((7 / @grid-columns)); }
-	.col-md-pull-8  { right: percentage((8 / @grid-columns)); }
-	.col-md-pull-9  { right: percentage((9 / @grid-columns)); }
-	.col-md-pull-10 { right: percentage((10/ @grid-columns)); }
-	.col-md-pull-11 { right: percentage((11/ @grid-columns)); }
+  .col-md-1,
+  .col-md-2,
+  .col-md-3,
+  .col-md-4,
+  .col-md-5,
+  .col-md-6,
+  .col-md-7,
+  .col-md-8,
+  .col-md-9,
+  .col-md-10,
+  .col-md-11 {
+	float: left;
+  }
 
-	// Offsets
-	.col-md-offset-0  { margin-left: 0; }
-	.col-md-offset-1  { margin-left: percentage((1 / @grid-columns)); }
-	.col-md-offset-2  { margin-left: percentage((2 / @grid-columns)); }
-	.col-md-offset-3  { margin-left: percentage((3 / @grid-columns)); }
-	.col-md-offset-4  { margin-left: percentage((4 / @grid-columns)); }
-	.col-md-offset-5  { margin-left: percentage((5 / @grid-columns)); }
-	.col-md-offset-6  { margin-left: percentage((6 / @grid-columns)); }
-	.col-md-offset-7  { margin-left: percentage((7 / @grid-columns)); }
-	.col-md-offset-8  { margin-left: percentage((8 / @grid-columns)); }
-	.col-md-offset-9  { margin-left: percentage((9 / @grid-columns)); }
-	.col-md-offset-10 { margin-left: percentage((10/ @grid-columns)); }
-	.col-md-offset-11 { margin-left: percentage((11/ @grid-columns)); }
+  .col-md-1 {
+	width: percentage((1 / @grid-columns)) - @grid-adjustment;
+  }
 
-	.clearfix {
-	    *zoom: 1;
-	}
+  .col-md-2 {
+	width: percentage((2 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-3 {
+	width: percentage((3 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-4 {
+	width: percentage((4 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-5 {
+	width: percentage((5 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-6 {
+	width: percentage((6 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-7 {
+	width: percentage((7 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-8 {
+	width: percentage((8 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-9 {
+	width: percentage((9 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-10 {
+	width: percentage((10/ @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-11 {
+	width: percentage((11/ @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-12 {
+	width: 100% - @grid-adjustment;
+  }
+
+  // Push and pull columns for source order changes
+  .col-md-push-0 {
+	left: auto;
+  }
+  .col-md-push-1 {
+	left: percentage((1 / @grid-columns));
+  }
+  .col-md-push-2 {
+	left: percentage((2 / @grid-columns));
+  }
+  .col-md-push-3 {
+	left: percentage((3 / @grid-columns));
+  }
+  .col-md-push-4 {
+	left: percentage((4 / @grid-columns));
+  }
+  .col-md-push-5 {
+	left: percentage((5 / @grid-columns));
+  }
+  .col-md-push-6 {
+	left: percentage((6 / @grid-columns));
+  }
+  .col-md-push-7 {
+	left: percentage((7 / @grid-columns));
+  }
+  .col-md-push-8 {
+	left: percentage((8 / @grid-columns));
+  }
+  .col-md-push-9 {
+	left: percentage((9 / @grid-columns));
+  }
+  .col-md-push-10 {
+	left: percentage((10/ @grid-columns));
+  }
+  .col-md-push-11 {
+	left: percentage((11/ @grid-columns));
+  }
+
+  .col-md-pull-0 {
+	right: auto;
+  }
+  .col-md-pull-1 {
+	right: percentage((1 / @grid-columns));
+  }
+  .col-md-pull-2 {
+	right: percentage((2 / @grid-columns));
+  }
+  .col-md-pull-3 {
+	right: percentage((3 / @grid-columns));
+  }
+  .col-md-pull-4 {
+	right: percentage((4 / @grid-columns));
+  }
+  .col-md-pull-5 {
+	right: percentage((5 / @grid-columns));
+  }
+  .col-md-pull-6 {
+	right: percentage((6 / @grid-columns));
+  }
+  .col-md-pull-7 {
+	right: percentage((7 / @grid-columns));
+  }
+  .col-md-pull-8 {
+	right: percentage((8 / @grid-columns));
+  }
+  .col-md-pull-9 {
+	right: percentage((9 / @grid-columns));
+  }
+  .col-md-pull-10 {
+	right: percentage((10/ @grid-columns));
+  }
+  .col-md-pull-11 {
+	right: percentage((11/ @grid-columns));
+  }
+
+  // Offsets
+  .col-md-offset-0 {
+	margin-left: 0;
+  }
+  .col-md-offset-1 {
+	margin-left: percentage((1 / @grid-columns));
+  }
+  .col-md-offset-2 {
+	margin-left: percentage((2 / @grid-columns));
+  }
+  .col-md-offset-3 {
+	margin-left: percentage((3 / @grid-columns));
+  }
+  .col-md-offset-4 {
+	margin-left: percentage((4 / @grid-columns));
+  }
+  .col-md-offset-5 {
+	margin-left: percentage((5 / @grid-columns));
+  }
+  .col-md-offset-6 {
+	margin-left: percentage((6 / @grid-columns));
+  }
+  .col-md-offset-7 {
+	margin-left: percentage((7 / @grid-columns));
+  }
+  .col-md-offset-8 {
+	margin-left: percentage((8 / @grid-columns));
+  }
+  .col-md-offset-9 {
+	margin-left: percentage((9 / @grid-columns));
+  }
+  .col-md-offset-10 {
+	margin-left: percentage((10/ @grid-columns));
+  }
+  .col-md-offset-11 {
+	margin-left: percentage((11/ @grid-columns));
+  }
+
+  .clearfix {
+	*zoom: 1;
+  }
 }

public/less/input-groups.less

@@ -11,14 +11,14 @@
 
   // Undo padding and float of grid classes
   &.col {
-    float: none;
-    padding-left: 0;
-    padding-right: 0;
+	float: none;
+	padding-left: 0;
+	padding-right: 0;
   }
 
   .form-control {
-    width: 100%;
-    margin-bottom: 0;
+	width: 100%;
+	margin-bottom: 0;
   }
 }
 
@@ -29,11 +29,15 @@
 
 .input-group-lg > .form-control,
 .input-group-lg > .input-group-addon,
-.input-group-lg > .input-group-btn > .btn { .input-lg(); }
+.input-group-lg > .input-group-btn > .btn {
+  .input-lg();
+}
+
 .input-group-sm > .form-control,
 .input-group-sm > .input-group-addon,
-.input-group-sm > .input-group-btn > .btn { .input-sm(); }
-
+.input-group-sm > .input-group-btn > .btn {
+  .input-sm();
+}
 
 // Display as table-cell
 // -------------------------
@@ -43,9 +47,10 @@
   display: table-cell;
 
   &:not(:first-child):not(:last-child) {
-    border-radius: 0;
+	border-radius: 0;
   }
 }
+
 // Addon and addon wrapper for buttons
 .input-group-addon,
 .input-group-btn {
@@ -69,20 +74,20 @@
 
   // Sizing
   &.input-sm {
-    padding: @padding-small-vertical @padding-small-horizontal;
-    font-size: @font-size-small;
-    border-radius: @border-radius-small;
+	padding: @padding-small-vertical @padding-small-horizontal;
+	font-size: @font-size-small;
+	border-radius: @border-radius-small;
   }
   &.input-lg {
-    padding: @padding-large-vertical @padding-large-horizontal;
-    font-size: @font-size-large;
-    border-radius: @border-radius-large;
+	padding: @padding-large-vertical @padding-large-horizontal;
+	font-size: @font-size-large;
+	border-radius: @border-radius-large;
   }
 
   // Nuke default margins from checkboxes and radios to vertically center within.
   input[type="radio"],
   input[type="checkbox"] {
-    margin-top: 0;
+	margin-top: 0;
   }
 }
 
@@ -94,9 +99,11 @@
 .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
   .border-right-radius(0);
 }
+
 .input-group-addon:first-child {
   border-right: 0;
 }
+
 .input-group .form-control:last-child,
 .input-group-addon:last-child,
 .input-group-btn:last-child > .btn,
@@ -104,6 +111,7 @@
 .input-group-btn:first-child > .btn:not(:first-child) {
   .border-left-radius(0);
 }
+
 .input-group-addon:last-child {
   border-left: 0;
 }
@@ -116,21 +124,22 @@
 
   // Negative margin to only have a 1px border between the two
   &:first-child > .btn {
-    margin-right: -1px;
+	margin-right: -1px;
   }
   &:last-child > .btn {
-    margin-left: -1px;
+	margin-left: -1px;
   }
 }
+
 .input-group-btn > .btn {
   position: relative;
   // Jankily prevent input button groups from wrapping
   + .btn {
-    margin-left: -4px;
+	margin-left: -4px;
   }
   // Bring the "active" button to the front
   &:hover,
   &:active {
-    z-index: 2;
+	z-index: 2;
   }
 }

public/less/jumbotron.less

@@ -2,7 +2,6 @@
 // Jumbotron
 // --------------------------------------------------
 
-
 .jumbotron {
   padding: @jumbotron-padding;
   margin-bottom: @jumbotron-padding;
@@ -13,28 +12,29 @@
   background-color: @jumbotron-bg;
 
   h1 {
-    line-height: 1;
-    color: @jumbotron-heading-color;
+	line-height: 1;
+	color: @jumbotron-heading-color;
   }
+
   p {
-    line-height: 1.4;
+	line-height: 1.4;
   }
 
   .container & {
-    border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
+	border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
   }
 
   @media screen and (min-width: @screen-sm-min) {
-    padding-top:    (@jumbotron-padding * 1.6);
-    padding-bottom: (@jumbotron-padding * 1.6);
+	padding-top: (@jumbotron-padding * 1.6);
+	padding-bottom: (@jumbotron-padding * 1.6);
 
-    .container & {
-      padding-left:  (@jumbotron-padding * 2);
-      padding-right: (@jumbotron-padding * 2);
-    }
+	.container & {
+	  padding-left: (@jumbotron-padding * 2);
+	  padding-right: (@jumbotron-padding * 2);
+	}
 
-    h1 {
-      font-size: (@font-size-base * 4.5);
-    }
+	h1 {
+	  font-size: (@font-size-base * 4.5);
+	}
   }
 }

public/less/labels.less

@@ -16,17 +16,17 @@
 
   // Add hover effects, but only for links
   &[href] {
-    &:hover,
-    &:focus {
-      color: @label-link-hover-color;
-      text-decoration: none;
-      cursor: pointer;
-    }
+	&:hover,
+	&:focus {
+	  color: @label-link-hover-color;
+	  text-decoration: none;
+	  cursor: pointer;
+	}
   }
 
   // Empty labels collapse automatically (not available in IE8)
   &:empty {
-    display: none;
+	display: none;
   }
 }
 

public/less/list-group.less

@@ -25,53 +25,53 @@
 
   // Round the first and last items
   &:first-child {
-    .border-top-radius(@list-group-border-radius);
+	.border-top-radius(@list-group-border-radius);
   }
   &:last-child {
-    margin-bottom: 0;
-    .border-bottom-radius(@list-group-border-radius);
+	margin-bottom: 0;
+	.border-bottom-radius(@list-group-border-radius);
   }
 
   // Align badges within list items
   > .badge {
-    float: right;
+	float: right;
   }
   > .badge + .badge {
-    margin-right: 5px;
+	margin-right: 5px;
   }
 
   // Linked list items
   a& {
-    color: @list-group-link-color;
+	color: @list-group-link-color;
 
-    .list-group-item-heading {
-      color: @list-group-link-heading-color;
-    }
+	.list-group-item-heading {
+	  color: @list-group-link-heading-color;
+	}
 
-    // Hover state
-    &:hover,
-    &:focus {
-      text-decoration: none;
-      background-color: @list-group-hover-bg;
-    }
+	// Hover state
+	&:hover,
+	&:focus {
+	  text-decoration: none;
+	  background-color: @list-group-hover-bg;
+	}
   }
 
   // Active class on item itself, not parent
   &.active,
   &.active:hover,
   &.active:focus {
-    z-index: 2; // Place active items above their siblings for proper border styling
-    color: @list-group-active-color;
-    background-color: @list-group-active-bg;
-    border-color: @list-group-active-border;
+	z-index: 2; // Place active items above their siblings for proper border styling
+	color: @list-group-active-color;
+	background-color: @list-group-active-bg;
+	border-color: @list-group-active-border;
 
-    // Force color to inherit for custom content
-    .list-group-item-heading {
-      color: inherit;
-    }
-    .list-group-item-text {
-      color: lighten(@list-group-active-bg, 40%);
-    }
+	// Force color to inherit for custom content
+	.list-group-item-heading {
+	  color: inherit;
+	}
+	.list-group-item-text {
+	  color: lighten(@list-group-active-bg, 40%);
+	}
   }
 }
 
@@ -82,6 +82,7 @@
   margin-top: 0;
   margin-bottom: 5px;
 }
+
 .list-group-item-text {
   margin-bottom: 0;
   line-height: 1.3;

public/less/main.less

@@ -1,12 +1,11 @@
 // Core variables and mixins
 @import "variables.less";
-@import "variables-flatly.less"; /* Bootswatch Flatly theme variables */
+@import "variables-flatly.less";
+/* Bootswatch Flatly theme variables */
 @import "mixins.less";
-
 // Reset
 @import "normalize.less";
 @import "print.less";
-
 // Core CSS
 @import "scaffolding.less";
 @import "type.less";
@@ -15,7 +14,6 @@
 @import "tables.less";
 @import "forms.less";
 @import "buttons.less";
-
 // Components
 @import "component-animations.less";
 @import "glyphicons.less";
@@ -38,25 +36,20 @@
 @import "panels.less";
 @import "wells.less";
 @import "close.less";
-
 // Components w/ JavaScript
 //@import "modals.less";
 @import "tooltip.less";
-//@import "popovers.less";
+@import "popovers.less";
 //@import "carousel.less";
-
 // Utility classes
 @import "utilities.less";
 @import "responsive-utilities.less";
-
 //Bootswatch overrides
 @import "bootswatch.less";
-
 // Site specific
 @import "site.less";
 @import "site-nojavascript.less";
 @import "site-responsive.less";
-
 // Stupid ie
 @import "ie8and.less";
 @import "site-ie8and.less";

public/less/media.less

@@ -2,7 +2,6 @@
 // Source: http://stubbornella.org/content/?p=497
 // --------------------------------------------------
 
-
 // Common styles
 // -------------------------
 
@@ -18,6 +17,7 @@
 .media .media {
   margin-top: 15px;
 }
+
 .media:first-child {
   margin-top: 0;
 }
@@ -32,20 +32,18 @@
   margin: 0 0 5px;
 }
 
-
 // Media image alignment
 // -------------------------
 
 .media {
   > .pull-left {
-    margin-right: 10px;
+	margin-right: 10px;
   }
   > .pull-right {
-    margin-left: 10px;
+	margin-left: 10px;
   }
 }
 
-
 // Media list variation
 // -------------------------
 

public/less/mixins.less

@@ -2,7 +2,6 @@
 // Mixins
 // --------------------------------------------------
 
-
 // Utilities
 // -------------------------
 
@@ -19,11 +18,11 @@
 .clearfix() {
   &:before,
   &:after {
-    content: " "; /* 1 */
-    display: table; /* 2 */
+	content: " "; /* 1 */
+	display: table; /* 2 */
   }
   &:after {
-    clear: both;
+	clear: both;
   }
 }
 
@@ -48,16 +47,29 @@
   width: @width;
   height: @height;
 }
+
 .square(@size) {
   .size(@size; @size);
 }
 
 // Placeholder text
 .placeholder(@color: @input-color-placeholder) {
-  &:-moz-placeholder            { color: @color; } // Firefox 4-18
-  &::-moz-placeholder           { color: @color; } // Firefox 19+
-  &:-ms-input-placeholder       { color: @color; } // Internet Explorer 10+
-  &::-webkit-input-placeholder  { color: @color; } // Safari and Chrome
+  &:-moz-placeholder {
+	color: @color;
+  }
+  // Firefox 4-18
+  &::-moz-placeholder {
+	color: @color;
+  }
+  // Firefox 19+
+  &:-ms-input-placeholder {
+	color: @color;
+  }
+  // Internet Explorer 10+
+  &::-webkit-input-placeholder {
+	color: @color;
+  }
+  // Safari and Chrome
 }
 
 // Text overflow
@@ -85,6 +97,7 @@
   background-color: transparent;
   border: 0;
 }
+
 // New mixin to use as of v3.0.1
 .text-hide() {
   font: ~"0/0" a;
@@ -94,137 +107,149 @@
   border: 0;
 }
 
-
-
 // CSS3 PROPERTIES
 // --------------------------------------------------
 
 // Single side border-radius
 .border-top-radius(@radius) {
   border-top-right-radius: @radius;
-   border-top-left-radius: @radius;
+  border-top-left-radius: @radius;
 }
+
 .border-right-radius(@radius) {
   border-bottom-right-radius: @radius;
-     border-top-right-radius: @radius;
+  border-top-right-radius: @radius;
 }
+
 .border-bottom-radius(@radius) {
   border-bottom-right-radius: @radius;
-   border-bottom-left-radius: @radius;
+  border-bottom-left-radius: @radius;
 }
+
 .border-left-radius(@radius) {
   border-bottom-left-radius: @radius;
-     border-top-left-radius: @radius;
+  border-top-left-radius: @radius;
 }
 
 // Drop shadows
 .box-shadow(@shadow) {
   -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
-          box-shadow: @shadow;
+  box-shadow: @shadow;
 }
 
 // Transitions
 .transition(@transition) {
   -webkit-transition: @transition;
-          transition: @transition;
+  transition: @transition;
 }
+
 .transition-property(@transition-property) {
   -webkit-transition-property: @transition-property;
-          transition-property: @transition-property;
+  transition-property: @transition-property;
 }
+
 .transition-delay(@transition-delay) {
   -webkit-transition-delay: @transition-delay;
-          transition-delay: @transition-delay;
+  transition-delay: @transition-delay;
 }
+
 .transition-duration(@transition-duration) {
   -webkit-transition-duration: @transition-duration;
-          transition-duration: @transition-duration;
+  transition-duration: @transition-duration;
 }
+
 .transition-transform(@transition) {
   -webkit-transition: -webkit-transform @transition;
-     -moz-transition: -moz-transform @transition;
-       -o-transition: -o-transform @transition;
-          transition: transform @transition;
+  -moz-transition: -moz-transform @transition;
+  -o-transition: -o-transform @transition;
+  transition: transform @transition;
 }
 
 // Transformations
 .rotate(@degrees) {
   -webkit-transform: rotate(@degrees);
-      -ms-transform: rotate(@degrees); // IE9+
-          transform: rotate(@degrees);
+  -ms-transform: rotate(@degrees); // IE9+
+  transform: rotate(@degrees);
 }
+
 .scale(@ratio) {
   -webkit-transform: scale(@ratio);
-      -ms-transform: scale(@ratio); // IE9+
-          transform: scale(@ratio);
+  -ms-transform: scale(@ratio); // IE9+
+  transform: scale(@ratio);
 }
+
 .translate(@x; @y) {
   -webkit-transform: translate(@x, @y);
-      -ms-transform: translate(@x, @y); // IE9+
-          transform: translate(@x, @y);
+  -ms-transform: translate(@x, @y); // IE9+
+  transform: translate(@x, @y);
 }
+
 .skew(@x; @y) {
   -webkit-transform: skew(@x, @y);
-      -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
-          transform: skew(@x, @y);
+  -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
+  transform: skew(@x, @y);
 }
+
 .translate3d(@x; @y; @z) {
   -webkit-transform: translate3d(@x, @y, @z);
-          transform: translate3d(@x, @y, @z);
+  transform: translate3d(@x, @y, @z);
 }
 
 .rotateX(@degrees) {
   -webkit-transform: rotateX(@degrees);
-      -ms-transform: rotateX(@degrees); // IE9+
-          transform: rotateX(@degrees);
-}
-.rotateY(@degrees) {
-  -webkit-transform: rotateY(@degrees);
-      -ms-transform: rotateY(@degrees); // IE9+
-          transform: rotateY(@degrees);
-}
-.perspective(@perspective) {
-  -webkit-perspective: @perspective;
-     -moz-perspective: @perspective;
-          perspective: @perspective;
-}
-.perspective-origin(@perspective) {
-  -webkit-perspective-origin: @perspective;
-     -moz-perspective-origin: @perspective;
-          perspective-origin: @perspective;
-}
-.transform-origin(@origin){
-  -webkit-transform-origin: @origin;
-     -moz-transform-origin: @origin;
-          transform-origin: @origin;
+  -ms-transform: rotateX(@degrees); // IE9+
+  transform: rotateX(@degrees);
 }
 
+.rotateY(@degrees) {
+  -webkit-transform: rotateY(@degrees);
+  -ms-transform: rotateY(@degrees); // IE9+
+  transform: rotateY(@degrees);
+}
+
+.perspective(@perspective) {
+  -webkit-perspective: @perspective;
+  -moz-perspective: @perspective;
+  perspective: @perspective;
+}
+
+.perspective-origin(@perspective) {
+  -webkit-perspective-origin: @perspective;
+  -moz-perspective-origin: @perspective;
+  perspective-origin: @perspective;
+}
+
+.transform-origin(@origin) {
+  -webkit-transform-origin: @origin;
+  -moz-transform-origin: @origin;
+  transform-origin: @origin;
+}
 
 // Backface visibility
 // Prevent browsers from flickering when using CSS 3D transforms.
 // Default value is `visible`, but can be changed to `hidden`
 // See git pull https://github.com/dannykeane/bootstrap.git backface-visibility for examples
-.backface-visibility(@visibility){
+.backface-visibility(@visibility) {
   -webkit-backface-visibility: @visibility;
-     -moz-backface-visibility: @visibility;
-          backface-visibility: @visibility;
+  -moz-backface-visibility: @visibility;
+  backface-visibility: @visibility;
 }
 
 // Box sizing
 .box-sizing(@boxmodel) {
   -webkit-box-sizing: @boxmodel;
-     -moz-box-sizing: @boxmodel;
-          box-sizing: @boxmodel;
+  -moz-box-sizing: @boxmodel;
+  box-sizing: @boxmodel;
 }
 
 // User select
 // For selecting text on the page
 .user-select(@select) {
   -webkit-user-select: @select;
-     -moz-user-select: @select;
-      -ms-user-select: @select; // IE10+
-       -o-user-select: @select;
-          user-select: @select;
+  -moz-user-select: @select;
+  -ms-user-select: @select; // IE10+
+  -o-user-select: @select;
+  user-select: @select;
 }
 
 // Resize anything
@@ -236,21 +261,21 @@
 // CSS3 Content Columns
 .content-columns(@column-count; @column-gap: @grid-gutter-width) {
   -webkit-column-count: @column-count;
-     -moz-column-count: @column-count;
-          column-count: @column-count;
+  -moz-column-count: @column-count;
+  column-count: @column-count;
   -webkit-column-gap: @column-gap;
-     -moz-column-gap: @column-gap;
-          column-gap: @column-gap;
+  -moz-column-gap: @column-gap;
+  column-gap: @column-gap;
 }
 
 // Optional hyphenation
 .hyphens(@mode: auto) {
   word-wrap: break-word;
   -webkit-hyphens: @mode;
-     -moz-hyphens: @mode;
-      -ms-hyphens: @mode; // IE10+
-       -o-hyphens: @mode;
-          hyphens: @mode;
+  -moz-hyphens: @mode;
+  -ms-hyphens: @mode; // IE10+
+  -o-hyphens: @mode;
+  hyphens: @mode;
 }
 
 // Opacity
@@ -261,8 +286,6 @@
   filter: ~"alpha(opacity=@{opacity-ie})";
 }
 
-
-
 // GRADIENTS
 // --------------------------------------------------
 
@@ -273,12 +296,12 @@
   // Creates two color stops, start and end, by specifying a color and position for each color stop.
   // Color stops are not available in IE9 and below.
   .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
-    background-image: -webkit-gradient(linear, @start-percent top, @end-percent top, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
-    background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1+, Chrome 10+
-    background-image: -moz-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
-    background-image:  linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
-    background-repeat: repeat-x;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down
+	background-image: -webkit-gradient(linear, @start-percent top, @end-percent top, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
+	background-image: -webkit-linear-gradient(left, color-stop(@start-color @start-percent), color-stop(@end-color @end-percent)); // Safari 5.1+, Chrome 10+
+	background-image: -moz-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
+	background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
+	background-repeat: repeat-x;
+	filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", argb(@start-color), argb(@end-color))); // IE9 and down
   }
 
   // Vertical gradient, from top to bottom
@@ -286,48 +309,48 @@
   // Creates two color stops, start and end, by specifying a color and position for each color stop.
   // Color stops are not available in IE9 and below.
   .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {
-    background-image: -webkit-gradient(linear, left @start-percent, left @end-percent, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
-    background-image: -webkit-linear-gradient(top, @start-color, @start-percent, @end-color, @end-percent); // Safari 5.1+, Chrome 10+
-    background-image:  -moz-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
-    background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
-    background-repeat: repeat-x;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down
+	background-image: -webkit-gradient(linear, left @start-percent, left @end-percent, from(@start-color), to(@end-color)); // Safari 4+, Chrome 2+
+	background-image: -webkit-linear-gradient(top, @start-color, @start-percent, @end-color, @end-percent); // Safari 5.1+, Chrome 10+
+	background-image: -moz-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // FF 3.6+
+	background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10
+	background-repeat: repeat-x;
+	filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@start-color), argb(@end-color))); // IE9 and down
   }
 
   .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {
-    background-repeat: repeat-x;
-    background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1+, Chrome 10+
-    background-image: -moz-linear-gradient(@deg, @start-color, @end-color); // FF 3.6+
-    background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10
+	background-repeat: repeat-x;
+	background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1+, Chrome 10+
+	background-image: -moz-linear-gradient(@deg, @start-color, @end-color); // FF 3.6+
+	background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10
   }
   .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
-    background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(@start-color), color-stop(@color-stop, @mid-color), to(@end-color));
-    background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
-    background-image: -moz-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
-    background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
-    background-repeat: no-repeat;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
+	background-image: -webkit-gradient(left, linear, 0 0, 0 100%, from(@start-color), color-stop(@color-stop, @mid-color), to(@end-color));
+	background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
+	background-image: -moz-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);
+	background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);
+	background-repeat: no-repeat;
+	filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)", argb(@start-color), argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
   }
   .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@start-color), color-stop(@color-stop, @mid-color), to(@end-color));
-    background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
-    background-image: -moz-linear-gradient(top, @start-color, @mid-color @color-stop, @end-color);
-    background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
-    background-repeat: no-repeat;
-    filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@start-color), color-stop(@color-stop, @mid-color), to(@end-color));
+	background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);
+	background-image: -moz-linear-gradient(top, @start-color, @mid-color @color-stop, @end-color);
+	background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);
+	background-repeat: no-repeat;
+	filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)", argb(@start-color), argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback
   }
   .radial(@inner-color: #555; @outer-color: #333) {
-    background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@inner-color), to(@outer-color));
-    background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
-    background-image: -moz-radial-gradient(circle, @inner-color, @outer-color);
-    background-image: radial-gradient(circle, @inner-color, @outer-color);
-    background-repeat: no-repeat;
+	background-image: -webkit-gradient(radial, center center, 0, center center, 460, from(@inner-color), to(@outer-color));
+	background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);
+	background-image: -moz-radial-gradient(circle, @inner-color, @outer-color);
+	background-image: radial-gradient(circle, @inner-color, @outer-color);
+	background-repeat: no-repeat;
   }
   .striped(@color: rgba(255,255,255,.15); @angle: 45deg) {
-    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, @color), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, @color), color-stop(.75, @color), color-stop(.75, transparent), to(transparent));
-    background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
-    background-image: -moz-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
-    background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
+	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, @color), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, @color), color-stop(.75, @color), color-stop(.75, transparent), to(transparent));
+	background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
+	background-image: -moz-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
+	background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);
   }
 }
 
@@ -339,8 +362,6 @@
   filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
 }
 
-
-
 // Retina images
 //
 // Short retina mixin for setting background-image and -size
@@ -348,19 +369,12 @@
 .img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
   background-image: url("@{file-1x}");
 
-  @media
-  only screen and (-webkit-min-device-pixel-ratio: 2),
-  only screen and (   min--moz-device-pixel-ratio: 2),
-  only screen and (     -o-min-device-pixel-ratio: 2/1),
-  only screen and (        min-device-pixel-ratio: 2),
-  only screen and (                min-resolution: 192dpi),
-  only screen and (                min-resolution: 2dppx) {
-    background-image: url("@{file-2x}");
-    background-size: @width-1x @height-1x;
+  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (   min--moz-device-pixel-ratio: 2), only screen and (     -o-min-device-pixel-ratio: 2/1), only screen and (        min-device-pixel-ratio: 2), only screen and (                min-resolution: 192dpi), only screen and (                min-resolution: 2dppx) {
+	background-image: url("@{file-2x}");
+	background-size: @width-1x @height-1x;
   }
 }
 
-
 // Responsive image
 //
 // Keep images from scaling beyond the width of their parents.
@@ -371,7 +385,6 @@
   height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
 }
 
-
 // COMPONENT MIXINS
 // --------------------------------------------------
 
@@ -390,17 +403,17 @@
 .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border;) {
   border-color: @border;
   & > .panel-heading {
-    color: @heading-text-color;
-    background-color: @heading-bg-color;
-    border-color: @heading-border;
-    + .panel-collapse .panel-body {
-      border-top-color: @border;
-    }
+	color: @heading-text-color;
+	background-color: @heading-bg-color;
+	border-color: @heading-border;
+	+ .panel-collapse .panel-body {
+	  border-top-color: @border;
+	}
   }
   & > .panel-footer {
-    + .panel-collapse .panel-body {
-      border-bottom-color: @border;
-    }
+	+ .panel-collapse .panel-body {
+	  border-bottom-color: @border;
+	}
   }
 }
 
@@ -411,10 +424,10 @@
   border-color: @border;
   color: @text-color;
   hr {
-    border-top-color: darken(@border, 5%);
+	border-top-color: darken(@border, 5%);
   }
   .alert-link {
-    color: darken(@text-color, 10%);
+	color: darken(@text-color, 10%);
   }
 }
 
@@ -426,25 +439,25 @@
   .table > thead > tr,
   .table > tbody > tr,
   .table > tfoot > tr {
-    > td.@{state},
-    > th.@{state},
-    &.@{state} > td,
-    &.@{state} > th {
-      background-color: @background;
-      border-color: @border;
-    }
+	> td.@{state},
+	> th.@{state},
+	&.@{state} > td,
+	&.@{state} > th {
+	  background-color: @background;
+	  border-color: @border;
+	}
   }
 
   // Hover states for `.table-hover`
   // Note: this is not available for cells or rows within `thead` or `tfoot`.
   .table-hover > tbody > tr {
-    > td.@{state}:hover,
-    > th.@{state}:hover,
-    &.@{state}:hover > td,
-    &.@{state}:hover > th {
-      background-color: darken(@background, 5%);
-      border-color: darken(@border, 5%);
-    }
+	> td.@{state}:hover,
+	> th.@{state}:hover,
+	&.@{state}:hover > td,
+	&.@{state}:hover > th {
+	  background-color: darken(@background, 5%);
+	  border-color: darken(@border, 5%);
+	}
   }
 }
 
@@ -462,26 +475,26 @@
   &:active,
   &.active,
   .open .dropdown-toggle& {
-    color: @color;
-    background-color: darken(@background, 8%);
-        border-color: darken(@border, 12%);
+	color: @color;
+	background-color: darken(@background, 8%);
+	border-color: darken(@border, 12%);
   }
   &:active,
   &.active,
   .open .dropdown-toggle& {
-    background-image: none;
+	background-image: none;
   }
   &.disabled,
   &[disabled],
   fieldset[disabled] & {
-    &,
-    &:hover,
-    &:focus,
-    &:active,
-    &.active {
-      background-color: @background;
-          border-color: @border;
-    }
+	&,
+	&:hover,
+	&:focus,
+	&:active,
+	&.active {
+	  background-color: @background;
+	  border-color: @border;
+	}
   }
 }
 
@@ -498,23 +511,23 @@
 // -------------------------
 .pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) {
   > li {
-    > a,
-    > span {
-      padding: @padding-vertical @padding-horizontal;
-      font-size: @font-size;
-    }
-    &:first-child {
-      > a,
-      > span {
-        .border-left-radius(@border-radius);
-      }
-    }
-    &:last-child {
-      > a,
-      > span {
-        .border-right-radius(@border-radius);
-      }
-    }
+	> a,
+	> span {
+	  padding: @padding-vertical @padding-horizontal;
+	  font-size: @font-size;
+	}
+	&:first-child {
+	  > a,
+	  > span {
+		.border-left-radius(@border-radius);
+	  }
+	}
+	&:last-child {
+	  > a,
+	  > span {
+		.border-right-radius(@border-radius);
+	  }
+	}
   }
 }
 
@@ -523,10 +536,10 @@
 .label-variant(@color) {
   background-color: @color;
   &[href] {
-    &:hover,
-    &:focus {
-      background-color: darken(@color, 10%);
-    }
+	&:hover,
+	&:focus {
+	  background-color: darken(@color, 10%);
+	}
   }
 }
 
@@ -544,7 +557,7 @@
 .progress-bar-variant(@color) {
   background-color: @color;
   .progress-striped & {
-    #gradient > .striped();
+	#gradient > .striped();
   }
 }
 
@@ -553,16 +566,22 @@
 // More easily include all the states for responsive-utilities.less.
 .responsive-visibility() {
   display: block !important;
-  tr& { display: table-row !important; }
+  tr& {
+	display: table-row !important;
+  }
   th&,
-  td& { display: table-cell !important; }
+  td& {
+	display: table-cell !important;
+  }
 }
 
 .responsive-invisibility() {
-	&,
+  &,
   tr&,
   th&,
-  td& { display: none !important; }
+  td& {
+	display: none !important;
+  }
 }
 
 // Grid System
@@ -572,14 +591,14 @@
 .container-fixed() {
   margin-right: auto;
   margin-left: auto;
-  padding-left:  (@grid-gutter-width / 2);
+  padding-left: (@grid-gutter-width / 2);
   padding-right: (@grid-gutter-width / 2);
   .clearfix();
 }
 
 // Creates a wrapper for a series of columns
 .make-row(@gutter: @grid-gutter-width) {
-  margin-left:  (@gutter / -2);
+  margin-left: (@gutter / -2);
   margin-right: (@gutter / -2);
   .clearfix();
 }
@@ -592,7 +611,7 @@
   // Prevent columns from collapsing when empty
   min-height: 1px;
   // Inner gutter via padding
-  padding-left:  (@gutter / 2);
+  padding-left: (@gutter / 2);
   padding-right: (@gutter / 2);
 }
 
@@ -602,30 +621,32 @@
   // Prevent columns from collapsing when empty
   min-height: 1px;
   // Inner gutter via padding
-  padding-left:  (@gutter / 2);
+  padding-left: (@gutter / 2);
   padding-right: (@gutter / 2);
 
   // Calculate width based on number of columns available
   @media (min-width: @screen-sm-min) {
-    float: left;
-    width: percentage((@columns / @grid-columns));
+	float: left;
+	width: percentage((@columns / @grid-columns));
   }
 }
 
 // Generate the small column offsets
 .make-sm-column-offset(@columns) {
   @media (min-width: @screen-sm-min) {
-    margin-left: percentage((@columns / @grid-columns));
+	margin-left: percentage((@columns / @grid-columns));
   }
 }
+
 .make-sm-column-push(@columns) {
   @media (min-width: @screen-sm-min) {
-    left: percentage((@columns / @grid-columns));
+	left: percentage((@columns / @grid-columns));
   }
 }
+
 .make-sm-column-pull(@columns) {
   @media (min-width: @screen-sm-min) {
-    right: percentage((@columns / @grid-columns));
+	right: percentage((@columns / @grid-columns));
   }
 }
 
@@ -635,30 +656,32 @@
   // Prevent columns from collapsing when empty
   min-height: 1px;
   // Inner gutter via padding
-  padding-left:  (@gutter / 2);
+  padding-left: (@gutter / 2);
   padding-right: (@gutter / 2);
 
   // Calculate width based on number of columns available
   @media (min-width: @screen-md-min) {
-    float: left;
-    width: percentage((@columns / @grid-columns));
+	float: left;
+	width: percentage((@columns / @grid-columns));
   }
 }
 
 // Generate the medium column offsets
 .make-md-column-offset(@columns) {
   @media (min-width: @screen-md-min) {
-    margin-left: percentage((@columns / @grid-columns));
+	margin-left: percentage((@columns / @grid-columns));
   }
 }
+
 .make-md-column-push(@columns) {
   @media (min-width: @screen-md) {
-    left: percentage((@columns / @grid-columns));
+	left: percentage((@columns / @grid-columns));
   }
 }
+
 .make-md-column-pull(@columns) {
   @media (min-width: @screen-md-min) {
-    right: percentage((@columns / @grid-columns));
+	right: percentage((@columns / @grid-columns));
   }
 }
 
@@ -668,33 +691,34 @@
   // Prevent columns from collapsing when empty
   min-height: 1px;
   // Inner gutter via padding
-  padding-left:  (@gutter / 2);
+  padding-left: (@gutter / 2);
   padding-right: (@gutter / 2);
 
   // Calculate width based on number of columns available
   @media (min-width: @screen-lg-min) {
-    float: left;
-    width: percentage((@columns / @grid-columns));
+	float: left;
+	width: percentage((@columns / @grid-columns));
   }
 }
 
 // Generate the large column offsets
 .make-lg-column-offset(@columns) {
   @media (min-width: @screen-lg-min) {
-    margin-left: percentage((@columns / @grid-columns));
-  }
-}
-.make-lg-column-push(@columns) {
-  @media (min-width: @screen-lg-min) {
-    left: percentage((@columns / @grid-columns));
-  }
-}
-.make-lg-column-pull(@columns) {
-  @media (min-width: @screen-lg-min) {
-    right: percentage((@columns / @grid-columns));
+	margin-left: percentage((@columns / @grid-columns));
   }
 }
 
+.make-lg-column-push(@columns) {
+  @media (min-width: @screen-lg-min) {
+	left: percentage((@columns / @grid-columns));
+  }
+}
+
+.make-lg-column-pull(@columns) {
+  @media (min-width: @screen-lg-min) {
+	right: percentage((@columns / @grid-columns));
+  }
+}
 
 // Form validation states
 //
@@ -705,23 +729,23 @@
   // Color the label and help text
   .help-block,
   .control-label {
-    color: @text-color;
+	color: @text-color;
   }
   // Set the border and box shadow on specific inputs to match
   .form-control {
-    border-color: @border-color;
-    .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
-    &:focus {
-      border-color: darken(@border-color, 10%);
-      @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%);
-      .box-shadow(@shadow);
-    }
+	border-color: @border-color;
+	.box-shadow(inset 0 1px 1px rgba(0, 0, 0, .075)); // Redeclare so transitions work
+	&:focus {
+	  border-color: darken(@border-color, 10%);
+	  @shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@border-color, 20%);
+	  .box-shadow(@shadow);
+	}
   }
   // Set validation states also for addons
   .input-group-addon {
-    color: @text-color;
-    border-color: @border-color;
-    background-color: @background-color;
+	color: @text-color;
+	border-color: @border-color;
+	background-color: @background-color;
   }
 }
 
@@ -741,9 +765,9 @@
 .form-control-focus(@color: @input-border-focus) {
   @color-rgba: rgba(red(@color), green(@color), blue(@color), .6);
   &:focus {
-    border-color: @color;
-    outline: 0;
-    .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
+	border-color: @color;
+	outline: 0;
+	.box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}");
   }
 }
 
@@ -761,11 +785,11 @@
   border-radius: @border-radius;
 
   select& {
-    height: @input-height;
-    line-height: @input-height;
+	height: @input-height;
+	line-height: @input-height;
   }
 
   textarea& {
-    height: auto;
+	height: auto;
   }
 }

public/less/modals.less

@@ -11,12 +11,11 @@
 .modal-open {
   overflow: hidden;
 
-
   // Account for hiding of scrollbar
   body&,
   .navbar-fixed-top,
   .navbar-fixed-bottom {
-    margin-right: 15px
+	margin-right: 15px
   }
 }
 
@@ -34,10 +33,12 @@
 
   // When fading in the modal, animate it to slide down
   &.fade .modal-dialog {
-    .translate(0, -25%);
-    .transition-transform(~"0.3s ease-out");
+	.translate(0, -25%);
+	.transition-transform(~"0.3s ease-out");
+  }
+  &.in .modal-dialog {
+	.translate(0, 0)
   }
-  &.in .modal-dialog { .translate(0, 0)}
 }
 
 // Shell div to position the modal with bottom padding
@@ -56,7 +57,7 @@
   border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)
   border: 1px solid @modal-content-border-color;
   border-radius: @border-radius-large;
-  .box-shadow(0 3px 9px rgba(0,0,0,.5));
+  .box-shadow(0 3px 9px rgba(0, 0, 0, .5));
   background-clip: padding-box;
   // Remove focus outline from opened modal
   outline: none;
@@ -72,8 +73,12 @@
   z-index: (@zindex-modal-background - 10);
   background-color: @modal-backdrop-bg;
   // Fade for backdrop
-  &.fade { .opacity(0); }
-  &.in { .opacity(.5); }
+  &.fade {
+	.opacity(0);
+  }
+  &.in {
+	.opacity(.5);
+  }
 }
 
 // Modal header
@@ -83,6 +88,7 @@
   border-bottom: 1px solid @modal-header-border-color;
   min-height: (@modal-title-padding + @modal-title-line-height);
 }
+
 // Close icon
 .modal-header .close {
   margin-top: -2px;
@@ -111,29 +117,28 @@
 
   // Properly space out buttons
   .btn + .btn {
-    margin-left: 5px;
-    margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
+	margin-left: 5px;
+	margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs
   }
   // but override that for button groups
   .btn-group .btn + .btn {
-    margin-left: -1px;
+	margin-left: -1px;
   }
   // and override it for block buttons as well
   .btn-block + .btn-block {
-    margin-left: 0;
+	margin-left: 0;
   }
 }
 
 // Scale up the modal
 @media screen and (min-width: @screen-sm-min) {
-
   .modal-dialog {
-    width: 600px;
-    padding-top: 30px;
-    padding-bottom: 30px;
-  }
-  .modal-content {
-    .box-shadow(0 5px 15px rgba(0,0,0,.5));
+	width: 600px;
+	padding-top: 30px;
+	padding-bottom: 30px;
   }
 
+  .modal-content {
+	.box-shadow(0 5px 15px rgba(0, 0, 0, .5));
+  }
 }

public/less/navbar.less

@@ -2,7 +2,6 @@
 // Navbars
 // --------------------------------------------------
 
-
 // Wrapper and base class
 //
 // Provide a static navbar from which we expand to create full-width, fixed, and
@@ -19,11 +18,10 @@
   .clearfix();
 
   @media (min-width: @grid-float-breakpoint) {
-    border-radius: @navbar-border-radius;
+	border-radius: @navbar-border-radius;
   }
 }
 
-
 // Navbar heading
 //
 // Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
@@ -33,11 +31,10 @@
   .clearfix();
 
   @media (min-width: @grid-float-breakpoint) {
-    float: left;
+	float: left;
   }
 }
 
-
 // Navbar collapse (body)
 //
 // Group your navbar content into this for easy collapsing and expanding across
@@ -52,46 +49,47 @@
   max-height: 340px;
   overflow-x: visible;
   padding-right: @navbar-padding-horizontal;
-  padding-left:  @navbar-padding-horizontal;
+  padding-left: @navbar-padding-horizontal;
   border-top: 1px solid transparent;
-  box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
   .clearfix();
   -webkit-overflow-scrolling: touch;
 
   &.in {
-    overflow-y: auto;
+	overflow-y: auto;
   }
 
   @media (min-width: @grid-float-breakpoint) {
-    width: auto;
-    border-top: 0;
-    box-shadow: none;
+	width: auto;
+	border-top: 0;
+	box-shadow: none;
 
-    &.collapse {
-      display: block !important;
-      height: auto !important;
-      padding-bottom: 0; // Override default setting
-      overflow: visible !important;
-    }
+	&.collapse {
+	  display: block !important;
+	  height: auto !important;
+	  padding-bottom: 0; // Override default setting
+	  overflow: visible !important;
+	}
 
-    &.in {
-      overflow-y: visible;
-    }
+	&.in {
+	  overflow-y: visible;
+	}
 
-    // Account for first and last children spacing
-    .navbar-nav.navbar-left:first-child {
-      margin-left: -@navbar-padding-horizontal;
-    }
-    .navbar-nav.navbar-right:last-child {
-      margin-right: -@navbar-padding-horizontal;
-    }
-    .navbar-text:last-child {
-      margin-right: 0;
-    }
+	// Account for first and last children spacing
+	.navbar-nav.navbar-left:first-child {
+	  margin-left: -@navbar-padding-horizontal;
+	}
+
+	.navbar-nav.navbar-right:last-child {
+	  margin-right: -@navbar-padding-horizontal;
+	}
+
+	.navbar-text:last-child {
+	  margin-right: 0;
+	}
   }
 }
 
-
 // Both navbar header and collapse
 //
 // When a container is present, change the behavior of the header and collapse.
@@ -99,15 +97,14 @@
 .container > .navbar-header,
 .container > .navbar-collapse {
   margin-right: -@navbar-padding-horizontal;
-  margin-left:  -@navbar-padding-horizontal;
+  margin-left: -@navbar-padding-horizontal;
 
   @media (min-width: @grid-float-breakpoint) {
-    margin-right: 0;
-    margin-left:  0;
+	margin-right: 0;
+	margin-left: 0;
   }
 }
 
-
 //
 // Navbar alignment options
 //
@@ -118,7 +115,7 @@
 .navbar-static-top {
   border-width: 0 0 1px;
   @media (min-width: @grid-float-breakpoint) {
-    border-radius: 0;
+	border-radius: 0;
   }
 }
 
@@ -132,19 +129,20 @@
 
   // Undo the rounded corners
   @media (min-width: @grid-float-breakpoint) {
-    border-radius: 0;
+	border-radius: 0;
   }
 }
+
 .navbar-fixed-top {
   z-index: @zindex-navbar-fixed;
   top: 0;
 }
+
 .navbar-fixed-bottom {
   bottom: 0;
   margin-bottom: 0; // override .navbar defaults
 }
 
-
 // Brand/project name
 
 .navbar-brand {
@@ -154,17 +152,16 @@
   line-height: @line-height-computed;
   &:hover,
   &:focus {
-    text-decoration: none;
+	text-decoration: none;
   }
 
   @media (min-width: @grid-float-breakpoint) {
-    .navbar > .container & {
-      margin-left: -@navbar-padding-horizontal;
-    }
+	.navbar > .container & {
+	  margin-left: -@navbar-padding-horizontal;
+	}
   }
 }
 
-
 // Navbar toggle
 //
 // Custom button for toggling the `.navbar-collapse`, powered by the collapse
@@ -182,21 +179,20 @@
 
   // Bars
   .icon-bar {
-    display: block;
-    width: 22px;
-    height: 2px;
-    border-radius: 1px;
+	display: block;
+	width: 22px;
+	height: 2px;
+	border-radius: 1px;
   }
   .icon-bar + .icon-bar {
-    margin-top: 4px;
+	margin-top: 4px;
   }
 
   @media (min-width: @grid-float-breakpoint) {
-    display: none;
+	display: none;
   }
 }
 
-
 // Navbar nav links
 //
 // Builds on top of the `.nav` components with it's own modifier class to make
@@ -206,52 +202,51 @@
   margin: (@navbar-padding-vertical / 2) -@navbar-padding-horizontal;
 
   > li > a {
-    padding-top:    10px;
-    padding-bottom: 10px;
-    line-height: @line-height-computed;
+	padding-top: 10px;
+	padding-bottom: 10px;
+	line-height: @line-height-computed;
   }
 
   @media (max-width: @screen-xs-max) {
-    // Dropdowns get custom display when collapsed
-    .open .dropdown-menu {
-      position: static;
-      float: none;
-      width: auto;
-      margin-top: 0;
-      background-color: transparent;
-      border: 0;
-      box-shadow: none;
-      > li > a,
-      .dropdown-header {
-        padding: 5px 15px 5px 25px;
-      }
-      > li > a {
-        line-height: @line-height-computed;
-        &:hover,
-        &:focus {
-          background-image: none;
-        }
-      }
-    }
+	// Dropdowns get custom display when collapsed
+	.open .dropdown-menu {
+	  position: static;
+	  float: none;
+	  width: auto;
+	  margin-top: 0;
+	  background-color: transparent;
+	  border: 0;
+	  box-shadow: none;
+	  > li > a,
+	  .dropdown-header {
+		padding: 5px 15px 5px 25px;
+	  }
+	  > li > a {
+		line-height: @line-height-computed;
+		&:hover,
+		&:focus {
+		  background-image: none;
+		}
+	  }
+	}
   }
 
   // Uncollapse the nav
   @media (min-width: @grid-float-breakpoint) {
-    float: left;
-    margin: 0;
+	float: left;
+	margin: 0;
 
-    > li {
-      float: left;
-      > a {
-        padding-top: ((@navbar-height - @line-height-computed) / 2);
-        padding-bottom: ((@navbar-height - @line-height-computed) / 2);
-      }
-    }
+	> li {
+	  float: left;
+	  > a {
+		padding-top: ((@navbar-height - @line-height-computed) / 2);
+		padding-bottom: ((@navbar-height - @line-height-computed) / 2);
+	  }
+	}
   }
 
 }
 
-
 // Component alignment
 //
 // Repurpose the pull utilities as their own navbar utilities to avoid specifity
@@ -259,10 +254,14 @@
 // though so that navbar contents properly stack and align in mobile.
 
 @media (min-width: @grid-float-breakpoint) {
-  .navbar-left  { .pull-left(); }
-  .navbar-right { .pull-right(); }
-}
+  .navbar-left {
+	.pull-left();
+  }
 
+  .navbar-right {
+	.pull-right();
+  }
+}
 
 // Navbar form
 //
@@ -275,16 +274,16 @@
   padding: 10px @navbar-padding-horizontal;
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;
-  @shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1);
+  @shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
   .box-shadow(@shadow);
 
   // Mixin behavior for optimum display
   .form-inline();
 
   .form-group {
-    @media (max-width: @screen-xs-max) {
-      margin-bottom: 5px;
-    }
+	@media (max-width: @screen-xs-max) {
+	  margin-bottom: 5px;
+	}
   }
 
   // Vertically center in expanded, horizontal navbar
@@ -292,17 +291,16 @@
 
   // Undo 100% width for pull classes
   @media (min-width: @grid-float-breakpoint) {
-    width: auto;
-    border: 0;
-    margin-left: 0;
-    margin-right: 0;
-    padding-top: 0;
-    padding-bottom: 0;
-    .box-shadow(none);
+	width: auto;
+	border: 0;
+	margin-left: 0;
+	margin-right: 0;
+	padding-top: 0;
+	padding-bottom: 0;
+	.box-shadow(none);
   }
 }
 
-
 // Dropdown menus
 
 // Menu position and menu carets
@@ -310,6 +308,7 @@
   margin-top: 0;
   .border-top-radius(0);
 }
+
 // Menu position and menu caret support for dropups via extra dropup class
 .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
   .border-bottom-radius(0);
@@ -322,7 +321,6 @@
   right: 0;
 }
 
-
 // Buttons in navbars
 //
 // Vertically center a button within a navbar (when *not* in a form).
@@ -331,7 +329,6 @@
   .navbar-vertical-align(@input-height-base);
 }
 
-
 // Text in navbars
 //
 // Add a class to make any element properly align itself vertically within the navbars.
@@ -341,8 +338,8 @@
   .navbar-vertical-align(@line-height-computed);
 
   @media (min-width: @grid-float-breakpoint) {
-    margin-left: @navbar-padding-horizontal;
-    margin-right: @navbar-padding-horizontal;
+	margin-left: @navbar-padding-horizontal;
+	margin-right: @navbar-padding-horizontal;
   }
 }
 
@@ -355,131 +352,129 @@
   border-color: @navbar-default-border;
 
   .navbar-brand {
-    color: @navbar-default-brand-color;
-    &:hover,
-    &:focus {
-      color: @navbar-default-brand-hover-color;
-      background-color: @navbar-default-brand-hover-bg;
-    }
+	color: @navbar-default-brand-color;
+	&:hover,
+	&:focus {
+	  color: @navbar-default-brand-hover-color;
+	  background-color: @navbar-default-brand-hover-bg;
+	}
   }
 
   .navbar-text {
-    color: @navbar-default-color;
+	color: @navbar-default-color;
   }
 
   .navbar-nav {
-    > li > a {
-      color: @navbar-default-link-color;
+	> li > a {
+	  color: @navbar-default-link-color;
 
-      &:hover,
-      &:focus {
-        color: @navbar-default-link-hover-color;
-        background-color: @navbar-default-link-hover-bg;
-      }
-    }
-    > .active > a {
-      &,
-      &:hover,
-      &:focus {
-        color: @navbar-default-link-active-color;
-        background-color: @navbar-default-link-active-bg;
-      }
-    }
-    > .disabled > a {
-      &,
-      &:hover,
-      &:focus {
-        color: @navbar-default-link-disabled-color;
-        background-color: @navbar-default-link-disabled-bg;
-      }
-    }
+	  &:hover,
+	  &:focus {
+		color: @navbar-default-link-hover-color;
+		background-color: @navbar-default-link-hover-bg;
+	  }
+	}
+	> .active > a {
+	  &,
+	  &:hover,
+	  &:focus {
+		color: @navbar-default-link-active-color;
+		background-color: @navbar-default-link-active-bg;
+	  }
+	}
+	> .disabled > a {
+	  &,
+	  &:hover,
+	  &:focus {
+		color: @navbar-default-link-disabled-color;
+		background-color: @navbar-default-link-disabled-bg;
+	  }
+	}
   }
 
   .navbar-toggle {
-    border-color: @navbar-default-toggle-border-color;
-    &:hover,
-    &:focus {
-      background-color: @navbar-default-toggle-hover-bg;
-    }
-    .icon-bar {
-      background-color: @navbar-default-toggle-icon-bar-bg;
-    }
+	border-color: @navbar-default-toggle-border-color;
+	&:hover,
+	&:focus {
+	  background-color: @navbar-default-toggle-hover-bg;
+	}
+	.icon-bar {
+	  background-color: @navbar-default-toggle-icon-bar-bg;
+	}
   }
 
   .navbar-collapse,
   .navbar-form {
-    border-color: @navbar-default-border;
+	border-color: @navbar-default-border;
   }
 
   // Dropdown menu items and carets
   .navbar-nav {
-    // Caret should match text color on hover
-    > .dropdown > a:hover .caret,
-    > .dropdown > a:focus .caret {
-      border-top-color: @navbar-default-link-hover-color;
-      border-bottom-color: @navbar-default-link-hover-color;
-    }
+	// Caret should match text color on hover
+	> .dropdown > a:hover .caret,
+	> .dropdown > a:focus .caret {
+	  border-top-color: @navbar-default-link-hover-color;
+	  border-bottom-color: @navbar-default-link-hover-color;
+	}
 
-    // Remove background color from open dropdown
-    > .open > a {
-      &,
-      &:hover,
-      &:focus {
-        background-color: @navbar-default-link-active-bg;
-        color: @navbar-default-link-active-color;
-        .caret {
-          border-top-color: @navbar-default-link-active-color;
-          border-bottom-color: @navbar-default-link-active-color;
-        }
-      }
-    }
-    > .dropdown > a .caret {
-      border-top-color: @navbar-default-link-color;
-      border-bottom-color: @navbar-default-link-color;
-    }
+	// Remove background color from open dropdown
+	> .open > a {
+	  &,
+	  &:hover,
+	  &:focus {
+		background-color: @navbar-default-link-active-bg;
+		color: @navbar-default-link-active-color;
+		.caret {
+		  border-top-color: @navbar-default-link-active-color;
+		  border-bottom-color: @navbar-default-link-active-color;
+		}
+	  }
+	}
+	> .dropdown > a .caret {
+	  border-top-color: @navbar-default-link-color;
+	  border-bottom-color: @navbar-default-link-color;
+	}
 
-
-    @media (max-width: @screen-xs-max) {
-      // Dropdowns get custom display when collapsed
-      .open .dropdown-menu {
-        > li > a {
-          color: @navbar-default-link-color;
-          &:hover,
-          &:focus {
-            color: @navbar-default-link-hover-color;
-            background-color: @navbar-default-link-hover-bg;
-          }
-        }
-        > .active > a {
-          &,
-          &:hover,
-          &:focus {
-            color: @navbar-default-link-active-color;
-            background-color: @navbar-default-link-active-bg;
-          }
-        }
-        > .disabled > a {
-          &,
-          &:hover,
-          &:focus {
-            color: @navbar-default-link-disabled-color;
-            background-color: @navbar-default-link-disabled-bg;
-          }
-        }
-      }
-    }
+	@media (max-width: @screen-xs-max) {
+	  // Dropdowns get custom display when collapsed
+	  .open .dropdown-menu {
+		> li > a {
+		  color: @navbar-default-link-color;
+		  &:hover,
+		  &:focus {
+			color: @navbar-default-link-hover-color;
+			background-color: @navbar-default-link-hover-bg;
+		  }
+		}
+		> .active > a {
+		  &,
+		  &:hover,
+		  &:focus {
+			color: @navbar-default-link-active-color;
+			background-color: @navbar-default-link-active-bg;
+		  }
+		}
+		> .disabled > a {
+		  &,
+		  &:hover,
+		  &:focus {
+			color: @navbar-default-link-disabled-color;
+			background-color: @navbar-default-link-disabled-bg;
+		  }
+		}
+	  }
+	}
   }
 
-
   // Links in navbars
   //
   // Add a class to ensure links outside the navbar nav are colored correctly.
 
   .navbar-link {
-    color: @navbar-default-link-color;
-    &:hover {
-      color: @navbar-default-link-hover-color;
-    }
+	color: @navbar-default-link-color;
+	&:hover {
+	  color: @navbar-default-link-hover-color;
+	}
   }
 
 }
@@ -491,131 +486,130 @@
   border-color: @navbar-inverse-border;
 
   .navbar-brand {
-    color: @navbar-inverse-brand-color;
-    &:hover,
-    &:focus {
-      color: @navbar-inverse-brand-hover-color;
-      background-color: @navbar-inverse-brand-hover-bg;
-    }
+	color: @navbar-inverse-brand-color;
+	&:hover,
+	&:focus {
+	  color: @navbar-inverse-brand-hover-color;
+	  background-color: @navbar-inverse-brand-hover-bg;
+	}
   }
 
   .navbar-text {
-    color: @navbar-inverse-color;
+	color: @navbar-inverse-color;
   }
 
   .navbar-nav {
-    > li > a {
-      color: @navbar-inverse-link-color;
+	> li > a {
+	  color: @navbar-inverse-link-color;
 
-      &:hover,
-      &:focus {
-        color: @navbar-inverse-link-hover-color;
-        background-color: @navbar-inverse-link-hover-bg;
-      }
-    }
-    > .active > a {
-      &,
-      &:hover,
-      &:focus {
-        color: @navbar-inverse-link-active-color;
-        background-color: @navbar-inverse-link-active-bg;
-      }
-    }
-    > .disabled > a {
-      &,
-      &:hover,
-      &:focus {
-        color: @navbar-inverse-link-disabled-color;
-        background-color: @navbar-inverse-link-disabled-bg;
-      }
-    }
+	  &:hover,
+	  &:focus {
+		color: @navbar-inverse-link-hover-color;
+		background-color: @navbar-inverse-link-hover-bg;
+	  }
+	}
+	> .active > a {
+	  &,
+	  &:hover,
+	  &:focus {
+		color: @navbar-inverse-link-active-color;
+		background-color: @navbar-inverse-link-active-bg;
+	  }
+	}
+	> .disabled > a {
+	  &,
+	  &:hover,
+	  &:focus {
+		color: @navbar-inverse-link-disabled-color;
+		background-color: @navbar-inverse-link-disabled-bg;
+	  }
+	}
   }
 
   // Darken the responsive nav toggle
   .navbar-toggle {
-    border-color: @navbar-inverse-toggle-border-color;
-    &:hover,
-    &:focus {
-      background-color: @navbar-inverse-toggle-hover-bg;
-    }
-    .icon-bar {
-      background-color: @navbar-inverse-toggle-icon-bar-bg;
-    }
+	border-color: @navbar-inverse-toggle-border-color;
+	&:hover,
+	&:focus {
+	  background-color: @navbar-inverse-toggle-hover-bg;
+	}
+	.icon-bar {
+	  background-color: @navbar-inverse-toggle-icon-bar-bg;
+	}
   }
 
   .navbar-collapse,
   .navbar-form {
-    border-color: darken(@navbar-inverse-bg, 7%);
+	border-color: darken(@navbar-inverse-bg, 7%);
   }
 
   // Dropdowns
   .navbar-nav {
-    > .open > a {
-      &,
-      &:hover,
-      &:focus {
-        background-color: @navbar-inverse-link-active-bg;
-        color: @navbar-inverse-link-active-color;
-      }
-    }
-    > .dropdown > a:hover .caret {
-      border-top-color: @navbar-inverse-link-hover-color;
-      border-bottom-color: @navbar-inverse-link-hover-color;
-    }
-    > .dropdown > a .caret {
-      border-top-color: @navbar-inverse-link-color;
-      border-bottom-color: @navbar-inverse-link-color;
-    }
-    > .open > a {
-      &,
-      &:hover,
-      &:focus {
-        .caret {
-          border-top-color: @navbar-inverse-link-active-color;
-          border-bottom-color: @navbar-inverse-link-active-color;
-        }
-      }
-    }
+	> .open > a {
+	  &,
+	  &:hover,
+	  &:focus {
+		background-color: @navbar-inverse-link-active-bg;
+		color: @navbar-inverse-link-active-color;
+	  }
+	}
+	> .dropdown > a:hover .caret {
+	  border-top-color: @navbar-inverse-link-hover-color;
+	  border-bottom-color: @navbar-inverse-link-hover-color;
+	}
+	> .dropdown > a .caret {
+	  border-top-color: @navbar-inverse-link-color;
+	  border-bottom-color: @navbar-inverse-link-color;
+	}
+	> .open > a {
+	  &,
+	  &:hover,
+	  &:focus {
+		.caret {
+		  border-top-color: @navbar-inverse-link-active-color;
+		  border-bottom-color: @navbar-inverse-link-active-color;
+		}
+	  }
+	}
 
-    @media (max-width: @screen-xs-max) {
-      // Dropdowns get custom display
-      .open .dropdown-menu {
-        > .dropdown-header {
-          border-color: @navbar-inverse-border;
-        }
-        > li > a {
-          color: @navbar-inverse-link-color;
-          &:hover,
-          &:focus {
-            color: @navbar-inverse-link-hover-color;
-            background-color: @navbar-inverse-link-hover-bg;
-          }
-        }
-        > .active > a {
-          &,
-          &:hover,
-          &:focus {
-            color: @navbar-inverse-link-active-color;
-            background-color: @navbar-inverse-link-active-bg;
-          }
-        }
-        > .disabled > a {
-          &,
-          &:hover,
-          &:focus {
-            color: @navbar-inverse-link-disabled-color;
-            background-color: @navbar-inverse-link-disabled-bg;
-          }
-        }
-      }
-    }
+	@media (max-width: @screen-xs-max) {
+	  // Dropdowns get custom display
+	  .open .dropdown-menu {
+		> .dropdown-header {
+		  border-color: @navbar-inverse-border;
+		}
+		> li > a {
+		  color: @navbar-inverse-link-color;
+		  &:hover,
+		  &:focus {
+			color: @navbar-inverse-link-hover-color;
+			background-color: @navbar-inverse-link-hover-bg;
+		  }
+		}
+		> .active > a {
+		  &,
+		  &:hover,
+		  &:focus {
+			color: @navbar-inverse-link-active-color;
+			background-color: @navbar-inverse-link-active-bg;
+		  }
+		}
+		> .disabled > a {
+		  &,
+		  &:hover,
+		  &:focus {
+			color: @navbar-inverse-link-disabled-color;
+			background-color: @navbar-inverse-link-disabled-bg;
+		  }
+		}
+	  }
+	}
   }
 
   .navbar-link {
-    color: @navbar-inverse-link-color;
-    &:hover {
-      color: @navbar-inverse-link-hover-color;
-    }
+	color: @navbar-inverse-link-color;
+	&:hover {
+	  color: @navbar-inverse-link-hover-color;
+	}
   }
-
 }

public/less/navs.less

@@ -2,7 +2,6 @@
 // Navs
 // --------------------------------------------------
 
-
 // Base class
 // --------------------------------------------------
 
@@ -13,42 +12,42 @@
   .clearfix();
 
   > li {
-    position: relative;
-    display: block;
+	position: relative;
+	display: block;
 
-    > a {
-      position: relative;
-      display: block;
-      padding: @nav-link-padding;
-      &:hover,
-      &:focus {
-        text-decoration: none;
-        background-color: @nav-link-hover-bg;
-      }
-    }
+	> a {
+	  position: relative;
+	  display: block;
+	  padding: @nav-link-padding;
+	  &:hover,
+	  &:focus {
+		text-decoration: none;
+		background-color: @nav-link-hover-bg;
+	  }
+	}
 
-    // Disabled state sets text to gray and nukes hover/tab effects
-    &.disabled > a {
-      color: @nav-disabled-link-color;
+	// Disabled state sets text to gray and nukes hover/tab effects
+	&.disabled > a {
+	  color: @nav-disabled-link-color;
 
-      &:hover,
-      &:focus {
-        color: @nav-disabled-link-hover-color;
-        text-decoration: none;
-        background-color: transparent;
-        cursor: not-allowed;
-      }
-    }
+	  &:hover,
+	  &:focus {
+		color: @nav-disabled-link-hover-color;
+		text-decoration: none;
+		background-color: transparent;
+		cursor: not-allowed;
+	  }
+	}
   }
 
   // Open dropdowns
   .open > a {
-    &,
-    &:hover,
-    &:focus {
-      background-color: @nav-link-hover-bg;
-      border-color: @link-color;
-    }
+	&,
+	&:hover,
+	&:focus {
+	  background-color: @nav-link-hover-bg;
+	  border-color: @link-color;
+	}
   }
 
   // Nav dividers (deprecated with v3.0.1)
@@ -57,18 +56,17 @@
   // we missed it. We don't currently support this anywhere, but in the interest
   // of maintaining backward compatibility in case you use it, it's deprecated.
   .nav-divider {
-    .nav-divider();
+	.nav-divider();
   }
 
   // Prevent IE8 from misplacing imgs
   //
   // See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989
   > li > a > img {
-    max-width: none;
+	max-width: none;
   }
 }
 
-
 // Tabs
 // -------------------------
 
@@ -76,81 +74,78 @@
 .nav-tabs {
   border-bottom: 1px solid @nav-tabs-border-color;
   > li {
-    float: left;
-    // Make the list-items overlay the bottom border
-    margin-bottom: -1px;
+	float: left;
+	// Make the list-items overlay the bottom border
+	margin-bottom: -1px;
 
-    // Actual tabs (as links)
-    > a {
-      margin-right: 2px;
-      line-height: @line-height-base;
-      border: 1px solid transparent;
-      border-radius: @border-radius-base @border-radius-base 0 0;
-      &:hover {
-        border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color;
-      }
-    }
+	// Actual tabs (as links)
+	> a {
+	  margin-right: 2px;
+	  line-height: @line-height-base;
+	  border: 1px solid transparent;
+	  border-radius: @border-radius-base @border-radius-base 0 0;
+	  &:hover {
+		border-color: @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color;
+	  }
+	}
 
-    // Active state, and it's :hover to override normal :hover
-    &.active > a {
-      &,
-      &:hover,
-      &:focus {
-        color: @nav-tabs-active-link-hover-color;
-        background-color: @nav-tabs-active-link-hover-bg;
-        border: 1px solid @nav-tabs-active-link-hover-border-color;
-        border-bottom-color: transparent;
-        cursor: default;
-      }
-    }
+	// Active state, and it's :hover to override normal :hover
+	&.active > a {
+	  &,
+	  &:hover,
+	  &:focus {
+		color: @nav-tabs-active-link-hover-color;
+		background-color: @nav-tabs-active-link-hover-bg;
+		border: 1px solid @nav-tabs-active-link-hover-border-color;
+		border-bottom-color: transparent;
+		cursor: default;
+	  }
+	}
   }
   // pulling this in mainly for less shorthand
   &.nav-justified {
-    .nav-justified();
-    .nav-tabs-justified();
+	.nav-justified();
+	.nav-tabs-justified();
   }
 }
 
-
 // Pills
 // -------------------------
 .nav-pills {
   > li {
-    float: left;
+	float: left;
 
-    // Links rendered as pills
-    > a {
-      border-radius: @nav-pills-border-radius;
-    }
-    + li {
-      margin-left: 2px;
-    }
+	// Links rendered as pills
+	> a {
+	  border-radius: @nav-pills-border-radius;
+	}
+	+ li {
+	  margin-left: 2px;
+	}
 
-    // Active state
-    &.active > a {
-      &,
-      &:hover,
-      &:focus {
-        color: @nav-pills-active-link-hover-color;
-        background-color: @nav-pills-active-link-hover-bg;
-      }
-    }
+	// Active state
+	&.active > a {
+	  &,
+	  &:hover,
+	  &:focus {
+		color: @nav-pills-active-link-hover-color;
+		background-color: @nav-pills-active-link-hover-bg;
+	  }
+	}
   }
 }
 
-
 // Stacked pills
 .nav-stacked {
   > li {
-    float: none;
-    + li {
-      margin-top: 2px;
-      margin-left: 0; // no need for this gap between nav items
-    }
+	float: none;
+	+ li {
+	  margin-top: 2px;
+	  margin-left: 0; // no need for this gap between nav items
+	}
   }
 }
 
-
 // Nav variations
 // --------------------------------------------------
 
@@ -161,21 +156,21 @@
   width: 100%;
 
   > li {
-    float: none;
-     > a {
-      text-align: center;
-      margin-bottom: 5px;
-    }
+	float: none;
+	> a {
+	  text-align: center;
+	  margin-bottom: 5px;
+	}
   }
 
   @media (min-width: @screen-sm-min) {
-    > li {
-      display: table-cell;
-      width: 1%;
-      > a {
-        margin-bottom: 0;
-      }
-    }
+	> li {
+	  display: table-cell;
+	  width: 1%;
+	  > a {
+		margin-bottom: 0;
+	  }
+	}
   }
 }
 
@@ -184,31 +179,31 @@
   border-bottom: 0;
 
   > li > a {
-    // Override margin from .nav-tabs
-    margin-right: 0;
-    border-radius: @border-radius-base;
+	// Override margin from .nav-tabs
+	margin-right: 0;
+	border-radius: @border-radius-base;
   }
 
   > .active > a,
   > .active > a:hover,
   > .active > a:focus {
-    border: 1px solid @nav-tabs-justified-link-border-color;
+	border: 1px solid @nav-tabs-justified-link-border-color;
   }
 
   @media (min-width: @screen-sm-min) {
-    > li > a {
-      border-bottom: 1px solid @nav-tabs-justified-link-border-color;
-      border-radius: @border-radius-base @border-radius-base 0 0;
-    }
-    > .active > a,
-    > .active > a:hover,
-    > .active > a:focus {
-      border-bottom-color: @nav-tabs-justified-active-link-border-color;
-    }
+	> li > a {
+	  border-bottom: 1px solid @nav-tabs-justified-link-border-color;
+	  border-radius: @border-radius-base @border-radius-base 0 0;
+	}
+
+	> .active > a,
+	> .active > a:hover,
+	> .active > a:focus {
+	  border-bottom-color: @nav-tabs-justified-active-link-border-color;
+	}
   }
 }
 
-
 // Tabbable tabs
 // -------------------------
 
@@ -222,15 +217,14 @@
 .pill-content > .pill-pane {
   display: none;
 }
+
 .tab-content,
 .pill-content {
   > .active {
-    display: block;
+	display: block;
   }
 }
 
-
-
 // Dropdowns
 // -------------------------
 
@@ -239,6 +233,7 @@
   border-top-color: @link-color;
   border-bottom-color: @link-color;
 }
+
 .nav a:hover .caret {
   border-top-color: @link-hover-color;
   border-bottom-color: @link-hover-color;

public/less/pager.less

@@ -2,54 +2,53 @@
 // Pager pagination
 // --------------------------------------------------
 
-
 .pager {
   padding-left: 0;
   margin: @line-height-computed 0;
   list-style: none;
   text-align: center;
   .clearfix();
-  li {
-    display: inline;
-    > a,
-    > span {
-      display: inline-block;
-      padding: 5px 14px;
-      background-color: @pagination-bg;
-      border: 1px solid @pagination-border;
-      border-radius: @pager-border-radius;
-    }
 
-    > a:hover,
-    > a:focus {
-      text-decoration: none;
-      background-color: @pagination-hover-bg;
-    }
+  li {
+	display: inline;
+	> a,
+	> span {
+	  display: inline-block;
+	  padding: 5px 14px;
+	  background-color: @pagination-bg;
+	  border: 1px solid @pagination-border;
+	  border-radius: @pager-border-radius;
+	}
+
+	> a:hover,
+	> a:focus {
+	  text-decoration: none;
+	  background-color: @pagination-hover-bg;
+	}
   }
 
   .next {
-    > a,
-    > span {
-      float: right;
-    }
+	> a,
+	> span {
+	  float: right;
+	}
   }
 
   .previous {
-    > a,
-    > span {
-      float: left;
-    }
+	> a,
+	> span {
+	  float: left;
+	}
   }
 
   .disabled {
-    > a,
-    > a:hover,
-    > a:focus,
-    > span {
-      color: @pager-disabled-color;
-      background-color: @pagination-bg;
-      cursor: not-allowed;
-    }
+	> a,
+	> a:hover,
+	> a:focus,
+	> span {
+	  color: @pager-disabled-color;
+	  background-color: @pagination-bg;
+	  cursor: not-allowed;
+	}
   }
-
 }

public/less/pagination.less

@@ -8,66 +8,66 @@
   border-radius: @border-radius-base;
 
   > li {
-    display: inline; // Remove list-style and block-level defaults
-    > a,
-    > span {
-      position: relative;
-      float: left; // Collapse white-space
-      padding: @padding-base-vertical @padding-base-horizontal;
-      line-height: @line-height-base;
-      text-decoration: none;
-      background-color: @pagination-bg;
-      border: 1px solid @pagination-border;
-      margin-left: -1px;
-    }
-    &:first-child {
-      > a,
-      > span {
-        margin-left: 0;
-        .border-left-radius(@border-radius-base);
-      }
-    }
-    &:last-child {
-      > a,
-      > span {
-        .border-right-radius(@border-radius-base);
-      }
-    }
+	display: inline; // Remove list-style and block-level defaults
+	> a,
+	> span {
+	  position: relative;
+	  float: left; // Collapse white-space
+	  padding: @padding-base-vertical @padding-base-horizontal;
+	  line-height: @line-height-base;
+	  text-decoration: none;
+	  background-color: @pagination-bg;
+	  border: 1px solid @pagination-border;
+	  margin-left: -1px;
+	}
+	&:first-child {
+	  > a,
+	  > span {
+		margin-left: 0;
+		.border-left-radius(@border-radius-base);
+	  }
+	}
+	&:last-child {
+	  > a,
+	  > span {
+		.border-right-radius(@border-radius-base);
+	  }
+	}
   }
 
   > li > a,
   > li > span {
-    &:hover,
-    &:focus {
-      background-color: @pagination-hover-bg;
-    }
+	&:hover,
+	&:focus {
+	  background-color: @pagination-hover-bg;
+	}
   }
 
   > .active > a,
   > .active > span {
-    &,
-    &:hover,
-    &:focus {
-      z-index: 2;
-      color: @pagination-active-color;
-      background-color: @pagination-active-bg;
-      border-color: @pagination-active-bg;
-      cursor: default;
-    }
+	&,
+	&:hover,
+	&:focus {
+	  z-index: 2;
+	  color: @pagination-active-color;
+	  background-color: @pagination-active-bg;
+	  border-color: @pagination-active-bg;
+	  cursor: default;
+	}
   }
 
   > .disabled {
-    > span,
-    > span:hover,
-    > span:focus,
-    > a,
-    > a:hover,
-    > a:focus {
-      color: @pagination-disabled-color;
-      background-color: @pagination-bg;
-      border-color: @pagination-border;
-      cursor: not-allowed;
-    }
+	> span,
+	> span:hover,
+	> span:focus,
+	> a,
+	> a:hover,
+	> a:focus {
+	  color: @pagination-disabled-color;
+	  background-color: @pagination-bg;
+	  border-color: @pagination-border;
+	  cursor: not-allowed;
+	}
   }
 }
 

public/less/panels.less

@@ -2,14 +2,13 @@
 // Panels
 // --------------------------------------------------
 
-
 // Base class
 .panel {
   margin-bottom: @line-height-computed;
   background-color: @panel-bg;
   border: 1px solid transparent;
   border-radius: @panel-border-radius;
-  .box-shadow(0 1px 1px rgba(0,0,0,.05));
+  .box-shadow(0 1px 1px rgba(0, 0, 0, .05));
 }
 
 // Panel contents
@@ -18,7 +17,6 @@
   .clearfix();
 }
 
-
 // List groups in panels
 //
 // By default, space out list group content from panel headings to account for
@@ -26,30 +24,30 @@
 
 .panel {
   > .list-group {
-    margin-bottom: 0;
+	margin-bottom: 0;
 
-    .list-group-item {
-      border-width: 1px 0;
+	.list-group-item {
+	  border-width: 1px 0;
 
-      // Remove border radius for top one
-      &:first-child {
-        .border-top-radius(0);
-      }
-      // But keep it for the last one
-      &:last-child {
-        border-bottom: 0;
-      }
-    }
+	  // Remove border radius for top one
+	  &:first-child {
+		.border-top-radius(0);
+	  }
+	  // But keep it for the last one
+	  &:last-child {
+		border-bottom: 0;
+	  }
+	}
   }
 }
+
 // Collapse space between when there's no additional content.
 .panel-heading + .list-group {
   .list-group-item:first-child {
-    border-top-width: 0;
+	border-top-width: 0;
   }
 }
 
-
 // Tables in panels
 //
 // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
@@ -58,38 +56,37 @@
 .panel {
   > .table,
   > .table-responsive {
-    margin-bottom: 0;
+	margin-bottom: 0;
   }
   > .panel-body + .table,
   > .panel-body + .table-responsive {
-    border-top: 1px solid @table-border-color;
+	border-top: 1px solid @table-border-color;
   }
   > .table-bordered,
   > .table-responsive > .table-bordered {
-    border: 0;
-    > thead,
-    > tbody,
-    > tfoot {
-      > tr {
-        > th:first-child,
-        > td:first-child {
-          border-left: 0;
-        }
-        > th:last-child,
-        > td:last-child {
-          border-right: 0;
-        }
+	border: 0;
+	> thead,
+	> tbody,
+	> tfoot {
+	  > tr {
+		> th:first-child,
+		> td:first-child {
+		  border-left: 0;
+		}
+		> th:last-child,
+		> td:last-child {
+		  border-right: 0;
+		}
 
-        &:last-child > th,
-        &:last-child > td {
-          border-bottom: 0;
-        }
-      }
-    }
+		&:last-child > th,
+		&:last-child > td {
+		  border-bottom: 0;
+		}
+	  }
+	}
   }
 }
 
-
 // Optional heading
 .panel-heading {
   padding: 10px 15px;
@@ -103,7 +100,7 @@
   margin-bottom: 0;
   font-size: ceil((@font-size-base * 1.125));
   > a {
-    color: inherit;
+	color: inherit;
   }
 }
 
@@ -115,7 +112,6 @@
   .border-bottom-radius(@panel-border-radius - 1);
 }
 
-
 // Collapsable panels (aka, accordion)
 //
 // Wrap a series of panels in `.panel-group` to turn them into an accordion with
@@ -124,45 +120,49 @@
 .panel-group {
   // Tighten up margin so it's only between panels
   .panel {
-    margin-bottom: 0;
-    border-radius: @panel-border-radius;
-    overflow: hidden; // crop contents when collapsed
-    + .panel {
-      margin-top: 5px;
-    }
+	margin-bottom: 0;
+	border-radius: @panel-border-radius;
+	overflow: hidden; // crop contents when collapsed
+	+ .panel {
+	  margin-top: 5px;
+	}
   }
 
   .panel-heading {
-    border-bottom: 0;
-    + .panel-collapse .panel-body {
-      border-top: 1px solid @panel-inner-border;
-    }
+	border-bottom: 0;
+	+ .panel-collapse .panel-body {
+	  border-top: 1px solid @panel-inner-border;
+	}
   }
   .panel-footer {
-    border-top: 0;
-    + .panel-collapse .panel-body {
-      border-bottom: 1px solid @panel-inner-border;
-    }
+	border-top: 0;
+	+ .panel-collapse .panel-body {
+	  border-bottom: 1px solid @panel-inner-border;
+	}
   }
 }
 
-
 // Contextual variations
 .panel-default {
   .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
 }
+
 .panel-primary {
   .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
 }
+
 .panel-success {
   .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
 }
+
 .panel-warning {
   .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
 }
+
 .panel-danger {
   .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
 }
+
 .panel-info {
   .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
 }

public/less/popovers.less

@@ -2,7 +2,6 @@
 // Popovers
 // --------------------------------------------------
 
-
 .popover {
   position: absolute;
   top: 0;
@@ -17,16 +16,24 @@
   border: 1px solid @popover-fallback-border-color;
   border: 1px solid @popover-border-color;
   border-radius: @border-radius-large;
-  .box-shadow(0 5px 10px rgba(0,0,0,.2));
+  .box-shadow(0 5px 10px rgba(0, 0, 0, .2));
 
   // Overrides for proper insertion
   white-space: normal;
 
   // Offset the popover to account for the popover arrow
-  &.top     { margin-top: -10px; }
-  &.right   { margin-left: 10px; }
-  &.bottom  { margin-top: 10px; }
-  &.left    { margin-left: -10px; }
+  &.top {
+	margin-top: -10px;
+  }
+  &.right {
+	margin-left: 10px;
+  }
+  &.bottom {
+	margin-top: 10px;
+  }
+  &.left {
+	margin-left: -10px;
+  }
 }
 
 .popover-title {
@@ -51,17 +58,19 @@
 .popover .arrow {
   &,
   &:after {
-    position: absolute;
-    display: block;
-    width: 0;
-    height: 0;
-    border-color: transparent;
-    border-style: solid;
+	position: absolute;
+	display: block;
+	width: 0;
+	height: 0;
+	border-color: transparent;
+	border-style: solid;
   }
 }
+
 .popover .arrow {
   border-width: @popover-arrow-outer-width;
 }
+
 .popover .arrow:after {
   border-width: @popover-arrow-width;
   content: "";
@@ -69,65 +78,64 @@
 
 .popover {
   &.top .arrow {
-    left: 50%;
-    margin-left: -@popover-arrow-outer-width;
-    border-bottom-width: 0;
-    border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
-    border-top-color: @popover-arrow-outer-color;
-    bottom: -@popover-arrow-outer-width;
-    &:after {
-      content: " ";
-      bottom: 1px;
-      margin-left: -@popover-arrow-width;
-      border-bottom-width: 0;
-      border-top-color: @popover-arrow-color;
-    }
+	left: 50%;
+	margin-left: -@popover-arrow-outer-width;
+	border-bottom-width: 0;
+	border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+	border-top-color: @popover-arrow-outer-color;
+	bottom: -@popover-arrow-outer-width;
+	&:after {
+	  content: " ";
+	  bottom: 1px;
+	  margin-left: -@popover-arrow-width;
+	  border-bottom-width: 0;
+	  border-top-color: @popover-arrow-color;
+	}
   }
   &.right .arrow {
-    top: 50%;
-    left: -@popover-arrow-outer-width;
-    margin-top: -@popover-arrow-outer-width;
-    border-left-width: 0;
-    border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
-    border-right-color: @popover-arrow-outer-color;
-    &:after {
-      content: " ";
-      left: 1px;
-      bottom: -@popover-arrow-width;
-      border-left-width: 0;
-      border-right-color: @popover-arrow-color;
-    }
+	top: 50%;
+	left: -@popover-arrow-outer-width;
+	margin-top: -@popover-arrow-outer-width;
+	border-left-width: 0;
+	border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+	border-right-color: @popover-arrow-outer-color;
+	&:after {
+	  content: " ";
+	  left: 1px;
+	  bottom: -@popover-arrow-width;
+	  border-left-width: 0;
+	  border-right-color: @popover-arrow-color;
+	}
   }
   &.bottom .arrow {
-    left: 50%;
-    margin-left: -@popover-arrow-outer-width;
-    border-top-width: 0;
-    border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
-    border-bottom-color: @popover-arrow-outer-color;
-    top: -@popover-arrow-outer-width;
-    &:after {
-      content: " ";
-      top: 1px;
-      margin-left: -@popover-arrow-width;
-      border-top-width: 0;
-      border-bottom-color: @popover-arrow-color;
-    }
+	left: 50%;
+	margin-left: -@popover-arrow-outer-width;
+	border-top-width: 0;
+	border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+	border-bottom-color: @popover-arrow-outer-color;
+	top: -@popover-arrow-outer-width;
+	&:after {
+	  content: " ";
+	  top: 1px;
+	  margin-left: -@popover-arrow-width;
+	  border-top-width: 0;
+	  border-bottom-color: @popover-arrow-color;
+	}
   }
 
   &.left .arrow {
-    top: 50%;
-    right: -@popover-arrow-outer-width;
-    margin-top: -@popover-arrow-outer-width;
-    border-right-width: 0;
-    border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
-    border-left-color: @popover-arrow-outer-color;
-    &:after {
-      content: " ";
-      right: 1px;
-      border-right-width: 0;
-      border-left-color: @popover-arrow-color;
-      bottom: -@popover-arrow-width;
-    }
+	top: 50%;
+	right: -@popover-arrow-outer-width;
+	margin-top: -@popover-arrow-outer-width;
+	border-right-width: 0;
+	border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback
+	border-left-color: @popover-arrow-outer-color;
+	&:after {
+	  content: " ";
+	  right: 1px;
+	  border-right-width: 0;
+	  border-left-color: @popover-arrow-color;
+	  bottom: -@popover-arrow-width;
+	}
   }
-
 }

public/less/print.less

@@ -6,95 +6,99 @@
 @media print {
 
   * {
-    text-shadow: none !important;
-    color: #000 !important; // Black prints faster: h5bp.com/s
-    background: transparent !important;
-    box-shadow: none !important;
+	text-shadow: none !important;
+	color: #000 !important; // Black prints faster: h5bp.com/s
+	background: transparent !important;
+	box-shadow: none !important;
   }
 
   a,
   a:visited {
-    text-decoration: underline;
+	text-decoration: underline;
   }
 
   a[href]:after {
-    content: " (" attr(href) ")";
+	content: " (" attr(href) ")";
   }
 
   abbr[title]:after {
-    content: " (" attr(title) ")";
+	content: " (" attr(title) ")";
   }
 
   // Don't show links for images, or javascript/internal links
   .ir a:after,
   a[href^="javascript:"]:after,
   a[href^="#"]:after {
-    content: "";
+	content: "";
   }
 
   pre,
   blockquote {
-    border: 1px solid #999;
-    page-break-inside: avoid;
+	border: 1px solid #999;
+	page-break-inside: avoid;
   }
 
   thead {
-    display: table-header-group; // h5bp.com/t
+	display: table-header-group; // h5bp.com/t
   }
 
   tr,
   img {
-    page-break-inside: avoid;
+	page-break-inside: avoid;
   }
 
   img {
-    max-width: 100% !important;
+	max-width: 100% !important;
   }
 
   @page {
-    margin: 2cm .5cm;
+	margin: 2cm .5cm;
   }
 
   p,
   h2,
   h3 {
-    orphans: 3;
-    widows: 3;
+	orphans: 3;
+	widows: 3;
   }
 
   h2,
   h3 {
-    page-break-after: avoid;
+	page-break-after: avoid;
   }
 
   // Bootstrap components
   .navbar {
-    display: none;
-  }
-  .table {
-    td,
-    th {
-      background-color: #fff !important;
-    }
-  }
-  .btn,
-  .dropup > .btn {
-    > .caret {
-      border-top-color: #000 !important;
-    }
-  }
-  .label {
-    border: 1px solid #000;
+	display: none;
   }
 
   .table {
-    border-collapse: collapse !important;
+	td,
+	th {
+	  background-color: #fff !important;
+	}
   }
+
+  .btn,
+  .dropup > .btn {
+	> .caret {
+	  border-top-color: #000 !important;
+	}
+  }
+
+  .label {
+	border: 1px solid #000;
+  }
+
+  .table {
+	border-collapse: collapse !important;
+  }
+
   .table-bordered {
-    th,
-    td {
-      border: 1px solid #ddd !important;
-    }
+	th,
+	td {
+	  border: 1px solid #ddd !important;
+	}
   }
 
 }

public/less/progress-bars.less

@@ -2,36 +2,49 @@
 // Progress bars
 // --------------------------------------------------
 
-
 // Bar animations
 // -------------------------
 
 // Webkit
 @-webkit-keyframes progress-bar-stripes {
-  from  { background-position: 40px 0; }
-  to    { background-position: 0 0; }
+  from {
+	background-position: 40px 0;
+  }
+  to {
+	background-position: 0 0;
+  }
 }
 
 // Firefox
 @-moz-keyframes progress-bar-stripes {
-  from  { background-position: 40px 0; }
-  to    { background-position: 0 0; }
+  from {
+	background-position: 40px 0;
+  }
+  to {
+	background-position: 0 0;
+  }
 }
 
 // Opera
 @-o-keyframes progress-bar-stripes {
-  from  { background-position: 0 0; }
-  to    { background-position: 40px 0; }
+  from {
+	background-position: 0 0;
+  }
+  to {
+	background-position: 40px 0;
+  }
 }
 
 // Spec and IE10+
 @keyframes progress-bar-stripes {
-  from  { background-position: 40px 0; }
-  to    { background-position: 0 0; }
+  from {
+	background-position: 40px 0;
+  }
+  to {
+	background-position: 0 0;
+  }
 }
 
-
-
 // Bar itself
 // -------------------------
 
@@ -42,7 +55,7 @@
   margin-bottom: @line-height-computed;
   background-color: @progress-bg;
   border-radius: @border-radius-base;
-  .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
+  .box-shadow(inset 0 1px 2px rgba(0, 0, 0, .1));
 }
 
 // Bar of progress
@@ -55,7 +68,7 @@
   color: @progress-bar-color;
   text-align: center;
   background-color: @progress-bar-bg;
-  .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
+  .box-shadow(inset 0 -1px 0 rgba(0, 0, 0, .15));
   .transition(width .6s ease);
 }
 
@@ -68,14 +81,12 @@
 // Call animation for the active one
 .progress.active .progress-bar {
   -webkit-animation: progress-bar-stripes 2s linear infinite;
-     -moz-animation: progress-bar-stripes 2s linear infinite;
-      -ms-animation: progress-bar-stripes 2s linear infinite;
-       -o-animation: progress-bar-stripes 2s linear infinite;
-          animation: progress-bar-stripes 2s linear infinite;
+  -moz-animation: progress-bar-stripes 2s linear infinite;
+  -ms-animation: progress-bar-stripes 2s linear infinite;
+  -o-animation: progress-bar-stripes 2s linear infinite;
+  animation: progress-bar-stripes 2s linear infinite;
 }
 
-
-
 // Variations
 // -------------------------
 

public/less/responsive-utilities.less

@@ -2,7 +2,6 @@
 // Responsive: Utility classes
 // --------------------------------------------------
 
-
 // IE10 in Windows (Phone) 8
 //
 // Support for responsive views via media queries is kind of borked in IE10, for
@@ -21,7 +20,6 @@
   width: device-width;
 }
 
-
 // Hide from screenreaders and browsers
 //
 // Credit: HTML5 Boilerplate
@@ -31,176 +29,181 @@
   visibility: hidden !important;
 }
 
-
 // Visibility utilities
 
 .visible-xs {
   .responsive-invisibility();
   @media (max-width: @screen-xs-max) {
-    .responsive-visibility();
+	.responsive-visibility();
   }
   &.visible-sm {
-    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-      .responsive-visibility();
-    }
+	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+	  .responsive-visibility();
+	}
   }
   &.visible-md {
-    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
-      .responsive-visibility();
-    }
+	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+	  .responsive-visibility();
+	}
   }
   &.visible-lg {
-    @media (min-width: @screen-lg-min) {
-      .responsive-visibility();
-    }
+	@media (min-width: @screen-lg-min) {
+	  .responsive-visibility();
+	}
   }
 }
+
 .visible-sm {
   .responsive-invisibility();
   &.visible-xs {
-    @media (max-width: @screen-xs-max) {
-      .responsive-visibility();
-    }
+	@media (max-width: @screen-xs-max) {
+	  .responsive-visibility();
+	}
   }
   @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-    .responsive-visibility();
+	.responsive-visibility();
   }
   &.visible-md {
-    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
-      .responsive-visibility();
-    }
+	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+	  .responsive-visibility();
+	}
   }
   &.visible-lg {
-    @media (min-width: @screen-lg-min) {
-      .responsive-visibility();
-    }
+	@media (min-width: @screen-lg-min) {
+	  .responsive-visibility();
+	}
   }
 }
+
 .visible-md {
   .responsive-invisibility();
   &.visible-xs {
-    @media (max-width: @screen-xs-max) {
-      .responsive-visibility();
-    }
+	@media (max-width: @screen-xs-max) {
+	  .responsive-visibility();
+	}
   }
   &.visible-sm {
-    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-      .responsive-visibility();
-    }
+	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+	  .responsive-visibility();
+	}
   }
   @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
-    .responsive-visibility();
+	.responsive-visibility();
   }
   &.visible-lg {
-    @media (min-width: @screen-lg-min) {
-      .responsive-visibility();
-    }
+	@media (min-width: @screen-lg-min) {
+	  .responsive-visibility();
+	}
   }
 }
+
 .visible-lg {
   .responsive-invisibility();
   &.visible-xs {
-    @media (max-width: @screen-xs-max) {
-      .responsive-visibility();
-    }
+	@media (max-width: @screen-xs-max) {
+	  .responsive-visibility();
+	}
   }
   &.visible-sm {
-    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-      .responsive-visibility();
-    }
+	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+	  .responsive-visibility();
+	}
   }
   &.visible-md {
-    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
-      .responsive-visibility();
-    }
+	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+	  .responsive-visibility();
+	}
   }
   @media (min-width: @screen-lg-min) {
-    .responsive-visibility();
+	.responsive-visibility();
   }
 }
 
 .hidden-xs {
   .responsive-visibility();
   @media (max-width: @screen-xs-max) {
-    .responsive-invisibility();
+	.responsive-invisibility();
   }
   &.hidden-sm {
-    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-      .responsive-invisibility();
-    }
+	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+	  .responsive-invisibility();
+	}
   }
   &.hidden-md {
-    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
-      .responsive-invisibility();
-    }
+	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+	  .responsive-invisibility();
+	}
   }
   &.hidden-lg {
-    @media (min-width: @screen-lg-min) {
-      .responsive-invisibility();
-    }
+	@media (min-width: @screen-lg-min) {
+	  .responsive-invisibility();
+	}
   }
 }
+
 .hidden-sm {
   .responsive-visibility();
   &.hidden-xs {
-    @media (max-width: @screen-xs-max) {
-      .responsive-invisibility();
-    }
+	@media (max-width: @screen-xs-max) {
+	  .responsive-invisibility();
+	}
   }
   @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-    .responsive-invisibility();
+	.responsive-invisibility();
   }
   &.hidden-md {
-    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
-      .responsive-invisibility();
-    }
+	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+	  .responsive-invisibility();
+	}
   }
   &.hidden-lg {
-    @media (min-width: @screen-lg-min) {
-      .responsive-invisibility();
-    }
+	@media (min-width: @screen-lg-min) {
+	  .responsive-invisibility();
+	}
   }
 }
+
 .hidden-md {
   .responsive-visibility();
   &.hidden-xs {
-    @media (max-width: @screen-xs-max) {
-      .responsive-invisibility();
-    }
+	@media (max-width: @screen-xs-max) {
+	  .responsive-invisibility();
+	}
   }
   &.hidden-sm {
-    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-      .responsive-invisibility();
-    }
+	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+	  .responsive-invisibility();
+	}
   }
   @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
-    .responsive-invisibility();
+	.responsive-invisibility();
   }
   &.hidden-lg {
-    @media (min-width: @screen-lg-min) {
-      .responsive-invisibility();
-    }
+	@media (min-width: @screen-lg-min) {
+	  .responsive-invisibility();
+	}
   }
 }
+
 .hidden-lg {
   .responsive-visibility();
   &.hidden-xs {
-    @media (max-width: @screen-xs-max) {
-      .responsive-invisibility();
-    }
+	@media (max-width: @screen-xs-max) {
+	  .responsive-invisibility();
+	}
   }
   &.hidden-sm {
-    @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
-      .responsive-invisibility();
-    }
+	@media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
+	  .responsive-invisibility();
+	}
   }
   &.hidden-md {
-    @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
-      .responsive-invisibility();
-    }
+	@media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
+	  .responsive-invisibility();
+	}
   }
   @media (min-width: @screen-lg-min) {
-    .responsive-invisibility();
+	.responsive-invisibility();
   }
 }
 
@@ -211,9 +214,10 @@
 
 @media print {
   .visible-print {
-    .responsive-visibility();
+	.responsive-visibility();
   }
+
   .hidden-print {
-    .responsive-invisibility();
+	.responsive-invisibility();
   }
 }

public/less/scaffolding.less

@@ -2,7 +2,6 @@
 // Scaffolding
 // --------------------------------------------------
 
-
 // Reset the box-sizing
 
 *,
@@ -11,12 +10,11 @@
   .box-sizing(border-box);
 }
 
-
 // Body reset
 
 html {
   font-size: 62.5%;
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 
 body {
@@ -37,7 +35,6 @@ textarea {
   line-height: inherit;
 }
 
-
 // Links
 
 a {
@@ -46,16 +43,15 @@ a {
 
   &:hover,
   &:focus {
-    color: @link-hover-color;
-    text-decoration: underline;
+	color: @link-hover-color;
+	text-decoration: underline;
   }
 
   &:focus {
-    .tab-focus();
+	.tab-focus();
   }
 }
 
-
 // Images
 
 img {
@@ -92,17 +88,15 @@ img {
   border-radius: 50%; // set radius in percents
 }
 
-
 // Horizontal rules
 
 hr {
-  margin-top:    @line-height-computed;
+  margin-top: @line-height-computed;
   margin-bottom: @line-height-computed;
   border: 0;
   border-top: 1px solid @hr-border;
 }
 
-
 // Only display content to screen readers
 //
 // See: http://a11yproject.com/posts/how-to-hide-content/

public/less/site-ie8and.less

@@ -1,128 +1,146 @@
 // This file is part of Pa11y Dashboard.
-// 
+//
 // Pa11y Dashboard is free software: you can redistribute it and/or modify
 // it under the terms of the GNU General Public License as published by
 // the Free Software Foundation, either version 3 of the License, or
 // (at your option) any later version.
-// 
+//
 // Pa11y Dashboard is distributed in the hope that it will be useful,
 // but WITHOUT ANY WARRANTY; without even the implied warranty of
 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 // GNU General Public License for more details.
-// 
+//
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
 
 // Making up for the non support of IE8 and IE7 in Bootstrap 3
 .ie7, .ie8 {
-	.legend {
-		display: block;
-		width: 100%;
-		font-size: (@font-size-base * 1.5);
-		line-height: inherit;
-		color: @legend-color;
-		border: 0;
-		border-bottom: 1px solid @legend-border-color;
-		margin-bottom:20px;
+  .legend {
+	display: block;
+	width: 100%;
+	font-size: (@font-size-base * 1.5);
+	line-height: inherit;
+	color: @legend-color;
+	border: 0;
+	border-bottom: 1px solid @legend-border-color;
+	margin-bottom: 20px;
+  }
+
+  .tooltip-inner {
+	background-color: #000;
+  }
+
+  .date {
+	font-size: 85%;
+  }
+
+  .task-card-link {
+	min-height: 160px;
+  }
+
+  .series-checkboxes li {
+	margin-right: 1%;
+  }
+
+  .stat-type {
+	font-size: floor(@font-size-base * 0.65); // ~10px;
+  }
+
+  .aside .action-buttons .btn {
+	width: 79%;
+  }
+
+  .pull-right.dropdown-menu {
+	right: 134px;
+  }
+
+  .run-details .pull-right.dropdown-menu {
+	right: 64px;
+  }
+
+  .date-selector .btn-full-width {
+	width: 90%;
+  }
+
+  .filter-toggle {
+	&:before {
+	  height: 110%;
+	  width: 100%;
+	  left: 0;
+	  top: 0;
 	}
-	.tooltip-inner {
-		background-color: #000000;
+
+	input {
+	  width: 92%;
 	}
-	.date {
-		font-size:85%;
-	}
-	.task-card-link {
-		min-height:160px;
-	}
-	.series-checkboxes li {
-		margin-right:1%;
-	}
-	.stat-type {
-		font-size:floor(@font-size-base * 0.65); // ~10px;
-	}
-	.aside .action-buttons .btn {
-		width:79%;
-	}
-	.pull-right.dropdown-menu {
-		right:134px;
-	}
-	.run-details .pull-right.dropdown-menu {
-		right:64px;
-	}
-	.date-selector .btn-full-width {
-		width:90%;
-	}
-	.filter-toggle {
-		&:before {
-			height:110%;
-			width:100%;
-			left:0;
-			top:0;
-		}
-		input {
-			width:92%;
-		}
-		.filter-trigger {
-			padding-bottom:0;
-		}
+
+	.filter-trigger {
+	  padding-bottom: 0;
 	}
+  }
 }
 
 .ie7 {
-	.aside .task-stats li {
-		width:31.5%;
-	}
-	.zfix {
-		position:relative;
-		z-index:1001;
-	}
-	.list-group li .list-group-item {
-		margin:0;
-		position:static;
-	}
-	.graph-spacer {
-		margin-bottom:90px;
-		padding-bottom:90px;
-	}
-	.date-selector {
-		zoom:1;
+  .zfix {
+	position: relative;
+	z-index: 1001;
+  }
 
-		.btn-full-width {
-			width:100%;
-		}
-	}
-	.sr-only {
-		position:relative;
-	}
-	.breadcrumb li {
-		vertical-align: top;
-		zoom: 1;
-		display: inline;
-		margin-right:10px;
-	}
-	.pull-right.dropdown-menu {
-		right:0px;
-	}
-	.run-details .pull-right.dropdown-menu {
-		right:82px;
-	}
-	.tasks-list li {
-		padding-right:105px;
-	}
-	.filter-toggle {
-		width:30%;
-		margin:0 35%;
-		margin-top:-10px;
-		background-color:lighten(@gray-lighter, 4%);
-		padding-bottom:10px;
+  .list-group li .list-group-item {
+	margin: 0;
+	position: static;
+  }
 
-		.glyphicon {
-			display:none;
-		}
+  .graph-spacer {
+	margin-bottom: 90px;
+	padding-bottom: 90px;
+  }
 
-		input {
-			width:80%;
-			margin-left:-25%;
-		}
+  .date-selector {
+	zoom: 1;
+
+	.btn-full-width {
+	  width: 100%;
 	}
+  }
+
+  .sr-only {
+	position: relative;
+  }
+
+  .breadcrumb li {
+	vertical-align: top;
+	zoom: 1;
+	display: inline;
+	margin-right: 10px;
+  }
+
+  .pull-right.dropdown-menu {
+	right: 0;
+  }
+
+  .run-details .pull-right.dropdown-menu {
+	right: 82px;
+  }
+
+  .tasks-list li {
+	padding-right: 105px;
+  }
+
+  .filter-toggle {
+	width: 30%;
+	margin: 0 35%;
+	margin-top: -10px;
+	background-color: lighten(@gray-lighter, 4%);
+	padding-bottom: 10px;
+
+	.glyphicon {
+	  display: none;
+	}
+
+	input {
+	  width: 80%;
+	  margin-left: -25%;
+	}
+  }
 }

public/less/site-nojavascript.less

@@ -15,33 +15,41 @@
 
 /* No javascript */
 .no-javascript {
-	.graph-container, .expander {
-		display:none;
-	}
-	.hidden {
-		display:block !important;
-		visibility:visible !important;
-	}
-	.date-links.hidden {
-		display:none !important;
-	}
-	.btn-group:hover ul {
-		display:block !important;
-	}
-	table.hidden {
-		display:table !important;
-	}
-	.collapse {
-		display:block;
-	}
-	.heading {
-		margin-top:0;
-		border-radius: 3px 3px 0 0;
-	}
-	.show-class {
-		display:block;
-	}
-	.no-js-hide {
-		display: none;
-	}
+  .graph-container, .expander {
+	display: none;
+  }
+
+  .hidden {
+	display: block !important;
+	visibility: visible !important;
+  }
+
+  .date-links.hidden {
+	display: none !important;
+  }
+
+  .btn-group:hover ul {
+	display: block !important;
+  }
+
+  table.hidden {
+	display: table !important;
+  }
+
+  .collapse {
+	display: block;
+  }
+
+  .heading {
+	margin-top: 0;
+	border-radius: 3px 3px 0 0;
+  }
+
+  .show-class {
+	display: block;
+  }
+
+  .no-js-hide {
+	display: none;
+  }
 }

public/less/site-responsive.less

@@ -1,194 +1,231 @@
 // This file is part of Pa11y Dashboard.
-// 
+//
 // Pa11y Dashboard is free software: you can redistribute it and/or modify
 // it under the terms of the GNU General Public License as published by
 // the Free Software Foundation, either version 3 of the License, or
 // (at your option) any later version.
-// 
+//
 // Pa11y Dashboard is distributed in the hope that it will be useful,
 // but WITHOUT ANY WARRANTY; without even the implied warranty of
 // MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 // GNU General Public License for more details.
-// 
+//
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
 
 /* Media queries */
-@media (max-width:991px) {
-	.h1, h1 {
-		font-size:floor(@font-size-base * 2.15); // ~32px;
+@media (max-width: 991px) {
+  .h1, h1 {
+	font-size: floor(@font-size-base * 2.15); // ~32px;
+  }
+
+  .h2, h2 {
+	font-size: floor(@font-size-base * 1.9); // ~28px;
+  }
+
+  .task-header .h4 {
+	font-size: floor(@font-size-base * 1.15); // ~17px;
+  }
+
+  .header {
+	margin-bottom: 2rem;
+	padding-bottom: 1rem;
+  }
+
+  .task-header .btn {
+	padding: 5px 10px;
+	font-size: 12px;
+	line-height: 1.5rem;
+  }
+
+  .task-header h2 {
+	margin-bottom: 3px;
+  }
+
+  .date {
+	margin-top: 10px;
+	float: right;
+  }
+
+  .other-tasks {
+	.sr-only();
+  }
+
+  .task-stats,
+  .btn-full-width {
+	margin-bottom: 0;
+  }
+
+  .task-card .task-stats {
+	margin-bottom: 10px;
+  }
+
+  .action-buttons {
+	margin-bottom: 20px;
+  }
+
+  .aside {
+	margin-bottom: 15px;
+  }
+
+  .graph-spacer {
+	padding-bottom: 80px;
+  }
+
+  .footer {
+	text-align: center;
+
+	.nav {
+	  float: none;
+
+	  li {
+		width: 25%;
+	  }
 	}
-	.h2, h2 {
-		font-size:floor(@font-size-base * 1.9); // ~28px;
-	}
-	.task-header .h4 {
-		font-size:floor(@font-size-base * 1.15); // ~17px;
-	}
-	.header {
-		margin-bottom:2rem;
-		padding-bottom:1rem;
-	}
-	.task-header .btn {
-		padding:5px 10px;
-		font-size:12px;
-		line-height:1.5rem;
-	}
-	.task-header h2 {
-		margin-bottom:3px;
-	}
-	.date {
-		margin-top:10px;
-		float:right;
-	}
-	.other-tasks {
-		.sr-only();
-	}
-	.task-stats,
+  }
+}
+
+@media (max-width: 767px) {
+  .date-selector {
+	margin-top: 0;
+	margin-bottom: 25px;
+  }
+
+  .readonly-mode .date {
+	margin-top: 0;
+	margin-bottom: 5px;
+	float: none;
+  }
+
+  .graph-spacer {
+	padding-bottom: 20px;
+	margin-bottom: 15px;
+  }
+
+  .action-buttons {
+	margin-top: 10px;
+	margin-bottom: 0;
+
 	.btn-full-width {
-		margin-bottom:0;
+	  margin-bottom: 10px;
 	}
-	.task-card .task-stats {
-		margin-bottom:10px;
-	}
-	.action-buttons {
-		margin-bottom:20px;
-	}
-	.aside {
-		margin-bottom:15px;
-	}
-	.graph-spacer {
-		padding-bottom:80px;
-	}
-	.footer {
-		text-align:center;
+  }
 
-		.nav {
-			float:none;
+  .task-header {
+	.run-details {
+	  text-align: left;
+	}
+  }
 
-			li {
-				width:25%;
-			}
-		}
-	}
+  .task-card .task-card-link {
+	min-height: 0;
+  }
 }
-@media (max-width:767px) {
-	.date-selector {
-		margin-top:0;
-		margin-bottom:25px;
-	}
-	.readonly-mode .date {
-		margin-top:0;
-		margin-bottom:5px;
-		float:none;
-	}
-	.graph-spacer {
-		padding-bottom:20px;
-		margin-bottom:15px;
-	}
-	.action-buttons {
-		margin-top:10px;
-		margin-bottom:0;
 
-		.btn-full-width {
-			margin-bottom:10px;
-		}
+@media (max-width: 640px) {
+  body {
+	font-size: 14px;
+  }
+
+  .h1, h1 {
+	font-size: floor(@font-size-base * 1.75); // ~26px;
+  }
+
+  .h2, h2 {
+	font-size: floor(@font-size-base * 1.6); // ~24px;
+  }
+
+  .task-header .h4 {
+	font-size: floor(@font-size-base * 1.1); // ~16px;
+  }
+
+  .badge {
+	font-size: floor(@font-size-base * 0.75); // ~11px;
+	padding: 7px;
+  }
+
+  .rule-name .badge {
+	padding: 3px;
+  }
+
+  .graph {
+	margin-bottom: 3rem;
+  }
+
+  .delete-button {
+	font-size: floor(@font-size-base * 1.35); // ~20px;
+	top: 10px;
+	right: 25px;
+  }
+
+  .standards-lists {
+	.tooltip {
+	  &.top .tooltip-inner {
+		max-width: 400px;
+	  }
 	}
-	.task-header {
-		.run-details {
-			text-align:left;
-		}
+  }
+
+  .tasks-list {
+	.panel {
+	  margin-bottom: 20px;
 	}
-	.task-card .task-card-link {
-		min-height:0;
+  }
+
+  .footer .nav {
+	li {
+	  width: 50%;
 	}
+  }
 }
-@media (max-width:640px) {
-	body {
-		font-size:14px;
-	}
-	.h1, h1 {
-		font-size:floor(@font-size-base * 1.75); // ~26px;
-	}
-	.h2, h2 {
-		font-size:floor(@font-size-base * 1.6); // ~24px;
-	}
-	.task-header .h4 {
-		font-size:floor(@font-size-base * 1.1); // ~16px;
-	}
-	.badge {
-		font-size:floor(@font-size-base * 0.75); // ~11px;
-		padding:7px;
-	}
-	.rule-name .badge {
-		padding:3px;
-	}
-	.graph {
-		margin-bottom:3rem;
-	}
-	.delete-button {
-		font-size:floor(@font-size-base * 1.35); // ~20px;
-		top:10px;
-		right:25px;
-	}
-	.standards-lists {
-		.tooltip {
-			&.top .tooltip-inner {
-				max-width:400px;
-			}
-		}
-	}
-	.tasks-list {
-		li {
-			margin-bottom:20px;
-		}
-	}
-	.footer .nav {
-		li {
-			width:50%;
-		}
-	}
+
+@media (max-width: 479px) {
+  .graph {
+	height: 200px;
+	margin-bottom: 1.5rem;
+  }
+
+  .series-checkboxes li {
+	font-size: floor(@font-size-base * 0.8); // ~12px;
+  }
+
+  .task-header .h3 {
+	float: none !important;
+	text-align: center;
+	margin-bottom: 15px !important;
+	padding: 10px;
+  }
+
+  .task-header h1 {
+	margin-bottom: 3px;
+  }
 }
-@media (max-width:479px) {
-	.graph {
-		height:200px;
-		margin-bottom:1.5rem;
+
+@media (max-width: 360px) {
+  .delete-button {
+	display: block !important;
+	font-size: floor(@font-size-base * 1); // ~15px;
+	top: 5px;
+	right: 20px;
+	.opacity(0.7)
+  }
+
+  .standards-lists {
+	.checkbox {
+	  font-size: floor(@font-size-base * 0.9); // ~13px;
 	}
-	.series-checkboxes li {
-		font-size:floor(@font-size-base * 0.8); // ~12px;
+	.tooltip {
+	  &.top .tooltip-inner {
+		max-width: 260px;
+	  }
 	}
-	.task-header .h3 {
-		float:none !important;
-		text-align:center;
-		margin-bottom:15px !important;
-		padding:10px;
-	}
-	.task-header h1 {
-		margin-bottom:3px;
-	}
-}
-@media (max-width:360px) {
-	.delete-button {
-		display:block !important;
-		font-size:floor(@font-size-base * 1); // ~15px;
-		top:5px;
-		right:20px;
-		.opacity(0.7)
-	}
-	.standards-lists {
-		.checkbox {
-			font-size:floor(@font-size-base * 0.9); // ~13px;
-		}
-		.tooltip {
-			&.top .tooltip-inner {
-				max-width:260px;
-			}
-		}
-	}
-	.footer {
-		.nav {
-			a {
-				padding:10px 5px;
-			}
-		}
+  }
+
+  .footer {
+	.nav {
+	  a {
+		padding: 10px 5px;
+	  }
 	}
+  }
 }

public/less/site.less

@@ -17,337 +17,477 @@
 
 /* Helper Classes */
 .crunch {
-	margin:0 !important;
+	margin: 0 !important;
 }
+
 .crunch-top {
-	margin-top:0 !important;
+	margin-top: 0 !important;
 }
+
 .crunch-bottom {
-	margin-bottom:0 !important;
+	margin-bottom: 0 !important;
 }
+
 .block-level {
-	display:block;
+	display: block;
 }
+
 .ruled {
-	border-bottom:dotted 1px @gray;
+	border-bottom: dotted 1px @gray;
 }
+
 .ruled-sm {
-	margin-bottom:15px;
+	margin-bottom: 15px;
 }
+
 .well-med {
-	padding:15px;
+	padding: 15px;
 }
 
 /* General */
 .header {
-	padding-bottom:15px;
-	margin-bottom:30px;
-	background-color:lighten(@gray-lighter, 4%);
+	padding-bottom: 15px;
+	margin-bottom: 30px;
+	background-color: lighten(@gray-lighter, 4%);
 }
+
 .footer {
-	background-color:lighten(@gray-lighter, 4%);
-	padding:40px 0 20px 0;
-	margin-top:40px;
+	background-color: lighten(@gray-lighter, 4%);
+	padding: 40px 0 20px 0;
+	margin-top: 40px;
 }
+
 .nav {
-	list-style-type:none;
-	padding:0;
+	list-style-type: none;
+	padding: 0;
 }
+
 .footer .nav {
-	float:right;
+	float: right;
 
 	a {
 		transition: background 0.3s;
 		-webkit-transition: background 0.3s;
 	}
 }
+
 .supersize-me {
-	text-align:center;
-	font-size:112px;
-	line-height:97px;
-	font-weight:bold;
-	color:@gray-light;
+	text-align: center;
+	font-size: 112px;
+	line-height: 97px;
+	font-weight: bold;
+	color: @gray-light;
 }
+
 .floated-list li {
-	float:left;
+	float: left;
 }
+
 .btn-full-width {
-	width:100%;
-	margin-bottom:10px
+	width: 100%;
+	margin-bottom: 10px
 }
+
 .dropdown-menu {
-	width:100%;
-	top:40px;
+	width: 100%;
+	top: 40px;
 
 	li a {
-		text-indent:-20px;
+		text-indent: -20px;
+	}
+	ul.options-menu  {
+		list-style: none;
+		padding: 5px 0;
+		margin: 2px 10px 0 0;
 	}
 }
+
 .dropdown-toggle {
-	margin-top:0;
-	margin-bottom:5px;
+	margin-top: 0;
+	margin-bottom: 5px;
 }
+
 .list-group {
 	li .list-group-item {
-		border-radius:0;
-		margin-bottom:-1px;
+		border-radius: 0;
+		margin-bottom: -1px;
 	}
 	li:first-child .list-group-item {
-		border-top-left-radius:3px;
-		border-top-right-radius:3px;
+		border-top-left-radius: 3px;
+		border-top-right-radius: 3px;
 	}
 	li:last-child .list-group-item {
-		border-bottom-left-radius:3px;
-		border-bottom-right-radius:3px;
-		margin-bottom:0;
+		border-bottom-left-radius: 3px;
+		border-bottom-right-radius: 3px;
+		margin-bottom: 0;
 	}
 }
+
 .options-button {
-	position:absolute;
-	top:5px;
-	right:20px;
+	position: absolute;
+	top: 5px;
+	right: 20px;
 }
+
 .footer a, .breadcrumb a {
-	text-decoration:underline;
+	text-decoration: underline;
 }
+
 .breadcrumb a {
 	&:hover, &:active, &:focus {
 		text-decoration: none;
 	}
 }
+
 .site-message {
 	.glyphicon {
-		margin-right:6px;
+		margin-right: 6px;
 	}
 }
 
 /* Type */
 .h1 {
-  margin-top: @line-height-computed;
-  margin-bottom: (@line-height-computed / 2);
+	margin-top: @line-height-computed;
+	margin-bottom: (@line-height-computed / 2);
 }
 
-
 /* Task stats boxes */
 .task-stats {
-	margin-bottom:10px;
-	font-size:floor(@font-size-base * 1.5); // ~22px;
-	line-height:1;
-	font-weight:bold;
+	margin-bottom: 10px;
+	font-size: floor(@font-size-base * 1.5); // ~22px;
+	line-height: 1;
+	font-weight: bold;
 
 	li {
-		width:32%;
-		margin-right:2%;
+		width: 32%;
+		margin-right: 2%;
 		border-radius: @border-radius-base;
 
 		a {
-			display:block;
-			padding:7px 0 6px 0;
-			text-align:center;
-			color:@badge-color;
+			display: block;
+			padding: 7px 0 6px 0;
+			text-align: center;
+			color: @badge-color;
 		}
 		&.last {
-			margin-right:0;
+			margin-right: 0;
 		}
 	}
 }
+
 .stat-type {
-	font-size:floor(@font-size-base * 0.75); // ~11px;
+	font-size: floor(@font-size-base * 0.75); // ~11px;
 	text-transform: uppercase;
-	display:block;
-	line-height:1.4;
-	.opacity(.8);
-}
-
-.aside .task-stats {
-	li:hover {
-		.opacity(.85);
-
-		a {
-			text-decoration:none;
-		}
-	}
+	display: block;
+	line-height: 1.4;
 }
 
 // Stats box colours
 .danger, .error {
-	background-color:@brand-danger;
-	color:@btn-default-color;
+	background-color: @brand-danger;
+	color: @btn-default-color;
 }
+
 .warning {
-	background-color:@brand-warning;
-	color:@btn-default-color;
+	background-color: @brand-warning;
+	color: @btn-default-color;
 }
+
 .info, .notice {
-	background-color:@brand-info;
-	color:@btn-default-color;
+	background-color: @brand-info;
+	color: @btn-default-color;
 }
 
 /* Task card */
 .task-card {
-	margin-bottom:20px;
+	margin-bottom: 20px;
 
 	.no-results {
-		font-size:floor(@font-size-base * 1.70); // ~25px;
-		line-height:1.5;
-		margin:26px 0;
+		font-size: floor(@font-size-base * 1.70); // ~25px;
+		line-height: 1.5;
+		margin: 26px 0;
 	}
 	.task-card-link {
-		color:@gray-dark;
-		min-height:190px;
-		display:block;
+		color: @gray-dark;
+		min-height: 190px;
+		display: block;
 		transition: background 0.5s;
 		-webkit-transition: background 0.5s;
 	}
 	.options-button {
-		display:none;
+		display: none;
 	}
 	&:hover .options-button {
-		display:block;
+		display: block;
 	}
 	.task-card-link:hover,
-	&:hover .task-card-link
-	 {
+	&:hover .task-card-link {
 		text-decoration: none;
-		background-color:darken(@gray-lighter, 2%);
-	}
-	.h3 {
-		text-overflow:ellipsis;
-		overflow:hidden;
-		width:100%;
-		white-space: nowrap;
+		background-color: darken(@gray-lighter, 2%);
 	}
 	.task-stats li {
-		padding:7px 0 6px 0;
-		text-align:center;
-		color:@badge-color;
+		padding: 7px 0 6px 0;
+		text-align: center;
+		color: @badge-color;
 	}
 	.dropdown-menu {
-		top:25px;
+		top: 25px;
+	}
+	.gridview {
+		.h3 {
+			text-overflow: ellipsis;
+			overflow: hidden;
+			width: 100%;
+			white-space: nowrap;
+		}
+		.h4 {
+			display: none;
+		}
+	}
+	.listview {
+		padding-left: 0;
+	}
+	.last-run {
+		clear: both;
 	}
 }
 
-
 /* Badges */
 .badge {
-	border-radius:0.25em;
-	display:inline-block;
-	padding:10px;
-	font-size:ceil(@font-size-base * 0.85); // ~13px;
+	border-radius: 0.25em;
+	display: inline-block;
+	padding: 10px;
+	font-size: ceil(@font-size-base * 0.85); // ~13px;
 	text-transform: uppercase;
 }
+
 .rule-name .badge {
-	padding:6px;
+	padding: 6px;
+	text-transform: none;
 }
 
 /* Task details page*/
+
 .task-header {
-	margin-bottom:30px;
+	margin-bottom: 30px;
 
 	h1 {
-		margin-bottom:6px;
+		margin-bottom: 6px;
 	}
 
 	h2 {
-		word-wrap:break-word;
+		word-wrap: break-word;
 	}
 	.h4 {
-		margin-bottom:6px;
+		margin-bottom: 6px;
 	}
 }
+
 .date {
-	margin-top:5px;
+	margin-top: 5px;
 }
+
 .readonly-mode .date {
-	margin-top:40px;
+	margin-top: 40px;
 }
-.tasks-list {
-	padding:15px;
-	margin-bottom:30px;
-	border-width:3px;
-	border-style:solid;
 
-	li {
-		margin-bottom:20px;
-		padding-right:90px;
-		position:relative;
+.category-list {
+	&__item {
+		font-size: 16px;
 
-		&:last-child {
-			margin-bottom:0;
-		}
-
-		form {
-			display:none;
-			position:absolute;
-			right:0;
-			top:0;
-
-			&:hover .btn {
-				color:@brand-primary;
+		&_type_error,
+		&_type_error.active {
+			.category-list__link,
+			.category-list__link:hover,
+			.category-list__link:focus {
+				color: @brand-danger;
 			}
 		}
 
-		&:hover form {
-			display:block;
+		&_type_warning,
+		&_type_warning.active {
+			.category-list__link,
+			.category-list__link:hover,
+			.category-list__link:focus {
+				color: @brand-warning;
+			}
+		}
+
+		&_type_notice,
+		&_type_notice.active {
+			.category-list__link,
+			.category-list__link:hover,
+			.category-list__link:focus {
+				color: @brand-info;
+			}
+		}
+
+		&_type_ignore,
+		&_type_ignore.active {
+			.category-list__link,
+			.category-list__link:hover,
+			.category-list__link:focus {
+				color: @badge-bg;
+			}
+		}
+	}
+}
+
+.tasks-list {
+	padding: 15px;
+	margin-bottom: 30px;
+	border: 1px solid @gray-lighter;
+	border-top: 0;
+
+	.panel {
+		&:last-child {
+			margin-bottom: 0;
+		}
+
+		.ignore-form {
+			display: inline-block;
+			vertical-align: middle;
+
+			.btn {
+				margin: 0;
+				padding: 0;
+			}
 		}
 	}
 
 	.rule-name {
-		font-weight:bold;
-		font-style:italic;
-		word-wrap:break-word;
+		font-size: 16px;
+		word-wrap: break-word;
 	}
 
+	.link {
+		color: #07c;
+	}
+
+	.to-top {
+		text-align: center;
+
+		.glyphicon {
+			margin-right: 10px;
+		}
+	}
 }
-.task-danger {
-	border-color:@brand-danger;
-}
-.task-warning {
-	border-color:@brand-warning;
-}
-.task-info {
-	border-color:@brand-info;
-}
-.task-default {
-	border-color:@badge-bg;
+
+.task {
+	margin-bottom: 16px;
+
+	&_type_error {
+		.rule-name,
+		.ignore-form .link {
+			color: @brand-danger;
+		}
+
+		.badge {
+			background: @brand-danger;
+		}
+	}
+
+	&_type_warning {
+		.rule-name,
+		.ignore-form .link {
+			color: @brand-warning;
+		}
+
+		.badge {
+			background: @brand-warning;
+		}
+	}
+
+	&_type_notice {
+		.rule-name,
+		.ignore-form .link {
+			color: @brand-info;
+		}
+
+		.badge {
+			background: @brand-info;
+		}
+	}
+
+	&_type_ignore {
+		.ignore-form .link {
+			color: @badge-bg;
+		}
+	}
+
+	.subtitle {
+		font-size: 16px;
+		padding: 10px 0 5px;
+	}
+
+	.list-unstyled {
+		&__item {
+			padding: 5px 0;
+		}
+	}
+
+	&-actions {
+		position: relative;
+		text-align: right;
+	}
+
+	.code {
+		cursor: pointer;
+		outline: none;
+	}
+
+	.panel-body {
+		.text {
+			vertical-align: middle;
+		}
+	}
+
+	.btn-details {
+		padding: 0;
+		margin: 0 5px;
+
+		&:before {
+			content: 'Show ';
+		}
+
+		&.btn_state_collapsed {
+			&:before {
+				content: 'Hide ';
+			}
+		}
+	}
 }
 
 /* Task list heading */
 .heading {
-	margin-top:12px;
-	padding:11px;
+	margin-top: 12px;
+	padding: 11px;
 	color: @btn-default-color;
-	font-weight:bold;
+	font-weight: bold;
 	border-radius: 3px;
 
 	&.showing {
-		margin-bottom:0;
+		margin-bottom: 0;
 		border-radius: 3px 3px 0 0;
 	}
 
 	&:first-child, &.first {
-		margin-top:0;
+		margin-top: 0;
 	}
 }
-.expander {
-	cursor:pointer;
-	padding:0 5px;
-	font-weight:bold;
-	font-size:floor(@font-size-base * @line-height-base); // ~20px
-	line-height:1;
-}
 
 /* Date selector */
 ul.date-links {
 	.list-unstyled();
-	position:absolute;
-	top:44px;
-	left:0;
-	width:100%;
-	z-index:10;
+	position: absolute;
+	top: 44px;
+	left: 0;
+	width: 100%;
+	z-index: 10;
 }
+
 .date-selector {
-	margin-bottom:5px;
+	margin-bottom: 5px;
 
 	.show-stats {
 		margin-top: 0;
@@ -368,59 +508,66 @@ ul.date-links {
 		padding: 0;
 		margin: 0;
 	}
+	.dates-list > li:first-child a {
+		font-weight: bold;
+		font-size: 16px;
+	}
 
 	.dates-list a {
 		color: #fff;
 		text-decoration: underline;
 	}
 }
+
 .single-result .date-selector-row {
 	display: none;
 }
 
 /* Graph */
 .graph {
-	height:300px;
-	width:100%;
+	height: 300px;
+	width: 100%;
 }
+
 .graph-spacer {
-	margin-bottom:30px;
-	padding-bottom:30px;
+	margin-bottom: 40px;
+	padding-bottom: 30px;
 }
+
 .graph-table {
-	margin-bottom:0;
+	margin-bottom: 0;
 
 	td {
-		width:25%;
+		width: 25%;
 	}
 }
+
 .series-checkboxes {
-	margin-top:15px;
+	padding: 0 15px;
+	margin-bottom: 16px;
 
 	li {
-		width:32%;
-		margin-right:2%;
+		width: 32%;
+		margin-right: 2%;
 		border-radius: @border-radius-base;
 
-		label {
-			margin-bottom:0;
+		.series-checkbox-container {
+			padding: 4px 4px 5px 4px;
 		}
 
-		.series-checkbox-container {
-			padding:2px 4px 3px 4px;
+		label {
+			margin: 0;
+			padding: 0 0 0 12px;
+			cursor: pointer;
 		}
 
 		input {
-			margin:5px auto 3px auto;
-		}
-
-		input, label {
+			margin: 6px 0;
 			cursor: pointer;
-			display:block;
 		}
 
 		&:last-child {
-			margin-right:0;
+			margin-right: 0;
 		}
 
 		&:hover {
@@ -428,75 +575,91 @@ ul.date-links {
 		}
 	}
 }
+
 .btn-reset {
-	margin-top:12px;
+	margin: 12px 18px 0;
 }
+
 .flot-x-axis {
 	.flot-tick-label {
-		max-width:45px !important;
+		max-width: 45px !important;
 	}
 }
+
 .tooltip-graph {
-	font-size:12px;
+	font-size: 12px;
 }
+
 .custom-legend .legend {
-	display:none !important;
+	display: none !important;
 }
+
 .dashedLegend {
-	position:absolute;
-	top:17px;
-	right:40px;
-	font-size:smaller;
-	color:#545454;
+	position: absolute;
+	top: 70px;
+	right: 40px;
+	font-size: smaller;
+	color: #545454;
 	background-color: #fff;
 	background-color: rgba(255, 255, 255, 0.75);
-	display:none;
+	display: none;
 }
+
 .dashedContainer {
 	background: #fff;
 	border: 1px solid #808080;
 	margin: 5px;
 	padding-top: 5px;
 }
+
 .dashedLegend tr {
 	display: none;
 }
+
 .dashedLegend .legendColorBox > div:first-child {
 	border: 1px solid rgb(204, 204, 204);
 	padding: 3px;
 }
+
 .dashedLegend .legendIcon div {
-	height: 0px;
-	border-width: 3px 0px 0px;
+	height: 0;
+	border-width: 3px 0 0;
 	border-top-style: solid;
 	overflow: hidden;
 }
+
 .dashedLegend .legendErrors div {
 	width: 25px;
 	border-top-color: rgb(216, 61, 45);
 }
+
 .dashedLegend .legendWarnings div {
 	width: 10px;
 	border-top-color: rgb(168, 103, 0);
 	float: left;
 }
+
 .dashedLegend .legendWarnings div:first-child {
 	margin-right: 5px;
 }
+
 .dashedLegend .legendNotices div {
 	width: 5px;
 	border-top-color: rgb(23, 123, 190);
 	float: left;
 	margin-left: 5px;
 }
+
 .dashedLegend .legendNotices div:first-child {
 	margin-left: 0;
 }
+
 .dashedLegend td.legendColorBox {
 	padding-right: 5px;
 	padding-bottom: 5px;
 	padding-left: 10px;
 }
+
 .dashedLegend td.legendLabel {
 	padding-right: 10px;
 	padding-bottom: 5px;
@@ -504,11 +667,11 @@ ul.date-links {
 
 /* New task page */
 .standards-lists {
-	height:300px;
-	overflow:hidden;
-	overflow-y:auto;
-	margin-bottom:15px;
-	border-bottom:solid 1px @gray-lighter;
+	height: 300px;
+	overflow: hidden;
+	overflow-y: auto;
+	margin-bottom: 15px;
+	border-bottom: 1px solid @gray-lighter;
 
 	.checkbox {
 		cursor: pointer;
@@ -516,46 +679,56 @@ ul.date-links {
 	}
 
 	.tooltip {
-		left:30px !important; //sorry, important. To overwrite bootstrap js positioning
+		left: 30px !important; //sorry, important. To overwrite bootstrap js positioning
 
 		&.top .tooltip-inner {
-			text-align:left;
-			max-width:460px;
+			text-align: left;
+			max-width: 460px;
 		}
 	}
 }
 
 .filter-toggle {
-	top:-20px;
-	margin-top:-10px;
-	font-size:18px;
-	font-weight:bold;
+	top: -20px;
+	margin-top: -10px;
+	font-size: 18px;
+	font-weight: bold;
 
 	.filter-trigger {
-		padding-bottom:20px;
+		padding-bottom: 20px;
 		cursor: pointer;
 
 		.glyphicon {
-			display:block;
-			margin:0 auto;
+			display: block;
+			margin: 0 auto;
 		}
 	}
 
 	&:before {
-		position:absolute;
-		content:"";
-		height:90px;
-		width:90px;
-		left:50%;
-		top:-45px;
-		background-color:lighten(@gray-lighter, 4%);
+		position: absolute;
+		content: '';
+		height: 90px;
+		width: 90px;
+		left: 50%;
+		top: -45px;
+		background-color: lighten(@gray-lighter, 4%);
 		transform: translateX(-50%) rotate(45deg);
 		-ms-transform: translateX(-50%) rotate(45deg);
 		-webkit-transform: translateX(-50%) rotate(45deg);
-		z-index:-1;
+		z-index: -1;
 	}
 }
 
+/* Edit task page */
+
+#skipRules {
+	position: absolute;
+	left: -999px;
+}
+#skipRules:focus {
+	position: static;
+}
+
 /* inline link list */
 
 .inline-list {
@@ -563,13 +736,51 @@ ul.date-links {
 	margin: 0;
 	padding: 0;
 }
+
 .inline-list > li {
 	display: inline-block;
 	border-right: 1px solid @dropdown-fallback-border; // IE8 fallback
-    border-right: 1px solid @dropdown-border;
+	border-right: 1px solid @dropdown-border;
 	padding: 0 4px 0 0;
 	margin: 0 4px 0 0;
 }
+
 .inline-list + div.date {
 	display: inline-block;
 }
+
+/* Popovers */
+.popover-content {
+	overflow-x: auto;
+}
+
+/*list and grid view buttons */
+.view-btn {
+	&.btn-default, &.btn-default:hover, &.btn-default:focus {
+		color: #ffffff;
+	}
+	&:hover {
+		color: #000000;
+	}
+	&:last-child:not(:first-child) {
+		border-bottom-left-radius: 0;
+		border-top-left-radius: 0;
+		margin-left: -3px;
+	}
+	&:first-child:not(:last-child) {
+		border-bottom-right-radius: 0;
+		border-top-right-radius: 0;
+	}
+}
+
+/*close button on success alert*/
+.alert-success {
+  .close {
+		color: #fff;
+		opacity: 1;
+	};
+}
+
+section {
+	margin: 1em 0;
+}

public/less/tables.less

@@ -2,16 +2,15 @@
 // Tables
 // --------------------------------------------------
 
-
 table {
   max-width: 100%;
   background-color: @table-bg;
 }
+
 th {
   text-align: left;
 }
 
-
 // Baseline styles
 
 .table {
@@ -21,60 +20,58 @@ th {
   > thead,
   > tbody,
   > tfoot {
-    > tr {
-      > th,
-      > td {
-        padding: @table-cell-padding;
-        line-height: @line-height-base;
-        vertical-align: top;
-        border-top: 1px solid @table-border-color;
-      }
-    }
+	> tr {
+	  > th,
+	  > td {
+		padding: @table-cell-padding;
+		line-height: @line-height-base;
+		vertical-align: top;
+		border-top: 1px solid @table-border-color;
+	  }
+	}
   }
   // Bottom align for column headings
   > thead > tr > th {
-    vertical-align: bottom;
-    border-bottom: 2px solid @table-border-color;
+	vertical-align: bottom;
+	border-bottom: 2px solid @table-border-color;
   }
   // Remove top border from thead by default
   > caption + thead,
   > colgroup + thead,
   > thead:first-child {
-    > tr:first-child {
-      > th,
-      > td {
-        border-top: 0;
-      }
-    }
+	> tr:first-child {
+	  > th,
+	  > td {
+		border-top: 0;
+	  }
+	}
   }
   // Account for multiple tbody instances
   > tbody + tbody {
-    border-top: 2px solid @table-border-color;
+	border-top: 2px solid @table-border-color;
   }
 
   // Nesting
   .table {
-    background-color: @body-bg;
+	background-color: @body-bg;
   }
 }
 
-
 // Condensed table w/ half padding
 
 .table-condensed {
   > thead,
   > tbody,
   > tfoot {
-    > tr {
-      > th,
-      > td {
-        padding: @table-condensed-cell-padding;
-      }
-    }
+	> tr {
+	  > th,
+	  > td {
+		padding: @table-condensed-cell-padding;
+	  }
+	}
   }
 }
 
-
 // Bordered version
 //
 // Add borders all around the table and between all the columns.
@@ -84,56 +81,53 @@ th {
   > thead,
   > tbody,
   > tfoot {
-    > tr {
-      > th,
-      > td {
-        border: 1px solid @table-border-color;
-      }
-    }
+	> tr {
+	  > th,
+	  > td {
+		border: 1px solid @table-border-color;
+	  }
+	}
   }
   > thead {
-    > tr {
-      > th,
-      > td {
-        border-bottom-width: 2px;
-      }
-    }
+	> tr {
+	  > th,
+	  > td {
+		border-bottom-width: 2px;
+	  }
+	}
   }
 }
 
-
 // Zebra-striping
 //
 // Default zebra-stripe styles (alternating gray and transparent backgrounds)
 
 .table-striped {
   > tbody {
-    > tr:nth-child(odd) {
-      > td,
-      > th {
-        background-color: @table-bg-accent;
-      }
-    }
+	> tr:nth-child(odd) {
+	  > td,
+	  > th {
+		background-color: @table-bg-accent;
+	  }
+	}
   }
 }
 
-
 // Hover effect
 //
 // Placed here since it has to come after the potential zebra striping
 
 .table-hover {
   > tbody {
-    > tr:hover {
-      > td,
-      > th {
-        background-color: @table-bg-hover;
-      }
-    }
+	> tr:hover {
+	  > td,
+	  > th {
+		background-color: @table-bg-hover;
+	  }
+	}
   }
 }
 
-
 // Table cell sizing
 //
 // Reset default table behavior
@@ -142,17 +136,17 @@ table col[class*="col-"] {
   float: none;
   display: table-column;
 }
+
 table {
   td,
   th {
-    &[class*="col-"] {
-      float: none;
-      display: table-cell;
-    }
+	&[class*="col-"] {
+	  float: none;
+	  display: table-cell;
+	}
   }
 }
 
-
 // Table backgrounds
 //
 // Exact selectors below required to override `.table-striped` and prevent
@@ -164,8 +158,8 @@ table {
   > td.active,
   > th.active,
   &.active > td,
-  &.active > th  {
-    background-color: @table-bg-active;
+  &.active > th {
+	background-color: @table-bg-active;
   }
 }
 
@@ -174,7 +168,6 @@ table {
 .table-row-variant(danger; @state-danger-bg; @state-danger-border);
 .table-row-variant(warning; @state-warning-bg; @state-warning-border);
 
-
 // Responsive tables
 //
 // Wrap your tables in `.table-responsive` and we'll make them mobile friendly
@@ -183,64 +176,63 @@ table {
 
 @media (max-width: @screen-sm-min) {
   .table-responsive {
-    width: 100%;
-    margin-bottom: 15px;
-    overflow-y: hidden;
-    overflow-x: scroll;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-    border: 1px solid @table-border-color;
-    -webkit-overflow-scrolling: touch;
+	width: 100%;
+	margin-bottom: 15px;
+	overflow-y: hidden;
+	overflow-x: scroll;
+	-ms-overflow-style: -ms-autohiding-scrollbar;
+	border: 1px solid @table-border-color;
+	-webkit-overflow-scrolling: touch;
 
-    // Tighten up spacing and give a background color
-    > .table {
-      margin-bottom: 0;
+	// Tighten up spacing and give a background color
+	> .table {
+	  margin-bottom: 0;
 
-      // Ensure the content doesn't wrap
-      > thead,
-      > tbody,
-      > tfoot {
-        > tr {
-          > th,
-          > td {
-            white-space: nowrap;
-          }
-        }
-      }
-    }
+	  // Ensure the content doesn't wrap
+	  > thead,
+	  > tbody,
+	  > tfoot {
+		> tr {
+		  > th,
+		  > td {
+			white-space: nowrap;
+		  }
+		}
+	  }
+	}
 
-    // Special overrides for the bordered tables
-    > .table-bordered {
-      border: 0;
+	// Special overrides for the bordered tables
+	> .table-bordered {
+	  border: 0;
 
-      // Nuke the appropriate borders so that the parent can handle them
-      > thead,
-      > tbody,
-      > tfoot {
-        > tr {
-          > th:first-child,
-          > td:first-child {
-            border-left: 0;
-          }
-          > th:last-child,
-          > td:last-child {
-            border-right: 0;
-          }
-        }
-      }
+	  // Nuke the appropriate borders so that the parent can handle them
+	  > thead,
+	  > tbody,
+	  > tfoot {
+		> tr {
+		  > th:first-child,
+		  > td:first-child {
+			border-left: 0;
+		  }
+		  > th:last-child,
+		  > td:last-child {
+			border-right: 0;
+		  }
+		}
+	  }
 
-      // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
-      // chances are there will be only one `tr` in a `thead` and that would
-      // remove the border altogether.
-      > tbody,
-      > tfoot {
-        > tr:last-child {
-          > th,
-          > td {
-            border-bottom: 0;
-          }
-        }
-      }
-
-    }
+	  // Only nuke the last row's bottom-border in `tbody` and `tfoot` since
+	  // chances are there will be only one `tr` in a `thead` and that would
+	  // remove the border altogether.
+	  > tbody,
+	  > tfoot {
+		> tr:last-child {
+		  > th,
+		  > td {
+			border-bottom: 0;
+		  }
+		}
+	  }
+	}
   }
 }

public/less/theme.less

@@ -1,13 +1,9 @@
-
 //
 // Load core variables and mixins
 // --------------------------------------------------
-
 @import "variables.less";
 @import "mixins.less";
 
-
-
 //
 // Buttons
 // --------------------------------------------------
@@ -19,14 +15,14 @@
 .btn-info,
 .btn-warning,
 .btn-danger {
-  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
-  @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075);
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
+  @shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
   .box-shadow(@shadow);
 
   // Reset the shadow
   &:active,
   &.active {
-    .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
+	.box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
   }
 }
 
@@ -37,15 +33,15 @@
   border-color: darken(@btn-color, 14%);
 
   &:hover,
-  &:focus  {
-    background-color: darken(@btn-color, 12%);
-    background-position: 0 -15px;
+  &:focus {
+	background-color: darken(@btn-color, 12%);
+	background-position: 0 -15px;
   }
 
   &:active,
   &.active {
-    background-color: darken(@btn-color, 12%);
-    border-color: darken(@btn-color, 14%);
+	background-color: darken(@btn-color, 12%);
+	border-color: darken(@btn-color, 14%);
   }
 }
 
@@ -54,19 +50,36 @@
   // Remove the gradient for the pressed/active state
   &:active,
   &.active {
-    background-image: none;
+	background-image: none;
   }
 }
 
 // Apply the mixin to the buttons
-.btn-default { .btn-styles(@btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
-.btn-primary { .btn-styles(@btn-primary-bg); }
-.btn-success { .btn-styles(@btn-success-bg); }
-.btn-warning { .btn-styles(@btn-warning-bg); }
-.btn-danger  { .btn-styles(@btn-danger-bg); }
-.btn-info    { .btn-styles(@btn-info-bg); }
+.btn-default {
+  .btn-styles(@btn-default-bg);
+  text-shadow: 0 1px 0 #fff;
+  border-color: #ccc;
+}
 
+.btn-primary {
+  .btn-styles(@btn-primary-bg);
+}
 
+.btn-success {
+  .btn-styles(@btn-success-bg);
+}
+
+.btn-warning {
+  .btn-styles(@btn-warning-bg);
+}
+
+.btn-danger {
+  .btn-styles(@btn-danger-bg);
+}
+
+.btn-info {
+  .btn-styles(@btn-info-bg);
+}
 
 //
 // Images
@@ -74,11 +87,9 @@
 
 .thumbnail,
 .img-thumbnail {
-  .box-shadow(0 1px 2px rgba(0,0,0,.075));
+  .box-shadow(0 1px 2px rgba(0, 0, 0, .075));
 }
 
-
-
 //
 // Dropdowns
 // --------------------------------------------------
@@ -88,6 +99,7 @@
   #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
   background-color: darken(@dropdown-link-hover-bg, 5%);
 }
+
 .dropdown-menu > .active > a,
 .dropdown-menu > .active > a:hover,
 .dropdown-menu > .active > a:focus {
@@ -95,8 +107,6 @@
   background-color: darken(@dropdown-link-active-bg, 5%);
 }
 
-
-
 //
 // Navbar
 // --------------------------------------------------
@@ -105,17 +115,18 @@
 .navbar-default {
   #gradient > .vertical(@start-color: lighten(@navbar-default-bg, 10%); @end-color: @navbar-default-bg);
   border-radius: @navbar-border-radius;
-  @shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 1px 5px rgba(0,0,0,.075);
+  @shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
   .box-shadow(@shadow);
 
   .navbar-nav > .active > a {
-    #gradient > .vertical(@start-color: darken(@navbar-default-bg, 5%); @end-color: darken(@navbar-default-bg, 2%));
-    .box-shadow(inset 0 3px 9px rgba(0,0,0,.075));
+	#gradient > .vertical(@start-color: darken(@navbar-default-bg, 5%); @end-color: darken(@navbar-default-bg, 2%));
+	.box-shadow(inset 0 3px 9px rgba(0, 0, 0, .075));
   }
 }
+
 .navbar-brand,
 .navbar-nav > li > a {
-  text-shadow: 0 1px 0 rgba(255,255,255,.25);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
 }
 
 // Inverted navbar
@@ -123,13 +134,13 @@
   #gradient > .vertical(@start-color: lighten(@navbar-inverse-bg, 10%); @end-color: @navbar-inverse-bg);
 
   .navbar-nav > .active > a {
-    #gradient > .vertical(@start-color: @navbar-inverse-bg; @end-color: lighten(@navbar-inverse-bg, 2.5%));
-    .box-shadow(inset 0 3px 9px rgba(0,0,0,.25));
+	#gradient > .vertical(@start-color: @navbar-inverse-bg; @end-color: lighten(@navbar-inverse-bg, 2.5%));
+	.box-shadow(inset 0 3px 9px rgba(0, 0, 0, .25));
   }
 
   .navbar-brand,
   .navbar-nav > li > a {
-    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
   }
 }
 
@@ -140,16 +151,14 @@
   border-radius: 0;
 }
 
-
-
 //
 // Alerts
 // --------------------------------------------------
 
 // Common styles
 .alert {
-  text-shadow: 0 1px 0 rgba(255,255,255,.2);
-  @shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 1px 2px rgba(0,0,0,.05);
+  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
+  @shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
   .box-shadow(@shadow);
 }
 
@@ -160,12 +169,21 @@
 }
 
 // Apply the mixin to the alerts
-.alert-success    { .alert-styles(@alert-success-bg); }
-.alert-info       { .alert-styles(@alert-info-bg); }
-.alert-warning    { .alert-styles(@alert-warning-bg); }
-.alert-danger     { .alert-styles(@alert-danger-bg); }
+.alert-success {
+  .alert-styles(@alert-success-bg);
+}
 
+.alert-info {
+  .alert-styles(@alert-info-bg);
+}
 
+.alert-warning {
+  .alert-styles(@alert-warning-bg);
+}
+
+.alert-danger {
+  .alert-styles(@alert-danger-bg);
+}
 
 //
 // Progress bars
@@ -182,13 +200,25 @@
 }
 
 // Apply the mixin to the progress bars
-.progress-bar            { .progress-bar-styles(@progress-bar-bg); }
-.progress-bar-success    { .progress-bar-styles(@progress-bar-success-bg); }
-.progress-bar-info       { .progress-bar-styles(@progress-bar-info-bg); }
-.progress-bar-warning    { .progress-bar-styles(@progress-bar-warning-bg); }
-.progress-bar-danger     { .progress-bar-styles(@progress-bar-danger-bg); }
+.progress-bar {
+  .progress-bar-styles(@progress-bar-bg);
+}
 
+.progress-bar-success {
+  .progress-bar-styles(@progress-bar-success-bg);
+}
 
+.progress-bar-info {
+  .progress-bar-styles(@progress-bar-info-bg);
+}
+
+.progress-bar-warning {
+  .progress-bar-styles(@progress-bar-warning-bg);
+}
+
+.progress-bar-danger {
+  .progress-bar-styles(@progress-bar-danger-bg);
+}
 
 //
 // List groups
@@ -196,8 +226,9 @@
 
 .list-group {
   border-radius: @border-radius-base;
-  .box-shadow(0 1px 2px rgba(0,0,0,.075));
+  .box-shadow(0 1px 2px rgba(0, 0, 0, .075));
 }
+
 .list-group-item.active,
 .list-group-item.active:hover,
 .list-group-item.active:focus {
@@ -206,15 +237,13 @@
   border-color: darken(@list-group-active-border, 7.5%);
 }
 
-
-
 //
 // Panels
 // --------------------------------------------------
 
 // Common styles
 .panel {
-  .box-shadow(0 1px 2px rgba(0,0,0,.05));
+  .box-shadow(0 1px 2px rgba(0, 0, 0, .05));
 }
 
 // Mixin for generating new styles
@@ -223,14 +252,29 @@
 }
 
 // Apply the mixin to the panel headings only
-.panel-default > .panel-heading   { .panel-heading-styles(@panel-default-heading-bg); }
-.panel-primary > .panel-heading   { .panel-heading-styles(@panel-primary-heading-bg); }
-.panel-success > .panel-heading   { .panel-heading-styles(@panel-success-heading-bg); }
-.panel-info > .panel-heading      { .panel-heading-styles(@panel-info-heading-bg); }
-.panel-warning > .panel-heading   { .panel-heading-styles(@panel-warning-heading-bg); }
-.panel-danger > .panel-heading    { .panel-heading-styles(@panel-danger-heading-bg); }
+.panel-default > .panel-heading {
+  .panel-heading-styles(@panel-default-heading-bg);
+}
 
+.panel-primary > .panel-heading {
+  .panel-heading-styles(@panel-primary-heading-bg);
+}
 
+.panel-success > .panel-heading {
+  .panel-heading-styles(@panel-success-heading-bg);
+}
+
+.panel-info > .panel-heading {
+  .panel-heading-styles(@panel-info-heading-bg);
+}
+
+.panel-warning > .panel-heading {
+  .panel-heading-styles(@panel-warning-heading-bg);
+}
+
+.panel-danger > .panel-heading {
+  .panel-heading-styles(@panel-danger-heading-bg);
+}
 
 //
 // Wells
@@ -239,6 +283,6 @@
 .well {
   #gradient > .vertical(@start-color: darken(@well-bg, 5%); @end-color: @well-bg);
   border-color: darken(@well-bg, 10%);
-  @shadow: inset 0 1px 3px rgba(0,0,0,.05), 0 1px 0 rgba(255,255,255,.1);
+  @shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
   .box-shadow(@shadow);
 }

public/less/thumbnails.less

@@ -2,7 +2,6 @@
 // Thumbnails
 // --------------------------------------------------
 
-
 // Mixin and adjust the regular image class
 .thumbnail {
   .img-thumbnail();
@@ -10,11 +9,10 @@
   margin-bottom: @line-height-computed;
 
   > img {
-    .img-responsive();
+	.img-responsive();
   }
 }
 
-
 // Add a hover state for linked versions only
 a.thumbnail:hover,
 a.thumbnail:focus {
@@ -26,6 +24,7 @@ a.thumbnail:focus {
   margin-left: auto;
   margin-right: auto;
 }
+
 .thumbnail .caption {
   padding: @thumbnail-caption-padding;
   color: @thumbnail-caption-color;

public/less/tooltip.less

@@ -2,7 +2,6 @@
 // Tooltips
 // --------------------------------------------------
 
-
 // Base class
 .tooltip {
   position: absolute;
@@ -13,11 +12,25 @@
   line-height: 1.4;
   .opacity(0);
 
-  &.in     { .opacity(.9); }
-  &.top    { margin-top:  -3px; padding: @tooltip-arrow-width 0; }
-  &.right  { margin-left:  3px; padding: 0 @tooltip-arrow-width; }
-  &.bottom { margin-top:   3px; padding: @tooltip-arrow-width 0; }
-  &.left   { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
+  &.in {
+	.opacity(.9);
+  }
+  &.top {
+	margin-top: -3px;
+	padding: @tooltip-arrow-width 0;
+  }
+  &.right {
+	margin-left: 3px;
+	padding: 0 @tooltip-arrow-width;
+  }
+  &.bottom {
+	margin-top: 3px;
+	padding: @tooltip-arrow-width 0;
+  }
+  &.left {
+	margin-left: -3px;
+	padding: 0 @tooltip-arrow-width;
+  }
 }
 
 // Wrapper for the tooltip content
@@ -39,57 +52,58 @@
   border-color: transparent;
   border-style: solid;
 }
+
 .tooltip {
   &.top .tooltip-arrow {
-    bottom: 0;
-    left: 50%;
-    margin-left: -@tooltip-arrow-width;
-    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
-    border-top-color: @tooltip-arrow-color;
+	bottom: 0;
+	left: 50%;
+	margin-left: -@tooltip-arrow-width;
+	border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
+	border-top-color: @tooltip-arrow-color;
   }
   &.top-left .tooltip-arrow {
-    bottom: 0;
-    left: @tooltip-arrow-width;
-    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
-    border-top-color: @tooltip-arrow-color;
+	bottom: 0;
+	left: @tooltip-arrow-width;
+	border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
+	border-top-color: @tooltip-arrow-color;
   }
   &.top-right .tooltip-arrow {
-    bottom: 0;
-    right: @tooltip-arrow-width;
-    border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
-    border-top-color: @tooltip-arrow-color;
+	bottom: 0;
+	right: @tooltip-arrow-width;
+	border-width: @tooltip-arrow-width @tooltip-arrow-width 0;
+	border-top-color: @tooltip-arrow-color;
   }
   &.right .tooltip-arrow {
-    top: 50%;
-    left: 0;
-    margin-top: -@tooltip-arrow-width;
-    border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
-    border-right-color: @tooltip-arrow-color;
+	top: 50%;
+	left: 0;
+	margin-top: -@tooltip-arrow-width;
+	border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;
+	border-right-color: @tooltip-arrow-color;
   }
   &.left .tooltip-arrow {
-    top: 50%;
-    right: 0;
-    margin-top: -@tooltip-arrow-width;
-    border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
-    border-left-color: @tooltip-arrow-color;
+	top: 50%;
+	right: 0;
+	margin-top: -@tooltip-arrow-width;
+	border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;
+	border-left-color: @tooltip-arrow-color;
   }
   &.bottom .tooltip-arrow {
-    top: 0;
-    left: 50%;
-    margin-left: -@tooltip-arrow-width;
-    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
-    border-bottom-color: @tooltip-arrow-color;
+	top: 0;
+	left: 50%;
+	margin-left: -@tooltip-arrow-width;
+	border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
+	border-bottom-color: @tooltip-arrow-color;
   }
   &.bottom-left .tooltip-arrow {
-    top: 0;
-    left: @tooltip-arrow-width;
-    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
-    border-bottom-color: @tooltip-arrow-color;
+	top: 0;
+	left: @tooltip-arrow-width;
+	border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
+	border-bottom-color: @tooltip-arrow-color;
   }
   &.bottom-right .tooltip-arrow {
-    top: 0;
-    right: @tooltip-arrow-width;
-    border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
-    border-bottom-color: @tooltip-arrow-color;
+	top: 0;
+	right: @tooltip-arrow-width;
+	border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;
+	border-bottom-color: @tooltip-arrow-color;
   }
 }

public/less/type.less

@@ -2,13 +2,13 @@
 // Typography
 // --------------------------------------------------
 
-
 // Body text
 // -------------------------
 
 p {
   margin: 0 0 (@line-height-computed / 2);
 }
+
 .lead {
   margin-bottom: @line-height-computed;
   font-size: (@font-size-base * 1.15);
@@ -16,61 +16,76 @@ p {
   line-height: 1.4;
 
   @media (min-width: @screen-sm-min) {
-    font-size: (@font-size-base * 1.5);
+	font-size: (@font-size-base * 1.5);
   }
 }
 
-
 // Emphasis & misc
 // -------------------------
 
 // Ex: 14px base font * 85% = about 12px
 small,
-.small  { font-size: 85%; }
+.small {
+  font-size: 85%;
+}
 
 // Undo browser default styling
-cite    { font-style: normal; }
+cite {
+  font-style: normal;
+}
 
 // Contextual emphasis
 .text-muted {
   color: @text-muted;
 }
+
 .text-primary {
   color: @brand-primary;
   &:hover {
-    color: darken(@brand-primary, 10%);
+	color: darken(@brand-primary, 10%);
   }
 }
+
 .text-warning {
   color: @state-warning-text;
   &:hover {
-    color: darken(@state-warning-text, 10%);
+	color: darken(@state-warning-text, 10%);
   }
 }
+
 .text-danger {
   color: @state-danger-text;
   &:hover {
-    color: darken(@state-danger-text, 10%);
+	color: darken(@state-danger-text, 10%);
   }
 }
+
 .text-success {
   color: @state-success-text;
   &:hover {
-    color: darken(@state-success-text, 10%);
+	color: darken(@state-success-text, 10%);
   }
 }
+
 .text-info {
   color: @state-info-text;
   &:hover {
-    color: darken(@state-info-text, 10%);
+	color: darken(@state-info-text, 10%);
   }
 }
 
 // Alignment
-.text-left           { text-align: left; }
-.text-right          { text-align: right; }
-.text-center         { text-align: center; }
+.text-left {
+  text-align: left;
+}
 
+.text-right {
+  text-align: right;
+}
+
+.text-center {
+  text-align: center;
+}
 
 // Headings
 // -------------------------
@@ -83,9 +98,9 @@ h1, h2, h3, h4, h5, h6,
   color: @headings-color;
 
   small {
-    font-weight: normal;
-    line-height: 1;
-    color: @headings-small-color;
+	font-weight: normal;
+	line-height: 1;
+	color: @headings-small-color;
   }
 }
 
@@ -96,9 +111,10 @@ h3 {
   margin-bottom: (@line-height-computed / 2);
 
   small {
-    font-size: 65%;
+	font-size: 65%;
   }
 }
+
 h4,
 h5,
 h6 {
@@ -106,17 +122,33 @@ h6 {
   margin-bottom: (@line-height-computed / 2);
 
   small {
-    font-size: 75%;
+	font-size: 75%;
   }
 }
 
-h1, .h1 { font-size: @font-size-h1; }
-h2, .h2 { font-size: @font-size-h2; }
-h3, .h3 { font-size: @font-size-h3; }
-h4, .h4 { font-size: @font-size-h4; }
-h5, .h5 { font-size: @font-size-h5; }
-h6, .h6 { font-size: @font-size-h6; }
+h1, .h1 {
+  font-size: @font-size-h1;
+}
 
+h2, .h2 {
+  font-size: @font-size-h2;
+}
+
+h3, .h3 {
+  font-size: @font-size-h3;
+}
+
+h4, .h4 {
+  font-size: @font-size-h4;
+}
+
+h5, .h5 {
+  font-size: @font-size-h5;
+}
+
+h6, .h6 {
+  font-size: @font-size-h6;
+}
 
 // Page header
 // -------------------------
@@ -127,8 +159,6 @@ h6, .h6 { font-size: @font-size-h6; }
   border-bottom: 1px solid @page-header-border-color;
 }
 
-
-
 // Lists
 // --------------------------------------------------
 
@@ -138,8 +168,8 @@ ol {
   margin-top: 0;
   margin-bottom: (@line-height-computed / 2);
   ul,
-  ol{
-    margin-bottom: 0;
+  ol {
+	margin-bottom: 0;
   }
 }
 
@@ -150,13 +180,14 @@ ol {
   padding-left: 0;
   list-style: none;
 }
+
 // Inline turns list items into inline-block
 .list-inline {
   .list-unstyled();
   > li {
-    display: inline-block;
-    padding-left: 5px;
-    padding-right: 5px;
+	display: inline-block;
+	padding-left: 5px;
+	padding-right: 5px;
   }
 }
 
@@ -164,13 +195,16 @@ ol {
 dl {
   margin-bottom: @line-height-computed;
 }
+
 dt,
 dd {
   line-height: @line-height-base;
 }
+
 dt {
   font-weight: bold;
 }
+
 dd {
   margin-left: 0; // Undo browser default
 }
@@ -182,17 +216,17 @@ dd {
 
 @media (min-width: @grid-float-breakpoint) {
   .dl-horizontal {
-    dt {
-      float: left;
-      width: (@component-offset-horizontal - 20);
-      clear: left;
-      text-align: right;
-      .text-overflow();
-    }
-    dd {
-      margin-left: @component-offset-horizontal;
-      .clearfix(); // Clear the floated `dt` if an empty `dd` is present
-    }
+	dt {
+	  float: left;
+	  width: (@component-offset-horizontal - 20);
+	  clear: left;
+	  text-align: right;
+	  .text-overflow();
+	}
+	dd {
+	  margin-left: @component-offset-horizontal;
+	  .clearfix(); // Clear the floated `dt` if an empty `dd` is present
+	}
   }
 }
 
@@ -201,11 +235,12 @@ dd {
 
 // Abbreviations and acronyms
 abbr[title],
-// Added data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
+  // Added data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
 abbr[data-original-title] {
   cursor: help;
   border-bottom: 1px dotted @abbr-border-color;
 }
+
 abbr.initialism {
   font-size: 90%;
   text-transform: uppercase;
@@ -217,40 +252,40 @@ blockquote {
   margin: 0 0 @line-height-computed;
   border-left: 5px solid @blockquote-border-color;
   p {
-    font-size: (@font-size-base * 1.25);
-    font-weight: 300;
-    line-height: 1.25;
+	font-size: (@font-size-base * 1.25);
+	font-weight: 300;
+	line-height: 1.25;
   }
   p:last-child {
-    margin-bottom: 0;
+	margin-bottom: 0;
   }
   small {
-    display: block;
-    line-height: @line-height-base;
-    color: @blockquote-small-color;
-    &:before {
-      content: '\2014 \00A0';// EM DASH, NBSP
-    }
+	display: block;
+	line-height: @line-height-base;
+	color: @blockquote-small-color;
+	&:before {
+	  content: '\2014 \00A0'; // EM DASH, NBSP
+	}
   }
 
   // Float right with text-align: right
   &.pull-right {
-    padding-right: 15px;
-    padding-left: 0;
-    border-right: 5px solid @blockquote-border-color;
-    border-left: 0;
-    p,
-    small {
-      text-align: right;
-    }
-    small {
-      &:before {
-        content: '';
-      }
-      &:after {
-        content: '\00A0 \2014';// NBSP, EM DASH
-      }
-    }
+	padding-right: 15px;
+	padding-left: 0;
+	border-right: 5px solid @blockquote-border-color;
+	border-left: 0;
+	p,
+	small {
+	  text-align: right;
+	}
+	small {
+	  &:before {
+		content: '';
+	  }
+	  &:after {
+		content: '\00A0 \2014'; // NBSP, EM DASH
+	  }
+	}
   }
 }
 

public/less/utilities.less

@@ -2,41 +2,44 @@
 // Utility classes
 // --------------------------------------------------
 
-
 // Floats
 // -------------------------
 
 .clearfix {
   .clearfix();
 }
+
 .center-block {
   .center-block();
 }
+
 .pull-right {
   float: right !important;
 }
+
 .pull-left {
   float: left !important;
 }
 
-
 // Toggling content
 // -------------------------
 
 .hide {
   display: none !important;
 }
+
 .show {
   display: block !important;
 }
+
 .invisible {
   visibility: hidden;
 }
+
 .text-hide {
   .text-hide();
 }
 
-
 // For Affix plugin
 // -------------------------
 
@@ -44,7 +47,6 @@
   position: fixed;
 }
 
-
 // Cursors
 // -------------------------
 

public/less/variables-flatly.less

@@ -2,619 +2,588 @@
 // Variables
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
 // Grays
 // -------------------------
 
-@gray-darker:            lighten(#000, 13.5%); // #222
-@gray-dark:              #616D6E;
-@gray:                   #6C7878;
-@gray-light:             #7C8C8D;
-@gray-lighter:           #eaeff1;
+@gray-darker: lighten(#000, 13.5%); // #222
+@gray-dark: #616D6E;
+@gray: #6C7878;
+@gray-light: #7C8C8D;
+@gray-lighter: #eaeff1;
 
 // Brand colors
 // -------------------------
 
-@brand-primary:         #2C3E50;
-@brand-success:         #00806F;
-@brand-warning:         #A86700;
-@brand-danger:          #D83D2D;
-@brand-info:            #177BBE;
+@brand-primary: #2C3E50;
+@brand-success: #006053;
+@brand-warning: #b24d04;
+@brand-danger: #c92a2a;
+@brand-info: #177BBE;
 
 // Scaffolding
 // -------------------------
 
-@body-bg:               #fff;
-@text-color:            @brand-primary;
+@body-bg: #fff;
+@text-color: @brand-primary;
 
 // Links
 // -------------------------
 
-@link-color:            @brand-success;
-@link-hover-color:      @link-color;
+@link-color: @brand-success;
+@link-hover-color: @link-color;
 
 // Typography
 // -------------------------
 
-@font-family-sans-serif:  "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
-@font-family-serif:       Georgia, "Times New Roman", Times, serif;
-@font-family-monospace:   Monaco, Menlo, Consolas, "Courier New", monospace;
-@font-family-base:        @font-family-sans-serif;
+@font-family-sans-serif: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
+@font-family-serif: Georgia, "Times New Roman", Times, serif;
+@font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;
+@font-family-base: @font-family-sans-serif;
 
-@font-size-base:          15px;
-@font-size-large:         ceil(@font-size-base * 1.25); // ~18px
-@font-size-small:         ceil(@font-size-base * 0.85); // ~12px
+@font-size-base: 15px;
+@font-size-large: ceil(@font-size-base * 1.25); // ~18px
+@font-size-small: ceil(@font-size-base * 0.85); // ~12px
 
-@line-height-base:        1.428571429; // 20/14
-@line-height-computed:    floor(@font-size-base * @line-height-base); // ~20px
+@line-height-base: 1.428571429; // 20/14
+@line-height-computed: floor(@font-size-base * @line-height-base); // ~20px
 
-@headings-font-family:    @font-family-base;
-@headings-font-weight:    500;
-@headings-line-height:    1.1;
+@headings-font-family: @font-family-base;
+@headings-font-weight: 500;
+@headings-line-height: 1.1;
 
 // Iconography
 // -------------------------
 
-@icon-font-path:          "../fonts/";
-@icon-font-name:          "glyphicons-halflings-regular";
-
+@icon-font-path: "../fonts/";
+@icon-font-name: "glyphicons-halflings-regular";
 
 // Components
 // -------------------------
 // Based on 14px font-size and 1.428 line-height (~20px to start)
 
-@padding-base-vertical:          10px;
-@padding-base-horizontal:        15px;
+@padding-base-vertical: 10px;
+@padding-base-horizontal: 15px;
 
-@padding-large-vertical:         18px;
-@padding-large-horizontal:       27px;
+@padding-large-vertical: 18px;
+@padding-large-horizontal: 27px;
 
-@padding-small-vertical:         6px;
-@padding-small-horizontal:       9px;
+@padding-small-vertical: 6px;
+@padding-small-horizontal: 9px;
 
-@line-height-large:              1.33;
-@line-height-small:              1.5;
+@line-height-large: 1.33;
+@line-height-small: 1.5;
 
-@border-radius-base:             4px;
-@border-radius-large:            6px;
-@border-radius-small:            3px;
+@border-radius-base: 4px;
+@border-radius-large: 6px;
+@border-radius-small: 3px;
 
-@component-active-bg:            @brand-primary;
+@component-active-bg: @brand-primary;
 
-@caret-width-base:               4px;
-@caret-width-large:              5px;
+@caret-width-base: 4px;
+@caret-width-large: 5px;
 
 // Tables
 // -------------------------
 
-@table-cell-padding:                 8px;
-@table-condensed-cell-padding:       5px;
+@table-cell-padding: 8px;
+@table-condensed-cell-padding: 5px;
 
-@table-bg:                           transparent; // overall background-color
-@table-bg-accent:                    #f9f9f9; // for striping
-@table-bg-hover:                     @gray-lighter;
-@table-bg-active:                    @table-bg-hover;
-
-@table-border-color:                 @gray-lighter; // table and cell border
+@table-bg: transparent; // overall background-color
+@table-bg-accent: #f9f9f9; // for striping
+@table-bg-hover: @gray-lighter;
+@table-bg-active: @table-bg-hover;
 
+@table-border-color: @gray-lighter; // table and cell border
 
 // Buttons
 // -------------------------
 
-@btn-font-weight:                normal;
+@btn-font-weight: normal;
 
-@btn-default-color:              #fff;
-@btn-default-bg:                 @gray;
-@btn-default-border:             @btn-default-bg;
+@btn-default-color: #fff;
+@btn-default-bg: @gray;
+@btn-default-border: @btn-default-bg;
 
-@btn-primary-color:              @btn-default-color;
-@btn-primary-bg:                 @brand-primary;
-@btn-primary-border:             @btn-primary-bg;
+@btn-primary-color: @btn-default-color;
+@btn-primary-bg: @brand-primary;
+@btn-primary-border: @btn-primary-bg;
 
-@btn-success-color:              @btn-default-color;
-@btn-success-bg:                 @brand-success;
-@btn-success-border:             @btn-success-bg;
+@btn-success-color: @btn-default-color;
+@btn-success-bg: @brand-success;
+@btn-success-border: @btn-success-bg;
 
-@btn-warning-color:              @btn-default-color;
-@btn-warning-bg:                 @brand-warning;
-@btn-warning-border:             @btn-warning-bg;
+@btn-warning-color: @btn-default-color;
+@btn-warning-bg: @brand-warning;
+@btn-warning-border: @btn-warning-bg;
 
-@btn-danger-color:               @btn-default-color;
-@btn-danger-bg:                  @brand-danger;
-@btn-danger-border:              @btn-danger-bg;
+@btn-danger-color: @btn-default-color;
+@btn-danger-bg: @brand-danger;
+@btn-danger-border: @btn-danger-bg;
 
-@btn-info-color:                 @btn-default-color;
-@btn-info-bg:                    @brand-info;
-@btn-info-border:                @btn-info-bg;
-
-@btn-link-disabled-color:        @gray-light;
+@btn-info-color: @btn-default-color;
+@btn-info-bg: @brand-info;
+@btn-info-border: @btn-info-bg;
 
+@btn-link-disabled-color: @gray-light;
 
 // Forms
 // -------------------------
 
-@input-bg:                       #fff;
-@input-bg-disabled:              @gray-lighter;
+@input-bg: #fff;
+@input-bg-disabled: @gray-lighter;
 
-@input-color:                    @text-color;
-@input-border:                   #dce4ec;
-@input-border-radius:            @border-radius-base;
-@input-border-focus:             #1abc9c;
+@input-color: @text-color;
+@input-border: #dce4ec;
+@input-border-radius: @border-radius-base;
+@input-border-focus: #1abc9c;
 
-@input-color-placeholder:        #acb6c0;
+@input-color-placeholder: #acb6c0;
 
-@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
-@input-height-large:             (ceil(@font-size-large * @line-height-base) + (@padding-large-vertical * 2) + 2);
-@input-height-small:             (ceil(@font-size-small * @line-height-base) + (@padding-small-vertical * 2) + 2);
+@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
+@input-height-large: (ceil(@font-size-large * @line-height-base) + (@padding-large-vertical * 2) + 2);
+@input-height-small: (ceil(@font-size-small * @line-height-base) + (@padding-small-vertical * 2) + 2);
 
-@legend-color:                   @text-color;
-@legend-border-color:            #e5e5e5;
+@legend-color: @text-color;
+@legend-border-color: #e5e5e5;
 
-@input-group-addon-bg:           @gray-lighter;
+@input-group-addon-bg: @gray-lighter;
 @input-group-addon-border-color: @input-border;
 
-
 // Dropdowns
 // -------------------------
 
-@dropdown-bg:                    #fff;
-@dropdown-border:                rgba(0,0,0,.15);
-@dropdown-fallback-border:       #ccc;
-@dropdown-divider-bg:            #e5e5e5;
+@dropdown-bg: #fff;
+@dropdown-border: rgba(0, 0, 0, .15);
+@dropdown-fallback-border: #ccc;
+@dropdown-divider-bg: #e5e5e5;
 
-@dropdown-link-active-color:     #fff;
-@dropdown-link-active-bg:        @component-active-bg;
+@dropdown-link-active-color: #fff;
+@dropdown-link-active-bg: @component-active-bg;
 
-@dropdown-link-color:            @gray-dark;
-@dropdown-link-hover-color:      #fff;
-@dropdown-link-hover-bg:         @dropdown-link-active-bg;
+@dropdown-link-color: @gray-dark;
+@dropdown-link-hover-color: #fff;
+@dropdown-link-hover-bg: @dropdown-link-active-bg;
 
-@dropdown-link-disabled-color:   @text-muted;
+@dropdown-link-disabled-color: @text-muted;
 
-@dropdown-header-color:          @text-muted;
-
-@dropdown-caret-color:           #000;
+@dropdown-header-color: @text-muted;
 
+@dropdown-caret-color: #000;
 
 // COMPONENT VARIABLES
 // --------------------------------------------------
 
-
 // Z-index master list
 // -------------------------
 // Used for a bird's eye view of components dependent on the z-axis
 // Try to avoid customizing these :)
 
-@zindex-navbar:            1000;
-@zindex-dropdown:          1000;
-@zindex-popover:           1010;
-@zindex-tooltip:           1030;
-@zindex-navbar-fixed:      1030;
-@zindex-modal-background:  1040;
-@zindex-modal:             1050;
+@zindex-navbar: 1000;
+@zindex-dropdown: 1000;
+@zindex-popover: 1010;
+@zindex-tooltip: 1030;
+@zindex-navbar-fixed: 1030;
+@zindex-modal-background: 1040;
+@zindex-modal: 1050;
 
 // Media queries breakpoints
 // --------------------------------------------------
 
 // Extra small screen / phone
-@screen-xs:                  480px;
-@screen-phone:               @screen-xs;
+@screen-xs: 480px;
+@screen-phone: @screen-xs;
 
 // Small screen / tablet
-@screen-sm:                  768px;
-@screen-tablet:              @screen-sm;
+@screen-sm: 768px;
+@screen-tablet: @screen-sm;
 
 // Medium screen / desktop
-@screen-md:                  992px;
-@screen-desktop:             @screen-md;
+@screen-md: 992px;
+@screen-desktop: @screen-md;
 
 // Large screen / wide desktop
-@screen-lg:                  1200px;
-@screen-lg-desktop:          @screen-lg;
+@screen-lg: 1200px;
+@screen-lg-desktop: @screen-lg;
 
 // So media queries don't overlap when required, provide a maximum
-@screen-xs-max:              (@screen-sm - 1);
-@screen-sm-max:              (@screen-md - 1);
-@screen-md-max:              (@screen-lg - 1);
-
+@screen-xs-max: (@screen-sm - 1);
+@screen-sm-max: (@screen-md - 1);
+@screen-md-max: (@screen-lg - 1);
 
 // Grid system
 // --------------------------------------------------
 
 // Number of columns in the grid system
-@grid-columns:              12;
+@grid-columns: 12;
 // Padding, to be divided by two and applied to the left and right of all columns
-@grid-gutter-width:         30px;
+@grid-gutter-width: 30px;
 // Point at which the navbar stops collapsing
-@grid-float-breakpoint:     @screen-tablet;
-
+@grid-float-breakpoint: @screen-tablet;
 
 // Navbar
 // -------------------------
 
 // Basics of a navbar
-@navbar-height:                    60px;
-@navbar-margin-bottom:             @line-height-computed;
-@navbar-default-color:             #777;
-@navbar-default-bg:                @brand-primary;
-@navbar-default-border:            darken(@navbar-default-bg, 6.5%);
-@navbar-border-radius:             @border-radius-base;
-@navbar-padding-horizontal:        floor(@grid-gutter-width / 2);  // ~15px
-@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
+@navbar-height: 60px;
+@navbar-margin-bottom: @line-height-computed;
+@navbar-default-color: #777;
+@navbar-default-bg: @brand-primary;
+@navbar-default-border: darken(@navbar-default-bg, 6.5%);
+@navbar-border-radius: @border-radius-base;
+@navbar-padding-horizontal: floor((@grid-gutter-width / 2)); // ~15px
+@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
 
 // Navbar links
-@navbar-default-link-color:                #fff;
-@navbar-default-link-hover-color:          @brand-success;
-@navbar-default-link-hover-bg:             transparent;
-@navbar-default-link-active-color:         #fff;
-@navbar-default-link-active-bg:            darken(@navbar-default-bg, 10%);
-@navbar-default-link-disabled-color:       #ccc;
-@navbar-default-link-disabled-bg:          transparent;
+@navbar-default-link-color: #fff;
+@navbar-default-link-hover-color: @brand-success;
+@navbar-default-link-hover-bg: transparent;
+@navbar-default-link-active-color: #fff;
+@navbar-default-link-active-bg: darken(@navbar-default-bg, 10%);
+@navbar-default-link-disabled-color: #ccc;
+@navbar-default-link-disabled-bg: transparent;
 
 // Navbar brand label
-@navbar-default-brand-color:               @navbar-default-link-color;
-@navbar-default-brand-hover-color:         @navbar-default-link-hover-color;
-@navbar-default-brand-hover-bg:            transparent;
+@navbar-default-brand-color: @navbar-default-link-color;
+@navbar-default-brand-hover-color: @navbar-default-link-hover-color;
+@navbar-default-brand-hover-bg: transparent;
 
 // Navbar toggle
-@navbar-default-toggle-hover-bg:           darken(@navbar-default-bg, 10%);
-@navbar-default-toggle-icon-bar-bg:        #fff;
-@navbar-default-toggle-border-color:       darken(@navbar-default-bg, 10%);
-
+@navbar-default-toggle-hover-bg: darken(@navbar-default-bg, 10%);
+@navbar-default-toggle-icon-bar-bg: #fff;
+@navbar-default-toggle-border-color: darken(@navbar-default-bg, 10%);
 
 // Inverted navbar
 //
 // Reset inverted navbar basics
-@navbar-inverse-color:                      #fff;
-@navbar-inverse-bg:                         @brand-success;
-@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
+@navbar-inverse-color: #fff;
+@navbar-inverse-bg: @brand-success;
+@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
 
 // Inverted navbar links
-@navbar-inverse-link-color:                 #fff;
-@navbar-inverse-link-hover-color:           @brand-primary;
-@navbar-inverse-link-hover-bg:              transparent;
-@navbar-inverse-link-active-color:          #fff;
-@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 5%);
-@navbar-inverse-link-disabled-color:        #ccc;
-@navbar-inverse-link-disabled-bg:           transparent;
+@navbar-inverse-link-color: #fff;
+@navbar-inverse-link-hover-color: @brand-primary;
+@navbar-inverse-link-hover-bg: transparent;
+@navbar-inverse-link-active-color: #fff;
+@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 5%);
+@navbar-inverse-link-disabled-color: #ccc;
+@navbar-inverse-link-disabled-bg: transparent;
 
 // Inverted navbar brand label
-@navbar-inverse-brand-color:                @navbar-inverse-link-color;
-@navbar-inverse-brand-hover-color:          @navbar-inverse-link-hover-color;
-@navbar-inverse-brand-hover-bg:             transparent;
+@navbar-inverse-brand-color: @navbar-inverse-link-color;
+@navbar-inverse-brand-hover-color: @navbar-inverse-link-hover-color;
+@navbar-inverse-brand-hover-bg: transparent;
 
 // Inverted navbar search
 // Normal navbar needs no special styles or vars
-@navbar-inverse-search-bg:                  lighten(@navbar-inverse-bg, 25%);
-@navbar-inverse-search-bg-focus:            #fff;
-@navbar-inverse-search-border:              @navbar-inverse-bg;
-@navbar-inverse-search-placeholder-color:   #ccc;
+@navbar-inverse-search-bg: lighten(@navbar-inverse-bg, 25%);
+@navbar-inverse-search-bg-focus: #fff;
+@navbar-inverse-search-border: @navbar-inverse-bg;
+@navbar-inverse-search-placeholder-color: #ccc;
 
 // Inverted navbar toggle
-@navbar-inverse-toggle-hover-bg:            darken(@navbar-inverse-bg, 10%);
-@navbar-inverse-toggle-icon-bar-bg:         #fff;
-@navbar-inverse-toggle-border-color:        darken(@navbar-inverse-bg, 10%);
-
+@navbar-inverse-toggle-hover-bg: darken(@navbar-inverse-bg, 10%);
+@navbar-inverse-toggle-icon-bar-bg: #fff;
+@navbar-inverse-toggle-border-color: darken(@navbar-inverse-bg, 10%);
 
 // Navs
 // -------------------------
 
-@nav-link-padding:                          10px 15px;
-@nav-link-hover-bg:                         @gray-lighter;
+@nav-link-padding: 10px 15px;
+@nav-link-hover-bg: @gray-lighter;
 
-@nav-disabled-link-color:                   @gray-light;
-@nav-disabled-link-hover-color:             @gray-light;
+@nav-disabled-link-color: @gray-light;
+@nav-disabled-link-hover-color: @gray-light;
 
-@nav-open-link-hover-color:                 #fff;
-@nav-open-caret-border-color:               #fff;
+@nav-open-link-hover-color: #fff;
+@nav-open-caret-border-color: #fff;
 
 // Tabs
-@nav-tabs-border-color:                     @gray-lighter;
+@nav-tabs-border-color: @gray-lighter;
 
-@nav-tabs-link-hover-border-color:          @gray-lighter;
+@nav-tabs-link-hover-border-color: @gray-lighter;
 
-@nav-tabs-active-link-hover-bg:             @body-bg;
-@nav-tabs-active-link-hover-color:          @gray;
-@nav-tabs-active-link-hover-border-color:   @gray-lighter;
+@nav-tabs-active-link-hover-bg: @body-bg;
+@nav-tabs-active-link-hover-color: @gray;
+@nav-tabs-active-link-hover-border-color: @gray-lighter;
 
-@nav-tabs-justified-link-border-color:            @gray-lighter;
-@nav-tabs-justified-active-link-border-color:     @body-bg;
+@nav-tabs-justified-link-border-color: @gray-lighter;
+@nav-tabs-justified-active-link-border-color: @body-bg;
 
 // Pills
-@nav-pills-active-link-hover-bg:            @component-active-bg;
-@nav-pills-active-link-hover-color:         #fff;
-
+@nav-pills-active-link-hover-bg: @component-active-bg;
+@nav-pills-active-link-hover-color: #fff;
 
 // Pagination
 // -------------------------
 
-@pagination-bg:                        @brand-success;
-@pagination-border:                    transparent;
+@pagination-bg: @brand-success;
+@pagination-border: transparent;
 
-@pagination-hover-bg:                  @gray-lighter;
+@pagination-hover-bg: @gray-lighter;
 
-@pagination-active-bg:                 darken(@brand-success, 15%);
-@pagination-active-color:              #fff;
-
-@pagination-disabled-color:            @gray-lighter;
+@pagination-active-bg: darken(@brand-success, 15%);
+@pagination-active-color: #fff;
 
+@pagination-disabled-color: @gray-lighter;
 
 // Pager
 // -------------------------
 
-@pager-border-radius:                  15px;
-@pager-disabled-color:                 #fff;
-
+@pager-border-radius: 15px;
+@pager-disabled-color: #fff;
 
 // Jumbotron
 // -------------------------
 
-@jumbotron-padding:              30px;
-@jumbotron-color:                inherit;
-@jumbotron-bg:                   @gray-lighter;
-
-@jumbotron-heading-color:        inherit;
+@jumbotron-padding: 30px;
+@jumbotron-color: inherit;
+@jumbotron-bg: @gray-lighter;
 
+@jumbotron-heading-color: inherit;
 
 // Form states and alerts
 // -------------------------
 
-@state-warning-text:             #fff;
-@state-warning-bg:               @brand-warning;
-@state-warning-border:           @brand-warning;
+@state-warning-text: #fff;
+@state-warning-bg: @brand-warning;
+@state-warning-border: @brand-warning;
 
-@state-danger-text:              #fff;
-@state-danger-bg:                @brand-danger;
-@state-danger-border:            @brand-danger;
+@state-danger-text: #fff;
+@state-danger-bg: @brand-danger;
+@state-danger-border: @brand-danger;
 
-@state-success-text:             #fff;
-@state-success-bg:               @brand-success;
-@state-success-border:           @brand-success;
-
-@state-info-text:                #fff;
-@state-info-bg:                  @brand-info;
-@state-info-border:              @brand-info;
+@state-success-text: #fff;
+@state-success-bg: @brand-success;
+@state-success-border: @brand-success;
 
+@state-info-text: #fff;
+@state-info-bg: @brand-info;
+@state-info-border: @brand-info;
 
 // Tooltips
 // -------------------------
-@tooltip-max-width:           200px;
-@tooltip-color:               #fff;
-@tooltip-bg:                  rgba(0,0,0,.9);
-
-@tooltip-arrow-width:         5px;
-@tooltip-arrow-color:         @tooltip-bg;
+@tooltip-max-width: 200px;
+@tooltip-color: #fff;
+@tooltip-bg: rgba(0, 0, 0, .9);
 
+@tooltip-arrow-width: 5px;
+@tooltip-arrow-color: @tooltip-bg;
 
 // Popovers
 // -------------------------
-@popover-bg:                          #fff;
-@popover-max-width:                   276px;
-@popover-border-color:                rgba(0,0,0,.2);
-@popover-fallback-border-color:       #ccc;
+@popover-bg: #fff;
+@popover-max-width: 276px;
+@popover-border-color: rgba(0, 0, 0, .2);
+@popover-fallback-border-color: #ccc;
 
-@popover-title-bg:                    darken(@popover-bg, 3%);
+@popover-title-bg: darken(@popover-bg, 3%);
 
-@popover-arrow-width:                 10px;
-@popover-arrow-color:                 #fff;
-
-@popover-arrow-outer-width:           (@popover-arrow-width + 1);
-@popover-arrow-outer-color:           rgba(0,0,0,.25);
-@popover-arrow-outer-fallback-color:  #999;
+@popover-arrow-width: 10px;
+@popover-arrow-color: #fff;
 
+@popover-arrow-outer-width: (@popover-arrow-width + 1);
+@popover-arrow-outer-color: rgba(0, 0, 0, .25);
+@popover-arrow-outer-fallback-color: #999;
 
 // Labels
 // -------------------------
 
-@label-default-bg:            @btn-default-bg;
-@label-primary-bg:            @brand-primary;
-@label-success-bg:            @brand-success;
-@label-info-bg:               @brand-info;
-@label-warning-bg:            @brand-warning;
-@label-danger-bg:             @brand-danger;
-
-@label-color:                 #fff;
-@label-link-hover-color:      #fff;
+@label-default-bg: @btn-default-bg;
+@label-primary-bg: @brand-primary;
+@label-success-bg: @brand-success;
+@label-info-bg: @brand-info;
+@label-warning-bg: @brand-warning;
+@label-danger-bg: @brand-danger;
 
+@label-color: #fff;
+@label-link-hover-color: #fff;
 
 // Modals
 // -------------------------
-@modal-inner-padding:         20px;
+@modal-inner-padding: 20px;
 
-@modal-title-padding:         15px;
-@modal-title-line-height:     @line-height-base;
+@modal-title-padding: 15px;
+@modal-title-line-height: @line-height-base;
 
-@modal-content-bg:                             #fff;
-@modal-content-border-color:                   rgba(0,0,0,.2);
-@modal-content-fallback-border-color:          #999;
-
-@modal-backdrop-bg:           #000;
-@modal-header-border-color:   #e5e5e5;
-@modal-footer-border-color:   @modal-header-border-color;
+@modal-content-bg: #fff;
+@modal-content-border-color: rgba(0, 0, 0, .2);
+@modal-content-fallback-border-color: #999;
 
+@modal-backdrop-bg: #000;
+@modal-header-border-color: #e5e5e5;
+@modal-footer-border-color: @modal-header-border-color;
 
 // Alerts
 // -------------------------
-@alert-padding:               15px;
-@alert-border-radius:         @border-radius-base;
-@alert-link-font-weight:      bold;
+@alert-padding: 15px;
+@alert-border-radius: @border-radius-base;
+@alert-link-font-weight: bold;
 
-@alert-success-bg:            @state-success-bg;
-@alert-success-text:          @state-success-text;
-@alert-success-border:        @state-success-border;
+@alert-success-bg: @state-success-bg;
+@alert-success-text: @state-success-text;
+@alert-success-border: @state-success-border;
 
-@alert-info-bg:               @state-info-bg;
-@alert-info-text:             @state-info-text;
-@alert-info-border:           @state-info-border;
+@alert-info-bg: @state-info-bg;
+@alert-info-text: @state-info-text;
+@alert-info-border: @state-info-border;
 
-@alert-warning-bg:            @state-warning-bg;
-@alert-warning-text:          @state-warning-text;
-@alert-warning-border:        @state-warning-border;
-
-@alert-danger-bg:             @state-danger-bg;
-@alert-danger-text:           @state-danger-text;
-@alert-danger-border:         @state-danger-border;
+@alert-warning-bg: @state-warning-bg;
+@alert-warning-text: @state-warning-text;
+@alert-warning-border: @state-warning-border;
 
+@alert-danger-bg: @state-danger-bg;
+@alert-danger-text: @state-danger-text;
+@alert-danger-border: @state-danger-border;
 
 // Progress bars
 // -------------------------
-@progress-bg:                 @gray-lighter;
-@progress-bar-color:          #fff;
-
-@progress-bar-bg:             @brand-primary;
-@progress-bar-success-bg:     @brand-success;
-@progress-bar-warning-bg:     @brand-warning;
-@progress-bar-danger-bg:      @brand-danger;
-@progress-bar-info-bg:        @brand-info;
+@progress-bg: @gray-lighter;
+@progress-bar-color: #fff;
 
+@progress-bar-bg: @brand-primary;
+@progress-bar-success-bg: @brand-success;
+@progress-bar-warning-bg: @brand-warning;
+@progress-bar-danger-bg: @brand-danger;
+@progress-bar-info-bg: @brand-info;
 
 // List group
 // -------------------------
-@list-group-bg:               #fff;
-@list-group-border:           @gray-lighter;
-@list-group-border-radius:    @border-radius-base;
+@list-group-bg: #fff;
+@list-group-border: @gray-lighter;
+@list-group-border-radius: @border-radius-base;
 
-@list-group-hover-bg:         @gray-lighter;
-@list-group-active-color:     #fff;
-@list-group-active-bg:        @component-active-bg;
-@list-group-active-border:    @list-group-active-bg;
-
-@list-group-link-color:          #555;
-@list-group-link-heading-color:  #333;
+@list-group-hover-bg: @gray-lighter;
+@list-group-active-color: #fff;
+@list-group-active-bg: @component-active-bg;
+@list-group-active-border: @list-group-active-bg;
 
+@list-group-link-color: #555;
+@list-group-link-heading-color: #333;
 
 // Panels
 // -------------------------
-@panel-bg:                    #fff;
-@panel-inner-border:          @gray-lighter;
-@panel-border-radius:         @border-radius-base;
-@panel-footer-bg:             @gray-lighter;
+@panel-bg: #fff;
+@panel-inner-border: @gray-lighter;
+@panel-border-radius: @border-radius-base;
+@panel-footer-bg: @gray-lighter;
 
-@panel-default-text:          @gray-dark;
-@panel-default-border:        @gray-lighter;
-@panel-default-heading-bg:    @gray-lighter;
+@panel-default-text: @gray-dark;
+@panel-default-border: @gray-lighter;
+@panel-default-heading-bg: @gray-lighter;
 
-@panel-primary-text:          #fff;
-@panel-primary-border:        @brand-primary;
-@panel-primary-heading-bg:    @brand-primary;
+@panel-primary-text: #fff;
+@panel-primary-border: @brand-primary;
+@panel-primary-heading-bg: @brand-primary;
 
-@panel-success-text:          @state-success-text;
-@panel-success-border:        @state-success-border;
-@panel-success-heading-bg:    @state-success-bg;
+@panel-success-text: @state-success-text;
+@panel-success-border: @state-success-border;
+@panel-success-heading-bg: @state-success-bg;
 
-@panel-warning-text:          @state-warning-text;
-@panel-warning-border:        @state-warning-border;
-@panel-warning-heading-bg:    @state-warning-bg;
+@panel-warning-text: @state-warning-text;
+@panel-warning-border: @state-warning-border;
+@panel-warning-heading-bg: @state-warning-bg;
 
-@panel-danger-text:           @state-danger-text;
-@panel-danger-border:         @state-danger-border;
-@panel-danger-heading-bg:     @state-danger-bg;
-
-@panel-info-text:             @state-info-text;
-@panel-info-border:           @state-info-border;
-@panel-info-heading-bg:       @state-info-bg;
+@panel-danger-text: @state-danger-text;
+@panel-danger-border: @state-danger-border;
+@panel-danger-heading-bg: @state-danger-bg;
 
+@panel-info-text: @state-info-text;
+@panel-info-border: @state-info-border;
+@panel-info-heading-bg: @state-info-bg;
 
 // Thumbnails
 // -------------------------
-@thumbnail-padding:           4px;
-@thumbnail-bg:                @body-bg;
-@thumbnail-border:            @gray-lighter;
-@thumbnail-border-radius:     @border-radius-base;
-
-@thumbnail-caption-color:     @text-color;
-@thumbnail-caption-padding:   9px;
+@thumbnail-padding: 4px;
+@thumbnail-bg: @body-bg;
+@thumbnail-border: @gray-lighter;
+@thumbnail-border-radius: @border-radius-base;
 
+@thumbnail-caption-color: @text-color;
+@thumbnail-caption-padding: 9px;
 
 // Wells
 // -------------------------
-@well-bg:                     @gray-lighter;
-
+@well-bg: @gray-lighter;
 
 // Badges
 // -------------------------
-@badge-color:                 #fff;
-@badge-link-hover-color:      #fff;
-@badge-bg:                    @gray;
+@badge-color: #fff;
+@badge-link-hover-color: #fff;
+@badge-bg: @gray;
 
-@badge-active-color:          @link-color;
-@badge-active-bg:             #fff;
-
-@badge-font-weight:           bold;
-@badge-line-height:           1;
-@badge-border-radius:         10px;
+@badge-active-color: @link-color;
+@badge-active-bg: #fff;
 
+@badge-font-weight: bold;
+@badge-line-height: 1;
+@badge-border-radius: 10px;
 
 // Breadcrumbs
 // -------------------------
-@breadcrumb-bg:               lighten(@gray-lighter, 4%);
-@breadcrumb-color:            @gray-dark;
-@breadcrumb-active-color:     @breadcrumb-color;
-
+@breadcrumb-bg: lighten(@gray-lighter, 4%);
+@breadcrumb-color: @gray-dark;
+@breadcrumb-active-color: @breadcrumb-color;
 
 // Carousel
 // ------------------------
 
-@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
+@carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
 
-@carousel-control-color:                      #fff;
-@carousel-control-width:                      15%;
-@carousel-control-opacity:                    .5;
-@carousel-control-font-size:                  20px;
+@carousel-control-color: #fff;
+@carousel-control-width: 15%;
+@carousel-control-opacity: .5;
+@carousel-control-font-size: 20px;
 
-@carousel-indicator-active-bg:                #fff;
-@carousel-indicator-border-color:             #fff;
-
-@carousel-caption-color:                      #fff;
+@carousel-indicator-active-bg: #fff;
+@carousel-indicator-border-color: #fff;
 
+@carousel-caption-color: #fff;
 
 // Close
 // ------------------------
-@close-color:                 #000;
-@close-font-weight:           bold;
-@close-text-shadow:           0 1px 0 #fff;
-
+@close-color: #000;
+@close-font-weight: bold;
+@close-text-shadow: 0 1px 0 #fff;
 
 // Code
 // ------------------------
-@code-color:                  #c7254e;
-@code-bg:                     #f9f2f4;
+@code-color: #c7254e;
+@code-bg: #f9f2f4;
 
-@pre-bg:                      @gray-lighter;
-@pre-color:                   @gray-dark;
-@pre-border-color:            #ccc;
-@pre-scrollable-max-height:   340px;
+@pre-bg: @gray-lighter;
+@pre-color: @gray-dark;
+@pre-border-color: #ccc;
+@pre-scrollable-max-height: 340px;
 
 // Type
 // ------------------------
-@text-muted:                  @gray-light;
-@abbr-border-color:           @gray-light;
-@headings-small-color:        @gray-light;
-@blockquote-small-color:      @gray-light;
-@blockquote-border-color:     @gray-lighter;
-@page-header-border-color:    @gray-lighter;
+@text-muted: @gray-light;
+@abbr-border-color: @gray-light;
+@headings-small-color: @gray-light;
+@blockquote-small-color: @gray-light;
+@blockquote-border-color: @gray-lighter;
+@page-header-border-color: @gray-lighter;
 
 // Miscellaneous
 // -------------------------
 
 // Hr border color
-@hr-border:                   @gray-lighter;
+@hr-border: @gray-lighter;
 
 // Horizontal forms & lists
 @component-offset-horizontal: 180px;
 
-
 // Container sizes
 // --------------------------------------------------
 
 // Small screen / tablet
-@container-tablet:            ((720px + @grid-gutter-width));
+@container-tablet: ((720px + @grid-gutter-width));
 
 // Medium screen / desktop
-@container-desktop:           ((940px + @grid-gutter-width));
+@container-desktop: ((940px + @grid-gutter-width));
 
 // Large screen / wide desktop
-@container-lg-desktop:        ((1140px + @grid-gutter-width));
+@container-lg-desktop: ((1140px + @grid-gutter-width));

public/less/variables.less

@@ -2,637 +2,605 @@
 // Variables
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
 // Grays
 // -------------------------
 
-@gray-darker:            lighten(#000, 13.5%); // #222
-@gray-dark:              lighten(#000, 20%);   // #333
-@gray:                   lighten(#000, 33.5%); // #555
-@gray-light:             lighten(#000, 60%);   // #999
-@gray-lighter:           lighten(#000, 93.5%); // #eee
+@gray-darker: lighten(#000, 13.5%); // #222
+@gray-dark: lighten(#000, 20%); // #333
+@gray: lighten(#000, 33.5%); // #555
+@gray-light: lighten(#000, 60%); // #999
+@gray-lighter: lighten(#000, 93.5%); // #eee
 
 // Brand colors
 // -------------------------
 
-@brand-primary:         #428bca;
-@brand-success:         #5cb85c;
-@brand-warning:         #f0ad4e;
-@brand-danger:          #d9534f;
-@brand-info:            #5bc0de;
+@brand-primary: #428bca;
+@brand-success: #5cb85c;
+@brand-warning: #f0ad4e;
+@brand-danger: #d9534f;
+@brand-info: #5bc0de;
 
 // Scaffolding
 // -------------------------
 
-@body-bg:               #fff;
-@text-color:            @gray-dark;
+@body-bg: #fff;
+@text-color: @gray-dark;
 
 // Links
 // -------------------------
 
-@link-color:            @brand-primary;
-@link-hover-color:      darken(@link-color, 15%);
+@link-color: @brand-primary;
+@link-hover-color: darken(@link-color, 15%);
 
 // Typography
 // -------------------------
 
-@font-family-sans-serif:  "Helvetica Neue", Helvetica, Arial, sans-serif;
-@font-family-serif:       Georgia, "Times New Roman", Times, serif;
-@font-family-monospace:   Monaco, Menlo, Consolas, "Courier New", monospace;
-@font-family-base:        @font-family-sans-serif;
+@font-family-sans-serif: "Helvetica Neue", Helvetica, Arial, sans-serif;
+@font-family-serif: Georgia, "Times New Roman", Times, serif;
+@font-family-monospace: Monaco, Menlo, Consolas, "Courier New", monospace;
+@font-family-base: @font-family-sans-serif;
 
-@font-size-base:          14px;
-@font-size-large:         ceil(@font-size-base * 1.25); // ~18px
-@font-size-small:         ceil(@font-size-base * 0.85); // ~12px
+@font-size-base: 14px;
+@font-size-large: ceil(@font-size-base * 1.25); // ~18px
+@font-size-small: ceil(@font-size-base * 0.85); // ~12px
 
-@font-size-h1:            floor(@font-size-base * 2.60); // ~36px
-@font-size-h2:            floor(@font-size-base * 2.15); // ~30px
-@font-size-h3:            ceil(@font-size-base * 1.70); // ~24px
-@font-size-h4:            ceil(@font-size-base * 1.25); // ~18px
-@font-size-h5:            @font-size-base;
-@font-size-h6:            ceil(@font-size-base * 0.85); // ~12px
+@font-size-h1: floor(@font-size-base * 2.60); // ~36px
+@font-size-h2: floor(@font-size-base * 2.15); // ~30px
+@font-size-h3: ceil(@font-size-base * 1.70); // ~24px
+@font-size-h4: ceil(@font-size-base * 1.25); // ~18px
+@font-size-h5: @font-size-base;
+@font-size-h6: ceil(@font-size-base * 0.85); // ~12px
 
-@line-height-base:        1.428571429; // 20/14
-@line-height-computed:    floor(@font-size-base * @line-height-base); // ~20px
-
-@headings-font-family:    @font-family-base;
-@headings-font-weight:    500;
-@headings-line-height:    1.1;
-@headings-color:          inherit;
+@line-height-base: 1.428571429; // 20/14
+@line-height-computed: floor(@font-size-base * @line-height-base); // ~20px
 
+@headings-font-family: @font-family-base;
+@headings-font-weight: 500;
+@headings-line-height: 1.1;
+@headings-color: inherit;
 
 // Iconography
 // -------------------------
 
-@icon-font-path:          "../fonts/";
-@icon-font-name:          "glyphicons-halflings-regular";
-
+@icon-font-path: "../fonts/";
+@icon-font-name: "glyphicons-halflings-regular";
 
 // Components
 // -------------------------
 // Based on 14px font-size and 1.428 line-height (~20px to start)
 
-@padding-base-vertical:          6px;
-@padding-base-horizontal:        12px;
+@padding-base-vertical: 6px;
+@padding-base-horizontal: 12px;
 
-@padding-large-vertical:         10px;
-@padding-large-horizontal:       16px;
+@padding-large-vertical: 10px;
+@padding-large-horizontal: 16px;
 
-@padding-small-vertical:         5px;
-@padding-small-horizontal:       10px;
+@padding-small-vertical: 5px;
+@padding-small-horizontal: 10px;
 
-@line-height-large:              1.33;
-@line-height-small:              1.5;
+@line-height-large: 1.33;
+@line-height-small: 1.5;
 
-@border-radius-base:             4px;
-@border-radius-large:            6px;
-@border-radius-small:            3px;
+@border-radius-base: 4px;
+@border-radius-large: 6px;
+@border-radius-small: 3px;
 
-@component-active-color:         #fff;
-@component-active-bg:            @brand-primary;
+@component-active-color: #fff;
+@component-active-bg: @brand-primary;
 
-@caret-width-base:               4px;
-@caret-width-large:              5px;
+@caret-width-base: 4px;
+@caret-width-large: 5px;
 
 // Tables
 // -------------------------
 
-@table-cell-padding:                 8px;
-@table-condensed-cell-padding:       5px;
+@table-cell-padding: 8px;
+@table-condensed-cell-padding: 5px;
 
-@table-bg:                           transparent; // overall background-color
-@table-bg-accent:                    #f9f9f9; // for striping
-@table-bg-hover:                     #f5f5f5;
-@table-bg-active:                    @table-bg-hover;
-
-@table-border-color:                 #ddd; // table and cell border
+@table-bg: transparent; // overall background-color
+@table-bg-accent: #f9f9f9; // for striping
+@table-bg-hover: #f5f5f5;
+@table-bg-active: @table-bg-hover;
 
+@table-border-color: #ddd; // table and cell border
 
 // Buttons
 // -------------------------
 
-@btn-font-weight:                normal;
+@btn-font-weight: normal;
 
-@btn-default-color:              #333;
-@btn-default-bg:                 #fff;
-@btn-default-border:             #ccc;
+@btn-default-color: #333;
+@btn-default-bg: #fff;
+@btn-default-border: #ccc;
 
-@btn-primary-color:              #fff;
-@btn-primary-bg:                 @brand-primary;
-@btn-primary-border:             darken(@btn-primary-bg, 5%);
+@btn-primary-color: #fff;
+@btn-primary-bg: @brand-primary;
+@btn-primary-border: darken(@btn-primary-bg, 5%);
 
-@btn-success-color:              #fff;
-@btn-success-bg:                 @brand-success;
-@btn-success-border:             darken(@btn-success-bg, 5%);
+@btn-success-color: #fff;
+@btn-success-bg: @brand-success;
+@btn-success-border: darken(@btn-success-bg, 5%);
 
-@btn-warning-color:              #fff;
-@btn-warning-bg:                 @brand-warning;
-@btn-warning-border:             darken(@btn-warning-bg, 5%);
+@btn-warning-color: #fff;
+@btn-warning-bg: @brand-warning;
+@btn-warning-border: darken(@btn-warning-bg, 5%);
 
-@btn-danger-color:               #fff;
-@btn-danger-bg:                  @brand-danger;
-@btn-danger-border:              darken(@btn-danger-bg, 5%);
+@btn-danger-color: #fff;
+@btn-danger-bg: @brand-danger;
+@btn-danger-border: darken(@btn-danger-bg, 5%);
 
-@btn-info-color:                 #fff;
-@btn-info-bg:                    @brand-info;
-@btn-info-border:                darken(@btn-info-bg, 5%);
-
-@btn-link-disabled-color:        @gray-light;
+@btn-info-color: #fff;
+@btn-info-bg: @brand-info;
+@btn-info-border: darken(@btn-info-bg, 5%);
 
+@btn-link-disabled-color: @gray-light;
 
 // Forms
 // -------------------------
 
-@input-bg:                       #fff;
-@input-bg-disabled:              @gray-lighter;
+@input-bg: #fff;
+@input-bg-disabled: @gray-lighter;
 
-@input-color:                    @gray;
-@input-border:                   #ccc;
-@input-border-radius:            @border-radius-base;
-@input-border-focus:             #66afe9;
+@input-color: @gray;
+@input-border: #ccc;
+@input-border-radius: @border-radius-base;
+@input-border-focus: #66afe9;
 
-@input-color-placeholder:        @gray-light;
+@input-color-placeholder: @gray-light;
 
-@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
-@input-height-large:             (floor(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
-@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
+@input-height-base: (@line-height-computed + (@padding-base-vertical * 2) + 2);
+@input-height-large: (floor(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
+@input-height-small: (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
 
-@legend-color:                   @gray-dark;
-@legend-border-color:            #e5e5e5;
+@legend-color: @gray-dark;
+@legend-border-color: #e5e5e5;
 
-@input-group-addon-bg:           @gray-lighter;
+@input-group-addon-bg: @gray-lighter;
 @input-group-addon-border-color: @input-border;
 
-
 // Dropdowns
 // -------------------------
 
-@dropdown-bg:                    #fff;
-@dropdown-border:                rgba(0,0,0,.15);
-@dropdown-fallback-border:       #ccc;
-@dropdown-divider-bg:            #e5e5e5;
+@dropdown-bg: #fff;
+@dropdown-border: rgba(0, 0, 0, .15);
+@dropdown-fallback-border: #ccc;
+@dropdown-divider-bg: #e5e5e5;
 
-@dropdown-link-color:            @gray-dark;
-@dropdown-link-hover-color:      darken(@gray-dark, 5%);
-@dropdown-link-hover-bg:         #f5f5f5;
+@dropdown-link-color: @gray-dark;
+@dropdown-link-hover-color: darken(@gray-dark, 5%);
+@dropdown-link-hover-bg: #f5f5f5;
 
-@dropdown-link-active-color:     @component-active-color;
-@dropdown-link-active-bg:        @component-active-bg;
+@dropdown-link-active-color: @component-active-color;
+@dropdown-link-active-bg: @component-active-bg;
 
-@dropdown-link-disabled-color:   @gray-light;
+@dropdown-link-disabled-color: @gray-light;
 
-@dropdown-header-color:          @gray-light;
-
-@dropdown-caret-color:           #000;
+@dropdown-header-color: @gray-light;
 
+@dropdown-caret-color: #000;
 
 // COMPONENT VARIABLES
 // --------------------------------------------------
 
-
 // Z-index master list
 // -------------------------
 // Used for a bird's eye view of components dependent on the z-axis
 // Try to avoid customizing these :)
 
-@zindex-navbar:            1000;
-@zindex-dropdown:          1000;
-@zindex-popover:           1010;
-@zindex-tooltip:           1030;
-@zindex-navbar-fixed:      1030;
-@zindex-modal-background:  1040;
-@zindex-modal:             1050;
+@zindex-navbar: 1000;
+@zindex-dropdown: 1000;
+@zindex-popover: 1010;
+@zindex-tooltip: 1030;
+@zindex-navbar-fixed: 1030;
+@zindex-modal-background: 1040;
+@zindex-modal: 1050;
 
 // Media queries breakpoints
 // --------------------------------------------------
 
 // Extra small screen / phone
 // Note: Deprecated @screen-xs and @screen-phone as of v3.0.1
-@screen-xs:                  480px;
-@screen-xs-min:              @screen-xs;
-@screen-phone:               @screen-xs-min;
+@screen-xs: 480px;
+@screen-xs-min: @screen-xs;
+@screen-phone: @screen-xs-min;
 
 // Small screen / tablet
 // Note: Deprecated @screen-sm and @screen-tablet as of v3.0.1
-@screen-sm:                  768px;
-@screen-sm-min:              @screen-sm;
-@screen-tablet:              @screen-sm-min;
+@screen-sm: 768px;
+@screen-sm-min: @screen-sm;
+@screen-tablet: @screen-sm-min;
 
 // Medium screen / desktop
 // Note: Deprecated @screen-md and @screen-desktop as of v3.0.1
-@screen-md:                  992px;
-@screen-md-min:              @screen-md;
-@screen-desktop:             @screen-md-min;
+@screen-md: 992px;
+@screen-md-min: @screen-md;
+@screen-desktop: @screen-md-min;
 
 // Large screen / wide desktop
 // Note: Deprecated @screen-lg and @screen-lg-desktop as of v3.0.1
-@screen-lg:                  1200px;
-@screen-lg-min:              @screen-lg;
-@screen-lg-desktop:          @screen-lg-min;
+@screen-lg: 1200px;
+@screen-lg-min: @screen-lg;
+@screen-lg-desktop: @screen-lg-min;
 
 // So media queries don't overlap when required, provide a maximum
-@screen-xs-max:              (@screen-sm-min - 1);
-@screen-sm-max:              (@screen-md-min - 1);
-@screen-md-max:              (@screen-lg-min - 1);
-
+@screen-xs-max: (@screen-sm-min - 1);
+@screen-sm-max: (@screen-md-min - 1);
+@screen-md-max: (@screen-lg-min - 1);
 
 // Grid system
 // --------------------------------------------------
 
 // Number of columns in the grid system
-@grid-columns:              12;
+@grid-columns: 12;
 // Padding, to be divided by two and applied to the left and right of all columns
-@grid-gutter-width:         30px;
+@grid-gutter-width: 30px;
 // Point at which the navbar stops collapsing
-@grid-float-breakpoint:     @screen-sm-min;
-
+@grid-float-breakpoint: @screen-sm-min;
 
 // Navbar
 // -------------------------
 
 // Basics of a navbar
-@navbar-height:                    50px;
-@navbar-margin-bottom:             @line-height-computed;
-@navbar-border-radius:             @border-radius-base;
-@navbar-padding-horizontal:        floor(@grid-gutter-width / 2);
-@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
+@navbar-height: 50px;
+@navbar-margin-bottom: @line-height-computed;
+@navbar-border-radius: @border-radius-base;
+@navbar-padding-horizontal: floor((@grid-gutter-width / 2));
+@navbar-padding-vertical: ((@navbar-height - @line-height-computed) / 2);
 
-@navbar-default-color:             #777;
-@navbar-default-bg:                #f8f8f8;
-@navbar-default-border:            darken(@navbar-default-bg, 6.5%);
+@navbar-default-color: #777;
+@navbar-default-bg: #f8f8f8;
+@navbar-default-border: darken(@navbar-default-bg, 6.5%);
 
 // Navbar links
-@navbar-default-link-color:                #777;
-@navbar-default-link-hover-color:          #333;
-@navbar-default-link-hover-bg:             transparent;
-@navbar-default-link-active-color:         #555;
-@navbar-default-link-active-bg:            darken(@navbar-default-bg, 6.5%);
-@navbar-default-link-disabled-color:       #ccc;
-@navbar-default-link-disabled-bg:          transparent;
+@navbar-default-link-color: #777;
+@navbar-default-link-hover-color: #333;
+@navbar-default-link-hover-bg: transparent;
+@navbar-default-link-active-color: #555;
+@navbar-default-link-active-bg: darken(@navbar-default-bg, 6.5%);
+@navbar-default-link-disabled-color: #ccc;
+@navbar-default-link-disabled-bg: transparent;
 
 // Navbar brand label
-@navbar-default-brand-color:               @navbar-default-link-color;
-@navbar-default-brand-hover-color:         darken(@navbar-default-brand-color, 10%);
-@navbar-default-brand-hover-bg:            transparent;
+@navbar-default-brand-color: @navbar-default-link-color;
+@navbar-default-brand-hover-color: darken(@navbar-default-brand-color, 10%);
+@navbar-default-brand-hover-bg: transparent;
 
 // Navbar toggle
-@navbar-default-toggle-hover-bg:           #ddd;
-@navbar-default-toggle-icon-bar-bg:        #ccc;
-@navbar-default-toggle-border-color:       #ddd;
-
+@navbar-default-toggle-hover-bg: #ddd;
+@navbar-default-toggle-icon-bar-bg: #ccc;
+@navbar-default-toggle-border-color: #ddd;
 
 // Inverted navbar
 //
 // Reset inverted navbar basics
-@navbar-inverse-color:                      @gray-light;
-@navbar-inverse-bg:                         #222;
-@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
+@navbar-inverse-color: @gray-light;
+@navbar-inverse-bg: #222;
+@navbar-inverse-border: darken(@navbar-inverse-bg, 10%);
 
 // Inverted navbar links
-@navbar-inverse-link-color:                 @gray-light;
-@navbar-inverse-link-hover-color:           #fff;
-@navbar-inverse-link-hover-bg:              transparent;
-@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
-@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
-@navbar-inverse-link-disabled-color:        #444;
-@navbar-inverse-link-disabled-bg:           transparent;
+@navbar-inverse-link-color: @gray-light;
+@navbar-inverse-link-hover-color: #fff;
+@navbar-inverse-link-hover-bg: transparent;
+@navbar-inverse-link-active-color: @navbar-inverse-link-hover-color;
+@navbar-inverse-link-active-bg: darken(@navbar-inverse-bg, 10%);
+@navbar-inverse-link-disabled-color: #444;
+@navbar-inverse-link-disabled-bg: transparent;
 
 // Inverted navbar brand label
-@navbar-inverse-brand-color:                @navbar-inverse-link-color;
-@navbar-inverse-brand-hover-color:          #fff;
-@navbar-inverse-brand-hover-bg:             transparent;
+@navbar-inverse-brand-color: @navbar-inverse-link-color;
+@navbar-inverse-brand-hover-color: #fff;
+@navbar-inverse-brand-hover-bg: transparent;
 
 // Inverted navbar toggle
-@navbar-inverse-toggle-hover-bg:            #333;
-@navbar-inverse-toggle-icon-bar-bg:         #fff;
-@navbar-inverse-toggle-border-color:        #333;
-
+@navbar-inverse-toggle-hover-bg: #333;
+@navbar-inverse-toggle-icon-bar-bg: #fff;
+@navbar-inverse-toggle-border-color: #333;
 
 // Navs
 // -------------------------
 
-@nav-link-padding:                          10px 15px;
-@nav-link-hover-bg:                         @gray-lighter;
+@nav-link-padding: 10px 15px;
+@nav-link-hover-bg: @gray-lighter;
 
-@nav-disabled-link-color:                   @gray-light;
-@nav-disabled-link-hover-color:             @gray-light;
+@nav-disabled-link-color: @gray-light;
+@nav-disabled-link-hover-color: @gray-light;
 
-@nav-open-link-hover-color:                 #fff;
-@nav-open-caret-border-color:               #fff;
+@nav-open-link-hover-color: #fff;
+@nav-open-caret-border-color: #fff;
 
 // Tabs
-@nav-tabs-border-color:                     #ddd;
+@nav-tabs-border-color: #ddd;
 
-@nav-tabs-link-hover-border-color:          @gray-lighter;
+@nav-tabs-link-hover-border-color: @gray-lighter;
 
-@nav-tabs-active-link-hover-bg:             @body-bg;
-@nav-tabs-active-link-hover-color:          @gray;
-@nav-tabs-active-link-hover-border-color:   #ddd;
+@nav-tabs-active-link-hover-bg: @body-bg;
+@nav-tabs-active-link-hover-color: @gray;
+@nav-tabs-active-link-hover-border-color: #ddd;
 
-@nav-tabs-justified-link-border-color:            #ddd;
-@nav-tabs-justified-active-link-border-color:     @body-bg;
+@nav-tabs-justified-link-border-color: #ddd;
+@nav-tabs-justified-active-link-border-color: @body-bg;
 
 // Pills
-@nav-pills-border-radius:                   @border-radius-base;
-@nav-pills-active-link-hover-bg:            @component-active-bg;
-@nav-pills-active-link-hover-color:         @component-active-color;
-
+@nav-pills-border-radius: @border-radius-base;
+@nav-pills-active-link-hover-bg: @component-active-bg;
+@nav-pills-active-link-hover-color: @component-active-color;
 
 // Pagination
 // -------------------------
 
-@pagination-bg:                        #fff;
-@pagination-border:                    #ddd;
+@pagination-bg: #fff;
+@pagination-border: #ddd;
 
-@pagination-hover-bg:                  @gray-lighter;
+@pagination-hover-bg: @gray-lighter;
 
-@pagination-active-bg:                 @brand-primary;
-@pagination-active-color:              #fff;
-
-@pagination-disabled-color:            @gray-light;
+@pagination-active-bg: @brand-primary;
+@pagination-active-color: #fff;
 
+@pagination-disabled-color: @gray-light;
 
 // Pager
 // -------------------------
 
-@pager-border-radius:                  15px;
-@pager-disabled-color:                 @gray-light;
-
+@pager-border-radius: 15px;
+@pager-disabled-color: @gray-light;
 
 // Jumbotron
 // -------------------------
 
-@jumbotron-padding:              30px;
-@jumbotron-color:                inherit;
-@jumbotron-bg:                   @gray-lighter;
-
-@jumbotron-heading-color:        inherit;
+@jumbotron-padding: 30px;
+@jumbotron-color: inherit;
+@jumbotron-bg: @gray-lighter;
 
+@jumbotron-heading-color: inherit;
 
 // Form states and alerts
 // -------------------------
 
-@state-success-text:             #468847;
-@state-success-bg:               #dff0d8;
-@state-success-border:           darken(spin(@state-success-bg, -10), 5%);
+@state-success-text: #468847;
+@state-success-bg: #dff0d8;
+@state-success-border: darken(spin(@state-success-bg, -10), 5%);
 
-@state-info-text:                #3a87ad;
-@state-info-bg:                  #d9edf7;
-@state-info-border:              darken(spin(@state-info-bg, -10), 7%);
+@state-info-text: #3a87ad;
+@state-info-bg: #d9edf7;
+@state-info-border: darken(spin(@state-info-bg, -10), 7%);
 
-@state-warning-text:             #c09853;
-@state-warning-bg:               #fcf8e3;
-@state-warning-border:           darken(spin(@state-warning-bg, -10), 5%);
-
-@state-danger-text:              #b94a48;
-@state-danger-bg:                #f2dede;
-@state-danger-border:            darken(spin(@state-danger-bg, -10), 5%);
+@state-warning-text: #c09853;
+@state-warning-bg: #fcf8e3;
+@state-warning-border: darken(spin(@state-warning-bg, -10), 5%);
 
+@state-danger-text: #b94a48;
+@state-danger-bg: #f2dede;
+@state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
 
 // Tooltips
 // -------------------------
-@tooltip-max-width:           200px;
-@tooltip-color:               #fff;
-@tooltip-bg:                  #000;
-
-@tooltip-arrow-width:         5px;
-@tooltip-arrow-color:         @tooltip-bg;
+@tooltip-max-width: 200px;
+@tooltip-color: #fff;
+@tooltip-bg: #000;
 
+@tooltip-arrow-width: 5px;
+@tooltip-arrow-color: @tooltip-bg;
 
 // Popovers
 // -------------------------
-@popover-bg:                          #fff;
-@popover-max-width:                   276px;
-@popover-border-color:                rgba(0,0,0,.2);
-@popover-fallback-border-color:       #ccc;
+@popover-bg: #fff;
+@popover-max-width: 276px;
+@popover-border-color: rgba(0, 0, 0, .2);
+@popover-fallback-border-color: #ccc;
 
-@popover-title-bg:                    darken(@popover-bg, 3%);
+@popover-title-bg: darken(@popover-bg, 3%);
 
-@popover-arrow-width:                 10px;
-@popover-arrow-color:                 #fff;
-
-@popover-arrow-outer-width:           (@popover-arrow-width + 1);
-@popover-arrow-outer-color:           rgba(0,0,0,.25);
-@popover-arrow-outer-fallback-color:  #999;
+@popover-arrow-width: 10px;
+@popover-arrow-color: #fff;
 
+@popover-arrow-outer-width: (@popover-arrow-width + 1);
+@popover-arrow-outer-color: rgba(0, 0, 0, .25);
+@popover-arrow-outer-fallback-color: #999;
 
 // Labels
 // -------------------------
 
-@label-default-bg:            @gray-light;
-@label-primary-bg:            @brand-primary;
-@label-success-bg:            @brand-success;
-@label-info-bg:               @brand-info;
-@label-warning-bg:            @brand-warning;
-@label-danger-bg:             @brand-danger;
-
-@label-color:                 #fff;
-@label-link-hover-color:      #fff;
+@label-default-bg: @gray-light;
+@label-primary-bg: @brand-primary;
+@label-success-bg: @brand-success;
+@label-info-bg: @brand-info;
+@label-warning-bg: @brand-warning;
+@label-danger-bg: @brand-danger;
 
+@label-color: #fff;
+@label-link-hover-color: #fff;
 
 // Modals
 // -------------------------
-@modal-inner-padding:         20px;
+@modal-inner-padding: 20px;
 
-@modal-title-padding:         15px;
-@modal-title-line-height:     @line-height-base;
+@modal-title-padding: 15px;
+@modal-title-line-height: @line-height-base;
 
-@modal-content-bg:                             #fff;
-@modal-content-border-color:                   rgba(0,0,0,.2);
-@modal-content-fallback-border-color:          #999;
-
-@modal-backdrop-bg:           #000;
-@modal-header-border-color:   #e5e5e5;
-@modal-footer-border-color:   @modal-header-border-color;
+@modal-content-bg: #fff;
+@modal-content-border-color: rgba(0, 0, 0, .2);
+@modal-content-fallback-border-color: #999;
 
+@modal-backdrop-bg: #000;
+@modal-header-border-color: #e5e5e5;
+@modal-footer-border-color: @modal-header-border-color;
 
 // Alerts
 // -------------------------
-@alert-padding:               15px;
-@alert-border-radius:         @border-radius-base;
-@alert-link-font-weight:      bold;
+@alert-padding: 15px;
+@alert-border-radius: @border-radius-base;
+@alert-link-font-weight: bold;
 
-@alert-success-bg:            @state-success-bg;
-@alert-success-text:          @state-success-text;
-@alert-success-border:        @state-success-border;
+@alert-success-bg: @state-success-bg;
+@alert-success-text: @state-success-text;
+@alert-success-border: @state-success-border;
 
-@alert-info-bg:               @state-info-bg;
-@alert-info-text:             @state-info-text;
-@alert-info-border:           @state-info-border;
+@alert-info-bg: @state-info-bg;
+@alert-info-text: @state-info-text;
+@alert-info-border: @state-info-border;
 
-@alert-warning-bg:            @state-warning-bg;
-@alert-warning-text:          @state-warning-text;
-@alert-warning-border:        @state-warning-border;
-
-@alert-danger-bg:             @state-danger-bg;
-@alert-danger-text:           @state-danger-text;
-@alert-danger-border:         @state-danger-border;
+@alert-warning-bg: @state-warning-bg;
+@alert-warning-text: @state-warning-text;
+@alert-warning-border: @state-warning-border;
 
+@alert-danger-bg: @state-danger-bg;
+@alert-danger-text: @state-danger-text;
+@alert-danger-border: @state-danger-border;
 
 // Progress bars
 // -------------------------
-@progress-bg:                 #f5f5f5;
-@progress-bar-color:          #fff;
-
-@progress-bar-bg:             @brand-primary;
-@progress-bar-success-bg:     @brand-success;
-@progress-bar-warning-bg:     @brand-warning;
-@progress-bar-danger-bg:      @brand-danger;
-@progress-bar-info-bg:        @brand-info;
+@progress-bg: #f5f5f5;
+@progress-bar-color: #fff;
 
+@progress-bar-bg: @brand-primary;
+@progress-bar-success-bg: @brand-success;
+@progress-bar-warning-bg: @brand-warning;
+@progress-bar-danger-bg: @brand-danger;
+@progress-bar-info-bg: @brand-info;
 
 // List group
 // -------------------------
-@list-group-bg:               #fff;
-@list-group-border:           #ddd;
-@list-group-border-radius:    @border-radius-base;
+@list-group-bg: #fff;
+@list-group-border: #ddd;
+@list-group-border-radius: @border-radius-base;
 
-@list-group-hover-bg:         #f5f5f5;
-@list-group-active-color:     @component-active-color;
-@list-group-active-bg:        @component-active-bg;
-@list-group-active-border:    @list-group-active-bg;
-
-@list-group-link-color:          #555;
-@list-group-link-heading-color:  #333;
+@list-group-hover-bg: #f5f5f5;
+@list-group-active-color: @component-active-color;
+@list-group-active-bg: @component-active-bg;
+@list-group-active-border: @list-group-active-bg;
 
+@list-group-link-color: #555;
+@list-group-link-heading-color: #333;
 
 // Panels
 // -------------------------
-@panel-bg:                    #fff;
-@panel-inner-border:          #ddd;
-@panel-border-radius:         @border-radius-base;
-@panel-footer-bg:             #f5f5f5;
+@panel-bg: #fff;
+@panel-inner-border: #ddd;
+@panel-border-radius: @border-radius-base;
+@panel-footer-bg: #f5f5f5;
 
-@panel-default-text:          @gray-dark;
-@panel-default-border:        #ddd;
-@panel-default-heading-bg:    #f5f5f5;
+@panel-default-text: @gray-dark;
+@panel-default-border: #ddd;
+@panel-default-heading-bg: #f5f5f5;
 
-@panel-primary-text:          #fff;
-@panel-primary-border:        @brand-primary;
-@panel-primary-heading-bg:    @brand-primary;
+@panel-primary-text: #fff;
+@panel-primary-border: @brand-primary;
+@panel-primary-heading-bg: @brand-primary;
 
-@panel-success-text:          @state-success-text;
-@panel-success-border:        @state-success-border;
-@panel-success-heading-bg:    @state-success-bg;
+@panel-success-text: @state-success-text;
+@panel-success-border: @state-success-border;
+@panel-success-heading-bg: @state-success-bg;
 
-@panel-warning-text:          @state-warning-text;
-@panel-warning-border:        @state-warning-border;
-@panel-warning-heading-bg:    @state-warning-bg;
+@panel-warning-text: @state-warning-text;
+@panel-warning-border: @state-warning-border;
+@panel-warning-heading-bg: @state-warning-bg;
 
-@panel-danger-text:           @state-danger-text;
-@panel-danger-border:         @state-danger-border;
-@panel-danger-heading-bg:     @state-danger-bg;
-
-@panel-info-text:             @state-info-text;
-@panel-info-border:           @state-info-border;
-@panel-info-heading-bg:       @state-info-bg;
+@panel-danger-text: @state-danger-text;
+@panel-danger-border: @state-danger-border;
+@panel-danger-heading-bg: @state-danger-bg;
 
+@panel-info-text: @state-info-text;
+@panel-info-border: @state-info-border;
+@panel-info-heading-bg: @state-info-bg;
 
 // Thumbnails
 // -------------------------
-@thumbnail-padding:           4px;
-@thumbnail-bg:                @body-bg;
-@thumbnail-border:            #ddd;
-@thumbnail-border-radius:     @border-radius-base;
-
-@thumbnail-caption-color:     @text-color;
-@thumbnail-caption-padding:   9px;
+@thumbnail-padding: 4px;
+@thumbnail-bg: @body-bg;
+@thumbnail-border: #ddd;
+@thumbnail-border-radius: @border-radius-base;
 
+@thumbnail-caption-color: @text-color;
+@thumbnail-caption-padding: 9px;
 
 // Wells
 // -------------------------
-@well-bg:                     #f5f5f5;
-@well-bg-drk:                 #2c3e50;
-
+@well-bg: #f5f5f5;
+@well-bg-drk: #2c3e50;
 
 // Badges
 // -------------------------
-@badge-color:                 #fff;
-@badge-link-hover-color:      #fff;
-@badge-bg:                    @gray-light;
+@badge-color: #fff;
+@badge-link-hover-color: #fff;
+@badge-bg: @gray-light;
 
-@badge-active-color:          @link-color;
-@badge-active-bg:             #fff;
-
-@badge-font-weight:           bold;
-@badge-line-height:           1;
-@badge-border-radius:         10px;
+@badge-active-color: @link-color;
+@badge-active-bg: #fff;
 
+@badge-font-weight: bold;
+@badge-line-height: 1;
+@badge-border-radius: 10px;
 
 // Breadcrumbs
 // -------------------------
-@breadcrumb-bg:               #f5f5f5;
-@breadcrumb-color:            #ccc;
-@breadcrumb-active-color:     @gray-light;
-@breadcrumb-separator:        "/";
-
+@breadcrumb-bg: #f5f5f5;
+@breadcrumb-color: #ccc;
+@breadcrumb-active-color: @gray-light;
+@breadcrumb-separator: "/";
 
 // Carousel
 // ------------------------
 
-@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
+@carousel-text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
 
-@carousel-control-color:                      #fff;
-@carousel-control-width:                      15%;
-@carousel-control-opacity:                    .5;
-@carousel-control-font-size:                  20px;
+@carousel-control-color: #fff;
+@carousel-control-width: 15%;
+@carousel-control-opacity: .5;
+@carousel-control-font-size: 20px;
 
-@carousel-indicator-active-bg:                #fff;
-@carousel-indicator-border-color:             #fff;
-
-@carousel-caption-color:                      #fff;
+@carousel-indicator-active-bg: #fff;
+@carousel-indicator-border-color: #fff;
 
+@carousel-caption-color: #fff;
 
 // Close
 // ------------------------
-@close-font-weight:           bold;
-@close-color:                 #000;
-@close-text-shadow:           0 1px 0 #fff;
-
+@close-font-weight: bold;
+@close-color: #000;
+@close-text-shadow: 0 1px 0 #fff;
 
 // Code
 // ------------------------
-@code-color:                  #c7254e;
-@code-bg:                     #f9f2f4;
+@code-color: #c7254e;
+@code-bg: #f9f2f4;
 
-@pre-bg:                      #f5f5f5;
-@pre-color:                   @gray-dark;
-@pre-border-color:            #ccc;
-@pre-scrollable-max-height:   340px;
+@pre-bg: #f5f5f5;
+@pre-color: @gray-dark;
+@pre-border-color: #ccc;
+@pre-scrollable-max-height: 340px;
 
 // Type
 // ------------------------
-@text-muted:                  @gray-light;
-@abbr-border-color:           @gray-light;
-@headings-small-color:        @gray-light;
-@blockquote-small-color:      @gray-light;
-@blockquote-border-color:     @gray-lighter;
-@page-header-border-color:    @gray-lighter;
+@text-muted: @gray-light;
+@abbr-border-color: @gray-light;
+@headings-small-color: @gray-light;
+@blockquote-small-color: @gray-light;
+@blockquote-border-color: @gray-lighter;
+@page-header-border-color: @gray-lighter;
 
 // Miscellaneous
 // -------------------------
 
 // Hr border color
-@hr-border:                   @gray-lighter;
+@hr-border: @gray-lighter;
 
 // Horizontal forms & lists
 @component-offset-horizontal: 180px;
 
-
 // Container sizes
 // --------------------------------------------------
 
 // Small screen / tablet
-@container-tablet:             ((720px + @grid-gutter-width));
-@container-sm:                 @container-tablet;
+@container-tablet: ((720px + @grid-gutter-width));
+@container-sm: @container-tablet;
 
 // Medium screen / desktop
-@container-desktop:            ((940px + @grid-gutter-width));
-@container-md:                 @container-desktop;
+@container-desktop: ((940px + @grid-gutter-width));
+@container-md: @container-desktop;
 
 // Large screen / wide desktop
-@container-large-desktop:      ((1140px + @grid-gutter-width));
-@container-lg:                 @container-large-desktop;
+@container-large-desktop: ((1140px + @grid-gutter-width));
+@container-lg: @container-large-desktop;

public/less/wells.less

@@ -2,7 +2,6 @@
 // Wells
 // --------------------------------------------------
 
-
 // Base class
 .well {
   min-height: 20px;
@@ -11,10 +10,11 @@
   background-color: @well-bg;
   border: 1px solid darken(@well-bg, 7%);
   border-radius: @border-radius-base;
-  .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
+  .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .05));
+
   blockquote {
-    border-color: #ddd;
-    border-color: rgba(0,0,0,.15);
+	border-color: #ddd;
+	border-color: rgba(0, 0, 0, .15);
   }
 }
 
@@ -23,6 +23,7 @@
   padding: 24px;
   border-radius: @border-radius-large;
 }
+
 .well-sm {
   padding: 9px;
   border-radius: @border-radius-small;
@@ -31,7 +32,7 @@
 // Dark well
 
 .dark-well {
-    background-color: @well-bg-drk;
-    border-color: darken(@well-bg-drk, 7%);
-    color: #fff;
+  background-color: @well-bg-drk;
+  border-color: darken(@well-bg-drk, 7%);
+  color: #fff;
 }

route/index.js

@@ -12,25 +12,21 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var presentTask = require('../view/presenter/task');
+const presentTask = require('../view/presenter/task');
 
-module.exports = route;
-
-// Route definition
-function route(app) {
-	app.express.get('/', function(req, res, next) {
-		app.webservice.tasks.get({lastres: true}, function(err, tasks) {
-			if (err) {
-				return next(err);
+module.exports = function index(app) {
+	app.express.get('/', (request, response, next) => {
+		app.webservice.tasks.get({lastres: true}, (error, tasks) => {
+			if (error) {
+				return next(error);
 			}
-			res.render('index', {
+			response.render('index', {
 				tasks: tasks.map(presentTask),
-				deleted: (typeof req.query.deleted !== 'undefined'),
+				deleted: (typeof request.query.deleted !== 'undefined'),
 				isHomePage: true
 			});
 		});
 	});
-}
+};

route/new.js

@@ -1,3 +1,4 @@
+/* eslint-disable complexity */
 // This file is part of Pa11y Dashboard.
 //
 // Pa11y Dashboard is free software: you can redistribute it and/or modify
@@ -12,62 +13,85 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var getStandards = require('../data/standards');
+const getStandards = require('../data/standards');
+const httpHeaders = require('http-headers');
 
-module.exports = route;
-
-// Route definition
-function route(app) {
-
-	app.express.get('/new', function(req, res) {
-		var standards = getStandards().map(function(standard) {
-			if (standard.title === 'WCAG2AA') {
-				standard.selected = true;
-			}
-			return standard;
-		});
-		res.render('new', {
-			standards: standards,
+module.exports = function route(app) {
+	app.express.get('/new', (request, response) => {
+		const standards = getStandards().map(
+			standard => {
+				if (standard.title === 'WCAG2AA') {
+					standard.selected = true;
+				}
+				return standard;
+			});
+		response.render('new', {
+			standards,
 			isNewTaskPage: true
 		});
 	});
 
-	app.express.post('/new', function(req, res) {
-		var newTask = {
-			name: req.body.name,
-			url: req.body.url,
-			standard: req.body.standard,
-			ignore: req.body.ignore || [],
-			timeout: req.body.timeout,
-			wait: req.body.wait,
-			username: req.body.username,
-			password: req.body.password
-		};
-		app.webservice.tasks.create(newTask, function(err, task) {
-			if (err) {
-				var standards = getStandards().map(function(standard) {
-					if (standard.title === newTask.standard) {
-						standard.selected = true;
-					}
-					standard.rules = standard.rules.map(function(rule) {
-						if (newTask.ignore.indexOf(rule.name) !== -1) {
-							rule.ignored = true;
-						}
-						return rule;
-					});
-					return standard;
-				});
-				return res.render('new', {
-					error: err,
-					standards: standards,
-					task: newTask
-				});
+	app.express.post('/new', (request, response) => {
+		const parsedActions = parseActions(request.body.actions);
+		const parsedHeaders = request.body.headers && httpHeaders(request.body.headers, true);
+
+		const newTask = createNewTask(request, parsedActions, parsedHeaders);
+
+		app.webservice.tasks.create(newTask, (error, task) => {
+			if (!error) {
+				return response.redirect(`/${task.id}?added`);
 			}
-			res.redirect('/' + task.id + '?added');
+
+			const standards = getStandards().map(standard => {
+				if (standard.title === newTask.standard) {
+					standard.selected = true;
+				}
+				standard.rules = standard.rules.map(rule => {
+					if (newTask.ignore.indexOf(rule.name) !== -1) {
+						rule.ignored = true;
+					}
+					return rule;
+				});
+				return standard;
+			});
+			newTask.actions = request.body.actions;
+			newTask.headers = request.body.headers;
+			response.render('new', {
+				error,
+				standards,
+				task: newTask
+			});
 		});
 	});
+};
 
+function parseActions(actions) {
+	if (actions) {
+		return actions.split(/[\r\n]+/)
+			.map(action => {
+				return action.trim();
+			})
+			.filter(action => {
+				return Boolean(action);
+			});
+	}
+}
+
+
+function createNewTask({body}, actions, headers) {
+	return {
+		name: body.name,
+		url: body.url,
+		standard: body.standard,
+		ignore: body.ignore || [],
+		timeout: body.timeout || undefined,
+		wait: body.wait || undefined,
+		actions,
+		username: body.username || undefined,
+		password: body.password || undefined,
+		headers,
+		hideElements: body.hideElements || undefined
+	};
 }

route/result/download.js

@@ -12,30 +12,25 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var moment = require('moment');
+const moment = require('moment');
 
-module.exports = route;
-
-// Route definition
-function route(app) {
-
-	function getTaskAndResult(req, res, next) {
-		app.webservice.task(req.params.id).get({}, function(err, task) {
-			if (err) {
+module.exports = function download(app) {
+	function getTaskAndResult(request, response, next) {
+		app.webservice.task(request.params.id).get({}, (error, task) => {
+			if (error) {
 				return next('route');
 			}
 			app.webservice
-				.task(req.params.id)
-				.result(req.params.rid)
-				.get({full: true}, function(err, result) {
-					if (err) {
+				.task(request.params.id)
+				.result(request.params.rid)
+				.get({full: true}, (webserviceError, result) => {
+					if (webserviceError) {
 						return next('route');
 					}
-					res.locals.task = task;
-					res.locals.result = result;
+					response.locals.task = task;
+					response.locals.result = result;
 					next();
 				});
 		});
@@ -48,7 +43,7 @@ function route(app) {
 			task.url
 				.replace(/^https?:\/\//i, '')
 				.replace(/\/$/, '')
-				.replace(/[^a-z0-9\.\-\_]+/gi, '-'),
+				.replace(/[^a-z0-9.\-_]+/gi, '-'),
 			'--',
 			task.standard.toLowerCase(),
 			'--',
@@ -58,11 +53,11 @@ function route(app) {
 		].join('');
 	}
 
-	app.express.get('/:id/:rid.csv', getTaskAndResult, function(req, res) {
-		var task = res.locals.task;
-		var result = res.locals.result;
-		var rows = ['"code","message","type","context","selector"'];
-		result.results.forEach(function(msg) {
+	app.express.get('/:id/:rid.csv', getTaskAndResult, (request, response) => {
+		const task = response.locals.task;
+		const result = response.locals.result;
+		const rows = ['"code","message","type","context","selector"'];
+		result.results.forEach(msg => {
 			rows.push([
 				JSON.stringify(msg.code),
 				JSON.stringify(msg.message),
@@ -71,18 +66,17 @@ function route(app) {
 				JSON.stringify(msg.selector)
 			].join(','));
 		});
-		res.attachment(getDownloadFileName(task, result, 'csv'));
-		res.send(rows.join('\n'));
+		response.attachment(getDownloadFileName(task, result, 'csv'));
+		response.send(rows.join('\n'));
 	});
 
-	app.express.get('/:id/:rid.json', getTaskAndResult, function(req, res) {
-		var task = res.locals.task;
-		var result = res.locals.result;
-		res.attachment(getDownloadFileName(task, result, 'json'));
+	app.express.get('/:id/:rid.json', getTaskAndResult, (request, response) => {
+		const task = response.locals.task;
+		const result = response.locals.result;
+		response.attachment(getDownloadFileName(task, result, 'json'));
 		delete task.id;
 		delete result.id;
 		result.task = task;
-		res.send(result);
+		response.send(result);
 	});
-
-}
+};

route/result/index.js

@@ -12,30 +12,25 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var presentTask = require('../../view/presenter/task');
-var presentResult = require('../../view/presenter/result');
+const presentTask = require('../../view/presenter/task');
+const presentResult = require('../../view/presenter/result');
 
-module.exports = route;
-
-// Route definition
-function route(app) {
-
-	app.express.get('/:id/:rid', function(req, res, next) {
-		app.webservice.task(req.params.id).get({}, function(err, task) {
-			if (err) {
+module.exports = function resultIndex(app) {
+	app.express.get('/:id/:rid', ({params}, response, next) => {
+		app.webservice.task(params.id).get({}, (error, task) => {
+			if (error) {
 				return next();
 			}
 			app.webservice
-				.task(req.params.id)
-				.result(req.params.rid)
-				.get({full: true}, function(err, result) {
-					if (err) {
+				.task(params.id)
+				.result(params.rid)
+				.get({full: true}, (webserviceError, result) => {
+					if (webserviceError) {
 						return next();
 					}
-					res.render('result', {
+					response.render('result', {
 						task: presentTask(task),
 						mainResult: presentResult(result),
 						isResultPage: true
@@ -43,5 +38,4 @@ function route(app) {
 				});
 		});
 	});
-
-}
+};

route/task/delete.js

@@ -12,35 +12,29 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var presentTask = require('../../view/presenter/task');
+const presentTask = require('../../view/presenter/task');
 
-module.exports = route;
-
-// Route definition
-function route(app) {
-
-	app.express.get('/:id/delete', function(req, res, next) {
-		app.webservice.task(req.params.id).get({}, function(err, task) {
-			if (err) {
+module.exports = function del(app) {
+	app.express.get('/:id/delete', ({params}, response, next) => {
+		app.webservice.task(params.id).get({}, (error, task) => {
+			if (error) {
 				return next();
 			}
-			res.render('task/delete', {
+			response.render('task/delete', {
 				task: presentTask(task),
 				isTaskSubPage: true
 			});
 		});
 	});
 
-	app.express.post('/:id/delete', function(req, res, next) {
-		app.webservice.task(req.params.id).remove(function(err) {
-			if (err) {
+	app.express.post('/:id/delete', ({params}, response, next) => {
+		app.webservice.task(params.id).remove(error => {
+			if (error) {
 				return next();
 			}
-			res.redirect('/?deleted');
+			response.redirect('/?deleted');
 		});
 	});
-
-}
+};

route/task/edit.js

@@ -12,27 +12,23 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var presentTask = require('../../view/presenter/task');
-var getStandards = require('../../data/standards');
+const presentTask = require('../../view/presenter/task');
+const getStandards = require('../../data/standards');
+const httpHeaders = require('http-headers');
 
-module.exports = route;
-
-// Route definition
-function route(app) {
-
-	app.express.get('/:id/edit', function(req, res, next) {
-		app.webservice.task(req.params.id).get({}, function(err, task) {
-			if (err) {
+module.exports = function edit(app) {
+	app.express.get('/:id/edit', (request, response, next) => {
+		app.webservice.task(request.params.id).get({}, (error, task) => {
+			if (error) {
 				return next();
 			}
-			var standards = getStandards().map(function(standard) {
+			const standards = getStandards().map(standard => {
 				if (standard.title === task.standard) {
 					standard.selected = true;
 				}
-				standard.rules = standard.rules.map(function(rule) {
+				standard.rules = standard.rules.map(rule => {
 					if (task.ignore.indexOf(rule.name) !== -1) {
 						rule.ignored = true;
 					}
@@ -40,34 +36,65 @@ function route(app) {
 				});
 				return standard;
 			});
-			res.render('task/edit', {
-				edited: (typeof req.query.edited !== 'undefined'),
-				standards: standards,
+			task.actions = (task.actions ? task.actions.join('\n') : '');
+			response.render('task/edit', {
+				edited: (typeof request.query.edited !== 'undefined'),
+				standards,
 				task: presentTask(task),
 				isTaskSubPage: true
 			});
 		});
 	});
 
-	app.express.post('/:id/edit', function(req, res, next) {
-		app.webservice.task(req.params.id).get({}, function(err, task) {
-			if (err) {
+	/* eslint-disable complexity */
+	/* eslint-disable max-statements */
+	app.express.post('/:id/edit', (request, response, next) => {
+		app.webservice.task(request.params.id).get({}, (error, task) => {
+			if (error) {
 				return next();
 			}
-			req.body.ignore = req.body.ignore || [];
-			app.webservice.task(req.params.id).edit(req.body, function(err) {
-				if (err) {
-					task.name = req.body.name;
-					task.ignore = req.body.ignore;
-					task.timeout = req.body.timeout;
-					task.wait = req.body.wait;
-					task.username = req.body.username;
-					task.password = req.body.password;
-					var standards = getStandards().map(function(standard) {
+			const originalActions = request.body.actions;
+			const originalHeaders = request.body.headers;
+
+			request.body.ignore = request.body.ignore || [];
+			request.body.timeout = request.body.timeout || undefined;
+			request.body.wait = request.body.wait || undefined;
+
+			if (request.body.actions) {
+				request.body.actions = request.body.actions.split(/[\r\n]+/)
+					.map(action => {
+						return action.trim();
+					})
+					.filter(action => {
+						return Boolean(action);
+					});
+			}
+
+			if (!request.body.actions) {
+				request.body.actions = [];
+			}
+
+			request.body.username = request.body.username || undefined;
+			request.body.password = request.body.password || undefined;
+			request.body.hideElements = request.body.hideElements || undefined;
+			request.body.headers = httpHeaders(request.body.headers || '', true);
+
+			app.webservice.task(request.params.id).edit(request.body, webserviceError => {
+				if (webserviceError) {
+					task.name = request.body.name;
+					task.ignore = request.body.ignore;
+					task.timeout = request.body.timeout;
+					task.wait = request.body.wait;
+					task.actions = originalActions;
+					task.username = request.body.username;
+					task.password = request.body.password;
+					task.headers = originalHeaders;
+					task.hideElements = request.body.hideElements;
+					const standards = getStandards().map(standard => {
 						if (standard.title === task.standard) {
 							standard.selected = true;
 						}
-						standard.rules = standard.rules.map(function(rule) {
+						standard.rules = standard.rules.map(rule => {
 							if (task.ignore.indexOf(rule.name) !== -1) {
 								rule.ignored = true;
 							}
@@ -75,16 +102,15 @@ function route(app) {
 						});
 						return standard;
 					});
-					return res.render('task/edit', {
-						error: err,
-						standards: standards,
-						task: task,
+					return response.render('task/edit', {
+						webserviceError,
+						standards,
+						task,
 						isTaskSubPage: true
 					});
 				}
-				res.redirect('/' + req.params.id + '/edit?edited');
+				response.redirect(`/${request.params.id}/edit?edited`);
 			});
 		});
 	});
-
-}
+};

route/task/ignore.js

@@ -1,26 +1,21 @@
 'use strict';
 
-module.exports = route;
-
-// Route definition
-function route(app) {
-
-	app.express.post('/:id/ignore', function(req, res, next) {
-		app.webservice.task(req.params.id).get({}, function(err, task) {
-			if (err) {
+module.exports = function ignore(app) {
+	app.express.post('/:id/ignore', (request, response, next) => {
+		app.webservice.task(request.params.id).get({}, (error, task) => {
+			if (error) {
 				return next();
 			}
-			var edit = {
+			const edit = {
 				name: task.name,
 				ignore: task.ignore
 			};
-			if (typeof req.body.rule === 'string') {
-				edit.ignore.push(req.body.rule);
+			if (typeof request.body.rule === 'string') {
+				edit.ignore.push(request.body.rule);
 			}
-			app.webservice.task(req.params.id).edit(edit, function() {
-				res.redirect('/' + req.params.id + '?rule-ignored');
+			app.webservice.task(request.params.id).edit(edit, () => {
+				response.redirect(`/${request.params.id}?rule-ignored`);
 			});
 		});
 	});
-
-}
+};

route/task/index.js

@@ -12,41 +12,35 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var presentTask = require('../../view/presenter/task');
-var presentResult = require('../../view/presenter/result');
-var presentResultList = require('../../view/presenter/result-list');
+const presentTask = require('../../view/presenter/task');
+const presentResult = require('../../view/presenter/result');
+const presentResultList = require('../../view/presenter/result-list');
 
-module.exports = route;
-
-// Route definition
-function route(app) {
-
-	app.express.get('/:id', function(req, res, next) {
-		app.webservice.task(req.params.id).get({lastres: true}, function(err, task) {
-			if (err) {
+module.exports = function taskIndex(app) {
+	app.express.get('/:id', (request, response, next) => {
+		app.webservice.task(request.params.id).get({lastres: true}, (error, task) => {
+			if (error) {
 				return next();
 			}
-			app.webservice.task(req.params.id).results({}, function(err, results) {
-				if (err) {
-					return next(err);
+			app.webservice.task(request.params.id).results({}, (webserviceError, results) => {
+				if (webserviceError) {
+					return next(webserviceError);
 				}
-				var presentedResults = presentResultList(results.map(presentResult));
-				res.render('task', {
+				const presentedResults = presentResultList(results.map(presentResult));
+				response.render('task', {
 					task: presentTask(task),
 					results: presentedResults,
 					mainResult: task.lastResult || null,
-					added: (typeof req.query.added !== 'undefined'),
-					running: (typeof req.query.running !== 'undefined'),
-					ruleIgnored: (typeof req.query['rule-ignored'] !== 'undefined'),
-					ruleUnignored: (typeof req.query['rule-unignored'] !== 'undefined'),
+					added: (typeof request.query.added !== 'undefined'),
+					running: (typeof request.query.running !== 'undefined'),
+					ruleIgnored: (typeof request.query['rule-ignored'] !== 'undefined'),
+					ruleUnignored: (typeof request.query['rule-unignored'] !== 'undefined'),
 					hasOneResult: (presentedResults.length < 2),
 					isTaskPage: true
 				});
 			});
 		});
 	});
-
-}
+};

route/task/run.js

@@ -12,21 +12,15 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-module.exports = route;
-
-// Route definition
-function route(app) {
-
-	app.express.get('/:id/run', function(req, res, next) {
-		app.webservice.task(req.params.id).run(function(err) {
-			if (err) {
+module.exports = function run(app) {
+	app.express.get('/:id/run', (request, response, next) => {
+		app.webservice.task(request.params.id).run(error => {
+			if (error) {
 				return next();
 			}
-			res.redirect('/' + req.params.id + '?running');
+			response.redirect(`/${request.params.id}?running`);
 		});
 	});
-
-}
+};

route/task/unignore.js

@@ -2,26 +2,23 @@
 
 module.exports = route;
 
-// Route definition
 function route(app) {
-
-	app.express.post('/:id/unignore', function(req, res, next) {
-		app.webservice.task(req.params.id).get({}, function(err, task) {
-			if (err) {
+	app.express.post('/:id/unignore', (request, response, next) => {
+		app.webservice.task(request.params.id).get({}, (error, task) => {
+			if (error) {
 				return next();
 			}
-			var edit = {
+			const edit = {
 				name: task.name,
 				ignore: task.ignore
 			};
-			var indexOfRule = edit.ignore.indexOf(req.body.rule);
-			if (typeof req.body.rule === 'string' && indexOfRule !== -1) {
+			const indexOfRule = edit.ignore.indexOf(request.body.rule);
+			if (typeof request.body.rule === 'string' && indexOfRule !== -1) {
 				edit.ignore.splice(indexOfRule, 1);
 			}
-			app.webservice.task(req.params.id).edit(edit, function() {
-				res.redirect('/' + req.params.id + '?rule-unignored');
+			app.webservice.task(request.params.id).edit(edit, () => {
+				response.redirect(`/${request.params.id}?rule-unignored`);
 			});
 		});
 	});
-
 }

test/.eslintrc.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const config = require('../.eslintrc');
+
+// We use `this` all over the integration tests
+config.rules['no-invalid-this'] = 'off';
+config.rules['prefer-arrow-callback'] = 'off';
+
+module.exports = config;

test/integration/helper/navigate.js

@@ -12,18 +12,13 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var cheerio = require('cheerio');
-var request = require('request');
+const cheerio = require('cheerio');
+const request = require('request');
 
-module.exports = createNavigator;
-
-// Create a navigate function
 function createNavigator(baseUrl, store) {
 	return function(opts, callback) {
-
 		store.body = null;
 		store.dom = null;
 		store.request = null;
@@ -37,12 +32,15 @@ function createNavigator(baseUrl, store) {
 			json: opts.json || false,
 			qs: opts.query,
 			followAllRedirects: true
-		}, function(err, res, body) {
+		}, function(error, response, body) {
+			if (error) {
+				return callback(error);
+			}
 
 			store.body = body;
-			store.request = res.request;
-			store.response = res;
-			store.status = res.statusCode;
+			store.request = response.request;
+			store.response = response;
+			store.status = response.statusCode;
 
 			if (opts.nonDom) {
 				store.dom = null;
@@ -50,8 +48,8 @@ function createNavigator(baseUrl, store) {
 				store.dom = cheerio.load(store.body);
 			}
 			callback();
-
 		});
-
 	};
 }
+
+module.exports = createNavigator;

test/integration/route/index.js

@@ -12,19 +12,17 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var assert = require('proclaim');
-
-describe.only('GET /', function() {
+const assert = require('proclaim');
 
+describe('GET /', function() {
 	beforeEach(function(done) {
-		var req = {
+		const request = {
 			method: 'GET',
 			endpoint: '/'
 		};
-		this.navigate(req, done);
+		this.navigate(request, done);
 	});
 
 	it('should send a 200 status', function() {
@@ -32,61 +30,73 @@ describe.only('GET /', function() {
 	});
 
 	it('should display an "Add new URL" button', function() {
-		var elem = this.last.dom('[data-test=add-task]');
+		const elem = this.last.dom('[data-test=add-task]');
 		assert.strictEqual(elem.length, 1);
 		assert.strictEqual(elem.eq(0).attr('href'), '/new');
 	});
 
 	it('should display all of the expected tasks', function() {
-		var tasks = this.last.dom('[data-test=task]');
-		assert.strictEqual(tasks.length, 3);
-		assert.match(tasks.eq(0).text(), /npg home\s+\(wcag2aa\)/i);
-		assert.match(tasks.eq(1).text(), /npg home\s+\(wcag2aaa\)/i);
-		assert.match(tasks.eq(2).text(), /nature news\s+\(section508\)/i);
+		const tasks = this.last.dom('[data-test=task]');
+		assert.strictEqual(tasks.length, 4);
+		assert.equal(tasks.eq(0).find('.h3').text(), 'NPG Home');
+		assert.equal(tasks.eq(0).find('.h4').text(), 'nature.com');
+		assert.equal(tasks.eq(0).find('.h5').text(), '(WCAG2AA)');
+		assert.equal(tasks.eq(1).find('.h3').text(), 'NPG Home');
+		assert.equal(tasks.eq(1).find('.h4').text(), 'nature.com');
+		assert.equal(tasks.eq(1).find('.h5').text(), '(WCAG2AAA)');
+		assert.equal(tasks.eq(2).find('.h3').text(), 'Nature News');
+		assert.equal(tasks.eq(2).find('.h4').text(), 'nature.com/news');
+		assert.equal(tasks.eq(2).find('.h5').text(), '(Section508)');
+		assert.equal(tasks.eq(3).find('.h3').text(), 'Z Integration Test');
+		assert.equal(tasks.eq(3).find('.h4').text(), 'localhost:8132');
+		assert.equal(tasks.eq(3).find('.h5').text(), '(WCAG2AA)');
 	});
 
 	it('should have links to each task', function() {
-		var tasks = this.last.dom('[data-test=task]');
+		const tasks = this.last.dom('[data-test=task]');
 		assert.strictEqual(tasks.eq(0).find('[href="/abc000000000000000000001"]').length, 1);
 		assert.strictEqual(tasks.eq(1).find('[href="/abc000000000000000000002"]').length, 1);
 		assert.strictEqual(tasks.eq(2).find('[href="/abc000000000000000000003"]').length, 1);
+		assert.strictEqual(tasks.eq(3).find('[href="/abc000000000000000000004"]').length, 1);
 	});
 
 	it('should display an "Edit" button for each task', function() {
-		var tasks = this.last.dom('[data-test=task]');
+		const tasks = this.last.dom('[data-test=task]');
 		assert.strictEqual(tasks.eq(0).find('[href="/abc000000000000000000001/edit"]').length, 1);
 		assert.strictEqual(tasks.eq(1).find('[href="/abc000000000000000000002/edit"]').length, 1);
 		assert.strictEqual(tasks.eq(2).find('[href="/abc000000000000000000003/edit"]').length, 1);
+		assert.strictEqual(tasks.eq(3).find('[href="/abc000000000000000000004/edit"]').length, 1);
 	});
 
 	it('should display a "Delete" button for each task', function() {
-		var tasks = this.last.dom('[data-test=task]');
+		const tasks = this.last.dom('[data-test=task]');
 		assert.strictEqual(tasks.eq(0).find('[href="/abc000000000000000000001/delete"]').length, 1);
 		assert.strictEqual(tasks.eq(1).find('[href="/abc000000000000000000002/delete"]').length, 1);
 		assert.strictEqual(tasks.eq(2).find('[href="/abc000000000000000000003/delete"]').length, 1);
+		assert.strictEqual(tasks.eq(3).find('[href="/abc000000000000000000004/delete"]').length, 1);
 	});
 
 	it('should display a "Run" button for each task', function() {
-		var tasks = this.last.dom('[data-test=task]');
+		const tasks = this.last.dom('[data-test=task]');
 		assert.strictEqual(tasks.eq(0).find('[href="/abc000000000000000000001/run"]').length, 1);
 		assert.strictEqual(tasks.eq(1).find('[href="/abc000000000000000000002/run"]').length, 1);
 		assert.strictEqual(tasks.eq(2).find('[href="/abc000000000000000000003/run"]').length, 1);
+		assert.strictEqual(tasks.eq(3).find('[href="/abc000000000000000000004/run"]').length, 1);
 	});
 
 	it('should display the task result counts if the task has been run', function() {
-		var tasks = this.last.dom('[data-test=task]');
+		const tasks = this.last.dom('[data-test=task]');
 		assert.match(tasks.eq(0).text(), /1\s*errors/i);
 		assert.match(tasks.eq(0).text(), /2\s*warnings/i);
 		assert.match(tasks.eq(0).text(), /3\s*notices/i);
 	});
 
-	it('should display a message indicating that there are no results if the task has not been run', function() {
-		var tasks = this.last.dom('[data-test=task]');
+	it('should indicate there are no results if the task has not been run', function() {
+		const tasks = this.last.dom('[data-test=task]');
 		assert.match(tasks.eq(2).text(), /no results/i);
 	});
 
 	it('should not display an alert message', function() {
 		assert.strictEqual(this.last.dom('[data-test=alert]').length, 0);
 	});
-
 });

test/integration/route/new.js

@@ -12,19 +12,16 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var assert = require('proclaim');
+const assert = require('proclaim');
 
 describe('GET /new', function() {
-
 	beforeEach(function(done) {
-		var req = {
+		this.navigate({
 			method: 'GET',
 			endpoint: '/new'
-		};
-		this.navigate(req, done);
+		}, done);
 	});
 
 	it('should send a 200 status', function() {
@@ -36,75 +33,87 @@ describe('GET /new', function() {
 	});
 
 	it('should have an "Add new URL" form', function() {
-		var form = this.last.dom('[data-test=new-url-form]').eq(0);
+		const form = this.last.dom('[data-test=new-url-form]').eq(0);
 		assert.isDefined(form);
 		assert.strictEqual(form.attr('action'), '/new');
 		assert.strictEqual(form.attr('method'), 'post');
 	});
 
 	describe('"Add New URL" form', function() {
-
 		beforeEach(function() {
 			this.form = this.last.dom('[data-test=new-url-form]').eq(0);
 		});
 
 		it('should have a "name" field', function() {
-			var field = this.form.find('input[name=name]').eq(0);
+			const field = this.form.find('input[name=name]').eq(0);
 			assert.isDefined(field);
 			assert.strictEqual(field.attr('type'), 'text');
 			assert.strictEqual(field.attr('value'), '');
 		});
 
 		it('should have a "url" field', function() {
-			var field = this.form.find('input[name=url]').eq(0);
+			const field = this.form.find('input[name=url]').eq(0);
 			assert.isDefined(field);
 			assert.strictEqual(field.attr('type'), 'url');
 			assert.strictEqual(field.attr('value'), '');
 		});
 
 		it('should have a "wait" field', function() {
-			var field = this.form.find('input[name=wait]').eq(0);
+			const field = this.form.find('input[name=wait]').eq(0);
 			assert.isDefined(field);
 			assert.strictEqual(field.attr('type'), 'text');
 			assert.strictEqual(field.attr('value'), '');
 		});
 
+		it('should have an "actions" field', function() {
+			const field = this.form.find('textarea[name=actions]').eq(0);
+			assert.isDefined(field);
+		});
+
 		it('should have a "username" field', function() {
-			var field = this.form.find('input[name=username]').eq(0);
+			const field = this.form.find('input[name=username]').eq(0);
 			assert.isDefined(field);
 			assert.strictEqual(field.attr('type'), 'text');
 			assert.strictEqual(field.attr('value'), '');
 		});
 
 		it('should have a "password" field', function() {
-			var field = this.form.find('input[name=password]').eq(0);
+			const field = this.form.find('input[name=password]').eq(0);
 			assert.isDefined(field);
 			assert.strictEqual(field.attr('type'), 'text');
 			assert.strictEqual(field.attr('value'), '');
 		});
 
 		it('should have a "standard" field', function() {
-			var field = this.form.find('select[name=standard]').eq(0);
+			const field = this.form.find('select[name=standard]').eq(0);
 			assert.isDefined(field);
-			assert.strictEqual(field.find('option').length, 4);
+			assert.greaterThanOrEqual(field.find('option').length, 1);
 		});
 
 		it('should have "ignore" fields', function() {
-			var fields = this.form.find('input[name="ignore[]"]');
+			const fields = this.form.find('input[name="ignore[]"]');
 			assert.isDefined(fields);
 			assert.notStrictEqual(fields.length, 0);
 		});
 
-	});
+		it('should have a "hideElements" field', function() {
+			const field = this.form.find('input[name=hideElements]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '');
+		});
 
+		it('should have a "headers" field', function() {
+			const field = this.form.find('textarea[name=headers]').eq(0);
+			assert.isDefined(field);
+		});
+	});
 });
 
 describe('POST /new', function() {
-
 	describe('with invalid query', function() {
-
 		beforeEach(function(done) {
-			var req = {
+			const request = {
 				method: 'POST',
 				endpoint: '/new',
 				form: {
@@ -112,7 +121,7 @@ describe('POST /new', function() {
 					url: ''
 				}
 			};
-			this.navigate(req, done);
+			this.navigate(request, done);
 		});
 
 		it('should send a 200 status', function() {
@@ -122,22 +131,21 @@ describe('POST /new', function() {
 		it('should display an error message', function() {
 			assert.strictEqual(this.last.dom('[data-test=error]').length, 1);
 		});
-
 	});
 
 	describe('with valid query', function() {
+		const requestOptions = {
+			method: 'POST',
+			endpoint: '/new',
+			form: {
+				name: 'Example',
+				url: 'http://example.com/',
+				standard: 'WCAG2AA'
+			}
+		};
 
 		beforeEach(function(done) {
-			var req = {
-				method: 'POST',
-				endpoint: '/new',
-				form: {
-					name: 'Example',
-					url: 'http://example.com/',
-					standard: 'WCAG2AA'
-				}
-			};
-			this.navigate(req, done);
+			this.navigate(requestOptions, done);
 		});
 
 		it('should send a 200 status', function() {
@@ -145,9 +153,18 @@ describe('POST /new', function() {
 		});
 
 		it('should create the task', function(done) {
-			this.webservice.tasks.get({}, function(err, tasks) {
-				assert.strictEqual(tasks.length, 4);
-				done();
+			const getTaskCount = then =>
+				this.webservice.tasks.get({}, (error, tasks) => {
+					then(tasks.length);
+				});
+
+			getTaskCount(firstTaskCount => {
+				this.navigate(requestOptions, () => {
+					getTaskCount(secondTaskCount => {
+						assert.strictEqual(secondTaskCount, firstTaskCount + 1);
+						done();
+					});
+				});
 			});
 		});
 
@@ -160,11 +177,9 @@ describe('POST /new', function() {
 		});
 
 		it('should display a success message', function() {
-			var alert = this.last.dom('[data-test=alert]').eq(0);
+			const alert = this.last.dom('[data-test=alert]').eq(0);
 			assert.isDefined(alert);
-			assert.match(alert.textContent, /url has been added/i);
+			assert.match(alert.text(), /url has been added/i);
 		});
-
 	});
-
 });

test/integration/route/result/download.js

@@ -12,20 +12,18 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var assert = require('proclaim');
+const assert = require('proclaim');
 
 describe('GET /<task-id>/<result-id>.csv', function() {
-
 	beforeEach(function(done) {
-		var req = {
+		const request = {
 			method: 'GET',
 			endpoint: '/abc000000000000000000001/def000000000000000000001.csv',
 			nonDom: true
 		};
-		this.navigate(req, done);
+		this.navigate(request, done);
 	});
 
 	it('should send a 200 status', function() {
@@ -35,19 +33,17 @@ describe('GET /<task-id>/<result-id>.csv', function() {
 	it('should output CSV results', function() {
 		assert.match(this.last.body, /^"code","message","type"/);
 	});
-
 });
 
 describe('GET /<task-id>/<result-id>.json', function() {
-
 	beforeEach(function(done) {
-		var req = {
+		const request = {
 			method: 'GET',
 			endpoint: '/abc000000000000000000001/def000000000000000000001.json',
 			nonDom: true,
 			json: true
 		};
-		this.navigate(req, done);
+		this.navigate(request, done);
 	});
 
 	it('should send a 200 status', function() {
@@ -55,7 +51,7 @@ describe('GET /<task-id>/<result-id>.json', function() {
 	});
 
 	it('should output JSON results', function() {
-		var json = this.last.body;
+		const json = this.last.body;
 		assert.strictEqual(json.task.name, 'NPG Home');
 		assert.strictEqual(json.task.url, 'nature.com');
 		assert.strictEqual(json.count.error, 1);
@@ -63,5 +59,4 @@ describe('GET /<task-id>/<result-id>.json', function() {
 		assert.strictEqual(json.count.notice, 3);
 		assert.isArray(json.results);
 	});
-
 });

test/integration/route/result/index.js

@@ -12,19 +12,18 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var assert = require('proclaim');
+const assert = require('proclaim');
 
 describe('GET /<task-id>/<result-id>', function() {
 
 	beforeEach(function(done) {
-		var req = {
+		const request = {
 			method: 'GET',
 			endpoint: '/abc000000000000000000001/def000000000000000000001'
 		};
-		this.navigate(req, done);
+		this.navigate(request, done);
 	});
 
 	it('should send a 200 status', function() {
@@ -32,15 +31,21 @@ describe('GET /<task-id>/<result-id>', function() {
 	});
 
 	it('should display a "Download CSV" button', function() {
-		var elem = this.last.dom('[data-test=download-csv]');
+		const elem = this.last.dom('[data-test=download-csv]');
 		assert.strictEqual(elem.length, 1);
-		assert.strictEqual(elem.eq(0).attr('href'), '/abc000000000000000000001/def000000000000000000001.csv');
+		assert.strictEqual(
+			elem.eq(0).attr('href'),
+			'/abc000000000000000000001/def000000000000000000001.csv'
+		);
 	});
 
 	it('should display a "Download JSON" button', function() {
-		var elem = this.last.dom('[data-test=download-json]');
+		const elem = this.last.dom('[data-test=download-json]');
 		assert.strictEqual(elem.length, 1);
-		assert.strictEqual(elem.eq(0).attr('href'), '/abc000000000000000000001/def000000000000000000001.json');
+		assert.strictEqual(
+			elem.eq(0).attr('href'),
+			'/abc000000000000000000001/def000000000000000000001.json'
+		);
 	});
 
 	it('should display a link back to the task', function() {
@@ -48,19 +53,19 @@ describe('GET /<task-id>/<result-id>', function() {
 	});
 
 	it('should display errors', function() {
-		var elem = this.last.dom('[data-test=task-errors]').eq(0);
+		const elem = this.last.dom('[data-test=task-errors]').eq(0);
 		assert.isDefined(elem);
 		assert.match(elem.text(), /errors \( 1 \)/i);
 	});
 
 	it('should display warnings', function() {
-		var elem = this.last.dom('[data-test=task-warnings]').eq(0);
+		const elem = this.last.dom('[data-test=task-warnings]').eq(0);
 		assert.isDefined(elem);
 		assert.match(elem.text(), /warnings \( 2 \)/i);
 	});
 
 	it('should display notices', function() {
-		var elem = this.last.dom('[data-test=task-notices]').eq(0);
+		const elem = this.last.dom('[data-test=task-notices]').eq(0);
 		assert.isDefined(elem);
 		assert.match(elem.text(), /notices \( 3 \)/i);
 	});

test/integration/route/task/delete.js

@@ -12,19 +12,18 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var assert = require('proclaim');
+const assert = require('proclaim');
 
 describe('GET /<task-id>/delete', function() {
 
 	beforeEach(function(done) {
-		var req = {
+		const request = {
 			method: 'GET',
 			endpoint: '/abc000000000000000000001/delete'
 		};
-		this.navigate(req, done);
+		this.navigate(request, done);
 	});
 
 	it('should send a 200 status', function() {
@@ -32,7 +31,7 @@ describe('GET /<task-id>/delete', function() {
 	});
 
 	it('should have a "Delete URL" form', function() {
-		var form = this.last.dom('[data-test=delete-url-form]').eq(0);
+		const form = this.last.dom('[data-test=delete-url-form]').eq(0);
 		assert.isDefined(form);
 		assert.strictEqual(form.attr('action'), '/abc000000000000000000001/delete');
 		assert.strictEqual(form.attr('method'), 'post');
@@ -47,11 +46,11 @@ describe('GET /<task-id>/delete', function() {
 describe('POST /<task-id>/delete', function() {
 
 	beforeEach(function(done) {
-		var req = {
+		const request = {
 			method: 'POST',
 			endpoint: '/abc000000000000000000001/delete'
 		};
-		this.navigate(req, done);
+		this.navigate(request, done);
 	});
 
 	it('should send a 200 status', function() {
@@ -59,8 +58,8 @@ describe('POST /<task-id>/delete', function() {
 	});
 
 	it('should delete the task', function(done) {
-		this.webservice.task('abc000000000000000000001').get({}, function(err) {
-			assert.strictEqual(err.message, 'Error 404');
+		this.webservice.task('abc000000000000000000001').get({}, function(error) {
+			assert.strictEqual(error.message, 'Error 404');
 			done();
 		});
 	});
@@ -70,7 +69,7 @@ describe('POST /<task-id>/delete', function() {
 	});
 
 	it('should display a success message', function() {
-		var alert = this.last.dom('[data-test=alert]').eq(0);
+		const alert = this.last.dom('[data-test=alert]').eq(0);
 		assert.isDefined(alert);
 		assert.match(alert.text(), /been deleted/i);
 	});

test/integration/route/task/edit.js

@@ -12,19 +12,16 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var assert = require('proclaim');
+const assert = require('proclaim');
 
 describe('GET /<task-id>/edit', function() {
-
 	beforeEach(function(done) {
-		var req = {
+		this.navigate({
 			method: 'GET',
 			endpoint: '/abc000000000000000000001/edit'
-		};
-		this.navigate(req, done);
+		}, done);
 	});
 
 	it('should send a 200 status', function() {
@@ -32,7 +29,7 @@ describe('GET /<task-id>/edit', function() {
 	});
 
 	it('should have an "Edit URL" form', function() {
-		var form = this.last.dom('[data-test=edit-url-form]').eq(0);
+		const form = this.last.dom('[data-test=edit-url-form]').eq(0);
 		assert.isDefined(form);
 		assert.strictEqual(form.attr('action'), '/abc000000000000000000001/edit');
 		assert.strictEqual(form.attr('method'), 'post');
@@ -49,14 +46,14 @@ describe('GET /<task-id>/edit', function() {
 		});
 
 		it('should have a "name" field', function() {
-			var field = this.form.find('input[name=name]').eq(0);
+			const field = this.form.find('input[name=name]').eq(0);
 			assert.isDefined(field);
 			assert.strictEqual(field.attr('type'), 'text');
 			assert.strictEqual(field.attr('value'), 'NPG Home');
 		});
 
 		it('should have a disabled "url" field', function() {
-			var field = this.form.find('input[name=url]').eq(0);
+			const field = this.form.find('input[name=url]').eq(0);
 			assert.isDefined(field);
 			assert.strictEqual(field.attr('type'), 'url');
 			assert.strictEqual(field.attr('value'), 'nature.com');
@@ -64,46 +61,60 @@ describe('GET /<task-id>/edit', function() {
 		});
 
 		it('should have a "wait" field', function() {
-			var field = this.form.find('input[name=wait]').eq(0);
+			const field = this.form.find('input[name=wait]').eq(0);
 			assert.isDefined(field);
 			assert.strictEqual(field.attr('type'), 'text');
 			assert.strictEqual(field.attr('value'), '0');
 		});
 
+		it('should have an "actions" field', function() {
+			const field = this.form.find('textarea[name=actions]').eq(0);
+			assert.isDefined(field);
+		});
+
 		it('should have a disabled "standard" field', function() {
-			var field = this.form.find('select[name=standard]').eq(0);
+			const field = this.form.find('select[name=standard]').eq(0);
 			assert.isDefined(field);
 			assert.isDefined(field.attr('disabled'));
 		});
 
 		it('should have a "username" field', function() {
-			var field = this.form.find('input[name=username]').eq(0);
+			const field = this.form.find('input[name=username]').eq(0);
 			assert.isDefined(field);
 			assert.strictEqual(field.attr('type'), 'text');
 			assert.strictEqual(field.attr('value'), 'user');
 		});
 
 		it('should have a "password" field', function() {
-			var field = this.form.find('input[name=password]').eq(0);
+			const field = this.form.find('input[name=password]').eq(0);
 			assert.isDefined(field);
 			assert.strictEqual(field.attr('type'), 'text');
 			assert.strictEqual(field.attr('value'), 'access');
 		});
 
+		it('should have a "hideElements" field', function() {
+			const field = this.form.find('input[name=hideElements]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have a "headers" field', function() {
+			const field = this.form.find('textarea[name=headers]').eq(0);
+			assert.isDefined(field);
+		});
+
 		it('should have "ignore" fields', function() {
-			var fields = this.form.find('input[name="ignore[]"]');
+			const fields = this.form.find('input[name="ignore[]"]');
 			assert.isDefined(fields);
 			assert.notStrictEqual(fields.length, 0);
 		});
-
 	});
-
 });
 
 describe('POST /<task-id>/edit', function() {
-
 	beforeEach(function(done) {
-		var req = {
+		const request = {
 			method: 'POST',
 			endpoint: '/abc000000000000000000001/edit',
 			form: {
@@ -113,7 +124,7 @@ describe('POST /<task-id>/edit', function() {
 				ignore: ['bar', 'baz']
 			}
 		};
-		this.navigate(req, done);
+		this.navigate(request, done);
 	});
 
 	it('should send a 200 status', function() {
@@ -121,19 +132,18 @@ describe('POST /<task-id>/edit', function() {
 	});
 
 	it('should edit the task', function(done) {
-		this.webservice.task('abc000000000000000000001').get({}, function(err, task) {
+		this.webservice.task('abc000000000000000000001').get({}, function(error, task) {
 			assert.strictEqual(task.name, 'foo');
 			assert.strictEqual(task.username, 'newuser');
 			assert.strictEqual(task.password, 'secure');
 			assert.deepEqual(task.ignore, ['bar', 'baz']);
-			done();
+			done(error);
 		});
 	});
 
 	it('should display a success message', function() {
-		var alert = this.last.dom('[data-test=alert]').eq(0);
+		const alert = this.last.dom('[data-test=alert]').eq(0);
 		assert.isDefined(alert);
 		assert.match(alert.text(), /been saved/i);
 	});
-
 });

test/integration/route/task/index.js

@@ -12,21 +12,17 @@
 //
 // You should have received a copy of the GNU General Public License
 // along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
-
 'use strict';
 
-var assert = require('proclaim');
+const assert = require('proclaim');
 
 describe('GET /<task-id>', function() {
-
 	describe('when task has results', function() {
-
 		beforeEach(function(done) {
-			var req = {
+			this.navigate({
 				method: 'GET',
 				endpoint: '/abc000000000000000000001'
-			};
-			this.navigate(req, done);
+			}, done);
 		});
 
 		it('should send a 200 status', function() {
@@ -34,11 +30,17 @@ describe('GET /<task-id>', function() {
 		});
 
 		it('should display an "Edit" button', function() {
-			assert.strictEqual(this.last.dom('[href="/abc000000000000000000001/edit"]').length, 1);
+			assert.strictEqual(
+				this.last.dom('[href="/abc000000000000000000001/edit"]').length,
+				1
+			);
 		});
 
 		it('should display a "Delete" button', function() {
-			assert.strictEqual(this.last.dom('[href="/abc000000000000000000001/delete"]').length, 1);
+			assert.strictEqual(
+				this.last.dom('[href="/abc000000000000000000001/delete"]').length,
+				1
+			);
 		});
 
 		it('should display a "Run" button', function() {
@@ -46,46 +48,58 @@ describe('GET /<task-id>', function() {
 		});
 
 		it('should display a "Download CSV" button for the latest result', function() {
-			assert.strictEqual(this.last.dom('[href="/abc000000000000000000001/def000000000000000000001.csv"]').length, 1);
+			assert.strictEqual(
+				1,
+				this.last.dom(
+					'[href="/abc000000000000000000001/def000000000000000000001.csv"]'
+				).length
+			);
 		});
 
 		it('should display a "Download JSON" button for the latest result', function() {
-			assert.strictEqual(this.last.dom('[href="/abc000000000000000000001/def000000000000000000001.json"]').length, 1);
+			assert.strictEqual(
+				1,
+				this.last.dom(
+					'[href="/abc000000000000000000001/def000000000000000000001.json"]'
+				).length
+			);
 		});
 
 		it('should display links to all results', function() {
-			assert.isDefined(this.last.dom('[href="/abc000000000000000000001/def000000000000000000001"]').eq(0));
-			assert.isDefined(this.last.dom('[href="/abc000000000000000000001/def000000000000000000003"]').eq(0));
+			assert.isDefined(
+				this.last.dom('[href="/abc000000000000000000001/def000000000000000000001"]').eq(0)
+			);
+			assert.isDefined(
+				this.last.dom('[href="/abc000000000000000000001/def000000000000000000003"]').eq(0)
+			);
 		});
 
 		it('should display errors', function() {
-			var elem = this.last.dom('[data-test=task-errors]').eq(0);
+			const elem = this.last.dom('[data-test=task-errors]').eq(0);
 			assert.isDefined(elem);
 			assert.match(elem.text(), /errors \( 1 \)/i);
 		});
 
 		it('should display warnings', function() {
-			var elem = this.last.dom('[data-test=task-warnings]').eq(0);
+			const elem = this.last.dom('[data-test=task-warnings]').eq(0);
 			assert.isDefined(elem);
 			assert.match(elem.text(), /warnings \( 2 \)/i);
 		});
 
 		it('should display notices', function() {
-			var elem = this.last.dom('[data-test=task-notices]').eq(0);
+			const elem = this.last.dom('[data-test=task-notices]').eq(0);
 			assert.isDefined(elem);
 			assert.match(elem.text(), /notices \( 3 \)/i);
 		});
-
 	});
 
 	describe('when task has no results', function() {
-
 		beforeEach(function(done) {
-			var req = {
+			const request = {
 				method: 'GET',
 				endpoint: '/abc000000000000000000003'
 			};
-			this.navigate(req, done);
+			this.navigate(request, done);
 		});
 
 		it('should send a 200 status', function() {
@@ -93,17 +107,15 @@ describe('GET /<task-id>', function() {
 		});
 
 		it('should display a "Run" button', function() {
-			var elem = this.last.dom('[data-test=run-task]');
+			const elem = this.last.dom('[data-test=run-task]');
 			assert.strictEqual(elem.length, 1);
 			assert.strictEqual(elem.eq(0).attr('href'), '/abc000000000000000000003/run');
 		});
 
 		it('should display a message indicating that there are no results', function() {
-			var alert = this.last.dom('[data-test=alert]').eq(0);
+			const alert = this.last.dom('[data-test=alert]').eq(0);
 			assert.isDefined(alert);
 			assert.match(alert.text(), /there are no results to show/i);
 		});
-
 	});
-
 });