Add backward-compatible css and image files

61 files changed, 8523 insertions, 238 deletions

diff --git a/public/css/.gitignore b/public/css/.gitignore
deleted file mode 100644
index fef1c2b..0000000
--- a/public/css/.gitignore
+++ /dev/null
@@ -1,2 +0,0 @@
-Makefile
-*.css
\ No newline at end of file
diff --git a/public/css/CERN.css b/public/css/CERN.css
new file mode 100644
index 0000000..9e88afe
--- /dev/null
+++ b/public/css/CERN.css
@@ -0,0 +1,69 @@
+/* <one line to give a brief idea of what this does.>
+ * 
+ * Copyright 2005-2006 (c) Yves Perrin <ype--cern.ch>
+ *                         Mathieu Roy <yeupou--gnu.org>
+ *   
+ * Based on Emeraud                      
+ *
+ * This file is part of Savane.
+ * 
+ * Savane is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ * 
+ * Savane 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 Affero General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+/* GUIDELINES VERSION FOLLOWED: 1.16 */
+
+@import "Emeraud.css";
+
+body {
+        color: #666666;
+}
+
+.realbody {
+        padding-top: 2px;
+}
+ 
+.main {
+        padding-top: 2px;
+}
+ 
+.menulogo {
+        margin-top: 0;
+        list-style-type: none;
+        font-weight: bold;
+        font-size: larger;
+        text-align: center;
+}
+
+.hometitle {
+        margin-top: 0;
+        padding-top: 0.5em;
+        padding-bottom: 0.5em;
+        background-color: #E9B879;
+        text-shadow: 0.1em 0.1em #CC885E;
+        font-weight: bold;
+        border: solid #CC885E thin;
+        text-align: center;
+        font-size: x-large;
+        color: #ffffff;
+}
+
+.topmenu {
+        border-top: none;
+}
+.topmenuitemmainitem {
+        border-top: thin solid #D7D7CF;
+}
+                                                                                
+/* EOF */
diff --git a/public/css/Cafe.css b/public/css/Cafe.css
new file mode 100644
index 0000000..f62d4bc
--- /dev/null
+++ b/public/css/Cafe.css
@@ -0,0 +1,236 @@
+/*
+ * Part of the Savane! Project
+ * Copyright 2002-2006 (c) Mathieu Roy <yeupou--gnu.org>
+ *
+ * This file is part of Savane.
+ * 
+ * Savane is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ * 
+ * Savane 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 Affero General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ * $Id$
+ *
+*/
+
+/* GUIDELINES VERSION FOLLOWED: 1.16 */
+
+@import "internal/base.css";
+
+
+/**********************************************************************
+ *
+ * Very basic (mostly text) items:
+ *
+ **********************************************************************/
+
+
+body { 
+	margin-top: 1%;
+	margin-left: 1%;
+	margin-right: 1%;
+	margin-bottom: 1%;
+	background-color: #d3c996;
+	color: #000000;
+}
+
+a {
+	border-bottom: thin dotted #167c3a;
+	text-decoration: none;
+	color: #086629;
+}
+
+a:hover {
+	background-color: #9ae2b1;
+	text-decoration: none;
+	color: #086629;
+}
+
+a:active {
+	color: #ffffff;
+}
+
+
+.unavailable {
+	text-decoration: line-through;
+	font-style: italic;
+	color: #515151;
+}
+.unavailable:hover { 
+	text-decoration: line-through;
+	font-style: italic;
+	color: #d36363;
+}
+.unavailable:active { 
+	color: #553b63; 
+}
+
+
+
+h3 {
+	font-weight: normal;
+	border-bottom: thin solid #e0c080;
+	border-right: thin solid #e0c080;
+}
+
+h5 {
+	font-weight: normal;
+	border-bottom: thin solid #e0c080;
+	border-right: thin solid #e0c080;
+}
+
+
+.highlight {	
+	background-color: #ffffff;
+}
+
+
+
+/**********************************************************************
+ *
+ * Alignement, main tables
+ *
+ **********************************************************************/
+
+.main {
+	vertical-align: top; 
+	background-color: #f2e6ab;
+	border-spacing: 0;
+	border: 2px solid #086629;
+} 
+
+
+
+/**********************************************************************
+ *
+ * Menus
+ *
+ **********************************************************************/
+
+.menu {	
+	background-color: transparent;
+	color: #086629;
+}
+
+.menutitle {	
+	vertical-align: top;
+	border: #f2e6ab;
+	font-weight: bold;
+	text-align: center;
+}
+
+.menuitem {	
+	vertical-align: top;
+	border: 0;
+	text-align: left;
+}
+
+
+.topmenu {
+	border: none;
+}
+
+
+ul.topmenuitemsubmenu {
+	background-color: #fff4c9;
+ 	border: thin solid #086629;
+}
+
+ul.topmenuitemsubmenu li {
+	background-color: #fff4c9;
+	border: solid thin #086629;
+	/* no top border, that would be make too large separators 
+	 while it is perfectly fine to overload the right and bottom with 
+	the ul border, it makes some kind of light 3d effect*/
+	border-top: none;
+	border-left: 0.4em solid #086629;
+}
+
+
+
+/* we cannot keep it in bold, it makes an extra space with some konqueror
+  version (RHEL) */
+.tabselect { background-color: #fff4c9; text-decoration: none;  color: #000000; /* font-weight: bold; */ }
+.tabselect:hover { text-decoration: none; color: #000000; /* font-weight: bold; */ }
+
+
+/**********************************************************************
+ *
+ * Boxes
+ *
+ **********************************************************************/
+
+.boxtitle {	
+	border: 2px solid #086629;
+	font-weight: bold;
+	text-align: left;
+	text-indent: 2em;
+	text-transform: capitalize;
+	background-color: #d3c996;
+	color: #086629;
+}
+
+.boxitem {	
+	text-align: left;
+	background-color: transparent;
+}
+
+.boxitemalt {	
+	background-color: #fff4c9;
+	text-align: left;
+}
+
+.boxoptions {	
+	background-color: #fff4c9;
+}
+
+.boxhighlight {	
+	background-color: #ffffff;
+	text-align: left;
+}
+
+
+/**********************************************************************
+ *
+ * Forms
+ *
+ **********************************************************************/
+
+input {
+	background-color: #f2e6ab;
+	font-weight: bold; 
+	border: 0;
+	border-bottom: thin dashed #167c3a;
+	color: #086629;
+}
+
+input:hover { background-color: #9ae2b1; text-decoration: none; color: #034418; }
+
+select {
+ background-color: #f2e6ab;
+ font-weight: bold;
+ border: 0;
+ border-bottom: thin dashed #167c3a;
+ color: #086629;
+}
+
+select:hover { background-color: #9ae2b1; text-decoration: none; color: #034418; }
+
+textarea {
+ background-color: #f2e6ab;
+ font-weight: bold;
+ border: 0;
+ border-bottom: thin dashed #167c3a;
+ color: #086629;
+}
+
+textarea:hover { background-color: #9ae2b1; text-decoration: none; color: #034418;}
+
diff --git a/public/css/Cappuccino.css b/public/css/Cappuccino.css
new file mode 100644
index 0000000..0b4b83e
--- /dev/null
+++ b/public/css/Cappuccino.css
@@ -0,0 +1,152 @@
+/* <one line to give a brief idea of what this does.>
+ * 
+ * Copyright 2006 (c) Mathieu Roy <yeupou--gnu.org>
+ *   
+ * Based on Emeraud                      
+ *
+ * This file is part of Savane.
+ * 
+ * Savane is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ * 
+ * Savane 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 Affero General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+
+/* GUIDELINES VERSION FOLLOWED: 1.17 */
+
+@import "Emeraud.css";
+
+
+/* Left Menu */
+
+.menu {
+	background-color: #EEEAD2;
+	border: thin solid #E2DEC7;
+}
+
+.menuitem { 
+  	border-bottom: thin solid #E2DEC7;
+}
+
+.menu a:hover { 
+	color: #535353;
+}
+
+.menu a:hover { 
+	background-color: #FFFCE6;
+}
+
+/* Top Menu */
+
+.topmenu {
+	border: none;
+}
+
+.topmenutitle, h3, h4, h5 {
+	border: thin solid #006699;
+	background: #8BB9EA;
+	text-shadow: 0.1em 0.1em #006699;
+	color: white;
+}
+
+
+.topmenuitemmainitem {
+	background: #EEEAD2;
+	border: thin solid #E2DEC7;
+}
+
+.tabs {
+	color: #535353;
+	text-decoration: none;
+}
+
+.tabs:hover {
+	background-color: #FFFCE6;
+	color: #535353;
+	text-decoration: none;
+}
+
+.tabselect { 
+	color: #535353; 
+	text-decoration: none; 
+} 
+
+.tabselect:hover, .topmenuitemmainitem:hover { 
+	background-color: #FFFCE6;
+	color: #535353;
+	text-decoration: none; 
+} 
+
+ul.topmenuitemsubmenu {
+ 	border: thin solid #E2DEC7;
+}
+
+
+ul.topmenuitemsubmenu li {
+	background: #fdfdf4;
+	border-left: 0.6em solid #8BB9EA;
+}
+
+
+li.topmenuitemsubmenu a {
+	color: #535353;
+}
+
+li.topmenuitemsubmenu:hover {
+	border-left: 0.6em solid #006699;
+}
+
+li.topmenuitemsubmenu a:hover {
+	background: #EEEAD2;
+	color: #535353;
+}
+
+
+/* Unavailable links (usually inside menus) */
+.unavailable {
+	color: #CCC8B4 !important;
+}
+.unavailable:hover {
+	color: #CCC8B4 !important;
+}
+
+
+/* Boxes */
+.boxtitle {
+	background: #759BC5;
+	border: thin solid #526D8A;
+	text-shadow: 0.1em 0.1em #526D8A;
+}
+
+
+.boxtitle a, h3 a, h4 a, h5 a {
+	text-shadow: 0.1em 0.1em #526D8A;
+	color: white;
+}
+
+.boxtitle a:hover, h3 a:hover, h4 a:hover, h5 a:hover {
+	background: #7CA4D1 !important;
+	color: white;
+}
+
+/* Forms */
+
+input { background: #EEEAD2; color: black; border: thin solid #E2DEC7; }
+select { background: #EEEAD2; color: black; border: thin solid #E2DEC7; }
+textarea { background: #EEEAD2; color: black; border: thin solid #E2DEC7; }
+
+input:hover { background: #F9F9F2; }
+select:hover { background: #F9F9F2; }
+textarea:hover { background: #F9F9F2; }
+
+
+/* EOF */
diff --git a/public/css/CodeX.css b/public/css/CodeX.css
new file mode 100644
index 0000000..13e3378
--- /dev/null
+++ b/public/css/CodeX.css
@@ -0,0 +1,277 @@
+/*
+ *
+ * Copyright 2002-2006 (c) Mathieu Roy <yeupou--gnu.org>
+ *
+ * This file is part of Savane.
+ * 
+ * Savane is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ * 
+ * Savane 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 Affero General Public License for more details.
+ * 
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ * $Id$
+ *
+*/
+
+
+/* GUIDELINES VERSION FOLLOWED: 1.17 */
+
+@import "internal/base.css";
+
+
+/**********************************************************************
+ *
+ * Very basic (mostly text) items:
+ *
+ **********************************************************************/
+
+body { 
+  margin: 1%;
+  border: #d3d3c9;
+  background: #e8e8e0;
+  color: #333333;
+}
+
+
+
+a { text-decoration: none; color: #992e1b;}
+a:hover { text-decoration: underline; color: #ff0000; }
+a:active { color: #aa6666; }
+
+
+.unavailable {
+	text-decoration: none;
+	color: #606060;
+}
+.unavailable:hover { 
+	text-decoration: none;
+	color: #606060;
+}
+.unavailable:active { 
+	color: #606060; 
+}
+
+.footer { 
+	border-top: thin solid #d3d3c9;
+	font-size: x-small; 
+	color: #333333; 
+}
+
+h2 {
+	text-indent: 1em;
+	border-collapse: collapse;
+        background-color: #e8e8e0;
+	width: 100% ;
+  	text-shadow: 0.1em 0.1em #d0d0c6;
+}
+h3 {
+	text-indent: 1em;
+	border-collapse:	collapse;
+	border-bottom: 0.2em solid #e8e8e0; 
+  	text-shadow: 0.1em 0.1em #e8e8e0;
+	width: 100% ;
+}
+
+h5 {
+	border-collapse:	collapse;
+	border-bottom: 0.1em solid #e8e8e0; 
+  	text-shadow: 0.1em 0.1em #e8e8e0;
+	width: 100% ;
+}
+
+.help {
+	border-bottom: solid 2px #e8e8e0;
+}
+
+.highlight { background-color: #ffe0db; color: #333333; }
+
+.quote { color: #706e68; }
+
+
+/**********************************************************************
+ *
+ * Alignement, main tables
+ *
+ **********************************************************************/
+
+.main { 
+	padding: 0.5em;
+	border: thin solid #bcbcb7;
+	background-color: #ffffff;
+}
+
+
+/**********************************************************************
+ *
+ * Menus
+ *
+ **********************************************************************/
+
+.menu { 
+	background-color: #e8e8e0; 
+	font-size: small;
+	width: 16%;
+}
+.menutitle { 
+	vertical-align: top; 
+	font-weight: bold; 
+	text-align: center; 
+	color: #333333;
+	border-bottom: thin solid black; 
+  	text-shadow: 0.1em 0.1em #d9d9cc; 
+}
+.menuitem { 
+	text-align: right;
+	color: #333333; 
+	padding-right: 0.5em; 
+	list-style-type: none;
+	border-bottom: thin solid #d3d3c9;
+}
+
+.relatedrecipes { 
+	text-align: right;
+	color: #333333; 
+	padding-right: 0.5em; 
+	list-style-type: none;
+	border-bottom: thin solid #d3d3c9;
+}
+
+.topmenu { 
+	border-collapse: collapse;
+	border-bottom: 0.2em solid white; 
+}
+
+
+.topmenuitemmainitem {
+	border-bottom: 0.2em solid #e8e8e0; 
+}
+
+ul.topmenuitemsubmenu {
+	background: white;
+ 	border: thin solid #bcbcb7;
+}
+
+
+ul.topmenuitemsubmenu li {
+ 	border: thin solid #e8e8e0;
+	border-left: 0.3em solid #e8e8e0;
+	border-top: 1px solid #e8e8e0;
+}
+
+
+li.topmenuitemsubmenu:hover {
+	text-decoration: underline;
+	color: #ff0000;
+
+}
+
+
+li.topmenuitemsubmenuseparator {
+	background-color: #e8e8e0;
+}
+
+
+
+/* we cannot keep it in bold, it makes an extra space with some konqueror
+  version (RHEL) */
+.tabselect { color: #000000; /* font-weight: bold; */ }
+.tabselect:visited { /*font-weight: bold; */}
+.tabselect:hover { color:#ff0000; /*font-weight: bold;*/ }
+
+
+/**********************************************************************
+ *
+ * Boxes
+ *
+ **********************************************************************/
+
+.box { 
+	vertical-align: top; 
+	border-spacing: 1px; 
+	border: 0; 
+}
+
+.boxtitle { 
+	background-color: #e0ddce;
+	font-weight: bold;
+	text-align: center;
+	text-transform: capitalize;
+	color: #000000;
+	border: thin solid #b7b7ae;
+  	text-shadow: 0.1em 0.1em #b7b7ae; 
+}
+.boxitem {  
+	background-color: #efefef; 
+	text-align: left; 
+	color: #333333; 
+	border: thin solid #e0e0e0;
+}
+.boxitemextra {  
+	background-color: #EDEDED; 
+}
+.boxitemalt { 
+	background-color: #ffffff; 
+	text-align: left; 
+	color: #333333; 
+	border: thin solid #f4f4f4;
+}
+.boxitemaltextra { 
+	background-color: #FDFDFD; 
+}
+.boxoptions { 
+	background-color: #f9f5e8; 
+	text-align: left; 
+	color: #333333; 
+}
+.boxhighlight { background-color: #ffe0db; text-align: left; color: #333333; }
+
+
+/**********************************************************************
+ *
+ * Forms
+ *
+ **********************************************************************/
+
+.preinput {
+	color: #706e68;
+}
+
+input { background-color: #f9f5e8; color: black; }
+select { background-color: #f9f5e8; color: black; }
+textarea { background-color: #f9f5e8; color: black; }
+
+/**********************************************************************
+ *
+ * Priorities
+ *
+ **********************************************************************/
+
+.priora { border: none; }
+.priorb { border: none; }
+.priorc { border: none; }
+.priord { border: none; }
+.priore { border: none; }
+.priorf { border: none; }
+.priorg { border: none; }
+.priorh { border: none; }
+.priori { border: none; }
+
+
+.prioraclosed { border: none; }
+.priorbclosed { border: none; }
+.priorcclosed { border: none; }
+.priordclosed { border: none; }
+.prioreclosed { border: none;