| @@ -0,0 +1,187 @@ | ||
| @charset "UTF-8"; | ||
|
|
||
| // Default Variables | ||
|
|
||
| $slick-font-path: "./fonts/" !default; | ||
| $slick-font-family: "slick" !default; | ||
| $slick-loader-path: "./" !default; | ||
| $slick-arrow-color: white !default; | ||
| $slick-dot-color: black !default; | ||
| $slick-dot-color-active: $slick-dot-color !default; | ||
| $slick-prev-character: "←" !default; | ||
| $slick-next-character: "→" !default; | ||
| $slick-dot-character: "•" !default; | ||
| $slick-dot-size: 6px !default; | ||
| $slick-opacity-default: 0.75 !default; | ||
| $slick-opacity-on-hover: 1 !default; | ||
| $slick-opacity-not-active: 0.25 !default; | ||
|
|
||
| @function slick-image-url($url) { | ||
| @if function-exists(image-url) { | ||
| @return image-url($url); | ||
| } | ||
| @else { | ||
| @return url($slick-loader-path + $url); | ||
| } | ||
| } | ||
|
|
||
| @function slick-font-url($url) { | ||
| @if function-exists(font-url) { | ||
| @return font-url($url); | ||
| } | ||
| @else { | ||
| @return url($slick-font-path + $url); | ||
| } | ||
| } | ||
|
|
||
| /* Slider */ | ||
|
|
||
| .slick-list { | ||
| .slick-loading & { | ||
| background: #fff slick-image-url("ajax-loader.gif") center center no-repeat; | ||
| } | ||
| } | ||
|
|
||
| /* Icons */ | ||
| @if $slick-font-family == "slick" { | ||
| @font-face { | ||
| font-family: "slick"; | ||
| src: slick-font-url("slick.eot"); | ||
| src: slick-font-url("slick.eot?#iefix") format("embedded-opentype"), slick-font-url("slick.woff") format("woff"), slick-font-url("slick.ttf") format("truetype"), slick-font-url("slick.svg#slick") format("svg"); | ||
| font-weight: normal; | ||
| font-style: normal; | ||
| } | ||
| } | ||
|
|
||
| /* Arrows */ | ||
|
|
||
| .slick-prev, | ||
| .slick-next { | ||
| position: absolute; | ||
| display: block; | ||
| height: 20px; | ||
| width: 20px; | ||
| line-height: 0px; | ||
| font-size: 0px; | ||
| cursor: pointer; | ||
| background: transparent; | ||
| color: transparent; | ||
| top: 50%; | ||
| margin-top: -10px; | ||
| padding: 0; | ||
| border: none; | ||
| outline: none; | ||
| &:hover, &:focus { | ||
| outline: none; | ||
| background: transparent; | ||
| color: transparent; | ||
| &:before { | ||
| opacity: $slick-opacity-on-hover; | ||
| } | ||
| } | ||
| &.slick-disabled:before { | ||
| opacity: $slick-opacity-not-active; | ||
| } | ||
| } | ||
|
|
||
| .slick-prev:before, .slick-next:before { | ||
| font-family: $slick-font-family; | ||
| font-size: 20px; | ||
| line-height: 1; | ||
| color: $slick-arrow-color; | ||
| opacity: $slick-opacity-default; | ||
| -webkit-font-smoothing: antialiased; | ||
| -moz-osx-font-smoothing: grayscale; | ||
| } | ||
|
|
||
| .slick-prev { | ||
| left: -25px; | ||
| [dir="rtl"] & { | ||
| left: auto; | ||
| right: -25px; | ||
| } | ||
| &:before { | ||
| content: $slick-prev-character; | ||
| [dir="rtl"] & { | ||
| content: $slick-next-character; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| .slick-next { | ||
| right: -25px; | ||
| [dir="rtl"] & { | ||
| left: -25px; | ||
| right: auto; | ||
| } | ||
| &:before { | ||
| content: $slick-next-character; | ||
| [dir="rtl"] & { | ||
| content: $slick-prev-character; | ||
| } | ||
| } | ||
| } | ||
|
|
||
| /* Dots */ | ||
|
|
||
| .slick-slider { | ||
| margin-bottom: 30px; | ||
| } | ||
|
|
||
| .slick-dots { | ||
| position: absolute; | ||
| bottom: -45px; | ||
| list-style: none; | ||
| display: block; | ||
| text-align: center; | ||
| padding: 0; | ||
| width: 100%; | ||
| li { | ||
| position: relative; | ||
| display: inline-block; | ||
| height: 20px; | ||
| width: 20px; | ||
| margin: 0 5px; | ||
| padding: 0; | ||
| cursor: pointer; | ||
| button { | ||
| border: 0; | ||
| background: transparent; | ||
| display: block; | ||
| height: 20px; | ||
| width: 20px; | ||
| outline: none; | ||
| line-height: 0px; | ||
| font-size: 0px; | ||
| color: transparent; | ||
| padding: 5px; | ||
| cursor: pointer; | ||
| &:hover, &:focus { | ||
| outline: none; | ||
| &:before { | ||
| opacity: $slick-opacity-on-hover; | ||
| } | ||
| } | ||
| &:before { | ||
| position: absolute; | ||
| top: 0; | ||
| left: 0; | ||
| content: $slick-dot-character; | ||
| width: 20px; | ||
| height: 20px; | ||
| font-family: $slick-font-family; | ||
| font-size: $slick-dot-size; | ||
| line-height: 20px; | ||
| text-align: center; | ||
| color: $slick-dot-color; | ||
| opacity: $slick-opacity-not-active; | ||
| -webkit-font-smoothing: antialiased; | ||
| -moz-osx-font-smoothing: grayscale; | ||
| } | ||
| } | ||
| &.slick-active button:before { | ||
| color: $slick-dot-color-active; | ||
| opacity: $slick-opacity-default; | ||
| } | ||
| } | ||
| } |
| @@ -0,0 +1,119 @@ | ||
| /* Slider */ | ||
| .slick-slider | ||
| { | ||
| position: relative; | ||
|
|
||
| display: block; | ||
|
|
||
| -moz-box-sizing: border-box; | ||
| box-sizing: border-box; | ||
|
|
||
| -webkit-user-select: none; | ||
| -moz-user-select: none; | ||
| -ms-user-select: none; | ||
| user-select: none; | ||
|
|
||
| -webkit-touch-callout: none; | ||
| -khtml-user-select: none; | ||
| -ms-touch-action: pan-y; | ||
| touch-action: pan-y; | ||
| -webkit-tap-highlight-color: transparent; | ||
| } | ||
|
|
||
| .slick-list | ||
| { | ||
| position: relative; | ||
|
|
||
| display: block; | ||
| overflow: hidden; | ||
|
|
||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
| .slick-list:focus | ||
| { | ||
| outline: none; | ||
| } | ||
| .slick-list.dragging | ||
| { | ||
| cursor: pointer; | ||
| cursor: hand; | ||
| } | ||
|
|
||
| .slick-slider .slick-track, | ||
| .slick-slider .slick-list | ||
| { | ||
| -webkit-transform: translate3d(0, 0, 0); | ||
| -moz-transform: translate3d(0, 0, 0); | ||
| -ms-transform: translate3d(0, 0, 0); | ||
| -o-transform: translate3d(0, 0, 0); | ||
| transform: translate3d(0, 0, 0); | ||
| } | ||
|
|
||
| .slick-track | ||
| { | ||
| position: relative; | ||
| top: 0; | ||
| left: 0; | ||
|
|
||
| display: block; | ||
| } | ||
| .slick-track:before, | ||
| .slick-track:after | ||
| { | ||
| display: table; | ||
|
|
||
| content: ''; | ||
| } | ||
| .slick-track:after | ||
| { | ||
| clear: both; | ||
| } | ||
| .slick-loading .slick-track | ||
| { | ||
| visibility: hidden; | ||
| } | ||
|
|
||
| .slick-slide | ||
| { | ||
| display: none; | ||
| float: left; | ||
|
|
||
| height: 100%; | ||
| min-height: 1px; | ||
| } | ||
| [dir='rtl'] .slick-slide | ||
| { | ||
| float: right; | ||
| } | ||
| .slick-slide img | ||
| { | ||
| display: block; | ||
| } | ||
| .slick-slide.slick-loading img | ||
| { | ||
| display: none; | ||
| } | ||
| .slick-slide.dragging img | ||
| { | ||
| pointer-events: none; | ||
| } | ||
| .slick-initialized .slick-slide | ||
| { | ||
| display: block; | ||
| } | ||
| .slick-loading .slick-slide | ||
| { | ||
| visibility: hidden; | ||
| } | ||
| .slick-vertical .slick-slide | ||
| { | ||
| display: block; | ||
|
|
||
| height: auto; | ||
|
|
||
| border: 1px solid transparent; | ||
| } | ||
| .slick-arrow.slick-hidden { | ||
| display: none; | ||
| } |
| @@ -0,0 +1,99 @@ | ||
| /* Slider */ | ||
|
|
||
| .slick-slider { | ||
| position: relative; | ||
| display: block; | ||
| box-sizing: border-box; | ||
| -moz-box-sizing: border-box; | ||
| -webkit-touch-callout: none; | ||
| -webkit-user-select: none; | ||
| -khtml-user-select: none; | ||
| -moz-user-select: none; | ||
| -ms-user-select: none; | ||
| user-select: none; | ||
| -ms-touch-action: pan-y; | ||
| touch-action: pan-y; | ||
| -webkit-tap-highlight-color: transparent; | ||
| } | ||
| .slick-list { | ||
| position: relative; | ||
| overflow: hidden; | ||
| display: block; | ||
| margin: 0; | ||
| padding: 0; | ||
|
|
||
| &:focus { | ||
| outline: none; | ||
| } | ||
|
|
||
| &.dragging { | ||
| cursor: pointer; | ||
| cursor: hand; | ||
| } | ||
| } | ||
| .slick-slider .slick-track, | ||
| .slick-slider .slick-list { | ||
| -webkit-transform: translate3d(0, 0, 0); | ||
| -moz-transform: translate3d(0, 0, 0); | ||
| -ms-transform: translate3d(0, 0, 0); | ||
| -o-transform: translate3d(0, 0, 0); | ||
| transform: translate3d(0, 0, 0); | ||
| } | ||
|
|
||
| .slick-track { | ||
| position: relative; | ||
| left: 0; | ||
| top: 0; | ||
| display: block; | ||
|
|
||
| &:before, | ||
| &:after { | ||
| content: ""; | ||
| display: table; | ||
| } | ||
|
|
||
| &:after { | ||
| clear: both; | ||
| } | ||
|
|
||
| .slick-loading & { | ||
| visibility: hidden; | ||
| } | ||
| } | ||
| .slick-slide { | ||
| float: left; | ||
| height: 100%; | ||
| min-height: 1px; | ||
| [dir="rtl"] & { | ||
| float: right; | ||
| } | ||
| img { | ||
| display: block; | ||
| } | ||
| &.slick-loading img { | ||
| display: none; | ||
| } | ||
|
|
||
| display: none; | ||
|
|
||
| &.dragging img { | ||
| pointer-events: none; | ||
| } | ||
|
|
||
| .slick-initialized & { | ||
| display: block; | ||
| } | ||
|
|
||
| .slick-loading & { | ||
| visibility: hidden; | ||
| } | ||
|
|
||
| .slick-vertical & { | ||
| display: block; | ||
| height: auto; | ||
| border: 1px solid transparent; | ||
| } | ||
| } | ||
| .slick-arrow.slick-hidden { | ||
| display: none; | ||
| } |
| @@ -0,0 +1,300 @@ | ||
| .slideme_container { | ||
| -webkit-touch-callout: none; | ||
| -webkit-user-select: none; | ||
| -khtml-user-select: none; | ||
| -moz-user-select: none; | ||
| -ms-user-select: none; | ||
| user-select: none; | ||
| } | ||
|
|
||
| .slideme_container ul, | ||
| .slideme_container ol, | ||
| .slideme { | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
|
|
||
| .slideme_container li, | ||
| .slideme > li { | ||
| display: block; | ||
| list-style: none; | ||
| } | ||
|
|
||
| .slideme_container, | ||
| .slideme { | ||
| position: relative; | ||
| } | ||
|
|
||
| .slideme { | ||
| overflow: hidden; | ||
| } | ||
|
|
||
| .slideme_container ol img, | ||
| .slideme > * img{ | ||
| display: block; | ||
| } | ||
|
|
||
| .slideme > *:first-child { | ||
| opacity: 1; | ||
| position: relative; | ||
| z-index: 5; | ||
| } | ||
|
|
||
| .slideme > *, | ||
| .slideme_container .slideme > * { | ||
| height: 100%; | ||
| left: 0; | ||
| position: absolute; | ||
| top: 0; | ||
| width: 100%; | ||
| z-index: 0; | ||
| } | ||
|
|
||
| .slideme > * { | ||
| -webkit-transform: translate3d(0, 0, 0); | ||
| -moz-transform: translate3d(0, 0, 0); | ||
| -ms-transform: translate3d(0, 0, 0); | ||
| -o-transform: translate3d(0, 0, 0); | ||
| transform: translate3d(0, 0, 0); | ||
| } | ||
|
|
||
| .slideme_container .slideme > *.current { | ||
| opacity: 1; | ||
| z-index: 5; | ||
| } | ||
|
|
||
| .single button.arrow, | ||
| .single .pagination | ||
| { | ||
| display: none; | ||
| } | ||
|
|
||
| /* | ||
| * slide | ||
| */ | ||
|
|
||
| .slideme-slide > *, | ||
| .slideme_container .slideme-slide > * { | ||
| visibility: hidden; | ||
| z-index: 0; | ||
| } | ||
|
|
||
| .slideme-slide > .current, | ||
| .slideme-slide > .next { | ||
| visibility: visible; | ||
| z-index: 5; | ||
| } | ||
|
|
||
| .slideme-slide > .after { | ||
| left: 100%; | ||
| } | ||
|
|
||
| .slideme-slide > .before { | ||
| left: -100%; | ||
| } | ||
|
|
||
| .slideme-slide.nextClicked > .current, | ||
| .slideme-slide.nextClicked > .next, | ||
| .slideme-slide.prevClicked > .current, | ||
| .slideme-slide.prevClicked > .next { | ||
| -webkit-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -moz-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -ms-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -o-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| } | ||
|
|
||
| .slideme-slide.prevClicked > .next, | ||
| .slideme-slide.nextClicked > .next { | ||
| left: 0; | ||
| } | ||
|
|
||
| .slideme-slide.prevClicked > .current { | ||
| left: 100%; | ||
| } | ||
|
|
||
| .slideme-slide.nextClicked > .current { | ||
| left: -100%; | ||
| } | ||
|
|
||
| /* | ||
| * zoom | ||
| */ | ||
|
|
||
| .slideme-zoom > *, | ||
| .slideme_container .slideme-zoom > * { | ||
| opacity: 0; | ||
| visibility: hidden; | ||
| } | ||
|
|
||
| .slideme-zoom > .current { | ||
| visibility: visible; | ||
| z-index: 4; | ||
| } | ||
|
|
||
| .slideme-zoom > .next { | ||
| visibility: visible; | ||
| z-index: 5; | ||
| } | ||
|
|
||
| .slideme-zoom > .before, | ||
| .slideme-zoom.nextClicked > .current { | ||
| -webkit-transform: scale(1.4); | ||
| -moz-transform: scale(1.4); | ||
| -ms-transform: scale(1.4); | ||
| -o-transform: scale(1.4); | ||
| transform: scale(1.4); | ||
| } | ||
|
|
||
| .slideme-zoom > .after, | ||
| .slideme-zoom.nextClicked > .next, | ||
| .slideme-zoom.prevClicked > .current { | ||
| -webkit-transform: scale(1); | ||
| -moz-transform: scale(1); | ||
| -ms-transform: scale(1); | ||
| -o-transform: scale(1); | ||
| transform: scale(1); | ||
| z-index: 5; | ||
| } | ||
|
|
||
| .slideme-zoom > .before { | ||
| z-index: 6; | ||
| } | ||
|
|
||
| .slideme-zoom.nextClicked > .current, | ||
| .slideme-zoom.nextClicked > .next, | ||
| .slideme-zoom.prevClicked > .current, | ||
| .slideme-zoom.prevClicked > .next { | ||
| -webkit-transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), -webkit-transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -moz-transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), -moz-transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -ms-transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), -ms-transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -o-transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), -o-transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| transition: opacity 0.35s cubic-bezier(0.47, 0, 0.745, 0.715), transform 0.35s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| } | ||
|
|
||
| .slideme-zoom.nextClicked > .current { | ||
| opacity: 0; | ||
| } | ||
|
|
||
| .slideme-zoom.nextClicked > .after { | ||
| opacity: 1; | ||
| } | ||
|
|
||
| .slideme-zoom.prevClicked > .next { | ||
| -webkit-transform: scale(1); | ||
| -moz-transform: scale(1); | ||
| -ms-transform: scale(1); | ||
| -o-transform: scale(1); | ||
| transform: scale(1); | ||
| opacity: 1; | ||
| visibility: visible; | ||
| } | ||
|
|
||
| /* | ||
| * fade | ||
| */ | ||
|
|
||
| .slideme-fade > *, | ||
| .slideme_container .slideme-fade > * { | ||
| opacity: 0; | ||
| z-index: 0; | ||
| } | ||
|
|
||
| .slideme-fade.nextClicked > .current, | ||
| .slideme-fade.nextClicked > .next, | ||
| .slideme-fade.prevClicked > .current, | ||
| .slideme-fade.prevClicked > .next { | ||
| -webkit-transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -moz-transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -ms-transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -o-transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| transition: opacity 0.7s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| } | ||
|
|
||
| .slideme-fade.nextClicked > .current, | ||
| .slideme-fade.prevClicked > .current { | ||
| opacity: 0; | ||
| z-index: 5; | ||
| } | ||
|
|
||
| .slideme-fade.nextClicked > .next, | ||
| .slideme-fade.prevClicked > .next { | ||
| opacity: 1; | ||
| z-index: 4; | ||
| } | ||
|
|
||
| /* | ||
| * page | ||
| */ | ||
|
|
||
| .slideme-page > .current { | ||
| visibility: visible; | ||
| z-index: 4; | ||
| } | ||
|
|
||
| .slideme-page > .next { | ||
| visibility: visible; | ||
| z-index: 6; | ||
| } | ||
|
|
||
| .slideme-page > .after { | ||
| left: 100%; | ||
| } | ||
|
|
||
| .slideme-page > .before { | ||
| left: -100%; | ||
| } | ||
|
|
||
| .slideme-page.nextClicked > .current, | ||
| .slideme-page.prevClicked > .current { | ||
| -webkit-transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -moz-transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -ms-transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -o-transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| transition: visibility 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| visibility: hidden; | ||
| } | ||
|
|
||
| .slideme-page.nextClicked > .next, | ||
| .slideme-page.prevClicked > .next { | ||
| -webkit-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -moz-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -ms-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| -o-transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| transition: left 0.5s cubic-bezier(0.47, 0, 0.745, 0.715); | ||
| left: 0; | ||
| } | ||
|
|
||
| /* | ||
| * SLIDEME TOUCH | ||
| */ | ||
|
|
||
| .slideme-touch { | ||
| -webkit-overflow-scrolling: touch; | ||
| font-size: 0; | ||
| height: 100%; | ||
| overflow: hidden; | ||
| overflow-y: hidden; | ||
| overflow-x: scroll; | ||
| white-space: nowrap; | ||
| width: 100%; | ||
| } | ||
|
|
||
| .slideme-touch.snapping { | ||
| overflow-x: hidden; | ||
| } | ||
|
|
||
| .slideme_container .slideme-touch > * { | ||
| -webkit-transform: translateZ(0px); | ||
| display: inline-block; | ||
| height: 100%; | ||
| position: relative; | ||
| width: 100%; | ||
| } | ||
|
|
||
| .slideme_container .slideme-touch > * img { | ||
| display: block; | ||
| min-height: 1px; | ||
| min-width: 1px; | ||
| width: 100%; | ||
| } |