From 934d0af2bdcf23c4c722cb1249b1923920ead2df Mon Sep 17 00:00:00 2001
From: ja <ja@verag.ag>
Date: Fri, 27 Aug 2021 08:18:34 +0200
Subject: [PATCH] Customer Master Seite angpasst kein BG in Mobilansicht.

---
 Customers/CustomerIndex.aspx |  51 +-------
 Customers/Customers.master   | 196 +----------------------------
 css/CustomerIndex.css        |  62 ++++++++++
 css/MasterpageCustomers.css  | 230 +++++++++++++++++++++++++++++++++++
 4 files changed, 298 insertions(+), 241 deletions(-)
 create mode 100644 css/CustomerIndex.css
 create mode 100644 css/MasterpageCustomers.css

diff --git a/Customers/CustomerIndex.aspx b/Customers/CustomerIndex.aspx
index 3e1075d..e5b8915 100644
--- a/Customers/CustomerIndex.aspx
+++ b/Customers/CustomerIndex.aspx
@@ -15,51 +15,7 @@
      
      <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
     <link rel="shortcut icon" href="../images/Icons/favicon/favicon.ico" />
-    <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;*/
-     }
-         .btn btn-primary{
-               color: #043381;
-               background-color: #fff;               
-         }
-         #tableSearch{
-              width:1250px;              
-         }
-         .align-self-xl-start{
-             width:100%;
-         }         
-         #normaltable{
-             width:1500px;
-         }
-         #conovertab{
-             margin-left:0px;
-             width:1700px;
-         }
-        @media (max-width: 558.98px) {
-           #conovertab {
-                width: 350px;                
-                overflow-x: auto;
-           } 
-           h1{
-               font-size:12px;
-           }
-           #tableSearch{
-              width:315px;
-           }
-           #containerseiterand{
-               margin-left:5px;
-               margin-right:5px;
-               width:350px;
-           }           
-        }        
+    <style>        
     </style>    
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" title="VERAG IndexCustomer"/>      
     <link rel="stylesheet" type="text/css" href="../css/navbarsidebar.css"/>   
@@ -70,7 +26,8 @@
     <script src="../js/netzwerk.js" type="text/javascript"></script>        
  
     <link rel="stylesheet" type="text/css" href="../stylesheets/style.css"/>
-    <link rel="stylesheet" type="text/css" href="../stylesheets/example.css"/>   
+    <link rel="stylesheet" type="text/css" href="../stylesheets/example.css"/>  
+     <link rel="stylesheet" type="text/css" href="../css/CustomerIndex.css"/>  
 </asp:Content>
 
 <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
@@ -105,7 +62,7 @@
                                          '%>    
                                                                  <h2><%=STANDORT %></h2> 
                                                             
-                                      
+                
   <input class="form-control mb-4" id="tableSearch" type="text"
     placeholder="Einen Begriff eingeben oder den Anfang davon ...">
                                                  <div id="conovertab">               
diff --git a/Customers/Customers.master b/Customers/Customers.master
index b606379..3796d13 100644
--- a/Customers/Customers.master
+++ b/Customers/Customers.master
@@ -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">
 
diff --git a/css/CustomerIndex.css b/css/CustomerIndex.css
new file mode 100644
index 0000000..eeeb1b2
--- /dev/null
+++ b/css/CustomerIndex.css
@@ -0,0 +1,62 @@
+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;*/
+}
+
+.btn btn-primary {
+    color: #043381;
+    background-color: #fff;
+}
+
+#tableSearch {
+    width: 1250px;
+}
+
+.align-self-xl-start {
+    width: 102%;
+}
+
+#normaltable {
+    width: 1500px;
+}
+
+#conovertab {
+    margin-left: 0px;
+    width: 1700px;
+}
+
+@media (max-width: 558.98px) {
+    #conovertab {
+        width: 350px;
+        overflow-x: auto;
+    }
+
+    h1 {
+        font-size: 12px;
+    }
+
+    #tableSearch {
+        width: 315px;
+    }
+
+    #containerseiterand {
+       
+        width: 352px;
+    }
+    body {
+        font-family: 'Poppins', sans-serif;
+        background: #fafafa;
+       
+        background-position: center center;
+        background-repeat: no-repeat;
+        background-attachment: fixed;
+        background-size: cover;
+        /* background-color:#043381;*/
+    }
+}
diff --git a/css/MasterpageCustomers.css b/css/MasterpageCustomers.css
new file mode 100644
index 0000000..65a7c6b
--- /dev/null
+++ b/css/MasterpageCustomers.css
@@ -0,0 +1,230 @@
+body {
+    font-family: 'Poppins', sans-serif;
+    background: #fafafa;
+   
+    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;
+       
+        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;
+}