Alle Seiten haben eigenes CSS-Files

AvisoTV_FLEX.aspx

@@ -74,116 +74,7 @@
     <!-- <link rel="stylesheet" type="text/css" href="css/edit_main.css"> -->
     <link rel="stylesheet" type="text/css" href="css/Dropdown.css" />
     <style>        
-        body{
-             background-image: url(images/road.jpg);
-             background-position:center center;
-             background-repeat: no-repeat;
-             background-attachment:fixed;
-             background-size:cover;
-             background-color:#fff;
-        }
-        #headertable:hover{
-            background-color:aliceblue;
-            color:#043381;
-        }
        
-        #bodycontent{
-            background-color:#fff;
-            /*padding:2px 13px 0px 13px;*/
-            padding: 0.07849293563579278vw  0.5102040816326531vw 0vw  0.5102040816326531vw;
-             max-width: /*575px;*/ 126.65198237885463vw;
-        }
-        
-        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:1800px;            
-        }        
-        /*Modal*/
-        .modal-header,
-        .modal-footer {
-             border: none !important;
-        }
-        .modal-dialog {
-            height: 100% !important; /* required */
-            margin: 0 0.8px !important;
-            padding: 8px 0 !important;
-            overflow-y: auto !important; /* required */
-            width: 100%;
-            position: center;
-
-            @media (min-width: 4sm) {
-                margin: 0 auto !important;
-                padding: 1.75rem 0 !important;
-                max-width: initial !important; // overwrite default max-width
-                width: fit-content !important; // flexible width
-                min-width: 1500px !important; // makes it fat enough by default            
-            }
-        }
-        .modal-content {
-          max-height: 100% !important; /* required */
-          width:auto;  
-        }
-        .modal-body {
-          padding-top: 0 !important;
-          overflow-y: auto !important; /* required */  
-        }                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                
-    
-        .table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.table-active{--bs-table-accent-bg:var(--bs-table-active-bg);color:var(--bs-table-active-color)}.table-hover>tbody>tr:hover{--bs-table-accent-bg:var(--bs-table-hover-bg);color:var(--bs-table-hover-color)}.table-primary{--bs-table-bg:#cfe2ff;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:#000;border-color:#bacbe6}
-        .table-secondary {
-            --bs-table-bg: #e2e3e5;
-            --bs-table-striped-bg: #d7d8da;
-            --bs-table-striped-color: #000;
-            --bs-table-active-bg: #cbccce;
-            --bs-table-active-color: #000;
-            --bs-table-hover-bg: #043381;
-            --bs-table-hover-color: #000;
-            color: #000;
-            border-color: #cbccce
-        }         
-        
-        /*Um alle Items der navbar nach rechts zu shiften außer das Nav-Brand(Logo) */
-        .navbar-nav {
-            margin-left: auto;
-        }        
-        li {
-                list-style-type: none;
-         }
-        @media (max-width: 575px){
-            table {
-                border-collapse: collapse;
-                border-spacing: 0.125em;
-                width: /*575px;*/ 126.65198237885463vw;
-                border: /*1px*/2.1744791666666665vw solid #ddd;                
-                background-color: white;
-                color: #043381;
-                overflow-x:auto;
-                font-size:3.3769100169779285vw;
-            }
-           }
-        @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;             
-         } 
-        }      
     </style>
 
     <script src="js/netzwerk.js" type="text/javascript"></script>        
@@ -202,7 +93,7 @@
                 //topup
             }
         }
-</script>
+    </script>
               
     <!-- Scroll Script-->
     <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>   
@@ -222,6 +113,8 @@
                     });
                 });
         </script>      
+
+    <link rel="stylesheet" type="text/css" href="css/AVISOTV_Flex.css" />
 </head>
 
  <body>   

Customers/Cards_Boxes.aspx

