import flexdemo to the hatchery

diff --git a/flexdemo/alt.php b/flexdemo/alt.php
new file mode 100644 (file)
index 0000000..5503a1b
--- /dev/null
+++ b/flexdemo/alt.php
@@ -0,0 +1,15 @@
+<?php
+
+define('AUTH_HANDLER', true);
+define('HORDE_BASE', dirname(__FILE__) . '/..');
+require_once HORDE_BASE . '/lib/base.php';
+require_once 'Horde/Autoloader.php';
+
+$v = new Horde_View(array('templatePath' => dirname(__FILE__) . '/garland'));
+new Horde_View_Helper_Block($v);
+
+$v->left = array(array('flexdemo', 'block1'),
+                 array('flexdemo', 'block2'));
+$v->app = array('list');
+
+echo $v->render('secondary.html.php');

diff --git a/flexdemo/garland/app.html.php b/flexdemo/garland/app.html.php
new file mode 100644 (file)
index 0000000..ee9db08
--- /dev/null
+++ b/flexdemo/garland/app.html.php
@@ -0,0 +1,4 @@
+<?php
+foreach ($this->app as $tpl) {
+    echo $this->render($tpl . '.html.php');
+}

diff --git a/flexdemo/garland/css/defaults-rtl.css b/flexdemo/garland/css/defaults-rtl.css
new file mode 100644 (file)
index 0000000..84d7646
--- /dev/null
+++ b/flexdemo/garland/css/defaults-rtl.css
@@ -0,0 +1,7 @@
+/* $Id: defaults-rtl.css,v 1.3 2007/11/27 12:09:26 goba Exp $ */\r
+\r
+th {\r
+  text-align: right;\r
+  padding-right: 0;\r
+  padding-left: 1em;\r
+}\r

diff --git a/flexdemo/garland/css/defaults.css b/flexdemo/garland/css/defaults.css
new file mode 100644 (file)
index 0000000..56ef350
--- /dev/null
+++ b/flexdemo/garland/css/defaults.css
@@ -0,0 +1,53 @@
+/* $Id: defaults.css,v 1.5 2007/10/02 12:10:40 dries Exp $ */\r
+\r
+/*\r
+** HTML elements\r
+*/\r
+fieldset {\r
+  margin-bottom: 1em;\r
+  padding: .5em;\r
+}\r
+form {\r
+  margin: 0;\r
+  padding: 0;\r
+}\r
+hr {\r
+  height: 1px;\r
+  border: 1px solid gray;\r
+}\r
+img {\r
+  border: 0;\r
+}\r
+table {\r
+  border-collapse: collapse;\r
+}\r
+th {\r
+  text-align: left; /* LTR */\r
+  padding-right: 1em; /* LTR */\r
+  border-bottom: 3px solid #ccc;\r
+}\r
+\r
+/*\r
+** Markup free clearing\r
+** Details: http://www.positioniseverything.net/easyclearing.html\r
+*/\r
+.clear-block:after {\r
+  content: ".";\r
+  display: block;\r
+  height: 0;\r
+  clear: both;\r
+  visibility: hidden;\r
+}\r
+\r
+.clear-block {\r
+  display: inline-block;\r
+}\r
+\r
+/* Hides from IE-mac \*/\r
+* html .clear-block {\r
+  height: 1%;\r
+}\r
+.clear-block {\r
+  display: block;\r
+}\r
+/* End hide from IE-mac */\r

diff --git a/flexdemo/garland/css/fix-ie-rtl.css b/flexdemo/garland/css/fix-ie-rtl.css
new file mode 100644 (file)
index 0000000..84030cf
--- /dev/null
+++ b/flexdemo/garland/css/fix-ie-rtl.css
@@ -0,0 +1,63 @@
+/* $Id: fix-ie-rtl.css,v 1.2 2007/11/09 22:14:41 goba Exp $ */\r
+\r
+body {\r
+  /* Center layout */\r
+  text-align: center;\r
+  /* Allow text resizing */\r
+  font-size: 80%;\r
+}\r
+\r
+#squeeze {\r
+  zoom: 1;\r
+  direction: ltr;\r
+}\r
+\r
+#squeeze .left-corner{\r
+  direction: rtl\r
+}\r
+\r
+#header-region, #wrapper #container {\r
+  /* Reset text alignment */\r
+  text-align: right;\r
+}\r
+\r
+#wrapper #container #center {\r
+  /* Reduce amount of damage done by extremely wide content */\r
+  overflow: hidden;\r
+}\r
+\r
+#wrapper #container #center .right-corner .left-corner {\r
+  /* Because of the lack of min-height, we use height as an alternative */\r
+  height: 400px;\r
+}\r
+\r
+fieldset {\r
+  /* Don't draw backgrounds on fieldsets in IE, as they look really bad. */\r
+  background: none;\r
+}\r
+\r
+/* Prevent fieldsets from shifting when changing collapsed state. */\r
+html.js fieldset.collapsible {\r
+  position: relative;\r
+  top: -1em;\r
+}\r
+\r
+html.js fieldset.collapsed {\r
+  top: 0;\r
+  margin-bottom: 1em;\r
+}\r
+\r
+tr.menu-disabled {\r
+  /* Use filter to emulate CSS3 opacity */\r
+  filter: alpha(opacity=50);\r
+}\r
+\r
+#header-region {\r
+  /* Because of the lack of min-height, we use height as an alternative */\r
+  height: 1em;\r
+}\r
+\r
+#attach-hide label, #uploadprogress div.message {\r
+  /* Fading elements in IE causes the text to bleed unless they have a background. */\r
+  background-color: #ffffff;\r
+}\r

diff --git a/flexdemo/garland/css/fix-ie.css b/flexdemo/garland/css/fix-ie.css
new file mode 100644 (file)
index 0000000..048863d
--- /dev/null
+++ b/flexdemo/garland/css/fix-ie.css
@@ -0,0 +1,69 @@
+/* $Id: fix-ie.css,v 1.8.2.1 2008/02/05 09:27:26 goba Exp $ */\r
+\r
+/**\r
+ * Garland, for Drupal 6.x\r
+ * Stefan Nagtegaal, iStyledThis [dot] nl\r
+ * Steven Wittens, acko [dot] net\r
+ */\r
+\r
+body {\r
+  /* Center layout */\r
+  text-align: center;\r
+  /* Allow text resizing */\r
+  font-size: 80%;\r
+}\r
+\r
+#header-region, #wrapper #container {\r
+  /* Reset text alignment */\r
+  text-align: left; /* LTR */\r
+}\r
+\r
+#wrapper #container #center {\r
+  /* Reduce amount of damage done by extremely wide content */\r
+  overflow: hidden;\r
+}\r
+\r
+#wrapper #container #center .right-corner .left-corner {\r
+  /* Because of the lack of min-height, we use height as an alternative */\r
+  height: 400px;\r
+}\r
+\r
+fieldset {\r
+  /* Don't draw backgrounds on fieldsets in IE, as they look really bad. */\r
+  background: none;\r
+}\r
+\r
+ul.primary {\r
+  /* Fix missing top margin */\r
+  position: relative; /* LTR */\r
+/*  top: 0.5em; */\r
+}\r
+\r
+/* Prevent fieldsets from shifting when changing collapsed state. */\r
+html.js fieldset.collapsible {\r
+  position: relative;\r
+  top: -1em;\r
+}\r
+html.js fieldset.collapsed {\r
+  top: 0;\r
+  margin-bottom: 1em;\r
+}\r
+\r
+tr.menu-disabled {\r
+  /* Use filter to emulate CSS3 opacity */\r
+  filter: alpha(opacity=50);\r
+}\r
+\r
+#header-region {\r
+  /* Because of the lack of min-height, we use height as an alternative */\r
+  height: 1em;\r
+}\r
+\r
+tr.taxonomy-term-preview {\r
+  filter: alpha(opacity=50);\r
+}\r
+\r
+#attach-hide label, #uploadprogress div.message {\r
+  /* Fading elements in IE causes the text to bleed unless they have a background. */\r
+  background-color: #ffffff;\r
+}\r

