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