Merge lp:~stephen-stewart/ulysses/refine-buttons into lp:ulysses

[Stephen Stewart]

* align the buttons with the main ubuntu style a little more
* drop csslint, too much noise & very little help
* drop phantomcss, very high maintenance, not very helpful in finding bugs
* tarmac_verify now looks for bzr diff, helping spot if you push to trunk src changes that haven't been built
* bug fixes

The diff shows the removal and adding of the test page, which is bad bzr management on my part.

* align the buttons with the main ubuntu style a little more
* drop csslint, too much noise & very little help
* drop phantomcss, very high maintenance, not very helpful in finding bugs
* tarmac_verify now looks for bzr diff, helping spot if you push to trunk src changes that haven't been built
* bug fixes

[lp:~stephen-stewart/ulysses/refine-buttons]

60. By Stephen Stewart on 2015-02-03

remove csslint, too much pain, not enough gain

61. By Stephen Stewart on 2015-02-03

remove phantomcss, too much work for too little gain

62. By Stephen Stewart on 2015-02-03

update normalize.css

63. By Stephen Stewart on 2015-02-03

build normalize, testing tarmac_verify

64. By Stephen Stewart on 2015-02-03

merge trunk

65. By Stephen Stewart on 2015-02-03

update README

66. By Stephen Stewart on 2015-02-03

add back the test page, we need that!

67. By Stephen Stewart on 2015-02-03

update per review comments

68. By Stephen Stewart on 2015-02-03

per review comment

69. By Stephen Stewart on 2015-02-03

per review suggestion

[James Westby (james-w)]

review: Approve

=== modified file 'README.md'
--- README.md	2014-10-09 13:47:33 +0000
+++ README.md	2015-02-03 14:14:34 +0000
@@ -1,51 +1,13 @@
 # Ulysses
 
 All Ulysses CSS is prebuilt, minified and available in /public, as individual
-modules or a single concatenated file (ulysses.css).
+modules and as a single concatenated file (ulysses.css).
 
 You can view a test page with:
 ```
 cd test && python -m SimpleHTTPServer
 ```
 
-If you want to edit you'll need to install nodejs, this is left as an
-exercise for the reader. Once nodejs is installed:
-
-## Fonts and Testing
-
-The regression tests should be run on Ubuntu Precise with the Ubuntu font
-family installed. Otherwise all tests will fail on OS rendering diff or 
-font family diff. To install Ubuntu font via cli:
-
-``
-sudo apt-get install ttf-ubuntu-font-family
-``
-
-## Hacking
-
-Install build deps:
-
-```
-npm install
-```
-
-Build on file change:
-```
-gulp watch
-```
-
-See gulpfile.js for more.
-
-### Tests
-
-Visual regression testing is handled by PhantomCSS:
-(for which you'll either need CasperJS and PhantomJS on PATH, or just run
-./tarmac_verify.sh)
-
-```
-gulp test
-```
-
 ### Updates to lib CSS
 
 To update lib CSS (normalize, Pure, etc) to latest version in npm, check
@@ -53,12 +15,7 @@
 
 ```
 npm outdated normalize.css purecss
-```
-
-Update package.json if required and run gulp task to copy updated libs to /src:
-
-```
-gulp copy
+gulp update
 ```
 
 Create new svg symbols:

=== modified file 'assets/svg-symbols.svg'
--- assets/svg-symbols.svg	2014-10-07 14:27:14 +0000
+++ assets/svg-symbols.svg	2015-02-03 14:14:34 +0000
@@ -24,13 +24,8 @@
       <path fill="#DD4814" d="M25 6V4C13.42 4 4 13.42 4 25h2C6 14.523 14.523 6 25 6z"/>
     </symbol>
 
-    <symbol id="ubuntu-logo-black" viewBox="70.867 73.054 283.464 63.576">
-      <title>ubuntu-logo-black icon</title>
-      <circle cx="337.365" cy="90.017" r="16.966"/><path fill="#fff" d="M326.783 87.978c-1.127 0-2.036.912-2.036 2.04 0 1.122.91 2.036 2.036 2.036 1.128 0 2.04-.914 2.04-2.037 0-1.127-.912-2.04-2.04-2.04zm14.555 9.266c-.976.56-1.308 1.807-.747 2.778.564.978 1.81 1.31 2.785.748s1.31-1.81.747-2.783c-.563-.974-1.81-1.308-2.784-.743zm-10.125-7.227c0-2.016.998-3.797 2.53-4.873l-1.49-2.498c-1.783 1.19-3.11 3.015-3.663 5.148.646.524 1.055 1.324 1.055 2.223 0 .894-.407 1.69-1.055 2.22.552 2.133 1.88 3.954 3.664 5.145l1.488-2.496c-1.53-1.076-2.53-2.855-2.53-4.87zm5.952-5.957c3.112 0 5.663 2.385 5.93 5.43l2.906-.047c-.143-2.243-1.123-4.26-2.63-5.74-.776.29-1.672.25-2.445-.2-.772-.447-1.26-1.2-1.394-2.02-.753-.208-1.546-.322-2.365-.322-1.408 0-2.74.333-3.922.92l1.415 2.536c.762-.357 1.613-.556 2.507-.556zm0 11.908c-.896 0-1.745-.197-2.507-.553l-1.415 2.537c1.18.588 2.514.916 3.922.916.82 0 1.612-.11 2.366-.32.135-.82.62-1.572 1.395-2.02.775-.447 1.67-.49 2.445-.195 1.507-1.484 2.487-3.5 2.63-5.746l-2.904-.04c-.268 3.038-2.82 5.42-5.93 5.42zm4.173-13.18c.975.562 2.22.23 2.782-.747.562-.97.23-2.22-.745-2.78-.976-.562-2.22-.23-2.784.746-.56.974-.228 2.22.748 2.783z"/><path d="M104.798 134.53c-1.725.433-4 .89-6.826 1.374-2.83.483-6.102.727-9.817.727-3.23 0-5.952-.47-8.16-1.412-2.208-.94-3.985-2.274-5.33-3.998-1.35-1.724-2.317-3.757-2.91-6.1-.593-2.343-.888-4.94-.888-7.796v-23.59h7.513v21.974c0 5.117.808 8.778 2.424 10.985 1.616 2.21 4.334 3.314 8.16 3.314.808 0 1.64-.03 2.504-.083.86-.053 1.67-.122 2.425-.202.752-.08 1.44-.16 2.06-.242.618-.08 1.063-.173 1.333-.282V93.734h7.514v40.796h-.002zM123.134 95.59c.915-.59 2.304-1.21 4.16-1.856 1.858-.646 4-.97 6.423-.97 3.016 0 5.696.54 8.04 1.616 2.34 1.078 4.32 2.584 5.937 4.522 1.614 1.94 2.84 4.257 3.675 6.947.833 2.694 1.252 5.655 1.252 8.887 0 3.393-.5 6.45-1.494 9.17-1 2.72-2.412 5.02-4.242 6.905-1.832 1.886-4.04 3.34-6.625 4.362-2.583 1.023-5.492 1.535-8.724 1.535-3.502 0-6.598-.245-9.29-.73-2.692-.484-4.9-.97-6.624-1.454v-60.18l7.513-1.292V95.59zm0 33.608c.755.216 1.818.42 3.192.604 1.373.19 3.082.284 5.13.284 4.038 0 7.27-1.334 9.692-4 2.425-2.665 3.637-6.45 3.637-11.35 0-2.15-.216-4.172-.646-6.06-.433-1.884-1.133-3.515-2.103-4.886-.97-1.375-2.222-2.45-3.756-3.232-1.533-.78-3.38-1.172-5.532-1.172-2.05 0-3.932.353-5.654 1.05-1.727.702-3.045 1.43-3.96 2.184v26.578zM194.546 134.53c-1.725.433-4 .89-6.826 1.374-2.827.483-6.1.727-9.816.727-3.23 0-5.95-.47-8.158-1.412-2.21-.94-3.986-2.274-5.33-3.998-1.35-1.724-2.316-3.757-2.91-6.1-.593-2.343-.89-4.94-.89-7.796v-23.59h7.513v21.974c0 5.117.808 8.778 2.423 10.985 1.617 2.21 4.336 3.314 8.16 3.314.81 0 1.643-.03 2.504-.083.86-.053 1.668-.122 2.424-.202.755-.08 1.44-.16 2.062-.242.618-.08 1.062-.173 1.33-.282V93.734h7.515v40.796zM205.37 94.947c1.723-.432 4.01-.89 6.867-1.375 2.852-.483 6.138-.727 9.854-.727 3.34 0 6.114.473 8.32 1.414 2.21.942 3.973 2.26 5.294 3.958 1.316 1.695 2.246 3.73 2.786 6.098.538 2.373.808 4.984.808 7.837v23.59h-7.513v-21.975c0-2.584-.177-4.79-.525-6.624-.35-1.833-.93-3.312-1.737-4.44-.808-1.135-1.885-1.954-3.23-2.467-1.346-.514-3.018-.768-5.007-.768-.812 0-1.646.026-2.504.08-.862.054-1.687.12-2.464.202-.784.08-1.48.176-2.103.28-.62.11-1.063.19-1.333.242v35.465h-7.512V94.946zM256.665 93.734h15.914v6.302h-15.915v19.388c0 2.1.16 3.84.484 5.212.323 1.372.81 2.45 1.454 3.23.646.78 1.45 1.33 2.422 1.654.97.324 2.1.487 3.393.487 2.313 0 4.145-.258 5.493-.77 1.345-.512 2.262-.875 2.748-1.09l1.614 6.14c-.754.38-2.088.863-3.998 1.454-1.912.594-4.078.89-6.502.89-2.856 0-5.213-.362-7.07-1.09-1.855-.728-3.352-1.816-4.482-3.272-1.13-1.453-1.925-3.243-2.382-5.372-.46-2.126-.688-4.59-.688-7.39V82.02l7.514-1.292v13.006zM313.455 134.53c-1.727.433-4 .89-6.826 1.374-2.828.483-6.102.727-9.814.727-3.232 0-5.953-.47-8.162-1.412s-3.985-2.274-5.33-3.998c-1.348-1.724-2.315-3.757-2.91-6.1-.592-2.343-.89-4.94-.89-7.796v-23.59h7.517v21.974c0 5.117.81 8.778 2.425 10.985 1.614 2.21 4.334 3.314 8.16 3.314.807 0 1.64-.03 2.503-.083.858-.053 1.667-.122 2.422-.202.755-.08 1.44-.16 2.062-.242.617-.08 1.062-.173 1.334-.282V93.734h7.513v40.796h-.005z"/>
-    </symbol>
-
     <symbol id="ubuntu-logo" viewBox="70.867 73.054 283.464 63.576">
       <title>ubuntu-logo icon</title>
-      <circle fill="#fff" cx="337.365" cy="90.017" r="16.966"/><path fill="#DD4814" d="M326.783 87.978c-1.127 0-2.036.912-2.036 2.04 0 1.122.91 2.036 2.036 2.036 1.128 0 2.04-.914 2.04-2.037 0-1.127-.912-2.04-2.04-2.04zm14.555 9.266c-.976.56-1.308 1.807-.747 2.778.564.978 1.81 1.31 2.785.748s1.31-1.81.747-2.783c-.563-.974-1.81-1.308-2.784-.743zm-10.125-7.227c0-2.016.998-3.797 2.53-4.873l-1.49-2.498c-1.783 1.19-3.11 3.015-3.663 5.148.646.524 1.055 1.324 1.055 2.223 0 .894-.407 1.69-1.055 2.22.552 2.133 1.88 3.954 3.664 5.145l1.488-2.496c-1.53-1.076-2.53-2.855-2.53-4.87zm5.952-5.957c3.112 0 5.663 2.385 5.93 5.43l2.906-.047c-.143-2.243-1.123-4.26-2.63-5.74-.776.29-1.672.25-2.445-.2-.772-.447-1.26-1.2-1.394-2.02-.753-.208-1.546-.322-2.365-.322-1.408 0-2.74.333-3.922.92l1.415 2.536c.762-.357 1.613-.556 2.507-.556zm0 11.908c-.896 0-1.745-.197-2.507-.553l-1.415 2.537c1.18.588 2.514.916 3.922.916.82 0 1.612-.11 2.366-.32.135-.82.62-1.572 1.395-2.02.775-.447 1.67-.49 2.445-.195 1.507-1.484 2.487-3.5 2.63-5.746l-2.904-.04c-.268 3.038-2.82 5.42-5.93 5.42zm4.173-13.18c.975.562 2.22.23 2.782-.747.562-.97.23-2.22-.745-2.78-.976-.562-2.22-.23-2.784.746-.56.974-.228 2.22.748 2.783z"/><g fill="#fff"><path d="M104.798 134.53c-1.725.433-4 .89-6.826 1.374-2.83.483-6.102.727-9.817.727-3.23 0-5.952-.47-8.16-1.412-2.208-.94-3.985-2.274-5.33-3.998-1.35-1.724-2.317-3.757-2.91-6.1-.593-2.343-.888-4.94-.888-7.796v-23.59h7.513v21.974c0 5.117.808 8.778 2.424 10.985 1.616 2.21 4.334 3.314 8.16 3.314.808 0 1.64-.03 2.504-.083.86-.053 1.67-.122 2.425-.202.752-.08 1.44-.16 2.06-.242.618-.08 1.063-.173 1.333-.282V93.734h7.514v40.796h-.002zM123.134 95.59c.915-.59 2.304-1.21 4.16-1.856 1.858-.646 4-.97 6.423-.97 3.016 0 5.696.54 8.04 1.616 2.34 1.078 4.32 2.584 5.937 4.522 1.614 1.94 2.84 4.257 3.675 6.947.833 2.694 1.252 5.655 1.252 8.887 0 3.393-.5 6.45-1.494 9.17-1 2.72-2.412 5.02-4.242 6.905-1.832 1.886-4.04 3.34-6.625 4.362-2.583 1.023-5.492 1.535-8.724 1.535-3.502 0-6.598-.245-9.29-.73-2.692-.484-4.9-.97-6.624-1.454v-60.18l7.513-1.292V95.59zm0 33.608c.755.216 1.818.42 3.192.604 1.373.19 3.082.284 5.13.284 4.038 0 7.27-1.334 9.692-4 2.425-2.665 3.637-6.45 3.637-11.35 0-2.15-.216-4.172-.646-6.06-.433-1.884-1.133-3.515-2.103-4.886-.97-1.375-2.222-2.45-3.756-3.232-1.533-.78-3.38-1.172-5.532-1.172-2.05 0-3.932.353-5.654 1.05-1.727.702-3.045 1.43-3.96 2.184v26.578zM194.546 134.53c-1.725.433-4 .89-6.826 1.374-2.827.483-6.1.727-9.816.727-3.23 0-5.95-.47-8.158-1.412-2.21-.94-3.986-2.274-5.33-3.998-1.35-1.724-2.316-3.757-2.91-6.1-.593-2.343-.89-4.94-.89-7.796v-23.59h7.513v21.974c0 5.117.808 8.778 2.423 10.985 1.617 2.21 4.336 3.314 8.16 3.314.81 0 1.643-.03 2.504-.083.86-.053 1.668-.122 2.424-.202.755-.08 1.44-.16 2.062-.242.618-.08 1.062-.173 1.33-.282V93.734h7.515v40.796zM205.37 94.947c1.723-.432 4.01-.89 6.867-1.375 2.852-.483 6.138-.727 9.854-.727 3.34 0 6.114.473 8.32 1.414 2.21.942 3.973 2.26 5.294 3.958 1.316 1.695 2.246 3.73 2.786 6.098.538 2.373.808 4.984.808 7.837v23.59h-7.513v-21.975c0-2.584-.177-4.79-.525-6.624-.35-1.833-.93-3.312-1.737-4.44-.808-1.135-1.885-1.954-3.23-2.467-1.346-.514-3.018-.768-5.007-.768-.812 0-1.646.026-2.504.08-.862.054-1.687.12-2.464.202-.784.08-1.48.176-2.103.28-.62.11-1.063.19-1.333.242v35.465h-7.512V94.946zM256.665 93.734h15.914v6.302h-15.915v19.388c0 2.1.16 3.84.484 5.212.323 1.372.81 2.45 1.454 3.23.646.78 1.45 1.33 2.422 1.654.97.324 2.1.487 3.393.487 2.313 0 4.145-.258 5.493-.77 1.345-.512 2.262-.875 2.748-1.09l1.614 6.14c-.754.38-2.088.863-3.998 1.454-1.912.594-4.078.89-6.502.89-2.856 0-5.213-.362-7.07-1.09-1.855-.728-3.352-1.816-4.482-3.272-1.13-1.453-1.925-3.243-2.382-5.372-.46-2.126-.688-4.59-.688-7.39V82.02l7.514-1.292v13.006zM313.455 134.53c-1.727.433-4 .89-6.826 1.374-2.828.483-6.102.727-9.814.727-3.232 0-5.953-.47-8.162-1.412s-3.985-2.274-5.33-3.998c-1.348-1.724-2.315-3.757-2.91-6.1-.592-2.343-.89-4.94-.89-7.796v-23.59h7.517v21.974c0 5.117.81 8.778 2.425 10.985 1.614 2.21 4.334 3.314 8.16 3.314.807 0 1.64-.03 2.503-.083.858-.053 1.667-.122 2.422-.202.755-.08 1.44-.16 2.062-.242.617-.08 1.062-.173 1.334-.282V93.734h7.513v40.796h-.005z"/></g>
+      <circle class="logo-cof-bg" fill="#fff" cx="337.365" cy="90.017" r="16.966"/><path class="logo-cof-fg" fill="#DD4814" d="M326.783 87.978c-1.127 0-2.036.912-2.036 2.04 0 1.122.91 2.036 2.036 2.036 1.128 0 2.04-.914 2.04-2.037 0-1.127-.912-2.04-2.04-2.04zm14.555 9.266c-.976.56-1.308 1.807-.747 2.778.564.978 1.81 1.31 2.785.748s1.31-1.81.747-2.783c-.563-.974-1.81-1.308-2.784-.743zm-10.125-7.227c0-2.016.998-3.797 2.53-4.873l-1.49-2.498c-1.783 1.19-3.11 3.015-3.663 5.148.646.524 1.055 1.324 1.055 2.223 0 .894-.407 1.69-1.055 2.22.552 2.133 1.88 3.954 3.664 5.145l1.488-2.496c-1.53-1.076-2.53-2.855-2.53-4.87zm5.952-5.957c3.112 0 5.663 2.385 5.93 5.43l2.906-.047c-.143-2.243-1.123-4.26-2.63-5.74-.776.29-1.672.25-2.445-.2-.772-.447-1.26-1.2-1.394-2.02-.753-.208-1.546-.322-2.365-.322-1.408 0-2.74.333-3.922.92l1.415 2.536c.762-.357 1.613-.556 2.507-.556zm0 11.908c-.896 0-1.745-.197-2.507-.553l-1.415 2.537c1.18.588 2.514.916 3.922.916.82 0 1.612-.11 2.366-.32.135-.82.62-1.572 1.395-2.02.775-.447 1.67-.49 2.445-.195 1.507-1.484 2.487-3.5 2.63-5.746l-2.904-.04c-.268 3.038-2.82 5.42-5.93 5.42zm4.173-13.18c.975.562 2.22.23 2.782-.747.562-.97.23-2.22-.745-2.78-.976-.562-2.22-.23-2.784.746-.56.974-.228 2.22.748 2.783z"/><g class="logo-type" fill="#fff"><path d="M104.798 134.53c-1.725.433-4 .89-6.826 1.374-2.83.483-6.102.727-9.817.727-3.23 0-5.952-.47-8.16-1.412-2.208-.94-3.985-2.274-5.33-3.998-1.35-1.724-2.317-3.757-2.91-6.1-.593-2.343-.888-4.94-.888-7.796v-23.59h7.513v21.974c0 5.117.808 8.778 2.424 10.985 1.616 2.21 4.334 3.314 8.16 3.314.808 0 1.64-.03 2.504-.083.86-.053 1.67-.122 2.425-.202.752-.08 1.44-.16 2.06-.242.618-.08 1.063-.173 1.333-.282V93.734h7.514v40.796h-.002zM123.134 95.59c.915-.59 2.304-1.21 4.16-1.856 1.858-.646 4-.97 6.423-.97 3.016 0 5.696.54 8.04 1.616 2.34 1.078 4.32 2.584 5.937 4.522 1.614 1.94 2.84 4.257 3.675 6.947.833 2.694 1.252 5.655 1.252 8.887 0 3.393-.5 6.45-1.494 9.17-1 2.72-2.412 5.02-4.242 6.905-1.832 1.886-4.04 3.34-6.625 4.362-2.583 1.023-5.492 1.535-8.724 1.535-3.502 0-6.598-.245-9.29-.73-2.692-.484-4.9-.97-6.624-1.454v-60.18l7.513-1.292V95.59zm0 33.608c.755.216 1.818.42 3.192.604 1.373.19 3.082.284 5.13.284 4.038 0 7.27-1.334 9.692-4 2.425-2.665 3.637-6.45 3.637-11.35 0-2.15-.216-4.172-.646-6.06-.433-1.884-1.133-3.515-2.103-4.886-.97-1.375-2.222-2.45-3.756-3.232-1.533-.78-3.38-1.172-5.532-1.172-2.05 0-3.932.353-5.654 1.05-1.727.702-3.045 1.43-3.96 2.184v26.578zM194.546 134.53c-1.725.433-4 .89-6.826 1.374-2.827.483-6.1.727-9.816.727-3.23 0-5.95-.47-8.158-1.412-2.21-.94-3.986-2.274-5.33-3.998-1.35-1.724-2.316-3.757-2.91-6.1-.593-2.343-.89-4.94-.89-7.796v-23.59h7.513v21.974c0 5.117.808 8.778 2.423 10.985 1.617 2.21 4.336 3.314 8.16 3.314.81 0 1.643-.03 2.504-.083.86-.053 1.668-.122 2.424-.202.755-.08 1.44-.16 2.062-.242.618-.08 1.062-.173 1.33-.282V93.734h7.515v40.796zM205.37 94.947c1.723-.432 4.01-.89 6.867-1.375 2.852-.483 6.138-.727 9.854-.727 3.34 0 6.114.473 8.32 1.414 2.21.942 3.973 2.26 5.294 3.958 1.316 1.695 2.246 3.73 2.786 6.098.538 2.373.808 4.984.808 7.837v23.59h-7.513v-21.975c0-2.584-.177-4.79-.525-6.624-.35-1.833-.93-3.312-1.737-4.44-.808-1.135-1.885-1.954-3.23-2.467-1.346-.514-3.018-.768-5.007-.768-.812 0-1.646.026-2.504.08-.862.054-1.687.12-2.464.202-.784.08-1.48.176-2.103.28-.62.11-1.063.19-1.333.242v35.465h-7.512V94.946zM256.665 93.734h15.914v6.302h-15.915v19.388c0 2.1.16 3.84.484 5.212.323 1.372.81 2.45 1.454 3.23.646.78 1.45 1.33 2.422 1.654.97.324 2.1.487 3.393.487 2.313 0 4.145-.258 5.493-.77 1.345-.512 2.262-.875 2.748-1.09l1.614 6.14c-.754.38-2.088.863-3.998 1.454-1.912.594-4.078.89-6.502.89-2.856 0-5.213-.362-7.07-1.09-1.855-.728-3.352-1.816-4.482-3.272-1.13-1.453-1.925-3.243-2.382-5.372-.46-2.126-.688-4.59-.688-7.39V82.02l7.514-1.292v13.006zM313.455 134.53c-1.727.433-4 .89-6.826 1.374-2.828.483-6.102.727-9.814.727-3.232 0-5.953-.47-8.162-1.412s-3.985-2.274-5.33-3.998c-1.348-1.724-2.315-3.757-2.91-6.1-.592-2.343-.89-4.94-.89-7.796v-23.59h7.517v21.974c0 5.117.81 8.778 2.425 10.985 1.614 2.21 4.334 3.314 8.16 3.314.807 0 1.64-.03 2.503-.083.858-.053 1.667-.122 2.422-.202.755-.08 1.44-.16 2.062-.242.617-.08 1.062-.173 1.334-.282V93.734h7.513v40.796h-.005z"/></g>
     </symbol>
 </svg>
\ No newline at end of file

=== modified file 'gulpfile.js'
--- gulpfile.js	2014-12-08 15:33:43 +0000
+++ gulpfile.js	2015-02-03 14:14:34 +0000
@@ -22,7 +22,7 @@
 };
 
 gulp.task('default', ['build']);
-// to be run when newer versions of Pure or normalize are available in npm
+// run to update Pure or normalize in ues, after 'npm update'
 gulp.task('update', ['clean', 'copy', 'grids', 'build']);
 gulp.task('svg', ['symbols']);
 
@@ -54,6 +54,7 @@
   .pipe(gulp.dest(paths.src));
 });
 
