edv/VERAG_Homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Änderungen CSS

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
Customers/Customers.master
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 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 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> </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><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> <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>--> <!-- <div class="dropdown-divider"></div>-->

2
Customers/Invoices.aspx
View File

@@ -215,7 +215,7 @@
<asp:HiddenField ID="hfAccordionIndex" runat="server"/> <asp:HiddenField ID="hfAccordionIndex" runat="server"/>
<div id="collapseOne" class="accordion-collapse collapse hide" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> <div id="collapseOne" class="accordion-collapse collapse hide" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="card card-body"> <div class="card card-body">
<!--optionale parameter könnten hierhin --> <!--optionale parameter könnten hierhin-->
</div> </div>
</div> </div>
</div> </div>

214
css/navbarsidebar.css
View File

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