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

Änderung vereinheitlichung textfelder

Browse Source
This commit is contained in:
ja
2021-11-19 13:38:34 +01:00
parent 528b721903
commit 0ed2d5b7b5
5 changed files with 256 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
VERAG_Homepage.sln
View File

@@ -13,14 +13,14 @@ Project("{E24C65DC-7377-472B-9ABA-BC803B73C61A}") = "VERAG_Homepage", "http://lo
Debug.AspNetCompiler.TargetPath = "PrecompiledWeb\localhost_56551\"
Debug.AspNetCompiler.Updateable = "true"
Debug.AspNetCompiler.ForceOverwrite = "true"
Debug.AspNetCompiler.FixedNames = "false"
Debug.AspNetCompiler.FixedNames = "true"
Debug.AspNetCompiler.Debug = "True"
Release.AspNetCompiler.VirtualPath = "/localhost_56551"
Release.AspNetCompiler.PhysicalPath = "..\VERAG_Homepage\"
Release.AspNetCompiler.TargetPath = "PrecompiledWeb\localhost_56551\"
Release.AspNetCompiler.Updateable = "true"
Release.AspNetCompiler.ForceOverwrite = "true"
Release.AspNetCompiler.FixedNames = "false"
Release.AspNetCompiler.FixedNames = "true"
Release.AspNetCompiler.Debug = "False"
SlnRelativePath = "..\VERAG_Homepage\"
EndProjectSection

10
css/login/loginFLEX.css
View File

@@ -87,11 +87,11 @@
border-color: red;
color: red;
}
#CustomerID:valid {
background-color: white;
border-color: forestgreen;
color: black;
}
#CustomerID:valid {
background-color: white;
border-color: forestgreen;
color: black;
}
#CustomerID:invalid + span::before {
content: '✖';
color: red;

30
login/Change_PW.aspx
View File

