nutcracker-web 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +2 -2
  3. data/Gemfile.lock +4 -13
  4. data/Rakefile +33 -7
  5. data/lib/nutcracker/web.rb +6 -6
  6. data/lib/nutcracker/web/app.rb +10 -8
  7. data/lib/nutcracker/web/version.rb +1 -1
  8. data/{assets/stylesheets/bootstrap.css → public/assets/application.css} +1136 -0
  9. data/public/assets/application.js +263 -0
  10. metadata +59 -32
  11. data/assets/javascripts/application.js +0 -10
  12. data/assets/javascripts/collections/clusters.js.coffee +0 -4
  13. data/assets/javascripts/collections/nodes.js.coffee +0 -19
  14. data/assets/javascripts/models/cluster.js.coffee +0 -16
  15. data/assets/javascripts/models/node.js.coffee +0 -14
  16. data/assets/javascripts/models/overview.js.coffee +0 -27
  17. data/assets/javascripts/nutcracker.js.coffee +0 -20
  18. data/assets/javascripts/routers/nutcracker_router.js.coffee +0 -29
  19. data/assets/javascripts/utils/region_manager.js.coffee +0 -12
  20. data/assets/javascripts/utils/underscore_ext.js.coffee +0 -6
  21. data/assets/javascripts/vendor/backbone.js +0 -1571
  22. data/assets/javascripts/vendor/bootstrap.js +0 -2276
  23. data/assets/javascripts/vendor/google_chart.js.coffee +0 -124
  24. data/assets/javascripts/vendor/humanize.js +0 -459
  25. data/assets/javascripts/vendor/jquery.js +0 -8842
  26. data/assets/javascripts/vendor/underscore.js +0 -1227
  27. data/assets/javascripts/views/cluster.js.coffee +0 -58
  28. data/assets/javascripts/views/config.js.coffee +0 -6
  29. data/assets/javascripts/views/footer.js.coffee +0 -8
  30. data/assets/javascripts/views/navbar.js.coffee +0 -28
  31. data/assets/javascripts/views/node.js.coffee +0 -54
  32. data/assets/javascripts/views/overview.js.coffee +0 -6
  33. data/assets/stylesheets/application.css +0 -24
  34. data/assets/stylesheets/bootstrap-responsive.css +0 -1109
  35. data/assets/templates/cluster.jst.eco +0 -87
  36. data/assets/templates/config.jst.eco +0 -15
  37. data/assets/templates/footer.jst.eco +0 -1
  38. data/assets/templates/navbar.jst.eco +0 -55
  39. data/assets/templates/node.jst.eco +0 -73
  40. data/assets/templates/overview.jst.eco +0 -32
