ajuste de imagenes
This commit is contained in:
+17
-10
@@ -191,7 +191,7 @@
|
||||
<p class="botton_falso" v-else>Registrar</p>
|
||||
</div>
|
||||
<div class="pure-u-1 pure-u-md-1-2">
|
||||
<button class="button_salir " @click="salir()">Salir</button>
|
||||
<button class="button_salir" @click="salir()">Salir</button>
|
||||
</div>
|
||||
</div>
|
||||
</fieldset>
|
||||
@@ -449,43 +449,48 @@ export default {
|
||||
|
||||
@media screen and (max-width: 500px) {
|
||||
.botton_falso {
|
||||
text-align: center;
|
||||
margin-left: 4rem;
|
||||
margin-right: 0rem;
|
||||
margin-right: 4rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.button_salir {
|
||||
margin-left: 4rem;
|
||||
margin-right: 0rem;
|
||||
margin-right: 4rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.button {
|
||||
text-align: center;
|
||||
|
||||
margin-left: 4rem;
|
||||
margin-right: 0rem;
|
||||
margin-right: 4rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
}
|
||||
@media screen and (max-width: 380px) {
|
||||
.botton_falso {
|
||||
text-align: center;
|
||||
margin-left: 3rem;
|
||||
margin-right: 0rem;
|
||||
margin-right: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.button_salir {
|
||||
margin-left: 3rem;
|
||||
margin-right: 0rem;
|
||||
margin-right: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
.button {
|
||||
text-align: center;
|
||||
margin-left: 3rem;
|
||||
margin-right: 0rem;
|
||||
margin-right: 2rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
@@ -493,22 +498,24 @@ export default {
|
||||
|
||||
@media screen and (max-width: 325px) {
|
||||
.botton_falso {
|
||||
text-align: center;
|
||||
margin-left: 1.5rem;
|
||||
margin-right: 0rem;
|
||||
margin-right: 1.5rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
.button_salir {
|
||||
margin-left: 1.5rem;
|
||||
margin-right: 0rem;
|
||||
margin-right: 1.5rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.button {
|
||||
text-align: center;
|
||||
margin-left: 1.5rem;
|
||||
margin-right: 0rem;
|
||||
margin-right: 1.5 rem;
|
||||
margin-bottom: 2rem;
|
||||
margin-top: 3rem;
|
||||
}
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
const config = {
|
||||
//api: "http://localhost:3001"
|
||||
api: "https://venus.acatlan.unam.mx/indiana_hackaton"
|
||||
api: "http://localhost:3001"
|
||||
//api: "https://venus.acatlan.unam.mx/indiana_hackaton"
|
||||
};
|
||||
module.exports = config;
|
||||
|
||||
+24
-469
@@ -46,230 +46,40 @@
|
||||
export default {};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.img-footer-1 {
|
||||
width: 120px;
|
||||
height: 90px;
|
||||
margin: 3% auto;
|
||||
}
|
||||
|
||||
.img-footer-2 {
|
||||
width: 90px;
|
||||
height: 100px;
|
||||
margin: 2% auto;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.footer img {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
.texto_footer {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
}
|
||||
.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%;
|
||||
<style>.general {
|
||||
max-width: 1280px;
|
||||
height: auto;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.footer {
|
||||
height: auto;
|
||||
/*width: 100%;*/
|
||||
letter-spacing: 0px;
|
||||
background: #37475a;
|
||||
background: #37475A;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.img-footer-1 {
|
||||
width: 120px;
|
||||
height: 90px;
|
||||
margin: 3% auto;
|
||||
}
|
||||
|
||||
.img-footer-2 {
|
||||
width: 90px;
|
||||
height: 100px;
|
||||
margin: 2% auto;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.footer img {
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
}
|
||||
.texto_footer {
|
||||
font-size: 12px !important;
|
||||
}
|
||||
.footer img{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
.texto_footer{
|
||||
font-size: 12px !important;
|
||||
}
|
||||
}
|
||||
|
||||
.texto_footer {
|
||||
@@ -281,259 +91,4 @@ export default {};
|
||||
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