update css chamilo_green

main/css/chamilo_green/default.css

@@ -1,5 +1,5 @@
 /*****************************************************
- *  MAIN  - CHAMILO CSS	GREEN
+ *  MAIN  - CHAMILO CSS
  *****************************************************/
 
 /* Adding default style for the chamilo_X themes */
@@ -8,90 +8,537 @@
 /* the following for regular <a> elements */
 a {
     text-decoration: none;
-    color :#01933e;
+    color :#6E6E6E;
 }
 a:visited {
     text-decoration: none;    
 }
 a:hover {
     text-decoration: none;
-    color: #f3840d;
+    color: #93C80A;
 }
 a:active {
     text-decoration: none;
-    color : #01933e;
+    color : #3757f7;
 }
-
+.navbar .nav > li > a {
-.subnav-fixed {
+    float: none;
-    position: fixed;
+    line-height: 20px;
-    top: 0px;
+    padding-bottom: 13px;
-    left: 0;
+    padding-right: 10px;
-    right: 0;
+    padding-top: 13px;
-    z-index: 1030;
-    border-color: #d5d5d5;
-    border-width: 0 0 1px; /* drop the border on the fixed edges */
-    -webkit-border-radius: 0;
-        -moz-border-radius: 0;
-            border-radius: 0;
 }
-
-
 .subnav .navbar-inner {
-  background-color: #79AA0B; /* Old browsers */
+    background-color: #87BA0A; /* Old browsers */
     background-repeat: repeat-x; /* Repeat the gradient */
-  background-image: -moz-linear-gradient(top, #9BD10A 0%, #79AA0B 100%); /* FF3.6+ */
+    background-image: none;
-  
+    border: none;
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9BD10A), color-stop(100%,#79AA0B)); /* Chrome,Safari4+ */
-  background-image: -webkit-linear-gradient(top, #9BD10A 0%, #79AA0B 100%); /* Chrome 10+,Safari 5.1+ */
-  background-image: -ms-linear-gradient(top, #9BD10A 0%,#79AA0B 100%); /* IE10+ */
-  background-image: -o-linear-gradient(top, #9BD10A 0%,#79AA0B 100%); /* Opera 11.10+ */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9BD10A', endColorstr='#79AA0B',GradientType=0 ); /* IE6-9 */
-  background-image: linear-gradient(top, #9BD10A 0%,#79AA0B 100%); /* W3C */  
 }
 
 .subnav .nav > li > a {
-    border-left: 1px solid #9BD10A;
+    border-left: 1px solid #87BA0A;
-    border-right: 1px solid #9BD10A;
+    border-right: 1px solid #87BA0A;
+    color: white;
+    font-weight: normal;
+    font-size: 13px;
 }
 
+
 .subnav .nav > #current > a,
 .subnav .nav > #current > a:hover {  
     color: #fff;
-  background-color: #9BD10A;
+    background-color: #4B8A08;
-  border-right-color: #9BD10A;  
+    border-right-color: #4B8A08;  
 }
 
-.subnav .nav > li > a {
+.subnav li a {
     color:#fff;
 }
 
 /* Green hover */
 .subnav .navbar-inner li a:hover {
-    background: none repeat scroll 0 0 #9BD10A;
+    background: none repeat scroll 0 0 #99CF0A;
     color: #fff;
 }
+.well .nav-list > li > a:hover {
+  text-decoration: none;
+  background: none;
+}
+.sidebar-nav h4{
+    color: #037FB2;
+    padding-bottom: 3px;
+    padding-left: 15px;
+    padding-right: 15px;
+    padding-top: 3px;
+}
+
+/*****************************************************
+ *  STYLE THEME CHAMILO                              *
+ *****************************************************/
+.welcome-mascot{
+  background: url(images/chamilo-welcome.png) no-repeat right 0;
+  padding-right: 200px;
+  padding-bottom: 2em;
+  padding-top: 2em;
+}
+
+.nav-list > li > a {
+    font-size: 14px;
+    padding-bottom: 6px;
+   /* padding-left: 15px;
+    padding-right: 15px;*/
+    padding-top: 6px;
+}
+.controls .btn{
+    background:#2E75A3;
+    color: #FFFFFF;
+    border: 1px solid #2E75A3;
+    padding: 5px 25px;
+    font-size: 14px;
+    text-shadow: none;
+}
+.controls .btn:hover{
+    background:#DF3A01;
+    border: none;
+    color: #FFFFFF;
+
+}
+.form-actions {
+  background:transparent;
+}
+.breadcrumb {
+  margin-bottom: 0;
+  background-color: #E6E6E6;
+  background-image: none;
+  padding-top: 5px;
+  padding-bottom: 5px;
+  border: 1px solid #E6E6E6;
+  box-shadow: none;
+}
+.breadcrumb a{
+  color: #333;
+  font-size: 13px;
+  line-height: 30px;
+  text-transform: none;
+}
+
+.breadcrumb li{
+    font-size: 14px;
+    text-shadow: none;
+}
+.breadcrumb a.btn-mini{
+    font-size: 12px;
+    line-height: 17px;
+    text-transform: none;
+}
+.breadcrumb a.btn-success {
+  background-color: #FD6600;
+  background-image: none;
+  border: 1px solid #FD6600;
+  color: #FFFFFF;
+}
+.btn{
+  display: inline-block;
+  padding: 6px 12px;
+  margin-bottom: 0;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 1.428571429;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+       -o-user-select: none;
+          user-select: none;
+  background-image: none;
+  border: none;
+  border-radius: 4px;
+  border-color: #ccc;
+}
+.btn:hover{
+  color: #333;
+  text-decoration: none;
+}
+.btn-primary{
+    background-color:#87BA0A;
+    background-image: none;
+    border:none;
+}
+.btn-primary:hover{
+    background-color:#99CF0A;
+    color: #FFFFFF;
+}
+
+/* styles for the star rater */
+.star-rating{
+    list-style:none;
+    margin: 0px;
+    padding:0px;
+    width: 125px;
+    height: 25px;
+    position: relative;
+    overflow:hidden;
+    background: url(images/start-level.png) top left repeat-x;
+}
+.star-rating li{
+    padding:0px;
+    margin:0px;
+    width:25px;
+    height:25px;
+    float: left;
+}
+.star-rating li a{
+    display:block;
+    width:25px;
+    height: 25px;
+    line-height:25px;
+    text-decoration: none;
+    text-indent: -9000px;
+    z-index: 20;
+    position: absolute;
+    padding: 0px;
+    overflow:hidden;
+}
+.star-rating li a:hover{
+    background: url(images/start-level.png) left bottom;
+    z-index: 2;
+    left: 0px;
+    border:none;
+}
+.star-rating a.one-star{
+    left: 0px;
+}
+.star-rating a.one-star:hover{
+    width:25px;
+}
+.star-rating a.two-stars{
+    left:25px;
+}
+.star-rating a.two-stars:hover{
+    width: 50px;
+}
+.star-rating a.three-stars{
+    left: 50px;
+}
+.star-rating a.three-stars:hover{
+    width: 75px;
+}
+.star-rating a.four-stars{
+    left: 75px;
+}
+.star-rating a.four-stars:hover{
+    width: 100px;
+}
+.star-rating a.five-stars{
+    left: 100px;
+}
+.star-rating a.five-stars:hover{
+    width: 125px;
+}
+.star-rating li.current-rating{
+    background: url(images/start-level.png) left center;
+    position: absolute;
+    height: 25px;
+    display: block;
+    text-indent: -9000px;
+    z-index: 1;
+}
+/*ICON INBOX*/
+.home-icon{
+  background:url(images/icon-chamilo.png) no-repeat 0 0;
+  background-size: 24px auto;
+  padding-left: 30px;
+}
+.home-icon:hover,.messages-icon:hover, .invitations-icon:hover,.shared-profile-icon:hover,.friends-icon:hover,
+.browse-groups-icon:hover ,.search-icon:hover ,.myfiles-icon:hover {
+  opacity: 0.8;
+}
+.messages-icon{
+  background:url(images/icon-chamilo.png) no-repeat 0 -29px;
+  background-size: 24px auto;
+  padding-left: 30px;
+}
+.invitations-icon{
+  background:url(images/icon-chamilo.png) no-repeat 0 -61px;
+  background-size: 24px auto;
+  padding-left: 30px;
+}
+.shared-profile-icon{
+  background:url(images/icon-chamilo.png) no-repeat 0 -96px;
+  background-size: 24px auto;
+  padding-left: 30px;
+}
+.friends-icon{
+  background:url(images/icon-chamilo.png) no-repeat 0 -130px;
+  background-size: 24px auto;
+  padding-left: 30px;
+}
+
+.browse-groups-icon{
+  background:url(images/icon-chamilo.png) no-repeat 0 -163px;
+  background-size: 24px auto;
+  padding-left: 30px;
+}
+
+.search-icon {
+  background:url(images/icon-chamilo.png) no-repeat 0 -198px;
+  background-size: 24px auto;
+  padding-left: 30px;
+}
+
+.myfiles-icon {
+  background:url(images/icon-chamilo.png) no-repeat 0 -229px;
+  background-size: 24px auto;
+  padding-left: 30px;
+}
 
+/* END ICON INBOX */
+.nav-list > .active > a, .nav-list > .active > a:hover {
+  color: #333333;
+  background: none;
+  text-shadow:none;
+}
+.social-menu .well .thumbnail{
+  border: none;
+  border-radius: none;
+  box-shadow: none;
+}
+.invitation_confirm .thumbnail{
+    border: 1px solid rgba(96, 165, 209, 0.1);
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+    display: block;
+    line-height: 1;
+    padding: 4px;
+    background-color: #EEF5FA;
+}
+.invitation_confirm a.thumbnail:hover{
+    border-color: rgba(96, 165, 209, 0.1);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+    background-color: #FFFFFF;
+}
+.social-menu .well .thumbnail img{
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
+  border: 2px solid #FFFFFF;
+}
 
+/*CSS SLIDER ANUNCIOS*/
+
+.pagerslide h2{
+    font-size: 18px;
+    font-weight: normal;
+    background-color:  #87BA0A;
+    color: #FFFFFF;
+    padding-left: 15px;
+}
+.controls .btn{
+    background:#FD6600;
+    color: #FFFFFF;
+    border:none;
+    padding: 5px 25px;
+    text-shadow: none;
+}
+#top_main_content #announcements .page-header{
+  display: none;
+  line-height: 1;
+}
+#top_main_content #announcements .span6 {
+  width: 800px;
+}
+
+/*CSS PARA CONTENIDO DE CURSO INTRODUCCION*/
+
+.page-course-intro{
+    padding: 2em;
+    border: 1px solid #DDDDDD;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    margin-bottom: 2em;
+}
+
+.page-course-intro ul{
+    list-style-image:url(images/vineta.png);
+    padding-top: 10px;
+}
+.page-course-intro a{
+    color: #FD6600;
+}
+.page-course-intro a:hover{
+    color: #FD6600;
+    text-decoration: underline;
+}
+
+
+/*FIN DE INTRODUCCION DEL CURSO*/
+.fc-header-title h2{
+    color: #4B8A08;
+}
+.fc-first .fc-widget-header{
+    font-size: 14px;
+    font-weight: normal;
+    padding-top: 5px;
+    padding-bottom: 5px;
+}
+
+.well {
+  background-color: rgba(243,226,169, 0.1);
+  border: 1px solid rgba(243,226,169, 0.1);
+  border-radius: 8px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
+  margin-bottom: 20px;
+  min-height: 20px;
+  padding: 20px 10px;
+}
+.sidebar-nav img{
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+}
+#homepage .row .span9 h2{
+    font-size: 26px;
+    font-weight: bold;
+    color: #666;
+    padding-bottom: 8px;
+}
+#homepage .row .span9 p,#homepage .row .span9 ol {
+    color: #6E6E6E;
+}
+#homepage .row .span9 a{
+    color: #87BA0A;
+}
+#homepage .row .span9 a:hover{
+    color: #87BA0A;
+}
+.page-header h2{
+    color: #87BA0A;
+    font-weight: bold;
+    font-size: 20px;
+    padding-left: 10px;
+    width: 250px;
+}
+#course_tools .course-title-tools h3 {
+    margin-top: 10px;
+    color: #87BA0A;
+    font-weight: normal;
+    
+    
+}
+.page-header {
+  border-bottom-color: #87BA0A;
+  border-bottom-style: solid;
+  border-bottom-width: 1px;
+  box-shadow: none;
+  padding-bottom: 0px;
+}
+.well_border{
+  background-color: rgba(243,226,169, 0.1);
+  border: 1px solid rgba(243,226,169, 0.1);
+  border-radius: 8px;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
+  margin-bottom: 20px;
+  min-height: 20px;
+  padding: 19px;
+}
+.well_border .row .span2 {
+  width: 98px;
+}
+.well_border .row .span2 .thumbnail {
+  background-color: #FFFFFF;
+  background-image: none;
+}
+#hot_courses .row .span9 .well_border .row .span6{
+    width: auto;
+}
+.categories-course-description h3{
+    color: #666;
+}
+#course_tools .content a {
+  font-size: 12px;
+  font-weight: normal;
+}
+#main_content .course-box .row .span7{
+  width: 730px;
+}
+#main_content .course-box .row .span7 .row .span6 {
+    width: 615px;
+}
+#main_content .course-box .row .span7 .row .span6 h3{
+  font-size: 20px;
+}
+#course_category li, #hot_courses h5, .course_item h5, .categories-course-description h5, .course-box h5 {
+  font-weight: normal;
+}
 /*****************************************************
-*  FOOTER STYLES                                    *
+ *  FOOTER STYLES                                    *
-*****************************************************/
+ *****************************************************/
 footer {
-    background-color: #79aa0b;
+    height: 10em;    
-    background-image: url(images/bg-footer.gif);
+    background-color: #87BA0A;
+    background-image: none;
     background-repeat:repeat-x;    
-    font-size: 12px;
     color:#ffffff;
-    height: 9em;    
+    border-top: none;   
-    width: 100%;  
 }
