blob: a26273af232562db60229e75809403a784e36d28 [file] [log] [blame]
Tang Cheng60ba8032016-06-20 15:31:17 +08001#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}