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

Codedesign

Browse Source
This commit is contained in:
ja
2022-02-16 15:40:55 +01:00
parent d34a8879c9
commit e6fc2ca955
1 changed files with 114 additions and 116 deletions
Download Patch File Download Diff File Expand all files Collapse all files

226
login/login_FLEX.aspx
View File

@@ -14,7 +14,7 @@
<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="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" /> <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css" />
<!-- Bootstrap 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="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 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" /> <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css" />
@@ -23,10 +23,10 @@
<link rel="stylesheet" type="text/css" href="../css/main.css" /> <link rel="stylesheet" type="text/css" href="../css/main.css" />
<!-- <link rel="stylesheet" type="text/css" href="../css/style.css"/>--> <!-- <link rel="stylesheet" type="text/css" href="../css/style.css"/>-->
<link rel="SHORTCUT ICON" href="../images/Icons/favicon/favicon.ico" /> <link rel="SHORTCUT ICON" href="../images/Icons/favicon/favicon.ico" />
<!-- <link rel="stylesheet" type="text/css" href="css/edit_main.css"> --> <!-- <link rel="stylesheet" type="text/css" href="css/edit_main.css"> -->
<script src="js/netzwerk.js" type="text/javascript"></script> <script src="js/netzwerk.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../css/login/loginFLEX.css" /> <link rel="stylesheet" type="text/css" href="../css/login/loginFLEX.css" />
<!-- <link rel="stylesheet" type="text/css" href="../css/style.css"/>--> <!-- <link rel="stylesheet" type="text/css" href="../css/style.css"/>-->
<script type="text/javascript"> <script type="text/javascript">
function FocusOnInput() { function FocusOnInput() {
@@ -52,48 +52,48 @@
color: #003680; color: #003680;
font-size: 1.725em; font-size: 1.725em;
} }
.bg-email-icon { .bg-email-icon {
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white; background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white;
padding-left: 28px; padding-left: 28px;
padding-right: 50px; padding-right: 50px;
width: 227px; width: 227px;
height: 32px; height: 32px;
border: 1px gray solid; border: 1px gray solid;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
margin-left: -4px; margin-left: -4px;
} }
.bg-user-icon { .bg-user-icon {
background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 10px white; background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 10px white;
padding-left: 28px; padding-left: 28px;
padding-right: 50px; padding-right: 50px;
width: 227px; width: 227px;
height: 32px; height: 32px;
border: 1px gray solid; border: 1px gray solid;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
margin-left: -4px; margin-left: -4px;
} }
.bg-key-icon { .bg-key-icon {
background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white; background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white;
padding-left: 28px; padding-left: 28px;
padding-right: 50px; padding-right: 50px;
width: 227px; width: 227px;
height: 32px; height: 32px;
border: 1px gray solid; border: 1px gray solid;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
margin-left: -4px; margin-left: -4px;
} }
.bg-UID-icon { .bg-UID-icon {
background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white; background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
padding-left: 28px; padding-left: 28px;
padding-right: 50px; padding-right: 50px;
width: 227px; width: 227px;
height: 32px; height: 32px;
border: 1px gray solid; border: 1px gray solid;
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
margin-left: -4px; margin-left: -4px;
} }
.container-fluid { .container-fluid {
width: 390px; width: 390px;
@@ -261,86 +261,84 @@
margin-left:8px; margin-left:8px;
color:#003680; color:#003680;
} }
@media (max-width: 322.98px) { @media (max-width: 322.98px) {
body { body {
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
background: #fafafa; background: #fafafa;
background-image: url(../../images/road.jpg); background-image: url(../../images/road.jpg);
background-position: center center; background-position: center center;
background-repeat: no-repeat; background-repeat: no-repeat;
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
background-color: #fff; background-color: #fff;
overflow-y: clip; overflow-y: clip;
overflow-x: clip; overflow-x: clip;
width: 322.98px; width: 322.98px;
} }
.container-fluid {
.container-fluid { width: 322.98px;
width: 322.98px; height: 483px;
height: 483px; background-color: rgba(255,255,255,0.5);
background-color: rgba(255,255,255,0.5); top:2px;
top:2px; bottom: auto;
bottom: auto; left: -2px;
left: -2px; right: 0px;
right: 0px; margin: 0 auto;
margin: 0 auto; }
} #content_container {
width: 322.98px;
#content_container { height: 483px;
width: 322.98px; display: flex;
height: 483px; justify-content: center;
display: flex; align-items: center;
justify-content: center; margin: 0 auto;
align-items: center; margin-top: 2px;
margin: 0 auto; margin-left: 8%;
margin-top: 2px; }
margin-left: 8%; bg-email-icon {
} background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white;
bg-email-icon { margin-left:30px;
background: url("../../images/Icons/service/mail-icon.gif") no-repeat 1.75% 10px white; color:#003680;
margin-left:30px; border-radius: 8px 8px 8px 8px;
color:#003680; -webkit-border-radius: 8px;
border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px;
-webkit-border-radius: 8px; padding-left: 28px;
-moz-border-radius: 8px; padding-right: 50px;
padding-left: 28px; width: 235px;
padding-right: 50px; border: 1px gray solid;
width: 235px; border-radius: 5px 5px 5px 5px;
border: 1px gray solid; margin-left: -4px;
border-radius: 5px 5px 5px 5px; font-size:1.125em;
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;
.bg-user-icon { margin-left:30px;
background: url("../../images/Icons/service/username-icon-png-5.png") no-repeat 1.75% 10px white; color:#003680;
margin-left:30px; border-radius: 8px 8px 8px 8px;
color:#003680; -webkit-border-radius: 8px;
border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px;
-webkit-border-radius: 8px; padding-left: 28px;
-moz-border-radius: 8px; padding-right: 50px;
padding-left: 28px; width: 235px;
padding-right: 50px; border: 1px gray solid;
width: 235px; border-radius: 5px 5px 5px 5px;
border: 1px gray solid; margin-left: -4px;
border-radius: 5px 5px 5px 5px; font-size:1.125em;
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;
.bg-key-icon { margin-left:30px;
background: url("../../images/Icons/service/key-icon-png-22_small.png") no-repeat 1.75% 10px white; color:#003680;
margin-left:30px; border-radius: 8px 8px 8px 8px;
color:#003680; -webkit-border-radius: 8px;
border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px;
-webkit-border-radius: 8px; padding-left: 28px;
-moz-border-radius: 8px; padding-right: 50px;
padding-left: 28px; width: 235px;
padding-right: 50px; border: 1px gray solid;
width: 235px; border-radius: 5px 5px 5px 5px;
border: 1px gray solid; margin-left: -4px;
border-radius: 5px 5px 5px 5px; font-size:1.125em;
margin-left: -4px;
font-size:1.125em;
} }
.bg-UID-icon { .bg-UID-icon {
background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white; background: url("../../images/Icons/main/icon0-vector-493-01.png") no-repeat 1.75% 11px white;
@@ -488,7 +486,7 @@
</tr> </tr>
<tr style="color: #003680; height: 28px;"> <tr style="color: #003680; height: 28px;">
<td align="left" colspan="2"> <td align="left" colspan="2">
<asp:CheckBox ID="RememberMe_M" runat="server" ValidationGroup="Login_M" Style="margin-left: -22px; margin-top: -10px" /><label for="RememberMe_M" id="lbl_for_chkbox_M" style="margin-top: 5px;margin-left:5px; font-size: 18px">Remember me.</label> <asp:CheckBox ID="RememberMe_M" runat="server" ValidationGroup="Login_M" Style="margin-left: 22px; margin-top: -10px" /><label for="RememberMe_M" id="lbl_for_chkbox_M" style="margin-top: 5px;margin-left:5px; font-size: 18px">Remember me.</label>
</td> </td>
<td align="right" colspan="2"> <td align="right" colspan="2">
<asp:LinkButton ID="btn_ForgotPW_M" runat="server" target="_top" PostBackUrl="ForgotPW.aspx" href="ForgotPW.aspx" Style="margin-left: -164px; margin-right: -62px;">I forgot my password.</asp:LinkButton> <asp:LinkButton ID="btn_ForgotPW_M" runat="server" target="_top" PostBackUrl="ForgotPW.aspx" href="ForgotPW.aspx" Style="margin-left: -164px; margin-right: -62px;">I forgot my password.</asp:LinkButton>