merged changes by @aragonc for better responsive design

11 years ago · 355b7565ce
parent 5f8c188891 cc7ecdbf03
commit 355b7565ce
572 changed files with 13412 additions and 16260 deletions
--- a/home/home_menu.html
+++ b/home/home_menu.html
@ -1 +1 @@
-<li><a href="http://www.chamilo.org/forum" target="_self">Forum</a></li>
+<li class="forum-btn"><a href="http://www.chamilo.org/forum" target="_self">Forum</a></li>
--- a/main/css/academica/default.css
+++ b/main/css/academica/default.css
--- a/main/css/academica/frames.css
+++ b/main/css/academica/frames.css
@ -55,92 +55,12 @@ img {
 	float: right;
 	font-weight: bold;
 }
-/* Header 2: Containing My Courses, My Profile,... */
-#header2 {
-	font-size: 12px;
-	padding: 4px;
-	background-color: #4271B5;
-	color: #fff;
-	border-bottom: 1px solid white;
-}
-#header2 .banner_links {
-	margin: 0;
-}
-#header2 a {
-	text-decoration: none;
-	color: #fff;
-	background: transparent;
-	font-weight:normal;
-	font-size: 12px;
-}
-#header2 input.logout {
-	/* makes an input appear like a link in this header */
-	margin: 0;
-	padding: 0;
-	background-color: transparent;
-	border: none;
-	color: #fff;
-	font-size: 12px;
-	font-weight:normal;
-	font-family: verdana, arial, helvetica, sans-serif;
-}
-#header2 a:hover, #header2 input.logout:hover {
-	border-bottom: 1px solid #fff;
-}
 #logout {
 	float: right;
 	width:20%;
 	text-align:right;
 }
-/* Header 3: Containing breadcrumbs, online users, student/teacher view, help */
-#header3 {
-	position: relative; /* to avoid the IE peekabo bug*/
-	font-size: 12px;
-	font-weight: normal;
-	padding: 4px;
-	background-color: #90AFDD;
-	color: #fff;
-	border-bottom: 1px solid white;
-}
-#header3 a {
-	color: #ffffff;
-	text-decoration: none;
-	font-weight:normal;
-}
-#header3 a:hover {
-	text-decoration: underline;
-}
-/* Header3Right: online users, student/teacher view, help */
-#Header3Right ul {
-	position: relative; /* to avoid the IE peekabo bug*/
-	float: right;
-	width: 50%;
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	text-align: right;
-}
-#Header3Right ul li {
-	display: inline;
-}
-#Header3Right ul li a {
-	padding: 4px 6px 4px 4px;
-	color:#fff;
-}
-/* Header 4: not used */
-#header4 {
-	background-color: #fff;
-	color: #009;
-	padding: 4px;
-	margin-bottom: 2px;
-}
-#header4 a {
-	color: #4171b5;
-}
-#header4 a:hover {
-	text-decoration: none;
-	color: #f00;
-}
+
 /* The tool shortcuts */
 #toolshortcuts {
 	text-align: right;