diff --git a/flexdemo/garland/css/print.css b/flexdemo/garland/css/print.css
new file mode 100644 (file)
index 0000000..b45a263
--- /dev/null
+++ b/flexdemo/garland/css/print.css
@@ -0,0 +1,55 @@
+/* $Id: print.css,v 1.3 2007/09/06 21:23:32 goba Exp $ */\r
+\r
+/**\r
+ * Garland, for Drupal 5.0\r
+ * Stefan Nagtegaal, iStyledThis [dot] nl\r
+ * Steven Wittens, acko [dot] net`\r
+ *\r
+ * If you use a customized color scheme, you must regenerate it after\r
+ * modifying this file.\r
+ */\r
+\r
+body, input, textarea, select {\r
+  color: #000;\r
+  background: none;\r
+}\r
+\r
+ul.primary-links, ul.secondary-links,\r
+#header-region, .sidebar {\r
+  display: none;\r
+}\r
+\r
+body.sidebars, body.sideber-left, body.sidebar-right, body {\r
+  width: 640px;\r
+}\r
+\r
+body.sidebar-left #center, body.sidebar-right #center, body.sidebars #center,\r
+body.sidebar-left #squeeze, body.sidebar-right #squeeze, body.sidebars #squeeze {\r
+  margin: 0;\r
+}\r
+\r
+#wrapper,\r
+#wrapper #container .breadcrumb,\r
+#wrapper #container #center,\r
+#wrapper #container #center .right-corner,\r
+#wrapper #container #center .right-corner .left-corner,\r
+#wrapper #container #footer,\r
+#wrapper #container #center #squeeze {\r
+  position: static;\r
+  left: 0;\r
+  padding: 0;\r
+  margin: 0;\r
+  width: auto;\r
+  float: none;\r
+  clear: both;\r
+  background: none;\r
+}\r
+\r
+#wrapper #container #header {\r
+  height: 130px;\r
+}\r
+\r
+#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {\r
+  text-shadow: none;\r
+  color: #000;\r
+}\r

diff --git a/flexdemo/garland/css/style-rtl.css b/flexdemo/garland/css/style-rtl.css
new file mode 100644 (file)
index 0000000..f5fa6d7
--- /dev/null
+++ b/flexdemo/garland/css/style-rtl.css
@@ -0,0 +1,293 @@
+/* $Id: style-rtl.css,v 1.6 2007/12/17 15:05:10 goba Exp $ */\r
+\r
+html {\r
+  direction: rtl;\r
+}\r
+\r
+/**\r
+ * Generic elements\r
+ */\r
+body {\r
+  direction: rtl;\r
+}\r
+\r
+ol li, ul li {\r
+  margin: 0.4em .5em 0.4em 0;\r
+}\r
+\r
+ul.menu, .item-list ul {\r
+  margin: 0.35em -0.5em 0 0;\r
+}\r
+\r
+ul.menu ul, .item-list ul ul {\r
+  margin-left: 0;\r
+  margin-right: 0em;\r
+}\r
+\r
+ol li, ul li, ul.menu li, .item-list ul li, li.leaf {\r
+  margin: 0.15em .5em 0.15em 0;\r
+}\r
+\r
+ul li, ul.menu li, .item-list ul li, li.leaf {\r
+  padding: 0 1.5em .2em 0;\r
+  background: transparent url("../images/menu-leaf.gif") no-repeat 100% .35em;\r
+}\r
+\r
+ol li {\r
+  margin-left: 0;\r
+  margin-right: 2em;\r
+}\r
+\r
+ul li.expanded {\r
+  background: transparent url("../images/menu-expanded.gif") no-repeat 100% .35em;\r
+}\r
+\r
+ul li.collapsed {\r
+  background: transparent url("../images/menu-collapsed-rtl.gif") no-repeat 100% .35em;\r
+}\r
+\r
+ul.inline li {\r
+  padding: 0 0 0 1em;\r
+}\r
+\r
+ol.task-list {\r
+  margin-left: 0;\r
+  margin-right: 0;\r
+}\r
+\r
+ol.task-list li {\r
+  padding: 0.5em 2em 0.5em 1em;\r
+}\r
+\r
+ol.task-list li.active {\r
+  background: transparent url(../images/task-list.png) no-repeat 97px 50%;\r
+}\r
+\r
+ol.task-list li.done {\r
+  background: transparent url(../../misc/watchdog-ok.png) no-repeat 100% 50%;\r
+}\r
+\r
+ol.task-list li.active {\r
+  margin-right: 0;\r
+  margin-left: 1em;\r
+}\r
+\r
+dl {\r
+  margin: 0.5em 1.5em 1em 0;\r
+}\r
+\r
+dl dt {\r
+}\r
+\r
+dl dd {\r
+  margin: 0 1.5em .5em 0;\r
+}\r
+\r
+.form-button, .form-submit {\r
+  margin: 2em 0 1em 0.5em;\r
+}\r
+\r
+#header-region h2 {\r
+  margin: 0 0 0 1em;\r
+}\r
+\r
+#wrapper {\r
+  background: #edf5fa url("../images/body.png") repeat-x 50% 0;\r
+}\r
+\r
+#wrapper #container #header h1 img {\r
+  padding-right: 0;\r
+  padding-left: 20px;\r
+  float: right;\r
+}\r
+\r
+#sidebar-left .block-region {\r
+  margin: 0 0 0 15px;\r
+}\r
+\r
+#sidebar-right .block-region {\r
+  margin: 0 15px 0px 0;\r
+}\r
+\r
+/* Now we add the backgrounds for the main content shading */\r
+#wrapper #container #center #squeeze {\r
+  background: #fff url("../images/bg-content.png") repeat-x 50% 0;\r
+}\r
+\r
+#wrapper #container .breadcrumb {\r
+  position: absolute;\r
+  top: 15px;\r
+  left: 0;\r
+  right: 35px;\r
+  z-index: 3;\r
+}\r
+\r
+/**\r
+ * Primary navigation\r
+ */\r
+ul.primary-links {\r
+  float: left;\r
+width:70%;\r
+}\r
+\r
+ul.primary-links li {\r
+  float: right;\r
+}\r
+\r
+/**\r
+ * Secondary navigation\r
+ */\r
+ul.secondary-links {\r
+  float: left;\r
+  clear: left;\r
+}\r
+\r
+ul.secondary-links li {\r
+  float: right;\r
+}\r
+\r
+ul.primary {\r
+  float: right;\r
+}\r
+ul.secondary {\r
+  clear: both;\r
+  text-align: right;\r
+}\r
+h2.with-tabs {\r
+  float: right;\r
+  margin: 0 0 0 2em;\r
+}\r
+\r
+ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,\r
+ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {\r
+  margin: 0 1px 0 0;\r
+\r
+}\r
+ul.primary li a:after {\r
+  /* Fix Firefox 2 RTL bug. */\r
+  content: " ";\r
+}\r
+\r
+ul.links li, ul.inline li {\r
+  padding-left: 1em;\r
+  padding-right: 0;\r
+}\r
+\r
+.node .links, .comment .links {\r
+  text-align: right;\r
+}\r
+\r
+.node .links ul.links li, .comment .links ul.links li {}\r
+.terms ul.links li {\r
+  padding-right: 1em;\r
+  padding-left: 0;\r
+}\r
+\r
+.picture, .comment .submitted {\r
+  padding-left: 0;\r
+  float: left;\r
+  clear: left;\r
+  padding-right: 1em;\r
+}\r
+\r
+.new {\r
+  float: left;\r
+}\r
+\r
+.terms {\r
+  float: left;\r
+}\r
+\r
+.indented {\r
+  margin-left: 0;\r
+  margin-right: 25px;\r
+}\r
+\r
+html.js fieldset.collapsible legend a {\r
+  padding-left: 0;\r
+  padding-right: 2em;\r
+  background: url("../images/menu-expanded.gif") no-repeat 100% 50%;\r
+}\r
+\r
+html.js fieldset.collapsed legend a {\r
+  background: url("../images/menu-collapsed-rtl.gif") no-repeat 100% 50%;\r
+}\r
+\r
+/**\r
+ * Syndication Block\r
+ */\r
+#block-node-0 h2 {\r
+  float: right;\r
+  padding-right: 0;\r
+  padding-left: 20px;\r
+}\r
+\r
+#block-node-0 img {\r
+  float: left;\r
+}\r
+\r
+#block-node-0 .content {\r
+  clear: left;\r
+}\r
+\r
+/**\r
+ * Login Block\r
+ */\r
+#user-login-form ul {\r
+  text-align: right;\r
+}\r
+\r
+div.admin .left {\r
+  float: right;\r
+}\r
+\r
+div.admin .right {\r
+  float: left;\r
+}\r
+\r
+/* Fix Opera, IE6 and IE7 header width */\r
+#wrapper #container #header {\r
+  position: relative;\r
+  width: 100%;\r
+}\r
+\r
+#wrapper #container #header #logo-floater {\r
+  width: 100%;\r
+  left: 0;\r
+  top:0;\r
+}\r
+\r
+/**\r
+ * Fixes for IE7 - Does not break other browsers\r
+ */\r
+\r
+/* Position:relative on these breaks IE7. */\r
+ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,\r
+ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {\r
+  position: static;\r
+}\r
+\r
+/* Fix right and left cloumns position breaking on window resize */\r
+#container {\r
+  position: relative;\r
+}\r
+\r
+#center {\r
+  position: relative;\r
+}\r
+\r
+#sidebar-right{\r
+  position: absolute;\r
+  right: 0;\r
+}\r
+\r
+/**\r
+ * Apply hasLayout to elements in IE7, using standard property "min-height"\r
+ * (see http://www.satzansatz.de/cssd/onhavinglayout.html)\r
+ */\r
+\r
+/* Fix background bleed in center column. */\r
+#squeeze,\r
+#squeeze .right-corner {\r
+  min-height: 1%;\r
+}\r

