Customer Master Seite angpasst kein BG in Mobilansicht. und Auslagern von Css in Css File

This commit is contained in:
ja
2021-08-27 08:18:34 +02:00
parent 695bac0303
commit e089f74a7a
4 changed files with 298 additions and 241 deletions

View File

@@ -129,201 +129,9 @@
});
});
</script>
<style>
body{
font-family: 'Poppins', sans-serif;
background: #fafafa;
background-image: url(../images/road.jpg);
background-position:center center;
background-repeat: no-repeat;
background-attachment:fixed;
background-size:cover;
/* background-color:#043381;*/
}
#pagecontent{
font-size: 1.12em;
/* font-size: 2.3333333333333335vw;*/
display: flex;
align-items: center;
justify-content: center
}
#myTable tr:hover{
color:white;
background-color:#043381;
}
table{
border-collapse: collapse;
border-spacing: 0px;
border: 1px solid #ddd;
border:1px solid #ddd;
background-color:white;
color:#043381;
overflow-x:auto;
width: 60%;
}
#flex-container{
width:1900px;
}
#containerinnavbar{
width:80%;
}
#contentcontainer{
width:2048px;
align-self:center;
}
ContentPlaceHolder1{
width:2048px;
}
.btn btn-primary{
color:#fff;
background-color:#043381;
}
.btn btn-primary:hover{
color:#043381;
background-color:#fff;
}
@media (max-width: 575px){
table {
border-collapse: collapse;
border-spacing: 0.125em;
width: /*575px;*/ 126.65198237885463vw;
border: /*1px*/2.1744791666666665vw solid #ddd;
background-color:#fff;
color: #043381;
overflow-x:auto;
font-size:3.3769100169779285vw;
}
.containerSearch{
width:17.621145374449338vw;
color:#043381;
background-color:#fff;
}
#btnsubmenu{
background-color:#043381;
color:#fff;
}
#btnsubmenu:hover{
background-color:#fff;
color:#043381;
}
.modal-dialog modal-dialog-scrollable{
width:30%;
}
.modal-content{
width:40%;
overflow-x:no-content;
}
.modal-header{
width:40%;
}
.modal-body{
/* background-color:#043381;*/
background-color: #fff;
color:#043381;
}
.modal-footer{
width:40%;
}
#exampleModalLabel{
font-size:12px;
}
.modal-body{
/* background-color:#043381;*/
background-color:#fff;
color:#043381;
width:40%;
}
.modal-header{
background-image: linear-gradient(to right, #003680 , #0055cc);
color:#fff;
}
#Image1{
width:40%;
height:40%;
}
#butclose{
transform:translateX(-50%);
}
}
@media (min-width: 575px) {
#offcanvasWithBothOptions {
min-width: 17.692852087756545vw;
max-width: 17.692852087756545vw;
}
#normaltable {
padding-left: -0.125em;
}
#conovertab{
max-width:150px 11.25em;
margin-left:35px;
overflow-x:auto;
}
.containerSearch{
width:3.1821797931583133vw;
color:#043381;
background-color:#fff;
}
.sidebar-header{
background-color: #fff;
max-width:250px;
color: #043381;
}
.container-fluid{
background-color: #fff;
color: #043381;
}
.navbar-brand{
background-color: #fff;
color: #043381;
}
.container-xxl{
background-color:#fff;
}
.list-unstyled components{
background-color:#fff;
max-width:250px;
}
.dropdown-toggle::after {
display: block;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
}
.modal-body{
/* background-color:#043381;*/
background-color: #fff;
color:#043381;
}
.modal-header{
background-image: linear-gradient(to right, #003680 , #0055cc);
color:#fff;
}
}
#ContentPlaceHolder1{
align-self:center;
width:1700px;
}
#form1{
align-content:center
}
.align-self-center{
background-color:#fff;
}
.modal-body{
/* background-color:#043381;*/
background-color: #fff;
color: #043381;
}
.modal-header{
background-image: linear-gradient(to right, #003680 , #0055cc);
color:#fff;
}
<style>
</style>
<link rel="stylesheet" type="text/css" href="../css/MasterpageCustomers.css"/>
</asp:ContentPlaceHolder>
<asp:ContentPlaceHolder id="head" runat="server">