From 8a401651458ddc9c43499e6711a1e347c0f4ead8 Mon Sep 17 00:00:00 2001
From: h4ckypurpl3 <h4ckypurpl3@gmail.com>
Date: Sat, 21 Apr 2018 20:06:40 -0500
Subject: [PATCH] estilos landing page responsie

---
 index.php                     |  26 +-
 milfs/css/style.css           | 431 +++++++++++++++++++++-------------
 milfs/funciones/funciones.php | 159 ++++++++-----
 3 files changed, 379 insertions(+), 237 deletions(-)

diff --git a/index.php b/index.php
index 6504653..82f401f 100644
--- a/index.php
+++ b/index.php
@@ -1000,12 +1000,12 @@ $uri = $_SERVER['REQUEST_URI'];
 
             <li class='dropdown ' >
                 <a style='background-color:#F3F1F0; color:red; border-top-left-radius: 0px; border-bottom-left-radius: 0px;'  href='#' class='dropdown-toggle menu_tupale img-rounded' data-toggle='dropdown' role='button' aria-haspopup='true' aria-expanded='false'><i class='fa fa-bars'></i><span class='hidden-xs'> $portal_sigla<span></a>
-		          <ul class='dropdown-menu' style='background-color: white;' >
-		          	<li><a class='' href='$portal_url'><i class='fa fa-home'></i>  Portal</a></li>
-             		<li><a class='' href='$link_empresa'>$sigla[0] Inicio</a></li>
-                  <li><a href='milfs/'>Administrador</a></li>
-                  <li><a href='s363'>Blog</a></li>
-                  <li><a href='s133'>Ayuda y documentación</a></li>
+		          <ul class='dropdown-menu' id='menu_tupale' >
+		          	<li><a class='' href='$portal_url'><i class='fa fa-qrcode'></i>  Portal</a></li>
+             		<li><a class='' href='$link_empresa'>$sigla[0] <i class='fa fa-home'></i> Inicio</a></li>
+                  <li><a href='milfs/'><i class='fa fa-sign-in'></i> Ingresar</a></li>
+                  <li><a href='s363'><i class='fa fa-bookmark'></i> Blog</a></li>
+                  <li><a href='s133'><i class='fa fa-question-circle'></i> Ayuda y documentación</a></li>
              		<li role='separator' class='divider'></li>
              		".aplicaciones_listado("$id_empresa",'','nav','')."
 		          </ul>
@@ -1348,8 +1348,8 @@ echo $css_adicional;
  				<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
 				<ul class="fh5co-social list-inline intro-social-buttons ">
 					<?php echo $soporte; ?>
-					<li><a href="https://twitter.com/<?php echo $twitter[0]; ?>"><i class="fa fa-twitter"></i></a></li>
-					<li><a href="<?php echo $facebook[0]; ?>"><i class="fa fa-facebook"></i></a></li>
+					<li><a href="https://twitter.com/<?php echo $twitter[0]; ?>"><i class="fa fa-twitter fa-lg"></i></a></li>
+					<li><a href="<?php echo $facebook[0]; ?>"><i class="fa fa-facebook fa-lg"></i></a></li>
 					<!-- <li><?php echo milfs_session("$login_formulario","$login_campo_usuario","$login_campo_password","boton",""); ?></li> -->
 
 				</ul>
@@ -1357,14 +1357,14 @@ echo $css_adicional;
 			</div>
 				 <div id='meta_cabecera' class="col-lg-12 col-md-12 ">
 
-					  <div class="container">
+					  <div class="container cabecera">
 						  
                    <div class="col-md-9">
                     <div id='formulario_login' class='' ></div>
 
                     <div class='container' id='contenedor_cabecera'>
 						<div class='col-sm-12 col-md-3' id='logo_cabecera'>
-							
+
 							<a href="./e<?php echo $id_empresa; ?>">
 								<img id='logo_cabecera' class='center-block img img-responsive' style='' src="milfs/images/secure/?file=300/<?php echo $logo[0]; ?>">
 							</a>
@@ -1381,7 +1381,7 @@ echo $css_adicional;
 	                 if(isset($_REQUEST['asistento'])) {
                         echo asistente_aplicaciones("",'','','');
 		                     }else {
-		                  echo "<a href='?asistento' class='btn btn-success'>Quiero crear una aplicación. </a>";
+		                  echo "<a href='?asistento' class='btn btn-success'>Crea tu aplicación en 3 pasos </a>";
 
 		                     }
 	                 ?>
@@ -1410,7 +1410,7 @@ echo $css_adicional;
 
 
 	</header>
