flashgrid 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (77) hide show
  1. checksums.yaml +7 -0
  2. data/Gemfile +4 -0
  3. data/Gemfile.lock +17 -0
  4. data/LICENSE.txt +22 -0
  5. data/README.md +78 -0
  6. data/Rakefile +1 -0
  7. data/app/assets/fonts/gotham/gotham-bold.eot +0 -0
  8. data/app/assets/fonts/gotham/gotham-bold.svg +2066 -0
  9. data/app/assets/fonts/gotham/gotham-bold.ttf +0 -0
  10. data/app/assets/fonts/gotham/gotham-bold.woff +0 -0
  11. data/app/assets/fonts/gotham/gotham-book.eot +0 -0
  12. data/app/assets/fonts/gotham/gotham-book.svg +631 -0
  13. data/app/assets/fonts/gotham/gotham-book.ttf +0 -0
  14. data/app/assets/fonts/gotham/gotham-book.woff +0 -0
  15. data/app/assets/fonts/gotham/gotham-light.eot +0 -0
  16. data/app/assets/fonts/gotham/gotham-light.svg +635 -0
  17. data/app/assets/fonts/gotham/gotham-light.ttf +0 -0
  18. data/app/assets/fonts/gotham/gotham-light.woff +0 -0
  19. data/app/assets/fonts/gotham/gotham-medium.eot +0 -0
  20. data/app/assets/fonts/gotham/gotham-medium.svg +629 -0
  21. data/app/assets/fonts/gotham/gotham-medium.ttf +0 -0
  22. data/app/assets/fonts/gotham/gotham-medium.woff +0 -0
  23. data/app/assets/fonts/ionicons/ionicons.eot +0 -0
  24. data/app/assets/fonts/ionicons/ionicons.svg +1623 -0
  25. data/app/assets/fonts/ionicons/ionicons.ttf +0 -0
  26. data/app/assets/fonts/ionicons/ionicons.woff +0 -0
  27. data/flashgrid.gemspec +23 -0
  28. data/lib/flashgrid.rb +6 -0
  29. data/lib/flashgrid/version.rb +3 -0
  30. data/vendor/assets/javascripts/affix.js +127 -0
  31. data/vendor/assets/javascripts/alert.js +78 -0
  32. data/vendor/assets/javascripts/collapse.js +159 -0
  33. data/vendor/assets/javascripts/date_picker.js +1645 -0
  34. data/vendor/assets/javascripts/dropdown.js +134 -0
  35. data/vendor/assets/javascripts/file_input.js +94 -0
  36. data/vendor/assets/javascripts/map.js +2065 -0
  37. data/vendor/assets/javascripts/modal.js +226 -0
  38. data/vendor/assets/javascripts/popover.js +97 -0
  39. data/vendor/assets/javascripts/switch.js +346 -0
  40. data/vendor/assets/javascripts/tab.js +115 -0
  41. data/vendor/assets/javascripts/time_picker.js +1087 -0
  42. data/vendor/assets/javascripts/tooltip.js +365 -0
  43. data/vendor/assets/javascripts/transition.js +36 -0
  44. data/vendor/assets/stylesheets/ad.css.scss +72 -0
  45. data/vendor/assets/stylesheets/affix.css.scss +7 -0
  46. data/vendor/assets/stylesheets/alert.css.scss +72 -0
  47. data/vendor/assets/stylesheets/breadcrumb.css.scss +26 -0
  48. data/vendor/assets/stylesheets/button.css.scss +227 -0
  49. data/vendor/assets/stylesheets/code.css.scss +49 -0
  50. data/vendor/assets/stylesheets/collapse.css.scss +15 -0
  51. data/vendor/assets/stylesheets/datepicker.css.scss +122 -0
  52. data/vendor/assets/stylesheets/dropdown.css.scss +83 -0
  53. data/vendor/assets/stylesheets/footer.css.scss +33 -0
  54. data/vendor/assets/stylesheets/form.css.scss +213 -0
  55. data/vendor/assets/stylesheets/grid.css.scss +291 -0
  56. data/vendor/assets/stylesheets/header.css.scss +134 -0
  57. data/vendor/assets/stylesheets/icon.css.scss +1130 -0
  58. data/vendor/assets/stylesheets/image.css.scss +108 -0
  59. data/vendor/assets/stylesheets/label_and_badge.css.scss +53 -0
  60. data/vendor/assets/stylesheets/link.css.scss +21 -0
  61. data/vendor/assets/stylesheets/list.css.scss +38 -0
  62. data/vendor/assets/stylesheets/map.css.scss +13 -0
  63. data/vendor/assets/stylesheets/modal.css.scss +117 -0
  64. data/vendor/assets/stylesheets/pagination.css.scss +37 -0
  65. data/vendor/assets/stylesheets/placeholder.css.scss +27 -0
  66. data/vendor/assets/stylesheets/popover.css.scss +107 -0
  67. data/vendor/assets/stylesheets/progress.css.scss +25 -0
  68. data/vendor/assets/stylesheets/reset.css.scss +56 -0
  69. data/vendor/assets/stylesheets/switch.css.scss +73 -0
  70. data/vendor/assets/stylesheets/tab.css.scss +179 -0
  71. data/vendor/assets/stylesheets/table.css.scss +73 -0
  72. data/vendor/assets/stylesheets/timepicker.css.scss +81 -0
  73. data/vendor/assets/stylesheets/tooltip.css.scss +81 -0
  74. data/vendor/assets/stylesheets/transition.css.scss +12 -0
  75. data/vendor/assets/stylesheets/trunk.css.scss +69 -0
  76. data/vendor/assets/stylesheets/typography.css.scss +160 -0
  77. metadata +148 -0
