PluginProbe
MaxGalleria / 2.6
MaxGalleria v2.6
6.5.3 trunk 2.0.0 2.0.1 2.1.0 2.2.0 2.2.1 2.2.2 2.3 2.4 2.5 2.6 2.6.1 3.0.0 3.0.1 3.0.2 3.0.3 3.1.0 3.1.1 3.1.2 3.1.3 3.1.4 3.1.5 3.1.6 3.1.7 All 135 releases
maxgalleria / maxgalleria.css

maxgalleria.css in MaxGalleria 2.6, at maxgalleria.css

1,606 lines 47.2 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*-----------------------------------------------
2 Styles from Twitter Bootstrap
3 -----------------------------------------------*/
4 .maxgalleria-meta .btn {
5 display: inline-block;
6 *display: inline;
7 /* IE7 inline-block hack */
8 *zoom: 1;
9 padding: 4px 10px 4px;
10 margin-bottom: 0;
11 font-size: 13px;
12 font-family: "Open Sans", sans-serif;
13 line-height: 18px;
14 *line-height: 20px;
15 color: #333333;
16 text-align: center;
17 text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
18 vertical-align: middle;
19 cursor: pointer;
20 background-color: #f5f5f5;
21 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
22 background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
23 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
24 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
25 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
26 background-image: linear-gradient(top, #ffffff, #e6e6e6);
27 background-repeat: repeat-x;
28 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
29 border-color: #e6e6e6 #e6e6e6 #bfbfbf;
30 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
31 *background-color: #e6e6e6;
32 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
33 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
34 border: 1px solid #cccccc;
35 *border: 0;
36 border-bottom-color: #b3b3b3;
37 -webkit-border-radius: 4px;
38 -moz-border-radius: 4px;
39 border-radius: 4px;
40 *margin-left: .3em;
41 -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
42 -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
43 box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
44 }
45 .maxgalleria-meta .btn:hover,
46 .maxgalleria-meta .btn:active,
47 .maxgalleria-meta .btn.active,
48 .maxgalleria-meta .btn.disabled,
49 .maxgalleria-meta .btn[disabled] {
50 background-color: #e6e6e6;
51 *background-color: #d9d9d9;
52 }
53 .maxgalleria-meta .btn:active,
54 .maxgalleria-meta .btn.active {
55 background-color: #cccccc \9;
56 }
57 .maxgalleria-meta .btn:first-child {
58 *margin-left: 0;
59 }
60 .maxgalleria-meta .btn:hover {
61 color: #333333;
62 text-decoration: none;
63 background-color: #e6e6e6;
64 *background-color: #d9d9d9;
65 /* Buttons in IE7 don't get borders, so darken on hover */
66 background-position: 0 -15px;
67 -webkit-transition: background-position 0.1s linear;
68 -moz-transition: background-position 0.1s linear;
69 -ms-transition: background-position 0.1s linear;
70 -o-transition: background-position 0.1s linear;
71 transition: background-position 0.1s linear;
72 }
73 .maxgalleria-meta .btn:focus {
74 outline: thin dotted #333;
75 outline: 5px auto -webkit-focus-ring-color;
76 outline-offset: -2px;
77 }
78 .maxgalleria-meta .btn.active,
79 .maxgalleria-meta .btn:active {
80 background-color: #e6e6e6;
81 background-color: #d9d9d9 \9;
82 background-image: none;
83 outline: 0;
84 -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
85 -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
86 box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
87 }
88 .maxgalleria-meta .btn.disabled,
89 .maxgalleria-meta .btn[disabled] {
90 cursor: default;
91 background-color: #e6e6e6;
92 background-image: none;
93 opacity: 0.65;
94 filter: alpha(opacity=65);
95 -webkit-box-shadow: none;
96 -moz-box-shadow: none;
97 box-shadow: none;
98 }
99 .maxgalleria-meta .btn-large {
100 padding: 9px 14px;
101 font-size: 15px;
102 line-height: normal;
103 -webkit-border-radius: 5px;
104 -moz-border-radius: 5px;
105 border-radius: 5px;
106 }
107 .maxgalleria-meta .btn-small {
108 padding: 5px 9px;
109 font-size: 11px;
110 line-height: 16px;
111 }
112 .maxgalleria-meta .btn-mini {
113 padding: 2px 6px;
114 font-size: 11px;
115 line-height: 14px;
116 }
117 .maxgalleria-meta .btn-primary,
118 .maxgalleria-meta .btn-primary:hover,
119 .maxgalleria-meta .btn-warning,
120 .maxgalleria-meta .btn-warning:hover,
121 .maxgalleria-meta .btn-danger,
122 .maxgalleria-meta .btn-danger:hover,
123 .maxgalleria-meta .btn-success,
124 .maxgalleria-meta .btn-success:hover,
125 .maxgalleria-meta .btn-info,
126 .maxgalleria-meta .btn-info:hover,
127 .maxgalleria-meta .btn-inverse,
128 .maxgalleria-meta .btn-inverse:hover {
129 color: #ffffff;
130 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
131 }
132 .maxgalleria-meta .btn-primary.active,
133 .maxgalleria-meta .btn-warning.active,
134 .maxgalleria-meta .btn-danger.active,
135 .maxgalleria-meta .btn-success.active,
136 .maxgalleria-meta .btn-info.active,
137 .maxgalleria-meta .btn-inverse.active {
138 color: rgba(255, 255, 255, 0.75);
139 }
140 .maxgalleria-meta .btn {
141 border-color: #ccc;
142 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
143 }
144 .maxgalleria-meta .btn-primary {
145 background-color: #0074cc;
146 background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
147 background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
148 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
149 background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
150 background-image: -o-linear-gradient(top, #0088cc, #0055cc);
151 background-image: linear-gradient(top, #0088cc, #0055cc);
152 background-repeat: repeat-x;
153 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0055cc', GradientType=0);
154 border-color: #0055cc #0055cc #003580;
155 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
156 *background-color: #0055cc;
157 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
158 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
159 }
160 .maxgalleria-meta .btn-primary.maxgalleria-open-media {
161 font-family: "Open Sans", sans-serif;
162 }
163 .maxgalleria-meta #galleries_select_button {
164 font-family: "Open Sans", sans-serif;
165 }
166 .maxgalleria-meta .btn-primary:hover,
167 .maxgalleria-meta .btn-primary:active,
168 .maxgalleria-meta .btn-primary.active,
169 .maxgalleria-meta .btn-primary.disabled,
170 .maxgalleria-meta .btn-primary[disabled] {
171 background-color: #0055cc;
172 *background-color: #004ab3;
173 }
174 .maxgalleria-meta .btn-primary:active,
175 .maxgalleria-meta .btn-primary.active {
176 background-color: #004099 \9;
177 }
178 .maxgalleria-meta .btn-warning {
179 background-color: #faa732;
180 background-image: -moz-linear-gradient(top, #fbb450, #f89406);
181 background-image: -ms-linear-gradient(top, #fbb450, #f89406);
182 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
183 background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
184 background-image: -o-linear-gradient(top, #fbb450, #f89406);
185 background-image: linear-gradient(top, #fbb450, #f89406);
186 background-repeat: repeat-x;
187 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb450', endColorstr='#f89406', GradientType=0);
188 border-color: #f89406 #f89406 #ad6704;
189 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
190 *background-color: #f89406;
191 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
192 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
193 }
194 .maxgalleria-meta .btn-warning:hover,
195 .maxgalleria-meta .btn-warning:active,
196 .maxgalleria-meta .btn-warning.active,
197 .maxgalleria-meta .btn-warning.disabled,
198 .maxgalleria-meta .btn-warning[disabled] {
199 background-color: #f89406;
200 *background-color: #df8505;
201 }
202 .maxgalleria-meta .btn-warning:active,
203 .maxgalleria-meta .btn-warning.active {
204 background-color: #c67605 \9;
205 }
206 .maxgalleria-meta .btn-danger {
207 background-color: #da4f49;
208 background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
209 background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
210 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
211 background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
212 background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
213 background-image: linear-gradient(top, #ee5f5b, #bd362f);
214 background-repeat: repeat-x;
215 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#bd362f', GradientType=0);
216 border-color: #bd362f #bd362f #802420;
217 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
218 *background-color: #bd362f;
219 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
220 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
221 }
222 .maxgalleria-meta .btn-danger:hover,
223 .maxgalleria-meta .btn-danger:active,
224 .maxgalleria-meta .btn-danger.active,
225 .maxgalleria-meta .btn-danger.disabled,
226 .maxgalleria-meta .btn-danger[disabled] {
227 background-color: #bd362f;
228 *background-color: #a9302a;
229 }
230 .maxgalleria-meta .btn-danger:active,
231 .maxgalleria-meta .btn-danger.active {
232 background-color: #942a25 \9;
233 }
234 .maxgalleria-meta .btn-success {
235 background-color: #5bb75b;
236 background-image: -moz-linear-gradient(top, #62c462, #51a351);
237 background-image: -ms-linear-gradient(top, #62c462, #51a351);
238 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
239 background-image: -webkit-linear-gradient(top, #62c462, #51a351);
240 background-image: -o-linear-gradient(top, #62c462, #51a351);
241 background-image: linear-gradient(top, #62c462, #51a351);
242 background-repeat: repeat-x;
243 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#51a351', GradientType=0);
244 border-color: #51a351 #51a351 #387038;
245 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
246 *background-color: #51a351;
247 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
248 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
249 }
250 .maxgalleria-meta .btn-success:hover,
251 .maxgalleria-meta .btn-success:active,
252 .maxgalleria-meta .btn-success.active,
253 .maxgalleria-meta .btn-success.disabled,
254 .maxgalleria-meta .btn-success[disabled] {
255 background-color: #51a351;
256 *background-color: #499249;
257 }
258 .maxgalleria-meta .btn-success:active,
259 .maxgalleria-meta .btn-success.active {
260 background-color: #408140 \9;
261 }
262 .maxgalleria-meta .btn-info {
263 background-color: #49afcd;
264 background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
265 background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
266 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
267 background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
268 background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
269 background-image: linear-gradient(top, #5bc0de, #2f96b4);
270 background-repeat: repeat-x;
271 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
272 border-color: #2f96b4 #2f96b4 #1f6377;
273 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
274 *background-color: #2f96b4;
275 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
276 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
277 }
278 .maxgalleria-meta .btn-info:hover,
279 .maxgalleria-meta .btn-info:active,
280 .maxgalleria-meta .btn-info.active,
281 .maxgalleria-meta .btn-info.disabled,
282 .maxgalleria-meta .btn-info[disabled] {
283 background-color: #2f96b4;
284 *background-color: #2a85a0;
285 }
286 .maxgalleria-meta .btn-info:active,
287 .maxgalleria-meta .btn-info.active {
288 background-color: #24748c \9;
289 }
290 .maxgalleria-meta .btn-inverse {
291 background-color: #414141;
292 background-image: -moz-linear-gradient(top, #555555, #222222);
293 background-image: -ms-linear-gradient(top, #555555, #222222);
294 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
295 background-image: -webkit-linear-gradient(top, #555555, #222222);
296 background-image: -o-linear-gradient(top, #555555, #222222);
297 background-image: linear-gradient(top, #555555, #222222);
298 background-repeat: repeat-x;
299 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
300 border-color: #222222 #222222 #000000;
301 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
302 *background-color: #222222;
303 /* Darken IE7 buttons by default so they stand out more given they won't have borders */
304 filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
305 }
306 .maxgalleria-meta .btn-inverse:hover,
307 .maxgalleria-meta .btn-inverse:active,
308 .maxgalleria-meta .btn-inverse.active,
309 .maxgalleria-meta .btn-inverse.disabled,
310 .maxgalleria-meta .btn-inverse[disabled] {
311 background-color: #222222;
312 *background-color: #151515;
313 }
314 .maxgalleria-meta .btn-inverse:active,
315 .maxgalleria-meta .btn-inverse.active {
316 background-color: #080808 \9;
317 }
318 .maxgalleria-meta button.btn,
319 .maxgalleria-meta input[type="submit"].btn {
320 *padding-top: 2px;
321 *padding-bottom: 2px;
322 }
323 .maxgalleria-meta button.btn::-moz-focus-inner,
324 .maxgalleria-meta input[type="submit"].btn::-moz-focus-inner {
325 padding: 0;
326 border: 0;
327 }
328 .maxgalleria-meta button.btn.btn-large,
329 .maxgalleria-meta input[type="submit"].btn.btn-large {
330 *padding-top: 7px;
331 *padding-bottom: 7px;
332 }
333 .maxgalleria-meta button.btn.btn-small,
334 .maxgalleria-meta input[type="submit"].btn.btn-small {
335 *padding-top: 3px;
336 *padding-bottom: 3px;
337 }
338 .maxgalleria-meta button.btn.btn-mini,
339 .maxgalleria-meta input[type="submit"].btn.btn-mini {
340 *padding-top: 1px;
341 *padding-bottom: 1px;
342 }
343 .maxgalleria-meta .label,
344 .maxgalleria-meta .badge {
345 font-size: 12px;
346 font-weight: bold;
347 line-height: 14px;
348 color: #ffffff;
349 vertical-align: baseline;
350 white-space: nowrap;
351 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
352 background-color: #999999;
353 }
354 .maxgalleria-meta .label {
355 padding: 1px 4px 2px;
356 -webkit-border-radius: 3px;
357 -moz-border-radius: 3px;
358 border-radius: 3px;
359 }
360 .maxgalleria-meta .badge {
361 padding: 1px 9px 2px;
362 -webkit-border-radius: 9px;
363 -moz-border-radius: 9px;
364 border-radius: 9px;
365 }
366 .maxgalleria-meta a.label:hover,
367 .maxgalleria-meta a.badge:hover {
368 color: #ffffff;
369 text-decoration: none;
370 cursor: pointer;
371 }
372 .maxgalleria-meta .label-important,
373 .maxgalleria-meta .badge-important {
374 background-color: #b94a48;
375 }
376 .maxgalleria-meta .label-important[href],
377 .maxgalleria-meta .badge-important[href] {
378 background-color: #953b39;
379 }
380 .maxgalleria-meta .label-warning,
381 .maxgalleria-meta .badge-warning {
382 background-color: #f89406;
383 }
384 .maxgalleria-meta .label-warning[href],
385 .maxgalleria-meta .badge-warning[href] {
386 background-color: #c67605;
387 }
388 .maxgalleria-meta .label-success,
389 .maxgalleria-meta .badge-success {
390 background-color: #468847;
391 }
392 .maxgalleria-meta .label-success[href],
393 .maxgalleria-meta .badge-success[href] {
394 background-color: #356635;
395 }
396 .maxgalleria-meta .label-info,
397 .maxgalleria-meta .badge-info {
398 background-color: #3a87ad;
399 }
400 .maxgalleria-meta .label-info[href],
401 .maxgalleria-meta .badge-info[href] {
402 background-color: #2d6987;
403 }
404 .maxgalleria-meta .label-inverse,
405 .maxgalleria-meta .badge-inverse {
406 background-color: #333333;
407 }
408 .maxgalleria-meta .label-inverse[href],
409 .maxgalleria-meta .badge-inverse[href] {
410 background-color: #1a1a1a;
411 }
412 .maxgalleria-meta .alert {
413 padding: 8px 35px 8px 14px;
414 margin-bottom: 18px;
415 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
416 background-color: #fcf8e3;
417 border: 1px solid #fbeed5;
418 -webkit-border-radius: 3px;
419 -moz-border-radius: 3px;
420 border-radius: 3px;
421 color: #c09853;
422 }
423 .maxgalleria-meta .alert-success {
424 background-color: #dff0d8;
425 border-color: #d6e9c6;
426 color: #468847;
427 }
428 .maxgalleria-meta .alert-error {
429 background-color: #f2dede;
430 border-color: #eed3d7;
431 color: #b94a48;
432 }
433 .maxgalleria-meta .alert-info {
434 background-color: #d9edf7;
435 border-color: #bce8f1;
436 color: #3a87ad;
437 }
438 .maxgalleria-meta .alert h4 {
439 padding: 0px;
440 margin: 0px;
441 }
442
443 /*-----------------------------------------------
444 Meta Styles
445 -----------------------------------------------*/
446 .maxgalleria-meta {
447 padding: 5px 5px 3px 5px;
448 font-size: 13px;
449 }
450 .maxgalleria-meta h4 {
451 font-family: "Open Sans", sans-serif;
452 font-weight: bold;
453 font-size: 14px;
454 }
455 .maxgalleria-meta select {
456 font-family: "Open Sans", sans-serif;
457 font-size: 13px;
458 }
459 .maxgalleria-meta #bulk-action-select,
460 .maxgalleria-meta #bulk-action-apply {
461 font-family: "Open Sans", sans-serif;
462 }
463 .maxgalleria-meta .clear {
464 clear: both;
465 }
466 .maxgalleria-meta .gallery-type {
467 text-align: center;
468 }
469 .maxgalleria-meta .gallery-type p {
470 font-size: 16px;
471 font-weight: bold;
472 }
473 .maxgalleria-meta .gallery-type label {
474 font-size: 16px;
475 font-weight: bold;
476 text-align: center;
477 }
478 .maxgalleria-meta .gallery-type td {
479 width: 140px;
480 text-align: center;
481 }
482 .maxgalleria-meta .gallery-type img {
483 margin-bottom: 2px;
484 padding: 3px;
485 border: solid 2px #ffffff;
486 border-radius: 3px;
487 -moz-border-radius: 3px;
488 -webkit-border-radius: 3px;
489 }
490 .maxgalleria-meta .gallery-type img:hover {
491 cursor: pointer;
492 box-shadow: 0px 0px 3px #111111;
493 -moz-box-shadow: 0px 0px 3px #111111;
494 -webkit-box-shadow: 0px 0px 3px #111111;
495 }
496 .maxgalleria-meta .gallery-type img.selected {
497 border: solid 2px #d1d1d1;
498 border-radius: 4px;
499 -moz-border-radius: 4px;
500 -webkit-border-radius: 4px;
501 }
502 .maxgalleria-meta .gallery-templates .template {
503 display: inline-block;
504 vertical-align: top;
505 margin-right: 10px;
506 margin-bottom: 10px;
507 }
508 .maxgalleria-meta .gallery-templates .template img {
509 padding: 3px;
510 border: solid 2px #f9f9f9;
511 }
512 .maxgalleria-meta .gallery-templates .template img:hover {
513 border: dashed 2px #b1b1b1;
514 cursor: pointer;
515 }
516 .maxgalleria-meta .gallery-templates .template img.selected {
517 border: solid 2px #808080;
518 }
519 .maxgalleria-meta p.no-templates {
520 font-style: italic;
521 color: #808080;
522 }
523 .maxgalleria-meta .add-media {
524 float: left;
525 margin-right: 50px;
526 }
527 .maxgalleria-meta .bulk-actions {
528 float: left;
529 margin-right: 50px;
530 margin-top: 3px;
531 }
532 .maxgalleria-meta .adding-media-library-images-note,
533 .maxgalleria-meta .adding-videos-note {
534 display: none;
535 margin-top: 15px;
536 padding-left: 5px;
537 }
538 .maxgalleria-meta .adding-media-library-images-note .gif img,
539 .maxgalleria-meta .adding-videos-note .gif img {
540 border: none;
541 background-color: transparent;
542 }
543 .maxgalleria-meta .adding-media-library-images-note .gif,
544 .maxgalleria-meta .adding-media-library-images-note .text,
545 .maxgalleria-meta .adding-videos-note .gif,
546 .maxgalleria-meta .adding-videos-note .text {
547 float: left;
548 }
549 .maxgalleria-meta .adding-media-library-images-note .gif,
550 .maxgalleria-meta .adding-videos-note .gif {
551 padding-top: 3px;
552 }
553 .maxgalleria-meta .adding-media-library-images-note .text,
554 .maxgalleria-meta .adding-videos-note .text {
555 padding-top: 5px;
556 margin-left: 5px;
557 }
558 #image-gallery-layout.postbox .inside,
559 #image-gallery-thumbnails.postbox .inside,
560 #image-gallery-lightbox.postbox .inside,
561 #image-gallery-advanced.postbox .inside {
562 margin: 0px;
563 padding: 0px 2px 5px 2px;
564 }
565 .maxgalleria-meta .ui-widget, h3.media-title {
566 font-family: "Open Sans", sans-serif;
567 }
568 .maxgalleria-meta .media img,
569 .maxgalleria-meta .media img.attachment-maxgallery-meta-image-thumb-small,
570 .maxgalleria-meta .media img.attachment-maxgallery-meta-video-thumb-small {
571 padding: 3px;
572 border: solid 1px #b1b1b1;
573 background-color: #ffffff;
574 }
575 .maxgalleria-meta .media table {
576 width: 100% !important;
577 border: solid 1px #e1e1e1;
578 margin-top: 20px;
579 border-radius: 3px;
580 -moz-border-radius: 3px;
581 -webkit-border-radius: 3px;
582 }
583 .maxgalleria-meta .media table tr:nth-child(odd) td {
584 background-color: #f9f9f9;
585 }
586 .maxgalleria-meta .media table tr:nth-child(even) td {
587 background-color: #ffffff;
588 }
589 .maxgalleria-meta .media table tr:last-child td {
590 border: none;
591 }
592 .maxgalleria-meta .media table th {
593 padding: 7px;
594 border-bottom: solid 1px #e1e1e1;
595 background-color: #f1f1f1;
596 font-weight: bold;
597 text-align: left;
598 text-shadow: 0px 1px 0px #ffffff;
599 }
600 .maxgalleria-meta .media table td {
601 padding: 10px;
602 border-bottom: solid 1px #e1e1e1;
603 }
604 .maxgalleria-meta .media table td.checkbox,
605 .maxgalleria-meta .media table th.checkbox {
606 width: 30px;
607 text-align: center;
608 vertical-align: top;
609 }
610 .maxgalleria-meta .media table td.thumb {
611 vertical-align: top;
612 text-align: center;
613 }
614 .maxgalleria-meta .media table td.thumb.image {
615 width: 140px;
616 }
617 .maxgalleria-meta .media table td.thumb.video {
618 width: 170px;
619 }
620 .maxgalleria-meta .media table td.thumb.image .exclude,
621 .maxgalleria-meta .media table td.thumb.video .exclude {
622 opacity: 0.5;
623 }
624 .maxgalleria-meta .media table td.text {
625 vertical-align: top;
626 }
627 .maxgalleria-meta .media table td.order,
628 .maxgalleria-meta .media table th.order {
629 text-align: center;
630 }
631 .maxgalleria-meta .media table td.reorder,
632 .maxgalleria-meta .media table th.reorder {
633 text-right: center;
634 padding-right: 10px;
635 width: 2%;
636 }
637 .maxgalleria-meta .media .details {
638 width: 100%;
639 }
640 .maxgalleria-meta .media .details .detail-label {
641 float: left;
642 width: 70px;
643 font-weight: bold;
644 vertical-align: top;
645 padding: 0px 10px 10px 5px;
646 }
647 .maxgalleria-meta .media .details .detail-value {
648 float: left;
649 vertical-align: top;
650 padding: 0px 10px 10px 5px;
651 }
652 .maxgalleria-meta .media .reorder-media {
653 text-align: right;
654 padding-right: 10px;
655 margin-left: 10px;
656 height: 24px;
657 width: 24px;
658 background: url("images/up-down-24.png") no-repeat;
659 }
660 .maxgalleria-meta .media .reorder-media:hover {
661 cursor: move;
662 }
663 .maxgalleria-meta .media .actions {
664 visibility: hidden;
665 text-align: center;
666 }
667 .maxgalleria-meta .media .actions a {
668 text-decoration: none;
669 }
670 .maxgalleria-meta .dataTables_length,
671 .maxgalleria-meta .dataTables_filter,
672 .maxgalleria-meta .dataTables_info,
673 .maxgalleria-meta .dataTables_paginate {
674 display: none;
675 }
676 .maxgalleria-meta.tinymce {
677 width: 99%;
678 }
679 .maxgalleria-meta.tinymce p,
680 .maxgalleria-meta.tinymce input,
681 .maxgalleria-meta.tinymce select {
682 font-family: inherit;
683 font-size: 13px;
684 }
685 .maxgalleria-meta.tinymce p {
686 padding: 0px;
687 margin: 0px;
688 }
689 .maxgalleria-meta.tinymce select {
690 padding: 3px;
691 margin-top: 20px;
692 margin-bottom: 20px;
693 }
694 .maxgalleria-meta.tinymce .actions .insert {
695 display: inline-block;
696 margin-right: 20px;
697 }
698 .maxgalleria-meta.tinymce .actions .cancel {
699 display: inline-block;
700 }
701 .maxgalleria-meta.add-galleries,
702 .maxgalleria-meta.gallery-edit,
703 .maxgalleria-meta.gallery-edit-bulk,
704 .maxgalleria-meta.image-edit,
705 .maxgalleria-meta.image-edit-bulk,
706 .maxgalleria-meta.video-edit,
707 .maxgalleria-meta.video-edit-bulk,
708 .maxgalleria-meta.video-add {
709 font-family: "Open Sans", sans-serif;
710 font-size: 13px;
711 }
712 .maxgalleria-meta.video-add {
713 padding: 0px 10px 10px 10px;
714 }
715 .maxgalleria-meta.video-add ul.addons {
716 margin-bottom: 40px;
717 }
718 .maxgalleria-meta.add-galleries,
719 .maxgalleria-meta.gallery-edit table,
720 .maxgalleria-meta.gallery-edit-bulk table,
721 .maxgalleria-meta.image-edit table,
722 .maxgalleria-meta.image-edit-bulk table,
723 .maxgalleria-meta.video-edit table,
724 .maxgalleria-meta.video-edit-bulk table {
725 width: 100%;
726 }
727 .maxgalleria-meta.gallery-edit table td,
728 .maxgalleria-meta.image-edit table td,
729 .maxgalleria-meta.video-edit table td {
730 width: 50%;
731 }
732 .maxgalleria-meta.gallery-edit input[type='text'],
733 .maxgalleria-meta.gallery-edit textarea,
734 .maxgalleria-meta.image-edit input[type='text'],
735 .maxgalleria-meta.image-edit textarea,
736 .maxgalleria-meta.video-edit input[type='text'],
737 .maxgalleria-meta.video-edit textarea {
738 width: 99%;
739 font-family: "Open Sans", sans-serif;
740 font-size: 13px;
741 padding: 3px;
742 border: solid 1px #e1e1e1;
743 border-radius: 3px;
744 -moz-border-radius: 3px;
745 -webkit-border-radius: 3px;
746 }
747 .maxgalleria-meta.gallery-edit-bulk input[type='text'],
748 .maxgalleria-meta.image-edit-bulk input[type='text'],
749 .maxgalleria-meta.video-edit-bulk input[type='text'] {
750 font-family: "Open Sans", sans-serif;
751 font-size: 13px;
752 padding: 3px;
753 border: solid 1px #e1e1e1;
754 border-radius: 3px;
755 -moz-border-radius: 3px;
756 -webkit-border-radius: 3px;
757 }
758 .maxgalleria-meta.gallery-edit-bulk input[type='text'],
759 .maxgalleria-meta.image-edit-bulk input[type='text'] {
760 width: 400px;
761 }
762 .maxgalleria-meta.video-edit-bulk input[type='text'] {
763 width: 370px;
764 }
765 .maxgalleria-meta.video-add input[type='text'],
766 .maxgalleria-meta.video-add textarea {
767 width: 99%;
768 font-family: inherit;
769 font-size: 14px;
770 padding: 3px;
771 border: solid 1px #e1e1e1;
772 border-radius: 3px;
773 -moz-border-radius: 3px;
774 -webkit-border-radius: 3px;
775 line-height: 1.5em;
776 }
777 .maxgalleria-meta.gallery-edit textarea,
778 .maxgalleria-meta.image-edit textarea,
779 .maxgalleria-meta.video-edit textarea {
780 height: 100px;
781 }
782 .maxgalleria-meta.video-add textarea {
783 height: 200px;
784 }
785 .maxgalleria-meta.gallery-edit .fields .field,
786 .maxgalleria-meta.image-edit .fields .field,
787 .maxgalleria-meta.video-edit .fields .field,
788 .maxgalleria-meta.video-add .fields .field {
789 margin-bottom: 15px;
790 }
791 .maxgalleria-meta.gallery-edit .fields .field .field-label,
792 .maxgalleria-meta.image-edit .fields .field .field-label,
793 .maxgalleria-meta.video-edit .fields .field .field-label,
794 .maxgalleria-meta.video-add .fields .field .field-label {
795 font-weight: bold;
796 font-family: "Open Sans", sans-serif;
797 }
798 .maxgalleria-meta.gallery-edit-bulk .fields .field .field-label,
799 .maxgalleria-meta.image-edit-bulk .fields .field .field-label,
800 .maxgalleria-meta.video-edit-bulk .fields .field .field-label {
801 float: left;
802 font-family: "Open Sans", sans-serif;
803 font-weight: bold;
804 width: 75px;
805 margin-top: 5px;
806 }
807 .maxgalleria-meta.gallery-edit-bulk .fields .field .field-value,
808 .maxgalleria-meta.image-edit-bulk .fields .field .field-value,
809 .maxgalleria-meta.video-edit-bulk .fields .field .field-value{
810 float: left;
811 }
812 .maxgalleria-meta.gallery-edit-bulk .fields .field .field-value.last,
813 .maxgalleria-meta.image-edit-bulk .fields .field .field-value.last,
814 .maxgalleria-meta.video-edit-bulk .fields .field .field-value.last {
815 margin-bottom: 20px;
816 }
817 .maxgalleria-meta.gallery-edit .fields .field .field-label span,
818 .maxgalleria-meta.image-edit .fields .field .field-label span,
819 .maxgalleria-meta.video-edit .fields .field .field-label span,
820 .maxgalleria-meta.video-add .fields .field .field-label span {
821 color: #808080;
822 font-style: italic;
823 font-weight: normal;
824 padding-left: 20px;
825 }
826 .maxgalleria-meta.gallery-edit .fields .field .field-value,
827 .maxgalleria-meta.image-edit .fields .field .field-value,
828 .maxgalleria-meta.video-edit .fields .field .field-value,
829 .maxgalleria-meta.video-add .fields .field .field-value {
830 margin-top: 2px;
831 }
832 .maxgalleria-meta.gallery-edit .thumb,
833 .maxgalleria-meta.image-edit .thumb,
834 .maxgalleria-meta.video-edit .thumb {
835 text-align: center;
836 }
837 .maxgalleria-meta.gallery-edit-bulk .thumb,
838 .maxgalleria-meta.image-edit-bulk .thumb,
839 .maxgalleria-meta.video-edit-bulk .thumb {
840 padding-top: 3px;
841 padding-left: 10px;
842 padding-right: 10px;
843 }
844 .maxgalleria-meta.video-edit-bulk .thumb {
845 padding-bottom: 20px;
846 }
847 .maxgalleria-meta.gallery-edit-bulk .thumb img,
848 .maxgalleria-meta.image-edit-bulk .thumb img.attachment-maxgallery-meta-image-thumb-small,
849 .maxgalleria-meta.video-edit-bulk .thumb img.attachment-maxgallery-meta-video-thumb-small {
850 padding: 3px;
851 border: solid 1px #b1b1b1;
852 background-color: #ffffff;
853 }
854 .maxgalleria-meta.gallery-edit .thumb img,
855 .maxgalleria-meta.image-edit .thumb img.attachment-maxgallery-meta-image-thumb-large,
856 .maxgalleria-meta.video-edit .thumb img.attachment-maxgallery-meta-video-thumb-large {
857 padding: 3px;
858 border: solid 1px #b1b1b1;
859 background-color: #ffffff;
860 }
861 .maxgalleria-meta.gallery-edit .thumb p,
862 .maxgalleria-meta.image-edit .thumb p,
863 .maxgalleria-meta.video-edit .thumb p {
864 text-align: center;
865 padding-top: 10px;
866 }
867 .maxgalleria-meta.gallery-edit .thumb a,
868 .maxgalleria-meta.image-edit .thumb a,
869 .maxgalleria-meta.video-edit .thumb a {
870 text-decoration: none;
871 }
872 .maxgalleria-meta.video-add .note {
873 padding-left: 30px;
874 }
875 .maxgalleria-meta.video-add .note p {
876 padding-bottom: 10px;
877 }
878 .maxgalleria-meta.add-galleries .actions .save,
879 .maxgalleria-meta.gallery-edit .actions .save,
880 .maxgalleria-meta.gallery-edit-bulk .actions .save,
881 .maxgalleria-meta.image-edit .actions .save,
882 .maxgalleria-meta.image-edit-bulk .actions .save,
883 .maxgalleria-meta.video-edit .actions .save,
884 .maxgalleria-meta.video-edit-bulk .actions .save,
885 .maxgalleria-meta.video-add .actions .save {
886 display: inline-block;
887 margin-right: 10px;
888 }
889 .maxgalleria-meta.add-galleries .actions .save,
890 .maxgalleria-meta.gallery-edit-bulk .actions .save,
891 .maxgalleria-meta.image-edit-bulk .actions .save,
892 .maxgalleria-meta.video-edit-bulk .actions .save {
893 margin-top: 10px;
894 }
895 .maxgalleria-meta.add-galleries .actions .cancel,
896 .maxgalleria-meta.gallery-edit .actions .cancel,
897 .maxgalleria-meta.gallery-edit-bulk .actions .cancel,
898 .maxgalleria-meta.image-edit .actions .cancel,
899 .maxgalleria-meta.image-edit-bulk .actions .cancel,
900 .maxgalleria-meta.video-edit .actions .cancel,
901 .maxgalleria-meta.video-edit-bulk .actions .cancel,
902 .maxgalleria-meta.video-add .actions .cancel {
903 display: inline-block;
904 }
905 .maxgalleria-meta.video-add .actions .loading {
906 display: inline-block;
907 margin-left: 20px;
908 margin-bottom: -10px;
909 }
910 .maxgalleria-meta.video-add .actions .loading .gif {
911 float: left;
912 padding-top: 6px;
913 }
914 .maxgalleria-meta.video-add .actions .loading .text {
915 float: left;
916 margin-left: 5px;
917 padding-top: 5px;
918 font-style: italic;
919 }
920 .maxgalleria-meta.add-galleries table tr:nth-child(odd) td,
921 .maxgalleria-meta.gallery-edit-bulk table tr:nth-child(odd) td,
922 .maxgalleria-meta.image-edit-bulk table tr:nth-child(odd) td,
923 .maxgalleria-meta.video-edit-bulk table tr:nth-child(odd) td {
924 background-color: #f9f9f9;
925 border-top: solid 1px #e1e1e1;
926 }
927 .maxgalleria-meta.add-galleries table tr:nth-child(even) td,
928 .maxgalleria-meta.gallery-edit-bulk table tr:nth-child(even) td,
929 .maxgalleria-meta.image-edit-bulk table tr:nth-child(even) td,
930 .maxgalleria-meta.video-edit-bulk table tr:nth-child(even) td {
931 background-color: #ffffff;
932 border-top: solid 1px #e1e1e1;
933 }
934 .maxgalleria-meta.add-galleries table tr:last-child td,
935 .maxgalleria-meta.gallery-edit-bulk table tr:last-child td,
936 .maxgalleria-meta.image-edit-bulk table tr:last-child td,
937 .maxgalleria-meta.video-edit-bulk table tr:last-child td {
938 border-bottom: solid 1px #e1e1e1;
939 }
940 .maxgalleria-meta.add-galleries table td,
941 .maxgalleria-meta.gallery-edit-bulk table td,
942 .maxgalleria-meta.image-edit-bulk table td {
943 padding-top: 10px;
944 }
945 .maxgalleria-meta.upload-label {
946 float: right;
947 padding: 0px;
948 }
949 .maxgalleria-meta.add-galleries .gallery-thumbs .gallery-thumb {
950 float: left;
951 margin: 10px 15px 35px 5px;
952 width: 160px;
953 height: 150px;
954 text-align: center;
955 }
956 .maxgalleria-meta.add-galleries .gallery-thumbs .gallery-thumb img {
957 border: solid 4px #f1f1f1;
958 padding: 1px;
959 }
960 .maxgalleria-meta.add-galleries .gallery-thumbs .gallery-thumb img:hover {
961 cursor: pointer;
962 }
963 .maxgalleria-meta.add-galleries .gallery-thumbs .gallery-thumb img.selected {
964 border: solid 4px #21759b;
965 padding: 1px;
966 }
967 .maxgalleria-meta.add-galleries .actions .note {
968 display: none;
969 margin-top: 5px;
970 }
971 .maxgalleria-meta.add-galleries .actions .note .gif {
972 float: left;
973 padding-top: 6px;
974 }
975 .maxgalleria-meta.add-galleries .actions .note .text {
976 float: left;
977 margin-left: 5px;
978 padding-top: 5px;
979 font-style: italic;
980 }
981
982 /* These styles are for the List/Rows/Grid view options */
983 .maxgalleria-meta .list .text,
984 .maxgalleria-meta .list thead,
985 .maxgalleria-meta .list .checkbox,
986 .maxgalleria-meta .list .title {
987 display: visible !important;
988 }
989 .maxgalleria-meta .grid .text,
990 .maxgalleria-meta .grid thead,
991 .maxgalleria-meta .grid .checkbox,
992 .maxgalleria-meta .grid .reorder-media,
993 .maxgalleria-meta .rows .detail-label,
994 .maxgalleria-meta .rows.images .detail-value:not(.title-value),
995 .maxgalleria-meta .rows.videos .detail-value:not(.title-value) {
996 display: none !important;
997 }
998 .maxgalleria-meta .rows.images .title-value {
999 padding-top: 13px !important;
1000 padding-left: 0px !important;
1001 }
1002 .maxgalleria-meta .rows.videos .title-value {
1003 padding-top: 10px !important;
1004 padding-left: 0px !important;
1005 }
1006 .maxgalleria-meta .rows img {
1007 padding: 0 !important;
1008 border: 0 !important;
1009 height: auto !important;
1010 float: left !important;
1011 }
1012 .maxgalleria-meta .rows.images img {
1013 width: 20% !important;
1014 max-width: 20% !important;
1015 }
1016 .maxgalleria-meta .rows.videos img {
1017 width: 25% !important;
1018 max-width: 25% !important;
1019 }
1020 .maxgalleria-meta .grid tbody {
1021 border: 0 !important;
1022 }
1023 .maxgalleria-meta .grid table {
1024 border: 0 !important;
1025 }
1026 .maxgalleria-meta .grid tr {
1027 display: block !important;
1028 padding: 0 !important;
1029 float: left !important;
1030 border: 0 !important;
1031 background: none !important;
1032 margin: 0 10px 10px 0 !important;
1033 }
1034 .maxgalleria-meta .rows.images .actions {
1035 margin-left: 10px !important;
1036 margin-top: 13px !important;
1037 width: 200px !important;
1038 }
1039 .maxgalleria-meta .rows.videos .actions {
1040 margin-left: 10px !important;
1041 margin-top: 10px !important;
1042 width: 200px !important;
1043 }
1044 .maxgalleria-meta .rows tr td.thumb.image {
1045 width: 200px !important;
1046 }
1047 .maxgalleria-meta .grid tr td.thumb.image {
1048 width: 140px !important;
1049 }
1050 .maxgalleria-meta .rows tr td.thumb.video {
1051 width: 200px !important;
1052 }
1053 .maxgalleria-meta .grid tr td.thumb.video {
1054 width: 160px !important;
1055 }
1056 .maxgalleria-meta .grid tr td {
1057 background: none !important;
1058 border-bottom: 0 !important;
1059 }
1060 .maxgalleria-meta .grid td.thumb {
1061 padding: 0 !important;
1062 }
1063 .maxgalleria-meta .grid td.reorder {
1064 border: 0 !important;
1065 padding: 0 !important;
1066 }
1067 .maxgalleria-meta .list tr:hover,
1068 .maxgalleria-meta .list tr img,
1069 .maxgalleria-meta .rows tr:hover,
1070 .maxgalleria-meta .rows tr img,
1071 .maxgalleria-meta .grid tr:hover,
1072 .maxgalleria-meta .grid tr img {
1073 cursor: move !important;
1074 }
1075 .maxgalleria-meta ul.views {
1076 display: block;
1077 float: right;
1078 padding: 0;
1079 margin: 0;
1080 border-radius: 4px;
1081 overflow: hidden;
1082 }
1083 .maxgalleria-meta ul.views li {
1084 display: block;
1085 float: left;
1086 margin: 0;
1087 }
1088 .maxgalleria-meta ul.views li a {
1089 display: block;
1090 width: 100%;
1091 height: 100%;
1092 margin: 0;
1093 padding: 6px 14px;
1094 cursor: pointer;
1095 color: #888888;
1096 border: 1px solid #aaaaaa;
1097 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b5b5b5), color-stop(1, #d6d6d6));
1098 background-image: -o-linear-gradient(bottom, #b5b5b5 0%, #d6d6d6 100%);
1099 background-image: -moz-linear-gradient(bottom, #b5b5b5 0%, #d6d6d6 100%);
1100 background-image: -webkit-linear-gradient(bottom, #b5b5b5 0%, #d6d6d6 100%);
1101 background-image: -ms-linear-gradient(bottom, #b5b5b5 0%, #d6d6d6 100%);
1102 background-image: linear-gradient(to bottom, #b5b5b5 0%, #d6d6d6 100%);
1103 }
1104 .maxgalleria-meta ul.views li a.active {
1105 color: #ffffff;
1106 border: 1px solid #0088cc;
1107 background: #ffffff;
1108 /*background-color: #0074cc;*/
1109 background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
1110 background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
1111 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0055cc));
1112 background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
1113 background-image: -o-linear-gradient(top, #0088cc, #0055cc);
1114 background-image: linear-gradient(top, #0088cc, #0055cc);
1115 background-repeat: repeat-x;
1116 }
1117 .maxgalleria-meta #maxgalleria-tabs {
1118 border: none;
1119 }
1120 .maxgalleria-meta .meta-options textarea {
1121 font-family: "Open Sans", sans-serif;
1122 width: 600px;
1123 height: 200px;
1124 }
1125 .maxgalleria-meta .meta-options input[type='text'],
1126 .maxgalleria-meta .meta-options select {
1127 font-family: "Open Sans", sans-serif;
1128 width: 150px;
1129 }
1130 .maxgalleria-meta .meta-options input[type='text'].small {
1131 width: 50px;
1132 }
1133 .maxgalleria-meta .meta-options input[type='text'].wide {
1134 width: 450px;
1135 }
1136 .maxgalleria-meta .meta-options input[type='checkbox'] {
1137 margin: 8px 10px 5px 2px !important;
1138 }
1139 .maxgalleria-meta .meta-options .meta-template {
1140 text-align: center;
1141 display: inline-block;
1142 vertical-align: top;
1143 margin: 5px 10px 10px 0px;
1144 }
1145 .maxgalleria-meta .meta-options .meta-template img {
1146 padding: 2px;
1147 border: solid 4px #ffffff;
1148 }
1149 .maxgalleria-meta .meta-options .meta-template img:hover {
1150 cursor: pointer;
1151 }
1152 .maxgalleria-meta .meta-options .meta-template img.selected {
1153 border: solid 4px #21759b;
1154 }
1155 .maxgalleria-meta .meta-options .meta-template input[type='radio'] {
1156 display: none;
1157 }
1158
1159 /* Toggle button styles borrowed from http://acidjs.wemakesites.net/css3-iphone-buttons.html */
1160 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div::after {
1161 content: "No";
1162 }
1163 .maxgalleria-meta .toggle-buttons input[type="checkbox"]:checked + div::after {
1164 content: "Yes";
1165 }
1166 .maxgalleria-meta .toggle-buttons {
1167 user-select: none;
1168 -moz-user-select: none;
1169 -webkit-user-select: none;
1170 margin: 0;
1171 }
1172 .maxgalleria-meta .toggle-buttons label,
1173 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div,
1174 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div::before,
1175 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div::after {
1176 display: inline-block;
1177 padding-top: 3px;
1178 }
1179 .maxgalleria-meta .toggle-buttons label,
1180 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div {
1181 vertical-align: middle;
1182 }
1183 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div,
1184 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div::before,
1185 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div::after {
1186 border-radius: 3px;
1187 -moz-border-radius: 3px;
1188 -webkit-border-radius: 3px;
1189 }
1190 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div::before,
1191 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div::after,
1192 .maxgalleria-meta .toggle-buttons input[type="checkbox"]:checked + div::before,
1193 .maxgalleria-meta .toggle-buttons input[type="checkbox"]:checked + div::after {
1194 top: 0;
1195 }
1196 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div::after,
1197 .maxgalleria-meta .toggle-buttons input[type="checkbox"]:checked + div::before {
1198 right: 0;
1199 }
1200 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div::before,
1201 .maxgalleria-meta .toggle-buttons input[type="checkbox"]:checked + div::after {
1202 left: 0;
1203 }
1204 .maxgalleria-meta .toggle-buttons input[type="checkbox"],
1205 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div::before,
1206 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div::after {
1207 position: absolute;
1208 }
1209 .maxgalleria-meta .toggle-buttons label {
1210 margin: 0;
1211 cursor: pointer;
1212 }
1213 .maxgalleria-meta .toggle-buttons input[type="checkbox"] {
1214 filter: alpha(opacity=0);
1215 opacity: 0;
1216 -moz-opacity: 0;
1217 -webkit-opacity: 0;
1218 }
1219 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div {
1220 width: 80px;
1221 height: 20px;
1222 font-weight: normal;
1223 color: #8c8c8c;
1224 /*text-transform: uppercase;*/
1225 border: solid 1px #bcbbbb;
1226 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c8c8c8", endColorstr="#f3f3f3");
1227 background: -moz-linear-gradient(top, #c8c8c8, #f3f3f3);
1228 background: -webkit-linear-gradient(top, #c8c8c8, #f3f3f3);
1229 background: -o-linear-gradient(top, #c8c8c8, #f3f3f3);
1230 background: -ms-linear-gradient(top, #c8c8c8, #f3f3f3);
1231 background: linear-gradient(top, #c8c8c8, #f3f3f3);
1232 position: relative;
1233 text-indent: -9999px;
1234 }
1235 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div::before {
1236 content: "";
1237 width: 35%;
1238 height: 19px;
1239 border-top: solid 1px #ffffff;
1240 border-right: solid 1px #bebebe;
1241 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcfcf", endColorstr="#f9f9f9");
1242 background: -moz-linear-gradient(top, #cfcfcf, #f9f9f9);
1243 background: -webkit-linear-gradient(top, #cfcfcf, #f9f9f9);
1244 background: -o-linear-gradient(top, #cfcfcf, #f9f9f9);
1245 background: -ms-linear-gradient(top, #cfcfcf, #f9f9f9);
1246 background: linear-gradient(top, #cfcfcf, #f9f9f9);
1247 box-shadow: 1px 0 1px #bebebe;
1248 -moz-box-shadow: 1px 0 1px #bebebe;
1249 -webkit-box-shadow: 1px 0 1px #bebebe;
1250 }
1251 .maxgalleria-meta .toggle-buttons input[type="checkbox"] + div::after {
1252 text-indent: 0;
1253 width: 67%;
1254 height: 22px;
1255 text-align: center;
1256 }
1257 .maxgalleria-meta .toggle-buttons input[type="checkbox"]:checked + div {
1258 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#05c", endColorstr="#08c");
1259 background: -moz-linear-gradient(top, #05c, #08c);
1260 background: -webkit-linear-gradient(top, #05c, #08c);
1261 background: -o-linear-gradient(top, #05c, #08c);
1262 background: -ms-linear-gradient(top, #05c, #08c);
1263 background: linear-gradient(top, #05c, #08c);
1264 color: #ffffff;
1265 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1266 }
1267 .maxgalleria-meta .toggle-buttons input[type="checkbox"]:checked + div::before {
1268 left: auto;
1269 box-shadow: -2px 0 1px #3a5e91;
1270 -moz-box-shadow: -2px 0 1px #3a5e91;
1271 -webkit-box-shadow: -2px 0 1px #3a5e91;
1272 }
1273 .maxgalleria-meta .toggle-buttons input[type="checkbox"]:checked + div::after {
1274 border-top: solid 1px #0f2a4f;
1275 border-bottom: solid 1px #0f2a4f;
1276 border-left: solid 1px #2c5496;
1277 height: 20px;
1278 top: -1px;
1279 left: -1px;
1280 border-radius: 3px 0 0 3px;
1281 -moz-border-radius: 3px 0 0 3px;
1282 -webkit-border-radius: 3px 0 0 3px;
1283 }
1284
1285 /*-----------------------------------------------
1286 Admin Page Styles
1287 -----------------------------------------------*/
1288 #maxgalleria-admin {
1289 margin: 0px 15px 20px 0px;
1290 font-size: 13px;
1291 }
1292 #maxgalleria-admin .clear {
1293 clear: both;
1294 }
1295 #maxgalleria-admin .wrap {
1296 margin-right: 0px;
1297 }
1298 #maxgalleria-admin h2.title {
1299 float: left;
1300 }
1301 #maxgalleria-admin h2.tabs {
1302 border-bottom: solid 1px #cccccc;
1303 padding-bottom: 0px;
1304 margin-top: 10px;
1305 }
1306 #maxgalleria-admin h2.tabs .spacer {
1307 padding-right: 20px;
1308 }
1309 #maxgalleria-admin p {
1310 line-height: 1.5em;
1311 }
1312 #maxgalleria-admin .section {
1313 margin-top: 20px;
1314 margin-bottom: 20px;
1315 border: solid 1px #cccccc;
1316 border-radius: 3px;
1317 -moz-border-radius: 3px;
1318 -webkit-border-radius: 3px;
1319 }
1320 #maxgalleria-admin .section .header {
1321 font-family: inherit;
1322 font-size: 14px;
1323 font-weight: bold;
1324 color: #222222;
1325 padding: 9px 8px 9px 8px;
1326 text-align: left;
1327 background-color: #ffffff;
1328 }
1329 #maxgalleria-admin .section .inside {
1330 padding: 10px 15px 20px 15px;
1331 border-top: solid 1px #cccccc;
1332 background-color: #ffffff;
1333 }
1334 #maxgalleria-admin h4.license-label {
1335 margin-bottom: 0px;
1336 margin-top: 0px;
1337 font-weight: normal;
1338 }
1339 #maxgalleria-admin h4.license-data {
1340 margin-bottom: 0px;
1341 margin-top: 0px;
1342 margin-left: 20px;
1343 }
1344 #maxgalleria-admin input[type="text"].license-key {
1345 width: 300px;
1346 }
1347 #maxgalleria-admin p.license-note {
1348 font-style: italic;
1349 color: #808080;
1350 padding-bottom: 0px;
1351 margin-bottom: 0px;
1352 }
1353 #maxgalleria-admin textarea.system-info {
1354 font-family: Consolas, 'Courier New', 'Courier';
1355 font-size: 13px;
1356 width: 100%;
1357 height: 500px;
1358 background-color: #f9f9f9;
1359 }
1360 #maxgalleria-admin .import {
1361 padding: 10px 0px 0px 0px;
1362 }
1363 #maxgalleria-admin .import h4 {
1364 padding: 0px 0px 5px 0px;
1365 margin: 0px;
1366 }
1367 #maxgalleria-admin .import input[type="text"],
1368 #maxgalleria-admin .import select {
1369 width: 300px;
1370 margin-top: 5px;
1371 }
1372 #maxgalleria-admin .import input[type="radio"] {
1373 margin-top: 3px;
1374 }
1375 #maxgalleria-admin .alert {
1376 padding: 8px 35px 8px 14px;
1377 margin-bottom: 18px;
1378 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
1379 background-color: #fcf8e3;
1380 border: 1px solid #fbeed5;
1381 -webkit-border-radius: 3px;
1382 -moz-border-radius: 3px;
1383 border-radius: 3px;
1384 color: #c09853;
1385 }
1386 #maxgalleria-admin .alert-success {
1387 background-color: #dff0d8;
1388 border-color: #d6e9c6;
1389 color: #468847;
1390 }
1391 #maxgalleria-admin .alert-error {
1392 background-color: #f2dede;
1393 border-color: #eed3d7;
1394 color: #b94a48;
1395 }
1396 #maxgalleria-admin .alert-info {
1397 background-color: #d9edf7;
1398 border-color: #bce8f1;
1399 color: #3a87ad;
1400 }
1401 #maxgalleria-admin .alert h4 {
1402 padding: 0px;
1403 margin: 0px;
1404 }
1405 #maxgalleria-admin .progress {
1406 overflow: hidden;
1407 height: 18px;
1408 margin-bottom: 18px;
1409 background-color: #f7f7f7;
1410 background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
1411 background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9);
1412 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
1413 background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
1414 background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
1415 background-image: linear-gradient(top, #f5f5f5, #f9f9f9);
1416 background-repeat: repeat-x;
1417 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0);
1418 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1419 -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1420 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
1421 -webkit-border-radius: 3px;
1422 -moz-border-radius: 3px;
1423 border-radius: 3px;
1424 }
1425 #maxgalleria-admin .progress .bar {
1426 width: 0%;
1427 height: 18px;
1428 color: #ffffff;
1429 font-size: 12px;
1430 text-align: center;
1431 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
1432 background-color: #0e90d2;
1433 background-image: -moz-linear-gradient(top, #149bdf, #0480be);
1434 background-image: -ms-linear-gradient(top, #149bdf, #0480be);
1435 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
1436 background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
1437 background-image: -o-linear-gradient(top, #149bdf, #0480be);
1438 background-image: linear-gradient(top, #149bdf, #0480be);
1439 background-repeat: repeat-x;
1440 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#149bdf', endColorstr='#0480be', GradientType=0);
1441 -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1442 -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1443 box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
1444 -webkit-box-sizing: border-box;
1445 -moz-box-sizing: border-box;
1446 -ms-box-sizing: border-box;
1447 box-sizing: border-box;
1448 -webkit-transition: width 0.6s ease;
1449 -moz-transition: width 0.6s ease;
1450 -ms-transition: width 0.6s ease;
1451 -o-transition: width 0.6s ease;
1452 transition: width 0.6s ease;
1453 }
1454 #maxgalleria-admin #import_progress .progress {
1455 margin-bottom: 0px;
1456 }
1457 #maxgalleria-admin .settings {
1458 margin-top: 20px;
1459 margin-bottom: 20px;
1460 border: solid 1px #cccccc;
1461 }
1462 #maxgalleria-admin .settings .main .inside {
1463 border-top: solid 1px #cccccc;
1464 background-color: #ffffff;
1465 padding: 0px;
1466 }
1467 #maxgalleria-admin .settings .settings-menu {
1468 float: left;
1469 width: 151px;
1470 background-color: #f1f1f1;
1471 border-right: solid 1px #cccccc;
1472 }
1473 #maxgalleria-admin .settings .settings-menu ul {
1474 margin-top: 0px;
1475 margin-bottom: 0px;
1476 margin-left: 0px;
1477 min-height: 840px;
1478 }
1479 #maxgalleria-admin .settings .settings-menu ul li {
1480 padding: 7px 10px 7px 10px;
1481 border-top: solid 1px #f1f1f1;
1482 border-bottom: solid 1px #f1f1f1;
1483 margin-bottom: 0px;
1484 }
1485 #maxgalleria-admin .settings .settings-menu ul li.selected {
1486 background-color: #ffffff;
1487 border-top: solid 1px #cccccc;
1488 border-bottom: solid 1px #cccccc;
1489 margin-right: -1px;
1490 }
1491 #maxgalleria-admin .settings .settings-menu ul li a {
1492 text-decoration: none;
1493 }
1494 #maxgalleria-admin .settings .settings-content {
1495 margin-left: 150px;
1496 background-color: #ffffff;
1497 border-left: solid 1px #cccccc;
1498 border-bottom: solid 2px #ffffff;
1499 padding: 15px 20px 15px 20px;
1500 }
1501 #maxgalleria-admin .settings .settings-content h2 {
1502 padding-top: 0px;
1503 }
1504 #maxgalleria-admin .settings .settings-content input[type='text'],
1505 #maxgalleria-admin .settings .settings-content select {
1506 font-size: 13px;
1507 width: 150px;
1508 }
1509 #maxgalleria-admin .settings .settings-content input[type='text'].small {
1510 width: 50px;
1511 }
1512 #maxgalleria-admin .settings .settings-content .settings-title {
1513 padding: 10px;
1514 border: solid 1px #e1e1e1;
1515 font-weight: bold;
1516 font-size: 14px;
1517 }
1518 #maxgalleria-admin .settings .settings-content .settings-options {
1519 padding: 10px;
1520 margin-bottom: 20px;
1521 border-left: solid 1px #e1e1e1;
1522 border-right: solid 1px #e1e1e1;
1523 border-bottom: solid 1px #e1e1e1;
1524 }
1525 #maxgalleria-admin .settings .settings-content .settings-options .note {
1526 color: #808080;
1527 font-style: italic;
1528 padding-bottom: 10px;
1529 }
1530 #maxgalleria-admin .settings .settings-content .settings-options table td {
1531 padding: 3px 10px 3px 0px;
1532 }
1533 #maxgalleria-admin .settings .settings-content .settings-options table td input[type='checkbox'] {
1534 margin: 5px 10px 5px 2px !important;
1535 }
1536
1537 /*
1538 /*-----------------------------------------------
1539 Media Manager Styles and Overrides
1540 -----------------------------------------------*/
1541 .attachment-display-settings {
1542 display: none;
1543 }
1544
1545 /*.wrap h2 {
1546 float: left;
1547 }
1548
1549 .wrap h2:after {
1550 clear: both;
1551 }*/
1552
1553 .mg-logo {
1554 font-style: italic;
1555 font-size: 14px;
1556 font-weight: bold;
1557 margin-left: 30px;
1558
1559 display: block;
1560 margin: -33px 0 0 210px;
1561 }
1562
1563 .mg-logo a img {
1564 vertical-align: middle;
1565 padding: 0 5px;
1566 width: 90px;
1567 height: auto;
1568 }
1569
1570 .mg-promo {
1571 border: 1px solid #ccc;
1572 background: none repeat scroll 0 0 #fff;
1573 display: block;
1574 margin-top: 10px;
1575 box-sizing: border-box;
1576 overflow: hidden;
1577 padding: 10px;
1578 width: 100%;
1579 }
1580
1581 .mg-promo p.mg-promo-title {
1582 font-size: 15px;
1583 font-style: italic;
1584 font-weight: 700;
1585 margin: 0;
1586 padding: 0;
1587 text-align: center;
1588 }
1589
1590 .mg-promo p:not(.mg-promo-title) {
1591 font-size: 12px;
1592 margin: 25px 0 5px;
1593 width: 23.5%;
1594 margin-right: 2%;
1595 float: left;
1596 text-align: center;
1597 }
1598
1599 .mg-promo p:nth-child(4n+1) {
1600 margin-right: 0;
1601 }
1602
1603 .mg-promo p a {
1604 font-weight: bold;
1605 font-size: 14px;
1606 }