diff --git a/portalcautivo/css/estilos.css b/portalcautivo/css/estilos.css new file mode 100644 index 0000000..42c80f4 --- /dev/null +++ b/portalcautivo/css/estilos.css @@ -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; +} +} diff --git a/portalcautivo/index.html b/portalcautivo/index.html index f6f3aaa..1debc50 100755 --- a/portalcautivo/index.html +++ b/portalcautivo/index.html @@ -155,42 +155,44 @@ }); - -
-
- - 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: NuestraRed.org - -
-
- Si quieres acceso a Internet responde la siguiente encuesta - -
- -
- - 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. - -
- + NuestraRed.org ofrece acceso a diferentes contenidos locales a los que puedes acceder sin Interntet o datos en tu celular escribe en tu navegador: NuestraRed.org