flashgrid 1.3.0 → 2.0.0

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 (35) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +9 -2
  3. data/lib/flashgrid/version.rb +1 -1
  4. data/vendor/assets/javascripts/alert.js +2 -1
  5. data/vendor/assets/javascripts/animation.js +82 -0
  6. data/vendor/assets/javascripts/button.js +99 -0
  7. data/vendor/assets/javascripts/carousel.js +199 -0
  8. data/vendor/assets/javascripts/date_picker.js +1645 -1645
  9. data/vendor/assets/javascripts/hoverdown.js +93 -0
  10. data/vendor/assets/javascripts/scrollspy.js +146 -0
  11. data/vendor/assets/stylesheets/alert.css.scss +3 -3
  12. data/vendor/assets/stylesheets/animation.css.scss +2319 -0
  13. data/vendor/assets/stylesheets/breadcrumb.css.scss +2 -5
  14. data/vendor/assets/stylesheets/button.css.scss +106 -113
  15. data/vendor/assets/stylesheets/carousel.css.scss +148 -0
  16. data/vendor/assets/stylesheets/collapse.css.scss +2 -2
  17. data/vendor/assets/stylesheets/datepicker.css.scss +2 -4
  18. data/vendor/assets/stylesheets/dropdown.css.scss +6 -6
  19. data/vendor/assets/stylesheets/footer.css.scss +31 -4
  20. data/vendor/assets/stylesheets/form.css.scss +55 -24
  21. data/vendor/assets/stylesheets/header.css.scss +11 -4
  22. data/vendor/assets/stylesheets/icon.css.scss +10 -10
  23. data/vendor/assets/stylesheets/label_and_badge.css.scss +1 -1
  24. data/vendor/assets/stylesheets/list.css.scss +34 -15
  25. data/vendor/assets/stylesheets/modal.css.scss +12 -14
  26. data/vendor/assets/stylesheets/{tab.css.scss → nav_and_tab.css.scss} +20 -16
  27. data/vendor/assets/stylesheets/pagination.css.scss +1 -1
  28. data/vendor/assets/stylesheets/popover.css.scss +3 -3
  29. data/vendor/assets/stylesheets/progress.css.scss +1 -1
  30. data/vendor/assets/stylesheets/reset.css.scss +5 -8
  31. data/vendor/assets/stylesheets/switch.css.scss +24 -13
  32. data/vendor/assets/stylesheets/table.css.scss +10 -10
  33. data/vendor/assets/stylesheets/timepicker.css.scss +11 -11
  34. data/vendor/assets/stylesheets/trunk.css.scss +9 -23
  35. metadata +10 -3
@@ -4,8 +4,8 @@
4
4
 
5
5
  /* #Collapse
6
6
  ================================================== */
7
- .collapse { display: none; }
8
- .collapse.in { display: block; }
7
+ .collapse { display: none; }
8
+ .collapse.in { display: block; }
9
9
  .collapsing {
10
10
  position: relative;
11
11
  height: 0;
@@ -43,14 +43,12 @@
43
43
  border-bottom: 0;
44
44
  border-top: 6px rgba(246,247,249,1);
45
45
  }
46
- .dow { font-weight: bold; }
46
+ .dow { font-weight: bold; }
47
47
  .datepicker > div { display: none; }
48
48
  .datepicker table {
49
49
  margin: 0;
50
50
  -webkit-touch-callout: none;
51
51
  -webkit-user-select: none;
52
- -moz-user-select: none;
53
- -ms-user-select: none;
54
52
  user-select: none;
55
53
  width: 100%;
56
54
  }
@@ -73,7 +71,7 @@
73
71
  }
74
72
  .datepicker td.day.disabled { color: rgba(158,171,179,1); }
75
73
  .datepicker td.old,
76
- .datepicker td.new { color: rgba(158,171,179,1); }
74
+ .datepicker td.new { color: rgba(158,171,179,1); }
77
75
  .datepicker td.active,
