Browse Source

update css chamilo_blue

Alex 11 years ago
parent
commit
7c3f89d7ba
44 changed files with 969 additions and 296 deletions
  1. 655 83
      main/css/chamilo_electric_blue/default.css
  2. 1 81
      main/css/chamilo_electric_blue/frames.css
  3. BIN
      main/css/chamilo_electric_blue/images/background_message.png
  4. BIN
      main/css/chamilo_electric_blue/images/bar_1.gif
  5. BIN
      main/css/chamilo_electric_blue/images/bar_1m.gif
  6. BIN
      main/css/chamilo_electric_blue/images/bar_1r.gif
  7. BIN
      main/css/chamilo_electric_blue/images/bar_1u.gif
  8. BIN
      main/css/chamilo_electric_blue/images/bg-button.gif
  9. BIN
      main/css/chamilo_electric_blue/images/bg-footer.gif
  10. BIN
      main/css/chamilo_electric_blue/images/bg-header1.gif
  11. BIN
      main/css/chamilo_electric_blue/images/bg-header4.png
  12. BIN
      main/css/chamilo_electric_blue/images/bg-menu.png
  13. BIN
      main/css/chamilo_electric_blue/images/bgmenusup.png
  14. BIN
      main/css/chamilo_electric_blue/images/button_back.gif
  15. BIN
      main/css/chamilo_electric_blue/images/button_back.jpg
  16. BIN
      main/css/chamilo_electric_blue/images/button_delete.gif
  17. BIN
      main/css/chamilo_electric_blue/images/button_login.gif
  18. BIN
      main/css/chamilo_electric_blue/images/button_minus.gif
  19. BIN
      main/css/chamilo_electric_blue/images/button_next.gif
  20. BIN
      main/css/chamilo_electric_blue/images/button_plus.gif
  21. BIN
      main/css/chamilo_electric_blue/images/fondoFooter.jpg
  22. BIN
      main/css/chamilo_electric_blue/images/fondoHeader2.jpg
  23. BIN
      main/css/chamilo_electric_blue/images/fondoHeader3.jpg
  24. BIN
      main/css/chamilo_electric_blue/images/fondoNav.jpg
  25. BIN
      main/css/chamilo_electric_blue/images/footer.jpg
  26. BIN
      main/css/chamilo_electric_blue/images/header-logo.png
  27. BIN
      main/css/chamilo_electric_blue/images/logoMouse.jpg
  28. BIN
      main/css/chamilo_electric_blue/images/shadow.gif
  29. BIN
      main/css/chamilo_electric_blue/images/systemenouvelles.jpg
  30. BIN
      main/css/chamilo_electric_blue/images/tab.png
  31. BIN
      main/css/chamilo_electric_blue/images/tab_center-active.gif
  32. BIN
      main/css/chamilo_electric_blue/images/tab_center.gif
  33. BIN
      main/css/chamilo_electric_blue/images/tab_left-active.gif
  34. BIN
      main/css/chamilo_electric_blue/images/tab_left-hover-active.gif
  35. BIN
      main/css/chamilo_electric_blue/images/tab_left-hover.gif
  36. BIN
      main/css/chamilo_electric_blue/images/tab_left.gif
  37. BIN
      main/css/chamilo_electric_blue/images/tab_right-active.gif
  38. BIN
      main/css/chamilo_electric_blue/images/tab_right-hover.gif
  39. BIN
      main/css/chamilo_electric_blue/images/tab_right.gif
  40. BIN
      main/css/chamilo_electric_blue/images/tab_right.jpg
  41. BIN
      main/css/chamilo_electric_blue/images/tab_rigth.gif
  42. 6 5
      main/css/chamilo_electric_blue/learnpath.css
  43. 31 5
      main/css/chamilo_electric_blue/print.css
  44. 276 122
      main/css/chamilo_electric_blue/scorm.css

+ 655 - 83
main/css/chamilo_electric_blue/default.css

@@ -1,120 +1,551 @@
 /*****************************************************
  *  MAIN  - CHAMILO CSS
  *****************************************************/
