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,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
|
+
}
|