--- a/main/css/academica/images/alert.jpg
+++ b/main/css/academica/images/alert.jpg
--- a/main/css/academica/images/bar_1.gif
+++ b/main/css/academica/images/bar_1.gif
--- a/main/css/academica/images/bar_1m.gif
+++ b/main/css/academica/images/bar_1m.gif
--- a/main/css/academica/images/bar_1r.gif
+++ b/main/css/academica/images/bar_1r.gif
--- a/main/css/academica/images/bar_1u.gif
+++ b/main/css/academica/images/bar_1u.gif
--- a/main/css/academica/images/bg-button.gif
+++ b/main/css/academica/images/bg-button.gif
--- a/main/css/academica/images/bg-header.jpg
+++ b/main/css/academica/images/bg-header.jpg
--- a/main/css/academica/images/bg-main.png
+++ b/main/css/academica/images/bg-main.png
--- a/main/css/academica/images/bg.jpg
+++ b/main/css/academica/images/bg.jpg
--- a/main/css/academica/images/bglogin.jpg
+++ b/main/css/academica/images/bglogin.jpg
--- a/main/css/academica/images/bgloginconf.jpg
+++ b/main/css/academica/images/bgloginconf.jpg
--- a/main/css/academica/images/blue_arrow.png
+++ b/main/css/academica/images/blue_arrow.png
--- a/main/css/academica/images/bullet.gif
+++ b/main/css/academica/images/bullet.gif
--- a/main/css/academica/images/button_back.jpg
+++ b/main/css/academica/images/button_back.jpg
--- a/main/css/academica/images/button_plus.gif
+++ b/main/css/academica/images/button_plus.gif
--- a/main/css/academica/images/chamilo-welcome.png
+++ b/main/css/academica/images/chamilo-welcome.png
--- a/main/css/academica/images/crystal3.gif
+++ b/main/css/academica/images/crystal3.gif
--- a/main/css/academica/images/crystal3.png
+++ b/main/css/academica/images/crystal3.png
--- a/main/css/academica/images/crystal5.png
+++ b/main/css/academica/images/crystal5.png
--- a/main/css/academica/images/divider.jpg
+++ b/main/css/academica/images/divider.jpg
--- a/main/css/academica/images/divider2.jpg
+++ b/main/css/academica/images/divider2.jpg
--- a/main/css/academica/images/dropbox.jpg
+++ b/main/css/academica/images/dropbox.jpg
--- a/main/css/academica/images/header-logo.png
+++ b/main/css/academica/images/header-logo.png
--- a/main/css/academica/images/headerform.jpg
+++ b/main/css/academica/images/headerform.jpg
--- a/main/css/academica/images/icon-chamilo.png
+++ b/main/css/academica/images/icon-chamilo.png
--- a/main/css/academica/images/index.html
+++ b/main/css/academica/images/index.html
@ -1,6 +0,0 @@
-<html>
-<head>
-</head>
-<body>
-</body>
-</html>
--- a/main/css/academica/images/line.jpg
+++ b/main/css/academica/images/line.jpg
--- a/main/css/academica/images/loading2.gif
+++ b/main/css/academica/images/loading2.gif
--- a/main/css/academica/images/shadow.gif
+++ b/main/css/academica/images/shadow.gif
--- a/main/css/academica/images/shadowheader.jpg
+++ b/main/css/academica/images/shadowheader.jpg
--- a/main/css/academica/images/sprite-icon-social.png
+++ b/main/css/academica/images/sprite-icon-social.png
--- a/main/css/academica/images/sprite-icon.png
+++ b/main/css/academica/images/sprite-icon.png
--- a/main/css/academica/images/start-level.png
+++ b/main/css/academica/images/start-level.png
--- a/main/css/academica/images/systemenouvelles.jpg
+++ b/main/css/academica/images/systemenouvelles.jpg
--- a/main/css/academica/images/tab.png
+++ b/main/css/academica/images/tab.png
--- a/main/css/academica/images/thindivider.jpg
+++ b/main/css/academica/images/thindivider.jpg
--- a/main/css/academica/images/tinydivider.jpg
+++ b/main/css/academica/images/tinydivider.jpg
--- a/main/css/academica/images/vertdivider.jpg
+++ b/main/css/academica/images/vertdivider.jpg
--- a/main/css/academica/images/vineta.png
+++ b/main/css/academica/images/vineta.png
--- a/main/css/academica/images/white_arrow.png
+++ b/main/css/academica/images/white_arrow.png
--- a/main/css/academica/learnpath.css
+++ b/main/css/academica/learnpath.css
@ -1,3 +1,16 @@
+div.text {
+	margin-left : 6;
+	margin-right : 6;
+	margin-top : 5;
+	margin-bottom : 5;
+	text-align : justify;
+}
+span.messagesmall {
+	font-style : italic;
+	color : Red;
+}
+/* newscorm/learnpath */ 
+
 div.lp_actions {
 	background:#F8F8F8;
 	border-bottom:1px solid #999999;
@ -67,7 +80,7 @@ div.lp_tree {
 	height:100%;
 	padding:3px 10px 3px 0;
 	overflow-x : auto;
-	overflow-y : scroll;
+	overflow-y : auto;
 	width:190px;
 }
 hr {
@ -108,7 +121,8 @@ table.lp_build td {
 	vertical-align:top;
 }
 table.lp_build td.tree {
-	border-right:1px solid #999999;
+	/* border-right:1px solid #999999;*/
+	padding-right: 5px;
 	width:205px;
 }
 table.lp_build td.workspace {
@ -146,12 +160,12 @@ table.lp_overview th.exercise {
 	width:50px;
 }
 table.lp_form input, table.lp_form select, table.lp_form textarea {
-	background:#F8F8F8;
+/*	background:#F8F8F8;
 	border:1px solid #999999;
 	font-family:Arial, Verdana, Helvetica, sans-serif;
 	font-size:12px;
 	padding:1px 2px;
-	width:300px;
+	width:300px;*/
 }
 table.lp_form td.radio input, table.lp_form td.exercise input {
 	width:auto;
@ -160,7 +174,7 @@ table.lp_form .small_form {
 	background:#FFFFFF;
 }
 table.lp_form select {
-	padding:0;
+/*	padding:0;*/
 }
 table.lp_form input.button {
 	width:75px;
--- a/main/css/academica/print.css
+++ b/main/css/academica/print.css
@ -763,9 +763,10 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 	padding: 5px;
 }
 .data_table th {
-	padding-right: 20px;
+	/*padding-right: 20px;*/
 	border: 1px solid gray;
 	background-color: #E5EDF9;
+	text-align: left;
 }
 .data_table tr.row_odd {
 	background-color: #fafafa;	
@ -776,13 +777,38 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 .data_table tr.row_even {
 	background-color: #fff;	
 }
+.data_table td .highlight {
+    font-weight: bold;
+}
 .data_table td {
 	padding: 5px;	
-	vertical-align: top;
 	border-bottom: 1px solid #b0b0b0;
 	border-right: 1px dotted #e1e1e1;
 	border-left: 1px dotted #e1e1e1;
+	text-align: left;
+}
+
+
+.data_table_no_border {
+    border-collapse: collapse;
+    border-spacing: 0;
+    font-size: 12px;
+    margin-bottom: 15px;
+    margin-top: 8px;
+    text-align: left;
+    width: 100%;    
 }
+
+.data_table_no_border td {
+    line-height: normal;
+    padding: 6px;
+    text-align: left;
+    vertical-align: middle;
+}
+.data_table_no_border .highlight {
+    font-weight: bold;
+}
+
 /* admin page tool list definitions */
 .tool_list dt {
 	font-weight: bold;
--- a/main/css/academica/scorm.css
+++ b/main/css/academica/scorm.css
@ -179,63 +179,100 @@
    width: 99%;
    border-right: 1px none;
 }
+
 .inner_lp_toc {
    overflow: auto;
    background-color: white;
    height: 210px;   
 }
-.inner_lp_toc .scorm_item {
-	font-size: 11px;
-	margin-left: 10px;
-	margin-right:10px;
-	padding-bottom: 2px;
-	text-decoration: none;
-}
-.inner_lp_toc .scorm_item A {
-	font-size: 11px;
+
+.inner_lp_toc .scorm_item a {
+    font-weight: normal;
+    font-size: 12px;
    margin-right: 1px;
    padding-bottom: 2px;
    text-decoration: none;
-	font-weight: normal;
+    font-family: Helvetica,Arial,sans-serif;
+    color: #2F3E46;    
 }
-.inner_lp_toc .scorm_item A.chapter_module {
+
+.inner_lp_toc .scorm_item a.chapter_module {
    font-weight: normal;
    margin-right: 10px;
 }
 .inner_lp_toc .scorm_item_highlight {   
-	font-size: 11px;
+    border:1px solid #00aad4;
+    background:#00aad4;
+    font-weight:normal;
+    background-image:none;
+    margin-right: 0px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;  
+}
+
+.inner_lp_toc .scorm_item_highlight a {
+    color:#fff;
    margin-right: 1px;
-	padding-bottom: 2px;
    text-decoration: none;
    font-weight: normal;
-	background:#aaa;
 }
-.inner_lp_toc .scorm_item_highlight A {
-	font-size: 11px;
+
+.inner_lp_toc .scorm_item_section {
+    border:1px solid #222;
+    background:#333;
+    font-weight:normal;
+    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;  
-	font-weight: normal;
+    
+}
+
+.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 {
-	font-size: 11px;
+    border-bottom: 1px solid #CCCCCC;
+    background:#eee;
+    font-weight:bold;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background-image:none;
+    
    margin-right: 1px;
-	padding-bottom: 2px;
+    padding: 10px 0px 10px 0px;
    text-decoration: none;
    font-weight: normal;
-	background:#ddd;
+    /* background:#FDFDFD; */   
 }
+
 .inner_lp_toc .scorm_item_2 {    
-	font-size: 11px;
+    background-image:none;
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    font-weight: normal;
    margin-right: 1px;  
-	padding-bottom: 2px;
+    padding: 10px 0px 10px 0px;
    text-decoration: none;
    font-weight: normal;
-	background:#eee;
 }
+
 .inner_lp_toc .scorm_title {
    font-weight: bold;
    background:#ccc;
-	font-size: 12px;
+    font-size: 14px;
    color: #444;
 }
 .inner_lp_toc .scorm_title_text {
@ -265,8 +302,6 @@
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
    margin-top: -20px;
-	margin-left: 40%;
-//em  font-size: normal;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
@ -294,7 +329,7 @@
 }
 .iframe {
    border: 0px solid black;
-	height: 580px;
+    height: 100%;
    width: 95%;
    margin: 0px;
    padding-right: 0px;
@ -304,15 +339,144 @@
 .scormpage .footer {
    clear: both;
 }
-.preview_image {
+#image_preview {
    padding-left: 17px;
 }
-.scorm_title_text {
-	margin-left: 10px;
+#msg_div_id {
+    padding-left: 17px;
+    padding-top: 4px;
+}
+
+
+
+#learning_path_breadcrumb_zone .breadcrumb{
+    background-image: none;
+    background-color: #2e75a3;
+    color: #fff;
+    text-transform: capitalize;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+    color: #FFF;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+    text-decoration: underline;
+}
+#scorm_title {
    font-weight: bold;
-	background:#ccc;
+    background:none;
+    font-size: 20px;
+    background-image: none;
+    color: #0088aa;
+    padding-top: 5px;
+    padding-bottom: 15px;
+}
+#learning_path_main #control {
+  opacity: 1;
+}
+.buttons a img:hover{
+opacity: 0.7;
+}
+#author_image{
+    background-color: #d7eef4;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    border: 1px solid  #b4cbff;
+    margin-top: 10px;
+}
+#author_icon img{
+    background-color: #fff;
+    padding: 5px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#author_image .progresstext{
+    font-size: 20px;
+    color: #0088aa;
+    font-weight: bold;
+}
+#learning_path_left_zone #header {
  font-size: 14px;
-	color: #444;
-	width: 89%;
-	padding: 1px 5px 3px 8px;
+  margin-top: 10px;
+}
+#learning_path_left_zone .no-border{
+    background: none;
+    color: #2e75a3;
+    font-weight: normal;
+}
+.progress {
+  height: 18px;
+  margin-bottom: 18px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.progress-striped .bar {
+  background-color: #149BDF;
+  background-size: 40px 40px;
+  background-image: none;
+}
+
+/*STYLES PROCESS LESSION*/
+.inner_lp_toc .scrom_completed {
+    
+    background-image: url("images/blue_arrow.png") !important;
+    background-position: 250px center !important;
+    background-repeat: no-repeat;
+}
+
+.inner_lp_toc .scorm_item_highlight {
+    background-color: #00aad4;
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 250px center !important;
+    background-repeat: no-repeat;
+    border: 1px solid #00aad4;
+}
+
+
+.inner_lp_toc .scorm_item_1 {
+  background-color: #d7eef4;
+  background-image: none;
+  border-bottom-color: #CCCCCC;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  color: #444444;
+  font-weight: normal;
+  margin-right: 1px;
+  padding-bottom: 10px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 10px;
+  text-shadow: 0 1px 1px #F6F6F6;
+}
+#learning_path_main #control {
+  background-image: none;
+  background-color: #d7eef4;
+  bottom: 0;
+  height: 34px;
+  margin-bottom: auto;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  padding-bottom: 8px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
 }
--- a/main/css/academica/scormfs.css
+++ b/main/css/academica/scormfs.css
@ -5,14 +5,7 @@
 	padding: 0px;
 	font-size: small;
 	position: absolute;
-	background-color: white;/*
-	filter:alpha(opacity=50);
-	opacity: 0.50;
-	-moz-border-radius: 25px;
-	margin-right: 5%;
-	margin-left: 75%;
-	margin-top: 10px;
-*/
+	background-color: white;
 }
 .scormpage .menu .lp_nav {
 	height: 50px;
@ -26,18 +19,16 @@
 	margin-top: 0px;
 }
 .lp_navigation_elem {
-	padding-top: 2px;
-	position: absolute;
-	left: 50%;
-	margin-left: -70px;
+	padding-left: 15px;
+	padding-top: 0px;
 }
+/*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -12px;
-	margin-left: 4em;
 	font-size: smaller;
 }
+/*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 1em;
+	margin-left: 5px;
 	margin-right: 0em;
 	margin-top: 0.4em;
 }
@ -80,8 +71,12 @@
 .scormpage .footer {
 	clear: both;
 }
-.preview_image {
-	text-align: right;
-	margin-right: 5px;
-	padding-left: 15px;
+#image_preview {
+	padding-left: 17px;
+}
+#author_name {
+	padding-left: 5px;
+	padding-top: 5px;
+	font-size: 11px;
+	color:#888;
 }
--- a/main/css/baby_orange/default.css
+++ b/main/css/baby_orange/default.css
--- a/main/css/baby_orange/frames.css
+++ b/main/css/baby_orange/frames.css
@ -55,92 +55,12 @@ img {
 	float: right;
 	font-weight: bold;
 }
-/* Header 2: Containing My Courses, My Profile,... */
-#header2 {
-	font-size: 12px;
-	padding: 4px;
-	background-color: #4271B5;
-	color: #fff;
-	border-bottom: 1px solid white;
-}
-#header2 .banner_links {
-	margin: 0;
-}
-#header2 a {
-	text-decoration: none;
-	color: #fff;
-	background: transparent;
-	font-weight:normal;
-	font-size: 12px;
-}
-#header2 input.logout {
-	/* makes an input appear like a link in this header */
-	margin: 0;
-	padding: 0;
-	background-color: transparent;
-	border: none;
-	color: #fff;
-	font-size: 12px;
-	font-weight:normal;
-	font-family: verdana, arial, helvetica, sans-serif;
-}
-#header2 a:hover, #header2 input.logout:hover {
-	border-bottom: 1px solid #fff;
-}
 #logout {
 	float: right;
 	width:20%;
 	text-align:right;
 }
