edv/VERAG_Homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

GUI Änderungen

Browse Source
This commit is contained in:
ja
2021-11-23 15:33:20 +01:00
parent 2e65a873f2
commit e22e52cc4e
7 changed files with 225 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
css/login/loginFLEX.css
View File

@@ -1,5 +1,5 @@

@media (min-width: 558.98px) {
@media (max-width: 558.98px) {
body {
font-family: 'Poppins', sans-serif;
background: #fafafa;
@@ -8,7 +8,8 @@
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
background-color: #fff;
background-color: #fff;
width: 375px;
}
#Login1_LoginButton {
color: #fff;
@@ -26,23 +27,23 @@
margin: 0 auto;
}
.container-fluid {
width: 405px;
width: 375px;
height: 613px;
position:relative;
background-color: rgba(255,255,255,0.5);
position: relative;
background-color: rgba(255,255,255,0.5);
}
#tbl_main {
font-family: Arial;
font-size: 11px;
border: 1px solid gray;
width: 400px;
width: 375px;
height: 270px;
/* The magic centering code */
margin: auto;
position: absolute;
top: 0;
top: 2px;
bottom: 0; /* Aligns Vertically - Remove for Horizontal Only */
left: 0;
left: 4px;
right: 0; /* Aligns Horizontally - Remove for Vertical Only */
/* Prevent div from overflowing main window */
max-width: 100%;
@@ -131,6 +132,165 @@
border-color: forestgreen;
color: black;
}
#Password:invalid + span::before {
content: '✖';
color: red;
}
}
@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;
width: 475px;
}
#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: 475px;
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: 475px;
height: 470px;
/* The magic centering code */
margin: auto;
position: absolute;
top: 2px;
bottom: 0; /* Aligns Vertically - Remove for Horizontal Only */
left: 4px;
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;