bootstrap-material-design 0.0.1 → 0.0.2
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
+
}
|