154 lines
2.9 KiB
CSS
154 lines
2.9 KiB
CSS
|
html, body, iframe{
|
||
|
|
/*background: url(../img/login/Fondo.png) no-repeat center center fixed;*/
|
||
|
|
background: url(../img/login/fondo.jpg) no-repeat center center fixed;
|
||
|
|
background-color: #425a698a;
|
||
|
|
-webkit-background-size: cover;
|
||
|
|
-moz-background-size: cover;
|
||
|
|
-o-background-size: cover;
|
||
|
|
background-size: cover;
|
||
|
|
}
|
||
|
|
|
||
|
|
.jumbotron{
|
||
|
|
background-color: transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card{
|
||
|
|
background-color: #425A69;
|
||
|
|
opacity: 0.76;
|
||
|
|
border-radius: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card .btn{
|
||
|
|
border-radius: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
footer{
|
||
|
|
color: white;
|
||
|
|
width: 100%;
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
#numempl-error{
|
||
|
|
text-align: center;
|
||
|
|
color: #ffffff;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Extra small devices (phones, 600px and down) */
|
||
|
|
@media only screen and (max-width: 600px) {
|
||
|
|
.background-header{
|
||
|
|
content:url("../img/login/header_small.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
.background-footer{
|
||
|
|
content:url("../img/login/footer_small.png");
|
||
|
|
}
|
||
|
|
|
||
|
|
.card{
|
||
|
|
background-color: #425a6900;
|
||
|
|
border: 1px solid rgba(0,0,0,0);
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-title{
|
||
|
|
font-size: 1.2em;
|
||
|
|
color: #003050 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.error{
|
||
|
|
text-align: center;
|
||
|
|
color: #003050;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Small devices (portrait tablets and large phones, 600px and up) */
|
||
|
|
@media only screen and (min-width: 600px) {
|
||
|
|
|
||
|
|
.card{
|
||
|
|
background-color: #425a6900;
|
||
|
|
border: 1px solid rgba(0,0,0,0);
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-title{
|
||
|
|
font-size: 1.2em;
|
||
|
|
color: #003050 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-body{
|
||
|
|
margin-top: 1em !important;
|
||
|
|
margin-bottom: 1em !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*footer {
|
||
|
|
color: white;
|
||
|
|
width: 100%;
|
||
|
|
position: absolute;
|
||
|
|
bottom: auto;
|
||
|
|
left: 0;
|
||
|
|
}*/
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Medium devices (landscape tablets, 768px and up) */
|
||
|
|
@media only screen and (min-width: 768px) {
|
||
|
|
.card{
|
||
|
|
background-color: #425A69;
|
||
|
|
opacity: 0.76;
|
||
|
|
border-radius: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.card-body{
|
||
|
|
margin-top: 3em !important;
|
||
|
|
margin-bottom: 3em !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.text-title{
|
||
|
|
font-size: 2em;
|
||
|
|
color: white !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*footer {
|
||
|
|
color: white;
|
||
|
|
width: 100%;
|
||
|
|
position: absolute;
|
||
|
|
bottom: auto;
|
||
|
|
display: none;
|
||
|
|
left: 0;
|
||
|
|
}*/
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Large devices (laptops/desktops, 992px and up) */
|
||
|
|
@media only screen and (min-width: 992px) {
|
||
|
|
/*footer{
|
||
|
|
bottom: 0;
|
||
|
|
display: block;
|
||
|
|
left: 0;
|
||
|
|
}*/
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Extra large devices (large laptops and desktops, 1200px and up) */
|
||
|
|
@media only screen and (min-width: 1200px) {
|
||
|
|
/*footer{
|
||
|
|
bottom: 0;
|
||
|
|
display: block;
|
||
|
|
left: 0;
|
||
|
|
}*/
|
||
|
|
}
|
||
|
|
html,
|
||
|
|
.swal2-content,
|
||
|
|
.swal2-title{font-size:16px;}
|
||
|
|
@media screen and (min-width:320px){
|
||
|
|
html,
|
||
|
|
.swal2-content,
|
||
|
|
.swal2-title{font-size:calc(18px + 6 * ((100vw - 320px) / 680));}
|
||
|
|
}
|
||
|
|
@media screen and (min-width:1000px){
|
||
|
|
html,
|
||
|
|
.swal2-content,
|
||
|
|
.swal2-title{font-size:18px;}
|
||
|
|
}
|
||
|
|
|
||
|
|
html, body{
|
||
|
|
min-height: 100vh;
|
||
|
|
}
|