ajustes a responsive

index.php

@@ -37,7 +37,7 @@
 <meta name='apple-mobile-web-app-status-bar-style' content='black-translucent'/>
     <!-- Chrome, Firefox OS y Opera -->
 <link rel='stylesheet' href='./librerias/animate/animate.min.css'>
-
+<link rel='stylesheet' href='librerias/css/tupale.css'>
 
 
 
@@ -1769,13 +1769,13 @@ echo "
 
 
 <div class='modal fade  animated' id='muestraInfo' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
-  <div <div id="modal_landing"  class='modal-dialog modal-lg' >
+  <div <div id='modal-landing-consulta'  class='modal-dialog modal-lg' >
-    <div class='modal-content'>
+    <div id='contenido-landing-consulta' class='modal-content'>
-      <div class='modal-header' >
+			<div id='header-landing-consulta' class='modal-header' >
-        <button type='button' class='close' data-dismiss='modal' aria-hidden='true'><i class='fa fa-times-circle'></i></button>
+					<button type='button' class='close' data-dismiss='modal' aria-hidden='true'><i class='glyphicon glyphicon-remove'></i> </button>
-        <div id='titulo_modal'></div>
+				<h4 class='modal-title' id='myModalLabel_info'><div id='titulo_modal'></div>Panel Editor Consulta</h4>
 			</div>
-      <div class='modal-body'>
+      <div id='landing-consulta' class='modal-body'>
 
        <div id='muestra_form'>
 

librerias/css/tupale.css

@@ -0,0 +1,87 @@
+/* Portal Consulta Editor*/
+#muestraInfo {
+	position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+}
+#modal-landing-consulta{
+	position: fixed;
+  margin: 0;
+  width: 100% !important;
+  height: 100%;
+  padding: 0;
+}
+
+#contenido-landing-consulta {
+	position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+#header-landing-consulta{
+position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  height: 50px;
+  padding: 10px;
+  background: #e5e5e5;
+  border: 0;
+}
+
+#panel-buscador {
+	margin-bottom: 0px !important;
+}
+
+#landing-consulta {
+	position: absolute;
+	top: 50px;
+	bottom: 60px !important;
+	display: flex;
+	width: 100%;
+	max-height: calc(100vh - 100px);
+}
+
+.scroll{
+	overflow-y: auto;
+	cursor: pointer;
+}
+.acciones-consulta>a {
+    margin-bottom: 3px;
+}
+#id_consultas>td{
+	background-color: red;
+}
+
+#div_resultados{
+	height: auto !important;
+	scroll-behavior: auto;
+}
+#pie_modal{
+	position: absolute;
+right: 0;
+bottom: 0;
+left: 0;
+height: 50px;
+padding: 12px;
+background: #e5e5e5;
+}
+
+
+.landing-heading .glyphicon {
+  transition: .3s transform ease-in-out;
+}
+.landing-heading .collapsed .glyphicon {
+  transform: rotate(90deg);
+}
+
+.input-group {
+	padding-bottom: 10px;
+}

milfs

@@ -1 +1 @@
-Subproject commit 01df026a5b8baa93f7d670d3aa0eaed77d7e98c1
+Subproject commit ec12802c476f5bd537dba160118c19a102a9bd8a

portal.php

@@ -46,100 +46,6 @@ $web = remplacetas('empresa','id','1','web') ;
 <!--   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> -->
 <!--   <link rel="points" type="application/json" href="json.php?id=<?php echo $_REQUEST["id"] ?>"> -->
 <link href="milfs/css/carousel.css" rel="stylesheet">
-<style type="text/css">
-body {
-    background: url("") no-repeat center center fixed;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    background-size: cover;
-    color: gray;
-    background-color: black;}
-.alert-info{
-color: #341208;
-border-color:  #341208;
-background-image: url("");
-}
-
-.jumbotron {
-/* background-image: url("milfs/images/secure/?file=full/<?php echo $logo[0];?>"); */
-background-size: cover;
-background-position: center;
-/* text-shadow:  1px 1px 1px rgba(255,255,255,0.8) ; */
-background-color: black;
-
-}
-
-.navbar-header > p { font-size:20px; color: white; font-family: "Open Sans",sans-serif; font-weight: normal;display:inline }
-.navbar-header > strong{ font-size:20px; color: #802a2a; font-weight: normal; font-family: "Open Sans",sans-serif; ;display:inline}
-.navbar-header {width: 50%;}
-
-.div_aplicacion {
-background-color: #f0eee1 !important;
-}
-.div_aplicacion:hover {
-   -webkit-animation: animatedBackground 1s ease-out 1;
-        -moz-animation: animatedBackground 1s ease-out 1;
-        animation: animatedBackground 1s ease-out 1;
-        -webkit-animation-fill-mode: forwards;
-        animation-fill-mode: forwards;
-        z-index: 10000;
-}
-
-    @-webkit-keyframes animatedBackground {
-        0% {
-            -webkit-transform: scale(1, 1);
-            -moz-transform: scale(1, 1);
-            -ms-transform: scale(1, 1);
-            -o-transform: scale(1, 1);
-            transform: scale(1, 1)
-        }
-        100% {
-        -webkit-transform: scale(1.1, 1.1);
-        -moz-transform: scale(1.1, 1.1);
-        -ms-transform: scale(1.1, 1.1);
-        -o-transform: scale(1.1, 1.1);
-        transform: scale(1.1, 1.1)
-        }
-
-    }
-    
-    
-    @-moz-keyframes animatedBackground {
-        0% {
-            -webkit-transform: scale(1, 1);
-            -moz-transform: scale(1, 1);
-            -ms-transform: scale(1, 1);
-            -o-transform: scale(1, 1);
-            transform: scale(1, 1)
-        }
-        100% {
-            -webkit-transform: scale(1.1, 1.1);
-            -moz-transform: scale(1.1, 1.1);
-            -ms-transform: scale(1.1, 1.1);
-            -o-transform: scale(1.1, 1.1);
-            transform: scale(1.1, 1.1)
-        }
-
-    }
-    @keyframes animatedBackground {
-        0% {
-            -webkit-transform: scale(1, 1);
-            -moz-transform: scale(1, 1);
-            -ms-transform: scale(1, 1);
-            -o-transform: scale(1, 1);
-            transform: scale(1, 1)
-        }
-        100% {
-            -webkit-transform: scale(1.1, 1.1);
-            -moz-transform: scale(1.1, 1.1);
-            -ms-transform: scale(1.1, 1.1);
-            -o-transform: scale(1.1, 1.1);
-            transform: scale(1.1, 1.1)
-        }
-
-    }
-</style>
 <?php if($_REQUEST[id] !='' AND $_REQUEST[c]){$onload ="<script type=\"text/javascript\"> xajax_formulario_modal('$_REQUEST[id]','','$_REQUEST[c]','$_REQUEST[t]')</script>";} ?>
 </head>
 <body>
@@ -229,14 +135,7 @@ background-color: #f0eee1 !important;
     </div>
   </div>
 </div>
-	       <div class='pie' style=" position: fixed; z-index: 10000;
+	       <div class='pie'>
-  bottom: 0;
-  width: 100%;
-  /* Set the fixed height of the footer here */
-  height: 50px;
-  background-color: white;
-background-image: url('milfs/images/menosmicos/background.jpg');
-">
 	      <p class='text-center'> <?php echo "$razon_social[0] $slogan[0] $direccion[0] $telefono[0] <a href ='$web[0]'>$web[0]</a>";  ?></p>
         <a class='pull-right' href='http://QWERTY.co/milfs'>Powered by: &copy; MILFS </a>
         	</div>