Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: fancybox/source/jquery.fancybox.css

Issue 8615139: adblockpluschrome: Open share page in lightbox (Closed)
Patch Set: Created Oct. 23, 2012, 4:12 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
(Empty)
1 /*! fancyBox v2.1.2 fancyapps.com | fancyapps.com/fancybox/#license */
2 .fancybox-wrap,
3 .fancybox-skin,
4 .fancybox-outer,
5 .fancybox-inner,
6 .fancybox-image,
7 .fancybox-wrap iframe,
8 .fancybox-wrap object,
9 .fancybox-nav,
10 .fancybox-nav span,
11 .fancybox-tmp
12 {
13 padding: 0;
14 margin: 0;
15 border: 0;
16 outline: none;
17 vertical-align: top;
18 }
19
20 .fancybox-wrap {
21 position: absolute;
22 top: 0;
23 left: 0;
24 z-index: 8020;
25 }
26
27 .fancybox-skin {
28 position: relative;
29 background: #f9f9f9;
30 color: #444;
31 text-shadow: none;
32 -webkit-border-radius: 4px;
33 -moz-border-radius: 4px;
34 border-radius: 4px;
35 }
36
37 .fancybox-opened {
38 z-index: 8030;
39 }
40
41 .fancybox-opened .fancybox-skin {
42 -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
43 -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
44 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
45 }
46
47 .fancybox-outer, .fancybox-inner {
48 position: relative;
49 }
50
51 .fancybox-inner {
52 overflow: hidden;
53 }
54
55 .fancybox-type-iframe .fancybox-inner {
56 -webkit-overflow-scrolling: touch;
57 }
58
59 .fancybox-error {
60 color: #444;
61 font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
62 margin: 0;
63 padding: 15px;
64 white-space: nowrap;
65 }
66
67 .fancybox-image, .fancybox-iframe {
68 display: block;
69 width: 100%;
70 height: 100%;
71 }
72
73 .fancybox-image {
74 max-width: 100%;
75 max-height: 100%;
76 }
77
78 #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
79 background-image: url('fancybox_sprite.png');
80 }
81
82 #fancybox-loading {
83 position: fixed;
84 top: 50%;
85 left: 50%;
86 margin-top: -22px;
87 margin-left: -22px;
88 background-position: 0 -108px;
89 opacity: 0.8;
90 cursor: pointer;
91 z-index: 8060;
92 }
93
94 #fancybox-loading div {
95 width: 44px;
96 height: 44px;
97 background: url('fancybox_loading.gif') center center no-repeat;
98 }
99
100 .fancybox-close {
101 position: absolute;
102 top: -18px;
103 right: -18px;
104 width: 36px;
105 height: 36px;
106 cursor: pointer;
107 z-index: 8040;
108 }
109
110 .fancybox-nav {
111 position: absolute;
112 top: 0;
113 width: 40%;
114 height: 100%;
115 cursor: pointer;
116 text-decoration: none;
117 background: transparent url('blank.gif'); /* helps IE */
118 -webkit-tap-highlight-color: rgba(0,0,0,0);
119 z-index: 8040;
120 }
121
122 .fancybox-prev {
123 left: 0;
124 }
125
126 .fancybox-next {
127 right: 0;
128 }
129
130 .fancybox-nav span {
131 position: absolute;
132 top: 50%;
133 width: 36px;
134 height: 34px;
135 margin-top: -18px;
136 cursor: pointer;
137 z-index: 8040;
138 visibility: hidden;
139 }
140
141 .fancybox-prev span {
142 left: 10px;
143 background-position: 0 -36px;
144 }
145
146 .fancybox-next span {
147 right: 10px;
148 background-position: 0 -72px;
149 }
150
151 .fancybox-nav:hover span {
152 visibility: visible;
153 }
154
155 .fancybox-tmp {
156 position: absolute;
157 top: -9999px;
158 left: -9999px;
159 visibility: hidden;
160 }
161
162 /* Overlay helper */
163
164 .fancybox-lock {
165 overflow: hidden;
166 }
167
168 .fancybox-overlay {
169 position: absolute;
170 top: 0;
171 left: 0;
172 overflow: hidden;
173 display: none;
174 z-index: 8010;
175 background: url('fancybox_overlay.png');
176 }
177
178 .fancybox-overlay-fixed {
179 position: fixed;
180 bottom: 0;
181 right: 0;
182 }
183
184 .fancybox-lock .fancybox-overlay {
185 overflow: auto;
186 overflow-y: scroll;
187 }
188
189 /* Title helper */
190
191 .fancybox-title {
192 visibility: hidden;
193 font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
194 position: relative;
195 text-shadow: none;
196 z-index: 8050;
197 }
198
199 .fancybox-opened .fancybox-title {
200 visibility: visible;
201 }
202
203 .fancybox-title-float-wrap {
204 position: absolute;
205 bottom: 0;
206 right: 50%;
207 margin-bottom: -35px;
208 z-index: 8050;
209 text-align: center;
210 }
211
212 .fancybox-title-float-wrap .child {
213 display: inline-block;
214 margin-right: -100%;
215 padding: 2px 20px;
216 background: transparent; /* Fallback for web browsers that doesn't suppo rt RGBa */
217 background: rgba(0, 0, 0, 0.8);
218 -webkit-border-radius: 15px;
219 -moz-border-radius: 15px;
220 border-radius: 15px;
221 text-shadow: 0 1px 2px #222;
222 color: #FFF;
223 font-weight: bold;
224 line-height: 24px;
225 white-space: nowrap;
226 }
227
228 .fancybox-title-outside-wrap {
229 position: relative;
230 margin-top: 10px;
231 color: #fff;
232 }
233
234 .fancybox-title-inside-wrap {
235 padding-top: 10px;
236 }
237
238 .fancybox-title-over-wrap {
239 position: absolute;
240 bottom: 0;
241 left: 0;
242 color: #fff;
243 padding: 10px;
244 background: #000;
245 background: rgba(0, 0, 0, .8);
246 }
OLDNEW

Powered by Google App Engine
This is Rietveld