OLD | NEW |
(Empty) | |
| 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%,r
gb(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='#4444
44', 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-image: url('fancybox_buttons.png'); |
| 50 background-repeat: no-repeat; |
| 51 outline: none; |
| 52 opacity: 0.8; |
| 53 } |
| 54 |
| 55 #fancybox-buttons a:hover { |
| 56 opacity: 1; |
| 57 } |
| 58 |
| 59 #fancybox-buttons a.btnPrev { |
| 60 background-position: 5px 0; |
| 61 } |
| 62 |
| 63 #fancybox-buttons a.btnNext { |
| 64 background-position: -33px 0; |
| 65 border-right: 1px solid #3e3e3e; |
| 66 } |
| 67 |
| 68 #fancybox-buttons a.btnPlay { |
| 69 background-position: 0 -30px; |
| 70 } |
| 71 |
| 72 #fancybox-buttons a.btnPlayOn { |
| 73 background-position: -30px -30px; |
| 74 } |
| 75 |
| 76 #fancybox-buttons a.btnToggle { |
| 77 background-position: 3px -60px; |
| 78 border-left: 1px solid #111; |
| 79 border-right: 1px solid #3e3e3e; |
| 80 width: 35px |
| 81 } |
| 82 |
| 83 #fancybox-buttons a.btnToggleOn { |
| 84 background-position: -27px -60px; |
| 85 } |
| 86 |
| 87 #fancybox-buttons a.btnClose { |
| 88 border-left: 1px solid #111; |
| 89 width: 35px; |
| 90 background-position: -56px 0px; |
| 91 } |
| 92 |
| 93 #fancybox-buttons a.btnDisabled { |
| 94 opacity : 0.4; |
| 95 cursor: default; |
| 96 } |
OLD | NEW |