@@ -17,57 +17,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>
+     
-         .btn btn-primary{
-               color: #043381;
-               background-color: #fff;
-            }
-         #tableSearch{
-              width:1500px;              
-         }
-         .align-self-xl-start{
-             width:100%;
-         }         
-         #normaltable{
-             width:1500px;
-         }         
-        .carousel-inner {
-             width:600px;              
-        }
-        @media (max-width: 558.98px) {
-           #conovertab {
-                width: 350px;                
-                overflow-x: auto;
-            } 
-           h1{
-               font-size:12px;
-           }
-           #tableSearch{
-               max-width:350px;
-           }
-           #containerseiterand{
-               margin-left:5px;
-               margin-right:5px;
-               width:350px;
-           }
-           #imgcar{
-               width:300px;
-               height:125px;
-           }
-           .carousel-inner{
-                width:600px;
-               height:125px;
-           }
-           .carousel-item{
-                width:600px;
-               height:125px;
-           }
-           carousel-caption d-none d-md-block{
-               width:600px;
-               height:125px;
-           }
-        }        
-    </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"/>   
     <link rel="stylesheet" type="text/css" href="../css/main.css"/>
@@ -78,7 +28,7 @@
  
     <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="../css/CardsBoxes.css"/>   
 </asp:Content>
 <asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
     <div style="height:/*5px*/ 0.390625vh"></div>

Customers/CustomerIndex.aspx

@@ -10,7 +10,6 @@
     <!-- Bootstrap CSS -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"/>
     <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>
-           <!-- Bootstrap CSS -->
         
      
     <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.18.3/dist/bootstrap-table.min.css"/>

Customers/Invoices.aspx

@@ -15,43 +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>
-         .btn btn-primary{
-               color: #043381;
-               background-color: #fff;
-            }
-         #tableSearch{
-              width:1500px;              
-         }
-         #conovertab {
-             margin-left:10px;
-             width: 1200px;            
-            }
-         .align-self-xl-start{
-             width:100%;
-         }         
-         #normaltable{
-             width:100%;
        
-         }
-        @media (max-width: 558.98px) {
-           #conovertab {
-                width: 350px;                
-                overflow-x: auto;
-            } 
-           h1{
-               font-size:12px;
-           }
-           #tableSearch{
-               max-width:60%;
-           }
-           #containerseiterand{
-               margin-left:5px;
-               margin-right:5px;
-               width:350px;
-           }
-        }        
-    </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"/>   
     <link rel="stylesheet" type="text/css" href="../css/main.css"/>
@@ -62,6 +26,7 @@
  
     <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="../css/Invoices.css"/>
 </asp:Content>
 
 <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

Customers/LKWs.aspx

@@ -16,49 +16,6 @@
      <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:1500px;              
-         }
-         .align-self-xl-start{
-             width:100%;
-         }         
-         #normaltable{
-             width:1500px;
-         }
-        @media (max-width: 558.98px) {
-            #conovertab {
-                width: 350px;
-                overflow-x: auto;
-            }
-
-            h1 {
-                font-size: 12px;
-            }
-
-            #tableSearch {
-                max-width: 350px;
-            }
-
-            #containerseiterand {
-                margin-left: 5px;
-                margin-right: 5px;
-                width: 350px;
-            }
-        }
     </style>
     <%@ import Namespace="MySql.Data.MySqlClient" %>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" title="VERAG IndexCustomer"/>      
@@ -73,6 +30,7 @@
     <link rel="stylesheet" type="text/css" href="../stylesheets/example.css"/>   
      
     <link rel="stylesheet" href="../css/navbarsidebar.css" type="text/css" />
+    <link rel="stylesheet" type="text/css" href="../css/LKWs.css"/>
 </asp:Content>
 
 <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

InfoPanel.aspx

@@ -111,55 +111,9 @@
 
     <script type="text/javascript" src="/js/languageupdatescript.js"></script>
      <link rel="stylesheet" type="text/css" href="stylesheets/StyleInfoPanel.css"/>
-   
+   <link rel="stylesheet" type="text/css" href="css/Dropdown.css"/>
   <style>
-        .dropbtn {
-                    background-color: #043381;
-                    position: page:absolute;
-                    color: white;
-                    padding: 16px;
-                    padding: 1em;
-                    font-size: 16px;
-                    font-size: 1em;
-                    border: none;
-                }
        
