| Tang Cheng | 60ba803 | 2016-06-20 15:31:17 +0800 | [diff] [blame^] | 1 | #fancybox-thumbs { |
| 2 | position: fixed; | ||||
| 3 | left: 0; | ||||
| 4 | width: 100%; | ||||
| 5 | overflow: hidden; | ||||
| 6 | z-index: 8050; | ||||
| 7 | } | ||||
| 8 | |||||
| 9 | #fancybox-thumbs.bottom { | ||||
| 10 | bottom: 2px; | ||||
| 11 | } | ||||
| 12 | |||||
| 13 | #fancybox-thumbs.top { | ||||
| 14 | top: 2px; | ||||
| 15 | } | ||||
| 16 | |||||
| 17 | #fancybox-thumbs ul { | ||||
| 18 | position: relative; | ||||
| 19 | list-style: none; | ||||
| 20 | margin: 0; | ||||
| 21 | padding: 0; | ||||
| 22 | } | ||||
| 23 | |||||
| 24 | #fancybox-thumbs ul li { | ||||
| 25 | float: left; | ||||
| 26 | padding: 1px; | ||||
| 27 | opacity: 0.5; | ||||
| 28 | } | ||||
| 29 | |||||
| 30 | #fancybox-thumbs ul li.active { | ||||
| 31 | opacity: 0.75; | ||||
| 32 | padding: 0; | ||||
| 33 | border: 1px solid #fff; | ||||
| 34 | } | ||||
| 35 | |||||
| 36 | #fancybox-thumbs ul li:hover { | ||||
| 37 | opacity: 1; | ||||
| 38 | } | ||||
| 39 | |||||
| 40 | #fancybox-thumbs ul li a { | ||||
| 41 | display: block; | ||||
| 42 | position: relative; | ||||
| 43 | overflow: hidden; | ||||
| 44 | border: 1px solid #222; | ||||
| 45 | background: #111; | ||||
| 46 | outline: none; | ||||
| 47 | } | ||||
| 48 | |||||
| 49 | #fancybox-thumbs ul li img { | ||||
| 50 | display: block; | ||||
| 51 | position: relative; | ||||
| 52 | border: 0; | ||||
| 53 | padding: 0; | ||||
| 54 | max-width: none; | ||||
| 55 | } | ||||