diff --git a/Customers/Customers.master b/Customers/Customers.master index 3d3b280..c9dbdce 100644 --- a/Customers/Customers.master +++ b/Customers/Customers.master @@ -372,7 +372,7 @@ diff --git a/Web.config b/Web.config index 5cc5df4..7fa841a 100644 --- a/Web.config +++ b/Web.config @@ -29,6 +29,9 @@ + + + diff --git a/css/login/ForgotPW.css b/css/login/ForgotPW.css index b95e018..db0e87a 100644 --- a/css/login/ForgotPW.css +++ b/css/login/ForgotPW.css @@ -15,12 +15,12 @@ background-color: #003680; } #content_container { + width: 100%; + height: 100%; position: absolute; display: 690px; justify-content: center; align-items: center; - width: 100%; - height: 100%; margin: 0 auto; } #tbl_main { diff --git a/css/login/loginFLEX.css b/css/login/loginFLEX.css index b33e887..c80fcb0 100644 --- a/css/login/loginFLEX.css +++ b/css/login/loginFLEX.css @@ -8,8 +8,7 @@ background-repeat: no-repeat; background-attachment: fixed; background-size: cover; - background-color: #fff; - overflow: clip; + background-color: #fff; } #Login1_LoginButton { color: #fff; @@ -18,24 +17,19 @@ margin: 0px 0px 0px 0px; } #content_container { + width: 100%; + height: 100%; position: absolute; display: 690px; justify-content: center; align-items: center; - width: 100%; - height: 100%; - margin: 0 auto; + margin: 0 auto; } .container-fluid { - width: 400px; - height: 300px; - background-color: rgba(255,255,255,0.5); - top: 50%; - bottom: auto; - left: -20%; - right: 520px; - margin: 0 auto; - margin-top:370px; + width: 405px; + height: 613px; + position:relative; + background-color: rgba(255,255,255,0.5); } #tbl_main { font-family: Arial; @@ -43,6 +37,23 @@ 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; diff --git a/login/login_FLEX.aspx b/login/login_FLEX.aspx index 2dcbf02..363217c 100644 --- a/login/login_FLEX.aspx +++ b/login/login_FLEX.aspx @@ -96,6 +96,17 @@ border-radius: 5px 5px 5px 5px; margin-left: -4px; } + .container-fluid { + width: 395px; + height:413px; + position:absolute; + background-color: rgba(255,255,255,0.5); + top:44%; + bottom: 50%; + left: 50%; + right: 50%; + margin: -148px auto auto -180px; + } @media (max-width: 558.98px) { body { font-family: 'Poppins', sans-serif; @@ -268,15 +279,28 @@ overflow-x: clip; max-width: 323px; } - #content_container { - display: flex; - justify-content: center; - align-items: center; - width: 325px; - height: 613px; - margin: 0 auto auto 9%; - margin-top: 0px; - } + + .container-fluid { + width: 395px; + height: 613px; + background-color: rgba(255,255,255,0.5); + top:0%; + bottom: auto; + left: -2px; + right: 2020px; + margin: auto; + } + + #content_container { + width: 325px; + height: 613px; + display: flex; + justify-content: center; + align-items: center; + margin: 0 auto; + margin-top: 0px; + margin-left: 5%; + } bg-email-icon { background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white; margin-left:30px; @@ -378,7 +402,7 @@
- +
@@ -432,7 +456,7 @@
- +