Răsfoiți Sursa

Cleaning/fixing lp_view page when rendering LP in a 1024px screen laos adding default values to the lp TOC

Julio Montoya 13 ani în urmă
părinte
comite
013bacae1d
47 a modificat fișierele cu 308 adăugiri și 455 ștergeri
  1. 1 9
      main/css/academica/default.css
  2. 0 2
      main/css/academica/scorm.css
  3. 2 10
      main/css/baby_orange/default.css
  4. 1 3
      main/css/baby_orange/scorm.css
  5. 169 7
      main/css/base.css
  6. 0 54
      main/css/base_chamilo.css
  7. 1 9
      main/css/blue_lagoon/default.css
  8. 2 6
      main/css/blue_lagoon/scorm.css
  9. 1 1
      main/css/chamilo/default.css
  10. 12 26
      main/css/chamilo/scorm.css
  11. 1 5
      main/css/chamilo_electric_blue/scorm.css
  12. 1 5
      main/css/chamilo_green/scorm.css
  13. 1 4
      main/css/chamilo_orange/scorm.css
  14. 0 3
      main/css/chamilo_red/scorm.css
  15. 2 9
      main/css/chamilo_sport_red/scorm.css
  16. 1 9
      main/css/cool_blue/default.css
  17. 1 5
      main/css/cool_blue/scorm.css
  18. 1 9
      main/css/corporate/default.css
  19. 1 3
      main/css/corporate/scorm.css
  20. 1 9
      main/css/cosmic_campus/default.css
  21. 1 3
      main/css/cosmic_campus/scorm.css
  22. 1 11
      main/css/delicious_bordeaux/default.css
  23. 2 8
      main/css/delicious_bordeaux/scorm.css
  24. 1 9
      main/css/dokeos_blue/default.css
  25. 1 5
      main/css/dokeos_blue/scorm.css
  26. 2 12
      main/css/dokeos_classic/default.css
  27. 1 4
      main/css/dokeos_classic/scorm.css
  28. 1 11
      main/css/dokeos_classic_2D/default.css
  29. 1 3
      main/css/dokeos_classic_2D/scorm.css
  30. 1 9
      main/css/empire_green/default.css
  31. 2 8
      main/css/empire_green/scorm.css
  32. 1 9
      main/css/fruity_orange/default.css
  33. 1 5
      main/css/fruity_orange/scorm.css
  34. 1 5
      main/css/medical/default.css
  35. 0 2
      main/css/medical/scorm.css
  36. 1 9
      main/css/public_admin/default.css
  37. 0 4
      main/css/public_admin/scorm.css
  38. 1 9
      main/css/royal_purple/default.css
  39. 1 5
      main/css/royal_purple/scorm.css
  40. 1 10
      main/css/silver_line/default.css
  41. 1 3
      main/css/silver_line/scorm.css
  42. 1 11
      main/css/sober_brown/default.css
  43. 1 3
      main/css/sober_brown/scorm.css
  44. 1 9
      main/css/tasty_olive/default.css
  45. 1 5
      main/css/tasty_olive/scorm.css
  46. 1 1
      main/newscorm/learnpath.class.php
  47. 82 94
      main/newscorm/lp_view.php

+ 1 - 9
main/css/academica/default.css

@@ -326,19 +326,11 @@ form span.form_error {
 	background:#F8F8F8;
 	border-bottom:1px solid #4171b5;
 	border-top:1px solid #4171b5;
-	height:29px;
-	padding-left: -17px;
-	margin: 5px 2px 1px 12px;
-	vertical-align:middle;
-	width: 90%;
+	height:29px;	
 }
 .actions_lp img {
 	vertical-align:middle;
 }
