diff --git a/main/css/academica/default.css b/main/css/academica/default.css index 179216e281..22c255c08c 100644 --- a/main/css/academica/default.css +++ b/main/css/academica/default.css @@ -1128,3 +1128,117 @@ div.system_announcement { float:right; margin: 1em; } + + + +/*NAVIGATION MENU BAR*/ + + +.menucaption { + font-size: 12px; + font-weight: bold; + padding-left: 12px; +} +.menusection { + width: auto; + margin: 24px 6px 0 6px; + padding-left: 10px; + border: 1px solid #4171B5; +} +.menusectioncaption { + position: relative; + top: -9px; + background-color: #E5EDF9; + font-size: 12px; + padding: 0 8px 0 4px; +} +.menulist { + list-style: none; + margin: 0 0 12px 0; + padding: 0; +} +#centerwrap { + float: left; + width: 100%; + margin-right: -95%; + /* this needs to be less than 100% for Moz/Mac which thinks + it's empty otherwise. The difference is made up by putting a + negative left margin on the left float: + Note IE/Mac doesn't like this method ~ it wants the 100% so it can + be fed in using IE only CSS below becasue IE/Win also works with the 100% method. + */ +} + +#center { margin: 0 190px 0 0; padding: 10px 0 40px 0; + min-height: 300px; } + +#toolnav { float: right; width: 180px; padding: 0; margin: 0; + margin-left: -5%; /* the difference to make the left colum appear flush left */ +} + +/* Hide from IE5-mac. Only IE-win sees this. \*/ +* html #toolnav { margin-right: 0px;} +* html #center { height: 1%; margin-left: 0; } + /* End hide from IE5/mac */ + + + +/* --- course navigation menu as a definition list --- */ +#swap_menu_link { + float: left; +} +#toolnavbox { + margin: 0 0 0 10px; + padding: 0; + float: left; + border: 1px solid #4271b5; +} +#toolnavbox dl { + width: 160px; + margin: 0 auto; + padding: 0; + background: transparent; + font-size: 12px; + text-align: center; +} +#toolnavbox dt { + margin: 0; + padding: 0; + font-weight: bold; + font-size: 12px; + text-align: center; + color: #000; + border-bottom: 1px solid #fff; + background: transparent; +} +#toolnavbox dd { + margin: 0; + padding: 0; + color: #009; + text-align: left; + border-bottom:1px solid #fff; + background: #E5EDF9; +} +#toolnav img { + float: left; + width: 25px; + height: 25px; + margin: 0 4px 0 0; +} +#toolnavlist a, #toolnavlist a:link { + background: #E5EDF9; + color: #4171b5; + padding: 5px 5px 5px 10px; + margin: 0; + text-decoration: none; + display: block; +} +#toolnavlist a:hover { + background: #fff; + color:#4171b5; +} +#toolnavlist a#here { + background: #fff; + color:#4171b5; +} +/* --- end of course navigation menu section --- */ \ No newline at end of file diff --git a/main/css/baby_orange/default.css b/main/css/baby_orange/default.css index f5f69b944d..86927d28be 100644 --- a/main/css/baby_orange/default.css +++ b/main/css/baby_orange/default.css @@ -1127,4 +1127,115 @@ div.system_announcement { .glossary-orderby-link { float:right; margin: 1em; -} +} +/*NAVIGATION MENU BAR*/ + + +.menucaption { + font-size: 12px; + font-weight: bold; + padding-left: 12px; +} +.menusection { + width: auto; + margin: 24px 6px 0 6px; + padding-left: 10px; + border: 1px solid #4171B5; +} +.menusectioncaption { + position: relative; + top: -9px; + background-color: #E5EDF9; + font-size: 12px; + padding: 0 8px 0 4px; +} +.menulist { + list-style: none; + margin: 0 0 12px 0; + padding: 0; +} +#centerwrap { + float: left; + width: 100%; + margin-right: -95%; + /* this needs to be less than 100% for Moz/Mac which thinks + it's empty otherwise. The difference is made up by putting a + negative left margin on the left float: + Note IE/Mac doesn't like this method ~ it wants the 100% so it can + be fed in using IE only CSS below becasue IE/Win also works with the 100% method. + */ +} + +#center { margin: 0 190px 0 0; padding: 10px 0 40px 0; + min-height: 300px; } + +#toolnav { float: right; width: 180px; padding: 0; margin: 0; + margin-left: -5%; /* the difference to make the left colum appear flush left */ +} + +/* Hide from IE5-mac. Only IE-win sees this. \*/ +* html #toolnav { margin-right: 0px;} +* html #center { height: 1%; margin-left: 0; } + /* End hide from IE5/mac */ + + + +/* --- course navigation menu as a definition list --- */ +#swap_menu_link { + float: left; +} +#toolnavbox { + margin: 0 0 0 10px; + padding: 0; + float: left; + border: 1px solid #4271b5; +} +#toolnavbox dl { + width: 160px; + margin: 0 auto; + padding: 0; + background: transparent; + font-size: 12px; + text-align: center; +} +#toolnavbox dt { + margin: 0; + padding: 0; + font-weight: bold; + font-size: 12px; + text-align: center; + color: #000; + border-bottom: 1px solid #fff; + background: transparent; +} +#toolnavbox dd { + margin: 0; + padding: 0; + color: #009; + text-align: left; + border-bottom:1px solid #fff; + background: #E5EDF9; +} +#toolnav img { + float: left; + width: 25px; + height: 25px; + margin: 0 4px 0 0; +} +#toolnavlist a, #toolnavlist a:link { + background: #F4A460; + color: #DC143C; + padding: 5px 5px 5px 10px; + margin: 0; + text-decoration: none; + display: block; +} +#toolnavlist a:hover { + background: #fff; + color:#B8860B; +} +#toolnavlist a#here { + background: #fff; + color:#DC143C; +} +/* --- end of course navigation menu section --- */ diff --git a/main/css/corporate/default.css b/main/css/corporate/default.css index 4b30dd2deb..8b8bc18965 100644 --- a/main/css/corporate/default.css +++ b/main/css/corporate/default.css @@ -1122,3 +1122,114 @@ span.radio { float:right; margin: 1em; } +/*NAVIGATION MENU BAR*/ + + +.menucaption { + font-size: 12px; + font-weight: bold; + padding-left: 12px; +} +.menusection { + width: auto; + margin: 24px 6px 0 6px; + padding-left: 10px; + border: 1px solid #4171B5; +} +.menusectioncaption { + position: relative; + top: -9px; + background-color: #E5EDF9; + font-size: 12px; + padding: 0 8px 0 4px; +} +.menulist { + list-style: none; + margin: 0 0 12px 0; + padding: 0; +} +#centerwrap { + float: left; + width: 100%; + margin-right: -95%; + /* this needs to be less than 100% for Moz/Mac which thinks + it's empty otherwise. The difference is made up by putting a + negative left margin on the left float: + Note IE/Mac doesn't like this method ~ it wants the 100% so it can + be fed in using IE only CSS below becasue IE/Win also works with the 100% method. + */ +} + +#center { margin: 0 190px 0 0; padding: 10px 0 40px 0; + min-height: 300px; } + +#toolnav { float: right; width: 180px; padding: 0; margin: 0; + margin-left: -5%; /* the difference to make the left colum appear flush left */ +} + +/* Hide from IE5-mac. Only IE-win sees this. \*/ +* html #toolnav { margin-right: 0px;} +* html #center { height: 1%; margin-left: 0; } + /* End hide from IE5/mac */ + + + +/* --- course navigation menu as a definition list --- */ +#swap_menu_link { + float: left; +} +#toolnavbox { + margin: 0 0 0 10px; + padding: 0; + float: left; + border: 1px solid #4271b5; +} +#toolnavbox dl { + width: 160px; + margin: 0 auto; + padding: 0; + background: transparent; + font-size: 12px; + text-align: center; +} +#toolnavbox dt { + margin: 0; + padding: 0; + font-weight: bold; + font-size: 12px; + text-align: center; + color: #000; + border-bottom: 1px solid #fff; + background: transparent; +} +#toolnavbox dd { + margin: 0; + padding: 0; + color: #009; + text-align: left; + border-bottom:1px solid #fff; + background: #E5EDF9; +} +#toolnav img { + float: left; + width: 25px; + height: 25px; + margin: 0 4px 0 0; +} +#toolnavlist a, #toolnavlist a:link { + background: #D3D3D3; + color: #000; + padding: 5px 5px 5px 10px; + margin: 0; + text-decoration: none; + display: block; +} +#toolnavlist a:hover { + background: #fff; + color:#4171b5; +} +#toolnavlist a#here { + background: #fff; + color:#4171b5; +} +/* --- end of course navigation menu section --- */ \ No newline at end of file diff --git a/main/css/cosmic_campus/default.css b/main/css/cosmic_campus/default.css index f24187527c..ccf68ef339 100644 --- a/main/css/cosmic_campus/default.css +++ b/main/css/cosmic_campus/default.css @@ -1160,4 +1160,116 @@ div.system_announcement_content{ .glossary-orderby-link { float:right; margin: 1em; -} +} + +/*NAVIGATION MENU BAR*/ + + +.menucaption { + font-size: 12px; + font-weight: bold; + padding-left: 12px; +} +.menusection { + width: auto; + margin: 24px 6px 0 6px; + padding-left: 10px; + border: 1px solid #4171B5; +} +.menusectioncaption { + position: relative; + top: -9px; + background-color: #E5EDF9; + font-size: 12px; + padding: 0 8px 0 4px; +} +.menulist { + list-style: none; + margin: 0 0 12px 0; + padding: 0; +} +#centerwrap { + float: left; + width: 100%; + margin-right: -95%; + /* this needs to be less than 100% for Moz/Mac which thinks + it's empty otherwise. The difference is made up by putting a + negative left margin on the left float: + Note IE/Mac doesn't like this method ~ it wants the 100% so it can + be fed in using IE only CSS below becasue IE/Win also works with the 100% method. + */ +} + +#center { margin: 0 190px 0 0; padding: 10px 0 40px 0; + min-height: 300px; } + +#toolnav { float: right; width: 180px; padding: 0; margin: 0; + margin-left: -5%; /* the difference to make the left colum appear flush left */ +} + +/* Hide from IE5-mac. Only IE-win sees this. \*/ +* html #toolnav { margin-right: 0px;} +* html #center { height: 1%; margin-left: 0; } + /* End hide from IE5/mac */ + + + +/* --- course navigation menu as a definition list --- */ +#swap_menu_link { + float: left; +} +#toolnavbox { + margin: 0 0 0 10px; + padding: 0; + float: left; + border: 1px solid #4271b5; +} +#toolnavbox dl { + width: 160px; + margin: 0 auto; + padding: 0; + background: transparent; + font-size: 12px; + text-align: center; +} +#toolnavbox dt { + margin: 0; + padding: 0; + font-weight: bold; + font-size: 12px; + text-align: center; + color: #000; + border-bottom: 1px solid #fff; + background: transparent; +} +#toolnavbox dd { + margin: 0; + padding: 0; + color: #009; + text-align: left; + border-bottom:1px solid #fff; + background: #E5EDF9; +} +#toolnav img { + float: left; + width: 25px; + height: 25px; + margin: 0 4px 0 0; +} +#toolnavlist a, #toolnavlist a:link { + background: #E5EDF9; + color: #4171b5; + padding: 5px 5px 5px 10px; + margin: 0; + text-decoration: none; + display: block; +} +#toolnavlist a:hover { + background: #fff; + color:#4171b5; +} +#toolnavlist a#here { + background: #fff; + color:#4171b5; +} +/* --- end of course navigation menu section --- */ diff --git a/main/css/medical/default.css b/main/css/medical/default.css index 2445f481cc..d1e470bc55 100644 --- a/main/css/medical/default.css +++ b/main/css/medical/default.css @@ -63,7 +63,7 @@ body { margin: 0 190px 0 0; padding: 10px 0 40px 0; min-height: 300px; - background-color: #00ff00; + background-color: #fff; } .invisible { color: #999; @@ -421,15 +421,9 @@ input[text] {font-size: 12px; } /***************************************************** * NAVIGATION MENU * *****************************************************/ -.menu { - float: right; - width: 200px; - min-height: 150px; - background-color: #F0F0F0; - border: 1px solid #bbb; - padding: 60px 10px 10px 10px; - background: #f0f0f0 url(images/fondoNav.jpg) no-repeat top center; -} + +/*NAVIGATION MENU BAR*/ + .menucaption { font-size: 12px; @@ -440,12 +434,12 @@ input[text] {font-size: 12px; } width: auto; margin: 24px 6px 0 6px; padding-left: 10px; - border: 1px solid #bbb; + border: 1px solid #4171B5; } .menusectioncaption { position: relative; top: -9px; - background-color:#F0F0F0; + background-color: #E5EDF9; font-size: 12px; padding: 0 8px 0 4px; } @@ -465,6 +459,21 @@ input[text] {font-size: 12px; } be fed in using IE only CSS below becasue IE/Win also works with the 100% method. */ } + +#center { margin: 0 190px 0 0; padding: 10px 0 40px 0; + min-height: 300px; } + +#toolnav { float: right; width: 180px; padding: 0; margin: 0; + margin-left: -5%; /* the difference to make the left colum appear flush left */ +} + +/* Hide from IE5-mac. Only IE-win sees this. \*/ +* html #toolnav { margin-right: 0px;} +* html #center { height: 1%; margin-left: 0; } + /* End hide from IE5/mac */ + + + /* --- course navigation menu as a definition list --- */ #swap_menu_link { float: left; @@ -473,7 +482,7 @@ input[text] {font-size: 12px; } margin: 0 0 0 10px; padding: 0; float: left; - border: 1px solid #f0f0f0; + border: 1px solid #4271b5; } #toolnavbox dl { width: 160px; @@ -508,8 +517,8 @@ input[text] {font-size: 12px; } margin: 0 4px 0 0; } #toolnavlist a, #toolnavlist a:link { - background: #E5EDF9; - color: #dcdcdc; + background: #FFC0CB; + color: #4171b5; padding: 5px 5px 5px 10px; margin: 0; text-decoration: none; @@ -517,14 +526,17 @@ input[text] {font-size: 12px; } } #toolnavlist a:hover { background: #fff; - color:#dcdcdc; + color:#4171b5; } #toolnavlist a#here { background: #fff; - color:#dcdcdc; + color:#4171b5; } /* --- end of course navigation menu section --- */ -/* +------------------------------------------------------------------------------ + course navigation menu as a definition list +------------------------------------------------------------------------------ +*/ this lets the navigation menu appear to the left: #center { margin: 0 0 0 180px; padding: 10px 0 40px 0; min-height: 300px; } diff --git a/main/css/public_admin/default.css b/main/css/public_admin/default.css index 5843c97c0f..4e4e844a10 100644 --- a/main/css/public_admin/default.css +++ b/main/css/public_admin/default.css @@ -62,7 +62,7 @@ body { margin: 0 190px 0 0; padding: 10px 0 40px 0; min-height: 300px; - background-color: #00ff00; + background-color: #fff; } .invisible { color: #999; @@ -417,9 +417,13 @@ input[text] {font-size: 12px; } { } -/***************************************************** - * NAVIGATION MENU * - *****************************************************/ + +/* +============================================================================== + NAVIGATION MENU +============================================================================== +*/ + .menu { float: right; width: 200px; @@ -435,24 +439,28 @@ input[text] {font-size: 12px; } font-weight: bold; padding-left: 12px; } + .menusection { - width: auto; + border: 1px solid #4171B5; margin: 24px 6px 0 6px; padding-left: 10px; - border: 1px solid #bbb; + width: auto; } + .menusectioncaption { - position: relative; - top: -9px; - background-color:#F0F0F0; + background-color: #E5EDF9; font-size: 12px; padding: 0 8px 0 4px; + position: relative; + top: -9px; } + .menulist { list-style: none; margin: 0 0 12px 0; padding: 0; } + #centerwrap { float: left; width: 100%; @@ -464,65 +472,110 @@ input[text] {font-size: 12px; } be fed in using IE only CSS below becasue IE/Win also works with the 100% method. */ } -/* --- course navigation menu as a definition list --- */ + +#center { + margin: 0 190px 0 0; + min-height: 300px; + padding: 10px 0 40px 0; +} + +#toolnav { + float: right; + margin: 0; + margin-left: -5%; /* the difference to make the left colum appear flush left */ + padding: 0; + width: 180px; +} + +#toolnav img { + float: left; + width: 25px; + height: 25px; + margin: 0 4px 0 0; +} + +/* Hide from IE5-mac. Only IE-win sees this. \*/ +* html #toolnav { margin-right: 0px;} +* html #center { height: 1%; margin-left: 0; } + /* End hide from IE5/mac */ + +/* +this lets the navigation menu appear to the left: +#center { + margin: 0 0 0 180px; + min-height: 300px; + padding: 10px 0 40px 0; +} + +#toolnav { + float: left; + width: 180px; + padding: 20px 0 0 0; + margin-left: -5%; +} +*/ + + +/* +------------------------------------------------------------------------------ + course navigation menu as a definition list +------------------------------------------------------------------------------ +*/ #swap_menu_link { float: left; } #toolnavbox { + border: 1px solid #4271b5; + float: left; margin: 0 0 0 10px; padding: 0; - float: left; - border: 1px solid #f0f0f0; } + #toolnavbox dl { - width: 160px; - margin: 0 auto; - padding: 0; background: transparent; font-size: 12px; + margin: 0 auto; text-align: center; + width: 160px; } + #toolnavbox dt { - margin: 0; - padding: 0; - font-weight: bold; + background: transparent; + border-bottom: 1px solid #fff; + color: #000; font-size: 12px; + font-weight: bold; + margin: 0; text-align: center; - color: #000; - border-bottom: 1px solid #fff; - background: transparent; } + #toolnavbox dd { - margin: 0; - padding: 0; + background: #E5EDF9; + border-bottom:1px solid #fff; color: #009; + margin: 0; text-align: left; - border-bottom:1px solid #fff; - background: #E5EDF9; } -#toolnav img { - float: left; - width: 25px; - height: 25px; - margin: 0 4px 0 0; -} -#toolnavlist a, #toolnavlist a:link { + +#toolnavlist a, +#toolnavlist a:link { background: #E5EDF9; - color: #dcdcdc; - padding: 5px 5px 5px 10px; + color: #4171b5; + display: block; margin: 0; + padding: 5px 5px 5px 10px; text-decoration: none; - display: block; -} -#toolnavlist a:hover { - background: #fff; - color:#dcdcdc; } + +#toolnavlist a:hover, #toolnavlist a#here { background: #fff; - color:#dcdcdc; + color:#4171b5; } + /* --- end of course navigation menu section --- */ + + /* this lets the navigation menu appear to the left: #center { margin: 0 0 0 180px; padding: 10px 0 40px 0; diff --git a/main/css/silver_line/default.css b/main/css/silver_line/default.css index 932012d317..d1392ef29c 100644 --- a/main/css/silver_line/default.css +++ b/main/css/silver_line/default.css @@ -1649,4 +1649,117 @@ div.system_announcement { .glossary-orderby-link { float:right; margin: 1em; -} +} + + +/*NAVIGATION MENU BAR*/ + + +.menucaption { + font-size: 12px; + font-weight: bold; + padding-left: 12px; +} +.menusection { + width: auto; + margin: 24px 6px 0 6px; + padding-left: 10px; + border: 1px solid #4171B5; +} +.menusectioncaption { + position: relative; + top: -9px; + background-color: #E5EDF9; + font-size: 12px; + padding: 0 8px 0 4px; +} +.menulist { + list-style: none; + margin: 0 0 12px 0; + padding: 0; +} +#centerwrap { + float: left; + width: 100%; + margin-right: -95%; + /* this needs to be less than 100% for Moz/Mac which thinks + it's empty otherwise. The difference is made up by putting a + negative left margin on the left float: + Note IE/Mac doesn't like this method ~ it wants the 100% so it can + be fed in using IE only CSS below becasue IE/Win also works with the 100% method. + */ +} + +#center { margin: 0 190px 0 0; padding: 10px 0 40px 0; + min-height: 300px; } + +#toolnav { float: right; width: 180px; padding: 0; margin: 0; + margin-left: -5%; /* the difference to make the left colum appear flush left */ +} + +/* Hide from IE5-mac. Only IE-win sees this. \*/ +* html #toolnav { margin-right: 0px;} +* html #center { height: 1%; margin-left: 0; } + /* End hide from IE5/mac */ + + + +/* --- course navigation menu as a definition list --- */ +#swap_menu_link { + float: left; +} +#toolnavbox { + margin: 0 0 0 10px; + padding: 0; + float: left; + border: 1px solid #4271b5; +} +#toolnavbox dl { + width: 160px; + margin: 0 auto; + padding: 0; + background: transparent; + font-size: 12px; + text-align: center; +} +#toolnavbox dt { + margin: 0; + padding: 0; + font-weight: bold; + font-size: 12px; + text-align: center; + color: #000; + border-bottom: 1px solid #fff; + background: transparent; +} +#toolnavbox dd { + margin: 0; + padding: 0; + color: #009; + text-align: left; + border-bottom:1px solid #fff; + background: #E5EDF9; +} +#toolnav img { + float: left; + width: 25px; + height: 25px; + margin: 0 4px 0 0; +} +#toolnavlist a, #toolnavlist a:link { + background: #D3D3D3; + color: #4171b5; + padding: 5px 5px 5px 10px; + margin: 0; + text-decoration: none; + display: block; +} +#toolnavlist a:hover { + background: #fff; + color:#4171b5; +} +#toolnavlist a#here { + background: #fff; + color:#4171b5; +} +/* --- end of course navigation menu section --- */ diff --git a/main/css/sober_brown/default.css b/main/css/sober_brown/default.css index d9a72b914a..c451895f4e 100644 --- a/main/css/sober_brown/default.css +++ b/main/css/sober_brown/default.css @@ -73,7 +73,7 @@ body { margin: 0 190px 0 0; padding: 10px 0 40px 0; min-height: 300px; - background-color: #00ff00; + background-color: #fff; } .invisible { color: #999; @@ -424,6 +424,8 @@ input[text] {font-size: 12px; } padding: 60px 10px 10px 10px; background: #f0f0f0 url(images/fondoNav.jpg) no-repeat top center; } +/*NAVIGATION MENU BAR*/ + .menucaption { font-size: 12px; @@ -434,12 +436,12 @@ input[text] {font-size: 12px; } width: auto; margin: 24px 6px 0 6px; padding-left: 10px; - border: 1px solid #bbb; + border: 1px solid #4171B5; } .menusectioncaption { position: relative; top: -9px; - background-color:#F0F0F0; + background-color: #E5EDF9; font-size: 12px; padding: 0 8px 0 4px; } @@ -459,6 +461,21 @@ input[text] {font-size: 12px; } be fed in using IE only CSS below becasue IE/Win also works with the 100% method. */ } + +#center { margin: 0 190px 0 0; padding: 10px 0 40px 0; + min-height: 300px; } + +#toolnav { float: right; width: 180px; padding: 0; margin: 0; + margin-left: -5%; /* the difference to make the left colum appear flush left */ +} + +/* Hide from IE5-mac. Only IE-win sees this. \*/ +* html #toolnav { margin-right: 0px;} +* html #center { height: 1%; margin-left: 0; } + /* End hide from IE5/mac */ + + + /* --- course navigation menu as a definition list --- */ #swap_menu_link { float: left; @@ -467,7 +484,7 @@ input[text] {font-size: 12px; } margin: 0 0 0 10px; padding: 0; float: left; - border: 1px solid #f0f0f0; + border: 1px solid #4271b5; } #toolnavbox dl { width: 160px; @@ -502,8 +519,8 @@ input[text] {font-size: 12px; } margin: 0 4px 0 0; } #toolnavlist a, #toolnavlist a:link { - background: #E5EDF9; - color: #dcdcdc; + background: #C0C0C0; + color: #4171b5; padding: 5px 5px 5px 10px; margin: 0; text-decoration: none; @@ -511,11 +528,11 @@ input[text] {font-size: 12px; } } #toolnavlist a:hover { background: #fff; - color:#dcdcdc; + color:#4171b5; } #toolnavlist a#here { background: #fff; - color:#dcdcdc; + color:#4171b5; } /* --- end of course navigation menu section --- */ /*