diff --git a/flexdemo/garland/css/style.css b/flexdemo/garland/css/style.css
new file mode 100644 (file)
index 0000000..4b151b0
--- /dev/null
+++ b/flexdemo/garland/css/style.css
@@ -0,0 +1,1079 @@
+/* $Id: style.css,v 1.38.2.1 2008/02/05 09:27:26 goba Exp $ */\r
+\r
+/**\r
+ * Garland, for Drupal 6.x\r
+ * Stefan Nagtegaal, iStyledThis [dot] nl\r
+ * Steven Wittens, acko [dot] net`\r
+ *\r
+ * If you use a customized color scheme, you must regenerate it after\r
+ * modifying this file.\r
+ */\r
+\r
+/**\r
+ * Generic elements\r
+ */\r
+body {\r
+  margin: 0;\r
+  padding: 0;\r
+  background: #edf5fa;\r
+  font: 12px/170% Verdana, sans-serif;\r
+  color: #494949;\r
+}\r
+\r
+input {\r
+  font: 12px/100% Verdana, sans-serif;\r
+  color: #494949;\r
+}\r
+\r
+textarea, select {\r
+  font: 12px/160% Verdana, sans-serif;\r
+  color: #494949;\r
+}\r
+\r
+h1, h2, h3, h4, h5, h6 {\r
+  margin: 0;\r
+  padding: 0;\r
+  font-weight: normal;\r
+  font-family: Helvetica, Arial, sans-serif;\r
+}\r
+\r
+h1 {\r
+  font-size: 170%;\r
+}\r
+\r
+h2 {\r
+  font-size: 160%;\r
+  line-height: 130%;\r
+}\r
+\r
+h3 {\r
+  font-size: 140%;\r
+}\r
+\r
+h4 {\r
+  font-size: 130%;\r
+}\r
+\r
+h5 {\r
+  font-size: 120%;\r
+}\r
+\r
+h6 {\r
+  font-size: 110%;\r
+}\r
+\r
+ul, quote, code, fieldset {\r
+  margin: .5em 0;\r
+}\r
+\r
+p {\r
+  margin: 0.6em 0 1.2em;\r
+  padding: 0;\r
+}\r
+\r
+a:link, a:visited {\r
+  color: #027AC6;\r
+  text-decoration: none;\r
+}\r
+\r
+a:hover {\r
+  color: #0062A0;\r
+  text-decoration: underline;\r
+}\r
+\r
+a:active, a.active {\r
+  color: #5895be;\r
+}\r
+\r
+hr {\r
+  margin: 0;\r
+  padding: 0;\r
+  border: none;\r
+  height: 1px;\r
+  background: #5294c1;\r
+}\r
+\r
+ul {\r
+  margin: 0.5em 0 1em;\r
+  padding: 0;\r
+}\r
+\r
+ol {\r
+  margin: 0.75em 0 1.25em;\r
+  padding: 0;\r
+}\r
+\r
+ol li, ul li {\r
+  margin: 0.4em 0 0.4em .5em; /* LTR */\r
+}\r
+\r
+ul.menu, .item-list ul {\r
+  margin: 0.35em 0 0 -0.5em; /* LTR */\r
+  padding: 0;\r
+}\r
+\r
+ul.menu ul, .item-list ul ul {\r
+  margin-left: 0em; /* LTR */\r
+}\r
+\r
+ol li, ul li, ul.menu li, .item-list ul li, li.leaf {\r
+  margin: 0.15em 0 0.15em .5em; /* LTR */\r
+}\r
+\r
+ul li, ul.menu li, .item-list ul li, li.leaf {\r
+  padding: 0 0 .2em 1.5em;\r
+  list-style-type: none;\r
+  list-style-image: none;\r
+  background: transparent url(../images/menu-leaf.gif) no-repeat 1px .35em; /* LTR */\r
+}\r
+\r
+ol li {\r
+  padding: 0 0 .3em;\r
+  margin-left: 2em; /* LTR */\r
+}\r
+\r
+ul li.expanded {\r
+  background: transparent url(../images/menu-expanded.gif) no-repeat 1px .35em; /* LTR */\r
+}\r
+\r
+ul li.collapsed {\r
+  background: transparent url(../images/menu-collapsed.gif) no-repeat 0px .35em; /* LTR */\r
+}\r
+\r
+ul li.leaf a, ul li.expanded a, ul li.collapsed a {\r
+  display: block;\r
+}\r
+\r
+ul.inline li {\r
+  background: none;\r
+  margin: 0;\r
+  padding: 0 1em 0 0; /* LTR */\r
+}\r
+\r
+ol.task-list {\r
+  margin-left: 0; /* LTR */\r
+  list-style-type: none;\r
+  list-style-image: none;\r
+}\r
+ol.task-list li {\r
+  padding: 0.5em 1em 0.5em 2em; /* LTR */\r
+}\r
+ol.task-list li.active {\r
+  background: transparent url(../images/task-list.png) no-repeat 3px 50%; /* LTR */\r
+}\r
+ol.task-list li.done {\r
+  color: #393;\r
+  background: transparent url(../../misc/watchdog-ok.png) no-repeat 0px 50%; /* LTR */\r
+}\r
+ol.task-list li.active {\r
+  margin-right: 1em; /* LTR */\r
+}\r
+\r
+fieldset ul.clear-block li {\r
+  margin: 0;\r
+  padding: 0;\r
+  background-image: none;\r
+}\r
+\r
+dl {\r
+  margin: 0.5em 0 1em 1.5em; /* LTR */\r
+}\r
+\r
+dl dt {\r
+}\r
+\r
+dl dd {\r
+  margin: 0 0 .5em 1.5em; /* LTR */\r
+}\r
+\r
+img, a img {\r
+  border: none;\r
+}\r
+\r
+table {\r
+  margin: 1em 0;\r
+  width: 100%;\r
+}\r
+\r
+thead th {\r
+  border-bottom: 2px solid #d3e7f4;\r
+  color: #494949;\r
+  font-weight: bold;\r
+}\r
+\r
+th a:link, th a:visited {\r
+  color: #6f9dbd;\r
+}\r
+\r
+td, th {\r
+  padding: .3em .5em;\r
+}\r
+\r
+tr.even, tr.odd, tbody th {\r
+  border: solid #d3e7f4;\r
+  border-width: 1px 0;\r
+}\r
+\r
+tr.odd, tr.info {\r
+  background-color: #edf5fa;\r
+}\r
+\r
+tr.even {\r
+  background-color: #fff;\r
+}\r
+\r
+tr.drag {\r
+  background-color: #fffff0;\r
+}\r
+\r
+tr.drag-previous {\r
+  background-color: #ffd;\r
+}\r
+\r
+tr.odd td.active {\r
+  background-color: #ddecf5;\r
+}\r
+\r
+tr.even td.active {\r
+  background-color: #e6f1f7;\r
+}\r
+\r
+td.region, td.module, td.container, td.category {\r
+  border-top: 1.5em solid #fff;\r
+  border-bottom: 1px solid #b4d7f0;\r
+  background-color: #d4e7f3;\r
+  color: #455067;\r
+  font-weight: bold;\r
+}\r
+\r
+tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category {\r
+  border-top-width: 0;\r
+}\r
+\r
+span.form-required {\r
+  color: #ffae00;\r
+}\r
+\r
+span.submitted, .description {\r
+  font-size: 0.92em;\r
+  color: #898989;\r
+}\r
+\r
+.description {\r
+  line-height: 150%;\r
+  margin-bottom: 0.75em;\r
+  color: #898989;\r
+}\r
+\r
+.messages, .preview {\r
+  margin: .75em 0 .75em;\r
+  padding: .5em 1em;\r
+}\r
+\r
+.messages ul {\r
+  margin: 0;\r
+}\r
+\r
+.form-checkboxes, .form-radios, .form-checkboxes .form-item, .form-radios .form-item {\r
+  margin: 0.25em 0;\r
+}\r
+\r
+#center form {\r
+  margin-bottom: 2em;\r
+}\r
+\r
+.form-button, .form-submit {\r
+  margin: 2em 0.5em 1em 0; /* LTR */\r
+}\r
+\r
+#dblog-form-overview .form-submit,\r
+.confirmation .form-submit,\r
+.search-form .form-submit,\r
+.poll .form-submit,\r
+fieldset .form-button, fieldset .form-submit,\r
+.sidebar .form-button, .sidebar .form-submit,\r
+table .form-button, table .form-submit {\r
+  margin: 0;\r
+}\r
+\r
+.box {\r
+  margin-bottom: 2.5em;\r
+}\r
+\r
+/**\r
+ * Layout\r
+ */\r
+#header-region {\r
+  min-height: 1em;\r
+  background: #d2e6f3 url(../images/bg-navigation.png) repeat-x 50% 100%;\r
+}\r
+\r
+#header-region .block {\r
+  display: block;\r
+  margin: 0 1em;\r
+}\r
+\r
+#header-region .block-region {\r
+  display: block;\r
+  margin: 0 0.5em 1em;\r
+  padding: 0.5em;\r
+  position: relative;\r
+  top: 0.5em;\r
+}\r
+\r
+#header-region * {\r
+  display: inline;\r
+  line-height: 1.5em;\r
+  margin-top: 0;\r
+  margin-bottom: 0;\r
+}\r
+\r
+/* Prevent the previous directive from showing the content of script elements in Mozilla browsers. */\r
+#header-region script {\r
+  display: none;\r
+}\r
+\r
+#header-region p, #header-region img {\r
+  margin-top: 0.5em;\r
+}\r
+\r
+#header-region h2 {\r
+  margin: 0 1em 0 0; /* LTR */\r
+}\r
+\r
+#header-region h3, #header-region label, #header-region li {\r
+  margin: 0 1em;\r
+  padding: 0;\r
+  background: none;\r
+}\r
+\r
+#wrapper {\r
+  background: #edf5fa url(../images/body.png) repeat-x 50% 0;\r
+}\r
+\r
+#wrapper #container {\r
+  margin: 0 auto;\r
+  padding: 0 20px;\r
+  max-width: 1270px;\r
+}\r
+\r
+#wrapper #container #header {\r
+  height: 80px;\r
+}\r
+\r
+#wrapper #container #header #logo-floater {\r
+  position: absolute;\r
+}\r
+\r
+#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {\r
+  line-height: 120px;\r
+  position: relative;\r
+  z-index: 2;\r
+  white-space: nowrap;\r
+}\r
+\r
+#wrapper #container #header h1 span {\r
+  font-weight: bold;\r
+}\r
+\r
+#wrapper #container #header h1 img {\r
+  padding-top: 16px;\r
+  padding-right: 20px; /* LTR */\r
+  float: left; /* LTR */\r
+}\r
+\r
+/* With 3 columns, require a minimum width of 1000px to ensure there is enough horizontal space. */\r
+body.sidebars {\r
+  min-width: 980px;\r
+}\r
+/* With 2 columns, require a minimum width of 800px. */\r
+body.sidebar-left, body.sidebar-right {\r
+  min-width: 780px;\r
+}\r
+\r
+/* We must define 100% width to avoid the body being too narrow for near-empty pages */\r
+#wrapper #container #center {\r
+  float: left;\r
+  width: 100%;\r
+}\r
+\r
+/* So we move the #center container over the sidebars to compensate */\r
+body.sidebar-left #center {\r
+  margin-left: -210px;\r
+}\r
+body.sidebar-right #center {\r
+  margin-right: -210px;\r
+}\r
+body.sidebars #center {\r
+  margin: 0 -210px;\r
+}\r
+\r
+/* And add blanks left and right for the sidebars to fill */\r
+body.sidebar-left #squeeze {\r
+  margin-left: 210px;\r
+}\r
+body.sidebar-right #squeeze {\r
+  margin-right: 210px;\r
+}\r
+body.sidebars #squeeze {\r
+  margin: 0 210px;\r
+}\r
+\r
+/* We ensure the sidebars are still clickable using z-index */\r
+#wrapper #container .sidebar {\r
+  margin: 60px 0 5em;\r
+  width: 210px;\r
+  float: left;\r
+  z-index: 2;\r
+  position: relative;\r
+}\r
+\r
+#wrapper #container .sidebar .block {\r
+  margin: 0 0 1.5em 0;\r
+}\r
+\r
+#sidebar-left .block {\r
+  padding: 0 15px 0 0px;\r
+}\r
+\r
+#sidebar-right .block {\r
+  padding: 0 0px 0 15px;\r
+}\r
+\r
+.block .content {\r
+  margin: 0.5em 0;\r
+}\r
+\r
+#sidebar-left .block-region {\r
+  margin: 0 15px 0 0px; /* LTR */\r
+}\r
+\r
+#sidebar-right .block-region {\r
+  margin: 0 0px 0 15px; /* LTR */\r
+}\r
+\r
+.block-region {\r
+  padding: 1em;\r
+  background: transparent;\r
+  border: 2px dashed #b4d7f0;\r
+  text-align: center;\r
+  font-size: 1.3em;\r
+}\r
+\r
+/* Now we add the backgrounds for the main content shading */\r
+#wrapper #container #center #squeeze {\r
+  background: #fff url(../images/bg-content.png) repeat-x 50% 0;\r
+  position: relative;\r
+}\r
+\r
+#wrapper #container #center .right-corner {\r
+  background: transparent url(../images/bg-content-right.png) no-repeat 100% 0;\r
+  position: relative;\r
+  left: 10px;\r
+}\r
+\r
+#wrapper #container #center .right-corner .left-corner {\r
+  padding: 60px 25px 5em 35px;\r
+  background: transparent url(../images/bg-content-left.png) no-repeat 0 0;\r
+  margin-left: -10px;\r
+  position: relative;\r
+  left: -10px;\r
+  min-height: 400px;\r
+}\r
+\r
+#wrapper #container #footer {\r
+  float: none;\r
+  clear: both;\r
+  text-align: center;\r
+  margin: 4em 0 -3em;\r
+  color: #898989;\r
+}\r
+\r
+#wrapper #container .breadcrumb {\r
+  position: absolute;\r
+  top: 15px;\r
+  left: 35px; /* LTR */\r
+  z-index: 3;\r
+}\r
+\r
+body.sidebar-left #footer {\r
+  margin-left: -210px;\r
+}\r
+\r
+body.sidebar-right #footer {\r
+  margin-right: -210px;\r
+}\r
+\r
+body.sidebars #footer {\r
+  margin: 0 -210px;\r
+}\r
+\r
+/**\r
+ * Header\r
+ */\r
+#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {\r
+  color: #fff;\r
+  font-weight: normal;\r
+  text-shadow: #1659ac 0px 1px 3px;\r
+  font-size: 1.5em;\r
+}\r
+\r
+#wrapper #container #header h1 a:hover {\r
+  text-decoration: none;\r
+}\r
+\r
+#wrapper #container .breadcrumb {\r
+  font-size: 0.92em;\r
+}\r
+\r
+#wrapper #container .breadcrumb, #wrapper #container .breadcrumb a {\r
+  color: #529ad6;\r
+}\r
+\r
+#mission {\r
+  padding: 1em;\r
+  background-color: #fff;\r
+  border: 1px solid #e0e5fb;\r
+  margin-bottom: 2em;\r
+}\r
+\r
+/**\r
+ * Primary navigation\r
+ */\r
+ul.primary-links {\r
+  margin: 0;\r
+  padding: 0;\r
+  float: right; /* LTR */\r
+  position: relative;\r
+  z-index: 4;\r
+}\r
+\r
+ul.primary-links li {\r
+  margin: 0;\r
+  padding: 0;\r
+  float: left; /* LTR */\r
+  background-image: none;\r
+}\r
+\r
+ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {\r
+  display: block;\r
+  margin: 0 1em;\r
+  padding: .75em 0 0;\r
+  color: #fff;\r
+  background: transparent url(../images/bg-navigation-item.png) no-repeat 50% 0;\r
+}\r
+\r
+ul.primary-links li a:hover, ul.primary-links li a.active {\r
+  color: #fff;\r
+  background: transparent url(../images/bg-navigation-item-hover.png) no-repeat 50% 0;\r
+}\r
+\r
+/**\r
+ * Secondary navigation\r
+ */\r
+ul.secondary-links {\r
+  margin: 0;\r
+  padding: 18px 0 0;\r
+  float: right; /* LTR */\r
+  clear: right; /* LTR */\r
+  position: relative;\r
+  z-index: 4;\r
+}\r
+\r
+ul.secondary-links li {\r
+  margin: 0;\r
+  padding: 0;\r
+  float: left; /* LTR */\r
+  background-image: none;\r
+}\r
+\r
+ul.secondary-links li a, ul.secondary-links li a:link, ul.secondary-links li a:visited {\r
+  display: block;\r
+  margin: 0 1em;\r
+  padding: .75em 0 0;\r
+  color: #cde3f1;\r
+  background: transparent;\r
+}\r
+\r
+ul.secondary-links li a:hover, ul.secondary-links li a.active {\r
+  color: #cde3f1;\r
+  background: transparent;\r
+}\r
+\r
+/**\r
+ * Local tasks\r
+ */\r
+ul.primary, ul.primary li, ul.secondary, ul.secondary li {\r
+  border: 0;\r
+  background: none;\r
+  margin: 0;\r
+  padding: 0;\r
+}\r
+\r
+#tabs-wrapper {\r
+  margin: 0 -26px 1em;\r
+  padding: 0 26px;\r
+  border-bottom: 1px solid #e9eff3;\r
+  position: relative;\r
+}\r
+ul.primary {\r
+  padding: 0.5em 0 10px;\r
+  float: left; /* LTR */\r
+}\r
+ul.secondary {\r
+  clear: both;\r
+  text-align: left; /* LTR */\r
+  border-bottom: 1px solid #e9eff3;\r
+  margin: -0.2em -26px 1em;\r
+  padding: 0 26px 0.6em;\r
+}\r
+h2.with-tabs {\r
+  float: left; /* LTR */\r
+  margin: 0 2em 0 0; /* LTR */\r
+  padding: 0;\r
+}\r
+\r
+ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited,\r
+ul.secondary li a, ul.secondary li.active a, ul.secondary li a:hover, ul.secondary li a:visited {\r
+  border: 0;\r
+  background: transparent;\r
+  padding: 4px 1em;\r
+  margin: 0 0 0 1px; /* LTR */\r
+  height: auto;\r
+  text-decoration: none;\r
+  position: relative;\r
+  top: -1px;\r
+}\r
+ul.primary li.active a, ul.primary li.active a:link, ul.primary li.active a:visited, ul.primary li a:hover,\r
+ul.secondary li.active a, ul.secondary li.active a:link, ul.secondary li.active a:visited, ul.secondary li a:hover {\r
+  background: url(../images/bg-tab.png) repeat-x 0 50%;\r
+  color: #fff;\r
+}\r
+ul.primary li.active a,\r
+ul.secondary li.active a {\r
+  font-weight: bold;\r
+}\r
+\r
+/**\r
+ * Nodes & comments\r
+ */\r
+.node {\r
+  border-bottom: 1px solid #e9eff3;\r
+  margin: -1.5em -26px 1.5em;\r
+  padding: 1.5em 26px;\r
+}\r
+\r
+ul.links li, ul.inline li {\r
+  margin-left: 0;\r
+  margin-right: 0;\r
+  padding-left: 0; /* LTR */\r
+  padding-right: 1em; /* LTR */\r
+  background-image: none;\r
+}\r
+\r
+.node .links, .comment .links {\r
+  text-align: left; /* LTR */\r
+}\r
+\r
+.node .links ul.links li, .comment .links ul.links li {}\r
+.terms ul.links li {\r
+  margin-left: 0;\r
+  margin-right: 0;\r
+  padding-right: 0;\r
+  padding-left: 1em;\r
+}\r
+\r
+.picture, .comment .submitted {\r
+  float: right; /* LTR */\r
+  clear: right; /* LTR */\r
+  padding-left: 1em; /* LTR */\r
+}\r
+\r
+.new {\r
+  color: #ffae00;\r
+  font-size: 0.92em;\r
+  font-weight: bold;\r
+  float: right; /* LTR */\r
+}\r
+\r
+.terms {\r
+  float: right; /* LTR */\r
+}\r
+\r
+.preview .node, .preview .comment, .sticky {\r
+  margin: 0;\r
+  padding: 0.5em 0;\r
+  border: 0;\r
+  background: 0;\r
+}\r
+\r
+.sticky {\r
+  padding: 1em;\r
+  background-color: #fff;\r
+  border: 1px solid #e0e5fb;\r
+  margin-bottom: 2em;\r
+}\r
+\r
+#comments {\r
+  position: relative;\r
+  top: -1px;\r
+  border-bottom: 1px solid #e9eff3;\r
+  margin: -1.5em -25px 0;\r
+  padding: 0 25px;\r
+}\r
+\r
+#comments h2.comments {\r
+  margin: 0 -25px;\r
+  padding: .5em 25px;\r
+  background: #fff url(../images/gradient-inner.png) repeat-x 0 0;\r
+}\r
+\r
+.comment {\r
+  margin: 0 -25px;\r
+  padding: 1.5em 25px 1.5em;\r
+  border-top: 1px solid #e9eff3;\r
+}\r
+\r
+.indented {\r
+  margin-left: 25px; /* LTR */\r
+}\r
+\r
+.comment h3 a.active {\r
+  color: #494949;\r
+}\r
+\r
+.node .content, .comment .content {\r
+  margin: 0.6em 0;\r
+}\r
+\r
+/**\r
+ * Aggregator.module\r
+ */\r
+#aggregator {\r
+  margin-top: 1em;\r
+}\r
+#aggregator .feed-item-title {\r
+  font-size: 160%;\r
+  line-height: 130%;\r
+}\r
+#aggregator .feed-item {\r
+  border-bottom: 1px solid #e9eff3;\r
+  margin: -1.5em -31px 1.75em;\r
+  padding: 1.5em 31px;\r
+}\r
+#aggregator .feed-item-categories {\r
+  font-size: 0.92em;\r
+}\r
+#aggregator .feed-item-meta {\r
+  font-size: 0.92em;\r
+  color: #898989;\r
+}\r
+\r
+/**\r
+ * Color.module\r
+ */\r
+#palette .form-item {\r
+  border: 1px solid #fff;\r
+}\r
+#palette .item-selected {\r
+  background: #fff url(../images/gradient-inner.png) repeat-x 0 0;\r
+  border: 1px solid #d9eaf5;\r
+}\r
+\r
+/**\r
+ * Menu.module\r
+ */\r
+tr.menu-disabled {\r
+  opacity: 0.5;\r
+}\r
+tr.odd td.menu-disabled {\r
+  background-color: #edf5fa;\r
+}\r
+tr.even td.menu-disabled {\r
+  background-color: #fff;\r
+}\r
+\r
+/**\r
+ * Poll.module\r
+ */\r
+.poll .bar {\r
+  background: #fff url(../images/bg-bar-white.png) repeat-x 0 0;\r
+  border: solid #f0f0f0;\r
+  border-width: 0 1px 1px;\r
+}\r
+\r
+.poll .bar .foreground {\r
+  background: #71a7cc url(../images/bg-bar.png) repeat-x 0 100%;\r
+}\r
+\r
+.poll .percent {\r
+  font-size: .9em;\r
+}\r
+\r
+/**\r
+ * Autocomplete.\r
+ */\r
+#autocomplete li {\r
+  cursor: default;\r
+  padding: 2px;\r
+  margin: 0;\r
+}\r
+\r
+/**\r
+ * Collapsible fieldsets\r
+ */\r
+fieldset {\r
+  margin: 1em 0;\r
+  padding: 1em;\r
+  border: 1px solid #d9eaf5;\r
+  background: #fff url(../images/gradient-inner.png) repeat-x 0 0;\r
+}\r
+\r
+/* Targets IE 7. Fixes background image in field sets. */\r
+*:first-child+html fieldset {\r
+  padding: 0 1em 1em;\r
+  background-position: 0 .75em;\r
+  background-color: transparent;\r
+}\r
+\r
+*:first-child+html fieldset > .description, *:first-child+html fieldset .fieldset-wrapper .description {\r
+  padding-top: 1em;\r
+}\r
+\r
+fieldset legend {\r
+  /* Fix disappearing legend in FFox */\r
+  display: block;\r
+}\r
+\r
+*:first-child+html fieldset legend, *:first-child+html fieldset.collapsed legend {\r
+  display: inline;\r
+}\r
+\r
+html.js fieldset.collapsed {\r
+  background: transparent;\r
+  padding-top: 0;\r
+  padding-bottom: .6em;\r
+}\r
+\r
+html.js fieldset.collapsible legend a {\r
+  padding-left: 2em; /* LTR */\r
+  background: url(../images/menu-expanded.gif) no-repeat 0% 50%; /* LTR */\r
+}\r
+\r
+html.js fieldset.collapsed legend a {\r
+  background: url(../images/menu-collapsed.gif) no-repeat 0% 50%; /* LTR */\r
+}\r
+\r
+/**\r
+ * Syndication icons and block\r
+ */\r
+#block-node-0 h2 {\r
+  float: left; /* LTR */\r
+  padding-right: 20px; /* LTR */\r
+}\r
+\r
+#block-node-0 img, .feed-icon {\r
+  float: right; /* LTR */\r
+  padding-top: 4px;\r
+}\r
+\r
+#block-node-0 .content {\r
+  clear: right; /* LTR */\r
+}\r
+\r
+/**\r
+ * Login Block\r
+ */\r
+#user-login-form {\r
+  text-align: center;\r
+}\r
+#user-login-form ul {\r
+  text-align: left; /* LTR */\r
+}\r
+\r
+/**\r
+ * User profiles.\r
+ */\r
+.profile {\r
+  margin-top: 1.5em;\r
+}\r
+.profile h3 {\r
+  border-bottom: 0;\r
+  margin-bottom: 1em;\r
+}\r
+.profile dl {\r
+  margin: 0;\r
+}\r
+.profile dt {\r
+  font-weight: normal;\r
+  color: #898989;\r
+  font-size: 0.92em;\r
+  line-height: 1.3em;\r
+  margin-top: 1.4em;\r
+  margin-bottom: 0.45em;\r
+}\r
+.profile dd {\r
+  margin-bottom: 1.6em;\r
+}\r
+\r
+/**\r
+ * Admin Styles\r
+ */\r
+div.admin-panel,\r
+div.admin-panel .description,\r
+div.admin-panel .body,\r
+div.admin,\r
+div.admin .left,\r
+div.admin .right,\r
+div.admin .expert-link,\r
+div.item-list,\r
+.menu {\r
+  margin: 0;\r
+  padding: 0;\r
+}\r
+\r
+div.admin .left {\r
+  float: left; /* LTR */\r
+  width: 48%;\r
+}\r
+div.admin .right {\r
+  float: right; /* LTR */\r
+  width: 48%;\r
+}\r
+\r
+div.admin-panel {\r
+  background: #fff url(../images/gradient-inner.png) repeat-x 0 0;\r
+  padding: 1em 1em 1.5em;\r
+}\r
+div.admin-panel .description {\r
+  margin-bottom: 1.5em;\r
+}\r
+div.admin-panel dl {\r
+  margin: 0;\r
+}\r
+div.admin-panel dd {\r
+  color: #898989;\r
+  font-size: 0.92em;\r
+  line-height: 1.3em;\r
+  margin-top: -.2em;\r
+  margin-bottom: .65em;\r
+}\r
+\r
+table.system-status-report th {\r
+  border-color: #d3e7f4;\r
+}\r
+\r
+#autocomplete li.selected, tr.selected td, tr.selected td.active {\r
+  background: #027ac6;\r
+  color: #fff;\r
+}\r
+\r
+tr.selected td a:link, tr.selected td a:visited, tr.selected td a:active {\r
+  color: #d3e7f4;\r
+}\r
+\r
+tr.taxonomy-term-preview {\r
+  opacity: 0.5;\r
+}\r
+\r
+tr.taxonomy-term-divider-top {\r
+  border-bottom: none;\r
+}\r
+\r
+tr.taxonomy-term-divider-bottom {\r
+  border-top: 1px dotted #CCC;\r
+}\r
+\r
+/**\r
+ * CSS support\r
+ */\r
+\r
+/*******************************************************************\r
+ * Color Module: Don't touch                                       *\r
+ *******************************************************************/\r
+\r
+/**\r
+ * Generic elements.\r
+ */\r
+.messages {\r
+  background-color: #fff;\r
+  border: 1px solid #b8d3e5;\r
+}\r
+\r
+.preview {\r
+  background-color: #fcfce8;\r
+  border: 1px solid #e5e58f;\r
+}\r
+\r
+div.status {\r
+  color: #33a333;\r
+  border-color: #c7f2c8;\r
+}\r
+\r
+div.error, tr.error {\r
+  color: #a30000;\r
+  background-color: #FFCCCC;\r
+}\r
+\r
+.form-item input.error, .form-item textarea.error {\r
+  border: 1px solid #c52020;\r
+  color: #363636;\r
+}\r
+\r
+/**\r
+ * dblog.module\r
+ */\r
+tr.dblog-user {\r
+  background-color: #fcf9e5;\r
+}\r
+\r
+tr.dblog-user td.active {\r
+  background-color: #fbf5cf;\r
+}\r
+\r
+tr.dblog-content {\r
+  background-color: #fefefe;\r
+}\r
+\r
+tr.dblog-content td.active {\r
+  background-color: #f5f5f5;\r
+}\r
+\r
+tr.dblog-warning {\r
+  background-color: #fdf5e6;\r
+}\r
+\r
+tr.dblog-warning td.active {\r
+  background-color: #fdf2de;\r
+}\r
+\r
+tr.dblog-error {\r
+  background-color: #fbe4e4;\r
+}\r
+\r
+tr.dblog-error td.active {\r
+  background-color: #fbdbdb;\r
+}\r
+tr.dblog-page-not-found, tr.dblog-access-denied {\r
+  background: #d7ffd7;\r
+}\r
+tr.dblog-page-not-found td.active, tr.dblog-access-denied td.active {\r
+  background: #c7eec7;\r
+}\r
+\r
+/**\r
+ * Status report colors.\r
+ */\r
+table.system-status-report tr.error, table.system-status-report tr.error th {\r
+  background-color: #fcc;\r
+  border-color: #ebb;\r
+  color: #200;\r
+}\r
+table.system-status-report tr.warning, table.system-status-report tr.warning th {\r
+  background-color: #ffd;\r
+  border-color: #eeb;\r
+}\r
+table.system-status-report tr.ok, table.system-status-report tr.ok th {\r
+  background-color: #dfd;\r
+  border-color: #beb;\r
+}\r

