From 2735ea8a2aef55ebb0a48b50d9a0e36cf3f63b94 Mon Sep 17 00:00:00 2001 From: Stamatis Katsaounis Date: Mon, 26 Nov 2018 11:25:29 +0200 Subject: 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 --- .../static/swagger/css/hightlight.default.css | 135 --------------------- 3rd_party/static/swagger/css/screen.css | 2 +- 3rd_party/static/swagger/index.html | 14 +-- 3rd_party/static/swagger/o2c.html | 2 +- 3rd_party/static/testapi-ui/assets/css/ascend.css | 45 ++++--- 3rd_party/static/testapi-ui/assets/css/combine.css | 35 +++--- .../static/testapi-ui/assets/css/home/home.css | 7 +- .../components/about/templates/README.html | 24 ++-- .../components/application/application.html | 50 ++++---- .../testapi-ui/components/auth/authPortal.html | 2 +- .../testapi-ui/components/directory/directory.html | 14 +-- .../components/guidelines/guidelines.html | 2 +- .../guidelines/partials/guidelineDetails.html | 10 +- .../guidelines/partials/testListModal.html | 6 +- .../static/testapi-ui/components/home/home.html | 48 ++++---- .../results-report/partials/editTestModal.html | 6 +- .../results-report/partials/reportDetails.html | 16 ++- .../components/results-report/resultsReport.html | 16 +-- .../components/results/modal/sharedModal.html | 2 +- .../testapi-ui/components/results/results.html | 6 +- .../static/testapi-ui/components/sut/sut.html | 5 +- 3rd_party/static/testapi-ui/index.html | 44 +++---- .../static/testapi-ui/shared/header/header.html | 4 +- 23 files changed, 186 insertions(+), 309 deletions(-) delete mode 100644 3rd_party/static/swagger/css/hightlight.default.css (limited to '3rd_party/static') diff --git a/3rd_party/static/swagger/css/hightlight.default.css b/3rd_party/static/swagger/css/hightlight.default.css deleted file mode 100644 index e417fc1..0000000 --- a/3rd_party/static/swagger/css/hightlight.default.css +++ /dev/null @@ -1,135 +0,0 @@ -/* - -Original style from softwaremaniacs.org (c) Ivan Sagalaev - -*/ - -pre code { - display: block; padding: 0.5em; - background: #F0F0F0; -} - -pre code, -pre .subst, -pre .tag .title, -pre .lisp .title, -pre .clojure .built_in, -pre .nginx .title { - color: black; -} - -pre .string, -pre .title, -pre .constant, -pre .parent, -pre .tag .value, -pre .rules .value, -pre .rules .value .number, -pre .preprocessor, -pre .ruby .symbol, -pre .ruby .symbol .string, -pre .aggregate, -pre .template_tag, -pre .django .variable, -pre .smalltalk .class, -pre .addition, -pre .flow, -pre .stream, -pre .bash .variable, -pre .apache .tag, -pre .apache .cbracket, -pre .tex .command, -pre .tex .special, -pre .erlang_repl .function_or_atom, -pre .markdown .header { - color: #800; -} - -pre .comment, -pre .annotation, -pre .template_comment, -pre .diff .header, -pre .chunk, -pre .markdown .blockquote { - color: #888; -} - -pre .number, -pre .date, -pre .regexp, -pre .literal, -pre .smalltalk .symbol, -pre .smalltalk .char, -pre .go .constant, -pre .change, -pre .markdown .bullet, -pre .markdown .link_url { - color: #080; -} - -pre .label, -pre .javadoc, -pre .ruby .string, -pre .decorator, -pre .filter .argument, -pre .localvars, -pre .array, -pre .attr_selector, -pre .important, -pre .pseudo, -pre .pi, -pre .doctype, -pre .deletion, -pre .envvar, -pre .shebang, -pre .apache .sqbracket, -pre .nginx .built_in, -pre .tex .formula, -pre .erlang_repl .reserved, -pre .prompt, -pre .markdown .link_label, -pre .vhdl .attribute, -pre .clojure .attribute, -pre .coffeescript .property { - color: #88F -} - -pre .keyword, -pre .id, -pre .phpdoc, -pre .title, -pre .built_in, -pre .aggregate, -pre .css .tag, -pre .javadoctag, -pre .phpdoc, -pre .yardoctag, -pre .smalltalk .class, -pre .winutils, -pre .bash .variable, -pre .apache .tag, -pre .go .typename, -pre .tex .command, -pre .markdown .strong, -pre .request, -pre .status { - font-weight: bold; -} - -pre .markdown .emphasis { - font-style: italic; -} - -pre .nginx .built_in { - font-weight: normal; -} - -pre .coffeescript .javascript, -pre .javascript .xml, -pre .tex .formula, -pre .xml .javascript, -pre .xml .vbscript, -pre .xml .css, -pre .xml .cdata { - opacity: 0.5; -} diff --git a/3rd_party/static/swagger/css/screen.css b/3rd_party/static/swagger/css/screen.css index 2882b8d..1f22ecb 100644 --- a/3rd_party/static/swagger/css/screen.css +++ b/3rd_party/static/swagger/css/screen.css @@ -1035,7 +1035,7 @@ table { color: black; } .title { - font-style: bold; + font-weight: bold; } .secondary_form { display: none; diff --git a/3rd_party/static/swagger/index.html b/3rd_party/static/swagger/index.html index db209f4..521a375 100644 --- a/3rd_party/static/swagger/index.html +++ b/3rd_party/static/swagger/index.html @@ -2,9 +2,9 @@ Swagger UI - - - + + + @@ -67,13 +67,13 @@
- + Petstore
- + Wordnik
-
-
+
+
Explore
diff --git a/3rd_party/static/swagger/o2c.html b/3rd_party/static/swagger/o2c.html index d32d130..2f8a6a5 100644 --- a/3rd_party/static/swagger/o2c.html +++ b/3rd_party/static/swagger/o2c.html @@ -12,4 +12,4 @@ qp = qp ? JSON.parse('{"' + qp.replace(/&/g, '","').replace(/=/g,'":"') + '"}', ):{} window.opener.onOAuthComplete(qp); window.close(); - \ No newline at end of file + 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 { diff --git a/3rd_party/static/testapi-ui/components/about/templates/README.html b/3rd_party/static/testapi-ui/components/about/templates/README.html index 538ffb8..4be7c8d 100644 --- a/3rd_party/static/testapi-ui/components/about/templates/README.html +++ b/3rd_party/static/testapi-ui/components/about/templates/README.html @@ -38,12 +38,12 @@ defined by the community under the oversight of the Technical Steering Committee

Please note that these sources are subject to further revisions and may be updated at some future time. The current compliance verification procedures are published by OPNFV.

-

Program Management & Maintenance

+

Program Management & Maintenance

-

Role of C&C Committee

-

The OPNFV Certification & Compliance (C&C) Committee, hereafter referred to as the Committee, serves as the CVP -administrator on behalf of the OPNFV Board of Directors. The Committee is responsible for defining program governance, -compliance verification strategy, and the overall scope of the compliance verification procedures.

+

Role of C&C Committee

+

The OPNFV Certification & Compliance (C&C) Committee, hereafter referred to as the Committee, serves as the +CVP administrator on behalf of the OPNFV Board of Directors. The Committee is responsible for defining program +governance, compliance verification strategy, and the overall scope of the compliance verification procedures.

Maintenance of Program Documents

Program documents, such as this document, produced by the Committee will be labeled using semantic versioning. @@ -90,9 +90,9 @@ endorse any products or appear to endorse any products.

  • Readiness for commercial deployment
    • -

    The OPNFV C&C Committee on behalf of the Board of Directors can award a product “OPNFV Ready” status. “OPNFV Ready”, -therefore, may not be used in relation to a vendor’s product without first having met the requirements outlined in this -document.

    +

    The OPNFV C&C Committee on behalf of the Board of Directors can award a product “OPNFV Ready” status. +“OPNFV Ready”, therefore, may not be used in relation to a vendor’s product without first having met the requirements +outlined in this document.

    Use of “Ready” must be used in conjunction with the OPNFV release name under which the product was verified (e.g., “OPNFV Colorado Ready”). This allows the OPNFV compliance/qualification standard to evolve over time as the OPNFV platform matures.

    @@ -125,7 +125,7 @@ respect to the confirmed category.

    Logo/Trademark, program documents, or compliance verification procedures.

    -

    Compliance Verification & Application Requirements

    +

    Compliance Verification & Application Requirements

    Compliance Verification Procedures Requirements

    CVP compliance verification procedures leverage tests, compliance verification tools, test infrastructure and compliance verification program infrastructure defined and maintained by OPNFV projects which are included in an OPNFV @@ -170,8 +170,8 @@ and validity. Based on the determination of the Committee, a recommendation will regarding the approval of the granting of permission to use an OPNFV Logo/Trademark.

    The Committee may request additional information regarding the application for use of an OPNFV Logo/Trademark.

    OPNFV may charge a reasonable fee for reviewing results. Reviews will be conducted by OPNFV member companies -participating in the review committee (a C&C subcommittee). No member company may review its own compliance verification -results.

    +participating in the review committee (a C&C subcommittee). No member company may review its own compliance +verification results.

    In the event of a dispute, the submitting organization has a right to appeal the decision with the OPNFV Board of Directors. An appeals process is documented in the Escalation Process below.

    @@ -180,7 +180,7 @@ Directors. An appeals process is documented in the Escalation Process below.

    Similarity Policy

    Hardware platforms identified as similar to platforms that have passed CVP compliance verification procedures may -apply to use the OPNFV Ready trademark. The C&C Committee can decide to grant “OPNFV Ready” to products designated +apply to use the OPNFV Ready trademark. The C&C Committee can decide to grant “OPNFV Ready” to products designated “under similarity”. The Committee will consider similarity in the following areas (for example):