css responsive login for tablet

main/css/bootstrap.css

@@ -68,7 +68,6 @@ sub {
 
 img {
   max-width: 100%;
-  height: 100%;
   vertical-align: middle;
   border: 0;
   -ms-interpolation-mode: bicubic;

main/css/chamilo/default.css

@@ -335,18 +335,11 @@ a:active {
     color: #FD6600;
 }
 .page-header h2{
-    background-color:#2E75A3;
-    color: #FFFFFF;
-    font-weight: normal;
-    font-size: 14px;
+    color: #0191C7;
+    font-weight: bold;
+    font-size: 20px;
     padding-left: 10px;
     width: 250px;
-    -webkit-border-top-left-radius: 10px;
-    -webkit-border-top-right-radius: 10px;
-    -moz-border-radius-topleft: 10px;
-    -moz-border-radius-topright: 10px;
-    border-top-left-radius: 10px;
-    border-top-right-radius: 10px;
 }
 #course_tools .course-title-tools h3 {
     margin-top: 10px;
@@ -364,9 +357,9 @@ a:active {
     border-top-right-radius: 10px;
 }
 .page-header {
-  border-bottom-color: #60A5D1;
+  border-bottom-color: #0191C7;
   border-bottom-style: solid;
-  border-bottom-width: 1px;
+  border-bottom-width: 2px;
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
   padding-bottom: 0px;
 }

main/css/responsive.css

@@ -342,6 +342,12 @@ The more frequent ones have been marked with *
         background: none;
         border:none;
      }
+
+     input.span2, textarea.span2, .uneditable-input.span2 {
+        height: 45px;
+        width: 97%;
+    }
+
     #top_main_content .menu-column #reservation_block, #top_main_content .menu-column #notice_block, #top_main_content .menu-column #help_block {
         clear: both;
         display: inline-block;
@@ -550,6 +556,19 @@ The more frequent ones have been marked with *
         padding-left: 1em;
         padding-right: 1em;
     }
+    #top_main_content .span9 {
+    float: left;
+    width: 570px;
+    }
+    .section-mycampus #hot_courses .page-header {
+    width: 565px;
+    }
+    .well_border .row .span2 .thumbnail {
+      background-color: #FFFFFF;
+      background-image: none;
+      float: left;
+      margin-right: 10px;
+    }
 }
 
 @media (min-width: 801px) and (max-width: 979px) {