Mercurial > public > madeira

comparison static/js/fancybox2/source/helpers/jquery.fancybox-buttons.css @ 106:846cda22d77c

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Bootstrap: Photo pages reworked.
author Brian Neal <bgneal@gmail.com>
date Fri, 18 Oct 2013 20:31:36 -0500
parents
children
comparison
equal deleted inserted replaced
105:afcbfe23f068 106:846cda22d77c
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 }