diff --git a/main/css/academica/default.css b/main/css/academica/default.css index 15ca63c177..73345fa12d 100644 --- a/main/css/academica/default.css +++ b/main/css/academica/default.css @@ -1,12 +1,8 @@ -/* Styles that should disappear */ -.row { - width:100%; -} -div.row div.label { - width: 0%; -} -div.row div.formw { - width: 100%; +/***************************************************** + * MAIN - ACADEMICA * + *****************************************************/ +html { + height: 100%; } /* Redefining html styles */ body { @@ -16,6 +12,13 @@ body { font-size: 12px; margin: 0; padding: 0; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -22em; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background-image:url(images/shadow.gif); @@ -106,11 +109,22 @@ input[type=button], input[type=submit] { margin: 0; padding: 0; } -#header3 ul { - list-style:none; + +#header3 UL { + PADDING-RIGHT: 2px; + PADDING-LEFT: 10px; + PADDING-BOTTOM: 0px; + MARGIN: 0px; + LIST-STYLE-TYPE: none; + display: inline; } -#header3 li { - display:inline; +#header3 LI { + PADDING-RIGHT: 0px; + PADDING-LEFT: 9px; + FLOAT: left; + PADDING-BOTTOM: 0px; + MARGIN: 0px; + PADDING-TOP: 0px;/*border-bottom: 1px solid #dcdcdc;*/ cursor: pointer; } #header3 a { @@ -145,25 +159,18 @@ input[type=button], input[type=submit] { #header3 #current a span { float:left; } -#logout li a { - display: inline; - float: right; - vertical-align:top; - margin-right:5px; - text-decoration:none; + +#header3 #logout { + margin-top: 0px; } -#logout li a:hover { +#logout { + display: inline; float: right; - vertical-align:top; - text-decoration:none; - margin-right:5px; -} -#logout li a span { - float:left; - cursor: pointer; -} -#logout li a:hover span { + width: auto; + text-align: right; + font-size: 1.0em; } + /* header 4 styles */ #header4 { background-color: #fff; @@ -179,10 +186,24 @@ a.breadcrumb0 { } /* footer styles */ #footer { - background: #4171b5 url('images/bg.jpg') no-repeat 50% 100%; - color: #b0c8eb; - padding: 82px 0 .8em 2%; - border-bottom: 1px solid #4171b5; + height: 22em; + background-color: #4171b5; + background: url(images/bg.jpg) 50% 100%; + color: #B0C8EB; + font-weight:bold; +} +.push { + height: 22em; /* Very important */ +} +#footer .copyright { + float: right; + padding-top:235px; + margin-right:10px; +} +#footer #platformmanager { + float: left; + padding-top:235px; + margin-left:10px; } #footerright { margin-top: 10px; @@ -193,7 +214,7 @@ a.breadcrumb0 { padding-top: 10px; } #footer a { - color: #FFFFFF; + color: #fff; } /* main styles */ #main { @@ -226,6 +247,16 @@ a.breadcrumb0 { list-style-type: none; margin-bottom: 5px; } +/* user_portal session list */ +.session_course_item .courses { + margin-bottom: 5px; + height:35px; +} +.session_course_item { + /* padding: 0px; */ + margin: 0px; +} + .courses a { text-decoration:underline; } @@ -906,14 +937,6 @@ div.lp_resource_elements { width:95%; } -.session_course_item { - /* padding: 0px; */ - margin: 0px; -} -.session_course_item .courses { - height:22px; -} - /* exercices styles */ .exercice_form { width: 300px; diff --git a/main/css/baby_orange/default.css b/main/css/baby_orange/default.css index 9e6f7ba680..01fbc8a055 100644 --- a/main/css/baby_orange/default.css +++ b/main/css/baby_orange/default.css @@ -1,14 +1,9 @@ -/* Styles that should disappear */ -.row { - width:100%; -} -div.row div.label { - width: 0%; -} -div.row div.formw { - width: 100%; +/***************************************************** + * MAIN - BABY * + *****************************************************/ +html { + height: 100%; } -/* Redefining html styles */ body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -18,6 +13,13 @@ body { background-color: #fff; margin: 0; padding: 0; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -10em; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background-image:url(images/shadow.gif); @@ -175,11 +177,30 @@ a.breadcrumb0 { padding-left: 22px; } /* footer styles */ + #footer { - background: #4171b5 url('images/bg.jpg') no-repeat 100% 100%; - color: #f7d77e; - padding: 82px 0 .8em 2%; + height:10em; + background:transparent url(images/bg.jpg) no-repeat scroll 100% 100%; + clear:both; + color:#F7D77E; + float:left; + width:98%; + padding: 0 0 0 2%; +} +.push { + height: 10em; /* Very important */ +} +#footer .copyright { + float: right; + padding-top:98px; + margin-right:10px; +} +#footer #platformmanager { + float: left; + padding-top:98px; + margin-left:10px; } + #footerright { margin-top: 10px; float: right; @@ -191,6 +212,8 @@ a.breadcrumb0 { #footer a { font-weight:normal; } + + /* main styles */ #main { //padding-left: 30px; @@ -201,11 +224,10 @@ a.breadcrumb0 { padding-bottom: 5px; } /* my courses styles */ -#maincontent { - float: left; - width: 80%; - min-height: 333px; - margin-top:0; + +.maincontent { + margin: 0 0 1em 1em; + width: 69%; float: right; clear: right; } @@ -253,9 +275,9 @@ a.breadcrumb0 { margin: 0 0 1em 0; padding: 0 0 .3em 0; /* min-height hack for ie6 or older*/ - min-height: 320px; + min-height: 380px; height: auto !important; - height: 320px; + height: 380px; } .menu #lang_form select { margin: 1em 31px; diff --git a/main/css/blue_lagoon/default.css b/main/css/blue_lagoon/default.css index 717f3ec8a5..6f81b75651 100644 --- a/main/css/blue_lagoon/default.css +++ b/main/css/blue_lagoon/default.css @@ -1,6 +1,9 @@ /***************************************************** - * MAIN * + * MAIN - BLUE LAGOON * *****************************************************/ +html { + height: 100%; +} body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -10,6 +13,13 @@ body { margin: 0; padding: 0; background-color: #fff; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -3em; } #outerframe { position: relative; /* do not remove, fixes a bug in IE */ @@ -329,20 +339,31 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus { * FOOTER STYLES * *****************************************************/ #footer { - height:auto; + height:3em; background-image: url(images/tab-repeat.png); background-repeat: repeat-x; color:#fff; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 5px; - background-position: center -15px; + background-color: #434343; } -#footer a { - color:#fff; +.push { + height: 3em; /* Very important */ +} +#footer .copyright { + float: right; + padding-top:25px; + margin-right:10px; } #footer #platformmanager { + float: left; + padding-top:25px; + margin-left:10px; } +#footer a { + color:#fff; +} +default.css (lĂnea 362) + + #footer #coursemanager { margin-left: 10px; } diff --git a/main/css/cool_blue/default.css b/main/css/cool_blue/default.css index 9dd390c0a8..737ad5e097 100644 --- a/main/css/cool_blue/default.css +++ b/main/css/cool_blue/default.css @@ -1,6 +1,9 @@ /***************************************************** - * MAIN * + * MAIN - COOL BLUE * *****************************************************/ +html { + height: 100%; +} body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -10,6 +13,13 @@ body { margin: 0; padding: 0; background-color: #fff; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -3em; } #outerframe { position: relative; /* do not remove, fixes a bug in IE */ @@ -28,7 +38,7 @@ body { margin-top: 10px; width: 98%; padding: 0px 10px 10px 10px; - min-height: 320px; + min-height: 320px; } /* for content section in main index.php file */ .maincontent { @@ -329,28 +339,33 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus { * FOOTER STYLES * *****************************************************/ #footer { - height:auto; + height:3em; background-image: url(images/tab-repeat.png); background-repeat: repeat-x; color:#fff; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 5px; - background-position: center -15px; + /* background-position: center -15px; */ + background-color: #434343; } -#footer a { - color:#fff; +.push { + height: 3em; /* Very important */ +} +#footer .copyright { + float: right; + padding-top:25px; + margin-right:10px; } #footer #platformmanager { + float: left; + padding-top:25px; + margin-left:10px; +} +#footer a { + color:#fff; } #footer #coursemanager { margin-left: 10px; } -.copyright { - display: inline; - float: right; - padding-right: 5px; -} + #bottom_corner { } /***************************************************** diff --git a/main/css/corporate/default.css b/main/css/corporate/default.css index 6f42df8d59..d7a02c2513 100644 --- a/main/css/corporate/default.css +++ b/main/css/corporate/default.css @@ -1,12 +1,8 @@ -/* Styles that should disappear */ -.row { - width:100%; -} -div.row div.label { - width: 0%; -} -div.row div.formw { - width: 100%; +/***************************************************** + * MAIN - CORPORATE * + *****************************************************/ +html { + height: 100%; } /* Redefining html styles */ body { @@ -16,6 +12,13 @@ body { font-size: 12px; margin: 0; padding: 0; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -4em; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background-image:url(images/shadow.gif); @@ -65,7 +68,6 @@ input[type=button], input[type=submit] { #my_courses { float: right; font-weight: bold; - margin-right: 100px; } #header1 img { border: 0px; @@ -107,13 +109,27 @@ input[type=button], input[type=submit] { height:auto; font-weight: bold; } -#header3 ul { + + +#header3 UL { + PADDING-RIGHT: 2px; + PADDING-LEFT: 10px; + PADDING-BOTTOM: 0px; + MARGIN: 0px; list-style:none; + display: inline; } -#header3 li { - /*display:inline;*/ - cursor: pointer; +#header3 LI { + PADDING-RIGHT: 0px; + PADDING-LEFT: 2px; + FLOAT: left; + PADDING-BOTTOM: 0px; + MARGIN: 0px; + PADDING-TOP: 0px;/*border-bottom: 1px solid #dcdcdc;*/ + cursor: pointer; } + + #header3 a { float:left; background:url(../../img/dokeosgrey/tab_left.gif) no-repeat left top; @@ -157,30 +173,21 @@ input[type=button], input[type=submit] { display:block; background:url(../../img/dokeosgrey/tab_right_active.gif) no-repeat right top; } -#logout li a { - float: right; - vertical-align:top; - background:url(../../img/dokeosgrey/tab_left.gif) no-repeat left top; - margin-right:5px; - text-decoration:none; -} -#logout li a:hover { - float: right; - vertical-align:top; - background:url(../../img/dokeosgrey/tab_left_hover.gif) no-repeat left top; - text-decoration:none; - margin-right:5px; + +#header3 #logout { + margin-top: 0px; } -#logout li a span { - float:left; - display:block; - background:url(../../img/dokeosgrey/tab_right.gif) no-repeat right top; - color:#333; - cursor: pointer; +#header3 input.logout:hover { } -#logout li a:hover span { - background:url(../../img/dokeosgrey/tab_right_hover.gif) no-repeat right top; +#logout { + display: inline; + float: right; + width: auto; + text-align: right; + font-size: 1.0em; } + + /* header 4 styles */ #header4 { margin-left: 5px; @@ -196,7 +203,24 @@ a.breadcrumb0 { /* footer styles */ #footer { border-top: 1px solid #aeaeae; + height:3.5em; + color:#fff; + background-color: #434343; +} +.push { + height: 4em; /* Very important */ +} +#footer .copyright { + float: right; + padding-top:8px; + margin-right:10px; } +#footer #platformmanager { + float: left; + padding-top:8px; + margin-left:10px; +} + #footerright { margin-top: 10px; float: right; @@ -206,6 +230,7 @@ a.breadcrumb0 { padding-top: 10px; } #footer a { + color:#fff; } /* main styles */ #main { @@ -216,7 +241,7 @@ a.breadcrumb0 { padding-bottom: 5px; } /* my courses styles */ -#maincontent { +.maincontent { float: left; width: 75%; min-height: 333px; diff --git a/main/css/cosmic_campus/default.css b/main/css/cosmic_campus/default.css index 92765f33de..97ee2fbf9f 100644 --- a/main/css/cosmic_campus/default.css +++ b/main/css/cosmic_campus/default.css @@ -1,11 +1,8 @@ -.row { - width:100%; -} -div.row div.label { - width: 0%; -} -div.row div.formw { - width: 100%; +/***************************************************** + * MAIN - COSMIC CAMPUS * + *****************************************************/ +html { + height: 100%; } /* Redefining html styles */ body { @@ -17,7 +14,24 @@ body { background-color: #fff; margin: 0; padding: 0; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -7em; +} +.row { + width:100%; +} +div.row div.label { + width: 0%; } +div.row div.formw { + width: 100%; +} + input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background-image:url(images/shadow.gif); } @@ -194,13 +208,27 @@ a.breadcrumb0 { } /* footer styles */ #footer { - padding: 60px; - height: 10px; - background-color: #ffffff; + height: 7em; + background-color: #fff; background-image: url(images/footer.jpg); background-repeat: no-repeat; - color:#ffffff; + color:#fff; +} +.push { + height: 7em; /* Very important */ } + +#footer .copyright { + float: right; + padding-top:55px; + margin-right:10px; +} +#footer #platformmanager { + float: left; + padding-top:55px; + margin-left:10px; +} + #footerright { margin-top: 10px; float: right; @@ -219,7 +247,7 @@ a.breadcrumb0 { min-height: 320px; } /* my courses styles */ -#maincontent { +.maincontent { float: left; width: 68%; padding: 0 20px 0 20px; diff --git a/main/css/delicious_bordeaux/default.css b/main/css/delicious_bordeaux/default.css index 150e50b1ba..cc7e362809 100644 --- a/main/css/delicious_bordeaux/default.css +++ b/main/css/delicious_bordeaux/default.css @@ -1,6 +1,9 @@ /***************************************************** * MAIN * *****************************************************/ +html { + height: 100%; +} body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -10,6 +13,13 @@ body { margin: 0; padding: 0; background-color: #fff; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -3em; } #outerframe { position: relative; /* do not remove, fixes a bug in IE */ @@ -339,20 +349,31 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus { * FOOTER STYLES * *****************************************************/ #footer { - height:auto; + height:3em; background-image: url(images/tab-repeat.png); background-repeat: repeat-x; color:#fff; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 5px; - background-position: center -15px; + background-color: #434343; } +.push { + height: 3em; /* Very important */ +} + + #footer a { color:#fff; } +#footer .copyright { + float: right; + padding-top:25px; + margin-right:10px; +} #footer #platformmanager { + float: left; + padding-top:25px; + margin-left:10px; } + #footer #coursemanager { margin-left: 10px; } diff --git a/main/css/dokeos_blue/default.css b/main/css/dokeos_blue/default.css index 78f0a5da5b..97841e3ca8 100644 --- a/main/css/dokeos_blue/default.css +++ b/main/css/dokeos_blue/default.css @@ -1,6 +1,9 @@ /***************************************************** * MAIN * *****************************************************/ +html { + height: 100%; +} body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -10,6 +13,13 @@ body { margin: 0; padding: 0; background-color: #fff; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -3em; } #outerframe { position: relative; /* do not remove, fixes a bug in IE */ @@ -329,19 +339,27 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus { * FOOTER STYLES * *****************************************************/ #footer { - height:auto; + height:3em; background-image: url(images/tab-repeat.png); background-repeat: repeat-x; color:#fff; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 5px; - background-position: center -15px; + background-color: #434343; } -#footer a { - color:#fff; +.push { + height: 3em; /* Very important */ +} +#footer .copyright { + float: right; + padding-top:18px; + margin-right:10px; } #footer #platformmanager { + float: left; + padding-top:18px; + margin-left:10px; +} +#footer a { + color:#fff; } #footer #coursemanager { margin-left: 10px; diff --git a/main/css/dokeos_classic/default.css b/main/css/dokeos_classic/default.css index 1180ca0036..084977404d 100644 --- a/main/css/dokeos_classic/default.css +++ b/main/css/dokeos_classic/default.css @@ -1,6 +1,9 @@ /***************************************************** * MAIN * *****************************************************/ +html { + height: 100%; +} body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -10,15 +13,23 @@ body { margin: 0; padding: 0; background-color: #fff; + height: 100%; /* stick */ } -input[type="text"]:focus, input[type="password"]:focus, textarea:focus { - background-image:url(images/shadow.gif); +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -4em; } #outerframe { position: relative; /* do not remove, fixes a bug in IE */ border: 1px solid #fff; background-color: #fff; } + +input[type="text"]:focus, input[type="password"]:focus, textarea:focus { + background-image:url(images/shadow.gif); +} /* Hides from IE5-mac \*/ * html #outerframe { height: 1%; @@ -373,11 +384,26 @@ input[text] { * FOOTER STYLES * *****************************************************/ #footer { - padding: 8px; + height: 3.9em; border-top: 1px solid #4171B5; background-color: #E5EDF9; font-size: 12px; } +.push { + height: 4em; /* Very important */ +} + +#footer .copyright { + float: right; + padding-top:10px; + margin-right:10px; +} +#footer #platformmanager { + float: left; + padding-top:10px; + margin-left:10px; +} + #footer .copyright { float: right; } diff --git a/main/css/dokeos_classic_2D/default.css b/main/css/dokeos_classic_2D/default.css index 10201e8aeb..587255fc26 100644 --- a/main/css/dokeos_classic_2D/default.css +++ b/main/css/dokeos_classic_2D/default.css @@ -1,9 +1,9 @@ -/* -============================================================================== - GLOBAL STYLES - REDEFINED HTML TAGS -============================================================================== -*/ - +/***************************************************** + * MAIN - DOKEOS CLASSIC 2D * + *****************************************************/ +html { + height: 100%; +} body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -13,6 +13,13 @@ body { font-size: 12px; margin: 0; padding: 0; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -4em; } img { border: none; @@ -95,8 +102,7 @@ input.link_alike:hover { background-color: #fff; margin: 0px auto; margin-top: 10px; - min-height: 320px; - padding: 0px 10px 10px 10px; + min-height: 320px; position: relative; /* to avoid the IE peekabo bug*/ width: 98%; } @@ -352,13 +358,24 @@ input.link_alike:hover { */ #footer { + height: 3.9em; background-color: #E5EDF9; border-top: 1px solid #4171B5; - font-size: 12px; - padding: 8px; + font-size: 12px; +} +.push { + height: 4em; /* Very important */ } + #footer .copyright { float: right; + padding-top:20px; + margin-right:10px; +} +#footer #platformmanager { + float: left; + padding-top:20px; + margin-left:10px; } #myprofilefooter { clear:both; diff --git a/main/css/empire_green/default.css b/main/css/empire_green/default.css index 80ec326245..1ce688dee3 100644 --- a/main/css/empire_green/default.css +++ b/main/css/empire_green/default.css @@ -1,6 +1,9 @@ /***************************************************** * MAIN * *****************************************************/ +html { + height: 100%; +} body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -10,6 +13,13 @@ body { margin: 0; padding: 0; background-color: #fff; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -3em; } #outerframe { position: relative; /* do not remove, fixes a bug in IE */ @@ -340,19 +350,28 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus { * FOOTER STYLES * *****************************************************/ #footer { - height:auto; + height:3em; background-image: url(images/tab-repeat.png); background-repeat: repeat-x; color:#fff; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 5px; - background-position: center -15px; + /* background-position: center -15px; */ + background-color: #434343; } -#footer a { - color:#fff; +.push { + height: 3em; /* Very important */ +} +#footer .copyright { + float: right; + padding-top:25px; + margin-right:10px; } #footer #platformmanager { + float: left; + padding-top:25px; + margin-left:10px; +} +#footer a { + color:#fff; } #footer #coursemanager { margin-left: 10px; diff --git a/main/css/fruity_orange/default.css b/main/css/fruity_orange/default.css index 0aad561ff6..7efb09535f 100644 --- a/main/css/fruity_orange/default.css +++ b/main/css/fruity_orange/default.css @@ -1,6 +1,9 @@ /***************************************************** * MAIN * *****************************************************/ +html { + height: 100%; +} body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -10,6 +13,13 @@ body { margin: 0; padding: 0; background-color: #fff; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -3em; } #outerframe { position: relative; /* do not remove, fixes a bug in IE */ @@ -340,19 +350,28 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus { * FOOTER STYLES * *****************************************************/ #footer { - height:auto; + height:3em; background-image: url(images/tab-repeat.png); background-repeat: repeat-x; color:#fff; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 5px; - background-position: center -15px; + /* background-position: center -15px; */ + background-color: #434343; } -#footer a { - color:#fff; +.push { + height: 3em; /* Very important */ +} +#footer .copyright { + float: right; + padding-top:25px; + margin-right:10px; } #footer #platformmanager { + float: left; + padding-top:25px; + margin-left:10px; +} +#footer a { + color:#fff; } #footer #coursemanager { margin-left: 10px; diff --git a/main/css/medical/default.css b/main/css/medical/default.css index 6f8a8ed63b..c6c7122b2c 100644 --- a/main/css/medical/default.css +++ b/main/css/medical/default.css @@ -1,6 +1,9 @@ /***************************************************** * MAIN - MEDICAL CSS * *****************************************************/ +html { + height: 100%; +} body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -9,16 +12,23 @@ body { color: #000; margin: 0; padding: 0; - background-color: #ffffff; + background-color: #fff; + height: 100%; /* stick */ } -input[type="text"]:focus, input[type="password"]:focus, textarea:focus { - background-image:url(images/shadow.gif); +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -5em; } #outerframe { position: relative; /* do not remove, fixes a bug in IE */ background-color: #fff; background-repeat:no-repeat; } +input[type="text"]:focus, input[type="password"]:focus, textarea:focus { + background-image:url(images/shadow.gif); +} /* Hides from IE5-mac \*/ * html #outerframe { height: 1%; @@ -393,17 +403,26 @@ input[text] { * FOOTER STYLES * *****************************************************/ #footer { - padding: 20px; - height: 30px; - background-color: #ffffff; + height:5em; + background-color: #fff; background-image: url(images/footer.jpg); background-repeat: no-repeat; font-size: 12px; font-weight:bold; - color:#666666; + color:#666; +} +.push { + height: 5em; /* Very important */ } #footer .copyright { float: right; + padding-top:25px; + margin-right:10px; +} +#footer #platformmanager { + float: left; + padding-top:25px; + margin-left:10px; } #footer a { color:#999999; @@ -416,6 +435,11 @@ input[text] { /*NAVIGATION MENU BAR*/ +.menu { + float: right; + width: 20%; + padding: 0 0 6px 0; +} .menucaption { font-size: 12px; diff --git a/main/css/public_admin/default.css b/main/css/public_admin/default.css index 11270a9a70..3000ccf6b9 100644 --- a/main/css/public_admin/default.css +++ b/main/css/public_admin/default.css @@ -1,6 +1,12 @@ /***************************************************** * MAIN - PUBLIC ADMIN CSS * *****************************************************/ + +/* the sticky effect */ +html { + height: 100%; +} + body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -9,8 +15,17 @@ body { color: #000; margin: 0; padding: 0; - background-color: #ffffff; + background-color: #ffffff; + height: 100%; /* stick */ } + +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -8em; +} + input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background-image:url(images/shadow.gif); } @@ -393,22 +408,34 @@ input[text] { * FOOTER STYLES * *****************************************************/ #footer { - padding: 50px 20px 10px 20px; - height: 30px; + height: 8em; background-color: #305582; background-image: url(images/footer.jpg); background-repeat: no-repeat; font-size: 12px; color:#ffffff; } +.push { + height: 8em; /* Very important */ +} #footer .copyright { float: right; + padding-top:60px; + margin-right:10px; +} +#footer #platformmanager { + float: left; + padding-top:60px; + margin-left:10px; } #footer a { color:#f1d40d; } #bottom_corner { } + + + /* ============================================================================== NAVIGATION MENU diff --git a/main/css/royal_purple/default.css b/main/css/royal_purple/default.css index b5b7a8cd10..2b8839db7a 100644 --- a/main/css/royal_purple/default.css +++ b/main/css/royal_purple/default.css @@ -1,6 +1,9 @@ /***************************************************** - * MAIN * + * MAIN ROYAL PURPLE * *****************************************************/ +html { + height: 100%; +} body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -10,6 +13,13 @@ body { margin: 0; padding: 0; background-color: #fff; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -3em; } #outerframe { position: relative; /* do not remove, fixes a bug in IE */ @@ -340,28 +350,32 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus { * FOOTER STYLES * *****************************************************/ #footer { - height:auto; + height:3em; background-image: url(images/tab-repeat.png); background-repeat: repeat-x; color:#fff; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 5px; - background-position: center -15px; + /* background-position: center -15px; */ + background-color: #434343; } -#footer a { - color:#fff; +.push { + height: 3em; /* Very important */ +} +#footer .copyright { + float: right; + padding-top:25px; + margin-right:10px; } #footer #platformmanager { + float: left; + padding-top:25px; + margin-left:10px; +} +#footer a { + color:#fff; } #footer #coursemanager { margin-left: 10px; } -.copyright { - display: inline; - float: right; - padding-right: 5px; -} #bottom_corner { } /***************************************************** diff --git a/main/css/silver_line/default.css b/main/css/silver_line/default.css index c64d45f904..1efc73fb12 100644 --- a/main/css/silver_line/default.css +++ b/main/css/silver_line/default.css @@ -1,23 +1,8 @@ -/* -============================================================================== - CORPORATIVE STYLESHEET -============================================================================== -*/ -/* -============================================================================== - GLOBAL STYLES - REDEFINED HTML TAGS -============================================================================== -*/ -a { - text-decoration: none; - font: bold 100% Arial, sans-serif, sans; - color: #900; -} -a:hover, a:focus { - color: #990; -} -blockquote { - font: 1.1em arial, sans, sans-serif; +/***************************************************** + * MAIN - CORPORATE + *****************************************************/ +html { + height: 100%; } body { /* hack ignored by non-IE to enable ie to support :hover on button */ @@ -28,6 +13,25 @@ body { font-family: 'Lucida Grande', verdana, Arial, sans-serif, sans; color: #000; background-color: #fff; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -4em; +} + +a { + text-decoration: none; + font: bold 100% Arial, sans-serif, sans; + color: #900; +} +a:hover, a:focus { + color: #990; +} +blockquote { + font: 1.1em arial, sans, sans-serif; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { background-image:url(images/shadow.gif); @@ -98,12 +102,11 @@ ul { #main { font-size: 89%; width: 96%; - padding: 0 1% 15px 3%; - background: transparent url('images/bg.jpg') no-repeat 100% 100%; + padding: 0 1% 15px 3%; /* min-height hack for ie6 or older*/ min-height: 400px; height: auto !important; - height: 400px; + height: 320px; clear: both; float: left; } @@ -265,6 +268,7 @@ ul { float: right; clear: right; } + #header3 ul { list-style: none; margin: 0 0 0 3.9em; @@ -347,21 +351,24 @@ ul { FOOTER STYLES ============================================================================== */ - #footer { + height: 4em; background: url('images/headerbg.jpg') repeat-y top right; font-family: Arial, sans-serif, sans; - font-weight: bold; - width: 98%; - float: left; - clear: both; - padding: .2em 0 .6em 2%; - border-bottom: 1px solid #999; + font-weight: bold; +} +.push { + height: 4em; /* Very important */ } #footer .copyright { float: right; - clear: right; - margin: 0 2em 0 0; + padding-top:25px; + margin-right:10px; +} +#footer #platformmanager { + float: left; + padding-top:25px; + margin-left:10px; } #bottom_corner { } diff --git a/main/css/sober_brown/default.css b/main/css/sober_brown/default.css index 35cc0e1394..5c3f34a391 100644 --- a/main/css/sober_brown/default.css +++ b/main/css/sober_brown/default.css @@ -1,6 +1,9 @@ /***************************************************** * MAIN SOBER BROWN * *****************************************************/ +html { + height: 100%; +} body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -9,16 +12,23 @@ body { color: #000; margin: 0; padding: 0; - background-color: #ffffff; + background-color: #fff; + height: 100%; /* stick */ } -input[type="text"]:focus, input[type="password"]:focus, textarea:focus { - background-image:url(images/shadow.gif); +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -4em; } #outerframe { position: relative; /* do not remove, fixes a bug in IE */ background-color: #fff; background-repeat:no-repeat; } +input[type="text"]:focus, input[type="password"]:focus, textarea:focus { + background-image:url(images/shadow.gif); +} /* Hides from IE5-mac \*/ * html #outerframe { height: 1%; @@ -380,20 +390,30 @@ input[text] { /***************************************************** * FOOTER STYLES * *****************************************************/ + #footer { - padding: 30px; - height: 20px; - background-color: #ffffff; - background-image: url(images/footer.jpg); + height:4em; + background-image: url(images/footer.jpg); background-repeat: no-repeat; + color:#fff; + background-color: #fff; font-size: 12px; - color:#ffffff; +} +.push { + height: 4em; /* Very important */ } #footer .copyright { float: right; + padding-top:25px; + margin-right:10px; +} +#footer #platformmanager { + float: left; + padding-top:25px; + margin-left:10px; } #footer a { - color:#ffffff; + color:#fff; } #bottom_corner { } diff --git a/main/css/steel_grey/default.css b/main/css/steel_grey/default.css index c984211ed3..565114ef3a 100644 --- a/main/css/steel_grey/default.css +++ b/main/css/steel_grey/default.css @@ -1,6 +1,9 @@ /***************************************************** - * MAIN * + * MAIN STEEL GREY * *****************************************************/ +html { + height: 100%; +} body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -10,6 +13,13 @@ body { margin: 0; padding: 0; background-color: #fff; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -3em; } #outerframe { position: relative; /* do not remove, fixes a bug in IE */ @@ -339,21 +349,33 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus { /***************************************************** * FOOTER STYLES * *****************************************************/ -#footer { - height:auto; + + #footer { + height:3em; background-image: url(images/tab-repeat.png); background-repeat: repeat-x; color:#fff; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 5px; - background-position: center -15px; + /* background-position: center -15px; */ + background-color: #434343; } -#footer a { - color:#fff; +.push { + height: 3em; /* Very important */ +} +#footer .copyright { + float: right; + padding-top:25px; + margin-right:10px; } #footer #platformmanager { + float: left; + padding-top:25px; + margin-left:10px; } + +#footer a { + color:#fff; +} + #footer #coursemanager { margin-left: 10px; } diff --git a/main/css/tasty_olive/default.css b/main/css/tasty_olive/default.css index c47f5a2cdf..800ba9b460 100644 --- a/main/css/tasty_olive/default.css +++ b/main/css/tasty_olive/default.css @@ -1,6 +1,9 @@ /***************************************************** - * MAIN * + * MAIN TASTY OLIVE * *****************************************************/ +html { + height: 100%; +} body { /* hack ignored by non-IE to enable ie to support :hover on button */ behavior:url("/main/css/csshover3.htc"); @@ -10,6 +13,13 @@ body { margin: 0; padding: 0; background-color: #fff; + height: 100%; /* stick */ +} +#wrapper{ + min-height: 100%; + height: auto !important; + height: 100%; + margin: 0 auto -3em; } #outerframe { position: relative; /* do not remove, fixes a bug in IE */ @@ -340,19 +350,29 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus { * FOOTER STYLES * *****************************************************/ #footer { - height:auto; + height:3em; background-image: url(images/tab-repeat.png); background-repeat: repeat-x; color:#fff; - padding-top: 5px; - padding-bottom: 5px; - padding-left: 5px; - background-position: center -15px; + /* background-position: center -15px; */ + background-color: #434343; } -#footer a { - color:#fff; +.push { + height: 3em; /* Very important */ +} +#footer .copyright { + float: right; + padding-top:25px; + margin-right:10px; } #footer #platformmanager { + float: left; + padding-top:25px; + margin-left:10px; +} + +#footer a { + color:#fff; } #footer #coursemanager { margin-left: 10px; diff --git a/main/inc/banner.inc.php b/main/inc/banner.inc.php index 7f5eceb21f..7ee73fb4e8 100644 --- a/main/inc/banner.inc.php +++ b/main/inc/banner.inc.php @@ -9,6 +9,8 @@ ============================================================================== */ ?> +