4 files changed, 42 insertions, 9 deletions
diff --git a/template/yoga/theme/clear/layout-mail-css.tpl b/template/yoga/theme/clear/layout-mail-css.tpl
index dcf417be8..5b40a0b20 100644
--- a/template/yoga/theme/clear/layout-mail-css.tpl
+++ b/template/yoga/theme/clear/layout-mail-css.tpl
@@ -1,8 +1,13 @@
 /* $Id$ */
 /* Including like css style on HTML mail */
 
-H2 { background-color: #ddd; padding: 7px 15px; width:617px}
+body{background-color:#fff; color:#696969;}
+#the_page {background: #fff url({pwg_root}template/{themeconf:template}/mail/text/html/images/mailbody-bg.png) repeat-y scroll left top;}
+#content {background: transparent url({pwg_root}template/{themeconf:template}/mail/text/html/images/header-bg.png) no-repeat scroll left top;}
+#copyright {background: transparent url({pwg_root}template/{themeconf:template}/mail/text/html/images/footer-bg.png) no-repeat scroll left bottom;
+color: #333;}
+h2 { background-color: #ddd;}
 img { margin: 16px; border: 16px solid #aaa; -moz-border-radius: 4px; border-radius: 4px 4px; }
 img:hover { padding: 15px; border: 1px solid yellow; -moz-border-radius: 4px; border-radius: 4px 4px; }
-A { color: #005e89; background: transparent; }
-A:hover { color: #858460; }
+a { color: #369; background: transparent; }
+a:hover { color: #ddd; }
diff --git a/template/yoga/theme/dark/layout-mail-css.tpl b/template/yoga/theme/dark/layout-mail-css.tpl
index 884dbb5de..54d95d73c 100644
--- a/template/yoga/theme/dark/layout-mail-css.tpl
+++ b/template/yoga/theme/dark/layout-mail-css.tpl
@@ -1,5 +1,12 @@
 /* $Id$ */
 /* Including like css style on HTML mail */
 
-body{background-color:#000000;}
-#the_page {background-color: #000000;}
+body{background-color:#444; color:#fff;}
+#the_page {background: #444 url({pwg_root}template/{themeconf:template}/mail/text/html/images/mailbody-bg.png) repeat-y scroll left top;}
+#content {background: transparent url({pwg_root}template/{themeconf:template}/mail/text/html/images/header-bg.png) no-repeat scroll left top;}
+#copyright {background: transparent url({pwg_root}template/{themeconf:template}/mail/text/html/images/footer-bg.png) no-repeat scroll left bottom;
+color: #69c;}
+h2 { background-color: #ddd;color:#fff48e;background-image: url({pwg_root}template/{themeconf:template}/theme/{themeconf:theme}/images/tableh1_bg.png);}
+img { margin: 16px; border: 16px solid #111; -moz-border-radius: 4px; border-radius: 4px 4px; }
+img:hover { padding: 15px; border: 1px solid yellow;background-color:#444;-moz-border-radius: 4px; border-radius: 4px 4px; }
+a:hover { color: #fff48e; background: transparent; }
diff --git a/template/yoga/theme/p0w0/layout-mail-css.tpl b/template/yoga/theme/p0w0/layout-mail-css.tpl
index cc939fdd9..b10e81d4d 100644
--- a/template/yoga/theme/p0w0/layout-mail-css.tpl
+++ b/template/yoga/theme/p0w0/layout-mail-css.tpl
@@ -1,5 +1,12 @@
 /* $Id$ */
 /* Including like css style on HTML mail */
 
-body{background-color:#dfe8ff;}
-#the_page {background-color: #dfe8ff;}
+body{background-color:#cde; color:#369;}
+#the_page {background: #cde url({pwg_root}template/{themeconf:template}/mail/text/html/images/mailbody-bg.png) repeat-y scroll left top;}
+#content {background: transparent url({pwg_root}template/{themeconf:template}/mail/text/html/images/header-bg.png) no-repeat scroll left top;}
+#copyright {background: transparent url({pwg_root}template/{themeconf:template}/mail/text/html/images/footer-bg.png) no-repeat scroll left bottom;
+color: #69c;}
+h2 {background-color: #369;color:#fff;}
+img { margin:16px;padding:15px;border:1px solid #69c;background-color:#eef;-moz-border-radius:4px; border-radius:4px 4px; }
+img:hover {border: 1px solid #c60; -moz-border-radius:4px; border-radius:4px 4px; }
+a { color: #f92; background: transparent; }
diff --git a/template/yoga/theme/wipi/layout-mail-css.tpl b/template/yoga/theme/wipi/layout-mail-css.tpl
index 652354ff8..a3be9fd8a 100644
--- a/template/yoga/theme/wipi/layout-mail-css.tpl
+++ b/template/yoga/theme/wipi/layout-mail-css.tpl
@@ -1,5 +1,19 @@
 /* $Id$ */
 /* Including like css style on HTML mail */
 
-body{background-color:#111;}
-#the_page {background-color: #111;}
+body{background-color:#111; color:#69c;}
+#the_page {background: #111 url({pwg_root}template/{themeconf:template}/mail/text/html/images/mailbody-bg.png) repeat-y scroll left top;}
+#content {background: transparent url({pwg_root}template/{themeconf:template}/mail/text/html/images/header-bg.png) no-repeat scroll left top;}
+#copyright {background: transparent url({pwg_root}template/{themeconf:template}/mail/text/html/images/footer-bg.png) no-repeat scroll left bottom;
+color: #69c;}
+h2 { background-color: #222;color:#eee;background-image: url({pwg_root}template/{themeconf:template}/theme/{themeconf:theme}/images/tableh1_bg.png);}
+img { margin: 16px; padding:15px;border:1px solid #eee; -moz-border-radius: 4px; border-radius: 4px 4px; }
+img:hover {border:1px solid #69c; -moz-border-radius: 4px; border-radius: 4px 4px; }
+a { color: #69c; background: transparent; }
+a:hover { color: #f92; }
+a.PWG { border: 0px; }
+a.PWG .P { color : #f92; }
+a.PWG .W { color : #aaa; }
+a.PWG .G { color : #69c; }
+a.PWG:hover .P { color : #69c; }
+a.PWG:hover .G { color : #f92; }