viniBaxter-desk_front 0.3.1 → 0.4.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (143) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/desk_front/icon-status.svg +9 -0
  3. data/app/assets/images/desk_front/sidebar-cover.jpg +0 -0
  4. data/lib/viniBaxter/desk_front/version.rb +1 -1
  5. data/lib/viniBaxter/sass/.DS_Store +0 -0
  6. data/lib/viniBaxter/sass/desk_front.scss +10 -4
  7. data/lib/viniBaxter/sass/desk_front/.DS_Store +0 -0
  8. data/lib/viniBaxter/sass/desk_front/administrate/base/_tables.scss +3 -1
  9. data/lib/viniBaxter/sass/desk_front/administrate/index.scss +6 -6
  10. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_functions.scss +23 -0
  11. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_index.scss +85 -0
  12. data/lib/viniBaxter/sass/desk_front/beckyBaxter/_mixins.scss +15 -0
  13. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-animation-on-hover.scss +7 -0
  14. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-chart.scss +84 -0
  15. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-collapse.scss +51 -0
  16. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-contributions.scss +55 -0
  17. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-lock.scss +18 -0
  18. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-map.scss +3 -0
  19. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-plain.scss +16 -0
  20. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-pricing.scss +190 -0
  21. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-profile.scss +49 -0
  22. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-register.scss +79 -0
  23. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-stats-mini.scss +53 -0
  24. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-stats.scss +80 -0
  25. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-subcategories.scss +3 -0
  26. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-task.scss +31 -0
  27. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-testimonials.scss +46 -0
  28. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-user.scss +77 -0
  29. data/lib/viniBaxter/sass/desk_front/beckyBaxter/cards/_card-wizard.scss +21 -0
  30. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_alerts.scss +89 -0
  31. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_avatars.scss +53 -0
  32. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_badge.scss +25 -0
  33. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_buttons.scss +281 -0
  34. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_card.scss +228 -0
  35. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_checkboxes-radio.scss +154 -0
  36. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_close.scss +29 -0
  37. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_custom-forms.scss +186 -0
  38. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_dropdown.scss +361 -0
  39. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_example-pages.scss +319 -0
  40. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_fixed-plugin.scss +335 -0
  41. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_footer.scss +109 -0
  42. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_forms.scss +146 -0
  43. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_functions.scss +23 -0
  44. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_global.scss +172 -0
  45. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_grid.scss +5 -0
  46. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_icons.scss +92 -0
  47. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_images.scss +7 -0
  48. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_info-areas.scss +170 -0
  49. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_input-group.scss +342 -0
  50. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_misc.scss +215 -0
  51. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_mixins.scss +15 -0
  52. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_modal.scss +257 -0
  53. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_nav.scss +85 -0
  54. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_navbar.scss +480 -0
  55. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_pagination.scss +141 -0
  56. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_pills.scss +169 -0
  57. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_popover.scss +14 -0
  58. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_progress.scss +103 -0
  59. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_reboot.scss +18 -0
  60. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_rtl.scss +268 -0
  61. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_sidebar-and-main-panel.scss +912 -0
  62. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_tables.scss +248 -0
  63. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_tabs.scss +110 -0
  64. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_timeline.scss +251 -0
  65. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_type.scss +166 -0
  66. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_utilities.scss +9 -0
  67. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_variables.scss +997 -0
  68. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/_white-content.scss +491 -0
  69. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-animation-on-hover.scss +7 -0
  70. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-chart.scss +84 -0
  71. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-collapse.scss +51 -0
  72. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-contributions.scss +55 -0
  73. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-lock.scss +18 -0
  74. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-map.scss +3 -0
  75. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-plain.scss +16 -0
  76. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-pricing.scss +190 -0
  77. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-profile.scss +49 -0
  78. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-register.scss +79 -0
  79. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-stats-mini.scss +53 -0
  80. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-stats.scss +80 -0
  81. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-subcategories.scss +3 -0
  82. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-task.scss +31 -0
  83. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-testimonials.scss +46 -0
  84. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-user.scss +77 -0
  85. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/cards/_card-wizard.scss +21 -0
  86. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_alert.scss +14 -0
  87. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_background-variant.scss +18 -0
  88. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_badges.scss +15 -0
  89. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_buttons.scss +343 -0
  90. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_dropdown.scss +26 -0
  91. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_forms.scss +127 -0
  92. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_icon.scss +4 -0
  93. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_inputs.scss +234 -0
  94. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_modals.scss +15 -0
  95. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_page-header.scss +7 -0
  96. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_popovers.scss +41 -0
  97. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_vendor-prefixes.scss +202 -0
  98. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/_wizard.scss +26 -0
  99. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/mixins/opacity.scss +8 -0
  100. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_backgrounds.scss +42 -0
  101. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_floating.scss +54 -0
  102. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_helper.scss +62 -0
  103. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_position.scss +19 -0
  104. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_shadows.scss +10 -0
  105. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_sizing.scss +5 -0
  106. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_spacing.scss +105 -0
  107. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_text.scss +40 -0
  108. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/utilities/_transform.scss +8 -0
  109. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-animate-bootstrap-notify.scss +227 -0
  110. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-bootstrap-select.scss +358 -0
  111. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-bootstrap-switch.scss +316 -0
  112. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-card-wizard.scss +315 -0
  113. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-datatables.net.scss +135 -0
  114. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-datetimepicker.scss +527 -0
  115. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-fullcalendar.scss +1528 -0
  116. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-jasny-fileupload.scss +116 -0
  117. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-jquery.jvectormap.scss +136 -0
  118. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-nouislider.scss +373 -0
  119. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-perfect-scrollbar.scss +116 -0
  120. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-sweetalert2.scss +711 -0
  121. data/lib/viniBaxter/sass/desk_front/beckyBaxter/custom/vendor/_plugin-tagsinput.scss +79 -0
  122. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_alert.scss +14 -0
  123. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_background-variant.scss +18 -0
  124. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_badges.scss +15 -0
  125. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_buttons.scss +343 -0
  126. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_dropdown.scss +26 -0
  127. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_forms.scss +127 -0
  128. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_icon.scss +4 -0
  129. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_inputs.scss +234 -0
  130. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_modals.scss +15 -0
  131. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_page-header.scss +7 -0
  132. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_popovers.scss +41 -0
  133. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_vendor-prefixes.scss +202 -0
  134. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/_wizard.scss +26 -0
  135. data/lib/viniBaxter/sass/desk_front/beckyBaxter/mixins/opacity.scss +8 -0
  136. data/lib/viniBaxter/sass/desk_front/dashkit/_avatar.scss +1 -1
  137. data/lib/viniBaxter/sass/desk_front/dashkit/_card.scss +2 -2
  138. data/lib/viniBaxter/sass/desk_front/dashkit/_icon.scss +2 -2
  139. data/lib/viniBaxter/sass/desk_front/dashkit/_list-group.scss +4 -3
  140. data/lib/viniBaxter/sass/desk_front/dashkit/_navbar.scss +4 -4
  141. data/viniBaxter-desk_front.gemspec +1 -1
  142. metadata +132 -18
  143. data/Gemfile.lock +0 -35