diff --git a/flexdemo/garland/images/bg-bar-white.png b/flexdemo/garland/images/bg-bar-white.png
new file mode 100644 (file)
index 0000000..256ea31
Binary files /dev/null and b/flexdemo/garland/images/bg-bar-white.png differ

diff --git a/flexdemo/garland/images/bg-bar.png b/flexdemo/garland/images/bg-bar.png
new file mode 100644 (file)
index 0000000..1fbcae0
Binary files /dev/null and b/flexdemo/garland/images/bg-bar.png differ

diff --git a/flexdemo/garland/images/bg-content-left.png b/flexdemo/garland/images/bg-content-left.png
new file mode 100644 (file)
index 0000000..a64b346
Binary files /dev/null and b/flexdemo/garland/images/bg-content-left.png differ

diff --git a/flexdemo/garland/images/bg-content-right.png b/flexdemo/garland/images/bg-content-right.png
new file mode 100644 (file)
index 0000000..f07ebb5
Binary files /dev/null and b/flexdemo/garland/images/bg-content-right.png differ

diff --git a/flexdemo/garland/images/bg-content.png b/flexdemo/garland/images/bg-content.png
new file mode 100644 (file)
index 0000000..d55828e
Binary files /dev/null and b/flexdemo/garland/images/bg-content.png differ

