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>
-      <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

@@ -1,5 +1,5 @@
 <?php
-/// ESTE ARCHIVO DEBE ESTAR UN NIVEL POR ENCIMA DEL DIRECTORIO milfs 
+/// ESTE ARCHIVO DEBE ESTAR UN NIVEL POR ENCIMA DEL DIRECTORIO milfs
 session_start();
 //ini_set('display_errors', 'On');
 require ('milfs/xajax/xajax.inc.php');
@@ -9,7 +9,7 @@ require ('milfs/funciones/convert.php');
 require ('milfs/funciones/login.php');
 require ("milfs/funciones/conex.php");
 require ("milfs/includes/markdown.php");
-$xajax->processRequests(); 
+$xajax->processRequests();
 $logo = remplacetas('empresa','id','1','imagen') ;
 $direccion = remplacetas('empresa','id','1','direccion') ;
 $telefono = remplacetas('empresa','id','1','telefono_1') ;
@@ -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>
@@ -149,16 +55,16 @@ background-color: #f0eee1 !important;
       <nav class="navbar navbar-inverse" role="navigation">
       	<div class="container-fluid">
       	  <div class='col-sx-12 ' id='logo_cabecera' style='width:100%;left:40px; background-color: white; '>
-      	 
+
 		      <div class='pull-right' >
 		      	<div style="">
 		      	<a title="Email" target="_redes" href="mailto:<?php echo $email[0];?>"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-envelope'></i></span></a>
 		      	<a title="Facebook" target="_redes" href="<?php echo $facebook[0];?>"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-facebook-square'></i></span></a>
 		      	<a title="Twitter" target="_redes" href="https://twitter.com/<?php echo $twitter[0];?>"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-twitter'></i></span></a>
 		      	<a title="Inicio" target="" href="?"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-home'></i></span></a>
-		      	
+
 		      	</div>
-		      	
+
 		      </div>
 	      </div>
           <div class="navbar-header" style="  ">
@@ -168,16 +74,16 @@ background-color: #f0eee1 !important;
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
             </button>
-            
+
             	<p>|<?php echo $razon_social[0];?>|</p>
 	<strong><?php echo $slogan[0];?></strong>
-				
+
           </div>
           <div class="navbar-collapse collapse">
             <ul class="nav navbar-nav">
-            
+
 					<li></li>
-              
+
             </ul>
 
           </div><!--/.nav-collapse -->
@@ -185,7 +91,7 @@ background-color: #f0eee1 !important;
       </nav>
 
   			<?php echo aplicacion_carrusel("","8","galeria") ;	 ?>
-  
+
     <div class="container-fluid">
 		<div class="row">
 			<div class="col-sm-8">
@@ -194,14 +100,14 @@ background-color: #f0eee1 !important;
 			<div class="col-sm-4">
 			</div>
 		</div>
-	<?php  
+	<?php
 	if(isset($_REQUEST[id])){ echo contenido_aplicacion("$_REQUEST[id]","contenido"); }
-	else{	
+	else{
-	
+
 	//echo contenido_aplicacion_nombre("Portada","banner") ;
 	//echo aplicaciones_listado("","grid");} ?>
 	<div class="container" style="width:80%">
-	<?php echo aplicaciones_listado("","banner");} 
+	<?php echo aplicaciones_listado("","banner");}
 	?>
 	</div>
 <br></br>
@@ -219,31 +125,24 @@ background-color: #f0eee1 !important;
         <h4 class='modal-title' id='myModalLabel_info'><div id='titulo_modal'></div></h4>
       </div>
       <div class='modal-body'>
-      
+
        <div id='muestra_form'></div>
       </div>
       <div class='modal-footer' id='pie_modal'>
-        
+
-       
+
       </div>
     </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> 
+        <a class='pull-right' href='http://QWERTY.co/milfs'>Powered by: &copy; MILFS </a>
-        	</div> 
+        	</div>
     <!-- Bootstrap core JavaScript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
-     <script src="milfs/js/jquery.min.js"></script> 
+     <script src="milfs/js/jquery.min.js"></script>
     <script src="milfs/js/bootstrap.min.js"></script>
     <script src="milfs/js/scripts.js"></script>
 </body>