You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
59 lines
1.1 KiB
59 lines
1.1 KiB
/* Bootstrap 3 transparent and fullscreen modals */ |
|
/* ref: http://goo.gl/YBZMsS */ |
|
|
|
.modal-transparent { |
|
background: transparent; |
|
} |
|
.modal-transparent .modal-content { |
|
background: transparent; |
|
} |
|
.modal-backdrop.modal-backdrop-transparent { |
|
background: #ffffff; |
|
} |
|
.modal-backdrop.modal-backdrop-transparent.in { |
|
opacity: .9; |
|
filter: alpha(opacity=90); |
|
} |
|
|
|
/* .modal-fullscreen */ |
|
|
|
.modal-fullscreen { |
|
background: transparent; |
|
} |
|
.modal-fullscreen .modal-content { |
|
background: transparent; |
|
border: 0; |
|
-webkit-box-shadow: none; |
|
box-shadow: none; |
|
} |
|
.modal-backdrop.modal-backdrop-fullscreen { |
|
background: #ffffff; |
|
} |
|
.modal-backdrop.modal-backdrop-fullscreen.in { |
|
opacity: .97; |
|
filter: alpha(opacity=97); |
|
} |
|
|
|
/* .modal-fullscreen size: we use Bootstrap media query breakpoints */ |
|
|
|
.modal-fullscreen .modal-dialog { |
|
margin: 0; |
|
margin-right: auto; |
|
margin-left: auto; |
|
width: 100%; |
|
} |
|
@media (min-width: 768px) { |
|
.modal-fullscreen .modal-dialog { |
|
width: 750px; |
|
} |
|
} |
|
@media (min-width: 992px) { |
|
.modal-fullscreen .modal-dialog { |
|
width: 970px; |
|
} |
|
} |
|
@media (min-width: 1200px) { |
|
.modal-fullscreen .modal-dialog { |
|
width: 1170px; |
|
} |
|
} |