138 lines
3.3 KiB
CSS
138 lines
3.3 KiB
CSS
|
|
@media (min-width: 558.98px) {
|
|
body {
|
|
font-family: 'Poppins', sans-serif;
|
|
background: #fafafa;
|
|
background-image: url(../../images/road.jpg);
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
background-attachment: fixed;
|
|
background-size: cover;
|
|
background-color: #fff;
|
|
}
|
|
#Login1_LoginButton {
|
|
color: #fff;
|
|
background-color: #003680;
|
|
padding: 0px 0px 0px 0px;
|
|
margin: 0px 0px 0px 0px;
|
|
}
|
|
#content_container {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
display: 690px;
|
|
justify-content: center;
|
|
align-items: center;
|
|
margin: 0 auto;
|
|
}
|
|
.container-fluid {
|
|
width: 405px;
|
|
height: 613px;
|
|
position:relative;
|
|
background-color: rgba(255,255,255,0.5);
|
|
}
|
|
#tbl_main {
|
|
font-family: Arial;
|
|
font-size: 11px;
|
|
border: 1px solid gray;
|
|
width: 400px;
|
|
height: 270px;
|
|
/* The magic centering code */
|
|
margin: auto;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0; /* Aligns Vertically - Remove for Horizontal Only */
|
|
left: 0;
|
|
right: 0; /* Aligns Horizontally - Remove for Vertical Only */
|
|
/* Prevent div from overflowing main window */
|
|
max-width: 100%;
|
|
max-height: 100%;
|
|
overflow: auto;
|
|
}
|
|
|
|
/* IE 7 and Below */
|
|
:first-child + html .absoluteCenter,
|
|
* html .absoluteCenter {
|
|
/* Place code here to override all above values, and add IE friendly centering */
|
|
}
|
|
#lbl_Ueberschrift {
|
|
background-color: #003680;
|
|
font-size: 2.55em;
|
|
color: #fff;
|
|
}
|
|
#lbl_login {
|
|
background-color: #003680;
|
|
font-size: 2.55em;
|
|
color: #fff;
|
|
}
|
|
.txt_design {
|
|
color: #003680;
|
|
font-size: 1.65em;
|
|
}
|
|
.txt_design2 {
|
|
color: #003680;
|
|
font-size: 1.695em;
|
|
margin-right: 1px;
|
|
}
|
|
#LoginButton {
|
|
background-color: #003680;
|
|
color: #fff;
|
|
width: 140px;
|
|
height: 25px;
|
|
}
|
|
#Password {
|
|
margin-right: -20px;
|
|
border-radius: 5px 5px;
|
|
}
|
|
#UserName {
|
|
font-size: 17px;
|
|
border-radius: 5px 5px 5px 5px;
|
|
}
|
|
#CustomerID {
|
|
color: #003680;
|
|
font-size: 1.125em;
|
|
border-radius: 5px 5px 5px 5px;
|
|
}
|
|
#CustomerID:invalid {
|
|
background-color: indianred;
|
|
border-color: red;
|
|
color: red;
|
|
}
|
|
#CustomerID:valid {
|
|
background-color: white;
|
|
border-color: forestgreen;
|
|
color: black;
|
|
}
|
|
#CustomerID:invalid + span::before {
|
|
content: '✖';
|
|
color: red;
|
|
}
|
|
#Password:invalid {
|
|
background-color: indianred;
|
|
border-color: red;
|
|
color: red;
|
|
}
|
|
#Password:valid {
|
|
background-color: white;
|
|
border-color: forestgreen;
|
|
color: black;
|
|
}
|
|
#Password:invalid + span::before {
|
|
content: '✖';
|
|
color: red;
|
|
}
|
|
#UserName:invalid {
|
|
background-color: indianred;
|
|
border-color: red;
|
|
color: red;
|
|
}
|
|
#UserName:valid {
|
|
background-color: white;
|
|
border-color: forestgreen;
|
|
color: black;
|
|
}
|
|
#Password:invalid + span::before {
|
|
content: '✖';
|
|
color: red;
|
|
}
|
|
} |