Index: shared/css-v6/pagestyles/startseite.css
===================================================================
--- shared/css-v6/pagestyles/startseite.css (revision 1431)
+++ shared/css-v6/pagestyles/startseite.css (revision 1432)
@@ -251,5 +251,5 @@
-/*** Slider Styles ***/
+/*** Slider (http://meandmax.github.io/lory/) Styles ***/
/*** Started 2018-01-07 ***/
@@ -258,57 +258,132 @@
}
-/* Pure CSS fade-in-out transition */
-
-.slider {
- width: 940px;
- height: 290px;
+/*! Flickity v2.0.10
+http://flickity.metafizzy.co
+---------------------------------------------- */
+
+.flickity-enabled {
position: relative;
}
-/* Pause-Button */
-.slider .pause {
- display: inline-block;
- position: absolute;
- right: 32px;
- top: 32px;
- z-index: 100;
-}
-
-.slider .slide {
+.flickity-enabled:focus { outline: none; }
+
+.flickity-viewport {
+ overflow: hidden;
+ position: relative;
+ height: 100%;
+}
+
+.flickity-slider {
position: absolute;
width: 100%;
height: 100%;
- }
-
-/* Dauer = Gesamter Prozess. */
-.play .slide1 { animation:fade1 15s infinite; -webkit-animation:fade1 15s infinite; }
-.play .slide2 { animation:fade2 15s infinite; -webkit-animation:fade2 15s infinite; }
-.play .slide3 { animation:fade3 15s infinite; -webkit-animation:fade3 15s infinite; }
-
-@keyframes fade1
-{
- 0% {opacity:1}
- 33.333% { opacity: 0}
- 66.666% { opacity: 0}
- 100% { opacity: 1}
-}
-@keyframes fade2
-{
- 0% {opacity:0}
- 33.333% { opacity: 1}
- 66.666% { opacity: 0 }
- 100% { opacity: 0}
-}
-@keyframes fade3
-{
- 0% {opacity:0}
- 33.333% { opacity: 0}
- 66.666% { opacity: 1}
- 100% { opacity: 0}
-}
-
-
-
-
-
-
+}
+
+/* draggable */
+
+.flickity-enabled.is-draggable {
+ -webkit-tap-highlight-color: transparent;
+ tap-highlight-color: transparent;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.flickity-enabled.is-draggable .flickity-viewport {
+ cursor: move;
+ cursor: -webkit-grab;
+ cursor: grab;
+}
+
+.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
+ cursor: -webkit-grabbing;
+ cursor: grabbing;
+}
+
+/* ---- previous/next buttons ---- */
+
+.flickity-prev-next-button {
+ position: absolute;
+ top: 50%;
+ width: 44px;
+ height: 44px;
+ border: none;
+ border-radius: 50%;
+ background: white;
+ background: hsla(0, 0%, 100%, 0.75);
+ cursor: pointer;
+ /* vertically center */
+ -webkit-transform: translateY(-50%);
+ transform: translateY(-50%);
+}
+
+.flickity-prev-next-button:hover { background: white; }
+
+.flickity-prev-next-button:focus {
+ outline: none;
+ box-shadow: 0 0 0 5px #09F;
+}
+
+.flickity-prev-next-button:active {
+ opacity: 0.6;
+}
+
+.flickity-prev-next-button.previous { left: 10px; }
+.flickity-prev-next-button.next { right: 10px; }
+/* right to left */
+.flickity-rtl .flickity-prev-next-button.previous {
+ left: auto;
+ right: 10px;
+}
+.flickity-rtl .flickity-prev-next-button.next {
+ right: auto;
+ left: 10px;
+}
+
+.flickity-prev-next-button:disabled {
+ opacity: 0.3;
+ cursor: auto;
+}
+
+.flickity-prev-next-button svg {
+ position: absolute;
+ left: 20%;
+ top: 20%;
+ width: 60%;
+ height: 60%;
+}
+
+.flickity-prev-next-button .arrow {
+ fill: #333;
+}
+
+/* ---- page dots ---- */
+
+.flickity-page-dots {
+ position: absolute;
+ width: 100%;
+ bottom: -25px;
+ padding: 0;
+ margin: 0;
+ list-style: none;
+ text-align: center;
+ line-height: 1;
+}
+
+.flickity-rtl .flickity-page-dots { direction: rtl; }
+
+.flickity-page-dots .dot {
+ display: inline-block;
+ width: 10px;
+ height: 10px;
+ margin: 0 8px;
+ background: #333;
+ border-radius: 50%;
+ opacity: 0.25;
+ cursor: pointer;
+}
+
+.flickity-page-dots .dot.is-selected {
+ opacity: 1;
+}
Index: shared/img-v6/pause-button.svg
===================================================================
--- shared/img-v6/pause-button.svg (revision 1431)
+++ (revision )
@@ -1,10395 +1,0 @@
-
-
-
-
-
-
-
-
-
-
-]>
-
Index: shared/js-v6/pagescripts/startseite.js
===================================================================
--- shared/js-v6/pagescripts/startseite.js (revision 1431)
+++ (revision )
@@ -1,15 +1,0 @@
-$(function() {
- // CSS-Slider-Steuerung:
-
- $slider = $(".slider");
- $pauseBtn = $('').toggle(
- function() {
- // stop animation
- $slider.removeClass("play");
- },
- function() {
- // start animation
- $slider.addClass("play");
- }
- ).appendTo($slider);
-});