123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- /*! Flickity v2.2.1
- https://flickity.metafizzy.co
- ---------------------------------------------- */
- .flickity-enabled {
- position: relative;
- }
- .flickity-enabled:focus { outline: none; }
- .flickity-viewport {
- overflow: hidden;
- position: relative;
- height: 100%;
- }
- .flickity-slider {
- position: absolute;
- width: 100%;
- height: 100%;
- }
- /* draggable */
- .flickity-enabled.is-draggable {
- -webkit-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;
- }
- /* ---- flickity-button ---- */
- .flickity-button {
- position: absolute;
- background: hsla(0, 0%, 100%, 0.75);
- border: none;
- color: #333;
- }
- .flickity-button:hover {
- background: white;
- cursor: pointer;
- }
- .flickity-button:focus {
- outline: none;
- box-shadow: 0 0 0 5px #19F;
- }
- .flickity-button:active {
- opacity: 0.6;
- }
- .flickity-button:disabled {
- opacity: 0.3;
- cursor: auto;
- /* prevent disabled button from capturing pointer up event. #716 */
- pointer-events: none;
- }
- .flickity-button-icon {
- fill: currentColor;
- }
- /* ---- previous/next buttons ---- */
- .flickity-prev-next-button {
- top: 50%;
- width: 44px;
- height: 44px;
- border-radius: 50%;
- /* vertically center */
- transform: translateY(-50%);
- }
- .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 .flickity-button-icon {
- position: absolute;
- left: 20%;
- top: 20%;
- width: 60%;
- height: 60%;
- }
- /* ---- 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;
- }
|