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

Verag Homepage Julius version 2

Browse Source
This commit is contained in:
ja
2021-08-02 07:56:52 +02:00
parent 66f7ea8ec4
commit ed5de0f448
5 changed files with 108 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
AvisoTV_FLEX.aspx
View File

@@ -9,7 +9,7 @@
<!-- Required meta tags -->
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>"Verag Spedition AG AvisoTV Flex"</title>
<!-- 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"/>
@@ -85,8 +85,8 @@
position: absolute;
color: #043381;
background-color:#fff;
padding: 16px;
font-size: 16px;
padding: 1em;
font-size: 1em;
border: none;
}
@@ -95,7 +95,7 @@
display: none;
position: absolute;
background-color: #fff;
min-width: 160px;
min-width: 10em;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
@@ -103,7 +103,7 @@
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px;
padding:0.75em 1em;
text-decoration: none;
display: block;
}
@@ -193,7 +193,7 @@
position: relative;
color: #043381;
padding: 0px;
font-size: 16px;
font-size: 1em;
border: none;
z-index:512;
}
@@ -205,7 +205,7 @@
left: 65%;
color:#043381;
background-color: #fff;
min-width: 160px;
min-width: 10em;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1000;
}
@@ -213,7 +213,7 @@
/* Links inside the dropdown */
.dropdown-content a {
color: black;
padding: 12px 16px;
padding: 0.75em 1em;
text-decoration: none;
z-index:812;
}
@@ -381,12 +381,12 @@
<nav class="navbar navbar-expand-lg navbar-light">
<li class="nav-item">
<a class="navbar-brand" href="newpageJulius_Sidebar.aspx"><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"><img src="images/Logo_small.png" alt="Verag Spedition AG Logo" data-toggle="tooltip" data-placement="top" title="https://www.verag.ag"></a>
</li>
</nav>
</div>
<h1>AVISO-TV Online</h1>
<h1>Verag AVISO-TV Online</h1>
<div id="line"></div>
<br/>
Hier finden Sie Informationen zu den aktuell an der Grenze stehenden LKWs.
@@ -456,7 +456,7 @@
%>
<tbody class="table-light table-responsive-xxl table-striped ">
<tr style="transform: rotate(0);">
<th scope="row"><a href="status_Julius.aspx?AvisoId=<%=AvisoId%>&lan2=<%=laenderkuerzel%>" class="stretched-link"><%Response.Write(cnt + 1)%></a></th>
<th scope="row"><a href="status_Julius.aspx?AvisoId=<%=AvisoId%>&lan2=<%=laenderkuerzel%>" rel="nofollow" target="_blank" class="stretched-link"><%Response.Write(cnt + 1)%></a></th>
<!-- <td><% 'Response.Write(cnt + 1)%> </td> -->
<td><% Response.Write(AVISO_ROW("LKW_Nr"))%> </td>
<td><% Response.Write(AVISO_ROW("Frächter")) %></td>

8
DownloadsJulius.aspx
View File

@@ -64,7 +64,7 @@
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>VERAG Spedition AG</title>
<title>VERAG Spedition AG Downloads</title>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
@@ -119,8 +119,10 @@
p {
font-family: 'Poppins', sans-serif;
font-size: 1.1em;
font-size: 17.6px;
font-weight: 300;
line-height: 1.7em;
line-height: 27.2px;
color: #999;
}
@@ -138,8 +140,10 @@
background: #fff;
border: none;
border-radius: 0;
margin-bottom: 2.5em;
margin-bottom: 40px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0.063em 0.063em 0.188em rgba(0, 0, 0, 0.1);
}
.navbar-btn {

16
KundenseiteJulius.aspx
View File

@@ -63,7 +63,7 @@
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>VERAG AVISO-TV Online</title>
<title>VERAG AG Kundenseite</title>
<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/status.css"/>
@@ -75,8 +75,8 @@
color: #043381;
position: absolute;
background-color: #fff;
padding: 16px;
font-size: 16px;
padding: 1em;
font-size: 1em;
border: none;
}
@@ -85,15 +85,15 @@
display: none;
position: absolute;
background-color: #fff;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
min-width: 10em;
box-shadow: 0em 0.5em 1em 0em rgba(0,0,0,0.2);
z-index: 1;
}
/* Links inside the dropdown */
.dropdown-content a {
color: #043381;
padding: 12px 16px;
padding: 0.75em 1em;
text-decoration: solid;
display: block;
}
@@ -102,7 +102,7 @@
.dropdown-content a:hover {
background-color: #043384;
color: #fff;
text-shadow:5px;
text-shadow: 0.313em;
}
/* Show the dropdown menu on hover */
@@ -122,7 +122,7 @@
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border: 1px solid #ddd;
border: 0.063em solid #ddd;
}
#flex-container {

3
navigation_Julius.aspx
View File

@@ -1,6 +1,7 @@
<head>
<title> VERAG Spedition AG Navigation new</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>VERAG Spedition AG</title>
<!-- Bootstrap -->
<html lang="en">

80
newpageJulius_Sidebar.aspx
View File

