Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | Details | 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
}