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,486 @@
1
+ // FORM STYLES
2
+ // -----------
3
+
4
+
5
+ // Groups of fields with labels on top (legends)
6
+ fieldset {
7
+ //margin: 0px 0px $baseline+5 0px;
8
+ padding: $baseline 18px 0px 18px;
9
+
10
+ legend {
11
+ border-bottom:solid 1px $grayLighter;
12
+ display: block;
13
+ width:100%;
14
+ padding: 18px 0px 6px 0px;
15
+ margin-left: -18px;
16
+ margin-right: -18px;
17
+
18
+ > span {
19
+ font-size: $basefont;
20
+ letter-spacing: 0.1em;
21
+ text-transform: uppercase;
22
+ color: $gray;
23
+ line-height: 1;
24
+ padding-left: 20px;
25
+ *padding: 0 0 5px 15px; /* IE6-7 */
26
+ *line-height: 1.5; /* IE6-7 */
27
+ }
28
+ }
29
+
30
+ // Parent element that clears floats and wraps labels and fields together
31
+ .field, .clearfix {
32
+ margin-bottom: 12px;
33
+ @include clearfix();
34
+ }
35
+ }
36
+
37
+
38
+ // Set font for forms
39
+ label,
40
+ input,
41
+ select,
42
+ textarea {
43
+ @include sans-serif-font(normal,13px,normal);
44
+ max-width: 98%;
45
+ }
46
+
47
+ // default labels are block elements (stacked layout)
48
+ label {
49
+ display: block;
50
+ font-size: $basefont;
51
+ line-height: $baseline+4;
52
+ color: $grayDark;
53
+ font-weight: bold;
54
+ }
55
+
56
+ // Checkboxs and radio buttons
57
+ input[type=checkbox],
58
+ input[type=radio] {
59
+ cursor: pointer;
60
+ }
61
+
62
+ // Inputs, Textareas, Selects
63
+ input,
64
+ textarea,
65
+ select,
66
+ .uneditable-input {
67
+ display: inline-block;
68
+ //height: $baseline;
69
+ padding: 5px 5px 6px 5px;
70
+ font-size: $basefont;
71
+ color: $black;
72
+ border: 1px solid #ccc;
73
+ @include border-radius(3px);
74
+ }
75
+
76
+ // remove padding from select
77
+ select {
78
+ padding: initial;
79
+ margin: 0px;
80
+ }
81
+
82
+ // mini reset for non-html5 file types
83
+ input[type=checkbox],
84
+ input[type=radio] {
85
+ width: auto;
86
+ height: auto;
87
+ padding: 0;
88
+ margin: 3px 0;
89
+ *margin-top: 0; /* IE6-7 */
90
+ line-height: normal;
91
+ border: none;
92
+ }
93
+
94
+ // search box
95
+ input[type=search] {
96
+ border: 1px solid #ccc;
97
+ @include border-radius(3px);
98
+ }
99
+
100
+ input[type=file] {
101
+ background-color: $white;
102
+ padding: initial;
103
+ border: initial;
104
+ line-height: initial;
105
+ @include box-shadow(none);
106
+ }
107
+
108
+ input[type=button],
109
+ input[type=reset],
110
+ input[type=submit] {
111
+ width: auto;
112
+ height: auto;
113
+ }
114
+
115
+ select,
116
+ input[type=file] {
117
+ height: $baseline * 1.5; // In IE7, the height of the select element cannot be changed by height, only font-size
118
+ *height: auto; // Reset for IE7
119
+ line-height: $baseline * 1.5;
120
+ *margin-top: 4px; /* For IE7, add top margin to align select with labels */
121
+ }
122
+
123
+ // Make multiple select elements height not fixed
124
+ select[multiple] {
125
+ height: inherit;
126
+ background-color: $white; // Fixes Chromium bug of unreadable items
127
+ }
128
+
129
+ textarea {
130
+ height: auto;
131
+ }
132
+
133
+ // For text that needs to appear as an input but should not be an input
134
+ .uneditable-input {
135
+ background-color: $white;
136
+ display: block;
137
+ border-color: #eee;
138
+ @include box-shadow(inset 0 1px 2px rgba(0,0,0,.025));
139
+ cursor: not-allowed;
140
+ }
141
+
142
+ // Placeholder text gets special styles; can't be bundled together though for some reason
143
+ :-moz-placeholder {
144
+ color: $grayLight;
145
+ }
146
+ ::-webkit-input-placeholder {
147
+ color: $grayLight;
148
+ }
149
+
150
+ // Focus states
151
+ input,
152
+ textarea {
153
+ $transition: border linear .1s, box-shadow linear .1s;
154
+ @include transition($transition);
155
+ @include box-shadow(inset 0 1px 1px rgba(0,0,0,.1));
156
+ }
157
+ input:focus,
158
+ textarea:focus {
159
+ outline: 0;
160
+ border-color: $concerto-blue-2; //rgba(82,168,236,.8);
161
+ $shadow: inset 0 1px 1px rgba(0,0,0,.1), 0 0 3px $concerto-blue-2; // rgba(82,168,236,.6);
162
+ @include box-shadow($shadow);
163
+ }
164
+ input[type=file]:focus,
165
+ input[type=checkbox]:focus,
166
+ select:focus {
167
+ @include box-shadow(none); // override for file inputs
168
+ outline: 1px dotted #666; // Select elements don't get box-shadow styles, so instead we do outline
169
+ }
170
+
171
+ // FORM FIELD FEEDBACK STATES
172
+ // --------------------------
173
+
174
+ // Mixin for form field states
175
+ @mixin formFieldState($textColor: #555, $borderColor: #ccc, $backgroundColor: #f5f5f5) {
176
+ // Set the text color
177
+ > label,
178
+ .help-block,
179
+ .help-inline {
180
+ color: $textColor;
181
+ }
182
+ // Style inputs accordingly
183
+ input,
184
+ textarea {
185
+ color: $textColor;
186
+ border-color: $borderColor;
187
+ &:focus {
188
+ border-color: darken($borderColor, 10%);
189
+ @include box-shadow(0 0 6px lighten($borderColor, 20%));
190
+ }
191
+ }
192
+ // Give a small background color for input-prepend/-append
193
+ .input-prepend .add-on,
194
+ .input-append .add-on {
195
+ color: $textColor;
196
+ background-color: $backgroundColor;
197
+ border-color: $textColor;
198
+ }
199
+ }
200
+ // Error
201
+ form .clearfix.error {
202
+ @include formFieldState(#b94a48, #ee5f5b, lighten(#ee5f5b, 30%));
203
+ }
204
+ // Warning
205
+ form .clearfix.warning {
206
+ @include formFieldState(#c09853, #ccae64, lighten(#CCAE64, 5%));
207
+ }
208
+ // Success
209
+ form .clearfix.success {
210
+ @include formFieldState(#468847, #57a957, lighten(#57a957, 30%));
211
+ }
212
+
213
+
214
+ // Form element sizes
215
+ // TODO v2: remove duplication here and just stick to .input-[size] in light of adding .spanN sizes
216
+ .input-mini,
217
+ input.mini,
218
+ textarea.mini,
219
+ select.mini {
220
+ width: 60px;
221
+ }
222
+ .input-small,
223
+ input.small,
224
+ textarea.small,
225
+ select.small {
226
+ width: 90px;
227
+ }
228
+ .input-medium,
229
+ input.medium,
230
+ textarea.medium,
231
+ select.medium {
232
+ width: 150px;
233
+ }
234
+ .input-large,
235
+ input.large,
236
+ textarea.large,
237
+ select.large {
238
+ width: 210px;
239
+ }
240
+ .input-xlarge,
241
+ input.xlarge,
242
+ textarea.xlarge,
243
+ select.xlarge {
244
+ width: 270px;
245
+ }
246
+ .input-xxlarge,
247
+ input.xxlarge,
248
+ textarea.xxlarge,
249
+ select.xxlarge {
250
+ width: 530px;
251
+ }
252
+ textarea.xxlarge {
253
+ overflow-y: auto;
254
+ }
255
+
256
+ // Grid style input sizes
257
+ // This is a duplication of the main grid .columns() mixin, but subtracts 10px to account for input padding and border
258
+ @mixin formColumns($columnSpan: 1 ) {
259
+ display: inline-block;
260
+ float: none;
261
+ width: (($gridColumnWidth) * $columnSpan) + ($gridGutterWidth * ($columnSpan - 1)) - 10;
262
+ margin-left: 0;
263
+
264
+ }
265
+ input,
266
+ textarea {
267
+ // Default columns
268
+ &.span1 { @include formColumns(1); }
269
+ &.span2 { @include formColumns(2); }
270
+ &.span3 { @include formColumns(3); }
271
+ &.span4 { @include formColumns(4); }
272
+ &.span5 { @include formColumns(5); }
273
+ &.span6 { @include formColumns(6); }
274
+ &.span7 { @include formColumns(7); }
275
+ &.span8 { @include formColumns(8); }
276
+ &.span9 { @include formColumns(9); }
277
+ &.span10 { @include formColumns(10); }
278
+ &.span11 { @include formColumns(11); }
279
+ &.span12 { @include formColumns(12); }
280
+ &.span13 { @include formColumns(13); }
281
+ &.span14 { @include formColumns(14); }
282
+ &.span15 { @include formColumns(15); }
283
+ &.span16 { @include formColumns(16); }
284
+ }
285
+
286
+ .fillWidth {
287
+ width: 100%;
288
+ box-sizing: border-box;
289
+ }
290
+
291
+ // Disabled and read-only inputs
292
+ input[disabled],
293
+ select[disabled],
294
+ textarea[disabled],
295
+ input[readonly],
296
+ select[readonly],
297
+ textarea[readonly] {
298
+ background-color: #f5f5f5;
299
+ border-color: #ddd;
300
+ cursor: not-allowed;
301
+ }
302
+
303
+ // Actions (the buttons)
304
+ .actions {
305
+ background: #f5f5f5;
306
+ margin-top: $baseline * 2;
307
+ padding: ($baseline - 1) 18px $baseline 18px;
308
+ border-top: 1px solid #ddd;
309
+ @include border-radius(0 0 3px 3px);
310
+ .secondary-action {
311
+ float: right;
312
+ a {
313
+ line-height: 30px;
314
+ &:hover {
315
+ text-decoration: underline;
316
+ }
317
+ }
318
+ }
319
+ }
320
+
321
+ // Actions on Sub-Forms like in manager/users/id
322
+ .sub_actions {
323
+ padding-top: 5px;
324
+ }
325
+
326
+ // Help Text
327
+ .help-inline,
328
+ .help-block {
329
+ font-size: $basefont;
330
+ line-height: $baseline;
331
+ color: $grayLight;
332
+ }
333
+ .help-inline {
334
+ padding-left: 5px;
335
+ *position: relative; /* IE6-7 */
336
+ *top: -5px; /* IE6-7 */
337
+ }
338
+
339
+ // Big blocks of help text
340
+ .help-block {
341
+ display: block;
342
+ max-width: 600px;
343
+ }
344
+
345
+ // Inline Fields (input fields that appear as inline objects
346
+ .inline-inputs {
347
+ color: $gray;
348
+ span {
349
+ padding: 0 2px 0 1px;
350
+ }
351
+ }
352
+
353
+ // Allow us to put symbols and text within the input field for a cleaner look
354
+ .input-prepend,
355
+ .input-append {
356
+ input {
357
+ @include border-radius(0 3px 3px 0);
358
+ }
359
+ .add-on {
360
+ position: relative;
361
+ background: #f5f5f5;
362
+ border: 1px solid #ccc;
363
+ z-index: 2;
364
+ float: left;
365
+ display: block;
366
+ width: auto;
367
+ min-width: 16px;
368
+ height: 18px;
369
+ padding: 4px 4px 4px 5px;
370
+ margin-right: -1px;
371
+ font-weight: normal;
372
+ line-height: 18px;
373
+ color: $grayDark;
374
+ text-align: center;
375
+ text-shadow: 0 1px 0 $white;
376
+ @include border-radius(3px 0 0 3px);
377
+ }
378
+ .active {
379
+ background: lighten($green, 30);
380
+ border-color: $green;
381
+ }
382
+ }
383
+ .input-prepend {
384
+ .add-on {
385
+ *margin-top: 1px; /* IE6-7 */
386
+ }
387
+ }
388
+ .input-append {
389
+ input {
390
+ float: left;
391
+ @include border-radius(3px 0 0 3px);
392
+ }
393
+ .add-on {
394
+ @include border-radius(0 3px 3px 0);
395
+ margin-right: 0;
396
+ margin-left: -1px;
397
+ }
398
+ }
399
+
400
+ // Stacked options for forms (radio buttons or checkboxes)
401
+ .inputs-list {
402
+ margin: 0 0 5px;
403
+ width: 100%;
404
+ li {
405
+ display: block;
406
+ padding: 0;
407
+ width: 100%;
408
+ }
409
+ label {
410
+ display: block;
411
+ float: none;
412
+ width: auto;
413
+ padding: 0;
414
+ //margin-left: 20px;
415
+ line-height: $baseline;
416
+ text-align: left;
417
+ white-space: normal;
418
+ strong {
419
+ color: $gray;
420
+ }
421
+ small {
422
+ font-size: $basefont - 2;
423
+ font-weight: normal;
424
+ }
425
+ }
426
+ .inputs-list {
427
+ margin-left: 25px;
428
+ margin-bottom: 10px;
429
+ padding-top: 0;
430
+ }
431
+ &:first-child {
432
+ padding-top: 6px;
433
+ }
434
+ li + li {
435
+ padding-top: 2px;
436
+ }
437
+ input[type=radio],
438
+ input[type=checkbox] {
439
+ margin-bottom: 0;
440
+ //margin-left: -20px;
441
+ float: left;
442
+ }
443
+ }
444
+ .checkbox .inputs-list label {
445
+ margin-left: 6px;
446
+ }
447
+
448
+ .checkbox label {
449
+ width: auto !important;
450
+ text-align: left !important;
451
+ padding-top: 0px !important;
452
+ float: none !important;
453
+ display: inline !important;
454
+ line-height: 18px;
455
+ }
456
+
457
+ /* changed from block to inline to stop splitting name fields to two lines */
458
+ div.inline-inputs div.field_with_errors {
459
+ display: inline!important;
460
+ }
461
+
462
+ /* Progressive Disclosure: this class should be applied to the
463
+ containers for fields that are shown and hidden in response
464
+ to a radio button or checkbox selection of a higher-order
465
+ form field */
466
+ .sub-fields {
467
+ border-left: solid 8px $grayLighter;
468
+ padding-left: 18px;
469
+ padding-top: 4px;
470
+ padding-bottom: 4px;
471
+ }
472
+
473
+ /* Special variant: for forms on dark-background,
474
+ color form elements appropriately */
475
+ .form-dark {
476
+ legend {
477
+ color: $gray;
478
+ font-weight: bold;
479
+ margin-bottom: 6px;
480
+ @extend .uppercase;
481
+ }
482
+
483
+ label {
484
+ color: $grayLighter;
485
+ }
486
+ }