From ed5de0f4488738da496e8db28c60987dee1ab657 Mon Sep 17 00:00:00 2001 From: ja Date: Mon, 2 Aug 2021 07:56:52 +0200 Subject: [PATCH] Verag Homepage Julius version 2 --- AvisoTV_FLEX.aspx | 22 ++++---- DownloadsJulius.aspx | 8 ++- KundenseiteJulius.aspx | 16 +++--- navigation_Julius.aspx | 3 +- newpageJulius_Sidebar.aspx | 110 +++++++++++++++++++++++++++---------- 5 files changed, 108 insertions(+), 51 deletions(-) diff --git a/AvisoTV_FLEX.aspx b/AvisoTV_FLEX.aspx index 04133f4..aec7ac4 100644 --- a/AvisoTV_FLEX.aspx +++ b/AvisoTV_FLEX.aspx @@ -9,7 +9,7 @@ - + "Verag Spedition AG AvisoTV Flex" @@ -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 @@ -

AVISO-TV Online

+

Verag AVISO-TV Online


Hier finden Sie Informationen zu den aktuell an der Grenze stehenden LKWs. @@ -456,7 +456,7 @@ %> - <%Response.Write(cnt + 1)%> + <%Response.Write(cnt + 1)%> <% Response.Write(AVISO_ROW("LKW_Nr"))%> <% Response.Write(AVISO_ROW("Frächter")) %> diff --git a/DownloadsJulius.aspx b/DownloadsJulius.aspx index 01b76c0..e84dbae 100644 --- a/DownloadsJulius.aspx +++ b/DownloadsJulius.aspx @@ -64,7 +64,7 @@ - VERAG Spedition AG + VERAG Spedition AG Downloads @@ -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 { diff --git a/KundenseiteJulius.aspx b/KundenseiteJulius.aspx index 1d686f5..45a2b18 100644 --- a/KundenseiteJulius.aspx +++ b/KundenseiteJulius.aspx @@ -63,7 +63,7 @@ - VERAG AVISO-TV Online + VERAG AG Kundenseite @@ -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 { diff --git a/navigation_Julius.aspx b/navigation_Julius.aspx index c02a8dc..f301a96 100644 --- a/navigation_Julius.aspx +++ b/navigation_Julius.aspx @@ -1,6 +1,7 @@  + VERAG Spedition AG Navigation new - VERAG Spedition AG + diff --git a/newpageJulius_Sidebar.aspx b/newpageJulius_Sidebar.aspx index f966830..22663de 100644 --- a/newpageJulius_Sidebar.aspx +++ b/newpageJulius_Sidebar.aspx @@ -56,7 +56,7 @@ ' End Property, - + VERAG Spedition AG @@ -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; - padding-top:0.5em; - font-size:1.2em; + margin-left: -15.625em; + padding-top: 8px; + padding-top:0.5em; + font-size: 20.32px; + font-size: 1.27em; } - #content{ - font-size:1.56em; + #content{ + 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; @@ -334,29 +369,38 @@ @media (min-width: 768px) { #sidebar { - margin-left: -250px; + 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; + #content{ + 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 @@ -412,13 +459,19 @@ /*Menue Header IMG style*/ #main-menu div.menu_01 .menu_logo{ - position:absolute; + 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 { @@ -457,17 +510,15 @@

VERAG Spedition AG

  • <% - %> - <% - Dim DB As New cDBFunctions - Dim laenderkuerzel As String = "de" - Dim navigation_footer As List(Of cNavigation) = DB.qry_menu_tags(laenderkuerzel) - Dim nameproj As String = "" - nameproj = "newpageJulius_Sidebar.aspx" + Dim DB As New cDBFunctions + Dim laenderkuerzel As String = "de" + Dim navigation_footer As List(Of cNavigation) = DB.qry_menu_tags(laenderkuerzel) + Dim nameproj As String = "" + nameproj = "newpageJulius_Sidebar.aspx" - If laenderkuerzel Is Nothing Then - laenderkuerzel = "de" - Else + If laenderkuerzel Is Nothing Then + laenderkuerzel = "de" + Else %>
  • @@ -743,7 +794,7 @@ Next End If%> - +
    • <% Next @@ -856,7 +907,8 @@
    VERAG Spedition AG    A-4975 Suben 14-15    Tel.: +43 7711 2777-0,  Fax: +43 7711 31600,  email: info@verag.ag
    - + +