creative-dashpaper-gem 0.0.1

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 (58) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +41 -0
  3. data/lib/creative/dash_papergem/version.rb +8 -0
  4. data/lib/creative/dash_papergem.rb +10 -0
  5. data/vendor/assets/fonts/themify.eot +0 -0
  6. data/vendor/assets/fonts/themify.svg +362 -0
  7. data/vendor/assets/fonts/themify.ttf +0 -0
  8. data/vendor/assets/fonts/themify.woff +0 -0
  9. data/vendor/assets/images/apple-icon.png +0 -0
  10. data/vendor/assets/images/background.jpg +0 -0
  11. data/vendor/assets/images/faces/face-0.jpg +0 -0
  12. data/vendor/assets/images/faces/face-1.jpg +0 -0
  13. data/vendor/assets/images/faces/face-2.jpg +0 -0
  14. data/vendor/assets/images/faces/face-3.jpg +0 -0
  15. data/vendor/assets/images/favicon.png +0 -0
  16. data/vendor/assets/images/new_logo.png +0 -0
  17. data/vendor/assets/images/tim_80x80.png +0 -0
  18. data/vendor/assets/javascripts/bootstrap-checkbox-radio.js +248 -0
  19. data/vendor/assets/javascripts/bootstrap-notify.js +404 -0
  20. data/vendor/assets/javascripts/bootstrap.min.js +7 -0
  21. data/vendor/assets/javascripts/chartist.min.js +9 -0
  22. data/vendor/assets/javascripts/demo.js +151 -0
  23. data/vendor/assets/javascripts/jquery-1.10.2.js +9789 -0
  24. data/vendor/assets/javascripts/paper-dashboard.js +126 -0
  25. data/vendor/assets/stylesheets/animate.min.css +6 -0
  26. data/vendor/assets/stylesheets/bootstrap.min.css +5 -0
  27. data/vendor/assets/stylesheets/demo.css +70 -0
  28. data/vendor/assets/stylesheets/paper/_alerts.scss +64 -0
  29. data/vendor/assets/stylesheets/paper/_buttons.scss +114 -0
  30. data/vendor/assets/stylesheets/paper/_cards.scss +243 -0
  31. data/vendor/assets/stylesheets/paper/_chartist.scss +230 -0
  32. data/vendor/assets/stylesheets/paper/_checkbox-radio.scss +132 -0
  33. data/vendor/assets/stylesheets/paper/_dropdown.scss +115 -0
  34. data/vendor/assets/stylesheets/paper/_footers.scss +43 -0
  35. data/vendor/assets/stylesheets/paper/_inputs.scss +171 -0
  36. data/vendor/assets/stylesheets/paper/_misc.scss +69 -0
  37. data/vendor/assets/stylesheets/paper/_mixins.scss +17 -0
  38. data/vendor/assets/stylesheets/paper/_navbars.scss +167 -0
  39. data/vendor/assets/stylesheets/paper/_responsive.scss +447 -0
  40. data/vendor/assets/stylesheets/paper/_sidebar-and-main-panel.scss +195 -0
  41. data/vendor/assets/stylesheets/paper/_tables.scss +77 -0
  42. data/vendor/assets/stylesheets/paper/_typography.scss +117 -0
  43. data/vendor/assets/stylesheets/paper/_variables.scss +262 -0
  44. data/vendor/assets/stylesheets/paper/mixins/_buttons.scss +85 -0
  45. data/vendor/assets/stylesheets/paper/mixins/_cards.scss +8 -0
  46. data/vendor/assets/stylesheets/paper/mixins/_chartist.scss +104 -0
  47. data/vendor/assets/stylesheets/paper/mixins/_icons.scss +13 -0
  48. data/vendor/assets/stylesheets/paper/mixins/_inputs.scss +17 -0
  49. data/vendor/assets/stylesheets/paper/mixins/_labels.scss +21 -0
  50. data/vendor/assets/stylesheets/paper/mixins/_navbars.scss +11 -0
  51. data/vendor/assets/stylesheets/paper/mixins/_sidebar.scss +42 -0
  52. data/vendor/assets/stylesheets/paper/mixins/_tabs.scss +4 -0
  53. data/vendor/assets/stylesheets/paper/mixins/_transparency.scss +20 -0
  54. data/vendor/assets/stylesheets/paper/mixins/_vendor-prefixes.scss +197 -0
  55. data/vendor/assets/stylesheets/paper-dashboard.css +3315 -0
  56. data/vendor/assets/stylesheets/paper-dashboard.scss +28 -0
  57. data/vendor/assets/stylesheets/themify-icons.css +1081 -0
  58. metadata +148 -0
