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.
- checksums.yaml +4 -4
- data/lib/bandshell/application/app.rb +10 -10
- data/lib/bandshell/application/public/images/elements/logomark.png +0 -0
- data/lib/bandshell/application/public/images/layout/pagebg.gif +0 -0
- data/lib/bandshell/application/public/images/layout/pagebg@2x.gif +0 -0
- data/lib/bandshell/application/public/{authenticate.js → javascripts/authenticate.js} +0 -0
- data/lib/bandshell/application/public/{network.js → javascripts/network.js} +2 -2
- data/lib/bandshell/application/public/{problem.js → javascripts/problem.js} +0 -0
- data/lib/bandshell/application/public/stylesheets/README +3 -0
- data/lib/bandshell/application/public/stylesheets/concerto-styles.css +5387 -0
- data/lib/bandshell/application/public/stylesheets/sass/common/concertocons.scss +122 -0
- data/lib/bandshell/application/public/stylesheets/sass/common/font-awesome.scss +1273 -0
- data/lib/bandshell/application/public/stylesheets/sass/common/mixins.scss +284 -0
- data/lib/bandshell/application/public/stylesheets/sass/common/reset.scss +125 -0
- data/lib/bandshell/application/public/stylesheets/sass/common/variables.scss +139 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/alerts-badges.scss +145 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/bootstrap-modals.scss +115 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/button-groups.scss +129 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/buttons.scss +236 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/datepicker.scss +337 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/display-blocks.scss +194 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/forms.scss +486 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/jquery.qtip2.scss +259 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/jquery.timepicker.css +8 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/jquery.timepicker.scss +8 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/lists-grid-stacked.scss +265 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/navs.scss +465 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/pagination.scss +64 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/scaffolding.scss +75 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/screenmodel.scss +66 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/sliders.scss +98 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/tables.scss +243 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/tiles.scss +169 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/topmenu.scss +218 -0
- data/lib/bandshell/application/public/stylesheets/sass/components/type.scss +259 -0
- data/lib/bandshell/application/public/stylesheets/sass/index-manifest.scss +32 -0
- data/lib/bandshell/application/public/stylesheets/sass/responsive/responsive-1200px-min.scss +31 -0
- data/lib/bandshell/application/public/stylesheets/sass/responsive/responsive-767px-max.scss +178 -0
- data/lib/bandshell/application/public/stylesheets/sass/responsive/responsive-768px-979px.scss +21 -0
- data/lib/bandshell/application/public/stylesheets/sass/responsive/responsive-utilities.scss +41 -0
- data/lib/bandshell/application/public/stylesheets/sass/views/setup.scss +5 -0
- data/lib/bandshell/application/public/stylesheets/sass/views/submissions.scss +36 -0
- data/lib/bandshell/application/public/stylesheets/sass/views/users.scss +15 -0
- data/lib/bandshell/application/views/authenticate.erb +15 -0
- data/lib/bandshell/application/views/main.erb +55 -0
- data/lib/bandshell/application/views/main.haml +2 -1
- data/lib/bandshell/application/views/netsettings.erb +147 -0
- data/lib/bandshell/application/views/netsettings.haml +1 -1
- data/lib/bandshell/application/views/password.erb +23 -0
- data/lib/bandshell/application/views/player_status.erb +16 -0
- data/lib/bandshell/application/views/problem.erb +20 -0
- data/lib/bandshell/application/views/setup.erb +58 -0
- metadata +52 -8
- 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
|
+
}
|