Update tox to run htmllint and csslint

JIRA: DOVETAIL-753

This patch adds a new tox environment to run htmllint and csslint.
Furthermore, it fixes any leftover html and css errors.

Change-Id: Ie3fda8d89b3d52851debe1a4271ffd0ac8fbee68
Signed-off-by: Stamatis Katsaounis <mokats@intracom-telecom.com>

3 files changed, 47 insertions, 40 deletions

diff --git a/3rd_party/static/testapi-ui/assets/css/ascend.css b/3rd_party/static/testapi-ui/assets/css/ascend.css
index 258cf0b..0c1bbe6 100644
--- a/3rd_party/static/testapi-ui/assets/css/ascend.css
+++ b/3rd_party/static/testapi-ui/assets/css/ascend.css
@@ -88,12 +88,12 @@ body .vc_text_separator div,
 

 .ascend .nectar-progress-bar .bar-wrap,

 .ascend .nectar-progress-bar span {

-  box-shadow: none;

   -webkit-box-shadow: none;

   -o-box-shadow: none;

-  border-radius: 0;

+  box-shadow: none;

   -webkit-border-radius: 0;

   -o-border-radius: 0;

+  border-radius: 0;

 }

 

 body .carousel-wrap[data-full-width="false"] .control-wrap {

@@ -494,8 +494,9 @@ body.ascend #search-outer #search input[type="text"] {
 }

 

 #search-outer #search #close a:hover {

-  transform: rotate(90deg) translateZ(0);

+  -ms-transform: rotate(90deg) translateZ(0);

   -webkit-transform: rotate(90deg) translateZ(0);

+  transform: rotate(90deg) translateZ(0);

 }

 

 #search-outer #search .span_12 span {

@@ -755,10 +756,10 @@ article.post .more-link span,
 

 .ascend .col.boxed,

 .ascend .wpb_column.boxed {

-  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

   -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);

   background-color: #fff;

   padding: 25px 15px 15px;

   position: relative;

@@ -770,12 +771,13 @@ article.post .more-link span,
 

 .ascend .col.boxed:hover,

 .ascend .wpb_column.boxed:hover {

-  transform: translateY(-4px) !important;

+  -ms-transform: translateY(-4px) !important;

   -webkit-transform: translateY(-4px) !important;

-  box-shadow: 0 17px 25px rgba(0, 0, 0, 0.13) !important;

+  transform: translateY(-4px) !important;

   -webkit-box-shadow: 0 17px 25px rgba(0, 0, 0, 0.13);

   -moz-box-shadow: 0 17px 25px rgba(0, 0, 0, 0.13);

   -o-box-shadow: 0 17px 25px rgba(0, 0, 0, 0.13);

+  box-shadow: 0 17px 25px rgba(0, 0, 0, 0.13) !important;

 }

 

 .ascend a.pp_arrow_previous,

