ultimos cambios
This commit is contained in:
parent
c307cefdfe
commit
554c281d59
190
portalcautivo/css/estilos.css
Normal file
190
portalcautivo/css/estilos.css
Normal file
@ -0,0 +1,190 @@
|
|||||||
|
body{
|
||||||
|
background: url(captiveportal-imagen_central.jpg);
|
||||||
|
background-position: center;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: cover;
|
||||||
|
}
|
||||||
|
.register {
|
||||||
|
background: -webkit-linear-gradient(left, #3931afb5, #00c6ff);
|
||||||
|
margin-top: 3%;
|
||||||
|
padding: 3%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.register-left {
|
||||||
|
text-align: center;
|
||||||
|
color: #fff;
|
||||||
|
margin-top: 4%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.register-left input {
|
||||||
|
border: none;
|
||||||
|
border-radius: 1.5rem;
|
||||||
|
padding: 2%;
|
||||||
|
width: 60%;
|
||||||
|
background: #f8f9fa;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #383d41;
|
||||||
|
margin-top: 30%;
|
||||||
|
margin-bottom: 3%;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.register-right {
|
||||||
|
background: #f8f9fa;
|
||||||
|
border-top-left-radius: 20% 50%;
|
||||||
|
border-bottom-left-radius: 20% 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.register-left img {
|
||||||
|
margin-top: 15%;
|
||||||
|
margin-bottom: 5%;
|
||||||
|
width: 25%;
|
||||||
|
-webkit-animation: mover 2s infinite alternate;
|
||||||
|
animation: mover 1s infinite alternate;
|
||||||
|
}
|
||||||
|
|
||||||
|
@-webkit-keyframes mover {
|
||||||
|
0% {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translateY(-20px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes mover {
|
||||||
|
0% {
|
||||||
|
transform: translateY(0);
|
||||||
|
}
|
||||||
|
100% {
|
||||||
|
transform: translateY(-20px);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.register-left p {
|
||||||
|
font-weight: lighter;
|
||||||
|
padding: 12%;
|
||||||
|
margin-top: -9%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.register .register-form {
|
||||||
|
padding: 10%;
|
||||||
|
margin-top: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnRegister {
|
||||||
|
float: right;
|
||||||
|
margin-top: 10%;
|
||||||
|
border: none;
|
||||||
|
border-radius: 1.5rem;
|
||||||
|
padding: 2%;
|
||||||
|
background: #0062cc;
|
||||||
|
color: #fff;
|
||||||
|
font-weight: 600;
|
||||||
|
width: 50%;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.register .nav-tabs {
|
||||||
|
margin-top: 3%;
|
||||||
|
border: none;
|
||||||
|
background: #0062cc;
|
||||||
|
border-radius: 1.5rem;
|
||||||
|
width: 40%;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.register .nav-tabs .nav-link {
|
||||||
|
padding: 2%;
|
||||||
|
height: 34px;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #fff;
|
||||||
|
border-top-right-radius: 1.5rem;
|
||||||
|
border-bottom-right-radius: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.register .nav-tabs .nav-link:hover {
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.register .nav-tabs .nav-link.active {
|
||||||
|
width: 100%;
|
||||||
|
color: #0062cc;
|
||||||
|
border: 2px solid #0062cc;
|
||||||
|
border-top-left-radius: 1.5rem;
|
||||||
|
border-bottom-left-radius: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.register-heading {
|
||||||
|
text-shadow: rgb(0, 0, 0) 0px 2px 3px;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
margin-left: 10px;
|
||||||
|
margin-top: 10%;
|
||||||
|
margin-bottom: -15%;
|
||||||
|
border-top-left-radius: 35px;
|
||||||
|
background: -webkit-linear-gradient(left, #3931af, #00c6ff) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab-content {
|
||||||
|
padding-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.boton_entrar{
|
||||||
|
margin-left: auto !important;
|
||||||
|
margin-right: auto !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.circle_button {
|
||||||
|
box-shadow: 2px 4px 0 2px rgba(0, 0, 0, 0.1);
|
||||||
|
border: .5em solid #c7d400;
|
||||||
|
font-size: 1em;
|
||||||
|
line-height: 1.1em;
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #76be4e;
|
||||||
|
margin: auto;
|
||||||
|
border-radius: 50%;
|
||||||
|
height: 7em;
|
||||||
|
width: 7em;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.circle_button:hover {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #226093;
|
||||||
|
text-decoration: none;
|
||||||
|
border-color: #c7d400;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.circle_button:visited {
|
||||||
|
color: #ffffff;
|
||||||
|
background-color: #c7d400;
|
||||||
|
text-decoration: none;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.circle-link-greater-than {
|
||||||
|
font-size: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:990px) {
|
||||||
|
.register .nav-tabs {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width:768px) {
|
||||||
|
.register-left {
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
.register-left p {
|
||||||
|
font-weight: lighter;
|
||||||
|
padding: 0px;
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
|
.register-heading{
|
||||||
|
font-size: 21px;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -155,42 +155,44 @@
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body> <nav class="navbar navbar" role="navigation">
|
||||||
<nav class="navbar navbar" role="navigation">
|
<div class="container-fluid">
|
||||||
<div class="container-fluid">
|
<div class='col-sx-12 ' id='logo_cabecera' >
|
||||||
<div class='col-sx-12 ' id='logo_cabecera' >
|
|
||||||
|
|
||||||
<div class='pull-right' >
|
<div class='pull-right' >
|
||||||
<div >
|
<div >
|
||||||
<a id='redes' title="Email" target="_redes" href="mailto:<?php echo $email[0];?>"><span><i class="fas fa-envelope"></i></span></a>
|
<a id='redes' title="Email" target="_redes" href="mailto:<?php echo $email[0];?>"><span><i class="fas fa-envelope"></i></span></a>
|
||||||
<a id='redes' title="Facebook" target="_redes" href="<?php echo $facebook[0];?>"><span><i class='fab fa-facebook-square'></i></span></a>
|
<a id='redes' title="Facebook" target="_redes" href="<?php echo $facebook[0];?>"><span><i class='fab fa-facebook-square'></i></span></a>
|
||||||
<a id='redes' title="Twitter" target="_redes" href="https://twitter.com/<?php echo $twitter[0];?>"><span><i class='fab fa-twitter'></i></span></a>
|
<a id='redes' title="Twitter" target="_redes" href="https://twitter.com/<?php echo $twitter[0];?>"><span><i class='fab fa-twitter'></i></span></a>
|
||||||
<a id='redes' title="Mapa" target="_redes" href="https://mapas.nuestrared.org/es/map/nuestrared-nodos_1#15/4.7162/-75.7063"><span><i class="fas fa-map-marked-alt"></i></span></a>
|
<a id='redes' title="Mapa" target="_redes" href="https://mapas.nuestrared.org/es/map/nuestrared-nodos_1#15/4.7162/-75.7063"><span><i class="fas fa-map-marked-alt"></i></span></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="navbar-header" style=" ">
|
<div class="navbar-header" style=" ">
|
||||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
|
||||||
<span class="sr-only">Toggle navigation</span>
|
<span class="sr-only">Toggle navigation</span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
</button>
|
</button>
|
||||||
<a id='redes' title="Inicio" target="" href="?"><span><i class='fa fa-home'></i></span></a>
|
<a id='redes' title="Inicio" target="" href="?"><span><i class='fa fa-home'></i></span></a>
|
||||||
</div>
|
|
||||||
<div class="navbar-collapse collapse">
|
|
||||||
<ul class="nav navbar-nav">
|
|
||||||
|
|
||||||
<li></li>
|
|
||||||
|
|
||||||
</ul>
|
|
||||||
|
|
||||||
</div><!--/.nav-collapse -->
|
|
||||||
</div>
|
|
||||||
</nav>
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div class="navbar-collapse collapse">
|
||||||
|
<ul class="nav navbar-nav">
|
||||||
|
|
||||||
|
<li></li>
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
</div><!--/.nav-collapse -->
|
||||||
|
</div>
|
||||||
|
</nav>
|
||||||
<header class="page-head">
|
<header class="page-head">
|
||||||
<nav class="navbar navbar-default" >
|
<nav class="navbar navbar-default" >
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
@ -203,23 +205,7 @@
|
|||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<main class="page-content col-sm-6 col-sm-push-3">
|
<main class="page-content col-sm-6 col-sm-push-3">
|
||||||
<div class='container alert alert-success col-sm-8 col-sm-push-3 button'>
|
NuestraRed.org ofrece acceso a diferentes contenidos locales a los que puedes acceder sin Interntet o datos en tu celular escribe en tu navegador: <a href="http://nuestrared.org" target="_blank">NuestraRed.org</a>
|
||||||
|
|
||||||
NuestraRed.org ofrece acceso a diferentes contenidos locales a los que puedes acceder sin Interntet o datos en tu celular escribe en tu navegador o da clic: <a href="http://nuestrared.org" class="btn btn-success" target="_blank">NuestraRed.org</a><i class="icon-hand-up"></i>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class='container alert alert-danger col-sm-8 col-sm-push-3 button'>
|
|
||||||
Si quieres acceso a Internet responde la siguiente <a href="" target="_blank" class="btn btn-danger"> encuesta</a>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class='container alert alert-info col-sm-8 col-sm-push-3'>
|
|
||||||
|
|
||||||
NuestraRed.org es un proyecto libre y colaborativo de naturaleza comunitaria que utiliza el espectro electromagnético en las frecuencias 2.4 y 5.2 Mhz
|
|
||||||
y por lo tanto no requiere permisos adicionales para su operación según Resolución 0689 / 2004 mintic.
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- User option 1: login needed with name and password -->
|
<!-- User option 1: login needed with name and password -->
|
||||||
<div id="login_password" class="hidden">
|
<div id="login_password" class="hidden">
|
||||||
<form class="form-signin">
|
<form class="form-signin">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user