Add the initial decorator stuff

* Decorator.css.php: New file
* docs/decoratortest.html

diff --git a/Decorator.css.php b/Decorator.css.php
new file mode 100644 (file)
index 0000000..4e72424
--- /dev/null
+++ b/Decorator.css.php
@@ -0,0 +1,209 @@
+<?php
+
+$path = dirname(isset($_SERVER['SCRIPT_URL']) ? $_SERVER['SCRIPT_URL'] : $_SERVER['REQUEST_URI']);
+header("Content-Type: text/css");
+
+?>
+/*=====================================================================*
+|| ###################################################################
+|| # Blue Static ISSO Framework
+|| # Copyright (c)2005-2008 Blue Static
+|| #
+|| # 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; version 2 of the License.
+|| #
+|| # 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.,
+|| # 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA
+|| ###################################################################
+\*=====================================================================*/
+
+/* Reset all the annoying browser defaults */
+* { margin: 0px; padding: 0px; }
+
+/* Main body tag */
+body
+{
+       background-color: rgb(232, 255, 198);
+       font-family: Verdana, Helvetica, Arial, sans-serif;
+       font-size: 12px;
+}
+
+/* Title section that appears at the top of pages */
+#title
+{
+       height: 50px;
+       width: 100%;
+       
+       font-size: 24px;
+       font-weight: bold;
+       color: rgb(255, 255, 255);
+}
+
+/* Body container that puts some padding on elements */
+#body
+{
+       padding: 20px;
+}
+
+/*******************************************************************/
+/* Form Elements */
+/*******************************************************************/
+
+/* Main form wrapper */
+fieldset
+{
+       border-width: 1px;
+       border-style: solid;
+       border-color: rgb(123, 170, 90);
+       
+       background-color: rgb(255, 255, 255);
+       
+       padding: 5px 9px 5px 9px;
+       margin: 10px 0px 10px 0px;
+}
+
+/* Form title */
+legend
+{
+       border-width: 1px;
+       border-style: solid;
+       border-color: rgb(123, 170, 90);
+       
+       background-color: rgb(203, 234, 148);
+       
+       padding: 3px;
+       
+       font-size: 14px;
+       font-weight: bold;
+       color: rgb(62, 76, 49);
+}
+
+/*******************************************************************/
+/* Tables */
+/*******************************************************************/
+
+table
+{
+       border-width: 1px;
+       border-style: solid;
+       border-color: rgb(123, 170, 90);
+       
+       background-color: rgb(255, 255, 255);
+       
+       margin: 10px 0px 10px 0px;
+       
+       width: 100%;
+}
+
+thead
+{
+       background-color: rgb(123, 170, 90);
+       
+       font-size: 14px;
+       font-weight: bold;
+       color: rgb(0, 0, 0);
+               
+       text-align: center;
+}
+
+       thead td
+       {
+               padding: 7px;
+       }
+
+tr
+{
+       border-collapse: collapse;
+}
+
+.headings
+{
+       background-color: rgb(203, 234, 148);
+
+       font-size: 12px;
+       font-weight: bold;
+       color: rgb(62, 76, 49);
+}
+
+.headings td
+{
+       text-align: center;
+}
+
+.headings td:first-child
+{
+       text-align: left;
+}
+
+.headings td:last-child
+{
+       text-align: right;
+}
+
+table tr td
+{
+       padding: 4px;
+}
+
+table .alt1
+{
+       background-color: rgb(255, 255, 255);
+}
+
+table .alt2
+{
+       background-color: rgb(237, 245, 230);
+}
+
+/*******************************************************************/
+/* Boxes */
+/*******************************************************************/
+
+/* Big, red box to display errors */
+.error-box
+{
+       border-width: 5px;
+       border-style: solid;
+       border-color: rgb(252, 11, 29);
+       
+       padding: 4px;
+       margin: 10px 0px 10px 0px;
+       
+       background-color: rgb(247, 170, 170);
+
+       color: rgb(252, 11, 29);
+}
+
+       /* Naming the error box */
+       .error-box h1
+       {
+               font-size: 14px;
+       }
+
+/* Green box to display messages */
+.message-box
+{
+       border-width: 5px;
+       border-style: solid;
+       border-color: rgb(109, 187, 45);
+
+       padding: 4px;
+       margin: 10px 0px 10px 0px;
+
+       background-color: rgb(209, 249, 170);
+
+       color: rgb(109, 187, 45);
+}
+
+       /* Naming the box */
+       .message-box h1
+       {
+               font-size: 14px;
+       }

diff --git a/docs/decoratortest.html b/docs/decoratortest.html
new file mode 100644 (file)
index 0000000..098a6cf
--- /dev/null
+++ b/docs/decoratortest.html
@@ -0,0 +1,72 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+<head>
+       <title>Decorator Test</title>
+       <link rel="stylesheet" href="../Decorator.css.php" type="text/css" media="screen" charset="utf-8" />
+</head>
+
+<body>
+
+<div id="title">Settings</div>
+
+<div id="body">
+
+<fieldset>
+<legend>General Options</legend>
+       this is a test
+</fieldset>
+
+<table>
+<thead>
+<tr>
+       <td colspan="4">Status Manager</td>
+</tr>
+</thead>
+<tr class="headings">
+       <td>Status Name</td>
+       <td>Color</td>
+       <td>Display Order</td>
+       <td>Actions</td>
+</tr>
+<tr class="alt1">
+       <td colspan="4">data goes here</td>
+</tr>
+<tr class="alt2">
+       <td colspan="4">&nbsp;</td>
+</tr>
+<tr class="alt1">
+       <td colspan="4">&nbsp;</td>
+</tr>
+<tr class="alt2">
+       <td colspan="4">&nbsp;</td>
+</tr>
+<tr class="alt1">
+       <td colspan="4">&nbsp;</td>
+</tr>
+<tr class="alt2">
+       <td colspan="4">&nbsp;</td>
+</tr>
+<tr class="alt1">
+       <td colspan="4">&nbsp;</td>
+</tr>
+</table>
+
+<div class="message-box">
+       <h1>Saved Settings</h1>
+       
+       All your settings have been saved. This is some more text to make this message box look more filled up. But,
+       you get the general idea here.
+</div>
+
+<div class="error-box">
+       <h1>Error</h1>
+       
+       Something really, really bad has happened. I urge you to please do something about it so we can all get on
+       with our lives.
+</div>
+
+</div>
+
+</body>
+</html>
\ No newline at end of file