123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990 |
- .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;
- }
|