| | |
| | | height: 26px; |
| | | } |
| | | |
| | | .mk-counter { |
| | | display: inline-block; |
| | | white-space: nowrap; |
| | | border: 1px solid #d9d9d9; |
| | | font-size: 14px; |
| | | border-radius: 2px; |
| | | background: #ffffff; |
| | | span { |
| | | display: inline-block; |
| | | height: 20px; |
| | | line-height: 22px; |
| | | vertical-align: top; |
| | | text-align: center; |
| | | } |
| | | span:first-child { |
| | | width: 22px; |
| | | text-align: center; |
| | | font-size: 12px; |
| | | border-right: 1px solid #d9d9d9; |
| | | } |
| | | span:nth-child(2) { |
| | | width: 42px; |
| | | } |
| | | span:last-child { |
| | | width: 22px; |
| | | text-align: center; |
| | | font-size: 12px; |
| | | border-left: 1px solid #d9d9d9; |
| | | } |
| | | } |
| | | .mk-counter.small { |
| | | font-size: 12px; |
| | | span { |
| | | height: 18px; |
| | | line-height: 19px; |
| | | } |
| | | span:first-child { |
| | | width: 20px; |
| | | font-size: 10px; |
| | | } |
| | | span:nth-child(2) { |
| | | width: 38px; |
| | | } |
| | | span:last-child { |
| | | width: 20px; |
| | | font-size: 10px; |
| | | } |
| | | } |
| | | .mk-counter.large { |
| | | font-size: 16px; |
| | | span { |
| | | height: 24px; |
| | | line-height: 25px; |
| | | } |
| | | span:first-child { |
| | | width: 26px; |
| | | font-size: 13px; |
| | | } |
| | | span:nth-child(2) { |
| | | width: 48px; |
| | | } |
| | | span:last-child { |
| | | width: 26px; |
| | | font-size: 13px; |
| | | } |
| | | } |
| | | |
| | | .card-cell > div { |
| | | background-position: center center; |
| | | background-repeat: no-repeat; |