@@ -895,8 +897,9 @@ a.pp_arrow_next {
 .woocommerce .pswp__button--arrow--right:after,

 .woocommerce .pswp__button--arrow--left:after {

   top: 17px;

-  transform: translateX(-27px);

+  -ms-transform: translateX(-27px);

   -webkit-transform: translateX(-27px);

+  transform: translateX(-27px);

 }

 

 .ascend .mfp-arrow-left:after,

@@ -946,50 +949,58 @@ a.pp_arrow_next {
 .mfp-arrow-right:hover:after,

 .woocommerce .pswp__button--arrow--right:hover:after {

   opacity: 1;

-  transform: translateX(-18px);

+  -ms-transform: translateX(-18px);

   -webkit-transform: translateX(-18px);

+  transform: translateX(-18px);

 }

 

 .mfp-arrow-right:hover:before,

 .woocommerce .pswp__button--arrow--right:hover:before {

-  transform: translateX(9px);

+  -ms-transform: translateX(9px);

   -webkit-transform: translateX(9px);

+  transform: translateX(9px);

 }

 

 .mfp-arrow-left:hover:before,

 .woocommerce .pswp__button--arrow--left:hover:before {

-  transform: translateX(-9px);

+  -ms-transform: translateX(-9px);

   -webkit-transform: translateX(-9px);

+  transform: translateX(-9px);

 }

 

 .mfp-arrow-right:hover:after,

 .woocommerce .pswp__button--arrow--right:hover:after {

-  transform: translateX(-1px);

+  -ms-transform: translateX(-1px);

   -webkit-transform: translateX(-1px);

+  transform: translateX(-1px);

 }

 

 .ascend a.pp_arrow_next:hover .icon-default-style {

-  transform: translateX(7px);

+  -ms-transform: translateX(7px);

   -webkit-transform: translateX(7px);

+  transform: translateX(7px);

 }

 

 .ascend a.pp_arrow_previous:hover .icon-default-style:after,

 .mfp-arrow-left:hover:after,

 .woocommerce .pswp__button--arrow--left:hover:after {

   opacity: 1;

-  transform: translateX(-51px);

+  -ms-transform: translateX(-51px);

   -webkit-transform: translateX(-51px);

+  transform: translateX(-51px);

 }

 

 .mfp-arrow-left:hover:after,

 .woocommerce .pswp__button--arrow--left:hover:after {

-  transform: translateX(-58px);

+  -ms-transform: translateX(-58px);

   -webkit-transform: translateX(-58px);

+  transform: translateX(-58px);

 }

 

 .ascend a.pp_arrow_previous:hover .icon-default-style {

-  transform: translateX(-7px);

+  -ms-transform: translateX(-7px);

   -webkit-transform: translateX(-7px);

+  transform: translateX(-7px);

 }

 

 .container-wrap input[type="text"],

@@ -1002,10 +1013,10 @@ a.pp_arrow_next {
 .container-wrap input[type="date"] {

   background-color: transparent !important;

   border: 1px solid #ccc !important;

-  box-shadow: none !important;

   -webkit-box-shadow: none !important;

-  font-size: 16px !important;

   -o-box-shadow: none !important;

+  box-shadow: none !important;

+  font-size: 16px !important;

   padding: 16px !important;

 }

 

diff --git a/3rd_party/static/testapi-ui/assets/css/combine.css b/3rd_party/static/testapi-ui/assets/css/combine.css
index 7d29159..5b3ed96 100644
--- a/3rd_party/static/testapi-ui/assets/css/combine.css
+++ b/3rd_party/static/testapi-ui/assets/css/combine.css
@@ -216,6 +216,7 @@ ul.tabs {
   margin: auto;
   background-color: #f5f5f5;
   -webkit-border-radius: 3px;
+  border-radius: 3px;
   border: 1px solid #d8d8d8;
   border-top: 1px solid #bcbcbc;
 }
@@ -239,7 +240,6 @@ ul.tabs {
 .tabs li a {
   margin: 0px;
   display: inline-block;
-  text-align: left;
   color: #41728d;
   font-size: 13px;
   font-family: 'PT Sans', serif;
@@ -284,13 +284,12 @@ a.button {
   text-decoration: none;
   font-size: 14px;
   line-height: 3em;
-  background: #ddd;
-  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
   -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
   text-shadow: #fff 0px 1px 1px;
   background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#bebebe));
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#bebebe');
+  background: #ddd;
 }
 
 a.button:hover {
@@ -299,12 +298,12 @@ a.button:hover {
 }
 
 a.button:active {
-  background: #ababab;
-  box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
+  box-shadow: none;
   border-color: #ababab;
   border-top-color: #636363;
+  background: #ababab;
   background: -webkit-gradient(linear, left top, left bottom, from(#bebebe), to(#dddddd));
   -webkit-transition: none;
   padding: 4px 29px 2px 31px !important;
@@ -326,15 +325,13 @@ input.action {
   /* firefox */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(50%, #F3F3F3), color-stop(100%, #EBEBEB));
   /* webkit */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EBEBEB',GradientType=0 );
-  /* ie */
-  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
   text-shadow: #fff 0px 1px 1px;
-  border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
+  border-radius: 3px;
   border-bottom-color: #a0a0a0;
   border-right-color: #bababa;
   border-left-color: #bababa;
@@ -349,12 +346,12 @@ input.action:hover {
 
 a.roundedButton:active,
 input.action:active {
-  background: #ababab;
-  box-shadow: none;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
+  box-shadow: none;
   border-color: #ababab;
   border-top-color: #636363;
+  background: #ababab;
   background: -webkit-gradient(linear, left top, left bottom, from(#bebebe), to(#dddddd));
   -webkit-transition: none;
   padding: 4px 15px;
@@ -593,6 +590,7 @@ a.downloadLink {
   padding-right: 7px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
+  border-radius: 3px;
   color: #757575;
   font-size: 0.7em;
   text-decoration: none;
@@ -717,9 +715,9 @@ ul#quotes p.name strong {
   background: rgba(0, 0, 0, 0.8);
   padding: 1px 8px;
   color: white;
-  border-radius: 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
+  border-radius: 4px;
 }
 
 a.Datasheet {
@@ -809,6 +807,7 @@ ul.user-project-list li {
   background-color: #e2f1f5;
   border: 1px solid #89c6d6;
   -webkit-border-radius: 3px;
+  border-radius: 3px;
   padding: 2px 8px;
   margin-bottom: 5px;
   color: #1a4b6b;
@@ -870,10 +869,12 @@ ul.user-project-list li {
 .user-photo img {
   border: 5px solid white;
   -webkit-box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3);
+  box-shadow: 3px 2px 2px rgba(0, 0, 0, 0.3);
 }
 
 .siteMessage {
   -webkit-border-radius: 4px;
+  border-radius: 4px;
   border: 1px solid;
   margin-bottom: 10px;
   margin-top: 20px;
@@ -1790,6 +1791,7 @@ a.featured-link:hover {
 
 .news-section .news-wrapper ul {
   margin: 30px 0;
+  -moz-padding-start: 0;
   -webkit-padding-start: 0;
 }
 
@@ -1977,6 +1979,7 @@ a.featured-link:hover {
 
 .footer-links ul {
   margin-left: 0;
+  -moz-padding-start: 0;
   -webkit-padding-start: 0;
 }
 
@@ -2660,8 +2663,7 @@ ul.marketplace-nav li:last-child {
 
 @media (max-width: 680px) {
   ul.marketplace-nav li {
-    display: block;
-    float: left;
+    display: table-cell;
     border-right: none;
     text-align: left;
     border-bottom: 1px solid #e8e8e8;
@@ -2708,7 +2710,6 @@ ul.marketplace-nav a span {
   ul.marketplace-nav a span {
     display: table-cell;
     vertical-align: middle;
-    float: left;
   }
 }
 
@@ -3428,7 +3429,6 @@ i.mobile-expand {
   i.mobile-expand {
     position: relative;
     display: inline-block;
-    float: right;
     cursor: pointer;
   }
 
@@ -3448,7 +3448,6 @@ i.mobile-expand {
   .navbar-nav > li.open i.mobile-expand {
     position: relative;
     display: inline-block;
-    float: right;
     cursor: pointer;
   }
 
diff --git a/3rd_party/static/testapi-ui/assets/css/home/home.css b/3rd_party/static/testapi-ui/assets/css/home/home.css
index b806151..66b3a8e 100644
--- a/3rd_party/static/testapi-ui/assets/css/home/home.css
+++ b/3rd_party/static/testapi-ui/assets/css/home/home.css
@@ -38,7 +38,7 @@
 }
 
 #directory_inner tr {
-  vertical-align: center;
+  vertical-align: middle;
 }
 
 #directory_inner {
@@ -63,10 +63,7 @@
 }
 
 .company_logo {
-  padding-right: 30px;
-  padding-left: 20px;
-  padding-top: 20px;
-  padding-bottom: 20px;
+  padding: 20px 30px 20px 20px;
 }
 
 .company_row:hover {