diff --git a/flexdemo/garland/images/bg-navigation-item-hover.png b/flexdemo/garland/images/bg-navigation-item-hover.png
new file mode 100644 (file)
index 0000000..c783d71
Binary files /dev/null and b/flexdemo/garland/images/bg-navigation-item-hover.png differ

diff --git a/flexdemo/garland/images/bg-navigation-item.png b/flexdemo/garland/images/bg-navigation-item.png
new file mode 100644 (file)
index 0000000..d2452ac
Binary files /dev/null and b/flexdemo/garland/images/bg-navigation-item.png differ

diff --git a/flexdemo/garland/images/bg-navigation.png b/flexdemo/garland/images/bg-navigation.png
new file mode 100644 (file)
index 0000000..18b9559
Binary files /dev/null and b/flexdemo/garland/images/bg-navigation.png differ

diff --git a/flexdemo/garland/images/bg-tab.png b/flexdemo/garland/images/bg-tab.png
new file mode 100644 (file)
index 0000000..18554b0
Binary files /dev/null and b/flexdemo/garland/images/bg-tab.png differ

diff --git a/flexdemo/garland/images/body.png b/flexdemo/garland/images/body.png
new file mode 100644 (file)
index 0000000..b361e7b
Binary files /dev/null and b/flexdemo/garland/images/body.png differ

