Änderung GUI Css Modal für Mobil (noch nicht fertig!)
This commit is contained in:
@@ -144,13 +144,15 @@ ContentPlaceHolder1 {
|
||||
}
|
||||
.modal-dialog {
|
||||
width: 400px;
|
||||
margin-left:0px;
|
||||
}
|
||||
#contfluid {
|
||||
width: 400px;
|
||||
}
|
||||
.modal-content {
|
||||
width: 400px;
|
||||
width: 300px;
|
||||
display: block;
|
||||
|
||||
overflow-x: no-content;
|
||||
}
|
||||
.modal-header {
|
||||
@@ -158,30 +160,8 @@ ContentPlaceHolder1 {
|
||||
}
|
||||
ul{
|
||||
width:400px;
|
||||
}
|
||||
.modal-body {
|
||||
/* background-color:#043381;*/
|
||||
background-color: #fff;
|
||||
color: #043381;
|
||||
width:400px;
|
||||
}
|
||||
.modal-footer {
|
||||
width: 400px;
|
||||
}
|
||||
#exampleModalLabel {
|
||||
font-size: 12px;
|
||||
}
|
||||
.modal-body {
|
||||
/* background-color:#043381;*/
|
||||
background-color: #fff;
|
||||
color: #043381;
|
||||
width: 400px;
|
||||
}
|
||||
.modal-header {
|
||||
background-image: linear-gradient(to right, #003680, #0055cc);
|
||||
color: #fff;
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
|
||||
#Image1 {
|
||||
width: 45%;
|
||||
height: 45%;
|
||||
@@ -352,11 +332,6 @@ ContentPlaceHolder1 {
|
||||
padding-bottom: 0px;
|
||||
height: 86px;
|
||||
}
|
||||
|
||||
#exampleModalLabel {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
/* background-color:#043381;*/
|
||||
background-color: #fff;
|
||||
@@ -364,11 +339,24 @@ ContentPlaceHolder1 {
|
||||
width: 400px;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
width: 400px;
|
||||
display: block;
|
||||
overflow-x: no-content;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
background-image: linear-gradient(to right, #003680, #0055cc);
|
||||
color: #fff;
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
width: 400px;
|
||||
}
|
||||
#exampleModalLabel {
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
#dropdownmenuecont ul li .button {
|
||||
font-size: 17px;
|
||||
@@ -382,7 +370,7 @@ ContentPlaceHolder1 {
|
||||
color: #043381;
|
||||
border: hidden;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 556.98px) {
|
||||
body {
|
||||
font-family: 'Poppins', sans-serif;
|
||||
@@ -447,12 +435,25 @@ ContentPlaceHolder1 {
|
||||
/* background-color:#043381;*/
|
||||
background-color: #fff;
|
||||
color: #043381;
|
||||
width:400px;
|
||||
width: 800px;
|
||||
}
|
||||
.modal-content {
|
||||
width: 800px;
|
||||
display: block;
|
||||
overflow-x: no-content;
|
||||
}
|
||||
.modal-header {
|
||||
background-image: linear-gradient(to right, #003680, #0055cc);
|
||||
color: #fff;
|
||||
width:400px;
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
width: 800px;
|
||||
}
|
||||
|
||||
#exampleModalLabel {
|
||||
font-size: 12px;
|
||||
}
|
||||
#divueberdropdown {
|
||||
margin-right: 7px;
|
||||
@@ -497,36 +498,5 @@ ContentPlaceHolder1 {
|
||||
}
|
||||
#contfluid {
|
||||
width: 600px;
|
||||
}
|
||||
.modal-content {
|
||||
width: 400px;
|
||||
display: block;
|
||||
overflow-x: no-content;
|
||||
}
|
||||
.modal-header {
|
||||
width: 400px;
|
||||
}
|
||||
.modal-body {
|
||||
/* background-color:#043381;*/
|
||||
background-color: #fff;
|
||||
color: #043381;
|
||||
width: 400px;
|
||||
}
|
||||
.modal-footer {
|
||||
width: 400px;
|
||||
}
|
||||
#exampleModalLabel {
|
||||
font-size: 12px;
|
||||
}
|
||||
.modal-body {
|
||||
/* background-color:#043381;*/
|
||||
background-color: #fff;
|
||||
color: #043381;
|
||||
width: 600px;
|
||||
}
|
||||
.modal-header {
|
||||
background-image: linear-gradient(to right, #003680, #0055cc);
|
||||
color: #fff;
|
||||
width: 400px;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user