Permalink
Browse files

Merge pull request #1119 from Nivl/bootstrap-modal

Add bootstrap-modal 2.1.0
  • Loading branch information...
Lockyc committed Apr 5, 2013
2 parents 53d06f9 + 414e9ca commit 157299309d43db4b51f25b981a16e772e4581f6d
Binary file not shown.
@@ -0,0 +1,214 @@
+/*!
+ * Bootstrap Modal
+ *
+ * Copyright Jordan Schroter
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ */
+
+.modal-open {
+ overflow: hidden;
+}
+
+
+/* add a scroll bar to stop page from jerking around */
+.modal-open.page-overflow .page-container,
+.modal-open.page-overflow .page-container .navbar-fixed-top,
+.modal-open.page-overflow .page-container .navbar-fixed-bottom,
+.modal-open.page-overflow .modal-scrollable {
+ overflow-y: scroll;
+}
+
+@media (max-width: 979px) {
+ .modal-open.page-overflow .page-container .navbar-fixed-top,
+ .modal-open.page-overflow .page-container .navbar-fixed-bottom {
+ overflow-y: visible;
+ }
+}
+
+
+.modal-scrollable {
+ position: fixed;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ overflow: auto;
+}
+
+.modal {
+ outline: none;
+ position: absolute;
+ margin-top: 0;
+ top: 50%;
+ overflow: visible; /* allow content to popup out (i.e tooltips) */
+}
+
+.modal.fade {
+ top: -100%;
+ -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
+ -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
+ -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
+ transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
+}
+
+.modal.fade.in {
+ top: 50%;
+}
+
+.modal-body {
+ max-height: none;
+ overflow: visible;
+}
+
+.modal.modal-absolute {
+ position: absolute;
+ z-index: 950;
+}
+
+.modal .loading-mask {
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ background: #fff;
+ border-radius: 6px;
+}
+
+.modal-backdrop.modal-absolute{
+ position: absolute;
+ z-index: 940;
+}
+
+.modal-backdrop,
+.modal-backdrop.fade.in{
+ opacity: 0.7;
+ filter: alpha(opacity=70);
+ background: #fff;
+}
+
+.modal.container {
+ width: 940px;
+ margin-left: -470px;
+}
+
+/* Modal Overflow */
+
+.modal-overflow.modal {
+ top: 1%;
+}
+
+.modal-overflow.modal.fade {
+ top: -100%;
+}
+
+.modal-overflow.modal.fade.in {
+ top: 1%;
+}
+
+.modal-overflow .modal-body {
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+}
+
+/* Responsive */
+
+@media (min-width: 1200px) {
+ .modal.container {
+ width: 1170px;
+ margin-left: -585px;
+ }
+}
+
+@media (max-width: 979px) {
+ .modal,
+ .modal.container,
+ .modal.modal-overflow {
+ top: 1%;
+ right: 1%;
+ left: 1%;
+ bottom: auto;
+ width: auto !important;
+ height: auto !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ }
+
+ .modal.fade.in,
+ .modal.container.fade.in,
+ .modal.modal-overflow.fade.in {
+ top: 1%;
+ bottom: auto;
+ }
+
+ .modal-body,
+ .modal-overflow .modal-body {
+ position: static;
+ margin: 0;
+ height: auto !important;
+ max-height: none !important;
+ overflow: visible !important;
+ }
+
+ .modal-footer,
+ .modal-overflow .modal-footer {
+ position: static;
+ }
+}
+
+.loading-spinner {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ margin: -12px 0 0 -12px;
+}
+
+/*
+Animate.css - http://daneden.me/animate
+Licensed under the ☺ license (http://licence.visualidiot.com/)
+
+Copyright (c) 2012 Dan Eden*/
+
+.animated {
+ -webkit-animation-duration: 1s;
+ -moz-animation-duration: 1s;
+ -o-animation-duration: 1s;
+ animation-duration: 1s;
+ -webkit-animation-fill-mode: both;
+ -moz-animation-fill-mode: both;
+ -o-animation-fill-mode: both;
+ animation-fill-mode: both;
+}
+
+@-webkit-keyframes shake {
+ 0%, 100% {-webkit-transform: translateX(0);}
+ 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
+ 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
+}
+
+@-moz-keyframes shake {
+ 0%, 100% {-moz-transform: translateX(0);}
+ 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
+ 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
+}
+
+@-o-keyframes shake {
+ 0%, 100% {-o-transform: translateX(0);}
+ 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
+ 20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
+}
+
+@keyframes shake {
+ 0%, 100% {transform: translateX(0);}
+ 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
+ 20%, 40%, 60%, 80% {transform: translateX(10px);}
+}
+
+.shake {
+ -webkit-animation-name: shake;
+ -moz-animation-name: shake;
+ -o-animation-name: shake;
+ animation-name: shake;
+}

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
@@ -0,0 +1,22 @@
+{
+ "name": "bootstrap-modal",
+ "filename": "bootstrap-modal.pack.js",
+ "version": "2.1.0",
+ "description": "Extends the default Bootstrap Modal class.",
+ "homepage": "https://github.com/jschr/bootstrap-modal",
+ "keywords": [
+ "bootstrap",
+ "modal"
+ ],
+ "maintainers": [
+ {
+ "name": "Jordan Schroter"
+ }
+ ],
+ "repositories": [
+ {
+ "type": "git",
+ "url": "https://github.com/jschr/bootstrap-modal"
+ }
+ ]
+}

0 comments on commit 1572993

Please sign in to comment.