Ändeurnge mobilansicht
This commit is contained in:
ja
@@ -6,6 +6,21 @@
|
||||
<head>
|
||||
<%@ import Namespace="MySql.Data.MySqlClient"%>
|
||||
<%'Dim url As String = Session.Keys.Item("urltochangepw")%>
|
||||
|
||||
<!-- Bootstrap -->
|
||||
<html lang="en"></html>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8"/>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" title="Verag Spedition AG AvisoTV Flex"/>
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
|
||||
<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
|
||||
<!-- Bootstrap CSS -->
|
||||
<!--<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">-->
|
||||
<link href="bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
|
||||
<link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
||||
<title>VERAG Spedition AG Passwort vergessen</title>
|
||||
<link rel="stylesheet" type="text/css" href="../css/main.css"/>
|
||||
@@ -39,6 +54,158 @@
|
||||
.txt_design2 {
|
||||
color: #003680;
|
||||
font-size: 1.725em;
|
||||
}
|
||||
@media (max-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;
|
||||
overflow-y: clip;
|
||||
}
|
||||
|
||||
#content_container {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 400px;
|
||||
height: 613px;
|
||||
margin: 0 auto;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.container-fluid {
|
||||
width: 400px;
|
||||
height: 713px;
|
||||
background-color: rgba(255,255,255,0.5);
|
||||
margin: 0 auto;
|
||||
margin-top: 150%;
|
||||
}
|
||||
|
||||
#tbl_main_M {
|
||||
font-family: Arial;
|
||||
font-size: 11px;
|
||||
border: 1px solid gray;
|
||||
width: 300px;
|
||||
height: 713px;
|
||||
}
|
||||
|
||||
#lbl_Ueberschrift_M {
|
||||
background-color: #003680;
|
||||
font-size: 1.85em;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#lbl_login_M {
|
||||
background-color: #003680;
|
||||
font-size: 2em;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.txt_design {
|
||||
color: #003680;
|
||||
font-size: 1.85em;
|
||||
}
|
||||
|
||||
.txt_design2 {
|
||||
color: #003680;
|
||||
font-size: 1.895em;
|
||||
margin-right: 1px;
|
||||
}
|
||||
|
||||
#btn_Send_M {
|
||||
background-color: #003680;
|
||||
color: #fff;
|
||||
width: 325px;
|
||||
height: 32px;
|
||||
margin-bottom: 0px;
|
||||
margin-left:-4px;
|
||||
padding-inline: 2px 2px;
|
||||
padding: -10px 0px 10px 1px;
|
||||
font-weight:600;
|
||||
}
|
||||
#btn_Back_M {
|
||||
background-color: #003680;
|
||||
color: #fff;
|
||||
width: 325px;
|
||||
height: 32px;
|
||||
margin-bottom: -70px;
|
||||
margin-left:16px;
|
||||
padding-inline: 2px 2px;
|
||||
padding: -10px 0px 12px 1px;
|
||||
border:none;
|
||||
font-size:18px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
#UserName_M {
|
||||
font-size: 17px;
|
||||
width: 325px;
|
||||
}
|
||||
|
||||
#CustomerID_M {
|
||||
color: #003680;
|
||||
font-size: 1.125em;
|
||||
}
|
||||
|
||||
.bg-email-icon {
|
||||
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 11px white;
|
||||
padding-left: 28px;
|
||||
padding-right: 50px;
|
||||
width: 227px;
|
||||
height: 32px;
|
||||
border: 1px gray solid;
|
||||
border-radius: 5px 5px 0px 0px;
|
||||
}
|
||||
|
||||
.bg-user-icon {
|
||||
background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 11px white;
|
||||
padding-left: 28px;
|
||||
padding-right: 50px;
|
||||
width: 227px;
|
||||
height: 32px;
|
||||
border: 1px gray solid;
|
||||
border-radius: 5px 5px 0px 0px;
|
||||
}
|
||||
|
||||
.bg-key-icon {
|
||||
background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
|
||||
padding-left: 28px;
|
||||
padding-right: 50px;
|
||||
width: 227px;
|
||||
height: 32px;
|
||||
border: 1px gray solid;
|
||||
border-radius: 5px 5px 0px 0px;
|
||||
margin-left: -4px;
|
||||
}
|
||||
|
||||
.bg-UID-icon {
|
||||
background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
|
||||
padding-left: 28px;
|
||||
padding-right: 50px;
|
||||
margin-left: -4px;
|
||||
width: 207px;
|
||||
height: 32px;
|
||||
border: 1px gray solid;
|
||||
border-radius: 5px 5px 0px 0px;
|
||||
}
|
||||
|
||||
#RememberMe_M {
|
||||
font-size: 20px;
|
||||
}
|
||||
#txtEmail_M{
|
||||
margin-top:40px;
|
||||
}
|
||||
#txt_Username{
|
||||
margin-top:40px;
|
||||
}
|
||||
#lblMessage_M{
|
||||
font-size:19px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<!-- <script type="text/javascript" src="../js/toptions/top_up-min.js"></script> -->
|
||||
@@ -78,15 +245,17 @@
|
||||
<div class="container-fluid">
|
||||
<form id="form1" runat="server">
|
||||
<center>
|
||||
<!-- Große Bildschirme-->
|
||||
<div class="d-none d-md-block">
|
||||
<table id="tbl_main" cellpadding="0" style="margin:4px 4px 4px 4px; border: none;">
|
||||
<tr style="color:#003680;height:35px;">
|
||||
<td>
|
||||
<asp:Button ID="btn_Back" runat="server" Text="Back" PostBackUrl="~/login/login_FLEX.aspx" OnClick="btn_Back_Click"/>
|
||||
<asp:Button ID="btn_Back" runat="server" Width="265" Text="Back" PostBackUrl="~/login/login_FLEX.aspx" OnClick="btn_Back_Click" style="margin-left:49px;"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="color:#003680; height:32px;font-size:12px">
|
||||
<td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">
|
||||
<asp:Label ID="lbl_PWvergessen" Text="Forgot your password?" runat="server" style="color:#003680; margin-left:92px;font-size:17px;"></asp:Label>
|
||||
<asp:Label ID="lbl_PWvergessen" Text="Forgot your password?" runat="server" style="color:#003680; margin-left:82px;font-size:17px;"></asp:Label>
|
||||
</td></tr>
|
||||
<!-- <tr style=" background-color:#fff; color:#003680; height:30px;font-size:12px">
|
||||
<td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">
|
||||
@@ -94,33 +263,79 @@
|
||||
</td></tr> -->
|
||||
<tr style="color:#003680; height:30px;">
|
||||
<td align="right" colspan="2">
|
||||
<h2 style="margin-left:104px; margin-top:-4px">Fill in your data here:</h2>
|
||||
<h2 style="margin-left:94px; margin-top:-4px">Fill in your data here:</h2>
|
||||
</td></tr>
|
||||
<!-- <tr><td>
|
||||
<input type="email" runat="server" style="width:150px" placeholder="example@somehost.com" />
|
||||
</td></tr> -->
|
||||
<tr style="color:#003680; height:30px;">
|
||||
<tr style="color:#003680; height:40px;">
|
||||
<td align="left" colspan="2">
|
||||
<asp:TextBox ID="txtEmail" runat="server" Width="250px" ValidationGroup="Valtxtemail" Font-Size="1.125em" Text="E-Mail" CssClass="bg-email-icon" style="margin-left:25px;color:#003680" OnClick="this.value='';"/>
|
||||
<asp:TextBox ID="txtEmail" runat="server" Width="265" ValidationGroup="Valtxtemail" Font-Size="1.125em" Text="E-Mail" CssClass="bg-email-icon" style="margin-left:45px;color:#003680" OnClick="this.value='';"/>
|
||||
<asp:RequiredFieldValidator ID="valreqtxtEmail" ControlToValidate="txtEmail" ValidationGroup="Valtxtemail" runat="server" Text="Require E-Mail Address" ></asp:RequiredFieldValidator>
|
||||
<asp:RegularExpressionValidator ControlToValidate="txtEmail" runat="server" ID="regexval_txt_Email" ValidationGroup="Valtxtemail" ValidationExpression="[\w\.]+\@(\bverag.ag\b)" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" SetFocusOnError="true"></asp:RegularExpressionValidator>
|
||||
<asp:RegularExpressionValidator ControlToValidate="txtEmail" runat="server" ID="regexval_txt_Email_2" ValidationGroup="Valtxtemail" ValidationExpression="[\w\.]+\@[\w]+(?:\.[\w]{3}|\.[\w]{2}\.[\w]{2}|\.[\w]{2})\b" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" SetFocusOnError="true"></asp:RegularExpressionValidator>
|
||||
<asp:RegularExpressionValidator ControlToValidate="txtEmail_2" runat="server" ID="regexval_txt_Email_2" ValidationGroup="Valtxtemail" ValidationExpression="[\w\.]+\@[\w]+(?:\.[\w]{3}|\.[\w]{2}\.[\w]{2}|\.[\w]{2})\b" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" SetFocusOnError="true"></asp:RegularExpressionValidator>
|
||||
</td></tr>
|
||||
<tr style="color:#003680; height:30px;">
|
||||
<td align="left" colspan="2">
|
||||
<asp:TextBox ID="txt_Username" runat="server" CssClass="bg-user-icon" ValidationGroup="Valtxtusername" Text="Username" Font-Size="1.125em" Width="250px" style="margin-left:25px;color:#003680" OnClick="this.value='';" />
|
||||
<asp:RegularExpressionValidator ID="check_UserName_regex" ErrorMessage="<%=Environment.NewLine %>The Username don't meet the rquirements. Try again." ControlToValidate="txt_Username" ValidationGroup="Valtxtusername" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^([a-zA-Z1-9]{4,30})$"></asp:RegularExpressionValidator>
|
||||
<asp:TextBox ID="txt_Username" runat="server" CssClass="bg-user-icon" ValidationGroup="Valtxtusername" Text="Username" Font-Size="1.125em" Width="265" style="margin-left:45px;color:#003680" OnClick="this.value='';" />
|
||||
<asp:RegularExpressionValidator ID="check_UserName_regex" ErrorMessage="The Username don't meet the rquirements. Try again." ControlToValidate="txt_Username" ValidationGroup="Valtxtusername" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^([a-zA-Z1-9]{4,30})$"></asp:RegularExpressionValidator>
|
||||
</td></tr>
|
||||
<tr style="color:#003680; height:30px;">
|
||||
<td align="right" colspan="2">
|
||||
<asp:Label ID="lblMessage" runat="server" />
|
||||
</td></tr>
|
||||
<tr style="color:#003680; height:30px;"><td>
|
||||
<asp:Button ID="btn_Send" Text="Send" runat="server" Width="330px" Enabled="true" Font-Size="20px" style="margin-left:22px;border:none" OnClick="btn_Send_Click" />
|
||||
<asp:Button ID="btn_Send" Text="Send" runat="server" Width="265" Enabled="true" Font-Size="20px" style="margin-left:46px;border:none" OnClick="btn_Send_Click" />
|
||||
</td></tr>
|
||||
<tr><td>
|
||||
</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
<!--Smartphone-Bildschirme-->
|
||||
<div class="d-md-none">
|
||||
<table id="tbl_main_M" cellpadding="0" style="margin:8px 8px 8px 8px; border: none;">
|
||||
<tr style="color:#003680;height:55px;margin-top:-50px">
|
||||
<td>
|
||||
<asp:Button ID="btn_Back_M" runat="server" Text="Back" PostBackUrl="~/login/login_FLEX.aspx" OnClick="btn_Back_Click"/>
|
||||
</td>
|
||||
</tr>
|
||||
<tr style="color:#003680; height:32px;font-size:60px;">
|
||||
<td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">
|
||||
<asp:Label ID="lbl_PWvergessen_M" Text="Forgot your password?" runat="server" style="color:#003680; margin-left:67px;font-size:20px;"></asp:Label>
|
||||
</td></tr>
|
||||
<!-- <tr style=" background-color:#fff; color:#003680; height:30px;font-size:12px">
|
||||
<td align="center" colspan="2" style="color:#fff;font-kerning:auto;font-weight:700;">
|
||||
|
||||
<tr style="color:#003680; height:30px;">
|
||||
<td align="right" colspan="2">
|
||||
<h2 style="margin-left:104px; margin-top:-4px">Fill in your data here:</h2>
|
||||
</td></tr>
|
||||
<!-- <tr><td>
|
||||
<input type="email" runat="server" style="width:150px" placeholder="example@somehost.com" />
|
||||
</td></tr> -->
|
||||
<tr style="color:#003680; height:190px;">
|
||||
<td align="left" colspan="2">
|
||||
<asp:TextBox ID="txtEmail_M" runat="server" Width="325px" ValidationGroup="Valtxtemail_M" Font-Size="2.025em" Text="E-Mail" CssClass="bg-email-icon" style="margin-left:25px;color:#003680;" OnClick="this.value='';"/>
|
||||
<asp:RequiredFieldValidator ID="valreqtxtEmail_M" ControlToValidate="txtEmail" ValidationGroup="Valtxtemail_M" runat="server" Text="Require E-Mail Address" ></asp:RequiredFieldValidator>
|
||||
<asp:RegularExpressionValidator ControlToValidate="txtEmail_M" Font-Size="24px" runat="server" ID="regexval_txt_Email_M" ValidationGroup="Valtxtemail_M" ValidationExpression="[\w\.]+\@(\bverag.ag\b)" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" SetFocusOnError="true"></asp:RegularExpressionValidator>
|
||||
<asp:RegularExpressionValidator ControlToValidate="txtEmail_M" Font-Size="24px" runat="server" ID="regexval_2_txt_Email" ValidationGroup="Valtxtemail_M" ValidationExpression="[\w\.]+\@[\w]+(?:\.[\w]{3}|\.[\w]{2}\.[\w]{2}|\.[\w]{2})\b" Display="Dynamic" ErrorMessage="The E-Mail has not the correct domain!" SetFocusOnError="true"></asp:RegularExpressionValidator>
|
||||
</td></tr>
|
||||
<tr style="color:#003680; height:80px;">
|
||||
<td align="left" colspan="2">
|
||||
<asp:TextBox ID="txt_Username_M" runat="server" CssClass="bg-user-icon" ValidationGroup="Valtxtusername" Text="Username" Font-Size="2.025em" Width="325px" style="margin-left:25px;color:#003680" OnClick="this.value='';" />
|
||||
<asp:RegularExpressionValidator ID="check_UserName_regex_M" Font-Size="24px" ErrorMessage="The Username don't meet the rquirements. Try again." ControlToValidate="txt_Username_M" ValidationGroup="Valtxtusername" runat="server" Display="Dynamic" SetFocusOnError="true" ValidationExpression="^([a-zA-Z1-9]{4,30})$"></asp:RegularExpressionValidator>
|
||||
</td></tr>
|
||||
<tr style="color:#003680; height:30px;">
|
||||
<td align="right" colspan="2">
|
||||
<asp:Label ID="lblMessage_M" Font-Size="24px" runat="server" />
|
||||
</td></tr>
|
||||
<tr style="color:#003680; height:30px;"><td>
|
||||
<asp:Button ID="btn_Send_M" Text="Send" runat="server" Width="325px" Enabled="true" Font-Size="22px" style="margin-left:22px;border:none" OnClick="btn_Send_Click" />
|
||||
</td></tr>
|
||||
<tr><td>
|
||||
</td></tr>
|
||||
</table>
|
||||
</div>
|
||||
</center>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user