Tang Cheng | 60ba803 | 2016-06-20 15:31:17 +0800 | [diff] [blame] | 1 | #fancybox-buttons { |
| 2 | position: fixed; |
| 3 | left: 0; |
| 4 | width: 100%; |
| 5 | z-index: 8050; |
| 6 | } |
| 7 | |
| 8 | #fancybox-buttons.top { |
| 9 | top: 10px; |
| 10 | } |
| 11 | |
| 12 | #fancybox-buttons.bottom { |
| 13 | bottom: 10px; |
| 14 | } |
| 15 | |
| 16 | #fancybox-buttons ul { |
| 17 | display: block; |
| 18 | width: 166px; |
| 19 | height: 30px; |
| 20 | margin: 0 auto; |
| 21 | padding: 0; |
| 22 | list-style: none; |
| 23 | border: 1px solid #111; |
| 24 | border-radius: 3px; |
| 25 | -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); |
| 26 | -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); |
| 27 | box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); |
| 28 | background: rgb(50,50,50); |
| 29 | background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); |
| 30 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51))); |
| 31 | background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); |
| 32 | background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); |
| 33 | background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); |
| 34 | background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); |
| 35 | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); |
| 36 | } |
| 37 | |
| 38 | #fancybox-buttons ul li { |
| 39 | float: left; |
| 40 | margin: 0; |
| 41 | padding: 0; |
| 42 | } |
| 43 | |
| 44 | #fancybox-buttons a { |
| 45 | display: block; |
| 46 | width: 30px; |
| 47 | height: 30px; |
| 48 | text-indent: -9999px; |
| 49 | background-color: transparent; |
| 50 | background-image: url('fancybox_buttons.png'); |
| 51 | background-repeat: no-repeat; |
| 52 | outline: none; |
| 53 | opacity: 0.8; |
| 54 | } |
| 55 | |
| 56 | #fancybox-buttons a:hover { |
| 57 | opacity: 1; |
| 58 | } |
| 59 | |
| 60 | #fancybox-buttons a.btnPrev { |
| 61 | background-position: 5px 0; |
| 62 | } |
| 63 | |
| 64 | #fancybox-buttons a.btnNext { |
| 65 | background-position: -33px 0; |
| 66 | border-right: 1px solid #3e3e3e; |
| 67 | } |
| 68 | |
| 69 | #fancybox-buttons a.btnPlay { |
| 70 | background-position: 0 -30px; |
| 71 | } |
| 72 | |
| 73 | #fancybox-buttons a.btnPlayOn { |
| 74 | background-position: -30px -30px; |
| 75 | } |
| 76 | |
| 77 | #fancybox-buttons a.btnToggle { |
| 78 | background-position: 3px -60px; |
| 79 | border-left: 1px solid #111; |
| 80 | border-right: 1px solid #3e3e3e; |
| 81 | width: 35px |
| 82 | } |
| 83 | |
| 84 | #fancybox-buttons a.btnToggleOn { |
| 85 | background-position: -27px -60px; |
| 86 | } |
| 87 | |
| 88 | #fancybox-buttons a.btnClose { |
| 89 | border-left: 1px solid #111; |
| 90 | width: 35px; |
| 91 | background-position: -56px 0px; |
| 92 | } |
| 93 | |
| 94 | #fancybox-buttons a.btnDisabled { |
| 95 | opacity : 0.4; |
| 96 | cursor: default; |
| 97 | } |