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

11 files changed, 50 insertions, 19 deletions

diff --git a/template/yoga/mail/text/html/default-layout-mail-css.tpl b/template/yoga/mail/text/html/default-layout-mail-css.tpl
index 545a6c114..8c62124d9 100644
--- a/template/yoga/mail/text/html/default-layout-mail-css.tpl
+++ b/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;}

diff --git a/template/yoga/mail/text/html/images/footer-bg.jpg b/template/yoga/mail/text/html/images/footer-bg.jpg
deleted file mode 100644
index f4d019247..000000000
--- a/template/yoga/mail/text/html/images/footer-bg.jpg
+++ /dev/null
diff --git a/template/yoga/mail/text/html/images/footer-bg.png b/template/yoga/mail/text/html/images/footer-bg.png
new file mode 100644
index 000000000..fd3c2925f
--- /dev/null
+++ b/template/yoga/mail/text/html/images/footer-bg.png
diff --git a/template/yoga/mail/text/html/images/header-bg.jpg b/template/yoga/mail/text/html/images/header-bg.jpg
deleted file mode 100644
index 0f5c50fb9..000000000
--- a/template/yoga/mail/text/html/images/header-bg.jpg
+++ /dev/null
diff --git a/template/yoga/mail/text/html/images/header-bg.png b/template/yoga/mail/text/html/images/header-bg.png
new file mode 100644
index 000000000..1770a3ddc
--- /dev/null
+++ b/template/yoga/mail/text/html/images/header-bg.png
diff --git a/template/yoga/mail/text/html/images/mailbody-bg.jpg b/template/yoga/mail/text/html/images/mailbody-bg.jpg
deleted file mode 100644
index 62cd75406..000000000
--- a/template/yoga/mail/text/html/images/mailbody-bg.jpg
+++ /dev/null
diff --git a/template/yoga/mail/text/html/images/mailbody-bg.png b/template/yoga/mail/text/html/images/mailbody-bg.png
new file mode 100644
index 000000000..722a24f63
--- /dev/null
+++ b/template/yoga/mail/text/html/images/mailbody-bg.png
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; }