-		<div class="container">
+		<div class="container" id="secciones">
 			
 			<?php  
 			$id_campo = campo_titulo($set) ;
@@ -1434,7 +1434,7 @@ echo $css_adicional;
 				</div>
 			<div class='col-md-9' id='texto_articulo'>"
 				;
-			}else{ echo "<div class='col-md-12' id='texto_articulo'>" ;} ?>
+			}else{ echo "<div class='col-sm-push-1 col-sm-12 col-md-12' id='texto_articulo'>" ;} ?>
 		<?php echo $eventos;
                         if($id_empresa=="") {
 
diff --git a/milfs/css/style.css b/milfs/css/style.css
index bd6ad57..e47a61f 100644
--- a/milfs/css/style.css
+++ b/milfs/css/style.css
@@ -1,157 +1,233 @@
-
-
-
-#logo_cabecera{
-  max-width: 80% !important;
+#cabecera-botonera-admin {
+    background-color: #777677;
 }
 
-#encabezado_proyecto{
-padding-top: 30px;
+.btn-botonera-admin {
+    margin-left:20px;
+    margin-right: 20px;
+    border-left: 1px solid white;
 }
 
 
+#botonera-admin,
+#botonera-admin>a {
+    color: white !important;
+}
+
+.btn-botonera-admin:hover {
+    background-color: black;
+}
+
+.btn.btn-botonera-admin:hover {
+    color: white !important;
+}
+
+.intro-social-buttons {
+    padding-top: 10px !important;
+}
+
+.cabecera {
+    padding-bottom: 30px;
+}
+
+#logo_cabecera {
+    max-width: 80% !important;
+}
+
+#encabezado_proyecto {
+    padding-top: 30px;
+}
+
+.thumbnail {
+    height: 400px;
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 10px;
+}
+
+.box-secciones {
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
+    border-radius: 0px;
+    border: none;
+}
+
+.box-secciones:hover {
+    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
+}
+
+.img-secciones {
+    max-height: 150px;
+}
+
+
+
+
+
 /* nube de etiquetas */
 
-
-div.etiquetas{
-  /* font-family: verdana,arial,helvetica;
+div.etiquetas {
+    /* font-family: verdana,arial,helvetica;
    font-size:8pt;
    */
-   padding:5px;
+    padding: 5px;
 }
-div.etiquetas span{
-   float: left;
-   margin: 0 3px 0 3px;
-  height: 20pt;
-   white-space: nowrap;
-}
-span.etiquetatam1{
-   font-size: 110%;   
-}
-span.etiquetatam2{
-   font-size: 120%;   
-}
-span.etiquetatam3{
-   font-size: 130%;   
-}
-span.etiquetatam4{
-   font-size: 140%;   
-}
-span.etiquetatam5{
-   font-size: 150%;   
-}
-span.etiquetatam6{
-   font-size: 160%;   
-}
-span.etiquetatam7{
-   font-size: 170%;   
-}
-span.etiquetatam8{
-   font-size: 180%;   
-}
-span.etiquetatam9{
-   font-size: 250%;   
-}
-span.etiquetatam10{
-   font-size: 300%;   
-}
-/* nube de etiquetas */
 
+div.etiquetas span {
+    float: left;
+    margin: 0 3px 0 3px;
+    height: 20pt;
+    white-space: nowrap;
+}
+
+span.etiquetatam1 {
+    font-size: 110%;
+}
+
+span.etiquetatam2 {
+    font-size: 120%;
+}
+
+span.etiquetatam3 {
+    font-size: 130%;
+}
+
+span.etiquetatam4 {
+    font-size: 140%;
+}
+
+span.etiquetatam5 {
+    font-size: 150%;
+}
+
+span.etiquetatam6 {
+    font-size: 160%;
+}
+
+span.etiquetatam7 {
+    font-size: 170%;
+}
+
+span.etiquetatam8 {
+    font-size: 180%;
+}
+
+span.etiquetatam9 {
+    font-size: 250%;
+}
+
+span.etiquetatam10 {
+    font-size: 300%;
+}
+
+
+
+
+/* nube de etiquetas */
 
 .drop-up {
     top: auto;
     bottom: 100% !important;
-  
+
     overflow: visible;
 }
+
 .dropdown-menu {
- min-width:300px;
-  padding: 3px;
-  z-index: 99999;
+    min-width: 300px;
+    padding: 3px;
+    z-index: 99999;
 }
