Changeset 1423 in t29-www for shared


Ignore:
Timestamp:
Jan 7, 2018, 1:31:58 AM (6 years ago)
Author:
sven
Message:

Startseite: Exemplarischen Slider (Karoussell) hinzugefügt, mit Platzhalterelementen.

Location:
shared
Files:
1 added
1 edited

Legend:

Unmodified
Added
Removed
  • shared/css-v6/pagestyles/startseite.css

    r741 r1423  
    250250}
    251251
     252
     253/*** Slider (http://meandmax.github.io/lory/) Styles ***/
     254/*** Started 2018-01-07 ***/
     255
     256header h2 a.anchor { /* Keine Ablenkung */
     257        display: none;
     258}
     259
     260/*! Flickity v2.0.10
     261http://flickity.metafizzy.co
     262---------------------------------------------- */
     263
     264.flickity-enabled {
     265  position: relative;
     266}
     267
     268.flickity-enabled:focus { outline: none; }
     269
     270.flickity-viewport {
     271  overflow: hidden;
     272  position: relative;
     273  height: 100%;
     274}
     275
     276.flickity-slider {
     277  position: absolute;
     278  width: 100%;
     279  height: 100%;
     280}
     281
     282/* draggable */
     283
     284.flickity-enabled.is-draggable {
     285  -webkit-tap-highlight-color: transparent;
     286          tap-highlight-color: transparent;
     287  -webkit-user-select: none;
     288     -moz-user-select: none;
     289      -ms-user-select: none;
     290          user-select: none;
     291}
     292
     293.flickity-enabled.is-draggable .flickity-viewport {
     294  cursor: move;
     295  cursor: -webkit-grab;
     296  cursor: grab;
     297}
     298
     299.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
     300  cursor: -webkit-grabbing;
     301  cursor: grabbing;
     302}
     303
     304/* ---- previous/next buttons ---- */
     305
     306.flickity-prev-next-button {
     307  position: absolute;
     308  top: 50%;
     309  width: 44px;
     310  height: 44px;
     311  border: none;
     312  border-radius: 50%;
     313  background: white;
     314  background: hsla(0, 0%, 100%, 0.75);
     315  cursor: pointer;
     316  /* vertically center */
     317  -webkit-transform: translateY(-50%);
     318          transform: translateY(-50%);
     319}
     320
     321.flickity-prev-next-button:hover { background: white; }
     322
     323.flickity-prev-next-button:focus {
     324  outline: none;
     325  box-shadow: 0 0 0 5px #09F;
     326}
     327
     328.flickity-prev-next-button:active {
     329  opacity: 0.6;
     330}
     331
     332.flickity-prev-next-button.previous { left: 10px; }
     333.flickity-prev-next-button.next { right: 10px; }
     334/* right to left */
     335.flickity-rtl .flickity-prev-next-button.previous {
     336  left: auto;
     337  right: 10px;
     338}
     339.flickity-rtl .flickity-prev-next-button.next {
     340  right: auto;
     341  left: 10px;
     342}
     343
     344.flickity-prev-next-button:disabled {
     345  opacity: 0.3;
     346  cursor: auto;
     347}
     348
     349.flickity-prev-next-button svg {
     350  position: absolute;
     351  left: 20%;
     352  top: 20%;
     353  width: 60%;
     354  height: 60%;
     355}
     356
     357.flickity-prev-next-button .arrow {
     358  fill: #333;
     359}
     360
     361/* ---- page dots ---- */
     362
     363.flickity-page-dots {
     364  position: absolute;
     365  width: 100%;
     366  bottom: -25px;
     367  padding: 0;
     368  margin: 0;
     369  list-style: none;
     370  text-align: center;
     371  line-height: 1;
     372}
     373
     374.flickity-rtl .flickity-page-dots { direction: rtl; }
     375
     376.flickity-page-dots .dot {
     377  display: inline-block;
     378  width: 10px;
     379  height: 10px;
     380  margin: 0 8px;
     381  background: #333;
     382  border-radius: 50%;
     383  opacity: 0.25;
     384  cursor: pointer;
     385}
     386
     387.flickity-page-dots .dot.is-selected {
     388  opacity: 1;
     389}
Note: See TracChangeset for help on using the changeset viewer.
© 2008 - 2013 technikum29 • Sven Köppel • Some rights reserved
Powered by Trac
Expect where otherwise noted, content on this site is licensed under a Creative Commons 3.0 License