Änderungen CSS

This commit is contained in:
ja
2021-11-24 09:38:35 +01:00
parent 2ca8ba018b
commit c05d41a468
3 changed files with 94 additions and 124 deletions

View File

@@ -609,7 +609,7 @@
<button class="dropbtn" class="btn btn-primary" id="dropbtnbtnbtn" style="height:50px; width:205px;right:-194px;white-space:nowrap"
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="background-color:#fff;color:#043381; width:30px;height:50px;white-space:nowrap"><img src="../images/samples/default-avatar.jpg"; width="15"; /><a data-bs-toggle="modal" data-bs-target="#exampleModal"><asp:LoginName class="pointer" ID="LoginName2" runat="server" style="margin-left:6px"/></a></button>
</button>
<ul class="dropdown-content" id="dropdownmenuecont" style="width:210px;right:-198px;top:2px;z-index:1032;margin-right:-2px;">
<ul class="dropdown-content" id="dropdownmenuecont" style="width:210px;right:-198px;top:5px;z-index:1032;margin-right:-2px;">
<li><button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal" style="text-decoration: none;background-color:#fff;color:#043381;z-index:1032;text-align:left;margin-left:-16px;border:none;font-size:16px;white-space: nowrap; width:200px"><img src="../images/Icons/main/gear_blue.png"; style="font-size:14px;width:15px; height:15px;color:#043381;background-color:#fff;margin-right:6px;" />Profil bearbeiten</button></li>
<li><a type="button" class="btn btn-primary" href="../login/Logout.aspx" style="text-decoration: none;background-color:#fff;color:#043381;text-align:left;border:none;font-size:18px;width:200px;z-index:1032;margin-left:-16px;width:200px"><img src="../images/Icons/main/Logout.svg.png"; style="font-size:17px;width:20px; height:20px;color:#043381;background-color:#fff; margin-right:6px;"/>Logout</a></li>
<!-- <div class="dropdown-divider"></div>-->

View File

@@ -96,6 +96,7 @@ a:focus {
.wrapper {
display: flex;
align-items: stretch;
margin: 0 auto;
}
#sidebar {
@@ -279,7 +280,6 @@ a[data-toggle="collapse"] {
width: 150px;
width: 19.97336884154461vw;
}
.navbar navbar-expand-lg navbar-light bg-light justify-content-md-center flex-nowrap {
max-width: /*575px;*/ 126.65198237885463vw;
}
@@ -295,7 +295,6 @@ a[data-toggle="collapse"] {
background-color: #fff;
color: #043381;
}
#sidebar.active {
margin-left: -250px;
}
@@ -306,7 +305,6 @@ a[data-toggle="collapse"] {
float: left;
background-color:#fff;
}
#footer_content b {
font-size: 1rem;
padding-inline: 0.13480833333333331vw;
@@ -314,26 +312,21 @@ a[data-toggle="collapse"] {
max-width: 100%;
min-width: 60%;
}
.nav-link dropdown-toggle {
font-size: 0.86rem;
font-style: inherit;
}
nav-item dropdown::marker {
font-size: 0rem;
overflow: hidden;
}
#navbarDropdown {
font-size: initial;
}
#navbar {
font-size: initial;
overflow: hidden;
}
#sidebar.active {
margin-left: 250px;
}
@@ -345,138 +338,115 @@ a[data-toggle="collapse"] {
height: 1.09460516028147vh;
height: 0.875em;
}
#pagecontent {
font-size: 1em;
display: flex;
align-items: center;
justify-content: center
}
.btn-primary {
color: #fff;
background-color: #043381;
border-color: #043381;
}
.btn-primary:hover {
color:#043381;
background-color: #fff;
border-color: #0a58ca;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
color: #fff;
background-color: #043381;
border-color: #0a58ca;
box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
}
.btn-check:active + .btn-primary, .btn-check:checked + .btn-primary, .btn-primary.active, .btn-primary:active, .show > .btn-primary.dropdown-toggle {
color: #fff;
background-color: #043381;
border-color: #0a53be
}
.btn-check:active + .btn-primary:focus, .btn-check:checked + .btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(49,132,253,.5)
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: #0d6efd;
border-color: #0d6efd
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-secondary:hover {
color: #fff;
background-color: #5c636a;
border-color: #565e64
}
.btn-check:focus + .btn-secondary, .btn-secondary:focus {
color: #fff;
background-color: #5c636a;
border-color: #565e64;
box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
}
.btn-check:active + .btn-secondary, .btn-check:checked + .btn-secondary, .btn-secondary.active, .btn-secondary:active, .show > .btn-secondary.dropdown-toggle {
color: #fff;
background-color: #565e64;
border-color: #51585e
}
.btn-check:active + .btn-secondary:focus, .btn-check:checked + .btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show > .btn-secondary.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(130,138,145,.5)
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d
}
.btn-success {
color: #fff;
background-color: #198754;
border-color: #198754
}
.btn-success:hover {
color: #fff;
background-color: #157347;
border-color: #146c43
}
.btn-check:focus + .btn-success, .btn-success:focus {
color: #fff;
background-color: #157347;
border-color: #146c43;
box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
}
.btn-check:active + .btn-success, .btn-check:checked + .btn-success, .btn-success.active, .btn-success:active, .show > .btn-success.dropdown-toggle {
color: #fff;
background-color: #146c43;
border-color: #13653f
}
.btn-check:active + .btn-success:focus, .btn-check:checked + .btn-success:focus, .btn-success.active:focus, .btn-success:active:focus, .show > .btn-success.dropdown-toggle:focus {
box-shadow: 0 0 0 .25rem rgba(60,153,110,.5)
}
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #198754;
border-color: #198754
}
.btn-info {
color: #000;
background-color: #0dcaf0;
border-color: #0dcaf0
}
.btn-info:hover {
color: #000;
background-color: #31d2f2;
border-color: #25cff2
}
.btn-check:focus + .btn-info, .btn-info:focus {
color: #000;
background-color: #31d2f2;
border-color: #25cff2;
box-shadow: 0 0 0 .25rem rgba(11,172,204,.5)
}
.btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
color: #000;
background-color: #3dd5f3;