Änderungen Css nun sind alle Fenster zentriert horizontal und vertikal

This commit is contained in:
ja
2021-11-23 09:17:34 +01:00
parent 4c3e583008
commit 2e65a873f2
5 changed files with 66 additions and 28 deletions

View File

@@ -372,7 +372,7 @@
<ul style="list-style: none;"class="collapse list-unstyled" id="UserSubmenu1"> <ul style="list-style: none;"class="collapse list-unstyled" id="UserSubmenu1">
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
<li><button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:16px;white-space: nowrap; height:20px"><img src="../images/Icons/main/gear_blue.png"; style="width:15px; height:15px;color:#043381;background-color:#fff;margin-right:6px;" />Profil bearbeiten</button> </li> <li><button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:16px;white-space: nowrap; height:20px"><img src="../images/Icons/main/gear_blue.png"; style="width:15px; height:15px;color:#043381;background-color:#fff;margin-right:6px;" />Profil bearbeiten</button> </li>
<li style="margin-top:12px"><a type="button" class="btn btn-primary" href="../login/Logout.aspx" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:16px;width:200px;z-index:1032;margin-left:-16px"><img src="../images/Icons/main/Logout.svg.png"; style="font-size:14px;width:20px; height:20px;color:#043381;background-color:#fff; margin-right:6px;"/>Logout</a></li> <li style="margin-top:12px"><a type="button" class="btn btn-primary" href="../login/Logout.aspx" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:18px;width:200px;z-index:1032;margin-left:-16px"><img src="../images/Icons/main/Logout.svg.png"; style="width:15px;font-size:18px; height:15px;color:#043381;background-color:#fff; margin-right:6px;"/>Logout</a></li>
</ul> </ul>
</li> </li>
</ul> </ul>

View File

@@ -29,6 +29,9 @@
<add name="HttpGet"/> <add name="HttpGet"/>
<add name="HttpPost"/> <add name="HttpPost"/>
</protocols> </protocols>
<conformanceWarnings>
<remove name='BasicProfile1_1'/>
</conformanceWarnings>
</webServices> </webServices>
<authentication mode="Forms"> <authentication mode="Forms">
<forms defaultUrl="/Customers/Welcome.aspx" loginUrl="login/Login_FLEX.aspx" slidingExpiration="true" timeout="2880" /> <forms defaultUrl="/Customers/Welcome.aspx" loginUrl="login/Login_FLEX.aspx" slidingExpiration="true" timeout="2880" />

View File

@@ -15,12 +15,12 @@
background-color: #003680; background-color: #003680;
} }
#content_container { #content_container {
width: 100%;
height: 100%;
position: absolute; position: absolute;
display: 690px; display: 690px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%;
height: 100%;
margin: 0 auto; margin: 0 auto;
} }
#tbl_main { #tbl_main {

View File

@@ -9,7 +9,6 @@
background-attachment: fixed; background-attachment: fixed;
background-size: cover; background-size: cover;
background-color: #fff; background-color: #fff;
overflow: clip;
} }
#Login1_LoginButton { #Login1_LoginButton {
color: #fff; color: #fff;
@@ -18,24 +17,19 @@
margin: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
} }
#content_container { #content_container {
width: 100%;
height: 100%;
position: absolute; position: absolute;
display: 690px; display: 690px;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 100%;
height: 100%;
margin: 0 auto; margin: 0 auto;
} }
.container-fluid { .container-fluid {
width: 400px; width: 405px;
height: 300px; height: 613px;
position:relative;
background-color: rgba(255,255,255,0.5); background-color: rgba(255,255,255,0.5);
top: 50%;
bottom: auto;
left: -20%;
right: 520px;
margin: 0 auto;
margin-top:370px;
} }
#tbl_main { #tbl_main {
font-family: Arial; font-family: Arial;
@@ -43,6 +37,23 @@
border: 1px solid gray; border: 1px solid gray;
width: 400px; width: 400px;
height: 270px; 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 { #lbl_Ueberschrift {
background-color: #003680; background-color: #003680;

View File

@@ -96,6 +96,17 @@
border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px;
margin-left: -4px; 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) { @media (max-width: 558.98px) {
body { body {
font-family: 'Poppins', sans-serif; font-family: 'Poppins', sans-serif;
@@ -268,14 +279,27 @@
overflow-x: clip; overflow-x: clip;
max-width: 323px; max-width: 323px;
} }
.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 { #content_container {
width: 325px;
height: 613px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
width: 325px; margin: 0 auto;
height: 613px;
margin: 0 auto auto 9%;
margin-top: 0px; margin-top: 0px;
margin-left: 5%;
} }
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;
@@ -378,7 +402,7 @@
<asp:Login ID = "Login1" runat = "server" OnAuthenticate= "ValidateUser" DisplayRememberMe="true" DestinationPageUrl="../Customers/CustomsAviso.aspx" ValidateRequestMode="Enabled"> <asp:Login ID = "Login1" runat = "server" OnAuthenticate= "ValidateUser" DisplayRememberMe="true" DestinationPageUrl="../Customers/CustomsAviso.aspx" ValidateRequestMode="Enabled">
<LayoutTemplate> <LayoutTemplate>
<center> <center>
<table id="tbl_main" cellpadding="0" style="margin: 22px 0px 6px 6px; border:none"> <table id="tbl_main" cellpadding="0" style="border:none;">
<tr style="color:#003680; height:30px;"> <tr style="color:#003680; height:30px;">
<td align="left" style="color:#fff;font-kerning:auto;"> <td align="left" style="color:#fff;font-kerning:auto;">
<asp:Label ID="lbl_login" runat="server" Text="Login" style=" color: #003680;font-size: 2.320901320901321em; font-weight: 600; margin-left:149px;"></asp:Label> <asp:Label ID="lbl_login" runat="server" Text="Login" style=" color: #003680;font-size: 2.320901320901321em; font-weight: 600; margin-left:149px;"></asp:Label>
@@ -432,7 +456,7 @@
<asp:Login ID = "Login2" runat = "server" OnAuthenticate= "ValidateUser" DisplayRememberMe="true" DestinationPageUrl="../Customers/CustomsAviso.aspx" ValidateRequestMode="Enabled"> <asp:Login ID = "Login2" runat = "server" OnAuthenticate= "ValidateUser" DisplayRememberMe="true" DestinationPageUrl="../Customers/CustomsAviso.aspx" ValidateRequestMode="Enabled">
<LayoutTemplate> <LayoutTemplate>
<center> <center>
<table id="tbl_main_M" cellpadding="0" style="margin: 4px 0px 4px 4px;border:none"> <table id="tbl_main_M" cellpadding="0" style="margin: 0 auto;border:none">
<tr style="color:#003680; height:30px;"> <tr style="color:#003680; height:30px;">
<td align="left" style="color:#fff;font-kerning:auto;"> <td align="left" style="color:#fff;font-kerning:auto;">
<asp:Label ID="lbl_login_M" runat="server" Text="Login" style=" color: #003680;font-size: 2.320901320901321em; font-weight: 800; margin-left:132px;margin-top:20px"></asp:Label> <asp:Label ID="lbl_login_M" runat="server" Text="Login" style=" color: #003680;font-size: 2.320901320901321em; font-weight: 800; margin-left:132px;margin-top:20px"></asp:Label>