New file |
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; |
} |