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,64 @@
1
+ //
2
+ // Pagination (multiple pages)
3
+ // --------------------------------------------------
4
+
5
+ $paginationBackground: $grayLight;
6
+ $paginationBorder: $gray;
7
+ $paginationActiveBackground: $concerto-blue-5;
8
+ $baseBorderRadius: 3px;
9
+
10
+ // Space out pagination from surrounding content
11
+ .pagination {
12
+ margin-bottom: $baseLineHeight;
13
+ }
14
+ .pagination > span {
15
+ line-height: 2em;
16
+ color: $grayLight;
17
+ }
18
+ .header-with-icon .pagination {
19
+ margin: 0px;
20
+ }
21
+
22
+ .pagination ul {
23
+ // Allow for text-based alignment
24
+ display: inline-block;
25
+ @include ie7-inline-block();
26
+ // Reset default ul styles
27
+ margin-left: 0;
28
+ margin-bottom: 0;
29
+ }
30
+ .pagination ul > li {
31
+ display: inline; // Remove list-style and block-level defaults
32
+ }
33
+ .pagination ul > li > a,
34
+ .pagination ul > li > span {
35
+ // float: left; // Collapse white-space - commented out because it was causing unnecessary wrapping
36
+ padding: 4px 12px 2px 12px;
37
+ line-height: $baseLineHeight;
38
+ text-decoration: none;
39
+ }
40
+ .pagination ul > li > a:hover,
41
+ .pagination ul > li > a:focus,
42
+ .pagination ul > .active > a,
43
+ .pagination ul > .active > span {
44
+ background-color: $paginationActiveBackground;
45
+ border-bottom: solid 3px $paginationActiveBackground;
46
+ }
47
+ .pagination ul > .active > a,
48
+ .pagination ul > .active > span {
49
+ cursor: default;
50
+ }
51
+ .pagination ul > .disabled > span,
52
+ .pagination ul > .disabled > a,
53
+ .pagination ul > .disabled > a:hover,
54
+ .pagination ul > .disabled > a:focus {
55
+ color: $black;
56
+ font-weight: bold;
57
+ background-color: transparent;
58
+ cursor: default;
59
+ border-bottom: solid 3px $concerto-blue-4;
60
+ }
61
+ .pagination ul > .next > a, .pagination ul > .last > a {
62
+ border: none;
63
+ background: none;
64
+ }
@@ -0,0 +1,75 @@
1
+ /*
2
+ * Scaffolding.scss
3
+ * Basic and global styles for generating a grid system, structural layout, and page templates
4
+ * ------------------------------------------------------------------------------------------- */
5
+
6
+
7
+ // STRUCTURAL LAYOUT
8
+ // -----------------
9
+
10
+ body {
11
+ @include sans-serif-font(normal,$basefont,$baseline);
12
+ margin: 0;
13
+ color: $grayDark;
14
+ }
15
+
16
+ #main {
17
+ padding: 15px 1% 15px 1%;
18
+ }
19
+
20
+
21
+ // BASE STYLES
22
+ // -----------
23
+
24
+ // Links
25
+ a {
26
+ color: $linkColor;
27
+ text-decoration: none;
28
+ line-height: inherit;
29
+ font-weight: inherit;
30
+ &:hover {
31
+ color: $linkColorHover;
32
+ text-decoration: underline;
33
+ }
34
+ }
35
+
36
+ // FLUID GRID:
37
+ @include gridFluid($fluidGridColumnWidth, $fluidGridGutterWidth);
38
+
39
+ .row-fluid {
40
+ [class*="span"].collapse-right {
41
+ margin-right: -$fluidGridGutterWidth;
42
+ }
43
+ }
44
+
45
+
46
+ // Quick floats
47
+ .pull-right {
48
+ float: right;
49
+ }
50
+ .pull-left {
51
+ float: left;
52
+ }
53
+
54
+ // Toggling content
55
+ .hide {
56
+ display: none;
57
+ }
58
+ .show {
59
+ display: block;
60
+ }
61
+
62
+ .default-padding {
63
+ padding: 12px;
64
+ }
65
+
66
+ .second-level-padding {
67
+ padding-left: 24px;
68
+ }
69
+
70
+
71
+
72
+ .with-shadow {
73
+ @include box-shadow(0 3px 2px $grayLighter);
74
+ }
75
+
@@ -0,0 +1,66 @@
1
+ /*
2
+ * screenmodel.scss.erb
3
+ * ------------------------------------------------------------------------------------------- */
4
+
5
+ .screen-model {
6
+ position: relative;
7
+ padding: 25px 25px 40px 25px;
8
+ background: #000;
9
+ border: solid 2px #a6a6a6;
10
+ border-bottom: solid 20px #a6a6a6;
11
+ @include border-radius(4px);
12
+ @include box-shadow(0px 2px 2px #999);
13
+
14
+ .inset {
15
+ height: 100%;
16
+ position: relative;
17
+ border: solid 1px #666;
18
+ border-bottom: solid 2px #666;
19
+ }
20
+
21
+ .pos {
22
+ z-index: 99;
23
+ position: absolute;
24
+ }
25
+
26
+ a.pos {
27
+ opacity: 0.1;
28
+ background: $concerto-blue-2;
29
+ $transition: opacity linear .1s, box-shadow linear .1s;
30
+ @include transition($transition);
31
+
32
+ &:hover {
33
+ opacity: 0.8;
34
+ $shadow: 0 0 8px $concerto-blue-2; // rgba(82,168,236,.6);
35
+ @include box-shadow($shadow);
36
+ text-decoration: none;
37
+ }
38
+ }
39
+
40
+ .bottom {
41
+ position: absolute;
42
+ left: 0px;
43
+ bottom: 0px;
44
+ width: 100%;
45
+ text-align: center;
46
+
47
+ .brand {
48
+ color: $gray;
49
+ padding: 8px 40px;
50
+ width: 40%;
51
+ text-transform: uppercase;
52
+ text-align: center;
53
+ background: #000;
54
+ font-size: 1em;
55
+ border-radius: 5000px;
56
+ }
57
+ }
58
+
59
+ &.screens-show {
60
+ max-width: 800px;
61
+ width: 800px;
62
+ margin: 0 auto;
63
+ height: 450px;
64
+ max-height: 450px;
65
+ }
66
+ }
@@ -0,0 +1,98 @@
1
+ /*##########################################################################*/
2
+ /* Slider Elements */
3
+ /*##########################################################################*/
4
+
5
+ .slider {
6
+ @include border-radius(5px);
7
+ background: #E2E2E2 repeat-x 0 0;
8
+ height: 6px;
9
+ position: relative;
10
+ cursor: pointer;
11
+ border: 1px solid #999;
12
+ width: 250px;
13
+ float: left;
14
+ margin-top: 12px;
15
+ }
16
+
17
+ .progress {
18
+ height: 9px;
19
+ margin-left: 50px;
20
+ background-color: #C5FF00;
21
+ display: none;
22
+ opacity: 0.6px;
23
+ }
24
+
25
+ .handle {
26
+ @extend .button;
27
+
28
+ width: 35px;
29
+ top: -10px;
30
+ position: absolute;
31
+ display: block;
32
+ text-align: center;
33
+ font-size: 0.8em;
34
+ font-weight: 700;
35
+ letter-spacing: -0.07em;
36
+ color: #666;
37
+ vertical-align: bottom;
38
+ padding-left:2px;
39
+ padding-right:2px;
40
+ padding-top: 3px;
41
+ text-decoration: none !important;
42
+
43
+ &:active {
44
+ padding-top:3px;
45
+ padding-left:2px;
46
+ padding-right:2px;
47
+ }
48
+
49
+ &.thin {
50
+ width: 8px;
51
+ }
52
+
53
+ }
54
+
55
+ .range {
56
+ @include border-radius(5px);
57
+ border: 1px inset #ddd;
58
+ float: left;
59
+ font-size: 20px;
60
+ text-align: center;
61
+ width: 50px;
62
+ margin: 0 0 0 15px;
63
+ padding: 3px 0;
64
+ }
65
+
66
+ .left {
67
+ float: left;
68
+ font-size: 1em;
69
+ letter-spacing: -0.07em;
70
+ color: #999;
71
+ font-weight: 500;
72
+ width: 85px;
73
+ padding-top: 3px;
74
+ }
75
+
76
+ div {
77
+ &.leftseconds {
78
+ float: left;
79
+ text-align: right;
80
+ padding-right: 12px;
81
+ color: #000;
82
+ margin-top: 7px;
83
+ font-style: italic;
84
+ font-size: 0.9em;
85
+ }
86
+
87
+ &.rightseconds {
88
+ float: left;
89
+ text-align: left;
90
+ padding-left: 12px;
91
+ color: #000;
92
+ margin-top: 7px;
93
+ font-style: italic;
94
+ font-size: 0.9em;
95
+ }
96
+
97
+ }
98
+
@@ -0,0 +1,243 @@
1
+ /*
2
+ * Tables.scss
3
+ * Tables for, you guessed it, tabular data
4
+ * ---------------------------------------- */
5
+
6
+
7
+ // BASELINE STYLES
8
+ // ---------------
9
+
10
+ table {
11
+ width: 100%;
12
+ margin-bottom: 10px;
13
+ padding: 0;
14
+ font-size: $basefont;
15
+ border-collapse: collapse;
16
+ th,
17
+ td {
18
+ padding: 10px 10px 9px;
19
+ line-height: $baseline;
20
+ text-align: left;
21
+ }
22
+ th {
23
+ padding-top: 9px;
24
+ font-weight: bold;
25
+ vertical-align: bottom;
26
+ }
27
+ td {
28
+ vertical-align: top;
29
+ border-top: 1px solid #ddd;
30
+ }
31
+ // When scoped to row, fix th in tbody
32
+ tbody th {
33
+ border-top: 1px solid #ddd;
34
+ vertical-align: top;
35
+ }
36
+ }
37
+
38
+ // CONDENSED VERSION
39
+ // -----------------
40
+ .condensed-table {
41
+ th,
42
+ td {
43
+ padding: 5px 5px 4px;
44
+ }
45
+ }
46
+
47
+ // NO PADDING VERSION
48
+ // -----------------
49
+ .no-padding-table {
50
+ th,
51
+ td {
52
+ padding: 0px;
53
+ }
54
+ }
55
+
56
+ // HOVER HIGHLIGHT VERSION
57
+ // -----------------
58
+ .hover-highlight {
59
+ tbody tr:hover td { background: $grayLightest; }
60
+ }
61
+
62
+
63
+ // BORDERED VERSION
64
+ // ----------------
65
+
66
+ .bordered-table {
67
+ border: 1px solid #ddd;
68
+ border-collapse: separate; // Done so we can round those corners!
69
+ *border-collapse: collapse; /* IE7, collapse table to remove spacing */
70
+ @include border-radius(4px);
71
+ th + th,
72
+ td + td,
73
+ th + td {
74
+ border-left: 1px solid #ddd;
75
+ }
76
+ thead tr:first-child th:first-child,
77
+ tbody tr:first-child td:first-child {
78
+ @include border-radius(4px 0 0 0);
79
+ }
80
+ thead tr:first-child th:last-child,
81
+ tbody tr:first-child td:last-child {
82
+ @include border-radius(0 4px 0 0);
83
+ }
84
+ tbody tr:last-child td:first-child {
85
+ @include border-radius(0 0 0 4px);
86
+ }
87
+ tbody tr:last-child td:last-child {
88
+ @include border-radius(0 0 4px 0);
89
+ }
90
+
91
+ }
92
+
93
+
94
+ // TABLE CELL SIZES
95
+ // ----------------
96
+
97
+ // This is a duplication of the main grid .columns() mixin, but subtracts 20px to account for input padding and border
98
+ @mixin tableColumns($columnSpan: 1) {
99
+ width: (($gridColumnWidth - 20) * $columnSpan) + (($gridColumnWidth - 20) * ($columnSpan - 1));
100
+ }
101
+ table {
102
+ // Default columns
103
+ .span1 { @include tableColumns(1); }
104
+ .span2 { @include tableColumns(2); }
105
+ .span3 { @include tableColumns(3); }
106
+ .span4 { @include tableColumns(4); }
107
+ .span5 { @include tableColumns(5); }
108
+ .span6 { @include tableColumns(6); }
109
+ .span7 { @include tableColumns(7); }
110
+ .span8 { @include tableColumns(8); }
111
+ .span9 { @include tableColumns(9); }
112
+ .span10 { @include tableColumns(10); }
113
+ .span11 { @include tableColumns(11); }
114
+ .span12 { @include tableColumns(12); }
115
+ .span13 { @include tableColumns(13); }
116
+ .span14 { @include tableColumns(14); }
117
+ .span15 { @include tableColumns(15); }
118
+ .span16 { @include tableColumns(16); }
119
+ }
120
+
121
+
122
+ // ZEBRA-STRIPING
123
+ // --------------
124
+
125
+ // Default zebra-stripe styles (alternating gray and transparent backgrounds)
126
+ .zebra-striped {
127
+ tbody {
128
+ tr:nth-child(odd) td,
129
+ tr:nth-child(odd) th {
130
+ background-color: #f9f9f9;
131
+ }
132
+ tr:hover td,
133
+ tr:hover th{
134
+ background-color: #f5f5f5;
135
+ }
136
+ }
137
+ }
138
+
139
+ table {
140
+ // Tablesorting styles w/ jQuery plugin
141
+ .header {
142
+ cursor: pointer;
143
+ &:after {
144
+ content: "";
145
+ float: right;
146
+ margin-top: 7px;
147
+ border-width: 0 4px 4px;
148
+ border-style: solid;
149
+ border-color: #000 transparent;
150
+ visibility: hidden;
151
+ }
152
+ }
153
+ // Style the sorted column headers (THs)
154
+ .headerSortUp,
155
+ .headerSortDown {
156
+ background-color: rgba(141,192,219,.25);
157
+ text-shadow: 0 1px 1px rgba(255,255,255,.75);
158
+ }
159
+ // Style the ascending (reverse alphabetical) column header
160
+ .header:hover {
161
+ &:after {
162
+ visibility:visible;
163
+ }
164
+ }
165
+ // Style the descending (alphabetical) column header
166
+ .headerSortDown,
167
+ .headerSortDown:hover {
168
+ &:after {
169
+ visibility:visible;
170
+ @include opacity(60);
171
+ }
172
+ }
173
+ // Style the ascending (reverse alphabetical) column header
174
+ .headerSortUp {
175
+ &:after {
176
+ border-bottom: none;
177
+ border-left: 4px solid transparent;
178
+ border-right: 4px solid transparent;
179
+ border-top: 4px solid #000;
180
+ visibility:visible;
181
+ @include box-shadow(none); //can't add boxshadow to downward facing arrow :(
182
+ @include opacity(60);
183
+ }
184
+ }
185
+ // Blue Table Headings
186
+ .blue {
187
+ color: $blue;
188
+ border-bottom-color: $blue;
189
+ }
190
+ .headerSortUp.blue,
191
+ .headerSortDown.blue {
192
+ background-color: lighten($blue, 40%);
193
+ }
194
+ // Green Table Headings
195
+ .green {
196
+ color: $green;
197
+ border-bottom-color: $green;
198
+ }
199
+ .headerSortUp.green,
200
+ .headerSortDown.green {
201
+ background-color: lighten($green, 40%);
202
+ }
203
+ // Red Table Headings
204
+ .red {
205
+ color: $red;
206
+ border-bottom-color: $red;
207
+ }
208
+ .headerSortUp.red,
209
+ .headerSortDown.red {
210
+ background-color: lighten($red, 50%);
211
+ }
212
+ // Yellow Table Headings
213
+ .yellow {
214
+ color: $yellow;
215
+ border-bottom-color: $yellow;
216
+ }
217
+ .headerSortUp.yellow,
218
+ .headerSortDown.yellow {
219
+ background-color: lighten($yellow, 40%);
220
+ }
221
+ // Orange Table Headings
222
+ .orange {
223
+ color: $orange;
224
+ border-bottom-color: $orange;
225
+ }
226
+ .headerSortUp.orange,
227
+ .headerSortDown.orange {
228
+ background-color: lighten($orange, 40%);
229
+ }
230
+ // Purple Table Headings
231
+ .purple {
232
+ color: $purple;
233
+ border-bottom-color: $purple;
234
+ }
235
+ .headerSortUp.purple,
236
+ .headerSortDown.purple {
237
+ background-color: lighten($purple, 40%);
238
+ }
239
+ }
240
+
241
+ #content_holder table {
242
+ margin-top:12px;
243
+ }