Alexandre Julliard : winetest: Give a WineHQ look to the summary page.

[Alexandre Julliard]

Module: tools
Branch: master
Commit: f5ef9c5a94f6c807be0df1b8cc58b0da79ee5001
URL:    http://source.winehq.org/git/tools.git/?a=commit;h=f5ef9c5a94f6c807be0df1b8cc58b0da79ee5001

Author: Alexandre Julliard <julliard at winehq.org>
Date:   Tue Jun  3 18:11:42 2008 +0200

winetest: Give a WineHQ look to the summary page.

---

 winetest/index.css   |    6 +--
 winetest/summary.css |   83 +++++++++++++++++++++++++++++++++++++++++++------
 2 files changed, 74 insertions(+), 15 deletions(-)

diff --git a/winetest/index.css b/winetest/index.css
index f90b133..020193d 100644
--- a/winetest/index.css
+++ b/winetest/index.css
@@ -5,7 +5,7 @@ body {
     color: #000000;
     font-family: "bitstream vera sans", "verdana", "arial", "helvetica", sans-serif;
     margin: 10px;
-    font-size: 12px;
+    font-size: small;
 }
 
 a                   { color: #A50D0D; text-decoration: none; }
@@ -14,9 +14,6 @@ a:hover             { color: #FF6666; text-decoration: underline; }
 a:active            { color: #FF0000; }
 a.hidden            { text-decoration: none; color: #000000; }
 
-ol,ul,p             { font-size: 12px; }
-td,tr,th            { font-size: 12px; }
-
 table.builds {
     margin-right: auto;
     text-spacing: 0;
@@ -44,6 +41,7 @@ tr.dark:hover  { background-color: #f8e8e8; }
 
 td.build, td.date {
     font-family: monospace;
+    font-size: medium;
 }
 td.version {
     text-align: center;
diff --git a/winetest/summary.css b/winetest/summary.css
index 38fa00b..bd0f749 100644
--- a/winetest/summary.css
+++ b/winetest/summary.css
@@ -1,9 +1,65 @@
+/* give a WineHQ-ish look to the test summary */
+body {
+    background-color: #E2E2E2;
+    color: #000000;
+    font-family: "bitstream vera sans", "verdana", "arial", "helvetica", sans-serif;
+    margin: 10px;
+    font-size: small;
+}
+
+a:link    { color: #A50D0D; text-decoration: none; }
+a:visited { color: #FF0000; }
+a:hover   { color: #FF6666; text-decoration: underline; }
+a:active  { color: #FF0000; }
+a.hidden  { text-decoration: none; color: #000000; }
+
+h1 { font-size: 180%; }
+h2 { font-size: 150%; }
+
 :link, :visited {
         text-decoration: none;
 }
-h3, p.legend {
-        text-align: center;
+
+h1, h2 {
+    text-align: center;
+    background-color: #601919;
+    color: #ffffff;
+    padding: 4px;
+    margin: 0;
+}
+h1 :link {
+    color: #ffe0e0;
+}
+div.main, div.group {
+    margin: 10px 0 0 0;
+    background-color: white;
+    width: 100%;
+    border: 1px solid #601919;
+}
+div.navbar {
+    padding: 0;
+    width: 100%;
+    text-align: center;
+    margin: 10px 0 0 0;
+    background-color: #e2e2e2;
+}
+div.legend {
+    text-align: center;
+    margin: 5px 0 0 0;
+    background-color: white;
+    border: 1px solid #601919;
+}
+div.legend h3 {
+    font-size: 120%;
+    text-align: center;
+    padding: 3px;
+    margin: 0;
+}
+p.legend {
+    padding: 0;
+    margin: 3px;
 }
+
 .result {
         border-left-width: thick;
         border-left-style: solid;
@@ -43,6 +99,8 @@ td {
 table.report {
         margin-left: auto;
         margin-right: auto;
+        padding: 10px;
+        background-color: white;
 }
 table.report th {
         line-height: 0.9;
@@ -55,13 +113,19 @@ table.report th.test {
 }
 table.report thead th {
         border-bottom-style: solid;
+        border-bottom-color: #601919;
 }
 table.report tfoot th {
         border-top-style: solid;
 }
-table.report td :link {
-        color: black;
-}
+table.report th.pass a:hover   { color: black; text-decoration: none; }
+table.report th.todo a:hover   { color: black; text-decoration: none; }
+table.report th.fail a:hover   { color: black; text-decoration: none; }
+
+table.report td.result :link    { color: black; }
+table.report td.result :visited { color: black; }
+table.report td.result :hover   { color: black; }
+
 table.report td.vis_note {
         border-right-style: solid;
         border-left-style: solid;
@@ -69,13 +133,13 @@ table.report td.vis_note {
         border-left-color: #ffffff;
         border-right-color: #0070ff;
 }
+table.report td.note {
+    background-color: #fff8f8;
+}
 table.report td.note :link, table.report td.note :visited,
 table.report td.vis_note :link, table.report td.vis_note :visited {
         text-decoration: underline;
 }
-table.report td.test :link {
-        color: blue;
-}
 table.report td.test {
         text-align: left;
 }
@@ -92,9 +156,6 @@ table.navbar {
 table.navbar td {
         width: 33%
 }
-table.navbar td :link {
-        color: blue;
-}
 table.navbar td.left {
         text-align: left;
 }