Sha256: 11e9d446ba1ea79fb9bfad0d17892491adf37e19ff9c474c5fcfd332e99ca0a8
Contents?: true
Size: 1.49 KB
Versions: 39
Compression:
Stored size: 1.49 KB
Contents
/*!
* Bootstrap Scroll Modal
* Version: 1.2
* Made for your convenience by @theericanderson
* A variaton of but a small piece of the insanely awesome Twitter Bootstrap (http://twitter.github.com/bootstrap)
*/
.modal-backdrop {
overflow-x: hidden;
overflow-y: auto;
background-color: rgba(0, 0, 0, 0.8);
}
.modal-backdrop.fade {
background-color: rgba(0, 0, 0, 0.0);
}
.modal-backdrop.fade.in {
background: rgba(0, 0, 0, 0.8);
}
.modal-backdrop.in, .modal-backdrop.fade.in {
opacity: 1.0;
filter: alpha(opacity=100);
}
.modal-wrapper {
position: relative;
top: 50px;
left: 50%;
z-index: 1050;
width: 560px;
margin-left: -280px;
margin-bottom: 100px;
overflow: visible;
}
.modal-wrapper .modal {
position: static;
margin: 0;
z-index: 1060;
}
/* Some different styling for dynamic height modals */
.modal-wrapper .modal .modal-body {
overflow-y: visible;
max-height: none;
z-index: 1060; /* IE8 fix for radio button focus / blur issue */
}
/* Styles to ensure Scroll Modal works on smaller browsers, specifically mobile. */
@media (max-width: 767px) {
.modal-wrapper {
position: relative;
top: 50px;
left: 20%;
z-index: 1050;
width: 70%;
margin-left: 0px;
margin-bottom: 80px;
overflow: visible;
}
}
@media (max-width : 480px) {
.modal-wrapper {
position: relative;
top: 50px;
left: 10%;
z-index: 1050;
width: 80%;
margin-left: 0px;
margin-bottom: 80px;
overflow: visible;
}
}
Version data entries
39 entries across 39 versions & 1 rubygems