From 150122b9ff2e1f0fa4174245f88f02492ef99913 Mon Sep 17 00:00:00 2001 From: Brianna Birman Date: Tue, 19 Jun 2012 15:58:35 -0700 Subject: [PATCH] made separate css file, added more browser compatibility --- src/main/resources/web/quality-foundry.css | 87 ++++++++++++++++++++++ src/main/resources/web/test-result.html | 81 +++++++------------- src/main/resources/web/tests-summary.html | 77 ++++++------------- 3 files changed, 135 insertions(+), 110 deletions(-) create mode 100644 src/main/resources/web/quality-foundry.css diff --git a/src/main/resources/web/quality-foundry.css b/src/main/resources/web/quality-foundry.css new file mode 100644 index 0000000..e886384 --- /dev/null +++ b/src/main/resources/web/quality-foundry.css @@ -0,0 +1,87 @@ +.qf-page-background { + background-repeat:no-repeat; + background-attachment:fixed; + + background-image: -ms-linear-gradient(top, #FFFFFF 0%, #aaccdd 100%); /* IE10 Consumer Preview */ + background-image: -moz-linear-gradient(top, #FFFFFF 0%, #aaccdd 100%); /* Mozilla Firefox */ + background-image: -o-linear-gradient(top, #FFFFFF 0%, #aaccdd 100%); /* Opera */ + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #aaccdd)); /* Webkit (Safari/Chrome 10) */ + background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #aaccdd 100%); /* Webkit (Chrome 11+) */ + background-image: linear-gradient(to bottom, #FFFFFF 0%, #aaccdd 100%); /* W3C Markup, IE10 Release Preview */ +} + +.qf-header { + height:80px; + + padding-left:20px; + margin-bottom:20px; + margin-left:20px; + margin-right:20px; + + -moz-border-radius: 15px; + border-radius: 15px; +} + +.qf-logo{ + margin-left:20px; + margin-bottom:0px; +} + +.qf-search{ + float:right; + padding-top:2%; +} + +.qf-container { + /*size of stripes*/ + background-size: 2px 2px; + -webkit-background-size: 2px 2px; + -moz-background-size: 2px 2px; + + /* background color and stripes*/ + background-color: rgba(209, 209, 209, .6); + background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent)); + background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent); + background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent); + background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent); + + margin-left:15px; + margin-right:15px; + margin-bottom:40px; + padding-left:0px; + padding-top:0px; + padding-right:0px; + + -moz-border-radius: 15px; + border-radius:15px; + + -moz-box-shadow: 0px 1px 5px 5px #888; + -webkit-box-shadow: 0px 1px 5px 5px #888; + box-shadow: 0px 1px 5px 5px #888; +} + +.qf-content{ + background-color:white; + padding:15px; + margin-right:0px; + border-top-right-radius:15px; + border-bottom-right-radius:15px; + box-shadow: inset 3px 0px 3px #888; +} + +.qf-sidebar { + background-color:transparent; + + margin-top:0px; + margin-bottom:0px; + + padding-bottom:20px; + padding-top:20px; + padding-left:20px; + padding-right:0px; +} + +.qf-accordion-item { + outline: 0 none; + -moz-outline: 0 none; +} diff --git a/src/main/resources/web/test-result.html b/src/main/resources/web/test-result.html index 0ecd9ab..db5d506 100644 --- a/src/main/resources/web/test-result.html +++ b/src/main/resources/web/test-result.html @@ -6,6 +6,7 @@ ${test.runName} ${test.name} + @@ -46,41 +47,27 @@ - -
+ +
- + -
+
-
+
-
- +
+

Test Inventory

@@ -88,7 +75,7 @@

Test Inventory

-

Run 2

+

Run 1

+
+   Start Time 10:30 21-03-2012
+   End Time 20:30 21-03-2012
+
+

Run 2

  Start Time 10:30 21-03-2012
  End Time 20:30 21-03-2012
-
-    Build Output
-    6 Test Results
-    6 Code Coverage
-

Run 3 loading icon

+

Run 3 loading icon

  Start Time 10:30 21-03-2012
-   Generating Results...
- +   Generating Results...
-

Run 4

+

Run 4

  Start Time 10:30 21-03-2012
  End Time 20:30 21-03-2012
- -    Build Output
-    Test Results 6
-    Code Coverage 91%
-

Run 4

+

Run 5

  Start 10:30 21-03-2012
  End 20:30 21-03-2012
- -   Build Output
-   Test Results 6
-   Code Coverage 91%
-

Run 4

+

Run 6

  Start Time 10:30 21-03-2012
  End Time 20:30 21-03-2012
- -    Build Output
-    Test Results 6
-    Code Coverage 91%
-

Run 4

+

Run 7

  Start Time 10:30 21-03-2012
  End Time 20:30 21-03-2012
- -    Build Output
-    Test Results 6
-    Code Coverage 91%
-
+
    diff --git a/src/main/resources/web/tests-summary.html b/src/main/resources/web/tests-summary.html index 4281c99..bda91c5 100644 --- a/src/main/resources/web/tests-summary.html +++ b/src/main/resources/web/tests-summary.html @@ -6,6 +6,7 @@ Test Results + @@ -19,7 +20,6 @@ }); }); - @@ -37,7 +37,6 @@ $('#allTests').dataTable( {"bPaginate": false}); } ); - - -
    + +
    - + -
    +
    - -
    + +
    -
    +

    Test Inventory

    @@ -90,7 +71,7 @@

    Test Inventory

    -

    Run 2

    +

    Run 1

    +
    +   Start Time 10:30 21-03-2012
    +   End Time 20:30 21-03-2012
    +
    +

    Run 2

      Start Time 10:30 21-03-2012
      End Time 20:30 21-03-2012
    -
    -    Build Output
    -    6 Test Results
    -    6 Code Coverage
    +
    -

    Run 3 loading icon

    +

    Run 3 loading icon

      Start Time 10:30 21-03-2012
      Generating Results...
    -

    Run 4

    +

    Run 4

      Start Time 10:30 21-03-2012
      End Time 20:30 21-03-2012
    - -    Build Output
    -    Test Results 6
    -    Code Coverage 91%
    -

    Run 5

    +

    Run 5

      Start 10:30 21-03-2012
      End 20:30 21-03-2012
    - -   Build Output
    -   Test Results 6
    -   Code Coverage 91%
    -

    Run 6

    +

    Run 6

      Start Time 10:30 21-03-2012
      End Time 20:30 21-03-2012
    - -    Build Output
    -    Test Results 6
    -    Code Coverage 91%
    -

    Run 7

    +

    Run 7

      Start Time 10:30 21-03-2012
      End Time 20:30 21-03-2012
    - -    Build Output
    -    Test Results 6
    -    Code Coverage 91%
    -
    +