diff --git a/flexdemo/garland/images/gradient-inner.png b/flexdemo/garland/images/gradient-inner.png
new file mode 100644 (file)
index 0000000..7ca1413
Binary files /dev/null and b/flexdemo/garland/images/gradient-inner.png differ

diff --git a/flexdemo/garland/images/menu-collapsed-rtl.gif b/flexdemo/garland/images/menu-collapsed-rtl.gif
new file mode 100644 (file)
index 0000000..fb0beb6
Binary files /dev/null and b/flexdemo/garland/images/menu-collapsed-rtl.gif differ

diff --git a/flexdemo/garland/images/menu-collapsed.gif b/flexdemo/garland/images/menu-collapsed.gif
new file mode 100644 (file)
index 0000000..3dc9ca7
Binary files /dev/null and b/flexdemo/garland/images/menu-collapsed.gif differ

diff --git a/flexdemo/garland/images/menu-expanded.gif b/flexdemo/garland/images/menu-expanded.gif
new file mode 100644 (file)
index 0000000..126ccc1
Binary files /dev/null and b/flexdemo/garland/images/menu-expanded.gif differ

diff --git a/flexdemo/garland/images/menu-leaf.gif b/flexdemo/garland/images/menu-leaf.gif
new file mode 100644 (file)
index 0000000..b781191
Binary files /dev/null and b/flexdemo/garland/images/menu-leaf.gif differ