@@ -0,0 +1,230 @@
1
+ @mixin ct-responsive-svg-container($width: 100%, $ratio: $ct-container-ratio) {
2
+ display: block;
3
+ position: relative;
4
+ width: $width;
5
+
6
+ &:before {
7
+ display: block;
8
+ float: left;
9
+ content: "";
10
+ width: 0;
11
+ height: 0;
12
+ padding-bottom: $ratio * 100%;
13
+ }
14
+
15
+ &:after {
16
+ content: "";
17
+ display: table;
18
+ clear: both;
19
+ }
20
+
21
+ > svg {
22
+ display: block;
23
+ position: absolute;
24
+ top: 0;
25
+ left: 0;
26
+ }
27
+ }
28
+
29
+ @mixin ct-align-justify($ct-text-align: $ct-text-align, $ct-text-justify: $ct-text-justify) {
30
+ -webkit-box-align: $ct-text-align;
31
+ -webkit-align-items: $ct-text-align;
32
+ -ms-flex-align: $ct-text-align;
33
+ align-items: $ct-text-align;
34
+ -webkit-box-pack: $ct-text-justify;
35
+ -webkit-justify-content: $ct-text-justify;
36
+ -ms-flex-pack: $ct-text-justify;
37
+ justify-content: $ct-text-justify;
38
+ // Fallback to text-align for non-flex browsers
39
+ @if($ct-text-justify == 'flex-start') {
40
+ text-align: left;
41
+ } @else if ($ct-text-justify == 'flex-end') {
42
+ text-align: right;
43
+ } @else {
44
+ text-align: center;
45
+ }
46
+ }
47
+
48
+ @mixin ct-flex() {
49
+ // Fallback to block
50
+ display: block;
51
+ display: -webkit-box;
52
+ display: -moz-box;
53
+ display: -ms-flexbox;
54
+ display: -webkit-flex;
55
+ display: flex;
56
+ }
57
+
58
+ @mixin ct-chart-label($ct-text-color: $ct-text-color, $ct-text-size: $ct-text-size, $ct-text-line-height: $ct-text-line-height) {
59
+ fill: $ct-text-color;
60
+ color: $ct-text-color;
61
+ font-size: $ct-text-size;
62
+ line-height: $ct-text-line-height;
63
+ }
64
+
65
+ @mixin ct-chart-grid($ct-grid-color: $ct-grid-color, $ct-grid-width: $ct-grid-width, $ct-grid-dasharray: $ct-grid-dasharray) {
66
+ stroke: $ct-grid-color;
67
+ stroke-width: $ct-grid-width;
68
+
69
+ @if ($ct-grid-dasharray) {
70
+ stroke-dasharray: $ct-grid-dasharray;
71
+ }
72
+ }
73
+
74
+ @mixin ct-chart-point($ct-point-size: $ct-point-size, $ct-point-shape: $ct-point-shape) {
75
+ stroke-width: $ct-point-size;
76
+ stroke-linecap: $ct-point-shape;
77
+ }
78
+
79
+ @mixin ct-chart-line($ct-line-width: $ct-line-width, $ct-line-dasharray: $ct-line-dasharray) {
80
+ fill: none;
81
+ stroke-width: $ct-line-width;
82
+
83
+ @if ($ct-line-dasharray) {
84
+ stroke-dasharray: $ct-line-dasharray;
85
+ }
86
+ }
87
+
88
+ @mixin ct-chart-area($ct-area-opacity: $ct-area-opacity) {
89
+ stroke: none;
90
+ fill-opacity: $ct-area-opacity;
91
+ }
92
+
93
+ @mixin ct-chart-bar($ct-bar-width: $ct-bar-width) {
94
+ fill: none;
95
+ stroke-width: $ct-bar-width;
96
+ }
97
+
98
+ @mixin ct-chart-donut($ct-donut-width: $ct-donut-width) {
99
+ fill: none;
100
+ stroke-width: $ct-donut-width;
101
+ }
102
+
103
+ @mixin ct-chart-series-color($color) {
104
+ .#{$ct-class-point}, .#{$ct-class-line}, .#{$ct-class-bar}, .#{$ct-class-slice-donut} {
105
+ stroke: $color;
106
+ }
107
+
108
+ .#{$ct-class-slice-pie}, .#{$ct-class-area} {
109
+ fill: $color;
110
+ }
111
+ }
112
+
113
+ @mixin ct-chart($ct-container-ratio: $ct-container-ratio, $ct-text-color: $ct-text-color, $ct-text-size: $ct-text-size, $ct-grid-color: $ct-grid-color, $ct-grid-width: $ct-grid-width, $ct-grid-dasharray: $ct-grid-dasharray, $ct-point-size: $ct-point-size, $ct-point-shape: $ct-point-shape, $ct-line-width: $ct-line-width, $ct-bar-width: $ct-bar-width, $ct-donut-width: $ct-donut-width, $ct-series-names: $ct-series-names, $ct-series-colors: $ct-series-colors) {
114
+
115
+ .#{$ct-class-label} {
116
+ @include ct-chart-label($ct-text-color, $ct-text-size);
117
+ }
118
+
119
+ .#{$ct-class-chart-line} .#{$ct-class-label},
120
+ .#{$ct-class-chart-bar} .#{$ct-class-label} {
121
+ @include ct-flex();
122
+ }
123
+
124
+ .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {
125
+ @include ct-align-justify(flex-end, flex-start);
126
+ // Fallback for browsers that don't support foreignObjects
127
+ text-anchor: start;
128
+ }
129
+
130
+ .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {
131
+ @include ct-align-justify(flex-start, flex-start);
132
+ // Fallback for browsers that don't support foreignObjects
133
+ text-anchor: start;
134
+ }
135
+
136
+ .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} {
137
+ @include ct-align-justify(flex-end, flex-end);
138
+ // Fallback for browsers that don't support foreignObjects
139
+ text-anchor: end;
140
+ }
141
+
142
+ .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} {
143
+ @include ct-align-justify(flex-end, flex-start);
144
+ // Fallback for browsers that don't support foreignObjects
145
+ text-anchor: start;
146
+ }
147
+
148
+ .#{$ct-class-chart-bar} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {
149
+ @include ct-align-justify(flex-end, center);
150
+ // Fallback for browsers that don't support foreignObjects
151
+ text-anchor: start;
152
+ }
153
+
154
+ .#{$ct-class-chart-bar} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {
155
+ @include ct-align-justify(flex-start, center);
156
+ // Fallback for browsers that don't support foreignObjects
157
+ text-anchor: start;
158
+ }
159
+
160
+ .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-start} {
161
+ @include ct-align-justify(flex-end, flex-start);
162
+ // Fallback for browsers that don't support foreignObjects
163
+ text-anchor: start;
164
+ }
165
+
166
+ .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-horizontal}.#{$ct-class-end} {
167
+ @include ct-align-justify(flex-start, flex-start);
168
+ // Fallback for browsers that don't support foreignObjects
169
+ text-anchor: start;
170
+ }
171
+
172
+ .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-start} {
173
+ //@include ct-chart-label($ct-text-color, $ct-text-size, center, $ct-vertical-text-justify);
174
+ @include ct-align-justify(center, flex-end);
175
+ // Fallback for browsers that don't support foreignObjects
176
+ text-anchor: end;
177
+ }
178
+
179
+ .#{$ct-class-chart-bar}.#{$ct-class-horizontal-bars} .#{$ct-class-label}.#{$ct-class-vertical}.#{$ct-class-end} {
180
+ @include ct-align-justify(center, flex-start);
181
+ // Fallback for browsers that don't support foreignObjects
182
+ text-anchor: end;
183
+ }
184
+
185
+ .#{$ct-class-grid} {
186
+ @include ct-chart-grid($ct-grid-color, $ct-grid-width, $ct-grid-dasharray);
187
+ }
188
+
189
+ .#{$ct-class-point} {
190
+ @include ct-chart-point($ct-point-size, $ct-point-shape);
191
+ }
192
+
193
+ .#{$ct-class-line} {
194
+ @include ct-chart-line($ct-line-width);
195
+ }
196
+
197
+ .#{$ct-class-area} {
198
+ @include ct-chart-area();
199
+ }
200
+
201
+ .#{$ct-class-bar} {
202
+ @include ct-chart-bar($ct-bar-width);
203
+ }
204
+
205
+ .#{$ct-class-slice-donut} {
206
+ @include ct-chart-donut($ct-donut-width);
207
+ }
208
+
209
+ @if $ct-include-colored-series {
210
+ @for $i from 0 to length($ct-series-names) {
211
+ .#{$ct-class-series}-#{nth($ct-series-names, $i + 1)} {
212
+ $color: nth($ct-series-colors, $i + 1);
213
+
214
+ @include ct-chart-series-color($color);
215
+ }
216
+ }
217
+ }
218
+ }
219
+
220
+ @if $ct-include-classes {
221
+ @include ct-chart();
222
+
223
+ @if $ct-include-alternative-responsive-containers {
224
+ @for $i from 0 to length($ct-scales-names) {
225
+ .#{nth($ct-scales-names, $i + 1)} {
226
+ @include ct-responsive-svg-container($ratio: nth($ct-scales, $i + 1));
227
+ }
228
+ }
229
+ }
230
+ }
@@ -0,0 +1,132 @@
1
+ /* Checkbox and radio */
2
+ .checkbox,
3
+ .radio {
4
+ margin-bottom: 12px;
5
+ padding-left: 30px;
6
+ position: relative;
7
+ -webkit-transition: color,opacity 0.25s linear;
8
+ transition: color,opacity 0.25s linear;
9
+ font-size: $font-size-base;
10
+ font-weight: normal;
11
+ line-height: 1.5;
12
+ color: $font-color;
13
+ cursor: pointer;
14
+
15
+ .icons {
16
+ color: $font-color;
17
+ display: block;
18
+ height: 20px;
19
+ left: 0;
20
+ position: absolute;
21
+ top: 0;
22
+ width: 20px;
23
+ text-align: center;
24
+ line-height: 21px;
25
+ font-size: 20px;
26
+ cursor: pointer;
27
+ -webkit-transition: color,opacity 0.15s linear;
28
+ transition: color,opacity 0.15s linear;
29
+
30
+ opacity: .50;
31
+ }
32
+
33
+
34
+ &.checked{
35
+ .icons{
36
+ opacity: 1;
37
+ }
38
+ }
39
+
40
+ input{
41
+ outline: none !important;
42
+ display: none;
43
+ }
44
+ }
45
+
46
+ .checkbox,
47
+ .radio{
48
+ label{
49
+ padding-left: 10px;
50
+ }
51
+ }
52
+
53
+ .checkbox .icons .first-icon,
54
+ .radio .icons .first-icon,
55
+ .checkbox .icons .second-icon,
56
+ .radio .icons .second-icon {
57
+ display: inline-table;
58
+ position: absolute;
59
+ left: 0;
60
+ top: 0;
61
+ background-color: transparent;
62
+ margin: 0;
63
+ @include opacity(1);
64
+ }
65
+ .checkbox .icons .second-icon,
66
+ .radio .icons .second-icon {
67
+ @include opacity(0);
68
+ }
69
+ .checkbox:hover,
70
+ .radio:hover {
71
+ -webkit-transition: color 0.2s linear;
72
+ transition: color 0.2s linear;
73
+ }
74
+ .checkbox:hover .first-icon,
75
+ .radio:hover .first-icon {
76
+ @include opacity(0);
77
+ }
78
+ .checkbox:hover .second-icon,
79
+ .radio:hover .second-icon {
80
+ @include opacity (1);
81
+ }
82
+ .checkbox.checked,
83
+ .radio.checked {
84
+ // color: $info-color;
85
+ }
86
+ .checkbox.checked .first-icon,
87
+ .radio.checked .first-icon {
88
+ opacity: 0;
89
+ filter: alpha(opacity=0);
90
+ }
91
+ .checkbox.checked .second-icon,
92
+ .radio.checked .second-icon {
93
+ opacity: 1;
94
+ filter: alpha(opacity=100);
95
+ // color: $info-color;
96
+ -webkit-transition: color 0.2s linear;
97
+ transition: color 0.2s linear;
98
+ }
99
+ .checkbox.disabled,
100
+ .radio.disabled {
101
+ cursor: default;
102
+ color: $medium-gray;
103
+ }
104
+ .checkbox.disabled .icons,
105
+ .radio.disabled .icons {
106
+ color: $medium-gray;
107
+ }
108
+ .checkbox.disabled .first-icon,
109
+ .radio.disabled .first-icon {
110
+ opacity: 1;
111
+ filter: alpha(opacity=100);
112
+ }
113
+ .checkbox.disabled .second-icon,
114
+ .radio.disabled .second-icon {
115
+ opacity: 0;
116
+ filter: alpha(opacity=0);
117
+ }
118
+ .checkbox.disabled.checked .icons,
119
+ .radio.disabled.checked .icons {
120
+ color: $medium-gray;
121
+ }
122
+ .checkbox.disabled.checked .first-icon,
123
+ .radio.disabled.checked .first-icon {
124
+ opacity: 0;
125
+ filter: alpha(opacity=0);
126
+ }
127
+ .checkbox.disabled.checked .second-icon,
128
+ .radio.disabled.checked .second-icon {
129
+ opacity: 1;
130
+ color: $medium-gray;
131
+ filter: alpha(opacity=100);
132
+ }
@@ -0,0 +1,115 @@
1
+ .dropdown-menu{
2
+ background-color: $pale-bg;
3
+ border: 0 none;
4
+ border-radius: $border-radius-extreme;
5
+ display: block;
6
+ margin-top: 10px;
7
+ padding: 0px;
8
+ position: absolute;
9
+ visibility: hidden;
10
+ z-index: 9000;
11
+
12
+ @include opacity(0);
13
+ @include box-shadow($dropdown-shadow);
14
+
15
+ // the style for opening dropdowns on mobile devices; for the desktop version check the _responsive.scss file
16
+ .open &{
17
+ @include opacity(1);
18
+ visibility: visible;
19
+ }
20
+
21
+ .divider{
22
+ background-color: $medium-pale-bg;
23
+ margin: 0px;
24
+ }
25
+
26
+ .dropdown-header{
27
+ color: $dark-gray;
28
+ font-size: $font-size-small;
29
+ padding: $padding-dropdown-vertical $padding-dropdown-horizontal;
30
+ }
31
+
32
+ // the style for the dropdown menu that appears under select, it is different from the default one
33
+ .select &{
34
+ border-radius: $border-radius-bottom;
35
+ @include box-shadow(none);
36
+ @include transform-origin($select-coordinates);
37
+ @include transform-scale(1);
38
+ @include transition($fast-transition-time, $transition-linear);
39
+ margin-top: -20px;
40
+ }
41
+ .select.open &{
42
+ margin-top: -1px;
43
+ }
44
+
45
+ > li > a {
46
+ color: $font-color;
47
+ font-size: $font-size-base;
48
+ padding: $padding-dropdown-vertical $padding-dropdown-horizontal;
49
+ @include transition-none();
50
+
51
+ img{
52
+ margin-top: -3px;
53
+ }
54
+ }
55
+ > li > a:focus{
56
+ outline: 0 !important;
57
+ }
58
+
59
+ .btn-group.select &{
60
+ min-width: 100%;
61
+ }
62
+
63
+ > li:first-child > a{
64
+ border-top-left-radius: $border-radius-extreme;
65
+ border-top-right-radius: $border-radius-extreme;
66
+ }
67
+
68
+ > li:last-child > a{
69
+ border-bottom-left-radius: $border-radius-extreme;
70
+ border-bottom-right-radius: $border-radius-extreme;
71
+ }
72
+
73
+ .select & > li:first-child > a{
74
+ border-radius: 0;
75
+ border-bottom: 0 none;
76
+ }
77
+
78
+ > li > a:hover,
79
+ > li > a:focus {
80
+ background-color: $default-color;
81
+ color: $fill-font-color;
82
+ opacity: 1;
83
+ text-decoration: none;
84
+ }
85
+
86
+ &.dropdown-primary > li > a:hover,
87
+ &.dropdown-primary > li > a:focus{
88
+ background-color: $primary-color;
89
+ }
90
+ &.dropdown-info > li > a:hover,
91
+ &.dropdown-info > li > a:focus{
92
+ background-color: $info-color;
93
+ }
94
+ &.dropdown-success > li > a:hover,
95
+ &.dropdown-success > li > a:focus{
96
+ background-color: $success-color;
97
+ }
98
+ &.dropdown-warning > li > a:hover,
99
+ &.dropdown-warning > li > a:focus{
100
+ background-color: $warning-color;
101
+ }
102
+ &.dropdown-danger > li > a:hover,
103
+ &.dropdown-danger > li > a:focus{
104
+ background-color: $danger-color;
105
+ }
106
+
107
+ }
108
+
109
+ //fix bug for the select items in btn-group
110
+ .btn-group.select{
111
+ overflow: hidden;
112
+ }
113
+ .btn-group.select.open{
114
+ overflow: visible;
115
+ }