-
+footer .container .row {
-/* Sticky footer*/
+  padding-top: 5px;
-.push {
+}
-    height: 9em; /* Very important */
+footer a:link, footer a:visited {
+  color: #F1D40D;
 }
 /*****************************************************
  *  DISPLAY MESSAGES	                             *
  *****************************************************/
+/*****************************************************
+ *  CSS CHAT                               *
+ *****************************************************/
+.chatboxmain {
+    bottom: 0;
+    display: block;
+    position: fixed;
+    right: 20px;
+    width: 225px;
+    z-index: 9000;
+}
+
+.chatboxheadmain {
+  padding:7px 7px 7px 0px;
+  color: #ffffff;
+  border-right:1px solid #222;
+  border-left:1px solid #222;
+  
+  background-color: #222; 
+  background-repeat: repeat-x;
+  background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
+  background-image: -moz-linear-gradient(top, #333333, #222222);
+  background-image: -ms-linear-gradient(top, #333333, #222222);
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
+  background-image: -webkit-linear-gradient(top, #333333, #222222);
+  background-image: -o-linear-gradient(top, #333333, #222222);
+  background-image: linear-gradient(top, #333333, #222222);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
+    
+}
+#chatboxtitlemain {
+    cursor: pointer;
+    float: left;
+    font-size: 12px;
+    font-weight: normal;
+    width: 160px;
+}
+/*****************************************************
+ *  CSS CHAT END                             *
+ *****************************************************/
 .normal-message {
     color: #00407F;
     border: 1px solid #CDE6F5;
@@ -113,17 +560,12 @@ footer {
 	background: url("images/background_message.png") repeat-x scroll 0 0 #FFD1D1;
 }
 
-/* New training */
-.bottom-link {
-    background-image:url(images/button_back.jpg);
-}
-
 .social-menu-title {
-    background-color:#85b80b;
+	background-color:#00AAE3;
 }
 
 #social-content-online {
-    background-color:#85b80b;
+    background-color:#00AAE3;
 }
 		
 .admin_section li {
@@ -145,14 +587,6 @@ footer {
     background:transparent url('images/textologo.jpg') no-repeat;
 }
 
-#exercise_close_link {
-    background: url(images/close.gif) no-repeat;
-}
-
-#exercise_close_link:hover {
-    background: url(images/close_highlight.gif) no-repeat;
-}
-
 /*including "login" image*/
 button.login {
     background-image:url(images/bg-button.gif);
@@ -187,7 +621,7 @@ button.minus {
 }
 /*including "next" image*/
 button.next {
-    background-image:url(images/button_next.gif);
+    background-image:url(images/button_next.gif) !important;
 }
 /*including "back" image*/
 button.back {
@@ -201,14 +635,13 @@ button.refresh {
 button.upload {
     background-image:url(images/button_upload.gif);
 }
+
 button.arrowr, input.arrowr {
 	background-image:url(images/2rightarrow.gif);	
 }
 button.arrowl, input.arrowl {
     background-image:url(images/2leftarrow.gif);	
 }
-
-
 .refresh {
     background-image:url(images/refresh.png);
 }
@@ -216,3 +649,159 @@ button.arrowl, input.arrowl {
 .portal {
     background-image:url(images/portal.png);
 }
+
+/*CSS ICON BLOCK USER*/
+   .inbox-social{
+        background: url("images/icon-chamilo.png") no-repeat 0 -415px;
+        padding-left: 40px;
+    }
+    .inbox-social:hover,.new-message-social:hover,.invitations-social:hover,.profile-social:hover,.add-course:hover,
+    .order-course:hover,.history-course:hover, .list-course:hover{
+        opacity: 0.8;
+    }
+    .new-message-social{
+        background: url("images/icon-chamilo.png") no-repeat 0 -370px;
+        padding-left: 40px;
+    }
+    .invitations-social{
+        background: url("images/icon-chamilo.png") no-repeat 0 -455px;
+        padding-left: 40px;
+    }
+    .profile-social{
+        background: url("images/icon-chamilo.png") no-repeat 0 -496px;
+        padding-left: 40px;
+    }
+    .add-course{
+        background: url("images/icon-chamilo.png") no-repeat 0 -327px;
+        padding-left: 40px;
+    }
+    .order-course{
+        background: url("images/icon-chamilo.png") no-repeat 0 -536px;
+        padding-left: 40px;
+    }
+    .history-course{
+        background: url("images/icon-chamilo.png") no-repeat 0 -576px;
+        padding-left: 40px;
+    }
+    .list-course{
+        background: url("images/icon-chamilo.png") no-repeat 0 -618px;
+        padding-left: 40px;
+    }
+    .forum-btn{
+        background: url("images/icon-chamilo.png") no-repeat 0 -666px;
+        padding-left: 40px;
+    }
+
+/*+++++++++++++++++++++++++++++++++
+RESPONSIVE CSS
++++++++++++++++++++++++++++++++++*/
+
+.navbar .brand {
+  float: left;
+  font-size: 16px;
+  font-weight: 200;
+  line-height: 20px;
+  padding-bottom: 12px;
+  padding-top: 8px;
+}
+
+@media (min-width: 481px) and (max-width: 800px) {
+
+    .sidebar-nav h4 {
+        color: #037FB2;
+        font-size: 18px;
+        padding-bottom: 10px;
+        padding-left: 15px;
+        padding-right: 15px;
+        padding-top: 10px;
+    }
+    #profile_block .nav-list li, #course_block .nav-list li{
+        padding-bottom: 5px;
+        padding-top: 5px;
+    }
+    #top_main_content .menu-column #user_image_block{
+      box-shadow: none;
+    }
+
+}
+@media (max-width: 600px) {
+#main_content .course-box .row .span7 .row .span6 {
+  float: left;
+  /*width: 615px;*/
+  padding-left: 10px;
+}
+#main_content .course-box .row .span7 .row .span6 h3 {
+        font-size: 16px;
+        /*width: 500px;*/
+    }
+}
+
+@media (min-width: 801px){
+  .nav-list > li > a {
+  font-size: 13px;
+  padding-bottom: 8px;
+  padding-top: 8px;
+}
+
+/*CSS ICON BLOCK USER*/
+   .inbox-social{
+        background: url("images/icon-chamilo.png") no-repeat 0 -345px;
+        padding-left: 30px;
+        background-size: 25px auto;
+    }
+    
+    .new-message-social{
+        background: url("images/icon-chamilo.png") no-repeat 0 -307px;
+        padding-left: 30px;
+        background-size: 25px auto;
+    }
+    
+    .invitations-social{
+        background: url("images/icon-chamilo.png") no-repeat 0 -378px;
+        padding-left: 30px;
+        background-size: 25px auto;
+    }
+    
+    .profile-social{
+        background: url("images/icon-chamilo.png") no-repeat 0 -414px;
+        padding-left: 30px;
+        background-size: 25px auto;
+    }
+    
+    .add-course{
+        background: url("images/icon-chamilo.png") no-repeat 0 -274px;
+        padding-left: 30px;
+        background-size: 25px auto;
+    }
+   
+    .order-course{
+        background: url("images/icon-chamilo.png") no-repeat 0 -447px;
+        padding-left: 30px;
+        background-size: 25px auto;
+    }
+    
+    .history-course{
+        background: url("images/icon-chamilo.png") no-repeat 0 -481px;
+        padding-left: 30px;
+        background-size: 25px auto;
+    }
+    
+    .list-course{
+        background: url("images/icon-chamilo.png") no-repeat 0 -517px;
+        padding-left: 30px;
+        background-size: 25px auto;
+    }
+    .forum-btn {
+      background: url("images/icon-chamilo.png") no-repeat scroll 0 -552px / 25px auto rgba(0, 0, 0, 0);
+      padding-left: 30px;
+}
+    
+}
+@media (min-width: 321px) and (max-width: 480px){
+footer {
+    height: 5em;
+  }
+}
+/*+++++++++++++++++++++++++++++++++
+END RESPONSIVE CSS
++++++++++++++++++++++++++++++++++*/

main/css/chamilo_green/frames.css

@@ -55,61 +55,12 @@ img {
 	float: right;
 	font-weight: bold;
 }
-
 #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;

main/css/chamilo_green/learnpath.css

@@ -80,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 {
@@ -121,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 {
@@ -159,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;
@@ -173,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;

main/css/chamilo_green/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;

main/css/chamilo_green/scorm.css

@@ -179,57 +179,96 @@
     width: 99%;
     border-right: 1px none;
 }
+
 .inner_lp_toc {
     overflow: auto;
     background-color: white;
     height: 210px;   
 }
-.inner_lp_toc .scorm_item {
+
-	font-size: 11px;
+.inner_lp_toc .scorm_item a {
-	margin-left: 10px;
+    font-weight: normal;
-	margin-right:10px;
+    font-size: 12px;
-}
-.inner_lp_toc .scorm_item A {
-	font-size: 11px;
     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;
@@ -238,8 +277,6 @@
 }
 .inner_lp_toc .scorm_title_text {
     margin-left: 10px;
- //padding: 2px;
- //cambiado no existe
 }
 .inner_lp_toc .scorm_status_img {
     margin:0px;
@@ -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 {
@@ -307,22 +342,141 @@
 #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;
 }
-.scorm_title_text {
+
-	margin-left: 10px;
+
+
+#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;
+  margin-top: 10px;
-	width: 89%;
+}
-	padding: 1px 5px 3px 8px;
+#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%;
 }