cessna 0.0.1

Sign up to get free protection for your applications and to get access to all the features.
data/.gitignore ADDED
@@ -0,0 +1,17 @@
1
+ *.gem
2
+ *.rbc
3
+ .bundle
4
+ .config
5
+ .yardoc
6
+ Gemfile.lock
7
+ InstalledFiles
8
+ _yardoc
9
+ coverage
10
+ doc/
11
+ lib/bundler/man
12
+ pkg
13
+ rdoc
14
+ spec/reports
15
+ test/tmp
16
+ test/version_tmp
17
+ tmp
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source 'https://rubygems.org'
2
+
3
+ # Specify your gem's dependencies in cessna.gemspec
4
+ gemspec
data/LICENSE.txt ADDED
@@ -0,0 +1,22 @@
1
+ Copyright (c) 2013 Fabian Mettler
2
+
3
+ MIT License
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining
6
+ a copy of this software and associated documentation files (the
7
+ "Software"), to deal in the Software without restriction, including
8
+ without limitation the rights to use, copy, modify, merge, publish,
9
+ distribute, sublicense, and/or sell copies of the Software, and to
10
+ permit persons to whom the Software is furnished to do so, subject to
11
+ the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be
14
+ included in all copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
17
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
18
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
19
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
20
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
21
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
22
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,29 @@
1
+ # Cessna
2
+
3
+ Cessna is a web client for the AirVideo Server. It allows you to connect to an AirVideo Server and to browse the shared folders. Furthermore, you can watch the movies with an HTML5-enabled browser.
4
+
5
+ ## Installation
6
+
7
+ Add this line to your application's Gemfile:
8
+
9
+ gem 'cessna'
10
+
11
+ And then execute:
12
+
13
+ $ bundle
14
+
15
+ Or install it yourself as:
16
+
17
+ $ gem install cessna
18
+
19
+ ## Usage
20
+
21
+ $ cessna
22
+
23
+ ## Contributing
24
+
25
+ 1. Fork it
26
+ 2. Create your feature branch (`git checkout -b my-new-feature`)
27
+ 3. Commit your changes (`git commit -am 'Add some feature'`)
28
+ 4. Push to the branch (`git push origin my-new-feature`)
29
+ 5. Create new Pull Request
data/Rakefile ADDED
@@ -0,0 +1,5 @@
1
+ require 'rubygems/package_task'
2
+ spec = eval(File.read('cessna.gemspec'))
3
+ Gem::PackageTask.new(spec) do |pkg|
4
+ end
5
+
data/bin/cessna ADDED
@@ -0,0 +1,5 @@
1
+ #!/usr/bin/env ruby
2
+
3
+ require 'cessna'
4
+
5
+ Cessna::App.run!
data/cessna.gemspec ADDED
@@ -0,0 +1,22 @@
1
+ # -*- encoding: utf-8 -*-
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require 'cessna/version'
5
+
6
+ Gem::Specification.new do |gem|
7
+ gem.name = "cessna"
8
+ gem.version = Cessna::VERSION
9
+ gem.authors = ["Fabian Mettler"]
10
+ gem.email = ["mettler.fabian@gmail.com"]
11
+ gem.description = %q{A web client for the AirVideo Server}
12
+ gem.summary = gem.description
13
+ gem.homepage = "https://github.com/maveonair/cessna"
14
+
15
+ gem.files = `git ls-files`.split($/)
16
+ gem.executables = gem.files.grep(%r{^bin/}).map{ |f| File.basename(f) }
17
+ gem.test_files = gem.files.grep(%r{^(test|spec|features)/})
18
+ gem.require_paths = ["lib"]
19
+ gem.add_dependency("sinatra")
20
+ gem.add_dependency("haml")
21
+ gem.add_dependency("airvideo")
22
+ end
data/lib/cessna.rb ADDED
@@ -0,0 +1,100 @@
1
+ require "cessna/version"
2
+ require 'sinatra/base'
3
+ require 'haml'
4
+ require 'airvideo'
5
+ require 'base64'
6
+
7
+ module Cessna
8
+ class App < Sinatra::Base
9
+ set :root, File.dirname(__FILE__)
10
+ set :views, Proc.new { File.join(root, "../views") }
11
+ set :public_folder, Proc.new { File.join(root, "../public") }
12
+
13
+ enable :sessions
14
+
15
+ before /^(\/browse*)|(\/play*)/ do
16
+ check_session
17
+ end
18
+
19
+ before do
20
+ if session['hostname']
21
+ @hostname = session['hostname']
22
+ end
23
+ end
24
+
25
+ get '/' do
26
+ haml :index
27
+ end
28
+
29
+ get '/browse/' do
30
+ redirect :browse
31
+ end
32
+
33
+ get '/browse' do
34
+ items = fetch_items('/')
35
+ @folders = collect_folders(items)
36
+ @videos = collect_videos(items)
37
+
38
+ haml :browse
39
+ end
40
+
41
+ get '/browse/:folder_location' do
42
+ location = Base64.decode64(params[:folder_location])
43
+ @parent_location = location.split('/')[0..-2].join('/')
44
+ @current_folder = location.split('/').last
45
+
46
+ items = fetch_items(location)
47
+ @folders = collect_folders(items)
48
+ @videos = collect_videos(items)
49
+
50
+ haml :browse
51
+ end
52
+
53
+ post '/session' do
54
+ session['hostname'] = params[:hostname]
55
+ session['port'] = params[:port]
56
+ session['password'] = params[:password]
57
+
58
+ redirect :browse
59
+ end
60
+
61
+ get '/play/:video_location' do
62
+ location = Base64.decode64(params[:video_location])
63
+ client = airvideo_client
64
+ @parent_location = location.split('/')[0..-2].join('/')
65
+ @video_name = location.split('/').last
66
+
67
+ client.cd(@parent_location)
68
+ video = client.ls.select{|item| item.name == @video_name}.first
69
+ @video_stream_url = video.url
70
+
71
+ haml :play
72
+ end
73
+
74
+ private
75
+
76
+ def check_session
77
+ unless session['hostname']
78
+ redirect '/'
79
+ end
80
+ end
81
+
82
+ def airvideo_client
83
+ AirVideo::Client.new(session['hostname'], session['port'], session['password'])
84
+ end
85
+
86
+ def fetch_items(location)
87
+ client = airvideo_client
88
+ client.cd(location)
89
+ client.ls
90
+ end
91
+
92
+ def collect_folders(items)
93
+ items.select{|item| item.is_a? AirVideo::Client::FolderObject}
94
+ end
95
+
96
+ def collect_videos(items)
97
+ items.select{|item| item.is_a? AirVideo::Client::VideoObject}
98
+ end
99
+ end
100
+ end
@@ -0,0 +1,3 @@
1
+ module Cessna
2
+ VERSION = "0.0.1"
3
+ end
@@ -0,0 +1,1109 @@
1
+ /*!
2
+ * Bootstrap Responsive v2.3.0
3
+ *
4
+ * Copyright 2012 Twitter, Inc
5
+ * Licensed under the Apache License v2.0
6
+ * http://www.apache.org/licenses/LICENSE-2.0
7
+ *
8
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
9
+ */
10
+
11
+ .clearfix {
12
+ *zoom: 1;
13
+ }
14
+
15
+ .clearfix:before,
16
+ .clearfix:after {
17
+ display: table;
18
+ line-height: 0;
19
+ content: "";
20
+ }
21
+
22
+ .clearfix:after {
23
+ clear: both;
24
+ }
25
+
26
+ .hide-text {
27
+ font: 0/0 a;
28
+ color: transparent;
29
+ text-shadow: none;
30
+ background-color: transparent;
31
+ border: 0;
32
+ }
33
+
34
+ .input-block-level {
35
+ display: block;
36
+ width: 100%;
37
+ min-height: 30px;
38
+ -webkit-box-sizing: border-box;
39
+ -moz-box-sizing: border-box;
40
+ box-sizing: border-box;
41
+ }
42
+
43
+ @-ms-viewport {
44
+ width: device-width;
45
+ }
46
+
47
+ .hidden {
48
+ display: none;
49
+ visibility: hidden;
50
+ }
51
+
52
+ .visible-phone {
53
+ display: none !important;
54
+ }
55
+
56
+ .visible-tablet {
57
+ display: none !important;
58
+ }
59
+
60
+ .hidden-desktop {
61
+ display: none !important;
62
+ }
63
+
64
+ .visible-desktop {
65
+ display: inherit !important;
66
+ }
67
+
68
+ @media (min-width: 768px) and (max-width: 979px) {
69
+ .hidden-desktop {
70
+ display: inherit !important;
71
+ }
72
+ .visible-desktop {
73
+ display: none !important ;
74
+ }
75
+ .visible-tablet {
76
+ display: inherit !important;
77
+ }
78
+ .hidden-tablet {
79
+ display: none !important;
80
+ }
81
+ }
82
+
83
+ @media (max-width: 767px) {
84
+ .hidden-desktop {
85
+ display: inherit !important;
86
+ }
87
+ .visible-desktop {
88
+ display: none !important;
89
+ }
90
+ .visible-phone {
91
+ display: inherit !important;
92
+ }
93
+ .hidden-phone {
94
+ display: none !important;
95
+ }
96
+ }
97
+
98
+ .visible-print {
99
+ display: none !important;
100
+ }
101
+
102
+ @media print {
103
+ .visible-print {
104
+ display: inherit !important;
105
+ }
106
+ .hidden-print {
107
+ display: none !important;
108
+ }
109
+ }
110
+
111
+ @media (min-width: 1200px) {
112
+ .row {
113
+ margin-left: -30px;
114
+ *zoom: 1;
115
+ }
116
+ .row:before,
117
+ .row:after {
118
+ display: table;
119
+ line-height: 0;
120
+ content: "";
121
+ }
122
+ .row:after {
123
+ clear: both;
124
+ }
125
+ [class*="span"] {
126
+ float: left;
127
+ min-height: 1px;
128
+ margin-left: 30px;
129
+ }
130
+ .container,
131
+ .navbar-static-top .container,
132
+ .navbar-fixed-top .container,
133
+ .navbar-fixed-bottom .container {
134
+ width: 1170px;
135
+ }
136
+ .span12 {
137
+ width: 1170px;
138
+ }
139
+ .span11 {
140
+ width: 1070px;
141
+ }
142
+ .span10 {
143
+ width: 970px;
144
+ }
145
+ .span9 {
146
+ width: 870px;
147
+ }
148
+ .span8 {
149
+ width: 770px;
150
+ }
151
+ .span7 {
152
+ width: 670px;
153
+ }
154
+ .span6 {
155
+ width: 570px;
156
+ }
157
+ .span5 {
158
+ width: 470px;
159
+ }
160
+ .span4 {
161
+ width: 370px;
162
+ }
163
+ .span3 {
164
+ width: 270px;
165
+ }
166
+ .span2 {
167
+ width: 170px;
168
+ }
169
+ .span1 {
170
+ width: 70px;
171
+ }
172
+ .offset12 {
173
+ margin-left: 1230px;
174
+ }
175
+ .offset11 {
176
+ margin-left: 1130px;
177
+ }
178
+ .offset10 {
179
+ margin-left: 1030px;
180
+ }
181
+ .offset9 {
182
+ margin-left: 930px;
183
+ }
184
+ .offset8 {
185
+ margin-left: 830px;
186
+ }
187
+ .offset7 {
188
+ margin-left: 730px;
189
+ }
190
+ .offset6 {
191
+ margin-left: 630px;
192
+ }
193
+ .offset5 {
194
+ margin-left: 530px;
195
+ }
196
+ .offset4 {
197
+ margin-left: 430px;
198
+ }
199
+ .offset3 {
200
+ margin-left: 330px;
201
+ }
202
+ .offset2 {
203
+ margin-left: 230px;
204
+ }
205
+ .offset1 {
206
+ margin-left: 130px;
207
+ }
208
+ .row-fluid {
209
+ width: 100%;
210
+ *zoom: 1;
211
+ }
212
+ .row-fluid:before,
213
+ .row-fluid:after {
214
+ display: table;
215
+ line-height: 0;
216
+ content: "";
217
+ }
218
+ .row-fluid:after {
219
+ clear: both;
220
+ }
221
+ .row-fluid [class*="span"] {
222
+ display: block;
223
+ float: left;
224
+ width: 100%;
225
+ min-height: 30px;
226
+ margin-left: 2.564102564102564%;
227
+ *margin-left: 2.5109110747408616%;
228
+ -webkit-box-sizing: border-box;
229
+ -moz-box-sizing: border-box;
230
+ box-sizing: border-box;
231
+ }
232
+ .row-fluid [class*="span"]:first-child {
233
+ margin-left: 0;
234
+ }
235
+ .row-fluid .controls-row [class*="span"] + [class*="span"] {
236
+ margin-left: 2.564102564102564%;
237
+ }
238
+ .row-fluid .span12 {
239
+ width: 100%;
240
+ *width: 99.94680851063829%;
241
+ }
242
+ .row-fluid .span11 {
243
+ width: 91.45299145299145%;
244
+ *width: 91.39979996362975%;
245
+ }
246
+ .row-fluid .span10 {
247
+ width: 82.90598290598291%;
248
+ *width: 82.8527914166212%;
249
+ }
250
+ .row-fluid .span9 {
251
+ width: 74.35897435897436%;
252
+ *width: 74.30578286961266%;
253
+ }
254
+ .row-fluid .span8 {
255
+ width: 65.81196581196582%;
256
+ *width: 65.75877432260411%;
257
+ }
258
+ .row-fluid .span7 {
259
+ width: 57.26495726495726%;
260
+ *width: 57.21176577559556%;
261
+ }
262
+ .row-fluid .span6 {
263
+ width: 48.717948717948715%;
264
+ *width: 48.664757228587014%;
265
+ }
266
+ .row-fluid .span5 {
267
+ width: 40.17094017094017%;
268
+ *width: 40.11774868157847%;
269
+ }
270
+ .row-fluid .span4 {
271
+ width: 31.623931623931625%;
272
+ *width: 31.570740134569924%;
273
+ }
274
+ .row-fluid .span3 {
275
+ width: 23.076923076923077%;
276
+ *width: 23.023731587561375%;
277
+ }
278
+ .row-fluid .span2 {
279
+ width: 14.52991452991453%;
280
+ *width: 14.476723040552828%;
281
+ }
282
+ .row-fluid .span1 {
283
+ width: 5.982905982905983%;
284
+ *width: 5.929714493544281%;
285
+ }
286
+ .row-fluid .offset12 {
287
+ margin-left: 105.12820512820512%;
288
+ *margin-left: 105.02182214948171%;
289
+ }
290
+ .row-fluid .offset12:first-child {
291
+ margin-left: 102.56410256410257%;
292
+ *margin-left: 102.45771958537915%;
293
+ }
294
+ .row-fluid .offset11 {
295
+ margin-left: 96.58119658119658%;
296
+ *margin-left: 96.47481360247316%;
297
+ }
298
+ .row-fluid .offset11:first-child {
299
+ margin-left: 94.01709401709402%;
300
+ *margin-left: 93.91071103837061%;
301
+ }
302
+ .row-fluid .offset10 {
303
+ margin-left: 88.03418803418803%;
304
+ *margin-left: 87.92780505546462%;
305
+ }
306
+ .row-fluid .offset10:first-child {
307
+ margin-left: 85.47008547008548%;
308
+ *margin-left: 85.36370249136206%;
309
+ }
310
+ .row-fluid .offset9 {
311
+ margin-left: 79.48717948717949%;
312
+ *margin-left: 79.38079650845607%;
313
+ }
314
+ .row-fluid .offset9:first-child {
315
+ margin-left: 76.92307692307693%;
316
+ *margin-left: 76.81669394435352%;
317
+ }
318
+ .row-fluid .offset8 {
319
+ margin-left: 70.94017094017094%;
320
+ *margin-left: 70.83378796144753%;
321
+ }
322
+ .row-fluid .offset8:first-child {
323
+ margin-left: 68.37606837606839%;
324
+ *margin-left: 68.26968539734497%;
325
+ }
326
+ .row-fluid .offset7 {
327
+ margin-left: 62.393162393162385%;
328
+ *margin-left: 62.28677941443899%;
329
+ }
330
+ .row-fluid .offset7:first-child {
331
+ margin-left: 59.82905982905982%;
332
+ *margin-left: 59.72267685033642%;
333
+ }
334
+ .row-fluid .offset6 {
335
+ margin-left: 53.84615384615384%;
336
+ *margin-left: 53.739770867430444%;
337
+ }
338
+ .row-fluid .offset6:first-child {
339
+ margin-left: 51.28205128205128%;
340
+ *margin-left: 51.175668303327875%;
341
+ }
342
+ .row-fluid .offset5 {
343
+ margin-left: 45.299145299145295%;
344
+ *margin-left: 45.1927623204219%;
345
+ }
346
+ .row-fluid .offset5:first-child {
347
+ margin-left: 42.73504273504273%;
348
+ *margin-left: 42.62865975631933%;
349
+ }
350
+ .row-fluid .offset4 {
351
+ margin-left: 36.75213675213675%;
352
+ *margin-left: 36.645753773413354%;
353
+ }
354
+ .row-fluid .offset4:first-child {
355
+ margin-left: 34.18803418803419%;
356
+ *margin-left: 34.081651209310785%;
357
+ }
358
+ .row-fluid .offset3 {
359
+ margin-left: 28.205128205128204%;
360
+ *margin-left: 28.0987452264048%;
361
+ }
362
+ .row-fluid .offset3:first-child {
363
+ margin-left: 25.641025641025642%;
364
+ *margin-left: 25.53464266230224%;
365
+ }
366
+ .row-fluid .offset2 {
367
+ margin-left: 19.65811965811966%;
368
+ *margin-left: 19.551736679396257%;
369
+ }
370
+ .row-fluid .offset2:first-child {
371
+ margin-left: 17.094017094017094%;
372
+ *margin-left: 16.98763411529369%;
373
+ }
374
+ .row-fluid .offset1 {
375
+ margin-left: 11.11111111111111%;
376
+ *margin-left: 11.004728132387708%;
377
+ }
378
+ .row-fluid .offset1:first-child {
379
+ margin-left: 8.547008547008547%;
380
+ *margin-left: 8.440625568285142%;
381
+ }
382
+ input,
383
+ textarea,
384
+ .uneditable-input {
385
+ margin-left: 0;
386
+ }
387
+ .controls-row [class*="span"] + [class*="span"] {
388
+ margin-left: 30px;
389
+ }
390
+ input.span12,
391
+ textarea.span12,
392
+ .uneditable-input.span12 {
393
+ width: 1156px;
394
+ }
395
+ input.span11,
396
+ textarea.span11,
397
+ .uneditable-input.span11 {
398
+ width: 1056px;
399
+ }
400
+ input.span10,
401
+ textarea.span10,
402
+ .uneditable-input.span10 {
403
+ width: 956px;
404
+ }
405
+ input.span9,
406
+ textarea.span9,
407
+ .uneditable-input.span9 {
408
+ width: 856px;
409
+ }
410
+ input.span8,
411
+ textarea.span8,
412
+ .uneditable-input.span8 {
413
+ width: 756px;
414
+ }
415
+ input.span7,
416
+ textarea.span7,
417
+ .uneditable-input.span7 {
418
+ width: 656px;
419
+ }
420
+ input.span6,
421
+ textarea.span6,
422
+ .uneditable-input.span6 {
423
+ width: 556px;
424
+ }
425
+ input.span5,
426
+ textarea.span5,
427
+ .uneditable-input.span5 {
428
+ width: 456px;
429
+ }
430
+ input.span4,
431
+ textarea.span4,
432
+ .uneditable-input.span4 {
433
+ width: 356px;
434
+ }
435
+ input.span3,
436
+ textarea.span3,
437
+ .uneditable-input.span3 {
438
+ width: 256px;
439
+ }
440
+ input.span2,
441
+ textarea.span2,
442
+ .uneditable-input.span2 {
443
+ width: 156px;
444
+ }
445
+ input.span1,
446
+ textarea.span1,
447
+ .uneditable-input.span1 {
448
+ width: 56px;
449
+ }
450
+ .thumbnails {
451
+ margin-left: -30px;
452
+ }
453
+ .thumbnails > li {
454
+ margin-left: 30px;
455
+ }
456
+ .row-fluid .thumbnails {
457
+ margin-left: 0;
458
+ }
459
+ }
460
+
461
+ @media (min-width: 768px) and (max-width: 979px) {
462
+ .row {
463
+ margin-left: -20px;
464
+ *zoom: 1;
465
+ }
466
+ .row:before,
467
+ .row:after {
468
+ display: table;
469
+ line-height: 0;
470
+ content: "";
471
+ }
472
+ .row:after {
473
+ clear: both;
474
+ }
475
+ [class*="span"] {
476
+ float: left;
477
+ min-height: 1px;
478
+ margin-left: 20px;
479
+ }
480
+ .container,
481
+ .navbar-static-top .container,
482
+ .navbar-fixed-top .container,
483
+ .navbar-fixed-bottom .container {
484
+ width: 724px;
485
+ }
486
+ .span12 {
487
+ width: 724px;
488
+ }
489
+ .span11 {
490
+ width: 662px;
491
+ }
492
+ .span10 {
493
+ width: 600px;
494
+ }
495
+ .span9 {
496
+ width: 538px;
497
+ }
498
+ .span8 {
499
+ width: 476px;
500
+ }
501
+ .span7 {
502
+ width: 414px;
503
+ }
504
+ .span6 {
505
+ width: 352px;
506
+ }
507
+ .span5 {
508
+ width: 290px;
509
+ }
510
+ .span4 {
511
+ width: 228px;
512
+ }
513
+ .span3 {
514
+ width: 166px;
515
+ }
516
+ .span2 {
517
+ width: 104px;
518
+ }
519
+ .span1 {
520
+ width: 42px;
521
+ }
522
+ .offset12 {
523
+ margin-left: 764px;
524
+ }
525
+ .offset11 {
526
+ margin-left: 702px;
527
+ }
528
+ .offset10 {
529
+ margin-left: 640px;
530
+ }
531
+ .offset9 {
532
+ margin-left: 578px;
533
+ }
534
+ .offset8 {
535
+ margin-left: 516px;
536
+ }
537
+ .offset7 {
538
+ margin-left: 454px;
539
+ }
540
+ .offset6 {
541
+ margin-left: 392px;
542
+ }
543
+ .offset5 {
544
+ margin-left: 330px;
545
+ }
546
+ .offset4 {
547
+ margin-left: 268px;
548
+ }
549
+ .offset3 {
550
+ margin-left: 206px;
551
+ }
552
+ .offset2 {
553
+ margin-left: 144px;
554
+ }
555
+ .offset1 {
556
+ margin-left: 82px;
557
+ }
558
+ .row-fluid {
559
+ width: 100%;
560
+ *zoom: 1;
561
+ }
562
+ .row-fluid:before,
563
+ .row-fluid:after {
564
+ display: table;
565
+ line-height: 0;
566
+ content: "";
567
+ }
568
+ .row-fluid:after {
569
+ clear: both;
570
+ }
571
+ .row-fluid [class*="span"] {
572
+ display: block;
573
+ float: left;
574
+ width: 100%;
575
+ min-height: 30px;
576
+ margin-left: 2.7624309392265194%;
577
+ *margin-left: 2.709239449864817%;
578
+ -webkit-box-sizing: border-box;
579
+ -moz-box-sizing: border-box;
580
+ box-sizing: border-box;
581
+ }
582
+ .row-fluid [class*="span"]:first-child {
583
+ margin-left: 0;
584
+ }
585
+ .row-fluid .controls-row [class*="span"] + [class*="span"] {
586
+ margin-left: 2.7624309392265194%;
587
+ }
588
+ .row-fluid .span12 {
589
+ width: 100%;
590
+ *width: 99.94680851063829%;
591
+ }
592
+ .row-fluid .span11 {
593
+ width: 91.43646408839778%;
594
+ *width: 91.38327259903608%;
595
+ }
596
+ .row-fluid .span10 {
597
+ width: 82.87292817679558%;
598
+ *width: 82.81973668743387%;
599
+ }
600
+ .row-fluid .span9 {
601
+ width: 74.30939226519337%;
602
+ *width: 74.25620077583166%;
603
+ }
604
+ .row-fluid .span8 {
605
+ width: 65.74585635359117%;
606
+ *width: 65.69266486422946%;
607
+ }
608
+ .row-fluid .span7 {
609
+ width: 57.18232044198895%;
610
+ *width: 57.12912895262725%;
611
+ }
612
+ .row-fluid .span6 {
613
+ width: 48.61878453038674%;
614
+ *width: 48.56559304102504%;
615
+ }
616
+ .row-fluid .span5 {
617
+ width: 40.05524861878453%;
618
+ *width: 40.00205712942283%;
619
+ }
620
+ .row-fluid .span4 {
621
+ width: 31.491712707182323%;
622
+ *width: 31.43852121782062%;
623
+ }
624
+ .row-fluid .span3 {
625
+ width: 22.92817679558011%;
626
+ *width: 22.87498530621841%;
627
+ }
628
+ .row-fluid .span2 {
629
+ width: 14.3646408839779%;
630
+ *width: 14.311449394616199%;
631
+ }
632
+ .row-fluid .span1 {
633
+ width: 5.801104972375691%;
634
+ *width: 5.747913483013988%;
635
+ }
636
+ .row-fluid .offset12 {
637
+ margin-left: 105.52486187845304%;
638
+ *margin-left: 105.41847889972962%;
639
+ }
640
+ .row-fluid .offset12:first-child {
641
+ margin-left: 102.76243093922652%;
642
+ *margin-left: 102.6560479605031%;
643
+ }
644
+ .row-fluid .offset11 {
645
+ margin-left: 96.96132596685082%;
646
+ *margin-left: 96.8549429881274%;
647
+ }
648
+ .row-fluid .offset11:first-child {
649
+ margin-left: 94.1988950276243%;
650
+ *margin-left: 94.09251204890089%;
651
+ }
652
+ .row-fluid .offset10 {
653
+ margin-left: 88.39779005524862%;
654
+ *margin-left: 88.2914070765252%;
655
+ }
656
+ .row-fluid .offset10:first-child {
657
+ margin-left: 85.6353591160221%;
658
+ *margin-left: 85.52897613729868%;
659
+ }
660
+ .row-fluid .offset9 {
661
+ margin-left: 79.8342541436464%;
662
+ *margin-left: 79.72787116492299%;
663
+ }
664
+ .row-fluid .offset9:first-child {
665
+ margin-left: 77.07182320441989%;
666
+ *margin-left: 76.96544022569647%;
667
+ }
668
+ .row-fluid .offset8 {
669
+ margin-left: 71.2707182320442%;
670
+ *margin-left: 71.16433525332079%;
671
+ }
672
+ .row-fluid .offset8:first-child {
673
+ margin-left: 68.50828729281768%;
674
+ *margin-left: 68.40190431409427%;
675
+ }
676
+ .row-fluid .offset7 {
677
+ margin-left: 62.70718232044199%;
678
+ *margin-left: 62.600799341718584%;
679
+ }
680
+ .row-fluid .offset7:first-child {
681
+ margin-left: 59.94475138121547%;
682
+ *margin-left: 59.838368402492065%;
683
+ }
684
+ .row-fluid .offset6 {
685
+ margin-left: 54.14364640883978%;
686
+ *margin-left: 54.037263430116376%;
687
+ }
688
+ .row-fluid .offset6:first-child {
689
+ margin-left: 51.38121546961326%;
690
+ *margin-left: 51.27483249088986%;
691
+ }
692
+ .row-fluid .offset5 {
693
+ margin-left: 45.58011049723757%;
694
+ *margin-left: 45.47372751851417%;
695
+ }
696
+ .row-fluid .offset5:first-child {
697
+ margin-left: 42.81767955801105%;
698
+ *margin-left: 42.71129657928765%;
699
+ }
700
+ .row-fluid .offset4 {
701
+ margin-left: 37.01657458563536%;
702
+ *margin-left: 36.91019160691196%;
703
+ }
704
+ .row-fluid .offset4:first-child {
705
+ margin-left: 34.25414364640884%;
706
+ *margin-left: 34.14776066768544%;
707
+ }
708
+ .row-fluid .offset3 {
709
+ margin-left: 28.45303867403315%;
710
+ *margin-left: 28.346655695309746%;
711
+ }
712
+ .row-fluid .offset3:first-child {
713
+ margin-left: 25.69060773480663%;
714
+ *margin-left: 25.584224756083227%;
715
+ }
716
+ .row-fluid .offset2 {
717
+ margin-left: 19.88950276243094%;
718
+ *margin-left: 19.783119783707537%;
719
+ }
720
+ .row-fluid .offset2:first-child {
721
+ margin-left: 17.12707182320442%;
722
+ *margin-left: 17.02068884448102%;
723
+ }
724
+ .row-fluid .offset1 {
725
+ margin-left: 11.32596685082873%;
726
+ *margin-left: 11.219583872105325%;
727
+ }
728
+ .row-fluid .offset1:first-child {
729
+ margin-left: 8.56353591160221%;
730
+ *margin-left: 8.457152932878806%;
731
+ }
732
+ input,
733
+ textarea,
734
+ .uneditable-input {
735
+ margin-left: 0;
736
+ }
737
+ .controls-row [class*="span"] + [class*="span"] {
738
+ margin-left: 20px;
739
+ }
740
+ input.span12,
741
+ textarea.span12,
742
+ .uneditable-input.span12 {
743
+ width: 710px;
744
+ }
745
+ input.span11,
746
+ textarea.span11,
747
+ .uneditable-input.span11 {
748
+ width: 648px;
749
+ }
750
+ input.span10,
751
+ textarea.span10,
752
+ .uneditable-input.span10 {
753
+ width: 586px;
754
+ }
755
+ input.span9,
756
+ textarea.span9,
757
+ .uneditable-input.span9 {
758
+ width: 524px;
759
+ }
760
+ input.span8,
761
+ textarea.span8,
762
+ .uneditable-input.span8 {
763
+ width: 462px;
764
+ }
765
+ input.span7,
766
+ textarea.span7,
767
+ .uneditable-input.span7 {
768
+ width: 400px;
769
+ }
770
+ input.span6,
771
+ textarea.span6,
772
+ .uneditable-input.span6 {
773
+ width: 338px;
774
+ }
775
+ input.span5,
776
+ textarea.span5,
777
+ .uneditable-input.span5 {
778
+ width: 276px;
779
+ }
780
+ input.span4,
781
+ textarea.span4,
782
+ .uneditable-input.span4 {
783
+ width: 214px;
784
+ }
785
+ input.span3,
786
+ textarea.span3,
787
+ .uneditable-input.span3 {
788
+ width: 152px;
789
+ }
790
+ input.span2,
791
+ textarea.span2,
792
+ .uneditable-input.span2 {
793
+ width: 90px;
794
+ }
795
+ input.span1,
796
+ textarea.span1,
797
+ .uneditable-input.span1 {
798
+ width: 28px;
799
+ }
800
+ }
801
+
802
+ @media (max-width: 767px) {
803
+ body {
804
+ padding-right: 20px;
805
+ padding-left: 20px;
806
+ }
807
+ .navbar-fixed-top,
808
+ .navbar-fixed-bottom,
809
+ .navbar-static-top {
810
+ margin-right: -20px;
811
+ margin-left: -20px;
812
+ }
813
+ .container-fluid {
814
+ padding: 0;
815
+ }
816
+ .dl-horizontal dt {
817
+ float: none;
818
+ width: auto;
819
+ clear: none;
820
+ text-align: left;
821
+ }
822
+ .dl-horizontal dd {
823
+ margin-left: 0;
824
+ }
825
+ .container {
826
+ width: auto;
827
+ }
828
+ .row-fluid {
829
+ width: 100%;
830
+ }
831
+ .row,
832
+ .thumbnails {
833
+ margin-left: 0;
834
+ }
835
+ .thumbnails > li {
836
+ float: none;
837
+ margin-left: 0;
838
+ }
839
+ [class*="span"],
840
+ .uneditable-input[class*="span"],
841
+ .row-fluid [class*="span"] {
842
+ display: block;
843
+ float: none;
844
+ width: 100%;
845
+ margin-left: 0;
846
+ -webkit-box-sizing: border-box;
847
+ -moz-box-sizing: border-box;
848
+ box-sizing: border-box;
849
+ }
850
+ .span12,
851
+ .row-fluid .span12 {
852
+ width: 100%;
853
+ -webkit-box-sizing: border-box;
854
+ -moz-box-sizing: border-box;
855
+ box-sizing: border-box;
856
+ }
857
+ .row-fluid [class*="offset"]:first-child {
858
+ margin-left: 0;
859
+ }
860
+ .input-large,
861
+ .input-xlarge,
862
+ .input-xxlarge,
863
+ input[class*="span"],
864
+ select[class*="span"],
865
+ textarea[class*="span"],
866
+ .uneditable-input {
867
+ display: block;
868
+ width: 100%;
869
+ min-height: 30px;
870
+ -webkit-box-sizing: border-box;
871
+ -moz-box-sizing: border-box;
872
+ box-sizing: border-box;
873
+ }
874
+ .input-prepend input,
875
+ .input-append input,
876
+ .input-prepend input[class*="span"],
877
+ .input-append input[class*="span"] {
878
+ display: inline-block;
879
+ width: auto;
880
+ }
881
+ .controls-row [class*="span"] + [class*="span"] {
882
+ margin-left: 0;
883
+ }
884
+ .modal {
885
+ position: fixed;
886
+ top: 20px;
887
+ right: 20px;
888
+ left: 20px;
889
+ width: auto;
890
+ margin: 0;
891
+ }
892
+ .modal.fade {
893
+ top: -100px;
894
+ }
895
+ .modal.fade.in {
896
+ top: 20px;
897
+ }
898
+ }
899
+
900
+ @media (max-width: 480px) {
901
+ .nav-collapse {
902
+ -webkit-transform: translate3d(0, 0, 0);
903
+ }
904
+ .page-header h1 small {
905
+ display: block;
906
+ line-height: 20px;
907
+ }
908
+ input[type="checkbox"],
909
+ input[type="radio"] {
910
+ border: 1px solid #ccc;
911
+ }
912
+ .form-horizontal .control-label {
913
+ float: none;
914
+ width: auto;
915
+ padding-top: 0;
916
+ text-align: left;
917
+ }
918
+ .form-horizontal .controls {
919
+ margin-left: 0;
920
+ }
921
+ .form-horizontal .control-list {
922
+ padding-top: 0;
923
+ }
924
+ .form-horizontal .form-actions {
925
+ padding-right: 10px;
926
+ padding-left: 10px;
927
+ }
928
+ .media .pull-left,
929
+ .media .pull-right {
930
+ display: block;
931
+ float: none;
932
+ margin-bottom: 10px;
933
+ }
934
+ .media-object {
935
+ margin-right: 0;
936
+ margin-left: 0;
937
+ }
938
+ .modal {
939
+ top: 10px;
940
+ right: 10px;
941
+ left: 10px;
942
+ }
943
+ .modal-header .close {
944
+ padding: 10px;
945
+ margin: -10px;
946
+ }
947
+ .carousel-caption {
948
+ position: static;
949
+ }
950
+ }
951
+
952
+ @media (max-width: 979px) {
953
+ body {
954
+ padding-top: 0;
955
+ }
956
+ .navbar-fixed-top,
957
+ .navbar-fixed-bottom {
958
+ position: static;
959
+ }
960
+ .navbar-fixed-top {
961
+ margin-bottom: 20px;
962
+ }
963
+ .navbar-fixed-bottom {
964
+ margin-top: 20px;
965
+ }
966
+ .navbar-fixed-top .navbar-inner,
967
+ .navbar-fixed-bottom .navbar-inner {
968
+ padding: 5px;
969
+ }
970
+ .navbar .container {
971
+ width: auto;
972
+ padding: 0;
973
+ }
974
+ .navbar .brand {
975
+ padding-right: 10px;
976
+ padding-left: 10px;
977
+ margin: 0 0 0 -5px;
978
+ }
979
+ .nav-collapse {
980
+ clear: both;
981
+ }
982
+ .nav-collapse .nav {
983
+ float: none;
984
+ margin: 0 0 10px;
985
+ }
986
+ .nav-collapse .nav > li {
987
+ float: none;
988
+ }
989
+ .nav-collapse .nav > li > a {
990
+ margin-bottom: 2px;
991
+ }
992
+ .nav-collapse .nav > .divider-vertical {
993
+ display: none;
994
+ }
995
+ .nav-collapse .nav .nav-header {
996
+ color: #777777;
997
+ text-shadow: none;
998
+ }
999
+ .nav-collapse .nav > li > a,
1000
+ .nav-collapse .dropdown-menu a {
1001
+ padding: 9px 15px;
1002
+ font-weight: bold;
1003
+ color: #777777;
1004
+ -webkit-border-radius: 3px;
1005
+ -moz-border-radius: 3px;
1006
+ border-radius: 3px;
1007
+ }
1008
+ .nav-collapse .btn {
1009
+ padding: 4px 10px 4px;
1010
+ font-weight: normal;
1011
+ -webkit-border-radius: 4px;
1012
+ -moz-border-radius: 4px;
1013
+ border-radius: 4px;
1014
+ }
1015
+ .nav-collapse .dropdown-menu li + li a {
1016
+ margin-bottom: 2px;
1017
+ }
1018
+ .nav-collapse .nav > li > a:hover,
1019
+ .nav-collapse .nav > li > a:focus,
1020
+ .nav-collapse .dropdown-menu a:hover,
1021
+ .nav-collapse .dropdown-menu a:focus {
1022
+ background-color: #f2f2f2;
1023
+ }
1024
+ .navbar-inverse .nav-collapse .nav > li > a,
1025
+ .navbar-inverse .nav-collapse .dropdown-menu a {
1026
+ color: #999999;
1027
+ }
1028
+ .navbar-inverse .nav-collapse .nav > li > a:hover,
1029
+ .navbar-inverse .nav-collapse .nav > li > a:focus,
1030
+ .navbar-inverse .nav-collapse .dropdown-menu a:hover,
1031
+ .navbar-inverse .nav-collapse .dropdown-menu a:focus {
1032
+ background-color: #111111;
1033
+ }
1034
+ .nav-collapse.in .btn-group {
1035
+ padding: 0;
1036
+ margin-top: 5px;
1037
+ }
1038
+ .nav-collapse .dropdown-menu {
1039
+ position: static;
1040
+ top: auto;
1041
+ left: auto;
1042
+ display: none;
1043
+ float: none;
1044
+ max-width: none;
1045
+ padding: 0;
1046
+ margin: 0 15px;
1047
+ background-color: transparent;
1048
+ border: none;
1049
+ -webkit-border-radius: 0;
1050
+ -moz-border-radius: 0;
1051
+ border-radius: 0;
1052
+ -webkit-box-shadow: none;
1053
+ -moz-box-shadow: none;
1054
+ box-shadow: none;
1055
+ }
1056
+ .nav-collapse .open > .dropdown-menu {
1057
+ display: block;
1058
+ }
1059
+ .nav-collapse .dropdown-menu:before,
1060
+ .nav-collapse .dropdown-menu:after {
1061
+ display: none;
1062
+ }
1063
+ .nav-collapse .dropdown-menu .divider {
1064
+ display: none;
1065
+ }
1066
+ .nav-collapse .nav > li > .dropdown-menu:before,
1067
+ .nav-collapse .nav > li > .dropdown-menu:after {
1068
+ display: none;
1069
+ }
1070
+ .nav-collapse .navbar-form,
1071
+ .nav-collapse .navbar-search {
1072
+ float: none;
1073
+ padding: 10px 15px;
1074
+ margin: 10px 0;
1075
+ border-top: 1px solid #f2f2f2;
1076
+ border-bottom: 1px solid #f2f2f2;
1077
+ -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1078
+ -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1079
+ box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
1080
+ }
1081
+ .navbar-inverse .nav-collapse .navbar-form,
1082
+ .navbar-inverse .nav-collapse .navbar-search {
1083
+ border-top-color: #111111;
1084
+ border-bottom-color: #111111;
1085
+ }
1086
+ .navbar .nav-collapse .nav.pull-right {
1087
+ float: none;
1088
+ margin-left: 0;
1089
+ }
1090
+ .nav-collapse,
1091
+ .nav-collapse.collapse {
1092
+ height: 0;
1093
+ overflow: hidden;
1094
+ }
1095
+ .navbar .btn-navbar {
1096
+ display: block;
1097
+ }
1098
+ .navbar-static .navbar-inner {
1099
+ padding-right: 10px;
1100
+ padding-left: 10px;
1101
+ }
1102
+ }
1103
+
1104
+ @media (min-width: 980px) {
1105
+ .nav-collapse.collapse {
1106
+ height: auto !important;
1107
+ overflow: visible !important;
1108
+ }
1109
+ }