bootstrap-material-design 0.0.1 → 0.0.2
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.
- checksums.yaml +4 -4
- data/README.md +7 -1
- data/app/assets/javascripts/bootstrap-material-design/material.js +13 -13
- data/app/assets/javascripts/bootstrap-material-design/ripples.js +40 -34
- data/app/assets/stylesheets/bootstrap-material-design/material-wfont.css +375 -45
- data/app/assets/stylesheets/bootstrap-material-design/material.css +375 -45
- data/app/assets/stylesheets/bootstrap-material-design/ripples.css +11 -5
- data/bootstrap-material-design.gemspec +2 -2
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: e95fd73f026ff570b81f51a4b87ee4aeebc80a00
|
|
4
|
+
data.tar.gz: 28c774c5618457be32d90dc70dac37757e586f91
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b69161dc24b740d1283812ee4a9e3462297886bf04744da68660101ff29c793f3b8f405498cbaa3195580a533283b3916069b64278c60b64731151b1d621de8c
|
|
7
|
+
data.tar.gz: 605454c5ce8b2e70aabf56eb43c67c0351b0e965351720b0b3ce6041edfcd6cd0ef753caf94e86b1c878e4c78987c092a88dea478ff567f9072d2994d859a7bb
|
data/README.md
CHANGED
|
@@ -44,9 +44,15 @@ Then restart your webserver if it was previously running.
|
|
|
44
44
|
|
|
45
45
|
That's it, hava fun!
|
|
46
46
|
|
|
47
|
+
Also you can see more details about bootstrap-material-design at [this link](https://github.com/FezVrasta/bootstrap-material-design).
|
|
48
|
+
|
|
49
|
+
## Thanks
|
|
50
|
+
* [Bootstrap](http://getbootstrap.com/)
|
|
51
|
+
* [Bootstrap Material Design](https://github.com/FezVrasta/bootstrap-material-design)
|
|
52
|
+
|
|
47
53
|
## Contributing
|
|
48
54
|
|
|
49
|
-
1. Fork it
|
|
55
|
+
1. Fork it
|
|
50
56
|
2. Create your feature branch (`git checkout -b my-new-feature`)
|
|
51
57
|
3. Commit your changes (`git commit -am 'Add some feature'`)
|
|
52
58
|
4. Push to the branch (`git push origin my-new-feature`)
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
/* globals ripples */
|
|
2
|
-
|
|
2
|
+
|
|
3
3
|
$(function (){
|
|
4
|
-
|
|
5
|
-
if (ripples) {
|
|
6
|
-
ripples.init(".btn:not(.btn-link), .navbar a, .nav-tabs a, .withripple");
|
|
4
|
+
|
|
5
|
+
if (typeof ripples == "object") {
|
|
6
|
+
ripples.init(".btn:not(.btn-link), .navbar a:not(.withoutripple), .nav-tabs a:not(.withoutripple), .withripple");
|
|
7
7
|
}
|
|
8
|
-
|
|
8
|
+
|
|
9
9
|
var initInputs = function() {
|
|
10
10
|
// Add fake-checkbox to material checkboxes
|
|
11
11
|
$(".checkbox > label > input").not(".bs-material").addClass("bs-material").after("<span class=check></span>");
|
|
12
|
-
|
|
12
|
+
|
|
13
13
|
// Add fake-radio to material radios
|
|
14
14
|
$(".radio > label > input").not(".bs-material").addClass("bs-material").after("<span class=circle></span><span class=check></span>");
|
|
15
|
-
|
|
15
|
+
|
|
16
16
|
// Add elements for material inputs
|
|
17
17
|
$("input.form-control, textarea.form-control, select.form-control").not(".bs-material").each( function() {
|
|
18
18
|
if ($(this).is(".bs-material")) { return; }
|
|
@@ -26,17 +26,17 @@ $(function (){
|
|
|
26
26
|
if ($(this).is(":empty") || $(this).val() === null || $(this).val() == "undefined" || $(this).val() === "") {
|
|
27
27
|
$(this).addClass("empty");
|
|
28
28
|
}
|
|
29
|
-
|
|
29
|
+
|
|
30
30
|
if ($(this).parent().next().is("[type=file]")) {
|
|
31
31
|
$(this).parent().addClass("fileinput");
|
|
32
32
|
var $input = $(this).parent().next().detach();
|
|
33
33
|
$(this).after($input);
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
|
-
|
|
36
|
+
|
|
37
37
|
};
|
|
38
38
|
initInputs();
|
|
39
|
-
|
|
39
|
+
|
|
40
40
|
// Support for "arrive.js" to dynamically detect creation of elements
|
|
41
41
|
// include it before this script to take advantage of this feature
|
|
42
42
|
// https://github.com/uzairfarooq/arrive/
|
|
@@ -45,11 +45,11 @@ $(function (){
|
|
|
45
45
|
initInputs();
|
|
46
46
|
});
|
|
47
47
|
}
|
|
48
|
-
|
|
48
|
+
|
|
49
49
|
$(document).on("change", ".checkbox input", function() {
|
|
50
50
|
$(this).blur();
|
|
51
51
|
});
|
|
52
|
-
|
|
52
|
+
|
|
53
53
|
$(document).on("keyup change", ".form-control", function() {
|
|
54
54
|
var self = $(this);
|
|
55
55
|
setTimeout(function() {
|
|
@@ -81,4 +81,4 @@ $(function (){
|
|
|
81
81
|
}
|
|
82
82
|
$(this).prev().val(value);
|
|
83
83
|
});
|
|
84
|
-
});
|
|
84
|
+
});
|
|
@@ -1,33 +1,33 @@
|
|
|
1
1
|
/* Copyright 2014+, Federico Zivolo, LICENSE at https://github.com/FezVrasta/bootstrap-material-design/blob/master/LICENSE.md */
|
|
2
2
|
/* globals CustomEvent */
|
|
3
|
-
|
|
3
|
+
|
|
4
4
|
var ripples = {
|
|
5
5
|
init : function(withRipple) {
|
|
6
6
|
"use strict";
|
|
7
|
-
|
|
7
|
+
|
|
8
8
|
// Cross browser matches function
|
|
9
9
|
function matchesSelector(dom_element, selector) {
|
|
10
10
|
var matches = dom_element.matches || dom_element.matchesSelector || dom_element.webkitMatchesSelector || dom_element.mozMatchesSelector || dom_element.msMatchesSelector || dom_element.oMatchesSelector;
|
|
11
11
|
return matches.call(dom_element, selector);
|
|
12
12
|
}
|
|
13
|
-
|
|
13
|
+
|
|
14
14
|
// animations time
|
|
15
15
|
var rippleOutTime = 100,
|
|
16
16
|
rippleStartTime = 500;
|
|
17
|
-
|
|
17
|
+
|
|
18
18
|
// Helper to bind events on dynamically created elements
|
|
19
19
|
var bind = function(event, selector, callback) {
|
|
20
20
|
document.addEventListener(event, function(e) {
|
|
21
21
|
var target = (typeof e.detail !== "number") ? e.detail : e.target;
|
|
22
|
-
|
|
22
|
+
|
|
23
23
|
if (matchesSelector(target, selector)) {
|
|
24
24
|
callback(e, target);
|
|
25
25
|
}
|
|
26
26
|
});
|
|
27
27
|
};
|
|
28
|
-
|
|
28
|
+
|
|
29
29
|
var rippleStart = function(e, target) {
|
|
30
|
-
|
|
30
|
+
|
|
31
31
|
// Init variables
|
|
32
32
|
var $rippleWrapper = target,
|
|
33
33
|
$el = $rippleWrapper.parentNode,
|
|
@@ -37,50 +37,49 @@ var ripples = {
|
|
|
37
37
|
scale = "transform:scale(" + Math.round($rippleWrapper.offsetWidth / 5) + ")",
|
|
38
38
|
rippleEnd = new CustomEvent("rippleEnd", {detail: $ripple}),
|
|
39
39
|
refreshElementStyle;
|
|
40
|
-
|
|
40
|
+
|
|
41
41
|
$ripplecache = $ripple;
|
|
42
|
-
|
|
42
|
+
|
|
43
43
|
// Set ripple class
|
|
44
44
|
$ripple.className = "ripple";
|
|
45
|
-
|
|
45
|
+
|
|
46
46
|
// Move ripple to the mouse position
|
|
47
47
|
$ripple.setAttribute("style", "left:" + mousePos.x + "px; top:" + mousePos.y + "px;");
|
|
48
|
-
|
|
48
|
+
|
|
49
49
|
// Insert new ripple into ripple wrapper
|
|
50
50
|
$rippleWrapper.appendChild($ripple);
|
|
51
|
-
|
|
51
|
+
|
|
52
52
|
// Make sure the ripple has the class applied (ugly hack but it works)
|
|
53
53
|
refreshElementStyle = window.getComputedStyle($ripple).opacity;
|
|
54
|
-
|
|
54
|
+
|
|
55
55
|
// Let other funtions know that this element is animating
|
|
56
56
|
$ripple.dataset.animating = 1;
|
|
57
|
-
|
|
57
|
+
|
|
58
58
|
// Set scale value to ripple and animate it
|
|
59
59
|
$ripple.className = "ripple ripple-on";
|
|
60
60
|
$ripple.setAttribute("style", $ripple.getAttribute("style") + ["-ms-" + scale,"-moz-" + scale,"-webkit-" + scale,scale].join(";"));
|
|
61
|
-
|
|
61
|
+
|
|
62
62
|
// This function is called when the animation is finished
|
|
63
63
|
setTimeout(function() {
|
|
64
|
-
|
|
64
|
+
|
|
65
65
|
// Let know to other functions that this element has finished the animation
|
|
66
66
|
$ripple.dataset.animating = 0;
|
|
67
67
|
document.dispatchEvent(rippleEnd);
|
|
68
|
-
|
|
68
|
+
|
|
69
69
|
}, rippleStartTime);
|
|
70
|
-
|
|
70
|
+
|
|
71
71
|
};
|
|
72
|
-
|
|
72
|
+
|
|
73
73
|
var rippleOut = function($ripple) {
|
|
74
|
-
console.log($ripple);
|
|
75
74
|
// Clear previous animation
|
|
76
75
|
$ripple.className = "ripple ripple-on ripple-out";
|
|
77
|
-
|
|
76
|
+
|
|
78
77
|
// Let ripple fade out (with CSS)
|
|
79
78
|
setTimeout(function() {
|
|
80
79
|
$ripple.remove();
|
|
81
80
|
}, rippleOutTime);
|
|
82
81
|
};
|
|
83
|
-
|
|
82
|
+
|
|
84
83
|
// Helper, need to know if mouse is up or down
|
|
85
84
|
var mouseDown = false;
|
|
86
85
|
document.body.onmousedown = function() {
|
|
@@ -89,32 +88,39 @@ var ripples = {
|
|
|
89
88
|
document.body.onmouseup = function() {
|
|
90
89
|
mouseDown = false;
|
|
91
90
|
};
|
|
92
|
-
|
|
91
|
+
|
|
93
92
|
// Append ripple wrapper if not exists already
|
|
94
93
|
var rippleInit = function(e, target) {
|
|
95
|
-
|
|
94
|
+
|
|
96
95
|
if (target.getElementsByClassName("ripple-wrapper").length === 0) {
|
|
97
96
|
target.className += " withripple";
|
|
98
97
|
var $rippleWrapper = document.createElement("div");
|
|
99
98
|
$rippleWrapper.className = "ripple-wrapper";
|
|
100
99
|
target.appendChild($rippleWrapper);
|
|
101
100
|
}
|
|
102
|
-
|
|
101
|
+
|
|
103
102
|
};
|
|
104
|
-
|
|
105
|
-
|
|
103
|
+
|
|
104
|
+
|
|
106
105
|
var $ripplecache;
|
|
107
|
-
|
|
106
|
+
|
|
108
107
|
// Events handler
|
|
109
108
|
// init RippleJS and start ripple effect on mousedown
|
|
110
109
|
bind("mouseover", withRipple, rippleInit);
|
|
111
|
-
|
|
112
|
-
console.log(withRipple);
|
|
110
|
+
|
|
113
111
|
// start ripple effect on mousedown
|
|
114
|
-
bind("mousedown", ".ripple-wrapper",
|
|
112
|
+
bind("mousedown", ".ripple-wrapper", function(e, $ripple) {
|
|
113
|
+
// Start ripple only on left or middle mouse click
|
|
114
|
+
if (e.which === 1 || e.which === 2) {
|
|
115
|
+
rippleStart(e, $ripple);
|
|
116
|
+
}
|
|
117
|
+
});
|
|
115
118
|
// if animation ends and user is not holding mouse then destroy the ripple
|
|
116
119
|
bind("rippleEnd", ".ripple-wrapper .ripple", function(e, $ripple) {
|
|
117
|
-
|
|
120
|
+
|
|
121
|
+
var $ripples = $ripple.parentNode.getElementsByClassName("ripple");
|
|
122
|
+
|
|
123
|
+
if (!mouseDown || ( $ripples[0] == $ripple && $ripples.length > 1)) {
|
|
118
124
|
rippleOut($ripple);
|
|
119
125
|
}
|
|
120
126
|
});
|
|
@@ -125,6 +131,6 @@ var ripples = {
|
|
|
125
131
|
rippleOut($ripple);
|
|
126
132
|
}
|
|
127
133
|
});
|
|
128
|
-
|
|
134
|
+
|
|
129
135
|
}
|
|
130
|
-
};
|
|
136
|
+
};
|
|
@@ -1,4 +1,18 @@
|
|
|
1
1
|
@import url(//fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,700,300|Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic);
|
|
2
|
+
@-webkit-keyframes input-highlight {
|
|
3
|
+
0% {
|
|
4
|
+
left: 20%;
|
|
5
|
+
width: 20%;
|
|
6
|
+
}
|
|
7
|
+
99% {
|
|
8
|
+
width: 0;
|
|
9
|
+
left: 0;
|
|
10
|
+
opacity: 1;
|
|
11
|
+
}
|
|
12
|
+
100% {
|
|
13
|
+
opacity: 0;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
2
16
|
@keyframes input-highlight {
|
|
3
17
|
0% {
|
|
4
18
|
left: 20%;
|
|
@@ -386,7 +400,8 @@ body .jumbotron-material-lightgrey,
|
|
|
386
400
|
text-transform: uppercase;
|
|
387
401
|
text-decoration: none;
|
|
388
402
|
color: rgba(255, 255, 255, 0.84);
|
|
389
|
-
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
403
|
+
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
404
|
+
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
390
405
|
outline: none !important;
|
|
391
406
|
}
|
|
392
407
|
.btn:hover {
|
|
@@ -484,7 +499,8 @@ body .jumbotron-material-lightgrey,
|
|
|
484
499
|
}
|
|
485
500
|
.btn-raised {
|
|
486
501
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
487
|
-
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
502
|
+
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
503
|
+
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
488
504
|
}
|
|
489
505
|
.btn-raised:active:not(.btn-link) {
|
|
490
506
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
@@ -571,7 +587,8 @@ body .jumbotron-material-lightgrey,
|
|
|
571
587
|
border-radius: 4px;
|
|
572
588
|
margin: 10px 1px;
|
|
573
589
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
574
|
-
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
590
|
+
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
591
|
+
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
575
592
|
}
|
|
576
593
|
.btn-group:active:not(.btn-link),
|
|
577
594
|
.btn-group-vertical:active:not(.btn-link) {
|
|
@@ -584,7 +601,8 @@ body .jumbotron-material-lightgrey,
|
|
|
584
601
|
.btn-group.btn-group-raised,
|
|
585
602
|
.btn-group-vertical.btn-group-raised {
|
|
586
603
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
587
|
-
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
604
|
+
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
605
|
+
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
588
606
|
}
|
|
589
607
|
.btn-group.btn-group-raised:active:not(.btn-link),
|
|
590
608
|
.btn-group-vertical.btn-group-raised:active:not(.btn-link) {
|
|
@@ -721,7 +739,9 @@ body .jumbotron-material-lightgrey,
|
|
|
721
739
|
padding-top: 15px;
|
|
722
740
|
}
|
|
723
741
|
.checkbox {
|
|
724
|
-
transform: rotate(0deg);
|
|
742
|
+
-webkit-transform: rotate(0deg);
|
|
743
|
+
-ms-transform: rotate(0deg);
|
|
744
|
+
transform: rotate(0deg);
|
|
725
745
|
}
|
|
726
746
|
.checkbox label {
|
|
727
747
|
cursor: pointer;
|
|
@@ -732,7 +752,8 @@ body .jumbotron-material-lightgrey,
|
|
|
732
752
|
display: block;
|
|
733
753
|
position: absolute;
|
|
734
754
|
left: 0px;
|
|
735
|
-
transition-duration: 0.2s;
|
|
755
|
+
-webkit-transition-duration: 0.2s;
|
|
756
|
+
transition-duration: 0.2s;
|
|
736
757
|
}
|
|
737
758
|
.checkbox label .check:after {
|
|
738
759
|
display: block;
|
|
@@ -754,7 +775,8 @@ body .jumbotron-material-lightgrey,
|
|
|
754
775
|
border: 2px solid rgba(0, 0, 0, 0.84);
|
|
755
776
|
height: 20px;
|
|
756
777
|
width: 20px;
|
|
757
|
-
transition-delay: 0.2s;
|
|
778
|
+
-webkit-transition-delay: 0.2s;
|
|
779
|
+
transition-delay: 0.2s;
|
|
758
780
|
}
|
|
759
781
|
.checkbox .check,
|
|
760
782
|
.checkbox-default .check {
|
|
@@ -837,30 +859,37 @@ body .jumbotron-material-lightgrey,
|
|
|
837
859
|
height: 18px;
|
|
838
860
|
border: solid 2px;
|
|
839
861
|
border-color: #5a5a5a;
|
|
840
|
-
animation: uncheck 300ms ease-out forwards;
|
|
862
|
+
-webkit-animation: uncheck 300ms ease-out forwards;
|
|
863
|
+
animation: uncheck 300ms ease-out forwards;
|
|
841
864
|
}
|
|
842
865
|
.checkbox input[type=checkbox]:focus ~ .check:after {
|
|
843
866
|
opacity: 0.2;
|
|
844
867
|
}
|
|
845
868
|
.checkbox input[type=checkbox]:checked ~ .check:before {
|
|
846
|
-
animation: check 300ms ease-out forwards;
|
|
869
|
+
-webkit-animation: check 300ms ease-out forwards;
|
|
870
|
+
animation: check 300ms ease-out forwards;
|
|
847
871
|
}
|
|
848
872
|
.checkbox input[type=checkbox]:not(:checked) ~ .check:after {
|
|
849
|
-
animation: rippleOff 500ms linear forwards;
|
|
873
|
+
-webkit-animation: rippleOff 500ms linear forwards;
|
|
874
|
+
animation: rippleOff 500ms linear forwards;
|
|
850
875
|
}
|
|
851
876
|
.checkbox input[type=checkbox]:checked ~ .check:after {
|
|
852
|
-
animation: rippleOn 500ms linear forwards;
|
|
877
|
+
-webkit-animation: rippleOn 500ms linear forwards;
|
|
878
|
+
animation: rippleOn 500ms linear forwards;
|
|
853
879
|
}
|
|
854
880
|
.checkbox:not(:hover) input[type=checkbox] ~ .check:before,
|
|
855
881
|
.checkbox:not(:hover) input[type=checkbox] ~ .check:after {
|
|
856
|
-
animation-duration: 1ms;
|
|
882
|
+
-webkit-animation-duration: 1ms;
|
|
883
|
+
animation-duration: 1ms;
|
|
857
884
|
}
|
|
858
885
|
.checkbox input[type=checkbox][disabled]:not(:checked) ~ .check:before {
|
|
859
886
|
opacity: 0.5;
|
|
860
887
|
}
|
|
861
888
|
.checkbox input[type=checkbox][disabled] ~ .check:after {
|
|
862
889
|
background-color: rgba(0, 0, 0, 0.84);
|
|
863
|
-
transform: rotate(-45deg);
|
|
890
|
+
-webkit-transform: rotate(-45deg);
|
|
891
|
+
-ms-transform: rotate(-45deg);
|
|
892
|
+
transform: rotate(-45deg);
|
|
864
893
|
}
|
|
865
894
|
.checkbox input[type=checkbox]:checked ~ .check:after,
|
|
866
895
|
.checkbox-default input[type=checkbox]:checked ~ .check:after {
|
|
@@ -932,6 +961,46 @@ body .jumbotron-material-lightgrey,
|
|
|
932
961
|
.checkbox-material-lightgrey input[type=checkbox]:checked ~ .check:after {
|
|
933
962
|
background-color: #ececec;
|
|
934
963
|
}
|
|
964
|
+
@-webkit-keyframes uncheck {
|
|
965
|
+
0% {
|
|
966
|
+
top: -3px;
|
|
967
|
+
left: 17px;
|
|
968
|
+
width: 10px;
|
|
969
|
+
height: 21px;
|
|
970
|
+
border-color: #0f9d58;
|
|
971
|
+
border-left-color: transparent;
|
|
972
|
+
border-top-color: transparent;
|
|
973
|
+
-webkit-transform: rotate(45deg);
|
|
974
|
+
transform: rotate(45deg);
|
|
975
|
+
}
|
|
976
|
+
50% {
|
|
977
|
+
top: 14px;
|
|
978
|
+
left: 17px;
|
|
979
|
+
width: 4px;
|
|
980
|
+
height: 4px;
|
|
981
|
+
-webkit-transform: rotate(45deg);
|
|
982
|
+
transform: rotate(45deg);
|
|
983
|
+
border-color: #0f9d58;
|
|
984
|
+
border-left-color: transparent;
|
|
985
|
+
border-top-color: transparent;
|
|
986
|
+
}
|
|
987
|
+
51% {
|
|
988
|
+
border-color: #5a5a5a;
|
|
989
|
+
border-left-color: #5a5a5a;
|
|
990
|
+
border-top-color: #5a5a5a;
|
|
991
|
+
}
|
|
992
|
+
100% {
|
|
993
|
+
top: 1px;
|
|
994
|
+
left: 12px;
|
|
995
|
+
width: 18px;
|
|
996
|
+
height: 18px;
|
|
997
|
+
-webkit-transform: rotate(0deg);
|
|
998
|
+
transform: rotate(0deg);
|
|
999
|
+
border-color: #5a5a5a;
|
|
1000
|
+
border-left-color: #5a5a5a;
|
|
1001
|
+
border-top-color: #5a5a5a;
|
|
1002
|
+
}
|
|
1003
|
+
}
|
|
935
1004
|
@keyframes uncheck {
|
|
936
1005
|
0% {
|
|
937
1006
|
top: -3px;
|
|
@@ -941,14 +1010,16 @@ body .jumbotron-material-lightgrey,
|
|
|
941
1010
|
border-color: #0f9d58;
|
|
942
1011
|
border-left-color: transparent;
|
|
943
1012
|
border-top-color: transparent;
|
|
944
|
-
transform: rotate(45deg);
|
|
1013
|
+
-webkit-transform: rotate(45deg);
|
|
1014
|
+
transform: rotate(45deg);
|
|
945
1015
|
}
|
|
946
1016
|
50% {
|
|
947
1017
|
top: 14px;
|
|
948
1018
|
left: 17px;
|
|
949
1019
|
width: 4px;
|
|
950
1020
|
height: 4px;
|
|
951
|
-
transform: rotate(45deg);
|
|
1021
|
+
-webkit-transform: rotate(45deg);
|
|
1022
|
+
transform: rotate(45deg);
|
|
952
1023
|
border-color: #0f9d58;
|
|
953
1024
|
border-left-color: transparent;
|
|
954
1025
|
border-top-color: transparent;
|
|
@@ -963,7 +1034,47 @@ body .jumbotron-material-lightgrey,
|
|
|
963
1034
|
left: 12px;
|
|
964
1035
|
width: 18px;
|
|
965
1036
|
height: 18px;
|
|
966
|
-
transform: rotate(0deg);
|
|
1037
|
+
-webkit-transform: rotate(0deg);
|
|
1038
|
+
transform: rotate(0deg);
|
|
1039
|
+
border-color: #5a5a5a;
|
|
1040
|
+
border-left-color: #5a5a5a;
|
|
1041
|
+
border-top-color: #5a5a5a;
|
|
1042
|
+
}
|
|
1043
|
+
}
|
|
1044
|
+
@-webkit-keyframes check {
|
|
1045
|
+
100% {
|
|
1046
|
+
top: -3px;
|
|
1047
|
+
left: 17px;
|
|
1048
|
+
width: 10px;
|
|
1049
|
+
height: 21px;
|
|
1050
|
+
-webkit-transform: rotate(45deg);
|
|
1051
|
+
transform: rotate(45deg);
|
|
1052
|
+
border-color: #0f9d58;
|
|
1053
|
+
border-left-color: transparent;
|
|
1054
|
+
border-top-color: transparent;
|
|
1055
|
+
}
|
|
1056
|
+
51% {
|
|
1057
|
+
border-left: transparent;
|
|
1058
|
+
border-top-color: transparent;
|
|
1059
|
+
}
|
|
1060
|
+
50% {
|
|
1061
|
+
top: 14px;
|
|
1062
|
+
left: 17px;
|
|
1063
|
+
width: 4px;
|
|
1064
|
+
height: 4px;
|
|
1065
|
+
-webkit-transform: rotate(45deg);
|
|
1066
|
+
transform: rotate(45deg);
|
|
1067
|
+
border-color: #5a5a5a;
|
|
1068
|
+
border-left-color: #5a5a5a;
|
|
1069
|
+
border-top-color: #5a5a5a;
|
|
1070
|
+
}
|
|
1071
|
+
0% {
|
|
1072
|
+
top: 1px;
|
|
1073
|
+
left: 12px;
|
|
1074
|
+
width: 18px;
|
|
1075
|
+
height: 18px;
|
|
1076
|
+
-webkit-transform: rotate(0deg);
|
|
1077
|
+
transform: rotate(0deg);
|
|
967
1078
|
border-color: #5a5a5a;
|
|
968
1079
|
border-left-color: #5a5a5a;
|
|
969
1080
|
border-top-color: #5a5a5a;
|
|
@@ -975,7 +1086,8 @@ body .jumbotron-material-lightgrey,
|
|
|
975
1086
|
left: 17px;
|
|
976
1087
|
width: 10px;
|
|
977
1088
|
height: 21px;
|
|
978
|
-
transform: rotate(45deg);
|
|
1089
|
+
-webkit-transform: rotate(45deg);
|
|
1090
|
+
transform: rotate(45deg);
|
|
979
1091
|
border-color: #0f9d58;
|
|
980
1092
|
border-left-color: transparent;
|
|
981
1093
|
border-top-color: transparent;
|
|
@@ -989,7 +1101,8 @@ body .jumbotron-material-lightgrey,
|
|
|
989
1101
|
left: 17px;
|
|
990
1102
|
width: 4px;
|
|
991
1103
|
height: 4px;
|
|
992
|
-
transform: rotate(45deg);
|
|
1104
|
+
-webkit-transform: rotate(45deg);
|
|
1105
|
+
transform: rotate(45deg);
|
|
993
1106
|
border-color: #5a5a5a;
|
|
994
1107
|
border-left-color: #5a5a5a;
|
|
995
1108
|
border-top-color: #5a5a5a;
|
|
@@ -999,12 +1112,24 @@ body .jumbotron-material-lightgrey,
|
|
|
999
1112
|
left: 12px;
|
|
1000
1113
|
width: 18px;
|
|
1001
1114
|
height: 18px;
|
|
1002
|
-
transform: rotate(0deg);
|
|
1115
|
+
-webkit-transform: rotate(0deg);
|
|
1116
|
+
transform: rotate(0deg);
|
|
1003
1117
|
border-color: #5a5a5a;
|
|
1004
1118
|
border-left-color: #5a5a5a;
|
|
1005
1119
|
border-top-color: #5a5a5a;
|
|
1006
1120
|
}
|
|
1007
1121
|
}
|
|
1122
|
+
@-webkit-keyframes rippleOn {
|
|
1123
|
+
0% {
|
|
1124
|
+
opacity: 0;
|
|
1125
|
+
}
|
|
1126
|
+
50% {
|
|
1127
|
+
opacity: 0.2;
|
|
1128
|
+
}
|
|
1129
|
+
100% {
|
|
1130
|
+
opacity: 0;
|
|
1131
|
+
}
|
|
1132
|
+
}
|
|
1008
1133
|
@keyframes rippleOn {
|
|
1009
1134
|
0% {
|
|
1010
1135
|
opacity: 0;
|
|
@@ -1016,6 +1141,17 @@ body .jumbotron-material-lightgrey,
|
|
|
1016
1141
|
opacity: 0;
|
|
1017
1142
|
}
|
|
1018
1143
|
}
|
|
1144
|
+
@-webkit-keyframes rippleOff {
|
|
1145
|
+
0% {
|
|
1146
|
+
opacity: 0;
|
|
1147
|
+
}
|
|
1148
|
+
50% {
|
|
1149
|
+
opacity: 0.2;
|
|
1150
|
+
}
|
|
1151
|
+
100% {
|
|
1152
|
+
opacity: 0;
|
|
1153
|
+
}
|
|
1154
|
+
}
|
|
1019
1155
|
@keyframes rippleOff {
|
|
1020
1156
|
0% {
|
|
1021
1157
|
opacity: 0;
|
|
@@ -1040,7 +1176,8 @@ body .jumbotron-material-lightgrey,
|
|
|
1040
1176
|
position: absolute;
|
|
1041
1177
|
left: 10px;
|
|
1042
1178
|
top: 2px;
|
|
1043
|
-
transition-duration: 0.2s;
|
|
1179
|
+
-webkit-transition-duration: 0.2s;
|
|
1180
|
+
transition-duration: 0.2s;
|
|
1044
1181
|
}
|
|
1045
1182
|
.radio label .circle {
|
|
1046
1183
|
border: 2px solid rgba(0, 0, 0, 0.84);
|
|
@@ -1053,7 +1190,9 @@ body .jumbotron-material-lightgrey,
|
|
|
1053
1190
|
width: 15px;
|
|
1054
1191
|
border-radius: 100%;
|
|
1055
1192
|
background-color: rgba(0, 0, 0, 0.84);
|
|
1056
|
-
transform: scale(0);
|
|
1193
|
+
-webkit-transform: scale(0);
|
|
1194
|
+
-ms-transform: scale(0);
|
|
1195
|
+
transform: scale(0);
|
|
1057
1196
|
}
|
|
1058
1197
|
.radio label .check:after {
|
|
1059
1198
|
display: block;
|
|
@@ -1068,13 +1207,17 @@ body .jumbotron-material-lightgrey,
|
|
|
1068
1207
|
z-index: 1;
|
|
1069
1208
|
opacity: 0;
|
|
1070
1209
|
margin: 0;
|
|
1071
|
-
transform: scale(1.5);
|
|
1210
|
+
-webkit-transform: scale(1.5);
|
|
1211
|
+
-ms-transform: scale(1.5);
|
|
1212
|
+
transform: scale(1.5);
|
|
1072
1213
|
}
|
|
1073
1214
|
.radio label input[type=radio]:not(:checked) ~ .check:after {
|
|
1074
|
-
animation: rippleOff 500ms;
|
|
1215
|
+
-webkit-animation: rippleOff 500ms;
|
|
1216
|
+
animation: rippleOff 500ms;
|
|
1075
1217
|
}
|
|
1076
1218
|
.radio label input[type=radio]:checked ~ .check:after {
|
|
1077
|
-
animation: rippleOn 500ms;
|
|
1219
|
+
-webkit-animation: rippleOn 500ms;
|
|
1220
|
+
animation: rippleOn 500ms;
|
|
1078
1221
|
}
|
|
1079
1222
|
.radio input[type=radio]:checked ~ .check,
|
|
1080
1223
|
.radio-default input[type=radio]:checked ~ .check {
|
|
@@ -1224,7 +1367,9 @@ body .jumbotron-material-lightgrey,
|
|
|
1224
1367
|
display: none;
|
|
1225
1368
|
}
|
|
1226
1369
|
.radio input[type=radio]:checked ~ .check {
|
|
1227
|
-
transform: scale(0.55);
|
|
1370
|
+
-webkit-transform: scale(0.55);
|
|
1371
|
+
-ms-transform: scale(0.55);
|
|
1372
|
+
transform: scale(0.55);
|
|
1228
1373
|
}
|
|
1229
1374
|
.radio input[type=radio][disabled] ~ .circle {
|
|
1230
1375
|
border-color: rgba(0, 0, 0, 0.84);
|
|
@@ -1316,7 +1461,8 @@ select[multiple].form-control.focus {
|
|
|
1316
1461
|
pointer-events: none;
|
|
1317
1462
|
left: 0px;
|
|
1318
1463
|
top: 5px;
|
|
1319
|
-
transition: 0.2s ease all;
|
|
1464
|
+
-webkit-transition: 0.2s ease all;
|
|
1465
|
+
transition: 0.2s ease all;
|
|
1320
1466
|
opacity: 0;
|
|
1321
1467
|
}
|
|
1322
1468
|
.form-control-wrapper .form-control:not(.empty) ~ .floating-label {
|
|
@@ -1349,13 +1495,19 @@ select[multiple].form-control.focus {
|
|
|
1349
1495
|
height: 2px;
|
|
1350
1496
|
background-color: #5264ae;
|
|
1351
1497
|
bottom: -1px;
|
|
1352
|
-
transform: scaleX(0);
|
|
1353
|
-
|
|
1498
|
+
-webkit-transform: scaleX(0);
|
|
1499
|
+
-ms-transform: scaleX(0);
|
|
1500
|
+
transform: scaleX(0);
|
|
1501
|
+
-webkit-transition: -webkit-transform 0s;
|
|
1502
|
+
transition: transform 0s;
|
|
1354
1503
|
}
|
|
1355
1504
|
.form-control-wrapper .form-control:focus ~ .material-input:before,
|
|
1356
1505
|
.form-control-wrapper .form-control.focus ~ .material-input:before {
|
|
1357
|
-
transform: scaleX(1);
|
|
1358
|
-
|
|
1506
|
+
-webkit-transform: scaleX(1);
|
|
1507
|
+
-ms-transform: scaleX(1);
|
|
1508
|
+
transform: scaleX(1);
|
|
1509
|
+
-webkit-transition: -webkit-transform 0.2s ease-out;
|
|
1510
|
+
transition: transform 0.2s ease-out;
|
|
1359
1511
|
}
|
|
1360
1512
|
.form-control-wrapper .material-input:after {
|
|
1361
1513
|
content: "";
|
|
@@ -1367,7 +1519,9 @@ select[multiple].form-control.focus {
|
|
|
1367
1519
|
left: 0;
|
|
1368
1520
|
pointer-events: none;
|
|
1369
1521
|
opacity: 0.9;
|
|
1370
|
-
transform-origin: left;
|
|
1522
|
+
-webkit-transform-origin: left;
|
|
1523
|
+
-ms-transform-origin: left;
|
|
1524
|
+
transform-origin: left;
|
|
1371
1525
|
}
|
|
1372
1526
|
.form-control-wrapper .input-lg ~ .material-input:after {
|
|
1373
1527
|
height: 26px;
|
|
@@ -1380,8 +1534,10 @@ select[multiple].form-control.focus {
|
|
|
1380
1534
|
}
|
|
1381
1535
|
.form-control-wrapper .form-control:focus ~ .material-input:after,
|
|
1382
1536
|
.form-control-wrapper .form-control.focus ~ .material-input:after {
|
|
1383
|
-
animation: input-highlight 0.3s ease;
|
|
1384
|
-
|
|
1537
|
+
-webkit-animation: input-highlight 0.3s ease;
|
|
1538
|
+
animation: input-highlight 0.3s ease;
|
|
1539
|
+
-webkit-animation-fill-mode: forwards;
|
|
1540
|
+
animation-fill-mode: forwards;
|
|
1385
1541
|
opacity: 0;
|
|
1386
1542
|
}
|
|
1387
1543
|
.form-control-wrapper select ~ .material-input:after {
|
|
@@ -1801,10 +1957,12 @@ select.form-control.focus {
|
|
|
1801
1957
|
@keyframes input-highlight {
|
|
1802
1958
|
0% {
|
|
1803
1959
|
left: 20%;
|
|
1804
|
-
transform: scaleX(20%);
|
|
1960
|
+
-webkit-transform: scaleX(20%);
|
|
1961
|
+
transform: scaleX(20%);
|
|
1805
1962
|
}
|
|
1806
1963
|
99% {
|
|
1807
|
-
transform: scaleX(0);
|
|
1964
|
+
-webkit-transform: scaleX(0);
|
|
1965
|
+
transform: scaleX(0);
|
|
1808
1966
|
left: 0;
|
|
1809
1967
|
opacity: 1;
|
|
1810
1968
|
}
|
|
@@ -1977,7 +2135,8 @@ legend {
|
|
|
1977
2135
|
background-color: transparent;
|
|
1978
2136
|
}
|
|
1979
2137
|
.navbar .navbar-toggle {
|
|
1980
|
-
|
|
2138
|
+
margin-top: 13px;
|
|
2139
|
+
border-color: transparent;
|
|
1981
2140
|
}
|
|
1982
2141
|
.navbar .navbar-toggle:hover,
|
|
1983
2142
|
.navbar .navbar-toggle:focus {
|
|
@@ -1986,6 +2145,10 @@ legend {
|
|
|
1986
2145
|
.navbar .navbar-toggle .icon-bar {
|
|
1987
2146
|
background-color: rgba(255, 255, 255, 0.84);
|
|
1988
2147
|
}
|
|
2148
|
+
.navbar .navbar-default .navbar-toggle,
|
|
2149
|
+
.navbar .navbar-inverse .navbar-toggle {
|
|
2150
|
+
border-color: transparent;
|
|
2151
|
+
}
|
|
1989
2152
|
.navbar .navbar-collapse,
|
|
1990
2153
|
.navbar .navbar-form {
|
|
1991
2154
|
border-color: rgba(0, 0, 0, 0.1);
|
|
@@ -2175,6 +2338,19 @@ fieldset[disabled] .navbar .btn-link:focus {
|
|
|
2175
2338
|
background-color: rgba(0, 0, 0, 0.05);
|
|
2176
2339
|
color: rgba(0, 0, 0, 0.84);
|
|
2177
2340
|
}
|
|
2341
|
+
@media (max-width: 1199px) {
|
|
2342
|
+
.navbar .navbar-brand {
|
|
2343
|
+
height: 50px;
|
|
2344
|
+
padding: 10px 15px;
|
|
2345
|
+
}
|
|
2346
|
+
.navbar .navbar-form {
|
|
2347
|
+
margin-top: 10px;
|
|
2348
|
+
}
|
|
2349
|
+
.navbar .navbar-nav > li > a {
|
|
2350
|
+
padding-top: 15px;
|
|
2351
|
+
padding-bottom: 15px;
|
|
2352
|
+
}
|
|
2353
|
+
}
|
|
2178
2354
|
.dropdown-menu {
|
|
2179
2355
|
border: 0;
|
|
2180
2356
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
|
@@ -2507,15 +2683,21 @@ fieldset[disabled] .navbar .btn-link:focus {
|
|
|
2507
2683
|
border-radius: 2px;
|
|
2508
2684
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
2509
2685
|
height: 0;
|
|
2510
|
-
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
|
|
2511
|
-
|
|
2686
|
+
-webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
|
|
2687
|
+
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, padding 0 linear 0.2s, height 0 linear 0.2s;
|
|
2688
|
+
-webkit-transform: translateY(200%);
|
|
2689
|
+
-ms-transform: translateY(200%);
|
|
2690
|
+
transform: translateY(200%);
|
|
2512
2691
|
}
|
|
2513
2692
|
.snackbar.snackbar-opened {
|
|
2514
2693
|
padding: 14px 15px;
|
|
2515
2694
|
margin-bottom: 20px;
|
|
2516
2695
|
height: auto;
|
|
2517
|
-
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
|
2518
|
-
|
|
2696
|
+
-webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
|
2697
|
+
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
|
2698
|
+
-webkit-transform: none;
|
|
2699
|
+
-ms-transform: none;
|
|
2700
|
+
transform: none;
|
|
2519
2701
|
}
|
|
2520
2702
|
.snackbar.toast {
|
|
2521
2703
|
border-radius: 200px;
|
|
@@ -2524,7 +2706,10 @@ fieldset[disabled] .navbar .btn-link:focus {
|
|
|
2524
2706
|
.noUi-target * {
|
|
2525
2707
|
-webkit-touch-callout: none;
|
|
2526
2708
|
-ms-touch-action: none;
|
|
2527
|
-
user-select: none;
|
|
2709
|
+
-webkit-user-select: none;
|
|
2710
|
+
-moz-user-select: none;
|
|
2711
|
+
-ms-user-select: none;
|
|
2712
|
+
user-select: none;
|
|
2528
2713
|
box-sizing: border-box;
|
|
2529
2714
|
}
|
|
2530
2715
|
.noUi-base {
|
|
@@ -2551,7 +2736,8 @@ fieldset[disabled] .navbar .btn-link:focus {
|
|
|
2551
2736
|
*z-index: -1;
|
|
2552
2737
|
}
|
|
2553
2738
|
.noUi-state-tap .noUi-origin {
|
|
2554
|
-
transition: left 0.3s, top 0.3s;
|
|
2739
|
+
-webkit-transition: left 0.3s, top 0.3s;
|
|
2740
|
+
transition: left 0.3s, top 0.3s;
|
|
2555
2741
|
}
|
|
2556
2742
|
.noUi-state-drag * {
|
|
2557
2743
|
cursor: inherit !important;
|
|
@@ -2595,7 +2781,8 @@ fieldset[disabled] .navbar .btn-link:focus {
|
|
|
2595
2781
|
.noUi-handle {
|
|
2596
2782
|
border-radius: 100%;
|
|
2597
2783
|
cursor: default;
|
|
2598
|
-
transition: all 0.2s ease-out;
|
|
2784
|
+
-webkit-transition: all 0.2s ease-out;
|
|
2785
|
+
transition: all 0.2s ease-out;
|
|
2599
2786
|
border: 1px solid;
|
|
2600
2787
|
}
|
|
2601
2788
|
.noUi-horizontal {
|
|
@@ -2603,7 +2790,9 @@ fieldset[disabled] .navbar .btn-link:focus {
|
|
|
2603
2790
|
margin: 15px 0;
|
|
2604
2791
|
}
|
|
2605
2792
|
.noUi-horizontal .noUi-handle.noUi-active {
|
|
2606
|
-
transform: scale(2.5);
|
|
2793
|
+
-webkit-transform: scale(2.5);
|
|
2794
|
+
-ms-transform: scale(2.5);
|
|
2795
|
+
transform: scale(2.5);
|
|
2607
2796
|
}
|
|
2608
2797
|
[disabled].noUi-slider {
|
|
2609
2798
|
opacity: 0.5;
|
|
@@ -2893,4 +3082,145 @@ fieldset[disabled] .navbar .btn-link:focus {
|
|
|
2893
3082
|
}
|
|
2894
3083
|
.slider-material-lightgrey .noUi-handle {
|
|
2895
3084
|
border-color: #ececec;
|
|
2896
|
-
}
|
|
3085
|
+
}
|
|
3086
|
+
.selectize-control.single,
|
|
3087
|
+
.selectize-control.multi {
|
|
3088
|
+
padding: 0;
|
|
3089
|
+
}
|
|
3090
|
+
.selectize-control.single .selectize-input,
|
|
3091
|
+
.selectize-control.multi .selectize-input,
|
|
3092
|
+
.selectize-control.single .selectize-input.input-active,
|
|
3093
|
+
.selectize-control.multi .selectize-input.input-active {
|
|
3094
|
+
cursor: text;
|
|
3095
|
+
background: transparent;
|
|
3096
|
+
box-shadow: none;
|
|
3097
|
+
border: 0;
|
|
3098
|
+
padding: 0;
|
|
3099
|
+
height: 100%;
|
|
3100
|
+
font-size: 14px;
|
|
3101
|
+
line-height: 30px;
|
|
3102
|
+
}
|
|
3103
|
+
.selectize-control.single .selectize-input .has-items,
|
|
3104
|
+
.selectize-control.multi .selectize-input .has-items,
|
|
3105
|
+
.selectize-control.single .selectize-input.input-active .has-items,
|
|
3106
|
+
.selectize-control.multi .selectize-input.input-active .has-items {
|
|
3107
|
+
padding: 0;
|
|
3108
|
+
}
|
|
3109
|
+
.selectize-control.single .selectize-input:after,
|
|
3110
|
+
.selectize-control.multi .selectize-input:after,
|
|
3111
|
+
.selectize-control.single .selectize-input.input-active:after,
|
|
3112
|
+
.selectize-control.multi .selectize-input.input-active:after {
|
|
3113
|
+
content: "\e611";
|
|
3114
|
+
right: 5px;
|
|
3115
|
+
position: absolute;
|
|
3116
|
+
font-size: 7px;
|
|
3117
|
+
font-family: 'Material-Design';
|
|
3118
|
+
speak: none;
|
|
3119
|
+
font-style: normal;
|
|
3120
|
+
font-weight: normal;
|
|
3121
|
+
font-variant: normal;
|
|
3122
|
+
text-transform: none;
|
|
3123
|
+
line-height: 4;
|
|
3124
|
+
-webkit-font-smoothing: antialiased;
|
|
3125
|
+
-moz-osx-font-smoothing: grayscale;
|
|
3126
|
+
}
|
|
3127
|
+
.selectize-control.single .selectize-input input,
|
|
3128
|
+
.selectize-control.multi .selectize-input input,
|
|
3129
|
+
.selectize-control.single .selectize-input.input-active input,
|
|
3130
|
+
.selectize-control.multi .selectize-input.input-active input {
|
|
3131
|
+
font-size: 14px;
|
|
3132
|
+
outline: 0px;
|
|
3133
|
+
border: 0px;
|
|
3134
|
+
background: transparent;
|
|
3135
|
+
}
|
|
3136
|
+
.selectize-control.single .selectize-input.floating-label-fix input,
|
|
3137
|
+
.selectize-control.multi .selectize-input.floating-label-fix input,
|
|
3138
|
+
.selectize-control.single .selectize-input.input-active.floating-label-fix input,
|
|
3139
|
+
.selectize-control.multi .selectize-input.input-active.floating-label-fix input {
|
|
3140
|
+
opacity: 0;
|
|
3141
|
+
}
|
|
3142
|
+
.selectize-control.single .selectize-input > div,
|
|
3143
|
+
.selectize-control.multi .selectize-input > div,
|
|
3144
|
+
.selectize-control.single .selectize-input.input-active > div,
|
|
3145
|
+
.selectize-control.multi .selectize-input.input-active > div,
|
|
3146
|
+
.selectize-control.single .selectize-input > .item,
|
|
3147
|
+
.selectize-control.multi .selectize-input > .item,
|
|
3148
|
+
.selectize-control.single .selectize-input.input-active > .item,
|
|
3149
|
+
.selectize-control.multi .selectize-input.input-active > .item {
|
|
3150
|
+
display: inline-block;
|
|
3151
|
+
margin: 0 8px 3px 0;
|
|
3152
|
+
padding: 0;
|
|
3153
|
+
background: transparent;
|
|
3154
|
+
border: 0;
|
|
3155
|
+
}
|
|
3156
|
+
.selectize-control.single .selectize-input > div:after,
|
|
3157
|
+
.selectize-control.multi .selectize-input > div:after,
|
|
3158
|
+
.selectize-control.single .selectize-input.input-active > div:after,
|
|
3159
|
+
.selectize-control.multi .selectize-input.input-active > div:after,
|
|
3160
|
+
.selectize-control.single .selectize-input > .item:after,
|
|
3161
|
+
.selectize-control.multi .selectize-input > .item:after,
|
|
3162
|
+
.selectize-control.single .selectize-input.input-active > .item:after,
|
|
3163
|
+
.selectize-control.multi .selectize-input.input-active > .item:after {
|
|
3164
|
+
content: ",";
|
|
3165
|
+
}
|
|
3166
|
+
.selectize-control.single .selectize-input > div:last-of-type:after,
|
|
3167
|
+
.selectize-control.multi .selectize-input > div:last-of-type:after,
|
|
3168
|
+
.selectize-control.single .selectize-input.input-active > div:last-of-type:after,
|
|
3169
|
+
.selectize-control.multi .selectize-input.input-active > div:last-of-type:after,
|
|
3170
|
+
.selectize-control.single .selectize-input > .item:last-of-type:after,
|
|
3171
|
+
.selectize-control.multi .selectize-input > .item:last-of-type:after,
|
|
3172
|
+
.selectize-control.single .selectize-input.input-active > .item:last-of-type:after,
|
|
3173
|
+
.selectize-control.multi .selectize-input.input-active > .item:last-of-type:after {
|
|
3174
|
+
content: "";
|
|
3175
|
+
}
|
|
3176
|
+
.selectize-control.single .selectize-input > div.active,
|
|
3177
|
+
.selectize-control.multi .selectize-input > div.active,
|
|
3178
|
+
.selectize-control.single .selectize-input.input-active > div.active,
|
|
3179
|
+
.selectize-control.multi .selectize-input.input-active > div.active,
|
|
3180
|
+
.selectize-control.single .selectize-input > .item.active,
|
|
3181
|
+
.selectize-control.multi .selectize-input > .item.active,
|
|
3182
|
+
.selectize-control.single .selectize-input.input-active > .item.active,
|
|
3183
|
+
.selectize-control.multi .selectize-input.input-active > .item.active {
|
|
3184
|
+
font-weight: bold;
|
|
3185
|
+
background: transparent;
|
|
3186
|
+
border: 0;
|
|
3187
|
+
}
|
|
3188
|
+
.selectize-control.single .selectize-dropdown,
|
|
3189
|
+
.selectize-control.multi .selectize-dropdown {
|
|
3190
|
+
position: absolute;
|
|
3191
|
+
z-index: 1000;
|
|
3192
|
+
border: 0;
|
|
3193
|
+
width: 100% !important;
|
|
3194
|
+
left: 0 !important;
|
|
3195
|
+
height: auto;
|
|
3196
|
+
background-color: #FFF;
|
|
3197
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
3198
|
+
border-radius: 2px;
|
|
3199
|
+
padding: 0;
|
|
3200
|
+
margin-top: 3px;
|
|
3201
|
+
}
|
|
3202
|
+
.selectize-control.single .selectize-dropdown .active,
|
|
3203
|
+
.selectize-control.multi .selectize-dropdown .active {
|
|
3204
|
+
background-color: inherit;
|
|
3205
|
+
}
|
|
3206
|
+
.selectize-control.single .selectize-dropdown .highlight,
|
|
3207
|
+
.selectize-control.multi .selectize-dropdown .highlight {
|
|
3208
|
+
background-color: #d5d8ff;
|
|
3209
|
+
}
|
|
3210
|
+
.selectize-control.single .selectize-dropdown .selected,
|
|
3211
|
+
.selectize-control.multi .selectize-dropdown .selected,
|
|
3212
|
+
.selectize-control.single .selectize-dropdown .selected.active,
|
|
3213
|
+
.selectize-control.multi .selectize-dropdown .selected.active {
|
|
3214
|
+
background-color: #EEEEEE;
|
|
3215
|
+
}
|
|
3216
|
+
.selectize-control.single .selectize-dropdown [data-selectable],
|
|
3217
|
+
.selectize-control.multi .selectize-dropdown [data-selectable],
|
|
3218
|
+
.selectize-control.single .selectize-dropdown .optgroup-header,
|
|
3219
|
+
.selectize-control.multi .selectize-dropdown .optgroup-header {
|
|
3220
|
+
padding: 10px 20px;
|
|
3221
|
+
cursor: pointer;
|
|
3222
|
+
}
|
|
3223
|
+
.selectize-control.single .dropdown-active ~ .selectize-dropdown,
|
|
3224
|
+
.selectize-control.multi .dropdown-active ~ .selectize-dropdown {
|
|
3225
|
+
display: block;
|
|
3226
|
+
}
|