+/* build the ues-g- grid from pure grids */
 gulp.task('grids', function() {
 
   var css = rework('').use(pureGrids.units([5, 24], {
@@ -73,6 +74,7 @@
 
 });
 
+/* svg symbols, consider deprecating these */
 gulp.task('symbols', function () {
   return gulp.src('src/icons/*.svg')
   .pipe(svgSymbols({
@@ -81,21 +83,3 @@
   }))
   .pipe(gulp.dest('assets'));
 });
-
-gulp.task('test', ['clean', 'build'], function (cb){
-  var casper = spawn('./node_modules/.bin/casperjs', [
-  'test',
-  'test/visual/config/'
-  ],
-  {stdio: 'inherit'});
-
-  casper.on('close', cb);
-});
-
-gulp.task('webserver', ['watch'], function() {
-  gulp.src('.')
-  .pipe(webserver({
-    open: true,
-    host: '0.0.0.0'
-  }));
-});

=== modified file 'package.json'
--- package.json	2014-12-02 05:12:11 +0000
+++ package.json	2015-02-03 14:14:34 +0000
@@ -1,18 +1,6 @@
 {
   "private": true,
-  "name": "ulysses",
-  "description": "CSS framework used by Ubuntu Engineering",
-  "repository": {
-    "type": "bzr",
-    "url": "lp:~ubuntuone-hackers/ulysses/trunk"
-  },
-  "keywords": [
-    "css",
-    "ubuntu"
-  ],
-  "author": "Online Services",
   "devDependencies": {
-    "casperjs": "^1.1.0-beta3",
     "del": "^0.1.3",
     "gulp": "^3.8.8",
     "gulp-autoprefixer": "^1.0.1",
@@ -26,8 +14,6 @@
     "gulp-util": "^3.0.1",
     "gulp-webserver": "^0.8.1",
     "normalize.css": "^3.0.1",
-    "phantomcss": "^0.7.2",
-    "phantomjs": "^1.9.10",
     "purecss": "^0.5.0",
     "rework": "^1.0.1",
     "rework-pure-grids": "^1.0.0"

=== modified file 'public/buttons.css'
--- public/buttons.css	2014-10-17 23:55:41 +0000
+++ public/buttons.css	2015-02-03 14:14:34 +0000
@@ -1,1 +1,1 @@
-.ues-button{background-color:#dedede;color:#333;border-radius:3px;display:inline-block;font-weight:300;font-size:13px;line-height:20px;padding:6px 19px;text-align:center;vertical-align:baseline;text-transform:uppercase;border:none}.ues-button:hover{background-color:#e6e6e6}.ues-button:focus{box-shadow:#f7f6f5 0 0 0 1px}.ues-button:focus,.ues-button:active{background-color:#e6e6e6}.ues-button-primary{background-color:#dd4814;color:#fff;border-color:#ad2e03}.ues-button-primary .ues-icon-caret{fill:#fff}.ues-button-primary:hover{background-color:#f28a45}.ues-button-primary:focus,.ues-button-primary:active{background-color:#dd4814;border-color:#333}.ues-button-tertiary{background-color:#fff;background-image:none;padding-top:5px;padding-bottom:5px;border:1px solid #c8c8c8}.ues-button-tertiary:hover{background-color:#e6e6e6;background-image:none;border-color:#cdcdcd}.ues-button-tertiary:focus,.ues-button-tertiary:active{background-color:#e6e6e6;background-image:none;border-color:#dd4814}.ues-button-search{background-color:transparent;background-image:none;border:none;border-left:1px solid #eee}.ues-button-search:hover{background-color:#f0f0f0;border-color:#dedede}.ues-button-search:focus,.ues-button-search:active{border-color:#c8c8c8;background-color:#dedede}.ues-button-small{font-size:11px;padding:1px 10px;font-weight:400}.ues-button-large{font-size:16px;padding:14px 38px}.ues-button-block{margin:.5em 0;display:block;width:100%}.ues-button-icon{padding-left:7px;padding-right:7px}.ues-button-group{position:relative;display:inline-block;vertical-align:middle}.ues-button-group:before,.ues-button-group:after{content:' ';display:table}.ues-button-group:after{clear:both}.ues-button-group .ues-button,.ues-button-group input[type="search"]{float:left;border-left:1px solid rgba(0,0,0,.1)}.ues-button-group>input[type="search"]:first-child:not(:last-child):not(.ues-dropdown-toggle),.ues-button-group>.ues-button:first-child:not(:last-child):not(.ues-dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0;border-left:none}.ues-button-group>.ues-button:first-child:last-of-type{border-left:none}.ues-button-group>input[type="search"]:last-child:not(:first-child),.ues-button-group>.ues-button:last-child:not(:first-child),.ues-button-group>.ues-dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.ues-button-group>.ues-button:not(:first-child):not(:last-child):not(.ues-dropdown-toggle){border-radius:0;border-right:none}
\ No newline at end of file
+.ues-button{background:#999;color:#fff;border-radius:3px;display:inline-block;font-weight:100;font-size:13px;line-height:20px;padding:6px 19px;text-align:center;vertical-align:baseline;vertical-align:-webkit-baseline-middle;border:none}.ues-button:hover{background-color:#666}.ues-button:focus{outline:none}.ues-button:focus,.ues-button:active{background-color:#919191}.ues-button-primary{background-color:#dd4814;color:#fff}.ues-button-primary .ues-icon-caret{fill:#fff}.ues-button-primary:hover{background:#c03f11}.ues-button-primary:focus,.ues-button-primary:active{background-color:#dd4814;border-color:#333}.ues-button:disabled{opacity:.2;cursor:not-allowed}.ues-button:disabled:hover{background:#919191}.ues-button-primary:disabled:hover{background:#c03f11}.ues-button-invert{background:#fff;color:#333}.ues-button-invert:hover{background-color:#fff;background-image:linear-gradient(to bottom,rgba(255,255,255,0)0%,rgba(220,220,220,1)100%)}.ues-button-invert:focus,.ues-button-invert:active{background-color:#e6e6e6;background-image:none}.ues-button-search{background-color:transparent;background-image:none;border:none;border-left:1px solid #eee}.ues-button-search:hover{background-color:#f0f0f0;border-color:#dedede}.ues-button-search:focus,.ues-button-search:active{border-color:#c8c8c8;background-color:#dedede}.ues-button-small{font-size:11px;padding:1px 10px;font-weight:400}.ues-button-large{font-size:16px;padding:14px 38px}.ues-button-block{margin:.5em 0;display:block;width:100%}.ues-button-icon{padding-left:7px;padding-right:7px}.ues-button-group{position:relative;display:inline-block;vertical-align:middle}.ues-button-group:before,.ues-button-group:after{content:' ';display:table}.ues-button-group:after{clear:both}.ues-button-group .ues-button,.ues-button-group input[type="search"]{float:left;border-left:1px solid rgba(255,255,255,.5)}.ues-button-group>input[type="search"]:first-child:not(:last-child):not(.ues-dropdown-toggle),.ues-button-group>.ues-button:first-child:not(:last-child):not(.ues-dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0;border-left:none}.ues-button-group>.ues-button:first-child:last-of-type{border-left:none}.ues-button-group>input[type="search"]:last-child:not(:first-child),.ues-button-group>.ues-button:last-child:not(:first-child),.ues-button-group>.ues-dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.ues-button-group>.ues-button:not(:first-child):not(:last-child):not(.ues-dropdown-toggle){border-radius:0;border-right:none}
\ No newline at end of file

=== modified file 'public/feedback.css'
--- public/feedback.css	2014-09-24 13:23:14 +0000
+++ public/feedback.css	2015-02-03 14:14:34 +0000
@@ -1,1 +1,1 @@
-.ues-message{padding:.5em .6em;border-radius:2px;background-color:#E6E4E2;border-color:#AEA79F;color:#555}.ues-message a:link{color:inherit;color:rgba(0,0,0,.75);text-decoration:underline}.ues-message a:hover{color:#000}.ues-message-inline{display:inline-block}.ues-message-bordered{border-width:1px;border-style:solid;box-shadow:1px 1px 3px 0 rgba(0,0,0,.25)}.ues-message-stack li{border-radius:0;border-top-width:0;border-bottom-color:#000;border-bottom-color:rgba(0,0,0,.25)}.ues-message-stack :first-child{border-radius:2px 2px 0 0;border-top-width:1px}.ues-message-stack :last-child{border-radius:0 0 2px 2px;border-bottom-width:1px}.ues-message-closeable{position:relative;cursor:pointer;-webkit-transition:.3s ease all;transition:.3s ease all;overflow:hidden;max-height:1000px}.ues-message-closeable:after{content:"✖";position:absolute;right:.6em;opacity:0}.ues-message-closeable:hover:after{opacity:1}.ues-message-closed{max-height:0;padding:0;border:none;box-shadow:none;margin:0;opacity:0}.ues-disabled{color:#999;border-color:#ccc}.ues-success{background-color:#AFE1B6;border-color:#38B44A;color:#114918}.ues-warning{background-color:#F8E2B1;border-color:#EFB73E;color:#68563F}.ues-error{background-color:#F5C2BF;border-color:#DF382C;color:#A11E1A}@-webkit-keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}@keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}.ues-error-pulsating{-webkit-animation:ues-error-pulsating .7s ease-in-out infinite alternate;animation:ues-error-pulsating .7s ease-in-out infinite alternate}.ues-information{background-color:#B9E9FA;border-color:#19B6EE;color:#40525C}
\ No newline at end of file
+.ues-message{padding:.5em .6em;border-radius:2px;background-color:#E6E4E2;border-color:#AEA79F;color:#555}.ues-message a:link{color:inherit;color:rgba(0,0,0,.75);text-decoration:underline}.ues-message a:hover{color:#000}.ues-message-inline{display:inline-block}.ues-message-bordered{border-width:1px;border-style:solid;box-shadow:1px 1px 3px 0 rgba(0,0,0,.25)}.ues-message-stack li{border-radius:0;border-top-width:0;border-bottom-color:#000;border-bottom-color:rgba(0,0,0,.25)}.ues-message-stack :first-child{border-radius:2px 2px 0 0;border-top-width:1px}.ues-message-stack :last-child{border-radius:0 0 2px 2px;border-bottom-width:1px}.ues-message-closeable{position:relative;cursor:pointer;transition:.3s ease all;overflow:hidden;max-height:1000px}.ues-message-closeable:after{content:"✖";position:absolute;right:.6em;opacity:0}.ues-message-closeable:hover:after{opacity:1}.ues-message-closed{max-height:0;padding:0;border:none;box-shadow:none;margin:0;opacity:0}.ues-disabled{color:#999;border-color:#ccc}.ues-success{background-color:#AFE1B6;border-color:#38B44A;color:#114918}.ues-warning{background-color:#F8E2B1;border-color:#EFB73E;color:#68563F}.ues-error{background-color:#F5C2BF;border-color:#DF382C;color:#A11E1A}@-webkit-keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}@keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}.ues-error-pulsating{-webkit-animation:ues-error-pulsating .7s ease-in-out infinite alternate;animation:ues-error-pulsating .7s ease-in-out infinite alternate}.ues-information{background-color:#B9E9FA;border-color:#19B6EE;color:#40525C}
\ No newline at end of file

=== modified file 'public/forms.css'
--- public/forms.css	2014-12-02 05:00:06 +0000
+++ public/forms.css	2015-02-03 14:14:34 +0000
@@ -1,1 +1,1 @@
-form{margin:15px 0}fieldset{padding:0}fieldset,legend{border:0;margin:0 0 15px}legend{display:block;width:100%;font-size:23px;line-height:inherit}label{display:block;margin:10px 0 5px}input[type="checkbox"],input[type="radio"]{margin-right:5px}.ues-form-help{font-size:14px;padding:0 15px;border-radius:3px;background-color:#eee;color:#555;position:relative;margin:10px 0}span.ues-form-help{display:inline-block;margin:0}.ues-inline{display:inline-block;margin-right:10px}input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="date"],input[type="month"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="week"],input[type="number"],input[type="search"],input[type="tel"],input[type="color"],select,textarea{box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:2px;width:100%;padding:8px;margin:0 0 8px;display:block;border:1px solid #ccc;line-height:14px;font-weight:inherit;-webkit-transition:.3s linear border;transition:.3s linear border}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,select:focus,textarea:focus{outline:0;outline:thin dotted \9;border-color:#129FEA}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:1px auto #129FEA}input[type="text"][disabled],input[type="password"][disabled],input[type="email"][disabled],input[type="url"][disabled],input[type="date"][disabled],input[type="month"][disabled],input[type="time"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="week"][disabled],input[type="number"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="color"][disabled],select[disabled],textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}input[readonly],select[readonly],textarea[readonly]{background:#eee;color:#777;border-color:#ccc}input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border:1px solid #ee5f5b}input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d}input[type="file"]:focus:invalid:focus,input[type="radio"]:focus:invalid:focus,input[type="checkbox"]:focus:invalid:focus{outline-color:#e9322d}select,.ues-form-inline label,.ues-form-inline input{display:inline-block;width:auto}.ues-form-inline label{margin-left:1em;margin-right:1em}.ues-site-search{position:relative}.ues-site-search .ues-site-search-input{box-shadow:none;height:44px;line-height:44px;margin-bottom:0;padding:0 15px;-webkit-transition:.2s ease border;transition:.2s ease border;box-sizing:border-box;border:1px solid #bbb;appearance:none;background-color:#fff}.ues-site-search .ues-site-search-input:focus{border:1px solid #ad2e03}.ues-icon-search+.ues-site-search-input{padding-left:40px;padding-right:0}.ues-site-search>.ues-icon-search{left:15px;position:absolute;top:15px}.ues-site-search .ues-button-search{border-radius:0 2px 2px 0;border-width:0 0 0 1px;bottom:1px;padding:0 20px;position:absolute;right:1px;top:1px}
\ No newline at end of file
+form{margin:15px 0}fieldset{padding:0}fieldset,legend{border:0;margin:0 0 15px}legend{display:block;width:100%;font-size:23px;line-height:inherit}label{display:block;margin:10px 0 5px}input[type="checkbox"],input[type="radio"]{margin-right:5px}.ues-form-help{font-size:13px;line-height:1.5;padding:.5em 1em;border-radius:3px;background-color:#eee;color:#555;position:relative;margin:10px 0}span.ues-form-help{display:inline-block;margin:0}.ues-inline{display:inline-block;margin-right:10px}input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="date"],input[type="month"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="week"],input[type="number"],input[type="search"],input[type="tel"],input[type="color"],select,textarea{box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:2px;width:100%;padding:8px;margin:0 0 8px;display:block;border:1px solid #ccc;line-height:14px;font-weight:inherit;transition:.3s linear border}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,select:focus,textarea:focus{outline:0;outline:thin dotted \9;border-color:#129FEA}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:1px auto #129FEA}input[type="text"][disabled],input[type="password"][disabled],input[type="email"][disabled],input[type="url"][disabled],input[type="date"][disabled],input[type="month"][disabled],input[type="time"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="week"][disabled],input[type="number"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="color"][disabled],select[disabled],textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}input[readonly],select[readonly],textarea[readonly]{background:#eee;color:#777;border-color:#ccc}input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border:1px solid #ee5f5b}input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d}input[type="file"]:focus:invalid:focus,input[type="radio"]:focus:invalid:focus,input[type="checkbox"]:focus:invalid:focus{outline-color:#e9322d}select,.ues-form-inline label,.ues-form-inline input{display:inline-block;width:auto}.ues-form-inline label{margin-left:1em;margin-right:1em}.ues-site-search{position:relative}.ues-site-search .ues-site-search-input{box-shadow:none;height:44px;line-height:44px;margin-bottom:0;padding:0 15px;transition:.2s ease border;box-sizing:border-box;border:1px solid #bbb;appearance:none;background-color:#fff}.ues-site-search .ues-site-search-input:focus{border:1px solid #ad2e03}.ues-icon-search+.ues-site-search-input{padding-left:40px;padding-right:0}.ues-site-search>.ues-icon-search{left:15px;position:absolute;top:15px}.ues-site-search .ues-button-search{border-radius:0 2px 2px 0;border-width:0 0 0 1px;bottom:1px;padding:0 20px;position:absolute;right:1px;top:1px}
\ No newline at end of file

=== modified file 'public/icons.css'
--- public/icons.css	2014-10-07 14:27:14 +0000
+++ public/icons.css	2015-02-03 14:14:34 +0000
@@ -1,1 +1,1 @@
-.ues-icon-caret{width:8px;height:8px}.ues-icon-ubuntu-logo-black,.ues-icon-ubuntu-logo{height:22px;width:98px}.ues-icon-navbar-menu,.ues-icon-navbar-search{width:36px;height:34px}.ues-icon-search{width:15px;height:15px}.ues-icon-search.small{width:24px;height:24px}.ues-icon-search.smaller{width:16px;height:16px}.ues-icon-spinner{width:36px;height:34px;-webkit-animation:ues-spin .9s linear infinite;animation:ues-spin .9s linear infinite}.ues-icon-spinner.smaller{width:16px;height:16px;-webkit-animation:ues-spin .5s linear infinite;animation:ues-spin .5s linear infinite}@-webkit-keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
\ No newline at end of file
+.ues-icon-caret{width:8px;height:8px}.ues-icon-ubuntu-logo,.ues-icon-ubuntu-logo-black{height:22px;width:98px}.ues-icon-navbar-menu,.ues-icon-navbar-search{width:36px;height:34px}.ues-icon-search{width:15px;height:15px}.ues-icon-search.small{width:24px;height:24px}.ues-icon-search.smaller{width:16px;height:16px}.ues-icon-spinner{width:36px;height:34px;-webkit-animation:ues-spin .9s linear infinite;animation:ues-spin .9s linear infinite}.ues-icon-spinner.smaller{width:16px;height:16px;-webkit-animation:ues-spin .5s linear infinite;animation:ues-spin .5s linear infinite}@-webkit-keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
\ No newline at end of file

=== modified file 'public/navbar.css'
--- public/navbar.css	2014-10-14 13:23:34 +0000
+++ public/navbar.css	2015-02-03 14:14:34 +0000
@@ -1,1 +1,1 @@
-.ues-navbar{position:relative;background-color:#dd4814;font-size:13px;line-height:34px;min-height:54px}.ues-navbar.ues-navbar-invert{background:#fff;font-weight:400}.ues-navbar .ues-container{position:relative}.ues-navbar-secondary-nav{float:right}.ues-navbar-secondary-nav>div,.ues-navbar-secondary-nav>.ues-navbar-menu{float:left}.ues-navbar-brand,.ues-navbar-primary-nav{float:left}.ues-navbar,.ues-navbar>a,.ues-navbar-brand,.ues-navbar-brand>a,.ues-navbar-menu>li,.ues-navbar-menu>li>a{color:#fff}.ues-navbar-invert,.ues-navbar-invert>a,.ues-navbar-invert .ues-navbar-brand,.ues-navbar-invert .ues-navbar-brand>a,.ues-navbar-invert .ues-navbar-menu>li,.ues-navbar-invert .ues-navbar-menu>li>a{color:#000}.ues-navbar-toggle,.ues-navbar-text,.ues-navbar-brand>a,.ues-navbar-menu>li>a,.ues-navbar-menu>li>span{display:block;padding:10px 14px}.ues-navbar-brand{font-size:19px}.ues-navbar-brand>a{padding:13px 14px 7px}.ues-navbar-menu{margin:0;padding:0;list-style:none}.ues-navbar-menu>li{float:left}.ues-navbar-text{margin:0}.ues-navbar .ues-button-group{display:block}.ues-navbar .ues-button-toolbar>.ues-button-group{display:inline-block}.ues-navbar-menu>li,.ues-navbar-menu>li>a{position:relative}.ues-navbar-primary-nav .ues-navbar-menu>li>a:hover{background-color:#f75216}.ues-navbar-primary-nav.ues-navbar-invert .ues-navbar-menu>li>a:hover{background-color:#eee}.ues-navbar-secondary-nav .ues-navbar-menu>li>a:hover{text-decoration:underline}.ues-navbar-secondary-nav.ues-navbar-invert .ues-navbar-menu>li>a:hover{text-decoration:underline}.ues-navbar-header>[class^=ues-icon]{display:none;margin:10px;float:right}
\ No newline at end of file
+.ues-navbar{position:relative;background-color:#dd4814;font-size:13px;line-height:34px;min-height:54px}.ues-navbar.ues-navbar-invert{background:#fff;font-weight:400}.ues-navbar .ues-container{position:relative}.ues-navbar-secondary-nav{float:right}.ues-navbar-secondary-nav>div,.ues-navbar-secondary-nav>.ues-navbar-menu{float:left}.ues-navbar-brand,.ues-navbar-primary-nav{float:left}.ues-navbar,.ues-navbar>a,.ues-navbar-brand,.ues-navbar-brand>a,.ues-navbar-menu>li,.ues-navbar-menu>li>a{color:#fff}.ues-navbar-invert,.ues-navbar-invert>a,.ues-navbar-invert .ues-navbar-brand,.ues-navbar-invert .ues-navbar-brand>a,.ues-navbar-invert .ues-navbar-menu>li,.ues-navbar-invert .ues-navbar-menu>li>a{color:#000}.ues-navbar-toggle,.ues-navbar-text,.ues-navbar-brand>a,.ues-navbar-menu>li>a,.ues-navbar-menu>li>span{display:block;padding:10px 14px}.ues-navbar-brand>a{padding:12px 14px 8px;font-size:23px}.ues-navbar-brand>a:hover{text-decoration:none}.ues-navbar-menu{margin:0;padding:0;list-style:none}.ues-navbar-menu>li{float:left}.ues-navbar-text{margin:0}.ues-navbar .ues-button-toolbar>.ues-button-group{display:inline-block}.ues-navbar-menu>li,.ues-navbar-menu>li>a{position:relative}.ues-navbar-primary-nav .ues-navbar-menu>li>a:hover{background-color:#f75216}.ues-navbar-primary-nav.ues-navbar-invert .ues-navbar-menu>li>a:hover{background-color:#eee}.ues-navbar-secondary-nav .ues-navbar-menu>li>a:hover{text-decoration:underline}.ues-navbar-secondary-nav.ues-navbar-invert .ues-navbar-menu>li>a:hover{text-decoration:underline}.ues-navbar-header>[class^=ues-icon]{display:none;margin:10px;float:right}
\ No newline at end of file

=== modified file 'public/normalize.css'
--- public/normalize.css	2014-12-02 05:00:06 +0000
+++ public/normalize.css	2015-02-03 14:14:34 +0000
@@ -1,1 +1,1 @@
-/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
\ No newline at end of file
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
\ No newline at end of file

=== modified file 'public/ulysses.css'
--- public/ulysses.css	2014-12-02 05:00:06 +0000
+++ public/ulysses.css	2015-02-03 14:14:34 +0000
@@ -1,9 +1,9 @@
-/*! normalize.css v3.0.1 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}
 html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
-.ues-button{background-color:#dedede;color:#333;border-radius:3px;display:inline-block;font-weight:300;font-size:13px;line-height:20px;padding:6px 19px;text-align:center;vertical-align:baseline;text-transform:uppercase;border:none}.ues-button:hover{background-color:#e6e6e6}.ues-button:focus{box-shadow:#f7f6f5 0 0 0 1px}.ues-button:focus,.ues-button:active{background-color:#e6e6e6}.ues-button-primary{background-color:#dd4814;color:#fff;border-color:#ad2e03}.ues-button-primary .ues-icon-caret{fill:#fff}.ues-button-primary:hover{background-color:#f28a45}.ues-button-primary:focus,.ues-button-primary:active{background-color:#dd4814;border-color:#333}.ues-button-tertiary{background-color:#fff;background-image:none;padding-top:5px;padding-bottom:5px;border:1px solid #c8c8c8}.ues-button-tertiary:hover{background-color:#e6e6e6;background-image:none;border-color:#cdcdcd}.ues-button-tertiary:focus,.ues-button-tertiary:active{background-color:#e6e6e6;background-image:none;border-color:#dd4814}.ues-button-search{background-color:transparent;background-image:none;border:none;border-left:1px solid #eee}.ues-button-search:hover{background-color:#f0f0f0;border-color:#dedede}.ues-button-search:focus,.ues-button-search:active{border-color:#c8c8c8;background-color:#dedede}.ues-button-small{font-size:11px;padding:1px 10px;font-weight:400}.ues-button-large{font-size:16px;padding:14px 38px}.ues-button-block{margin:.5em 0;display:block;width:100%}.ues-button-icon{padding-left:7px;padding-right:7px}.ues-button-group{position:relative;display:inline-block;vertical-align:middle}.ues-button-group:before,.ues-button-group:after{content:' ';display:table}.ues-button-group:after{clear:both}.ues-button-group .ues-button,.ues-button-group input[type="search"]{float:left;border-left:1px solid rgba(0,0,0,.1)}.ues-button-group>input[type="search"]:first-child:not(:last-child):not(.ues-dropdown-toggle),.ues-button-group>.ues-button:first-child:not(:last-child):not(.ues-dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0;border-left:none}.ues-button-group>.ues-button:first-child:last-of-type{border-left:none}.ues-button-group>input[type="search"]:last-child:not(:first-child),.ues-button-group>.ues-button:last-child:not(:first-child),.ues-button-group>.ues-dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.ues-button-group>.ues-button:not(:first-child):not(:last-child):not(.ues-dropdown-toggle){border-radius:0;border-right:none}
+.ues-button{background:#999;color:#fff;border-radius:3px;display:inline-block;font-weight:100;font-size:13px;line-height:20px;padding:6px 19px;text-align:center;vertical-align:baseline;vertical-align:-webkit-baseline-middle;border:none}.ues-button:hover{background-color:#666}.ues-button:focus{outline:none}.ues-button:focus,.ues-button:active{background-color:#919191}.ues-button-primary{background-color:#dd4814;color:#fff}.ues-button-primary .ues-icon-caret{fill:#fff}.ues-button-primary:hover{background:#c03f11}.ues-button-primary:focus,.ues-button-primary:active{background-color:#dd4814;border-color:#333}.ues-button:disabled{opacity:.2;cursor:not-allowed}.ues-button:disabled:hover{background:#919191}.ues-button-primary:disabled:hover{background:#c03f11}.ues-button-invert{background:#fff;color:#333}.ues-button-invert:hover{background-color:#fff;background-image:linear-gradient(to bottom,rgba(255,255,255,0)0%,rgba(220,220,220,1)100%)}.ues-button-invert:focus,.ues-button-invert:active{background-color:#e6e6e6;background-image:none}.ues-button-search{background-color:transparent;background-image:none;border:none;border-left:1px solid #eee}.ues-button-search:hover{background-color:#f0f0f0;border-color:#dedede}.ues-button-search:focus,.ues-button-search:active{border-color:#c8c8c8;background-color:#dedede}.ues-button-small{font-size:11px;padding:1px 10px;font-weight:400}.ues-button-large{font-size:16px;padding:14px 38px}.ues-button-block{margin:.5em 0;display:block;width:100%}.ues-button-icon{padding-left:7px;padding-right:7px}.ues-button-group{position:relative;display:inline-block;vertical-align:middle}.ues-button-group:before,.ues-button-group:after{content:' ';display:table}.ues-button-group:after{clear:both}.ues-button-group .ues-button,.ues-button-group input[type="search"]{float:left;border-left:1px solid rgba(255,255,255,.5)}.ues-button-group>input[type="search"]:first-child:not(:last-child):not(.ues-dropdown-toggle),.ues-button-group>.ues-button:first-child:not(:last-child):not(.ues-dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0;border-left:none}.ues-button-group>.ues-button:first-child:last-of-type{border-left:none}.ues-button-group>input[type="search"]:last-child:not(:first-child),.ues-button-group>.ues-button:last-child:not(:first-child),.ues-button-group>.ues-dropdown-toggle:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.ues-button-group>.ues-button:not(:first-child):not(:last-child):not(.ues-dropdown-toggle){border-radius:0;border-right:none}
 .ues-dropdown{position:relative}.ues-dropdown-menu{font-size:13px;position:absolute;display:none;top:100%;left:0;z-index:10000000;float:left;min-width:160px;padding:5px 0;list-style:none;background-clip:padding-box;background-color:#fff;color:#333;box-shadow:0 1px 6px 0 rgba(0,0,0,.1);margin:2px 0 0;border:1px solid #ddd;border-radius:4px}.open .ues-dropdown-menu{display:block}.ues-dropdown-menu>li>a{display:block;white-space:nowrap;clear:both;padding:0 15px}.ues-dropdown-menu>li>a:hover{background-color:#dd4814;color:#fff}.ues-dropdown-divider{height:1px;margin:5px 0;overflow:hidden;background-color:#ddd}.ues-dropdown-header{display:block;padding:0 14px;color:#999}
-.ues-message{padding:.5em .6em;border-radius:2px;background-color:#E6E4E2;border-color:#AEA79F;color:#555}.ues-message a:link{color:inherit;color:rgba(0,0,0,.75);text-decoration:underline}.ues-message a:hover{color:#000}.ues-message-inline{display:inline-block}.ues-message-bordered{border-width:1px;border-style:solid;box-shadow:1px 1px 3px 0 rgba(0,0,0,.25)}.ues-message-stack li{border-radius:0;border-top-width:0;border-bottom-color:#000;border-bottom-color:rgba(0,0,0,.25)}.ues-message-stack :first-child{border-radius:2px 2px 0 0;border-top-width:1px}.ues-message-stack :last-child{border-radius:0 0 2px 2px;border-bottom-width:1px}.ues-message-closeable{position:relative;cursor:pointer;-webkit-transition:.3s ease all;transition:.3s ease all;overflow:hidden;max-height:1000px}.ues-message-closeable:after{content:"✖";position:absolute;right:.6em;opacity:0}.ues-message-closeable:hover:after{opacity:1}.ues-message-closed{max-height:0;padding:0;border:none;box-shadow:none;margin:0;opacity:0}.ues-disabled{color:#999;border-color:#ccc}.ues-success{background-color:#AFE1B6;border-color:#38B44A;color:#114918}.ues-warning{background-color:#F8E2B1;border-color:#EFB73E;color:#68563F}.ues-error{background-color:#F5C2BF;border-color:#DF382C;color:#A11E1A}@-webkit-keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}@keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}.ues-error-pulsating{-webkit-animation:ues-error-pulsating .7s ease-in-out infinite alternate;animation:ues-error-pulsating .7s ease-in-out infinite alternate}.ues-information{background-color:#B9E9FA;border-color:#19B6EE;color:#40525C}
-form{margin:15px 0}fieldset{padding:0}fieldset,legend{border:0;margin:0 0 15px}legend{display:block;width:100%;font-size:23px;line-height:inherit}label{display:block;margin:10px 0 5px}input[type="checkbox"],input[type="radio"]{margin-right:5px}.ues-form-help{font-size:14px;padding:0 15px;border-radius:3px;background-color:#eee;color:#555;position:relative;margin:10px 0}span.ues-form-help{display:inline-block;margin:0}.ues-inline{display:inline-block;margin-right:10px}input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="date"],input[type="month"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="week"],input[type="number"],input[type="search"],input[type="tel"],input[type="color"],select,textarea{box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:2px;width:100%;padding:8px;margin:0 0 8px;display:block;border:1px solid #ccc;line-height:14px;font-weight:inherit;-webkit-transition:.3s linear border;transition:.3s linear border}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,select:focus,textarea:focus{outline:0;outline:thin dotted \9;border-color:#129FEA}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:1px auto #129FEA}input[type="text"][disabled],input[type="password"][disabled],input[type="email"][disabled],input[type="url"][disabled],input[type="date"][disabled],input[type="month"][disabled],input[type="time"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="week"][disabled],input[type="number"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="color"][disabled],select[disabled],textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}input[readonly],select[readonly],textarea[readonly]{background:#eee;color:#777;border-color:#ccc}input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border:1px solid #ee5f5b}input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d}input[type="file"]:focus:invalid:focus,input[type="radio"]:focus:invalid:focus,input[type="checkbox"]:focus:invalid:focus{outline-color:#e9322d}select,.ues-form-inline label,.ues-form-inline input{display:inline-block;width:auto}.ues-form-inline label{margin-left:1em;margin-right:1em}.ues-site-search{position:relative}.ues-site-search .ues-site-search-input{box-shadow:none;height:44px;line-height:44px;margin-bottom:0;padding:0 15px;-webkit-transition:.2s ease border;transition:.2s ease border;box-sizing:border-box;border:1px solid #bbb;appearance:none;background-color:#fff}.ues-site-search .ues-site-search-input:focus{border:1px solid #ad2e03}.ues-icon-search+.ues-site-search-input{padding-left:40px;padding-right:0}.ues-site-search>.ues-icon-search{left:15px;position:absolute;top:15px}.ues-site-search .ues-button-search{border-radius:0 2px 2px 0;border-width:0 0 0 1px;bottom:1px;padding:0 20px;position:absolute;right:1px;top:1px}
+.ues-message{padding:.5em .6em;border-radius:2px;background-color:#E6E4E2;border-color:#AEA79F;color:#555}.ues-message a:link{color:inherit;color:rgba(0,0,0,.75);text-decoration:underline}.ues-message a:hover{color:#000}.ues-message-inline{display:inline-block}.ues-message-bordered{border-width:1px;border-style:solid;box-shadow:1px 1px 3px 0 rgba(0,0,0,.25)}.ues-message-stack li{border-radius:0;border-top-width:0;border-bottom-color:#000;border-bottom-color:rgba(0,0,0,.25)}.ues-message-stack :first-child{border-radius:2px 2px 0 0;border-top-width:1px}.ues-message-stack :last-child{border-radius:0 0 2px 2px;border-bottom-width:1px}.ues-message-closeable{position:relative;cursor:pointer;transition:.3s ease all;overflow:hidden;max-height:1000px}.ues-message-closeable:after{content:"✖";position:absolute;right:.6em;opacity:0}.ues-message-closeable:hover:after{opacity:1}.ues-message-closed{max-height:0;padding:0;border:none;box-shadow:none;margin:0;opacity:0}.ues-disabled{color:#999;border-color:#ccc}.ues-success{background-color:#AFE1B6;border-color:#38B44A;color:#114918}.ues-warning{background-color:#F8E2B1;border-color:#EFB73E;color:#68563F}.ues-error{background-color:#F5C2BF;border-color:#DF382C;color:#A11E1A}@-webkit-keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}@keyframes ues-error-pulsating{from{background:#FFE6E5}to{background:#FFA09B}}.ues-error-pulsating{-webkit-animation:ues-error-pulsating .7s ease-in-out infinite alternate;animation:ues-error-pulsating .7s ease-in-out infinite alternate}.ues-information{background-color:#B9E9FA;border-color:#19B6EE;color:#40525C}
+form{margin:15px 0}fieldset{padding:0}fieldset,legend{border:0;margin:0 0 15px}legend{display:block;width:100%;font-size:23px;line-height:inherit}label{display:block;margin:10px 0 5px}input[type="checkbox"],input[type="radio"]{margin-right:5px}.ues-form-help{font-size:13px;line-height:1.5;padding:.5em 1em;border-radius:3px;background-color:#eee;color:#555;position:relative;margin:10px 0}span.ues-form-help{display:inline-block;margin:0}.ues-inline{display:inline-block;margin-right:10px}input[type="text"],input[type="password"],input[type="email"],input[type="url"],input[type="date"],input[type="month"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="week"],input[type="number"],input[type="search"],input[type="tel"],input[type="color"],select,textarea{box-shadow:inset 0 1px 1px rgba(0,0,0,.075);border-radius:2px;width:100%;padding:8px;margin:0 0 8px;display:block;border:1px solid #ccc;line-height:14px;font-weight:inherit;transition:.3s linear border}input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,select:focus,textarea:focus{outline:0;outline:thin dotted \9;border-color:#129FEA}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:1px auto #129FEA}input[type="text"][disabled],input[type="password"][disabled],input[type="email"][disabled],input[type="url"][disabled],input[type="date"][disabled],input[type="month"][disabled],input[type="time"][disabled],input[type="datetime"][disabled],input[type="datetime-local"][disabled],input[type="week"][disabled],input[type="number"][disabled],input[type="search"][disabled],input[type="tel"][disabled],input[type="color"][disabled],select[disabled],textarea[disabled]{cursor:not-allowed;background-color:#eaeded;color:#cad2d3}input[readonly],select[readonly],textarea[readonly]{background:#eee;color:#777;border-color:#ccc}input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border:1px solid #ee5f5b}input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d}input[type="file"]:focus:invalid:focus,input[type="radio"]:focus:invalid:focus,input[type="checkbox"]:focus:invalid:focus{outline-color:#e9322d}select,.ues-form-inline label,.ues-form-inline input{display:inline-block;width:auto}.ues-form-inline label{margin-left:1em;margin-right:1em}.ues-site-search{position:relative}.ues-site-search .ues-site-search-input{box-shadow:none;height:44px;line-height:44px;margin-bottom:0;padding:0 15px;transition:.2s ease border;box-sizing:border-box;border:1px solid #bbb;appearance:none;background-color:#fff}.ues-site-search .ues-site-search-input:focus{border:1px solid #ad2e03}.ues-icon-search+.ues-site-search-input{padding-left:40px;padding-right:0}.ues-site-search>.ues-icon-search{left:15px;position:absolute;top:15px}.ues-site-search .ues-button-search{border-radius:0 2px 2px 0;border-width:0 0 0 1px;bottom:1px;padding:0 20px;position:absolute;right:1px;top:1px}
 /*!
 Pure v0.5.0
 Copyright 2014 Yahoo! Inc. All rights reserved.
@@ -11,9 +11,9 @@
 https://github.com/yui/pure/blob/master/LICENSE.md
 */.ues-g{letter-spacing:-.31em;*letter-spacing:normal;*word-spacing:-.43em;text-rendering:optimizespeed;font-family:FreeSans,Arimo,"Droid Sans",Helvetica,Arial,sans-serif;display:-webkit-flex;-webkit-flex-flow:row wrap;display:-ms-flexbox;-ms-flex-flow:row wrap}.opera-only :-o-prefocus,.ues-g{word-spacing:-.43em}.ues-u{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.ues-g [class*="ues-u"]{font-family:sans-serif}
 .ues-u-1,.ues-u-1-1,.ues-u-1-2,.ues-u-1-3,.ues-u-2-3,.ues-u-1-4,.ues-u-3-4,.ues-u-1-5,.ues-u-2-5,.ues-u-3-5,.ues-u-4-5,.ues-u-5-5,.ues-u-1-6,.ues-u-5-6,.ues-u-1-8,.ues-u-3-8,.ues-u-5-8,.ues-u-7-8,.ues-u-1-12,.ues-u-5-12,.ues-u-7-12,.ues-u-11-12,.ues-u-1-24,.ues-u-2-24,.ues-u-3-24,.ues-u-4-24,.ues-u-5-24,.ues-u-6-24,.ues-u-7-24,.ues-u-8-24,.ues-u-9-24,.ues-u-10-24,.ues-u-11-24,.ues-u-12-24,.ues-u-13-24,.ues-u-14-24,.ues-u-15-24,.ues-u-16-24,.ues-u-17-24,.ues-u-18-24,.ues-u-19-24,.ues-u-20-24,.ues-u-21-24,.ues-u-22-24,.ues-u-23-24,.ues-u-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.ues-u-1-24{width:4.166667%;*width:4.135667%}.ues-u-1-12,.ues-u-2-24{width:8.333333%;*width:8.302333%}.ues-u-1-8,.ues-u-3-24{width:12.5%;*width:12.469%}.ues-u-1-6,.ues-u-4-24{width:16.666667%;*width:16.635667%}.ues-u-1-5{width:20%;*width:19.969%}.ues-u-5-24{width:20.833333%;*width:20.802333%}.ues-u-1-4,.ues-u-6-24{width:25%;*width:24.969%}.ues-u-7-24{width:29.166667%;*width:29.135667%}.ues-u-1-3,.ues-u-8-24{width:33.333333%;*width:33.302333%}.ues-u-3-8,.ues-u-9-24{width:37.5%;*width:37.469%}.ues-u-2-5{width:40%;*width:39.969%}.ues-u-5-12,.ues-u-10-24{width:41.666667%;*width:41.635667%}.ues-u-11-24{width:45.833333%;*width:45.802333%}.ues-u-1-2,.ues-u-12-24{width:50%;*width:49.969%}.ues-u-13-24{width:54.166667%;*width:54.135667%}.ues-u-7-12,.ues-u-14-24{width:58.333333%;*width:58.302333%}.ues-u-3-5{width:60%;*width:59.969%}.ues-u-5-8,.ues-u-15-24{width:62.5%;*width:62.469%}.ues-u-2-3,.ues-u-16-24{width:66.666667%;*width:66.635667%}.ues-u-17-24{width:70.833333%;*width:70.802333%}.ues-u-3-4,.ues-u-18-24{width:75%;*width:74.969%}.ues-u-19-24{width:79.166667%;*width:79.135667%}.ues-u-4-5{width:80%;*width:79.969%}.ues-u-5-6,.ues-u-20-24{width:83.333333%;*width:83.302333%}.ues-u-7-8,.ues-u-21-24{width:87.5%;*width:87.469%}.ues-u-11-12,.ues-u-22-24{width:91.666667%;*width:91.635667%}.ues-u-23-24{width:95.833333%;*width:95.802333%}.ues-u-1,.ues-u-1-1,.ues-u-5-5,.ues-u-24-24{width:100%}@media screen and (min-width:30em){.ues-u-sm-1,.ues-u-sm-1-1,.ues-u-sm-1-2,.ues-u-sm-1-3,.ues-u-sm-2-3,.ues-u-sm-1-4,.ues-u-sm-3-4,.ues-u-sm-1-5,.ues-u-sm-2-5,.ues-u-sm-3-5,.ues-u-sm-4-5,.ues-u-sm-5-5,.ues-u-sm-1-6,.ues-u-sm-5-6,.ues-u-sm-1-8,.ues-u-sm-3-8,.ues-u-sm-5-8,.ues-u-sm-7-8,.ues-u-sm-1-12,.ues-u-sm-5-12,.ues-u-sm-7-12,.ues-u-sm-11-12,.ues-u-sm-1-24,.ues-u-sm-2-24,.ues-u-sm-3-24,.ues-u-sm-4-24,.ues-u-sm-5-24,.ues-u-sm-6-24,.ues-u-sm-7-24,.ues-u-sm-8-24,.ues-u-sm-9-24,.ues-u-sm-10-24,.ues-u-sm-11-24,.ues-u-sm-12-24,.ues-u-sm-13-24,.ues-u-sm-14-24,.ues-u-sm-15-24,.ues-u-sm-16-24,.ues-u-sm-17-24,.ues-u-sm-18-24,.ues-u-sm-19-24,.ues-u-sm-20-24,.ues-u-sm-21-24,.ues-u-sm-22-24,.ues-u-sm-23-24,.ues-u-sm-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.ues-u-sm-1-24{width:4.166667%;*width:4.135667%}.ues-u-sm-1-12,.ues-u-sm-2-24{width:8.333333%;*width:8.302333%}.ues-u-sm-1-8,.ues-u-sm-3-24{width:12.5%;*width:12.469%}.ues-u-sm-1-6,.ues-u-sm-4-24{width:16.666667%;*width:16.635667%}.ues-u-sm-1-5{width:20%;*width:19.969%}.ues-u-sm-5-24{width:20.833333%;*width:20.802333%}.ues-u-sm-1-4,.ues-u-sm-6-24{width:25%;*width:24.969%}.ues-u-sm-7-24{width:29.166667%;*width:29.135667%}.ues-u-sm-1-3,.ues-u-sm-8-24{width:33.333333%;*width:33.302333%}.ues-u-sm-3-8,.ues-u-sm-9-24{width:37.5%;*width:37.469%}.ues-u-sm-2-5{width:40%;*width:39.969%}.ues-u-sm-5-12,.ues-u-sm-10-24{width:41.666667%;*width:41.635667%}.ues-u-sm-11-24{width:45.833333%;*width:45.802333%}.ues-u-sm-1-2,.ues-u-sm-12-24{width:50%;*width:49.969%}.ues-u-sm-13-24{width:54.166667%;*width:54.135667%}.ues-u-sm-7-12,.ues-u-sm-14-24{width:58.333333%;*width:58.302333%}.ues-u-sm-3-5{width:60%;*width:59.969%}.ues-u-sm-5-8,.ues-u-sm-15-24{width:62.5%;*width:62.469%}.ues-u-sm-2-3,.ues-u-sm-16-24{width:66.666667%;*width:66.635667%}.ues-u-sm-17-24{width:70.833333%;*width:70.802333%}.ues-u-sm-3-4,.ues-u-sm-18-24{width:75%;*width:74.969%}.ues-u-sm-19-24{width:79.166667%;*width:79.135667%}.ues-u-sm-4-5{width:80%;*width:79.969%}.ues-u-sm-5-6,.ues-u-sm-20-24{width:83.333333%;*width:83.302333%}.ues-u-sm-7-8,.ues-u-sm-21-24{width:87.5%;*width:87.469%}.ues-u-sm-11-12,.ues-u-sm-22-24{width:91.666667%;*width:91.635667%}.ues-u-sm-23-24{width:95.833333%;*width:95.802333%}.ues-u-sm-1,.ues-u-sm-1-1,.ues-u-sm-5-5,.ues-u-sm-24-24{width:100%}}@media screen and (min-width:48em){.ues-u-med-1,.ues-u-med-1-1,.ues-u-med-1-2,.ues-u-med-1-3,.ues-u-med-2-3,.ues-u-med-1-4,.ues-u-med-3-4,.ues-u-med-1-5,.ues-u-med-2-5,.ues-u-med-3-5,.ues-u-med-4-5,.ues-u-med-5-5,.ues-u-med-1-6,.ues-u-med-5-6,.ues-u-med-1-8,.ues-u-med-3-8,.ues-u-med-5-8,.ues-u-med-7-8,.ues-u-med-1-12,.ues-u-med-5-12,.ues-u-med-7-12,.ues-u-med-11-12,.ues-u-med-1-24,.ues-u-med-2-24,.ues-u-med-3-24,.ues-u-med-4-24,.ues-u-med-5-24,.ues-u-med-6-24,.ues-u-med-7-24,.ues-u-med-8-24,.ues-u-med-9-24,.ues-u-med-10-24,.ues-u-med-11-24,.ues-u-med-12-24,.ues-u-med-13-24,.ues-u-med-14-24,.ues-u-med-15-24,.ues-u-med-16-24,.ues-u-med-17-24,.ues-u-med-18-24,.ues-u-med-19-24,.ues-u-med-20-24,.ues-u-med-21-24,.ues-u-med-22-24,.ues-u-med-23-24,.ues-u-med-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.ues-u-med-1-24{width:4.166667%;*width:4.135667%}.ues-u-med-1-12,.ues-u-med-2-24{width:8.333333%;*width:8.302333%}.ues-u-med-1-8,.ues-u-med-3-24{width:12.5%;*width:12.469%}.ues-u-med-1-6,.ues-u-med-4-24{width:16.666667%;*width:16.635667%}.ues-u-med-1-5{width:20%;*width:19.969%}.ues-u-med-5-24{width:20.833333%;*width:20.802333%}.ues-u-med-1-4,.ues-u-med-6-24{width:25%;*width:24.969%}.ues-u-med-7-24{width:29.166667%;*width:29.135667%}.ues-u-med-1-3,.ues-u-med-8-24{width:33.333333%;*width:33.302333%}.ues-u-med-3-8,.ues-u-med-9-24{width:37.5%;*width:37.469%}.ues-u-med-2-5{width:40%;*width:39.969%}.ues-u-med-5-12,.ues-u-med-10-24{width:41.666667%;*width:41.635667%}.ues-u-med-11-24{width:45.833333%;*width:45.802333%}.ues-u-med-1-2,.ues-u-med-12-24{width:50%;*width:49.969%}.ues-u-med-13-24{width:54.166667%;*width:54.135667%}.ues-u-med-7-12,.ues-u-med-14-24{width:58.333333%;*width:58.302333%}.ues-u-med-3-5{width:60%;*width:59.969%}.ues-u-med-5-8,.ues-u-med-15-24{width:62.5%;*width:62.469%}.ues-u-med-2-3,.ues-u-med-16-24{width:66.666667%;*width:66.635667%}.ues-u-med-17-24{width:70.833333%;*width:70.802333%}.ues-u-med-3-4,.ues-u-med-18-24{width:75%;*width:74.969%}.ues-u-med-19-24{width:79.166667%;*width:79.135667%}.ues-u-med-4-5{width:80%;*width:79.969%}.ues-u-med-5-6,.ues-u-med-20-24{width:83.333333%;*width:83.302333%}.ues-u-med-7-8,.ues-u-med-21-24{width:87.5%;*width:87.469%}.ues-u-med-11-12,.ues-u-med-22-24{width:91.666667%;*width:91.635667%}.ues-u-med-23-24{width:95.833333%;*width:95.802333%}.ues-u-med-1,.ues-u-med-1-1,.ues-u-med-5-5,.ues-u-med-24-24{width:100%}}@media screen and (min-width:64em){.ues-u-lrg-1,.ues-u-lrg-1-1,.ues-u-lrg-1-2,.ues-u-lrg-1-3,.ues-u-lrg-2-3,.ues-u-lrg-1-4,.ues-u-lrg-3-4,.ues-u-lrg-1-5,.ues-u-lrg-2-5,.ues-u-lrg-3-5,.ues-u-lrg-4-5,.ues-u-lrg-5-5,.ues-u-lrg-1-6,.ues-u-lrg-5-6,.ues-u-lrg-1-8,.ues-u-lrg-3-8,.ues-u-lrg-5-8,.ues-u-lrg-7-8,.ues-u-lrg-1-12,.ues-u-lrg-5-12,.ues-u-lrg-7-12,.ues-u-lrg-11-12,.ues-u-lrg-1-24,.ues-u-lrg-2-24,.ues-u-lrg-3-24,.ues-u-lrg-4-24,.ues-u-lrg-5-24,.ues-u-lrg-6-24,.ues-u-lrg-7-24,.ues-u-lrg-8-24,.ues-u-lrg-9-24,.ues-u-lrg-10-24,.ues-u-lrg-11-24,.ues-u-lrg-12-24,.ues-u-lrg-13-24,.ues-u-lrg-14-24,.ues-u-lrg-15-24,.ues-u-lrg-16-24,.ues-u-lrg-17-24,.ues-u-lrg-18-24,.ues-u-lrg-19-24,.ues-u-lrg-20-24,.ues-u-lrg-21-24,.ues-u-lrg-22-24,.ues-u-lrg-23-24,.ues-u-lrg-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.ues-u-lrg-1-24{width:4.166667%;*width:4.135667%}.ues-u-lrg-1-12,.ues-u-lrg-2-24{width:8.333333%;*width:8.302333%}.ues-u-lrg-1-8,.ues-u-lrg-3-24{width:12.5%;*width:12.469%}.ues-u-lrg-1-6,.ues-u-lrg-4-24{width:16.666667%;*width:16.635667%}.ues-u-lrg-1-5{width:20%;*width:19.969%}.ues-u-lrg-5-24{width:20.833333%;*width:20.802333%}.ues-u-lrg-1-4,.ues-u-lrg-6-24{width:25%;*width:24.969%}.ues-u-lrg-7-24{width:29.166667%;*width:29.135667%}.ues-u-lrg-1-3,.ues-u-lrg-8-24{width:33.333333%;*width:33.302333%}.ues-u-lrg-3-8,.ues-u-lrg-9-24{width:37.5%;*width:37.469%}.ues-u-lrg-2-5{width:40%;*width:39.969%}.ues-u-lrg-5-12,.ues-u-lrg-10-24{width:41.666667%;*width:41.635667%}.ues-u-lrg-11-24{width:45.833333%;*width:45.802333%}.ues-u-lrg-1-2,.ues-u-lrg-12-24{width:50%;*width:49.969%}.ues-u-lrg-13-24{width:54.166667%;*width:54.135667%}.ues-u-lrg-7-12,.ues-u-lrg-14-24{width:58.333333%;*width:58.302333%}.ues-u-lrg-3-5{width:60%;*width:59.969%}.ues-u-lrg-5-8,.ues-u-lrg-15-24{width:62.5%;*width:62.469%}.ues-u-lrg-2-3,.ues-u-lrg-16-24{width:66.666667%;*width:66.635667%}.ues-u-lrg-17-24{width:70.833333%;*width:70.802333%}.ues-u-lrg-3-4,.ues-u-lrg-18-24{width:75%;*width:74.969%}.ues-u-lrg-19-24{width:79.166667%;*width:79.135667%}.ues-u-lrg-4-5{width:80%;*width:79.969%}.ues-u-lrg-5-6,.ues-u-lrg-20-24{width:83.333333%;*width:83.302333%}.ues-u-lrg-7-8,.ues-u-lrg-21-24{width:87.5%;*width:87.469%}.ues-u-lrg-11-12,.ues-u-lrg-22-24{width:91.666667%;*width:91.635667%}.ues-u-lrg-23-24{width:95.833333%;*width:95.802333%}.ues-u-lrg-1,.ues-u-lrg-1-1,.ues-u-lrg-5-5,.ues-u-lrg-24-24{width:100%}}@media screen and (min-width:75em){.ues-u-xlrg-1,.ues-u-xlrg-1-1,.ues-u-xlrg-1-2,.ues-u-xlrg-1-3,.ues-u-xlrg-2-3,.ues-u-xlrg-1-4,.ues-u-xlrg-3-4,.ues-u-xlrg-1-5,.ues-u-xlrg-2-5,.ues-u-xlrg-3-5,.ues-u-xlrg-4-5,.ues-u-xlrg-5-5,.ues-u-xlrg-1-6,.ues-u-xlrg-5-6,.ues-u-xlrg-1-8,.ues-u-xlrg-3-8,.ues-u-xlrg-5-8,.ues-u-xlrg-7-8,.ues-u-xlrg-1-12,.ues-u-xlrg-5-12,.ues-u-xlrg-7-12,.ues-u-xlrg-11-12,.ues-u-xlrg-1-24,.ues-u-xlrg-2-24,.ues-u-xlrg-3-24,.ues-u-xlrg-4-24,.ues-u-xlrg-5-24,.ues-u-xlrg-6-24,.ues-u-xlrg-7-24,.ues-u-xlrg-8-24,.ues-u-xlrg-9-24,.ues-u-xlrg-10-24,.ues-u-xlrg-11-24,.ues-u-xlrg-12-24,.ues-u-xlrg-13-24,.ues-u-xlrg-14-24,.ues-u-xlrg-15-24,.ues-u-xlrg-16-24,.ues-u-xlrg-17-24,.ues-u-xlrg-18-24,.ues-u-xlrg-19-24,.ues-u-xlrg-20-24,.ues-u-xlrg-21-24,.ues-u-xlrg-22-24,.ues-u-xlrg-23-24,.ues-u-xlrg-24-24{display:inline-block;*display:inline;zoom:1;letter-spacing:normal;word-spacing:normal;vertical-align:top;text-rendering:auto}.ues-u-xlrg-1-24{width:4.166667%;*width:4.135667%}.ues-u-xlrg-1-12,.ues-u-xlrg-2-24{width:8.333333%;*width:8.302333%}.ues-u-xlrg-1-8,.ues-u-xlrg-3-24{width:12.5%;*width:12.469%}.ues-u-xlrg-1-6,.ues-u-xlrg-4-24{width:16.666667%;*width:16.635667%}.ues-u-xlrg-1-5{width:20%;*width:19.969%}.ues-u-xlrg-5-24{width:20.833333%;*width:20.802333%}.ues-u-xlrg-1-4,.ues-u-xlrg-6-24{width:25%;*width:24.969%}.ues-u-xlrg-7-24{width:29.166667%;*width:29.135667%}.ues-u-xlrg-1-3,.ues-u-xlrg-8-24{width:33.333333%;*width:33.302333%}.ues-u-xlrg-3-8,.ues-u-xlrg-9-24{width:37.5%;*width:37.469%}.ues-u-xlrg-2-5{width:40%;*width:39.969%}.ues-u-xlrg-5-12,.ues-u-xlrg-10-24{width:41.666667%;*width:41.635667%}.ues-u-xlrg-11-24{width:45.833333%;*width:45.802333%}.ues-u-xlrg-1-2,.ues-u-xlrg-12-24{width:50%;*width:49.969%}.ues-u-xlrg-13-24{width:54.166667%;*width:54.135667%}.ues-u-xlrg-7-12,.ues-u-xlrg-14-24{width:58.333333%;*width:58.302333%}.ues-u-xlrg-3-5{width:60%;*width:59.969%}.ues-u-xlrg-5-8,.ues-u-xlrg-15-24{width:62.5%;*width:62.469%}.ues-u-xlrg-2-3,.ues-u-xlrg-16-24{width:66.666667%;*width:66.635667%}.ues-u-xlrg-17-24{width:70.833333%;*width:70.802333%}.ues-u-xlrg-3-4,.ues-u-xlrg-18-24{width:75%;*width:74.969%}.ues-u-xlrg-19-24{width:79.166667%;*width:79.135667%}.ues-u-xlrg-4-5{width:80%;*width:79.969%}.ues-u-xlrg-5-6,.ues-u-xlrg-20-24{width:83.333333%;*width:83.302333%}.ues-u-xlrg-7-8,.ues-u-xlrg-21-24{width:87.5%;*width:87.469%}.ues-u-xlrg-11-12,.ues-u-xlrg-22-24{width:91.666667%;*width:91.635667%}.ues-u-xlrg-23-24{width:95.833333%;*width:95.802333%}.ues-u-xlrg-1,.ues-u-xlrg-1-1,.ues-u-xlrg-5-5,.ues-u-xlrg-24-24{width:100%}}
-.ues-icon-caret{width:8px;height:8px}.ues-icon-ubuntu-logo-black,.ues-icon-ubuntu-logo{height:22px;width:98px}.ues-icon-navbar-menu,.ues-icon-navbar-search{width:36px;height:34px}.ues-icon-search{width:15px;height:15px}.ues-icon-search.small{width:24px;height:24px}.ues-icon-search.smaller{width:16px;height:16px}.ues-icon-spinner{width:36px;height:34px;-webkit-animation:ues-spin .9s linear infinite;animation:ues-spin .9s linear infinite}.ues-icon-spinner.smaller{width:16px;height:16px;-webkit-animation:ues-spin .5s linear infinite;animation:ues-spin .5s linear infinite}@-webkit-keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
+.ues-icon-caret{width:8px;height:8px}.ues-icon-ubuntu-logo,.ues-icon-ubuntu-logo-black{height:22px;width:98px}.ues-icon-navbar-menu,.ues-icon-navbar-search{width:36px;height:34px}.ues-icon-search{width:15px;height:15px}.ues-icon-search.small{width:24px;height:24px}.ues-icon-search.smaller{width:16px;height:16px}.ues-icon-spinner{width:36px;height:34px;-webkit-animation:ues-spin .9s linear infinite;animation:ues-spin .9s linear infinite}.ues-icon-spinner.smaller{width:16px;height:16px;-webkit-animation:ues-spin .5s linear infinite;animation:ues-spin .5s linear infinite}@-webkit-keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes ues-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
 .ues-page{width:984px;margin:0 auto}@media (min-width:1210px){.ues-page{width:1200px;margin:0 auto}}@media (max-width:940px){.ues-page{width:100%}}.pull-left{float:left}.pull-right{float:right}.clear:before,.clear:after{content:" ";display:table}.clear:after{clear:both}.ues-footer>.ues-footer-row{font-size:11px;padding:2em 1em;background-color:#f7f6f5;border-top:1px solid #d8d8d8}.ues-footer>.ues-footer-row+.ues-footer-row{font-size:12px;background-color:#efedec;border-top:1px solid #d8d8d8}@media screen and (max-width:320px){.ues-footer>.ues-footer-row{font-size:14px}}.ues-footer a{color:#333}.ues-footer a:hover{color:#dd4814;text-decoration:underline}.ues-footer-column{margin:0 20px 0 0}.ues-footer .yui3-u-1-6:last-child .ues-footer-column{margin:0}.ues-footer-copyright p{margin:0}.ues-box{padding:20px;margin:0 0 20px;border-radius:12px}.ues-box form{margin:0}.ues-box label:first-child{margin-top:0}.ues-box-solid{background:#f7f6f5}.ues-box-bordered{border:1px solid #ccc}.ues-box-shadowed{box-shadow:0 1px 6px 0 #C2C2C2}.ues-well{border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.05)inset}
-.ues-navbar{position:relative;background-color:#dd4814;font-size:13px;line-height:34px;min-height:54px}.ues-navbar.ues-navbar-invert{background:#fff;font-weight:400}.ues-navbar .ues-container{position:relative}.ues-navbar-secondary-nav{float:right}.ues-navbar-secondary-nav>div,.ues-navbar-secondary-nav>.ues-navbar-menu{float:left}.ues-navbar-brand,.ues-navbar-primary-nav{float:left}.ues-navbar,.ues-navbar>a,.ues-navbar-brand,.ues-navbar-brand>a,.ues-navbar-menu>li,.ues-navbar-menu>li>a{color:#fff}.ues-navbar-invert,.ues-navbar-invert>a,.ues-navbar-invert .ues-navbar-brand,.ues-navbar-invert .ues-navbar-brand>a,.ues-navbar-invert .ues-navbar-menu>li,.ues-navbar-invert .ues-navbar-menu>li>a{color:#000}.ues-navbar-toggle,.ues-navbar-text,.ues-navbar-brand>a,.ues-navbar-menu>li>a,.ues-navbar-menu>li>span{display:block;padding:10px 14px}.ues-navbar-brand{font-size:19px}.ues-navbar-brand>a{padding:13px 14px 7px}.ues-navbar-menu{margin:0;padding:0;list-style:none}.ues-navbar-menu>li{float:left}.ues-navbar-text{margin:0}.ues-navbar .ues-button-group{display:block}.ues-navbar .ues-button-toolbar>.ues-button-group{display:inline-block}.ues-navbar-menu>li,.ues-navbar-menu>li>a{position:relative}.ues-navbar-primary-nav .ues-navbar-menu>li>a:hover{background-color:#f75216}.ues-navbar-primary-nav.ues-navbar-invert .ues-navbar-menu>li>a:hover{background-color:#eee}.ues-navbar-secondary-nav .ues-navbar-menu>li>a:hover{text-decoration:underline}.ues-navbar-secondary-nav.ues-navbar-invert .ues-navbar-menu>li>a:hover{text-decoration:underline}.ues-navbar-header>[class^=ues-icon]{display:none;margin:10px;float:right}
+.ues-navbar{position:relative;background-color:#dd4814;font-size:13px;line-height:34px;min-height:54px}.ues-navbar.ues-navbar-invert{background:#fff;font-weight:400}.ues-navbar .ues-container{position:relative}.ues-navbar-secondary-nav{float:right}.ues-navbar-secondary-nav>div,.ues-navbar-secondary-nav>.ues-navbar-menu{float:left}.ues-navbar-brand,.ues-navbar-primary-nav{float:left}.ues-navbar,.ues-navbar>a,.ues-navbar-brand,.ues-navbar-brand>a,.ues-navbar-menu>li,.ues-navbar-menu>li>a{color:#fff}.ues-navbar-invert,.ues-navbar-invert>a,.ues-navbar-invert .ues-navbar-brand,.ues-navbar-invert .ues-navbar-brand>a,.ues-navbar-invert .ues-navbar-menu>li,.ues-navbar-invert .ues-navbar-menu>li>a{color:#000}.ues-navbar-toggle,.ues-navbar-text,.ues-navbar-brand>a,.ues-navbar-menu>li>a,.ues-navbar-menu>li>span{display:block;padding:10px 14px}.ues-navbar-brand>a{padding:12px 14px 8px;font-size:23px}.ues-navbar-brand>a:hover{text-decoration:none}.ues-navbar-menu{margin:0;padding:0;list-style:none}.ues-navbar-menu>li{float:left}.ues-navbar-text{margin:0}.ues-navbar .ues-button-toolbar>.ues-button-group{display:inline-block}.ues-navbar-menu>li,.ues-navbar-menu>li>a{position:relative}.ues-navbar-primary-nav .ues-navbar-menu>li>a:hover{background-color:#f75216}.ues-navbar-primary-nav.ues-navbar-invert .ues-navbar-menu>li>a:hover{background-color:#eee}.ues-navbar-secondary-nav .ues-navbar-menu>li>a:hover{text-decoration:underline}.ues-navbar-secondary-nav.ues-navbar-invert .ues-navbar-menu>li>a:hover{text-decoration:underline}.ues-navbar-header>[class^=ues-icon]{display:none;margin:10px;float:right}
 .ues-menu{margin:0;padding:0}.ues-menu:before,.ues-menu:after{content:" ";display:table}.ues-menu:after{clear:both}.ues-menu>li{display:block;position:relative;margin:0;padding:0;list-style-type:none;border-bottom:1px solid #ccc}.ues-menu>li>a,.ues-menu>li>span{display:block;position:relative;padding:10px 15px}.ues-menu>li>a:hover,.ues-menu>li>a:focus{background-color:#f7f6f5}.ues-menu-horizontal.ues-menu>li{border-bottom:none}.ues-menu-horizontal>li{float:left}.ues-menu-selected{background-color:#f7f6f5}.ues-menu-selected a:after{content:'\25B8';float:right;color:#333;font-size:120%}.ues-pagination{display:inline-block;font-size:12px;font-weight:400;margin:10px 0;border-radius:8px}.ues-pagination li{padding:0;float:left;list-style:none}.ues-pagination a{padding:10px;position:relative}.ues-pagination .ues-active a{text-decoration:underline}.ues-pagination .ues-disabled a{cursor:not-allowed;color:#999}.ues-pagination-break span{padding:10px 5px;color:#999}.ues-breadcrumb{padding:10px 0;margin:0 0 15px;list-style:none}.ues-breadcrumb>li{display:inline-block}.ues-breadcrumb .active{color:#999}.ues-breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"\203A"}
 .ues-searchbar{background-color:#eee;line-height:44px;min-height:64px;padding:10px}.ues-searchbar-search{position:relative}.ues-searchbar .ues-form-quicksearch{padding-right:53px}.ues-icon-search+.ues-form-quicksearch{padding-left:40px;padding-right:0}.ues-searchbar-search>.ues-icon-search{left:15px;position:absolute;top:15px}.ues-searchbar .ues-button-search{border-radius:0 2px 2px 0;border-width:0 0 0 1px;bottom:1px;padding:0 20px;position:absolute;right:1px;top:1px}.ues-autocomplete .ues-dropdown-menu{width:100%;border:1px solid #ddd;border-top:none;font-size:100%;padding:0}.ues-autocomplete .ues-dropdown-menu li{padding:0 13px}.ues-autocomplete .ues-dropdown-menu,.ues-autocomplete .ues-dropdown-menu li:last-child{border-radius:0 0 2px 2px}.ues-autocomplete .ues-dropdown-menu>li:hover{background-color:#eee}
 .ues-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px dotted #AEA79F}.ues-table caption{font-style:italic;font-size:13px;line-height:1;padding:1em 0;text-align:center}.ues-table td,.ues-table th{background-color:#F0EDEA;border-left:1px dotted #AEA79F;border-width:0 0 0 1px;padding:15px 10px;overflow:visible}.ues-table-small td,.ues-table-small th{padding:5px 10px}.ues-table td:first-child,.ues-table th:first-child{border-left-width:0}.ues-table thead{background-color:#FEE3D2;color:#333;text-align:left;font-weight:400;vertical-align:bottom}.ues-table thead th{border-collapse:separate;border-spacing:0 10px;background-color:transparent}.ues-table tfoot th,.ues-table tbody th{font-weight:300}.ues-table-bordered th,.ues-table-bordered td{border-bottom:1px dotted #AEA79F}.ues-table-bordered tbody>tr:last-child td,.ues-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.ues-table-horizontal td,.ues-table-horizontal th{border-width:0 0 1px 0;border-bottom:1px dotted #cbcbcb}.ues-table-horizontal tbody>tr:last-child td{border-bottom-width:0}.ues-table-striped tr:nth-child(2n-1) td{background-color:#F7F7F7}

=== modified file 'src/buttons.css'
--- src/buttons.css	2014-10-17 23:55:41 +0000
+++ src/buttons.css	2015-02-03 14:14:34 +0000
@@ -1,44 +1,43 @@
 .ues-button {
-    background-color: #dedede;
-    color:#333;
-    border-radius: 3px;
+    background:#999;
+    color:white;
+    border-radius:3px;
     display:inline-block;
-    font-weight:300;
+    font-weight:100;
     font-size:13px;
     line-height:20px;
     padding:6px 19px;
     text-align:center;
     vertical-align:baseline;
-    text-transform:uppercase;
+    vertical-align:-webkit-baseline-middle;
     border:none;
 }
 
 .ues-button:hover {
-    background-color: #e6e6e6;
+    background-color:#666;
 }
 
 .ues-button:focus {
-    box-shadow: #f7f6f5 0 0 0 1px;
+    outline:none;
 }
 
 .ues-button:focus,
 .ues-button:active {
-    background-color: #e6e6e6;
+    background-color:rgb(145,145,145);
 }
 
 
 .ues-button-primary {
-    background-color: #dd4814;
+    background-color:rgb(221,72,20);
     color:#fff;
-    border-color:#ad2e03;
 }
 
 .ues-button-primary .ues-icon-caret {
-  fill:white;
+    fill:white;
 }
 
 .ues-button-primary:hover {
-    background-color: #f28a45;
+    background: rgb(192, 63, 17);
 }
 
 .ues-button-primary:focus,
@@ -47,23 +46,32 @@
     border-color:#333;
 }
 
-.ues-button-tertiary {
+.ues-button:disabled {
+    opacity:0.2;
+    cursor:not-allowed;
+}
+
+.ues-button:disabled:hover {
+    background:rgb(145,145,145);
+}
+
+.ues-button-primary:disabled:hover {
+    background: rgb(192, 63, 17);
+}
+
+.ues-button-invert {
+    background:white;
+    color:#333;
+}
+
+.ues-button-invert:hover {
     background-color:white;
-    background-image: none;
-    padding-top:5px;
-    padding-bottom:5px;
-    border: 1px solid #c8c8c8;
-}
-.ues-button-tertiary:hover {
-    background-color:#e6e6e6;
-    background-image: none;
-    border-color:#cdcdcd;
-}
-.ues-button-tertiary:focus,
-.ues-button-tertiary:active {
+    background-image:linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(220,220,220,1) 100%);
+}
+.ues-button-invert:focus,
+.ues-button-invert:active {
     background-color: #e6e6e6;
     background-image: none;
-    border-color:#dd4814;
 }
 
 .ues-button-search {
@@ -124,7 +132,7 @@
 .ues-button-group .ues-button,
 .ues-button-group input[type="search"] {
     float:left;
-    border-left:1px solid rgba(0,0,0,0.1);
+    border-left:1px solid rgba(255,255,255,0.5);
 }
 
 /** first child of >1 buttons **/

=== modified file 'src/forms.css'
--- src/forms.css	2014-05-21 07:03:24 +0000
+++ src/forms.css	2015-02-03 14:14:34 +0000
@@ -30,8 +30,9 @@
 
 /** use a span or div depending on what you want for block/inline **/
 .ues-form-help {
-    font-size:14px;
-    padding:0em 15px;
+    font-size:13px;
+    line-height:1.5;
+    padding:0.5em 1em;
     border-radius:3px;
     background-color:#eee;
     color:#555;

=== modified file 'src/icons.css'
--- src/icons.css	2014-10-07 14:27:14 +0000
+++ src/icons.css	2015-02-03 14:14:34 +0000
@@ -2,8 +2,8 @@
     width:8px;
     height:8px;
 }
-.ues-icon-ubuntu-logo-black,
-.ues-icon-ubuntu-logo {
+.ues-icon-ubuntu-logo,
+.ues-icon-ubuntu-logo-black {
   height:22px;
   width:98px;
 }

=== removed file 'src/icons/ubuntu-logo-black.svg'
--- src/icons/ubuntu-logo-black.svg	2014-10-02 14:47:52 +0000
+++ src/icons/ubuntu-logo-black.svg	1970-01-01 00:00:00 +0000
@@ -1,60 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg version="1.1" id="ubuntu__x5F__white_x26_orange_x28_cof_x29_"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="283.464px"
-	 height="63.576px" viewBox="70.867 73.054 283.464 63.576" enable-background="new 70.867 73.054 283.464 63.576"
-	 xml:space="preserve">
-<g>
-	<circle cx="337.365" cy="90.017" r="16.966"/>
-	<path fill="#FFFFFF" d="M326.783,87.978c-1.127,0-2.036,0.912-2.036,2.039c0,1.123,0.909,2.037,2.036,2.037
-		c1.128,0,2.039-0.914,2.039-2.037C328.822,88.89,327.911,87.978,326.783,87.978z M341.338,97.244
-		c-0.976,0.559-1.308,1.807-0.747,2.778c0.563,0.978,1.81,1.31,2.784,0.748s1.31-1.809,0.747-2.783
-		C343.559,97.013,342.312,96.679,341.338,97.244z M331.213,90.017c0-2.016,0.998-3.797,2.529-4.873l-1.488-2.498
-		c-1.784,1.191-3.112,3.015-3.664,5.148c0.646,0.524,1.055,1.324,1.055,2.223c0,0.894-0.407,1.691-1.055,2.219
-		c0.552,2.134,1.88,3.955,3.664,5.146l1.488-2.496C332.211,93.81,331.213,92.031,331.213,90.017z M337.165,84.06
-		c3.112,0,5.663,2.385,5.931,5.431l2.905-0.048c-0.144-2.243-1.124-4.26-2.631-5.741c-0.776,0.291-1.672,0.25-2.445-0.199
-		c-0.772-0.447-1.26-1.199-1.394-2.021c-0.754-0.207-1.547-0.321-2.366-0.321c-1.408,0-2.741,0.332-3.922,0.918l1.415,2.537
-		C335.42,84.259,336.271,84.06,337.165,84.06z M337.165,95.968c-0.896,0-1.745-0.197-2.507-0.553l-1.415,2.537
-		c1.181,0.588,2.514,0.916,3.922,0.916c0.819,0,1.612-0.111,2.366-0.32c0.134-0.82,0.62-1.572,1.394-2.021
-		c0.775-0.446,1.669-0.489,2.445-0.194c1.507-1.484,2.487-3.5,2.631-5.746l-2.905-0.041
-		C342.828,93.585,340.277,95.968,337.165,95.968z M341.338,82.789c0.975,0.561,2.221,0.229,2.782-0.748
-		c0.562-0.972,0.229-2.22-0.745-2.781c-0.976-0.562-2.221-0.229-2.784,0.746C340.03,80.98,340.362,82.226,341.338,82.789z"/>
-	<g>
-		<path d="M104.798,134.53c-1.725,0.433-3.999,0.89-6.826,1.374c-2.83,0.483-6.102,0.727-9.817,0.727
-			c-3.23,0-5.952-0.472-8.159-1.413c-2.209-0.941-3.986-2.274-5.332-3.998c-1.348-1.724-2.316-3.757-2.908-6.101
-			c-0.594-2.342-0.889-4.939-0.889-7.795v-23.59h7.513v21.974c0,5.117,0.808,8.778,2.424,10.985
-			c1.616,2.211,4.334,3.314,8.159,3.314c0.809,0,1.642-0.029,2.505-0.083c0.86-0.053,1.67-0.122,2.425-0.202
-			c0.752-0.081,1.439-0.161,2.059-0.242c0.619-0.08,1.064-0.173,1.334-0.282V93.734h7.514v40.796H104.798z"/>
-		<path d="M123.134,95.591c0.915-0.592,2.304-1.211,4.161-1.857c1.857-0.646,3.999-0.969,6.422-0.969
-			c3.016,0,5.696,0.539,8.039,1.615c2.342,1.078,4.322,2.584,5.938,4.522c1.614,1.939,2.839,4.257,3.675,6.947
-			c0.834,2.695,1.253,5.656,1.253,8.888c0,3.393-0.5,6.45-1.494,9.169c-0.999,2.72-2.412,5.021-4.242,6.906
-			c-1.832,1.886-4.039,3.34-6.625,4.362c-2.584,1.023-5.493,1.535-8.725,1.535c-3.502,0-6.598-0.244-9.289-0.729
-			c-2.693-0.484-4.902-0.97-6.625-1.454V74.347l7.513-1.293L123.134,95.591L123.134,95.591z M123.134,129.198
-			c0.755,0.216,1.818,0.42,3.192,0.604c1.373,0.191,3.082,0.284,5.129,0.284c4.039,0,7.271-1.334,9.693-3.999
-			c2.425-2.666,3.637-6.45,3.637-11.35c0-2.152-0.216-4.173-0.646-6.062c-0.432-1.883-1.132-3.514-2.102-4.885
-			c-0.969-1.375-2.222-2.451-3.756-3.232c-1.534-0.781-3.38-1.172-5.533-1.172c-2.049,0-3.932,0.353-5.654,1.051
-			c-1.727,0.701-3.045,1.429-3.96,2.183V129.198L123.134,129.198z"/>
-		<path d="M194.546,134.53c-1.725,0.433-4,0.89-6.826,1.374c-2.827,0.483-6.1,0.727-9.816,0.727c-3.23,0-5.95-0.472-8.158-1.413
-			c-2.209-0.941-3.986-2.274-5.331-3.998c-1.348-1.724-2.315-3.757-2.909-6.101c-0.593-2.342-0.889-4.939-0.889-7.795v-23.59h7.512
-			v21.974c0,5.117,0.809,8.778,2.424,10.985c1.617,2.211,4.336,3.314,8.159,3.314c0.81,0,1.644-0.029,2.505-0.083
-			c0.859-0.053,1.668-0.122,2.424-0.202c0.754-0.081,1.44-0.161,2.061-0.242c0.618-0.08,1.062-0.173,1.331-0.282V93.734h7.514
-			L194.546,134.53L194.546,134.53z"/>
-		<path d="M205.37,94.947c1.723-0.432,4.01-0.889,6.867-1.375c2.852-0.483,6.138-0.727,9.854-0.727c3.34,0,6.113,0.473,8.32,1.414
-			c2.208,0.943,3.972,2.262,5.293,3.959c1.316,1.695,2.246,3.729,2.786,6.098c0.538,2.373,0.808,4.984,0.808,7.837v23.589h-7.513
-			v-21.974c0-2.584-0.177-4.791-0.525-6.624c-0.351-1.833-0.929-3.312-1.737-4.441c-0.808-1.134-1.885-1.953-3.23-2.466
-			c-1.346-0.514-3.018-0.768-5.007-0.768c-0.812,0-1.646,0.027-2.504,0.08c-0.862,0.055-1.687,0.121-2.464,0.203
-			c-0.784,0.08-1.481,0.176-2.103,0.281c-0.62,0.108-1.063,0.188-1.333,0.241v35.465h-7.512V94.947L205.37,94.947z"/>
-		<path d="M256.665,93.734h15.914v6.302h-15.914v19.388c0,2.1,0.161,3.84,0.484,5.212c0.324,1.372,0.81,2.451,1.455,3.229
-			c0.646,0.78,1.451,1.332,2.422,1.655c0.971,0.324,2.101,0.487,3.393,0.487c2.314,0,4.146-0.258,5.494-0.771
-			c1.345-0.511,2.262-0.874,2.748-1.09l1.613,6.142c-0.754,0.378-2.088,0.862-3.998,1.453c-1.912,0.593-4.078,0.889-6.502,0.889
-			c-2.856,0-5.213-0.362-7.07-1.089c-1.855-0.729-3.352-1.817-4.482-3.273c-1.131-1.453-1.925-3.243-2.382-5.372
-			c-0.46-2.126-0.688-4.59-0.688-7.391V82.021l7.514-1.293V93.734L256.665,93.734z"/>
-		<path d="M313.455,134.53c-1.727,0.433-3.999,0.89-6.826,1.374c-2.827,0.483-6.101,0.727-9.813,0.727
-			c-3.232,0-5.953-0.472-8.162-1.413s-3.985-2.274-5.329-3.998c-1.349-1.724-2.316-3.757-2.91-6.101
-			c-0.593-2.342-0.89-4.939-0.89-7.795v-23.59h7.516v21.974c0,5.117,0.809,8.778,2.424,10.985c1.614,2.211,4.334,3.314,8.159,3.314
-			c0.808,0,1.642-0.029,2.504-0.083c0.858-0.053,1.667-0.122,2.422-0.202c0.755-0.081,1.441-0.161,2.062-0.242
-			c0.617-0.08,1.062-0.173,1.334-0.282V93.734h7.513v40.796H313.455z"/>
-	</g>
-</g>
-</svg>

=== modified file 'src/icons/ubuntu-logo.svg'
--- src/icons/ubuntu-logo.svg	2014-10-02 13:46:26 +0000
+++ src/icons/ubuntu-logo.svg	2015-02-03 14:14:34 +0000
@@ -1,13 +1,12 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" id="ubuntu__x5F__white_x26_orange_x28_cof_x29_"
 	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="283.464px"
 	 height="63.576px" viewBox="70.867 73.054 283.464 63.576" enable-background="new 70.867 73.054 283.464 63.576"
 	 xml:space="preserve">
 <g>
-	<circle fill="#FFFFFF" cx="337.365" cy="90.017" r="16.966"/>
-	<path fill="#DD4814" d="M326.783,87.978c-1.127,0-2.036,0.912-2.036,2.039c0,1.123,0.909,2.037,2.036,2.037
+	<circle class="logo-cof-bg" fill="#FFFFFF" cx="337.365" cy="90.017" r="16.966"/>
+	<path class="logo-cof-fg" fill="#DD4814" d="M326.783,87.978c-1.127,0-2.036,0.912-2.036,2.039c0,1.123,0.909,2.037,2.036,2.037
 		c1.128,0,2.039-0.914,2.039-2.037C328.822,88.89,327.911,87.978,326.783,87.978z M341.338,97.244
 		c-0.976,0.559-1.308,1.807-0.747,2.778c0.563,0.978,1.81,1.31,2.784,0.748s1.31-1.809,0.747-2.783
 		C343.559,97.013,342.312,96.679,341.338,97.244z M331.213,90.017c0-2.016,0.998-3.797,2.529-4.873l-1.488-2.498
@@ -20,7 +19,7 @@
 		c0.775-0.446,1.669-0.489,2.445-0.194c1.507-1.484,2.487-3.5,2.631-5.746l-2.905-0.041
 		C342.828,93.585,340.277,95.968,337.165,95.968z M341.338,82.789c0.975,0.561,2.221,0.229,2.782-0.748
 		c0.562-0.972,0.229-2.22-0.745-2.781c-0.976-0.562-2.221-0.229-2.784,0.746C340.03,80.98,340.362,82.226,341.338,82.789z"/>
-	<g>
+	<g class="logo-type">
 		<path fill="#FFFFFF" d="M104.798,134.53c-1.725,0.433-3.999,0.89-6.826,1.374c-2.83,0.483-6.102,0.727-9.817,0.727
 			c-3.23,0-5.952-0.472-8.159-1.413c-2.209-0.941-3.986-2.274-5.332-3.998c-1.348-1.724-2.316-3.757-2.908-6.101
 			c-0.594-2.342-0.889-4.939-0.889-7.795v-23.59h7.513v21.974c0,5.117,0.808,8.778,2.424,10.985

=== modified file 'src/navbar.css'
--- src/navbar.css	2014-10-14 13:23:34 +0000
+++ src/navbar.css	2015-02-03 14:14:34 +0000
@@ -71,12 +71,13 @@
     padding:10px 14px;
 }
 
-/** tweak to balance logo v logotype **/
-.ues-navbar-brand {
-  font-size:19px;
-}
 .ues-navbar-brand > a {
-  padding: 13px 14px 7px;
+  padding: 12px 14px 8px;
+  font-size:23px;
+}
+
+.ues-navbar-brand > a:hover {
+  text-decoration:none;
 }
 
 .ues-navbar-menu {
@@ -93,7 +94,6 @@
 }
 
 .ues-navbar .ues-button-group {
-    display:block;
 }
 
 .ues-navbar .ues-button-toolbar > .ues-button-group {

=== modified file 'src/normalize.css'
--- src/normalize.css	2014-09-23 11:33:25 +0000
+++ src/normalize.css	2015-02-03 14:14:34 +0000
@@ -1,4 +1,4 @@
-/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
 
 /**
  * 1. Set default font family to sans-serif.
@@ -25,7 +25,8 @@
 
 /**
  * Correct `block` display not defined for any HTML5 element in IE 8/9.
- * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
+ * and Firefox.
  * Correct `block` display not defined for `main` in IE 11.
  */
 
@@ -38,6 +39,7 @@
 header,
 hgroup,
 main,
+menu,
 nav,
 section,
 summary {
@@ -85,7 +87,7 @@
  */
 
 a {
-  background: transparent;
+  background-color: transparent;
 }
 
 /**

=== modified file 'tarmac_verify.sh'
--- tarmac_verify.sh	2014-10-06 20:34:42 +0000
+++ tarmac_verify.sh	2015-02-03 14:14:34 +0000
@@ -3,4 +3,10 @@
 
 set -e
 npm --silent i
-gulp --no-color test
+gulp --no-color build 
+
+if ! bzr status -q; then
+  echo "Aborting: unbuilt src in tree, 'gulp build' and recommit"
+  bzr diff
+  exit 1
+fi

=== added directory 'test'
=== removed directory 'test'
=== added file 'test/components.html'
--- test/components.html	1970-01-01 00:00:00 +0000
+++ test/components.html	2015-02-03 14:14:34 +0000
@@ -0,0 +1,713 @@
+<!doctype html>
+<html lang=en>
+<head>
+<meta charset="utf-8">
+<title>Ulysses CSS Test Page</title>
+
+<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
+
+<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,300,700' rel='stylesheet' type='text/css'>
+
+<link rel="stylesheet" href="/css/ulysses.css">
+
+<!--
+
+This page is for testing.
+
+THIS IS NOT A STYLEGUIDE
+
+Do not add inline styles.
+Do not add a style block to the head.
+Use only styles linked from the CSS framework.
+Do not add JavaScript.
+
+Have a nice day :)
+
+-->
+
+</head>
+<body>
+
+<div class="ues-container">
+  <section>
+  <h1>Typography</h1>
+
+  <h2>Headline Styles</h2>
+
+<div data-qa="headlines">
+  <h1 class="ues-hdisplay">Display Headline</h1>
+  <h1 class="ues-hmain">Main Headline</h1>
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+  <h1 class="ues-hmedium">Medium Headline</h1>
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+  <h1 class="ues-hlight">Light Headline</h1>
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+</div>
+
+  <h2>Multiline Headlines</h2>
+  <div style="width:320px" data-qa="multiline-headlines">
+    <h1 class="ues-hdisplay">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h1>
+    <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h1>
+    <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h2>
+    <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h3>
+  </div>
+
+  <h2>Block Content</h2>
+
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+    <p>Reiciendis soluta ab, soluta molestiae nesciunt ipsum est quis debitis voluptas qui at sed quo? Praesentium voluptate voluptatum placeat ea molestiae doloribus deserunt?</p>
+    <p>Exercitationem eum esse quos minus, maiores suscipit cupiditate delectus reprehenderit illo quidem distinctio esse nam aliquam fugit, reiciendis veritatis a expedita nisi deserunt rem repellat quos placeat illum, minima est iusto itaque iure? Odit facere possimus architecto sunt facilis voluptatibus eaque maiores necessitatibus, dolor deserunt est.</p>
+
+
+  <h3>Lead body copy</h3>
+  <p class=ues-lead>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
+  <p>architecto ab dolor explicabo inventore fugit quis doloribus minus nesciunt cumque sint</p>
+
+  <h3>Text Alignment</h3>
+  <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
+  <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
+  <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
+
+  <h3>Lists</h3>
+
+  <h4>Ordered &amp; Unordered</h4>
+  <ul class=ues-list>
+    <li>Apples</li>
+    <li>Oranges</li>
+    <li>Pears</li>
+  </ul>
+
+  <ol class=ues-list>
+    <li>Apples</li>
+    <ul class=ues-list>
+      <li>Cox</li>
+      <li>Gala</li>
+      <li>Bræburn</li>
+    </ul>
+    <li>Oranges</li>
+    <li>Pears</li>
+  </ol>
+
+  <h4>Bordered</h4>
+  <ul class="ues-list ues-list-bordered">
+    <li>excepturi dolore quo et quisquam atque neque at labore molestias quia nemo</li>
+    <li>architecto nam sapiente voluptate molestiae ducimus fugiat iure natus nihil quod officia</li>
+    <li>debitis nemo quos enim illo mollitia quidem numquam incidunt corrupti blanditiis consequuntur</li>
+    <li>impedit ipsa dignissimos quasi quaerat doloribus maxime libero voluptatum itaque molestias ab</li>
+    <li>quidem perspiciatis asperiores exercitationem facilis tenetur sapiente vero nemo consequatur odit nulla</li>
+  </ul>
+
+  <h4>Inline Lists</h4>
+  <ul class="ues-list ues-list-inline">
+    <li>Apple</li>
+    <li>Orange</li>
+    <li>Pear</li>
+  </ul>
+
+  <h4>Definition Lists</h4>
+  <dl class="ues-list">
+    <dt>Apple</dt>
+    <dd>dicta possimus iusto voluptatibus blanditiis totam incidunt excepturi mollitia quia aliquid eius</dd>
+    <dd>enim architecto velit corporis doloremque soluta sapiente eum ad optio dolorem sit</dd>
+    <dt>Orange</dt>
+    <dd>accusantium mollitia facilis nostrum iusto et iure unde dolorum alias corporis ullam</dd>
+    <dt>Pear</dt>
+    <dd>sint ullam exercitationem aliquid saepe ratione labore neque quis molestias dolorem inventore</dd>
+  </dl>
+</section>
+
+
+<section>
+  <h1>Buttons</h1>
+  <div data-qa="buttons">
+    <p>
+    <button class=ues-button data-qa="default-button">Default button</button>
+    <button class="ues-button ues-button-primary" data-qa="primary-button">Primary button</button>
+    <button class="ues-button ues-button-tertiary" data-qa="tertiary-button">Tertiary button</button>
+    </p>
+
+    <p>
+    <button class="ues-button">&#9731; <span>Change Payment Method</span></button>
+    <button class="ues-button ues-button-primary">&#9731; <span>Checkout</span></button>
+    </p>
+
+    <p>
+    <a class="ues-button" href="#">Link</a>
+    <button class=ues-button type=button>Button</button>
+    <input class=ues-button type=button value=Input>
+    <input class=ues-button type=submit value=Submit>
+    </p>
+
+    <p>
+    <button class="ues-button ues-button-large">Large Button</button>
+    <button class=ues-button>Default Button</button>
+    <button class="ues-button ues-button-small">Small Button</button>
+    </p>
+
+    <p><button class="ues-button ues-button-block">Default Block Button</button></p>
+    <p><button class="ues-button ues-button-block ues-button-primary">Primary Block Button</button></p>
+
+    <p>
+    <div class="ues-button-group" data-qa="button-group">
+      <button class="ues-button">Left</button>
+      <button class="ues-button">Middle</button>
+      <button class="ues-button">Right</button>
+    </div>
+    </p>
+
+    <p>
+    <div class="ues-button-toolbar" data-qa="button-toolbar">
+      <div class="ues-button-group">
+        <button class="ues-button">A</button>
+        <button class="ues-button">B</button>
+        <button class="ues-button">C</button>
+      </div>
+      <div class="ues-button-group">
+        <button class="ues-button">D</button>
+        <button class="ues-button">E</button>
+      </div>
+      <div class="ues-button-group">
+        <button class="ues-button">F</button>
+      </div>
+    </div>
+    </p>
+  </div>
+
+  <h1>Dropdowns</h1>
+
+  <!-- Link or button to toggle dropdown -->
+  <div class="ues-dropdown clear">
+    <ul class="ues-dropdown-menu">
+      <li><a tabindex="-1" href="#">Action</a></li>
+      <li><a tabindex="-1" href="#">Another action</a></li>
+      <li><a tabindex="-1" href="#">Something else here</a></li>
+      <li class="ues-dropdown-divider"></li>
+      <li><a tabindex="-1" href="#">Separated link</a></li>
+    </ul>
+  </div>
+  <div class="ues-dropdown clear">
+    <!-- Link or button to toggle dropdown -->
+    <ul class="ues-dropdown-menu">
+      <li class="ues-dropdown-header">Dropdown header</li>
+      <li><a tabindex="-1" href="#">Action</a></li>
+      <li><a tabindex="-1" href="#">Another action</a></li>
+      <li><a tabindex="-1" href="#">Something else here</a></li>
+      <li class="ues-dropdown-divider"></li>
+      <li class="ues-dropdown-header">Dropdown header</li>
+      <li><a tabindex="-1" href="#">Separated link</a></li>
+    </ul>
+  </div>
+  <h2>Button Dropdowns</h2>
+  <div class="ues-button-group">
+    <button type="button" class="ues-button ues-dropdown-toggle">
+      Do Something &#x25BC;
+    </button>
+    <ul class="ues-dropdown-menu">
+      <li><a tabindex="-1" href="#">Action</a></li>
+      <li><a tabindex="-1" href="#">Another action</a></li>
+      <li><a tabindex="-1" href="#">Something else here</a></li>
+      <li class="ues-dropdown-divider"></li>
+      <li><a tabindex="-1" href="#">Separated link</a></li>
+    </ul>
+  </div>
+  <div class="ues-button-group">
+    <button type="button" class="ues-button">
+      Action
+    </button>
+    <button type="button" class="ues-button ues-button-icon ues-dropdown-toggle">
+      &#x25BC;
+    </button>
+    <ul class="ues-dropdown-menu">
+      <li><a tabindex="-1" href="#">Action</a></li>
+      <li><a tabindex="-1" href="#">Another action</a></li>
+      <li><a tabindex="-1" href="#">Something else here</a></li>
+      <li class="ues-dropdown-divider"></li>
+      <li><a tabindex="-1" href="#">Separated link</a></li>
+    </ul>
+  </div>
+</section>
+
+
+<section>
+  <h1>Navigation</h1>
+
+  <h2>Horizontal Menu</h2>
+  <ul class="ues-menu ues-menu-horizontal">
+    <li><a href="">Dashboard</a></li>
+    <li><a href="">Files</a></li>
+    <li><a href="">Photos</a></li>
+    <li><a href="">Music</a></li>
+  </ul>
+
+  <h2>Vertical Menu</h2>
+  <ul class="ues-menu">
+    <li><a href="">Dashboard</a></li>
+    <li class="ues-menu-selected"><a href="">Files</a></li>
+    <li><a href="">Photos</a></li>
+    <li><a href="">Music</a></li>
+  </ul>
+
+  <h2>Navbar</h2>
+  <div class="ues-navbar">
+    <ul class="ues-menu ues-menu-horizontal">
+      <li><a href="">Dashboard</a></li>
+      <li><a href="">Files</a></li>
+      <li><a href="">Photos</a></li>
+      <li><a href="">Music</a></li>
+    </ul>
+  </div>
+
+  <h2>Primary navbar, works on small screens</h2>
+  <div class="ues-navbar ues-navbar-primary-nav">
+    <div class="ues-navbar-toggle">
+        <a href=""><span></span></a>
+    </div>
+    <div class="ues-navbar-brand">
+      <a href="/">[BRAND]</a>
+    </div>
+    <div class="ues-navbar-toggle-user">
+        <a href=""></a>
+    </div>
+    <ul class="ues-menu ues-menu-horizontal">
+      <li><a href="">Dashboard</a></li>
+      <li><a href="">Files</a></li>
+      <li><a href="">Photos</a></li>
+      <li><a href="">Music</a></li>
+    </ul>
+    <ul class="ues-menu ues-menu-horizontal ues-menu-user">
+      <li><span>Signed in as Lobo</span></li>
+      <li><a href="">My account</a></li>
+      <li><a href="">Log out</a></li>
+    </li>
+  </div>
+
+  <h2>Navbar with Title/Graphic and right text</h2>
+  <div class="ues-navbar">
+    <div class="ues-navbar-brand">
+      <a href="/">[BRAND]</a>
+    </div>
+    <ul class="ues-menu ues-menu-horizontal">
+      <li><a href="">Dashboard</a></li>
+      <li><a href="">Files</a></li>
+      <li><a href="">Photos</a></li>
+      <li><a href="">Music</a></li>
+    </ul>
+    <p class="ues-navbar-text">Signed in as Lobo.</p>
+  </div>
+
+  <h2>Default Pagination</h2>
+  <ul class="ues-pagination">
+    <li class="-disabled"><span>&#x2190;</span></li>
+    <li class="-active"><a href="#">1</a></li>
+    <li><a href="#">2</a></li>
+    <li><a href="#">3</a></li>
+    <li><a href="#">4</a></li>
+    <li><a href="#">5</a></li>
+    <li><a href="#">&#x2192;</a></li>
+  </ul>
+  <h2>Pagination with break</h2>
+  <ul class="ues-pagination">
+    <li class="-disabled"><span>&#x2190;</span></li>
+    <li class="-active"><a href="#">1</a></li>
+    <li><a href="#">2</a></li>
+    <li><a href="#">3</a></li>
+    <li class="ues-pagination-break"><span>…</span></li>
+    <li><a href="#">8</a></li>
+    <li><a href="#">9</a></li>
+    <li><a href="#">10</a></li>
+    <li><a href="#">&#x2192;</a></li>
+  </ul>
+</section>
+
+
+<section>
+  <h1>Forms</h1>
+
+  <article>
+    <h2>Default Forms</h2>
+    <p>By default individual form controls receive styling, with minimal classing and
+    without any required base class on the <code class=tag>form</code> or large
+    changes in markup.</p>
+
+    <p>Results in stacked, left-aligned labels on top of form controls.</p>
+
+    <form action>
+      <fieldset>
+        <label>Username:</label>
+        <input type=text>
+
+        <label>Password:</label>
+        <input type=text>
+        <label><input type=checkbox>Keep me signed in</label>
+        <div class=ues-form-help>Form help text</div>
+      </fieldset>
+    </form>
+
+    <fieldset>
+      <legend>Payment Details</legend>
+
+      <label><input checked type=radio name=foo>Credit Card</label>
+      <label><input type=radio name=foo>Paypal</label>
+
+      <label>Name/username:</label>
+      <input type=text placeholder="Type something…">
+
+      <label class=ues-inline><input type=radio name=bar>Foo</label>
+      <label class=ues-inline><input checked type=radio name=bar>Bar</label>
+
+      <label>Card Number:</label>
+      <input type=text>
+
+      <label>CCV:</label>
+      <input type=text>
+      <div class=ues-form-help>Form help text</div>
+
+      <label>Select:</label>
+      <select>
+        <option value>Select One</option>
+        <option value=1>Select One</option>
+        <option value=2>Foo</option>
+        <option value=3>Bar</option>
+        <option value=4>Baz</option>
+      </select>
+      <label>Select:</label>
+      <select class=ues-inline>
+        <option value=2>Foo</option>
+        <option value=3 selected>Bar</option>
+        <option value=4>Baz</option>
+      </select>
+      <span class=ues-form-help>Inline form help text</span>
+
+    </fieldset>
+    <fieldset>
+      <label><input type=checkbox>Agree to ToS</label>
+    </fieldset>
+    <button type=submit class=ues-button>Submit</button>
+  </form>
+</article>
+<article>
+  <h2>Inline Form</h2>
+  <p>Simple inline form</p>
+  <form action class=ues-form-inline>
+    <fieldset>
+      <input type=text placeholder="Type something…">
+      <input type=text placeholder="Type something…">
+      <label><input type=checkbox>Remember me?</label>
+      <button type=submit class=ues-button>Submit</button>
+    </fieldset>
+  </form>
+</article>
+<article>
+  <h2>Required Inputs</h2>
+  <p>To mark a form control as required, add the <code>required</code> attribute. </p>
+  <form action class=ues-form-inline>
+    <input type=text placeholder="Type something…" required="true">
+  </form>
+</article>
+<article>
+  <h2>Disabled Inputs</h2>
+  <p>To mark a form control as disabled, add the <code>disabled</code> attribute. </p>
+  <form action class=ues-form-inline>
+    <input type=text placeholder="Type something…" disabled="true">
+  </form>
+</article>
+<article>
+  <h2>Readonly Inputs</h2>
+  <form action class=ues-form-inline>
+    <input type=text readonly="true" value="http://ubuntuone.com/abcdef1234">
+  </form>
+</article>
+<article>
+  <h2>Checkboxes &amp; Radios</h2>
+  <form action>
+    <fieldset>
+      <legend>Radio inputs default, stacked</legend>
+      <label><input checked type=radio name=foo>Credit Card</label>
+      <label><input type=radio name=foo>Paypal</label>
+    </fieldset>
+    <fieldset>
+      <legend>Radio inputs inline, stacked</legend>
+      <label class=ues-inline><input type=radio name=bar>Foo</label>
+      <label class=ues-inline><input checked type=radio name=bar>Bar</label>
+    </fieldset>
+    <fieldset>
+      <legend>Checkbox default, stacked</legend>
+      <label><input checked type=checkbox name=foo1>Credit Card</label>
+      <label><input type=checkbox name=foo2>Paypal</label>
+    </fieldset>
+    <fieldset>
+      <legend>Checkbox inline, stacked</legend>
+      <label class=ues-inline><input type=checkbox name=bar1>Foo</label>
+      <label class=ues-inline><input checked type=checkbox name=bar2>Bar</label>
+    </fieldset>
+  </form>
+</article>
+</section>
+
+
+<section>
+<h1>Layout, including Pure (ues-) Grids</h1>
+
+<div class="ues-g-r">
+  <div class="ues-u-1-5">
+    <div class="ues-box ues-box-solid">
+      <h3>A Headline</h3>
+      <p>lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore</p>
+    </div>
+  </div>
+  <div class="ues-u-4-5">
+    <div class="ues-box">
+      <h3>A Headline</h3>
+      <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
+    </div>
+  </div>
+</div>
+
+<h1>Feedback</h1>
+
+
+<h2>Static messages, warnings, errors, notices</h2>
+
+<p class="ues-message ues-message-inline">Message</p>
+
+<p class="ues-message ues-message-inline ues-disabled">Disabled</p>
+
+<p class="ues-message ues-message-inline ues-success">Success</p>
+
+<p class="ues-message ues-message-inline ues-warning">Warning</p>
+
+<p class="ues-message ues-message-inline ues-error">Error</p>
+
+<p class="ues-message ues-message-inline ues-error ues-error-pulsating">Pulsating error</p>
+
+<p class="ues-message ues-message-inline ues-information">Information</p>
+
+<p id="msg-closeable" class="ues-message ues-message-closeable">Closable</p>
+
+<p class="ues-message ues-message-bordered ues-information">Block element with border</p>
+
+<p class="ues-message ues-message-bordered ues-warning">Warning with an <a href="#feedback">important link</a></p>
+</section>
+
+<section>
+
+    <h1>Tables</h1>
+
+    <h2>Default table</h2>
+
+    <table class="ues-table">
+
+        <thead>
+            <tr>
+                <th>Fruit</th>
+                <th>Weight</th>
+                <th>Colour</th>
+            </tr>
+        </thead>
+
+        <tbody>
+            <tr>
+                <td>Apple</td>
+                <td>150g</td>
+                <td>Red|Green</td>
+            </tr>
+            <tr>
+                <td>Orange</td>
+                <td>200g</td>
+                <td>Orange</td>
+            </tr>
+        </tbody>
+
+    </table>
+
+    <h2>Small table</h2>
+
+    <table class="ues-table ues-table-small">
+
+        <thead>
+            <tr>
+                <th>Fruit</th>
+                <th>Weight</th>
+                <th>Colour</th>
+            </tr>
+        </thead>
+
+        <tbody>
+            <tr>
+                <td>Apple</td>
+                <td>150g</td>
+                <td>Red|Green</td>
+            </tr>
+            <tr>
+                <td>Orange</td>
+                <td>200g</td>
+                <td>Orange</td>
+            </tr>
+        </tbody>
+
+    </table>
+
+    <h2>Bordered Table</h2>
+
+    <table class="ues-table ues-table-bordered">
+
+        <thead>
+            <tr>
+                <th>Fruit</th>
+                <th>Weight</th>
+                <th>Colour</th>
+            </tr>
+        </thead>
+
+        <tbody>
+            <tr>
+                <td>Apple</td>
+                <td>150g</td>
+                <td>Red|Green</td>
+            </tr>
+            <tr>
+                <td>Orange</td>
+                <td>200g</td>
+                <td>Orange</td>
+            </tr>
+        </tbody>
+
+    </table>
+
+    <h2>Horizontal border</h2>
+
+    <table class="ues-table ues-table-horizontal">
+
+        <thead>
+            <tr>
+                <th>Fruit</th>
+                <th>Weight</th>
+                <th>Colour</th>
+            </tr>
+        </thead>
+
+        <tbody>
+            <tr>
+                <td>Apple</td>
+                <td>150g</td>
+                <td>Red|Green</td>
+            </tr>
+            <tr>
+                <td>Orange</td>
+                <td>200g</td>
+                <td>Orange</td>
+            </tr>
+        </tbody>
+
+    </table>
+
+    <h2>Striped</h2>
+
+    <table class="ues-table ues-table-striped">
+
+        <thead>
+            <tr>
+                <th>Fruit</th>
+                <th>Weight</th>
+                <th>Colour</th>
+            </tr>
+        </thead>
+
+        <tbody>
+            <tr>
+                <td>Apple</td>
+                <td>150g</td>
+                <td>Red|Green</td>
+            </tr>
+            <tr>
+                <td>Orange</td>
+                <td>200g</td>
+                <td>Orange</td>
+            </tr>
+            <tr>
+                <td>Banana</td>
+                <td>110g</td>
+                <td>Yellow</td>
+            </tr>
+            <tr>
+                <td>Strawberry</td>
+                <td>5g</td>
+                <td>Red</td>
+            </tr>
+            <tr>
+                <td>Tomato</td>
+                <td>80g</td>
+                <td>Red</td>
+            </tr>
+            <tr>
+                <td>Pineapple</td>
+                <td>600g</td>
+                <td>Greenyellow</td>
+            </tr>
+            <tr>
+                <td>Basket</td>
+                <td>130g</td>
+                <td>Brown</td>
+            </tr>
+        </tbody>
+
+    </table>
+
+    <h2>Caption, colgroup, cols, tfoot</h2>
+
+    <table class="ues-table">
+
+        <caption>Fruits and their attributes</caption>
+
+        <colgroup>
+            <col span="1" class="object">
+            <col span="2" class="attributes">
+        </colgroup>
+
+        <thead>
+            <tr>
+                <th>Fruit</th>
+                <th>Weight</th>
+                <th>Colour</th>
+            </tr>
+        </thead>
+
+        <tfoot>
+            <tr>
+                <td>Averages</td>
+                <td>175g</td>
+                <td>Bright colours</td>
+            </tr>
+        </tfoot>
+
+        <tbody>
+            <tr>
+                <td>Apple</td>
+                <td>150g</td>
+                <td>Red|Green</td>
+            </tr>
+            <tr>
+                <td>Orange</td>
+                <td>200g</td>
+                <td>Orange</td>
+            </tr>
+        </tbody>
+
+
+    </table>
+
+
+</section>
+<script src="http://yui.yahooapis.com/3.15.0/build/yui/yui-min.js"></script>
+<script src="/js/build/config.js"></script>
+<script>
+  YUI.GlobalConfig.groups.os.combine = false;
+  YUI.GlobalConfig.groups.os.base = 'js/build/';
+</script>
+<script>
+  YUI().use('plugin-jit-bar', 'global-navigation', function(Y) {
+    Y.log('hello world');
+  })
+</script>
+</body>
+</html>

=== removed file 'test/components.html'
--- test/components.html	2014-02-23 13:49:37 +0000
+++ test/components.html	1970-01-01 00:00:00 +0000
@@ -1,713 +0,0 @@
-<!doctype html>
-<html lang=en>
-<head>
-<meta charset="utf-8">
-<title>Ulysses CSS Test Page</title>
-
-<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
-
-<link href='http://fonts.googleapis.com/css?family=Ubuntu:400,300,700' rel='stylesheet' type='text/css'>
-
-<link rel="stylesheet" href="/css/ulysses.css">
-
-<!--
-
-This page is for testing.
-
-THIS IS NOT A STYLEGUIDE
-
-Do not add inline styles.
-Do not add a style block to the head.
-Use only styles linked from the CSS framework.
-Do not add JavaScript.
-
-Have a nice day :)
-
--->
-
-</head>
-<body>
-
-<div class="ues-container">
-  <section>
-  <h1>Typography</h1>
-
-  <h2>Headline Styles</h2>
-
-<div data-qa="headlines">
-  <h1 class="ues-hdisplay">Display Headline</h1>
-  <h1 class="ues-hmain">Main Headline</h1>
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-  <h1 class="ues-hmedium">Medium Headline</h1>
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-  <h1 class="ues-hlight">Light Headline</h1>
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-</div>
-
-  <h2>Multiline Headlines</h2>
-  <div style="width:320px" data-qa="multiline-headlines">
-    <h1 class="ues-hdisplay">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h1>
-    <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h1>
-    <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h2>
-    <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h3>
-  </div>
-
-  <h2>Block Content</h2>
-
-    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-    <p>Reiciendis soluta ab, soluta molestiae nesciunt ipsum est quis debitis voluptas qui at sed quo? Praesentium voluptate voluptatum placeat ea molestiae doloribus deserunt?</p>
-    <p>Exercitationem eum esse quos minus, maiores suscipit cupiditate delectus reprehenderit illo quidem distinctio esse nam aliquam fugit, reiciendis veritatis a expedita nisi deserunt rem repellat quos placeat illum, minima est iusto itaque iure? Odit facere possimus architecto sunt facilis voluptatibus eaque maiores necessitatibus, dolor deserunt est.</p>
-
-
-  <h3>Lead body copy</h3>
-  <p class=ues-lead>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
-  <p>architecto ab dolor explicabo inventore fugit quis doloribus minus nesciunt cumque sint</p>
-
-  <h3>Text Alignment</h3>
-  <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
-  <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
-  <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
-
-  <h3>Lists</h3>
-
-  <h4>Ordered &amp; Unordered</h4>
-  <ul class=ues-list>
-    <li>Apples</li>
-    <li>Oranges</li>
-    <li>Pears</li>
-  </ul>
-
-  <ol class=ues-list>
-    <li>Apples</li>
-    <ul class=ues-list>
-      <li>Cox</li>
-      <li>Gala</li>
-      <li>Bræburn</li>
-    </ul>
-    <li>Oranges</li>
-    <li>Pears</li>
-  </ol>
-
-  <h4>Bordered</h4>
-  <ul class="ues-list ues-list-bordered">
-    <li>excepturi dolore quo et quisquam atque neque at labore molestias quia nemo</li>
-    <li>architecto nam sapiente voluptate molestiae ducimus fugiat iure natus nihil quod officia</li>
-    <li>debitis nemo quos enim illo mollitia quidem numquam incidunt corrupti blanditiis consequuntur</li>
-    <li>impedit ipsa dignissimos quasi quaerat doloribus maxime libero voluptatum itaque molestias ab</li>
-    <li>quidem perspiciatis asperiores exercitationem facilis tenetur sapiente vero nemo consequatur odit nulla</li>
-  </ul>
-
-  <h4>Inline Lists</h4>
-  <ul class="ues-list ues-list-inline">
-    <li>Apple</li>
-    <li>Orange</li>
-    <li>Pear</li>
-  </ul>
-
-  <h4>Definition Lists</h4>
-  <dl class="ues-list">
-    <dt>Apple</dt>
-    <dd>dicta possimus iusto voluptatibus blanditiis totam incidunt excepturi mollitia quia aliquid eius</dd>
-    <dd>enim architecto velit corporis doloremque soluta sapiente eum ad optio dolorem sit</dd>
-    <dt>Orange</dt>
-    <dd>accusantium mollitia facilis nostrum iusto et iure unde dolorum alias corporis ullam</dd>
-    <dt>Pear</dt>
-    <dd>sint ullam exercitationem aliquid saepe ratione labore neque quis molestias dolorem inventore</dd>
-  </dl>
-</section>
-
-
-<section>
-  <h1>Buttons</h1>
-  <div data-qa="buttons">
-    <p>
-    <button class=ues-button data-qa="default-button">Default button</button>
-    <button class="ues-button ues-button-primary" data-qa="primary-button">Primary button</button>
-    <button class="ues-button ues-button-tertiary" data-qa="tertiary-button">Tertiary button</button>
-    </p>
-
-    <p>
-    <button class="ues-button">&#9731; <span>Change Payment Method</span></button>
-    <button class="ues-button ues-button-primary">&#9731; <span>Checkout</span></button>
-    </p>
-
-    <p>
-    <a class="ues-button" href="#">Link</a>
-    <button class=ues-button type=button>Button</button>
-    <input class=ues-button type=button value=Input>
-    <input class=ues-button type=submit value=Submit>
-    </p>
-
-    <p>
-    <button class="ues-button ues-button-large">Large Button</button>
-    <button class=ues-button>Default Button</button>
-    <button class="ues-button ues-button-small">Small Button</button>
-    </p>
-
-    <p><button class="ues-button ues-button-block">Default Block Button</button></p>
-    <p><button class="ues-button ues-button-block ues-button-primary">Primary Block Button</button></p>
-
-    <p>
-    <div class="ues-button-group" data-qa="button-group">
-      <button class="ues-button">Left</button>
-      <button class="ues-button">Middle</button>
-      <button class="ues-button">Right</button>
-    </div>
-    </p>
-
-    <p>
-    <div class="ues-button-toolbar" data-qa="button-toolbar">
-      <div class="ues-button-group">
-        <button class="ues-button">A</button>
-        <button class="ues-button">B</button>
-        <button class="ues-button">C</button>
-      </div>
-      <div class="ues-button-group">
-        <button class="ues-button">D</button>
-        <button class="ues-button">E</button>
-      </div>
-      <div class="ues-button-group">
-        <button class="ues-button">F</button>
-      </div>
-    </div>
-    </p>
-  </div>
-
-  <h1>Dropdowns</h1>
-
-  <!-- Link or button to toggle dropdown -->
-  <div class="ues-dropdown clear">
-    <ul class="ues-dropdown-menu">
-      <li><a tabindex="-1" href="#">Action</a></li>
-      <li><a tabindex="-1" href="#">Another action</a></li>
-      <li><a tabindex="-1" href="#">Something else here</a></li>
-      <li class="ues-dropdown-divider"></li>
-      <li><a tabindex="-1" href="#">Separated link</a></li>
-    </ul>
-  </div>
-  <div class="ues-dropdown clear">
-    <!-- Link or button to toggle dropdown -->
-    <ul class="ues-dropdown-menu">
-      <li class="ues-dropdown-header">Dropdown header</li>
-      <li><a tabindex="-1" href="#">Action</a></li>
-      <li><a tabindex="-1" href="#">Another action</a></li>
-      <li><a tabindex="-1" href="#">Something else here</a></li>
-      <li class="ues-dropdown-divider"></li>
-      <li class="ues-dropdown-header">Dropdown header</li>
-      <li><a tabindex="-1" href="#">Separated link</a></li>
-    </ul>
-  </div>
-  <h2>Button Dropdowns</h2>
-  <div class="ues-button-group">
-    <button type="button" class="ues-button ues-dropdown-toggle">
-      Do Something &#x25BC;
-    </button>
-    <ul class="ues-dropdown-menu">
-      <li><a tabindex="-1" href="#">Action</a></li>
-      <li><a tabindex="-1" href="#">Another action</a></li>
-      <li><a tabindex="-1" href="#">Something else here</a></li>
-      <li class="ues-dropdown-divider"></li>
-      <li><a tabindex="-1" href="#">Separated link</a></li>
-    </ul>
-  </div>
-  <div class="ues-button-group">
-    <button type="button" class="ues-button">
-      Action
-    </button>
-    <button type="button" class="ues-button ues-button-icon ues-dropdown-toggle">
-      &#x25BC;
-    </button>
-    <ul class="ues-dropdown-menu">
-      <li><a tabindex="-1" href="#">Action</a></li>
-      <li><a tabindex="-1" href="#">Another action</a></li>
-      <li><a tabindex="-1" href="#">Something else here</a></li>
-      <li class="ues-dropdown-divider"></li>
-      <li><a tabindex="-1" href="#">Separated link</a></li>
-    </ul>
-  </div>
-</section>
-
-
-<section>
-  <h1>Navigation</h1>
-
-  <h2>Horizontal Menu</h2>
-  <ul class="ues-menu ues-menu-horizontal">
-    <li><a href="">Dashboard</a></li>
-    <li><a href="">Files</a></li>
-    <li><a href="">Photos</a></li>
-    <li><a href="">Music</a></li>
-  </ul>
-
-  <h2>Vertical Menu</h2>
-  <ul class="ues-menu">
-    <li><a href="">Dashboard</a></li>
-    <li class="ues-menu-selected"><a href="">Files</a></li>
-    <li><a href="">Photos</a></li>
-    <li><a href="">Music</a></li>
-  </ul>
-
-  <h2>Navbar</h2>
-  <div class="ues-navbar">
-    <ul class="ues-menu ues-menu-horizontal">
-      <li><a href="">Dashboard</a></li>
-      <li><a href="">Files</a></li>
-      <li><a href="">Photos</a></li>
-      <li><a href="">Music</a></li>
-    </ul>
-  </div>
-
-  <h2>Primary navbar, works on small screens</h2>
-  <div class="ues-navbar ues-navbar-primary-nav">
-    <div class="ues-navbar-toggle">
-        <a href=""><span></span></a>
-    </div>
-    <div class="ues-navbar-brand">
-      <a href="/">[BRAND]</a>
-    </div>
-    <div class="ues-navbar-toggle-user">
-        <a href=""></a>
-    </div>
-    <ul class="ues-menu ues-menu-horizontal">
-      <li><a href="">Dashboard</a></li>
-      <li><a href="">Files</a></li>
-      <li><a href="">Photos</a></li>
-      <li><a href="">Music</a></li>
-    </ul>
-    <ul class="ues-menu ues-menu-horizontal ues-menu-user">
-      <li><span>Signed in as Lobo</span></li>
-      <li><a href="">My account</a></li>
-      <li><a href="">Log out</a></li>
-    </li>
-  </div>
-
-  <h2>Navbar with Title/Graphic and right text</h2>
-  <div class="ues-navbar">
-    <div class="ues-navbar-brand">
-      <a href="/">[BRAND]</a>
-    </div>
-    <ul class="ues-menu ues-menu-horizontal">
-      <li><a href="">Dashboard</a></li>
-      <li><a href="">Files</a></li>
-      <li><a href="">Photos</a></li>
-      <li><a href="">Music</a></li>
-    </ul>
-    <p class="ues-navbar-text">Signed in as Lobo.</p>
-  </div>
-
-  <h2>Default Pagination</h2>
-  <ul class="ues-pagination">
-    <li class="-disabled"><span>&#x2190;</span></li>
-    <li class="-active"><a href="#">1</a></li>
-    <li><a href="#">2</a></li>
-    <li><a href="#">3</a></li>
-    <li><a href="#">4</a></li>
-    <li><a href="#">5</a></li>
-    <li><a href="#">&#x2192;</a></li>
-  </ul>
-  <h2>Pagination with break</h2>
-  <ul class="ues-pagination">
-    <li class="-disabled"><span>&#x2190;</span></li>
-    <li class="-active"><a href="#">1</a></li>
-    <li><a href="#">2</a></li>
-    <li><a href="#">3</a></li>
-    <li class="ues-pagination-break"><span>…</span></li>
-    <li><a href="#">8</a></li>
-    <li><a href="#">9</a></li>
-    <li><a href="#">10</a></li>
-    <li><a href="#">&#x2192;</a></li>
-  </ul>
-</section>
-
-
-<section>
-  <h1>Forms</h1>
-
-  <article>
-    <h2>Default Forms</h2>
-    <p>By default individual form controls receive styling, with minimal classing and
-    without any required base class on the <code class=tag>form</code> or large
-    changes in markup.</p>
-
-    <p>Results in stacked, left-aligned labels on top of form controls.</p>
-
-    <form action>
-      <fieldset>
-        <label>Username:</label>
-        <input type=text>
-
-        <label>Password:</label>
-        <input type=text>
-        <label><input type=checkbox>Keep me signed in</label>
-        <div class=ues-form-help>Form help text</div>
-      </fieldset>
-    </form>
-
-    <fieldset>
-      <legend>Payment Details</legend>
-
-      <label><input checked type=radio name=foo>Credit Card</label>
-      <label><input type=radio name=foo>Paypal</label>
-
-      <label>Name/username:</label>
-      <input type=text placeholder="Type something…">
-
-      <label class=ues-inline><input type=radio name=bar>Foo</label>
-      <label class=ues-inline><input checked type=radio name=bar>Bar</label>
-
-      <label>Card Number:</label>
-      <input type=text>
-
-      <label>CCV:</label>
-      <input type=text>
-      <div class=ues-form-help>Form help text</div>
-
-      <label>Select:</label>
-      <select>
-        <option value>Select One</option>
-        <option value=1>Select One</option>
-        <option value=2>Foo</option>
-        <option value=3>Bar</option>
-        <option value=4>Baz</option>
-      </select>
-      <label>Select:</label>
-      <select class=ues-inline>
-        <option value=2>Foo</option>
-        <option value=3 selected>Bar</option>
-        <option value=4>Baz</option>
-      </select>
-      <span class=ues-form-help>Inline form help text</span>
-
-    </fieldset>
-    <fieldset>
-      <label><input type=checkbox>Agree to ToS</label>
-    </fieldset>
-    <button type=submit class=ues-button>Submit</button>
-  </form>
-</article>
-<article>
-  <h2>Inline Form</h2>
-  <p>Simple inline form</p>
-  <form action class=ues-form-inline>
-    <fieldset>
-      <input type=text placeholder="Type something…">
-      <input type=text placeholder="Type something…">
-      <label><input type=checkbox>Remember me?</label>
-      <button type=submit class=ues-button>Submit</button>
-    </fieldset>
-  </form>
-</article>
-<article>
-  <h2>Required Inputs</h2>
-  <p>To mark a form control as required, add the <code>required</code> attribute. </p>
-  <form action class=ues-form-inline>
-    <input type=text placeholder="Type something…" required="true">
-  </form>
-</article>
-<article>
-  <h2>Disabled Inputs</h2>
-  <p>To mark a form control as disabled, add the <code>disabled</code> attribute. </p>
-  <form action class=ues-form-inline>
-    <input type=text placeholder="Type something…" disabled="true">
-  </form>
-</article>
-<article>
-  <h2>Readonly Inputs</h2>
-  <form action class=ues-form-inline>
-    <input type=text readonly="true" value="http://ubuntuone.com/abcdef1234">
-  </form>
-</article>
-<article>
-  <h2>Checkboxes &amp; Radios</h2>
-  <form action>
-    <fieldset>
-      <legend>Radio inputs default, stacked</legend>
-      <label><input checked type=radio name=foo>Credit Card</label>
-      <label><input type=radio name=foo>Paypal</label>
-    </fieldset>
-    <fieldset>
-      <legend>Radio inputs inline, stacked</legend>
-      <label class=ues-inline><input type=radio name=bar>Foo</label>
-      <label class=ues-inline><input checked type=radio name=bar>Bar</label>
-    </fieldset>
-    <fieldset>
-      <legend>Checkbox default, stacked</legend>
-      <label><input checked type=checkbox name=foo1>Credit Card</label>
-      <label><input type=checkbox name=foo2>Paypal</label>
-    </fieldset>
-    <fieldset>
-      <legend>Checkbox inline, stacked</legend>
-      <label class=ues-inline><input type=checkbox name=bar1>Foo</label>
-      <label class=ues-inline><input checked type=checkbox name=bar2>Bar</label>
-    </fieldset>
-  </form>
-</article>
-</section>
-
-
-<section>
-<h1>Layout, including Pure (ues-) Grids</h1>
-
-<div class="ues-g-r">
-  <div class="ues-u-1-5">
-    <div class="ues-box ues-box-solid">
-      <h3>A Headline</h3>
-      <p>lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore</p>
-    </div>
-  </div>
-  <div class="ues-u-4-5">
-    <div class="ues-box">
-      <h3>A Headline</h3>
-      <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
-    </div>
-  </div>
-</div>
-
-<h1>Feedback</h1>
-
-
-<h2>Static messages, warnings, errors, notices</h2>
-
-<p class="ues-message ues-message-inline">Message</p>
-
-<p class="ues-message ues-message-inline ues-disabled">Disabled</p>
-
-<p class="ues-message ues-message-inline ues-success">Success</p>
-
-<p class="ues-message ues-message-inline ues-warning">Warning</p>
-
-<p class="ues-message ues-message-inline ues-error">Error</p>
-
-<p class="ues-message ues-message-inline ues-error ues-error-pulsating">Pulsating error</p>
-
-<p class="ues-message ues-message-inline ues-information">Information</p>
-
-<p id="msg-closeable" class="ues-message ues-message-closeable">Closable</p>
-
-<p class="ues-message ues-message-bordered ues-information">Block element with border</p>
-
-<p class="ues-message ues-message-bordered ues-warning">Warning with an <a href="#feedback">important link</a></p>
-</section>
-
-<section>
-
-    <h1>Tables</h1>
-
-    <h2>Default table</h2>
-
-    <table class="ues-table">
-
-        <thead>
-            <tr>
-                <th>Fruit</th>
-                <th>Weight</th>
-                <th>Colour</th>
-            </tr>
-        </thead>
-
-        <tbody>
-            <tr>
-                <td>Apple</td>
-                <td>150g</td>
-                <td>Red|Green</td>
-            </tr>
-            <tr>
-                <td>Orange</td>
-                <td>200g</td>
-                <td>Orange</td>
-            </tr>
-        </tbody>
-
-    </table>
-
-    <h2>Small table</h2>
-
-    <table class="ues-table ues-table-small">
-
-        <thead>
-            <tr>
-                <th>Fruit</th>
-                <th>Weight</th>
-                <th>Colour</th>
-            </tr>
-        </thead>
-
-        <tbody>
-            <tr>
-                <td>Apple</td>
-                <td>150g</td>
-                <td>Red|Green</td>
-            </tr>
-            <tr>
-                <td>Orange</td>
-                <td>200g</td>
-                <td>Orange</td>
-            </tr>
-        </tbody>
-
-    </table>
-
-    <h2>Bordered Table</h2>
-
-    <table class="ues-table ues-table-bordered">
-
-        <thead>
-            <tr>
-                <th>Fruit</th>
-                <th>Weight</th>
-                <th>Colour</th>
-            </tr>
-        </thead>
-
-        <tbody>
-            <tr>
-                <td>Apple</td>
-                <td>150g</td>
-                <td>Red|Green</td>
-            </tr>
-            <tr>
-                <td>Orange</td>
-                <td>200g</td>
-                <td>Orange</td>
-            </tr>
-        </tbody>
-
-    </table>
-
-    <h2>Horizontal border</h2>
-
-    <table class="ues-table ues-table-horizontal">
-
-        <thead>
-            <tr>
-                <th>Fruit</th>
-                <th>Weight</th>
-                <th>Colour</th>
-            </tr>
-        </thead>
-
-        <tbody>
-            <tr>
-                <td>Apple</td>
-                <td>150g</td>
-                <td>Red|Green</td>
-            </tr>
-            <tr>
-                <td>Orange</td>
-                <td>200g</td>
-                <td>Orange</td>
-            </tr>
-        </tbody>
-
-    </table>
-
-    <h2>Striped</h2>
-
-    <table class="ues-table ues-table-striped">
-
-        <thead>
-            <tr>
-                <th>Fruit</th>
-                <th>Weight</th>
-                <th>Colour</th>
-            </tr>
-        </thead>
-
-        <tbody>
-            <tr>
-                <td>Apple</td>
-                <td>150g</td>
-                <td>Red|Green</td>
-            </tr>
-            <tr>
-                <td>Orange</td>
-                <td>200g</td>
-                <td>Orange</td>
-            </tr>
-            <tr>
-                <td>Banana</td>
-                <td>110g</td>
-                <td>Yellow</td>
-            </tr>
-            <tr>
-                <td>Strawberry</td>
-                <td>5g</td>
-                <td>Red</td>
-            </tr>
-            <tr>
-                <td>Tomato</td>
-                <td>80g</td>
-                <td>Red</td>
-            </tr>
-            <tr>
-                <td>Pineapple</td>
-                <td>600g</td>
-                <td>Greenyellow</td>
-            </tr>
-            <tr>
-                <td>Basket</td>
-                <td>130g</td>
-                <td>Brown</td>
-            </tr>
-        </tbody>
-
-    </table>
-
-    <h2>Caption, colgroup, cols, tfoot</h2>
-
-    <table class="ues-table">
-
-        <caption>Fruits and their attributes</caption>
-
-        <colgroup>
-            <col span="1" class="object">
-            <col span="2" class="attributes">
-        </colgroup>
-
-        <thead>
-            <tr>
-                <th>Fruit</th>
-                <th>Weight</th>
-                <th>Colour</th>
-            </tr>
-        </thead>
-
-        <tfoot>
-            <tr>
-                <td>Averages</td>
-                <td>175g</td>
-                <td>Bright colours</td>
-            </tr>
-        </tfoot>
-
-        <tbody>
-            <tr>
-                <td>Apple</td>
-                <td>150g</td>
-                <td>Red|Green</td>
-            </tr>
-            <tr>
-                <td>Orange</td>
-                <td>200g</td>
-                <td>Orange</td>
-            </tr>
-        </tbody>
-
-
-    </table>
-
-
-</section>
-<script src="http://yui.yahooapis.com/3.15.0/build/yui/yui-min.js"></script>
-<script src="/js/build/config.js"></script>
-<script>
-  YUI.GlobalConfig.groups.os.combine = false;
-  YUI.GlobalConfig.groups.os.base = 'js/build/';
-</script>
-<script>
-  YUI().use('plugin-jit-bar', 'global-navigation', function(Y) {
-    Y.log('hello world');
-  })
-</script>
-</body>
-</html>

=== added symlink 'test/css'
=== target is u'../public'
=== removed symlink 'test/css'
=== target was u'../public'
=== added file 'test/index.html'
--- test/index.html	1970-01-01 00:00:00 +0000
+++ test/index.html	2015-02-03 14:14:34 +0000
@@ -0,0 +1,876 @@
+<!doctype html>
+<head>
+<meta charset="utf-8">
+<title>Ulysses CSS Test Page</title>
+
+<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
+<link rel="stylesheet" href="../public/ulysses.css">
+<link rel="stylesheet" media="(max-width: 480px)" href="../public/navbar-small.css">
+<link rel="stylesheet" media="(max-width: 480px)" href="../public/searchbar-small.css">
+
+<!--
+
+This page is for testing.
+
+Do not add inline styles.
+Do not add a style block to the head.
+Use only styles linked from the CSS framework.
+Have a care with your JavaScript.
+Have a nice day :)
+
+-->
+
+</head>
+<body>
+<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
+    <symbol id="caret" viewBox="0 0 10 7">
+      <title>caret icon</title>
+      <path d="M10 0L5 7 0 0z"/>
+    </symbol>
+
+    <symbol id="navbar-menu" viewBox="0 0 36 34">
+      <title>navbar-menu icon</title>
+      <g fill="#DD4814"><path d="M10 16h16v2H10zM10 21h16v2H10zM10 11h16v2H10z"/></g><path fill="#DD4814" d="M24 1c9.87 0 11 1.115 11 10.85v10.3C35 31.885 33.87 33 24 33H12C2.13 33 1 31.885 1 22.15v-10.3C1 2.115 2.13 1 12 1h12m0-1H12C1.63 0 0 1.48 0 11.85v10.3C0 32.52 1.63 34 12 34h12c10.37 0 12-1.48 12-11.85v-10.3C36 1.48 34.37 0 24 0z"/>
+    </symbol>
+
+    <symbol id="navbar-search" viewBox="130.82 123.552 36 34">
+      <title>navbar-search icon</title>
+      <path fill="#DD4814" d="M154.82 124.552c9.87 0 11 1.115 11 10.85v10.3c0 9.734-1.13 10.85-11 10.85h-12c-9.87 0-11-1.115-11-10.85v-10.3c0-9.735 1.13-10.85 11-10.85h12m0-1h-12c-10.37 0-12 1.48-12 11.85v10.3c0 10.37 1.63 11.85 12 11.85h12c10.37 0 12-1.48 12-11.85v-10.3c0-10.37-1.63-11.85-12-11.85zM156.143 146.167l-1.803-1.804c-.226-.23-.548-.367-.87-.365-.1 0-.194.02-.288.047l-.743-.743c.897-1.096 1.437-2.497 1.437-4.023 0-3.502-2.843-6.35-6.338-6.35s-6.338 2.848-6.338 6.35c0 3.5 2.843 6.35 6.337 6.35 1.53 0 2.934-.547 4.03-1.454l.745.746c-.096.406.015.86.315 1.152l1.802 1.804c.825.877 1.003.76 1.735.026s.853-.86-.024-1.737zm-8.603-1.538c-2.943 0-5.337-2.4-5.337-5.35s2.394-5.35 5.337-5.35c2.943 0 5.338 2.4 5.338 5.35s-2.395 5.35-5.338 5.35z"/>
+    </symbol>
+
+    <symbol id="search" viewBox="0 0 34 34">
+      <title>search icon</title>
+      <path fill="#DD4814" d="M32.19 28.564L28.37 24.74c-.48-.492-1.162-.778-1.85-.773-.205 0-.408.045-.607.1l-1.576-1.576c1.906-2.322 3.052-5.293 3.052-8.53C27.386 6.54 21.356.5 13.943.5 6.53.5.5 6.54.5 13.96c0 7.424 6.03 13.464 13.442 13.464 3.244 0 6.225-1.158 8.548-3.082l1.583 1.582c-.202.86.03 1.82.67 2.443l3.822 3.823c1.75 1.86 2.127 1.61 3.68.057 1.554-1.553 1.807-1.822-.054-3.683zm-18.248-3.26c-6.244 0-11.32-5.09-11.32-11.345 0-6.253 5.076-11.34 11.32-11.34 6.243 0 11.322 5.087 11.322 11.34 0 6.254-5.08 11.343-11.322 11.343z"/>
+    </symbol>
+
+    <symbol id="spinner" viewBox="0 0 50 50">
+      <title>spinner icon</title>
+      <path fill="#DD4814" d="M25 6V4C13.42 4 4 13.42 4 25h2C6 14.523 14.523 6 25 6z"/>
+    </symbol>
+
+    <symbol id="ubuntu-logo-black" viewBox="70.867 73.054 283.464 63.576">
+      <title>ubuntu-logo-black icon</title>
+      <circle cx="337.365" cy="90.017" r="16.966"/><path fill="#fff" d="M326.783 87.978c-1.127 0-2.036.912-2.036 2.04 0 1.122.91 2.036 2.036 2.036 1.128 0 2.04-.914 2.04-2.037 0-1.127-.912-2.04-2.04-2.04zm14.555 9.266c-.976.56-1.308 1.807-.747 2.778.564.978 1.81 1.31 2.785.748s1.31-1.81.747-2.783c-.563-.974-1.81-1.308-2.784-.743zm-10.125-7.227c0-2.016.998-3.797 2.53-4.873l-1.49-2.498c-1.783 1.19-3.11 3.015-3.663 5.148.646.524 1.055 1.324 1.055 2.223 0 .894-.407 1.69-1.055 2.22.552 2.133 1.88 3.954 3.664 5.145l1.488-2.496c-1.53-1.076-2.53-2.855-2.53-4.87zm5.952-5.957c3.112 0 5.663 2.385 5.93 5.43l2.906-.047c-.143-2.243-1.123-4.26-2.63-5.74-.776.29-1.672.25-2.445-.2-.772-.447-1.26-1.2-1.394-2.02-.753-.208-1.546-.322-2.365-.322-1.408 0-2.74.333-3.922.92l1.415 2.536c.762-.357 1.613-.556 2.507-.556zm0 11.908c-.896 0-1.745-.197-2.507-.553l-1.415 2.537c1.18.588 2.514.916 3.922.916.82 0 1.612-.11 2.366-.32.135-.82.62-1.572 1.395-2.02.775-.447 1.67-.49 2.445-.195 1.507-1.484 2.487-3.5 2.63-5.746l-2.904-.04c-.268 3.038-2.82 5.42-5.93 5.42zm4.173-13.18c.975.562 2.22.23 2.782-.747.562-.97.23-2.22-.745-2.78-.976-.562-2.22-.23-2.784.746-.56.974-.228 2.22.748 2.783z"/><path d="M104.798 134.53c-1.725.433-4 .89-6.826 1.374-2.83.483-6.102.727-9.817.727-3.23 0-5.952-.47-8.16-1.412-2.208-.94-3.985-2.274-5.33-3.998-1.35-1.724-2.317-3.757-2.91-6.1-.593-2.343-.888-4.94-.888-7.796v-23.59h7.513v21.974c0 5.117.808 8.778 2.424 10.985 1.616 2.21 4.334 3.314 8.16 3.314.808 0 1.64-.03 2.504-.083.86-.053 1.67-.122 2.425-.202.752-.08 1.44-.16 2.06-.242.618-.08 1.063-.173 1.333-.282V93.734h7.514v40.796h-.002zM123.134 95.59c.915-.59 2.304-1.21 4.16-1.856 1.858-.646 4-.97 6.423-.97 3.016 0 5.696.54 8.04 1.616 2.34 1.078 4.32 2.584 5.937 4.522 1.614 1.94 2.84 4.257 3.675 6.947.833 2.694 1.252 5.655 1.252 8.887 0 3.393-.5 6.45-1.494 9.17-1 2.72-2.412 5.02-4.242 6.905-1.832 1.886-4.04 3.34-6.625 4.362-2.583 1.023-5.492 1.535-8.724 1.535-3.502 0-6.598-.245-9.29-.73-2.692-.484-4.9-.97-6.624-1.454v-60.18l7.513-1.292V95.59zm0 33.608c.755.216 1.818.42 3.192.604 1.373.19 3.082.284 5.13.284 4.038 0 7.27-1.334 9.692-4 2.425-2.665 3.637-6.45 3.637-11.35 0-2.15-.216-4.172-.646-6.06-.433-1.884-1.133-3.515-2.103-4.886-.97-1.375-2.222-2.45-3.756-3.232-1.533-.78-3.38-1.172-5.532-1.172-2.05 0-3.932.353-5.654 1.05-1.727.702-3.045 1.43-3.96 2.184v26.578zM194.546 134.53c-1.725.433-4 .89-6.826 1.374-2.827.483-6.1.727-9.816.727-3.23 0-5.95-.47-8.158-1.412-2.21-.94-3.986-2.274-5.33-3.998-1.35-1.724-2.316-3.757-2.91-6.1-.593-2.343-.89-4.94-.89-7.796v-23.59h7.513v21.974c0 5.117.808 8.778 2.423 10.985 1.617 2.21 4.336 3.314 8.16 3.314.81 0 1.643-.03 2.504-.083.86-.053 1.668-.122 2.424-.202.755-.08 1.44-.16 2.062-.242.618-.08 1.062-.173 1.33-.282V93.734h7.515v40.796zM205.37 94.947c1.723-.432 4.01-.89 6.867-1.375 2.852-.483 6.138-.727 9.854-.727 3.34 0 6.114.473 8.32 1.414 2.21.942 3.973 2.26 5.294 3.958 1.316 1.695 2.246 3.73 2.786 6.098.538 2.373.808 4.984.808 7.837v23.59h-7.513v-21.975c0-2.584-.177-4.79-.525-6.624-.35-1.833-.93-3.312-1.737-4.44-.808-1.135-1.885-1.954-3.23-2.467-1.346-.514-3.018-.768-5.007-.768-.812 0-1.646.026-2.504.08-.862.054-1.687.12-2.464.202-.784.08-1.48.176-2.103.28-.62.11-1.063.19-1.333.242v35.465h-7.512V94.946zM256.665 93.734h15.914v6.302h-15.915v19.388c0 2.1.16 3.84.484 5.212.323 1.372.81 2.45 1.454 3.23.646.78 1.45 1.33 2.422 1.654.97.324 2.1.487 3.393.487 2.313 0 4.145-.258 5.493-.77 1.345-.512 2.262-.875 2.748-1.09l1.614 6.14c-.754.38-2.088.863-3.998 1.454-1.912.594-4.078.89-6.502.89-2.856 0-5.213-.362-7.07-1.09-1.855-.728-3.352-1.816-4.482-3.272-1.13-1.453-1.925-3.243-2.382-5.372-.46-2.126-.688-4.59-.688-7.39V82.02l7.514-1.292v13.006zM313.455 134.53c-1.727.433-4 .89-6.826 1.374-2.828.483-6.102.727-9.814.727-3.232 0-5.953-.47-8.162-1.412s-3.985-2.274-5.33-3.998c-1.348-1.724-2.315-3.757-2.91-6.1-.592-2.343-.89-4.94-.89-7.796v-23.59h7.517v21.974c0 5.117.81 8.778 2.425 10.985 1.614 2.21 4.334 3.314 8.16 3.314.807 0 1.64-.03 2.503-.083.858-.053 1.667-.122 2.422-.202.755-.08 1.44-.16 2.062-.242.617-.08 1.062-.173 1.334-.282V93.734h7.513v40.796h-.005z"/>
+    </symbol>
+
+    <symbol id="ubuntu-logo" viewBox="70.867 73.054 283.464 63.576">
+      <title>ubuntu-logo icon</title>
+      <circle fill="#fff" cx="337.365" cy="90.017" r="16.966"/><path fill="#DD4814" d="M326.783 87.978c-1.127 0-2.036.912-2.036 2.04 0 1.122.91 2.036 2.036 2.036 1.128 0 2.04-.914 2.04-2.037 0-1.127-.912-2.04-2.04-2.04zm14.555 9.266c-.976.56-1.308 1.807-.747 2.778.564.978 1.81 1.31 2.785.748s1.31-1.81.747-2.783c-.563-.974-1.81-1.308-2.784-.743zm-10.125-7.227c0-2.016.998-3.797 2.53-4.873l-1.49-2.498c-1.783 1.19-3.11 3.015-3.663 5.148.646.524 1.055 1.324 1.055 2.223 0 .894-.407 1.69-1.055 2.22.552 2.133 1.88 3.954 3.664 5.145l1.488-2.496c-1.53-1.076-2.53-2.855-2.53-4.87zm5.952-5.957c3.112 0 5.663 2.385 5.93 5.43l2.906-.047c-.143-2.243-1.123-4.26-2.63-5.74-.776.29-1.672.25-2.445-.2-.772-.447-1.26-1.2-1.394-2.02-.753-.208-1.546-.322-2.365-.322-1.408 0-2.74.333-3.922.92l1.415 2.536c.762-.357 1.613-.556 2.507-.556zm0 11.908c-.896 0-1.745-.197-2.507-.553l-1.415 2.537c1.18.588 2.514.916 3.922.916.82 0 1.612-.11 2.366-.32.135-.82.62-1.572 1.395-2.02.775-.447 1.67-.49 2.445-.195 1.507-1.484 2.487-3.5 2.63-5.746l-2.904-.04c-.268 3.038-2.82 5.42-5.93 5.42zm4.173-13.18c.975.562 2.22.23 2.782-.747.562-.97.23-2.22-.745-2.78-.976-.562-2.22-.23-2.784.746-.56.974-.228 2.22.748 2.783z"/><g fill="#fff"><path d="M104.798 134.53c-1.725.433-4 .89-6.826 1.374-2.83.483-6.102.727-9.817.727-3.23 0-5.952-.47-8.16-1.412-2.208-.94-3.985-2.274-5.33-3.998-1.35-1.724-2.317-3.757-2.91-6.1-.593-2.343-.888-4.94-.888-7.796v-23.59h7.513v21.974c0 5.117.808 8.778 2.424 10.985 1.616 2.21 4.334 3.314 8.16 3.314.808 0 1.64-.03 2.504-.083.86-.053 1.67-.122 2.425-.202.752-.08 1.44-.16 2.06-.242.618-.08 1.063-.173 1.333-.282V93.734h7.514v40.796h-.002zM123.134 95.59c.915-.59 2.304-1.21 4.16-1.856 1.858-.646 4-.97 6.423-.97 3.016 0 5.696.54 8.04 1.616 2.34 1.078 4.32 2.584 5.937 4.522 1.614 1.94 2.84 4.257 3.675 6.947.833 2.694 1.252 5.655 1.252 8.887 0 3.393-.5 6.45-1.494 9.17-1 2.72-2.412 5.02-4.242 6.905-1.832 1.886-4.04 3.34-6.625 4.362-2.583 1.023-5.492 1.535-8.724 1.535-3.502 0-6.598-.245-9.29-.73-2.692-.484-4.9-.97-6.624-1.454v-60.18l7.513-1.292V95.59zm0 33.608c.755.216 1.818.42 3.192.604 1.373.19 3.082.284 5.13.284 4.038 0 7.27-1.334 9.692-4 2.425-2.665 3.637-6.45 3.637-11.35 0-2.15-.216-4.172-.646-6.06-.433-1.884-1.133-3.515-2.103-4.886-.97-1.375-2.222-2.45-3.756-3.232-1.533-.78-3.38-1.172-5.532-1.172-2.05 0-3.932.353-5.654 1.05-1.727.702-3.045 1.43-3.96 2.184v26.578zM194.546 134.53c-1.725.433-4 .89-6.826 1.374-2.827.483-6.1.727-9.816.727-3.23 0-5.95-.47-8.158-1.412-2.21-.94-3.986-2.274-5.33-3.998-1.35-1.724-2.316-3.757-2.91-6.1-.593-2.343-.89-4.94-.89-7.796v-23.59h7.513v21.974c0 5.117.808 8.778 2.423 10.985 1.617 2.21 4.336 3.314 8.16 3.314.81 0 1.643-.03 2.504-.083.86-.053 1.668-.122 2.424-.202.755-.08 1.44-.16 2.062-.242.618-.08 1.062-.173 1.33-.282V93.734h7.515v40.796zM205.37 94.947c1.723-.432 4.01-.89 6.867-1.375 2.852-.483 6.138-.727 9.854-.727 3.34 0 6.114.473 8.32 1.414 2.21.942 3.973 2.26 5.294 3.958 1.316 1.695 2.246 3.73 2.786 6.098.538 2.373.808 4.984.808 7.837v23.59h-7.513v-21.975c0-2.584-.177-4.79-.525-6.624-.35-1.833-.93-3.312-1.737-4.44-.808-1.135-1.885-1.954-3.23-2.467-1.346-.514-3.018-.768-5.007-.768-.812 0-1.646.026-2.504.08-.862.054-1.687.12-2.464.202-.784.08-1.48.176-2.103.28-.62.11-1.063.19-1.333.242v35.465h-7.512V94.946zM256.665 93.734h15.914v6.302h-15.915v19.388c0 2.1.16 3.84.484 5.212.323 1.372.81 2.45 1.454 3.23.646.78 1.45 1.33 2.422 1.654.97.324 2.1.487 3.393.487 2.313 0 4.145-.258 5.493-.77 1.345-.512 2.262-.875 2.748-1.09l1.614 6.14c-.754.38-2.088.863-3.998 1.454-1.912.594-4.078.89-6.502.89-2.856 0-5.213-.362-7.07-1.09-1.855-.728-3.352-1.816-4.482-3.272-1.13-1.453-1.925-3.243-2.382-5.372-.46-2.126-.688-4.59-.688-7.39V82.02l7.514-1.292v13.006zM313.455 134.53c-1.727.433-4 .89-6.826 1.374-2.828.483-6.102.727-9.814.727-3.232 0-5.953-.47-8.162-1.412s-3.985-2.274-5.33-3.998c-1.348-1.724-2.315-3.757-2.91-6.1-.592-2.343-.89-4.94-.89-7.796v-23.59h7.517v21.974c0 5.117.81 8.778 2.425 10.985 1.614 2.21 4.334 3.314 8.16 3.314.807 0 1.64-.03 2.503-.083.858-.053 1.667-.122 2.422-.202.755-.08 1.44-.16 2.062-.242.617-.08 1.062-.173 1.334-.282V93.734h7.513v40.796h-.005z"/></g>
+    </symbol>
+</svg>
+<div class="ues-page">
+  <section>
+  <h1>Icons</h1>
+  <div>
+    <svg role="img" class="ues-icon-ubuntu-logo">
+    <use xlink:href="#ubuntu-logo"></use>
+    </svg>
+    <svg role="img" class="ues-icon-navbar-menu">
+    <use xlink:href="#navbar-menu"></use>
+    </svg>
+    <svg role="img" class="ues-icon-navbar-search">
+    <use xlink:href="#navbar-search"></use>
+    </svg>
+    <svg role="img" class="ues-icon-search">
+    <use xlink:href="#search"></use>
+    </svg>
+    <svg role="img" class="ues-icon-spinner">
+    <use xlink:href="#spinner"></use>
+    </svg>
+    <svg role="img" class="ues-icon-caret">
+    <use xlink:href="#caret"></use>
+    </svg>
+
+  </div>
+  </section>
+  <section>
+  <h1>Typography</h1>
+
+  <h2>Headline Styles</h2>
+
+<div data-qa="headlines">
+  <h1 class="ues-hdisplay">Display Headline</h1>
+  <h1 class="ues-hmain">Main Headline</h1>
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+  <h1 class="ues-hmedium">Medium Headline</h1>
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+  <h1 class="ues-hlight">Light Headline</h1>
+  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+</div>
+
+  <h2>Multiline Headlines</h2>
+  <div style="width:320px" data-qa="multiline-headlines">
+    <h1 class="ues-hdisplay">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h1>
+    <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h1>
+    <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h2>
+    <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h3>
+  </div>
+
+  <h2>Block Content</h2>
+
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
+    <p>Reiciendis soluta ab, soluta molestiae nesciunt ipsum est quis debitis voluptas qui at sed quo? Praesentium voluptate voluptatum placeat ea molestiae doloribus deserunt?</p>
+    <p>Exercitationem eum esse quos minus, maiores suscipit cupiditate delectus reprehenderit illo quidem distinctio esse nam aliquam fugit, reiciendis veritatis a expedita nisi deserunt rem repellat quos placeat illum, minima est iusto itaque iure? Odit facere possimus architecto sunt facilis voluptatibus eaque maiores necessitatibus, dolor deserunt est.</p>
+
+
+  <h3>Lead body copy</h3>
+  <p class=ues-lead>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
+  <p>architecto ab dolor explicabo inventore fugit quis doloribus minus nesciunt cumque sint</p>
+
+  <h3>Text Alignment</h3>
+  <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
+  <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
+  <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
+
+  <h3>Lists</h3>
+
+  <h4>Ordered &amp; Unordered</h4>
+  <ul class=ues-list>
+    <li>Apples</li>
+    <li>Oranges</li>
+    <li>Pears</li>
+  </ul>
+
+  <ol class=ues-list>
+    <li>Apples</li>
+    <ul class=ues-list>
+      <li>Cox</li>
+      <li>Gala</li>
+      <li>Bræburn</li>
+    </ul>
+    <li>Oranges</li>
+    <li>Pears</li>
+  </ol>
+
+  <h4>Bordered</h4>
+  <ul class="ues-list ues-list-bordered">
+    <li>excepturi dolore quo et quisquam atque neque at labore molestias quia nemo</li>
+    <li>architecto nam sapiente voluptate molestiae ducimus fugiat iure natus nihil quod officia</li>
+    <li>debitis nemo quos enim illo mollitia quidem numquam incidunt corrupti blanditiis consequuntur</li>
+    <li>impedit ipsa dignissimos quasi quaerat doloribus maxime libero voluptatum itaque molestias ab</li>
+    <li>quidem perspiciatis asperiores exercitationem facilis tenetur sapiente vero nemo consequatur odit nulla</li>
+  </ul>
+
+  <h4>Inline Lists</h4>
+  <ul class="ues-list ues-list-inline">
+    <li>Apple</li>
+    <li>Orange</li>
+    <li>Pear</li>
+  </ul>
+
+  <h4>Definition Lists</h4>
+  <dl class="ues-list">
+    <dt>Apple</dt>
+    <dd>dicta possimus iusto voluptatibus blanditiis totam incidunt excepturi mollitia quia aliquid eius</dd>
+    <dd>enim architecto velit corporis doloremque soluta sapiente eum ad optio dolorem sit</dd>
+    <dt>Orange</dt>
+    <dd>accusantium mollitia facilis nostrum iusto et iure unde dolorum alias corporis ullam</dd>
+    <dt>Pear</dt>
+    <dd>sint ullam exercitationem aliquid saepe ratione labore neque quis molestias dolorem inventore</dd>
+  </dl>
+</section>
+
+
+<section>
+  <h1>Buttons</h1>
+  <div data-qa="buttons">
+    <p>
+    <button class=ues-button data-qa="default-button">Default button</button>
+    <button class="ues-button ues-button-primary" data-qa="primary-button">Primary button</button>
+    <button class="ues-button ues-button-tertiary" data-qa="tertiary-button">Tertiary button</button>
+    </p>
+
+    <p>
+    <button class="ues-button">&#9731; <span>Change Payment Method</span></button>
+    <button class="ues-button ues-button-primary">&#9731; <span>Checkout</span></button>
+    </p>
+
+    <p>
+    <a class="ues-button" href="#">Link</a>
+    <button class=ues-button type=button>Button</button>
+    <input class=ues-button type=button value=Input>
+    <input class=ues-button type=submit value=Submit>
+    </p>
+
+    <p>
+    <button class="ues-button ues-button-large">Lrg</button>
+    <button class=ues-button>Dft</button>
+    <button class="ues-button ues-button-small">Sml</button>
+    </p>
+
+    <p><button class="ues-button ues-button-block">Default Block Button</button></p>
+    <p><button class="ues-button ues-button-block ues-button-primary">Primary Block Button</button></p>
+
+    <p>
+    <div class="ues-button-group" data-qa="button-group">
+      <button class="ues-button">Left</button>
+      <button class="ues-button">Middle</button>
+      <button class="ues-button">Right</button>
+    </div>
+    </p>
+
+    <p>
+    <div class="ues-button-toolbar" data-qa="button-toolbar">
+      <div class="ues-button-group">
+        <button class="ues-button">A</button>
+        <button class="ues-button">B</button>
+        <button class="ues-button">C</button>
+      </div>
+      <div class="ues-button-group">
+        <button class="ues-button">D</button>
+        <button class="ues-button">E</button>
+      </div>
+      <div class="ues-button-group">
+        <button class="ues-button">F</button>
+      </div>
+    </div>
+    </p>
+  </div>
+  </section>
+
+  <section class="clear">
+
+  <h1>Dropdowns</h1>
+  <ul data-qa="dropdown" class="ues-dropdown-menu" style="display:block; position:static">
+    <li class="ues-dropdown-header">Dropdown header</li>
+    <li><a tabindex="-1" href="#">Action</a></li>
+    <li><a tabindex="-1" href="#">Another action</a></li>
+    <li><a tabindex="-1" href="#">Something else here</a></li>
+    <li class="ues-dropdown-divider"></li>
+    <li><a tabindex="-1" href="#">Separated link</a></li>
+  </ul>
+  </section>
+
+
+<section>
+  <h1>Navigation</h1>
+
+  <h2>Horizontal Menu</h2>
+  <ul class="ues-menu ues-menu-horizontal">
+    <li><a href="">Dashboard</a></li>
+    <li><a href="">Files</a></li>
+    <li><a href="">Photos</a></li>
+    <li><a href="">Music</a></li>
+  </ul>
+
+  <h2>Vertical Menu</h2>
+  <ul class="ues-menu">
+    <li><a href="">Dashboard</a></li>
+    <li class="ues-menu-selected"><a href="">Files</a></li>
+    <li><a href="">Photos</a></li>
+    <li><a href="">Music</a></li>
+  </ul>
+
+  <h2>Navbar with brand + primary nav</h2>
+  <div id="navbar" class="ues-navbar" data-qa="navbar-simple">
+    <div class="ues-navbar-header">
+
+      <div class="ues-navbar-brand">
+        <a href="/">
+          <svg role="img" class="ues-icon-ubuntu-logo">
+          <use xlink:href="#ubuntu-logo"></use>
+          </svg>
+          <span>brand</span>
+        </a>
+      </div>
+    </div>
+    <div class="ues-navbar-collapse">
+      <div class="ues-navbar-primary-nav">
+        <ul class="ues-navbar-menu">
+          <li><a href="">Dashboard</a></li>
+          <li><a href="">Files</a></li>
+          <li><a href="">Photos</a></li>
+          <li><a href="">Music</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <h2>Inverted Navbar + primary nav</h2>
+  <div class="ues-navbar ues-navbar-invert" data-qa="navbar-invert">
+    <div class="ues-navbar-header">
+      <div class="ues-navbar-brand">
+        <a href="/">
+          <svg role="img" class="ues-icon-ubuntu-logo-black">
+          <use xlink:href="#ubuntu-logo-black"></use>
+          </svg>
+          <span>brand</span>
+        </a>
+      </div>
+    </div>
+    <div class="ues-navbar-collapse">
+      <div class="ues-navbar-primary-nav">
+        <ul class="ues-navbar-menu">
+          <li><a href="">Dashboard</a></li>
+          <li><a href="">Files</a></li>
+          <li><a href="">Photos</a></li>
+          <li><a href="">Music</a></li>
+        </ul>
+      </div>
+      <div class="ues-navbar-secondary-nav">
+        <div class="ues-navbar-text">
+          <a class="ues-button ues-button-primary">Button</a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <h2>Navbar with brand + primary nav + secondary nav</h2>
+  <div class="ues-navbar" data-qa="navbar-full">
+    <div class="ues-navbar-header">
+      <div class="ues-navbar-brand">
+        <a href="/">
+          <svg role="img" class="ues-icon-ubuntu-logo">
+          <use xlink:href="#ubuntu-logo"></use>
+          </svg>
+          <span>brand</span>
+        </a>
+      </div>
+    </div>
+    <div class="ues-navbar-collapse">
+      <div class="ues-navbar-primary-nav">
+        <ul class="ues-navbar-menu">
+          <li><a href="">Dashboard</a></li>
+          <li><a href="">Files</a></li>
+          <li><a href="">Photos</a></li>
+          <li><a href="">Music</a></li>
+        </ul>
+      </div>
+      <div class="ues-navbar-secondary-nav">
+        <ul class="ues-navbar-menu">
+          <li><a href="">Account</a></li>
+          <li><a href="">Settings</a></li>
+          <li><a href="">Logout</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <h2>Navbar with brand + secondary nav</h2>
+  <div class="ues-navbar">
+    <div class="ues-navbar-header">
+      <div class="ues-navbar-brand">
+        <a href="/">
+          <svg role="img" class="ues-icon-ubuntu-logo">
+          <use xlink:href="#ubuntu-logo"></use>
+          </svg>
+          <span>brand</span>
+        </a>
+      </div>
+    </div>
+    <div class="ues-navbar-collapse">
+      <div class="ues-navbar-secondary-nav">
+        <ul class="ues-navbar-menu">
+          <li><a href="">Account</a></li>
+          <li><a href="">Settings</a></li>
+          <li><a href="">Logout</a></li>
+        </ul>
+      </div>
+    </div>
+  </div>
+
+  <h2>Navbar with brand + secondary nav text only</h2>
+  <div class="ues-navbar" data-qa="navbar-secondary-text">
+    <div class="ues-navbar-header">
+      <div class="ues-navbar-brand">
+        <a href="/">
+          <svg role="img" class="ues-icon-ubuntu-logo">
+          <use xlink:href="#ubuntu-logo"></use>
+          </svg>
+          <span>brand</span>
+        </a>
+      </div>
+    </div>
+    <div class="ues-navbar-collapse">
+      <div class="ues-navbar-secondary-nav">
+        <div class="ues-navbar-text">
+          Login
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <h2>Navbar with brand + secondary nav button</h2>
+  <div class="ues-navbar" data-qa="navbar-button">
+    <div class="ues-navbar-header">
+      <div class="ues-navbar-brand">
+        <a href="/">
+          <svg role="img" class="ues-icon-ubuntu-logo">
+          <use xlink:href="#ubuntu-logo"></use>
+          </svg>
+          <span>brand</span>
+        </a>
+      </div>
+    </div>
+    <div class="ues-navbar-collapse">
+      <div class="ues-navbar-secondary-nav">
+        <div class="ues-navbar-text">
+          <button class="ues-button ues-button-primary">Button</button>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <h2>Breadcrumb</h2>
+  <ol class="ues-breadcrumb" data-qa="breadcrumb">
+    <li><a href="">Categories</a></li>
+    <li><a href="">Games</a></li>
+    <li class="active">Side Scrolling Shoot 'Em Ups</li>
+  </ol>
+
+
+  <h2>Default Pagination</h2>
+  <ul class="ues-pagination">
+    <li class="ues-disabled"><a>&#x2190;</a></li>
+    <li class="ues-active"><a href="#">1</a></li>
+    <li><a href="#">2</a></li>
+    <li><a href="#">3</a></li>
+    <li><a href="#">4</a></li>
+    <li><a href="#">5</a></li>
+    <li><a href="#">&#x2192;</a></li>
+  </ul>
+
+  <h2>Pagination with break</h2>
+  <ul class="ues-pagination">
+    <li class="ues-disabled"><a>&#x2190;</a></li>
+    <li class="ues-active"><a href="#">1</a></li>
+    <li><a href="#">2</a></li>
+    <li><a href="#">3</a></li>
+    <li class="ues-pagination-break"><span>…</span></li>
+    <li><a href="#">8</a></li>
+    <li><a href="#">9</a></li>
+    <li><a href="#">10</a></li>
+    <li><a href="#">&#x2192;</a></li>
+  </ul>
+</section>
+
+
+<section>
+  <h1>Forms</h1>
+
+  <article>
+    <h2>Default Forms</h2>
+    <p>By default individual form controls receive styling, with minimal classing and
+    without any required base class on the <code class=tag>form</code> or large
+    changes in markup.</p>
+
+    <p>Results in stacked, left-aligned labels on top of form controls.</p>
+
+    <form action data-qa="default-form">
+      <fieldset>
+        <label>Username:</label>
+        <input type=text>
+
+        <label>Password:</label>
+        <input type=text>
+        <label><input type=checkbox>Keep me signed in</label>
+        <div class=ues-form-help>Form help text</div>
+      </fieldset>
+
+      <fieldset>
+        <legend>Payment Details</legend>
+
+        <label><input checked type=radio name=foo>Credit Card</label>
+        <label><input type=radio name=foo>Paypal</label>
+
+        <label>Name/username:</label>
+        <input type=text placeholder="Type something…">
+
+        <label class=ues-inline><input type=radio name=bar>Foo</label>
+        <label class=ues-inline><input checked type=radio name=bar>Bar</label>
+
+        <label>Card Number:</label>
+        <input type=text>
+
+        <label>CCV:</label>
+        <input type=text>
+        <div class=ues-form-help>Form help text</div>
+
+        <label>Select:</label>
+        <select>
+          <option value>Select One</option>
+          <option value=1>Select One</option>
+          <option value=2>Foo</option>
+          <option value=3>Bar</option>
+          <option value=4>Baz</option>
+        </select>
+        <label>Select:</label>
+        <select class=ues-inline>
+          <option value=2>Foo</option>
+          <option value=3 selected>Bar</option>
+          <option value=4>Baz</option>
+        </select>
+        <span class=ues-form-help>Inline form help text</span>
+
+      </fieldset>
+      <fieldset>
+        <label><input type=checkbox>Agree to ToS</label>
+      </fieldset>
+      <button type=submit class=ues-button>Submit</button>
+  </form>
+</article>
+<article>
+  <h2>Inline Form</h2>
+  <p>Simple inline form</p>
+  <form action class=ues-form-inline data-qa="inline-form">
+    <fieldset>
+      <input type=text placeholder="Type something…">
+      <input type=text placeholder="Type something…">
+      <label><input type=checkbox>Remember me?</label>
+      <button type=submit class=ues-button>Submit</button>
+    </fieldset>
+  </form>
+</article>
+<article>
+  <h2>Required Inputs</h2>
+  <p>To mark a form control as required, add the <code>required</code> attribute. </p>
+  <form action class=ues-form-inline>
+    <input type=text placeholder="Type something…" required="true">
+  </form>
+</article>
+<article>
+  <h2>Disabled Inputs</h2>
+  <p>To mark a form control as disabled, add the <code>disabled</code> attribute. </p>
+  <form action class=ues-form-inline>
+    <input type=text placeholder="Type something…" disabled="true">
+  </form>
+</article>
+<article>
+  <h2>Readonly Inputs</h2>
+  <form action class=ues-form-inline>
+    <input type=text readonly="true" value="http://ubuntuone.com/abcdef1234">
+  </form>
+</article>
+<article>
+  <h2>Site search input (button)</h2>
+  <div class="ues-site-search">
+    <input class="ues-site-search-input" type="search" placeholder="Placeholder">
+    <button class="ues-button-search">
+      <svg role="img" class="ues-icon-search">
+      <use xlink:href="#search"></use>
+      </svg>
+    </button>
+  </div>
+
+  <h2>Site search input (indicator)</h2>
+  <div class="ues-site-search">
+      <svg role="img" class="ues-icon-search">
+      <use xlink:href="#search"></use>
+      </svg>
+    <input class="ues-site-search-input" type="search" placeholder="Placeholder">
+  </div>
+
+  <h2>Site search input (both)</h2>
+  <div class="ues-site-search">
+    <svg role="img" class="ues-icon-search">
+    <use xlink:href="#search"></use>
+    </svg>
+    <input class="ues-site-search-input" type="search" placeholder="Placeholder">
+    <button class="ues-button-search">
+    <svg role="img" class="ues-icon-search">
+    <use xlink:href="#search"></use>
+    </svg>
+    </button>
+  </div>
+</article>
+<article>
+  <h2>Checkboxes &amp; Radios</h2>
+  <form action data-qa="checkboxes-and-radios">
+    <fieldset>
+      <legend>Radio inputs default, stacked</legend>
+      <label><input checked type=radio name=foo>Credit Card</label>
+      <label><input type=radio name=foo>Paypal</label>
+    </fieldset>
+    <fieldset>
+      <legend>Radio inputs inline, stacked</legend>
+      <label class=ues-inline><input type=radio name=bar>Foo</label>
+      <label class=ues-inline><input checked type=radio name=bar>Bar</label>
+    </fieldset>
+    <fieldset>
+      <legend>Checkbox default, stacked</legend>
+      <label><input checked type=checkbox name=foo1>Credit Card</label>
+      <label><input type=checkbox name=foo2>Paypal</label>
+    </fieldset>
+    <fieldset>
+      <legend>Checkbox inline, stacked</legend>
+      <label class=ues-inline><input type=checkbox name=bar1>Foo</label>
+      <label class=ues-inline><input checked type=checkbox name=bar2>Bar</label>
+    </fieldset>
+  </form>
+</article>
+
+
+</section>
+
+
+<section>
+<h1>Layout, including Pure (ues-) Grids</h1>
+<style scoped>
+  .ues-box {
+    margin:0 5px;
+  }
+</style>
+
+<div class="ues-g" data-qa="grids">
+  <div class="ues-u-1-5">
+    <h3>Outer 1/5</h3>
+    <p>lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore</p>
+  </div>
+  <div class="ues-u-4-5">
+    <div class="ues-g">
+      <div class="ues-u-1-2">
+        <h3>Inner 1/2 of 4/5</h3>
+        <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
+      </div>
+      <div class="ues-u-1-2">
+        <h3>Inner 2/2 of 4/5</h3>
+        <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
+      </div>
+    </div>
+  </div>
+</div>
+
+</section>
+
+<section>
+
+<h1>Feedback</h1>
+
+
+<h2>Static messages, warnings, errors, notices</h2>
+
+<article data-qa="notifications">
+<p class="ues-message ues-message-inline">Message</p>
+
+<p class="ues-message ues-message-inline ues-disabled">Disabled</p>
+
+<p class="ues-message ues-message-inline ues-success">Success</p>
+
+<p class="ues-message ues-message-inline ues-warning">Warning</p>
+
+<p class="ues-message ues-message-inline ues-error">Error</p>
+
+<p class="ues-message ues-message-inline ues-error ues-error-pulsating">Pulsating error</p>
+
+<p class="ues-message ues-message-inline ues-information">Information</p>
+
+<p id="msg-closeable" class="ues-message ues-message-closeable">Closable</p>
+
+<p class="ues-message ues-message-bordered ues-information">Block element with border</p>
+
+<p class="ues-message ues-message-bordered ues-warning">Warning with an <a href="#feedback">important link</a></p>
+</article>
+</section>
+
+<section>
+
+<h1>Tables</h1>
+
+<h2>Default table</h2>
+
+<table class="ues-table">
+
+  <thead>
+    <tr>
+      <th>Fruit</th>
+      <th>Weight</th>
+      <th>Colour</th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <tr>
+      <td>Apple</td>
+      <td>150g</td>
+      <td>Red|Green</td>
+    </tr>
+    <tr>
+      <td>Orange</td>
+      <td>200g</td>
+      <td>Orange</td>
+    </tr>
+  </tbody>
+
+</table>
+
+<h2>Small table</h2>
+
+<table class="ues-table ues-table-small">
+
+  <thead>
+    <tr>
+      <th>Fruit</th>
+      <th>Weight</th>
+      <th>Colour</th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <tr>
+      <td>Apple</td>
+      <td>150g</td>
+      <td>Red|Green</td>
+    </tr>
+    <tr>
+      <td>Orange</td>
+      <td>200g</td>
+      <td>Orange</td>
+    </tr>
+  </tbody>
+
+</table>
+
+<h2>Bordered Table</h2>
+
+<table class="ues-table ues-table-bordered">
+
+  <thead>
+    <tr>
+      <th>Fruit</th>
+      <th>Weight</th>
+      <th>Colour</th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <tr>
+      <td>Apple</td>
+      <td>150g</td>
+      <td>Red|Green</td>
+    </tr>
+    <tr>
+      <td>Orange</td>
+      <td>200g</td>
+      <td>Orange</td>
+    </tr>
+  </tbody>
+
+</table>
+
+<h2>Horizontal border</h2>
+
+<table class="ues-table ues-table-horizontal">
+
+  <thead>
+    <tr>
+      <th>Fruit</th>
+      <th>Weight</th>
+      <th>Colour</th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <tr>
+      <td>Apple</td>
+      <td>150g</td>
+      <td>Red|Green</td>
+    </tr>
+    <tr>
+      <td>Orange</td>
+      <td>200g</td>
+      <td>Orange</td>
+    </tr>
+  </tbody>
+
+</table>
+
+<h2>Striped</h2>
+
+<table class="ues-table ues-table-striped">
+
+  <thead>
+    <tr>
+      <th>Fruit</th>
+      <th>Weight</th>
+      <th>Colour</th>
+    </tr>
+  </thead>
+
+  <tbody>
+    <tr>
+      <td>Apple</td>
+      <td>150g</td>
+      <td>Red|Green</td>
+    </tr>
+    <tr>
+      <td>Orange</td>
+      <td>200g</td>
+      <td>Orange</td>
+    </tr>
+    <tr>
+      <td>Banana</td>
+      <td>110g</td>
+      <td>Yellow</td>
+    </tr>
+    <tr>
+      <td>Strawberry</td>
+      <td>5g</td>
+      <td>Red</td>
+    </tr>
+    <tr>
+      <td>Tomato</td>
+      <td>80g</td>
+      <td>Red</td>
+    </tr>
+    <tr>
+      <td>Pineapple</td>
+      <td>600g</td>
+      <td>Greenyellow</td>
+    </tr>
+    <tr>
+      <td>Basket</td>
+      <td>130g</td>
+      <td>Brown</td>
+    </tr>
+  </tbody>
+
+</table>
+
+<h2>Caption, colgroup, cols, tfoot</h2>
+
+<table class="ues-table">
+
+  <caption>Fruits and their attributes</caption>
+
+  <colgroup>
+    <col span="1" class="object">
+    <col span="2" class="attributes">
+  </colgroup>
+
+  <thead>
+    <tr>
+      <th>Fruit</th>
+      <th>Weight</th>
+      <th>Colour</th>
+    </tr>
+  </thead>
+
+  <tfoot>
+    <tr>
+      <td>Averages</td>
+      <td>175g</td>
+      <td>Bright colours</td>
+    </tr>
+  </tfoot>
+
+  <tbody>
+    <tr>
+      <td>Apple</td>
+      <td>150g</td>
+      <td>Red|Green</td>
+    </tr>
+    <tr>
+      <td>Orange</td>
+      <td>200g</td>
+      <td>Orange</td>
+    </tr>
+  </tbody>
+
+
+</table>
+
+
+</section>
+</div>
+</body>
+</html>

=== removed file 'test/index.html'
--- test/index.html	2014-10-17 23:55:41 +0000
+++ test/index.html	1970-01-01 00:00:00 +0000
@@ -1,876 +0,0 @@
-<!doctype html>
-<head>
-<meta charset="utf-8">
-<title>Ulysses CSS Test Page</title>
-
-<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
-<link rel="stylesheet" href="../public/ulysses.css">
-<link rel="stylesheet" media="(max-width: 480px)" href="../public/navbar-small.css">
-<link rel="stylesheet" media="(max-width: 480px)" href="../public/searchbar-small.css">
-
-<!--
-
-This page is for testing.
-
-Do not add inline styles.
-Do not add a style block to the head.
-Use only styles linked from the CSS framework.
-Have a care with your JavaScript.
-Have a nice day :)
-
--->
-
-</head>
-<body>
-<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
-    <symbol id="caret" viewBox="0 0 10 7">
-      <title>caret icon</title>
-      <path d="M10 0L5 7 0 0z"/>
-    </symbol>
-
-    <symbol id="navbar-menu" viewBox="0 0 36 34">
-      <title>navbar-menu icon</title>
-      <g fill="#DD4814"><path d="M10 16h16v2H10zM10 21h16v2H10zM10 11h16v2H10z"/></g><path fill="#DD4814" d="M24 1c9.87 0 11 1.115 11 10.85v10.3C35 31.885 33.87 33 24 33H12C2.13 33 1 31.885 1 22.15v-10.3C1 2.115 2.13 1 12 1h12m0-1H12C1.63 0 0 1.48 0 11.85v10.3C0 32.52 1.63 34 12 34h12c10.37 0 12-1.48 12-11.85v-10.3C36 1.48 34.37 0 24 0z"/>
-    </symbol>
-
-    <symbol id="navbar-search" viewBox="130.82 123.552 36 34">
-      <title>navbar-search icon</title>
-      <path fill="#DD4814" d="M154.82 124.552c9.87 0 11 1.115 11 10.85v10.3c0 9.734-1.13 10.85-11 10.85h-12c-9.87 0-11-1.115-11-10.85v-10.3c0-9.735 1.13-10.85 11-10.85h12m0-1h-12c-10.37 0-12 1.48-12 11.85v10.3c0 10.37 1.63 11.85 12 11.85h12c10.37 0 12-1.48 12-11.85v-10.3c0-10.37-1.63-11.85-12-11.85zM156.143 146.167l-1.803-1.804c-.226-.23-.548-.367-.87-.365-.1 0-.194.02-.288.047l-.743-.743c.897-1.096 1.437-2.497 1.437-4.023 0-3.502-2.843-6.35-6.338-6.35s-6.338 2.848-6.338 6.35c0 3.5 2.843 6.35 6.337 6.35 1.53 0 2.934-.547 4.03-1.454l.745.746c-.096.406.015.86.315 1.152l1.802 1.804c.825.877 1.003.76 1.735.026s.853-.86-.024-1.737zm-8.603-1.538c-2.943 0-5.337-2.4-5.337-5.35s2.394-5.35 5.337-5.35c2.943 0 5.338 2.4 5.338 5.35s-2.395 5.35-5.338 5.35z"/>
-    </symbol>
-
-    <symbol id="search" viewBox="0 0 34 34">
-      <title>search icon</title>
-      <path fill="#DD4814" d="M32.19 28.564L28.37 24.74c-.48-.492-1.162-.778-1.85-.773-.205 0-.408.045-.607.1l-1.576-1.576c1.906-2.322 3.052-5.293 3.052-8.53C27.386 6.54 21.356.5 13.943.5 6.53.5.5 6.54.5 13.96c0 7.424 6.03 13.464 13.442 13.464 3.244 0 6.225-1.158 8.548-3.082l1.583 1.582c-.202.86.03 1.82.67 2.443l3.822 3.823c1.75 1.86 2.127 1.61 3.68.057 1.554-1.553 1.807-1.822-.054-3.683zm-18.248-3.26c-6.244 0-11.32-5.09-11.32-11.345 0-6.253 5.076-11.34 11.32-11.34 6.243 0 11.322 5.087 11.322 11.34 0 6.254-5.08 11.343-11.322 11.343z"/>
-    </symbol>
-
-    <symbol id="spinner" viewBox="0 0 50 50">
-      <title>spinner icon</title>
-      <path fill="#DD4814" d="M25 6V4C13.42 4 4 13.42 4 25h2C6 14.523 14.523 6 25 6z"/>
-    </symbol>
-
-    <symbol id="ubuntu-logo-black" viewBox="70.867 73.054 283.464 63.576">
-      <title>ubuntu-logo-black icon</title>
-      <circle cx="337.365" cy="90.017" r="16.966"/><path fill="#fff" d="M326.783 87.978c-1.127 0-2.036.912-2.036 2.04 0 1.122.91 2.036 2.036 2.036 1.128 0 2.04-.914 2.04-2.037 0-1.127-.912-2.04-2.04-2.04zm14.555 9.266c-.976.56-1.308 1.807-.747 2.778.564.978 1.81 1.31 2.785.748s1.31-1.81.747-2.783c-.563-.974-1.81-1.308-2.784-.743zm-10.125-7.227c0-2.016.998-3.797 2.53-4.873l-1.49-2.498c-1.783 1.19-3.11 3.015-3.663 5.148.646.524 1.055 1.324 1.055 2.223 0 .894-.407 1.69-1.055 2.22.552 2.133 1.88 3.954 3.664 5.145l1.488-2.496c-1.53-1.076-2.53-2.855-2.53-4.87zm5.952-5.957c3.112 0 5.663 2.385 5.93 5.43l2.906-.047c-.143-2.243-1.123-4.26-2.63-5.74-.776.29-1.672.25-2.445-.2-.772-.447-1.26-1.2-1.394-2.02-.753-.208-1.546-.322-2.365-.322-1.408 0-2.74.333-3.922.92l1.415 2.536c.762-.357 1.613-.556 2.507-.556zm0 11.908c-.896 0-1.745-.197-2.507-.553l-1.415 2.537c1.18.588 2.514.916 3.922.916.82 0 1.612-.11 2.366-.32.135-.82.62-1.572 1.395-2.02.775-.447 1.67-.49 2.445-.195 1.507-1.484 2.487-3.5 2.63-5.746l-2.904-.04c-.268 3.038-2.82 5.42-5.93 5.42zm4.173-13.18c.975.562 2.22.23 2.782-.747.562-.97.23-2.22-.745-2.78-.976-.562-2.22-.23-2.784.746-.56.974-.228 2.22.748 2.783z"/><path d="M104.798 134.53c-1.725.433-4 .89-6.826 1.374-2.83.483-6.102.727-9.817.727-3.23 0-5.952-.47-8.16-1.412-2.208-.94-3.985-2.274-5.33-3.998-1.35-1.724-2.317-3.757-2.91-6.1-.593-2.343-.888-4.94-.888-7.796v-23.59h7.513v21.974c0 5.117.808 8.778 2.424 10.985 1.616 2.21 4.334 3.314 8.16 3.314.808 0 1.64-.03 2.504-.083.86-.053 1.67-.122 2.425-.202.752-.08 1.44-.16 2.06-.242.618-.08 1.063-.173 1.333-.282V93.734h7.514v40.796h-.002zM123.134 95.59c.915-.59 2.304-1.21 4.16-1.856 1.858-.646 4-.97 6.423-.97 3.016 0 5.696.54 8.04 1.616 2.34 1.078 4.32 2.584 5.937 4.522 1.614 1.94 2.84 4.257 3.675 6.947.833 2.694 1.252 5.655 1.252 8.887 0 3.393-.5 6.45-1.494 9.17-1 2.72-2.412 5.02-4.242 6.905-1.832 1.886-4.04 3.34-6.625 4.362-2.583 1.023-5.492 1.535-8.724 1.535-3.502 0-6.598-.245-9.29-.73-2.692-.484-4.9-.97-6.624-1.454v-60.18l7.513-1.292V95.59zm0 33.608c.755.216 1.818.42 3.192.604 1.373.19 3.082.284 5.13.284 4.038 0 7.27-1.334 9.692-4 2.425-2.665 3.637-6.45 3.637-11.35 0-2.15-.216-4.172-.646-6.06-.433-1.884-1.133-3.515-2.103-4.886-.97-1.375-2.222-2.45-3.756-3.232-1.533-.78-3.38-1.172-5.532-1.172-2.05 0-3.932.353-5.654 1.05-1.727.702-3.045 1.43-3.96 2.184v26.578zM194.546 134.53c-1.725.433-4 .89-6.826 1.374-2.827.483-6.1.727-9.816.727-3.23 0-5.95-.47-8.158-1.412-2.21-.94-3.986-2.274-5.33-3.998-1.35-1.724-2.316-3.757-2.91-6.1-.593-2.343-.89-4.94-.89-7.796v-23.59h7.513v21.974c0 5.117.808 8.778 2.423 10.985 1.617 2.21 4.336 3.314 8.16 3.314.81 0 1.643-.03 2.504-.083.86-.053 1.668-.122 2.424-.202.755-.08 1.44-.16 2.062-.242.618-.08 1.062-.173 1.33-.282V93.734h7.515v40.796zM205.37 94.947c1.723-.432 4.01-.89 6.867-1.375 2.852-.483 6.138-.727 9.854-.727 3.34 0 6.114.473 8.32 1.414 2.21.942 3.973 2.26 5.294 3.958 1.316 1.695 2.246 3.73 2.786 6.098.538 2.373.808 4.984.808 7.837v23.59h-7.513v-21.975c0-2.584-.177-4.79-.525-6.624-.35-1.833-.93-3.312-1.737-4.44-.808-1.135-1.885-1.954-3.23-2.467-1.346-.514-3.018-.768-5.007-.768-.812 0-1.646.026-2.504.08-.862.054-1.687.12-2.464.202-.784.08-1.48.176-2.103.28-.62.11-1.063.19-1.333.242v35.465h-7.512V94.946zM256.665 93.734h15.914v6.302h-15.915v19.388c0 2.1.16 3.84.484 5.212.323 1.372.81 2.45 1.454 3.23.646.78 1.45 1.33 2.422 1.654.97.324 2.1.487 3.393.487 2.313 0 4.145-.258 5.493-.77 1.345-.512 2.262-.875 2.748-1.09l1.614 6.14c-.754.38-2.088.863-3.998 1.454-1.912.594-4.078.89-6.502.89-2.856 0-5.213-.362-7.07-1.09-1.855-.728-3.352-1.816-4.482-3.272-1.13-1.453-1.925-3.243-2.382-5.372-.46-2.126-.688-4.59-.688-7.39V82.02l7.514-1.292v13.006zM313.455 134.53c-1.727.433-4 .89-6.826 1.374-2.828.483-6.102.727-9.814.727-3.232 0-5.953-.47-8.162-1.412s-3.985-2.274-5.33-3.998c-1.348-1.724-2.315-3.757-2.91-6.1-.592-2.343-.89-4.94-.89-7.796v-23.59h7.517v21.974c0 5.117.81 8.778 2.425 10.985 1.614 2.21 4.334 3.314 8.16 3.314.807 0 1.64-.03 2.503-.083.858-.053 1.667-.122 2.422-.202.755-.08 1.44-.16 2.062-.242.617-.08 1.062-.173 1.334-.282V93.734h7.513v40.796h-.005z"/>
-    </symbol>
-
-    <symbol id="ubuntu-logo" viewBox="70.867 73.054 283.464 63.576">
-      <title>ubuntu-logo icon</title>
-      <circle fill="#fff" cx="337.365" cy="90.017" r="16.966"/><path fill="#DD4814" d="M326.783 87.978c-1.127 0-2.036.912-2.036 2.04 0 1.122.91 2.036 2.036 2.036 1.128 0 2.04-.914 2.04-2.037 0-1.127-.912-2.04-2.04-2.04zm14.555 9.266c-.976.56-1.308 1.807-.747 2.778.564.978 1.81 1.31 2.785.748s1.31-1.81.747-2.783c-.563-.974-1.81-1.308-2.784-.743zm-10.125-7.227c0-2.016.998-3.797 2.53-4.873l-1.49-2.498c-1.783 1.19-3.11 3.015-3.663 5.148.646.524 1.055 1.324 1.055 2.223 0 .894-.407 1.69-1.055 2.22.552 2.133 1.88 3.954 3.664 5.145l1.488-2.496c-1.53-1.076-2.53-2.855-2.53-4.87zm5.952-5.957c3.112 0 5.663 2.385 5.93 5.43l2.906-.047c-.143-2.243-1.123-4.26-2.63-5.74-.776.29-1.672.25-2.445-.2-.772-.447-1.26-1.2-1.394-2.02-.753-.208-1.546-.322-2.365-.322-1.408 0-2.74.333-3.922.92l1.415 2.536c.762-.357 1.613-.556 2.507-.556zm0 11.908c-.896 0-1.745-.197-2.507-.553l-1.415 2.537c1.18.588 2.514.916 3.922.916.82 0 1.612-.11 2.366-.32.135-.82.62-1.572 1.395-2.02.775-.447 1.67-.49 2.445-.195 1.507-1.484 2.487-3.5 2.63-5.746l-2.904-.04c-.268 3.038-2.82 5.42-5.93 5.42zm4.173-13.18c.975.562 2.22.23 2.782-.747.562-.97.23-2.22-.745-2.78-.976-.562-2.22-.23-2.784.746-.56.974-.228 2.22.748 2.783z"/><g fill="#fff"><path d="M104.798 134.53c-1.725.433-4 .89-6.826 1.374-2.83.483-6.102.727-9.817.727-3.23 0-5.952-.47-8.16-1.412-2.208-.94-3.985-2.274-5.33-3.998-1.35-1.724-2.317-3.757-2.91-6.1-.593-2.343-.888-4.94-.888-7.796v-23.59h7.513v21.974c0 5.117.808 8.778 2.424 10.985 1.616 2.21 4.334 3.314 8.16 3.314.808 0 1.64-.03 2.504-.083.86-.053 1.67-.122 2.425-.202.752-.08 1.44-.16 2.06-.242.618-.08 1.063-.173 1.333-.282V93.734h7.514v40.796h-.002zM123.134 95.59c.915-.59 2.304-1.21 4.16-1.856 1.858-.646 4-.97 6.423-.97 3.016 0 5.696.54 8.04 1.616 2.34 1.078 4.32 2.584 5.937 4.522 1.614 1.94 2.84 4.257 3.675 6.947.833 2.694 1.252 5.655 1.252 8.887 0 3.393-.5 6.45-1.494 9.17-1 2.72-2.412 5.02-4.242 6.905-1.832 1.886-4.04 3.34-6.625 4.362-2.583 1.023-5.492 1.535-8.724 1.535-3.502 0-6.598-.245-9.29-.73-2.692-.484-4.9-.97-6.624-1.454v-60.18l7.513-1.292V95.59zm0 33.608c.755.216 1.818.42 3.192.604 1.373.19 3.082.284 5.13.284 4.038 0 7.27-1.334 9.692-4 2.425-2.665 3.637-6.45 3.637-11.35 0-2.15-.216-4.172-.646-6.06-.433-1.884-1.133-3.515-2.103-4.886-.97-1.375-2.222-2.45-3.756-3.232-1.533-.78-3.38-1.172-5.532-1.172-2.05 0-3.932.353-5.654 1.05-1.727.702-3.045 1.43-3.96 2.184v26.578zM194.546 134.53c-1.725.433-4 .89-6.826 1.374-2.827.483-6.1.727-9.816.727-3.23 0-5.95-.47-8.158-1.412-2.21-.94-3.986-2.274-5.33-3.998-1.35-1.724-2.316-3.757-2.91-6.1-.593-2.343-.89-4.94-.89-7.796v-23.59h7.513v21.974c0 5.117.808 8.778 2.423 10.985 1.617 2.21 4.336 3.314 8.16 3.314.81 0 1.643-.03 2.504-.083.86-.053 1.668-.122 2.424-.202.755-.08 1.44-.16 2.062-.242.618-.08 1.062-.173 1.33-.282V93.734h7.515v40.796zM205.37 94.947c1.723-.432 4.01-.89 6.867-1.375 2.852-.483 6.138-.727 9.854-.727 3.34 0 6.114.473 8.32 1.414 2.21.942 3.973 2.26 5.294 3.958 1.316 1.695 2.246 3.73 2.786 6.098.538 2.373.808 4.984.808 7.837v23.59h-7.513v-21.975c0-2.584-.177-4.79-.525-6.624-.35-1.833-.93-3.312-1.737-4.44-.808-1.135-1.885-1.954-3.23-2.467-1.346-.514-3.018-.768-5.007-.768-.812 0-1.646.026-2.504.08-.862.054-1.687.12-2.464.202-.784.08-1.48.176-2.103.28-.62.11-1.063.19-1.333.242v35.465h-7.512V94.946zM256.665 93.734h15.914v6.302h-15.915v19.388c0 2.1.16 3.84.484 5.212.323 1.372.81 2.45 1.454 3.23.646.78 1.45 1.33 2.422 1.654.97.324 2.1.487 3.393.487 2.313 0 4.145-.258 5.493-.77 1.345-.512 2.262-.875 2.748-1.09l1.614 6.14c-.754.38-2.088.863-3.998 1.454-1.912.594-4.078.89-6.502.89-2.856 0-5.213-.362-7.07-1.09-1.855-.728-3.352-1.816-4.482-3.272-1.13-1.453-1.925-3.243-2.382-5.372-.46-2.126-.688-4.59-.688-7.39V82.02l7.514-1.292v13.006zM313.455 134.53c-1.727.433-4 .89-6.826 1.374-2.828.483-6.102.727-9.814.727-3.232 0-5.953-.47-8.162-1.412s-3.985-2.274-5.33-3.998c-1.348-1.724-2.315-3.757-2.91-6.1-.592-2.343-.89-4.94-.89-7.796v-23.59h7.517v21.974c0 5.117.81 8.778 2.425 10.985 1.614 2.21 4.334 3.314 8.16 3.314.807 0 1.64-.03 2.503-.083.858-.053 1.667-.122 2.422-.202.755-.08 1.44-.16 2.062-.242.617-.08 1.062-.173 1.334-.282V93.734h7.513v40.796h-.005z"/></g>
-    </symbol>
-</svg>
-<div class="ues-page">
-  <section>
-  <h1>Icons</h1>
-  <div>
-    <svg role="img" class="ues-icon-ubuntu-logo">
-    <use xlink:href="#ubuntu-logo"></use>
-    </svg>
-    <svg role="img" class="ues-icon-navbar-menu">
-    <use xlink:href="#navbar-menu"></use>
-    </svg>
-    <svg role="img" class="ues-icon-navbar-search">
-    <use xlink:href="#navbar-search"></use>
-    </svg>
-    <svg role="img" class="ues-icon-search">
-    <use xlink:href="#search"></use>
-    </svg>
-    <svg role="img" class="ues-icon-spinner">
-    <use xlink:href="#spinner"></use>
-    </svg>
-    <svg role="img" class="ues-icon-caret">
-    <use xlink:href="#caret"></use>
-    </svg>
-
-  </div>
-  </section>
-  <section>
-  <h1>Typography</h1>
-
-  <h2>Headline Styles</h2>
-
-<div data-qa="headlines">
-  <h1 class="ues-hdisplay">Display Headline</h1>
-  <h1 class="ues-hmain">Main Headline</h1>
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-  <h1 class="ues-hmedium">Medium Headline</h1>
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-  <h1 class="ues-hlight">Light Headline</h1>
-  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-</div>
-
-  <h2>Multiline Headlines</h2>
-  <div style="width:320px" data-qa="multiline-headlines">
-    <h1 class="ues-hdisplay">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h1>
-    <h1>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h1>
-    <h2>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h2>
-    <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h3>
-  </div>
-
-  <h2>Block Content</h2>
-
-    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-    <p>Reiciendis soluta ab, soluta molestiae nesciunt ipsum est quis debitis voluptas qui at sed quo? Praesentium voluptate voluptatum placeat ea molestiae doloribus deserunt?</p>
-    <p>Exercitationem eum esse quos minus, maiores suscipit cupiditate delectus reprehenderit illo quidem distinctio esse nam aliquam fugit, reiciendis veritatis a expedita nisi deserunt rem repellat quos placeat illum, minima est iusto itaque iure? Odit facere possimus architecto sunt facilis voluptatibus eaque maiores necessitatibus, dolor deserunt est.</p>
-
-
-  <h3>Lead body copy</h3>
-  <p class=ues-lead>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
-  <p>architecto ab dolor explicabo inventore fugit quis doloribus minus nesciunt cumque sint</p>
-
-  <h3>Text Alignment</h3>
-  <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
-  <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
-  <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
-
-  <h3>Lists</h3>
-
-  <h4>Ordered &amp; Unordered</h4>
-  <ul class=ues-list>
-    <li>Apples</li>
-    <li>Oranges</li>
-    <li>Pears</li>
-  </ul>
-
-  <ol class=ues-list>
-    <li>Apples</li>
-    <ul class=ues-list>
-      <li>Cox</li>
-      <li>Gala</li>
-      <li>Bræburn</li>
-    </ul>
-    <li>Oranges</li>
-    <li>Pears</li>
-  </ol>
-
-  <h4>Bordered</h4>
-  <ul class="ues-list ues-list-bordered">
-    <li>excepturi dolore quo et quisquam atque neque at labore molestias quia nemo</li>
-    <li>architecto nam sapiente voluptate molestiae ducimus fugiat iure natus nihil quod officia</li>
-    <li>debitis nemo quos enim illo mollitia quidem numquam incidunt corrupti blanditiis consequuntur</li>
-    <li>impedit ipsa dignissimos quasi quaerat doloribus maxime libero voluptatum itaque molestias ab</li>
-    <li>quidem perspiciatis asperiores exercitationem facilis tenetur sapiente vero nemo consequatur odit nulla</li>
-  </ul>
-
-  <h4>Inline Lists</h4>
-  <ul class="ues-list ues-list-inline">
-    <li>Apple</li>
-    <li>Orange</li>
-    <li>Pear</li>
-  </ul>
-
-  <h4>Definition Lists</h4>
-  <dl class="ues-list">
-    <dt>Apple</dt>
-    <dd>dicta possimus iusto voluptatibus blanditiis totam incidunt excepturi mollitia quia aliquid eius</dd>
-    <dd>enim architecto velit corporis doloremque soluta sapiente eum ad optio dolorem sit</dd>
-    <dt>Orange</dt>
-    <dd>accusantium mollitia facilis nostrum iusto et iure unde dolorum alias corporis ullam</dd>
-    <dt>Pear</dt>
-    <dd>sint ullam exercitationem aliquid saepe ratione labore neque quis molestias dolorem inventore</dd>
-  </dl>
-</section>
-
-
-<section>
-  <h1>Buttons</h1>
-  <div data-qa="buttons">
-    <p>
-    <button class=ues-button data-qa="default-button">Default button</button>
-    <button class="ues-button ues-button-primary" data-qa="primary-button">Primary button</button>
-    <button class="ues-button ues-button-tertiary" data-qa="tertiary-button">Tertiary button</button>
-    </p>
-
-    <p>
-    <button class="ues-button">&#9731; <span>Change Payment Method</span></button>
-    <button class="ues-button ues-button-primary">&#9731; <span>Checkout</span></button>
-    </p>
-
-    <p>
-    <a class="ues-button" href="#">Link</a>
-    <button class=ues-button type=button>Button</button>
-    <input class=ues-button type=button value=Input>
-    <input class=ues-button type=submit value=Submit>
-    </p>
-
-    <p>
-    <button class="ues-button ues-button-large">Lrg</button>
-    <button class=ues-button>Dft</button>
-    <button class="ues-button ues-button-small">Sml</button>
-    </p>
-
-    <p><button class="ues-button ues-button-block">Default Block Button</button></p>
-    <p><button class="ues-button ues-button-block ues-button-primary">Primary Block Button</button></p>
-
-    <p>
-    <div class="ues-button-group" data-qa="button-group">
-      <button class="ues-button">Left</button>
-      <button class="ues-button">Middle</button>
-      <button class="ues-button">Right</button>
-    </div>
-    </p>
-
-    <p>
-    <div class="ues-button-toolbar" data-qa="button-toolbar">
-      <div class="ues-button-group">
-        <button class="ues-button">A</button>
-        <button class="ues-button">B</button>
-        <button class="ues-button">C</button>
-      </div>
-      <div class="ues-button-group">
-        <button class="ues-button">D</button>
-        <button class="ues-button">E</button>
-      </div>
-      <div class="ues-button-group">
-        <button class="ues-button">F</button>
-      </div>
-    </div>
-    </p>
-  </div>
-  </section>
-
-  <section class="clear">
-
-  <h1>Dropdowns</h1>
-  <ul data-qa="dropdown" class="ues-dropdown-menu" style="display:block; position:static">
-    <li class="ues-dropdown-header">Dropdown header</li>
-    <li><a tabindex="-1" href="#">Action</a></li>
-    <li><a tabindex="-1" href="#">Another action</a></li>
-    <li><a tabindex="-1" href="#">Something else here</a></li>
-    <li class="ues-dropdown-divider"></li>
-    <li><a tabindex="-1" href="#">Separated link</a></li>
-  </ul>
-  </section>
-
-
-<section>
-  <h1>Navigation</h1>
-
-  <h2>Horizontal Menu</h2>
-  <ul class="ues-menu ues-menu-horizontal">
-    <li><a href="">Dashboard</a></li>
-    <li><a href="">Files</a></li>
-    <li><a href="">Photos</a></li>
-    <li><a href="">Music</a></li>
-  </ul>
-
-  <h2>Vertical Menu</h2>
-  <ul class="ues-menu">
-    <li><a href="">Dashboard</a></li>
-    <li class="ues-menu-selected"><a href="">Files</a></li>
-    <li><a href="">Photos</a></li>
-    <li><a href="">Music</a></li>
-  </ul>
-
-  <h2>Navbar with brand + primary nav</h2>
-  <div id="navbar" class="ues-navbar" data-qa="navbar-simple">
-    <div class="ues-navbar-header">
-
-      <div class="ues-navbar-brand">
-        <a href="/">
-          <svg role="img" class="ues-icon-ubuntu-logo">
-          <use xlink:href="#ubuntu-logo"></use>
-          </svg>
-          <span>brand</span>
-        </a>
-      </div>
-    </div>
-    <div class="ues-navbar-collapse">
-      <div class="ues-navbar-primary-nav">
-        <ul class="ues-navbar-menu">
-          <li><a href="">Dashboard</a></li>
-          <li><a href="">Files</a></li>
-          <li><a href="">Photos</a></li>
-          <li><a href="">Music</a></li>
-        </ul>
-      </div>
-    </div>
-  </div>
-
-  <h2>Inverted Navbar + primary nav</h2>
-  <div class="ues-navbar ues-navbar-invert" data-qa="navbar-invert">
-    <div class="ues-navbar-header">
-      <div class="ues-navbar-brand">
-        <a href="/">
-          <svg role="img" class="ues-icon-ubuntu-logo-black">
-          <use xlink:href="#ubuntu-logo-black"></use>
-          </svg>
-          <span>brand</span>
-        </a>
-      </div>
-    </div>
-    <div class="ues-navbar-collapse">
-      <div class="ues-navbar-primary-nav">
-        <ul class="ues-navbar-menu">
-          <li><a href="">Dashboard</a></li>
-          <li><a href="">Files</a></li>
-          <li><a href="">Photos</a></li>
-          <li><a href="">Music</a></li>
-        </ul>
-      </div>
-      <div class="ues-navbar-secondary-nav">
-        <div class="ues-navbar-text">
-          <a class="ues-button ues-button-primary">Button</a>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <h2>Navbar with brand + primary nav + secondary nav</h2>
-  <div class="ues-navbar" data-qa="navbar-full">
-    <div class="ues-navbar-header">
-      <div class="ues-navbar-brand">
-        <a href="/">
-          <svg role="img" class="ues-icon-ubuntu-logo">
-          <use xlink:href="#ubuntu-logo"></use>
-          </svg>
-          <span>brand</span>
-        </a>
-      </div>
-    </div>
-    <div class="ues-navbar-collapse">
-      <div class="ues-navbar-primary-nav">
-        <ul class="ues-navbar-menu">
-          <li><a href="">Dashboard</a></li>
-          <li><a href="">Files</a></li>
-          <li><a href="">Photos</a></li>
-          <li><a href="">Music</a></li>
-        </ul>
-      </div>
-      <div class="ues-navbar-secondary-nav">
-        <ul class="ues-navbar-menu">
-          <li><a href="">Account</a></li>
-          <li><a href="">Settings</a></li>
-          <li><a href="">Logout</a></li>
-        </ul>
-      </div>
-    </div>
-  </div>
-
-  <h2>Navbar with brand + secondary nav</h2>
-  <div class="ues-navbar">
-    <div class="ues-navbar-header">
-      <div class="ues-navbar-brand">
-        <a href="/">
-          <svg role="img" class="ues-icon-ubuntu-logo">
-          <use xlink:href="#ubuntu-logo"></use>
-          </svg>
-          <span>brand</span>
-        </a>
-      </div>
-    </div>
-    <div class="ues-navbar-collapse">
-      <div class="ues-navbar-secondary-nav">
-        <ul class="ues-navbar-menu">
-          <li><a href="">Account</a></li>
-          <li><a href="">Settings</a></li>
-          <li><a href="">Logout</a></li>
-        </ul>
-      </div>
-    </div>
-  </div>
-
-  <h2>Navbar with brand + secondary nav text only</h2>
-  <div class="ues-navbar" data-qa="navbar-secondary-text">
-    <div class="ues-navbar-header">
-      <div class="ues-navbar-brand">
-        <a href="/">
-          <svg role="img" class="ues-icon-ubuntu-logo">
-          <use xlink:href="#ubuntu-logo"></use>
-          </svg>
-          <span>brand</span>
-        </a>
-      </div>
-    </div>
-    <div class="ues-navbar-collapse">
-      <div class="ues-navbar-secondary-nav">
-        <div class="ues-navbar-text">
-          Login
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <h2>Navbar with brand + secondary nav button</h2>
-  <div class="ues-navbar" data-qa="navbar-button">
-    <div class="ues-navbar-header">
-      <div class="ues-navbar-brand">
-        <a href="/">
-          <svg role="img" class="ues-icon-ubuntu-logo">
-          <use xlink:href="#ubuntu-logo"></use>
-          </svg>
-          <span>brand</span>
-        </a>
-      </div>
-    </div>
-    <div class="ues-navbar-collapse">
-      <div class="ues-navbar-secondary-nav">
-        <div class="ues-navbar-text">
-          <button class="ues-button ues-button-primary">Button</button>
-        </div>
-      </div>
-    </div>
-  </div>
-
-  <h2>Breadcrumb</h2>
-  <ol class="ues-breadcrumb" data-qa="breadcrumb">
-    <li><a href="">Categories</a></li>
-    <li><a href="">Games</a></li>
-    <li class="active">Side Scrolling Shoot 'Em Ups</li>
-  </ol>
-
-
-  <h2>Default Pagination</h2>
-  <ul class="ues-pagination">
-    <li class="ues-disabled"><a>&#x2190;</a></li>
-    <li class="ues-active"><a href="#">1</a></li>
-    <li><a href="#">2</a></li>
-    <li><a href="#">3</a></li>
-    <li><a href="#">4</a></li>
-    <li><a href="#">5</a></li>
-    <li><a href="#">&#x2192;</a></li>
-  </ul>
-
-  <h2>Pagination with break</h2>
-  <ul class="ues-pagination">
-    <li class="ues-disabled"><a>&#x2190;</a></li>
-    <li class="ues-active"><a href="#">1</a></li>
-    <li><a href="#">2</a></li>
-    <li><a href="#">3</a></li>
-    <li class="ues-pagination-break"><span>…</span></li>
-    <li><a href="#">8</a></li>
-    <li><a href="#">9</a></li>
-    <li><a href="#">10</a></li>
-    <li><a href="#">&#x2192;</a></li>
-  </ul>
-</section>
-
-
-<section>
-  <h1>Forms</h1>
-
-  <article>
-    <h2>Default Forms</h2>
-    <p>By default individual form controls receive styling, with minimal classing and
-    without any required base class on the <code class=tag>form</code> or large
-    changes in markup.</p>
-
-    <p>Results in stacked, left-aligned labels on top of form controls.</p>
-
-    <form action data-qa="default-form">
-      <fieldset>
-        <label>Username:</label>
-        <input type=text>
-
-        <label>Password:</label>
-        <input type=text>
-        <label><input type=checkbox>Keep me signed in</label>
-        <div class=ues-form-help>Form help text</div>
-      </fieldset>
-
-      <fieldset>
-        <legend>Payment Details</legend>
-
-        <label><input checked type=radio name=foo>Credit Card</label>
-        <label><input type=radio name=foo>Paypal</label>
-
-        <label>Name/username:</label>
-        <input type=text placeholder="Type something…">
-
-        <label class=ues-inline><input type=radio name=bar>Foo</label>
-        <label class=ues-inline><input checked type=radio name=bar>Bar</label>
-
-        <label>Card Number:</label>
-        <input type=text>
-
-        <label>CCV:</label>
-        <input type=text>
-        <div class=ues-form-help>Form help text</div>
-
-        <label>Select:</label>
-        <select>
-          <option value>Select One</option>
-          <option value=1>Select One</option>
-          <option value=2>Foo</option>
-          <option value=3>Bar</option>
-          <option value=4>Baz</option>
-        </select>
-        <label>Select:</label>
-        <select class=ues-inline>
-          <option value=2>Foo</option>
-          <option value=3 selected>Bar</option>
-          <option value=4>Baz</option>
-        </select>
-        <span class=ues-form-help>Inline form help text</span>
-
-      </fieldset>
-      <fieldset>
-        <label><input type=checkbox>Agree to ToS</label>
-      </fieldset>
-      <button type=submit class=ues-button>Submit</button>
-  </form>
-</article>
-<article>
-  <h2>Inline Form</h2>
-  <p>Simple inline form</p>
-  <form action class=ues-form-inline data-qa="inline-form">
-    <fieldset>
-      <input type=text placeholder="Type something…">
-      <input type=text placeholder="Type something…">
-      <label><input type=checkbox>Remember me?</label>
-      <button type=submit class=ues-button>Submit</button>
-    </fieldset>
-  </form>
-</article>
-<article>
-  <h2>Required Inputs</h2>
-  <p>To mark a form control as required, add the <code>required</code> attribute. </p>
-  <form action class=ues-form-inline>
-    <input type=text placeholder="Type something…" required="true">
-  </form>
-</article>
-<article>
-  <h2>Disabled Inputs</h2>
-  <p>To mark a form control as disabled, add the <code>disabled</code> attribute. </p>
-  <form action class=ues-form-inline>
-    <input type=text placeholder="Type something…" disabled="true">
-  </form>
-</article>
-<article>
-  <h2>Readonly Inputs</h2>
-  <form action class=ues-form-inline>
-    <input type=text readonly="true" value="http://ubuntuone.com/abcdef1234">
-  </form>
-</article>
-<article>
-  <h2>Site search input (button)</h2>
-  <div class="ues-site-search">
-    <input class="ues-site-search-input" type="search" placeholder="Placeholder">
-    <button class="ues-button-search">
-      <svg role="img" class="ues-icon-search">
-      <use xlink:href="#search"></use>
-      </svg>
-    </button>
-  </div>
-
-  <h2>Site search input (indicator)</h2>
-  <div class="ues-site-search">
-      <svg role="img" class="ues-icon-search">
-      <use xlink:href="#search"></use>
-      </svg>
-    <input class="ues-site-search-input" type="search" placeholder="Placeholder">
-  </div>
-
-  <h2>Site search input (both)</h2>
-  <div class="ues-site-search">
-    <svg role="img" class="ues-icon-search">
-    <use xlink:href="#search"></use>
-    </svg>
-    <input class="ues-site-search-input" type="search" placeholder="Placeholder">
-    <button class="ues-button-search">
-    <svg role="img" class="ues-icon-search">
-    <use xlink:href="#search"></use>
-    </svg>
-    </button>
-  </div>
-</article>
-<article>
-  <h2>Checkboxes &amp; Radios</h2>
-  <form action data-qa="checkboxes-and-radios">
-    <fieldset>
-      <legend>Radio inputs default, stacked</legend>
-      <label><input checked type=radio name=foo>Credit Card</label>
-      <label><input type=radio name=foo>Paypal</label>
-    </fieldset>
-    <fieldset>
-      <legend>Radio inputs inline, stacked</legend>
-      <label class=ues-inline><input type=radio name=bar>Foo</label>
-      <label class=ues-inline><input checked type=radio name=bar>Bar</label>
-    </fieldset>
-    <fieldset>
-      <legend>Checkbox default, stacked</legend>
-      <label><input checked type=checkbox name=foo1>Credit Card</label>
-      <label><input type=checkbox name=foo2>Paypal</label>
-    </fieldset>
-    <fieldset>
-      <legend>Checkbox inline, stacked</legend>
-      <label class=ues-inline><input type=checkbox name=bar1>Foo</label>
-      <label class=ues-inline><input checked type=checkbox name=bar2>Bar</label>
-    </fieldset>
-  </form>
-</article>
-
-
-</section>
-
-
-<section>
-<h1>Layout, including Pure (ues-) Grids</h1>
-<style scoped>
-  .ues-box {
-    margin:0 5px;
-  }
-</style>
-
-<div class="ues-g" data-qa="grids">
-  <div class="ues-u-1-5">
-    <h3>Outer 1/5</h3>
-    <p>lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod tempor incididunt ut labore</p>
-  </div>
-  <div class="ues-u-4-5">
-    <div class="ues-g">
-      <div class="ues-u-1-2">
-        <h3>Inner 1/2 of 4/5</h3>
-        <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
-      </div>
-      <div class="ues-u-1-2">
-        <h3>Inner 2/2 of 4/5</h3>
-        <p>lorem ipsum dolor sit amet consectetur adipisicing elit</p>
-      </div>
-    </div>
-  </div>
-</div>
-
-</section>
-
-<section>
-
-<h1>Feedback</h1>
-
-
-<h2>Static messages, warnings, errors, notices</h2>
-
-<article data-qa="notifications">
-<p class="ues-message ues-message-inline">Message</p>
-
-<p class="ues-message ues-message-inline ues-disabled">Disabled</p>
-
-<p class="ues-message ues-message-inline ues-success">Success</p>
-
-<p class="ues-message ues-message-inline ues-warning">Warning</p>
-
-<p class="ues-message ues-message-inline ues-error">Error</p>
-
-<p class="ues-message ues-message-inline ues-error ues-error-pulsating">Pulsating error</p>
-
-<p class="ues-message ues-message-inline ues-information">Information</p>
-
-<p id="msg-closeable" class="ues-message ues-message-closeable">Closable</p>
-
-<p class="ues-message ues-message-bordered ues-information">Block element with border</p>
-
-<p class="ues-message ues-message-bordered ues-warning">Warning with an <a href="#feedback">important link</a></p>
-</article>
-</section>
-
-<section>
-
-<h1>Tables</h1>
-
-<h2>Default table</h2>
-
-<table class="ues-table">
-
-  <thead>
-    <tr>
-      <th>Fruit</th>
-      <th>Weight</th>
-      <th>Colour</th>
-    </tr>
-  </thead>
-
-  <tbody>
-    <tr>
-      <td>Apple</td>
-      <td>150g</td>
-      <td>Red|Green</td>
-    </tr>
-    <tr>
-      <td>Orange</td>
-      <td>200g</td>
-      <td>Orange</td>
-    </tr>
-  </tbody>
-
-</table>
-
-<h2>Small table</h2>
-
-<table class="ues-table ues-table-small">
-
-  <thead>
-    <tr>
-      <th>Fruit</th>
-      <th>Weight</th>
-      <th>Colour</th>
-    </tr>
-  </thead>
-
-  <tbody>
-    <tr>
-      <td>Apple</td>
-      <td>150g</td>
-      <td>Red|Green</td>
-    </tr>
-    <tr>
-      <td>Orange</td>
-      <td>200g</td>
-      <td>Orange</td>
-    </tr>
-  </tbody>
-
-</table>
-
-<h2>Bordered Table</h2>
-
-<table class="ues-table ues-table-bordered">
-
-  <thead>
-    <tr>
-      <th>Fruit</th>
-      <th>Weight</th>
-      <th>Colour</th>
-    </tr>
-  </thead>
-
-  <tbody>
-    <tr>
-      <td>Apple</td>
-      <td>150g</td>
-      <td>Red|Green</td>
-    </tr>
-    <tr>
-      <td>Orange</td>
-      <td>200g</td>
-      <td>Orange</td>
-    </tr>
-  </tbody>
-
-</table>
-
-<h2>Horizontal border</h2>
-
-<table class="ues-table ues-table-horizontal">
-
-  <thead>
-    <tr>
-      <th>Fruit</th>
-      <th>Weight</th>
-      <th>Colour</th>
-    </tr>
-  </thead>
-
-  <tbody>
-    <tr>
-      <td>Apple</td>
-      <td>150g</td>
-      <td>Red|Green</td>
-    </tr>
-    <tr>
-      <td>Orange</td>
-      <td>200g</td>
-      <td>Orange</td>
-    </tr>
-  </tbody>
-
-</table>
-
-<h2>Striped</h2>
-
-<table class="ues-table ues-table-striped">
-
-  <thead>
-    <tr>
-      <th>Fruit</th>
-      <th>Weight</th>
-      <th>Colour</th>
-    </tr>
-  </thead>
-
-  <tbody>
-    <tr>
-      <td>Apple</td>
-      <td>150g</td>
-      <td>Red|Green</td>
-    </tr>
-    <tr>
-      <td>Orange</td>
-      <td>200g</td>
-      <td>Orange</td>
-    </tr>
-    <tr>
-      <td>Banana</td>
-      <td>110g</td>
-      <td>Yellow</td>
-    </tr>
-    <tr>
-      <td>Strawberry</td>
-      <td>5g</td>
-      <td>Red</td>
-    </tr>
-    <tr>
-      <td>Tomato</td>
-      <td>80g</td>
-      <td>Red</td>
-    </tr>
-    <tr>
-      <td>Pineapple</td>
-      <td>600g</td>
-      <td>Greenyellow</td>
-    </tr>
-    <tr>
-      <td>Basket</td>
-      <td>130g</td>
-      <td>Brown</td>
-    </tr>
-  </tbody>
-
-</table>
-
-<h2>Caption, colgroup, cols, tfoot</h2>
-
-<table class="ues-table">
-
-  <caption>Fruits and their attributes</caption>
-
-  <colgroup>
-    <col span="1" class="object">
-    <col span="2" class="attributes">
-  </colgroup>
-
-  <thead>
-    <tr>
-      <th>Fruit</th>
-      <th>Weight</th>
-      <th>Colour</th>
-    </tr>
-  </thead>
-
-  <tfoot>
-    <tr>
-      <td>Averages</td>
-      <td>175g</td>
-      <td>Bright colours</td>
-    </tr>
-  </tfoot>
-
-  <tbody>
-    <tr>
-      <td>Apple</td>
-      <td>150g</td>
-      <td>Red|Green</td>
-    </tr>
-    <tr>
-      <td>Orange</td>
-      <td>200g</td>
-      <td>Orange</td>
-    </tr>
-  </tbody>
-
-
-</table>
-
-
-</section>
-</div>
-</body>
-</html>

=== added symlink 'test/js'
=== target is u'../node_modules/online-services-common-js/'
=== removed symlink 'test/js'
=== target was u'../node_modules/online-services-common-js/'
=== removed directory 'test/visual'
=== removed directory 'test/visual/config'
=== removed file 'test/visual/config/large.js'
--- test/visual/config/large.js	2014-10-09 13:47:33 +0000
+++ test/visual/config/large.js	1970-01-01 00:00:00 +0000
@@ -1,70 +0,0 @@
-var phantomcss = require('./../../../node_modules/phantomcss/phantomcss.js');
-
-phantomcss.init({
-  libraryRoot: './node_modules/phantomcss',
-  screenshotRoot: './test/visual/screenshots/large',
-  failedComparisonsRoot: './test/visual/failures/large',
-  comparisonResultRoot: './test/visual/results/large',
-  errorType: 'movement',
-  fileNameGetter: function(root,filename){ 
-    var name = root+'/'+filename.toLowerCase().replace(/ /g,'_');
-    if(fs.isFile(name+'.png')){
-      return name+'.diff.png';
-    } else {
-      return name+'.png';
-    }
-  },
-});
-
-casper.start( './test/index.html' );
-
-casper.viewport(1024, 768, function(){
-    // buttons
-    phantomcss.screenshot('[data-qa="default-button"]', 'Default Button');
-    phantomcss.screenshot('[data-qa="primary-button"]', 'Primary Button');
-    phantomcss.screenshot('[data-qa="tertiary-button"]', 'Tertiary Button');
-    phantomcss.screenshot('[data-qa="button-group"]', 'Button Group');
-    phantomcss.screenshot('[data-qa="button-toolbar"]', 'Button Toolbar');
-
-    // headlines
-    phantomcss.screenshot('[data-qa="headlines"]', 'Headlines');
-
-    // dropdowns
-    phantomcss.screenshot('[data-qa="dropdown"]', 'Dropdown');
-
-    // navbars
-    phantomcss.screenshot('[data-qa="navbar-simple"]', 'Simple Navbar');
-    phantomcss.screenshot('[data-qa="navbar-invert"]', 'Invert Navbar');
-    phantomcss.screenshot('[data-qa="navbar-full"]', 'Full Navbar');
-    phantomcss.screenshot('[data-qa="navbar-button"]', 'Navbar with button');
-    phantomcss.screenshot('[data-qa="navbar-secondary-text"]', 'Navbar with secondary text');
-
-    // forms
-    phantomcss.screenshot('[data-qa="default-form"]', 'Default form');
-    phantomcss.screenshot('[data-qa="inline-form"]', 'Inline form');
-    phantomcss.screenshot('[data-qa="checkboxes-and-radios"]', 'Checkboxes and radios');
-
-    // grids
-    phantomcss.screenshot('[data-qa="grids"]', 'grids');
-
-    // messages
-    // phantomcss.screenshot('[data-qa="notifications"]', 'notifications');
-    //
-});
-
-casper.then( function now_check_the_screenshots(){
-  // compare screenshots
-  phantomcss.compareAll();
-});
-
-casper.then( function end_it(){
-  casper.test.done();
-});
-
-/*
-Casper runs tests
-*/
-casper.run(function(){
-  console.log('\nTHE END.');
-  phantom.exit(phantomcss.getExitStatus());
-});

=== removed file 'test/visual/config/small.js'
--- test/visual/config/small.js	2014-10-07 09:39:59 +0000
+++ test/visual/config/small.js	1970-01-01 00:00:00 +0000
@@ -1,43 +0,0 @@
-var phantomcss = require('./../../../node_modules/phantomcss/phantomcss.js');
-
-phantomcss.init({
-  libraryRoot: './node_modules/phantomcss',
-  screenshotRoot: './test/visual/screenshots/small',
-  failedComparisonsRoot: './test/visual/failures/small',
-  comparisonResultRoot: './test/visual/results/small',
-  errorType: 'movement',
-  fileNameGetter: function(root,filename){ 
-    var name = root+'/'+filename.toLowerCase().replace(/ /g,'_');
-    if(fs.isFile(name+'.png')){
-      return name+'.diff.png';
-    } else {
-      return name+'.png';
-    }
-  },
-});
-
-casper.start( './test/index.html' );
-
-casper.viewport(320, 480, function(){
-    // navbars, small screen
-    phantomcss.screenshot('[data-qa="navbar-simple"]', 'Simple Navbar');
-    phantomcss.screenshot('[data-qa="navbar-invert"]', 'Invert Navbar');
-    phantomcss.screenshot('[data-qa="navbar-full"]', 'Full Navbar');
-});
-
-casper.then( function now_check_the_screenshots(){
-  // compare screenshots
-  phantomcss.compareAll();
-});
-
-casper.then( function end_it(){
-  casper.test.done();
-});
-
-/*
-Casper runs tests
-*/
-casper.run(function(){
-  console.log('\nTHE END.');
-  phantom.exit(phantomcss.getExitStatus());
-});

=== removed directory 'test/visual/screenshots'
=== removed directory 'test/visual/screenshots/large'
=== removed file 'test/visual/screenshots/large/button_group.png'
Binary files test/visual/screenshots/large/button_group.png	2014-10-09 14:35:24 +0000 and test/visual/screenshots/large/button_group.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/button_toolbar.png'
Binary files test/visual/screenshots/large/button_toolbar.png	2014-10-09 14:35:24 +0000 and test/visual/screenshots/large/button_toolbar.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/checkboxes_and_radios.png'
Binary files test/visual/screenshots/large/checkboxes_and_radios.png	2014-10-07 09:39:59 +0000 and test/visual/screenshots/large/checkboxes_and_radios.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/default_button.png'
Binary files test/visual/screenshots/large/default_button.png	2014-10-09 14:35:24 +0000 and test/visual/screenshots/large/default_button.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/default_form.png'
Binary files test/visual/screenshots/large/default_form.png	2014-10-09 14:35:24 +0000 and test/visual/screenshots/large/default_form.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/dropdown.png'
Binary files test/visual/screenshots/large/dropdown.png	2014-10-09 13:47:33 +0000 and test/visual/screenshots/large/dropdown.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/full_navbar.png'
Binary files test/visual/screenshots/large/full_navbar.png	2014-10-07 10:39:45 +0000 and test/visual/screenshots/large/full_navbar.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/grids.png'
Binary files test/visual/screenshots/large/grids.png	2014-10-07 09:39:59 +0000 and test/visual/screenshots/large/grids.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/headlines.png'
Binary files test/visual/screenshots/large/headlines.png	2014-10-07 09:39:59 +0000 and test/visual/screenshots/large/headlines.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/inline_form.png'
Binary files test/visual/screenshots/large/inline_form.png	2014-10-09 14:35:24 +0000 and test/visual/screenshots/large/inline_form.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/invert_navbar.png'
Binary files test/visual/screenshots/large/invert_navbar.png	2014-10-17 23:55:41 +0000 and test/visual/screenshots/large/invert_navbar.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/navbar_with_button.png'
Binary files test/visual/screenshots/large/navbar_with_button.png	2014-10-09 14:35:24 +0000 and test/visual/screenshots/large/navbar_with_button.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/navbar_with_secondary_text.png'
Binary files test/visual/screenshots/large/navbar_with_secondary_text.png	2014-10-07 10:39:45 +0000 and test/visual/screenshots/large/navbar_with_secondary_text.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/primary_button.png'
Binary files test/visual/screenshots/large/primary_button.png	2014-10-09 14:35:24 +0000 and test/visual/screenshots/large/primary_button.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/simple_navbar.png'
Binary files test/visual/screenshots/large/simple_navbar.png	2014-10-07 10:39:45 +0000 and test/visual/screenshots/large/simple_navbar.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/large/tertiary_button.png'
Binary files test/visual/screenshots/large/tertiary_button.png	2014-10-07 09:39:59 +0000 and test/visual/screenshots/large/tertiary_button.png	1970-01-01 00:00:00 +0000 differ
=== removed directory 'test/visual/screenshots/small'
=== removed file 'test/visual/screenshots/small/full_navbar.png'
Binary files test/visual/screenshots/small/full_navbar.png	2014-10-07 10:39:45 +0000 and test/visual/screenshots/small/full_navbar.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/small/invert_navbar.png'
Binary files test/visual/screenshots/small/invert_navbar.png	2014-10-17 23:55:41 +0000 and test/visual/screenshots/small/invert_navbar.png	1970-01-01 00:00:00 +0000 differ
=== removed file 'test/visual/screenshots/small/simple_navbar.png'
Binary files test/visual/screenshots/small/simple_navbar.png	2014-10-07 10:39:45 +0000 and test/visual/screenshots/small/simple_navbar.png	1970-01-01 00:00:00 +0000 differ