Änderungen CSS und Verbesserungen Mobilität

This commit is contained in:
ja
2021-08-06 13:17:53 +02:00
parent 62009c9f07
commit 53e9a09791
5 changed files with 201 additions and 183 deletions

View File

@@ -94,24 +94,26 @@
display: none; display: none;
position: absolute; position: absolute;
background-color: #fff; background-color: #fff;
min-width:160px;
min-width: 10em; min-width: 10em;
min-width: 20.833333333333336vw;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1; z-index: 1;
} }
/* Links inside the dropdown */ /* Links inside the dropdown */
.dropdown-content a { .dropdown-content a {
color: black; color: black;
padding:0.75em 1em; padding:0.75em 1em;
text-decoration: none; text-decoration: none;
display: block; display: block;
} }
/* Change color of dropdown links on hover */ /* Change color of dropdown links on hover */
.dropdown-content a:hover { .dropdown-content a:hover {
background-color: #043381; background-color: #043381;
color: #fff; color: #fff;
} }
/* Show the dropdown menu on hover */ /* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content { .dropdown:hover .dropdown-content {
@@ -125,9 +127,10 @@
table{ table{
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0px;
width: 100%; width: 100%;
border: 1px solid #ddd; border: 1px solid #ddd;
border:0.13020833333333331vw solid #ddd;
background-color:white; background-color:white;
color:#043381; color:#043381;
} }
@@ -181,16 +184,19 @@
} }
/*Button Dropdown Menue Language Picker*/ /*Button Dropdown Menue Language Picker*/
.dropbtn { .dropbtn {
background-color: #fff; background-color: #fff;
left: 65%; left: 65%;
right: auto; right: auto;
width: 100px; width: 100px;
width: 13.020833333333334vw;
height: 20%; height: 20%;
position: relative; position: relative;
color: #043381; color: #043381;
padding: 0px; padding: 0px;
font-size:16px;
font-size: 1em; font-size: 1em;
font-size:2.083333333333333vw;
border: none; border: none;
z-index:512; z-index:512;
} }
@@ -235,7 +241,7 @@
} }
.btn btn-primary btn-sm{ .btn btn-primary btn-sm{
background-color: #fff; background-color: #fff;
color:#043381; color:#043381;
} }
/*Um alle Items der navbar nach rechts zu shiften außer das Nav-Brand(Logo) */ /*Um alle Items der navbar nach rechts zu shiften außer das Nav-Brand(Logo) */
@@ -246,11 +252,9 @@
list-style-type: none; list-style-type: none;
} }
@media (min-width: 768px) { @media (min-width: 768px) {
#offcanvasWithBothOptions { #offcanvasWithBothOptions {
min-width: 350px; min-width: 21.875em;
min-width: 21.875em; max-width: 21.875em;
max-width: 350px;
max-width: 21.875em;
} }
} }
.clearfix { .clearfix {
@@ -388,7 +392,7 @@
<!-- Navigation Bar--> <!-- Navigation Bar-->
<nav class="navbar navbar-expand-lg navbar-light"> <nav class="navbar navbar-expand-lg navbar-light">
<li class="nav-item"> <li class="nav-item">
<a class="navbar-brand" href="newpageJulius_Sidebar.aspx"><img src="images/Logo_small.png" alt="Verag Spedition AG Logo" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a> <a class="navbar-brand" href="newpageJulius_Sidebar.aspx"><img src="images/Logo_small.png" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
</li> </li>
</nav> </nav>
</div> </div>

View File

@@ -131,7 +131,7 @@
<div id="main-menu"> <div id="main-menu">
<!-- <ul><div id="art-banner2"></div> --> <!-- <ul><div id="art-banner2"></div> -->
<nav class="navbar navbar-expand-lg navbar-light"> <nav class="navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="newpageJulius_Sidebar.aspx?lan2=DE"><img src="images/Logo_small.png" alt="" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a> <a class="navbar-brand" href="newpageJulius_Sidebar.aspx?lan2=DE"><img src="images/Logo_small.png" alt="Schriftzug: Verag AG Blaue Schrift: Verag Spedition Graue Schrift: AG" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
<% <%
Dim flagpath = "images/flags/flagge_DE_AT.gif" Dim flagpath = "images/flags/flagge_DE_AT.gif"

File diff suppressed because one or more lines are too long

View File

@@ -167,10 +167,9 @@
<body style="width:500px;padding:0px;margin:0px;overflow-x: hidden;background-image:none;align-self:center" > <body style="width:500px;width:25vw;padding:0px;margin:0px;overflow-x: hidden;background-image:none;align-self:center" >
<div style="width:100%;height:35px;background-color: #003680;font-size:16px;color:white;padding:10px;" ><b>Feedback Verag Spedition AG</b></div> <div style="width:100%;height:35px;background-color: #003680;font-size:16px;color:white;padding:10px;" ><b>Feedback Verag Spedition AG</b></div>
<form id="form1" runat="server"> <form id="form1" runat="server">
Sie können uns hier eine Nachricht schreiben, ein Mitarbeiter wird sich umgehend darum kümmern: Sie können uns hier eine Nachricht schreiben, ein Mitarbeiter wird sich umgehend darum kümmern:
<br/> <br/> <br/> <br/>

File diff suppressed because one or more lines are too long