ajustes sobre cambios responsive

This commit is contained in:
Hacky Purple 2018-04-22 15:14:58 -05:00
parent 0d47921874
commit a723636ebe
2 changed files with 23 additions and 20 deletions

View File

@ -1359,24 +1359,24 @@ echo $css_adicional;
<div class="container cabecera"> <div class="container cabecera">
<div class="col-md-9"> <div class="col-lg-push-1 col-lg-12 col-md-9">
<div id='formulario_login' class='' ></div> <div id='formulario_login' class='' ></div>
<div class='container' id='contenedor_cabecera'> <div class='container' id='contenedor_cabecera'>
<div class='col-sm-12 col-md-3' id='logo_cabecera'> <div class='col-sm-pull-1 col-sm-12 col-md-pull-1 col-md-4' id='logo_cabecera'>
<a href="./e<?php echo $id_empresa; ?>"> <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]; ?>"> <img id='logo_cabecera' class='center-block img img-responsive' style='' src="milfs/images/secure/?file=300/<?php echo $logo[0]; ?>">
</a> </a>
</div> </div>
<div class='col-sm-12 col-md-6 col-lg-9' id="encabezado_proyecto"> <div class='col-sm-10 col-md-pull-1 col-md-6 col-lg-pull-1 col-lg-6' id="encabezado_proyecto">
<h1 id="titulo_cabecera" data-toc-skip ><a href="<?php if($id_form !=""){echo "s".$id_form;} ?>"><?php echo $titulo[0]; ?></a></h1> <h1 id="titulo_cabecera" data-toc-skip ><a href="<?php if($id_form !=""){echo "s".$id_form;} ?>"><?php echo $titulo[0]; ?></a></h1>
<div id='slogan_cabecera'><p><?php echo "$slogan[0] "; ?> </p></div> <div id='slogan_cabecera'><p><?php echo "$slogan[0] "; ?> </p></div>
</div> </div>
</div> </div>
</div> </div>
<div id="asistento" class="col-md-push-1 col-md-10 col-lg-12 col-lg-pull-2 text-center"> <div id="asistento" class="col-md-push-1 col-md-10 col-lg-10 text-center">
<?php <?php
if(isset($_REQUEST['asistento'])) { if(isset($_REQUEST['asistento'])) {
echo asistente_aplicaciones("",'','',''); echo asistente_aplicaciones("",'','','');
@ -1434,7 +1434,7 @@ echo $css_adicional;
</div> </div>
<div class='col-md-9' id='texto_articulo'>" <div class='col-md-9' id='texto_articulo'>"
; ;
}else{ echo "<div class='col-sm-12 col-md-push-1 col-md-10 col-lg-12' id='texto_articulo'>" ;} ?> }else{ echo "<div class='col-sm-12 col-md-push-1 col-md-10 col-lg-10' id='texto_articulo'>" ;} ?>
<?php echo $eventos; <?php echo $eventos;
if($id_empresa=="") { if($id_empresa=="") {

View File

@ -3,7 +3,7 @@
} }
.btn-botonera-admin { .btn-botonera-admin {
margin-left:20px; margin-left: 20px;
margin-right: 20px; margin-right: 20px;
border-left: 1px solid white; border-left: 1px solid white;
} }
@ -28,10 +28,12 @@
.cabecera { .cabecera {
padding-bottom: 30px; padding-bottom: 30px;
padding-left: 80px !important;
} }
#logo_cabecera { #logo_cabecera {
max-width: 80% !important; max-width: 80% !important;
margin: 0 auto;
} }
#encabezado_proyecto { #encabezado_proyecto {
@ -64,6 +66,7 @@
/* nube de etiquetas */ /* nube de etiquetas */
div.etiquetas { div.etiquetas {
@ -123,6 +126,7 @@ span.etiquetatam10 {
/* nube de etiquetas */ /* nube de etiquetas */
.drop-up { .drop-up {
@ -183,6 +187,7 @@ span.etiquetatam10 {
/*width:80px; background: none; border:0px; -webkit-box-shadow: none; /*width:80px; background: none; border:0px; -webkit-box-shadow: none;
-moz-box-shadow: none; -moz-box-shadow: none;
box-shadow: none; box-shadow: none;
@ -282,6 +287,7 @@ legend.legend-area {
/*RESPONSIVE*/ /*RESPONSIVE*/
@media (max-width: 991px) { @media (max-width: 991px) {
@ -292,8 +298,7 @@ legend.legend-area {
#logo_cabecera { #logo_cabecera {
margin-left: 8em !important; max-width: 100% !important;
max-width: 60% !important;
padding-top: 0px !important; padding-top: 0px !important;
} }
} }
@ -308,10 +313,10 @@ legend.legend-area {
background-color: #dfdfdf; background-color: #dfdfdf;
} }
.btn-botonera-admin { .btn-botonera-admin {
margin-left:0px; margin-left: 0px;
margin-right: 0px; margin-right: 0px;
border-left: none; border-left: none;
} }
.dropdown-menu>li>a { .dropdown-menu>li>a {
color: #333 !important; color: #333 !important;
@ -327,20 +332,18 @@ legend.legend-area {
} }
} }
@media (max-width: 600px) {
#logo_cabecera {
margin-left: 5em !important;
}
}
@media (max-width: 480px) { @media (max-width: 480px) {
#logo_cabecera { #logo_cabecera {
margin-left: 1em !important;
max-width: 100% !important; max-width: 100% !important;
} }
.cabecera {
padding-bottom: 30px;
padding-left: 0px !important;
} }
}