@@ -56,7 +56,7 @@
' End Property,
</script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" title="VERAG Spedition"/>
<title>VERAG Spedition AG</title>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
@@ -113,13 +113,16 @@
p {
font-family: 'Poppins', sans-serif;
font-size: 17.6px;
font-size: 1.1em;
font-weight: 300;
line-height: 27.2px;
line-height: 1.7em;
color: #999;
}
#footer {
font-size: 8px;
font-size:0.5em;
}
@@ -133,11 +136,14 @@
.navbar {
padding: 25px 30px;
padding: 1.563em 1.875em;
background: #fff;
border: none;
border-radius: 0;
margin-bottom: 40px;
margin-bottom: 2.5em;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0.063em 0.063em 0.188em rgba(0,0,0,0.1);
}
.nav-item dropdown::marker{
background-color:#fff;
@@ -149,7 +155,7 @@
.navbar-btn {
box-shadow: none;
outline: none !important;
border: 2px;
border: 2rem;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5384BE', endColorstr='#4386D7');
@@ -167,21 +173,27 @@
.line {
width: 100%;
height: 1px;
height: 0.063em;
border-bottom: 1px dashed #ddd;
border-bottom: 0.063em dashed #ddd;
margin: 40px 0;
margin: 2.5em 0;
}
#sidebarCollapse {
background-color: #043381;
color: #fff;
margin-right:-123px;
margin-right:-7.688em;
}
#sidebarCollapse:hover {
background-color: #000085;
color: #fff;
border-radius:5px;
border-radius: 0.313em;
margin-right:5px;
margin-right: 0.313em;
}
/* ---------------------------------------------------
SIDEBAR STYLE
@@ -195,7 +207,9 @@
#sidebar {
min-width: 250px;
min-width: 15.625em;
max-width: 250px;
max-width: 15.625em;
background:#fff;
color: #000000;
transition: all 0.2s;
@@ -203,26 +217,33 @@
#sidebar.active {
margin-left: -250px;
margin-left: -15.625em;
}
#sidebar .sidebar-header {
padding: 20px;
padiing: 1.25em;
background: #fff;
}
#sidebar ul.components {
padding: 20px 0;
padding: 1.25em 0;
border-bottom: 1px solid #043381;
border-bottom: 1.25em solid #043381;
}
#sidebar ul p {
color: #043381;
padding: 14px;
padding: 0.875em;
}
#sidebar ul li a {
padding: 10px;
font-size: 1.1em;
padding: 0.625em;
font-size: 16px;
font-size: 1em;
display: block;
}
@@ -246,11 +267,12 @@
position: absolute;
top: 50%;
right: 20px;
right: 1.25em;
transform: translateY(-50%);
}
ul ul a {
font-size: 0.9em !important;
font-size: 0.875em !important;
padding-left: 30px !important;
background: #fff;
}
@@ -261,10 +283,13 @@
ul.CTAs a {
text-align: center;
font-size: 0.9em !important;
font-size: 14px !important;
font-size: 0.875em !important;
display: block;
border-radius: 5px;
border-radius: 0.313em;
margin-bottom: 5px;
margin-bottom: 0.313em;
}
a.download {
@@ -285,6 +310,7 @@
#content {
width: 100%;
padding: 20px;
padding: 1.25em;
min-height: 100vh;
transition: all 0.5s;
}
@@ -295,31 +321,40 @@
@media (max-width: 768px) {
#sidebar {
margin-left: -250px;
margin-left: -15.625em;
padding-top: 8px;
padding-top:0.5em;
font-size:1.2em;
font-size: 20.32px;
font-size: 1.27em;
}
#content{
font-size:1.56em;
font-size: 18.56px;
font-size:1.16em;
max-width:100%;
min-width:60%;
}
#footer_content{
font-size: 6.4px;
font-size:0.4em;
padding-inline:1px;
padding-inline:0.063em;
max-width:100%;
min-width:60%;
}
.nav-link dropdown-toggle
{
font-size: 15.36px;
font-size:0.96em;
font-style:inherit;
font-size-adjust:-2.52;
}
nav-item dropdown::marker{
font-size:0px;
font-size: 0em;
}
#navbarDropdown{
font-size:0.86;
font-size: 12.16px;
font-size:0.76em;
}
#navbar{
font-size:initial;
@@ -335,28 +370,37 @@
@media (min-width: 768px) {
#sidebar {
margin-left: -250px;
margin-left: -15.625em;
padding-top: 8px;
padding-top:0.5em;
font-size:1.2em;
font-size: 20px;
font-size:1.25em;
}
#content{
font-size:1.56em;
font-size: 25.12px;
font-size:1.57em;
max-width:100%;
min-width:60%;
}
#footer_content{
font-size: 6.4px;
font-size:0.4em;
padding-inline:1px;
padding-inline:0.063em;
max-width:100%;
min-width:60%;
}
.nav-link dropdown-toggle
{
font-size: 13.76px;
font-size:0.86em;
font-style:inherit;
font-size-adjust:-4.52;
font-size-adjust: -72.32px;
font-size-adjust:-4.52em;
}
nav-item dropdown::marker{
font-size:0px;
font-size:0em;
overflow:hidden;
}
#navbarDropdown{
@@ -373,11 +417,14 @@
}
#navbar.menu_class{
width:20px;
width: 1.25em;
height:14px;
height: 0.875em;
}
#pagecontent{
font-size:2.12em;
font-size: 33.2px;
font-size:2.075em;
display: flex;
align-items: center;
justify-content: center
@@ -414,11 +461,17 @@
#main-menu div.menu_01 .menu_logo{
position:absolute;
left:10px;
left: 0.625em;
top:20px;
top: 1.25em;
margin:0px;
margin:0em;
padding:0px;
padding:0em;
max-width:60px;
max-width: 3.75em;
max-height: 60px;
max-height: 3.75em;
z-index:2;
}
.offcanvas-body {
@@ -456,8 +509,6 @@
<ul style="list-style: none;" class="list-unstyled components">
<p>VERAG Spedition AG</p>
<li class="active">
<%
%>
<%
Dim DB As New cDBFunctions
Dim laenderkuerzel As String = "de"
@@ -857,6 +908,7 @@
</div>
</form>
</li>
<script type="text/javascript" src="js/toptions/top_up-min.js"></script>
<!-- jQuery CDN - Slim version (=without AJAX) -->