summaryrefslogtreecommitdiffstats
path: root/www/static
diff options
context:
space:
mode:
Diffstat (limited to 'www/static')
-rw-r--r--www/static/header_body.jpgbin0 -> 11621 bytes
-rw-r--r--www/static/header_body.pngbin9477 -> 0 bytes
-rw-r--r--www/static/webconf.css199
3 files changed, 69 insertions, 130 deletions
diff --git a/www/static/header_body.jpg b/www/static/header_body.jpg
new file mode 100644
index 0000000..8a08d5f
--- /dev/null
+++ b/www/static/header_body.jpg
Binary files differ
diff --git a/www/static/header_body.png b/www/static/header_body.png
deleted file mode 100644
index 563f2e6..0000000
--- a/www/static/header_body.png
+++ /dev/null
Binary files differ
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;
}