construido para pruebas sin el dist en el ignore
This commit is contained in:
Vendored
+478
@@ -0,0 +1,478 @@
|
||||
.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;
|
||||
}
|
||||
Reference in New Issue
Block a user