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

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; }