@@ -0,0 +1,25 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Progress */
4
+
5
+ /* #Progress
6
+ ================================================== */
7
+ .progress {
8
+ background-color: rgba(236,238,241,1);
9
+ border-radius: 500px;
10
+ height: 25px;
11
+ overflow: hidden;
12
+ }
13
+ .progress .bar {
14
+ background-color: rgba(79,148,210,1);
15
+ box-sizing: border-box;
16
+ color: rgba(255,255,255,1);
17
+ float: left;
18
+ font-size: 13px;
19
+ height: 100%;
20
+ -webkit-transition: width 0.6s ease;
21
+ transition: width 0.6s ease;
22
+ text-align: center;
23
+ width: 0;
24
+ }
25
+ .progress-mini { height: 8px; }
@@ -0,0 +1,56 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Reset
4
+ #Media Queries */
5
+
6
+ /* #Reset
7
+ ================================================== */
8
+ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
9
+ form, fieldset, p, blockquote, th, td {
10
+ margin: 0;
11
+ padding: 0;
12
+ }
13
+ table {
14
+ border-collapse: collapse;
15
+ border-spacing: 0;
16
+ }
17
+ fieldset, img { border: 0 }
18
+ address, caption, cite, code, dfn, th, var {
19
+ font-style: normal;
20
+ font-weight: normal;
21
+ }
22
+ caption, th { text-align: left; }
23
+ h1, h2, h3, h4, h5, h6 {
24
+ font-size: 100%;
25
+ font-weight: normal;
26
+ }
27
+ q:before, q:after { content: '';}
28
+ abbr, acronym {
29
+ border-bottom: 1px dotted rgba(0,0,0,1);
30
+ font-variant: normal;
31
+ }
32
+ sup { vertical-align: text-top; }
33
+ sub { vertical-align: text-bottom; }
34
+ button, input, textarea, select {
35
+ font-family: inherit;
36
+ font-size: inherit;
37
+ *font-size: 100%;
38
+ font-weight: inherit;
39
+ }
40
+ html,
41
+ body {
42
+ color: rgba(43,50,53,1);
43
+ font-family: 'Gotham', 'Helvetica', Helvetica, Arial, sans-serif;
44
+ -webkit-font-smoothing: antialiased;
45
+ font-smooth: always;
46
+ -webkit-overflow-scrolling: touch;
47
+ overflow-scrolling: touch;
48
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
49
+ tap-highlight-color: rgba(0,0,0,0);
50
+ text-rendering: optimizeLegibility;
51
+ -webkit-text-size-adjust: 100%;
52
+ -moz-text-size-adjust: 100%;
53
+ -ms-text-size-adjust: 100%;
54
+ -o-text-size-adjust: 100%;
55
+ text-size-adjust: 100%;
56
+ }
@@ -0,0 +1,73 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Switch */
4
+
5
+ /* #Switch
6
+ ================================================== */
7
+ .switch input[type=radio],
8
+ .switch input[type=checkbox] { display: none; }
9
+ .switch {
10
+ background: rgba(58,144,216,1);
11
+ border-radius: 500px;
12
+ color: rgba(255,255,255,1);
13
+ cursor: pointer;
14
+ display: inline-block;
15
+ font-size: 11px;
16
+ -webkit-font-smoothing: antialiased;
17
+ font-weight: bold;
18
+ line-height: 11px;
19
+ margin-top: -2px;
20
+ min-width: 64px;
21
+ overflow: hidden;
22
+ padding: 4px 0;
23
+ position: relative;
24
+ text-align: center;
25
+ text-rendering: geometricPrecision;
26
+ text-transform: uppercase;
27
+ -webkit-user-select: none;
28
+ -moz-user-select: none;
29
+ -ms-user-select: none;
30
+ user-select: none;
31
+ vertical-align: middle;
32
+ }
33
+ .switch span,
34
+ .switch label {
35
+ -webkit-box-sizing: border-box;
36
+ box-sizing: border-box;
37
+ cursor: pointer;
38
+ display: inline-block;
39
+ height: 100%;
40
+ position: relative;
41
+ }
42
+ .switch label {
43
+ background: rgba(255,255,255,1);
44
+ border-radius: 500px;
45
+ margin-bottom: 0;
46
+ margin-top: 0;
47
+ padding-bottom: 4px;
48
+ padding-top: 4px;
49
+ text-align: center;
50
+ vertical-align: middle;
51
+ width: 20%;
52
+ z-index: 100;
53
+ }
54
+ .switch span {
55
+ padding-bottom: 5px;
56
+ padding-top: 3px;
57
+ text-align: center;
58
+ vertical-align: middle;
59
+ width: 40%;
60
+ z-index: 1;
61
+ }
62
+ .switch > div {
63
+ display: inline-block;
64
+ position: relative;
65
+ top: 0;
66
+ width: 150%;
67
+ }
68
+ .switch > div.switch-off { left: -50%; }
69
+ .switch > div.switch-on { left: 0%; }
70
+ .switch > div.switch-animate {
71
+ -webkit-transition: left 0.5s;
72
+ transition: left 0.5s;
73
+ }
@@ -0,0 +1,179 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Tab */
4
+
5
+ /* #Tab
6
+ ================================================== */
7
+ .nav {
8
+ list-style: none;
9
+ margin: 0 0 20px 0;
10
+ padding: 0;
11
+ }
12
+ .nav > .pull-none { float: none; }
13
+ .nav > .pull-left { float: left; }
14
+ .nav > .pull-right { float: right; }
15
+ .nav > li > a {
16
+ color: rgba(158,171,179,1);
17
+ display: block;
18
+ font-size: 14px;
19
+ font-weight: bold;
20
+ line-height: 14px;
21
+ }
22
+ .nav > li > a:hover,
23
+ .nav > li > a:focus {
24
+ color: rgba(71,74,84,1);
25
+ text-decoration: none;
26
+ }
27
+ .nav-header {
28
+ background-color: rgba(58,144,216,1);
29
+ border-top-left-radius: 3px;
30
+ border-top-right-radius: 3px;
31
+ color: rgba(255,255,255,1);
32
+ display: block;
33
+ font-size: 14px;
34
+ font-weight: bold;
35
+ line-height: 20px;
36
+ padding: 10px 15px;
37
+ }
38
+ .nav li + .nav-header { margin-top: 10px; }
39
+ .nav-list {
40
+ margin-bottom: 0;
41
+ padding-right: 15px;
42
+ padding-left: 15px;
43
+ }
44
+ .nav-list > li > a,
45
+ .nav-list .nav-header {
46
+ margin-right: -15px;
47
+ margin-left: -15px;
48
+ }
49
+ .nav-list > li > a {
50
+ color: rgba(158,171,179,1);
51
+ padding: 11px 15px 11px 15px;
52
+ font-weight: bold;
53
+ }
54
+ .nav-list > li > a:hover { background-color: rgba(236,238,241,1); }
55
+ .nav-list > .active > a,
56
+ .nav-list > .active > a:hover,
57
+ .nav-list > .active > a:focus {
58
+ background-color: rgba(246,247,249,1);
59
+ color: rgba(71,74,84,1);
60
+ }
61
+ .nav-list .divider {
62
+ background-color: rgba(236,238,241,1);
63
+ height: 1px;
64
+ margin: 10px 0 10px 0;
65
+ overflow: hidden;
66
+ }
67
+ .nav-tabs:before,
68
+ .nav-pills:before,
69
+ .nav-tabs:after,
70
+ .nav-pills:after {
71
+ content: "";
72
+ display: table;
73
+ line-height: 0;
74
+ }
75
+ .nav-tabs:after,
76
+ .nav-pills:after { clear: both; }
77
+ .nav-tabs { border-bottom: 1px solid rgba(236,238,241,1); }
78
+ .nav-tabs > li,
79
+ .nav-pills > li { float: left; }
80
+ .nav-tabs > li > a {
81
+ border-bottom: 3px solid transparent;
82
+ margin-right: 20px;
83
+ padding-bottom: 10px;
84
+ }
85
+ .nav-tabs > .active > a,
86
+ .nav-tabs > .active > a:hover,
87
+ .nav-tabs > .active > a:focus {
88
+ color: rgba(58,144,216,1);
89
+ border-bottom-color: rgba(236,238,241,1);
90
+ }
91
+ .nav-tabs .open a.dropdown-toggle { background-color: transparent; }
92
+ .nav-pills > li > a {
93
+ background-color: rgba(246,247,249,1);
94
+ border-radius: 2px;
95
+ color: rgba(158,171,179,1);
96
+ margin-right: 3px;
97
+ padding: 9px 10px 9px 10px;
98
+ }
99
+ .nav-pills > li > a:hover { background-color: rgba(236,238,241,1); }
100
+ .nav-pills > .active > a,
101
+ .nav-pills > .active > a:hover,
102
+ .nav-pills > .active > a:focus {
103
+ background-color: rgba(58,144,216,1);
104
+ color: rgba(255,255,255,1);
105
+ }
106
+ .nav-stacked > li { float: none; }
107
+ .nav-stacked > li > a { margin-right: 0; }
108
+ .nav-tabs.nav-stacked { border-bottom: 0; }
109
+ .nav-tabs.nav-stacked > li > a {
110
+ background-color: rgba(246,247,249,1);
111
+ color: rgba(158,171,179,1);
112
+ padding: 10px 10px 8px 10px;
113
+ }
114
+ .nav-tabs.nav-stacked > li:first-child > a {
115
+ border-top-right-radius: 3px;
116
+ border-top-left-radius: 3px;
117
+ }
118
+ .nav-tabs.nav-stacked > li:last-child > a {
119
+ border-bottom-right-radius: 3px;
120
+ border-bottom-left-radius: 3px;
121
+ }
122
+ .nav-tabs.nav-stacked > li > a:hover,
123
+ .nav-tabs.nav-stacked > li > a:focus {
124
+ background-color: rgba(236,238,241,1);
125
+ color: rgba(71,74,84,1);
126
+ z-index: 2;
127
+ }
128
+ .nav-tabs.nav-stacked > .active > a,
129
+ .nav-tabs.nav-stacked > .active > a:hover,
130
+ .nav-tabs.nav-stacked > .active > a:focus {
131
+ background-color: rgba(58,144,216,1);
132
+ color: rgba(255,255,255,1);
133
+ border-bottom: 0;
134
+ padding: 10px 10px 10px 10px;
135
+ }
136
+ .nav-pills.nav-stacked > li > a {
137
+ margin-bottom: 3px;
138
+ padding: 10px 10px 10px 10px;
139
+ }
140
+ .nav-pills.nav-stacked > li:last-child > a { margin-bottom: 0; }
141
+ .nav-tabs .open .dropdown-toggle,
142
+ .nav-pills .open .dropdown-toggle,
143
+ .nav > li.dropdown.open.active > a:hover,
144
+ .nav > li.dropdown.open.active > a:focus {
145
+ background-color: rgba(236,238,241,1);
146
+ color: rgba(71,74,84,1);
147
+ }
148
+ .tabbable { *zoom: 1; }
149
+ .tabbable:before,
150
+ .tabbable:after {
151
+ content: "";
152
+ display: table;
153
+ line-height: 0;
154
+ }
155
+ .tabbable:after { clear: both; }
156
+ .tab-content { overflow: auto; }
157
+ .tab-content > .tab-pane,
158
+ .pill-content > .pill-pane { display: none; }
159
+ .tab-content > .active,
160
+ .pill-content > .active { display: block; }
161
+ .tabs-below > .nav-tabs > li > a { border-radius: 0 0 3px 3px; }
162
+ .tabs-left > .nav-tabs > li,
163
+ .tabs-right > .nav-tabs > li { float: none; }
164
+ .tabs-left > .nav-tabs > li > a,
165
+ .tabs-right > .nav-tabs > li > a {
166
+ margin-right: 0;
167
+ margin-bottom: 3px;
168
+ min-width: 50px;
169
+ }
170
+ .tabs-left > .nav-tabs {
171
+ float: left;
172
+ margin-right: 19px;
173
+ }
174
+ .tabs-left > .nav-tabs > li > a { border-radius: 3px 0 0 3px; }
175
+ .tabs-right > .nav-tabs {
176
+ float: right;
177
+ margin-left: 19px;
178
+ }
179
+ .tabs-right > .nav-tabs > li > a { border-radius: 0 3px 3px 0; }
@@ -0,0 +1,73 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Table */
4
+
5
+ /* #Table
6
+ ================================================== */
7
+ table {
8
+ background-color: transparent;
9
+ border-collapse: collapse;
10
+ border-spacing: 0;
11
+ max-width: 100%;
12
+ }
13
+ .table { width: 100%; }
14
+ .table th,
15
+ .table td {
16
+ border-top: 1px solid rgba(217,222,225,1);
17
+ font-size: 16px;
18
+ line-height: 25px;
19
+ padding: 9px 10px 6px 10px;
20
+ text-align: left;
21
+ vertical-align: top;
22
+ }
23
+ .table th {
24
+ background-color: rgba(236,238,241,1);
25
+ color: rgba(71,74,84,1);
26
+ font-size: 14px;
27
+ font-weight: bold;
28
+ }
29
+ .table th a { color: rgba(71,74,84,1); }
30
+ .table th a:hover { text-decoration: underline; }
31
+ .table thead th { vertical-align: bottom; }
32
+ .table caption + thead tr:first-child th,
33
+ .table caption + thead tr:first-child td,
34
+ .table colgroup + thead tr:first-child th,
35
+ .table colgroup + thead tr:first-child td,
36
+ .table thead:first-child tr:first-child th,
37
+ .table thead:first-child tr:first-child td { border-top: 0; }
38
+ .table tbody + tbody { border-top: 2px solid rgba(217,222,225,1); }
39
+ .table .table { background-color: rgba(255,255,255,1); }
40
+ .table-condensed th,
41
+ .table-condensed td {
42
+ font-size: 14px;
43
+ padding: 5px 5px 3px 5px;
44
+ }
45
+ .table-condensed th {
46
+ font-size: 12px;
47
+ padding: 5px;
48
+ }
49
+ .table-bordered {
50
+ border: 1px solid rgba(217,222,225,1);
51
+ border-collapse: separate;
52
+ border-left: 0;
53
+ }
54
+ .table-bordered th,
55
+ .table-bordered td { border-left: 1px solid rgba(217,222,225,1); }
56
+ .table-bordered caption + thead tr:first-child th,
57
+ .table-bordered caption + tbody tr:first-child th,
58
+ .table-bordered caption + tbody tr:first-child td,
59
+ .table-bordered colgroup + thead tr:first-child th,
60
+ .table-bordered colgroup + tbody tr:first-child th,
61
+ .table-bordered colgroup + tbody tr:first-child td,
62
+ .table-bordered thead:first-child tr:first-child th,
63
+ .table-bordered tbody:first-child tr:first-child th,
64
+ .table-bordered tbody:first-child tr:first-child td { border-top: 0; }
65
+ .table-striped tbody > tr:nth-child(odd) > td,
66
+ .table-striped tbody > tr:nth-child(odd) > th { background-color: rgba(246,247,249,1); }
67
+ .table-hover tbody tr:hover > td,
68
+ .table-hover tbody tr:hover > th { background-color: rgba(240,241,244,1); }
69
+ .table-unbordered,
70
+ .table-unbordered thead,
71
+ .table-unbordered tbody,
72
+ .table-unbordered th,
73
+ .table-unbordered td { border: 0; }
@@ -0,0 +1,81 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Timepicker
4
+ #Media Queries */
5
+
6
+ /* #Timepicker
7
+ ================================================== */
8
+ .timepicker { position: relative; }
9
+ .timepicker .add-on i { display: inline-block; }
10
+ .timepicker-widget.dropdown-menu { padding: 5px 1px 5px 0; }
11
+ .timepicker-widget.dropdown-menu.open { display: inline-block; }
12
+ .timepicker-widget.dropdown-menu:before {
13
+ border-bottom: 7px solid rgba(246,247,249,1);
14
+ border-right: 7px solid transparent;
15
+ border-left: 7px solid transparent;
16
+ content: "";
17
+ display: inline-block;
18
+ position: absolute;
19
+ }
20
+ .timepicker-widget.dropdown-menu:after {
21
+ border-bottom: 6px solid rgba(246,247,249,1);
22
+ border-right: 6px solid transparent;
23
+ border-left: 6px solid transparent;
24
+ content: "";
25
+ display: inline-block;
26
+ position: absolute;
27
+ }
28
+ .timepicker-widget.timepicker-orient-left:before { left: 6px; }
29
+ .timepicker-widget.timepicker-orient-left:after { left: 7px; }
30
+ .timepicker-widget.timepicker-orient-right:before { right: 6px; }
31
+ .timepicker-widget.timepicker-orient-right:after { right: 7px; }
32
+ .timepicker-widget.timepicker-orient-top:before { top: -7px; }
33
+ .timepicker-widget.timepicker-orient-top:after { top: -6px; }
34
+ .timepicker-widget.timepicker-orient-bottom:before {
35
+ bottom: -7px;
36
+ border-bottom: 0;
37
+ border-top: 7px solid rgba(246,247,249,1);
38
+ }
39
+ .timepicker-widget.timepicker-orient-bottom:after {
40
+ bottom: -6px;
41
+ border-bottom: 0;
42
+ border-top: 6px solid rgba(246,247,249,1);
43
+ }
44
+ .timepicker-widget a.btn,
45
+ .timepicker-widget input { border-radius: 3px; }
46
+ .timepicker-widget table {
47
+ margin: 0;
48
+ width: 100%;
49
+ }
50
+ .timepicker-widget table td {
51
+ text-align: center;
52
+ height: 30px;
53
+ margin: 0;
54
+ }
55
+ .timepicker-widget table td:not(.separator) { min-width: 30px; }
56
+ .timepicker-widget table td span { width: 100%; }
57
+ .timepicker-widget table td a {
58
+ color: rgba(43,50,53,1);
59
+ display: inline-block;
60
+ margin: 0;
61
+ padding: 8px 0px;
62
+ outline: 0;
63
+ width: 100%;
64
+ }
65
+ .timepicker-widget table td a:hover {
66
+ color: rgba(58,144,216,1);
67
+ text-decoration: none;
68
+ }
69
+ .timepicker-widget table td input {
70
+ margin: 0;
71
+ text-align: center;
72
+ width: 25px;
73
+ }
74
+ .timepicker-widget .modal-content { padding: 4px; }
75
+
76
+ /* #Media Queries
77
+ ================================================== */
78
+ @media only screen and (max-width: 767px) {
79
+ .timepicker { width: 100%; }
80
+ .timepicker .dropdown-menu { width: 100%; }
81
+ }