@@ -1,58 +0,0 @@
1
- class Nutcracker.Views.Cluster extends Backbone.View
2
- template: JST['cluster']
3
-
4
- render: ->
5
- @curIndex = @collection.indexOf(@model)
6
- @nextCluster = @collection.at @curIndex+1
7
- @prevCluster = @collection.at @curIndex-1
8
-
9
- @$el.html @template {@model, @nextCluster, @prevCluster}
10
-
11
- options = {
12
- is3D: true
13
- titleTextStyle:
14
- fontSize: 17.5
15
- color: '#333333'
16
- width: 300
17
- height: 300
18
- sliceVisibilityThreshold: 0
19
- chartArea:
20
- width: '100%'
21
- height: '80%'
22
- legend:
23
- position: 'bottom'
24
- }
25
-
26
- data = [['Node','Node']]
27
- @model.get("nodes").map (node)->
28
- data.push [node.get("hostname"),node.get("info").max_memory]
29
-
30
- chart = new Backbone.GoogleChart({
31
- formatter:
32
- callback: humanize.filesize
33
- columns: [1]
34
- chartType: 'PieChart'
35
- options: options
36
- dataTable: data
37
- })
38
-
39
- chart.on "select", (chart) =>
40
- Nutcracker.router.navigate @model.get("nodes").at(
41
- chart.getSelection()[0].row
42
- ).get('routeURL'), trigger: true
43
-
44
- @$el.find("#chart2").html chart.render().el
45
- @$el.find("#chart1").html new Backbone.GoogleChart({
46
- formatter:
47
- callback: humanize.filesize
48
- columns: [1]
49
- chartType: 'PieChart'
50
- options: options
51
- dataTable: [
52
- ['Memory', 'Memory']
53
- ['Free', @model.get("nodes").freeMemory() ]
54
- ['Used', @model.get('nodes').usedMemory() ]
55
- ]
56
- }).render().el
57
-
58
- this
@@ -1,6 +0,0 @@
1
- class Nutcracker.Views.Config extends Backbone.View
2
- template: JST["config"]
3
-
4
- render: ->
5
- @$el.html @template {@model}
6
- this
@@ -1,8 +0,0 @@
1
- class Nutcracker.Views.Footer extends Backbone.View
2
- className: "container navbar navbar-fixed-bottom navbar-inverse"
3
- template: JST['footer']
4
-
5
- render: ->
6
- @$el.html @template({@model})
7
- this
8
-
@@ -1,28 +0,0 @@
1
- class Nutcracker.Views.Navbar extends Backbone.View
2
- className: "navbar navbar-inverse navbar-fixed-top"
3
- template: JST['navbar']
4
-
5
- initialize: =>
6
- Backbone.history.bind "all", @routeChange
7
-
8
- render: ->
9
- $(@el).html @template {@model}
10
- this
11
-
12
- resetButtons: ->
13
- @$el.find("li").removeClass 'active'
14
-
15
- activate: ( id )=>
16
- @$(id).addClass 'active'
17
-
18
- routeChange: (route, object, action, args) =>
19
- @resetButtons()
20
- if /showOverview/g.test action
21
- @activate '#overview'
22
- if /showConfig/.test action
23
- @activate '#config'
24
- else if /showCluster/ig.test action
25
- @activate '#clusters'
26
- else if /showNode/gi.test action
27
- @activate '#nodes'
28
-
@@ -1,54 +0,0 @@
1
- class Nutcracker.Views.Node extends Backbone.View
2
- template: JST['node']
3
-
4
- render: ->
5
- @curIndex = @collection.indexOf(@model)
6
- @nextNode = @collection.at @curIndex+1
7
- @prevNode = @collection.at @curIndex-1
8
-
9
- options = {
10
- is3D: true
11
- titleTextStyle:
12
- fontSize: 17.5
13
- color: '#333333'
14
- titleTextStyle:
15
- fontSize: 17.5
16
- color: '#333333'
17
- width: 300,
18
- height: 300,
19
- sliceVisibilityThreshold: 0
20
- chartArea:
21
- width: '100%'
22
- height: '80%'
23
- legend:
24
- position: 'bottom'
25
- }
26
-
27
- @$el.html @template {@model,@nextNode,@prevNode}
28
- @$el.find("#chart1").append new Backbone.GoogleChart({
29
- chartType: 'PieChart'
30
- formatter:
31
- callback: humanize.filesize
32
- columns: [1]
33
- options: _(title: 'Memory').extend options
34
- dataTable: [
35
- ['Memory', 'Memory'],
36
- ['Free', @model.get('freeMemory')],
37
- ['Used', @model.get('usedMemory')]
38
- ],
39
- }).render().el
40
-
41
- @$el.find("#chart2").append new Backbone.GoogleChart({
42
- formatter:
43
- callback: humanize.numberFormat
44
- columns: [1]
45
- chartType: 'PieChart'
46
- options: _(title: 'Hits').extend options
47
- dataTable: [
48
- ['Memory', 'Memory'],
49
- ['Hits', @model.get("info").hits],
50
- ['Misses', @model.get("info").misses]
51
- ],
52
- }).render().el
53
-
54
- this
@@ -1,6 +0,0 @@
1
- class Nutcracker.Views.Overview extends Backbone.View
2
- template: JST['overview']
3
-
4
- render: ->
5
- @$el.html @template({@model})
6
- this
@@ -1,24 +0,0 @@
1
- /*
2
- *= require_self
3
- *= require_tree .
4
- */
5
- body { padding-top: 60px; }
6
-
7
- a.nextPrevButton,a.nextPrevButton:hover {
8
- color: #333333;
9
- }
10
-
11
- .nosel {
12
- user-select: none;
13
- -webkit-user-select: none;
14
- }
15
- .chartsBox {
16
- border-left:2px solid #dddddd;
17
- border-right:2px solid #dddddd;
18
- border-top:2px solid #dddddd;
19
- border-bottom:2px solid #dddddd;
20
- padding-top: 0px;
21
- -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
22
- -moz-box-sizing: border-box; /* Firefox, other Gecko */
23
- box-sizing: border-box; /* Opera/IE 8+ */
24
- }
@@ -1,1109 +0,0 @@
1
- /*!
2
- * Bootstrap Responsive v2.3.1
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
- }