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>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar" role="navigation">
|
||||
<div class="container-fluid">
|
||||
<div class='col-sx-12 ' id='logo_cabecera' >
|
||||
<body> <nav class="navbar navbar" role="navigation">
|
||||
<div class="container-fluid">
|
||||
<div class='col-sx-12 ' id='logo_cabecera' >
|
||||
|
||||
<div class='pull-right' >
|
||||
<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="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="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 class='pull-right' >
|
||||
<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="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="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 class="navbar-header" style=" ">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<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">
|
||||
</div>
|
||||
</div>
|
||||
<div class="navbar-header" style=" ">
|
||||
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a id='redes' title="Inicio" target="" href="?"><span><i class='fa fa-home'></i></span></a>
|
||||
|
||||
|
||||
<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">
|
||||
<nav class="navbar navbar-default" >
|
||||
<div class="container-fluid">
|
||||
@ -203,23 +205,7 @@
|
||||
</nav>
|
||||
</header>
|
||||
<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 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>
|
||||
|
||||
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>
|
||||
<!-- User option 1: login needed with name and password -->
|
||||
<div id="login_password" class="hidden">
|
||||
<form class="form-signin">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user