From 452bca8ea86d915bc549e3d55dd0eda80a4cb077 Mon Sep 17 00:00:00 2001 From: Mika Havela Date: Fri, 7 Aug 2009 14:13:13 +0000 Subject: Reverting the 'min-height:' value because it caused IE to display forms wrongly. So now empty DD fields again collaps the row. --- alps/alps.css | 1039 ++++++++++++++++++++++++++++----------------------------- 1 file changed, 519 insertions(+), 520 deletions(-) diff --git a/alps/alps.css b/alps/alps.css index f0e38cf..2629318 100644 --- a/alps/alps.css +++ b/alps/alps.css @@ -1,534 +1,533 @@ -/*---------------------------------------------------------------------------------- - * IMPORT - *---------------------------------------------------------------------------------- - */ - -@import url("ice_general.cssxxx"); -@import url("ice_ie.css"); -/*@import url("ice_ff.css"); */ - - -/* .css - Alpine ACF */ - -/*---------------------------------------------------------------------------------- - * GENERAL - *---------------------------------------------------------------------------------- - */ - -.hide { -display:none; -} - -a { -text-decoration:none; -color:#072966; -} - -a:visited { -color:#072966; -} - -a:hover { -color:blue; -} - -input { -border:1px solid #ccc; +/*---------------------------------------------------------------------------------- + * IMPORT + *---------------------------------------------------------------------------------- + */ + +@import url("ice_general.cssxxx"); +@import url("ice_ie.css"); +/*@import url("ice_ff.css"); */ + + +/* .css - Alpine ACF */ + +/*---------------------------------------------------------------------------------- + * GENERAL + *---------------------------------------------------------------------------------- + */ + +.hide { +display:none; +} + +a { +text-decoration:none; +color:#072966; +} + +a:visited { +color:#072966; +} + +a:hover { +color:blue; +} + +input { +border:1px solid #ccc; } input.checkbox { border: none; -} - -hr { -background-color:white; -height:3px; -} - -.error { -font-weight:bold; -font-style:italic; -color:#f33; -} - -input.error,select.error,textarea.error { -font-weight:normal; -font-style:normal; -} - -.mute { -color:#777; -} - -.header { -background:#eee; -border-bottom:3px double #999; -font-weight:bold; -vertical-align:bottom; -} - -pre { -font-family:monospace; -font-size:10pt; -padding:5px; -} - -input[type=text][disabled] { -color:#755; -background:#eee; -} - -input.text[readonly],textarea[readonly] { -border:none; -font-weight:bold; -} - -/*---------------------------------------------------------------------------------- - * BODY & PAGE - *---------------------------------------------------------------------------------- - */ - -html { -position:absolute; -width:100%; -height:100%; -margin:0 0 0 0; -padding:0 0 0 0; -top:0; -left:0; -} - -body { -position:absolute; -margin:0 0 0 0; -padding:0 0 0 0; -font-family:Liberation Sans, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Verdana, "Trebuchet MS", SunSans-Regular; -font-size:12pt; -background-image:url("bg-repeat.jpg"); -background-repeat:repeat-x; -background-position:top left; -top:0; -left:0; -} - -#page { -position:absolute; -left:0; -top:0; -margin:0 0 0 0; -padding:0 0 0 0; -width:970px; -} - -/*---------------------------------------------------------------------------------- - * PAGE > HEADER - *---------------------------------------------------------------------------------- - */ - -#header { -width:100%; -height:200px; -margin:0 0 0 0; -padding:0 0 0 0; - -background-image:url("bg-main.jpg"); -background-repeat:no-repeat; -border:0; -padding:0 0 0 0; -margin:0 0 0 0; -} - -#header p { -float:right; -font-size:14px; -padding:0 0 0 0; -margin-right:0px; -margin-top:40px; -font-color:white; -} - -#header a { -color:#80bff7; -} - -/*#header .tailer { - position: absolute; - background-image: url(bg-repeat.jpg); - background-repeat: repeat-x; - top: 0px; - left: 970px; - height: 200px; - width: 100%; - margin: 0px 0px 0px 0px; - padding: 0px 0px 0px 0px; -}*/ - -/*---------------------------------------------------------------------------------- - * PAGE > HEADER > LOGO - *---------------------------------------------------------------------------------- - */ - -#logo h1 { -visibility:hidden; -position:absolute; -top:10px; -left:10px; -font-size:40px; -} - -#logo p { -position:absolute; -top:38px; -left:34px; -font-size:12px; -} - -/*---------------------------------------------------------------------------------- - * PAGE > MAIN - *---------------------------------------------------------------------------------- - */ - -#main { -clear:both; -margin-top:20px; -margin-left:240px; -} - -/*---------------------------------------------------------------------------------- - * PAGE > MAIN > NAV - *---------------------------------------------------------------------------------- - */ - -#nav { -display:block; -position:absolute; -top:230px; -left:40px; -width:180px; -list-style-type: none; -padding: 0; -margin: 0; -background:transparent; -} - -#nav ul { -list-style-type: none; -padding: 0; -margin: 0; -display:block; +} + +hr { +background-color:white; +height:3px; +} + +.error { +font-weight:bold; +font-style:italic; +color:#f33; +} + +input.error,select.error,textarea.error { +font-weight:normal; +font-style:normal; +} + +.mute { +color:#777; +} + +.header { +background:#eee; +border-bottom:3px double #999; +font-weight:bold; +vertical-align:bottom; +} + +pre { +font-family:monospace; +font-size:10pt; +padding:5px; +} + +input[type=text][disabled] { +color:#755; +background:#eee; +} + +input.text[readonly],textarea[readonly] { +border:none; +font-weight:bold; +} + +/*---------------------------------------------------------------------------------- + * BODY & PAGE + *---------------------------------------------------------------------------------- + */ + +html { +position:absolute; +width:100%; +height:100%; +margin:0 0 0 0; +padding:0 0 0 0; +top:0; +left:0; +} + +body { +position:absolute; +margin:0 0 0 0; +padding:0 0 0 0; +font-family:Liberation Sans, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif, Verdana, "Trebuchet MS", SunSans-Regular; +font-size:12pt; +background-image:url("bg-repeat.jpg"); +background-repeat:repeat-x; +background-position:top left; +top:0; +left:0; +} + +#page { +position:absolute; +left:0; +top:0; +margin:0 0 0 0; +padding:0 0 0 0; +width:970px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > HEADER + *---------------------------------------------------------------------------------- + */ + +#header { +width:100%; +height:200px; +margin:0 0 0 0; +padding:0 0 0 0; + +background-image:url("bg-main.jpg"); +background-repeat:no-repeat; +border:0; +padding:0 0 0 0; +margin:0 0 0 0; +} + +#header p { +float:right; +font-size:14px; +padding:0 0 0 0; +margin-right:0px; +margin-top:40px; +font-color:white; +} + +#header a { +color:#80bff7; +} + +/*#header .tailer { + position: absolute; + background-image: url(bg-repeat.jpg); + background-repeat: repeat-x; + top: 0px; + left: 970px; + height: 200px; + width: 100%; + margin: 0px 0px 0px 0px; + padding: 0px 0px 0px 0px; +}*/ + +/*---------------------------------------------------------------------------------- + * PAGE > HEADER > LOGO + *---------------------------------------------------------------------------------- + */ + +#logo h1 { +visibility:hidden; +position:absolute; +top:10px; +left:10px; +font-size:40px; +} + +#logo p { +position:absolute; +top:38px; +left:34px; +font-size:12px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN + *---------------------------------------------------------------------------------- + */ + +#main { +clear:both; +margin-top:20px; +margin-left:240px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > NAV + *---------------------------------------------------------------------------------- + */ + +#nav { +display:block; +position:absolute; +top:230px; +left:40px; +width:180px; +list-style-type: none; +padding: 0; +margin: 0; +background:transparent; +} + +#nav ul { +list-style-type: none; +padding: 0; +margin: 0; +display:block; +background:transparent; +} + +#nav ul li { +list-style-type: none; +padding: 0; +margin: 0; +color:black; +font-size:16px; +font-weight:bold; +white-space:nowrap; +overflow:hidden; background:transparent; -} - -#nav ul li { -list-style-type: none; -padding: 0; -margin: 0; -color:black; -font-size:16px; -font-weight:bold; -white-space:nowrap; -overflow:hidden; -background:transparent; border-top:0px; -margin-top: 10px; -} - -#nav ul li ul { -list-style-type: none; -padding: 0; -margin: 0; -padding: 0; -margin-left: 1em; -margin-top: 5px; -background:transparent; -} - -#nav ul li ul li { -list-style-type: none; -padding: 0; -margin: 0; -height:21px; -font-weight:normal; -font-size:10pt; -white-space:nowrap; -overflow:hidden; -border-bottom: 0; -border-top:1px solid #c8dbee; -border-left:0; +margin-top: 10px; +} + +#nav ul li ul { +list-style-type: none; +padding: 0; +margin: 0; +padding: 0; +margin-left: 1em; +margin-top: 5px; +background:transparent; +} + +#nav ul li ul li { +list-style-type: none; +padding: 0; +margin: 0; +height:21px; +font-weight:normal; +font-size:10pt; +white-space:nowrap; +overflow:hidden; +border-bottom: 0; +border-top:1px solid #c8dbee; +border-left:0; background:transparent; -//margin-bottom: -4px; -} - -#nav ul li ul li.selected { -background:#6cb7f8; -font-weight:bold; -} - -#nav ul li ul li a { -clear:right; -display:block; -padding-left:5px; -padding-top:3px; -padding-bottom:3px; -} - -#nav ul li ul li a:hover { -background-image:url(); -background-color:#d9edfe; -} - -#nav ul li ul li.selected a { -color:white; -} - -#nav ul li ul li.selected a:hover { -background-image:none; -} - -/*---------------------------------------------------------------------------------- - * PAGE > MAIN > POSTNAV - *---------------------------------------------------------------------------------- - */ - -#postnav h2 { +//margin-bottom: -4px; +} + +#nav ul li ul li.selected { +background:#6cb7f8; +font-weight:bold; +} + +#nav ul li ul li a { +clear:right; +display:block; +padding-left:5px; +padding-top:3px; +padding-bottom:3px; +} + +#nav ul li ul li a:hover { +background-image:url(); +background-color:#d9edfe; +} + +#nav ul li ul li.selected a { +color:white; +} + +#nav ul li ul li.selected a:hover { +background-image:none; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > POSTNAV + *---------------------------------------------------------------------------------- + */ + +#postnav h2 { display: none; -/* clear: both; -padding:0px 0px 0px 0px; -background:transparent; -color:black; -font-size:28px; -font-weight:normal; -white-space:nowrap; -overflow:hidden; -border:none; -margin-bottom:34px; */ -} - -#postnav p { -position:absolute; -top:80px; -left:0px; -width:100%; -color:#999; -font-size:11px; -font-weight:verdana, arial; -font-weight:bold; -white-space:nowrap; -overflow:hidden; -background:transparent; -padding:0px 5px 0px 10px; -} - -/*---------------------------------------------------------------------------------- - * PAGE > MAIN > SUBNAV - *---------------------------------------------------------------------------------- - */ - -#subnav { -position:absolute; -top:179px; -height:40px; -left:40px; -padding-top:2px; -} +/* clear: both; +padding:0px 0px 0px 0px; +background:transparent; +color:black; +font-size:28px; +font-weight:normal; +white-space:nowrap; +overflow:hidden; +border:none; +margin-bottom:34px; */ +} + +#postnav p { +position:absolute; +top:80px; +left:0px; +width:100%; +color:#999; +font-size:11px; +font-weight:verdana, arial; +font-weight:bold; +white-space:nowrap; +overflow:hidden; +background:transparent; +padding:0px 5px 0px 10px; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > SUBNAV + *---------------------------------------------------------------------------------- + */ + +#subnav { +position:absolute; +top:179px; +height:40px; +left:40px; +padding-top:2px; +} #subnav ul { //padding-top: 5px; } - -#subnav li { -display:inline; -height:40px; -margin:0px 0px 5px 0px; + +#subnav li { +display:inline; +height:40px; +margin:0px 0px 5px 0px; //margin-right: 5px; -padding:3px 5px 2px 5px; -font-size:12px; -color:#ffffff; -background-image:url(); -background-color:#003566; -border:1px solid #bbb; -border-bottom:none; -} - -#subnav a { -font-size:12px; -color:#ffffff; -} -#subnav a.selected { -background: white; -color: #003566; -} -#subnav li.selected { -background: white; -color: #003566; -} - -/*---------------------------------------------------------------------------------- - * PAGE > MAIN > CONTENT - *---------------------------------------------------------------------------------- - */ - -#content { -background-image:url(); -background-repeat:repeat-y; -background-position:right; -margin-top:40px; -padding-right:10px; -border-left:0px solid #cacaca; -} -#content h1,h2,h3,h4,h5 { -clear:both; -padding-top:3px; -padding-bottom:7px; -border-bottom:0px solid #cacaca; -border-top:0px solid #cacaca; -font-weight:normal; -font-size:18px; -white-space:nowrap; -overflow:hidden; -} - -#content h1 { -margin-top:25px; -height:17px; -background-color:#6cb7f8; -background-image:url(); -padding-left:0px; -border-top:0px solid #333333; -font-size:18px; -color:white; -text-align:center; -} - -#content h2 { -font-weight:bold; -font-size:16px; -margin-top:20px; -height:15px; -background-image:url(); -padding-left:0px; -} - -#content h3 { -height:14px; -background-image:url(); -font-size:14px; -font-weight:bold; -color:#999999; -padding-left:0px; -padding-top:15px; -border-top:1px solid #cacaca; -} - -#content .descr { -clear:both; -} - -#content .value { -display: inline; -padding-left: 200px; -} - -#content dl { -display:block; -clear:both; -} - -#content dt { -width:220px; -font-size:12px; -text-align:left; -font-weight:bold; -float:left; -clear:left; -margin-top:1px; -margin-left:0px; -border-top:0px solid #ddd; -padding-left:5px; -padding-top:5px; -padding-bottom:5px; -} - -#content dd { -margin-top:2px; -min-height:12px; -clear:right; -font-size:12px; -margin-left:230px; -padding-top:5px; -padding-bottom:5px; -} - -#content .tailer { -clear:both; -border-bottom:3px solid #cacaca; -margin-left:0px; -} - -#content .submit { -width:100px; -border-right:1px solid #cacaca; -border-bottom:1px solid #cacaca; -background:#003566; -color:white; -} - -#content textarea { -border-right:1px solid #cacaca; +padding:3px 5px 2px 5px; +font-size:12px; +color:#ffffff; +background-image:url(); +background-color:#003566; +border:1px solid #bbb; +border-bottom:none; +} + +#subnav a { +font-size:12px; +color:#ffffff; +} +#subnav a.selected { +background: white; +color: #003566; +} +#subnav li.selected { +background: white; +color: #003566; +} + +/*---------------------------------------------------------------------------------- + * PAGE > MAIN > CONTENT + *---------------------------------------------------------------------------------- + */ + +#content { +background-image:url(); +background-repeat:repeat-y; +background-position:right; +margin-top:40px; +padding-right:10px; +border-left:0px solid #cacaca; +} +#content h1,h2,h3,h4,h5 { +clear:both; +padding-top:3px; +padding-bottom:7px; +border-bottom:0px solid #cacaca; +border-top:0px solid #cacaca; +font-weight:normal; +font-size:18px; +white-space:nowrap; +overflow:hidden; +} + +#content h1 { +margin-top:25px; +height:17px; +background-color:#6cb7f8; +background-image:url(); +padding-left:0px; +border-top:0px solid #333333; +font-size:18px; +color:white; +text-align:center; +} + +#content h2 { +font-weight:bold; +font-size:16px; +margin-top:20px; +height:15px; +background-image:url(); +padding-left:0px; +} + +#content h3 { +height:14px; +background-image:url(); +font-size:14px; +font-weight:bold; +color:#999999; +padding-left:0px; +padding-top:15px; +border-top:1px solid #cacaca; +} + +#content .descr { +clear:both; +} + +#content .value { +display: inline; +padding-left: 200px; +} + +#content dl { +display:block; +clear:both; +} + +#content dt { +width:220px; +font-size:12px; +text-align:left; +font-weight:bold; +float:left; +clear:left; +margin-top:1px; +margin-left:0px; +border-top:0px solid #ddd; +padding-left:5px; +padding-top:5px; +padding-bottom:5px; +} + +#content dd { +margin-top:2px; +clear:right; +font-size:12px; +margin-left:230px; +padding-top:5px; +padding-bottom:5px; +} + +#content .tailer { +clear:both; +border-bottom:3px solid #cacaca; +margin-left:0px; +} + +#content .submit { +width:100px; +border-right:1px solid #cacaca; +border-bottom:1px solid #cacaca; +background:#003566; +color:white; +} + +#content textarea { +border-right:1px solid #cacaca; border-bottom:1px solid #cacaca; -width:718px; -} - -#content p,input.text,select,textarea,input.password { -width:97%; -} - -#content table { -width:100%; -} - -#content input.short { -width:200px; -margin-right:10px; -display:inline; -} - -#content textarea { -height:300px; -} - -#content dd textarea { -height:100px; -} - -#content form select.radio { -border:none; -} - -#content table td { -padding-right:10px; -white-space:nowrap; -} - -/*---------------------------------------------------------------------------------- - * PAGE > FOOTER - *---------------------------------------------------------------------------------- - */ - -#footer { -margin-top: 20px; -margin-left: 240px; -margin-right: 10px; -padding: 5px; -clear: both; -text-align: center; -border-top: 1px solid #d6d6d6; -font-size: 10px; -color: #aaa; - -/*position: relative; - clear: both; - width: 100%; - padding: 5px 0px 5px 0px; - margin: 15px 0px 0px 10px; */ -} +width:718px; +} + +#content p,input.text,select,textarea,input.password { +width:97%; +} + +#content table { +width:100%; +} + +#content input.short { +width:200px; +margin-right:10px; +display:inline; +} + +#content textarea { +height:300px; +} + +#content dd textarea { +height:100px; +} + +#content form select.radio { +border:none; +} + +#content table td { +padding-right:10px; +white-space:nowrap; +} + +/*---------------------------------------------------------------------------------- + * PAGE > FOOTER + *---------------------------------------------------------------------------------- + */ + +#footer { +margin-top: 20px; +margin-left: 240px; +margin-right: 10px; +padding: 5px; +clear: both; +text-align: center; +border-top: 1px solid #d6d6d6; +font-size: 10px; +color: #aaa; + +/*position: relative; + clear: both; + width: 100%; + padding: 5px 0px 5px 0px; + margin: 15px 0px 0px 10px; */ +} -- cgit v1.2.3