creacion
This commit is contained in:
+29
@@ -0,0 +1,29 @@
|
||||
<template>
|
||||
<div id="app">
|
||||
<Header />
|
||||
<router-view></router-view>
|
||||
<Footer />
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//import HelloWorld from "./components/HelloWorld.vue";
|
||||
|
||||
import Header from "./view/header.vue";
|
||||
import Footer from "./view/footer.vue";
|
||||
import Vue from "vue";
|
||||
import { BootstrapVue, IconsPlugin } from "bootstrap-vue";
|
||||
|
||||
Vue.use(BootstrapVue);
|
||||
// Optionally install the BootstrapVue icon components plugin
|
||||
Vue.use(IconsPlugin);
|
||||
|
||||
export default {
|
||||
name: "App",
|
||||
components: {
|
||||
//HelloWorld
|
||||
Header,
|
||||
Footer
|
||||
}
|
||||
};
|
||||
</script>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 132 KiB |
@@ -0,0 +1,114 @@
|
||||
<template>
|
||||
<div class="hello">
|
||||
<h1>{{ msg }}</h1>
|
||||
<p>
|
||||
For a guide and recipes on how to configure / customize this project,<br />
|
||||
check out the
|
||||
<a href="https://cli.vuejs.org" target="_blank" rel="noopener"
|
||||
>vue-cli documentation</a
|
||||
>.
|
||||
</p>
|
||||
<h3>Installed CLI Plugins</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>babel</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>eslint</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
<h3>Essential Links</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://forum.vuejs.org" target="_blank" rel="noopener"
|
||||
>Forum</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://chat.vuejs.org" target="_blank" rel="noopener"
|
||||
>Community Chat</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://twitter.com/vuejs" target="_blank" rel="noopener"
|
||||
>Twitter</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a>
|
||||
</li>
|
||||
</ul>
|
||||
<h3>Ecosystem</h3>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://router.vuejs.org" target="_blank" rel="noopener"
|
||||
>vue-router</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/vue-devtools#vue-devtools"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>vue-devtools</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener"
|
||||
>vue-loader</a
|
||||
>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="https://github.com/vuejs/awesome-vue"
|
||||
target="_blank"
|
||||
rel="noopener"
|
||||
>awesome-vue</a
|
||||
>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: "HelloWorld",
|
||||
props: {
|
||||
msg: String
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||
<style scoped>
|
||||
h3 {
|
||||
margin: 40px 0 0;
|
||||
}
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
}
|
||||
a {
|
||||
color: #42b983;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,377 @@
|
||||
<template>
|
||||
<div class="registro-general">
|
||||
<form class="pure-form pure-form-stacked">
|
||||
<fieldset>
|
||||
<legend>Datos Generales <br /></legend>
|
||||
<div class="pure-u-1 pure-u-md-2-2">
|
||||
<label for="nombre-equipo">Nombre del equipo</label>
|
||||
<input
|
||||
type="text"
|
||||
id="nombre-equipo"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="nombreEquipo"
|
||||
onkeypress="return ( (event.charCode >= 48 && event.charCode <= 57) || (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="pure-u-1 pure-u-md-1-3 ma">
|
||||
<label for="des">Desafío</label>
|
||||
<select
|
||||
id="des"
|
||||
name="desafio"
|
||||
class="form-control"
|
||||
v-model="desafio"
|
||||
>
|
||||
<option value="Salud">Salud</option>
|
||||
<option value="Educación">Educación</option>
|
||||
<option value="Economía">Economía</option>
|
||||
<option value="Transporte">Transporte</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="pure-u-1 pure-u-md-1-3 ma">
|
||||
<label for="cam">Campus</label>
|
||||
<select id="cam" name="Campus" class="form-control" v-model="campus">
|
||||
<option value="Acatlán">Acatlán</option>
|
||||
<option value="CU">CU</option>
|
||||
<option value="Aragón">Aragón</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="pure-u-1 pure-u-md-1-4 ">
|
||||
<label for="noInt">Numero de integrantes </label>
|
||||
<select
|
||||
id="noInt"
|
||||
name="integrantes"
|
||||
class="form-control"
|
||||
v-model="noIntegrantes"
|
||||
@change="updateInte($event)"
|
||||
>
|
||||
<option value="1">1</option>
|
||||
<option value="2">2</option>
|
||||
<option value="3">3</option>
|
||||
<option value="4">4</option>
|
||||
<option value="5">5</option>
|
||||
<option value="6">6</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<legend>Datos del lider del equipo <br /></legend>
|
||||
<div class="pure-g">
|
||||
<div class="pure-u-1 pure-u-md-1-3">
|
||||
<label for="nombre">Nombre</label>
|
||||
<input
|
||||
type="text"
|
||||
id="nombreLider"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="nombreLider"
|
||||
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1-3">
|
||||
<label for="apellidoPaLider">Apellido Paterno</label>
|
||||
<input
|
||||
type="text"
|
||||
id="apellidoPaLider"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="apellidoPaLider"
|
||||
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1-3">
|
||||
<label for="apellidoMaLider">Apellido Materno</label>
|
||||
<input
|
||||
type="text"
|
||||
id="apellidoMaLider"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="apellidoMaLider"
|
||||
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1-2">
|
||||
<label for="correoLider">Correo</label>
|
||||
<input
|
||||
type="email"
|
||||
id="correoLider"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="correoLider"
|
||||
/>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1-2">
|
||||
<label for="carrera">Carrera</label>
|
||||
<input
|
||||
type="text"
|
||||
id="carrera"
|
||||
class="pure-u-23-24"
|
||||
v-model="carrera"
|
||||
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="noIntegrantes > 1">
|
||||
<legend>Datos de los integrantes del equipo<br /></legend>
|
||||
|
||||
<div v-for="item in integrantes" :key="item.id">
|
||||
<h4 class="title">Integrante {{ item.id + 1 }}</h4>
|
||||
|
||||
<div class="pure-g">
|
||||
<div class="pure-u-1 pure-u-md-1-3">
|
||||
<label for="item.nombre">Nombre</label>
|
||||
<input
|
||||
type="text"
|
||||
id="item.nombre"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="item.nombre"
|
||||
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1-3">
|
||||
<label for="item.apellidoP">Apellido Paterno</label>
|
||||
<input
|
||||
type="text"
|
||||
id="item.apellidoP"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="item.apellidoP"
|
||||
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-7-24">
|
||||
<label for="item.apellidoM">Apellido Materno</label>
|
||||
<input
|
||||
type="text"
|
||||
id="item.apellidoM"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="item.apellidoM"
|
||||
onkeypress="return ( (event.charCode >= 32 && event.charCode <= 32) ||(event.charCode >= 65 && event.charCode <= 90) ||(event.charCode >= 97))"
|
||||
/>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1">
|
||||
<label for="item.correo">Correo</label>
|
||||
<input
|
||||
type="text"
|
||||
id="item.correo"
|
||||
class="pure-u-23-24"
|
||||
required=""
|
||||
v-model="item.correo"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="pure-g espacio">
|
||||
<div class="pure-u-1 pure-u-md-1-2">
|
||||
<button class="button_salir ">Salir</button>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1-2">
|
||||
<button class="button " v-if="checkFull()" @click="registrar()">
|
||||
Siguiente
|
||||
</button>
|
||||
<p class="botton_falso" v-else>Siguiente</p>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
</form>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import axios from "axios";
|
||||
import config from "../config/config.js";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
nombreEquipo: "",
|
||||
campus: "",
|
||||
desafio: "",
|
||||
nombreLider: "",
|
||||
apellidoPaLider: "",
|
||||
apellidoMaLider: "",
|
||||
correoLider: "",
|
||||
carrera: "",
|
||||
noIntegrantes: 1,
|
||||
integrantes: []
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
updateInte(event) {
|
||||
this.integrantes = [];
|
||||
for (let i = 1; i < event.target.value; i++) {
|
||||
this.integrantes.push({
|
||||
id: i,
|
||||
nombre: "",
|
||||
apellidoPa: "",
|
||||
apellidoMa: "",
|
||||
correo: ""
|
||||
});
|
||||
}
|
||||
},
|
||||
checkFull() {
|
||||
if (this.nombreEquipo.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.campus.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.desafio.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.nombreLider.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.apellidoPaLider.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.apellidoMaLider.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.correoLider.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
if (this.carrera.trim() === "") {
|
||||
return false;
|
||||
}
|
||||
|
||||
for (let i = 1; i < this.noIntegrantes; i++) {
|
||||
if (
|
||||
this.integrantes[i - 1].nombre.trim() === "" ||
|
||||
this.integrantes[i - 1].apellidoP.trim() === "" ||
|
||||
this.integrantes[i - 1].apellidoM.trim() === "" ||
|
||||
this.integrantes[i - 1].correo.trim() === ""
|
||||
) {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
return true;
|
||||
},
|
||||
async registrar() {
|
||||
const data = {
|
||||
nombreEqui: this.nombreEquipo,
|
||||
desafio: this.desafio,
|
||||
campus: this.campus,
|
||||
numeroIntegrantes: 2,
|
||||
nombreLider: this.noIntegrantes,
|
||||
apellidoPaLider: this.apellidoPaLider,
|
||||
apellidoMaLider: this.apellidoMaLider,
|
||||
correoLider: this.correoLider,
|
||||
carreraLider: this.carrera,
|
||||
integrantes: this.integrantes
|
||||
};
|
||||
axios
|
||||
.post(`${config.api}/registro`, data)
|
||||
.then(async respose => {
|
||||
console.log(respose.data.msj);
|
||||
await alert(respose.data.msj);
|
||||
})
|
||||
.catch(async error => {
|
||||
console.log(error.response.data.msj);
|
||||
await alert(error.response.data.msj);
|
||||
});
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||
<style scoped>
|
||||
.espacio {
|
||||
margin-bottom: 3rem;
|
||||
}
|
||||
|
||||
.botton_falso {
|
||||
background-color: #ccc; /* Green */
|
||||
border: none;
|
||||
color: white;
|
||||
height: 4.5rem;
|
||||
width: 15rem;
|
||||
padding: 1rem 4rem;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 1.5rem;
|
||||
border-radius: 1rem;
|
||||
-webkit-transition-duration: 0.4s; /* Safari */
|
||||
transition-duration: 0.4s;
|
||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
margin-left: 2rem;
|
||||
margin-right: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.button_salir {
|
||||
background-color: #1b3d70; /* Green */
|
||||
border: none;
|
||||
color: white;
|
||||
height: 4.5rem;
|
||||
width: 15rem;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 1.5rem;
|
||||
border-radius: 1rem;
|
||||
-webkit-transition-duration: 0.4s; /* Safari */
|
||||
transition-duration: 0.4s;
|
||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
margin-left: 2rem;
|
||||
margin-right: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
|
||||
.button_salir:hover {
|
||||
background-color: rgb(170, 4, 4);
|
||||
color: white;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: #1b3d70; /* Green */
|
||||
border: none;
|
||||
color: white;
|
||||
height: 4.5rem;
|
||||
width: 15rem;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: 1.5rem;
|
||||
border-radius: 1rem;
|
||||
-webkit-transition-duration: 0.4s; /* Safari */
|
||||
transition-duration: 0.4s;
|
||||
box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
margin-left: 2rem;
|
||||
margin-right: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 2rem;
|
||||
}
|
||||
.button:hover {
|
||||
background-color: #46c200;
|
||||
color: white;
|
||||
}
|
||||
.general {
|
||||
max-width: 1280px;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.ma {
|
||||
margin-right: 1.5rem;
|
||||
}
|
||||
.title {
|
||||
color: white;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,5 @@
|
||||
const config = {
|
||||
api: "http://localhost:3000"
|
||||
// api: "https://venus.acatlan.unam.mx/redinvestigacion"
|
||||
};
|
||||
module.exports = config;
|
||||
+22
@@ -0,0 +1,22 @@
|
||||
import Vue from "vue";
|
||||
import App from "./App.vue";
|
||||
import BootstrapVue from "bootstrap-vue";
|
||||
import "bootstrap/dist/css/bootstrap.css";
|
||||
import "bootstrap-vue/dist/bootstrap-vue.css";
|
||||
import VueRouter from "vue-router";
|
||||
|
||||
import { routes } from "./routes";
|
||||
|
||||
Vue.use(BootstrapVue);
|
||||
|
||||
Vue.config.productionTip = false;
|
||||
Vue.use(VueRouter);
|
||||
const router = new VueRouter({
|
||||
routes
|
||||
});
|
||||
|
||||
new Vue({
|
||||
el: "#app",
|
||||
render: h => h(App),
|
||||
router
|
||||
});
|
||||
@@ -0,0 +1,19 @@
|
||||
import Form from "./components/form.vue";
|
||||
export const routes = [{ path: "/", component: Form, name: "form" }];
|
||||
|
||||
// const isAuthenticated = function() {
|
||||
// if (window.localStorage.pcpumaT) {
|
||||
// return true
|
||||
// }
|
||||
// return false
|
||||
// }
|
||||
|
||||
// router.beforeEach((to, from, next) => {
|
||||
// if (!isAuthenticated() && to.path !== '/login') {
|
||||
// return next('/login')
|
||||
// }
|
||||
// if (isAuthenticated() && to.path === '/login') {
|
||||
// return next('/')
|
||||
// }
|
||||
// next()
|
||||
// })
|
||||
@@ -0,0 +1,521 @@
|
||||
<template>
|
||||
<footer class="general">
|
||||
<div class="footer pure-g">
|
||||
<img
|
||||
class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4"
|
||||
src="../assets/SDI_B_150px.png"
|
||||
style="width: 120px; height: 90px; margin: 2% auto; height: auto"
|
||||
/>
|
||||
|
||||
<img
|
||||
class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4"
|
||||
src="https://www.acatlan.unam.mx/identidad-acatlan/img/Logotipos/Escudo/escudo-b2.png"
|
||||
style="width: 90px; height: 90px; margin: 2% auto;"
|
||||
/>
|
||||
|
||||
<img
|
||||
class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4"
|
||||
src="http://derecho.posgrado.unam.mx/ppd-14_out/imgs/fesaragonlogowhite.png"
|
||||
style="width: 90px; height: 90px; margin: 2% auto;"
|
||||
/>
|
||||
|
||||
<img
|
||||
class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4"
|
||||
src="https://www.ingenieria.unam.mx/nuestra_facultad/images/institucionales/escudo_fi_color.png"
|
||||
style="width: 90px; height: 90px; margin: 2% auto;"
|
||||
/>
|
||||
|
||||
<img
|
||||
class="pure-u-1-2 pure-u-sm-1-2 pure-u-md-1-4 pure-u-lg-1-4 pure-u-xl-1-4"
|
||||
src="https://www.acatlan.unam.mx/pcpuma/img/logos/unam-nacion-blanco.png"
|
||||
style="width: 90px; height: 90px; margin: 2% auto; height: auto"
|
||||
/>
|
||||
|
||||
<div
|
||||
class="texto_footer pure-u-1 pure-u-sm-1 pure-u-md-1 pure-u-lg-1 pure-u-xl-2"
|
||||
>
|
||||
<!--cajatex-->
|
||||
<br />Hecho en México, 2020.<br />
|
||||
Las marcas mencionadas son propiedad de sus propios dueños, se utilizan
|
||||
con fines de difusión.<br />
|
||||
Sitio web administrado por: Coordinación de Proyectos <br />
|
||||
Tecnológicos e Innovación | Secretaría de Desarrollo Institucional
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.general {
|
||||
max-width: 1280px;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
max-height: 260px;
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.logo_unam {
|
||||
padding: 2% 3%;
|
||||
}
|
||||
|
||||
.logo_unam img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.logo_unam img {
|
||||
width: 50px;
|
||||
margin-right: auto;
|
||||
margin-left: 0px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.logo_der {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.logo_aws {
|
||||
max-width: 100px;
|
||||
display: block;
|
||||
margin-top: 4%;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.banner {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.q_aws {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
background-color: #37475a;
|
||||
}
|
||||
|
||||
.aws-desafio {
|
||||
padding-top: 4%;
|
||||
padding-bottom: 2%;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.aws-desafio p {
|
||||
font-family: sans-serif;
|
||||
padding: 0 10%;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.aws-desafio h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.beneficio_cont {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-top-style: groove;
|
||||
border-bottom-style: groove;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.punto-1 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.punto-1 h5 {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.punto-2 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.punto-2 h5 {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.punto-3 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.punto-3 h5 {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.beneficio_prog {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 3% 8%;
|
||||
letter-spacing: 0px;
|
||||
border-top-style: groove;
|
||||
}
|
||||
|
||||
.txt_acord {
|
||||
color: #ffffff;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
font-size: 80%;
|
||||
margin-bottom: 20px;
|
||||
text-align: left;
|
||||
padding-right: 5%;
|
||||
padding-bottom: 2%;
|
||||
}
|
||||
|
||||
.accordion {
|
||||
background-color: #131a22;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
width: 90%;
|
||||
text-align: center;
|
||||
outline: none;
|
||||
font-size: 15px;
|
||||
transition: 0.4s;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.active,
|
||||
.accordion:hover {
|
||||
background-color: #131a22;
|
||||
}
|
||||
|
||||
.accordion:after {
|
||||
content: "\002B";
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.panel {
|
||||
padding: 0 13px;
|
||||
background-color: #37475a;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
border-color: #131a22;
|
||||
border-style: solid;
|
||||
border-width: 0.5px;
|
||||
margin: 0 5%;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.panel p {
|
||||
color: #ffffff;
|
||||
text-align: justify;
|
||||
padding: 1% 6%;
|
||||
}
|
||||
|
||||
.footer {
|
||||
height: auto;
|
||||
/*width: 100%;*/
|
||||
letter-spacing: 0px;
|
||||
background: #37475a;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.footer img {
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
}
|
||||
.texto_footer {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.texto_footer {
|
||||
font-family: sans-serif;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
/*width: 100%;*/
|
||||
padding: 1% 5%;
|
||||
font-size: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.inscripcion {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background-color: #37475a;
|
||||
color: #ffffff;
|
||||
padding: 3% 1%;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.inscripcion-1 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.inscripcion-1 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion-1 a {
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
text-decoration-color: #ffffff;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.inscripcion-1 a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.inscripcion-2 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
}
|
||||
|
||||
.inscripcion-2 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion-3 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.inscripcion-3 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.boton {
|
||||
text-align: center;
|
||||
margin: 1%;
|
||||
font-size: 100%;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.eventos {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
.titulo-ev {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background-color: #232f3e;
|
||||
text-align: center;
|
||||
padding: 0.5% 0;
|
||||
letter-spacing: 0;
|
||||
margin-top: 1%;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.evento-txt {
|
||||
padding: 4%;
|
||||
border: solid #232f3e 1px;
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
.evento-txt p {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.volver {
|
||||
width: 100px;
|
||||
height: auto;
|
||||
background: #1e3c70;
|
||||
border-radius: 5px;
|
||||
margin-top: 1%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.volver a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
font-size: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.volver1 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.barra-menu {
|
||||
background: #37475a;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.menu {
|
||||
max-width: 1280px;
|
||||
background: #37475a;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 2px 2px !important;
|
||||
}
|
||||
|
||||
.navbar ul {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#hackmenu .nav-item {
|
||||
background-color: #37475a;
|
||||
width: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#hackmenu .nav-link {
|
||||
color: #ffffff !important;
|
||||
font-family: "Arial";
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#hackmenu .nav-link:hover {
|
||||
color: #390051 !important;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#hackmenu .dropdown-menu {
|
||||
background: #390051 !important;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.boton-arriba {
|
||||
display: none;
|
||||
padding: 10px;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.icon img {
|
||||
padding: 5px;
|
||||
background: #024959;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
opacity: inherit;
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
stroke-width: 0;
|
||||
stroke: currentColor;
|
||||
fill: currentColor;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.descripcion-event {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-ins {
|
||||
color: #ffffff;
|
||||
width: 170px;
|
||||
margin: 2% auto;
|
||||
}
|
||||
|
||||
.btn-ins p {
|
||||
padding: 8px 0;
|
||||
border: solid 1px #cc9713;
|
||||
border-radius: 7px;
|
||||
background-color: #cc9713;
|
||||
}
|
||||
|
||||
.btn-ins a {
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
||||
.btn-ins a:hover {
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
color: #1e3c70;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/******** estilos registro ********/
|
||||
|
||||
.registro-general {
|
||||
max-width: 800px;
|
||||
height: auto;
|
||||
margin: 10% auto;
|
||||
padding: 0 4%;
|
||||
background-color: #445f87;
|
||||
opacity: 1;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.registro-general legend {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.registro-general label {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.registro-general a {
|
||||
background-color: firebrick;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.registro-general a:hover {
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.registro-general button {
|
||||
background-color: forestgreen;
|
||||
}
|
||||
|
||||
.registro-general p {
|
||||
font-size: 11px;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,493 @@
|
||||
<template>
|
||||
<div class="general">
|
||||
<div class="pure-g header">
|
||||
<div class="pure-u-1 pure-u-sm-1 pure-u-md-1 pure-u-lg-1 pure-u-xl-1">
|
||||
<div class="logo_unam">
|
||||
<a href="https://www.unam.mx/" target="_blank">
|
||||
<img src="https://www.c3.unam.mx/image/logoUnam.png" />
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- div banner -->
|
||||
<div class="banner">
|
||||
<img class="pure-img" src="../assets/banner_aws2.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.general {
|
||||
max-width: 1280px;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.header {
|
||||
width: 100%;
|
||||
max-height: 260px;
|
||||
background-color: #000000;
|
||||
}
|
||||
|
||||
.logo_unam {
|
||||
padding: 2% 3%;
|
||||
}
|
||||
|
||||
.logo_unam img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
width: 130px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.logo_unam img {
|
||||
width: 50px;
|
||||
margin-right: auto;
|
||||
margin-left: 0px;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
|
||||
.logo_der {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.logo_aws {
|
||||
max-width: 100px;
|
||||
display: block;
|
||||
margin-top: 4%;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
.banner {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.q_aws {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
background-color: #37475a;
|
||||
}
|
||||
|
||||
.aws-desafio {
|
||||
padding-top: 4%;
|
||||
padding-bottom: 2%;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.aws-desafio p {
|
||||
font-family: sans-serif;
|
||||
padding: 0 10%;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.aws-desafio h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.beneficio_cont {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border-top-style: groove;
|
||||
border-bottom-style: groove;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.punto-1 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.punto-1 h5 {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.punto-2 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.punto-2 h5 {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.punto-3 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.punto-3 h5 {
|
||||
text-align: center;
|
||||
background-color: #1e3c70;
|
||||
border-radius: 5px;
|
||||
color: #ffffff;
|
||||
padding: 2% 0;
|
||||
}
|
||||
|
||||
.beneficio_prog {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 3% 8%;
|
||||
letter-spacing: 0px;
|
||||
border-top-style: groove;
|
||||
}
|
||||
|
||||
.txt_acord {
|
||||
color: #ffffff;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
font-size: 80%;
|
||||
margin-bottom: 20px;
|
||||
text-align: left;
|
||||
padding-right: 5%;
|
||||
padding-bottom: 2%;
|
||||
}
|
||||
|
||||
.accordion {
|
||||
background-color: #131a22;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
padding: 5px;
|
||||
width: 90%;
|
||||
text-align: center;
|
||||
outline: none;
|
||||
font-size: 15px;
|
||||
transition: 0.4s;
|
||||
margin-left: 5%;
|
||||
margin-right: 5%;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.active,
|
||||
.accordion:hover {
|
||||
background-color: #131a22;
|
||||
}
|
||||
|
||||
.accordion:after {
|
||||
content: "\002B";
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
float: right;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.panel {
|
||||
padding: 0 13px;
|
||||
background-color: #37475a;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
border-color: #131a22;
|
||||
border-style: solid;
|
||||
border-width: 0.5px;
|
||||
margin: 0 5%;
|
||||
width: 90%;
|
||||
}
|
||||
|
||||
.panel p {
|
||||
color: #ffffff;
|
||||
text-align: justify;
|
||||
padding: 1% 6%;
|
||||
}
|
||||
|
||||
.footer {
|
||||
height: auto;
|
||||
/*width: 100%;*/
|
||||
letter-spacing: 0px;
|
||||
background: #37475a;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.footer img {
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
}
|
||||
.texto_footer {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.texto_footer {
|
||||
font-family: sans-serif;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
/*width: 100%;*/
|
||||
padding: 1% 5%;
|
||||
font-size: 100%;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.inscripcion {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background-color: #37475a;
|
||||
color: #ffffff;
|
||||
padding: 3% 1%;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.inscripcion-1 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.inscripcion-1 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion-1 a {
|
||||
font-size: 12px;
|
||||
text-decoration: none;
|
||||
text-decoration-color: #ffffff;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.inscripcion-1 a:hover {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.inscripcion-2 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
}
|
||||
|
||||
.inscripcion-2 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion-3 {
|
||||
text-align: justify;
|
||||
padding: 3% 4%;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.inscripcion-3 li {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.inscripcion h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.boton {
|
||||
text-align: center;
|
||||
margin: 1%;
|
||||
font-size: 100%;
|
||||
letter-spacing: 0px;
|
||||
}
|
||||
|
||||
.eventos {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
padding: 2%;
|
||||
}
|
||||
|
||||
.titulo-ev {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
background-color: #232f3e;
|
||||
text-align: center;
|
||||
padding: 0.5% 0;
|
||||
letter-spacing: 0;
|
||||
margin-top: 1%;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.evento-txt {
|
||||
padding: 4%;
|
||||
border: solid #232f3e 1px;
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
.evento-txt p {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
.volver {
|
||||
width: 100px;
|
||||
height: auto;
|
||||
background: #1e3c70;
|
||||
border-radius: 5px;
|
||||
margin-top: 1%;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
text-align: center;
|
||||
padding: 5px 0;
|
||||
}
|
||||
|
||||
.volver a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
font-size: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.volver1 {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.barra-menu {
|
||||
background: #37475a;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.menu {
|
||||
max-width: 1280px;
|
||||
background: #37475a;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
padding: 2px 2px !important;
|
||||
}
|
||||
|
||||
.navbar ul {
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#hackmenu .nav-item {
|
||||
background-color: #37475a;
|
||||
width: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
#hackmenu .nav-link {
|
||||
color: #ffffff !important;
|
||||
font-family: "Arial";
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#hackmenu .nav-link:hover {
|
||||
color: #390051 !important;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
#hackmenu .dropdown-menu {
|
||||
background: #390051 !important;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.boton-arriba {
|
||||
display: none;
|
||||
padding: 10px;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
}
|
||||
|
||||
.icon img {
|
||||
padding: 5px;
|
||||
background: #024959;
|
||||
color: #ffffff;
|
||||
cursor: pointer;
|
||||
position: fixed;
|
||||
bottom: 10px;
|
||||
right: 10px;
|
||||
opacity: inherit;
|
||||
}
|
||||
|
||||
.icon {
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
stroke-width: 0;
|
||||
stroke: currentColor;
|
||||
fill: currentColor;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.descripcion-event {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.btn-ins {
|
||||
color: #ffffff;
|
||||
width: 170px;
|
||||
margin: 2% auto;
|
||||
}
|
||||
|
||||
.btn-ins p {
|
||||
padding: 8px 0;
|
||||
border: solid 1px #cc9713;
|
||||
border-radius: 7px;
|
||||
background-color: #cc9713;
|
||||
}
|
||||
|
||||
.btn-ins a {
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
text-decoration-line: none;
|
||||
}
|
||||
|
||||
.btn-ins a:hover {
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
color: #1e3c70;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/******** estilos registro ********/
|
||||
|
||||
.registro-general {
|
||||
max-width: 800px;
|
||||
height: auto;
|
||||
margin: 10% auto;
|
||||
padding: 0 4%;
|
||||
background-color: #445f87;
|
||||
opacity: 1;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.registro-general legend {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.registro-general label {
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.registro-general a {
|
||||
background-color: firebrick;
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.registro-general a:hover {
|
||||
text-decoration: none;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.registro-general button {
|
||||
background-color: forestgreen;
|
||||
}
|
||||
|
||||
.registro-general p {
|
||||
font-size: 11px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user