diff --git a/setup/wizard/resources/graphics/background.gif b/setup/wizard/resources/graphics/background.gif new file mode 100644 index 0000000..d8039fb --- /dev/null +++ b/setup/wizard/resources/graphics/background.gif diff --git a/setup/wizard/resources/wizard.css b/setup/wizard/resources/wizard.css old mode 100755 new mode 100644 index 3a42fe3..e09b65f --- a/setup/wizard/resources/wizard.css +++ b/setup/wizard/resources/wizard.css @@ -1,4 +1,4 @@ -* { margin:0; padding:0; } +* { margin: 0; padding: 0; } body { background: white; @@ -49,52 +49,64 @@ td { padding: 2px 5px; } -.container { +/* *** Layout Styles *** */ + +#outer-wrapper { + text-align: left; border: solid 1px #A1A1A1; margin: 50px; margin-top: 20px; - text-align: left; - z-index: -1; } -.header { +#header { background: url("graphics/gradient.png") repeat-y; background-position: top right; height: 60px; } -.logo { - background: url("graphics/logo.png") no-repeat; - background-position: top left; - height: inherit; - width: 200px; - margin-left: 10px; +#wrapper { + background: white url("graphics/background.gif") repeat-y left; } -.content { - /*background: #F1F1F1;*/ +#container { + width: 100%; + background: white url("graphics/background.gif") repeat-y left; + float: right; + margin-left: -200px; } -.left { - position: relative; - float: left; - width: 200px; - text-align: center; - /*background: url("graphics/left.png") repeat-y;*/ - background-position: top left; - /*background: #F1F1F1;*/ - height: inherit; - padding-bottom: 20px; - padding-top: 40px; +#content { + margin-left: 200px; + padding: 10px; + padding-top: 0; } -.right { - position: relative; - float: left; - padding: 20px; - min-width: 600px; - width: 800px; - background: white; +#sidebar { + width: 200px; + float: left; + padding-top: 10px; + padding-bottom: 10px; +} + +#footer { + background: url("graphics/footer.png") repeat-x; + height: 50px; + clear: both; +} + +.clearing { + height: 0; + clear: both; +} + +/* Content Styles */ + +.logo { + background: url("graphics/logo.png") no-repeat; + background-position: top left; + height: inherit; + width: 200px; + margin-left: 10px; } .menu { @@ -187,12 +199,6 @@ td { color: #EC7725; } -.footer { - background: url("graphics/footer.png") repeat-x; - height: 50px; - clear: both; -} - .powered-by { background: url("graphics/powered-by-kt.png") no-repeat; background-position: center left; diff --git a/setup/wizard/templates/wizard.tpl b/setup/wizard/templates/wizard.tpl index ffa7aad..334b92f 100755 --- a/setup/wizard/templates/wizard.tpl +++ b/setup/wizard/templates/wizard.tpl @@ -6,29 +6,29 @@
-