Actualización diseño Sección de Proyectos #12

Merged
humano merged 3 commits from kleper/milfskleper:master into master 2018-09-28 18:22:04 +00:00
2 changed files with 88 additions and 115 deletions

View File

@ -1,5 +1,22 @@
body {overflow-x:hidden!important;} body {
overflow-x:hidden!important;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
font-weight: 400;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica", times, sans-serif;
font-weight: 500;
line-height: 1.1;
}
#cabecera{
margin-left: 20px;
margin-right: 20px;
}
#cabecera-botonera-admin { #cabecera-botonera-admin {
background-color: #777677; background-color: #777677;
@ -52,6 +69,58 @@ body {overflow-x:hidden!important;}
padding-top: 30px; padding-top: 30px;
} }
/*PROYECTOS*/
/* @media (max-width: 767px){
.container-fluid.box{
padding-left: 15px !important;
}
} */
#proyectos {
background-color: #d4d4d4;
}
.div_proyecto{
display: inline-block;
position: relative;
margin: 10px;
float: left;
background-color: grey;
height: 200px;
width: 200px;
}
.img-gris{
-webkit-filter: grayscale(100%) blur(3px) ;
height: 200px;
width: 200px;
z-index:10;
transition:filter 0.2s;
-webkit-transition:-webkit-filter 1s;
}
.img-gris:hover{
filter: grayscale(0);
z-index: 500;
-webkit-filter: grayscale(0);
}
.proyecto_titulo{
position: absolute;
top:100px;
color:#fff;
background-color:#000;
padding:2px ;
opacity:0.5;
font-weight:bold; width:190px; z-index:20; word-wrap: break-word;
}
/*fin proyectos*/
.thumbnail { .thumbnail {
height: 100% !important; height: 100% !important;
overflow-y: auto; overflow-y: auto;
@ -235,7 +304,8 @@ box-shadow: none;
} }
} }
<!-- ESTILOS PRIORITARIOS -->.modal-dialog { <!-- ESTILOS PRIORITARIOS -->
.modal-dialog {
width: 95% !important; width: 95% !important;
height: auto; height: auto;
padding: 0; padding: 0;
@ -309,108 +379,11 @@ legend.legend-area {
padding: 0 10px; padding: 0 10px;
border-bottom: none; border-bottom: none;
} }
/*
RESPONSIVE */
@media (max-width: 767px){
.box {
display: table !important;
/*RESPONSIVE*/
@media only screen and (min-width: 1200px) {
} }
@media (max-width: 991px) {
#encabezado_proyecto {
text-align: center;
padding-top: 0px !important;
}
#contenedor_cabecera{
padding-top: 30px !important;
}
#buscador_blog {
padding: 0px;;
}
} }
@media (max-width: 768px) {
.modal-body {
max-height: calc(100vh - 100px) !important;
min-height: calc(100vh - 100px) !important;
}
#contenedor_cabecera{
padding-top: 30px !important;
}
#menu_tupale {
background-color: #dfdfdf;
}
.btn-botonera-admin {
margin-left: 0px;
margin-right: 0px;
border-left: none;
}
.dropdown-menu{
background-color: white !important;
}
.dropdown-menu>li>a {
color: #333 !important;
}
.thumbnail {
height: 100%;
}
#secciones,
.articulo_cuadro {
padding: 0px;
}
#btn_agregar {
margin-bottom: 3px;
}
#btn_filtro{
margin-bottom: 3px;
}
}
@media (max-width: 480px) {
#logo_cabecera {
max-width: 100% !important;
}
.cabecera {
padding-bottom: 30px;
padding-left: 0px !important;
}
#caja,
#texto_articulo,
.articulo_contenido{
padding: 0px !important;
}
.box-secciones{
padding: 40px !important;
}
}
/*FIN responsive*/

View File