-.navbar .navbar-nav  {
+
+.navbar .navbar-nav {
     display: inline-block;
     float: none;
-
 }
+
 .navbar .navbar-collapse .navbar-principal {
     text-align: center;
-        height: 30px;
-    margin-top: -13px;
-
-}
-
- .navbar-principal > li > a,   {
-    padding-top:0px !important; padding-bottom:0 !important;
     height: 30px;
     margin-top: -13px;
 }
-.navbar-principal  {min-height:30px !important;}
 
-
-
-
-.topnav  {
-	width: 100px !important;
-	display: inline;
-	height: 30px;
-	padding-top:-10px !important;
-	padding-bottom:0 !important;
-	height:30px;
-	background:none;
-	border:0px;
-	-webkit-box-shadow: none;
-	-moz-box-shadow: none;
-	box-shadow: none;
+.navbar-principal>li>a,
+{
+    padding-top: 0px !important;
+    padding-bottom: 0 !important;
+    height: 30px;
+    margin-top: -13px;
 }
 
+.navbar-principal {
+    min-height: 30px !important;
+}
+
+
+
+
+.topnav {
+    width: 100px !important;
+    display: inline;
+    height: 30px;
+    padding-top: -10px !important;
+    padding-bottom: 0 !important;
+    height: 30px;
+    background: none;
+    border: 0px;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+}
+
+
+
+
 
 
 /*width:80px; background: none; border:0px; -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 */
-	
+
 @media all {
-   div.saltopagina{
-      display: none;
-   }
+    div.saltopagina {
+        display: none;
+    }
 }
-   
-@media print{
-   div.saltopagina{ 
-      display:block; 
-      page-break-before:always;
-   }   
-   div.noprint{ 
-      display:none; 
-     
-   }
+
+@media print {
+    div.saltopagina {
+        display: block;
+        page-break-before: always;
+    }
+    div.noprint {
+        display: none;
+    }
 }
-<!-- 	ESTILOS PRIORITARIOS -->
-.modal-dialog {
-  width: 95% !important;
-  height: auto;
-  padding: 0;
+
+<!-- ESTILOS PRIORITARIOS -->.modal-dialog {
+    width: 95% !important;
+    height: auto;
+    padding: 0;
 }
 
 .modal-lg {
-  width: 98% !important;
-  height: auto;
-  
-  padding: 0;
+    width: 98% !important;
+    height: auto;
+
+    padding: 0;
 }
+
 .modal-xs {
-  width: 40% !important;
-  height: auto;
-  
-  padding: 0;
+    width: 40% !important;
+    height: auto;
+
+    padding: 0;
 }
 
 .modal-content {
-  height: auto;
-
+    height: auto;
 }
+
 .modal-body {
     max-height: calc(100vh - 300px);
     min-height: calc(100vh - 300px);
@@ -160,92 +236,115 @@ box-shadow: none;
 
 fieldset.fieldset-borde {
     border: 2px solid #EDEDED !important;
-    border-radius:3px;
+    border-radius: 3px;
     padding: 0 1.4em 1.4em 1.4em !important;
     margin: 0 0 1.5em 0 !important;
-    -webkit-box-shadow:  0px 0px 0px 0px #000;
-            box-shadow:  0px 0px 0px 0px #000;
+    -webkit-box-shadow: 0px 0px 0px 0px #000;
+    box-shadow: 0px 0px 0px 0px #000;
 }
 
 legend.legend-area {
-        font-size: 1.2em !important;
-        font-weight: bold !important;
-        text-align: left !important;
-        width:auto;
-        padding:0 10px;
-        border-bottom:none;
-    }
+    font-size: 1.2em !important;
+    font-weight: bold !important;
+    text-align: left !important;
+    width: auto;
+    padding: 0 10px;
+    border-bottom: none;
+}
 
-.fh5co-post-entry article h2{
- 	font-size: 28px; !important;
- }
- #fh5co-offcanvas .fh5co-bio img{
-border-radius: 10px !important;
- }
- fieldset.fieldset-borde {
+.fh5co-post-entry article h2 {
+    font-size: 28px;
+    !important;
+}
+
+#fh5co-offcanvas .fh5co-bio img {
+    border-radius: 10px !important;
+}
+
+fieldset.fieldset-borde {
     border: 2px solid #EDEDED !important;
-    border-radius:3px;
+    border-radius: 3px;
     padding: 0 1.4em 1.4em 1.4em !important;
     margin: 0 0 1.5em 0 !important;
-    -webkit-box-shadow:  0px 0px 0px 0px #000;
-            box-shadow:  0px 0px 0px 0px #000;
+    -webkit-box-shadow: 0px 0px 0px 0px #000;
+    box-shadow: 0px 0px 0px 0px #000;
 }
 
 legend.legend-area {
-        font-size: 1.2em !important;
-        font-weight: bold !important;
-        text-align: left !important;
-        width:auto;
-        padding:0 10px;
-        border-bottom:none;
-    }
+    font-size: 1.2em !important;
+    font-weight: bold !important;
+    text-align: left !important;
+    width: auto;
+    padding: 0 10px;
+    border-bottom: none;
+}
+
+
+
 
 /*RESPONSIVE*/
 
 @media (max-width: 991px) {
-  #encabezado_proyecto{
-    text-align: center;
-  }
+    #encabezado_proyecto {
+        text-align: center;
+        padding-top: 0px !important;
+    }
 
 
-  #logo_cabecera{
-    margin-left: 8em !important;
-    max-width: 60% !important;
-    padding-top: 0px !important;
-  }
-
+    #logo_cabecera {
+        margin-left: 8em !important;
+        max-width: 60% !important;
+        padding-top: 0px !important;
+    }
 }
 
 @media (max-width: 768px) {
-  .modal-body {     
-  max-height: calc(100vh - 100px) !important;
-    min-height: calc(100vh - 100px) !important; 
-    }
- 
-
-  #encabezado_proyecto{
-  padding-top: 0px !important;
-    
+    .modal-body {
+        max-height: calc(100vh - 100px) !important;
+        min-height: calc(100vh - 100px) !important;
     }
 
-    
- 
-
+    #menu_tupale {
+        background-color: #dfdfdf;
+    }
+    .btn-botonera-admin {
+    margin-left:0px;
+    margin-right: 0px;
+    border-left: none;
 }
