diff options
| -rw-r--r-- | www/static/alpine.gif | bin | 17876 -> 0 bytes | |||
| -rw-r--r-- | www/static/alpine.jpg | bin | 0 -> 4005 bytes | |||
| -rw-r--r-- | www/static/alpine.png | bin | 43938 -> 0 bytes | |||
| -rw-r--r-- | www/static/alpine_logo.png | bin | 15036 -> 0 bytes | |||
| -rw-r--r-- | www/static/arctic-back.png | bin | 213 -> 0 bytes | |||
| -rw-r--r-- | www/static/arctic-upleft.png | bin | 300 -> 0 bytes | |||
| -rw-r--r-- | www/static/greypx.gif | bin | 38 -> 0 bytes | |||
| -rw-r--r-- | www/static/h1.png | bin | 0 -> 167 bytes | |||
| -rw-r--r-- | www/static/h2.png | bin | 0 -> 159 bytes | |||
| -rw-r--r-- | www/static/h3.png | bin | 0 -> 159 bytes | |||
| -rw-r--r-- | www/static/header_body.jpg | bin | 11621 -> 0 bytes | |||
| -rw-r--r-- | www/static/menu_item.png | bin | 0 -> 143 bytes | |||
| -rw-r--r-- | www/static/menu_item_hover.png | bin | 0 -> 202 bytes | |||
| -rw-r--r-- | www/static/selected.gif | bin | 1095 -> 0 bytes | |||
| -rw-r--r-- | www/static/shadow-side.png | bin | 0 -> 98 bytes | |||
| -rw-r--r-- | www/static/shadow-top.png | bin | 0 -> 109 bytes | |||
| -rw-r--r-- | www/static/static.css | 680 | ||||
| -rw-r--r-- | www/static/submenu.css | 52 | ||||
| -rw-r--r-- | www/static/unselected.gif | bin | 945 -> 0 bytes | |||
| -rw-r--r-- | www/static/watermark.jpg | bin | 0 -> 5798 bytes | |||
| -rw-r--r-- | www/static/webconf-purple.css | 313 |
21 files changed, 325 insertions, 720 deletions
diff --git a/www/static/alpine.gif b/www/static/alpine.gif Binary files differdeleted file mode 100644 index 2605afe..0000000 --- a/www/static/alpine.gif +++ /dev/null diff --git a/www/static/alpine.jpg b/www/static/alpine.jpg Binary files differnew file mode 100644 index 0000000..c792250 --- /dev/null +++ b/www/static/alpine.jpg diff --git a/www/static/alpine.png b/www/static/alpine.png Binary files differdeleted file mode 100644 index 11802e0..0000000 --- a/www/static/alpine.png +++ /dev/null diff --git a/www/static/alpine_logo.png b/www/static/alpine_logo.png Binary files differdeleted file mode 100644 index 38e693f..0000000 --- a/www/static/alpine_logo.png +++ /dev/null diff --git a/www/static/arctic-back.png b/www/static/arctic-back.png Binary files differdeleted file mode 100644 index 0719f28..0000000 --- a/www/static/arctic-back.png +++ /dev/null diff --git a/www/static/arctic-upleft.png b/www/static/arctic-upleft.png Binary files differdeleted file mode 100644 index 9b6c926..0000000 --- a/www/static/arctic-upleft.png +++ /dev/null diff --git a/www/static/greypx.gif b/www/static/greypx.gif Binary files differdeleted file mode 100644 index b13cb90..0000000 --- a/www/static/greypx.gif +++ /dev/null diff --git a/www/static/h1.png b/www/static/h1.png Binary files differnew file mode 100644 index 0000000..f8cffd8 --- /dev/null +++ b/www/static/h1.png diff --git a/www/static/h2.png b/www/static/h2.png Binary files differnew file mode 100644 index 0000000..4b25139 --- /dev/null +++ b/www/static/h2.png diff --git a/www/static/h3.png b/www/static/h3.png Binary files differnew file mode 100644 index 0000000..87d62cd --- /dev/null +++ b/www/static/h3.png diff --git a/www/static/header_body.jpg b/www/static/header_body.jpg Binary files differdeleted file mode 100644 index 8a08d5f..0000000 --- a/www/static/header_body.jpg +++ /dev/null diff --git a/www/static/menu_item.png b/www/static/menu_item.png Binary files differnew file mode 100644 index 0000000..e56a394 --- /dev/null +++ b/www/static/menu_item.png diff --git a/www/static/menu_item_hover.png b/www/static/menu_item_hover.png Binary files differnew file mode 100644 index 0000000..1ddac37 --- /dev/null +++ b/www/static/menu_item_hover.png diff --git a/www/static/selected.gif b/www/static/selected.gif Binary files differdeleted file mode 100644 index b2c2951..0000000 --- a/www/static/selected.gif +++ /dev/null diff --git a/www/static/shadow-side.png b/www/static/shadow-side.png Binary files differnew file mode 100644 index 0000000..bae16f4 --- /dev/null +++ b/www/static/shadow-side.png diff --git a/www/static/shadow-top.png b/www/static/shadow-top.png Binary files differnew file mode 100644 index 0000000..68b17fa --- /dev/null +++ b/www/static/shadow-top.png diff --git a/www/static/static.css b/www/static/static.css index 3b37900..f91f1fd 100644 --- a/www/static/static.css +++ b/www/static/static.css @@ -1,393 +1,363 @@ -/* webconf.css - For Alpine webconf - */ - -/* Default definitions */ -body { - /*background: transparent;*/ - position: absolute; - background: transparent url("/static/header_body.jpg") no-repeat 5px 5px; - font-family: Geneva, Arial, Helvetica, San-Serif; - margin: 0px; - padding: 0px; - font-size: small; - } +/* .css - Alpine ACF */ -p { - margin: 0px 0px0px 0empx - } +/* DEBUG INFORMATION + "#wrapper input" makes things red and ugly. This is to search for things that needs to be added/removed in this css. + If you find that some button/input turns red, pleace see what needs to be changed in your code or in this css. + When using the html.form[]() to create inputs/buttons/fields then everything should work just fine. + When manually wringing a <input... or something like that, see if you need to add class='whatever' or something like it. +*/ -a { - text-decoration: none; - color: #333; - } +#wrapper input { /* DEBUG: Search for uncategorized buttons/inputs */ + background: red; +} -a:link { color: #226; - } -a:visited { - color: #226; - } +/* Default definitions */ +body { + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Verdana, "Trebuchet MS", SunSans-Regular; + font-size: 12pt; + /* Also change #wrapper min-width by the same absolute amount */ + width: 770px; +} +#page { + position: relative; + left: 0px; + top: 0px; +} +a { + text-decoration:none; + color: #072966; +} +a:visited { + color: #072966; +} a:hover { - color: #44C; - } - -a:active { - } - -pre.code { - border: 1px solid #666; - background: #f8f8f8; - padding: .5em; + color: red; } -/*---------------------------------------------------------------------------------- - * Logotypes and icons - *---------------------------------------------------------------------------------- - */ -#logo { - /*background: transparent;*/ - z-index: 15; - /*margin: 25px 0px 0px 194px;*/ - padding: 50px 0px 0px 0px; - width: 680px; - height: 40px; - position: absolute; - left: 200px; - top: 25px; - vertical-align: bottom; - text-align: left; - background: transparent url("/static/alpine.png") no-repeat top left; -} -#logo h2 { - font-weight: normal; - font-size: 10pt; - color: #228; - text-align: left; - vertical-align: bottom; - } - - -/*---------------------------------------------------------------------------------- - * Header - *---------------------------------------------------------------------------------- - */ -#head { - background: transparent; - text-align: right; - vertical-align: bottom; - z-index: 10; - margin: 0px; - padding: 0px; - width: 195px; - height: auto; - color: #333; - position: absolute; - left: 0px; - top: 160px; - /*background: transparent url("/static/alpine_logo.png") no-repeat top left;*/ +input { + border: 1px solid #ccc; +} +hr { + background-color: #ff9933; + height: 3px; +} +.error { + height: 0px; + font-size: 11pt; + font-weight: bold; + color: #f33; } - -#head h1 { - font-size: 259%; - color: #33A; - font-weight: bold; - margin: 0px 0px 0px 0px; - padding: 0px 0px 0px 0px; - } - -#head h2 { - font-size: 100%; - font-weight: light; - float: right; - } - -#head h3 { - float: right; - font-size: 90%; - color: #222; - } - -#head p { - margin: 0px; - padding: 0px; - } - -/*---------------------------------------------------------------------------------- - * Left (Main) Menu - *---------------------------------------------------------------------------------- - */ -#mainmenu { - background: #eee; - /*display: block;*/ - width: 180px; - float: left; - margin: 180px 0px 0px 2px; - padding: 5px 0px 5px 10px; - border: 1px #57b solid; - border-right: none; - } - -#mainmenu h3 { - color: #448; - padding: 10px 0px 0px 0px; - font-weight: normal; - font-size: 138%; - margin: 0px 0px 2px 0px; - } - -#mainmenu ul { - padding: 0px 0px 0px 0px; - margin: 0px; - list-style-type: none; - } -#mainmenu li { - background-color: inherit; - padding: 2px 2px 2px 10px; - } - -#mainmenu a:hover { - display: block; - text-decoration: underline; - } - -#mainmenu #selected { - background-color: #fff; - border: 1px #57b solid; - border-right: none; - font-weight: Bold; - color: #24a; - } - /*---------------------------------------------------------------------------------- - * Submenu ( Horizontal Tabs) + * Header, Logotypes and icons *---------------------------------------------------------------------------------- */ -#submenu { - background: transparent; - position: fixed; - right: 0px; - margin: 73px 0px 0px 0px; - width: 100%; - } - -#submenu p { - display: none; - } -#submenu h2 { - font-weight: normal; - font-size: 10pt; - color: #228; - margin: 10px 0px 0px 5px; - } -#submenu ul { - margin: 0px 0px 0px 0px; - list-style: none; - padding: 0px 20px 0px 20px; - float: right; - background: transparent; - } - -#submenu li { - color: #33A; - background: #eee; - display: block; - font-size: 10pt; - float: left; - margin: 0px; - padding: 7px 7px; - height: 15px; - border: 1px #57b solid; - } +/* DEFAULT DEFINITIONS */ +#header { + position: relative; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + height: 75px; + background-image: url(alpine.jpg); + background-repeat: repeat-x; + border: 1px solid #ddd; +} -#submenu #selected { - background: #fff; - display: block; - float: left; - font-weight: Bold; - font-size: 10pt; - color: #24a; - margin: 0px; - height: 15px; - padding: 7px 7px; - border: 3px #57b solid; - border-bottom: 1px #fff solid; - } +#header #version { + position: absolute; + top: 54px; + left: 10px; + height: 16px; + padding: 3px 0px 0px 0px; + text-align: left; + color: #777; + font-size: 12px; +} +/* TOP MENU */ +#header ul#metanav { + position: absolute; + top: 57px; + left: 195px; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; + z-index: 10; + list-style-type: none; + font-size: 14px; +} +#header ul#metanav li { + display: inline; + margin: 0px 0px 5px 0px; + padding: 3px 5px 2px 5px; + background-image: url(menu_item.png); + border: 1px solid #bbb; + border-bottom: none; +} +#header ul#metanav li.current { + font-weight: bold; + margin: 20px 0px 0px 0px; + padding: 3px 5px 10px 5px; + background: white; +} +#header .current a { + color: red; +} +#header ul#metanav li.current a:hover { + text-decoration: underline; + background: white; + color: red; +} +#header ul#metanav li a:hover { + display: inline; + margin: -3px -5px 0px -5px; + padding: 3px 5px 0px 5px; + border: none; + background-image: url(menu_item_hover.png); + color: black; +} -#submenu a { - display: block; - float: left; - margin: 0px; - padding: 0px 0px; - } +#header #logo { + position: absolute; + left: 5px; + top: 5px; + margin-right: 2px; + font-size: 40px; +} -#submenu a:hover { - text-decoration: underline; - } /*---------------------------------------------------------------------------------- - * Content + * Content and main menu *---------------------------------------------------------------------------------- */ -#content { - background: transparent; - position: absolute; - left: 5px; - top: 105px; - width: 900px; - float:left; - color: #333; - padding: 0px 10px 0px 10px; - margin: 75px 10px 10px 195px; - } -#content h1 { - font-size: 120%; - text-align: left; - margin: 0px 0px 0px 0px; - padding: 0px 0px 0px 0px; - background-color: #e0e0e0; - border-bottom: 2px solid #aaa; - } - -#content h2 { - font-size: 100%; - margin: 10px 0px 0px 0px; - padding: 0px 0px 0px 0px; - background-color: #e0e0e0; - border-bottom: 1px solid #aaa; - clear: both; - } - -#content h3 { - font-size: 85%; - margin: 10px 0px 0px 0px; - padding: 0px 0px 0px 0px; - background-color: #e6e6ff; - border-bottom: 1px solid #aaa; - clear: both; - } - -#content p { - clear: both; - } - -#content p.error { - font-size: 120%; - font-weight: bold; - background-color: #eee; - color: #f44; - } - -#content p.warn { - background-color: #cc4; - } +/* DEFAULT DEFINITIONS */ +#content { /* 'content' is both the wrapper and the navmenu */ + background-image: url(shadow-top.png); + background-repeat: repeat-x; + position: relative; + top: 0px; + right: 0px; + left: 0px; + padding: 10px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} +/* MAIN MENU */ +#nav { /* 'nav' is only the main menu */ + position: absolute; + left: 10px; + top: 20px; + width: 180px; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; + background-image: url(shadow-side.png); + background-repeat: repeat-y; + background-position: right; +} +#nav ul { + list-style-type: none; + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; +} +#nav li { + padding-right: 10px; + margin-right: 10px; + border-left: 1px solid #ddd; +} +#nav ul li.category { + color: white; + font-size: 16px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + background: #6688AA; +} +#nav ul li.menuitem { + height: 21px; + text-decoration: none; + font-size: 14px; + font-weight: normal; + white-space: nowrap; + overflow: hidden; + border-bottom: 1px solid #cacaca; + border-top: 1px solid #ccc; + background-image: url(menu_item.png); +} +#nav ul li.last { + background-image: url(shadow-top.png); + background-repeat: repeat-x; + padding-bottom: 5px; +} +#nav ul li a { + display: block; + height: 21px; + padding: 3px 0px 0px 5px; +} +#nav ul li.menuitem a:hover { + color: #5c7b99; + color: black; + height: 21px; + padding-right: -10px; + margin-right: -10px; + background-image: url(menu_item_hover.png); +} +#nav ul li.current a:hover { + text-decoration: underline; +} +#nav .current a { + color: red; +} +#nav li.current, #nav li.current a { /* active item */ + height: 21px; + text-decoration: none; + font-size: 14px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + background: white; + padding-right: -10px; + margin-right: -10px; +} -#content p.ok { - font-size: 120%; - font-weight: bold; - color: #090; - } - - -#content input, textarea { - float: left; - background-color: #fff0f0; - border: 1px dotted #000; - } +/* CONTENT/WRAPPER */ +#wrapper { /* 'wrapper' is the area where you display the interesting things */ + position: absolute; + top: 20px; + right: 0px; + width: 560px; + font-size: 12px; +} -#content textarea { - height: 300px; - border: 1px dotted #000; - } +#background-wrapper { + padding: 0px 0px 0px 0px; + margin: 0px 0px 0px 0px; + background-image: url(watermark.jpg); + background-repeat: no-repeat; + background-position:200px 50px; +} +#wrapper h1 { + clear: both; + height: 18px; + padding: 2px 0px 0px 5px; + margin: 0px 0px 2px -20px; + text-decoration: none; + font-size: 14px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + border-bottom: 1px solid #cacaca; + border-top: px solid #ccc; + background-image: url(h1.png); + color: #5c7b99; +} -#content input.error { - background-color: #ffa; - } +#wrapper h2 { + clear: both; + height: 18px; + padding: 2px 0px 0px 10px; + margin: 0px 0px 2px -20px; + text-decoration: none; + font-size: 14px; + font-weight: bold; + white-space: nowrap; + overflow: hidden; + border-bottom: 1px solid #cacaca; + border-top: 1px solid #ccc; + background-image: url(h2.png); + color: #5c7b99; +} +#wrapper h3 { + clear: both; + height: 14px; + padding: 0px 0px 0px 15px; + margin: 0px 0px 2px -20px; + text-decoration: none; + font-size: 12px; + font-weight: thin; + white-space: nowrap; + overflow: hidden; + border-bottom: 1px solid #cacaca; + border-top: 1px solid #ccc; + background-image: url(h3.png); + color: #5c7b99; +} -#content input.button { - font-family: Geneva, Arial, Helvetica, Serif; - font-size: 100%; - font-weight: bold; - color: #228; - } +#wrapper p { + clear: both; +} -#content th { - font-weight: inherit; - color: #228; - background: #eef; - } - -#content a { - text-decoration: underline; - color: #449; - } - -#content form { - } +#wrapper dt { + float: left; + clear: both; + width: 200px; + color: #000; + font-size: 12px; + text-align: left; + margin: 0px 5px 0px 0px; + padding: 5px 0px 5px 0px; + border-top: 1px solid #ddd; + font-weight: bold; +} -#content dl { - margin: 0px; - } -#content dt { - background-color: none; - font-size: 110%; - height: 20px; - width: 200px; - margin: 0px 0px 0px 0px; - padding: 5px 0px 0px 0px; - float: left; - border-top: 1px solid #ddd; - /*border-top: 1px solid #ccc;*/ - clear: both; - font-weight: bold; - color: #000; - font-size: 10pt; - } +#wrapper dd { + float: left; + width: 350px; -#content dd { - color: #444; - float: left; - margin: 0px 0px 0px 5px; - padding: 5px 0px 0px 0px; + color: #444; + font-size: 12px; + margin: 0px 0px 0px 5px; + padding: 5px 0px 0px 0px; font-weight: light; - } - -#content .grey { - background-color: #eee; - } - +} -#content form { - display: inline; - } +#wrapper textarea { + width: 99%; + height: 300px; + border-right: 1px solid #cacaca; + border-bottom: 1px solid #cacaca; +} +#wrapper form { + display: inline; +} +#wrapper dd select { + width: 247px; + border-right: 1px solid #cacaca; + border-bottom: 1px solid #cacaca; +} -/*---------------------------------------------------------------------------------- - * footer - *---------------------------------------------------------------------------------- - */ +#wrapper .submit { + width: 100px; + border-right: 1px solid #cacaca; + border-bottom: 1px solid #cacaca; + background: #eee; +} +#wrapper dd .text { + width: 245px; + border-right: 1px solid #cacaca; + border-bottom: 1px solid #cacaca; + background: white; +} +#wrapper table { + width: 99%; +} +/* FOOTER */ #footer { - background: #eee; - padding: 3px 0px 5px 0px; - margin: 20px 0px 0px -7px; - position: relative; - bottom: 0px; - font-size: 10pt; - width: 100%; - color: #bbb; - border-top: 1px dotted #ccc; - border-bottom: 1px dotted #ccc; - } + clear: both; + border-top: 1px solid #d6d6d6; + position: relative; + width: 100%; + padding-top: 5px; + margin-top: 15px; + margin-bottom: 10px; + font-size: 10px; + text-align: left; + color: #aaa; +} -#footer p{ - padding: 0px; - margin: 0px; - font-size: 10pt; - color: #bbb; - } diff --git a/www/static/submenu.css b/www/static/submenu.css deleted file mode 100644 index b759020..0000000 --- a/www/static/submenu.css +++ /dev/null @@ -1,52 +0,0 @@ -/*---------------------------------------------------------------------------------- - * 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 differdeleted file mode 100644 index f26d430..0000000 --- a/www/static/unselected.gif +++ /dev/null diff --git a/www/static/watermark.jpg b/www/static/watermark.jpg Binary files differnew file mode 100644 index 0000000..e76142e --- /dev/null +++ b/www/static/watermark.jpg diff --git a/www/static/webconf-purple.css b/www/static/webconf-purple.css deleted file mode 100644 index 57538cd..0000000 --- a/www/static/webconf-purple.css +++ /dev/null @@ -1,313 +0,0 @@ -/* 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; - } |