-/* Header 3: Containing breadcrumbs, online users, student/teacher view, help */
-#header3 {
-	position: relative; /* to avoid the IE peekabo bug*/
-	font-size: 12px;
-	font-weight: normal;
-	padding: 4px;
-	background-color: #90AFDD;
-	color: #fff;
-	border-bottom: 1px solid white;
-}
-#header3 a {
-	color: #ffffff;
-	text-decoration: none;
-	font-weight:normal;
-}
-#header3 a:hover {
-	text-decoration: underline;
-}
-/* Header3Right: online users, student/teacher view, help */
-#Header3Right ul {
-	position: relative; /* to avoid the IE peekabo bug*/
-	float: right;
-	width: 50%;
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	text-align: right;
-}
-#Header3Right ul li {
-	display: inline;
-}
-#Header3Right ul li a {
-	padding: 4px 6px 4px 4px;
-	color:#fff;
-}
-/* Header 4: not used */
-#header4 {
-	background-color: #fff;
-	color: #009;
-	padding: 4px;
-	margin-bottom: 2px;
-}
-#header4 a {
-	color: #4171b5;
-}
-#header4 a:hover {
-	text-decoration: none;
-	color: #f00;
-}
+
 /* The tool shortcuts */
 #toolshortcuts {
 	text-align: right;