diff --git a/flexdemo/garland/images/task-list.png b/flexdemo/garland/images/task-list.png
new file mode 100644 (file)
index 0000000..3f9b74f
Binary files /dev/null and b/flexdemo/garland/images/task-list.png differ

diff --git a/flexdemo/garland/left.html.php b/flexdemo/garland/left.html.php
new file mode 100644 (file)
index 0000000..c1d97ee
--- /dev/null
+++ b/flexdemo/garland/left.html.php
@@ -0,0 +1,4 @@
+<?php
+foreach ($this->left as $block_def) {
+    echo $this->blockContent($block_def);
+}

diff --git a/flexdemo/garland/list.html.php b/flexdemo/garland/list.html.php
new file mode 100644 (file)
index 0000000..a9756ec
--- /dev/null
+++ b/flexdemo/garland/list.html.php
@@ -0,0 +1,7 @@
+                    <div class="breadcrumb">
+                        Home : Page1 : Page2 : Page3
+                    </div>
+                    <h2>Application zone</h2>
+                    <div class="messages status">
+                        Welcome to Horde Flex demo.
+                    </div>

diff --git a/flexdemo/garland/main.html.php b/flexdemo/garland/main.html.php
new file mode 100644 (file)
index 0000000..cfcdeab
--- /dev/null
+++ b/flexdemo/garland/main.html.php
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"\r
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\r
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">\r
+  <head>\r
+    <title>Administration theme | Drupal6 Test</title>\r
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
+\r
+    <link type="text/css" rel="stylesheet" media="all" href="garland/css/style.css?D" />\r
+    <link type="text/css" rel="stylesheet" media="print" href="garland/css/print.css?D" />\r
+\r
+    <link type="text/css" rel="stylesheet" media="all" href="garland/css/defaults.css?D" />\r
+\r
+      <!--[if lt IE 7]>\r
+      <link type="text/css" rel="stylesheet" media="all" href="garland/css/fix-ie.css" />\r
+      <![endif]-->\r
+   </head>\r
+   <body class="sidebars">\r
+\r
+<!-- Layout -->\r
+  <div id="wrapper">\r
+    <div id="container" class="clear-block">\r
+\r
+      <div id="header">\r
+        <h1 style="font-size:30px;font-weight:bold">Horde Flex</h1>\r
+      </div> <!-- /header -->\r
+\r
+      <div id="sidebar-left" class="sidebar">\r
+        <div class="clear-block block">\r
+            <?= $this->render('left.html.php') ?>\r
+        </div>\r
+      </div>\r
+\r
+      <div id="center">\r
+        <div id="squeeze">\r
+            <div class="right-corner">\r
+                <div class="left-corner">\r
+                    <?= $this->render('app.html.php') ?>\r
+                </div>\r
+            </div>\r
+        </div>\r
+      </div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center -->\r
+\r
+      <div id="sidebar-right" class="sidebar">\r
+        <div class="clear-block block">\r
+          <?= $this->render('right.html.php') ?>\r
+         </div>\r
+      </div>\r
+\r
+    </div> <!-- /container -->\r
+</div>\r
+<!-- /layout -->\r
+\r
+   </body>\r
+</html>\r

