Proposal: A new theme

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

6 files changed, 329 insertions, 0 deletions

diff --git a/template/yoga/theme/wipi/images/index.php b/template/yoga/theme/wipi/images/index.php
new file mode 100644
index 000000000..ad16c4524
--- /dev/null
+++ b/template/yoga/theme/wipi/images/index.php
@@ -0,0 +1,35 @@
+<?php
+// +-----------------------------------------------------------------------+
+// | PhpWebGallery - a PHP based picture gallery                           |
+// | Copyright (C) 2002-2003 Pierrick LE GALL - pierrick@phpwebgallery.net |
+// | Copyright (C) 2003-2005 PhpWebGallery Team - http://phpwebgallery.net |
+// +-----------------------------------------------------------------------+
+// | branch        : BSF (Best So Far)
+// | file          : $RCSfile$
+// | last update   : $Date: 2006-03-15 23:44:35 +0100 (mer., 15 mars 2006) $
+// | last modifier : $Author: plg $
+// | revision      : $Revision: 1082 $
+// +-----------------------------------------------------------------------+
+// | This program is free software; you can redistribute it and/or modify  |
+// | it under the terms of the GNU General Public License as published by  |
+// | the Free Software Foundation                                          |
+// |                                                                       |
+// | This program is distributed in the hope that it will be useful, but   |
+// | WITHOUT ANY WARRANTY; without even the implied warranty of            |
+// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU      |
+// | General Public License for more details.                              |
+// |                                                                       |
+// | You should have received a copy of the GNU General Public License     |
+// | along with this program; if not, write to the Free Software           |
+// | Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, |
+// | USA.                                                                  |
+// +-----------------------------------------------------------------------+
+
+// recursive call of index.php
+
+$url = '../index.php';
+header( 'Request-URI: '.$url );
+header( 'Content-Location: '.$url );
+header( 'Location: '.$url );
+exit();
+?>
diff --git a/template/yoga/theme/wipi/images/tableh1_bg.png b/template/yoga/theme/wipi/images/tableh1_bg.png
new file mode 100644
index 000000000..2ee9e5ff0
--- /dev/null
+++ b/template/yoga/theme/wipi/images/tableh1_bg.png
diff --git a/template/yoga/theme/wipi/images/tableh2_bg.png b/template/yoga/theme/wipi/images/tableh2_bg.png
new file mode 100644
index 000000000..bc4c838f2
--- /dev/null
+++ b/template/yoga/theme/wipi/images/tableh2_bg.png
diff --git a/template/yoga/theme/wipi/index.php b/template/yoga/theme/wipi/index.php
new file mode 100644
index 000000000..ad16c4524
--- /dev/null
+++ b/template/yoga/theme/wipi/index.php
@@ -0,0 +1,35 @@
+<?php
+// +-----------------------------------------------------------------------+
+// | PhpWebGallery - a PHP based picture gallery                           |
+// | Copyright (C) 2002-2003 Pierrick LE GALL - pierrick@phpwebgallery.net |
+// | Copyright (C) 2003-2005 PhpWebGallery Team - http://phpwebgallery.net |
+// +-----------------------------------------------------------------------+
+// | branch        : BSF (Best So Far)
+// | file          : $RCSfile$
+// | last update   : $Date: 2006-03-15 23:44:35 +0100 (mer., 15 mars 2006) $
+// | last modifier : $Author: plg $
+// | revision      : $Revision: 1082 $
+// +-----------------------------------------------------------------------+
+// | This program is free software; you can redistribute it and/or modify  |
+// | it under the terms of the GNU General Public License as published by  |
+// | the Free Software Foundation                                          |
+// |                                                                       |
+// | This program is distributed in the hope that it will be useful, but   |
+// | WITHOUT ANY WARRANTY; without even the implied warranty of            |
+// | MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU      |
+// | General Public License for more details.                              |
+// |                                                                       |
+// | You should have received a copy of the GNU General Public License     |
+// | along with this program; if not, write to the Free Software           |
+// | Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA 02111-1307, |
+// | USA.                                                                  |
+// +-----------------------------------------------------------------------+
+
+// recursive call of index.php
+
+$url = '../index.php';
+header( 'Request-URI: '.$url );
+header( 'Content-Location: '.$url );
+header( 'Location: '.$url );
+exit();
+?>
diff --git a/template/yoga/theme/wipi/theme.css b/template/yoga/theme/wipi/theme.css
new file mode 100644
index 000000000..95ebf7f0f
--- /dev/null
+++ b/template/yoga/theme/wipi/theme.css
@@ -0,0 +1,248 @@
+/* $Id: theme.css 1677 2006-12-21 21:38:20Z rub $ */

