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

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

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

51
Customers/CustomerIndex.aspx
View File

@@ -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">

196
Customers/Customers.master
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">

62
css/CustomerIndex.css Normal file
View File

@@ -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;*/
}
}

230
css/MasterpageCustomers.css Normal file
View File

@@ -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;
}