-        /* Dropdown Content (Hidden by Default) */
-        .dropdown-content {
-            display: none;
-            position: absolute;
-            background-color: #fff;
-            min-width: 160px;
-            min-width: 10em;
-            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
-            box-shadow: 0em 0.5em 1em 0em  rgba(0,0,0,0,2);
-            z-index: 1;
-        }
-
-            /* Links inside the dropdown */
-            .dropdown-content a {
-                color: black;
-                padding: 12px 16px;
-                padding: 0.75em 1em;
-                text-decoration: none;
-                display: block;
-            }
-
-                /* Change color of dropdown links on hover */
-                .dropdown-content a:hover {
-                    background-color: #043381;
-                    color: #fff;                   
-                }
-
-        /* Show the dropdown menu on hover */
-        .dropdown:hover .dropdown-content {
-            display: block;
-        }
-
-        /* Change the background color of the dropdown button when the dropdown content is shown */
-        .dropdown:hover .dropbtn {
-            background-color: #043381;
-        }
     </style>
 
 </head>

css/AVISOTV_Flex.css

@@ -0,0 +1,184 @@
+body {
+    background-image: url(images/road.jpg);
+    background-position: center center;
+    background-repeat: no-repeat;
+    background-attachment: fixed;
+    background-size: cover;
+    background-color: #fff;
+}
+
+#headertable:hover {
+    background-color: aliceblue;
+    color: #043381;
+}
+
+#bodycontent {
+    background-color: #fff;
+    /*padding:2px 13px 0px 13px;*/
+    padding: 0.07849293563579278vw 0.5102040816326531vw 0vw 0.5102040816326531vw;
+    max-width: /*575px;*/ 126.65198237885463vw;
+}
+
+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: 1800px;
+}
+/*Modal*/
+.modal-header,
+.modal-footer {
+    border: none !important;
+}
+
+.modal-dialog {
+    height: 100% !important; /* required */
+    margin: 0 0.8px !important;
+    padding: 8px 0 !important;
+    overflow-y: auto !important; /* required */
+    width: 100%;
+    position: center;
+
+    @media (min-width: 4sm) {
+        margin: 0 auto !important;
+        padding: 1.75rem 0 !important;
+        max-width: initial !important; // overwrite default max-width
+        width: fit-content !important; // flexible width
+        min-width: 1500px !important; // makes it fat enough by default
+    }
+}
+
+.modal-content {
+    max-height: 100% !important; /* required */
+    width: auto;
+}
+
+.modal-body {
+    padding-top: 0 !important;
+    overflow-y: auto !important; /* required */
+}
+
+.table > :not(caption) > * > * {
+    padding: .5rem .5rem;
+    background-color: var(--bs-table-bg);
+    border-bottom-width: 1px;
+    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
+}
+
+.table > tbody {
+    vertical-align: inherit
+}
+
+.table > thead {
+    vertical-align: bottom
+}
+
+.table > :not(:last-child) > :last-child > * {
+    border-bottom-color: currentColor
+}
+
+.caption-top {
+    caption-side: top
+}
+
+.table-sm > :not(caption) > * > * {
+    padding: .25rem .25rem
+}
+
+.table-bordered > :not(caption) > * {
+    border-width: 1px 0
+}
+
+    .table-bordered > :not(caption) > * > * {
+        border-width: 0 1px
+    }
+
+.table-borderless > :not(caption) > * > * {
+    border-bottom-width: 0
+}
+
+.table-striped > tbody > tr:nth-of-type(odd) {
+    --bs-table-accent-bg: var(--bs-table-striped-bg);
+    color: var(--bs-table-striped-color)
+}
+
+.table-active {
+    --bs-table-accent-bg: var(--bs-table-active-bg);
+    color: var(--bs-table-active-color)
+}
+
+.table-hover > tbody > tr:hover {
+    --bs-table-accent-bg: var(--bs-table-hover-bg);
+    color: var(--bs-table-hover-color)
+}
+
+.table-primary {
+    --bs-table-bg: #cfe2ff;
+    --bs-table-striped-bg: #c5d7f2;
+    --bs-table-striped-color: #000;
+    --bs-table-active-bg: #bacbe6;
+    --bs-table-active-color: #000;
+    --bs-table-hover-bg: #bfd1ec;
+    --bs-table-hover-color: #000;
+    color: #000;
+    border-color: #bacbe6
+}
+
+.table-secondary {
+    --bs-table-bg: #e2e3e5;
+    --bs-table-striped-bg: #d7d8da;
+    --bs-table-striped-color: #000;
+    --bs-table-active-bg: #cbccce;
+    --bs-table-active-color: #000;
+    --bs-table-hover-bg: #043381;
+    --bs-table-hover-color: #000;
+    color: #000;
+    border-color: #cbccce
+}
+
+/*Um alle Items der navbar nach rechts zu shiften außer das Nav-Brand(Logo) */
+.navbar-nav {
+    margin-left: auto;
+}
+
+li {
+    list-style-type: none;
+}
+
+@media (max-width: 575px) {
+    table {
+        border-collapse: collapse;
+        border-spacing: 0.125em;
+        width: /*575px;*/ 126.65198237885463vw;
+        border: /*1px*/ 2.1744791666666665vw solid #ddd;
+        background-color: white;
+        color: #043381;
+        overflow-x: auto;
+        font-size: 3.3769100169779285vw;
+    }
+}
+
+@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;
+    }
+}

