moep/dynamicweb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Changed some styles for modal popup

Browse source
This commit is contained in:
Mondi Geetha 2017-07-03 22:32:34 +05:30
commit b9d32afc67
1 changed files with 67 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

68
hosting/static/hosting/css/commons.css
View file

@ -57,4 +57,70 @@
width: 90%; width: 90%;
} }
} }
/***********Styles for Model********************/
.modal-content {
border-radius: 0px;
font-family: 'Lato', sans-serif;
width: 100%;
float: left;
}
.close {
font-size: 50px;
font-weight: 300;
}
.modal-header {
border-bottom: 0px solid #e5e5e5;
padding: 0px 15px;
width: 100%;
float: left;
}
.modal-body {
text-align: center;
width: 100%;
float: left;
padding: 0px 30px 15px 30px;
}
.modal-body .modal-icon i {
font-size: 50px;
font-weight: 100;
color: #999;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
font-size: 22px;
padding: 20px 0;
font-family: 'Lato', sans-serif;
}
.modal-footer {
border-top: 0px solid #e5e5e5;
width: 100%;
float: left;
text-align: center;
padding: 30px 15px;
}
@media (min-width: 1300px) {
.modal-dialog {
top: 30%;
width: 25%;
}
}
@media (max-width: 1299px) {
.modal-dialog {
top: 20%;
width: 43%;
}
}
@media (max-width: 900px) {
.modal-dialog {
top: 20%;
width: 50%;
}
}
@media (max-width: 767px) {
.modal-dialog {
top: 30%;
width: 90%;
margin: 0 auto !important;
}
}