mirror of
https://github.com/ExactTarget/fuelux.git
synced 2026-04-26 03:00:10 -04:00
changes to loader
This commit is contained in:
kevinparkerson
665
dist/css/fuelux.css
vendored
665
dist/css/fuelux.css
vendored
@@ -33,155 +33,98 @@
|
||||
font-weight: normal !important;
|
||||
font-variant: normal !important;
|
||||
text-transform: none !important;
|
||||
speak: none;
|
||||
line-height: 1;
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
.fuelux .fueluxicon-checkbox-1:before {
|
||||
.fuelux .fueluxicon-loader-full:before {
|
||||
content: "\e000";
|
||||
}
|
||||
.fuelux .fueluxicon-checkbox-2:before {
|
||||
.fuelux .fueluxicon-loader-1:before {
|
||||
content: "\e001";
|
||||
}
|
||||
.fuelux .fueluxicon-checkbox-3:before {
|
||||
.fuelux .fueluxicon-loader-2:before {
|
||||
content: "\e002";
|
||||
}
|
||||
.fuelux .fueluxicon-loader-1:before {
|
||||
content: "\26c1";
|
||||
}
|
||||
.fuelux .fueluxicon-loader-2:before {
|
||||
content: "\26c2";
|
||||
}
|
||||
.fuelux .fueluxicon-loader-3:before {
|
||||
content: "\26c3";
|
||||
content: "\e003";
|
||||
}
|
||||
.fuelux .fueluxicon-loader-4:before {
|
||||
content: "\26c4";
|
||||
content: "\e004";
|
||||
}
|
||||
.fuelux .fueluxicon-loader-5:before {
|
||||
content: "\26c5";
|
||||
content: "\e005";
|
||||
}
|
||||
.fuelux .fueluxicon-loader-6:before {
|
||||
content: "\26c6";
|
||||
content: "\e006";
|
||||
}
|
||||
.fuelux .fueluxicon-loader-7:before {
|
||||
content: "\26c7";
|
||||
content: "\e007";
|
||||
}
|
||||
.fuelux .fueluxicon-loader-8:before {
|
||||
content: "\26c8";
|
||||
}
|
||||
.fuelux .fueluxicon-loader-full:before {
|
||||
content: "\26c0";
|
||||
}
|
||||
.fuelux .fueluxicon-radio-1:before {
|
||||
content: "\e00c";
|
||||
}
|
||||
.fuelux .fueluxicon-radio-2:before {
|
||||
content: "\e00d";
|
||||
}
|
||||
.fuelux .fueluxicon-radio-3:before {
|
||||
content: "\e00e";
|
||||
}
|
||||
.fuelux .fueluxicon-checkmark:before {
|
||||
content: "\e00f";
|
||||
content: "\e008";
|
||||
}
|
||||
.fuelux .checkbox.highlight {
|
||||
padding: 4px 4px 4px 24px;
|
||||
}
|
||||
.fuelux .checkbox.highlight.checked {
|
||||
background: #e9e9e9;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.fuelux .checkbox-custom {
|
||||
position: relative;
|
||||
}
|
||||
.fuelux .checkbox-custom:after,
|
||||
.fuelux .checkbox-custom:before {
|
||||
font-family: "fuelux" !important;
|
||||
font-family: "Glyphicons Halflings" !important;
|
||||
font-style: normal !important;
|
||||
font-weight: normal !important;
|
||||
font-variant: normal !important;
|
||||
text-transform: none !important;
|
||||
speak: none;
|
||||
line-height: 1;
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: #aaa;
|
||||
font-size: 16px;
|
||||
left: 0;
|
||||
margin-left: -20px;
|
||||
position: relative;
|
||||
top: 0;
|
||||
}
|
||||
.fuelux .checkbox-custom:after {
|
||||
content: "\e000";
|
||||
/*.fueluxicon-checkbox-1:before*/
|
||||
border: 1px solid #adadad;
|
||||
border-radius: 4px;
|
||||
color: #fff;
|
||||
content: " ";
|
||||
font-size: 9px;
|
||||
height: 14px;
|
||||
left: -20px;
|
||||
padding: 1px 0 0 1px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
width: 14px;
|
||||
}
|
||||
.fuelux .checkbox-custom:before {
|
||||
color: #ebebeb;
|
||||
content: "\e001";
|
||||
/*.fueluxicon-checkbox-2:before*/
|
||||
top: 2px;
|
||||
.fuelux .checkbox-custom.checked:before {
|
||||
background: #39b3d7;
|
||||
border-color: #39b3d7;
|
||||
content: "\e013";
|
||||
}
|
||||
.fuelux .checkbox-custom.checked:after {
|
||||
content: "\e002";
|
||||
/*.fueluxicon-checkbox-3:before*/
|
||||
}
|
||||
.fuelux .checkbox-custom.disabled:after,
|
||||
.fuelux .checkbox-custom.disabled:before {
|
||||
opacity: .6;
|
||||
}
|
||||
.fuelux .checkbox-custom.checkbox-inline {
|
||||
padding-left: 4px;
|
||||
}
|
||||
.fuelux .checkbox-custom.checkbox-inline:after,
|
||||
.fuelux .checkbox-custom.checkbox-inline:before {
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0;
|
||||
}
|
||||
.fuelux .checkbox-custom.checkbox-inline:after {
|
||||
top: 2px;
|
||||
opacity: .5;
|
||||
}
|
||||
.fuelux .checkbox-custom.checkbox-inline:before {
|
||||
left: -4px;
|
||||
left: 0;
|
||||
top: 3px;
|
||||
}
|
||||
.fuelux .checkbox-custom.checkbox-inline.highlight {
|
||||
padding: 4px 4px 4px 6px;
|
||||
}
|
||||
.fuelux .checkbox-custom.checkbox-inline.highlight:after {
|
||||
left: 3px;
|
||||
top: 6px;
|
||||
padding: 4px 4px 4px 24px;
|
||||
}
|
||||
.fuelux .checkbox-custom.checkbox-inline.highlight:before {
|
||||
left: -3px;
|
||||
top: 2px;
|
||||
left: 4px;
|
||||
top: 7px;
|
||||
}
|
||||
.fuelux .checkbox-custom.checkbox-inline.highlight.checked {
|
||||
background: #e9e9e9;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.fuelux .checkbox-custom input[type=checkbox] {
|
||||
/* IE cannot fire events if display none or visibility hidden */
|
||||
position: relative;
|
||||
left: -99999px;
|
||||
}
|
||||
.fuelux .checkbox-custom:hover:after {
|
||||
color: #888;
|
||||
}
|
||||
.fuelux .checkbox-custom:hover:before {
|
||||
color: #d4d4d4;
|
||||
}
|
||||
.fuelux .checkbox-custom:hover.disabled:after {
|
||||
color: #aaa;
|
||||
}
|
||||
.fuelux .checkbox-custom:hover.disabled:before {
|
||||
color: #ebebeb;
|
||||
}
|
||||
.fuelux .datepicker .input-append,
|
||||
.fuelux .datepicker .input-group {
|
||||
margin-bottom: 1px;
|
||||
@@ -419,433 +362,61 @@
|
||||
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
||||
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
@keyframes fuelux-loader-1 {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
12.4% {
|
||||
opacity: 1;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fuelux-loader-1 {
|
||||
0% {
|
||||
opacity: 1;
|
||||
}
|
||||
12.4% {
|
||||
opacity: 1;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fuelux-loader-2 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
12.4% {
|
||||
opacity: 0;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
24.9% {
|
||||
opacity: 1;
|
||||
}
|
||||
25% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fuelux-loader-2 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
12.4% {
|
||||
opacity: 0;
|
||||
}
|
||||
12.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
24.9% {
|
||||
opacity: 1;
|
||||
}
|
||||
25% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fuelux-loader-3 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
24.9% {
|
||||
opacity: 0;
|
||||
}
|
||||
25% {
|
||||
opacity: 1;
|
||||
}
|
||||
37.4% {
|
||||
opacity: 1;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fuelux-loader-3 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
24.9% {
|
||||
opacity: 0;
|
||||
}
|
||||
25% {
|
||||
opacity: 1;
|
||||
}
|
||||
37.4% {
|
||||
opacity: 1;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fuelux-loader-4 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
37.4% {
|
||||
opacity: 0;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
49.4% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fuelux-loader-4 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
37.4% {
|
||||
opacity: 0;
|
||||
}
|
||||
37.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
49.4% {
|
||||
opacity: 1;
|
||||
}
|
||||
50% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fuelux-loader-5 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
49.4% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
62.4% {
|
||||
opacity: 1;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fuelux-loader-5 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
49.4% {
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
62.4% {
|
||||
opacity: 1;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fuelux-loader-6 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
62.4% {
|
||||
opacity: 0;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
74.9% {
|
||||
opacity: 1;
|
||||
}
|
||||
75% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fuelux-loader-6 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
62.4% {
|
||||
opacity: 0;
|
||||
}
|
||||
62.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
74.9% {
|
||||
opacity: 1;
|
||||
}
|
||||
75% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fuelux-loader-7 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
74.9% {
|
||||
opacity: 0;
|
||||
}
|
||||
75% {
|
||||
opacity: 1;
|
||||
}
|
||||
87.4% {
|
||||
opacity: 1;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fuelux-loader-7 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
74.9% {
|
||||
opacity: 0;
|
||||
}
|
||||
75% {
|
||||
opacity: 1;
|
||||
}
|
||||
87.4% {
|
||||
opacity: 1;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@keyframes fuelux-loader-8 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
87.4% {
|
||||
opacity: 0;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
87.6% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
@-webkit-keyframes fuelux-loader-8 {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
87.4% {
|
||||
opacity: 0;
|
||||
}
|
||||
87.5% {
|
||||
opacity: 1;
|
||||
}
|
||||
87.6% {
|
||||
opacity: 1;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
.fuelux .loader {
|
||||
height: 64px;
|
||||
font-size: 64px;
|
||||
position: relative;
|
||||
width: 64px;
|
||||
}
|
||||
.fuelux .loader:before,
|
||||
.fuelux .loader.iefix span,
|
||||
.fuelux .loader.iefix b,
|
||||
.fuelux .loader i {
|
||||
.fuelux .loader:after,
|
||||
.fuelux .loader:before {
|
||||
font-family: "fuelux" !important;
|
||||
font-style: normal !important;
|
||||
font-weight: normal !important;
|
||||
font-variant: normal !important;
|
||||
text-transform: none !important;
|
||||
speak: none;
|
||||
line-height: 1;
|
||||
speak: none;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
bottom: 0;
|
||||
display: block;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
}
|
||||
.fuelux .loader:before {
|
||||
content: "\26c0";
|
||||
/*.fueluxicon-loader-full:before*/
|
||||
left: 0;
|
||||
content: '\e000';
|
||||
opacity: 0.33;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
}
|
||||
.fuelux .loader.iefix:before {
|
||||
display: none;
|
||||
color: #bcbcbc;
|
||||
opacity: 1;
|
||||
}
|
||||
.fuelux .loader.iefix b,
|
||||
.fuelux .loader.iefix span {
|
||||
bottom: 0;
|
||||
display: block;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
.fuelux .loader[data-frame="1"]:after {
|
||||
content: '\e001';
|
||||
}
|
||||
.fuelux .loader.iefix i {
|
||||
display: none;
|
||||
.fuelux .loader[data-frame="2"]:after {
|
||||
content: '\e002';
|
||||
}
|
||||
.fuelux .loader.iefix i:after,
|
||||
.fuelux .loader.iefix i:before {
|
||||
display: none;
|
||||
.fuelux .loader[data-frame="3"]:after {
|
||||
content: '\e003';
|
||||
}
|
||||
.fuelux .loader.iefix span {
|
||||
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=33)";
|
||||
filter: alpha(opacity=33);
|
||||
.fuelux .loader[data-frame="4"]:after {
|
||||
content: '\e004';
|
||||
}
|
||||
.fuelux .loader i {
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
.fuelux .loader[data-frame="5"]:after {
|
||||
content: '\e005';
|
||||
}
|
||||
.fuelux .loader i:after,
|
||||
.fuelux .loader i:before {
|
||||
display: block;
|
||||
left: 0;
|
||||
opacity: 0;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
animation: 1s steps(8) infinite normal running;
|
||||
animation-timing-function: linear;
|
||||
animation-play-state: running;
|
||||
-webkit-animation: 1s steps(8) infinite normal running;
|
||||
-webkit-animation-timing-function: linear;
|
||||
-webkit-animation-play-state: running;
|
||||
.fuelux .loader[data-frame="6"]:after {
|
||||
content: '\e006';
|
||||
}
|
||||
.fuelux .loader i:nth-child(1):before {
|
||||
content: "\26c1";
|
||||
/*.fueluxicon-loader-1:before*/
|
||||
animation-name: fuelux-loader-1;
|
||||
-webkit-animation-name: fuelux-loader-1;
|
||||
.fuelux .loader[data-frame="7"]:after {
|
||||
content: '\e007';
|
||||
}
|
||||
.fuelux .loader i:nth-child(1):after {
|
||||
content: "\26c2";
|
||||
/*.fueluxicon-loader-2:before*/
|
||||
animation-name: fuelux-loader-2;
|
||||
-webkit-animation-name: fuelux-loader-2;
|
||||
}
|
||||
.fuelux .loader i:nth-child(2):before {
|
||||
content: "\26c3";
|
||||
/*.fueluxicon-loader-3:before*/
|
||||
animation-name: fuelux-loader-3;
|
||||
-webkit-animation-name: fuelux-loader-3;
|
||||
}
|
||||
.fuelux .loader i:nth-child(2):after {
|
||||
content: "\26c4";
|
||||
/*.fueluxicon-loader-4:before*/
|
||||
animation-name: fuelux-loader-4;
|
||||
-webkit-animation-name: fuelux-loader-4;
|
||||
}
|
||||
.fuelux .loader i:nth-child(3):before {
|
||||
content: "\26c5";
|
||||
/*.fueluxicon-loader-5:before*/
|
||||
animation-name: fuelux-loader-5;
|
||||
-webkit-animation-name: fuelux-loader-5;
|
||||
}
|
||||
.fuelux .loader i:nth-child(3):after {
|
||||
content: "\26c6";
|
||||
/*.fueluxicon-loader-6:before*/
|
||||
animation-name: fuelux-loader-6;
|
||||
-webkit-animation-name: fuelux-loader-6;
|
||||
}
|
||||
.fuelux .loader i:nth-child(4):before {
|
||||
content: "\26c7";
|
||||
/*.fueluxicon-loader-7:before*/
|
||||
animation-name: fuelux-loader-7;
|
||||
-webkit-animation-name: fuelux-loader-7;
|
||||
}
|
||||
.fuelux .loader i:nth-child(4):after {
|
||||
content: "\26c8";
|
||||
/*.fueluxicon-loader-8:before*/
|
||||
animation-name: fuelux-loader-8;
|
||||
-webkit-animation-name: fuelux-loader-8;
|
||||
.fuelux .loader[data-frame="8"]:after {
|
||||
content: '\e008';
|
||||
}
|
||||
.fuelux input.glass,
|
||||
.fuelux textarea.glass {
|
||||
@@ -855,7 +426,7 @@
|
||||
}
|
||||
.fuelux input.glass:hover,
|
||||
.fuelux textarea.glass:hover {
|
||||
background: #ebf6fb;
|
||||
background: #d9edf7;
|
||||
border: 1px solid #66afe9;
|
||||
cursor: pointer;
|
||||
}
|
||||
@@ -978,7 +549,7 @@
|
||||
}
|
||||
.fuelux .placard input.placard-field[readonly].glass:hover,
|
||||
.fuelux .placard textarea.placard-field[readonly].glass:hover {
|
||||
background: #ebf6fb;
|
||||
background: #d9edf7;
|
||||
cursor: pointer;
|
||||
}
|
||||
.fuelux .placard input.placard-field:focus,
|
||||
@@ -1017,7 +588,7 @@
|
||||
margin: 0;
|
||||
}
|
||||
.fuelux .placard-popup {
|
||||
background: #ebf6fb;
|
||||
background: #d9edf7;
|
||||
background-clip: padding-box;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
@@ -1034,97 +605,69 @@
|
||||
}
|
||||
.fuelux .radio.highlight.checked {
|
||||
background: #e9e9e9;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.fuelux .radio-custom {
|
||||
position: relative;
|
||||
}
|
||||
.fuelux .radio-custom:after,
|
||||
.fuelux .radio-custom:before {
|
||||
font-family: "fuelux" !important;
|
||||
font-style: normal !important;
|
||||
font-weight: normal !important;
|
||||
font-variant: normal !important;
|
||||
text-transform: none !important;
|
||||
speak: none;
|
||||
line-height: 1;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
color: #aaa;
|
||||
font-size: 16px;
|
||||
left: 0;
|
||||
margin-left: -20px;
|
||||
position: relative;
|
||||
top: 0;
|
||||
}
|
||||
.fuelux .radio-custom:after {
|
||||
content: "\e00c";
|
||||
/*.fueluxicon-radio-1:before*/
|
||||
background: transparent;
|
||||
border-radius: 8px;
|
||||
content: " ";
|
||||
height: 8px;
|
||||
left: -17px;
|
||||
position: absolute;
|
||||
top: 4px;
|
||||
width: 8px;
|
||||
}
|
||||
.fuelux .radio-custom:before {
|
||||
color: #ebebeb;
|
||||
content: "\e00d";
|
||||
/*.fueluxicon-radio-2:before*/
|
||||
top: 2px;
|
||||
border: 1px solid #adadad;
|
||||
border-radius: 14px;
|
||||
content: " ";
|
||||
height: 14px;
|
||||
left: -20px;
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
width: 14px;
|
||||
}
|
||||
.fuelux .radio-custom.checked:after {
|
||||
content: "\e00e";
|
||||
/*.fueluxicon-radio-3:before*/
|
||||
background: #fff;
|
||||
}
|
||||
.fuelux .radio-custom.checked:before {
|
||||
background: #39b3d7;
|
||||
border-color: #39b3d7;
|
||||
}
|
||||
.fuelux .radio-custom.disabled:after,
|
||||
.fuelux .radio-custom.disabled:before {
|
||||
opacity: .6;
|
||||
}
|
||||
.fuelux .radio-custom.radio-inline {
|
||||
padding-left: 4px;
|
||||
}
|
||||
.fuelux .radio-custom.radio-inline:after,
|
||||
.fuelux .radio-custom.radio-inline:before {
|
||||
display: block;
|
||||
float: left;
|
||||
margin: 0;
|
||||
opacity: .5;
|
||||
}
|
||||
.fuelux .radio-custom.radio-inline:after {
|
||||
top: 2px;
|
||||
}
|
||||
.fuelux .radio-custom.radio-inline:before {
|
||||
left: -4px;
|
||||
}
|
||||
.fuelux .radio-custom.radio-inline.highlight {
|
||||
padding: 4px 4px 4px 6px;
|
||||
}
|
||||
.fuelux .radio-custom.radio-inline.highlight:after {
|
||||
left: 3px;
|
||||
top: 6px;
|
||||
}
|
||||
.fuelux .radio-custom.radio-inline:before {
|
||||
left: 0;
|
||||
top: 3px;
|
||||
}
|
||||
.fuelux .radio-custom.radio-inline.highlight {
|
||||
padding: 4px 4px 4px 24px;
|
||||
}
|
||||
.fuelux .radio-custom.radio-inline.highlight:after {
|
||||
left: 7px;
|
||||
top: 10px;
|
||||
}
|
||||
.fuelux .radio-custom.radio-inline.highlight:before {
|
||||
left: -3px;
|
||||
top: 2px;
|
||||
left: 4px;
|
||||
top: 7px;
|
||||
}
|
||||
.fuelux .radio-custom.radio-inline.highlight.checked {
|
||||
background: #e9e9e9;
|
||||
-webkit-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.fuelux .radio-custom input[type=radio] {
|
||||
/* IE cannot fire events if display none or visibility hidden */
|
||||
position: relative;
|
||||
left: -99999px;
|
||||
}
|
||||
.fuelux .radio-custom:hover:after {
|
||||
color: #888;
|
||||
}
|
||||
.fuelux .radio-custom:hover:before {
|
||||
color: #d4d4d4;
|
||||
}
|
||||
.fuelux .radio-custom:hover.disabled:after {
|
||||
color: #aaa;
|
||||
}
|
||||
.fuelux .radio-custom:hover.disabled:before {
|
||||
color: #ebebeb;
|
||||
}
|
||||
.fuelux .repeater {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
@@ -1286,15 +829,15 @@
|
||||
width: 100%;
|
||||
}
|
||||
.fuelux .repeater-list-items tr.selectable:hover {
|
||||
background: #cbe7ff;
|
||||
background: #d9edf7;
|
||||
cursor: pointer;
|
||||
}
|
||||
.fuelux .repeater-list-items tr.selected {
|
||||
background: #68ACE7;
|
||||
background: #66AFE9;
|
||||
color: #fff;
|
||||
}
|
||||
.fuelux .repeater-list-items tr.selected:hover {
|
||||
background: #4396de;
|
||||
background: #428bca;
|
||||
}
|
||||
.fuelux .repeater-list-items tr.selected td:first-child {
|
||||
padding-left: 30px;
|
||||
|
||||
2
dist/css/fuelux.css.map
vendored
2
dist/css/fuelux.css.map
vendored
File diff suppressed because one or more lines are too long
2
dist/css/fuelux.min.css
vendored
2
dist/css/fuelux.min.css
vendored
File diff suppressed because one or more lines are too long
BIN
dist/fonts/fuelux.eot
vendored
BIN
dist/fonts/fuelux.eot
vendored
Binary file not shown.
25
dist/fonts/fuelux.svg
vendored
25
dist/fonts/fuelux.svg
vendored
@@ -7,20 +7,13 @@
|
||||
<font-face font-family="fuelux" units-per-em="512" ascent="480" descent="-32"/>
|
||||
<missing-glyph horiz-adv-x="512" />
|
||||
|
||||
<glyph unicode="" d="M423 65l-367 0c-13 0-24 10-24 24l0 367c0 13 11 24 24 24l367 0c14 0 24-11 24-24l0-367c0-14-10-24-24-24z m-359 31l352 0l0 352l-352 0z m303 35l-255 0c-7 0-13 6-13 14l0 255c0 7 6 13 13 13l255 0c8 0 14-6 14-13l0-255c0-8-6-14-14-14z m-253 16l251 0l0 251l-251 0z"/>
|
||||
<glyph unicode="" d="M114 289l251 0l0-142l-251 0z"/>
|
||||
<glyph unicode="" d="M423 65l-367 0c-13 0-24 10-24 24l0 367c0 13 11 24 24 24l367 0c14 0 24-11 24-24l0-367c0-14-10-24-24-24z m-359 31l352 0l0 352l-352 0z m303 35l-255 0c-7 0-13 6-13 14l0 255c0 7 6 13 13 13l255 0c8 0 14-6 14-13l0-255c0-8-6-14-14-14z m-253 16l251 0l0 251l-251 0z m126 31l-151 133l43 48l107-95l228 215l44-47z"/>
|
||||
<glyph unicode="⛁" d="M277 425c34-4 64-18 89-38l58 58c-39 36-91 59-147 64z"/>
|
||||
<glyph unicode="⛂" d="M450 420l-59-59c19-26 32-56 35-90l83 0c-3 56-25 108-59 149z"/>
|
||||
<glyph unicode="⛃" d="M509 235l-84 0c-4-34-18-64-38-89l58-58c36 39 59 91 64 147z"/>
|
||||
<glyph unicode="⛄" d="M361 121c-26-19-56-32-90-35l0-83c56 3 108 25 149 59z"/>
|
||||
<glyph unicode="⛅" d="M235 87c-34 4-64 18-89 38l-58-58c39-36 91-59 147-64z"/>
|
||||
<glyph unicode="⛆" d="M62 92l59 59c-19 26-32 56-35 90l-83 0c3-56 25-108 59-149z"/>
|
||||
<glyph unicode="⛇" d="M3 277l84 0c4 34 18 64 38 89l-58 58c-36-39-59-91-64-147z"/>
|
||||
<glyph unicode="⛈" d="M151 391c26 19 56 32 90 35l0 83c-56-3-108-25-149-59z"/>
|
||||
<glyph unicode="⛀" d="M151 391c26 19 56 32 90 35l0 83c-56-3-108-25-149-59z m-148-114l84 0c4 34 18 64 38 89l-58 58c-36-39-59-91-64-147z m59-185l59 59c-19 26-32 56-35 90l-83 0c3-56 25-108 59-149z m173-5c-34 4-64 18-89 38l-58-58c39-36 91-59 147-64z m126 34c-26-19-56-32-90-35l0-83c56 3 108 25 149 59z m148 114l-84 0c-4-34-18-64-38-89l58-58c36 39 59 91 64 147z m-232 190c34-4 64-18 89-38l58 58c-39 36-91 59-147 64z m173-5l-59-59c19-26 32-56 35-90l83 0c-3 56-25 108-59 149z"/>
|
||||
<glyph unicode="" d="M241 32c-133 0-240 107-240 239c0 133 107 240 240 240c132 0 239-107 239-240c0-132-107-239-239-239z m0 447c-115 0-208-93-208-208c0-114 93-207 208-207c114 0 207 93 207 207c0 115-93 208-207 208z m0-383c-97 0-176 79-176 175c0 97 79 176 176 176c96 0 175-79 175-176c0-96-79-175-175-175z m0 335c-88 0-160-72-160-160c0-87 72-159 160-159c87 0 159 72 159 159c0 88-72 160-159 160z"/>
|
||||
<glyph unicode="" d="M283 425c-13 4-28 6-42 6c-89 0-160-71-160-160c0-88 71-159 160-159c14 0 29 2 42 6z"/>
|
||||
<glyph unicode="" d="M241 32c-133 0-240 107-240 239c0 133 107 240 240 240c132 0 239-107 239-240c0-132-107-239-239-239z m0 447c-115 0-208-93-208-208c0-114 93-207 208-207c114 0 207 93 207 207c0 115-93 208-207 208z m0-383c-97 0-176 79-176 175c0 97 79 176 176 176c96 0 175-79 175-176c0-96-79-175-175-175z m0 335c-88 0-160-72-160-160c0-87 72-159 160-159c87 0 159 72 159 159c0 88-72 160-159 160z m111-160c0-61-50-111-111-111c-62 0-112 50-112 111c0 62 50 112 112 112c61 0 111-50 111-112z"/>
|
||||
<glyph unicode="" d="M174 96l-142 167l58 52l79-93l184 258l62-47z"/>
|
||||
<glyph unicode="" d="M151 391c26 19 56 32 90 35l0 83c-56-3-108-25-149-59z m-148-114l84 0c4 34 18 64 38 89l-58 58c-36-39-59-91-64-147z m59-185l59 59c-19 26-32 56-35 90l-83 0c3-56 25-108 59-149z m173-5c-34 4-64 18-89 38l-58-58c39-36 91-59 147-64z m126 34c-26-19-56-32-90-35l0-83c56 3 108 25 149 59z m148 114l-84 0c-4-34-18-64-38-89l58-58c36 39 59 91 64 147z m-232 190c34-4 64-18 89-38l58 58c-39 36-91 59-147 64z m173-5l-59-59c19-26 32-56 35-90l83 0c-3 56-25 108-59 149z"/>
|
||||
<glyph unicode="" d="M277 425c34-4 64-18 89-38l58 58c-39 36-91 59-147 64z"/>
|
||||
<glyph unicode="" d="M450 420l-59-59c19-26 32-56 35-90l83 0c-3 56-25 108-59 149z"/>
|
||||
<glyph unicode="" d="M509 235l-84 0c-4-34-18-64-38-89l58-58c36 39 59 91 64 147z"/>
|
||||
<glyph unicode="" d="M361 121c-26-19-56-32-90-35l0-83c56 3 108 25 149 59z"/>
|
||||
<glyph unicode="" d="M235 87c-34 4-64 18-89 38l-58-58c39-36 91-59 147-64z"/>
|
||||
<glyph unicode="" d="M62 92l59 59c-19 26-32 56-35 90l-83 0c3-56 25-108 59-149z"/>
|
||||
<glyph unicode="" d="M3 277l84 0c4 34 18 64 38 89l-58 58c-36-39-59-91-64-147z"/>
|
||||
<glyph unicode="" d="M151 391c26 19 56 32 90 35l0 83c-56-3-108-25-149-59z"/>
|
||||
</font></defs></svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 3.3 KiB After Width: | Height: | Size: 1.6 KiB |
BIN
dist/fonts/fuelux.ttf
vendored
BIN
dist/fonts/fuelux.ttf
vendored
Binary file not shown.
BIN
dist/fonts/fuelux.woff
vendored
BIN
dist/fonts/fuelux.woff
vendored
Binary file not shown.
136
dist/js/fuelux.js
vendored
136
dist/js/fuelux.js
vendored
@@ -1693,48 +1693,114 @@
|
||||
|
||||
// -- BEGIN MODULE CODE HERE --
|
||||
|
||||
if ( window && !window.fuelux_loader ) {
|
||||
var Loader = function() {
|
||||
var count = 0;
|
||||
var start = function( id, loader ) {
|
||||
var bTag, cycle;
|
||||
var old = $.fn.loader;
|
||||
|
||||
cycle = function( i, item ) {
|
||||
item.innerHTML = 'Ϡ' + i + ';';
|
||||
i++;
|
||||
if ( i === 9 ) {
|
||||
i = 1;
|
||||
}
|
||||
setTimeout( function() {
|
||||
cycle( i, item );
|
||||
}, 125 );
|
||||
};
|
||||
// LOADER CONSTRUCTOR AND PROTOTYPE
|
||||
|
||||
loader.className += " iefix";
|
||||
var Loader = function( element, options ) {
|
||||
this.$element = $( element );
|
||||
this.options = $.extend( {}, $.fn.loader.defaults, options );
|
||||
|
||||
bTag = "loader_" + id;
|
||||
loader.innerHTML = '<span>⛀</span><b id="' + bTag + '"></b>' + loader.innerHTML;
|
||||
this.begin = ( this.$element.is( '[data-begin]' ) ) ? parseFloat( this.$element.attr( 'data-begin' ) ) : 1;
|
||||
this.delay = ( this.$element.is( '[data-delay]' ) ) ? parseFloat( this.$element.attr( 'data-delay' ) ) : 150;
|
||||
this.end = ( this.$element.is( '[data-end]' ) ) ? parseInt( this.$element.attr( 'data-end' ), 10 ) : 8;
|
||||
this.frame = ( this.$element.is( '[data-frame]' ) ) ? parseInt( this.$element.attr( 'data-frame' ), 10 ) : 0;
|
||||
this.timeout = {};
|
||||
|
||||
bTag = document.getElementById( bTag );
|
||||
cycle( 1, bTag );
|
||||
loader.setAttribute( 'data-initialized', 'true' );
|
||||
};
|
||||
var ieVer = this.msieVersion();
|
||||
if ( ieVer !== false && ieVer < 9 ) {
|
||||
this.$element.className += ' iefix';
|
||||
}
|
||||
|
||||
this.scan = function() {
|
||||
var loaders = document.querySelectorAll( '.loader' );
|
||||
var i, l;
|
||||
this.play();
|
||||
};
|
||||
|
||||
for ( i = 0, l = loaders.length; i < l; i++ ) {
|
||||
if ( loaders[ i ].getAttribute( 'data-initialized' ) !== 'true' ) {
|
||||
count++;
|
||||
start( count, loaders[ i ] );
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
Loader.prototype = {
|
||||
|
||||
window.fuelux_loader = new Loader();
|
||||
}
|
||||
constructor: Loader,
|
||||
|
||||
next: function() {
|
||||
this.frame++;
|
||||
if ( this.frame > this.end ) {
|
||||
this.frame = this.begin;
|
||||
}
|
||||
this.$element.attr( 'data-frame', this.frame + '' );
|
||||
},
|
||||
|
||||
msieVersion: function() {
|
||||
var ua = window.navigator.userAgent;
|
||||
var msie = ua.indexOf( 'MSIE ' );
|
||||
if ( msie > 0 ) {
|
||||
return parseInt( ua.substring( msie + 5, ua.indexOf( ".", msie ) ), 10 );
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
},
|
||||
|
||||
pause: function() {
|
||||
clearTimeout( this.timeout );
|
||||
},
|
||||
|
||||
play: function() {
|
||||
var self = this;
|
||||
this.timeout = setTimeout( function() {
|
||||
self.next();
|
||||
self.play();
|
||||
}, this.delay );
|
||||
},
|
||||
|
||||
prev: function() {
|
||||
this.frame--;
|
||||
if ( this.frame < this.begin ) {
|
||||
this.frame = this.end;
|
||||
}
|
||||
this.$element.attr( 'data-frame', this.frame + '' );
|
||||
},
|
||||
|
||||
reset: function() {
|
||||
this.frame = this.begin;
|
||||
this.$element.attr( 'data-frame', this.frame + '' );
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
// LOADER PLUGIN DEFINITION
|
||||
|
||||
$.fn.loader = function( option ) {
|
||||
var args = Array.prototype.slice.call( arguments, 1 );
|
||||
var methodReturn;
|
||||
|
||||
var $set = this.each( function() {
|
||||
var $this = $( this );
|
||||
var data = $this.data( 'loader' );
|
||||
var options = typeof option === 'object' && option;
|
||||
|
||||
if ( !data ) $this.data( 'loader', ( data = new Loader( this, options ) ) );
|
||||
if ( typeof option === 'string' ) methodReturn = data[ option ].apply( data, args );
|
||||
} );
|
||||
|
||||
return ( methodReturn === undefined ) ? $set : methodReturn;
|
||||
};
|
||||
|
||||
$.fn.loader.defaults = {};
|
||||
|
||||
$.fn.loader.Constructor = Loader;
|
||||
|
||||
$.fn.loader.noConflict = function() {
|
||||
$.fn.loader = old;
|
||||
return this;
|
||||
};
|
||||
|
||||
// INIT LOADER ON DOMCONTENTLOADED
|
||||
|
||||
$( function() {
|
||||
$( '.loader' ).each( function() {
|
||||
var $this = $( this );
|
||||
if ( !$this.data( 'loader' ) ) {
|
||||
$this.loader( $this.data() );
|
||||
}
|
||||
} );
|
||||
} );
|
||||
|
||||
|
||||
} )( jQuery );
|
||||
|
||||
6
dist/js/fuelux.min.js
vendored
6
dist/js/fuelux.min.js
vendored
File diff suppressed because one or more lines are too long
BIN
fonts/fuelux.eot
BIN
fonts/fuelux.eot
Binary file not shown.
@@ -7,13 +7,13 @@
|
||||
<font-face font-family="fuelux" units-per-em="512" ascent="480" descent="-32"/>
|
||||
<missing-glyph horiz-adv-x="512" />
|
||||
|
||||
<glyph unicode="" d="M277 425c34-4 64-18 89-38l58 58c-39 36-91 59-147 64z"/>
|
||||
<glyph unicode="" d="M450 420l-59-59c19-26 32-56 35-90l83 0c-3 56-25 108-59 149z"/>
|
||||
<glyph unicode="" d="M509 235l-84 0c-4-34-18-64-38-89l58-58c36 39 59 91 64 147z"/>
|
||||
<glyph unicode="" d="M361 121c-26-19-56-32-90-35l0-83c56 3 108 25 149 59z"/>
|
||||
<glyph unicode="" d="M235 87c-34 4-64 18-89 38l-58-58c39-36 91-59 147-64z"/>
|
||||
<glyph unicode="" d="M62 92l59 59c-19 26-32 56-35 90l-83 0c3-56 25-108 59-149z"/>
|
||||
<glyph unicode="" d="M3 277l84 0c4 34 18 64 38 89l-58 58c-36-39-59-91-64-147z"/>
|
||||
<glyph unicode="" d="M151 391c26 19 56 32 90 35l0 83c-56-3-108-25-149-59z"/>
|
||||
<glyph unicode="" d="M151 391c26 19 56 32 90 35l0 83c-56-3-108-25-149-59z m-148-114l84 0c4 34 18 64 38 89l-58 58c-36-39-59-91-64-147z m59-185l59 59c-19 26-32 56-35 90l-83 0c3-56 25-108 59-149z m173-5c-34 4-64 18-89 38l-58-58c39-36 91-59 147-64z m126 34c-26-19-56-32-90-35l0-83c56 3 108 25 149 59z m148 114l-84 0c-4-34-18-64-38-89l58-58c36 39 59 91 64 147z m-232 190c34-4 64-18 89-38l58 58c-39 36-91 59-147 64z m173-5l-59-59c19-26 32-56 35-90l83 0c-3 56-25 108-59 149z"/>
|
||||
<glyph unicode="" d="M151 391c26 19 56 32 90 35l0 83c-56-3-108-25-149-59z m-148-114l84 0c4 34 18 64 38 89l-58 58c-36-39-59-91-64-147z m59-185l59 59c-19 26-32 56-35 90l-83 0c3-56 25-108 59-149z m173-5c-34 4-64 18-89 38l-58-58c39-36 91-59 147-64z m126 34c-26-19-56-32-90-35l0-83c56 3 108 25 149 59z m148 114l-84 0c-4-34-18-64-38-89l58-58c36 39 59 91 64 147z m-232 190c34-4 64-18 89-38l58 58c-39 36-91 59-147 64z m173-5l-59-59c19-26 32-56 35-90l83 0c-3 56-25 108-59 149z"/>
|
||||
<glyph unicode="" d="M277 425c34-4 64-18 89-38l58 58c-39 36-91 59-147 64z"/>
|
||||
<glyph unicode="" d="M450 420l-59-59c19-26 32-56 35-90l83 0c-3 56-25 108-59 149z"/>
|
||||
<glyph unicode="" d="M509 235l-84 0c-4-34-18-64-38-89l58-58c36 39 59 91 64 147z"/>
|
||||
<glyph unicode="" d="M361 121c-26-19-56-32-90-35l0-83c56 3 108 25 149 59z"/>
|
||||
<glyph unicode="" d="M235 87c-34 4-64 18-89 38l-58-58c39-36 91-59 147-64z"/>
|
||||
<glyph unicode="" d="M62 92l59 59c-19 26-32 56-35 90l-83 0c3-56 25-108 59-149z"/>
|
||||
<glyph unicode="" d="M3 277l84 0c4 34 18 64 38 89l-58 58c-36-39-59-91-64-147z"/>
|
||||
<glyph unicode="" d="M151 391c26 19 56 32 90 35l0 83c-56-3-108-25-149-59z"/>
|
||||
</font></defs></svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
BIN
fonts/fuelux.ttf
BIN
fonts/fuelux.ttf
Binary file not shown.
Binary file not shown.
@@ -9,7 +9,6 @@
|
||||
<link href="dist/css/fuelux.css" rel="stylesheet" type="text/css">
|
||||
<link href="index.css" rel="stylesheet" type="text/css">
|
||||
|
||||
<script src="js/loader.js"></script> <!-- for loader support -->
|
||||
<script src="bower_components/requirejs/require.js"></script>
|
||||
<script type="text/javascript">
|
||||
(function () {
|
||||
@@ -229,8 +228,7 @@
|
||||
<h2>Loader</h2>
|
||||
|
||||
<div>
|
||||
<div class="loader" data-delay="150" data-frame="0" data-length="8"></div>
|
||||
<script type="text/javascript">window.fuelux_loader.scan();</script>
|
||||
<div class="loader"></div>
|
||||
</div>
|
||||
|
||||
<hr/>
|
||||
|
||||
161
js/loader.js
161
js/loader.js
@@ -8,77 +8,130 @@
|
||||
|
||||
// -- BEGIN UMD WRAPPER PREFACE --
|
||||
|
||||
// NOTE: UMD wrapper is modified here because jQuery cannot be a dependency.
|
||||
// For more information on UMD visit:
|
||||
// https://github.com/umdjs/umd/blob/master/jqueryPlugin.js
|
||||
|
||||
(function (factory) {
|
||||
if (typeof define === 'function' && define.amd) {
|
||||
// if AMD loader is available, register as an anonymous module.
|
||||
define([], factory);
|
||||
define(['jquery'], factory);
|
||||
} else {
|
||||
// OR use browser globals if AMD is not present
|
||||
factory();
|
||||
factory(jQuery);
|
||||
}
|
||||
}(function () {
|
||||
}(function ($) {
|
||||
// -- END UMD WRAPPER PREFACE --
|
||||
|
||||
// -- BEGIN MODULE CODE HERE --
|
||||
|
||||
if(window && !window.fuelux_loader){
|
||||
var Loader = function(){
|
||||
var count = 0;
|
||||
var init = function(id, loader){
|
||||
var delay = (loader.hasAttribute('data-delay')) ? parseFloat(loader.getAttribute('data-delay')) : 150;
|
||||
var frame = (loader.hasAttribute('data-frame')) ? parseInt(loader.getAttribute('data-frame'), 10) : 0;
|
||||
var length = (loader.hasAttribute('data-length')) ? parseInt(loader.getAttribute('data-length'), 10) : 8;
|
||||
var start = (loader.hasAttribute('data-start')) ? parseFloat(loader.getAttribute('data-start')) : 0;
|
||||
var ieVer;
|
||||
var old = $.fn.loader;
|
||||
|
||||
var cycle = function(i){
|
||||
i++;
|
||||
if(i>=length){
|
||||
i = start;
|
||||
}
|
||||
loader.setAttribute('data-frame', i + '');
|
||||
setTimeout(function(){
|
||||
cycle(i);
|
||||
}, delay);
|
||||
};
|
||||
// LOADER CONSTRUCTOR AND PROTOTYPE
|
||||
|
||||
var msieVersion = function(){
|
||||
var ua = window.navigator.userAgent;
|
||||
var msie = ua.indexOf('MSIE ');
|
||||
if(msie>0){
|
||||
return parseInt(ua.substring(msie+5, ua.indexOf(".", msie )), 10);
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
};
|
||||
var Loader = function (element, options) {
|
||||
this.$element = $(element);
|
||||
this.options = $.extend({}, $.fn.loader.defaults, options);
|
||||
|
||||
ieVer = msieVersion();
|
||||
if(ieVer!==false && ieVer<9){
|
||||
loader.className += ' iefix';
|
||||
}
|
||||
setTimeout(function(){
|
||||
cycle(frame);
|
||||
}, delay);
|
||||
loader.setAttribute('data-initialized', 'true');
|
||||
};
|
||||
this.begin = (this.$element.is('[data-begin]')) ? parseFloat(this.$element.attr('data-begin')) : 1;
|
||||
this.delay = (this.$element.is('[data-delay]')) ? parseFloat(this.$element.attr('data-delay')) : 150;
|
||||
this.end = (this.$element.is('[data-end]')) ? parseInt(this.$element.attr('data-end'), 10) : 8;
|
||||
this.frame = (this.$element.is('[data-frame]')) ? parseInt(this.$element.attr('data-frame'), 10) : 0;
|
||||
this.timeout = {};
|
||||
|
||||
this.scan = function(){
|
||||
var loaders = document.querySelectorAll('.loader');
|
||||
var i, l;
|
||||
var ieVer = this.msieVersion();
|
||||
if(ieVer!==false && ieVer<9){
|
||||
this.$element.className += ' iefix';
|
||||
}
|
||||
|
||||
for(i=0, l=loaders.length; i<l; i++){
|
||||
if(loaders[i].getAttribute('data-initialized')!=='true'){
|
||||
count++;
|
||||
init(count, loaders[i]);
|
||||
}
|
||||
}
|
||||
};
|
||||
};
|
||||
this.play();
|
||||
};
|
||||
|
||||
window.fuelux_loader = new Loader();
|
||||
}
|
||||
Loader.prototype = {
|
||||
|
||||
constructor: Loader,
|
||||
|
||||
next: function(){
|
||||
this.frame++;
|
||||
if(this.frame>this.end){
|
||||
this.frame = this.begin;
|
||||
}
|
||||
this.$element.attr('data-frame', this.frame + '');
|
||||
},
|
||||
|
||||
msieVersion: function(){
|
||||
var ua = window.navigator.userAgent;
|
||||
var msie = ua.indexOf('MSIE ');
|
||||
if(msie>0){
|
||||
return parseInt(ua.substring(msie+5, ua.indexOf(".", msie )), 10);
|
||||
}else{
|
||||
return false;
|
||||
}
|
||||
},
|
||||
|
||||
pause: function(){
|
||||
clearTimeout(this.timeout);
|
||||
},
|
||||
|
||||
play: function(){
|
||||
var self = this;
|
||||
this.timeout = setTimeout(function(){
|
||||
self.next();
|
||||
self.play();
|
||||
}, this.delay);
|
||||
},
|
||||
|
||||
prev: function(){
|
||||
this.frame--;
|
||||
if(this.frame<this.begin){
|
||||
this.frame = this.end;
|
||||
}
|
||||
this.$element.attr('data-frame', this.frame + '');
|
||||
},
|
||||
|
||||
reset: function(){
|
||||
this.frame = this.begin;
|
||||
this.$element.attr('data-frame', this.frame + '');
|
||||
}
|
||||
|
||||
};
|
||||
|
||||
// LOADER PLUGIN DEFINITION
|
||||
|
||||
$.fn.loader = function (option) {
|
||||
var args = Array.prototype.slice.call( arguments, 1 );
|
||||
var methodReturn;
|
||||
|
||||
var $set = this.each(function () {
|
||||
var $this = $( this );
|
||||
var data = $this.data( 'loader' );
|
||||
var options = typeof option === 'object' && option;
|
||||
|
||||
if (!data) $this.data('loader', (data = new Loader(this, options)));
|
||||
if (typeof option === 'string') methodReturn = data[ option ].apply( data, args );
|
||||
});
|
||||
|
||||
return ( methodReturn === undefined ) ? $set : methodReturn;
|
||||
};
|
||||
|
||||
$.fn.loader.defaults = {};
|
||||
|
||||
$.fn.loader.Constructor = Loader;
|
||||
|
||||
$.fn.loader.noConflict = function () {
|
||||
$.fn.loader = old;
|
||||
return this;
|
||||
};
|
||||
|
||||
// INIT LOADER ON DOMCONTENTLOADED
|
||||
|
||||
$(function () {
|
||||
$('.loader').each(function () {
|
||||
var $this = $(this);
|
||||
if (!$this.data('loader')) {
|
||||
$this.loader($this.data());
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
// -- BEGIN UMD WRAPPER AFTERWORD --
|
||||
}));
|
||||
|
||||
@@ -22,38 +22,38 @@
|
||||
.iconBaseStyles();
|
||||
}
|
||||
|
||||
.fueluxicon-loader-1:before {
|
||||
.fueluxicon-loader-full:before {
|
||||
content: "\e000";
|
||||
}
|
||||
|
||||
.fueluxicon-loader-2:before {
|
||||
.fueluxicon-loader-1:before {
|
||||
content: "\e001";
|
||||
}
|
||||
|
||||
.fueluxicon-loader-3:before {
|
||||
.fueluxicon-loader-2:before {
|
||||
content: "\e002";
|
||||
}
|
||||
|
||||
.fueluxicon-loader-4:before {
|
||||
.fueluxicon-loader-3:before {
|
||||
content: "\e003";
|
||||
}
|
||||
|
||||
.fueluxicon-loader-5:before {
|
||||
.fueluxicon-loader-4:before {
|
||||
content: "\e004";
|
||||
}
|
||||
|
||||
.fueluxicon-loader-6:before {
|
||||
.fueluxicon-loader-5:before {
|
||||
content: "\e005";
|
||||
}
|
||||
|
||||
.fueluxicon-loader-7:before {
|
||||
.fueluxicon-loader-6:before {
|
||||
content: "\e006";
|
||||
}
|
||||
|
||||
.fueluxicon-loader-8:before {
|
||||
.fueluxicon-loader-7:before {
|
||||
content: "\e007";
|
||||
}
|
||||
|
||||
.fueluxicon-loader-full:before {
|
||||
.fueluxicon-loader-8:before {
|
||||
content: "\e008";
|
||||
}
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
}
|
||||
|
||||
&:before {
|
||||
content: '\e008';
|
||||
content: '\e000';
|
||||
opacity: 0.33;
|
||||
}
|
||||
|
||||
@@ -25,10 +25,6 @@
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
&[data-frame="0"]:after {
|
||||
content: '\e000';
|
||||
}
|
||||
|
||||
&[data-frame="1"]:after {
|
||||
content: '\e001';
|
||||
}
|
||||
@@ -56,4 +52,8 @@
|
||||
&[data-frame="7"]:after {
|
||||
content: '\e007';
|
||||
}
|
||||
|
||||
&[data-frame="8"]:after {
|
||||
content: '\e008';
|
||||
}
|
||||
}
|
||||
@@ -52,24 +52,24 @@
|
||||
ok($(document.body).combobox, 'combobox method is defined');
|
||||
});
|
||||
|
||||
test( 'datepicker should be defined on the jQuery object', function() {
|
||||
ok( $(document.body).datepicker, 'datepicker method is defined' );
|
||||
test('datepicker should be defined on the jQuery object', function() {
|
||||
ok($(document.body).datepicker, 'datepicker method is defined');
|
||||
});
|
||||
|
||||
test( 'dropdownautoflip should be defined on the jQuery object', function() {
|
||||
ok( $(document.body).dropdownautoflip, 'dropdownautoflip method is defined' );
|
||||
test('dropdownautoflip should be defined on the jQuery object', function() {
|
||||
ok($(document.body).dropdownautoflip, 'dropdownautoflip method is defined');
|
||||
});
|
||||
|
||||
test( 'infinitescroll should be defined on the jQuery object', function() {
|
||||
ok( $(document.body).infinitescroll, 'infinitescroll method is defined' );
|
||||
test('infinitescroll should be defined on the jQuery object', function() {
|
||||
ok($(document.body).infinitescroll, 'infinitescroll method is defined');
|
||||
});
|
||||
|
||||
test( 'loader should be defined on the jQuery object', function() {
|
||||
ok( window.fuelux_loader, 'loader method is defined' );
|
||||
test('loader should be defined on the jQuery object', function() {
|
||||
ok($(document.body).loader, 'loader method is defined');
|
||||
});
|
||||
|
||||
test('pillbox should be defined on jQuery object', function () {
|
||||
ok($(this.pillboxHTML).pillbox, 'pillbox method is defined');
|
||||
ok($(document.body).pillbox, 'pillbox method is defined');
|
||||
});
|
||||
|
||||
test('radio should be defined on jQuery object', function () {
|
||||
@@ -89,7 +89,7 @@
|
||||
});
|
||||
|
||||
test('scheduler should be defined on the jQuery object', function(){
|
||||
ok( $(document.body).scheduler, 'scheduler method is defined' );
|
||||
ok($(document.body).scheduler, 'scheduler method is defined');
|
||||
});
|
||||
|
||||
test('search should be defined on jQuery object', function () {
|
||||
|
||||
Reference in New Issue
Block a user