OLD | NEW |
1 /* Global styles */ | 1 /* Global styles */ |
2 * { | 2 * { |
3 margin: 0; | 3 margin: 0; |
4 padding: 0; | 4 padding: 0; |
5 font: 400 14px 'Montserrat', sans-serif; | 5 font: 400 14px 'Montserrat', sans-serif; |
6 color: #333; | 6 color: #333; |
7 box-sizing: border-box; | 7 box-sizing: border-box; |
8 } | 8 } |
9 | 9 |
10 .content { | 10 .content { |
(...skipping 201 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
212 flex-shrink: 0; | 212 flex-shrink: 0; |
213 flex-basis: 30%; | 213 flex-basis: 30%; |
214 } | 214 } |
215 | 215 |
216 .flex-item-40-percent { | 216 .flex-item-40-percent { |
217 flex-grow: 0; | 217 flex-grow: 0; |
218 flex-shrink: 0; | 218 flex-shrink: 0; |
219 flex-basis: 40%; | 219 flex-basis: 40%; |
220 } | 220 } |
221 | 221 |
| 222 .flex-item-45-percent { |
| 223 flex-grow: 0; |
| 224 flex-shrink: 0; |
| 225 flex-basis: 45%; |
| 226 } |
| 227 |
222 .flex-item-50-percent { | 228 .flex-item-50-percent { |
223 flex-grow: 0; | 229 flex-grow: 0; |
224 flex-shrink: 0; | 230 flex-shrink: 0; |
225 flex-basis: 50%; | 231 flex-basis: 50%; |
226 } | 232 } |
227 | 233 |
228 .flex-item-60-percent { | 234 .flex-item-60-percent { |
229 flex-grow: 0; | 235 flex-grow: 0; |
230 flex-shrink: 0; | 236 flex-shrink: 0; |
231 flex-basis: 60%; | 237 flex-basis: 60%; |
232 } | 238 } |
233 | 239 |
234 .flex-item-70-percent { | 240 .flex-item-70-percent { |
235 flex-grow: 0; | 241 flex-grow: 0; |
236 flex-shrink: 0; | 242 flex-shrink: 0; |
237 flex-basis: 70%; | 243 flex-basis: 70%; |
238 } | 244 } |
239 | 245 |
240 .flex-item-80-percent { | 246 .flex-item-80-percent { |
241 flex-grow: 0; | 247 flex-grow: 0; |
242 flex-shrink: 0; | 248 flex-shrink: 0; |
243 flex-basis: 80%; | 249 flex-basis: 80%; |
244 } | 250 } |
245 | 251 |
| 252 .flex-item-90-percent { |
| 253 flex-grow: 0; |
| 254 flex-shrink: 0; |
| 255 flex-basis: 90%; |
| 256 } |
| 257 |
246 .well { | 258 .well { |
247 min-height: 20px; | 259 min-height: 20px; |
248 padding: 19px; | 260 padding: 19px; |
249 margin-bottom: 20px; | 261 margin-bottom: 20px; |
250 background-color: #f5f5f5; | 262 background-color: #f5f5f5; |
251 border: 1px solid #e3e3e3; | 263 border: 1px solid #e3e3e3; |
252 border-radius: 4px; | 264 border-radius: 4px; |
253 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); | 265 box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); |
254 } | 266 } |
255 | 267 |
256 .break-wrap { | 268 .break-wrap { |
257 word-wrap: break-word; | 269 word-wrap: break-word; |
258 } | 270 } |
259 | 271 |
260 body.busy, body.busy * { | 272 body.busy, body.busy * { |
261 cursor: progress !important; | 273 cursor: progress !important; |
262 } | 274 } |
263 | 275 |
264 .pointer { | 276 .pointer { |
265 cursor: pointer; | 277 cursor: pointer; |
266 } | 278 } |
267 | 279 |
268 .shadow { | 280 .shadow { |
269 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), | 281 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), |
270 0 2px 5px 0 rgba(0, 0, 0, 0.26); | 282 0 2px 5px 0 rgba(0, 0, 0, 0.26); |
271 } | 283 } |
272 | 284 |
273 @-webkit-keyframes fadeIn { | 285 @-webkit-keyframes fadeIn { |
274 0% { opacity: 0; } | 286 0% { opacity: 0; } |
275 100% { opacity: 1; } | 287 100% { opacity: 1; } |
276 } | 288 } |
277 | 289 |
278 @-moz-keyframes fadeIn { | 290 @-moz-keyframes fadeIn { |
279 0% { opacity: 0; } | 291 0% { opacity: 0; } |
280 100% { opacity: 1; } | 292 100% { opacity: 1; } |
281 } | 293 } |
282 | 294 |
283 @keyframes fadeIn { | 295 @keyframes fadeIn { |
284 0% { opacity: 0; } | 296 0% { opacity: 0; } |
285 100% { opacity: 1; } | 297 100% { opacity: 1; } |
286 } | 298 } |
| 299 |
| 300 @-webkit-keyframes shake { |
| 301 0%, 100% { |
| 302 -webkit-transform: translate3d(0, 0, 0); |
| 303 transform: translate3d(0, 0, 0); |
| 304 } |
| 305 |
| 306 10%, 30%, 50%, 70%, 90% { |
| 307 -webkit-transform: translate3d(-10px, 0, 0); |
| 308 transform: translate3d(-10px, 0, 0); |
| 309 } |
| 310 |
| 311 20%, 40%, 60%, 80% { |
| 312 -webkit-transform: translate3d(10px, 0, 0); |
| 313 transform: translate3d(10px, 0, 0); |
| 314 } |
| 315 } |
| 316 |
| 317 @keyframes shake { |
| 318 0%, 100% { |
| 319 -webkit-transform: translate3d(0, 0, 0); |
| 320 -ms-transform: translate3d(0, 0, 0); |
| 321 transform: translate3d(0, 0, 0); |
| 322 } |
| 323 |
| 324 10%, 30%, 50%, 70%, 90% { |
| 325 -webkit-transform: translate3d(-10px, 0, 0); |
| 326 -ms-transform: translate3d(-10px, 0, 0); |
| 327 transform: translate3d(-10px, 0, 0); |
| 328 } |
| 329 |
| 330 20%, 40%, 60%, 80% { |
| 331 -webkit-transform: translate3d(10px, 0, 0); |
| 332 -ms-transform: translate3d(10px, 0, 0); |
| 333 transform: translate3d(10px, 0, 0); |
| 334 } |
| 335 } |
| 336 |
| 337 .shake { |
| 338 animation: shake 0.5s; |
| 339 -webkit-animation: shake 0.5s; |
| 340 } |
OLD | NEW |