Containeränderungen und Menüanpassungen des Seitenmenüs

This commit is contained in:
ja
2021-08-24 14:42:07 +02:00
parent ebfa4f10bf
commit 1052626426
15 changed files with 300 additions and 241 deletions

View File

@@ -1,6 +1,7 @@

/*Sidenav */
@import "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700";
body {
font-family: 'Poppins', sans-serif;
background: #fafafa;
@@ -85,12 +86,12 @@ a:focus {
#sidebarCollapse {
background-color: #043381;
color: #fff;
margin-right: -43px;
margin-right: -2.5rem;
margin-left: -250px;
}
#sidebarCollapse:hover {
background-color: #043381;
background-color: #043381;
color: #fff;
border-radius: 5px;
border-radius: 0.313em;
@@ -109,15 +110,15 @@ a:focus {
#sidebar {
min-width: 250px;
max-width: 250px;
background-color:#fff;
color:#043381;
background-color: #fff;
color: #043381;
}
#sidebar.active {
margin-left: -250px;
}
}
#sidebar .sidebar-header {
#sidebar .sidebar-header {
background: #fff;
}
@@ -153,40 +154,26 @@ a:focus {
background-color: #043381;
}
a[data-toggle="collapse"] {
position: relative;
}
a[data-toggle="collapse"] {
position: relative;
}
.dropdown-toggle::after {
display: block;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.dropdown-toggle::after {
display: block;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
ul ul a {
font-size: 0.875em !important;
padding-left: 30px !important;
background-color: #fff;
}
ul ul a {
font-size: 0.875em !important;
padding-left: 30px !important;
background-color: #fff;
}
ul.CTAs {
padding: 20px;
}
ul.CTAs a {
text-align: center;
font-size: 14px !important;
font-size: 1.8229166666666667vw !important;
font-size: 0.875rem !important;
display: block;
border-radius: 5px;
border-radius: 0.313rem;
margin-bottom: 5px;
margin-bottom: 0.313rem;
}
/* a.download {
/* a.download {
background: #fff;
color: #043381;
}
@@ -202,32 +189,34 @@ a:focus {
----------------------------------------------------- */
#content {
max-width: /*2048px;*/ 451.10132158590307vw;
max-width: /*575px;*/ 126.65198237885463vw;
padding: 20px;
padding: 1.25em;
min-height: 100vh;
transition: all 0.5s;
background-color: #fff;
}
#container-xxl {
background-color: #fff;
}
#container-xxl {
background-color: #fff;
}
/* ---------------------------------------------------
MEDIAQUERIES
----------------------------------------------------- */
/* @media (max-width: 320px) and (max-height: 640px){*/
@media (max-width: 575.98px) {
#sidebar {
padding: /*2px*/ 0.44052863436123346vw;
font-size: 1em;
margin-left: -250px;
background-color: #fff;
color: #043381;
}
#sidebar.active {
margin-left: 0;
padding: /*2px*/ 0.44052863436123346vw;
font-size: 1em;
margin-left: -250px;
background-color: #fff;
color: #043381;
}
#sidebar.active {
margin-left: -250px;
}
#content {
font-size: 1.57em;
font-size: 3.270833333333333vw;
@@ -307,12 +296,13 @@ a:focus {
#sidebar.active {
margin-left: -250px;
}
#content_all {
font-size: 1rem;
font-size: 1.2333000033333vw;
min-width: 110%;
float: left;
background-color:#fff;
background-color: #fff;
}
#footer_content b {
@@ -8689,4 +8679,3 @@ li {
background-color: #fff;
color: #043381;
}