bandshell 0.0.21 → 0.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. checksums.yaml +4 -4
  2. data/lib/bandshell/application/app.rb +10 -10
  3. data/lib/bandshell/application/public/images/elements/logomark.png +0 -0
  4. data/lib/bandshell/application/public/images/layout/pagebg.gif +0 -0
  5. data/lib/bandshell/application/public/images/layout/pagebg@2x.gif +0 -0
  6. data/lib/bandshell/application/public/{authenticate.js → javascripts/authenticate.js} +0 -0
  7. data/lib/bandshell/application/public/{network.js → javascripts/network.js} +2 -2
  8. data/lib/bandshell/application/public/{problem.js → javascripts/problem.js} +0 -0
  9. data/lib/bandshell/application/public/stylesheets/README +3 -0
  10. data/lib/bandshell/application/public/stylesheets/concerto-styles.css +5387 -0
  11. data/lib/bandshell/application/public/stylesheets/sass/common/concertocons.scss +122 -0
  12. data/lib/bandshell/application/public/stylesheets/sass/common/font-awesome.scss +1273 -0
  13. data/lib/bandshell/application/public/stylesheets/sass/common/mixins.scss +284 -0
  14. data/lib/bandshell/application/public/stylesheets/sass/common/reset.scss +125 -0
  15. data/lib/bandshell/application/public/stylesheets/sass/common/variables.scss +139 -0
  16. data/lib/bandshell/application/public/stylesheets/sass/components/alerts-badges.scss +145 -0
  17. data/lib/bandshell/application/public/stylesheets/sass/components/bootstrap-modals.scss +115 -0
  18. data/lib/bandshell/application/public/stylesheets/sass/components/button-groups.scss +129 -0
  19. data/lib/bandshell/application/public/stylesheets/sass/components/buttons.scss +236 -0
  20. data/lib/bandshell/application/public/stylesheets/sass/components/datepicker.scss +337 -0
  21. data/lib/bandshell/application/public/stylesheets/sass/components/display-blocks.scss +194 -0
  22. data/lib/bandshell/application/public/stylesheets/sass/components/forms.scss +486 -0
  23. data/lib/bandshell/application/public/stylesheets/sass/components/jquery.qtip2.scss +259 -0
  24. data/lib/bandshell/application/public/stylesheets/sass/components/jquery.timepicker.css +8 -0
  25. data/lib/bandshell/application/public/stylesheets/sass/components/jquery.timepicker.scss +8 -0
  26. data/lib/bandshell/application/public/stylesheets/sass/components/lists-grid-stacked.scss +265 -0
  27. data/lib/bandshell/application/public/stylesheets/sass/components/navs.scss +465 -0
  28. data/lib/bandshell/application/public/stylesheets/sass/components/pagination.scss +64 -0
  29. data/lib/bandshell/application/public/stylesheets/sass/components/scaffolding.scss +75 -0
  30. data/lib/bandshell/application/public/stylesheets/sass/components/screenmodel.scss +66 -0
  31. data/lib/bandshell/application/public/stylesheets/sass/components/sliders.scss +98 -0
  32. data/lib/bandshell/application/public/stylesheets/sass/components/tables.scss +243 -0
  33. data/lib/bandshell/application/public/stylesheets/sass/components/tiles.scss +169 -0
  34. data/lib/bandshell/application/public/stylesheets/sass/components/topmenu.scss +218 -0
  35. data/lib/bandshell/application/public/stylesheets/sass/components/type.scss +259 -0
  36. data/lib/bandshell/application/public/stylesheets/sass/index-manifest.scss +32 -0
  37. data/lib/bandshell/application/public/stylesheets/sass/responsive/responsive-1200px-min.scss +31 -0
  38. data/lib/bandshell/application/public/stylesheets/sass/responsive/responsive-767px-max.scss +178 -0
  39. data/lib/bandshell/application/public/stylesheets/sass/responsive/responsive-768px-979px.scss +21 -0
  40. data/lib/bandshell/application/public/stylesheets/sass/responsive/responsive-utilities.scss +41 -0
  41. data/lib/bandshell/application/public/stylesheets/sass/views/setup.scss +5 -0
  42. data/lib/bandshell/application/public/stylesheets/sass/views/submissions.scss +36 -0
  43. data/lib/bandshell/application/public/stylesheets/sass/views/users.scss +15 -0
  44. data/lib/bandshell/application/views/authenticate.erb +15 -0
  45. data/lib/bandshell/application/views/main.erb +55 -0
  46. data/lib/bandshell/application/views/main.haml +2 -1
  47. data/lib/bandshell/application/views/netsettings.erb +147 -0
  48. data/lib/bandshell/application/views/netsettings.haml +1 -1
  49. data/lib/bandshell/application/views/password.erb +23 -0
  50. data/lib/bandshell/application/views/player_status.erb +16 -0
  51. data/lib/bandshell/application/views/problem.erb +20 -0
  52. data/lib/bandshell/application/views/setup.erb +58 -0
  53. metadata +52 -8
  54. data/lib/bandshell/application/public/stylesheet.css +0 -3