78
76
  .datepicker td.active:hover,
79
77
  .datepicker td.active:hover:hover,
@@ -5,9 +5,9 @@
5
5
  /* #Dropdown
6
6
  ================================================== */
7
7
  .dropup,
8
- .dropdown { position: relative; }
8
+ .dropdown { position: relative; }
9
9
  .dropdown-toggle:active,
10
- .open .dropdown-toggle { outline: 0; }
10
+ .open .dropdown-toggle { outline: 0; }
11
11
  .dropdown-menu {
12
12
  background-clip: padding-box;
13
13
  background: rgba(246,247,249,1);
@@ -50,7 +50,7 @@
50
50
  .dropdown-menu > li > a:focus,
51
51
  .dropdown-submenu:hover > a,
52
52
  .dropdown-submenu:focus > a { color: rgba(58,144,216,1); }
53
- .open > .dropdown-menu { display: block; }
53
+ .open > .dropdown-menu { display: block; }
54
54
  .pull-right > .dropdown-menu {
55
55
  left: auto;
56
56
  right: 0;
@@ -58,8 +58,8 @@
58
58
  .dropdown-submenu { position: relative; }
59
59
  .dropdown-submenu > .dropdown-menu {
60
60
  left: 100%;
61
- margin-top: -6px;
62
61
  margin-left: -1px;
62
+ margin-top: -6px;
63
63
  top: 0;
64
64
  }
65
65
  .dropdown-submenu:hover > .dropdown-menu { display: block; }
@@ -68,8 +68,8 @@
68
68
  display: block;
69
69
  float: right;
70
70
  height: 0;
71
- margin-top: 5px;
72
71
  margin-right: -10px;
72
+ margin-top: 5px;
73
73
  width: 0;
74
74
  }
75
75
  .dropdown-submenu.pull-left { float: none; }
@@ -79,5 +79,5 @@
79
79
  }
80
80
  .dropdown .dropdown-menu .nav-header {
81
81
  padding-right: 20px;
82
- padding-left: 20px;
82
+ padding-left: 20px;
83
83
  }
@@ -1,14 +1,16 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
- #Footer */
3
+ #Footer
4
+ #Footer Alternate */
4
5
 
5
6
  /* #Footer
6
7
  ================================================== */
7
8
  .footer {
8
- border-top: 1px solid rgba(236,238,241,1);
9
+ background: rgba(236,238,241,1);
10
+ border-top: 1px solid rgba(217,222,225,1);
9
11
  color: rgba(158,171,179,1);
10
- margin-top: 60px;
11
- padding: 30px 0 100px 0;
12
+ margin-top: 80px;
13
+ padding: 50px 0;
12
14
  }
13
15
  .footer a {
14
16
  color: rgba(158,171,179,1);
@@ -16,6 +18,23 @@
16
18
  text-decoration: none;
17
19
  }
18
20
  .footer a:hover { opacity: 1; }
21
+ .footer-brand {
22
+ margin: -79px 0 10px 0;
23
+ text-align: center;
24
+ }
25
+ .footer-brand a {
26
+ background: rgba(255,255,255,1);
27
+ border: 1px solid rgba(217,222,225,1);
28
+ border-radius: 4px;
29
+ display: inline-block;
30
+ font-size: 44px;
31
+ height: 46px;
32
+ padding: 5px 0;
33
+ opacity: 1;
34
+ text-align: center;
35
+ vertical-align: middle;
36
+ width: 50px;
37
+ }
19
38
  .footer h6 {
20
39
  color: rgba(158,171,179,1);
21
40
  letter-spacing: 1px;
@@ -30,4 +49,12 @@
30
49
  display: block;
31
50
  margin-top: 15px;
32
51
  text-align: center;
52
+ }
53
+
54
+ /* #Footer Alternate
55
+ ================================================== */
56
+ .footer-alt {
57
+ background: transparent;
58
+ border-color: rgba(236,238,241,1);
59
+ padding: 30px 0 100px 0;
33
60
  }
