Subversion Repositories eFlore/Applications.cel

Rev

Rev 2328 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
2328 jpm 1 
/*!
2 
 * Bootstrap Modal
3 
 *
4 
 * Copyright Jordan Schroter
5 
 * Licensed under the Apache License v2.0
6 
 * http://www.apache.org/licenses/LICENSE-2.0
7 
 *
8 
 */
9 
 
10 
.modal-open {
11 
	overflow: hidden;
12 
}
13 
 
14 
 
15 
/* add a scroll bar to stop page from jerking around */
16 
.modal-open.page-overflow .page-container,
17 
.modal-open.page-overflow .page-container .navbar-fixed-top,
18 
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
19 
.modal-open.page-overflow .modal-scrollable {
20 
	overflow-y: scroll;
21 
}
22 
 
23 
@media (max-width: 979px) {
24 
	.modal-open.page-overflow .page-container .navbar-fixed-top,
25 
	.modal-open.page-overflow .page-container .navbar-fixed-bottom  {
26 
		overflow-y: visible;
27 
	}
28 
}
29 
 
30 
 
31 
.modal-scrollable {
32 
	position: fixed;
33 
	top: 0;
34 
	bottom: 0;
35 
	left: 0;
36 
	right: 0;
37 
	overflow: auto;
38 
}
39 
 
40 
.modal {
41 
	outline: none;
42 
	position: absolute;
43 
	margin-top: 0;
44 
	top: 50%;
45 
	overflow: visible; /* allow content to popup out (i.e tooltips) */
46 
}
47 
 
48 
.modal.fade {
49 
	top: -100%;
50 
	-webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
51 
	   -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
52 
	     -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
53 
	        transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
54 
}
55 
 
56 
.modal.fade.in {
57 
	top: 50%;
58 
}
59 
 
60 
.modal-body {
61 
	max-height: none;
62 
	overflow: visible;
63 
}
64 
 
65 
.modal.modal-absolute {
66 
	position: absolute;
67 
	z-index: 950;
68 
}
69 
 
70 
.modal .loading-mask {
71 
	position: absolute;
72 
	top: 0;
73 
	bottom: 0;
74 
	left: 0;
75 
	right: 0;
76 
	background: #fff;
77 
	border-radius: 6px;
78 
}
79 
 
80 
.modal-backdrop.modal-absolute{
81 
	position: absolute;
82 
	z-index: 940;
83 
}
84 
 
85 
.modal-backdrop,
86 
.modal-backdrop.fade.in{
87 
	opacity: 0.7;
88 
	filter: alpha(opacity=70);
89 
	background: #fff;
90 
}
91 
 
92 
.modal.container {
93 
  width: 940px;
94 
  margin-left: -470px;
95 
}
96 
 
97 
/* Modal Overflow */
98 
 
99 
.modal-overflow.modal {
100 
	top: 1%;
101 
}
102 
 
103 
.modal-overflow.modal.fade {
104 
	top: -100%;
105 
}
106 
 
107 
.modal-overflow.modal.fade.in {
108 
	top: 1%;
109 
}
110 
 
111 
.modal-overflow .modal-body {
112 
	overflow: auto;
113 
	-webkit-overflow-scrolling: touch;
114 
}
115 
 
116 
/* Responsive */
117 
 
118 
@media (min-width: 1200px) {
119 
	.modal.container {
120 
		width: 1170px;
121 
		margin-left: -585px;
122 
	}
123 
}
124 
 
125 
@media (max-width: 979px) {
126 
	.modal,
127 
	.modal.container,
128 
	.modal.modal-overflow 	{
129 
		top: 1%;
130 
		right: 1%;
131 
		left: 1%;
132 
		bottom: auto;
133 
		width: auto !important;
134 
		height: auto !important;
135 
		margin: 0 !important;
136 
		padding: 0 !important;
137 
	}
138 
 
139 
	.modal.fade.in,
140 
	.modal.container.fade.in,
141 
	.modal.modal-overflow.fade.in {
142 
		top: 1%;
143 
		bottom: auto;
144 
	}
145 
 
146 
	.modal-body,
147 
	.modal-overflow .modal-body {
148 
		position: static;
149 
		margin: 0;
150 
		height: auto !important;
151 
		max-height: none !important;
152 
		overflow: visible !important;
153 
	}
154 
 
155 
	.modal-footer,
156 
	.modal-overflow .modal-footer {
157 
		position: static;
158 
	}
159 
}
160 
 
161 
.loading-spinner {
162 
	position: absolute;
163 
	top: 50%;
164 
	left: 50%;
165 
	margin: -12px 0 0 -12px;
166 
}
167 
 
168 
/*
169 
Animate.css - http://daneden.me/animate
170 
Licensed under the ☺ license (http://licence.visualidiot.com/)
171 
 
172 
Copyright (c) 2012 Dan Eden*/
173 
 
174 
.animated {
175 
	-webkit-animation-duration: 1s;
176 
	   -moz-animation-duration: 1s;
177 
	     -o-animation-duration: 1s;
178 
	        animation-duration: 1s;
179 
	-webkit-animation-fill-mode: both;
180 
	   -moz-animation-fill-mode: both;
181 
	     -o-animation-fill-mode: both;
182 
	        animation-fill-mode: both;
183 
}
184 
 
185 
@-webkit-keyframes shake {
186 
	0%, 100% {-webkit-transform: translateX(0);}
187 
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
188 
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
189 
}
190 
 
191 
@-moz-keyframes shake {
192 
	0%, 100% {-moz-transform: translateX(0);}
193 
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
194 
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
195 
}
196 
 
197 
@-o-keyframes shake {
198 
	0%, 100% {-o-transform: translateX(0);}
199 
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
200 
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
201 
}
202 
 
203 
@keyframes shake {
204 
	0%, 100% {transform: translateX(0);}
205 
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
206 
	20%, 40%, 60%, 80% {transform: translateX(10px);}
207 
}
208 
 
209 
.shake {
210 
	-webkit-animation-name: shake;
211 
	-moz-animation-name: shake;
212 
	-o-animation-name: shake;
213 
	animation-name: shake;
214 
}