Dynamic templates for NBM

Just a second round...
I didn't test what's append for new pictures or comments.

git-svn-id: http://piwigo.org/svn/trunk@1805 68402e56-0260-453c-a942-63ccdbb3a9ee

template/yoga/mail/text/html/default-layout-mail-css.tpl

@@ -2,18 +2,16 @@
 /* Including like css style on HTML mail */
 
 body{background-color:#fff;font-family: Univers, Helvetica, Optima;font-size:12px; margin:0px;padding:0px; color:#369;}
-#the_page {background: #fff url({pwg_root}template/{themeconf:template}/mail/text/html/images/mailbody-bg.jpg) repeat-y scroll left top;
+#the_page {background: #fff url({pwg_root}template/{themeconf:template}/mail/text/html/images/mailbody-bg.png) repeat-y scroll left top;
 margin:0px;padding:0px;text-align: left;}
-a {text-decoration: none}
-#content {background: transparent url({pwg_root}template/{themeconf:template}/mail/text/html/images/header-bg.jpg) no-repeat scroll left top;
+#content {background: transparent url({pwg_root}template/{themeconf:template}/mail/text/html/images/header-bg.png) no-repeat scroll left top;
 margin:0px;padding:82px 0px 0px 62px; width:732px;}
 hr {width:632px;margin-left:0px;}
-#copyright {background: transparent url({pwg_root}template/{themeconf:template}/mail/text/html/images/footer-bg.jpg) no-repeat scroll left bottom;
+#copyright {background: transparent url({pwg_root}template/{themeconf:template}/mail/text/html/images/footer-bg.png) no-repeat scroll left bottom;
 color: #69c;font-size:10px;margin:0px;padding:98px 0px 62px 62px;}
 .PWG {font-family: verdana, sans-serif !important; font-size: 0.9em; font-weight: normal; letter-spacing: 0px;}
-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; }
+h2 { background-color:#ddd;padding: 7px 15px; width:617px;font-weight:bold;}
+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; text-decoration: none;}