diff --git a/App_Code/WebService.vb b/App_Code/WebService.vb index dc6af29..5f3e8de 100644 --- a/App_Code/WebService.vb +++ b/App_Code/WebService.vb @@ -5,7 +5,7 @@ Imports System.Web.Services.Protocols ' Wenn der Aufruf dieses Webdiensts aus einem Skript zulässig sein soll, heben Sie mithilfe von ASP.NET AJAX die Kommentarmarkierung für die folgende Zeile auf. - _ + _ _ Public Class WebService diff --git a/Customers/Customers.master b/Customers/Customers.master index c9dbdce..cd62775 100644 --- a/Customers/Customers.master +++ b/Customers/Customers.master @@ -372,7 +372,7 @@ diff --git a/Web.config b/Web.config index 7fa841a..0932cba 100644 --- a/Web.config +++ b/Web.config @@ -134,7 +134,7 @@ - + diff --git a/css/login/loginFLEX.css b/css/login/loginFLEX.css index c80fcb0..9f96482 100644 --- a/css/login/loginFLEX.css +++ b/css/login/loginFLEX.css @@ -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; diff --git a/login/Change_PW.aspx b/login/Change_PW.aspx index ecc99b6..7d95aaf 100644 --- a/login/Change_PW.aspx +++ b/login/Change_PW.aspx @@ -79,7 +79,7 @@ background-color: #fff; overflow-y: clip; overflow-x: clip; - max-width:390px; + max-width:380px; } h1 { color: #043381; @@ -93,29 +93,29 @@ display: flex; justify-content: center; align-items: center; - width: 390px; + width: 380px; height: 613px; margin: 0 auto; - margin-left:10%; + margin-left:7%; + margin-top:9px; } - .container-fluid { - width: 390px; + width: 380px; background-color: rgba(255,255,255,0.5); - height:423px; + height:613px; top:50%; bottom: -4px; left: -195px; right: 520px; - margin: 0 auto; + margin: -1px auto; } #tbl_main_M { font-family: Arial; font-size: 11px; border: 1px solid gray; width: 300px; - height: 613px; - margin-top:80px; + height: 813px; + margin-top:61px; } #btn_submitpw_M{ background-color: #003680; diff --git a/login/ForgotPW.aspx b/login/ForgotPW.aspx index 0d5acbe..f435214 100644 --- a/login/ForgotPW.aspx +++ b/login/ForgotPW.aspx @@ -56,7 +56,7 @@ font-size: 1.725em; } .container-fluid { - width: 400px; + width: 390px; height: 473px; position:absolute; background-color: rgba(255,255,255,0.5); @@ -78,21 +78,21 @@ background-color: #fff; overflow-y: clip; overflow-x: clip; - width:380px; + width:375px; position: absolute; } #content_container { display: flex; justify-content: center; align-items: center; - width: 380px; + width: 375px; height: 613px; margin: 0 auto; - margin-top: 0px; - margin-left: 5%; + margin-top: 10px; + margin-left: 8%; } .container-fluid { - width: 395px; + width: 375px; height: 613px; background-color: rgba(255,255,255,0.5); top:0%; @@ -105,7 +105,7 @@ font-family: Arial; font-size: 11px; border: 1px solid gray; - width: 380px; + width: 375px; height: 713px; } #lbl_Ueberschrift_M { @@ -144,7 +144,7 @@ width: 325px; height: 32px; margin-bottom: -50px; - margin-left:16px; + margin-left:10px; padding-inline: 2px 2px; padding: -10px 0px 12px 1px; border:none; @@ -311,11 +311,11 @@ - @@ -384,32 +384,32 @@ - + - + - + - + - + - + - + diff --git a/login/login_FLEX.aspx b/login/login_FLEX.aspx index 363217c..8eb2861 100644 --- a/login/login_FLEX.aspx +++ b/login/login_FLEX.aspx @@ -1,4 +1,4 @@ -<%@ Page Language="VB" Debug="true" AutoEventWireup="false" CodeFile="login_FLEX.aspx.vb" Inherits="login_FLEX"%> +<%@ Page Language="VB" Debug="true" AutoEventWireup="false" CodeFile="login_FLEX.aspx.vb" Inherits="login_FLEX" EnableSessionState="True" %> @@ -97,7 +97,7 @@ margin-left: -4px; } .container-fluid { - width: 395px; + width: 390px; height:413px; position:absolute; background-color: rgba(255,255,255,0.5); @@ -119,34 +119,32 @@ background-color: #fff; overflow-y: clip; overflow-x: clip; - max-width:390px; + max-width:375px; } #content_container { display: flex; justify-content: center; align-items: center; - width: 395px; + width: 375px; height: 613px; margin: 0 auto auto 9%; margin-top: 0px; } .container-fluid { - width: 395px; + width: 375px; height: 613px; background-color: rgba(255,255,255,0.5); - top:50%; - bottom: auto; - left: -192px; - right: 520px; - margin: auto auto auto -2px; + top:2px; + bottom: auto; + margin: 7px auto auto -195px; } #tbl_main_M { font-family: Arial; font-size: 11px; border: 1px solid gray; - width: 295px; + width: 375px; height: 613px; margin: auto auto auto -2px; } @@ -160,6 +158,7 @@ font-size: 2em; color: #fff; margin-top:-20px; + margin-left:-4px; } .txt_design { color: #003680; @@ -265,7 +264,7 @@ margin-left:8px; color:#003680; } - @media (max-width: 323px) { + @media (max-width: 322.98px) { body { font-family: 'Poppins', sans-serif; background: #fafafa; @@ -277,29 +276,29 @@ background-color: #fff; overflow-y: clip; overflow-x: clip; - max-width: 323px; + width: 322.98px; } .container-fluid { - width: 395px; + width: 322.98px; height: 613px; background-color: rgba(255,255,255,0.5); - top:0%; + top:2px; bottom: auto; left: -2px; - right: 2020px; - margin: auto; + right: 0px; + margin: 0 auto; } #content_container { - width: 325px; + width: 322.98px; height: 613px; display: flex; justify-content: center; align-items: center; margin: 0 auto; - margin-top: 0px; - margin-left: 5%; + margin-top: 2px; + margin-left: 8%; } bg-email-icon { background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white; @@ -457,37 +456,37 @@
- + - + - + - + - + - +
- +
-
+
- + I forgot my password