+

+/* text color */

+BODY, H1, H3, DT,

+INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {

+  color:#e0e0e0;

+}

+#menubar { 

+  margin : 0px;

+  background-color: transparent;

+  border: 0px;

+}

+#content UL.thumbnailCategories LI {

+  width: 49.7%;		/* 49.8% for 2 per line, 33.3% for 3 per line*/

+}

+H2, .throw {

+  color: #eee;

+}

+#menubar DT, #menubar DT A {

+  color: #eee; 

+  font-weight: lighter;

+}

+#menubar DT A:hover {

+  color: #111; 

+  font-weight: lighter;

+}

+#menubar .selected  A {

+  color: #eee; 

+}

+#menubar .selected  A:hover {

+  color: #f92; 

+}

+#menubar DT:before {

+ content: "__\\_ "; 

+ color: #69c; 

+}

+#menubar DT:after {

+ content: " _/__"; 

+ color: #f92;

+}

+#theAdminPage #menubar DT:before,

+#theAdminPage #menubar DT:after {

+ content: ''; 

+}

+#content .navigationBar {

+  color: #aaaaaa;

+}

+#content .pageNumberSelected {

+  color: #f92;

+}

+#content .infos {

+  background-color: #69c;

+  color: #036;

+}

+#content .errors {

+  background-color: #fc5;

+  border-color: #f92;

+  color: #900;

+}

+/* backgrounds */

+BODY {

+  background: #111;

+  margin: 0px;

+  padding: 0px;

+}

+

+H3, #the_page, #imageHeaderBar, #imageToolBar A:hover, .row1  {

+  background-color: #222;

+}

+

+#imageToolBar, .header_notes {

+  background-color: #333;

+}

+A {

+  border-color: #69c;

+}

+A:hover {

+  border-color: #f92;

+}

+#content {

+  background-color: #181818;

+  border: 1px solid #eee;

+  padding: 5px;

+}

+H2, #menubar DT, .throw, TD H3, #theAdminPage H3 {

+  background-image: url(images/tableh1_bg.png);

+}

+#content H2 {

+  background: none;

+  border: 0px;

+  letter-spacing: -0.05em; 

+  text-indent: 1em;

+  text-transform:	uppercase;

+  font-weight: lighter;

+  margin-bottom: 20px;

+}

+#content H3 {

+  text-indent: 3em

+}

+.browsePath A {

+  color: #eee;

+}

+#content H2:before, .browsePath:before, .imageNumber:before,

+#imageHeaderBar H2:before {

+ content: "____\\_ "; 

+ color: #69c; 

+ font-family: Times, Zapf-Chancery, Cottonwood, Helvetica;

+ letter-spacing: 0em; 

+}

+#content H2:after, .browsePath:after, .imageNumber:after,

+#imageHeaderBar H2:after {

+ content: " _/____"; 

+ color: #f92;

+ font-family: Times, Zapf-Chancery, Cottonwood, Helvetica;

+ letter-spacing: 0em; 

+}

+#imageHeaderBar H2 {

+  background-image: none;

+  background-color: transparent;

+  border: none;

+}

+#thePicturePage #the_page {

+  background-color: #111;

+}

+#thePicturePage #imageHeaderBar {

+  background-image: url(images/tableh2_bg.png); 

+  background-repeat: repeat-x;

+}