css/CardsBoxes.css

@@ -0,0 +1,61 @@
+.btn btn-primary {
+    color: #043381;
+    background-color: #fff;
+}
+
+#tableSearch {
+    width: 1500px;
+}
+
+.align-self-xl-start {
+    width: 100%;
+}
+
+#normaltable {
+    width: 1500px;
+}
+
+.carousel-inner {
+    width: 600px;
+}
+
+@media (max-width: 558.98px) {
+    #conovertab {
+        width: 350px;
+        overflow-x: auto;
+    }
+
+    h1 {
+        font-size: 12px;
+    }
+
+    #tableSearch {
+        max-width: 350px;
+    }
+
+    #containerseiterand {
+        margin-left: 5px;
+        margin-right: 5px;
+        width: 350px;
+    }
+
+    #imgcar {
+        width: 300px;
+        height: 125px;
+    }
+
+    .carousel-inner {
+        width: 600px;
+        height: 125px;
+    }
+
+    .carousel-item {
+        width: 600px;
+        height: 125px;
+    }
+
+    carousel-caption d-none d-md-block {
+        width: 600px;
+        height: 125px;
+    }
+}

css/Invoices.css

@@ -0,0 +1,42 @@
+.btn btn-primary {
+    color: #043381;
+    background-color: #fff;
+}
+
+#tableSearch {
+    width: 1500px;
+}
+
+#conovertab {
+    margin-left: 10px;
+    width: 1200px;
+}
+
+.align-self-xl-start {
+    width: 100%;
+}
+
+#normaltable {
+    width: 100%;
+}
+
+@media (max-width: 558.98px) {
+    #conovertab {
+        width: 350px;
+        overflow-x: auto;
+    }
+
+    h1 {
+        font-size: 12px;
+    }
+
+    #tableSearch {
+        max-width: 60%;
+    }
+
+    #containerseiterand {
+        margin-left: 5px;
+        margin-right: 5px;
+        width: 350px;
+    }
+}

css/LKWs.css

@@ -0,0 +1,48 @@
+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: 1500px;
+}
+
+.align-self-xl-start {
+    width: 100%;
+}
+
+#normaltable {
+    width: 1500px;
+}
+
+@media (max-width: 558.98px) {
+    #conovertab {
+        width: 350px;
+        overflow-x: auto;
+    }
+
+    h1 {
+        font-size: 12px;
+    }
+
+    #tableSearch {
+        max-width: 350px;
+    }
+
+    #containerseiterand {
+        margin-left: 5px;
+        margin-right: 5px;
+        width: 350px;
+    }
+}