--- a/main/css/baby_orange/images/accept.png
+++ b/main/css/baby_orange/images/accept.png
--- a/main/css/baby_orange/images/add.png
+++ b/main/css/baby_orange/images/add.png
--- a/main/css/baby_orange/images/alert.jpg
+++ b/main/css/baby_orange/images/alert.jpg
--- a/main/css/baby_orange/images/bar_1.gif
+++ b/main/css/baby_orange/images/bar_1.gif
--- a/main/css/baby_orange/images/bar_1m.gif
+++ b/main/css/baby_orange/images/bar_1m.gif
--- a/main/css/baby_orange/images/bar_1r.gif
+++ b/main/css/baby_orange/images/bar_1r.gif
--- a/main/css/baby_orange/images/bar_1u.gif
+++ b/main/css/baby_orange/images/bar_1u.gif
--- a/main/css/baby_orange/images/bg-button.gif
+++ b/main/css/baby_orange/images/bg-button.gif
--- a/main/css/baby_orange/images/bg-header.jpg
+++ b/main/css/baby_orange/images/bg-header.jpg
--- a/main/css/baby_orange/images/bg-main.png
+++ b/main/css/baby_orange/images/bg-main.png
--- a/main/css/baby_orange/images/bg.jpg
+++ b/main/css/baby_orange/images/bg.jpg
--- a/main/css/baby_orange/images/bgheader.jpg
+++ b/main/css/baby_orange/images/bgheader.jpg
--- a/main/css/baby_orange/images/bglogin.jpg
+++ b/main/css/baby_orange/images/bglogin.jpg
--- a/main/css/baby_orange/images/bgloginconf.jpg
+++ b/main/css/baby_orange/images/bgloginconf.jpg
--- a/main/css/baby_orange/images/blue_arrow.png
+++ b/main/css/baby_orange/images/blue_arrow.png
--- a/main/css/baby_orange/images/bullet.gif
+++ b/main/css/baby_orange/images/bullet.gif
--- a/main/css/baby_orange/images/buttom.png
+++ b/main/css/baby_orange/images/buttom.png
--- a/main/css/baby_orange/images/button_back.jpg
+++ b/main/css/baby_orange/images/button_back.jpg
--- a/main/css/baby_orange/images/button_plus.gif
+++ b/main/css/baby_orange/images/button_plus.gif
--- a/main/css/baby_orange/images/chamilo-welcome.png
+++ b/main/css/baby_orange/images/chamilo-welcome.png
--- a/main/css/baby_orange/images/divider.jpg
+++ b/main/css/baby_orange/images/divider.jpg
--- a/main/css/baby_orange/images/divider2.jpg
+++ b/main/css/baby_orange/images/divider2.jpg
--- a/main/css/baby_orange/images/dropbox.jpg
+++ b/main/css/baby_orange/images/dropbox.jpg
--- a/main/css/baby_orange/images/header-logo.png
+++ b/main/css/baby_orange/images/header-logo.png
--- a/main/css/baby_orange/images/headerform.jpg
+++ b/main/css/baby_orange/images/headerform.jpg
--- a/main/css/baby_orange/images/headerform2.jpg
+++ b/main/css/baby_orange/images/headerform2.jpg
--- a/main/css/baby_orange/images/headerform3.jpg
+++ b/main/css/baby_orange/images/headerform3.jpg
--- a/main/css/baby_orange/images/headertables.jpg
+++ b/main/css/baby_orange/images/headertables.jpg
--- a/main/css/baby_orange/images/icon-chamilo.png
+++ b/main/css/baby_orange/images/icon-chamilo.png
--- a/main/css/baby_orange/images/index.html
+++ b/main/css/baby_orange/images/index.html
@ -1,6 +0,0 @@
-<html>
-<head>
-</head>
-<body>
-</body>
-</html>
--- a/main/css/baby_orange/images/line.jpg
+++ b/main/css/baby_orange/images/line.jpg
--- a/main/css/baby_orange/images/next.png
+++ b/main/css/baby_orange/images/next.png
--- a/main/css/baby_orange/images/previus.png
+++ b/main/css/baby_orange/images/previus.png
--- a/main/css/baby_orange/images/shadow.gif
+++ b/main/css/baby_orange/images/shadow.gif
--- a/main/css/baby_orange/images/shadowheader.jpg
+++ b/main/css/baby_orange/images/shadowheader.jpg
--- a/main/css/baby_orange/images/sprite-icon-social.png
+++ b/main/css/baby_orange/images/sprite-icon-social.png
--- a/main/css/baby_orange/images/sprite-icon.png
+++ b/main/css/baby_orange/images/sprite-icon.png
--- a/main/css/baby_orange/images/start-level.png
+++ b/main/css/baby_orange/images/start-level.png
--- a/main/css/baby_orange/images/systemenouvelles.gif
+++ b/main/css/baby_orange/images/systemenouvelles.gif
--- a/main/css/baby_orange/images/tab.png
+++ b/main/css/baby_orange/images/tab.png
--- a/main/css/baby_orange/images/tables.jpg
+++ b/main/css/baby_orange/images/tables.jpg
--- a/main/css/baby_orange/images/thindivider.jpg
+++ b/main/css/baby_orange/images/thindivider.jpg
--- a/main/css/baby_orange/images/tinydivider.jpg
+++ b/main/css/baby_orange/images/tinydivider.jpg
--- a/main/css/baby_orange/images/vertdivider.jpg
+++ b/main/css/baby_orange/images/vertdivider.jpg
--- a/main/css/baby_orange/images/vineta.png
+++ b/main/css/baby_orange/images/vineta.png
--- a/main/css/baby_orange/images/white_arrow.png
+++ b/main/css/baby_orange/images/white_arrow.png
--- a/main/css/baby_orange/learnpath.css
+++ b/main/css/baby_orange/learnpath.css
@ -1,3 +1,16 @@
+div.text {
+	margin-left : 6;
+	margin-right : 6;
+	margin-top : 5;
+	margin-bottom : 5;
+	text-align : justify;
+}
+span.messagesmall {
+	font-style : italic;
+	color : Red;
+}
+/* newscorm/learnpath */ 
+
 div.lp_actions {
 	background:#F8F8F8;
 	border-bottom:1px solid #999999;
@ -67,7 +80,7 @@ div.lp_tree {
 	height:100%;
 	padding:3px 10px 3px 0;
 	overflow-x : auto;
-	overflow-y : scroll;
+	overflow-y : auto;
 	width:190px;
 }
 hr {
@ -108,7 +121,8 @@ table.lp_build td {
 	vertical-align:top;
 }
 table.lp_build td.tree {
-	border-right:1px solid #999999;
+	/* border-right:1px solid #999999;*/
+	padding-right: 5px;
 	width:205px;
 }
 table.lp_build td.workspace {
@ -146,12 +160,12 @@ table.lp_overview th.exercise {
 	width:50px;
 }
 table.lp_form input, table.lp_form select, table.lp_form textarea {
-	background:#F8F8F8;
+/*	background:#F8F8F8;
 	border:1px solid #999999;
 	font-family:Arial, Verdana, Helvetica, sans-serif;
 	font-size:12px;
 	padding:1px 2px;
-	width:300px;
+	width:300px;*/
 }
 table.lp_form td.radio input, table.lp_form td.exercise input {
 	width:auto;
@ -160,7 +174,7 @@ table.lp_form .small_form {
 	background:#FFFFFF;
 }
 table.lp_form select {
-	padding:0;
+/*	padding:0;*/
 }
 table.lp_form input.button {
 	width:75px;
--- a/main/css/baby_orange/print.css
+++ b/main/css/baby_orange/print.css
@ -763,9 +763,10 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 	padding: 5px;
 }
 .data_table th {
-	padding-right: 20px;
+	/*padding-right: 20px;*/
 	border: 1px solid gray;
 	background-color: #E5EDF9;
+	text-align: left;
 }
 .data_table tr.row_odd {
 	background-color: #fafafa;	
@ -776,13 +777,38 @@ padding-top: 0px;	padding-right: 0px;	padding-bottom: 0px;	padding-left: 0px;}
 .data_table tr.row_even {
 	background-color: #fff;	
 }
+.data_table td .highlight {
+    font-weight: bold;
+}
 .data_table td {
 	padding: 5px;	
-	vertical-align: top;
 	border-bottom: 1px solid #b0b0b0;
 	border-right: 1px dotted #e1e1e1;
 	border-left: 1px dotted #e1e1e1;
+	text-align: left;
+}
+
+
+.data_table_no_border {
+    border-collapse: collapse;
+    border-spacing: 0;
+    font-size: 12px;
+    margin-bottom: 15px;
+    margin-top: 8px;
+    text-align: left;
+    width: 100%;    
 }
+
+.data_table_no_border td {
+    line-height: normal;
+    padding: 6px;
+    text-align: left;
+    vertical-align: middle;
+}
+.data_table_no_border .highlight {
+    font-weight: bold;
+}
+
 /* admin page tool list definitions */
 .tool_list dt {
 	font-weight: bold;
--- a/main/css/baby_orange/scorm.css
+++ b/main/css/baby_orange/scorm.css
@ -179,64 +179,104 @@
    width: 99%;
    border-right: 1px none;
 }
+
 .inner_lp_toc {
    overflow: auto;
    background-color: white;
    height: 210px;   
 }
-.inner_lp_toc .scorm_item {
-	font-size: 11px;
-	margin-left: 10px;
-	margin-right:10px;
+
+.inner_lp_toc .scorm_item a {
+    font-weight: normal;
+    font-size: 12px;
+    margin-right: 1px;
    padding-bottom: 2px;
    text-decoration: none;
+    font-family: Helvetica,Arial,sans-serif;
+    color: #2F3E46;    
 }
-.inner_lp_toc .scorm_item A {
+
+.inner_lp_toc .scorm_item a.chapter_module {
    font-weight: normal;
+    margin-right: 10px;
 }
-.inner_lp_toc .scorm_item A.chapter_module {
+.inner_lp_toc .scorm_item_highlight {   
+    border:1px solid #00aad4;
+    background:#00aad4;
    font-weight:normal;
+    background-image:none;
+    margin-right: 0px;
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;  
 }
-.inner_lp_toc .scorm_item_highlight {
-	font-size: 11px;
+
+.inner_lp_toc .scorm_item_highlight a {
+    color:#fff;
    margin-right: 1px;
-	padding-bottom: 2px;
    text-decoration: none;
    font-weight: normal;
-	background:#aaa;
 }
-.inner_lp_toc .scorm_item_highlight A {
+
+.inner_lp_toc .scorm_item_section {
+    border:1px solid #222;
+    background:#333;
    font-weight:normal;
-	font-size: 11px;
+    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;  
-	font-weight: normal;
+    
 }
+
+.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 {
-	font-size: 11px;
+    border-bottom: 1px solid #CCCCCC;
+    background:#eee;
+    font-weight:bold;
+    color:#444;
+    text-shadow:0 1px 1px #f6f6f6;
+    background-image:none;
+    
    margin-right: 1px;
-	padding-bottom: 2px;
+    padding: 10px 0px 10px 0px;
    text-decoration: none;
    font-weight: normal;
-	background:#ddd;
+    /* background:#FDFDFD; */   
 }
+
 .inner_lp_toc .scorm_item_2 {    
-	font-size: 11px;
+    background-image:none;
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    font-weight: normal;
    margin-right: 1px;  
-	padding-bottom: 2px;
+    padding: 10px 0px 10px 0px;
    text-decoration: none;
    font-weight: normal;
-	background:#eee;
 }
+
 .inner_lp_toc .scorm_title {
    font-weight: bold;
    background:#ccc;
-	font-size: 12px;
+    font-size: 14px;
    color: #444;
 }
 .inner_lp_toc .scorm_title_text {
    margin-left: 10px;
-	padding: 2px;
 }
 .inner_lp_toc .scorm_status_img {
    margin:0px;
@ -262,12 +302,10 @@
 /*.scormpage .menu */
 .lp_navigation_elem .progresstext {
    margin-top: -20px;
-	margin-left: 40%;
-	font-size: normal;
 }
 /*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 5px;
+    margin-left: 0px;
    margin-right: 0em;
    margin-top: 0.4em;
 }
@ -291,7 +329,7 @@ margin-top: 0px;
 }
 .iframe {
    border: 0px solid black;
-	height: 580px;
+    height: 100%;
    width: 95%;
    margin: 0px;
    padding-right: 0px;
@ -301,17 +339,144 @@ margin-top: 0px;
 .scormpage .footer {
    clear: both;
 }
-.preview_image {
-	text-align: right;
-	margin-right: 5px;
-	padding-left: 15px;
+#image_preview {
+    padding-left: 17px;
 }
-.scorm_title_text {
-	margin-left: 10px;
+#msg_div_id {
+    padding-left: 17px;
+    padding-top: 4px;
+}
+
+
+
+#learning_path_breadcrumb_zone .breadcrumb{
+    background-image: none;
+    background-color: #2e75a3;
+    color: #fff;
+    text-transform: capitalize;
+}
+#learning_path_breadcrumb_zone .breadcrumb a{
+    color: #FFF;
+}
+#learning_path_breadcrumb_zone .breadcrumb a:hover{
+    text-decoration: underline;
+}
+#scorm_title {
    font-weight: bold;
-	background:#ccc;
+    background:none;
+    font-size: 20px;
+    background-image: none;
+    color: #0088aa;
+    padding-top: 5px;
+    padding-bottom: 15px;
+}
+#learning_path_main #control {
+  opacity: 1;
+}
+.buttons a img:hover{
+opacity: 0.7;
+}
+#author_image{
+    background-color: #d7eef4;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    border: 1px solid  #b4cbff;
+    margin-top: 10px;
+}
+#author_icon img{
+    background-color: #fff;
+    padding: 5px;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#author_image .progresstext{
+    font-size: 20px;
+    color: #0088aa;
+    font-weight: bold;
+}
+#learning_path_left_zone #header {
  font-size: 14px;
-	color: #444;
-	width: 90%;
-	padding: 1px 5px 3px 8px;
+  margin-top: 10px;
+}
+#learning_path_left_zone .no-border{
+    background: none;
+    color: #2e75a3;
+    font-weight: normal;
+}
+.progress {
+  height: 18px;
+  margin-bottom: 18px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
+}
+.progress-striped .bar {
+  background-color: #149BDF;
+  background-size: 40px 40px;
+  background-image: none;
+}
+
+/*STYLES PROCESS LESSION*/
+.inner_lp_toc .scrom_completed {
+    
+    background-image: url("images/blue_arrow.png") !important;
+    background-position: 250px center !important;
+    background-repeat: no-repeat;
+}
+
+.inner_lp_toc .scorm_item_highlight {
+    background-color: #00aad4;
+    background-image: url("images/white_arrow.png") !important;
+    background-position: 250px center !important;
+    background-repeat: no-repeat;
+    border: 1px solid #00aad4;
+}
+
+
+.inner_lp_toc .scorm_item_1 {
+  background-color: #d7eef4;
+  background-image: none;
+  border-bottom-color: #CCCCCC;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  color: #444444;
+  font-weight: normal;
+  margin-right: 1px;
+  padding-bottom: 10px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 10px;
+  text-shadow: 0 1px 1px #F6F6F6;
+}
+#learning_path_main #control {
+  background-image: none;
+  background-color: #d7eef4;
+  bottom: 0;
+  height: 34px;
+  margin-bottom: auto;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: auto;
+  padding-bottom: 8px;
+  padding-left: 0;
+  padding-right: 0;
+  padding-top: 8px;
+  position: absolute;
+  text-align: center;
+  width: 100%;
 }
--- a/main/css/baby_orange/scormfs.css
+++ b/main/css/baby_orange/scormfs.css
@ -5,14 +5,7 @@
 	padding: 0px;
 	font-size: small;
 	position: absolute;
-	background-color: white;/*
-	filter:alpha(opacity=50);
-	opacity: 0.50;
-	-moz-border-radius: 25px;
-	margin-right: 5%;
-	margin-left: 75%;
-	margin-top: 10px;
-*/
+	background-color: white;
 }
 .scormpage .menu .lp_nav {
 	height: 50px;
@ -26,18 +19,16 @@
 	margin-top: 0px;
 }
 .lp_navigation_elem {
-	padding-top: 2px;
-	position: absolute;
-	left: 50%;
-	margin-left: -70px;
+	padding-left: 15px;
+	padding-top: 0px;
 }
+/*.scormpage .menu */
 .lp_navigation_elem .progresstext {
-	margin-top: -12px;
-	margin-left: 4em;
 	font-size: smaller;
 }
+/*.scormpage .menu */
 .lp_navigation_elem .buttons {
-	margin-left: 1em;
+	margin-left: 5px;
 	margin-right: 0em;
 	margin-top: 0.4em;
 }
@ -80,8 +71,12 @@
 .scormpage .footer {
 	clear: both;
 }
-.preview_image {
-	text-align: right;
-	margin-right: 5px;
-	padding-left: 15px;
+#image_preview {
+	padding-left: 17px;
+}
+#author_name {
+	padding-left: 5px;
+	padding-top: 5px;
+	font-size: 11px;
+	color:#888;
 }
--- a/main/css/base.css
+++ b/main/css/base.css
@ -41,7 +41,9 @@ legend {
 header #logo {
    padding: 0px 0px 15px 0px;
 }
-
+header #logo img{
+    margin-left: 30px;
+}
 .subnav .brand {
    display:none;
 }
@ -180,6 +182,7 @@ header #logo {

 header {
    margin-bottom: 11px;
+    margin-top: 20px;
 }

 .breadcrumb {
@ -557,11 +560,11 @@ a.tag {

 /* Admin index.php */
 #settings .span6 {
-    min-height: 260px;
+    min-height: 340px;
    width: 47%;
 }
 #settings .span6 .well_border{
-    min-height: 250px;
+    min-height: 265px;
 }
 #settings .form-search .span3 {
    float: left;
--- a/Show More
+++ b/Show More