@ -5573,17 +5573,17 @@ if (mysqli_num_rows($sql)!='0'){
mysqli_data_seek($sql, 0); mysqli_data_seek($sql, 0);
$fila=1; $fila=1;
$divider=3; $divider=1000;
$cols = (12/$divider); $cols = (12/$divider);
$sm = 4; $sm = 4;
$i =0; $i =0;
while( $row = mysqli_fetch_array( $sql ) ) { while( $row = mysqli_fetch_array( $sql ) ) {
if($i % $divider==0) { if($i % $divider==0) {
$encontrados .= "<div class='container-fluid ' role='row' id='grid_$i' style=''>"; $encontrados .= "<div class='container-fluid box text-center' role='row' id='grid_$i' style=''>";
} }
$i++; $i++;
if($row['imagen'] !="") { if($row['imagen'] !="") {
$logo="<img class='lazy img-responsive img-rounded' alt='$row[razon_social]' src='milfs/images/loading.gif' data-src='milfs/images/secure/?file=300/$row[imagen]' style='width:300px; display:block; background-image: url(\"\"); $logo="<img class='lazy img-gris img-responsive img-rounded' alt='$row[razon_social]' src='milfs/images/loading.gif' data-src='milfs/images/secure/?file=300/$row[imagen]' style='width:300px; display:block; background-image: url(\"\");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: 50% 50%;' >"; background-position: 50% 50%;' >";
} }
@ -5595,8 +5595,8 @@ while( $row = mysqli_fetch_array( $sql ) ) {
// $slogan= substr($row[slogan],0, $length = 100).""; // $slogan= substr($row[slogan],0, $length = 100)."";
$slogan = $row['slogan']; $slogan = $row['slogan'];
$dominio = remplacetas('empresa','id',"$row[id_empresa]",'web','') ; $dominio = remplacetas('empresa','id',"$row[id_empresa]",'web','') ;
$contenido =" $contenido ="<!-- PROYECTOS -->
<div class='proyecto col-md-$cols col-sm-$cols' title=''> <div class='proyecto col-md-$cols col-sm-$cols ' title=''>
<div class='div_proyecto'> <div class='div_proyecto'>
<a href='http://$dominio[0]/e$row[id_empresa]' target ='empresa'> <a href='http://$dominio[0]/e$row[id_empresa]' target ='empresa'>
<div class='proyecto_titulo ' style=''>$row[razon_social]</div> <div class='proyecto_titulo ' style=''>$row[razon_social]</div>
@ -5621,7 +5621,7 @@ while( $row = mysqli_fetch_array( $sql ) ) {
<h1>Proyectos</h1> <h1>Proyectos</h1>
<p class='lead'>Conoce los proyectos que usan Tupale.co para la implementación de sus herramientas, selecciona para conocer más</p> <p class='lead'>Conoce los proyectos que usan Tupale.co para la implementación de sus herramientas, selecciona para conocer más</p>
</div> </div>
<div class='container-fluid'> <div class='container'>
<div class=''> <div class=''>
$encontrados $encontrados
@ -11312,7 +11312,7 @@ $mostrar = mostrar_areas($datos['id'],"","","api");
if($privado !='1') { if($privado !='1') {
if($datos['tipo']=="simple"){ if($datos['tipo']=="simple"){
$contenido = remplacetas('form_datos','id',$row["id_dato"],'contenido',"") ; $contenido = remplacetas('form_datos','id',$row["id_dato"],'contenido',"") ;
//$resultado[0]=str_replace('\n','<br>',$resultado[0]); //$resultado[0]=str_replace('\n','<br>',$resultado[0]);
$contenido_limpio = html_entity_decode("$contenido[0]"); $contenido_limpio = html_entity_decode("$contenido[0]");
$id_campo = remplacetas('form_datos','id',$row["id_dato"],'id_campo',"") ; $id_campo = remplacetas('form_datos','id',$row["id_dato"],'id_campo',"") ;
@ -11325,7 +11325,7 @@ $mostrar = mostrar_areas($datos['id'],"","","api");
$row['contenido']= $link_url; $row['contenido']= $link_url;
} }
$row["contenido"]=str_replace('\n','<br>',$row["contenido"]); $row["contenido"]=str_replace('\n','<br>',$row["contenido"]);
$row["contenido"] = html_entity_decode("$row[contenido]"); $row["contenido"] = html_entity_decode("$row[contenido]");
$features[] = $row; $features[] = $row;
} }
@ -13714,7 +13714,7 @@ $sql=mysqli_query($link,$consulta);
if (@mysqli_num_rows($sql)!=0){ if (@mysqli_num_rows($sql)!=0){
if($por =='contenido' AND $tabla=='form_datos'){ if($por =='contenido' AND $tabla=='form_datos'){
//$resultado[0] = mysqli_result($sql,0,$por); //$resultado[0] = mysqli_result($sql,0,$por);
$resultado[0]=str_replace('\n','<br>',mysqli_result($sql,0,$por)); $resultado[0]=str_replace('\n','<br>',mysqli_result($sql,0,$por));
}else{ }else{
$resultado[0] = mysqli_result($sql,0,$por); $resultado[0] = mysqli_result($sql,0,$por);
} }
@ -15957,8 +15957,8 @@ foreach($formulario as $c=>$v){
if (is_array($v) ){ if (is_array($v) ){
foreach($v as $C=>$V){ foreach($v as $C=>$V){
$campo_tipo = remplacetas("form_campos","id",$c,"campo_tipo",""); $campo_tipo = remplacetas("form_campos","id",$c,"campo_tipo","");
$campo_nombre = remplacetas("form_campos","id",$c,"campo_nombre",""); $campo_nombre = remplacetas("form_campos","id",$c,"campo_nombre","");
if(@$campo_tipo[0] =="30" OR @$campo_tipo[0] =="24") { if(@$campo_tipo[0] =="30" OR @$campo_tipo[0] =="24") {