diff --git a/newpageJulius_Sidebar.aspx b/newpageJulius_Sidebar.aspx index 18b739f..e0dbc50 100644 --- a/newpageJulius_Sidebar.aspx +++ b/newpageJulius_Sidebar.aspx @@ -308,7 +308,7 @@ MEDIAQUERIES ----------------------------------------------------- */ - @media (max-width: 768px) { + @media (max-width: 320px) and (max-height: 640px){ #sidebar { margin-left: -250px; padding-top:0.5em; @@ -363,7 +363,7 @@ } } - @media (min-width: 768px) { + @media (min-width: 320px) and (min-height: 640px) { #sidebar { margin-left: -250px; padding-top: 0.86em; @@ -375,7 +375,7 @@ font-size: 1.2333000033333vw; min-width: 110%; float: left; - margin-left: 80px; + margin-left: 0px; } #footer_content b{ font-size: 1rem; @@ -401,7 +401,7 @@ overflow: hidden; } #sidebar.active { - margin-left: -50px; + margin-left: -0px; } } #navbar.menu_class{ diff --git a/status_Julius.aspx b/status_Julius.aspx index e4ec808..87f067e 100644 --- a/status_Julius.aspx +++ b/status_Julius.aspx @@ -212,48 +212,60 @@ Imports System.Data.SqlClient MEDIAQUERIES ----------------------------------------------------- */ - @media (max-width: 768px) { - #sidebar { - padding-top: 8px; - font-size: 1.25em; - } - #content{ - font-size:20px; - max-width:100%; - min-width:100%; - } - #footer_content{ - font-size:0.4em; - font-size:0.8333333333333334vw; - padding-inline:0.063em; - padding-inline:0.13020833333333331vw; - max-width:100%; - min-width:60%; - } - .nav-link dropdown-toggle - { - font-size:0.96em; - font-style:inherit; - font-size-adjust:-2.52; - } - nav-item dropdown::marker{ - font-size:0px; - font-size:0em; - font-size:0vw; - } - #navbarDropdown{ - /* font-size:13.76px;*/ - font-size:0.96em; - } - #navbar{ - font-size:initial; - } - #sidebar.active { - margin-left: 0rem; - } - #sidebarCollapse span { - display:compact; - } + @media (max-width: 320px) and (max-height: 640px) { + #sidebar { + margin-left: -250px; + padding-top:0.5em; + font-size:1em; + font-size:16px; + } + #content{ + font-size: 1.57em; + font-size: 3.270833333333333vw; + min-width: 70%; + } + #footer_content b{ + font-size: 1em; + font-size: 2.083333333333333vw; + padding-inline: 0.063rem; + } + .nav-link dropdown-toggle + { + font-size: 1em; + font-size: 2.083333333333333vw; + font-style: inherit; + font-size-adjust: -2.52; + } + nav-item dropdown::marker{ + font-size: 0px; + font-size: 0rem; + } + #navbarDropdown{ + font-size: 16px; + font-size: 1rem; + font-size: 2.083333333333333vw; + } + #navbar{ + font-size: initial; + position: relative; + } + #sidebar.active { + margin-left: 0rem; + } + #sidebarCollapse span { + display: compact; + position: sticky; + } + #navbarbrandhauptpage{ + transform: translateX(-50%); + left: 00%; + top: 20%; + position: absolute; + text-align: center; + height: 26px; + width: 150px; + } + table th td { font-size: 16px; display:block; @@ -278,7 +290,7 @@ Imports System.Data.SqlClient background-color:#fff; } } - @media (min-width: 768px){ + @media (min-width: 320px) and (min-height: 640px) { #sidebar { margin-left: /*-250px*/-15.625rem; padding-top:0.5em; @@ -331,6 +343,36 @@ Imports System.Data.SqlClient #rowTable{ width:120%; } + .main-menu div.menu_01 .menu_logo{ + position: absolute; + left: 0.625em; + top: 1.25em; + margin: 0rem; + padding: 0em; + max-width: 1.688em; + max-height: 3.75em; + z-index: 2; + } + #offcanvasWithBothOptions{ + min-width: 45.57291666666667vw; + min-width: 21.875em; + max-width: 45.57291666666667vw; + max-width: 21.875em; + } + .offcanvas-body { + background-color: #fff; + color: #043381; + font-size: 1.7692852087756545vw; + font-size: 1.563em; + } + .offcanvas-body ul li :hover{ + background-color: #043381; + color: #fff; + } + .offcanvas-header{ + background-color: #fff; + color: #043381; + } } #navbar.menu_class{ width: 1.25em; @@ -375,6 +417,7 @@ Imports System.Data.SqlClient height:1.875em; height:2.34375vh; } + @@ -475,12 +518,12 @@ Imports System.Data.SqlClient