@@ -187,18 +187,6 @@ select.form-input-initial-width {
187
187
  .form-header h4,
188
188
  .form-header h5,
189
189
  .form-header h6 { margin-bottom: 0; }
190
- .form-cap {
191
- background: rgba(58,144,216,1);
192
- border-top-left-radius: 3px;
193
- border-top-right-radius: 3px;
194
- color: rgba(255,255,255,1);
195
- display: block;
196
- font-size: 14px;
197
- font-weight: bold;
198
- line-height: 20px;
199
- margin-bottom: 15px;
200
- padding: 10px 15px;
201
- }
202
190
  .form-error-messages { margin-bottom: 40px; }
203
191
  .form-error-messages h4 {
204
192
  background: rgba(236,238,241,1);
@@ -216,15 +204,46 @@ select.form-input-initial-width {
216
204
  padding: 0 10px;
217
205
  }
218
206
  .form-error-messages li:first-child { padding-top: 10px; }
219
- .form-error-messages li:last-child { padding-bottom: 10px; }
207
+ .form-error-messages li:last-child { padding-bottom: 10px; }
220
208
  .form-textarea-small { height: 80px; }
221
209
  .form-textarea-large { height: 200px; }
210
+ .form-input-group {
211
+ border-collapse: separate;
212
+ display: table;
213
+ margin-bottom: 5px;
214
+ position: relative;
215
+ }
216
+ .form-input-group[class*="col-"] {
217
+ float: none;
218
+ padding: 0;
219
+ }
220
+ .form-input-group input,
221
+ .form-input-group-addon { display: table-cell; }
222
+ .form-input-group input { margin: 0; }
223
+ .form-input-group-addon {
224
+ background: rgba(246,247,249,1);
225
+ border: 1px solid rgba(217,222,225,1);
226
+ -moz-box-sizing: border-box;
227
+ box-sizing: border-box;
228
+ color: rgba(158,171,179,1);
229
+ font-size: 16px;
230
+ line-height: 0;
231
+ padding: 0 13px;
232
+ text-align: center;
233
+ width: 1%;
234
+ white-space: nowrap;
235
+ vertical-align: middle;
236
+ }
237
+ .form-input-group-addon:first-child { border-right: 0; }
238
+ .form-input-group-addon:last-child { border-left: 0; }
239
+ .form-input-group-addon input[type="radio"],
240
+ .form-input-group-addon input[type="checkbox"] { margin: 0; }
222
241
  .form-input-inline {
223
242
  display: inline-block;
224
243
  margin-right: 10px;
225
244
  }
226
- .form-text-inline { margin-top: 13px; }
227
- .form-select-inline { margin-top: 0px; }
245
+ .form-text-inline { margin-top: 13px; }
246
+ .form-select-inline { margin-top: 0; }
228
247
  .form-help-block {
229
248
  color: rgba(158,171,179,1);
230
249
  display: block;
@@ -233,8 +252,20 @@ select.form-input-initial-width {
233
252
  }
234
253
  .form-button-inline {
235
254
  margin-top: 2px;
236
- padding-bottom: 13px;
237
- padding-top: 12px;
255
+ padding-bottom: 12px;
256
+ padding-top: 12px;
257
+ }
258
+ .form-btn-group > .btn {
259
+ background: transparent;
260
+ border-color: rgba(217,222,225,1);
261
+ color: rgba(174,182,192,1);
262
+ }
263
+ .form-btn-group > .btn:active,
264
+ .form-btn-group > .btn.active,
265
+ .form-btn-group > .btn:hover,
266
+ .form-btn-group > .btn:focus {
267
+ background: rgba(246,247,249,1);
268
+ color: rgba(43,50,53,1);
238
269
  }
239
270
  .form-footer {
240
271
  border-top: 1px solid rgba(236,238,241,1);
@@ -251,19 +282,19 @@ select.form-input-initial-width {
251
282
  margin-right: 2.5%;
252
283
  margin-left: 2.5%;
253
284
  }
254
- .form-column.alpha { margin-left: 0; }
255
- .form-column.omega { margin-right: 0; }
256
- .form-column.one-quarter-column { width: 22.5%; }
257
- .form-column.one-third-column { width: 30%; }
258
- .form-column.half-column { width: 47.5%; }
259
- .form-column.two-third-column { width: 65%; }
285
+ .form-column.alpha { margin-left: 0; }
286
+ .form-column.omega { margin-right: 0; }
287
+ .form-column.one-quarter-column { width: 22.5%; }
288
+ .form-column.one-third-column { width: 30%; }
289
+ .form-column.half-column { width: 47.5%; }
290
+ .form-column.two-third-column { width: 65%; }
260
291
  .form-column.three-quarter-column { width: 72.5%; }
261
292
 
262
293
  /* #Media Queries
263
294
  ================================================== */
264
295
  @media only screen and (max-width: 767px) {
265
296
  .form-button-inline { margin-top: 15px; }
266
- .form-text-inline { margin-top: 0; }
297
+ .form-text-inline { margin-top: 0; }
267
298
  .form-column-responsive .form-column {
268
299
  clear: both;
269
300
  float: none;
@@ -1,6 +1,7 @@
1
1
  /* Table of Contents
2
2
  ==================================================
3
3
  #Header
4
+ #Header Application
4
5
  #Header Alternate
5
6
  #Media Queries */
6
7
 
@@ -63,7 +64,7 @@
63
64
  .header-nav > li.bordered > a:hover { border-color: rgba(255,255,255,1); }
64
65
  .header-user {
65
66
  float: right;
66
- margin: 23px 0 0 15px;
67
+ margin: 22px 0 0 15px;
67
68
  }
68
69
  .header-user a {
69
70
  color: rgba(255,255,255,0.8);
@@ -90,16 +91,22 @@
90
91
  color: rgba(255,255,255,1);
91
92
  float: right;
92
93
  font-size: 40px;
93
- opacity: 0.85;
94
94
  padding: 4px 0px 3px 14px;
95
95
  text-decoration: none;
96
96
  }
97
- .header-toggle a:hover { opacity: 1; }
97
+
98
+ /* #Header Application
99
+ ================================================== */
100
+ .header-app { height: 66px; }
101
+ .header-app .header-brand a { margin-top: 11px; }
102
+ .header-app .header-search { margin-top: 12px; }
103
+ .header-app .header-nav { margin-top: 19px; }
104
+ .header-app .header-user { margin-top: 12px; }
98
105
 
99
106
  /* #Header Alternate
100
107
  ================================================== */
101
108
  .header-alt { background: none; }
102
- .header-alt .header-brand a { color: rgba(236,238,241,1); }
109
+ .header-alt .header-brand a { color: rgba(236,238,241,1); }
103
110
  .header-alt .header-brand a:hover { color: rgba(174,182,192,1); }
104
111
  .header-alt .header-nav > li.bordered > a {
105
112
  border-color: rgba(236,238,241,1);
@@ -6,13 +6,13 @@
6
6
  ================================================== */
7
7
  @font-face {
8
8
  font-family: "Ionicons";
9
- src: url(font_path("ionicons/ionicons.eot?v=1.3.3"));
10
- src: url(font_path("ionicons/ionicons.eot?v=1.3.3#iefix")) format("embedded-opentype"),
11
- url(font_path("ionicons/ionicons.ttf?v=1.3.3")) format("truetype"),
12
- url(font_path("ionicons/ionicons.woff?v=1.3.3")) format("woff"),
13
- url(font_path("ionicons/ionicons.svg?v=1.3.3#Ionicons")) format("svg");
9
+ src: url(font_path("ionicons/ionicons.eot?v=1.4.1"));
10
+ src: url(font_path("ionicons/ionicons.eot?v=1.4.1#iefix")) format("embedded-opentype"),
11
+ url(font_path("ionicons/ionicons.ttf?v=1.4.1")) format("truetype"),
12
+ url(font_path("ionicons/ionicons.woff?v=1.4.1")) format("woff"),
13
+ url(font_path("ionicons/ionicons.svg?v=1.4.1#Ionicons")) format("svg");
14
14
  font-weight: normal;
15
- font-style: normal;
15
+ font-style: normal;
16
16
  }
17
17
  .icon, .icon-loading-a,
18
18
  .icon-loading-b,
@@ -570,15 +570,15 @@
570
570
  -o-animation: spin 1s infinite linear;
571
571
  animation: spin 1s infinite linear;
572
572
  }
573
- @-webkit-keyframes spin {
573
+ @-webkit-keyframes spin {
574
574
  0% { -webkit-transform: rotate(0deg) }
575
575
  100% { -webkit-transform: rotate(359deg) }
576
576
  }
577
- @-moz-keyframes spin {
577
+ @-moz-keyframes spin {
578
578
  0% { -moz-transform: rotate(0deg) }
579
579
  100% { -moz-transform: rotate(359deg) }
580
580
  }
581
- @-ms-keyframes spin {
581
+ @-ms-keyframes spin {
582
582
  0% { -ms-transform: rotate(0deg) }
583
583
  100% { -ms-transform: rotate(359deg) }
584
584
  }
@@ -586,7 +586,7 @@
586
586
  0% { -o-transform: rotate(0deg) }
587
587
  100% { -o-transform: rotate(359deg) }
588
588
  }
589
- @keyframes spin {
589
+ @keyframes spin {
590
590
  0% { transform: rotate(0deg) }
591
591
  100% { transform: rotate(359deg) }
592
592
  }
@@ -26,7 +26,7 @@
26
26
  padding-left: 6px;
27
27
  }
28
28
  .label:empty,
29
- .badge:empty { display: none; }
29
+ .badge:empty { display: none; }
30
30
  a.label:hover,
31
31
  a.label:focus,
32
32
  a.badge:hover,
@@ -4,6 +4,16 @@
4
4
 
5
5
  /* #List
6
6
  ================================================== */
7
+ dl dt,
8
+ dl dd {
9
+ font-size: 16px;
10
+ line-height: 25px;
11
+ }
12
+ dl dt {
13
+ font-weight: bold;
14
+ margin-bottom: 5px;
15
+ }
16
+ dl dd { margin: 0 0 5px 10px; }
7
17
  ul, ol {
8
18
  font-size: 16px;
9
19
  line-height: 25px;
@@ -14,27 +24,36 @@ ol { padding-left: 23px; }
14
24
  font-size: 14px;
15
25
  line-height: 22px;
16
26
  }
17
- .list-unstyled {
27
+ .list-scrollable {
28
+ max-height: 300px;
29
+ overflow: auto;
30
+ }
31
+ .list-bordered,
32
+ .list-inline,
33
+ .list-lined,
34
+ .list-striped,
35
+ .list-unstyled, {
18
36
  list-style-type: none;
19
37
  padding: 0;
20
38
  }
39
+ .list-bordered > li {
40
+ border: 1px solid rgba(217,222,225,1);
41
+ border-bottom: none;
42
+ padding: 9px 10px 6px 10px;
43
+ }
44
+ .list-bordered > li:last-child { border-bottom: 1px solid rgba(217,222,225,1); }
21
45
  .list-inline > li {
22
46
  display: inline-block;
23
47
  margin-right: 10px;
24
48
  }
25
49
  .list-inline > li:last-child { margin-right: 0; }
26
- .list-scrollable {
27
- max-height: 200px;
28
- max-width: 100%;
29
- overflow: scroll;
30
- }
31
- dl dt,
32
- dl dd {
33
- font-size: 16px;
34
- line-height: 25px;
35
- }
36
- dl dt {
37
- font-weight: bold;
38
- margin-bottom: 5px;
50
+ .list-lined > li {
51
+ border-top: 1px solid rgba(217,222,225,1);
52
+ padding: 9px 0 6px 0;
39
53
  }
40
- dl dd { margin: 0 0 5px 10px; }
54
+ .list-lined > li:first-child { border: none; }
55
+ .list-striped > li { padding: 9px 10px 6px 10px; }
56
+ .list-striped > li:nth-child(odd) { background: rgba(246,247,249,1); }
57
+ .list-bordered.list-small > li,
58
+ .list-lined.list-small > li,
59
+ .list-striped.list-small > li { padding: 5px 5px 3px 5px; }
@@ -40,8 +40,8 @@
40
40
  }
41
41
  .modal.fade.in { top: 15%; }
42
42
  .modal-header {
43
- border-top-left-radius: 5px;
44
43
  border-top-right-radius: 5px;
44
+ border-top-left-radius: 5px;
45
45
  padding: 21px 15px 18px 15px;
46
46
  }
47
47
  .modal-header h3 {
@@ -53,8 +53,8 @@
53
53
  text-transform: uppercase;
54
54
  }
55
55
  .modal-body {
56
- border-top: 1px solid rgba(217,222,225,1);
57
56
  border-bottom: 1px solid rgba(227,232,235,1);
57
+ border-top: 1px solid rgba(217,222,225,1);
58
58
  max-height: 300px;
59
59
  overflow-y: scroll;
60
60
  padding: 15px 18px;
@@ -62,8 +62,8 @@
62
62
  }
63
63
  .modal-body p:last-child { margin-bottom: 0; }
64
64
  .modal-footer {
65
- border-bottom-left-radius: 5px;
66
65
  border-bottom-right-radius: 5px;
66
+ border-bottom-left-radius: 5px;
67
67
  margin-bottom: 0;
68
68
  padding: 0;
69
69
  }
@@ -72,10 +72,8 @@
72
72
  input[type="submit"].modal-footer-btn {
73
73
  -webkit-appearance: none;
74
74
  -moz-appearance: none;
75
- border: none;
76
75
  background: transparent;
77
- border-bottom-left-radius: 5px;
78
- border-bottom-right-radius: 5px;
76
+ border: none;
79
77
  -moz-box-sizing: border-box;
80
78
  box-sizing: border-box;
81
79
  color: rgba(0,153,255,1);
@@ -94,22 +92,22 @@ input[type="submit"].modal-footer-btn {
94
92
  vertical-align: middle;
95
93
  width: 100%;
96
94
  }
95
+ .modal-footer-btn:first-child,
96
+ input[type="submit"].modal-footer-btn:first-child { border-bottom-left-radius: 5px; }
97
+ .modal-footer-btn:last-child,
98
+ input[type="submit"].modal-footer-btn:last-child { border-bottom-right-radius: 5px; }
97
99
  .modal-footer-btn[disabled],
98
100
  input[type="submit"].modal-footer-btn[disabled] {
99
101
  color: rgba(158,171,179,1);
100
102
  cursor: not-allowed;
101
103
  }
102
- .modal-footer-btn-left,
103
- input[type="submit"].modal-footer-btn-left {
104
+ .modal-footer-dual > .modal-footer-btn,
105
+ .modal-footer-dual > input[type="submit"].modal-footer-btn {
104
106
  border-right: 1px solid rgba(217,222,225,1);
105
- border-bottom-right-radius: 0;
106
- width: 50%;
107
- }
108
- .modal-footer-btn-right,
109
- input[type="submit"].modal-footer-btn-right {
110
- border-bottom-left-radius: 0;
111
107
  width: 50%;
112
108
  }
109
+ .modal-footer-dual > .modal-footer-btn:last-child,
110
+ .modal-footer-dual > input[type="submit"].modal-footer-btn:last-child { border-right: none; }
113
111
 
114
112
  /* #Media Queries
115
113
  ================================================== */