@@ -0,0 +1,248 @@
1
+ .table{
2
+
3
+ > tbody > tr > td {
4
+ color: rgba(255, 255, 255, 0.7) !important;
5
+
6
+ .photo {
7
+ height: 30px;
8
+ width: 30px;
9
+ border-radius: 50%;
10
+ overflow: hidden;
11
+ margin: 0 auto;
12
+
13
+ img {
14
+ width: 100%;
15
+ }
16
+ }
17
+ }
18
+
19
+ > tbody > tr.table-success > td{
20
+ background-color: darken($success,10%);
21
+ }
22
+
23
+ > tbody > tr.table-info > td{
24
+ background-color: $info;
25
+ }
26
+
27
+ > tbody > tr.table-primary > td{
28
+ background-color: $primary;
29
+ }
30
+
31
+ > tbody > tr.table-warning > td{
32
+ background-color: $warning;
33
+ }
34
+ > tbody > tr.table-danger > td{
35
+ background-color: $danger;
36
+ }
37
+
38
+
39
+ .img-wrapper{
40
+ width: 40px;
41
+ height: 40px;
42
+ border-radius: 50%;
43
+ overflow: hidden;
44
+ margin: 0 auto;
45
+ }
46
+
47
+ .img-row{
48
+ max-width: 60px;
49
+ width: 60px;
50
+ }
51
+
52
+ .form-check{
53
+ margin: 0;
54
+ margin-top: 5px;
55
+
56
+ & label .form-check-sign::before,
57
+ & label .form-check-sign::after{
58
+ top: -17px;
59
+ left: 4px;
60
+ }
61
+ }
62
+
63
+ .btn{
64
+ margin: 0;
65
+ }
66
+
67
+ small,.small{
68
+ font-weight: 300;
69
+ }
70
+
71
+ .card-tasks .card-body &{
72
+ margin-bottom: 0;
73
+
74
+ > thead > tr > th,
75
+ > tbody > tr > th,
76
+ > tfoot > tr > th,
77
+ > thead > tr > td,
78
+ > tbody > tr > td,
79
+ > tfoot > tr > td{
80
+ padding-top: 5px;
81
+ padding-bottom: 5px;
82
+ }
83
+ }
84
+
85
+ > thead > tr > th{
86
+ border-bottom-width: 1px;
87
+ font-size: 12px;
88
+ text-transform: uppercase;
89
+ font-weight: $font-weight-extra-bold;
90
+ border: 0;
91
+ color: rgba($white, 0.7);
92
+ }
93
+
94
+ .radio,
95
+ .checkbox{
96
+ margin-top: 0;
97
+ margin-bottom: 0;
98
+ padding: 0;
99
+ width: 15px;
100
+
101
+ .icons{
102
+ position: relative;
103
+ }
104
+
105
+ label{
106
+ &:after,
107
+ &:before{
108
+ top: -17px;
109
+ left: -3px;
110
+ }
111
+ }
112
+ }
113
+ > thead > tr > th,
114
+ > tbody > tr > th,
115
+ > tfoot > tr > th,
116
+ > thead > tr > td,
117
+ > tbody > tr > td,
118
+ > tfoot > tr > td{
119
+ border-color: rgba(255, 255, 255, 0.1);
120
+ padding: 12px 7px;
121
+ vertical-align: middle;
122
+ }
123
+
124
+ &.table-shopping tbody tr:last-child td{
125
+ border: none;
126
+ }
127
+
128
+ .th-description{
129
+ max-width: 150px;
130
+ }
131
+ .td-price{
132
+ font-size: 26px;
133
+ font-weight: $font-weight-light;
134
+ margin-top: 5px;
135
+ position: relative;
136
+ top: 4px;
137
+ text-align: right;
138
+ }
139
+ .td-total{
140
+ font-weight: $font-weight-bold;
141
+ font-size: $h5-font-size;
142
+ padding-top: 20px;
143
+ text-align: right;
144
+ }
145
+
146
+ .td-actions .btn{
147
+ margin: 0px;
148
+ }
149
+
150
+ > tbody > tr{
151
+ position: relative;
152
+ }
153
+
154
+ > tfoot > tr {
155
+ color: hsla(0,0%,100%,.7);
156
+ text-transform: uppercase;
157
+ }
158
+
159
+ }
160
+
161
+ .table-shopping{
162
+ > thead > tr > th{
163
+ text-transform: uppercase;
164
+ }
165
+ > tbody > tr > td{
166
+ font-size: $font-paragraph;
167
+
168
+ b{
169
+ display: block;
170
+ margin-bottom: 5px;
171
+ }
172
+ }
173
+ .td-name{
174
+ font-weight: $font-weight-normal;
175
+ font-size: 1.5em;
176
+ small{
177
+ color: $dark-gray;
178
+ font-size: 0.75em;
179
+ font-weight: $font-weight-light;
180
+ }
181
+ }
182
+ .td-number{
183
+ font-weight: $font-weight-light;
184
+
185
+ .btn-group {
186
+ padding-right: 15px;
187
+ }
188
+ }
189
+ .td-name{
190
+ min-width: 200px;
191
+ }
192
+ .td-number{
193
+ text-align: right;
194
+ min-width: 170px;
195
+
196
+ small{
197
+ margin-right: 3px;
198
+ }
199
+ }
200
+
201
+ .img-container{
202
+ width: 120px;
203
+ max-height: 160px;
204
+ overflow: hidden;
205
+ display: block;
206
+
207
+ img{
208
+ width: 100%;
209
+ }
210
+ }
211
+ }
212
+
213
+ .table-responsive{
214
+ overflow: scroll;
215
+ padding-bottom: 10px;
216
+ }
217
+
218
+ #tables .table-responsive{
219
+ margin-bottom: 30px;
220
+ }
221
+
222
+ table.tablesorter thead tr .header{
223
+ background-image: url("../img/bg.gif");
224
+ background-repeat: no-repeat;
225
+ background-position: center right;
226
+ cursor: pointer;
227
+ }
228
+
229
+ table.tablesorter thead tr .headerSortUp {
230
+ background-image: url("../img/asc.gif");
231
+ }
232
+ table.tablesorter thead tr .headerSortDown {
233
+ background-image: url("../img/desc.gif");
234
+ }
235
+
236
+
237
+ // datatables
238
+
239
+
240
+ .dataTables_wrapper {
241
+ .table-striped tbody tr:nth-of-type(odd) {
242
+ background-color: rgba(0,0,0,.05);
243
+ }
244
+
245
+ .form-control-sm {
246
+ font-size: 10px;
247
+ }
248
+ }
@@ -0,0 +1,110 @@
1
+ // This file has been autogenerated by grunt task lessToSass. Any changes will be overwritten.
2
+
3
+ .nav-tabs {
4
+ border: 0;
5
+ padding: $padding-base-vertical $padding-base-horizontal;
6
+
7
+ > .nav-item{
8
+ > .nav-link{
9
+ color: $white;
10
+ margin: 0;
11
+ margin-right: 5px;
12
+ background-color: $transparent-bg;
13
+ border-radius: 30px;
14
+ padding: $padding-btn-vertical $padding-round-horizontal;
15
+ line-height: $line-height-sm;
16
+
17
+ &:hover {
18
+ background-color: $transparent-bg;
19
+ border: 1px solid darken($black,5%);
20
+ color: rgba($white, 0.8);
21
+ }
22
+
23
+ &.active{
24
+ border: 1px solid $white;
25
+ border-radius: 30px;
26
+ }
27
+
28
+ i.tim-icons{
29
+ font-size: 14px;
30
+ position: relative;
31
+ top: 1px;
32
+ margin-right: 3px;
33
+ }
34
+ }
35
+
36
+ &.disabled > .nav-link,
37
+ &.disabled > .nav-link:hover {
38
+ color: rgba(255,255,255,0.5);
39
+ }
40
+ }
41
+
42
+ &.nav-tabs-neutral{
43
+ > .nav-item{
44
+ > .nav-link{
45
+ color: $white;
46
+
47
+ &.active{
48
+ border-color: $opacity-5;
49
+ color: $white;
50
+ }
51
+ }
52
+ }
53
+ }
54
+
55
+ &.nav-tabs-primary{
56
+ > .nav-item{
57
+ > .nav-link{
58
+ &.active{
59
+ border-color: $primary;
60
+ color: $primary;
61
+ }
62
+ }
63
+ }
64
+ }
65
+
66
+ &.nav-tabs-info{
67
+ > .nav-item{
68
+ > .nav-link{
69
+ &.active{
70
+ border-color: $info;
71
+ color: $info;
72
+ }
73
+ }
74
+ }
75
+ }
76
+
77
+ &.nav-tabs-danger{
78
+ > .nav-item{
79
+ > .nav-link{
80
+ &.active{
81
+ border-color: $danger;
82
+ color: $danger;
83
+ }
84
+ }
85
+ }
86
+ }
87
+
88
+ &.nav-tabs-warning{
89
+ > .nav-item{
90
+ > .nav-link{
91
+ &.active{
92
+ border-color: $warning;
93
+ color: $warning;
94
+ }
95
+ }
96
+ }
97
+ }
98
+
99
+ &.nav-tabs-success{
100
+ > .nav-item{
101
+ > .nav-link{
102
+ &.active{
103
+ border-color: $success;
104
+ color: $success;
105
+ }
106
+ }
107
+ }
108
+ }
109
+
110
+ }
@@ -0,0 +1,251 @@
1
+ .card.card-timeline{
2
+ .card-body {
3
+ padding-left: 0;
4
+ padding-right: 0;
5
+ }
6
+ .timeline {
7
+ list-style: none;
8
+ padding: 20px 0 20px;
9
+ position: relative;
10
+
11
+ &:before {
12
+ top: 0;
13
+ bottom: 0;
14
+ position: absolute;
15
+ content: " ";
16
+ width: 3px;
17
+ background-color: $black;
18
+ left: 50%;
19
+ margin-left: -1.5px;
20
+ }
21
+
22
+ .timeline-footer {
23
+ .btn{
24
+ margin: 0;
25
+
26
+ &.dropdown-toggle {
27
+ i {
28
+ top: -1px;
29
+ left: 10px;
30
+ }
31
+
32
+ &:after {
33
+ margin-left: 20px !important;
34
+ }
35
+ }
36
+ }
37
+ }
38
+
39
+ h6{
40
+ color: rgba($white,0.8);
41
+ font-weight: 400;
42
+ margin: 10px 0px 0px;
43
+ }
44
+
45
+ &.timeline-simple {
46
+
47
+ &:before {
48
+ left: 5%;
49
+ }
50
+
51
+ > li > .timeline-panel {
52
+ width: 86%;
53
+ }
54
+
55
+ > li > .timeline-badge {
56
+ left: 5%;
57
+ }
58
+ }
59
+
60
+ > li {
61
+ margin-bottom: 20px;
62
+ position: relative;
63
+
64
+ &:before,
65
+ &:after {
66
+ content: " ";
67
+ display: table;
68
+ }
69
+
70
+ &:after {
71
+ clear: both;
72
+ }
73
+
74
+ }
75
+
76
+ > li > .timeline-panel {
77
+ background: $card-black-background;
78
+ width: 45%;
79
+ float: left;
80
+ padding: 20px;
81
+ border-radius: $border-radius-sm;
82
+ box-shadow: 0 1px 20px 0px rgba(0, 0, 0, 0.1);
83
+ color: $black;
84
+ margin-bottom: 20px;
85
+ position: relative;
86
+
87
+ &:before {
88
+ position: absolute;
89
+ top: 26px;
90
+ right: -15px;
91
+ display: inline-block;
92
+ border-top: 15px solid transparent;
93
+ border-left: 15px solid $black;
94
+ border-right: 0 solid $black;
95
+ border-bottom: 15px solid transparent;
96
+ content: " ";
97
+ }
98
+
99
+ &:after {
100
+ position: absolute;
101
+ top: 27px;
102
+ right: -14px;
103
+ display: inline-block;
104
+ border-top: 14px solid transparent;
105
+ border-left: 14px solid $card-black-background;
106
+ border-right: 0 solid $card-black-background;
107
+ border-bottom: 14px solid transparent;
108
+ content: " ";
109
+ }
110
+
111
+ &.timeline-panel-white{
112
+ background: $white;
113
+ .timeline-body p{
114
+ color: $black-states;
115
+ }
116
+
117
+ &:after, &:before{
118
+ border-right-color: $white;
119
+ border-left-color: $white;
120
+ }
121
+ }
122
+ }
123
+
124
+
125
+
126
+ > li > .timeline-badge {
127
+ color: $white;
128
+ width: 50px;
129
+ height: 50px;
130
+ line-height: 51px;
131
+ font-size: 1.4em;
132
+ text-align: center;
133
+ position: absolute;
134
+ top: 16px;
135
+ left: 50%;
136
+ margin-left: -25px;
137
+ background-color: $dark-gray;
138
+ z-index: 100;
139
+ border-top-right-radius: 50%;
140
+ border-top-left-radius: 50%;
141
+ border-bottom-right-radius: 50%;
142
+ border-bottom-left-radius: 50%;
143
+
144
+ [class^="ti-"],
145
+ [class*=" ti-"]{
146
+ line-height: inherit;
147
+ }
148
+
149
+ .tim-icons{
150
+ width: 25px;
151
+ height: 21px;
152
+ text-align: center;
153
+ }
154
+ }
155
+
156
+
157
+
158
+ > li.timeline-inverted > .timeline-panel {
159
+ float: right;
160
+
161
+ &:before {
162
+ border-left-width: 0;
163
+ border-right-width: 15px;
164
+ left: -15px;
165
+ right: auto;
166
+ }
167
+
168
+ &:after {
169
+ border-left-width: 0;
170
+ border-right-width: 14px;
171
+ left: -14px;
172
+ right: auto;
173
+ }
174
+
175
+ }
176
+
177
+
178
+ }
179
+ .timeline-heading{
180
+ margin-bottom: 15px;
181
+ }
182
+ .timeline-badge.primary {
183
+ background-color: $info !important;
184
+ }
185
+ .timeline-badge.info {
186
+ background-color: $info !important;
187
+ }
188
+
189
+ .timeline-badge.success {
190
+ background-color: darken($success,10%) !important;
191
+ }
192
+
193
+ .timeline-badge.warning {
194
+ background-color: $warning !important;
195
+ }
196
+
197
+ .timeline-badge.danger {
198
+ background-color: $danger !important;
199
+ }
200
+
201
+
202
+ .timeline-title {
203
+ margin-top: 0;
204
+ color: inherit;
205
+ }
206
+
207
+ .timeline-body > p,
208
+ .timeline-body > ul {
209
+ margin-bottom: 0;
210
+ color: $white;
211
+ }
212
+
213
+ .timeline-body > p + p {
214
+ margin-top: 5px;
215
+ }
216
+
217
+
218
+ }
219
+
220
+ @include media-breakpoint-down(sm){
221
+ .card.card-timeline {
222
+ .timeline {
223
+ &:before {
224
+ left: 5%;
225
+ }
226
+
227
+ > li > .timeline-badge {
228
+ left: 5%;
229
+ }
230
+
231
+ > li > .timeline-panel{
232
+ float: right;
233
+ width: 83% !important;
234
+
235
+ &:before{
236
+ border-left-width: 0;
237
+ border-right-width: 15px;
238
+ left: -15px;
239
+ right: auto;
240
+ }
241
+
242
+ &:after{
243
+ border-left-width: 0;
244
+ border-right-width: 14px;
245
+ left: -14px;
246
+ right: auto;
247
+ }
248
+ }
249
+ }
250
+ }
251
+ }