@@ -132,6 +132,21 @@
font-size:30px;
margin-left:15px;
}
.bg-key-icon {
background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
}
@media (max-width: 323px) {
body {
@@ -198,6 +213,21 @@
font-size:26px;
margin-left:15px;
}
.bg-key-icon {
background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
}
</style>
</head>

100
login/ForgotPW.aspx
View File

@@ -157,45 +157,6 @@
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;
margin-left: -4px;
width: 207px;
height: 38px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
}
.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 5px 5px;
}
.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 5px 5px;
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 5px 5px;
}
#RememberMe_M {
font-size: 20px;
}
@@ -261,6 +222,67 @@
content: '✖';
color: red;
}
.bg-email-icon {
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 11px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.bg-user-icon {
background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 11px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.bg-key-icon {
background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.bg-UID-icon {
background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
}
</style>
<!-- <script type="text/javascript" src="../js/toptions/top_up-min.js"></script> -->

205
login/login_FLEX.aspx
View File

@@ -53,46 +53,48 @@
color: #003680;
font-size: 1.725em;
}
.bg-email-icon {
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 11px white;
.bg-email-icon {
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white;
padding-left: 28px;
padding-right: 50px;
width: 227px;
height: 28px;
border: 1px gray solid;
border-radius: 5px 5px 0px 0px;
padding-right: 50px;
width: 227px;
height: 32px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
}
.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: 28px;
border: 1px gray solid;
border-radius: 5px 5px 0px 0px;
background: url("../../images/Icons/service/username-icon-png-5.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 5px 5px;
margin-left: -4px;
}
.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: 28px;
border: 1px gray solid;
border-radius: 5px 5px 0px 0px;
margin-left: -4px;
padding-left: 28px;
padding-right: 50px;
width: 227px;
height: 32px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
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: 28px;
border: 1px gray solid;
border-radius: 5px 5px 0px 0px;
padding-right: 50px;
width: 227px;
height: 32px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
}
@media (max-width: 558.98px) {
body {
@@ -182,43 +184,63 @@
}
.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 5px 5px;
margin-left: -4px;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.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 5px 5px;
margin-left: -4px;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.bg-key-icon {
background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
margin-left: -4px;
width: 207px;
height: 38px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.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;
width: 227px;
height: 32px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
#Login1_btn_ForgotPW_M{
font-size:17px;
@@ -232,6 +254,81 @@
margin-left:8px;
color:#003680;
}
@media (max-width: 323px) {
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;
overflow-x: clip;
max-width: 323px;
}
bg-email-icon {
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.bg-user-icon {
background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 10px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.bg-key-icon {
background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
.bg-UID-icon {
background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
margin-left:30px;
color:#003680;
border-radius: 8px 8px 8px 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
padding-left: 28px;
padding-right: 50px;
width: 245px;
border: 1px gray solid;
border-radius: 5px 5px 5px 5px;
margin-left: -4px;
font-size:1.125em;
}
}
}
</style>
<!-- <script type="text/javascript" src="../js/toptions/top_up-min.js"></script> -->
@@ -280,19 +377,19 @@
</tr>
<tr style="color:#003680; height:46px;">
<td align="left" colspan="2">
<asp:TextBox ID="txt_CustomerID" CssClass="bg-UID-icon" runat="server" ValidationGroup="Login" Width="320" Placeholder="Customer-ID" style="margin-left: 22px;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Font-Size="1.25em" Height="32px"></asp:TextBox>
<asp:TextBox ID="txt_CustomerID" CssClass="bg-UID-icon" runat="server" ValidationGroup="Login" Width="330px" Placeholder="Customer-ID" style="margin-left: 22px;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Font-Size="1.25em" Height="32px"></asp:TextBox>
<asp:RequiredFieldValidator ID="CustomerIDrequired" runat="server" ControlToValidate="txt_CustomerID" ForeColor="Red" style="font-size:17px" SetFocusOnError="true" ValidationGroup="Login" ErrorMessage=""></asp:RequiredFieldValidator>
</td>
</tr>
<tr style="color:#003680; height:46px;">
<td align="left" colspan="2">
<asp:TextBox ID="UserName" runat="server" CssClass="bg-user-icon" TextMode="SingleLine" Width="320" ToolTip="The Username is required." ValidationGroup="Login" Font-Size="1.25em" style="margin-left:22px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Placeholder="Username" ></asp:TextBox>
<asp:TextBox ID="UserName" runat="server" CssClass="bg-user-icon" TextMode="SingleLine" Width="330px" ToolTip="The Username is required." ValidationGroup="Login" Font-Size="1.25em" style="margin-left:22px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Placeholder="Username" ></asp:TextBox>
<asp:RequiredFieldValidator ID="UserNamerequired" ForeColor="Red" Font-Size="17px" runat="server" ControlToValidate="UserName" SetFocusOnError="true" ErrorMessage="" ValidationGroup="Login"></asp:RequiredFieldValidator>
</td>
</tr>
<tr style="color:#003680; height:46px;">
<td align="left" colspan="2">
<asp:TextBox ID="Password" runat="server" CssClass="bg-key-icon" TextMode="Password" ToolTip="Please enter the Password." Width="320" Font-Size="1.25em" ValidationGroup="Login" MaxLength="30" AutoCompleteType="Disabled" CausesValidation="true" style="margin-left:22px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Placeholder="Password"></asp:TextBox>
<asp:TextBox ID="Password" runat="server" CssClass="bg-key-icon" TextMode="Password" ToolTip="Please enter the Password." Width="330px" Font-Size="1.25em" ValidationGroup="Login" MaxLength="30" AutoCompleteType="Disabled" CausesValidation="true" style="margin-left:22px;color:#003680;border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;" Placeholder="Password"></asp:TextBox>
<asp:RequiredFieldValidator ID="Passwordrequired" ForeColor="Red" runat="server" ControlToValidate="Password" Font-Size="17px" ValidationGroup="Login" SetFocusOnError="true" ErrorMessage=""></asp:RequiredFieldValidator>
</td>
</tr>