flashgrid 1.3.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
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
  ================================================== */