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
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
@-webkit-keyframes input-highlight {
|
|
2
|
+
0% {
|
|
3
|
+
left: 20%;
|
|
4
|
+
width: 20%;
|
|
5
|
+
}
|
|
6
|
+
99% {
|
|
7
|
+
width: 0;
|
|
8
|
+
left: 0;
|
|
9
|
+
opacity: 1;
|
|
10
|
+
}
|
|
11
|
+
100% {
|
|
12
|
+
opacity: 0;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
1
15
|
@keyframes input-highlight {
|
|
2
16
|
0% {
|
|
3
17
|
left: 20%;
|
|
@@ -385,7 +399,8 @@ body .jumbotron-material-lightgrey,
|
|
|
385
399
|
text-transform: uppercase;
|
|
386
400
|
text-decoration: none;
|
|
387
401
|
color: rgba(255, 255, 255, 0.84);
|
|
388
|
-
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
402
|
+
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
403
|
+
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
389
404
|
outline: none !important;
|
|
390
405
|
}
|
|
391
406
|
.btn:hover {
|
|
@@ -483,7 +498,8 @@ body .jumbotron-material-lightgrey,
|
|
|
483
498
|
}
|
|
484
499
|
.btn-raised {
|
|
485
500
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
486
|
-
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
501
|
+
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
502
|
+
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
487
503
|
}
|
|
488
504
|
.btn-raised:active:not(.btn-link) {
|
|
489
505
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
|
|
@@ -570,7 +586,8 @@ body .jumbotron-material-lightgrey,
|
|
|
570
586
|
border-radius: 4px;
|
|
571
587
|
margin: 10px 1px;
|
|
572
588
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
573
|
-
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
589
|
+
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
590
|
+
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
574
591
|
}
|
|
575
592
|
.btn-group:active:not(.btn-link),
|
|
576
593
|
.btn-group-vertical:active:not(.btn-link) {
|
|
@@ -583,7 +600,8 @@ body .jumbotron-material-lightgrey,
|
|
|
583
600
|
.btn-group.btn-group-raised,
|
|
584
601
|
.btn-group-vertical.btn-group-raised {
|
|
585
602
|
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
|
|
586
|
-
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
603
|
+
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
604
|
+
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
|
587
605
|
}
|
|
588
606
|
.btn-group.btn-group-raised:active:not(.btn-link),
|
|
589
607
|
.btn-group-vertical.btn-group-raised:active:not(.btn-link) {
|
|
@@ -720,7 +738,9 @@ body .jumbotron-material-lightgrey,
|
|
|
720
738
|
padding-top: 15px;
|
|
721
739
|
}
|
|
722
740
|
.checkbox {
|
|
723
|
-
transform: rotate(0deg);
|
|
741
|
+
-webkit-transform: rotate(0deg);
|
|
742
|
+
-ms-transform: rotate(0deg);
|
|
743
|
+
transform: rotate(0deg);
|
|
724
744
|
}
|
|
725
745
|
.checkbox label {
|
|
726
746
|
cursor: pointer;
|
|
@@ -731,7 +751,8 @@ body .jumbotron-material-lightgrey,
|
|
|
731
751
|
display: block;
|
|
732
752
|
position: absolute;
|
|
733
753
|
left: 0px;
|
|
734
|
-
transition-duration: 0.2s;
|
|
754
|
+
-webkit-transition-duration: 0.2s;
|
|
755
|
+
transition-duration: 0.2s;
|
|
735
756
|
}
|
|
736
757
|
.checkbox label .check:after {
|
|
737
758
|
display: block;
|
|
@@ -753,7 +774,8 @@ body .jumbotron-material-lightgrey,
|
|
|
753
774
|
border: 2px solid rgba(0, 0, 0, 0.84);
|
|
754
775
|
height: 20px;
|
|
755
776
|
width: 20px;
|
|
756
|
-
transition-delay: 0.2s;
|
|
777
|
+
-webkit-transition-delay: 0.2s;
|
|
778
|
+
transition-delay: 0.2s;
|
|
757
779
|
}
|
|
758
780
|
.checkbox .check,
|
|
759
781
|
.checkbox-default .check {
|
|
@@ -836,30 +858,37 @@ body .jumbotron-material-lightgrey,
|
|
|
836
858
|
height: 18px;
|
|
837
859
|
border: solid 2px;
|
|
838
860
|
border-color: #5a5a5a;
|
|
839
|
-
animation: uncheck 300ms ease-out forwards;
|
|
861
|
+
-webkit-animation: uncheck 300ms ease-out forwards;
|
|
862
|
+
animation: uncheck 300ms ease-out forwards;
|
|
840
863
|
}
|
|
841
864
|
.checkbox input[type=checkbox]:focus ~ .check:after {
|
|
842
865
|
opacity: 0.2;
|
|
843
866
|
}
|
|
844
867
|
.checkbox input[type=checkbox]:checked ~ .check:before {
|
|
845
|
-
animation: check 300ms ease-out forwards;
|
|
868
|
+
-webkit-animation: check 300ms ease-out forwards;
|
|
869
|
+
animation: check 300ms ease-out forwards;
|
|
846
870
|
}
|
|
847
871
|
.checkbox input[type=checkbox]:not(:checked) ~ .check:after {
|
|
848
|
-
animation: rippleOff 500ms linear forwards;
|
|
872
|
+
-webkit-animation: rippleOff 500ms linear forwards;
|
|
873
|
+
animation: rippleOff 500ms linear forwards;
|
|
849
874
|
}
|
|
850
875
|
.checkbox input[type=checkbox]:checked ~ .check:after {
|
|
851
|
-
animation: rippleOn 500ms linear forwards;
|
|
876
|
+
-webkit-animation: rippleOn 500ms linear forwards;
|
|
877
|
+
animation: rippleOn 500ms linear forwards;
|
|
852
878
|
}
|
|
853
879
|
.checkbox:not(:hover) input[type=checkbox] ~ .check:before,
|
|
854
880
|
.checkbox:not(:hover) input[type=checkbox] ~ .check:after {
|
|
855
|
-
animation-duration: 1ms;
|
|
881
|
+
-webkit-animation-duration: 1ms;
|
|
882
|
+
animation-duration: 1ms;
|
|
856
883
|
}
|
|
857
884
|
.checkbox input[type=checkbox][disabled]:not(:checked) ~ .check:before {
|
|
858
885
|
opacity: 0.5;
|
|
859
886
|
}
|
|
860
887
|
.checkbox input[type=checkbox][disabled] ~ .check:after {
|
|
861
888
|
background-color: rgba(0, 0, 0, 0.84);
|
|
862
|
-
transform: rotate(-45deg);
|
|
889
|
+
-webkit-transform: rotate(-45deg);
|
|
890
|
+
-ms-transform: rotate(-45deg);
|
|
891
|
+
transform: rotate(-45deg);
|
|
863
892
|
}
|
|
864
893
|
.checkbox input[type=checkbox]:checked ~ .check:after,
|
|
865
894
|
.checkbox-default input[type=checkbox]:checked ~ .check:after {
|
|
@@ -931,6 +960,46 @@ body .jumbotron-material-lightgrey,
|
|
|
931
960
|
.checkbox-material-lightgrey input[type=checkbox]:checked ~ .check:after {
|
|
932
961
|
background-color: #ececec;
|
|
933
962
|
}
|
|
963
|
+
@-webkit-keyframes uncheck {
|
|
964
|
+
0% {
|
|
965
|
+
top: -3px;
|
|
966
|
+
left: 17px;
|
|
967
|
+
width: 10px;
|
|
968
|
+
height: 21px;
|
|
969
|
+
border-color: #0f9d58;
|
|
970
|
+
border-left-color: transparent;
|
|
971
|
+
border-top-color: transparent;
|
|
972
|
+
-webkit-transform: rotate(45deg);
|
|
973
|
+
transform: rotate(45deg);
|
|
974
|
+
}
|
|
975
|
+
50% {
|
|
976
|
+
top: 14px;
|
|
977
|
+
left: 17px;
|
|
978
|
+
width: 4px;
|
|
979
|
+
height: 4px;
|
|
980
|
+
-webkit-transform: rotate(45deg);
|
|
981
|
+
transform: rotate(45deg);
|
|
982
|
+
border-color: #0f9d58;
|
|
983
|
+
border-left-color: transparent;
|
|
984
|
+
border-top-color: transparent;
|
|
985
|
+
}
|
|
986
|
+
51% {
|
|
987
|
+
border-color: #5a5a5a;
|
|
988
|
+
border-left-color: #5a5a5a;
|
|
989
|
+
border-top-color: #5a5a5a;
|
|
990
|
+
}
|
|
991
|
+
100% {
|
|
992
|
+
top: 1px;
|
|
993
|
+
left: 12px;
|
|
994
|
+
width: 18px;
|
|
995
|
+
height: 18px;
|
|
996
|
+
-webkit-transform: rotate(0deg);
|
|
997
|
+
transform: rotate(0deg);
|
|
998
|
+
border-color: #5a5a5a;
|
|
999
|
+
border-left-color: #5a5a5a;
|
|
1000
|
+
border-top-color: #5a5a5a;
|
|
1001
|
+
}
|
|
1002
|
+
}
|
|
934
1003
|
@keyframes uncheck {
|
|
935
1004
|
0% {
|
|
936
1005
|
top: -3px;
|
|
@@ -940,14 +1009,16 @@ body .jumbotron-material-lightgrey,
|
|
|
940
1009
|
border-color: #0f9d58;
|
|
941
1010
|
border-left-color: transparent;
|
|
942
1011
|
border-top-color: transparent;
|
|
943
|
-
transform: rotate(45deg);
|
|
1012
|
+
-webkit-transform: rotate(45deg);
|
|
1013
|
+
transform: rotate(45deg);
|
|
944
1014
|
}
|
|
945
1015
|
50% {
|
|
946
1016
|
top: 14px;
|
|
947
1017
|
left: 17px;
|
|
948
1018
|
width: 4px;
|
|
949
1019
|
height: 4px;
|
|
950
|
-
transform: rotate(45deg);
|
|
1020
|
+
-webkit-transform: rotate(45deg);
|
|
1021
|
+
transform: rotate(45deg);
|
|
951
1022
|
border-color: #0f9d58;
|
|
952
1023
|
border-left-color: transparent;
|
|
953
1024
|
border-top-color: transparent;
|
|
@@ -962,7 +1033,47 @@ body .jumbotron-material-lightgrey,
|
|
|
962
1033
|
left: 12px;
|
|
963
1034
|
width: 18px;
|
|
964
1035
|
height: 18px;
|
|
965
|
-
transform: rotate(0deg);
|
|
1036
|
+
-webkit-transform: rotate(0deg);
|
|
1037
|
+
transform: rotate(0deg);
|
|
1038
|
+
border-color: #5a5a5a;
|
|
1039
|
+
border-left-color: #5a5a5a;
|
|
1040
|
+
border-top-color: #5a5a5a;
|
|
1041
|
+
}
|
|
1042
|
+
}
|
|
1043
|
+
@-webkit-keyframes check {
|
|
1044
|
+
100% {
|
|
1045
|
+
top: -3px;
|
|
1046
|
+
left: 17px;
|
|
1047
|
+
width: 10px;
|
|
1048
|
+
height: 21px;
|
|
1049
|
+
-webkit-transform: rotate(45deg);
|
|
1050
|
+
transform: rotate(45deg);
|
|
1051
|
+
border-color: #0f9d58;
|
|
1052
|
+
border-left-color: transparent;
|
|
1053
|
+
border-top-color: transparent;
|
|
1054
|
+
}
|
|
1055
|
+
51% {
|
|
1056
|
+
border-left: transparent;
|
|
1057
|
+
border-top-color: transparent;
|
|
1058
|
+
}
|
|
1059
|
+
50% {
|
|
1060
|
+
top: 14px;
|
|
1061
|
+
left: 17px;
|
|
1062
|
+
width: 4px;
|
|
1063
|
+
height: 4px;
|
|
1064
|
+
-webkit-transform: rotate(45deg);
|
|
1065
|
+
transform: rotate(45deg);
|
|
1066
|
+
border-color: #5a5a5a;
|
|
1067
|
+
border-left-color: #5a5a5a;
|
|
1068
|
+
border-top-color: #5a5a5a;
|
|
1069
|
+
}
|
|
1070
|
+
0% {
|
|
1071
|
+
top: 1px;
|
|
1072
|
+
left: 12px;
|
|
1073
|
+
width: 18px;
|
|
1074
|
+
height: 18px;
|
|
1075
|
+
-webkit-transform: rotate(0deg);
|
|
1076
|
+
transform: rotate(0deg);
|
|
966
1077
|
border-color: #5a5a5a;
|
|
967
1078
|
border-left-color: #5a5a5a;
|
|
968
1079
|
border-top-color: #5a5a5a;
|
|
@@ -974,7 +1085,8 @@ body .jumbotron-material-lightgrey,
|
|
|
974
1085
|
left: 17px;
|
|
975
1086
|
width: 10px;
|
|
976
1087
|
height: 21px;
|
|
977
|
-
transform: rotate(45deg);
|
|
1088
|
+
-webkit-transform: rotate(45deg);
|
|
1089
|
+
transform: rotate(45deg);
|
|
978
1090
|
border-color: #0f9d58;
|
|
979
1091
|
border-left-color: transparent;
|
|
980
1092
|
border-top-color: transparent;
|
|
@@ -988,7 +1100,8 @@ body .jumbotron-material-lightgrey,
|
|
|
988
1100
|
left: 17px;
|
|
989
1101
|
width: 4px;
|
|
990
1102
|
height: 4px;
|
|
991
|
-
transform: rotate(45deg);
|
|
1103
|
+
-webkit-transform: rotate(45deg);
|
|
1104
|
+
transform: rotate(45deg);
|
|
992
1105
|
border-color: #5a5a5a;
|
|
993
1106
|
border-left-color: #5a5a5a;
|
|
994
1107
|
border-top-color: #5a5a5a;
|
|
@@ -998,12 +1111,24 @@ body .jumbotron-material-lightgrey,
|
|
|
998
1111
|
left: 12px;
|
|
999
1112
|
width: 18px;
|
|
1000
1113
|
height: 18px;
|
|
1001
|
-
transform: rotate(0deg);
|
|
1114
|
+
-webkit-transform: rotate(0deg);
|
|
1115
|
+
transform: rotate(0deg);
|
|
1002
1116
|
border-color: #5a5a5a;
|
|
1003
1117
|
border-left-color: #5a5a5a;
|
|
1004
1118
|
border-top-color: #5a5a5a;
|
|
1005
1119
|
}
|
|
1006
1120
|
}
|
|
1121
|
+
@-webkit-keyframes rippleOn {
|
|
1122
|
+
0% {
|
|
1123
|
+
opacity: 0;
|
|
1124
|
+
}
|
|
1125
|
+
50% {
|
|
1126
|
+
opacity: 0.2;
|
|
1127
|
+
}
|
|
1128
|
+
100% {
|
|
1129
|
+
opacity: 0;
|
|
1130
|
+
}
|
|
1131
|
+
}
|
|
1007
1132
|
@keyframes rippleOn {
|
|
1008
1133
|
0% {
|
|
1009
1134
|
opacity: 0;
|
|
@@ -1015,6 +1140,17 @@ body .jumbotron-material-lightgrey,
|
|
|
1015
1140
|
opacity: 0;
|
|
1016
1141
|
}
|
|
1017
1142
|
}
|
|
1143
|
+
@-webkit-keyframes rippleOff {
|
|
1144
|
+
0% {
|
|
1145
|
+
opacity: 0;
|
|
1146
|
+
}
|
|
1147
|
+
50% {
|
|
1148
|
+
opacity: 0.2;
|
|
1149
|
+
}
|
|
1150
|
+
100% {
|
|
1151
|
+
opacity: 0;
|
|
1152
|
+
}
|
|
1153
|
+
}
|
|
1018
1154
|
@keyframes rippleOff {
|
|
1019
1155
|
0% {
|
|
1020
1156
|
opacity: 0;
|
|
@@ -1039,7 +1175,8 @@ body .jumbotron-material-lightgrey,
|
|
|
1039
1175
|
position: absolute;
|
|
1040
1176
|
left: 10px;
|
|
1041
1177
|
top: 2px;
|
|
1042
|
-
transition-duration: 0.2s;
|
|
1178
|
+
-webkit-transition-duration: 0.2s;
|
|
1179
|
+
transition-duration: 0.2s;
|
|
1043
1180
|
}
|
|
1044
1181
|
.radio label .circle {
|
|
1045
1182
|
border: 2px solid rgba(0, 0, 0, 0.84);
|
|
@@ -1052,7 +1189,9 @@ body .jumbotron-material-lightgrey,
|
|
|
1052
1189
|
width: 15px;
|
|
1053
1190
|
border-radius: 100%;
|
|
1054
1191
|
background-color: rgba(0, 0, 0, 0.84);
|
|
1055
|
-
transform: scale(0);
|
|
1192
|
+
-webkit-transform: scale(0);
|
|
1193
|
+
-ms-transform: scale(0);
|
|
1194
|
+
transform: scale(0);
|
|
1056
1195
|
}
|
|
1057
1196
|
.radio label .check:after {
|
|
1058
1197
|
display: block;
|
|
@@ -1067,13 +1206,17 @@ body .jumbotron-material-lightgrey,
|
|
|
1067
1206
|
z-index: 1;
|
|
1068
1207
|
opacity: 0;
|
|
1069
1208
|
margin: 0;
|
|
1070
|
-
transform: scale(1.5);
|
|
1209
|
+
-webkit-transform: scale(1.5);
|
|
1210
|
+
-ms-transform: scale(1.5);
|
|
1211
|
+
transform: scale(1.5);
|
|
1071
1212
|
}
|
|
1072
1213
|
.radio label input[type=radio]:not(:checked) ~ .check:after {
|
|
1073
|
-
animation: rippleOff 500ms;
|
|
1214
|
+
-webkit-animation: rippleOff 500ms;
|
|
1215
|
+
animation: rippleOff 500ms;
|
|
1074
1216
|
}
|
|
1075
1217
|
.radio label input[type=radio]:checked ~ .check:after {
|
|
1076
|
-
animation: rippleOn 500ms;
|
|
1218
|
+
-webkit-animation: rippleOn 500ms;
|
|
1219
|
+
animation: rippleOn 500ms;
|
|
1077
1220
|
}
|
|
1078
1221
|
.radio input[type=radio]:checked ~ .check,
|
|
1079
1222
|
.radio-default input[type=radio]:checked ~ .check {
|
|
@@ -1223,7 +1366,9 @@ body .jumbotron-material-lightgrey,
|
|
|
1223
1366
|
display: none;
|
|
1224
1367
|
}
|
|
1225
1368
|
.radio input[type=radio]:checked ~ .check {
|
|
1226
|
-
transform: scale(0.55);
|
|
1369
|
+
-webkit-transform: scale(0.55);
|
|
1370
|
+
-ms-transform: scale(0.55);
|
|
1371
|
+
transform: scale(0.55);
|
|
1227
1372
|
}
|
|
1228
1373
|
.radio input[type=radio][disabled] ~ .circle {
|
|
1229
1374
|
border-color: rgba(0, 0, 0, 0.84);
|
|
@@ -1315,7 +1460,8 @@ select[multiple].form-control.focus {
|
|
|
1315
1460
|
pointer-events: none;
|
|
1316
1461
|
left: 0px;
|
|
1317
1462
|
top: 5px;
|
|
1318
|
-
transition: 0.2s ease all;
|
|
1463
|
+
-webkit-transition: 0.2s ease all;
|
|
1464
|
+
transition: 0.2s ease all;
|
|
1319
1465
|
opacity: 0;
|
|
1320
1466
|
}
|
|
1321
1467
|
.form-control-wrapper .form-control:not(.empty) ~ .floating-label {
|
|
@@ -1348,13 +1494,19 @@ select[multiple].form-control.focus {
|
|
|
1348
1494
|
height: 2px;
|
|
1349
1495
|
background-color: #5264ae;
|
|
1350
1496
|
bottom: -1px;
|
|
1351
|
-
transform: scaleX(0);
|
|
1352
|
-
|
|
1497
|
+
-webkit-transform: scaleX(0);
|
|
1498
|
+
-ms-transform: scaleX(0);
|
|
1499
|
+
transform: scaleX(0);
|
|
1500
|
+
-webkit-transition: -webkit-transform 0s;
|
|
1501
|
+
transition: transform 0s;
|
|
1353
1502
|
}
|
|
1354
1503
|
.form-control-wrapper .form-control:focus ~ .material-input:before,
|
|
1355
1504
|
.form-control-wrapper .form-control.focus ~ .material-input:before {
|
|
1356
|
-
transform: scaleX(1);
|
|
1357
|
-
|
|
1505
|
+
-webkit-transform: scaleX(1);
|
|
1506
|
+
-ms-transform: scaleX(1);
|
|
1507
|
+
transform: scaleX(1);
|
|
1508
|
+
-webkit-transition: -webkit-transform 0.2s ease-out;
|
|
1509
|
+
transition: transform 0.2s ease-out;
|
|
1358
1510
|
}
|
|
1359
1511
|
.form-control-wrapper .material-input:after {
|
|
1360
1512
|
content: "";
|
|
@@ -1366,7 +1518,9 @@ select[multiple].form-control.focus {
|
|
|
1366
1518
|
left: 0;
|
|
1367
1519
|
pointer-events: none;
|
|
1368
1520
|
opacity: 0.9;
|
|
1369
|
-
transform-origin: left;
|
|
1521
|
+
-webkit-transform-origin: left;
|
|
1522
|
+
-ms-transform-origin: left;
|
|
1523
|
+
transform-origin: left;
|
|
1370
1524
|
}
|
|
1371
1525
|
.form-control-wrapper .input-lg ~ .material-input:after {
|
|
1372
1526
|
height: 26px;
|
|
@@ -1379,8 +1533,10 @@ select[multiple].form-control.focus {
|
|
|
1379
1533
|
}
|
|
1380
1534
|
.form-control-wrapper .form-control:focus ~ .material-input:after,
|
|
1381
1535
|
.form-control-wrapper .form-control.focus ~ .material-input:after {
|
|
1382
|
-
animation: input-highlight 0.3s ease;
|
|
1383
|
-
|
|
1536
|
+
-webkit-animation: input-highlight 0.3s ease;
|
|
1537
|
+
animation: input-highlight 0.3s ease;
|
|
1538
|
+
-webkit-animation-fill-mode: forwards;
|
|
1539
|
+
animation-fill-mode: forwards;
|
|
1384
1540
|
opacity: 0;
|
|
1385
1541
|
}
|
|
1386
1542
|
.form-control-wrapper select ~ .material-input:after {
|
|
@@ -1800,10 +1956,12 @@ select.form-control.focus {
|
|
|
1800
1956
|
@keyframes input-highlight {
|
|
1801
1957
|
0% {
|
|
1802
1958
|
left: 20%;
|
|
1803
|
-
transform: scaleX(20%);
|
|
1959
|
+
-webkit-transform: scaleX(20%);
|
|
1960
|
+
transform: scaleX(20%);
|
|
1804
1961
|
}
|
|
1805
1962
|
99% {
|
|
1806
|
-
transform: scaleX(0);
|
|
1963
|
+
-webkit-transform: scaleX(0);
|
|
1964
|
+
transform: scaleX(0);
|
|
1807
1965
|
left: 0;
|
|
1808
1966
|
opacity: 1;
|
|
1809
1967
|
}
|
|
@@ -1976,7 +2134,8 @@ legend {
|
|
|
1976
2134
|
background-color: transparent;
|
|
1977
2135
|
}
|
|
1978
2136
|
.navbar .navbar-toggle {
|
|
1979
|
-
|
|
2137
|
+
margin-top: 13px;
|
|
2138
|
+
border-color: transparent;
|
|
1980
2139
|
}
|
|
1981
2140
|
.navbar .navbar-toggle:hover,
|
|
1982
2141
|
.navbar .navbar-toggle:focus {
|
|
@@ -1985,6 +2144,10 @@ legend {
|
|
|
1985
2144
|
.navbar .navbar-toggle .icon-bar {
|
|
1986
2145
|
background-color: rgba(255, 255, 255, 0.84);
|
|
1987
2146
|
}
|
|
2147
|
+
.navbar .navbar-default .navbar-toggle,
|
|
2148
|
+
.navbar .navbar-inverse .navbar-toggle {
|
|
2149
|
+
border-color: transparent;
|
|
2150
|
+
}
|
|
1988
2151
|
.navbar .navbar-collapse,
|
|
1989
2152
|
.navbar .navbar-form {
|
|
1990
2153
|
border-color: rgba(0, 0, 0, 0.1);
|
|
@@ -2174,6 +2337,19 @@ fieldset[disabled] .navbar .btn-link:focus {
|
|
|
2174
2337
|
background-color: rgba(0, 0, 0, 0.05);
|
|
2175
2338
|
color: rgba(0, 0, 0, 0.84);
|
|
2176
2339
|
}
|
|
2340
|
+
@media (max-width: 1199px) {
|
|
2341
|
+
.navbar .navbar-brand {
|
|
2342
|
+
height: 50px;
|
|
2343
|
+
padding: 10px 15px;
|
|
2344
|
+
}
|
|
2345
|
+
.navbar .navbar-form {
|
|
2346
|
+
margin-top: 10px;
|
|
2347
|
+
}
|
|
2348
|
+
.navbar .navbar-nav > li > a {
|
|
2349
|
+
padding-top: 15px;
|
|
2350
|
+
padding-bottom: 15px;
|
|
2351
|
+
}
|
|
2352
|
+
}
|
|
2177
2353
|
.dropdown-menu {
|
|
2178
2354
|
border: 0;
|
|
2179
2355
|
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
|
@@ -2506,15 +2682,21 @@ fieldset[disabled] .navbar .btn-link:focus {
|
|
|
2506
2682
|
border-radius: 2px;
|
|
2507
2683
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
2508
2684
|
height: 0;
|
|
2509
|
-
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;
|
|
2510
|
-
|
|
2685
|
+
-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;
|
|
2686
|
+
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;
|
|
2687
|
+
-webkit-transform: translateY(200%);
|
|
2688
|
+
-ms-transform: translateY(200%);
|
|
2689
|
+
transform: translateY(200%);
|
|
2511
2690
|
}
|
|
2512
2691
|
.snackbar.snackbar-opened {
|
|
2513
2692
|
padding: 14px 15px;
|
|
2514
2693
|
margin-bottom: 20px;
|
|
2515
2694
|
height: auto;
|
|
2516
|
-
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
|
2517
|
-
|
|
2695
|
+
-webkit-transition: -webkit-transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
|
2696
|
+
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in, height 0 linear 0.2s, height 0 linear 0.2s;
|
|
2697
|
+
-webkit-transform: none;
|
|
2698
|
+
-ms-transform: none;
|
|
2699
|
+
transform: none;
|
|
2518
2700
|
}
|
|
2519
2701
|
.snackbar.toast {
|
|
2520
2702
|
border-radius: 200px;
|
|
@@ -2523,7 +2705,10 @@ fieldset[disabled] .navbar .btn-link:focus {
|
|
|
2523
2705
|
.noUi-target * {
|
|
2524
2706
|
-webkit-touch-callout: none;
|
|
2525
2707
|
-ms-touch-action: none;
|
|
2526
|
-
user-select: none;
|
|
2708
|
+
-webkit-user-select: none;
|
|
2709
|
+
-moz-user-select: none;
|
|
2710
|
+
-ms-user-select: none;
|
|
2711
|
+
user-select: none;
|
|
2527
2712
|
box-sizing: border-box;
|
|
2528
2713
|
}
|
|
2529
2714
|
.noUi-base {
|
|
@@ -2550,7 +2735,8 @@ fieldset[disabled] .navbar .btn-link:focus {
|
|
|
2550
2735
|
*z-index: -1;
|
|
2551
2736
|
}
|
|
2552
2737
|
.noUi-state-tap .noUi-origin {
|
|
2553
|
-
transition: left 0.3s, top 0.3s;
|
|
2738
|
+
-webkit-transition: left 0.3s, top 0.3s;
|
|
2739
|
+
transition: left 0.3s, top 0.3s;
|
|
2554
2740
|
}
|
|
2555
2741
|
.noUi-state-drag * {
|
|
2556
2742
|
cursor: inherit !important;
|
|
@@ -2594,7 +2780,8 @@ fieldset[disabled] .navbar .btn-link:focus {
|
|
|
2594
2780
|
.noUi-handle {
|
|
2595
2781
|
border-radius: 100%;
|
|
2596
2782
|
cursor: default;
|
|
2597
|
-
transition: all 0.2s ease-out;
|
|
2783
|
+
-webkit-transition: all 0.2s ease-out;
|
|
2784
|
+
transition: all 0.2s ease-out;
|
|
2598
2785
|
border: 1px solid;
|
|
2599
2786
|
}
|
|
2600
2787
|
.noUi-horizontal {
|
|
@@ -2602,7 +2789,9 @@ fieldset[disabled] .navbar .btn-link:focus {
|
|
|
2602
2789
|
margin: 15px 0;
|
|
2603
2790
|
}
|
|
2604
2791
|
.noUi-horizontal .noUi-handle.noUi-active {
|
|
2605
|
-
transform: scale(2.5);
|
|
2792
|
+
-webkit-transform: scale(2.5);
|
|
2793
|
+
-ms-transform: scale(2.5);
|
|
2794
|
+
transform: scale(2.5);
|
|
2606
2795
|
}
|
|
2607
2796
|
[disabled].noUi-slider {
|
|
2608
2797
|
opacity: 0.5;
|
|
@@ -2892,4 +3081,145 @@ fieldset[disabled] .navbar .btn-link:focus {
|
|
|
2892
3081
|
}
|
|
2893
3082
|
.slider-material-lightgrey .noUi-handle {
|
|
2894
3083
|
border-color: #ececec;
|
|
2895
|
-
}
|
|
3084
|
+
}
|
|
3085
|
+
.selectize-control.single,
|
|
3086
|
+
.selectize-control.multi {
|
|
3087
|
+
padding: 0;
|
|
3088
|
+
}
|
|
3089
|
+
.selectize-control.single .selectize-input,
|
|
3090
|
+
.selectize-control.multi .selectize-input,
|
|
3091
|
+
.selectize-control.single .selectize-input.input-active,
|
|
3092
|
+
.selectize-control.multi .selectize-input.input-active {
|
|
3093
|
+
cursor: text;
|
|
3094
|
+
background: transparent;
|
|
3095
|
+
box-shadow: none;
|
|
3096
|
+
border: 0;
|
|
3097
|
+
padding: 0;
|
|
3098
|
+
height: 100%;
|
|
3099
|
+
font-size: 14px;
|
|
3100
|
+
line-height: 30px;
|
|
3101
|
+
}
|
|
3102
|
+
.selectize-control.single .selectize-input .has-items,
|
|
3103
|
+
.selectize-control.multi .selectize-input .has-items,
|
|
3104
|
+
.selectize-control.single .selectize-input.input-active .has-items,
|
|
3105
|
+
.selectize-control.multi .selectize-input.input-active .has-items {
|
|
3106
|
+
padding: 0;
|
|
3107
|
+
}
|
|
3108
|
+
.selectize-control.single .selectize-input:after,
|
|
3109
|
+
.selectize-control.multi .selectize-input:after,
|
|
3110
|
+
.selectize-control.single .selectize-input.input-active:after,
|
|
3111
|
+
.selectize-control.multi .selectize-input.input-active:after {
|
|
3112
|
+
content: "\e611";
|
|
3113
|
+
right: 5px;
|
|
3114
|
+
position: absolute;
|
|
3115
|
+
font-size: 7px;
|
|
3116
|
+
font-family: 'Material-Design';
|
|
3117
|
+
speak: none;
|
|
3118
|
+
font-style: normal;
|
|
3119
|
+
font-weight: normal;
|
|
3120
|
+
font-variant: normal;
|
|
3121
|
+
text-transform: none;
|
|
3122
|
+
line-height: 4;
|
|
3123
|
+
-webkit-font-smoothing: antialiased;
|
|
3124
|
+
-moz-osx-font-smoothing: grayscale;
|
|
3125
|
+
}
|
|
3126
|
+
.selectize-control.single .selectize-input input,
|
|
3127
|
+
.selectize-control.multi .selectize-input input,
|
|
3128
|
+
.selectize-control.single .selectize-input.input-active input,
|
|
3129
|
+
.selectize-control.multi .selectize-input.input-active input {
|
|
3130
|
+
font-size: 14px;
|
|
3131
|
+
outline: 0px;
|
|
3132
|
+
border: 0px;
|
|
3133
|
+
background: transparent;
|
|
3134
|
+
}
|
|
3135
|
+
.selectize-control.single .selectize-input.floating-label-fix input,
|
|
3136
|
+
.selectize-control.multi .selectize-input.floating-label-fix input,
|
|
3137
|
+
.selectize-control.single .selectize-input.input-active.floating-label-fix input,
|
|
3138
|
+
.selectize-control.multi .selectize-input.input-active.floating-label-fix input {
|
|
3139
|
+
opacity: 0;
|
|
3140
|
+
}
|
|
3141
|
+
.selectize-control.single .selectize-input > div,
|
|
3142
|
+
.selectize-control.multi .selectize-input > div,
|
|
3143
|
+
.selectize-control.single .selectize-input.input-active > div,
|
|
3144
|
+
.selectize-control.multi .selectize-input.input-active > div,
|
|
3145
|
+
.selectize-control.single .selectize-input > .item,
|
|
3146
|
+
.selectize-control.multi .selectize-input > .item,
|
|
3147
|
+
.selectize-control.single .selectize-input.input-active > .item,
|
|
3148
|
+
.selectize-control.multi .selectize-input.input-active > .item {
|
|
3149
|
+
display: inline-block;
|
|
3150
|
+
margin: 0 8px 3px 0;
|
|
3151
|
+
padding: 0;
|
|
3152
|
+
background: transparent;
|
|
3153
|
+
border: 0;
|
|
3154
|
+
}
|
|
3155
|
+
.selectize-control.single .selectize-input > div:after,
|
|
3156
|
+
.selectize-control.multi .selectize-input > div:after,
|
|
3157
|
+
.selectize-control.single .selectize-input.input-active > div:after,
|
|
3158
|
+
.selectize-control.multi .selectize-input.input-active > div:after,
|
|
3159
|
+
.selectize-control.single .selectize-input > .item:after,
|
|
3160
|
+
.selectize-control.multi .selectize-input > .item:after,
|
|
3161
|
+
.selectize-control.single .selectize-input.input-active > .item:after,
|
|
3162
|
+
.selectize-control.multi .selectize-input.input-active > .item:after {
|
|
3163
|
+
content: ",";
|
|
3164
|
+
}
|
|
3165
|
+
.selectize-control.single .selectize-input > div:last-of-type:after,
|
|
3166
|
+
.selectize-control.multi .selectize-input > div:last-of-type:after,
|
|
3167
|
+
.selectize-control.single .selectize-input.input-active > div:last-of-type:after,
|
|
3168
|
+
.selectize-control.multi .selectize-input.input-active > div:last-of-type:after,
|
|
3169
|
+
.selectize-control.single .selectize-input > .item:last-of-type:after,
|
|
3170
|
+
.selectize-control.multi .selectize-input > .item:last-of-type:after,
|
|
3171
|
+
.selectize-control.single .selectize-input.input-active > .item:last-of-type:after,
|
|
3172
|
+
.selectize-control.multi .selectize-input.input-active > .item:last-of-type:after {
|
|
3173
|
+
content: "";
|
|
3174
|
+
}
|
|
3175
|
+
.selectize-control.single .selectize-input > div.active,
|
|
3176
|
+
.selectize-control.multi .selectize-input > div.active,
|
|
3177
|
+
.selectize-control.single .selectize-input.input-active > div.active,
|
|
3178
|
+
.selectize-control.multi .selectize-input.input-active > div.active,
|
|
3179
|
+
.selectize-control.single .selectize-input > .item.active,
|
|
3180
|
+
.selectize-control.multi .selectize-input > .item.active,
|
|
3181
|
+
.selectize-control.single .selectize-input.input-active > .item.active,
|
|
3182
|
+
.selectize-control.multi .selectize-input.input-active > .item.active {
|
|
3183
|
+
font-weight: bold;
|
|
3184
|
+
background: transparent;
|
|
3185
|
+
border: 0;
|
|
3186
|
+
}
|
|
3187
|
+
.selectize-control.single .selectize-dropdown,
|
|
3188
|
+
.selectize-control.multi .selectize-dropdown {
|
|
3189
|
+
position: absolute;
|
|
3190
|
+
z-index: 1000;
|
|
3191
|
+
border: 0;
|
|
3192
|
+
width: 100% !important;
|
|
3193
|
+
left: 0 !important;
|
|
3194
|
+
height: auto;
|
|
3195
|
+
background-color: #FFF;
|
|
3196
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
|
|
3197
|
+
border-radius: 2px;
|
|
3198
|
+
padding: 0;
|
|
3199
|
+
margin-top: 3px;
|
|
3200
|
+
}
|
|
3201
|
+
.selectize-control.single .selectize-dropdown .active,
|
|
3202
|
+
.selectize-control.multi .selectize-dropdown .active {
|
|
3203
|
+
background-color: inherit;
|
|
3204
|
+
}
|
|
3205
|
+
.selectize-control.single .selectize-dropdown .highlight,
|
|
3206
|
+
.selectize-control.multi .selectize-dropdown .highlight {
|
|
3207
|
+
background-color: #d5d8ff;
|
|
3208
|
+
}
|
|
3209
|
+
.selectize-control.single .selectize-dropdown .selected,
|
|
3210
|
+
.selectize-control.multi .selectize-dropdown .selected,
|
|
3211
|
+
.selectize-control.single .selectize-dropdown .selected.active,
|
|
3212
|
+
.selectize-control.multi .selectize-dropdown .selected.active {
|
|
3213
|
+
background-color: #EEEEEE;
|
|
3214
|
+
}
|
|
3215
|
+
.selectize-control.single .selectize-dropdown [data-selectable],
|
|
3216
|
+
.selectize-control.multi .selectize-dropdown [data-selectable],
|
|
3217
|
+
.selectize-control.single .selectize-dropdown .optgroup-header,
|
|
3218
|
+
.selectize-control.multi .selectize-dropdown .optgroup-header {
|
|
3219
|
+
padding: 10px 20px;
|
|
3220
|
+
cursor: pointer;
|
|
3221
|
+
}
|
|
3222
|
+
.selectize-control.single .dropdown-active ~ .selectize-dropdown,
|
|
3223
|
+
.selectize-control.multi .dropdown-active ~ .selectize-dropdown {
|
|
3224
|
+
display: block;
|
|
3225
|
+
}
|