Permalink
| /*! | |
| * 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; | |
| } |