+
+    .dropdown-menu>li>a {
+        color: #333 !important;
+    }
+
+    .thumbnail {
+        height: 100%;
+    }
+
+    #secciones,
+    .articulo_cuadro {
+        padding: 0px;
+    }
+}
+
 @media (max-width: 600px) {
-  #logo_cabecera{
-  margin-left: 5em !important;
-  }
-
-}
-
-  @media (max-width: 480px) {
-  #logo_cabecera{
-  margin-left: 3em !important;
-  }
-
+    #logo_cabecera {
+        margin-left: 5em !important;
+    }
 }
 
 
 
-/*FIN responsive*/ 
+@media (max-width: 480px) {
+    #logo_cabecera {
+        margin-left: 1em !important;
+        max-width: 100% !important;
+    }
+}
+
+
+
+
+
+
+/*FIN responsive*/
\ No newline at end of file
diff --git a/milfs/funciones/funciones.php b/milfs/funciones/funciones.php
index c3e4a10..3c38f14 100644
--- a/milfs/funciones/funciones.php
+++ b/milfs/funciones/funciones.php
@@ -356,7 +356,7 @@ $consulta ="SELECT *,count(distinct control) as cantidad FROM form_datos WHERE f
 			include("./milfs/includes/datos.php");	
 			include("./milfs/includes/parametrizacion.php");
 		$cantidad=mysqli_num_rows($sql);