- 
+
 /* Adding default style for the chamilo_X themes */
 @import url('../base_chamilo.css');
 
 /* the following for regular <a> elements */
 a {
     text-decoration: none;
-    color :#0D21E2
+    color :#6E6E6E;
 }
 a:visited {
     text-decoration: none;    
 }
 a:hover {
     text-decoration: none;
-    color: #f3840d;
+    color: #476BD6;
 }
 a:active {
     text-decoration: none;
-    color : #0D21E2;
+    color : #3757f7;
 }
-
-#header1 {
-    /* background-image:url(images/bg-header1.gif); */
+.navbar .nav > li > a {
+    float: none;
+    line-height: 20px;
+    padding-bottom: 13px;
+    padding-right: 10px;
+    padding-top: 13px;
 }
-
-
-.subnav-fixed {
-    position: fixed;
-    top: 0px;
-    left: 0;
-    right: 0;
-    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-repeat: repeat-x; /* Repeat the gradient */
-  background-image: -moz-linear-gradient(top, #0015E2 0%, #3446EE 100%); /* FF3.6+ */
-  
-  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0015E2), color-stop(100%,#3446EE)); /* Chrome,Safari4+ */
-  background-image: -webkit-linear-gradient(top, #0015E2 0%, #3446EE 100%); /* Chrome 10+,Safari 5.1+ */
-  background-image: -ms-linear-gradient(top, #0015E2 0%,#3446EE 100%); /* IE10+ */
-  background-image: -o-linear-gradient(top, #0015E2 0%,#3446EE 100%); /* Opera 11.10+ */
-  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0015E2', endColorstr='#3446EE',GradientType=0 ); /* IE6-9 */
-  background-image: linear-gradient(top, #0015E2 0%,#3446EE 100%); /* W3C */  
+    background-color: #133AAC; /* Old browsers */
+    background-repeat: repeat-x; /* Repeat the gradient */
+    background-image: none;
+    border: none;
 }
 
 .subnav .nav > li > a {
-    border-left: 1px solid #0015E2;
-    border-right: 1px solid #0015E2;
+    border-left: 1px solid #133AAC;
+    border-right: 1px solid #133AAC;
+    color: white;
+    font-weight: normal;
+    font-size: 13px;
 }
 
+
 .subnav .nav > #current > a,
 .subnav .nav > #current > a:hover {  
-  color: #fff;
-  background-color: #0015E2;
-  border-right-color: #0015E2;  
+    color: #fff;
+    background-color: #2B4181;
+    border-right-color: #2B4181;  
 }
 
-.subnav .nav > li > a {
+.subnav li a {
     color:#fff;
 }
 
 /* Green hover */
 .subnav .navbar-inner li a:hover {
-    background: none repeat scroll 0 0 #0015E2;
+    background: none repeat scroll 0 0 #476BD6;
     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;
+}
 
 /*****************************************************
- *  FOOTER STYLES                                    *
+ *  STYLE THEME CHAMILO                              *
  *****************************************************/
-footer {
-    background-color: #030FB0;
-    background-image: url(images/bg-footer.gif);
-    background-repeat:repeat-x;
+.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:#4B8A08;
+    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;
-    color:#ffffff;
-    height: 9em;
+    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:#133AAC;
+    background-image: none;
+    border:none;
+}
+.btn-primary:hover{
+    background-color:#2B4181;
+    color: #FFFFFF;
+}
+
+/* styles for the star rater */
+.star-rating{
+    list-style:none;
+    margin: 0px;
+    padding:0px;
+    width: 125px;
+    height: 25px;
+    position: relative;
     overflow:hidden;
-    width: 100%;    
+    background: url(images/start-level.png) top left repeat-x;
 }
-/* Sticky footer*/
-.push {
-    height: 9em; /* Very important */
+.star-rating li{
+    padding:0px;
+    margin:0px;
+    width:25px;
+    height:25px;
+    float: left;
 }
-#footer .copyright {
-    float: right;
-    padding-top:60px;
-    margin-right:5%;    
+.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;
 }
 
-.footer_emails{
-    float: left;
-    padding-top:60px;
-    margin-right:5%;    
+.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:  #D8D8D8;
+    color: #666666;
+    padding-left: 15px;
+}
+.controls .btn{
+    background:#87BA0A;
+    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: #2B4181;
+}
+.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: #133AAC;
+}
+#homepage .row .span9 a:hover{
+    color: #476BD6;
+}
+.page-header h2{
+    color: #133AAC;
+    font-weight: bold;
+    font-size: 20px;
+    padding-left: 10px;
+    width: 250px;
+}
+#course_tools .course-title-tools h3 {
+    margin-top: 10px;
+    color: #133AAC;
+    font-weight: normal;
+    
+    
+}
+.page-header {
+  border-bottom-color: #133AAC;
+  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 {
+    height: 10em;    
+    background-color: #133AAC;
+    background-image: none;
+    background-repeat:repeat-x;    
+    color:#ffffff;
+    border-top: none;   
+}
+footer .container .row {
+  padding-top: 5px;
+}
+footer a:link, footer a:visited {
+  color: #F1D40D;
+}
 /*****************************************************
  *  DISPLAY MESSAGES	                             *
  *****************************************************/
-.normal-message {    
-    color: #00407F;	
-    border: 1px solid #CDE6F5;	
+/*****************************************************
+ *  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;
     background: url("images/background_message.png") repeat-x scroll 0 0 #EAF8FE;
 }
-.warning-message {    
+.warning-message {
     border: 1px solid #FFB30F;
-    color: #000;    
+    color: #000;
 	background: url("images/background_message.png") repeat-x scroll 0 0 #FFEFA7;
 }
 .confirmation-message {
@@ -122,25 +553,20 @@ footer {
     color:#1F8323;
 	background: url("images/background_message.png") repeat-x scroll 0 0 #CAF0C7;
 }
-.error-message {        
+.error-message {
     border: 1px solid #FF0000;
     color: #440000;
 	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:#030FB0;
+	background-color:#00AAE3;
 }
 
 #social-content-online {
-    background-color:#030FB0;
+    background-color:#00AAE3;
 }
-        
+		
 .admin_section li {
     background-image:url(images/bullet.gif);
 }
@@ -160,14 +586,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);
@@ -202,7 +620,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 {
@@ -216,14 +634,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);
 }
@@ -232,3 +649,158 @@ button.arrowl, input.arrowl {
     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
++++++++++++++++++++++++++++++++++*/

+ 1 - 81
main/css/chamilo_electric_blue/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;

BIN
main/css/chamilo_electric_blue/images/background_message.png


BIN
main/css/chamilo_electric_blue/images/bar_1.gif


BIN
main/css/chamilo_electric_blue/images/bar_1m.gif


BIN
main/css/chamilo_electric_blue/images/bar_1r.gif


BIN
main/css/chamilo_electric_blue/images/bar_1u.gif


BIN
main/css/chamilo_electric_blue/images/bg-button.gif


BIN
main/css/chamilo_electric_blue/images/bg-footer.gif


BIN
main/css/chamilo_electric_blue/images/bg-header1.gif


BIN
main/css/chamilo_electric_blue/images/bg-header4.png


BIN
main/css/chamilo_electric_blue/images/bg-menu.png


BIN
main/css/chamilo_electric_blue/images/bgmenusup.png


BIN
main/css/chamilo_electric_blue/images/button_back.gif


BIN
main/css/chamilo_electric_blue/images/button_back.jpg


BIN
main/css/chamilo_electric_blue/images/button_delete.gif


BIN
main/css/chamilo_electric_blue/images/button_login.gif


BIN
main/css/chamilo_electric_blue/images/button_minus.gif


BIN
main/css/chamilo_electric_blue/images/button_next.gif


BIN
main/css/chamilo_electric_blue/images/button_plus.gif


BIN
main/css/chamilo_electric_blue/images/fondoFooter.jpg


BIN
main/css/chamilo_electric_blue/images/fondoHeader2.jpg


BIN
main/css/chamilo_electric_blue/images/fondoHeader3.jpg


BIN
main/css/chamilo_electric_blue/images/fondoNav.jpg


BIN
main/css/chamilo_electric_blue/images/footer.jpg


BIN
main/css/chamilo_electric_blue/images/header-logo.png


BIN
main/css/chamilo_electric_blue/images/logoMouse.jpg


BIN
main/css/chamilo_electric_blue/images/shadow.gif


BIN
main/css/chamilo_electric_blue/images/systemenouvelles.jpg


BIN
main/css/chamilo_electric_blue/images/tab.png


BIN
main/css/chamilo_electric_blue/images/tab_center-active.gif


BIN
main/css/chamilo_electric_blue/images/tab_center.gif


BIN
main/css/chamilo_electric_blue/images/tab_left-active.gif


BIN
main/css/chamilo_electric_blue/images/tab_left-hover-active.gif


BIN
main/css/chamilo_electric_blue/images/tab_left-hover.gif


BIN
main/css/chamilo_electric_blue/images/tab_left.gif


BIN
main/css/chamilo_electric_blue/images/tab_right-active.gif


BIN
main/css/chamilo_electric_blue/images/tab_right-hover.gif


BIN
main/css/chamilo_electric_blue/images/tab_right.gif


BIN
main/css/chamilo_electric_blue/images/tab_right.jpg


BIN
main/css/chamilo_electric_blue/images/tab_rigth.gif


+ 6 - 5
main/css/chamilo_electric_blue/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;

+ 31 - 5
main/css/chamilo_electric_blue/print.css

@@ -763,26 +763,52 @@ 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;
+	background-color: #fafafa;	
 }
 .data_table tr.row_odd:hover, .data_table tr.row_even:hover {
 	background-color: #f0f0f0;
 }
 .data_table tr.row_even {
-	background-color: #fff;
+	background-color: #fff;	
+}
+.data_table td .highlight {
+    font-weight: bold;
 }
 .data_table td {
-	padding: 5px;
-	vertical-align: top;
+	padding: 5px;	
 	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;

+ 276 - 122
main/css/chamilo_electric_blue/scorm.css

@@ -105,9 +105,9 @@
 
 .inner_lp_toc .scorm_item_section .scorm_item:before
 {
-    content: url("../../img/lp_section.png");  /* from main/newscorm/lp_controller.php file */
+    content : url('../../img/lp_section.png');  /* from main/newscorm/lp_controller.php file */
     vertical-align: text-top;
-    margin-right:10px;
+    margin-right : 5px;
 }
 
 .scorm_section_level_0 {
@@ -162,167 +162,321 @@
 
 
 .scormpage {
-	height: 100%;
+    height: 100%;
 }
 .scormpage .menu {
-	width: 180px;
-	float: left;
-	margin: 1px;
-	padding: 0px;
-	margin-top: 0px;
-	padding-top: 0px;
-	font-size: small;
+    width: 180px;
+    float: left;
+    margin: 1px;
+    padding: 0px;
+    margin-top: 0px;
+    padding-top: 0px;
+    font-size: small;
 }
 .lp_toc {
-	background-color: white;
-	height: 380px;
-	width: 99%;
-	border-right: 1px none;
+    background-color: white;
+    height: 380px;
+    width: 99%;
+    border-right: 1px none;
 }
+
 .inner_lp_toc {
-	overflow: auto;
-	background-color: white;
-	height: 210px;	
+    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 {
-	font-size: 11px;
-	margin-right: 1px;
-	padding-bottom: 2px;
-	text-decoration: none;
-	font-weight: normal;
+
+.inner_lp_toc .scorm_item a.chapter_module {
+    font-weight: normal;
+    margin-right: 10px;
 }
-.inner_lp_toc .scorm_item A.chapter_module {
-	font-weight: normal;
-	margin-right: 10px;
+.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;
-	margin-right: 1px;
-	padding-bottom: 2px;
-	text-decoration: none;
-	font-weight: normal;
-	background:#aaa;
-}
-.inner_lp_toc .scorm_item_highlight A {
-	font-size: 11px;
-	margin-right: 1px;
-	text-decoration: none;
-	font-weight: normal;
+
+.inner_lp_toc .scorm_item_highlight a {
+    color:#fff;
+    margin-right: 1px;
+    text-decoration: none;
+    font-weight: normal;
 }
+
+.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;  
+    
+}
+
+.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;
-	margin-right: 1px;
-	padding-bottom: 2px;
-	text-decoration: none;
-	font-weight: normal;
-	background:#ddd;
+    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: 10px 0px 10px 0px;
+    text-decoration: none;
+    font-weight: normal;
+    /* background:#FDFDFD; */   
 }
-.inner_lp_toc .scorm_item_2 {
-	font-size: 11px;
-	margin-right: 1px;
-	padding-bottom: 2px;
-	text-decoration: none;
-	font-weight: normal;
-	background:#eee;
+
+.inner_lp_toc .scorm_item_2 {    
+    background-image:none;
+    border-bottom: 1px solid #CCCCCC;
+    color: #444444;
+    font-weight: normal;
+    margin-right: 1px;  
+    padding: 10px 0px 10px 0px;
+    text-decoration: none;
+    font-weight: normal;
 }
+
 .inner_lp_toc .scorm_title {
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
+    font-weight: bold;
+    background:#ccc;
+    font-size: 14px;
+    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;
-	margin-left: -10px;
-	width:10px;
+    margin:0px;
+    margin-left: -10px;
+    width:10px;
 }
 .lp_navigation {
-	overflow: auto;
-	background-color: white;
-	height: 44px;
-	width:180px;
-	padding-top: 4px;
-	padding-bottom:0px;
-	border: none;
-	margin-top: -18px;
-	border-top: 1px dotted black;
-	border-bottom: 1px dotted black;
+    overflow: auto;
+    background-color: white;
+    height: 44px;
+    width:180px;
+    padding-top: 4px;
+    padding-bottom:0px;
+    border: none;
+    margin-top: -18px;
+    border-top: 1px dotted black;
+    border-bottom: 1px dotted black;
 }
 .lp_navigation_elem {
-	padding-left: 15px;
-	padding-top: 0px;
+    padding-left: 15px;
+    padding-top: 0px;
 }
 /*.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 {
-	margin-left: 0px;
-	margin-right: 0em;
-	margin-top: 0.4em;
+    margin-left: 0px;
+    margin-right: 0em;
+    margin-top: 0.4em;
 }
 .scormpage .menu .notification {
-	background-color: white;
-	height: 50px;
+    background-color: white;
+    height: 50px;
 }
 .scormpage .menu .notification .message {
-	background-color: white;
-	height: 50px;
-	width: 180px;
-	border: none;
+    background-color: white;
+    height: 50px;
+    width: 180px;
+    border: none;
 }
 .scormpage .content {
-	/*float: left;
-	width: 60%;*/
-	margin-top: 0px;
-	padding-top: 0px;
-	padding-left: 180px;
-	background-color: white;
+    /*float: left;
+    width: 60%;*/
+    margin-top: 0px;
+    padding-top: 0px;
+    padding-left: 180px;
+    background-color: white;
 }
 .iframe {
-	border: 0px solid black;
-	height: 100%;
-	width: 95%;
-	margin: 0px;
-	padding-right: 0px;
-	overflow: auto;
-	vertical-align: top;
+    border: 0px solid black;
+    height: 100%;
+    width: 95%;
+    margin: 0px;
+    padding-right: 0px;
+    overflow: auto;
+    vertical-align: top;
 }
 .scormpage .footer {
-	clear: both;
+    clear: both;
 }
 #image_preview {
-	padding-left: 17px;
-}
-#author_name {
-	padding-left: 5px;
-	padding-top: 5px;
-	font-size: 11px;
-	color:#888;
+    padding-left: 17px;
 }
 #msg_div_id {
-	padding-left: 17px;
-	padding-top: 4px;
-}
-.scorm_title_text {
-	margin-left: 10px;
-	font-weight: bold;
-	background:#ccc;
-	font-size: 14px;
-	color: #444;
-	width: 89%;
-	padding: 1px 5px 3px 8px;
+    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: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;
+  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%;
+}