diff options
Diffstat (limited to 'www/static')
-rw-r--r-- | www/static/header_body.jpg | bin | 0 -> 11621 bytes | |||
-rw-r--r-- | www/static/header_body.png | bin | 9477 -> 0 bytes | |||
-rw-r--r-- | www/static/webconf.css | 199 |
3 files changed, 69 insertions, 130 deletions
diff --git a/www/static/header_body.jpg b/www/static/header_body.jpg Binary files differnew file mode 100644 index 0000000..8a08d5f --- /dev/null +++ b/www/static/header_body.jpg diff --git a/www/static/header_body.png b/www/static/header_body.png Binary files differdeleted file mode 100644 index 563f2e6..0000000 --- a/www/static/header_body.png +++ /dev/null diff --git a/www/static/webconf.css b/www/static/webconf.css index e81efe3..c1d56d5 100644 --- a/www/static/webconf.css +++ b/www/static/webconf.css @@ -3,15 +3,17 @@ /* Default definitions */ body { - background: #fff url("/static/header_body.png") no-repeat 5px 5px; + /*background: transparent;*/ + position: absolute; + background: transparent url("/static/header_body.jpg") no-repeat 5px 5px; font-family: Geneva, Arial, Helvetica, San-Serif; - margin: 0em; - padding: 0em; + margin: 0px; + padding: 0px; font-size: small; } p { - margin: 0em 0em 0em 0em; + margin: 0px 0px0px 0empx } a { @@ -43,58 +45,57 @@ pre.code { *---------------------------------------------------------------------------------- */ #logo { - margin: 25px 0px 0px 194px; - padding: 0px 0px 0px 0px; - width: 680px; + /*background: transparent;*/ + z-index: 15; + /*margin: 25px 0px 0px 194px; + padding: 0px 0px 0px 0px;*/ + width: 300px; height: 76px; -// color: #333; position: absolute; -// border: 1px #0FF solid; - background: #fff url("/static/alpine.png") no-repeat top left; + left: 200px; + top: 75px; + /*background: transparent url("/static/alpine.png") no-repeat top left;*/ } +#logo h2 { + font-weight: normal; + font-size: 10pt; + color: #228; + vertical-align: bottom; + } + /*---------------------------------------------------------------------------------- * Header *---------------------------------------------------------------------------------- */ #head { -// margin: 0px 0px 0px 200px; - margin: 0px 0px 0px 0px; - padding: 163px 0px 0px 70px; - width: 150px; -// height: 10px; + background: transparent; + text-align: right; + vertical-align: bottom; + z-index: 10; + margin: 0px; + padding: 0px; + width: 195px; + height: auto; color: #333; -// border: 1px #0FF solid; - background: transparent url("/static/alpine_logo.png") no-repeat top left; -// background: #cff url("/static/alpine.png") no-repeat 100px 50px; -// background: transparent url("/static/alpine_org.png") no-repeat top left; - // margin: -1em 0em 0em 0em; -// padding: 1em; - -// background: #fcf; -// height: 80px; -// width: 200px; -// float: left top; position: absolute; - } + left: 0px; + top: 160px; + /*background: transparent url("/static/alpine_logo.png") no-repeat top left;*/ +} #head h1 { font-size: 259%; color: #33A; - // font-family: Palatino, Times-Roman, Serif; font-weight: bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; - //float: left; - // width: 49%; } #head h2 { -// margin: 0em 0em 0em 0em; font-size: 100%; font-weight: light; float: right; - width: 30%; } #head h3 { @@ -104,9 +105,8 @@ pre.code { } #head p { - // border: 1px inset #ccc; - // border-top: 1px solid #ccc; - // border-bottom: 1px solid #ccc; + margin: 0px; + padding: 0px; } /*---------------------------------------------------------------------------------- @@ -114,30 +114,27 @@ pre.code { *---------------------------------------------------------------------------------- */ #mainmenu { - display: block; background: #eee; - // border: 1px #222 solid; + /*display: block;*/ width: 180px; -// height: 100em; float: left; - margin: 180px 0px 0px 5px; + margin: 180px 0px 0px 2px; padding: 5px 0px 5px 10px; border: 1px #57b solid; border-right: none; } #mainmenu h3 { - // background-color: #eee; color: #448; padding: 10px 0px 0px 0px; font-weight: normal; font-size: 138%; - margin: 0em 0em .1em 0em; + margin: 0px 0px 2px 0px; } #mainmenu ul { padding: 0px 0px 0px 0px; - margin: 0; + margin: 0px; list-style-type: none; } #mainmenu li { @@ -147,15 +144,11 @@ pre.code { #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: 1px #57b solid; border-right: none; font-weight: Bold; @@ -168,15 +161,11 @@ pre.code { *---------------------------------------------------------------------------------- */ #submenu { -// width: 75%; - margin: 73px 10px 0px 195px; -// height: 60px; -// font-weight: Bold; - //background: transparent url(/static/greypx.gif) repeat-x center left; -// background: #ff0; -// float: right; - position: absolute; - //border: 1px #f00 solid; + background: transparent; + position: fixed; + right: 0px; + margin: 73px 0px 0px 0px; + width: 100%; } #submenu p { @@ -187,28 +176,19 @@ pre.code { font-weight: normal; font-size: 10pt; color: #228; - float: left; margin: 10px 0px 0px 5px; -// margin-top: .2em; } #submenu ul { margin: 0px 0px 0px 0px; list-style: none; - padding: 0em 20px 0em 20px; + padding: 0px 20px 0px 20px; 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; background: #eee; display: block; font-size: 10pt; @@ -217,11 +197,9 @@ pre.code { padding: 7px 7px; height: 15px; border: 1px #57b solid; -// border-bottom: 1px #fff solid; } #submenu #selected { - // background: #fff url("/static/selected.gif") repeat-x top left; background: #fff; display: block; float: left; @@ -231,7 +209,6 @@ pre.code { margin: 0px; height: 15px; padding: 7px 7px; -// border: 1px solid #ccc; border: 3px #57b solid; border-bottom: 1px #fff solid; } @@ -240,18 +217,11 @@ pre.code { #submenu a { display: block; float: left; - margin: 0em; + margin: 0px; padding: 0px 0px; -// border: 1px solid #ccc; - -// border: 1px #57b solid; -// border-bottom: none; - // background: #eee; } #submenu a:hover { - // color: #226; -// background: #eee; text-decoration: underline; } @@ -260,62 +230,46 @@ pre.code { *---------------------------------------------------------------------------------- */ #content { - margin: 180px 10px 0px 195px; -// display: block; -// display: inline; + background: transparent; + position: absolute; + left: 5px; + top: 105px; + width: 900px; float:left; -// width: 800px; color: #333; - padding: 0px 0px 0px 10px; - position: absolute; - // border-left: #ccc 1px solid; -// background: #fcc; -// border: 1px #0F0 solid; + padding: 0px 10px 0px 10px; + margin: 75px 10px 10px 195px; } #content h1 { font-size: 120%; text-align: left; -// width: 400px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; - width: 100%; background-color: #eee; border-bottom: 2px solid #aaa; -// margin: 10px 0px 0px 0px; -// clear: both; -// display: block; -// float: right; } #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; + margin: 0px 0px 0px 0px; 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; @@ -323,28 +277,20 @@ pre.code { } #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; - width: 600px; background-color: #fff0f0; border: 1px dotted #000; -// margin-top: 0px; } #content textarea { @@ -354,7 +300,6 @@ pre.code { #content input.error { - /* yellow snow - bad */ background-color: #ffa; } @@ -367,14 +312,11 @@ pre.code { #content dt { font-size: 110%; - // font-weight: bold; color: #228; - margin: .7em 1em .5em 0em; + margin: 7px 1px 5px 0px; float: left; border-top: 1px dotted #ccf; border-bottom: 1px dotted #ccf; - // background-color: #eef; - width: 150px; clear: both; } @@ -390,22 +332,17 @@ pre.code { } #content form { -// padding: 1em 0em; } #content dl { - margin: 0em; + margin: 0px; } #content dd { color: #444; float: left; - margin: 1em 0em .5em 0em; - // font-size: 90%; + margin: 5px 0px 2px 0px; font-weight: light; - // margin: .5em 1em .5em 0em; - // border-top: 1px dotted #ccc; - // border-bottom: 1px dotted #ccc; } #content .grey { @@ -424,18 +361,20 @@ pre.code { */ #footer { - margin: 50px 0px 20px 0px; - float: right; -// position: relative; -// clear: both; - text-align: center; - vertical-align: middle; + background: transparent; + padding: 0px 0px 0px 0px; + margin: 30px 0px 10px 0px; font-size: 10pt; - width: 100%; + /*height: 25px;*/ + width: 100%; color: #bbb; -// margin: 0 0 0 0; - padding: 0 0 0 0; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; -// background: #ccf; + } + +#footer p{ + padding: 0px; + margin: 0px; + font-size: 10pt; + color: #bbb; } |