Browse Source

[svn r16040] Fixed problem with tool_nav menu in various CSS and improved flexibility of swap_menu_link (the link allowing to hide this menu)

Yannick Warnier 16 năm trước cách đây
mục cha
commit
baddeb3ec9

+ 94 - 0
main/css/academica/default.css

@@ -523,6 +523,100 @@ td .menu {
 	margin: 0 auto;
 }
 
+.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.
+	*/
+}
+/* --- 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 #f0f0f0;
+}
+#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: #dcdcdc;
+	padding: 5px 5px 5px 10px;
+	margin: 0;
+	text-decoration: none;
+	display: block;
+}
+#toolnavlist a:hover {
+	background: #fff;
+	color:#dcdcdc;
+}
+#toolnavlist a#here {
+	background: #fff;
+	color:#dcdcdc;
+}
+/* --- 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;
+ min-height: 300px; }
+
+#toolnav { float: left; width: 180px; padding: 20px 0 0 0;
+ margin-left: -5%;
+}
+#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 */
+*/
+
+
 /*
 ==============================================================================
     DOCUMENT MODULE AND DATA TABLES

+ 94 - 0
main/css/baby_orange/default.css

@@ -509,6 +509,100 @@ td .menu {
 	margin: 0 auto;
 }
 
+.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.
+	*/
+}
+/* --- 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 #f0f0f0;
+}
+#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: #dcdcdc;
+	padding: 5px 5px 5px 10px;
+	margin: 0;
+	text-decoration: none;
+	display: block;
+}
+#toolnavlist a:hover {
+	background: #fff;
+	color:#dcdcdc;
+}
+#toolnavlist a#here {
+	background: #fff;
+	color:#dcdcdc;
+}
+/* --- 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;
+ min-height: 300px; }
+
+#toolnav { float: left; width: 180px; padding: 20px 0 0 0;
+ margin-left: -5%;
+}
+#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 */
+*/
+
+
 /*
 ==============================================================================
     DOCUMENT MODULE AND DATA TABLES

+ 3 - 0
main/css/corporate/default.css

@@ -414,6 +414,9 @@ input[text] {font-size: 12px; }
 	*/
 }
 /* --- course navigation menu as a definition list  --- */
+#swap_menu_link {
+  float: left;
+}
 #toolnavbox {
 	margin: 0 0 0 10px; 
 	padding: 0; 

+ 3 - 0
main/css/cosmic_campus/default.css

@@ -472,6 +472,9 @@ input[text] {font-size: 12px; }
 	*/
 }
 /* --- course navigation menu as a definition list  --- */
+#swap_menu_link {
+  float: left;
+}
 #toolnavbox {
 	margin: 0 0 0 10px;
 	padding: 0;

+ 3 - 0
main/css/dokeos_classic/default.css

@@ -439,6 +439,9 @@ input[text] {font-size: 12px; }
 
 
 /* --- course navigation menu as a definition list  --- */
+#swap_menu_link {
+  float: left;
+}
 #toolnavbox {
 	margin: 0 0 0 10px;
 	padding: 0;

+ 3 - 1
main/css/dokeos_classic_2D/default.css

@@ -543,7 +543,9 @@ this lets the navigation menu appear to the left:
     course navigation menu as a definition list
 ------------------------------------------------------------------------------
 */
-
+#swap_menu_link {
+  float: left;
+}
 #toolnavbox {
 	border: 1px solid #4271b5;
 	float: left;

+ 3 - 0
main/css/medical/default.css

@@ -466,6 +466,9 @@ input[text] {font-size: 12px; }
 	*/
 }
 /* --- course navigation menu as a definition list  --- */
+#swap_menu_link {
+  float: left;
+}
 #toolnavbox {
 	margin: 0 0 0 10px;
 	padding: 0;

+ 3 - 0
main/css/public_admin/default.css

@@ -464,6 +464,9 @@ input[text] {font-size: 12px; }
 	*/
 }
 /* --- course navigation menu as a definition list  --- */
+#swap_menu_link {
+  float: left;
+}
 #toolnavbox {
 	margin: 0 0 0 10px;
 	padding: 0;

+ 91 - 0
main/css/silver_line/default.css

@@ -491,7 +491,98 @@ td .menu {
 	width: 244px;
 	margin: 0 auto;
 }
+.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.  
+	*/
+}
+/* --- 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 #f0f0f0;
+}
+#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: #dcdcdc; 
+	padding: 5px 5px 5px 10px; 
+	margin: 0; 
+	text-decoration: none; 
+	display: block;
+}
+#toolnavlist a:hover { 
+	background: #fff; 
+	color:#dcdcdc; 
+}
+#toolnavlist a#here { 
+	background: #fff; 
+	color:#dcdcdc; 
+}
+/* --- 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;  
+ min-height: 300px; }
 
+#toolnav { float: left; width: 180px; padding: 20px 0 0 0;
+ margin-left: -5%; 
+}
+#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 */
+*/
 /*
 ==============================================================================
     DOCUMENT MODULE AND DATA TABLES

+ 3 - 0
main/css/sober_brown/default.css

@@ -460,6 +460,9 @@ input[text] {font-size: 12px; }
 	*/
 }
 /* --- course navigation menu as a definition list  --- */
+#swap_menu_link {
+  float: left;
+}
 #toolnavbox {
 	margin: 0 0 0 10px;
 	padding: 0;

+ 3 - 3
main/inc/tool_navigation_menu.inc.php

@@ -1,5 +1,5 @@
 <?php
-// $Id: tool_navigation_menu.inc.php 16022 2008-08-19 10:10:45Z elixir_inter $
+// $Id: tool_navigation_menu.inc.php 16040 2008-08-21 13:48:58Z yannoo $
 /*
 ==============================================================================
 	Dokeos - elearning and course management software
@@ -187,7 +187,7 @@ function show_navigation_menu()
 				createCookie('dokeos_menu_state',0,10);
 			}
 		}
-		document.write('<a href="#" id="swap_menu_link" onclick="swap_menu();" style="float:right;"><?php echo get_lang('Hide'); ?> &raquo;&raquo;<\/a>');
+		document.write('<a href="#" id="swap_menu_link" onclick="swap_menu();"><?php echo get_lang('Hide'); ?> &raquo;&raquo;<\/a>');
 		/* ]]> */
 		</script>
 		<?php
@@ -256,4 +256,4 @@ function show_navigation_tool_shortcuts($orientation = SHORTCUTS_HORIZONTAL)
 		}
 	}
 }
-?>
+?>