X-Git-Url: http://www.aleph1.co.uk/gitweb/?a=blobdiff_plain;f=web%2Fmodules%2Fcontrib%2Fslick%2Fcss%2Ftheme%2Fslick.theme.css;fp=web%2Fmodules%2Fcontrib%2Fslick%2Fcss%2Ftheme%2Fslick.theme.css;h=cadd5ccd422afe06abc66fb0f179cf5a5e16adeb;hb=a2bd1bf0c2c1f1a17d188f4dc0726a45494cefae;hp=0000000000000000000000000000000000000000;hpb=57c063afa3f66b07c4bbddc2d6129a96d90f0aad;p=yaffs-website diff --git a/web/modules/contrib/slick/css/theme/slick.theme.css b/web/modules/contrib/slick/css/theme/slick.theme.css new file mode 100644 index 000000000..cadd5ccd4 --- /dev/null +++ b/web/modules/contrib/slick/css/theme/slick.theme.css @@ -0,0 +1,273 @@ +/** + * @file. + * Provided basic styling for the Slick based on custom settings. + */ + +.slick-wrapper, +.slick, +.slick * { + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +.slick img { + height: auto; +} + +.slick img, +.slick iframe { + border: 0; + max-width: 100%; +} + +/* Prevents overflowing nested slides. */ +.slick, +.slick-wrapper { + max-width: 100%; + position: relative; +} + +/** + * Misc overrides core slick. + */ +.slick-initialized { + overflow: visible; +} + +.slick__slider::before, +.slick__slider::after { + display: table; + content: ''; +} + +.slick__slider::after { + clear: both; +} + +/** Draggable. */ +.draggable { + cursor: -webkit-grab; + cursor: grab; +} + +.draggable:active { + cursor: -webkit-grabbing; + cursor: grabbing; +} + +.draggable:active a, +.draggable:active .slide__caption { + cursor: -webkit-grabbing; + cursor: grabbing; + -moz-user-select: none; + -ms-user-select: none; + -o-user-select: none; + -webkit-user-select: none; + user-select: none; +} + +/** Visibility fix for stacking slides during initialization. */ +.slick__slide { + max-width: 100%; + position: absolute; + visibility: hidden; +} + +/** Prevents collapsing container during initialization. */ +.slick__slide.slide--0 { + position: relative; +} + +.unslick .slick__slide, +.slick-initialized .slick__slide { + position: relative; + visibility: visible; +} + +/* Fix for Chrome blue outline */ +.slick__slide:focus { + outline: 0; +} + +/* Prevents collapsing slick when unslick like one item. */ +.unslick .slick__slide { + width: 100%; +} + +.slick-current { + z-index: 4; +} + +/** + * Slide layouts, adjust accordingly per actual container slide. + */ +.slide__content, +.grid__content { + position: relative; +} + +.slide__content::after { + content: ""; + display: table; + clear: both; +} + +.slide__title { + margin: 10px 0 5px; + line-height: 1.2; +} + +.slide__link { + margin: 30px auto; +} + +/* Overrides .slick-slider to make caption text selectable. */ +.slide__caption { + cursor: text; + -moz-user-select: text; + -ms-user-select: text; + -o-user-select: text; + -webkit-user-select: text; + user-select: text; + width: 100%; +} + +/* Only display when JS is ready. */ +.slick__arrow, +.is-loading .slide__caption { + visibility: hidden; +} + +/** Arrows are outside slick-initialized. */ +.slick--initialized .slick__arrow { + visibility: visible; +} + +.slick--main .slide__caption { + min-height: 32%; + padding: 20px 0; + z-index: 3; +} + +.slick--thumbnail .slide__caption { + padding: 5px 6px; +} + +/** + * Skins. + * Arrows contained/wrapped within slick__arrow for easy moves. + */ +/* Overrides problematic hidden arrows at core slick.css */ +.slick-prev { + left: 0; +} + +.slick-next { + right: 0; +} + +.slick__arrow { + bottom: auto; + height: 2px; + left: 0; + margin-top: -1px; + pointer-events: none; + position: absolute; + top: 50%; + width: 100%; + z-index: 2; +} + +/** Keeps decent fallback for when slick-theme.css is disabled, even if dup. */ +.slick-arrow { + border: 0; + border-radius: 50%; + font-size: 0; + height: 42px; + pointer-events: auto; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + width: 42px; +} + +.slick-arrow:active, +.slick-arrow:focus { + box-shadow: none; + outline: 0; +} + +.slick-arrow::before, +.slick-arrow::after { + pointer-events: none; +} + +.slick-arrow::before { + color: #ff6d2c; + font-size: 36px; + font-size: 2.25rem; +} + +.slick-arrow:hover::before { + color: #37465b; +} + +/** + * Bullets. + */ +/* Makes the pointer work when bullets placed over the slide. */ +/* Overrides core > 1.3.11, otherwise thumbnails are non-clickable */ +.slick button, +.slick--thumbnail .slick__slide img { + pointer-events: auto; +} + +/* Provides decent dots if core slick-theme.css is disabled. */ +.slick-dots li { + margin-bottom: 5px; + display: inline-block; + vertical-align: top; +} + +/* Overrides too tiny bullets from core slick.css.*/ +.slick-dots li button::before { + font-size: 12px; + font-size: 0.75rem; +} + +/** + * Media. + */ +/* Hide lazyloaded image when JS is off.*/ +img[data-lazy] { + display: none; +} + +.slide__media { + overflow: hidden; + position: relative; +} + +/* Center the image to reduce gap at RHS with smaller image, larger container */ +.media__image { + margin: 0 auto; +} + +/** @todo: Remove temp fix for when total <= slidesToShow at 1.6.1+. */ +/** @see https://github.com/kenwheeler/slick/issues/262 */ +.slick--less .slick-track { + margin-left: auto; + margin-right: auto; + text-align: center; +} + +.slick--less .slick-slide { + float: none; + display: inline-block; + vertical-align: top; +} + +.slick--less .draggable { + cursor: default; +}