More fixes in the CSS for small screens

main/css/base.css

@@ -2761,19 +2761,26 @@ form .formw .freeze {
 
 /* header cell in data table in tools */
 .data_table {
-    margin-top: 8px;
-    border-collapse: collapse;
-    border-spacing: 0;
-    margin-bottom: 15px;
-    text-align: left;
+    margin-bottom: 18px;
     width: 100%;
+    border: 1px solid #DDDDDD;
 }
 
-.data_table th {
-    line-height: normal;
-    padding: 8px 10px;
-    vertical-align: middle;
+.data_table th, .data_table td {
+    border-top: 1px solid #DDDDDD;
+    line-height: 18px;
+    padding: 6px;
+    text-align: left;
+    vertical-align: top;    
+}
+
+.data_table th {    
+    padding: 8px 10px;    
     font-weight: bold;
+    background-color: #F2F2F2;
+    border-bottom: 1px solid #DDDDDD;
+}
+.data_table td {    
 }
 
 .data_table_no_border {
@@ -2793,6 +2800,27 @@ form .formw .freeze {
     vertical-align: middle;
 }
 
+.data_table tr.row_odd {
+    background-color: #F9F9F9;
+}
+.data_table tr.row_odd:hover, .data_table tr.row_even:hover {
+    background-color: #E5EDF9;
+}
+.data_table tr.row_even {
+    background-color: #fff;
+}
+
+
+.data_table_no_border td .highlight{
+    font-weight: bold;
+}
+
+.data_table_pagination {
+    width:100%;
+    margin-top: 8px;    
+}
+
+
 .form-stacked .label {
     display: block;
     float: none;

main/css/base_chamilo.css

@@ -456,41 +456,6 @@ a.nobold:hover {
     padding-left:5px;
 }
 
-.data_table {    
-    border: 1px solid #DDDDDD;        
-}
-
-.data_table th {
-    border-bottom: 1px solid #DDDDDD;    
-    background-color: #F2F2F2;      
-}
-
-.data_table tr.row_odd {
-    background-color: #F9F9F9;
-}
-.data_table tr.row_odd:hover, .data_table tr.row_even:hover {
-    background-color: #E5EDF9;
-}
-.data_table tr.row_even {
-    background-color: #fff;
-}
-.data_table td {
-    border-bottom: 1px solid #DDDDDD;
-    line-height: normal;
-    padding: 6px;
-    text-align: left;
-    vertical-align: middle;
-}
-
-.data_table_no_border td .highlight{
-    font-weight: bold;
-}
-
-.data_table_pagination {
-    width:100%;
-    margin-top: 8px;    
-}
-
 /* admin page tool list definitions */
 .tool_list dt {
     font-weight: bold;

main/css/chamilo/default.css

@@ -42,9 +42,9 @@ a:active {
 
 .subnav .nav > #current > a,
 .subnav .nav > #current > a:hover {  
-  color: #fff;
-  background-color: #028DC2;
-  border-right-color: #028DC2;  
+    color: #fff;
+    background-color: #028DC2;
+    border-right-color: #028DC2;  
 }
 
 .subnav li a {

main/css/public_admin/default.css

@@ -379,7 +379,18 @@ a:active {
  *  HEADER 3: TABS OF THE HEADER			     	 *
  *****************************************************/
 .subnav .navbar-inner {    
-    background-image: url(images/fondoHeader3.jpg);	    
+    /* background-image: url(images/fondoHeader3.jpg);*/
+    
+    background-color: #2B4C75; /* Old browsers */
+    background-repeat: repeat-x; /* Repeat the gradient */
+    background-image: -moz-linear-gradient(top, #2B4C75 0%, #1B334F 100%); /* FF3.6+ */  
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2B4C75), color-stop(100%,#1B334F)); /* Chrome,Safari4+ */
+    background-image: -webkit-linear-gradient(top, #2B4C75 0%, #1B334F 100%); /* Chrome 10+,Safari 5.1+ */
+    background-image: -ms-linear-gradient(top, #2B4C75 0%,#1B334F 100%); /* IE10+ */
+    background-image: -o-linear-gradient(top, #2B4C75 0%,#1B334F 100%); /* Opera 11.10+ */
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2B4C75', endColorstr='#1B334F',GradientType=0 ); /* IE6-9 */
+    background-image: linear-gradient(top, #2B4C75 0%,#1B334F 100%); /* W3C */    
+    
 }
 
 .subnav .nav > li > a {

main/css/responsive.css

@@ -5,10 +5,9 @@
 /* Phone */
 
 /* Show 2 icons instead of one */
-@media (max-width: 320px) {
-    #course_tools .row .span4 {
-        /*float: left;        
-        width: 180px;*/
+@media (max-width: 320px) {    
+    .navbar .brand {
+         font-size: 16px;
     }
 }
 
@@ -71,9 +70,6 @@
         font-size: 14px;
     }
     
-    
-     
-    
     footer {
         border-top: 1px solid #CCCCCC;
         background-color: #fff;
@@ -84,6 +80,11 @@
     footer #footer_left a, footer #footer_center a, footer #footer_right a {
         color : #999;
     }
+    
+    .subbav .nav > li > a:hover,
+    .subbav .dropdown-menu a:hover {
+        background-color: #555;
+    }
 }
 
 @media (max-width: 767px) {
@@ -120,10 +121,6 @@
         display:none;
     }
     
-    #header2 .nav-pills {
-        display:none;
-    }
-
     /* Remove any padding from the body */
     body {
         padding-top: 0;
@@ -161,6 +158,10 @@
                 border-radius: 4px 4px 0 0;
     }
     
+    .subnav .navbar-inner li a:hover {
+        background-color: #666;
+        color: #fff;
+    }    
     
      /* .new_actions */
     .new_actions {           

main/inc/lib/template.lib.php

@@ -610,6 +610,10 @@ class Template {
         }
         $this->assign('message_link', $message_link);
         
+        $institution = api_get_setting('Institution');
+        $portal_name = empty($institution) ? api_get_setting('siteName') : $institution;
+        
+        $this->assign('portal_name', $portal_name);
         //Menu
         $menu = return_menu();
         $this->assign('menu', $menu);

main/template/default/layout/menu.tpl

@@ -8,7 +8,7 @@
                 <span class="icon-bar"></span>
                 <span class="icon-bar"></span>
             </a>
-            <a class="brand" href="{{ _p.web }}">{{ "Institution" | get_setting }}</a>
+            <a class="brand" href="{{ _p.web }}">{{ portal_name }}</a>
             <div class="nav-collapse">
                 <ul class="nav">
                     {{ menu }}