-						while($row=mysqli_fetch_assoc($sql))
+						while($row=mysqli_fetch_assoc($sql))
 				{
 					$nombre_autor = remplacetas("$tabla_autenticacion","id",$row['id_usuario'],"username",'') ;
 					if($nombre_autor[0] !="") { $Autor = $nombre_autor[0];}
@@ -421,7 +421,7 @@ $sql=mysqli_query($link,$consulta);
 if (mysqli_num_rows($sql)!='0'){
 //$resultado = mysqli_num_rows($sql);
 //$resultado = mysqli_result($sql,0,"cantidad");
-while($row=mysqli_fetch_assoc($sql))
+while($row=mysqli_fetch_assoc($sql))
 				{
 					if($tipo == "array") {
 					$resultado[$row['item']] = $row['descripcion'];
@@ -774,22 +774,22 @@ $footer
 
     </div>
 <div id='viewport' title='Doble click para agregar una nota' style='width:100%; zoom: $zoom[0]; ' onclick=\" xajax_ultimos_registros(document.getElementById('ultimo_id').value,'$form'); \"   >
-
+
 	<div id='main' ondblclick=\"coordenadas(event);\"  style=' top: 1000px;' >
 	<div class='container-fluid'>
 
-</div>
+</div>
 		<div  class=' img-rounded tablero_titulo ' style='' ><h1>$titulo[0] <br><small>$descripcion[0]</small></h1>
 		<span class='data'>$form-titulo</span>
 		<div class='hidden' id='mensaje_titulo'></div>
 			<div id='div_session'>
 			$login 
 			</div>
-		</div>
+		</div>
 
-
-		$notes
-	    <span id='prueba' class=''></span>
+
+		$notes
+	    <span id='prueba' class=''></span>
 	</div>	
 </div> 
 <script type='text/javascript'>
@@ -840,7 +840,7 @@ function ultimos_registros($id,$form) {
 				mysqli_set_charset($link, "utf8");
 				$sql=mysqli_query($link,$consulta);
 				if (mysqli_num_rows($sql)!='0'){
-				while($row=mysqli_fetch_assoc($sql))
+				while($row=mysqli_fetch_assoc($sql))
 				{
 				$registros .= notes("$form",'','',"$row[control]")." ";
 				
@@ -896,20 +896,20 @@ if($accion =="") {
 	if($registro !="") {
 		//$color='blue';
 	$consulta = "SELECT * FROM form_datos WHERE form_id = '$id' AND control ='$registro'  Limit 1";
-	}else {
+	}else {
 	$consulta = "SELECT * FROM form_datos WHERE form_id = '$id' GROUP BY control ORDER BY id desc limit 100  ";
 	}
-//	return $consulta;
+//	return $consulta;
 $link=Conectarse();
 	mysqli_set_charset($link, "utf8");
 	$sql=mysqli_query($link,$consulta);
 	
 	if (mysqli_num_rows($sql)!='0'){
-$notes = '';
-$left='';
-$top='';
-$zindex='';
-
+$notes = '';
+$left='';
+$top='';
+$zindex='';
+
 //$id_campo = campo_titulo($id) ;
 		$id_campo = remplacetas('form_parametrizacion','campo',$id,'descripcion'," tabla='form_id' and  opcion = 'descripcion'") ;
 		$id_campo = $id_campo[0];
@@ -918,24 +918,24 @@ $zindex='';
 		}
 $orden =1;
 $orden_left =1;
-mysqli_data_seek($sql, 0);
-while($row=mysqli_fetch_assoc($sql))
+mysqli_data_seek($sql, 0);
+while($row=mysqli_fetch_assoc($sql))
 {
 	
 
 	
-	$titulo = remplacetas('form_datos','id_campo',$id_campo,'contenido'," control = '$row[control]' ") ;
-	$posicion = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'posicion' ") ;
-	$metadatos = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'metadatos_iniciales' ") ;
-	$color = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'clase' ") ;
+	$titulo = remplacetas('form_datos','id_campo',$id_campo,'contenido'," control = '$row[control]' ") ;
+	$posicion = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'posicion' ") ;
+	$metadatos = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'metadatos_iniciales' ") ;
+	$color = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'clase' ") ;
 	$mostrar = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'mostrar' ") ;
 
 	$gusta = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'voto' ") ;
 	$comprometo = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'voto' ") ;
-	
+	
 	$color=$color[0];
 	$mostrar =$mostrar[0];
-	
+	
 list($left,$top,$zindex) = explode('-',$posicion[0]);
 list($left_inicial,$top_inicial,$zindex_inicial,$autor) = explode('-',$metadatos[0]);
 			if($autor=="") { 
@@ -950,9 +950,9 @@ if($left=="") {
 	$left = ($orden_left+100);//random_int(1,5000);
 	$zindex = $orden;
 }else{
-
-$left=$left;
-$top=$top;
+
+$left=$left;
+$top=$top;
 $zindex=$zindex;
 
 }
@@ -960,19 +960,19 @@ $zindex=$zindex;
 if($_SESSION['username'] !='') { $autor_logueado = $_SESSION['username'];}
 elseif($_SESSION['usuario_milfs'] !='') { $autor_logueado = $_SESSION['nombre_usuario_milfs'];}
 else {$autor_logueado='';}
-
+
 if($color =="") { $color="yellow";}else { $color=$color;}
 if($mostrar =="") { $mostrar="";}else { $mostrar=$mostrar;}
-
-if($gusta[0] !="") { $gustax="text-success";}else { $gustax="";}
+
+if($gusta[0] !="") { $gustax="text-success";}else { $gustax="";}
 if($comprometo[0] !="") { $comprometox="text-success";}else { $comprometox="";}
 
 		$caracteres = strlen("$titulo[0]");
 		$texto= substr($titulo[0],0, $length = 200);
 		if($caracteres > 200) {	$texto .= "... <button type='button' class='btn btn-link btn-xs' data-html='true' data-toggle='tooltipx' data-placement='top' title='$titulo[0]'>[+]</button>";	}
-		
-		$interaccion = interaccion_identificador("$row[control]",'','simple','','');
-	$notes.= "
+		
+		$interaccion = interaccion_identificador("$row[control]",'','simple','','');
+	$notes.= "
 	<div id='nota_$id-$row[control]' class='note $color $mostrar' style=\"  left: ".$left."px; top: ".$top."px; z-index: ".$zindex." \">
 				<div class='pull-left'>
 			<a  href='#'  onclick=\"xajax_mostrar_modal('$id','$row[control]','landingpage');\" ><i class='fa fa-plus'></i></a>
@@ -987,9 +987,9 @@ if($comprometo[0] !="") { $comprometox="text-success";}else { $comprometox="";}
 		<div onclick=\"xajax_parametrizacion_linea('form_id','$id','clase','red','mensaje_$row[control]','','$row[control]');  javascript: document.getElementById('nota_$id-$row[control]').className= 'note red'; \"class='pull-right red btn accion' ></div>
 		</div>
 		<hr>
-		
-		<p>$texto</p> 
-		
+		
+		<p>$texto</p> 
+		
 		<span class='data'>$id-$row[control]</span>
 		<div class='hidden' id='mensaje_$row[control]'></div>
 		<div class='footer ' role='row'>
@@ -1017,9 +1017,9 @@ if($comprometo[0] !="") { $comprometox="text-success";}else { $comprometox="";}
 			</div> -->
 			<div class='pull-right'>
 				<footer>$autor<footer>
-			</div>
+			</div>
 		</div>
-		
+		
 	</div>
 	
 	";
@@ -1028,7 +1028,7 @@ if($comprometo[0] !="") { $comprometox="text-success";}else { $comprometox="";}
 	$orden = ($orden+2);
 	$orden_left = ($orden+1);
 	$ultimo = mktime();
-	$ultimo_id = $ultimo;
+	$ultimo_id = $ultimo;
 }
 
 return "$notes <input type='hidden' id='ultimo_id' name='ultimo_id' value='$ultimo_id'>";
@@ -1727,7 +1727,8 @@ $datos = json_decode($contenido, true);
 				$campo_tipo = remplacetas('form_campos','id',"$campo",'campo_tipo',"") ; 
 		if($campo_tipo[0] =="31") {
 			$link_url = "$_SESSION[site]milfs/archivos/?archivo=".$valor;
-			$ext = explode(".", $valor);
			$ext = strtolower($ext[count($ext) - 1]);
+			$ext = explode(".", $valor);
+			$ext = strtolower($ext[count($ext) - 1]);
 			if($ext=='jpg' or $ext=='png' or $ext=='gif') {
 				$valor="<img src='$link_url' alt='$valor' class='imagen_multiple_$campo img img-responsive'>";	
 				
@@ -3871,14 +3872,18 @@ $resultado= "
 if($div =="") {
 	$cambiar_empresa = cambiar_empresa($_SESSION['id'],'');
 $boton="
-<div style='max-width:800px;' class='container-fluid noprint  $no_mostrar '>
+<div style='max-width:100%;' class='container-fluid noprint text-center $no_mostrar ' id='cabecera-botonera-admin'>
 	$cambiar_empresa
-	<div class='btn-group form-inline' role='group' aria-label='botonera-administracion'>
-		<div onclick=\"xajax_panel_aplicaciones('$tipo','$empresa','div_panel_aplicaciones'); \" class='btn btn-default btn-xs'>Editor</div>
-		<a href='milfs/' class='btn btn-default btn-xs'>Des-administrador</a>
-		<a class='btn btn-default btn-xs' onclick=\"xajax_cerrar_sesion(); \">$_SESSION[username] $_SESSION[equipo] Salir <i class='glyphicon glyphicon-log-out '></i></a>
+	<div class='btn-group btn form-inline' role='group' aria-label='botonera-administracion' id='botonera-admin'>
+		<div onclick=\"xajax_panel_aplicaciones('$tipo','$empresa','div_panel_aplicaciones'); \" class='btn btn-botonera-admin'>Editor</div>
+		<a href='milfs/' class='btn btn-botonera-admin'>Des-administrador</a>
+		<a class='btn btn-botonera-admin hidden-xs' onclick=\"xajax_cerrar_sesion(); \">$_SESSION[username] $_SESSION[equipo] Salir <i class='glyphicon glyphicon-log-out '></i></a>
 	</div>
 </div>
+
+		<a class='btn btn-botonera-admin visible-xs' onclick=\"xajax_cerrar_sesion(); \">$_SESSION[username] $_SESSION[equipo] Salir <i class='glyphicon glyphicon-log-out '></i></a>
+
+
 			<div class='container-fluid' id='div_panel_aplicaciones' style='max-height:500px; overflow:auto;'></div>";
 $resultado="$boton";
 return $resultado;
@@ -3914,7 +3919,7 @@ $respuesta = new xajaxResponse('utf-8');
 	$resultado= "
 		<br>
 		<div id='$div' class='jumbotron'>
-		<div class='center-block btn btn-success' onclick=\"xajax_asistente_aplicaciones('listado','','','');\"; ><H3><i class='glyphicon glyphicon-magic'></i> CREA TU APLICACIÓN EN 3 PASOS</H3></div>
+		<div class='center-block btn btn-success' onclick=\"xajax_asistente_aplicaciones('listado','','','');\"; ><H3><i class='glyphicon glyphicon-magic'></i> ¡Bienvenido - Comencemos! </H3></div>
 		</div>";
 		return $resultado;
 	}
@@ -5420,10 +5425,44 @@ function grabar_imagen($imagen,$control) {
 }
 
 
-function generar_miniatura($file,$width) {
//$archivo = $file;
-$archivo = "$_SESSION[path_images_secure]/full/".$file;
// Ponemos el . antes del nombre del archivo porque estamos considerando que la ruta está a partir del archivo thumb.php
$file_info = getimagesize($archivo);
// Obtenemos la relación de aspecto
$ratio = $file_info[0] / $file_info[1];

// Calculamos las nuevas dimensiones
$newwidth = $width;
$newheight = round($newwidth / $ratio);

// Sacamos la extensión del archivo
$ext = explode(".", $file);
$ext = strtolower($ext[count($ext) - 1]);
if ($ext == "jpeg") $ext = "jpg";

// Dependiendo de la extensión llamamos a distintas funciones
switch ($ext) {
        case "jpg":
                $img = imagecreatefromjpeg($archivo);
        break;
        case "png":
                $img = imagecreatefrompng($archivo);
        break;
        case "gif":
                $img = imagecreatefromgif($archivo);
        break;
}
// Creamos la miniatura
$thumb = imagecreatetruecolor($newwidth, $newheight);
+function generar_miniatura($file,$width) {
+//$archivo = $file;
+$archivo = "$_SESSION[path_images_secure]/full/".$file;
+// Ponemos el . antes del nombre del archivo porque estamos considerando que la ruta está a partir del archivo thumb.php
+$file_info = getimagesize($archivo);
+// Obtenemos la relación de aspecto
+$ratio = $file_info[0] / $file_info[1];
+
+// Calculamos las nuevas dimensiones
+$newwidth = $width;
+$newheight = round($newwidth / $ratio);
+
+// Sacamos la extensión del archivo
+$ext = explode(".", $file);
+$ext = strtolower($ext[count($ext) - 1]);
+if ($ext == "jpeg") $ext = "jpg";
+
+// Dependiendo de la extensión llamamos a distintas funciones
+switch ($ext) {
+        case "jpg":
+                $img = imagecreatefromjpeg($archivo);
+        break;
+        case "png":
+                $img = imagecreatefrompng($archivo);
+        break;
+        case "gif":
+                $img = imagecreatefromgif($archivo);
+        break;
+}
+// Creamos la miniatura
+$thumb = imagecreatetruecolor($newwidth, $newheight);
 imagealphablending( $thumb, false );
-imagesavealpha( $thumb, true );
// La redimensionamos
imagecopyresampled($thumb, $img, 0, 0, 0, 0, $newwidth, $newheight, $file_info[0], $file_info[1]);
// La mostramos como jpg
//header("Content-type: image/jpeg");
imagejpeg($thumb,"$_SESSION[path_images_secure]/".$width."/$file", 80);
+imagesavealpha( $thumb, true );
+// La redimensionamos
+imagecopyresampled($thumb, $img, 0, 0, 0, 0, $newwidth, $newheight, $file_info[0], $file_info[1]);
+// La mostramos como jpg
+//header("Content-type: image/jpeg");
+imagejpeg($thumb,"$_SESSION[path_images_secure]/".$width."/$file", 80);
 imagepng($thumb,"$_SESSION[path_images_secure]/".$width."/$file", 9);
 imagegif($thumb,"$_SESSION[path_images_secure]/".$width."/$file");
 //imagejpeg($thumb,null, 80);
@@ -5842,7 +5881,7 @@ if (mysqli_num_rows($sql)!='0'){
 
 							<figure id ='figure_$row[id]' >
 							<a href='$favorita'>
-								<img style='max-height:170px; ' class='img img-rounded img-responsive' src='milfs/images/secure/?file=300/$imagen' alt='$row[nombre]'>
+								<img class='img img-rounded img-responsive img-secciones' src='milfs/images/secure/?file=300/$imagen' alt='$row[nombre]'>
 								<!-- <figcaption class='articulo_caption' >$row[nombre]</figcaption> -->
 							</a>
 							</figure>
@@ -5871,8 +5910,8 @@ if($ver_data[0] !="0") {$boton_ver_data ="	<a target='datos'class='boton_land bt
 if($publico[0] =='1') {
 	$linea .= "
 
-			<div style='  '  class='  articulo_cuadro col-md-4'  id='b_articulo_formulario_$row[id]'>
-				<div style='height:500px; overflow-y:auto; overflow-x:hidden; padding:10px;' class=' thumbnail '  id='b_articulo_formulario_$row[id]'>
+			<div style='  '  class='  articulo_cuadro col-xs-12 col-sm-6 col-md-4'  id='b_articulo_formulario_$row[id]'>
+				<div class=' thumbnail box-secciones'  id='b_articulo_formulario_$row[id]'>
 				<a  name='formulario_$row[id]'></a>
 					<div class='row rp-b '>
 
@@ -5892,8 +5931,8 @@ if($publico[0] =='1') {
 			}else{
 					if($llenar[0] !="0"){
 			 $linea .="
-		<div style='  '  class='  articulo_cuadro col-md-4'  id='b_articulo_formulario_$row[id]'>
-				<div style='height:500px; overflow-y:auto; overflow-x:hidden; padding:10px;' class=' thumbnail '  id='b_articulo_formulario_$row[id]'>
+		<div style='  '  class='  articulo_cuadro col-xs-12 col-sm-6 col-md-4'  id='b_articulo_formulario_$row[id]'>
+				<div  class=' thumbnail box-secciones '  id='b_articulo_formulario_$row[id]'>
 				<a  name='formulario_$row[id]'></a>
 					<div class='row rp-b '>
 
@@ -9725,7 +9764,9 @@ while ($archivo = readdir($directorio)) //obtenemos un archivo y luego otro suce
     }
     else
     {$autor="";
-    	            	$ext = explode(".", $archivo);
					$ext = strtolower($ext[count($ext) - 1]);
					if ($ext == "jpeg") {$ext = "jpg";  }
+    	            	$ext = explode(".", $archivo);
+					$ext = strtolower($ext[count($ext) - 1]);
+					if ($ext == "jpeg") {$ext = "jpg";  }
 					if ($ext == "jpg") {
 						$cantidad_imagenes++ ;
 
@@ -9790,7 +9831,9 @@ function listar_archivos( $path ,$opcion, $div,$datos){
               //  $resultado .= "<p><strong>CARPETA: ". $elemento ."</strong></p>";
             // Si es un fichero
             } else {
-            	$ext = explode(".", $elemento);
					$ext = strtolower($ext[count($ext) - 1]);
					if ($ext == "jpeg") {$ext = "jpg";  }
+            	$ext = explode(".", $elemento);
+					$ext = strtolower($ext[count($ext) - 1]);
+					if ($ext == "jpeg") {$ext = "jpg";  }
 					if ($ext == "jpg") {$cantidad_imagenes++ ;
 
 					$exif = leer_exif("$path/$elemento");
@@ -11789,7 +11832,7 @@ function configuracion($accion) {
 	$div='contenido';
 
 if($accion =='') {
-$link ="<a title='Configuración' href='#' onclick=\"xajax_configuracion('mostrar') \"><i class='glyphicon glyphicon-cog'></i></a>";
+$link ="<a title='Configuración' href='#' onclick=\"xajax_configuracion('mostrar') \"><i class='pull-right glyphicon glyphicon-cog'></i></a>";
 
 return $link;
 }elseif($accion=='mostrar') {
@@ -16725,7 +16768,7 @@ function milfs(){
 	$login = login_boton('');
 		$usuarios = "
 			<li>
-				<a title='agregar usuarios' class='btn link' onclick=\"xajax_registro_express(xajax.getFormValues('login'),'nuevo');\">
+				<a title='agregar usuarios' class='btn link pull-left' onclick=\"xajax_registro_express(xajax.getFormValues('login'),'nuevo');\">
 				<i class='glyphicon glyphicon-user'></i> Gestión de usuarios</a>
 			</li>";
 	$menu =