diff --git a/flexdemo/garland/right.html.php b/flexdemo/garland/right.html.php
new file mode 100644 (file)
index 0000000..34388a4
--- /dev/null
+++ b/flexdemo/garland/right.html.php
@@ -0,0 +1 @@
+<?= $this->blockContent('flexdemo', 'menu') ?>
\ No newline at end of file

diff --git a/flexdemo/garland/secondary.html.php b/flexdemo/garland/secondary.html.php
new file mode 100644 (file)
index 0000000..8fcc807
--- /dev/null
+++ b/flexdemo/garland/secondary.html.php
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"\r
+  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">\r
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">\r
+  <head>\r
+    <title>Administration theme | Drupal6 Test</title>\r
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
+\r
+    <link type="text/css" rel="stylesheet" media="all" href="garland/css/style.css?D" />\r
+    <link type="text/css" rel="stylesheet" media="print" href="garland/css/print.css?D" />\r
+\r
+    <link type="text/css" rel="stylesheet" media="all" href="garland/css/defaults.css?D" />\r
+\r
+\r
+      <!--[if lt IE 7]>\r
+      <link type="text/css" rel="stylesheet" media="all" href="garland/css/fix-ie.css" />\r
+      <![endif]-->\r
+   </head>\r
+   <body class="sidebars">\r
+\r
+<!-- Layout -->\r
+  <div id="wrapper">\r
+    <div id="container" class="clear-block">\r
+\r
+      <div id="header">\r
+        <div id="logo-floater">\r
+        <h1 style="font-size:30px;font-weight:bold">Horde Flex</h1>\r
+        </div>\r
+      </div> <!-- /header -->\r
+\r
+      <div id="center">\r
+        <div id="squeeze">\r
+            <div class="right-corner">\r
+                <div class="left-corner">\r
+\r
+                    <div class="breadcrumb">\r
+                        Home : Page1 : Page2 : Page3\r
+                    </div>\r
+                    <h2>Application zone</h2>\r
+                    <div class="messages status">\r
+                        The configuration options have been reset to their default values.\r
+                    </div>\r
+                </div>\r
+            </div>\r
+        </div>\r
+      </div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center -->\r
+\r
+      <div id="sidebar-right" class="sidebar">\r
+        <div class="clear-block block">\r
+          <h2>Right</h2>\r
+         </div>\r
+      </div>\r
+\r
+    </div> <!-- /container -->\r
+</div>\r
+<!-- /layout -->\r
+\r
+   </body>\r
+</html>\r

diff --git a/flexdemo/index.php b/flexdemo/index.php
new file mode 100644 (file)
index 0000000..cabdd36
--- /dev/null
+++ b/flexdemo/index.php
@@ -0,0 +1,15 @@
+<?php
+
+define('AUTH_HANDLER', true);
+define('HORDE_BASE', dirname(__FILE__) . '/..');
+require_once HORDE_BASE . '/lib/base.php';
+require_once 'Horde/Autoloader.php';
+
+$v = new Horde_View(array('templatePath' => dirname(__FILE__) . '/garland'));
+new Horde_View_Helper_Block($v);
+
+$v->left = array(array('flexdemo', 'block1'),
+                 array('flexdemo', 'block2'));
+$v->app = array('list');
+
+echo $v->render('main.html.php');

diff --git a/flexdemo/lib/Block/block1.php b/flexdemo/lib/Block/block1.php
new file mode 100644 (file)
index 0000000..4b16ae4
--- /dev/null
+++ b/flexdemo/lib/Block/block1.php
@@ -0,0 +1,41 @@
+<?php\r
+\r
+$block_name = _("Horde Block1");\r
+\r
+/**\r
+ * $Horde: horde/lib/Block/menu.php,v 1.0 2008/01/10 5:11:00 elier $\r
+ *\r
+ * @package Horde_Block\r
+ */\r
+class Horde_Block_flexdemo_block1 extends Horde_Block {\r
+\r
+    var $_app = 'horde';\r
+\r
+    /**\r
+     * The title to go in this block.\r
+     *\r
+     * @return string   The title text.\r
+     */\r
+    function _title()\r
+    {\r
+        return _("Block1");\r
+    }\r
+\r
+    /**\r
+     * The content to go in this block.\r
+     *\r
+     * @return string   The content\r
+     */\r
+    function _content()\r
+    {\r
+        $html = '<h2>Block1</h2><p>foo</p>';\r
+        return $html;\r
+    }\r
+\r
+\r
+    function toHtml()\r
+    {\r
+        return $this->_content();\r
+    }\r
+\r
+}
\ No newline at end of file

diff --git a/flexdemo/lib/Block/block2.php b/flexdemo/lib/Block/block2.php
new file mode 100644 (file)
index 0000000..36501ff
--- /dev/null
+++ b/flexdemo/lib/Block/block2.php
@@ -0,0 +1,41 @@
+<?php\r
+\r
+$block_name = _("Horde Block2");\r
+\r
+/**\r
+ * $Horde: horde/lib/Block/menu.php,v 1.0 2008/01/10 5:11:00 elier $\r
+ *\r
+ * @package Horde_Block\r
+ */\r
+class Horde_Block_flexdemo_block2 extends Horde_Block {\r
+\r
+    var $_app = 'horde';\r
+\r
+    /**\r
+     * The title to go in this block.\r
+     *\r
+     * @return string   The title text.\r
+     */\r
+    function _title()\r
+    {\r
+        return _("Block2");\r
+    }\r
+\r
+    /**\r
+     * The content to go in this block.\r
+     *\r
+     * @return string   The content\r
+     */\r
+    function _content()\r
+    {\r
+        $html = '<h2>Block2</h2>';\r
+        return $html;\r
+    }\r
+\r
+\r
+    function toHtml()\r
+    {\r
+        return $this->_content();\r
+    }\r
+\r
+}
\ No newline at end of file

diff --git a/flexdemo/lib/Block/menu.php b/flexdemo/lib/Block/menu.php
new file mode 100644 (file)
index 0000000..df7dcd2
--- /dev/null
+++ b/flexdemo/lib/Block/menu.php
@@ -0,0 +1,43 @@
+<?php\r
+\r
+$block_name = _("Horde Menu");\r
+\r
+/**\r
+ * $Horde: horde/lib/Block/menu.php,v 1.0 2008/01/10 5:11:00 elier $\r
+ *\r
+ * @package Horde_Block\r
+ */\r
+class Horde_Block_flexdemo_menu extends Horde_Block {\r
+\r
+    var $_app = 'horde';\r
+\r
+    /**\r
+     * The title to go in this block.\r
+     *\r
+     * @return string   The title text.\r
+     */\r
+    function _title()\r
+    {\r
+        return _("Menu");\r
+    }\r
+\r
+    /**\r
+     * The content to go in this block.\r
+     *\r
+     * @return string   The content\r
+     */\r
+    function _content()\r
+    {\r
+        $html = '<h2>Menu</h2>';\r
+        return $html;\r
+    }\r
+\r
+\r
+    function toHtml()\r
+    {\r
+        return $this->_content();\r
+    }\r
+\r
+\r
+\r
+}
\ No newline at end of file