diff options
Diffstat (limited to 'www/static')
-rw-r--r-- | www/static/alpine.gif | bin | 0 -> 17876 bytes | |||
-rw-r--r-- | www/static/alpine.png | bin | 0 -> 43938 bytes | |||
-rw-r--r-- | www/static/arctic-back.png | bin | 0 -> 213 bytes | |||
-rw-r--r-- | www/static/arctic-upleft.png | bin | 0 -> 300 bytes | |||
-rw-r--r-- | www/static/greypx.gif | bin | 0 -> 38 bytes | |||
-rw-r--r-- | www/static/selected.gif | bin | 0 -> 1095 bytes | |||
-rw-r--r-- | www/static/submenu.css | 52 | ||||
-rw-r--r-- | www/static/unselected.gif | bin | 0 -> 945 bytes | |||
-rw-r--r-- | www/static/webconf-purple.css | 313 | ||||
-rw-r--r-- | www/static/webconf.css | 367 |
10 files changed, 732 insertions, 0 deletions
diff --git a/www/static/alpine.gif b/www/static/alpine.gif Binary files differnew file mode 100644 index 0000000..2605afe --- /dev/null +++ b/www/static/alpine.gif diff --git a/www/static/alpine.png b/www/static/alpine.png Binary files differnew file mode 100644 index 0000000..11802e0 --- /dev/null +++ b/www/static/alpine.png diff --git a/www/static/arctic-back.png b/www/static/arctic-back.png Binary files differnew file mode 100644 index 0000000..0719f28 --- /dev/null +++ b/www/static/arctic-back.png diff --git a/www/static/arctic-upleft.png b/www/static/arctic-upleft.png Binary files differnew file mode 100644 index 0000000..9b6c926 --- /dev/null +++ b/www/static/arctic-upleft.png diff --git a/www/static/greypx.gif b/www/static/greypx.gif Binary files differnew file mode 100644 index 0000000..b13cb90 --- /dev/null +++ b/www/static/greypx.gif diff --git a/www/static/selected.gif b/www/static/selected.gif Binary files differnew file mode 100644 index 0000000..b2c2951 --- /dev/null +++ b/www/static/selected.gif 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 Binary files differnew file mode 100644 index 0000000..f26d430 --- /dev/null +++ b/www/static/unselected.gif 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; + } |