diff options
Diffstat (limited to 'www/lib/angular-awesome-slider/src/css')
5 files changed, 199 insertions, 199 deletions
diff --git a/www/lib/angular-awesome-slider/src/css/less/main.less b/www/lib/angular-awesome-slider/src/css/less/main.less index 5182d4af..ce03b5fa 100644 --- a/www/lib/angular-awesome-slider/src/css/less/main.less +++ b/www/lib/angular-awesome-slider/src/css/less/main.less @@ -13,26 +13,26 @@ top: 0.6em; /* Box-model */ - cursor: pointer; - display: block; - width: 100%; + cursor: pointer; + display: block; + width: 100%; height: 1em; - /* Typography */ + /* Typography */ font-family: @font-family-base; // disabled &.disabled { opacity: 0.5; } table { - border-collapse: collapse; + border-collapse: collapse; border: 0; width: 100%; td, th { width: 100%; vertical-align: top; border: 0; - padding: 0; + padding: 0; text-align: left; vertical-align: top; } @@ -45,73 +45,73 @@ div.jslider-bg { position: relative; - i { + i { position: absolute; top: 0; height: 5px; - &.left { + &.left { left: 0; - width: 50%; - background-position: 0 0; + width: 50%; + background-position: 0 0; } &.right { left: 50%; - width: 50%; + width: 50%; background-position: right 0; } - &.range { + &.range { position: absolute; top: 0; left: 20%; width: 60%; height: 5px; z-index: 1; - background-repeat: repeat-x; - background-position: 0 -40px; + background-repeat: repeat-x; + background-position: 0 -40px; } &.default { left: 0; width: 1px; - z-index: 1; + z-index: 1; background-color: @color-pointers-default-value; - } + } - } + } } // END RANGES // POINTERS // single value hide to &.jslider-single { - div.jslider-pointer-to, - div.jslider-value-to, + div.jslider-pointer-to, + div.jslider-value-to, div.jslider-bg .v, .jslider-limitless .jslider-label { display: none; - } + } } div.jslider-pointer { position: absolute; top: -4px; - left: 20%; - z-index: 2; - width: 15px; - height: 15px; - background-position: 2px -60px; - margin-left: -8px; - cursor: pointer; + left: 20%; + z-index: 2; + width: 15px; + height: 15px; + background-position: 2px -60px; + margin-left: -8px; + cursor: pointer; cursor: hand; - &.jslider-pointer-to { + &.jslider-pointer-to { left: 80%; } - &.jslider-pointer-hover { + &.jslider-pointer-hover { background-position: -18px -60px; } } @@ -119,27 +119,27 @@ // LABELS div.jslider-label small, - div.jslider-value small { - position: relative; - top: -0.4em; + div.jslider-value small { + position: relative; + top: -0.4em; } - // limits + // limits div.jslider-label { position: absolute; - top: -18px; + top: -18px; left: 0px; padding: 0px 2px; opacity: 0.4; - color: @color-pointers-label; - font-size: @font-size-pointers-label; - line-height: @line-height-pointers-label; - white-space: nowrap; - - &.jslider-label-to { - left: auto; + color: @color-pointers-label; + font-size: @font-size-pointers-label; + line-height: @line-height-pointers-label; + white-space: nowrap; + + &.jslider-label-to { + left: auto; right: 0; - } + } } // END LABELS @@ -152,66 +152,66 @@ background: white; font-size: @font-size-pointers-value; line-height: @line-height-pointers-value; - white-space: nowrap; - -moz-border-radius: 2px; - -webkit-border-radius: 2px; - -o-border-radius: 2px; + white-space: nowrap; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + -o-border-radius: 2px; border-radius: 2px; &.jslider-value-to { left: 80%; - } + } } - // END POINTERS VALUE + // END POINTERS VALUE // SCALE - div.jslider-scale { - position: relative; + div.jslider-scale { + position: relative; top: 9px; - span { - position: absolute; - height: 5px; - border-left: 1px solid #999; - font-size: 0; + span { + position: absolute; + height: 5px; + border-left: 1px solid #999; + font-size: 0; } ins { position: absolute; top: 5px; - left: 0px; + left: 0px; font-size: 9px; - text-decoration: none; + text-decoration: none; color: #999; } } // END SCALE // VERTICAL &.vertical { - display: block; + display: block; width: 17px; height: 100%; position: relative; top: 0.6em; font-family: Arial, sans-serif; table { - height: 100%; + height: 100%; } - + &.sliderCSS .jslider-bg i, &.jslider-pointer { background-color: silver; background-image: none; } - // RANGES + // RANGES div.jslider-bg i,.jslider-pointer { background: url(../img/jslider.vertical.png) no-repeat 0 0; } - div.jslider-bg { - position: relative; + div.jslider-bg { + position: relative; height:100%; i { position: absolute; - top: 0; + top: 0; width: 5px; font-size: 0; @@ -223,16 +223,16 @@ &.left { top: 0; left: 50%; - height: 50%; - background-position: right 0; + height: 50%; + background-position: right 0; background-repeat: repeat-y } &.right { top: 50%; left: 50%; - height: 50%; - background-position: right 0; + height: 50%; + background-position: right 0; background-repeat: repeat-y } @@ -243,37 +243,37 @@ width: 60%; height: 100%; z-index: 1; - background-repeat: repeat-y; - background-position: -36px 0px; + background-repeat: repeat-y; + background-position: -36px 0px; } &.default { left: 50%; width: 5px; height:1px; - z-index: 1; + z-index: 1; background-color: @color-pointers-default-value; } - } + } } // END RANGES // POINTERS - div.jslider-pointer { - left: 62%; + div.jslider-pointer { + left: 62%; background-position: -7px -1px; - &.jslider-pointer-hover { - background-position: -7px -21px; + &.jslider-pointer-hover { + background-position: -7px -21px; } - &.jslider-pointer-to { - left: 62%; + &.jslider-pointer-to { + left: 62%; } - &.jslider-pointer-to.jslider-pointer-hover { - background-position: -7px -21px; + &.jslider-pointer-to.jslider-pointer-hover { + background-position: -7px -21px; } } // END POINTERS @@ -281,54 +281,54 @@ // LABELS div.jslider-label { top: -5px; - margin-left: 22px; + margin-left: 22px; &.jslider-label-to { top:100%; - left: inherit; + left: inherit; right: inherit; margin-top: -5px; } } // END LABELS - + // POINTERS VALUE div.jslider-value { top: 0; - left: 0; + left: 0; } - + div.jslider-value-to { top: 80%; - left: 0; + left: 0; } // END POINTERS VALUE - - // SCALES - div.jslider-scale { - position: inherit; - span { - position: absolute; - width: 5px; - height: 1px; - border-left: none; - font-size: 0; + + // SCALES + div.jslider-scale { + position: inherit; + span { + position: absolute; + width: 5px; + height: 1px; + border-left: none; + font-size: 0; border-top: 1px solid #999; } ins { - position: absolute; - left: 0px; - top: 5px; - font-size: 9px; - text-decoration: none; - color: @color-scale; + position: absolute; + left: 0px; + top: 5px; + font-size: 9px; + text-decoration: none; + color: @color-scale; } } - + } // END VERTICAL - + // SKINS @import "skin-css.less"; diff --git a/www/lib/angular-awesome-slider/src/css/less/skin-blue.less b/www/lib/angular-awesome-slider/src/css/less/skin-blue.less index 931c6afb..b5dc3545 100644 --- a/www/lib/angular-awesome-slider/src/css/less/skin-blue.less +++ b/www/lib/angular-awesome-slider/src/css/less/skin-blue.less @@ -4,8 +4,8 @@ &.jslider_blue { .jslider-bg i, - .jslider-pointer { - background: url(../img/jslider.blue.png) no-repeat 0 0; + .jslider-pointer { + background: url(../img/jslider.blue.png) no-repeat 0 0; } .jslider-bg { @@ -15,29 +15,29 @@ background-color: @color-skin-pointers-default-value; } - &.range { + &.range { z-index: 1; background-position: 0 -40px; } } } - + div.jslider-pointer { top: -6px; - width: 20px; + width: 20px; height: 17px; background-position: 2px -60px; z-index: 2; - - &.jslider-pointer-hover { + + &.jslider-pointer-hover { background-position: -20px -60px; } } - + &.vertical { div.jslider-bg i, - div.jslider-pointer { - background: url(../img/jslider.blue.vertical.png) no-repeat 0 0; + div.jslider-pointer { + background: url(../img/jslider.blue.vertical.png) no-repeat 0 0; } div.jslider-bg { @@ -48,7 +48,7 @@ background-position: -37px 0; } - &.before, + &.before, &.after { background: none; } @@ -60,15 +60,15 @@ } div.jslider-pointer { - top: -6px; - width: 20px; - height: 17px; + top: -6px; + width: 20px; + height: 17px; background-position: -7px 0; - &.jslider-pointer-hover { + &.jslider-pointer-hover { background-position: -7px -20px; } - + } div.jslider-value { @@ -76,4 +76,4 @@ } } -} +}
\ No newline at end of file diff --git a/www/lib/angular-awesome-slider/src/css/less/skin-css.less b/www/lib/angular-awesome-slider/src/css/less/skin-css.less index 43b45901..8c06ba85 100644 --- a/www/lib/angular-awesome-slider/src/css/less/skin-css.less +++ b/www/lib/angular-awesome-slider/src/css/less/skin-css.less @@ -8,56 +8,56 @@ i { &.left { left: 0; - width: 50%; - background-color: @color-skin-background; + width: 50%; + background-color: @color-skin-background; background-image: none; } - &.right { - width: 50%; - left: 50%; - background-color: @color-skin-background; + &.right { + width: 50%; + left: 50%; + background-color: @color-skin-background; background-image: none; } - &.before { - left: 0; - width: 1px; - background-color: @color-skin-css-pointers-before-value; + &.before { + left: 0; + width: 1px; + background-color: @color-skin-css-pointers-before-value; background-image: none; } &.default { - left: 0; + left: 0; width: 1px; - z-index: 1; - background-color: @color-skin-css-pointers-default-value; + z-index: 1; + background-color: @color-skin-css-pointers-default-value; background-image: none; } - &.after { - left: 0; - background-color: @color-skin-css-pointers-after-value; + &.after { + left: 0; + background-color: @color-skin-css-pointers-after-value; background-image: none; } &.range { position: absolute; top: 0; left: 20%; - width: 60%; + width: 60%; height: 5px; - z-index: 1; - background-image: none; - background-color: #777575 + z-index: 1; + background-image: none; + background-color: #777575 } } } div.jslider-pointer { top: -3px; - left: 15px; - width: 10px; + left: 15px; + width: 10px; height: 10px; margin-left: -5px; - background-color: silver; - background-color: #615959; - border-radius: 50%; + background-color: silver; + background-color: #615959; + border-radius: 50%; } div.jslider-bg i,div.jslider-pointer { @@ -78,45 +78,45 @@ width: 5px; &.left { - top: 0; - height: 50%; - background-color: @color-skin-background; + top: 0; + height: 50%; + background-color: @color-skin-background; background-image: none; } - &.right { - height: 50%; - top: 50%; - background-color: @color-skin-background; + &.right { + height: 50%; + top: 50%; + background-color: @color-skin-background; background-image: none; } - &.range { + &.range { height: 100%; z-index: 1; - background-color: #777575; + background-color: #777575; background-image: none; } - &.before { - background-color: @color-skin-css-pointers-before-value; + &.before { + background-color: @color-skin-css-pointers-before-value; background-image: none; } &.default { height: 1px; - background-color: @color-skin-css-pointers-default-value; + background-color: @color-skin-css-pointers-default-value; background-image: none; - z-index: 2; + z-index: 2; } - &.after { - background-color: @color-skin-css-pointers-after-value; + &.after { + background-color: @color-skin-css-pointers-after-value; background-image: none; } } - + } div.jslider-bg i,div.jslider-pointer { @@ -125,10 +125,10 @@ div.jslider-pointer { left: 50%; - width: 10px; + width: 10px; height: 10px; - background-color: #615959; - border-radius: 50%; + background-color: #615959; + border-radius: 50%; margin-left: -3px; &.jslider-pointer-to { @@ -136,4 +136,4 @@ } } } -} +} diff --git a/www/lib/angular-awesome-slider/src/css/less/skin-plastic.less b/www/lib/angular-awesome-slider/src/css/less/skin-plastic.less index 31ebf55d..a6c41106 100644 --- a/www/lib/angular-awesome-slider/src/css/less/skin-plastic.less +++ b/www/lib/angular-awesome-slider/src/css/less/skin-plastic.less @@ -4,8 +4,8 @@ &.jslider_plastic { .jslider-bg i, - .jslider-pointer { - background: url(../img/jslider.plastic.png) no-repeat 0 0; + .jslider-pointer { + background: url(../img/jslider.plastic.png) no-repeat 0 0; } .jslider-bg { @@ -15,29 +15,29 @@ background-color: @color-skin-pointers-default-value; } - &.range { + &.range { z-index: 1; background-position: 0 -40px; } } } - + .jslider-pointer { - z-index: 2; - width: 20px; - height: 17px; + z-index: 2; + width: 20px; + height: 17px; top: -4px; background-position: 2px -60px; - &.jslider-pointer-hover { + &.jslider-pointer-hover { background-position: -18px -60px; } } - + &.vertical { div.jslider-bg i, - div.jslider-pointer { - background: url(../img/jslider.plastic.vertical.png) no-repeat 0 0; + div.jslider-pointer { + background: url(../img/jslider.plastic.vertical.png) no-repeat 0 0; } div.jslider-bg { @@ -49,7 +49,7 @@ background-position: -35px 0; } - &.before, + &.before, &.after { background: none; } @@ -63,11 +63,11 @@ div.jslider-pointer { top: -6px; margin-left: -6px; - width: 20px; - height: 17px; + width: 20px; + height: 17px; background-position: -7px -1px; - &.jslider-pointer-hover { + &.jslider-pointer-hover { background-position: -7px -21px; } diff --git a/www/lib/angular-awesome-slider/src/css/less/skin-round.less b/www/lib/angular-awesome-slider/src/css/less/skin-round.less index b0247d7b..4e7ddf1c 100644 --- a/www/lib/angular-awesome-slider/src/css/less/skin-round.less +++ b/www/lib/angular-awesome-slider/src/css/less/skin-round.less @@ -4,10 +4,10 @@ &.jslider_round { div.jslider-bg i, - div.jslider-pointer { - background: url(../img/jslider.round.png) no-repeat 0 0; + div.jslider-pointer { + background: url(../img/jslider.round.png) no-repeat 0 0; } - + div.jslider-bg { i { background-position: 0 -20px; @@ -15,29 +15,29 @@ background-color: #C2C7CA; } - &.range { + &.range { z-index: 1; background-position: 0 -40px; } } - } + } div.jslider-pointer { top: -6px; - width: 20px; - height: 17px; + width: 20px; + height: 17px; background-position: 0 -60px; z-index: 2; - &.jslider-pointer-hover { + &.jslider-pointer-hover { background-position: -20px -60px; } } &.vertical { div.jslider-bg i, - div.jslider-pointer { - background: url(../img/jslider.round.vertical.png) no-repeat 0 0; + div.jslider-pointer { + background: url(../img/jslider.round.vertical.png) no-repeat 0 0; } div.jslider-bg { @@ -47,7 +47,7 @@ background-position: -37px 0; } - &.before, + &.before, &.after { background: none; } @@ -55,17 +55,17 @@ &.default { background-color: @color-skin-pointers-default-value; } - } + } } div.jslider-pointer { - top: -6px; - width: 20px; - height: 17px; + top: -6px; + width: 20px; + height: 17px; background-position: -4px -3px; - &.jslider-pointer-hover { - background-position: -4px -23px; + &.jslider-pointer-hover { + background-position: -4px -23px; } &.jslider-value-to { @@ -78,4 +78,4 @@ } } -} +}
\ No newline at end of file |
