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,108 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Image
4
+ #Image Icons
5
+ #Media Queries */
6
+
7
+ /* #Image
8
+ ================================================== */
9
+ .img-placeholder {
10
+ background: rgba(236,238,241,1);
11
+ border-radius: 4px;
12
+ color: rgba(71,74,84,1);
13
+ display: block;
14
+ font-size: 13px;
15
+ font-weight: bold;
16
+ height: 0;
17
+ line-height: 0;
18
+ padding: 50% 0;
19
+ text-align: center;
20
+ vertical-align: middle;
21
+ width: 100%;
22
+ }
23
+ .img-placeholder i {
24
+ color: rgba(71,74,84,1);
25
+ display: block;
26
+ font-size: 72px;
27
+ line-height: 72px;
28
+ margin: -40px 0 5px 0;
29
+ }
30
+ img {
31
+ border-radius: 3px;
32
+ border: 0;
33
+ display: block;
34
+ height: auto;
35
+ max-width: 100%;
36
+ vertical-align: middle;
37
+ width: auto\9;
38
+ }
39
+ .img-circle { border-radius: 500px; }
40
+ .img-center { margin: 0 auto; }
41
+
42
+ /* #Image Icons
43
+ ================================================== */
44
+ .img-icon-small { font-size: 0; }
45
+ .img-icon-small i {
46
+ font-size: 28px;
47
+ line-height: 28px;
48
+ margin: -14px 0 0 0;
49
+ }
50
+ .img-icon-large i {
51
+ font-size: 84px;
52
+ line-height: 84px;
53
+ margin-top: -46px;
54
+ }
55
+
56
+ /* #Media Queries
57
+ ================================================== */
58
+ @media only screen and (min-width: 960px) and (max-width: 1199px) {
59
+ .img-icon i {
60
+ font-size: 58px;
61
+ line-height: 58px;
62
+ margin-top: -36px;
63
+ }
64
+ .img-icon-small i {
65
+ font-size: 18px;
66
+ line-height: 18px;
67
+ margin-top: -8px;
68
+ }
69
+ .img-icon-large i {
70
+ font-size: 72px;
71
+ line-height: 72px;
72
+ margin-top: -42px;
73
+ }
74
+ }
75
+ @media only screen and (min-width: 768px) and (max-width: 959px) {
76
+ .img-icon { font-size: 0; }
77
+ .img-icon i {
78
+ font-size: 48px;
79
+ line-height: 48px;
80
+ margin-top: -24px;
81
+ }
82
+ .img-icon-small i {
83
+ font-size: 14px;
84
+ line-height: 14px;
85
+ margin-top: -7px;
86
+ }
87
+ .img-icon-large { font-size: 13px; }
88
+ .img-icon-large i {
89
+ font-size: 64px;
90
+ line-height: 64px;
91
+ margin-top: -38px;
92
+ }
93
+ }
94
+ @media only screen and (max-width: 767px) {
95
+ .img-icon {
96
+ font-size: 0;
97
+ height: 80px;
98
+ padding: 0;
99
+ width: 80px;
100
+ }
101
+ .img-icon i,
102
+ .img-icon-small i,
103
+ .img-icon-large i {
104
+ font-size: 48px;
105
+ line-height: 80px;
106
+ margin: 0;
107
+ }
108
+ }
@@ -0,0 +1,53 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Label and Badge */
4
+
5
+ /* #Label and Badge
6
+ ================================================== */
7
+ .label,
8
+ .badge {
9
+ background-color: rgba(236,238,241,1);
10
+ border: 1px solid rgba(217,222,225,1);
11
+ border-radius: 2px;
12
+ color: rgba(71,74,84,1);
13
+ display: inline-block;
14
+ padding: 4px 5px 5px 5px;
15
+ font-size: 12px;
16
+ font-weight: bold;
17
+ line-height: 12px;
18
+ white-space: nowrap;
19
+ vertical-align: baseline;
20
+ }
21
+ .badge {
22
+ border-radius: 500px;
23
+ padding-right: 6px;
24
+ padding-left: 6px;
25
+ }
26
+ .label:empty,
27
+ .badge:empty { display: none; }
28
+ a.label:hover,
29
+ a.label:focus,
30
+ a.badge:hover,
31
+ a.badge:focus { text-decoration: none; }
32
+ .label-green,
33
+ .badge-green {
34
+ background-color: rgba(223,240,216,1);
35
+ border-color: rgba(204,223,188,1);
36
+ }
37
+ .label-yellow,
38
+ .badge-yellow {
39
+ background-color: rgba(252,248,227,1);
40
+ border-color: rgba(244,228,203,1);
41
+ }
42
+ .label-red,
43
+ .badge-red {
44
+ background-color: rgba(242,222,222,1);
45
+ border-color: rgba(228,201,205,1);
46
+ }
47
+ .btn .label,
48
+ .btn .badge {
49
+ position: relative;
50
+ top: -1px;
51
+ }
52
+ .btn-mini .label,
53
+ .btn-mini .badge { top: 0; }
@@ -0,0 +1,21 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Link
4
+ #Link Color */
5
+
6
+ /* #Link
7
+ ================================================== */
8
+ a {
9
+ -webkit-transition: all 0.3s ease-in-out;
10
+ transition: all 0.3s ease-in-out;
11
+ text-decoration: none;
12
+ }
13
+
14
+ /* #Link Color
15
+ ================================================== */
16
+ .link-black { color: rgba(71,74,84,1); }
17
+ .link-blue { color: rgba(58,144,216,1); }
18
+ .link-gray { color: rgba(158,171,179,1); }
19
+ .link-green { color: rgba(122,179,23,1); }
20
+ .link-red { color: rgba(254,79,50,1); }
21
+ .link-white { color: rgba(255,255,255,1); }
@@ -0,0 +1,38 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #List */
4
+
5
+ /* #List
6
+ ================================================== */
7
+ ul, ol {
8
+ font-size: 16px;
9
+ line-height: 25px;
10
+ }
11
+ ul { padding-left: 17px; }
12
+ ol { padding-left: 23px; }
13
+ ul.list-small,
14
+ ol.list-small {
15
+ font-size: 14px;
16
+ line-height: 22px;
17
+ }
18
+ ul.list-unstyled {
19
+ list-style-type: none;
20
+ padding: 0;
21
+ }
22
+ ul.list-inline li,
23
+ ol.list-inline li {
24
+ display: inline-block;
25
+ margin-right: 10px;
26
+ }
27
+ ul.list-inline li:last-child,
28
+ ol.list-inline li:last-child { margin-right: 0; }
29
+ dl dt,
30
+ dl dd {
31
+ font-size: 16px;
32
+ line-height: 25px;
33
+ }
34
+ dl dt {
35
+ font-weight: bold;
36
+ margin-bottom: 5px;
37
+ }
38
+ dl dd { margin: 0 0 5px 10px; }
@@ -0,0 +1,13 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Map */
4
+
5
+ /* #Map
6
+ ================================================== */
7
+ .map {
8
+ background-color: rgba(236,238,241,1);
9
+ display: block;
10
+ min-height: 220px;
11
+ min-width:220px;
12
+ }
13
+ .map-center { margin: 0 auto; }
@@ -0,0 +1,117 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Modal
4
+ #Media Queries */
5
+
6
+ /* #Modal
7
+ ================================================== */
8
+ .modal-backdrop {
9
+ background-color: rgba(71,74,84,1);
10
+ bottom: 0;
11
+ left: 0;
12
+ position: fixed;
13
+ right: 0;
14
+ top: 0;
15
+ z-index: 1040;
16
+ }
17
+ .modal-backdrop.fade { opacity: 0; }
18
+ .modal-backdrop,
19
+ .modal-backdrop.fade.in {
20
+ opacity: 0.8;
21
+ filter: alpha(opacity=80);
22
+ }
23
+ .modal {
24
+ background-clip: padding-box;
25
+ background-color: rgba(255,255,255,1);
26
+ border-radius: 5px;
27
+ box-shadow: 0 0 3px rgba(0,0,0,0.25);
28
+ left: 50%;
29
+ margin-left: -280px;
30
+ outline: none;
31
+ position: fixed;
32
+ top: 10%;
33
+ width: 560px;
34
+ z-index: 1050;
35
+ }
36
+ .modal.fade {
37
+ -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
38
+ transition: opacity 0.3s linear, top 0.3s ease-out;
39
+ top: -35%;
40
+ }
41
+ .modal.fade.in { top: 15%; }
42
+ .modal-header {
43
+ border-top-left-radius: 5px;
44
+ border-top-right-radius: 5px;
45
+ padding: 21px 15px 18px 15px;
46
+ }
47
+ .modal-header h3 {
48
+ font-size: 17px;
49
+ letter-spacing: 1px;
50
+ line-height: 17px;
51
+ margin: 0;
52
+ text-align: center;
53
+ text-transform: uppercase;
54
+ }
55
+ .modal-body {
56
+ border-top: 1px solid rgba(217,222,225,1);
57
+ border-bottom: 1px solid rgba(227,232,235,1);
58
+ max-height: 400px;
59
+ overflow-y: auto;
60
+ padding: 15px 18px;
61
+ position: relative;
62
+ }
63
+ .modal-body p:last-child { margin-bottom: 0; }
64
+ .modal-footer {
65
+ border-bottom-left-radius: 5px;
66
+ border-bottom-right-radius: 5px;
67
+ margin-bottom: 0;
68
+ padding: 0;
69
+ }
70
+ .modal-footer:before,
71
+ .modal-footer:after {
72
+ content: "";
73
+ display: table;
74
+ line-height: 0;
75
+ }
76
+ .modal-footer:after { clear: both; }
77
+ .modal-footer a {
78
+ border-bottom-left-radius: 5px;
79
+ border-bottom-right-radius: 5px;
80
+ color: rgba(0,153,255,1);
81
+ float: left;
82
+ font-size: 13px;
83
+ font-weight: 500;
84
+ line-height: 13px;
85
+ padding: 18px 0 16px 0;
86
+ text-align: center;
87
+ text-transform: uppercase;
88
+ width: 100%;
89
+ }
90
+ a.modal-footer-double-left {
91
+ border-right: 1px solid rgba(217,222,225,1);
92
+ border-bottom-right-radius: 0;
93
+ width: 279px;
94
+ }
95
+ a.modal-footer-double-right {
96
+ border-bottom-left-radius: 0;
97
+ width: 280px;
98
+ }
99
+
100
+ /* #Media Queries
101
+ ================================================== */
102
+ @media only screen and (max-width: 767px) {
103
+ .modal {
104
+ margin-left: -150px;
105
+ width: 300px;
106
+ }
107
+ a.modal-footer-double-left { width: 149px; }
108
+ a.modal-footer-double-right { width: 150px; }
109
+ }
110
+ @media only screen and (min-width: 480px) and (max-width: 767px) {
111
+ .modal {
112
+ margin-left: -210px;
113
+ width: 420px;
114
+ }
115
+ a.modal-footer-double-left { width: 209px; }
116
+ a.modal-footer-double-right { width: 210px; }
117
+ }
@@ -0,0 +1,37 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Pagination */
4
+
5
+ /* #Pagination
6
+ ================================================== */
7
+ .pagination ul {
8
+ display: inline-block;
9
+ margin-bottom: 0;
10
+ margin-left: 0;
11
+ padding: 0;
12
+ }
13
+ .pagination ul li {
14
+ display: inline-block ;
15
+ font-size: 14px;
16
+ line-height: 14px;
17
+ margin-right: 2px;
18
+ }
19
+ .pagination ul > li > a,
20
+ .pagination ul > .active {
21
+ background-color: rgba(236,238,241,1);
22
+ border-radius: 500px;
23
+ color: rgba(43,50,53,1);
24
+ padding: 9px 10px 7px 10px;
25
+ text-decoration: none;
26
+ }
27
+ .pagination ul > li > a:hover,
28
+ .pagination ul > li > a:focus { background-color: rgba(226,228,231,1); }
29
+ .pagination ul > .active {
30
+ background-color: rgba(79,148,210,1);
31
+ color: rgba(255,255,255,1);
32
+ padding: 8px 11px 6px 11px;
33
+ }
34
+ .pagination ul > .pagination-icon > a { padding: 9px 11px 7px 11px; }
35
+ .pagination-centered { text-align: center; }
36
+ .pagination-right { text-align: right; }
37
+ .pagination-left { text-align: left; }
@@ -0,0 +1,27 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Placeholder
4
+ #Media Queries */
5
+
6
+ /* #Placeholder
7
+ ================================================== */
8
+ .placeholder { text-align: center; }
9
+ .placeholder i {
10
+ background: rgba(58,144,216,1);
11
+ border-radius: 500px;
12
+ color: rgba(255,255,255,1);
13
+ font-size: 86px;
14
+ padding: 20px 31px;
15
+ }
16
+ .placeholder-divider {
17
+ background-color: rgba(236,238,241,1);
18
+ border-radius: 500px;
19
+ height: 8px;
20
+ margin: 20px auto;
21
+ width: 50%;
22
+ }
23
+ /* #Media Queries
24
+ ================================================== */
25
+ @media only screen and (max-width: 767px) {
26
+ .placeholder-divider { width: 75%; }
27
+ }
@@ -0,0 +1,107 @@
1
+ /* Table of Contents
2
+ ==================================================
3
+ #Popover */
4
+
5
+ /* #Popover
6
+ ================================================== */
7
+ .popover {
8
+ background-clip: padding-box;
9
+ background-color: rgba(255,255,255,1);
10
+ border: 1px solid rgba(217,222,225,1);
11
+ box-shadow: 0 1px 3px rgba(0,0,0,0.1);
12
+ display: none;
13
+ left: 0;
14
+ max-width: 276px;
15
+ position: absolute;
16
+ text-align: left;
17
+ top: 0;
18
+ white-space: normal;
19
+ z-index: 1010;
20
+ }
21
+ .popover.top { margin-top: -10px; }
22
+ .popover.right { margin-left: 10px; }
23
+ .popover.bottom { margin-top: 10px; }
24
+ .popover.left { margin-left: -10px; }
25
+ .popover-title {
26
+ background-color: rgba(236,238,241,1);
27
+ border-bottom: 1px solid rgba(217,222,225,1);
28
+ color: rgba(71,74,84,1);
29
+ font-size: 14px;
30
+ line-height: 18px;
31
+ margin: 0;
32
+ padding: 10px 15px 8px 15px;
33
+ }
34
+ .popover-title:empty { display: none; }
35
+ .popover-content {
36
+ background-color: rgba(255,255,255,1);
37
+ color: rgba(43,50,53,1);
38
+ font-size: 14px;
39
+ line-height: 20px;
40
+ padding: 10px 15px;
41
+ }
42
+ .popover .arrow,
43
+ .popover .arrow:after {
44
+ border-color: transparent;
45
+ border-style: solid;
46
+ display: block;
47
+ height: 0;
48
+ position: absolute;
49
+ width: 0;
50
+ }
51
+ .popover .arrow { border-width: 11px; }
52
+ .popover .arrow:after {
53
+ border-width: 10px;
54
+ content: "";
55
+ }
56
+ .popover.top .arrow {
57
+ border-top-color: rgba(236,238,241,1);
58
+ border-bottom-width: 0;
59
+ bottom: -11px;
60
+ left: 50%;
61
+ margin-left: -11px;
62
+ }
63
+ .popover.top .arrow:after {
64
+ border-top-color: rgba(255,255,255,1);
65
+ border-bottom-width: 0;
66
+ bottom: 1px;
67
+ margin-left: -10px;
68
+ }
69
+ .popover.right .arrow {
70
+ border-right-color: rgba(236,238,241,1);
71
+ border-left-width: 0;
72
+ left: -11px;
73
+ margin-top: -11px;
74
+ top: 50%;
75
+ }
76
+ .popover.right .arrow:after {
77
+ border-right-color: rgba(255,255,255,1);
78
+ border-left-width: 0;
79
+ bottom: -10px;
80
+ left: 1px;
81
+ }
82
+ .popover.bottom .arrow {
83
+ border-bottom-color: rgba(236,238,241,1);
84
+ border-top-width: 0;
85
+ left: 50%;
86
+ margin-left: -11px;
87
+ top: -11px;
88
+ }
89
+ .popover.bottom .arrow:after {
90
+ border-bottom-color: rgba(255,255,255,1);
91
+ border-top-width: 0;
92
+ margin-left: -10px;
93
+ top: 1px;
94
+ }
95
+ .popover.left .arrow {
96
+ border-left-color: rgba(236,238,241,1);
97
+ border-right-width: 0;
98
+ margin-top: -11px;
99
+ right: -11px;
100
+ top: 50%;
101
+ }
102
+ .popover.left .arrow:after {
103
+ border-left-color: rgba(255,255,255,1);
104
+ border-right-width: 0;
105
+ bottom: -10px;
106
+ right: 1px;
107
+ }