CSS-Design abgeschlossen

This commit is contained in:
ja
2021-09-02 12:07:09 +02:00
parent 065242b7bf
commit a9f2855a0e

View File

@@ -96,57 +96,46 @@ ContentPlaceHolder1 {
overflow-x: auto; overflow-x: auto;
font-size: 3.3769100169779285vw; font-size: 3.3769100169779285vw;
} }
.containerSearch { .containerSearch {
width: 17.621145374449338vw; width: 17.621145374449338vw;
color: #043381; color: #043381;
background-color: #fff; background-color: #fff;
} }
#btnsubmenu { #btnsubmenu {
background-color: #043381; background-color: #043381;
color: #fff; color: #fff;
} }
#btnsubmenu:hover { #btnsubmenu:hover {
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
} }
.modal-dialog modal-dialog-scrollable { .modal-dialog modal-dialog-scrollable {
width: 30%; width: 30%;
} }
.modal-content { .modal-content {
width: 40%; width: 40%;
overflow-x: no-content; overflow-x: no-content;
} }
.modal-header { .modal-header {
width: 40%; width: 40%;
} }
.modal-body { .modal-body {
/* background-color:#043381;*/ /* background-color:#043381;*/
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
} }
.modal-footer { .modal-footer {
width: 40%; width: 40%;
} }
#exampleModalLabel { #exampleModalLabel {
font-size: 12px; font-size: 12px;
} }
.modal-body { .modal-body {
/* background-color:#043381;*/ /* background-color:#043381;*/
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
width: 40%; width: 40%;
} }
.modal-header { .modal-header {
background-image: linear-gradient(to right, #003680, #0055cc); background-image: linear-gradient(to right, #003680, #0055cc);
color: #fff; color: #fff;
@@ -212,25 +201,20 @@ ContentPlaceHolder1 {
margin-left: 35px; margin-left: 35px;
overflow-x: auto; overflow-x: auto;
} }
.containerSearch { .containerSearch {
width: 3.1821797931583133vw; width: 3.1821797931583133vw;
color: #043381; color: #043381;
background-color: #fff; background-color: #fff;
} }
.sidebar-header { .sidebar-header {
background-color: #fff; background-color: #fff;
max-width: 250px; max-width: 250px;
color: #043381; color: #043381;
} }
.container-fluid { .container-fluid {
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
} }
#navbarhomebar{ #navbarhomebar{
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
@@ -240,12 +224,10 @@ ContentPlaceHolder1 {
.container-xxl { .container-xxl {
background-color: #fff; background-color: #fff;
} }
.list-unstyled components { .list-unstyled components {
background-color: #fff; background-color: #fff;
max-width: 250px; max-width: 250px;
} }
.dropdown-toggle::after { .dropdown-toggle::after {
display: block; display: block;
position: absolute; position: absolute;
@@ -258,7 +240,6 @@ ContentPlaceHolder1 {
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
} }
.modal-header { .modal-header {
background-image: linear-gradient(to right, #003680, #0055cc); background-image: linear-gradient(to right, #003680, #0055cc);
color: #fff; color: #fff;
@@ -280,7 +261,6 @@ ContentPlaceHolder1 {
margin-right: -15%; margin-right: -15%;
margin-top: 2%; margin-top: 2%;
} }
} }
@media (min-width: 768px) { @media (min-width: 768px) {
body { body {
@@ -293,82 +273,66 @@ ContentPlaceHolder1 {
background-size: cover; background-size: cover;
/* background-color:#043381;*/ /* background-color:#043381;*/
} }
#offcanvasWithBothOptions { #offcanvasWithBothOptions {
min-width: 17.692852087756545vw; min-width: 17.692852087756545vw;
max-width: 17.692852087756545vw; max-width: 17.692852087756545vw;
} }
#normaltable { #normaltable {
padding-left: -0.125em; padding-left: -0.125em;
} }
h1 { h1 {
color: #043381; color: #043381;
font-size: 32px; font-size: 32px;
} }
#conovertab { #conovertab {
max-width: 150px 11.25em; max-width: 150px 11.25em;
margin-left: 35px; margin-left: 35px;
overflow-x: auto; overflow-x: auto;
} }
.containerSearch { .containerSearch {
width: 3.1821797931583133vw; width: 3.1821797931583133vw;
color: #043381; color: #043381;
background-color: #fff; background-color: #fff;
} }
.sidebar-header { .sidebar-header {
background-color: #fff; background-color: #fff;
max-width: 250px; max-width: 250px;
color: #043381; color: #043381;
} }
.container-fluid { .container-fluid {
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
} }
#navbarhomebar { #navbarhomebar {
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
margin-left: 21%; margin-left: 21%;
} }
.container-xxl { .container-xxl {
background-color: #fff; background-color: #fff;
} }
.list-unstyled components { .list-unstyled components {
background-color: #fff; background-color: #fff;
max-width: 250px; max-width: 250px;
} }
.dropdown-toggle::after { .dropdown-toggle::after {
display: block; display: block;
position: absolute; position: absolute;
top: 50%; top: 50%;
right: 20px; right: 20px;
} }
.modal-body { .modal-body {
/* background-color:#043381;*/ /* background-color:#043381;*/
background-color: #fff; background-color: #fff;
color: #043381; color: #043381;
} }
.modal-header { .modal-header {
background-image: linear-gradient(to right, #003680, #0055cc); background-image: linear-gradient(to right, #003680, #0055cc);
color: #fff; color: #fff;
} }
#divueberdropdown { #divueberdropdown {
margin-right: 7px; margin-right: 7px;
} }
#divübernavpills { #divübernavpills {
width: 10px; width: 10px;
margin-top: 10px; margin-top: 10px;