123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154 |
- /* Peppermint required styles + default appearance styles */
- .peppermint.peppermint-active {
- position: relative;
- overflow: hidden;
- padding-left: 0;
- padding-right: 0;
- }
- .peppermint.peppermint-active .peppermint-slides {
- position: relative;
- overflow: hidden; /* clearfix */
- -ms-touch-action: pan-y;
- touch-action: pan-y;
- }
- .peppermint.peppermint-active .peppermint-slides > * {
- float: left;
- margin: 0;
- -moz-box-sizing: border-box;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- -webkit-tap-highlight-color: transparent;
- tap-highlight-color: transparent;
- }
- .peppermint.peppermint-active .peppermint-slides a:active,
- .peppermint.peppermint-active .peppermint-slides a:active img {
- outline: none;
- }
- .peppermint.peppermint-active,
- .peppermint.peppermint-active .peppermint-dots,
- .peppermint.peppermint-active .peppermint-slides,
- .peppermint.peppermint-active .peppermint-slides > * {
- -webkit-transform: translate3d(0,0,0);
- -ms-transform: translate3d(0,0,0);
- -moz-transform: translate3d(0,0,0);
- transform: translate3d(0,0,0);
- -webkit-backface-visibility: hidden;
- -moz-backface-visibility: hidden;
- -ms-backface-visibility: hidden;
- backface-visibility: hidden;
- }
- .peppermint.peppermint-mouse .peppermint-slides {
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- cursor: move;
- cursor: -webkit-grab;
- cursor: -moz-grab;
- cursor: grab;
- }
- .peppermint.peppermint-mouse.peppermint-drag .peppermint-slides * {
- cursor: move;
- cursor: -webkit-grabbing;
- cursor: -moz-grabbing;
- cursor: grabbing;
- }
- /* default appearance styles */
- .peppermint {
- text-align: center;
- }
- .peppermint figure {
- margin: 0 0 1.5em 0;
- }
- .peppermint figure img {
- vertical-align: top;
- max-width: 100%;
- -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
- box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
- }
- .peppermint figure figcaption {
- font-style: italic;
- color: #787575;
- font-size: 0.8em;
- margin-top: 0.5em;
- }
- .peppermint.peppermint-active {
- margin-bottom: 1.5em;
- }
- .peppermint-slides {
- padding-top: 0.5em;
- padding-bottom: 0.5em;
- }
- /* dots */
- ul.peppermint-dots {
- margin: 0.6em 0;
- padding: 0;
- text-align: center;
- list-style-type: none;
- }
- .peppermint.peppermint-active ul.peppermint-dots {
- margin: 0 0 0.6em 0;
- }
- .peppermint.peppermint-active .peppermint-slides + ul.peppermint-dots {
- margin: 0.6em 0 0 0;
- }
- ul.peppermint-dots > li {
- display: inline-block;
- position: relative;
- padding: 0.5em 0.6em;
- width: 12px;
- height: 12px;
- cursor: pointer;
- text-align: center;
- vertical-align: middle;
- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
- -webkit-tap-highlight-color: transparent;
- /* ie7 fallback */
- *display: inline;
- *zoom: 1;
- }
- ul.peppermint-dots > li.peppermint-mouse-clicked,
- ul.peppermint-dots > li:active {
- outline: 0;
- }
- ul.peppermint-dots > li > span {
- display: inline-block;
- position: absolute;
- top: 50%;
- left: 50%;
- margin: -4px 0 0 -4px;
- width: 8px;
- height: 8px;
- border-radius: 50%;
- background: #9b9890;
- }
- ul.peppermint-dots > li.peppermint-active-dot > span {
- margin: -6px 0 0 -6px;
- width: 10px;
- height: 10px;
- border: 1px solid #9b9890;
- background: transparent;
- }
|