+#thePicturePage #imageToolBar {

+  background-color: #111;

+  border-bottom: 2px solid #69c;

+}

+#thePicturePage #theImage {

+  background-color: #111;

+  margin: 0px;

+  padding: 3px 0px 15px 0px;

+}

+

+#thePicturePage #comments H2 {

+  background-image: none;

+  background-color: #222;

+  border-top: 2px solid #69c;

+  border-bottom: 2px solid #69c;

+  color: #69c; 

+  font-weight: lighter;

+}

+

+/* borders */

+#comments DIV.comment BLOCKQUOTE {

+  border: 1px solid #000;

+}

+#imageHeaderBar {

+  border-top: 1px solid #000;

+}

+H2, #imageToolBar {

+  border-bottom: 1px solid #000;

+}

+

+#theImage IMG {

+  border-color: #fff;

+}

+

+#content UL.thumbnail IMG {

+  border: 1px solid #a0a0a0;

+}

+.illustration A {

+  border: 0px;

+}

+FIELDSET, INPUT, SELECT, TEXTAREA,

+#content DIV.comment  A.illustration IMG, #infos,

+#content DIV.thumbnailCategory {

+  border: 1px solid gray;

+}

+#content DIV.thumbnailCategory {

+  border: 1px solid #69c;

+  margin: 8px 4px;

+}

+#comments DIV.comment BLOCKQUOTE {

+  border-left: 2px solid #696969;

+}

+

+#content UL.thumbnails SPAN.wrap2 {

+  border: 1px solid #aaaaaa;	/* thumbnails border color and style */

+  -moz-border-radius: 4px;	/* round corners with Geko */

+  border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */

+}

+#content UL.thumbnails SPAN.wrap2:hover {

+  border-color: #69c;		/* thumbnails border color when mouse cursor is over it */

+}

+#menubar .buttonmenu {

+  margin: 0 2px;

+  width: auto;

+  padding: 0;

+  text-indent: 0;

+  list-style: none;

+  text-align: center;

+  float: left;

+}

+/* links */

+A, INPUT.rateButton, legend {

+  color: #69c;

+}

+

+A:hover {

+  color: #f92;

+}

+

+#imageToolBar A, #imageToolBar A:hover {

+  border-bottom: none;

+}

+A.navThumb, A.navThumb:hover {

+  border-bottom: none;

+}

+/* others */

+.pleaseNote {

+  background: #9c9c9c;

+  color: #ffff99;

+  padding: 1ex;

+  font-weight: bold;

+}

+#the_page {

+  border: 1px dotted #f92;

+  padding-top: 5px;

+  padding-bottom:30px;

+  text-align:center;

+  display:block;

+  margin: 2px;

+}

+#copyright {

+  color: #69c;

+}

+/*calendar elements*/

+SPAN.calItemEmpty { color: silver; }

+

+SPAN.calItem, SPAN.calItemEmpty

+{

+  border: 1px solid gray;

+}

+label {

+	cursor:pointer

+}

+/* nice looking month calendar*/

+TD.calDayCellEmpty, TD.calDayCellFull { border: 1px solid gray;}

+

+TD.calDayCellEmpty { color: silver; }

+

+.calBackDate { color: #000; }

+.calForeDate { color: #fff; }

diff --git a/template/yoga/theme/wipi/themeconf.inc.php b/template/yoga/theme/wipi/themeconf.inc.php
new file mode 100644
index 000000000..60ead4fef
--- /dev/null
+++ b/template/yoga/theme/wipi/themeconf.inc.php
@@ -0,0 +1,11 @@
+<?php

+$themeconf = array(

+  'template' => 'yoga',

+  'theme' => 'wipi',

+  'template_dir' => 'template/yoga',

+  'icon_dir' => 'template/yoga/icon',

+  'admin_icon_dir' => 'template/yoga/icon/admin',

+  'mime_icon_dir' => 'template/yoga/icon/mimetypes/',

+  'local_head' => '<!-- no theme specific head content -->'

+);

+?>