summaryrefslogtreecommitdiffstats
path: root/www/static
diff options
context:
space:
mode:
Diffstat (limited to 'www/static')
-rw-r--r--www/static/alpine.gifbin0 -> 17876 bytes
-rw-r--r--www/static/alpine.pngbin0 -> 43938 bytes
-rw-r--r--www/static/arctic-back.pngbin0 -> 213 bytes
-rw-r--r--www/static/arctic-upleft.pngbin0 -> 300 bytes
-rw-r--r--www/static/greypx.gifbin0 -> 38 bytes
-rw-r--r--www/static/selected.gifbin0 -> 1095 bytes
-rw-r--r--www/static/submenu.css52
-rw-r--r--www/static/unselected.gifbin0 -> 945 bytes
-rw-r--r--www/static/webconf-purple.css313
-rw-r--r--www/static/webconf.css367
10 files changed, 732 insertions, 0 deletions
diff --git a/www/static/alpine.gif b/www/static/alpine.gif
new file mode 100644
index 0000000..2605afe
--- /dev/null
+++ b/www/static/alpine.gif
Binary files differ
diff --git a/www/static/alpine.png b/www/static/alpine.png
new file mode 100644
index 0000000..11802e0
--- /dev/null
+++ b/www/static/alpine.png
Binary files differ
diff --git a/www/static/arctic-back.png b/www/static/arctic-back.png
new file mode 100644
index 0000000..0719f28
--- /dev/null
+++ b/www/static/arctic-back.png
Binary files differ
diff --git a/www/static/arctic-upleft.png b/www/static/arctic-upleft.png
new file mode 100644
index 0000000..9b6c926
--- /dev/null
+++ b/www/static/arctic-upleft.png
Binary files differ
diff --git a/www/static/greypx.gif b/www/static/greypx.gif
new file mode 100644
index 0000000..b13cb90
--- /dev/null
+++ b/www/static/greypx.gif
Binary files differ
diff --git a/www/static/selected.gif b/www/static/selected.gif
new file mode 100644
index 0000000..b2c2951
--- /dev/null
+++ b/www/static/selected.gif
Binary files differ
diff --git a/www/static/submenu.css b/www/static/submenu.css
new file mode 100644
index 0000000..b759020
--- /dev/null
+++ b/www/static/submenu.css
@@ -0,0 +1,52 @@
+/*----------------------------------------------------------------------------------
+ * Submenu ( Horizontal Tabs)
+ *----------------------------------------------------------------------------------
+ */
+#submenu {
+ width: 75%;
+ font-size: 90%;
+// font-weight: Bold;
+// display: inline;
+ float: right;
+ margin: 0em 2em 0em 0em;
+ background: #fff url(/static/greypx.gif) repeat-x bottom left;
+ }
+
+#submenu p {
+ display: inline;
+ color: #22c;
+ font-size: 161%;
+ font-weight: light;
+ margin: 2em 0em -2em 0em;
+ }
+
+#submenu ul {
+ list-style: none;
+ display: inline;
+ margin: 0em 1em 0em 1em;
+ padding: 0em 3em .6em 2em;
+ float: right;
+ }
+
+#submenu li {
+ display: inline;
+ border: 1px solid #ccc;
+ padding: .5em 1em .5em 1em;
+ margin: 0em 0em 0em 0em;
+ border-bottom: none;
+ background: #f8f8f8;
+ background: transparent url("/static/unselected.gif") repeat-x top left;
+ }
+
+#submenu #selected {
+ // background: #fff url("/static/selected.gif") repeat-x top left;
+ background: #fff;
+ }
+
+#submenu a {
+ }
+
+#submenu a:hover {
+ color: #c22;
+ }
+
diff --git a/www/static/unselected.gif b/www/static/unselected.gif
new file mode 100644
index 0000000..f26d430
--- /dev/null
+++ b/www/static/unselected.gif
Binary files differ
diff --git a/www/static/webconf-purple.css b/www/static/webconf-purple.css
new file mode 100644
index 0000000..57538cd
--- /dev/null
+++ b/www/static/webconf-purple.css
@@ -0,0 +1,313 @@
+/* webconf.css - For Alpine webconf
+ */
+
+/* Default definitions */
+body {
+ background: url(arctic-back.png) repeat-y 20% 0;
+ // background-color: #DAE0EE;
+ font-family: Geneva, Arial, Helvetica, San-Serif;
+ margin: 0em;
+ padding: 0em;
+ // padding: 1em 0em 0em 1em;
+ font-size: 80%;
+ }
+
+p {
+ margin: 0em 0em 0em 0em;
+ }
+
+a {
+ text-decoration: none;
+ color: #333;
+ }
+
+a:link {
+ }
+
+a:visited {
+ }
+
+a:hover {
+ // font-weight: bold;
+ // text-decoration: underline;
+ }
+
+a:active {
+ }
+/*----------------------------------------------------------------------------------
+ * Header
+ *----------------------------------------------------------------------------------
+ */
+#head {
+ padding: 1em 1em 1em 0em;
+ background: #dde url(alpine.png) no-repeat 50% 0;
+ color: #333;
+ // margin: -1em 0em 0em 0em;
+ padding: 1em;
+ }
+
+#head h1 {
+ font-size: 300%;
+ color: #226;
+ font-family: Palatino, Times-Roman, Serif;
+ font-weight: bold;
+ margin: 0em 0em 0em 0em;
+ //float: left;
+ width: 49%;
+ }
+
+#head h2 {
+ margin: 0em 0em 0em 0em;
+ font-size: 100%;
+ font-weight: light;
+ float: right;
+ width: 30%;
+ }
+
+#head h3 {
+ float: right;
+ font-size: 90%;
+ color: #222;
+ }
+
+#head p {
+ // border: 1px inset #ccc;
+ // border-top: 1px solid #ccc;
+ // border-bottom: 1px solid #ccc;
+ }
+
+/*----------------------------------------------------------------------------------
+ * Left (Main) Menu
+ *----------------------------------------------------------------------------------
+ */
+#mainmenu {
+ display: block;
+ background-color: #dde;
+ width: 20%;
+ float: left;
+ margin: 2em 0em 0em 0em;
+ padding: 0em -1em 0em 1em;
+ }
+
+#mainmenu p {
+ background-color: #448;
+ color: #fc4;
+ padding: 0em 0em 0em 1em;
+ font-size: 110%;
+ font-weight: bold;
+ // margin: 0em 0em 0em 0em;
+ }
+
+#mainmenu ul {
+ padding: 0em 0em 0em 2em;
+ margin: 0;
+ list-style-type: none;
+ }
+#mainmenu li {
+ background-color: inherit;
+ }
+
+#mainmenu a:hover {
+ display: block;
+ background-color: #eec;
+ }
+
+#mainmenu #selected {
+ // border: 1px solid #666;
+ //border-right: 1px solid #ffd;
+ background-color: #ffe;
+ }
+
+
+/*----------------------------------------------------------------------------------
+ * Submenu ( Horizontal Tabs)
+ *----------------------------------------------------------------------------------
+ */
+#submenu {
+ // display: none;
+ width: 80%;
+ // clear: both;
+ display: inline;
+ float: right;
+ margin: 0em 0em 0em 0em;
+ background-color: #dde;
+ }
+
+#submenu p {
+ display: none;
+ }
+
+#submenu ul {
+ float: left;
+ list-style: none;
+ display: inline;
+ margin: 0 1em 0 1em;
+ padding: 0 1em 0 1em;
+ }
+
+#submenu li {
+ display: inline;
+ background-color: #ccd;
+ border: 1px solid #666;
+ border-bottom: none;
+ }
+
+#submenu #selected {
+ border: 1px solid #666;
+ background: #ffe;
+ border-bottom: none;
+ // 2px solid #ffd;
+ // font-weight: bold;
+ }
+
+#submenu a {
+ padding: .1em .2em;
+ }
+
+#submenu a:hover {
+ display: inline;
+ background: #eec;
+ padding: 0em .2em;
+ }
+
+/*----------------------------------------------------------------------------------
+ * Content
+ *----------------------------------------------------------------------------------
+ */
+#content {
+ float:left;
+ width: 70%;
+ color: #333;
+ // background-color: #DAE0EE;
+ background: url(arctic-upleft.png) no-repeat;
+ padding: 2em 0em 3em 3em;
+ }
+
+#content h1 {
+ font-size: 120%;
+ // width: 100%;
+ background-color: #eec;
+ border-bottom: 2px solid #aa9;
+ margin: 1em 0em 1em 0em;
+ clear: both;
+ }
+
+#content h2 {
+ font-size: 100%;
+ // width: 100%;
+ background-color: #eec;
+ border-bottom: 1px solid #aa9;
+ // margin: 1em 1em 0em 1em;
+ clear: both;
+ }
+
+#content p {
+ // margin: 1em 1em 0em 1em;
+ clear: both;
+ padding: .5em 0em .5em 0em;
+ }
+
+#content p.error {
+ // border: 2px solid #c00;
+ // margin: 1em 2em;
+ // padding: 1em 0em;
+ font-size: 120%;
+ font-weight: bold;
+ // background-color: #faa;
+ color: #c00;
+ }
+
+#content p.warn {
+ // border: 2px solid #cc0;
+ // margin: 1em 2em;
+ // padding: 1em;
+ background-color: #ffa;
+ }
+
+#content p.ok {
+ font-size: 120%;
+ font-weight: bold;
+ // border: 2px solid #0c0;
+ // margin: 1em 2em;
+ // padding: 1em 0em;
+ color: #090;
+ }
+
+
+#content input, textarea {
+ float: left;
+ font-size: 90%;
+ // font-family: courier-new, courier, sans;
+ background-color: #eec;
+ margin-top: -0.3em;
+ }
+
+
+#content input.error {
+ background-color: #faa;
+ // border: 2px solid #c00;
+ // margin: .5em 1em .5em 0em;
+ }
+
+#content input.button {
+ font-family: Geneva, Arial, Helvetica, Serif;
+ font-size: 100%;
+ font-weight: bold;
+ color: #228;
+ }
+
+#content dt {
+ font-size: 110%;
+ font-weight: bold;
+ color: #228;
+ margin: .7em 1em .5em 0em;
+ float: left;
+ border-top: 1px dotted #ccc;
+ border-bottom: 1px dotted #ccc;
+ width: 20%;
+ clear: both;
+ }
+
+#content a {
+ text-decoration: underline;
+ color: #449;
+ }
+
+#content form {
+ padding: 1em 0em;
+ }
+
+#content dl {
+ margin: 0em;
+ }
+
+#content dd {
+ color: #c00;
+ float: left;
+ margin: 1em 0em .5em 0em;
+ // font-size: 90%;
+ font-weight: light;
+ // margin: .5em 1em .5em 0em;
+ // border-top: 1px dotted #ccc;
+ // border-bottom: 1px dotted #ccc;
+ }
+
+
+
+/*----------------------------------------------------------------------------------
+ * footer
+ *----------------------------------------------------------------------------------
+ */
+
+#footer {
+ float: right;
+ clear: both;
+ text-align: center;
+ font-size: 80%;
+ width: 70%;
+ color: #666;
+ margin: 1em 3em 1em 2em;
+ padding: 1em 0em 1em;
+ border-top: 1px dotted #ccc;
+ border-bottom: 1px dotted #ccc;
+ }
diff --git a/www/static/webconf.css b/www/static/webconf.css
new file mode 100644
index 0000000..2c09494
--- /dev/null
+++ b/www/static/webconf.css
@@ -0,0 +1,367 @@
+/* webconf.css - For Alpine webconf
+ */
+
+/* Default definitions */
+body {
+ background: #fff url("/static/alpine.gif") no-repeat top center;
+ font-family: Geneva, Arial, Helvetica, San-Serif;
+ margin: 0em;
+ padding: 0em;
+ font-size: small;
+ }
+
+p {
+ margin: 0em 0em 0em 0em;
+ }
+
+a {
+ text-decoration: none;
+ color: #333;
+ }
+
+a:link { color: #226;
+ }
+
+a:visited {
+ color: #226;
+ }
+
+a:hover {
+ color: #44C;
+ }
+
+a:active {
+ }
+
+pre.code {
+ border: 1px solid #666;
+ background: #f8f8f8;
+ padding: .5em;
+}
+/*----------------------------------------------------------------------------------
+ * Header
+ *----------------------------------------------------------------------------------
+ */
+#head {
+ padding: 1em 1em 1em 0em;
+ color: #333;
+ // margin: -1em 0em 0em 0em;
+ padding: 1em;
+ }
+
+#head h1 {
+ font-size: 259%;
+ color: #33A;
+ // font-family: Palatino, Times-Roman, Serif;
+ font-weight: bold;
+ margin: 0em 0em 0em 0em;
+ //float: left;
+ // width: 49%;
+ }
+
+#head h2 {
+ margin: 0em 0em 0em 0em;
+ font-size: 100%;
+ font-weight: light;
+ float: right;
+ width: 30%;
+ }
+
+#head h3 {
+ float: right;
+ font-size: 90%;
+ color: #222;
+ }
+
+#head p {
+ // border: 1px inset #ccc;
+ // border-top: 1px solid #ccc;
+ // border-bottom: 1px solid #ccc;
+ }
+
+/*----------------------------------------------------------------------------------
+ * Left (Main) Menu
+ *----------------------------------------------------------------------------------
+ */
+#mainmenu {
+ display: block;
+ background: #eee;
+ // border: 1px #222 solid;
+ width: 19%;
+ float: left;
+ margin: 5em 0em 0em 1em;
+ padding: 0em 0em 0em .5em;
+ // border-right: 1px #ccc solid;
+ }
+
+#mainmenu h3 {
+ // background-color: #eee;
+ color: #448;
+ padding: .25em 0em 0em .25em;
+ font-weight: normal;
+ font-size: 138%;
+ margin: 0em 0em .1em 0em;
+ }
+
+#mainmenu ul {
+ padding: .2em 0em .6em 1em;
+ margin: 0;
+ list-style-type: none;
+ }
+#mainmenu li {
+ background-color: inherit;
+ padding: .1em 0em .1em 1em;
+ }
+
+#mainmenu a:hover {
+ display: block;
+// background: transparent url("/static/unselected.gif") repeat top left;
+// background-color: #f8f8f8;
+// color: #669;
+ text-decoration: underline;
+ }
+
+#mainmenu #selected {
+ background-color: #fff;
+ // border: 1px solid #666;
+ //border-right: 1px solid #ffd;
+ }
+
+
+/*----------------------------------------------------------------------------------
+ * Submenu ( Horizontal Tabs)
+ *----------------------------------------------------------------------------------
+ */
+#submenu {
+ width: 75%;
+ margin: 0 1em 0 0;
+// font-weight: Bold;
+ background: transparent url(/static/greypx.gif) repeat-x bottom left;
+ float: right;
+ }
+
+#submenu p {
+ display: none;
+ }
+
+#submenu h2 {
+ font-weight: normal;
+ font-size: 161%;
+ color: #228;
+ float: left;
+ margin: 0em;
+ margin-top: .2em;
+ }
+
+#submenu ul {
+ margin: 0em 2em 0em 0em;
+ list-style: none;
+ padding: 0em 2em 0em 2em;
+ float: right;
+ background: transparent;
+ }
+
+#submenu li {
+ // display: block;
+ // float: left;
+ // border: 1px solid #666;
+ // padding: .5em 1em .6em 1em;
+ // margin: 0em .5em 0em .5em;
+ // border-bottom: none;
+ color: #33A;
+ background: transparent url("/static/unselected.gif") repeat-x top left;
+ float: left;
+ margin: 0;
+ padding: 0;
+ }
+
+#submenu #selected {
+ // background: #fff url("/static/selected.gif") repeat-x top left;
+ background: #fff;
+ display: block;
+ float: left;
+ margin: 0em;
+ padding: .75em 1em;
+ border: 1px solid #ccc;
+ border-bottom: none;
+ }
+
+
+#submenu a {
+ display: block;
+ float: left;
+ margin: 0em;
+ padding: .75em 1em;
+ border: 1px solid #ccc;
+ border-bottom: none;
+ // background: #eee;
+ }
+
+#submenu a:hover {
+ // color: #226;
+// background: #eee;
+ text-decoration: underline;
+ }
+
+/*----------------------------------------------------------------------------------
+ * Content
+ *----------------------------------------------------------------------------------
+ */
+#content {
+ display: block;
+ float:left;
+ width: 70%;
+ color: #333;
+ padding: 2em 0em 3em 3em;
+ // border-left: #ccc 1px solid;
+ }
+
+#content h1 {
+ font-size: 120%;
+ // width: 100%;
+ background-color: #eee;
+ border-bottom: 2px solid #aaa;
+ margin: 1em 0em 1em 0em;
+ clear: both;
+ }
+
+#content h2 {
+ font-size: 100%;
+ // width: 100%;
+ background-color: #eee;
+ border-bottom: 1px solid #aaa;
+ // margin: 1em 1em 0em 1em;
+ clear: both;
+ }
+
+#content h3 {
+ font-size: 100%;
+ // width: 100%;
+ background-color: #fff;
+ border-bottom: 0px solid #eee;
+ margin: 0em 0em 0em 0em;
+ clear: both;
+ }
+
+#content p {
+ // margin: 1em 1em 0em 1em;
+ clear: both;
+ padding: .5em 0em .5em 0em;
+ }
+
+#content p.error {
+ // border: 2px solid #c00;
+ // margin: 1em 2em;
+ // padding: 1em 0em;
+ font-size: 120%;
+ font-weight: bold;
+ background-color: #eee;
+ color: #f44;
+ }
+
+#content p.warn {
+ // border: 2px solid #cc0;
+ // margin: 1em 2em;
+ // padding: 1em;
+ background-color: #cc4;
+ }
+
+#content p.ok {
+ font-size: 120%;
+ font-weight: bold;
+ // border: 2px solid #0c0;
+ // margin: 1em 2em;
+ // padding: 1em 0em;
+ color: #090;
+ }
+
+
+#content input, textarea {
+ float: left;
+ background-color: #eee;
+ margin-top: -0.3em;
+ }
+
+
+#content input.error {
+ /* yellow snow - bad */
+ background-color: #ffa;
+ }
+
+#content input.button {
+ font-family: Geneva, Arial, Helvetica, Serif;
+ font-size: 100%;
+ font-weight: bold;
+ color: #228;
+ }
+
+#content dt {
+ font-size: 110%;
+ // font-weight: bold;
+ color: #228;
+ margin: .7em 1em .5em 0em;
+ float: left;
+ border-top: 1px dotted #ccf;
+ border-bottom: 1px dotted #ccf;
+ // background-color: #eef;
+ width: 20%;
+ clear: both;
+ }
+
+#content th {
+ font-weight: inherit;
+ color: #228;
+ background: #eef;
+ }
+
+#content a {
+ text-decoration: underline;
+ color: #449;
+ }
+
+#content form {
+ padding: 1em 0em;
+ }
+
+#content dl {
+ margin: 0em;
+ }
+
+#content dd {
+ color: #444;
+ float: left;
+ margin: 1em 0em .5em 0em;
+ // font-size: 90%;
+ font-weight: light;
+ // margin: .5em 1em .5em 0em;
+ // border-top: 1px dotted #ccc;
+ // border-bottom: 1px dotted #ccc;
+ }
+
+#content .grey {
+ background-color: #eee;
+ }
+
+
+#content form {
+ display: inline;
+ }
+
+
+/*----------------------------------------------------------------------------------
+ * footer
+ *----------------------------------------------------------------------------------
+ */
+
+#footer {
+ float: right;
+ clear: both;
+ text-align: center;
+ font-size: 80%;
+ width: 70%;
+ color: #666;
+ margin: 1em 3em 1em 2em;
+ padding: 1em 0em 1em;
+ border-top: 1px dotted #ccc;
+ border-bottom: 1px dotted #ccc;
+ }