@@ -0,0 +1,465 @@
1
+ // NAVIGATIONS
2
+ // -----------
3
+
4
+
5
+
6
+ // BASE CLASS
7
+ // ----------
8
+
9
+ .nav {
10
+ margin-left: 0;
11
+ margin-bottom: $baseLineHeight;
12
+ list-style: none;
13
+ }
14
+
15
+ // Make links block level
16
+ .nav > li > a {
17
+ display: block;
18
+ }
19
+ .nav > li > a:hover {
20
+ text-decoration: none;
21
+ background-color: $grayLighter;
22
+ }
23
+
24
+ // Redeclare pull classes because of specifity
25
+ .nav > .pull-right {
26
+ float: right;
27
+ }
28
+
29
+ // Nav headers (for dropdowns and lists)
30
+ .nav .nav-header {
31
+ display: block;
32
+ padding: 3px 15px;
33
+ font-size: 11px;
34
+ font-weight: bold;
35
+ line-height: $baseLineHeight;
36
+ color: $grayLight;
37
+ text-shadow: 0 1px 0 rgba(255,255,255,.5);
38
+ text-transform: uppercase;
39
+ }
40
+ // Space them out when they follow another list item (link)
41
+ .nav li + .nav-header {
42
+ margin-top: 9px;
43
+ }
44
+
45
+
46
+ // NAV LIST
47
+ // --------
48
+
49
+ .nav-list {
50
+ padding-left: 15px;
51
+ padding-right: 15px;
52
+ margin-bottom: 0;
53
+ }
54
+ .nav-list > li > a, .nav-list .nav-header {
55
+ margin-left: -15px;
56
+ margin-right: -15px;
57
+ text-shadow: 0 1px 0 rgba(255,255,255,.5);
58
+ }
59
+ .nav-list > li > a {
60
+ padding: 3px 15px;
61
+ }
62
+ .nav-list > .active > a, .nav-list > .active > a:hover {
63
+ color: $white;
64
+ text-shadow: 0 -1px 0 rgba(0,0,0,.2);
65
+ background-color: $linkColor;
66
+ }
67
+ .nav-list [class^="icon-"] {
68
+ margin-right: 2px;
69
+ }
70
+ // Dividers (basically an hr) within the dropdown
71
+ .nav-list .divider {
72
+ @include nav-divider();
73
+ }
74
+
75
+
76
+
77
+ // TABS AND PILLS
78
+ // -------------
79
+
80
+ // Common styles
81
+ .nav-tabs, .nav-pills {
82
+ @include clearfix();
83
+ }
84
+ .nav-tabs > li, .nav-pills > li {
85
+ float: left;
86
+ }
87
+ .nav-tabs > li > a, .nav-pills > li > a {
88
+ padding-right: 12px;
89
+ padding-left: 12px;
90
+ margin-right: 2px;
91
+ line-height: 14px; // keeps the overall height an even number
92
+ font-weight: bold;
93
+ }
94
+ .nav-tabs p.caption {
95
+ text-transform: uppercase;
96
+ letter-spacing: 0.1em;
97
+ font-size: 0.9em;
98
+ margin-bottom: 0px;
99
+ }
100
+ .nav-tabs > .active p.caption {
101
+ font-weight: bold;
102
+ }
103
+
104
+ // TABS
105
+ // ----
106
+
107
+ // Give the tabs something to sit on
108
+ .nav-tabs {
109
+ border-bottom: 1px solid #ddd;
110
+ }
111
+ // Make the list-items overlay the bottom border
112
+ .nav-tabs > li {
113
+ margin-bottom: -1px;
114
+ }
115
+ // Actual tabs (as links)
116
+ .nav-tabs > li > a {
117
+ padding-top: 8px;
118
+ padding-bottom: 8px;
119
+ line-height: $baseLineHeight;
120
+ border: 1px solid transparent;
121
+ text-align: center;
122
+ @include border-radius(4px 4px 0 0);
123
+ &:hover {
124
+ border-color: $grayLighter $grayLighter #ddd;
125
+ }
126
+ }
127
+ // Active state, and it's :hover to override normal :hover
128
+ .nav-tabs > .active > a, .nav-tabs > .active > a:hover {
129
+ color: $gray;
130
+ background-color: $white;
131
+ border: 1px solid #ddd;
132
+ border-bottom-color: transparent;
133
+ cursor: default;
134
+ }
135
+
136
+ // BOOTSTRAP TABS
137
+
138
+ .tabbable {
139
+ *zoom: 1;
140
+ }
141
+
142
+ .tabbable:before,
143
+ .tabbable:after {
144
+ display: table;
145
+ line-height: 0;
146
+ content: "";
147
+ }
148
+
149
+ .tabbable:after {
150
+ clear: both;
151
+ }
152
+
153
+ .tab-content {
154
+ overflow: auto;
155
+ }
156
+
157
+ .tabs-below > .nav-tabs,
158
+ .tabs-right > .nav-tabs,
159
+ .tabs-left > .nav-tabs {
160
+ border-bottom: 0;
161
+ }
162
+
163
+ .tab-content > .tab-pane,
164
+ .pill-content > .pill-pane {
165
+ display: none;
166
+ }
167
+
168
+ .tab-content > .active,
169
+ .pill-content > .active {
170
+ display: block;
171
+ }
172
+
173
+ .tabs-below > .nav-tabs {
174
+ border-top: 1px solid #ddd;
175
+ }
176
+
177
+ .tabs-below > .nav-tabs > li {
178
+ margin-top: -1px;
179
+ margin-bottom: 0;
180
+ }
181
+
182
+ .tabs-below > .nav-tabs > li > a {
183
+ -webkit-border-radius: 0 0 4px 4px;
184
+ -moz-border-radius: 0 0 4px 4px;
185
+ border-radius: 0 0 4px 4px;
186
+ }
187
+
188
+ .tabs-below > .nav-tabs > li > a:hover,
189
+ .tabs-below > .nav-tabs > li > a:focus {
190
+ border-top-color: #ddd;
191
+ border-bottom-color: transparent;
192
+ }
193
+
194
+ .tabs-below > .nav-tabs > .active > a,
195
+ .tabs-below > .nav-tabs > .active > a:hover,
196
+ .tabs-below > .nav-tabs > .active > a:focus {
197
+ border-color: transparent #ddd #ddd #ddd;
198
+ }
199
+
200
+ .tabs-left > .nav-tabs > li,
201
+ .tabs-right > .nav-tabs > li {
202
+ float: none;
203
+ }
204
+
205
+ .tabs-left > .nav-tabs > li > a,
206
+ .tabs-right > .nav-tabs > li > a {
207
+ min-width: 74px;
208
+ margin-right: 0;
209
+ margin-bottom: 3px;
210
+ }
211
+
212
+ .tabs-left > .nav-tabs {
213
+ float: left;
214
+ margin-right: 19px;
215
+ border-right: 1px solid #ddd;
216
+ }
217
+
218
+ .tabs-left > .nav-tabs > li > a {
219
+ margin-right: -1px;
220
+ -webkit-border-radius: 4px 0 0 4px;
221
+ -moz-border-radius: 4px 0 0 4px;
222
+ border-radius: 4px 0 0 4px;
223
+ }
224
+
225
+ .tabs-left > .nav-tabs > li > a:hover,
226
+ .tabs-left > .nav-tabs > li > a:focus {
227
+ border-color: #eeeeee #dddddd #eeeeee #eeeeee;
228
+ }
229
+
230
+ .tabs-left > .nav-tabs .active > a,
231
+ .tabs-left > .nav-tabs .active > a:hover,
232
+ .tabs-left > .nav-tabs .active > a:focus {
233
+ border-color: #ddd transparent #ddd #ddd;
234
+ *border-right-color: #ffffff;
235
+ }
236
+
237
+ .tabs-right > .nav-tabs {
238
+ float: right;
239
+ margin-left: 19px;
240
+ border-left: 1px solid #ddd;
241
+ }
242
+
243
+ .tabs-right > .nav-tabs > li > a {
244
+ margin-left: -1px;
245
+ -webkit-border-radius: 0 4px 4px 0;
246
+ -moz-border-radius: 0 4px 4px 0;
247
+ border-radius: 0 4px 4px 0;
248
+ }
249
+
250
+ .tabs-right > .nav-tabs > li > a:hover,
251
+ .tabs-right > .nav-tabs > li > a:focus {
252
+ border-color: #eeeeee #eeeeee #eeeeee #dddddd;
253
+ }
254
+
255
+ .tabs-right > .nav-tabs .active > a,
256
+ .tabs-right > .nav-tabs .active > a:hover,
257
+ .tabs-right > .nav-tabs .active > a:focus {
258
+ border-color: #ddd #ddd #ddd transparent;
259
+ *border-left-color: #ffffff;
260
+ }
261
+
262
+ // ADJUSTMENTS FOR CONCERTO
263
+
264
+ .tabbable ul.nav {
265
+ width: 115px;
266
+ padding-left: 15px;
267
+ }
268
+
269
+
270
+
271
+ // PILLS
272
+ // -----
273
+
274
+ // Links rendered as pills
275
+ .nav-pills > li > a {
276
+ padding-top: 8px;
277
+ padding-bottom: 8px;
278
+ margin-top: 2px;
279
+ margin-bottom: 2px;
280
+ @include border-radius(5px);
281
+ }
282
+
283
+ // Active state
284
+ .nav-pills .active > a, .nav-pills .active > a:hover {
285
+ color: $white;
286
+ background-color: $linkColor;
287
+ }
288
+
289
+
290
+
291
+ // STACKED NAV
292
+ // -----------
293
+
294
+ // Stacked tabs and pills
295
+ .nav-stacked > li {
296
+ float: none;
297
+ }
298
+ .nav-stacked > li > a {
299
+ margin-right: 0; // no need for the gap between nav items
300
+ }
301
+
302
+ // Tabs
303
+ .nav-tabs.nav-stacked {
304
+ border-bottom: 0;
305
+ }
306
+ .nav-tabs.nav-stacked > li > a {
307
+ border: 1px solid #ddd;
308
+ @include border-radius(0);
309
+ }
310
+ .nav-tabs.nav-stacked > li:first-child > a {
311
+ @include border-radius(4px 4px 0 0);
312
+ }
313
+ .nav-tabs.nav-stacked > li:last-child > a {
314
+ @include border-radius(0 0 4px 4px);
315
+ }
316
+ .nav-tabs.nav-stacked > li > a:hover {
317
+ border-color: #ddd;
318
+ z-index: 2;
319
+ }
320
+
321
+ // DRAWER NAV-TAB VARIANT
322
+ // Makes a drawer appear on either the left or right side of a content cell
323
+
324
+ .nav-drawer-left {
325
+ border: solid 4px $grayLight !important;
326
+ border-right: 0px !important;
327
+ @include border-radius(12px 0 0 12px !important);
328
+ background: $grayLight;
329
+ margin-top: 35px;
330
+
331
+ .nav-header {
332
+ color: #666;
333
+ }
334
+ }
335
+ .nav-drawer-left > li > a {
336
+ background: $grayLightest;
337
+ border-color: $grayLight !important;
338
+ border-right: 0px !important;
339
+ font-weight: bold;
340
+
341
+ &:hover {
342
+ background: lighten($concerto-blue-4, 10%);
343
+ }
344
+ }
345
+ .nav-drawer-left > li.active > a {
346
+ @include at2x('layout/vert-tabs_arrowbg', 42px, 200px, '.png');
347
+ background-position: center right;
348
+ background-repeat: no-repeat;
349
+ background-color: $gray;
350
+ color: $white;
351
+
352
+ &:hover {
353
+ background-color: $gray;
354
+ color: $white;
355
+ }
356
+
357
+ img {
358
+ border: solid 2px $grayLighter;
359
+ }
360
+ }
361
+ .nav-drawer-left > li:first-child > a {
362
+ @include border-radius(8px 0 0 0 !important);
363
+ }
364
+ .nav-drawer-left > li:last-child > a {
365
+ @include border-radius(0 0 0 8px !important);
366
+ }
367
+
368
+
369
+ // Pills
370
+ .nav-pills.nav-stacked > li > a {
371
+ margin-bottom: 3px;
372
+ }
373
+ .nav-pills.nav-stacked > li:last-child > a {
374
+ margin-bottom: 1px; // decrease margin to match sizing of stacked tabs
375
+ }
376
+
377
+
378
+ // SELECTOR LISTS
379
+ // ---------
380
+ ul.selector-list {
381
+ padding: 0px;
382
+ margin: 0px;
383
+ list-style-type: none;
384
+
385
+ li {
386
+ border-bottom: solid 1px $grayLightest;
387
+ color: black;
388
+
389
+ &.checked {
390
+ background: lighten($green, 50%);
391
+ padding: 8px 10px;
392
+
393
+ i { display: inline; }
394
+ }
395
+
396
+ &.with-padding {
397
+ padding: 4px 10px;
398
+ }
399
+
400
+ a {
401
+ padding: 8px 10px;
402
+ display: block;
403
+ }
404
+
405
+ p { margin: 0px; }
406
+
407
+ .row-fluid > div { min-height: 0px; }
408
+ }
409
+ }
410
+
411
+
412
+ // DROPDOWNS
413
+ // ---------
414
+
415
+ .nav-tabs .dropdown-menu {
416
+ @include border-radius(0 0 5px 5px); // remove the top rounded corners here since there is a hard edge above the menu
417
+ }
418
+ .nav-pills .dropdown-menu {
419
+ @include border-radius(4px); // make rounded corners match the pills
420
+ }
421
+
422
+ // Default dropdown links
423
+ // -------------------------
424
+ // Make carets use linkColor to start
425
+ .nav-tabs .dropdown-toggle .caret, .nav-pills .dropdown-toggle .caret {
426
+ border-top-color: $linkColor;
427
+ border-bottom-color: $linkColor;
428
+ margin-top: 6px;
429
+ }
430
+ .nav-tabs .dropdown-toggle:hover .caret, .nav-pills .dropdown-toggle:hover .caret {
431
+ border-top-color: $linkColorHover;
432
+ border-bottom-color: $linkColorHover;
433
+ }
434
+
435
+ // Active dropdown links
436
+ // -------------------------
437
+ .nav-tabs .active .dropdown-toggle .caret, .nav-pills .active .dropdown-toggle .caret {
438
+ border-top-color: $grayDark;
439
+ border-bottom-color: $grayDark;
440
+ }
441
+
442
+ // Active:hover dropdown links
443
+ // -------------------------
444
+ .nav > .dropdown.active > a:hover {
445
+ color: $black;
446
+ cursor: pointer;
447
+ }
448
+
449
+ // Open dropdowns
450
+ // -------------------------
451
+ .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover {
452
+ color: $white;
453
+ background-color: $grayLight;
454
+ border-color: $grayLight;
455
+ }
456
+ .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret {
457
+ border-top-color: $white;
458
+ border-bottom-color: $white;
459
+ @include opacity(1);
460
+ }
461
+
462
+ // Dropdowns in stacked tabs
463
+ .tabs-stacked .open > a:hover {
464
+ border-color: $grayLight;
465
+ }