166 lines
3.5 KiB
CSS
166 lines
3.5 KiB
CSS
html {
|
|
height: 100%
|
|
}
|
|
body {
|
|
background: url("") no-repeat center center fixed;
|
|
-webkit-background-size: cover;
|
|
-moz-background-size: cover;
|
|
-o-background-size: cover;
|
|
background-size: cover;
|
|
color: blue;
|
|
background-color: white;
|
|
height: 100%
|
|
}
|
|
|
|
#redes{
|
|
color:white;
|
|
font-size: 2em;
|
|
padding: 0.1em;
|
|
}
|
|
|
|
#logo_cabecera{
|
|
width:100%;
|
|
left:40px;
|
|
background-color: white;
|
|
}
|
|
.alert-info{
|
|
color: #341208;
|
|
background-image: url("");
|
|
}
|
|
|
|
#cabezote{
|
|
background: url(../../images/imagen_principal.jpg) fixed center no-repeat;
|
|
background-size: cover;
|
|
}
|
|
|
|
.linea_botones{
|
|
display: inline-block;
|
|
text-align: center;
|
|
margin: 1em;
|
|
|
|
}
|
|
.texto_botones{
|
|
font-size: 2em;
|
|
}
|
|
.btn-circle.btn-xl {
|
|
width: 5em;
|
|
height: 5em;
|
|
padding: 2em;
|
|
font-size: 2em;
|
|
line-height: 1.33;
|
|
border-radius: 5em;
|
|
display: inline-flex;
|
|
}
|
|
|
|
.franja{
|
|
color: white;
|
|
background: -webkit-linear-gradient(left, #3931af, #00c6ff);
|
|
margin-bottom: 2em;
|
|
}
|
|
.navbar{
|
|
background: -webkit-linear-gradient(left, #3931af, #00c6ff);
|
|
color: white;
|
|
margin-bottom: 0px !important;
|
|
}
|
|
.navbar-header > p {
|
|
font-size:20px;
|
|
color: white;
|
|
font-family: "Open Sans",sans-serif;
|
|
font-weight: normal;
|
|
display:inline
|
|
}
|
|
.navbar-header > a {
|
|
font-size:20px;
|
|
color: white;
|
|
font-family: "Open Sans",sans-serif;
|
|
font-weight: normal;display:inline
|
|
}
|
|
.navbar-header > strong{
|
|
font-size:20px;
|
|
color:white;
|
|
font-weight: normal;
|
|
font-family: "Open Sans",sans-serif;
|
|
display:inline
|
|
}
|
|
/*.navbar-header {width: 50%;}*/
|
|
|
|
.div_aplicacion {
|
|
background-color: #f0eee1 !important;
|
|
}
|
|
.div_aplicacion:hover {
|
|
-webkit-animation: animatedBackground 1s ease-out 1;
|
|
-moz-animation: animatedBackground 1s ease-out 1;
|
|
animation: animatedBackground 1s ease-out 1;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
z-index: 10000;
|
|
}
|
|
|
|
#creditos{
|
|
column-count: 4;
|
|
column-gap: 1em;
|
|
|
|
}
|
|
|
|
.img_creditos{
|
|
background-color: #eee;
|
|
display: inline;
|
|
margin: 0 0 1em;
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
@-webkit-keyframes animatedBackground {
|
|
0% {
|
|
-webkit-transform: scale(1, 1);
|
|
-moz-transform: scale(1, 1);
|
|
-ms-transform: scale(1, 1);
|
|
-o-transform: scale(1, 1);
|
|
transform: scale(1, 1)
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1.1, 1.1);
|
|
-moz-transform: scale(1.1, 1.1);
|
|
-ms-transform: scale(1.1, 1.1);
|
|
-o-transform: scale(1.1, 1.1);
|
|
transform: scale(1.1, 1.1)
|
|
}
|
|
|
|
}
|
|
|
|
|
|
@-moz-keyframes animatedBackground {
|
|
0% {
|
|
-webkit-transform: scale(1, 1);
|
|
-moz-transform: scale(1, 1);
|
|
-ms-transform: scale(1, 1);
|
|
-o-transform: scale(1, 1);
|
|
transform: scale(1, 1)
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1.1, 1.1);
|
|
-moz-transform: scale(1.1, 1.1);
|
|
-ms-transform: scale(1.1, 1.1);
|
|
-o-transform: scale(1.1, 1.1);
|
|
transform: scale(1.1, 1.1)
|
|
}
|
|
|
|
}
|
|
@keyframes animatedBackground {
|
|
0% {
|
|
-webkit-transform: scale(1, 1);
|
|
-moz-transform: scale(1, 1);
|
|
-ms-transform: scale(1, 1);
|
|
-o-transform: scale(1, 1);
|
|
transform: scale(1, 1)
|
|
}
|
|
100% {
|
|
-webkit-transform: scale(1.1, 1.1);
|
|
-moz-transform: scale(1.1, 1.1);
|
|
-ms-transform: scale(1.1, 1.1);
|
|
-o-transform: scale(1.1, 1.1);
|
|
transform: scale(1.1, 1.1)
|
|
}
|
|
|
|
}
|