Customer Master Seite angpasst kein BG in Mobilansicht. und Auslagern von Css in Css File
This commit is contained in:
@@ -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">
|
||||
|
||||
|
||||
Reference in New Issue
Block a user