[epiphany] Redesign of about:pages

[Xan Lopez <xan src gnome org>]

commit 9a6c740d24b1d4a7deb846d0a1548c5419e0080e
Author: Tom Tryfonidis <tomtryf gmail com>
Date:   Tue Nov 29 22:14:47 2011 +0200

    Redesign of about:pages
    
    The patch changes the design of about:plugins/memory pages making them
    similar to about:applications.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=665136

 data/pages/about.css       |  105 +++++++++++++++++++++++++-------------------
 embed/ephy-request-about.c |    3 +-
 2 files changed, 62 insertions(+), 46 deletions(-)
---
diff --git a/data/pages/about.css b/data/pages/about.css
index 2cb4c58..decf973 100644
--- a/data/pages/about.css
+++ b/data/pages/about.css
@@ -1,35 +1,60 @@
+/* Global CSS for pages */
+
+h1 {
+        color: #babdb6;
+        text-shadow: 0 1px 0 white;
+        margin-bottom 0;
+}
+
+body {
+        font: 11pt cantarell;
+        color: #2e3436;
+        padding: 20px 20px 0 20px;
+        background-color: #f6f6f4;
+        background-image: -webkit-gradient(
+                linear,
+                left top,
+                left bottom,
+                color-stop(0, #eeeeec),
+                color-stop(1, #f6f6f4)
+        );
+        background-size: 100% 5em;
+        background-repeat: no-repeat;
+}
+
+
 /* about:plugins */
 
 #plugin-table
 {
-    margin: 14px;
-    width: 80%;
+    margin-top: 10px;
+    width: 96%;
     text-align: left;
     border-collapse: collapse;
 }
 
 #plugin-table th
 {
-    padding: 8px;
-    background:#b9c9ff;
-    border-top: 4px solid #aabcff;
-    border-bottom: 1px solid #fff;
-    color: #039;
+    padding: 6px;
+    background: #565051;
+    border: 2px solid #565051;
+    color: #f6f6f4;
+    width: 33%;
 }
 
 #plugin-table td
 {
-    padding: 8px;
-    background: #e8edff;
-    border-bottom: 1px solid #fff;
-    color: #669;
+    padding: 4px;
+    background: #f6f6f4;
+    border-bottom: 1px solid #d3d7cf;
+    color: #2e3436;
     border-top: 1px solidtransparent;
 }
 
 #plugin-table tr:hover td
 {
-    background: #d0dafd;
-    color:#339;
+    background: #d3d7cf;
+    color: #2e3436;
 }
 
 /* about:epiphany */
@@ -50,52 +75,48 @@
 
 .memory-table caption
 {
-    margin-bottom: 0.5em;
+    font-size: 16pt;
+    font-weight: bold;
+    margin-bottom: 0.9em;
+    color: #2e3436;
+    text-shadow: 0 1px 0 white;
 }
 
 .memory-table
 {
-    margin: 14px;
+    margin: 0 12.5% 0.9em 12.5%;
     width: 75%;
+    text-align: left;
     border-collapse: collapse;
 }
 
 .memory-table th
 {
-    padding: 2px;
-    background:#b9c9ff;
-    border-top: 4px solid #aabcff;
-    border-bottom: 1px solid #fff;
-    color: #039;
+    padding: 4px;
+    background: #565051;
+    border: 2px solid #565051;
+    color: #f6f6f4;
 }
 
 .memory-table td
 {
     padding: 2px;
-    background: #e8edff;
-    border-bottom: 1px solid #fff;
-    color: #669;
+    background: #f6f6f8;
+    border-bottom: 1px solid #d3d7cf;
+    color: #2e3436;
     border-top: 1px solidtransparent;
+    width: 16%;
 }
 
-/* about:applications */
-
-.applications-body { 
-	font: 11pt cantarell;
-	color: #2e3436;
-	padding: 20px 20px 0 20px;
-	background-color: #f6f6f4;
-	background-image: -webkit-gradient(
-		linear,
-		left top,
-		left bottom,
-		color-stop(0, #eeeeec),
-		color-stop(1, #f6f6f4)
-	);
-	background-size: 100% 5em;
-	background-repeat: no-repeat;
+.memory-table tr:hover td
+{
+    background: #d3d7cf;
+    color: #2e3436;
 }
 
+
+/* about:applications */
+
 .applications-body table { width: 100%; border-collapse: collapse; }
 
 .applications-body table, td { 
@@ -103,12 +124,6 @@
 	border-left: none; border-right: none;
 }
 
-.applications-body h1 { 
-	color: #babdb6;
-	text-shadow: 0 1px 0 white;
-	margin-bottom: 0;
-}
-
 .applications-body p { margin-bottom: 30px; }
 .applications-body td { padding: 15px 15px;}
 .applications-body td.icon { width: 64px; }
diff --git a/embed/ephy-request-about.c b/embed/ephy-request-about.c
index 0256c8d..e239c11 100644
--- a/embed/ephy-request-about.c
+++ b/embed/ephy-request-about.c
@@ -145,7 +145,8 @@ ephy_request_about_send (SoupRequest          *request,
                               "<style type=\"text/css\">%s</style></head><body>",
                               _("Memory usage"),
                               about->priv->css_style);
-      
+
+      g_string_append_printf (data_str, "<h1>%s</h1>", _("Memory usage"));
       g_string_append (data_str, memory);
       g_free (memory);
     }