Implementación landingpage #18
552
css/style.css
552
css/style.css
@ -1,5 +1,6 @@
|
||||
body {
|
||||
overflow-x:hidden !important;
|
||||
|
||||
overflow-x: hidden !important;
|
||||
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 1.42857143;
|
||||
@ -13,48 +14,78 @@ h1, h2, h3, h4, h5, h6 {
|
||||
font-weight: 500;
|
||||
line-height: 1.1;
|
||||
}
|
||||
#toc{
|
||||
|
||||
#toc {
|
||||
font-size: 1em;
|
||||
padding-top: 50px;
|
||||
max-height:95% !important;
|
||||
overflow:auto !important;
|
||||
|
||||
max-height: 95% !important;
|
||||
overflow: auto !important;
|
||||
}
|
||||
|
||||
.top {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.navbar-inverse {
|
||||
background-color: #222;
|
||||
border-color: #090909;
|
||||
background-color: #222;
|
||||
border-color: #090909;
|
||||
}
|
||||
.navbar-inverse .navbar-nav > li > a {
|
||||
color: #9d9d9d;
|
||||
|
||||
.navbar-inverse .navbar-nav>li>a {
|
||||
color: #9d9d9d;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
|
||||
background: #fb4f59;
|
||||
background: #fb4f59;
|
||||
}
|
||||
|
||||
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
|
||||
border-color: #101010;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#contenedor_cabecera{
|
||||
padding-top: 22em;
|
||||
|
||||
#contenedor_cabecera {
|
||||
padding-top: 0em;
|
||||
}
|
||||
|
||||
#titulo_cabecera a{
|
||||
#logo_cabecera {
|
||||
max-width: 80% !important;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#titulo_cabecera a {
|
||||
color: lightgrey !important;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
#menu_tupale {
|
||||
height: 500px;
|
||||
overflow: auto;
|
||||
|
||||
#slogan_cabecera {
|
||||
font-size: 2em;
|
||||
text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
|
||||
margin-left: 5em;
|
||||
margin-right: 5em;
|
||||
}
|
||||
|
||||
.menu_tupale {
|
||||
height: 50vh;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#div_panel_aplicaciones {
|
||||
padding-top: 21em;
|
||||
}
|
||||
|
||||
/*NAVBAR BRAND*/
|
||||
#menu_mobil{
|
||||
display: grid !important;
|
||||
}
|
||||
#menu_social{
|
||||
text-align: right;
|
||||
float: right;
|
||||
}
|
||||
|
||||
#menu_hamburguesa{
|
||||
color: white;
|
||||
background-color: none !important;
|
||||
}
|
||||
.navbar-brand {
|
||||
transform: translateX(-50%);
|
||||
left: 50%;
|
||||
@ -65,110 +96,100 @@ h1, h2, h3, h4, h5, h6 {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.image_mobile{
|
||||
.image_mobile {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/*logo barra navegacion*/
|
||||
.navbar-brand img{
|
||||
width: 15em;
|
||||
height: auto;
|
||||
margin-top: 100px;
|
||||
transition: all 1.3s ease;
|
||||
|
||||
.navbar-brand img {
|
||||
width: 15em;
|
||||
height: auto;
|
||||
transition: all 1s ease;
|
||||
}
|
||||
|
||||
/* textos menú*/
|
||||
|
||||
#navbar-principal {
|
||||
font-size: 18px;
|
||||
padding-bottom: 2em !important;
|
||||
padding-top: 2em !important;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
#navbar-principal {
|
||||
font-size: 18px;
|
||||
padding-bottom: 2em !important;
|
||||
padding-top: 2em !important;
|
||||
transition: all 0.3s ease;
|
||||
}
|
||||
|
||||
.navbar.shrink {
|
||||
min-height: 35px;
|
||||
}
|
||||
|
||||
#navbar-principal.shrink {
|
||||
font-size: 18px;
|
||||
padding-bottom: 1em !important;
|
||||
padding-top: 1em !important;
|
||||
}
|
||||
|
||||
#navbar-principal.shrink {
|
||||
font-size: 18px;
|
||||
padding-bottom: 1em !important;
|
||||
padding-top: 1em !important;
|
||||
}
|
||||
|
||||
.navbar.shrink img {
|
||||
width: 5em;
|
||||
height: auto;
|
||||
transition: all 1.3s ease;
|
||||
margin: 0px;
|
||||
}
|
||||
.navbar.shrink img {
|
||||
width: 5em;
|
||||
height: auto;
|
||||
transition: all 1.3s ease;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.navbar.shrink .navbar-toggle {
|
||||
margin: 8px 15px 8px 0;
|
||||
padding: 7px 8px;
|
||||
}
|
||||
margin: 8px 15px 8px 0;
|
||||
padding: 7px 8px;
|
||||
}
|
||||
|
||||
.navbar-toggle {
|
||||
margin: 13px 15px 13px 0;
|
||||
padding: 4px 5px;
|
||||
|
||||
}
|
||||
|
||||
.btn-botonera-admin {
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
|
||||
#botonera-admin,
|
||||
#botonera-admin>a {
|
||||
color: white !important;
|
||||
#botonera-admin, #botonera-admin>a {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.btn-botonera-admin {
|
||||
/* margin-left: 20px; */
|
||||
/* margin-right: 20px; */
|
||||
float: left;
|
||||
/* margin-left: 20px; */
|
||||
/* margin-right: 20px; */
|
||||
float: left;
|
||||
}
|
||||
|
||||
.btn-botonera-admin:hover {
|
||||
background-color: black;
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
.btn.btn-botonera-admin:hover {
|
||||
color: white !important;
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
.intro-social-buttons {
|
||||
padding-top: 10px !important;
|
||||
padding-top: 10px !important;
|
||||
}
|
||||
|
||||
#botonera_landing {
|
||||
display: inline-flex;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.boton_land {
|
||||
margin-left: 3px !important;
|
||||
margin-left: 3px !important;
|
||||
}
|
||||
|
||||
.cabecera {
|
||||
padding-bottom: 30px;
|
||||
padding-left: 80px !important;
|
||||
padding-bottom: 30px;
|
||||
padding-left: 80px !important;
|
||||
}
|
||||
|
||||
#logo_cabecera {
|
||||
max-width: 80% !important;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
|
||||
#encabezado_proyecto {
|
||||
padding-top: 30px;
|
||||
padding-top: 30px;
|
||||
}
|
||||
|
||||
|
||||
/*PROYECTOS*/
|
||||
|
||||
/* @media (max-width: 767px){
|
||||
@ -181,43 +202,46 @@ transition: all 1.3s ease;
|
||||
background-color: #d4d4d4;
|
||||
}
|
||||
|
||||
|
||||
.div_proyecto{
|
||||
.div_proyecto {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
margin: 10px;
|
||||
float: left;
|
||||
background-color: grey;
|
||||
background-color: darkgray;
|
||||
height: 14em;
|
||||
width: 14em;
|
||||
}
|
||||
|
||||
.img-gris{
|
||||
.img-gris {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
-webkit-filter: grayscale(100%) blur(3px) ;
|
||||
left: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
-webkit-filter: grayscale(100%) blur(3px);
|
||||
max-height: 14em;
|
||||
max-width: 14em;
|
||||
z-index:10;
|
||||
transition:filter 0.2s;
|
||||
-webkit-transition:-webkit-filter 1s;
|
||||
}
|
||||
.img-gris:hover{
|
||||
filter: grayscale(0);
|
||||
z-index: 11;
|
||||
-webkit-filter: grayscale(0);
|
||||
z-index: 10;
|
||||
transition: filter 0.2s;
|
||||
-webkit-transition: -webkit-filter 1s;
|
||||
}
|
||||
|
||||
.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;
|
||||
.img-gris:hover {
|
||||
filter: grayscale(0);
|
||||
z-index: 11;
|
||||
-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*/
|
||||
@ -225,307 +249,329 @@ filter: grayscale(0);
|
||||
/*Panel Editor*/
|
||||
|
||||
.thumbnail {
|
||||
height: 100% !important;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding: 0px 0px 70px 0px;;
|
||||
border:none;
|
||||
height: 100% !important;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
padding: 0px 0px 70px 0px;
|
||||
;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.box-secciones {
|
||||
/* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
||||
/* 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 !important;
|
||||
padding: 50px;
|
||||
border-bottom: 1px solid lightgrey;
|
||||
border-radius: 0px !important;
|
||||
padding: 50px;
|
||||
border-bottom: 1px solid lightgrey;
|
||||
}
|
||||
|
||||
.box-secciones:hover {
|
||||
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
||||
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
|
||||
}
|
||||
|
||||
.img-secciones {
|
||||
max-height: 250px;
|
||||
max-height: 250px;
|
||||
}
|
||||
|
||||
#buscador_centro {
|
||||
display: inline-flex;
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
#buscador_blog {
|
||||
display: inline-flex !important;
|
||||
display: inline-flex !important;
|
||||
}
|
||||
|
||||
#fh5co-footer{
|
||||
display: inline-block;
|
||||
#fh5co-footer {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/* nube de etiquetas */
|
||||
|
||||
div.etiquetas {
|
||||
/* font-family: verdana,arial,helvetica;
|
||||
/* 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;
|
||||
float: left;
|
||||
margin: 0 3px 0 3px;
|
||||
height: 20pt;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
span.etiquetatam1 {
|
||||
font-size: 110%;
|
||||
font-size: 110%;
|
||||
}
|
||||
|
||||
span.etiquetatam2 {
|
||||
font-size: 120%;
|
||||
font-size: 120%;
|
||||
}
|
||||
|
||||
span.etiquetatam3 {
|
||||
font-size: 130%;
|
||||
font-size: 130%;
|
||||
}
|
||||
|
||||
span.etiquetatam4 {
|
||||
font-size: 140%;
|
||||
font-size: 140%;
|
||||
}
|
||||
|
||||
span.etiquetatam5 {
|
||||
font-size: 150%;
|
||||
font-size: 150%;
|
||||
}
|
||||
|
||||
span.etiquetatam6 {
|
||||
font-size: 160%;
|
||||
font-size: 160%;
|
||||
}
|
||||
|
||||
span.etiquetatam7 {
|
||||
font-size: 170%;
|
||||
font-size: 170%;
|
||||
}
|
||||
|
||||
span.etiquetatam8 {
|
||||
font-size: 180%;
|
||||
font-size: 180%;
|
||||
}
|
||||
|
||||
span.etiquetatam9 {
|
||||
font-size: 250%;
|
||||
font-size: 250%;
|
||||
}
|
||||
|
||||
span.etiquetatam10 {
|
||||
font-size: 300%;
|
||||
font-size: 300%;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/* nube de etiquetas */
|
||||
|
||||
.drop-up {
|
||||
top: auto;
|
||||
bottom: 100% !important;
|
||||
|
||||
overflow: visible;
|
||||
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 {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
display: inline-block;
|
||||
float: none;
|
||||
}
|
||||
|
||||
.navbar .navbar-collapse .navbar-principal {
|
||||
text-align: center;
|
||||
height: 30px;
|
||||
margin-top: -13px;
|
||||
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>li>a, {
|
||||
padding-top: 0px !important;
|
||||
padding-bottom: 0 !important;
|
||||
height: 30px;
|
||||
margin-top: -13px;
|
||||
}
|
||||
|
||||
.navbar-principal {
|
||||
min-height: 30px !important;
|
||||
min-height: 30px !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.topnav {
|
||||
width: 100px !important;
|
||||
display: inline;
|
||||
height: 30px;
|
||||
padding-bottom: 0 !important;
|
||||
height: 30px;
|
||||
background: none;
|
||||
border: 0px;
|
||||
-webkit-box-shadow: none;
|
||||
-moz-box-shadow: none;
|
||||
box-shadow: none;
|
||||
width: 100px !important;
|
||||
display: inline;
|
||||
height: 30px;
|
||||
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;
|
||||
}
|
||||
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);
|
||||
overflow-y: auto;
|
||||
max-height: calc(100vh - 300px);
|
||||
min-height: calc(100vh - 300px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
fieldset.fieldset-borde {
|
||||
border: 2px solid #EDEDED !important;
|
||||
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;
|
||||
border: 2px solid #EDEDED !important;
|
||||
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;
|
||||
}
|
||||
|
||||
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;
|
||||
font-size: 28px;
|
||||
!important;
|
||||
}
|
||||
|
||||
#fh5co-offcanvas .fh5co-bio img {
|
||||
border-radius: 10px !important;
|
||||
border-radius: 10px !important;
|
||||
}
|
||||
|
||||
fieldset.fieldset-borde {
|
||||
border: 2px solid #EDEDED !important;
|
||||
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;
|
||||
border: 2px solid #EDEDED !important;
|
||||
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;
|
||||
}
|
||||
|
||||
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 (min-width: 767px){
|
||||
#slogan_cabecera{
|
||||
font-size: 2em;
|
||||
text-shadow: 0px 2px 3px rgba(0,0,0,0.4);
|
||||
margin-left: 5em;
|
||||
margin-right: 5em;
|
||||
}
|
||||
#cabecera{
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
/*Se afectan todos hacia arriba*/
|
||||
|
||||
@media (min-width: 767px) {
|
||||
#cabecera {
|
||||
margin-left: 20px;
|
||||
margin-right: 20px;
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
#logo_cabecera{
|
||||
padding-top: 3em;
|
||||
#logo_cabecera {
|
||||
padding-top: 3em;
|
||||
}
|
||||
|
||||
#div_panel_aplicaciones{
|
||||
padding-top: 23em;
|
||||
}
|
||||
|
||||
.img-gris {
|
||||
filter: grayscale(0);
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 992px) {
|
||||
#slogan_cabecera{
|
||||
margin: 0em !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 767px) {
|
||||
.navbar-header{
|
||||
margin: 0px !important;
|
||||
}
|
||||
#logo_cabecera {
|
||||
.navbar-header {
|
||||
margin: 0px !important;
|
||||
float: left;
|
||||
}
|
||||
|
||||
#slogan_cabecera{
|
||||
font-size: 1.5em;
|
||||
}
|
||||
#logo_cabecera {
|
||||
padding-top: 0em;
|
||||
}
|
||||
#div_panel_aplicaciones {
|
||||
padding-top: 21em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 586px) {
|
||||
#contenedor_cabecera{
|
||||
padding-top: 18em;
|
||||
#contenedor_cabecera {
|
||||
padding-top: 0em;
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 411px) {
|
||||
#contenedor_cabecera{
|
||||
padding-top: 13em;
|
||||
#div_panel_aplicaciones {
|
||||
padding-top: 15em;
|
||||
}
|
||||
#principal_general{
|
||||
#logo_cabecera {
|
||||
max-width: 65% !important;
|
||||
}
|
||||
#principal_general {
|
||||
padding-left: 2em;
|
||||
}
|
||||
#texto_articulo{
|
||||
padding: 0px !important
|
||||
}
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 495px) {
|
||||
#contenedor_cabecera {
|
||||
padding-top: 0em;
|
||||
}
|
||||
|
||||
#principal_general {
|
||||
padding-left: 3em;
|
||||
}
|
||||
#proyectos{
|
||||
display: grid !important;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 320px) {
|
||||
#slogan_cabecera {
|
||||
font-size: 1em;
|
||||
}
|
||||
#div_panel_aplicaciones {
|
||||
padding-top: 10em;
|
||||
}
|
||||
}
|
||||
|
||||
@ -2691,7 +2691,7 @@ $listado .= "<li > <a class='btn btn-link' onclick=\"xajax_portal_filtro_cadena
|
||||
Filtro $campo_nombre[0] <i class='glyphicon glyphicon-filter'></i>
|
||||
<span class='caret'></span>
|
||||
</button>
|
||||
<ul class='dropdown-menu' aria-labelledby='drown_$tabla'>
|
||||
<ul class='menu_tupale dropdown-menu' aria-labelledby='drown_$tabla'>
|
||||
$listado
|
||||
</ul>
|
||||
</div>
|
||||
@ -4142,18 +4142,18 @@ $resultado= "
|
||||
}
|
||||
if($div =="") {
|
||||
$cambiar_empresa = cambiar_empresa($_SESSION['id'],'');
|
||||
if($_SESSION['grupo']=='3'){$desadministrador ="";}else{$desadministrador ="<a href='milfs/' class='btn btn-botonera-admin'>Des-administrador</a>";}
|
||||
$boton="
|
||||
<div style='max-width:100%;' class='container-fluid noprint text-center $no_mostrar ' id='cabecera-botonera-admin'>
|
||||
$cambiar_empresa
|
||||
<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>";
|
||||
|
||||
<div class='container-fluid' id='div_panel_aplicacionesX' style='max-height:500px; overflow:auto;'></div>";
|
||||
$resultado="$boton";
|
||||
return $resultado;
|
||||
}else {
|
||||
@ -4595,7 +4595,7 @@ $asunto= "Recibiste un mensaje en [$portal_sigla] ";
|
||||
|
||||
|
||||
|
||||
if(isset($_SESSION['usuario_milfs']) OR $_SESSION['id'] !="") {
|
||||
if($_SESSION['id'] !="") {
|
||||
|
||||
if($_SESSION["id"] !="") { $usuario="MILF-$_SESSION[id]";}else{ $usuario = "$_SESSION[control_usuario_milfs]"; }
|
||||
$existe = contar_interacciones("$identificador","$accion","$usuario");
|
||||
@ -4631,17 +4631,20 @@ $formato="
|
||||
}
|
||||
else{
|
||||
|
||||
require ("./milfs/includes/parametrizacion.php");
|
||||
// require ("./milfs/includes/parametrizacion.php");
|
||||
|
||||
/// SI EL USUARIO NO ESTA LOGUEADO
|
||||
$login = milfs_session("$login_formulario","$login_campo_usuario","$login_campo_password","boton","","div_interacciones");
|
||||
//$login = milfs_session("$login_formulario","$login_campo_usuario","$login_campo_password","boton","","div_interacciones");
|
||||
$login = revisar_ingreso('');
|
||||
|
||||
|
||||
$formato ="
|
||||
<div id='div_interacciones'>
|
||||
<div class='alert alert-success'><h2>Por favor ingresa para <b>$accion</b></h2>
|
||||
<div id='div_login' class=''>
|
||||
$login
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
";
|
||||
|
||||
@ -4670,6 +4673,218 @@ $formato ="
|
||||
}
|
||||
$xajax->registerFunction("interaccion_identificador");
|
||||
|
||||
|
||||
function revisar_ingreso($formulario){
|
||||
$recordar="";
|
||||
$sucursal="";
|
||||
$resultado="";
|
||||
$formulario = mysql_seguridad($formulario);
|
||||
if($formulario =="") {
|
||||
$formulario ="
|
||||
<form class='form-horizontal' id='form-contacto' name='form-contacto' >
|
||||
<fieldset>
|
||||
<label class='' for='email'>Correo o usuario</label>
|
||||
<div class='input-group' id='grupo_email'>
|
||||
<span class='input-group-addon'><i class='glyphicon glyphicon-user fa-fw'></i></span>
|
||||
<input id='email'name='email' class='form-control input-large' type='email' placeholder ='Correo o usuario'>
|
||||
</div>
|
||||
|
||||
|
||||
<!-- Text input-->
|
||||
|
||||
|
||||
<label class='control-label' for='password'>Clave</label>
|
||||
<div class='input-group' >
|
||||
<span class='input-group-addon'><i class='glyphicon glyphicon-lock fa-fw'></i></span>
|
||||
<input class='form-control input-large' id='password' name='password' type='password' placeholder='clave' required='' >
|
||||
</div>
|
||||
|
||||
<div class='input-group'>
|
||||
<label for='recordar'>No recuerdo mi clave
|
||||
<input type='radio' value ='1' id='recordar' name='recordar' >
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
</form>
|
||||
";
|
||||
$resultado = "
|
||||
<div id='login_ok'>
|
||||
$formulario
|
||||
<!-- Button -->
|
||||
<div class='control-group'>
|
||||
<label class='control-label' for='signin'></label>
|
||||
<div class='controls'>
|
||||
<button id='ingresar' name='ingresar' class='btn btn-success btn-block' onclick=\"xajax_revisar_ingreso(xajax.getFormValues('form-contacto')) \">Ingresar</button>
|
||||
</div>
|
||||
<div >
|
||||
¿Nuevo usuario?
|
||||
<button id='ingresar' name='ingresar' class='btn btn-warning btn-block' onclick=\"xajax_registro_express('','nuevo');\" ; >Regístrate</button>
|
||||
</div>
|
||||
</div>
|
||||
<br>
|
||||
<div id='login_info'></div>
|
||||
</div>
|
||||
";
|
||||
if(!isset($_SESSION['id'])){ print $resultado; }else {
|
||||
|
||||
//print $nuevo ;
|
||||
}
|
||||
return $resultado;
|
||||
}
|
||||
include("milfs/includes/datos.php");
|
||||
if(!isset($tabla_autenticacion)){
|
||||
include("includes/datos.php");
|
||||
}
|
||||
$div='contenido';
|
||||
$respuesta = new xajaxResponse('utf-8');
|
||||
|
||||
$email = $formulario['email'];
|
||||
$recordar = @$formulario['recordar'];
|
||||
|
||||
|
||||
if($email =='') {
|
||||
|
||||
$respuesta->addAlert("Ingresa tu nombre de usuario o email");
|
||||
return $respuesta;
|
||||
}
|
||||
if($formulario['password'] =='' AND $recordar =='') {
|
||||
|
||||
$respuesta->addAlert("Ingresa tu clave");
|
||||
return $respuesta;
|
||||
}
|
||||
$password= MD5($formulario['password']);
|
||||
$link=Conectarse();
|
||||
mysqli_set_charset($link, "utf8");
|
||||
|
||||
if($recordar =='1')
|
||||
{
|
||||
if($email =='')
|
||||
{
|
||||
$tipo='danger';
|
||||
$mensaje ="Por favor escribe tu <strong>correo o usuario</strong> si olvidaste tu clave.";
|
||||
$respuesta->addAssign($div,"innerHTML",$mensaje);
|
||||
return $respuesta;
|
||||
}else
|
||||
{
|
||||
$consulta = "SELECT id,email,control,id_empresa FROM $tabla_autenticacion WHERE (email = '$email' OR username = '$email' )";
|
||||
$sql=mysqli_query($link,$consulta);
|
||||
|
||||
if (mysqli_num_rows($sql)!='0')
|
||||
{
|
||||
$firma_recuperacion = sha1("$control".mktime()."");
|
||||
$correo = mysqli_result($sql,0,"email");
|
||||
$control = mysqli_result($sql,0,"control");
|
||||
$id_usuario = mysqli_result($sql,0,"id");
|
||||
$id_empresa = mysqli_result($sql,0,"id_empresa");
|
||||
|
||||
$firma ="UPDATE $tabla_autenticacion SET `firma_recuperacion` = '$firma_recuperacion' WHERE $tabla_autenticacion.`id` = '$id_usuario';";
|
||||
$cambiar_firma=mysqli_query($link,$firma);
|
||||
$tipo='success';
|
||||
|
||||
$direccion = remplacetas("empresa","id",$id_empresa,"direccion","");
|
||||
$telefono = remplacetas("empresa","id",$id_empresa,"telefono","");
|
||||
$web = remplacetas("empresa","id",$id_empresa,"web","");
|
||||
$email = remplacetas("empresa","id",$id_empresa,"email","");
|
||||
$imagen = remplacetas("empresa","id",$id_empresa,"imagen","");
|
||||
$razon_social = remplacetas("empresa","id",$id_empresa,"razon_social","");
|
||||
$slogan = remplacetas("empresa","id",$id_empresa,"slogan","");
|
||||
|
||||
$headers = "MIME-Version: 1.0\r\n";
|
||||
$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
|
||||
$headers .= "From: $razon_social[0] <$email[0]>\r\n";
|
||||
$headers .= "Reply-To: $email[0]\r\n";
|
||||
$headers .= "Return-path: $email[0]\r\n";
|
||||
|
||||
$asunto= "Cambio de clave";
|
||||
$cuerpo ="
|
||||
$razon_social[0]
|
||||
<div style='border: solid 1px; padding:20px ; border-radius: 10px; background-color:#E6F8E0 '>
|
||||
<h1>$razon_social[0]</h1>
|
||||
|
||||
<hr />
|
||||
<p>Se ha solicitado un cambio de clave para tu usuario.<br />
|
||||
Si fuiste tu quien lo solicitó, sigue este <a href='http://$_SERVER[HTTP_HOST]/milfs/index.php?change=$firma_recuperacion'>enlace</a> para realizar el cambio.</p>
|
||||
http://$_SERVER[HTTP_HOST]/milfs/index.php?change=$firma_recuperacion
|
||||
|
||||
<h3>Si no solicitaste el cambio, por favor comunícalo respondiendo este correo.</h3>
|
||||
</div>
|
||||
|
||||
";
|
||||
$mensaje =" Enviamos un correo con la confirmación a $correo";
|
||||
mail("$correo","$asunto","$cuerpo","$headers") ;
|
||||
}else
|
||||
{
|
||||
$tipo='danger';
|
||||
$mensaje ="El <strong>correo o usuario</strong> no se encuentra registrado.";
|
||||
}
|
||||
}
|
||||
$resultado ="<div class='alert alert-$tipo'>$mensaje</div>";
|
||||
$respuesta->addAssign($div,"innerHTML",$resultado);
|
||||
|
||||
return $respuesta;
|
||||
}
|
||||
|
||||
//$consulta = "SELECT * FROM $tabla_autenticacion WHERE (email = '$email' OR username = '$email' )AND passwd = '$password' LIMIT 1";
|
||||
$consulta= "SELECT *, $tabla_autenticacion.id AS id_usuario
|
||||
FROM $tabla_autenticacion, usuarios_grupo
|
||||
WHERE (email = '$email' OR username = '$email' )AND passwd = '$password'
|
||||
AND $tabla_autenticacion.id_grupo = usuarios_grupo.id
|
||||
LIMIT 1";
|
||||
//$respuesta->addAssign("login_info","innerHTML",$consulta);
|
||||
//return $respuesta;
|
||||
$sql=mysqli_query($link,$consulta);
|
||||
if($sql){
|
||||
if (mysqli_num_rows($sql)!='0'){
|
||||
if(mysqli_result($sql,0,"status") === '0' ) {
|
||||
$resultado = "
|
||||
<div class='alert alert-danger' >
|
||||
Aún no se ha confirmado tu email, por favor revisa tu correo</p>
|
||||
</div >";
|
||||
//$div ="login_ok";
|
||||
|
||||
}
|
||||
else {
|
||||
//session_destroy();
|
||||
$_SESSION = array();
|
||||
$_SESSION['username']= mysqli_result($sql,0,"username");
|
||||
$_SESSION['id']= mysqli_result($sql,0,"id_usuario");
|
||||
$_SESSION['grupo']= mysqli_result($sql,0,"id_grupo");
|
||||
$_SESSION['equipo']= mysqli_result($sql,0,"equipo");
|
||||
$_SESSION['tabla_autenticacion']= "$tabla_autenticacion";
|
||||
$_SESSION['prioridad'] = mysqli_result($sql,0,"prioridad");
|
||||
$_SESSION['id_empresa']= mysqli_result($sql,0,"id_empresa");
|
||||
|
||||
$_SESSION[$usuarios_sesion]= "$usuarios_sesion";
|
||||
$_SESSION['site']= "$url";
|
||||
$_SESSION['consulta']= "$consulta";
|
||||
|
||||
$div = "div_login";
|
||||
|
||||
$resultado .="
|
||||
$sucursal
|
||||
|
||||
<div class=' alert alert-success'><h3><b>Hola $_SESSION[username] </b</h3></div>";
|
||||
//$url=urlencode('../index.php');
|
||||
//$respuesta->addRedirect("$_SESSION[site]");
|
||||
$respuesta->addScript("window.location=''");
|
||||
// $respuesta->addAssign($div,"innerHTML",$resultado);
|
||||
//header("Location: ../");
|
||||
//return;
|
||||
}
|
||||
}}else{
|
||||
$resultado = "
|
||||
<div class='alert alert-danger' >
|
||||
Los datos no son correctos, por favor rectifica o ponte en contacto con el administrador para mas información.<br></p>
|
||||
<a href='./' class='btn btn-danger btn-sm'><h2>Intentar de nuevo</h2></a>
|
||||
</div >";
|
||||
}
|
||||
$respuesta->addAssign($div,"innerHTML",$resultado);
|
||||
return $respuesta;
|
||||
}
|
||||
|
||||
$xajax->registerFunction("revisar_ingreso");
|
||||
|
||||
|
||||
function eliminar_identificador($identificador,$accion,$formulario) {
|
||||
$respuesta = new xajaxResponse('utf-8');
|
||||
$div="eliminar_$identificador";
|
||||
@ -5583,14 +5798,12 @@ while( $row = mysqli_fetch_array( $sql ) ) {
|
||||
}
|
||||
$i++;
|
||||
if($row['imagen'] !="") {
|
||||
$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-position: 50% 50%;' >";
|
||||
$logo="<img class='lazy img-gris img-responsive ' alt='$row[razon_social]' src='milfs/images/loading.gif' data-src='milfs/images/secure/?file=300/$row[imagen]' >";
|
||||
}
|
||||
else {
|
||||
$logo_empresa = remplacetas('empresa','id',"1",'imagen','');
|
||||
//$logo="<img class=' lazy img img-responsive' data-src='milfs/images/sinimagen.jpg' alt='$row[razon_social]'>";
|
||||
$logo="<img class=' lazy img img-responsive' style='width:300px; display:block;' data-src='milfs/images/sinimagen.jpg' alt='$row[razon_social]'>";
|
||||
$logo="<img class=' lazy img img-responsive' data-src='milfs/images/sinimagen.jpg' alt='$row[razon_social]'>";
|
||||
}
|
||||
// $slogan= substr($row[slogan],0, $length = 100)."";
|
||||
$slogan = $row['slogan'];
|
||||
@ -5599,7 +5812,7 @@ while( $row = mysqli_fetch_array( $sql ) ) {
|
||||
<div class='proyecto col-md-$cols col-sm-$cols ' title=''>
|
||||
<div class='div_proyecto'>
|
||||
<a href='http://$dominio[0]/e$row[id_empresa]' target ='empresa'>
|
||||
<div class='proyecto_titulo ' style=''>$row[razon_social]</div>
|
||||
<div href='http://$dominio[0]/e$row[id_empresa]' target ='empresa' class='proyecto_titulo ' style=''>$row[razon_social]</div>
|
||||
$logo
|
||||
|
||||
|
||||
@ -15505,7 +15718,7 @@ $multiple=mysqli_result($sql,0,"multiple");
|
||||
}
|
||||
$exif="&exif";
|
||||
}
|
||||
if($zoom =="") { $zoom="12";}
|
||||
if($zoom =="") { $zoom="5";}
|
||||
$render .= "
|
||||
<div style='position:relative'>
|
||||
<div class='input-group'>
|
||||
@ -17401,8 +17614,8 @@ function parametrizacion($array) {
|
||||
|
||||
function registro_express($formulario,$accion) {
|
||||
//$formulario = mysql_seguridad($formulario);
|
||||
require("includes/datos.php");
|
||||
require ("includes/parametrizacion.php");
|
||||
// require("includes/datos.php");
|
||||
include ("includes/parametrizacion.php");
|
||||
|
||||
//if($nombre_formulario =="") {$nombre_formulario = "login";}
|
||||
$nombre_formulario = "login";
|
||||
|
||||
Loading…
Reference in New Issue
Block a user