-.actions_lp a {
-	margin-right: 10px;
-	vertical-align:middle;
-}
 .actions_lp span {
 	margin-right: 10px;
 	vertical-align:middle;

+ 0 - 2
main/css/academica/scorm.css

@@ -20,8 +20,6 @@
 	overflow: auto;
 	background-color: white;
 	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;

+ 2 - 10
main/css/baby_orange/default.css

@@ -306,20 +306,12 @@ form span.form_error {
 	background-color:#FDDEAA;
 	border-bottom:1px solid #EE4C03;
 	border-top:1px solid #EE4C03;
-	height:29px;
-	padding-left: -17px;
-	margin-bottom: 1px;
-	vertical-align:middle;
-	width: 90%;
-	margin-left:17px;
+	height:29px;	
+	margin-bottom: 1px;		
 }
 .actions_lp img {
 	vertical-align:middle;
 }
-.actions_lp a {
-	margin-right: 10px;
-	vertical-align:middle;
-}
 .actions_lp span {
 	margin-right: 10px;
 	vertical-align:middle;

+ 1 - 3
main/css/baby_orange/scorm.css

@@ -19,9 +19,7 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 96%;
-	border-left: 10px #FFF solid;
+	height: 210px;		
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;

+ 169 - 7
main/css/base.css

@@ -3457,12 +3457,12 @@ a.forum_group_link {
 
 /* actions */
 .actions_lp {
-    background:#F8F8F8;
-    height: 40px;
-    padding-left: -17px;
-    margin: 5px 2px 1px 12px;
-    vertical-align:middle;
-    width: 90%;    
+    background:#F8F8F8;        
+    margin: 0px;
+    padding:9px 0px 9px 0px;
+    width:100%;
+    text-align: center;
+       
 }
 .actions_lp .btn-group {
     margin-left: 25px;
@@ -3644,7 +3644,169 @@ footer {
     background-image: -webkit-linear-gradient(top, #F5F5F5 0%, #EEEEEE 100%); /* Chrome 10+,Safari 5.1+ */
     background-image: -ms-linear-gradient(top, #F5F5F5 0%,#EEEEEE 100%); /* IE10+ */
     background-image: -o-linear-gradient(top, #F5F5F5 0%,#EEEEEE 100%); /* Opera 11.10+ */
-    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#EEEEEE',GradientType=0 ); /* IE6-9 */
+    /* Fixes bug in ie8 */
+    /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#EEEEEE',GradientType=0 ); */ /* IE6-9 */
     background-image: linear-gradient(top, #F5F5F5 0%, #EEEEEE 100%); /* W3C */        
 }
 
+
+
+/* Default LP left column values */
+
+#learning_path_left_zone {
+    float:left;
+    width:280px;
+    height:100%;
+    padding-left: 8px;
+    padding-right: 4px;
+}
+
+#learning_path_left_zone #header {
+    font-size:14px;
+}
+
+#author_icon {
+    float:left;
+}
+
+#lp_navigation_elem {
+    float:left;
+}
+
+#author_image {
+    border: 1px solid #CCCCCC;
+    float: left;
+    margin: 0;
+    padding: 8px;
+    position: relative;
+    width: 94%;
+}
+#author_name {
+    float: left;
+    text-align:center;
+    width: 100%;
+    font-size: 11px;
+    color: #888;
+    margin-top: 2px;
+}
+
+#learning_path_toc {    
+    font-size:9pt;
+    margin:0;
+}
+
+#scorm_title {
+    background: none repeat scroll 0 0 #EEEEEE;
+    color: #444444;
+    font-size: 16px;
+    font-weight: bold;    
+    padding: 1px 5px 3px 8px;    
+}
+
+.progresstext {
+    text-align: center;
+}
+
+.inner_lp_toc {
+    overflow: auto;
+    background-color: white;
+    height: 210px;   
+}
+
+.inner_lp_toc .scorm_item a {
+    font-weight: bold;
+    font-size: 14px;
+    margin-right: 1px;
+    padding-bottom: 2px;
+    text-decoration: none;    
+    color: #2F3E46;    
+}
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
+}
+.inner_lp_toc .scorm_item_highlight {   
+    border: 1px solid #999;
+    background:#999;
+    font-weight:bold;    
+    text-shadow:0 -1px 1px #666;
+    background-image:-webkit-gradient(linear,left top,left bottom,from(#666),to(#999));
+    background-image:-webkit-linear-gradient(top,#666,#999);
+    background-image:-moz-linear-gradient(top,#666,#999);
+    background-image:-ms-linear-gradient(top,#666,#999);
+    background-image:-o-linear-gradient(top,#666,#999);
+    background-image:linear-gradient(top,#666,#999);    
+    margin-right: 0px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;  
+}
+
+.inner_lp_toc .scorm_item_highlight a {
+    color:#fff;
+    margin-right: 1px;
+    text-decoration: none;
+    font-weight: bold;
+}
+
+.inner_lp_toc .scorm_item_section {
+    border:1px solid #222;
+    background:#333;
+    font-weight:bold;
+    color:#fff;
+    text-shadow:0 -1px 1px #000;
+    background-image:-webkit-gradient(linear,left top,left bottom,from(#555),to(#333));
+    background-image:-webkit-linear-gradient(top,#555,#333);
+    background-image:-moz-linear-gradient(top,#555,#333);
+    background-image:-ms-linear-gradient(top,#555,#333);
+    background-image:-o-linear-gradient(top,#555,#333);
+    background-image:linear-gradient(top,#555,#333);    
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;  
+    
+}
+
+.inner_lp_toc .scorm_item {
+    font-size: 16px;
+    margin-left: 10px;
+    margin-right:10px;
+    text-decoration: none;
+    border-color: rgba(255, 255, 255, 0.3);  
+}
+
+.inner_lp_toc .scorm_item_1 {
+    border-bottom: 1px solid #CCCCCC;
+    background:#eee;
+    font-weight:bold;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
+    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
+    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
+    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
+    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
+    background-image:linear-gradient(top,#fdfdfd,#eee);    
+    margin-right: 1px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    font-weight: normal;
+    /* background:#FDFDFD; */   
+}
+
+.inner_lp_toc .scorm_item_2 {    
+    background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
+    background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
+    background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
+    background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
+    background-image:-o-linear-gradient(top,#fdfdfd,#eee);
+    background-image:linear-gradient(top,#fdfdfd,#eee);    
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    font-weight: bold;
+    text-shadow: 0 1px 1px #F6F6F6;
+    margin-right: 1px;  
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    font-weight: normal;
+}

+ 0 - 54
main/css/base_chamilo.css

@@ -186,56 +186,6 @@ a.invisible:link, a.invisible:visited {
     line-height: 0px;
     height: 0;
 }
-input.link_alike {
-    background-color: #FFFFFF;
-    border-width: 0px;
-    color: #4171b5;
-    font-weight: bold;
-    text-align: left;
-    padding: 0px;
-    margin: 0px;
-    -moz-border-radius-bottomleft:5px;
-    -moz-border-radius-bottomright:5px;
-    -moz-border-radius-topleft:5px;
-    -moz-border-radius-topright:5px;
-    border:1px solid #E1E1E0;
-}
-input.link_alike:hover {
-    background-color: #FFFFFF;
-    border-width: 0px;
-    color: #f3840d;
-    font-weight: bold;
-    text-align: left;
-    padding: 0px;
-    margin: 0px;
-    -moz-border-radius-bottomleft:5px;
-    -moz-border-radius-bottomright:5px;
-    -moz-border-radius-topleft:5px;
-    -moz-border-radius-topright:5px;
-    border:1px solid #E1E1E0;
-}
-
-
-
-/*****************************************************
- *  HEADER STYLES                                    *
- *****************************************************/
-#header {
-
-}
-/********************************************************
- *  HEADER 1: Title, portal, organisation, course title *
- ********************************************************/
-
-#header1 a {
-    font-size:12px;    
-    font-weight:normal;
-    color: #666666;
-    text-decoration: none;
-}
-#header1 a:hover {
-    text-decoration: underline;
-}
 #sitename {
     margin: 0;
 }
@@ -1809,10 +1759,6 @@ span.form_required  {
     cursor: pointer;
 }
 
-.progresstext {
-    text-align:center;
-}
-
 /* tips Abbr-plugin for FCKeditor */
 abbr {
       border-bottom: 1px dotted rgb(102, 102, 102);

+ 1 - 9
main/css/blue_lagoon/default.css

@@ -2055,19 +2055,11 @@ div.comments {
 /* actions */
 .actions_lp {
 	background:#F8F8F8;
-	height:29px;
-	padding-left: -17px;
-	margin: 5px 2px 1px 12px;
-	vertical-align:middle;
-	width: 90%;
+	height:29px;		
 }
 .actions_lp img {
 	vertical-align:middle;
 }
-.actions_lp a {
-	margin-right: 10px;
-	vertical-align:middle;
-}
 .actions_lp span {
 	margin-right: 10px;
 	vertical-align:middle;

+ 2 - 6
main/css/blue_lagoon/scorm.css

@@ -19,16 +19,12 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
 	margin-left: 10px;
-	margin-right:10px;
-	//it was 20px  padding-bottom: 2px;
-	text-decoration: none;
+	margin-right:10px;	
 }
 .inner_lp_toc .scorm_item A {
 	font-size: 11px;

+ 1 - 1
main/css/chamilo/default.css

@@ -60,7 +60,7 @@ a:active {
 /*****************************************************
  *  FOOTER STYLES                                    *
  *****************************************************/
-footer {
+footer {    
     background-color: #037fb2;
     background-image: url(images/bg-footer.gif);
     background-repeat:repeat-x;    

+ 12 - 26
main/css/chamilo/scorm.css

@@ -16,25 +16,23 @@
     width: 99%;
     border-right: 1px none;
 }
+
 .inner_lp_toc {
     overflow: auto;
     background-color: white;
-    height: 210px;
-    width: 94%;
-    border-left: 5px #FFF solid;
+    height: 210px;   
 }
 
 .inner_lp_toc .scorm_item a {
     font-weight: bold;
-/*    text-shadow: 0 1px 1px #F6F6F6; */
-    
     font-size: 14px;
     margin-right: 1px;
     padding-bottom: 2px;
     text-decoration: none;
-     font-family: Helvetica,Arial,sans-serif;
-     color: #2F3E46;    
+    font-family: Helvetica,Arial,sans-serif;
+    color: #2F3E46;    
 }
+
 .inner_lp_toc .scorm_item a.chapter_module {
     font-weight: normal;
     margin-right: 10px;
@@ -50,12 +48,12 @@
     background-image:-moz-linear-gradient(top,#72b0d4,#4b88b6);
     background-image:-ms-linear-gradient(top,#72b0d4,#4b88b6);
     background-image:-o-linear-gradient(top,#72b0d4,#4b88b6);
-    background-image:linear-gradient(top,#72b0d4,#4b88b6)
-    
-    margin-right: 1px;
+    background-image:linear-gradient(top,#72b0d4,#4b88b6);    
+    margin-right: 0px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;  
 }
+
 .inner_lp_toc .scorm_item_highlight a {
     color:#fff;
     margin-right: 1px;
@@ -76,7 +74,7 @@
     background-image:-o-linear-gradient(top,#555,#333);
     background-image:linear-gradient(top,#555,#333);
     
-       margin-right: 1px;
+    margin-right: 1px;
     padding: 10px 0px 10px 0px;
     text-decoration: none;  
     
@@ -110,27 +108,23 @@
     /* background:#FDFDFD; */   
 }
 
-.inner_lp_toc .scorm_item_2 {
-    
+.inner_lp_toc .scorm_item_2 {    
     background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#eee));
     background-image:-webkit-linear-gradient(top,#fdfdfd,#eee);
     background-image:-moz-linear-gradient(top,#fdfdfd,#eee);
     background-image:-ms-linear-gradient(top,#fdfdfd,#eee);
     background-image:-o-linear-gradient(top,#fdfdfd,#eee);
-    background-image:linear-gradient(top,#fdfdfd,#eee);
-    
+    background-image:linear-gradient(top,#fdfdfd,#eee);    
     border-bottom: 1px solid #CCCCCC;
     color: #444444;
     font-weight: bold;
     text-shadow: 0 1px 1px #F6F6F6;
-   
-   
     margin-right: 1px;  
     padding: 10px 0px 10px 0px;
     text-decoration: none;
     font-weight: normal;
-
 }
+
 .inner_lp_toc .scorm_title {
     font-weight: bold;
     background:#ccc;
@@ -164,8 +158,6 @@
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
     margin-top: -20px;
-//  margin-left: 40%;
-//em  font-size: normal;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
@@ -206,12 +198,6 @@
 #image_preview {
     padding-left: 17px;
 }
-#author_name {
-    padding-left: 5px;
-    padding-top: 5px;
-    font-size: 11px;
-    color:#888;
-}
 #msg_div_id {
     padding-left: 17px;
     padding-top: 4px;

+ 1 - 5
main/css/chamilo_electric_blue/scorm.css

@@ -19,16 +19,12 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
 	margin-left: 10px;
 	margin-right:10px;
-//cambiado era 20  padding-bottom: 2px;
-	text-decoration: none;
 }
 .inner_lp_toc .scorm_item A {
 	font-size: 11px;

+ 1 - 5
main/css/chamilo_green/scorm.css

@@ -19,16 +19,12 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
 	margin-left: 10px;
 	margin-right:10px;
-//cambiado era 20  padding-bottom: 2px;
-	text-decoration: none;
 }
 .inner_lp_toc .scorm_item A {
 	font-size: 11px;

+ 1 - 4
main/css/chamilo_orange/scorm.css

@@ -19,15 +19,12 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
 	margin-left: 10px;
 	margin-right:10px;
-//cambiado era 20  padding-bottom: 2px;
 	text-decoration: none;
 }
 .inner_lp_toc .scorm_item A {

+ 0 - 3
main/css/chamilo_red/scorm.css

@@ -20,14 +20,11 @@
 	overflow: auto;
 	background-color: white;
 	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
 	margin-left: 10px;
 	margin-right:10px;
-//cambiado era 20  padding-bottom: 2px;
 	text-decoration: none;
 }
 .inner_lp_toc .scorm_item A {

+ 2 - 9
main/css/chamilo_sport_red/scorm.css

@@ -19,15 +19,12 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
 	margin-left: 10px;
 	margin-right:10px;
-//cambiado era 20  padding-bottom: 2px;
 	text-decoration: none;
 }
 .inner_lp_toc .scorm_item A {
@@ -79,8 +76,6 @@
 }
 .inner_lp_toc .scorm_title_text {
 	margin-left: 10px;
- //padding: 2px;
- //cambiado no existe
 }
 .inner_lp_toc .scorm_status_img {
 	margin:0px;
@@ -105,9 +100,7 @@
 }
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -20px;
-	//margin-left: 40%;
-//em  font-size: normal;
+	margin-top: -20px;	
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {

+ 1 - 9
main/css/cool_blue/default.css

@@ -2003,19 +2003,11 @@ div.comments {
 /* actions */
 .actions_lp {
 	background:#F8F8F8;
-	height:29px;
-	padding-left: -17px;
-	margin: 5px 2px 1px 12px;
-	vertical-align:middle;
-	width: 90%;
+	height:29px;	
 }
 .actions_lp img {
 	vertical-align:middle;
 }
-.actions_lp a {
-	margin-right: 10px;
-	vertical-align:middle;
-}
 .actions_lp span {
 	margin-right: 10px;
 	vertical-align:middle;

+ 1 - 5
main/css/cool_blue/scorm.css

@@ -19,15 +19,12 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
 	margin-left: 10px;
 	margin-right:10px;
-//cambiado era 20  padding-bottom: 2px;
 	text-decoration: none;
 }
 .inner_lp_toc .scorm_item A {
@@ -107,7 +104,6 @@
 .lp_navigation_elem .progresstext {
 	margin-top: -20px;
 	margin-left: 40%;
-//em  font-size: normal;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {

+ 1 - 9
main/css/corporate/default.css

@@ -415,19 +415,11 @@ ul#navigation .help a{
 /* actions */
 .actions_lp {
 	background:#F8F8F8;
-	height:29px;
-	padding-left: -17px;
-	margin: 5px 2px 1px 12px;
-	vertical-align:middle;
-	width: 90%;
+	height:29px;	
 }
 .actions_lp img {
 	vertical-align:middle;
 }
-.actions_lp a {
-	margin-right: 10px;
-	vertical-align:middle;
-}
 .actions_lp span {
 	margin-right: 10px;
 	vertical-align:middle;

+ 1 - 3
main/css/corporate/scorm.css

@@ -19,9 +19,7 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;

+ 1 - 9
main/css/cosmic_campus/default.css

@@ -352,19 +352,11 @@ form span.form_error {
 /* actions */
 .actions_lp {
 	background:#F8F8F8;
-	height:29px;
-	padding-left: -17px;
-	margin: 5px 2px 1px 12px;
-	vertical-align:middle;
-	width: 90%;
+	height:29px;			
 }
 .actions_lp img {
 	vertical-align:middle;
 }
-.actions_lp a {
-	margin-right: 10px;
-	vertical-align:middle;
-}
 .actions_lp span {
 	margin-right: 10px;
 	vertical-align:middle;

+ 1 - 3
main/css/cosmic_campus/scorm.css

@@ -19,9 +19,7 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;

+ 1 - 11
main/css/delicious_bordeaux/default.css

@@ -16,8 +16,6 @@ body {
 	background-color: #fff;
 	height: 100%; /* stick */
 }
-
-
 /*
 -----------------------------------------------------------------------------
 Side-Menu Slider (JQuery) see banner.inc.php
@@ -2017,19 +2015,11 @@ div.comments {
 /* actions */
 .actions_lp {
 	background:#F8F8F8;
-	height:29px;
-	padding-left: -17px;
-	margin: 5px 2px 1px 12px;
-	vertical-align:middle;
-	width: 90%;
+	height:29px;	
 }
 .actions_lp img {
 	vertical-align:middle;
 }
-.actions_lp a {
-	margin-right: 10px;
-	vertical-align:middle;
-}
 .actions_lp span {
 	margin-right: 10px;
 	vertical-align:middle;

+ 2 - 8
main/css/delicious_bordeaux/scorm.css

@@ -19,15 +19,12 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
 	margin-left: 10px;
 	margin-right:10px;
-//cambiado era 20  padding-bottom: 2px;
 	text-decoration: none;
 }
 .inner_lp_toc .scorm_item A {
@@ -78,9 +75,7 @@
 	color: #444;
 }
 .inner_lp_toc .scorm_title_text {
-	margin-left: 10px;
- //padding: 2px;
- //cambiado no existe
+	margin-left: 10px; 
 }
 .inner_lp_toc .scorm_status_img {
 	margin:0px;
@@ -107,7 +102,6 @@
 .lp_navigation_elem .progresstext {
 	margin-top: -20px;
 	margin-left: 40%;
-//em  font-size: normal;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {

+ 1 - 9
main/css/dokeos_blue/default.css

@@ -2025,19 +2025,11 @@ div.comments {
 /* actions */
 .actions_lp {
 	background:#F8F8F8;
-	height:29px;
-	padding-left: -17px;
-	margin: 5px 2px 1px 12px;
-	vertical-align:middle;
-	width: 90%;
+	height:29px;	
 }
 .actions_lp img {
 	vertical-align:middle;
 }
-.actions_lp a {
-	margin-right: 10px;
-	vertical-align:middle;
-}
 .actions_lp span {
 	margin-right: 10px;
 	vertical-align:middle;

+ 1 - 5
main/css/dokeos_blue/scorm.css

@@ -19,15 +19,12 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
 	margin-left: 10px;
 	margin-right:10px;
-//cambiado era 20  padding-bottom: 2px;
 	text-decoration: none;
 }
 .inner_lp_toc .scorm_item A {
@@ -107,7 +104,6 @@
 .lp_navigation_elem .progresstext {
 	margin-top: -20px;
 	margin-left: 40%;
-//em  font-size: normal;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {

+ 2 - 12
main/css/dokeos_classic/default.css

@@ -1897,22 +1897,12 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 }
 /* actions */
 .actions_lp {
-	background:#F8F8F8;
- //border-bottom:1px solid #999999;
- //border-top:1px solid #999999;
-	height:29px;
-	padding-left: -17px;
-	margin: 5px 2px 1px 12px;
-	vertical-align:middle;
-	width: 90%;
+	background:#F8F8F8; 
+	height:29px;	
 }
 .actions_lp img {
 	vertical-align:middle;
 }
-.actions_lp a {
-	margin-right: 10px;
-	vertical-align:middle;
-}
 .actions_lp span {
 	margin-right: 10px;
 	vertical-align:middle;

+ 1 - 4
main/css/dokeos_classic/scorm.css

@@ -19,9 +19,7 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
@@ -105,7 +103,6 @@
 .lp_navigation_elem .progresstext {
 	margin-top: -20px;
 	margin-left: 40%;
-//em  font-size: normal;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {

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

@@ -2017,21 +2017,11 @@ input.forms	{
 /* actions */
 .actions_lp {
 	background:#F8F8F8;
-	/*border-bottom:1px solid #999999; */
-	/*border-top:1px solid #999999; */
-	height:29px;
-	padding-left: -17px;
-	margin: 5px 2px 1px 12px;
-	vertical-align:middle;
-	width: 90%;
+	height:29px;	
 }
 .actions_lp img {
 	vertical-align:middle;
 }
-.actions_lp a {
-	margin-right: 10px;
-	vertical-align:middle;
-}
 .actions_lp span {
 	margin-right: 10px;
 	vertical-align:middle;

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

@@ -19,9 +19,7 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;

+ 1 - 9
main/css/empire_green/default.css

@@ -2013,19 +2013,11 @@ div.comments {
 /* actions */
 .actions_lp {
 	background:#F8F8F8;
-	height:29px;
-	padding-left: -17px;
-	margin: 5px 2px 1px 12px;
-	vertical-align:middle;
-	width: 90%;
+	height:29px;	
 }
 .actions_lp img {
 	vertical-align:middle;
 }
-.actions_lp a {
-	margin-right: 10px;
-	vertical-align:middle;
-}
 .actions_lp span {
 	margin-right: 10px;
 	vertical-align:middle;

+ 2 - 8
main/css/empire_green/scorm.css

@@ -19,15 +19,12 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
 	margin-left: 10px;
 	margin-right:10px;
-//cambiado era 20  padding-bottom: 2px;
 	text-decoration: none;
 }
 .inner_lp_toc .scorm_item A {
@@ -79,9 +76,7 @@
 }
 .inner_lp_toc .scorm_title_text {
 	margin-left: 10px;
- //padding: 2px;
- //cambiado no existe
-}
+ }
 .inner_lp_toc .scorm_status_img {
 	margin:0px;
 	margin-left: -10px;
@@ -107,7 +102,6 @@
 .lp_navigation_elem .progresstext {
 	margin-top: -20px;
 	margin-left: 40%;
-//em  font-size: normal;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {

+ 1 - 9
main/css/fruity_orange/default.css

@@ -2021,19 +2021,11 @@ div.comments {
 /* actions */
 .actions_lp {
 	background:#F8F8F8;
-	height:29px;
-	padding-left: -17px;
-	margin: 5px 2px 1px 12px;
-	vertical-align:middle;
-	width: 90%;
+	height:29px;	
 }
 .actions_lp img {
 	vertical-align:middle;
 }
-.actions_lp a {
-	margin-right: 10px;
-	vertical-align:middle;
-}
 .actions_lp span {
 	margin-right: 10px;
 	vertical-align:middle;

+ 1 - 5
main/css/fruity_orange/scorm.css

@@ -19,15 +19,12 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
 	margin-left: 10px;
 	margin-right:10px;
-//cambiado era 20  padding-bottom: 2px;
 	text-decoration: none;
 }
 .inner_lp_toc .scorm_item A {
@@ -107,7 +104,6 @@
 .lp_navigation_elem .progresstext {
 	margin-top: -20px;
 	margin-left: 40%;
-//em  font-size: normal;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {

+ 1 - 5
main/css/medical/default.css

@@ -1970,11 +1970,7 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 /* actions */
 .actions_lp {
 	background:#F8F8F8;
-	height:29px;
-	padding-left: -17px;
-	margin: 5px 2px 1px 12px;
-	vertical-align:middle;
-	width: 90%;
+	height:29px;	
 }
 .actions_lp img {
 	vertical-align:middle;

+ 0 - 2
main/css/medical/scorm.css

@@ -20,8 +20,6 @@
 	overflow: auto;
 	background-color: white;
 	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;

+ 1 - 9
main/css/public_admin/default.css

@@ -1746,19 +1746,11 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 /* actions */
 .actions_lp {
     background:#F8F8F8;
-    height:29px;
-    padding-left: -17px;
-    margin: 5px 2px 1px 12px;
-    vertical-align:middle;
-    width: 90%;
+    height:29px;    
 }
 .actions_lp img {
     vertical-align:middle;
 }
-.actions_lp a {
-    margin-right: 10px;
-    vertical-align:middle;
-}
 .actions_lp span {
     margin-right: 10px;
     vertical-align:middle;

+ 0 - 4
main/css/public_admin/scorm.css

@@ -20,14 +20,11 @@
 	overflow: auto;
 	background-color: white;
 	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
 	margin-left: 10px;
 	margin-right:10px;
-//cambiado era 20  padding-bottom: 2px;
 	text-decoration: none;
 }
 .inner_lp_toc .scorm_item A {
@@ -102,7 +99,6 @@
 .lp_navigation_elem .progresstext {
 	margin-top: -20px;
 	margin-left: 40%;
-//em  font-size: normal;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {

+ 1 - 9
main/css/royal_purple/default.css

@@ -1973,19 +1973,11 @@ div.comments {
 /* actions */
 .actions_lp {
 	background:#F8F8F8;
-	height:29px;
-	padding-left: -17px;
-	margin: 5px 2px 1px 12px;
-	vertical-align:middle;
-	width: 90%;
+	height:29px;	
 }
 .actions_lp img {
 	vertical-align:middle;
 }
-.actions_lp a {
-	margin-right: 10px;
-	vertical-align:middle;
-}
 .actions_lp span {
 	margin-right: 10px;
 	vertical-align:middle;

+ 1 - 5
main/css/royal_purple/scorm.css

@@ -19,15 +19,12 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
 	margin-left: 10px;
 	margin-right:10px;
-//cambiado era 20  padding-bottom: 2px;
 	text-decoration: none;
 }
 .inner_lp_toc .scorm_item A {
@@ -107,7 +104,6 @@
 .lp_navigation_elem .progresstext {
 	margin-top: -20px;
 	margin-left: 40%;
-//em  font-size: normal;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {

+ 1 - 10
main/css/silver_line/default.css

@@ -1467,20 +1467,11 @@ div.system_announcement {
 /* actions */
 .actions_lp {
     background:#F8F8F8;
-    height:29px;
-    padding-left: -17px;
-    margin-bottom: 1px;
-    vertical-align:middle;
-    width: 90%;
-    margin-left:17px;
+    height:29px;    
 }
 .actions_lp img {
     vertical-align:middle;
 }
-.actions_lp a {
-    margin-right: 10px;
-    vertical-align:middle;
-}
 .actions_lp span {
     margin-right: 10px;
     vertical-align:middle;

+ 1 - 3
main/css/silver_line/scorm.css

@@ -19,9 +19,7 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;

+ 1 - 11
main/css/sober_brown/default.css

@@ -1686,21 +1686,11 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 /* actions */
 .actions_lp {
     background:#F8F8F8;
- //border-bottom:1px solid #999999;
- //border-top:1px solid #999999;
-    height:29px;
-    padding-left: -17px;
-    margin: 5px 2px 1px 12px;
-    vertical-align:middle;
-    width: 90%;
+    height:29px; 
 }
 .actions_lp img {
     vertical-align:middle;
 }
-.actions_lp a {
-    margin-right: 10px;
-    vertical-align:middle;
-}
 .actions_lp span {
     margin-right: 10px;
     vertical-align:middle;

+ 1 - 3
main/css/sober_brown/scorm.css

@@ -19,9 +19,7 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;

+ 1 - 9
main/css/tasty_olive/default.css

@@ -1946,19 +1946,11 @@ div.comments {
 /* actions */
 .actions_lp {
 	background:#F8F8F8;
-	height:29px;
-	padding-left: -17px;
-	margin: 5px 2px 1px 12px;
-	vertical-align:middle;
-	width: 90%;
+	height:29px;		
 }
 .actions_lp img {
 	vertical-align:middle;
 }
-.actions_lp a {
-	margin-right: 10px;
-	vertical-align:middle;
-}
 .actions_lp span {
 	margin-right: 10px;
 	vertical-align:middle;

+ 1 - 5
main/css/tasty_olive/scorm.css

@@ -19,15 +19,12 @@
 .inner_lp_toc {
 	overflow: auto;
 	background-color: white;
-	height: 210px;
-	width: 94%;
-	border-left: 10px #FFF solid;
+	height: 210px;	
 }
 .inner_lp_toc .scorm_item {
 	font-size: 11px;
 	margin-left: 10px;
 	margin-right:10px;
-//cambiado era 20 padding-bottom: 2px;
 	text-decoration: none;
 }
 .inner_lp_toc .scorm_item A {
@@ -107,7 +104,6 @@
 .lp_navigation_elem .progresstext {
 	margin-top: -20px;
 	margin-left: 40%;
-//em font-size: normal;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {

+ 1 - 1
main/newscorm/learnpath.class.php

@@ -2678,7 +2678,7 @@ class learnpath {
         //echo $this->current;
         //$parent = $this->items[$this->current]->get_parent();
         //if (empty($parent)) { $parent = $this->ordered_items[$this->items[$this->current]->get_previous_index()]; }
-        $html = '<div id="scorm_title" class="scorm_title"><div class="scorm_title_text">' . Security::remove_XSS($this->get_name()) . '</div></div>';
+        $html = '<div id="scorm_title" class="scorm_title">' . Security::remove_XSS($this->get_name()) . '</div>';
         // Build, display.
         if ($is_allowed_to_edit) {
             $gradebook = Security :: remove_XSS($_GET['gradebook']);

+ 82 - 94
main/newscorm/lp_view.php

@@ -313,109 +313,97 @@ if (Database::num_rows($res_media) > 0) {
                 
 ?>
 
-<div id="learning_path_left_zone" style="float:left;width:280px;height:100%<?php echo $display_none;?>">
+<div id="learning_path_left_zone" style="<?php echo $display_none;?>">
     <!-- header -->
-    <div id="header">
-        <div id="learning_path_header" style="font-size:14px;">
-            <table>
-                <tr>
-                    <td>
-                        <a href="lp_controller.php?action=return_to_course_homepage&<?php echo api_get_cidreq(); ?>" target="_self" onclick="javascript: window.parent.API.save_asset();">
-                            <img src="../img/lp_arrow.gif" />
-                        </a>
-                    </td>
-                    <td>
-                        <a class="link" href="lp_controller.php?action=return_to_course_homepage&<?php echo api_get_cidreq(); ?>" target="_self" onclick="javascript: window.parent.API.save_asset();">
-                        <?php echo get_lang('CourseHomepageLink'); ?></a>
-                    </td>
-                </tr>
-            </table>
-        </div>
+            
+    <div id="header">        
+        <table>
+            <tr>
+                <td>
+                    <a href="lp_controller.php?action=return_to_course_homepage&<?php echo api_get_cidreq(); ?>" target="_self" onclick="javascript: window.parent.API.save_asset();">
+                        <img src="../img/lp_arrow.gif" />
+                    </a>
+                </td>
+                <td>
+                    <a class="link" href="lp_controller.php?action=return_to_course_homepage&<?php echo api_get_cidreq(); ?>" target="_self" onclick="javascript: window.parent.API.save_asset();">
+                    <?php echo get_lang('CourseHomepageLink'); ?></a>
+                </td>
+            </tr>
+        </table>
     </div>
-        <!-- end header -->
-
-        <!-- Image preview Layout -->
-        <!-- hub 26-50-2010 for lp toc height
-        <div id="author_image" name="author_image" class="lp_author_image" style="height:23%; width:100%;margin-left:5px;">
-        -->
-        <div id="author_image" name="author_image" class="row">        
-            <div class="span3">
-                <div class="well_border">
-                    <div class="row">                         
-                        <div class="span1">                        
-                            <?php
-                            if ($_SESSION['oLP']->get_preview_image()!='') {
-                                $picture = getimagesize(api_get_path(SYS_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image());
-                                if($picture['1'] < 96) { $style = ' style="padding-top:'.((94 -$picture['1'])/2).'px;" '; }
-                                $size = ($picture['0'] > 104 && $picture['1'] > 96 )? ' width="104" height="96" ': $style;
-                                $my_path = api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image();
-                                echo '<img src="'.$my_path.'">';
-                            } else {
-                                echo Display :: display_icon('unknown_250_100.jpg');
-                            }
-                            ?>                              
-                        </div>
-                        <div id="lp_navigation_elem" class="span2">                          
-                                    <?php echo $navigation_bar; ?>
-                                    <div id="progress_bar">
-                                        <?php echo $progress_bar; ?>
-                                    </div>    
-                                   
-                        </div>
-                    </div>
-                </div>
-            </div>
-       </div>       
-        
-       <!-- end image preview Layout -->
-        <div id="author_name" style="position:relative;top:2px;left:0px;margin:0;padding:0;text-align:center;width:100%">
-            <?php echo $_SESSION['oLP']->get_author(); ?>
-        </div>
 
-        <!-- media player layaout -->
-        <?php $style_media = (($show_audioplayer) ? ' style= "position:relative;top:10px;left:10px;margin:8px;font-size:32pt;height:20px;"' : 'style="height:15px"'); ?>
-        <div id="media"  <?php echo $style_media; ?>>
-            <?php echo (!empty($mediaplayer)) ? $mediaplayer : '&nbsp;' ?>
+    <!-- end header -->
+    
+    <!-- Author image preview -->        
+    <div id="author_image">   
+        <div id="author_icon">                        
+            <?php
+            if ($_SESSION['oLP']->get_preview_image()!='') {
+                $picture = getimagesize(api_get_path(SYS_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image());
+                if($picture['1'] < 96) { $style = ' style="padding-top:'.((94 -$picture['1'])/2).'px;" '; }
+                $size = ($picture['0'] > 104 && $picture['1'] > 96 )? ' width="104" height="96" ': $style;
+                $my_path = api_get_path(WEB_COURSE_PATH).api_get_course_path().'/upload/learning_path/images/'.$_SESSION['oLP']->get_preview_image();
+                echo '<img src="'.$my_path.'">';
+            } else {
+                echo Display :: display_icon('unknown_250_100.jpg');
+            }
+            ?>                              
         </div>
-        <!-- end media player layout -->
-
-        <!-- TOC layout -->
-        <!-- hub 26-05-2010 remove height for lp toc height resizable
-        <div id="toc_id" name="toc_name"  style="overflow: auto; padding:0;margin-top:20px;height:60%;width:100%">
-        -->
-        <div id="toc_id" name="toc_name"  style="overflow: auto; padding:0;margin-top:20px;width:100%">
-            <div id="learning_path_toc" style="font-size:9pt;margin:0;">
-                <?php echo $_SESSION['oLP']->get_html_toc(); ?>
-
-                <?php  if (!empty($_SESSION['oLP']->scorm_debug)) { //only show log  ?>
-                <!-- log message layout -->
-                <div id="lp_log_name" name="lp_log_name" class="lp_log" style="height:150px;overflow:auto;margin:4px">
-                    <div id="log_content"></div>
-                    <div id="log_content_cleaner" style="color: white;">.</div>
-                </div>
-                <!-- end log message layout -->
-                <?php } ?>
-            </div>
+        <div id="lp_navigation_elem">                          
+            <?php echo $navigation_bar; ?>
+            <div id="progress_bar">
+                <?php echo $progress_bar; ?>
+            </div>    
         </div>
-        <!-- end TOC layout -->
     </div>
-    <!-- end left Zone -->
-
-    <!-- right Zone -->
-    <div id="learning_path_right_zone" style="margin-left:<?php echo $margin_left;?>;height:100%">
-    <?php
+    <!-- end image preview Layout -->
     
-        // hub 26-05-2010 Fullscreen or not fullscreen
-        if ($_SESSION['oLP']->mode == 'fullscreen') {
-            echo '<iframe id="content_id_blank" name="content_name_blank" src="blank.php" border="0" frameborder="0" style="width:100%;height:600px" ></iframe>';
-        } else {            
-            echo '<iframe id="content_id" name="content_name" src="'.$src.'" border="0" frameborder="0" style="width:100%;height:600px"></iframe>';
-        }
-    ?>
+    <div id="author_name">
+        <?php echo $_SESSION['oLP']->get_author(); ?>
+    </div>
+
+    <!-- media player layout -->
+    <?php $style_media = (($show_audioplayer) ? ' style= "position:relative;top:10px;left:10px;margin:8px;font-size:32pt;height:20px;"' : 'style="height:15px"'); ?>
+    <div id="media"  <?php echo $style_media; ?>>
+        <?php echo (!empty($mediaplayer)) ? $mediaplayer : '&nbsp;' ?>
+    </div>
+    <!-- end media player layout -->
+
+    <!-- TOC layout -->        
+    <div id="toc_id" name="toc_name"  style="overflow: auto; padding:0;margin-top:20px;width:100%">
+        <div id="learning_path_toc">
+            <?php echo $_SESSION['oLP']->get_html_toc(); ?>
+
+            <?php  if (!empty($_SESSION['oLP']->scorm_debug)) { //only show log  ?>
+            <!-- log message layout -->
+            <div id="lp_log_name" name="lp_log_name" class="lp_log" style="height:150px;overflow:auto;margin:4px">
+                <div id="log_content"></div>
+                <div id="log_content_cleaner" style="color: white;">.</div>
+            </div>
+            <!-- end log message layout -->
+            <?php } ?>
+        </div>
     </div>
-    <!-- end right Zone -->
+    <!-- end TOC layout -->        
+</div>
+<!-- end left Zone -->
+
+
+<!-- right Zone -->
+<div id="learning_path_right_zone" style="margin-left:<?php echo $margin_left;?>;height:100%">
+<?php
+    // hub 26-05-2010 Fullscreen or not fullscreen
+    if ($_SESSION['oLP']->mode == 'fullscreen') {
+        echo '<iframe id="content_id_blank" name="content_name_blank" src="blank.php" border="0" frameborder="0" style="width:100%;height:600px" ></iframe>';
+    } else {            
+        echo '<iframe id="content_id" name="content_name" src="'.$src.'" border="0" frameborder="0" style="width:100%;height:600px"></iframe>';
+    }
+?>
+</div>
+<!-- end right Zone -->
 </div>
-<script language="javascript" type="text/javascript">
+
+<script>
     // Resize right and left pane to full height (HUB 20-05-2010).
     function updateContentHeight() {
         document.body.style.overflow = 'hidden';