1 | * { |
---|
2 | border: 0px none; |
---|
3 | font-family: inherit; |
---|
4 | font-style: inherit; |
---|
5 | font-weight: inherit; |
---|
6 | font-size: inherit; |
---|
7 | margin: 0px; |
---|
8 | outline: 0px none; |
---|
9 | padding: 0px; |
---|
10 | vertical-align: baseline; |
---|
11 | |
---|
12 | text-size-adjust: none; |
---|
13 | -moz-text-size-adjust: none; |
---|
14 | -webkit-text-size-adjust: none; |
---|
15 | -ms-text-size-adjust: none; |
---|
16 | } |
---|
17 | |
---|
18 | HTML { |
---|
19 | font-family: 'Noto Sans',sans-serif; |
---|
20 | font-weight: normal; |
---|
21 | font-size: 16px; |
---|
22 | } |
---|
23 | |
---|
24 | @media (min-resolution: 150dpi) and (orientation: landscape) { html { font-size: 16px; } } |
---|
25 | @media (min-resolution: 150dpi) and (orientation: portrait) { html { font-size: 20px; } } |
---|
26 | @media (min-resolution: 250dpi) and (orientation: landscape) { html { font-size: 22px; } } |
---|
27 | @media (min-resolution: 250dpi) and (orientation: portrait) { html { font-size: 32px; } } |
---|
28 | |
---|
29 | H1, H2, H3, H4, H5, H6 { |
---|
30 | font-family: 'Raleway',sans-serif; |
---|
31 | font-weight: 300; |
---|
32 | } |
---|
33 | |
---|
34 | UL { list-style: none outside none; } |
---|
35 | |
---|
36 | INPUT, TEXTAREA, SELECT, BUTTON { |
---|
37 | padding: 0.5ex 0.5em; |
---|
38 | border: 0px none; |
---|
39 | border-radius: 2px; |
---|
40 | line-height: 1.5; |
---|
41 | color: #999999; |
---|
42 | background-color: #161616; |
---|
43 | box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.5); |
---|
44 | } |
---|
45 | |
---|
46 | INPUT[type=submit] { font-weight: bold; } |
---|
47 | INPUT[type=submit], INPUT[type=reset], INPUT[type=button], BUTTON { cursor: pointer; box-shadow: none; } |
---|
48 | INPUT[type=submit]:hover, INPUT[type=reset]:hover, INPUT[type=button]:hover, BUTTON:hover { color: #66AADD; } |
---|
49 | |
---|
50 | FIELDSET { |
---|
51 | margin-bottom: 3ex; |
---|
52 | line-height: 2.0; |
---|
53 | } |
---|
54 | |
---|
55 | FIELDSET > LEGEND { |
---|
56 | margin-bottom: 0.5ex; |
---|
57 | text-transform: uppercase; |
---|
58 | } |
---|
59 | |
---|
60 | FIELDSET > UL { |
---|
61 | padding: 0.5ex 1em; |
---|
62 | font-size: 0.9rem; |
---|
63 | } |
---|
64 | |
---|
65 | FIELDSET INPUT[type=radio], INPUT[type=checkbox] { display: none; } |
---|
66 | |
---|
67 | BODY { |
---|
68 | color: #777777; |
---|
69 | background-color: #212121; |
---|
70 | } |
---|
71 | |
---|
72 | A { |
---|
73 | color: #AAAAAA; |
---|
74 | text-decoration: none; |
---|
75 | } |
---|
76 | A:hover { |
---|
77 | color: #66AADD; |
---|
78 | text-decoration: none; |
---|
79 | border: none; |
---|
80 | } |
---|
81 | |
---|
82 | /****************************************************************/ |
---|
83 | /* THE HEADER */ |
---|
84 | /****************************************************************/ |
---|
85 | |
---|
86 | HEADER { display: block; } |
---|
87 | |
---|
88 | #theHeader { |
---|
89 | width : 100%; |
---|
90 | overflow: auto; |
---|
91 | background-color: #2B2B2B; |
---|
92 | border-bottom: 1px dashed #4D4D4D; |
---|
93 | z-index: 4; |
---|
94 | } |
---|
95 | |
---|
96 | #theHeader H1 { |
---|
97 | display: inline-block; |
---|
98 | margin: 0ex 1em; |
---|
99 | padding: 1ex 1em; |
---|
100 | font-size: 1.4rem; |
---|
101 | } |
---|
102 | |
---|
103 | #theHeader .searchbar, #theHeader .navbar { |
---|
104 | display: inline-block; |
---|
105 | margin: 0ex 1em; |
---|
106 | padding: 0.5ex 1em; |
---|
107 | font-size: 1.0rem; |
---|
108 | text-align: center; |
---|
109 | text-transform: uppercase; |
---|
110 | } |
---|
111 | |
---|
112 | #theHeader .searchbar A { display: inline-block; } |
---|
113 | |
---|
114 | #theHeader .searchbox { |
---|
115 | display: inline-block; |
---|
116 | visibility: hidden; |
---|
117 | margin: 0ex 0.5em; |
---|
118 | z-index: 2; |
---|
119 | } |
---|
120 | #theHeader .searchbox INPUT { |
---|
121 | font-size: 0.8rem; |
---|
122 | border: solid 1px #66AADD; |
---|
123 | } |
---|
124 | #theHeader .searchbar:hover > .searchbox { visibility: visible; } |
---|
125 | |
---|
126 | #theHeader .navbar { float: right; } |
---|
127 | |
---|
128 | /****************************************************************/ |
---|
129 | /* THE LEFT MENU */ |
---|
130 | /****************************************************************/ |
---|
131 | |
---|
132 | #menuSwitcher { |
---|
133 | position: absolute; |
---|
134 | padding: 0.5ex; |
---|
135 | color: #AAAAAA; |
---|
136 | cursor: pointer; |
---|
137 | } |
---|
138 | #menuSwitcher I { font-size: 1.4rem; } |
---|
139 | #menuSwitcher:hover { color: #66AADD; } |
---|
140 | |
---|
141 | #menubar { |
---|
142 | display: none; |
---|
143 | flex: 0 1 20%; |
---|
144 | width: 20%; |
---|
145 | min-width: 8em; |
---|
146 | max-width: 16em; |
---|
147 | margin: 0em; |
---|
148 | padding: 4ex 2em; |
---|
149 | background-color: #212121; |
---|
150 | font-size: 1.0rem; |
---|
151 | } |
---|
152 | |
---|
153 | /*** Menu CSS driven opening/closing ***/ |
---|
154 | @media (min-width: 480px) and (orientation: landscape) { |
---|
155 | #menuSwitcher { color: #555555; } |
---|
156 | #menubar { display: block; } |
---|
157 | } |
---|
158 | /*** Menu JS driven opening/closing ***/ |
---|
159 | #menuSwitcher.close { color: #AAAAAA; } |
---|
160 | #menubar.close { display: none; } |
---|
161 | #menuSwitcher.open { color: #555555; } |
---|
162 | #menubar.open { display: block; } |
---|
163 | |
---|
164 | #menubar DL { |
---|
165 | margin-bottom: 4ex; |
---|
166 | padding: 0em; |
---|
167 | } |
---|
168 | |
---|
169 | #menubar DT { |
---|
170 | margin-bottom: 2ex; |
---|
171 | overflow: hidden; |
---|
172 | font-size: 1.1rem; |
---|
173 | font-weight: bold; |
---|
174 | text-overflow: ellipsis; |
---|
175 | text-align: left; |
---|
176 | text-transform: uppercase; |
---|
177 | } |
---|
178 | |
---|
179 | #menubar UL { |
---|
180 | margin: 0ex; |
---|
181 | padding: 0ex; |
---|
182 | list-style: none outside none; |
---|
183 | } |
---|
184 | |
---|
185 | #menubar LI { |
---|
186 | margin: 0.8ex 0em; |
---|
187 | overflow: hidden; |
---|
188 | text-overflow: ellipsis; |
---|
189 | word-wrap: nowrap; |
---|
190 | white-space: nowrap; |
---|
191 | } |
---|
192 | |
---|
193 | .totalImages { font-size: 0.9rem; } |
---|
194 | |
---|
195 | #quickconnect DIV { |
---|
196 | width: 100%; |
---|
197 | margin: 0.5ex 0em; |
---|
198 | } |
---|
199 | #quickconnect #username, #quickconnect #password { |
---|
200 | width: 100%; |
---|
201 | box-sizing: border-box; |
---|
202 | } |
---|
203 | #quickconnect > FIELDSET > LEGEND { |
---|
204 | margin: 0ex; |
---|
205 | /*font-size: 0.8rem;*/ |
---|
206 | text-transform: uppercase; |
---|
207 | } |
---|
208 | |
---|
209 | /****************************************************************/ |
---|
210 | /* CONTENTS OF INDEX PAGE */ |
---|
211 | /****************************************************************/ |
---|
212 | |
---|
213 | #mainBox { |
---|
214 | display: flex; |
---|
215 | flex-flow: row nowrap; |
---|
216 | justify-content: flex-start; |
---|
217 | align-items: stretch; |
---|
218 | align-content: stretch; |
---|
219 | background-color: #1A1A1A; |
---|
220 | } |
---|
221 | |
---|
222 | #contentBox { flex: 1 1 auto; padding-bottom: 2ex; } |
---|
223 | #content, .content { width: 100%; } |
---|
224 | |
---|
225 | #the_page .stuffs { margin: 0ex !important; padding: 0ex 0em 2ex 0em !important; } |
---|
226 | #the_page .left_block { margin: 0ex !important; } |
---|
227 | |
---|
228 | .titrePage { |
---|
229 | margin: 3ex 2em; |
---|
230 | text-transform: uppercase; |
---|
231 | } |
---|
232 | .titrePage H2 { |
---|
233 | font-size: 1.5rem; |
---|
234 | border-bottom: solid 1px #212121; |
---|
235 | } |
---|
236 | |
---|
237 | .categoryActions { |
---|
238 | font-size: 0.9rem; |
---|
239 | font-weight: normal; |
---|
240 | text-transform: uppercase; |
---|
241 | } |
---|
242 | |
---|
243 | .categoryActions LI { |
---|
244 | display: inline-block; |
---|
245 | padding-right: 1.0em; |
---|
246 | vertical-align: text-bottom; |
---|
247 | } |
---|
248 | |
---|
249 | .switchBox { |
---|
250 | display: none; |
---|
251 | position: absolute; |
---|
252 | padding: 1ex 2em 3ex 1em; |
---|
253 | font-size: 0.8rem; |
---|
254 | text-align: left; |
---|
255 | line-height: 1.5; |
---|
256 | background-color: #333333; |
---|
257 | z-index: 100; |
---|
258 | } |
---|
259 | .switchOpen { background-color: #333333; } |
---|
260 | |
---|
261 | .calendarViews { |
---|
262 | float: right; |
---|
263 | margin: 0ex 2em; |
---|
264 | padding-right: 0.5em; |
---|
265 | font-size: 0.8rem; |
---|
266 | } |
---|
267 | |
---|
268 | .calendarTitle, .calendarBar { |
---|
269 | margin: 1ex 2em; |
---|
270 | font-size: 1.0rem; |
---|
271 | } |
---|
272 | |
---|
273 | .calendarBar { |
---|
274 | display: flex; |
---|
275 | flex-flow: row nowrap; |
---|
276 | align-items: center; |
---|
277 | } |
---|
278 | .prevCal, .nextCal { flex: 1 0 auto; } |
---|
279 | .navbarItems { |
---|
280 | flex: 1 1 auto; |
---|
281 | width: 100%; |
---|
282 | padding: 0ex 1em; |
---|
283 | } |
---|
284 | |
---|
285 | .calendarCalBar { |
---|
286 | display: flex; |
---|
287 | padding: 3ex 2em; |
---|
288 | border-style: solid none; |
---|
289 | border-width: 2px; |
---|
290 | border-color: #212121; |
---|
291 | } |
---|
292 | .calCalHead { |
---|
293 | flex: 0 0 auto; |
---|
294 | width: 9em; |
---|
295 | font-weight: 900; |
---|
296 | } |
---|
297 | .calCalItems { flex: 1 1 auto; } |
---|
298 | |
---|
299 | .calItem, .calCal { |
---|
300 | padding-right: 1em; |
---|
301 | white-space: nowrap; |
---|
302 | } |
---|
303 | |
---|
304 | .calMonth { |
---|
305 | margin: 2ex auto; |
---|
306 | border-collapse: collapse; |
---|
307 | } |
---|
308 | .calMonth TH { |
---|
309 | padding: 1ex 1em; |
---|
310 | background-color: #2b2b2b; |
---|
311 | } |
---|
312 | |
---|
313 | .calDayCellFull, .calDayCellEmpty { |
---|
314 | font-size: 1.4rem; |
---|
315 | font-weight: 400; |
---|
316 | vertical-align: top; |
---|
317 | border: solid 1px #212121; |
---|
318 | } |
---|
319 | .calBackDate { |
---|
320 | position: absolute; |
---|
321 | padding: 0.6ex 0.6em; |
---|
322 | z-index: 2; |
---|
323 | font-weight: 900; |
---|
324 | vertical-align: top; |
---|
325 | color: #222222; |
---|
326 | } |
---|
327 | .calForeDate { |
---|
328 | position: absolute; |
---|
329 | padding: 0.5ex 0.5em; |
---|
330 | z-index: 3; |
---|
331 | font-weight: 900; |
---|
332 | vertical-align: top; |
---|
333 | color: #999999; |
---|
334 | } |
---|
335 | |
---|
336 | .thumbnails, .thumbnailsCategories { |
---|
337 | display: flex; |
---|
338 | flex-flow: row wrap; |
---|
339 | justify-content: left; |
---|
340 | list-style: none; |
---|
341 | } |
---|
342 | .thumbnails LI { |
---|
343 | position: relative; |
---|
344 | flex-grow: 1; |
---|
345 | height: auto; |
---|
346 | } |
---|
347 | |
---|
348 | .thumbPhoto { |
---|
349 | display: block; |
---|
350 | width: 100%; |
---|
351 | max-width: 100%; |
---|
352 | height: auto; |
---|
353 | } |
---|
354 | |
---|
355 | .thumbLegend { |
---|
356 | position: absolute; |
---|
357 | bottom: 0%; |
---|
358 | width: 100%; |
---|
359 | padding: 1ex 0em; |
---|
360 | font-size: 0.7rem; |
---|
361 | line-height: 1.2; |
---|
362 | } |
---|
363 | .thumbLegend P { margin: 0.8ex 0em; } |
---|
364 | .thumbLegend SPAN { |
---|
365 | padding: 0ex 1em; |
---|
366 | box-decoration-break: clone; |
---|
367 | color: #AAAAAA; |
---|
368 | background-color: rgba(17, 17, 17, 0.5); |
---|
369 | line-height: 1.4; |
---|
370 | } |
---|
371 | .thumbnails LI:hover .thumbLegend SPAN { color: #EEEEEE } |
---|
372 | .thumbName { text-transform: uppercase; } |
---|
373 | |
---|
374 | |
---|
375 | .thumbnailsCategories LI { |
---|
376 | position: relative; |
---|
377 | flex: 0 1 auto; |
---|
378 | } |
---|
379 | .thumbnailsCategories DIV { |
---|
380 | position: absolute; |
---|
381 | top: 20%; |
---|
382 | width: 100%; |
---|
383 | padding: 2ex 1em; |
---|
384 | box-sizing: border-box; |
---|
385 | color: #CCCCCC; |
---|
386 | background-color: rgba(17, 17, 17, 0.5); |
---|
387 | } |
---|
388 | .thumbnailsCategories H3 { font-size: 1.2rem; margin-bottom: 0.5ex; } |
---|
389 | .thumbnailsCategories P { font-size: 0.9rem; } |
---|
390 | .thumbnailsCategories .Nb_images { font-size: 0.8rem; } |
---|
391 | .thumbnailsCategories A { color: #EEEEEE } |
---|
392 | .thumbnailsCategories A:hover { color: #66aadd } |
---|
393 | .thumbnailsCategories LI:hover P { color: #EEEEEE } |
---|
394 | |
---|
395 | .coverCategory { |
---|
396 | display: block; |
---|
397 | width: 100%; |
---|
398 | } |
---|
399 | |
---|
400 | .errors { |
---|
401 | padding: 2ex 2em; |
---|
402 | color: #EEEEEE; |
---|
403 | background-color: #C84B4B; |
---|
404 | font-size: 1.1rem; |
---|
405 | } |
---|
406 | |
---|
407 | .infos { |
---|
408 | padding: 2ex 2em; |
---|
409 | color: #DDDDDD; |
---|
410 | background-color: #328F41; |
---|
411 | font-size: 1.1rem; |
---|
412 | font-weight: bold; |
---|
413 | } |
---|
414 | |
---|
415 | .warnings { |
---|
416 | padding: 2ex 2em; |
---|
417 | color: #333333; |
---|
418 | background-color: #e0e072; |
---|
419 | font-size: 1.0rem; |
---|
420 | } |
---|
421 | .warnings A { color: #333333; font-weight: bold } |
---|
422 | |
---|
423 | |
---|
424 | #copyright { padding: 1ex 1em; font-size: 0.8rem; } |
---|
425 | |
---|
426 | /***** Plugins **************************************************/ |
---|
427 | |
---|
428 | #content > FIELDSET { margin: 2ex 2em; } |
---|
429 | |
---|
430 | .download-links { margin-bottom: 2ex; } |
---|
431 | .download-links a img { display: none; } |
---|
432 | .download-links a:before { content:"\f019"; font-family:FontAwesome; } |
---|
433 | .download-links li.warning { color:#999999; font-weight: normal; font-size: 1.0rem } |
---|
434 | |
---|
435 | a.cancel-down { |
---|
436 | padding: 1ex 1em; |
---|
437 | color: #CCCCCC; |
---|
438 | background-color: #C84B4B; |
---|
439 | font-weight: normal; |
---|
440 | border: none; |
---|
441 | } |
---|
442 | a.cancel-down:hover { color: #FFFFFF; } |
---|
443 | |
---|
444 | ### Community |
---|
445 | #uploadProgress, |
---|
446 | #photosAddContent > FIELDSET { width: auto !important; margin: 2ex 2em !important; } |
---|
447 | #photosAddContent p.showFieldset { width: auto !important; margin: 2ex 0em !important; } |
---|
448 | |
---|
449 | #uploadForm { font-size: 0.9rem; } |
---|
450 | #uploadForm LEGEND { font-size: 1.0rem; } |
---|
451 | #uploadForm > FIELDSET { width: auto !important; margin: 2ex 0em !important; } |
---|
452 | #uploadForm > FIELDSET INPUT, |
---|
453 | #uploadForm > FIELDSET SELECT { float: none; } |
---|
454 | |
---|
455 | #uploadWarningsSummary, #uploadModeInfos { |
---|
456 | margin: 1ex 1em !important; |
---|
457 | font-size: 0.8rem !important; |
---|
458 | white-space: nowrap !important; |
---|
459 | } |
---|
460 | #addUploadBox > A:before { content:"\f067\ "; font-family:FontAwesome; } |
---|
461 | |
---|
462 | .plupload_filelist, .plupload_filelist_header, .plupload_filelist_footer { |
---|
463 | border: none !important; |
---|
464 | color: #999999 !important; |
---|
465 | background-color: #161616 !important; |
---|
466 | } |
---|
467 | .plupload_filelist { box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.5); } |
---|
468 | |
---|
469 | |
---|
470 | /****************************************************************/ |
---|
471 | /* IMAGE PAGE */ |
---|
472 | /****************************************************************/ |
---|
473 | |
---|
474 | #theImage { |
---|
475 | position: relative; |
---|
476 | overflow: hidden; |
---|
477 | text-align: center; |
---|
478 | background-color: #1A1A1A; |
---|
479 | } |
---|
480 | |
---|
481 | #theBackImage { |
---|
482 | z-index: 3; |
---|
483 | position: relative; |
---|
484 | width: 100%; |
---|
485 | max-height: 100vh; |
---|
486 | background-position: center; |
---|
487 | background-size: contain; |
---|
488 | background-repeat: no-repeat; |
---|
489 | cursor: grab; |
---|
490 | } |
---|
491 | |
---|
492 | #theMainImage { |
---|
493 | display: block; |
---|
494 | width: 100%; |
---|
495 | height: auto; |
---|
496 | visibility: hidden; |
---|
497 | } |
---|
498 | |
---|
499 | .navBackThumb { |
---|
500 | z-index: 0; |
---|
501 | display: flex; |
---|
502 | align-items: center; |
---|
503 | color: #333333; |
---|
504 | } |
---|
505 | |
---|
506 | .navThumb { z-index: 6; } |
---|
507 | .navThumb, .navBackThumb { |
---|
508 | position: absolute; |
---|
509 | top: 0%; |
---|
510 | width: 5%; |
---|
511 | height: 100%; |
---|
512 | font-size: 2.0rem; |
---|
513 | } |
---|
514 | #prevThumb, #prevBackThumb { left: 0%; } |
---|
515 | #nextThumb, #nextBackThumb { right: 0%; } |
---|
516 | |
---|
517 | .linkThumb { |
---|
518 | display: flex; |
---|
519 | visibility: hidden; |
---|
520 | width: 100%; |
---|
521 | height: 100%; |
---|
522 | align-items: center; |
---|
523 | color: #CCCCCC; |
---|
524 | text-shadow: 0.2ex 0.2em #1A1A1A; |
---|
525 | } |
---|
526 | #linkPrev, #prevBackThumb { justify-content: flex-start; } |
---|
527 | #linkNext, #nextBackThumb { justify-content: flex-end; } |
---|
528 | |
---|
529 | .linkThumb > *, .navBackThumb > * { margin: 0.5em; } |
---|
530 | |
---|
531 | .navThumb:hover .linkThumb { visibility: visible; } |
---|
532 | |
---|
533 | /***** Image Info **************************************************/ |
---|
534 | |
---|
535 | #imageCard { |
---|
536 | padding: 0ex 2em; |
---|
537 | background-color: #212121; |
---|
538 | border: solid 1px transparent; |
---|
539 | } |
---|
540 | |
---|
541 | #slideshow { position: relative; } |
---|
542 | |
---|
543 | #imageHeaderBar { |
---|
544 | margin: 3ex auto; |
---|
545 | font-weight: 400; |
---|
546 | text-transform: uppercase; |
---|
547 | } |
---|
548 | #slideshow > #imageHeaderBar { |
---|
549 | position: absolute; |
---|
550 | bottom: 0%; left: 0%; |
---|
551 | padding: 0ex 2em; |
---|
552 | z-index: 12; |
---|
553 | color: #DDDDDD; |
---|
554 | text-shadow: 1px 1px rgba(0, 0, 0, 0.5); |
---|
555 | } |
---|
556 | |
---|
557 | #imageToolBar { font-size: 0.9rem; } |
---|
558 | #imageToolBar > LI, #imageToolBar > DIV { |
---|
559 | display: inline-block; |
---|
560 | vertical-align: text-bottom; |
---|
561 | padding-right: 1em; |
---|
562 | } |
---|
563 | #slideshow > #imageToolBar { |
---|
564 | position: absolute; |
---|
565 | bottom: 0%; right: 0%; |
---|
566 | padding: 2ex 2em; |
---|
567 | z-index: 15; |
---|
568 | text-shadow: 1px 1px rgba(0, 0, 0, 0.5); |
---|
569 | } |
---|
570 | |
---|
571 | #slideshow .imageNumber { color: #AAAAAA; } |
---|
572 | |
---|
573 | .browsePath { |
---|
574 | font-family: 'Raleway',sans-serif; |
---|
575 | font-weight: 300; |
---|
576 | font-size: 1.5rem; |
---|
577 | } |
---|
578 | .browsePath > H2 { display: inline-block; } |
---|
579 | .browsePath .fa-stop-circle { margin-left: 1em; margin-right: 0.5em; } |
---|
580 | |
---|
581 | .additional_info { margin: 1ex 2em; font-size: 1.0rem; } |
---|
582 | |
---|
583 | #InfosAndComments { margin: 2ex auto; } |
---|
584 | #InfosAndComments > * { vertical-align: top; } |
---|
585 | |
---|
586 | .imageComment { margin-bottom: 2ex; } |
---|
587 | |
---|
588 | #imageInfos, #MetadataBox { |
---|
589 | display: inline-block; |
---|
590 | max-width: 16em; |
---|
591 | margin-right: 2em; |
---|
592 | margin-bottom: 2ex; |
---|
593 | text-align: left; |
---|
594 | } |
---|
595 | |
---|
596 | .imageInfoTable { font-size: 1.0rem; } |
---|
597 | .imageInfoTable > DIV { margin-bottom: 1ex; } |
---|
598 | .imageInfoTable DT { font-weight: 900; text-transform: uppercase; } |
---|
599 | |
---|
600 | .licIcons { font-size: 1.0rem; } |
---|
601 | .licIcons IMG { vertical-align: text-bottom; } |
---|
602 | |
---|
603 | .navigationBar { margin: 1ex 1em; font-size: 1.0rem; } |
---|
604 | .navigationBar > .pageNumberSelected { padding: 0ex 0.5em; font-weight: bold; } |
---|
605 | .navigationBar > A { padding: 0ex 0.5em; } |
---|
606 | |
---|
607 | .rateButton, .rateButtonStarFull, .rateButtonStarEmpty { cursor: pointer; } |
---|
608 | .rateButtonSelected { font-weight: bold; } |
---|
609 | .rateButtonStarFull { |
---|
610 | color: red; |
---|
611 | background-color: blue; |
---|
612 | background: url(icon/star_font_awesome.svg) no-repeat center left; |
---|
613 | background-size: contain; |
---|
614 | } |
---|
615 | .rateButtonStarEmpty { |
---|
616 | color: red; |
---|
617 | background-color: blue; |
---|
618 | background: url(icon/star_empty_font_awesome.svg) no-repeat center left; |
---|
619 | background-size: contain; |
---|
620 | } |
---|
621 | |
---|
622 | /****************************************************************/ |
---|
623 | /* TAGS PAGE */ |
---|
624 | /****************************************************************/ |
---|
625 | |
---|
626 | .tagLevel1 { font-weight:200; font-size: 0.9rem; white-space: nowrap; } |
---|
627 | .tagLevel2 { font-weight:300; font-size: 1.0rem; white-space: nowrap; } |
---|
628 | .tagLevel3 { font-weight:400; font-size: 1.1rem; white-space: nowrap; } |
---|
629 | .tagLevel4 { font-weight:700; font-size: 1.3rem; white-space: nowrap; } |
---|
630 | .tagLevel5 { font-weight:900; font-size: 1.5rem; white-space: nowrap; } |
---|
631 | |
---|
632 | #fullTagCloud, #menuTagCloud { |
---|
633 | font-family: 'Raleway',sans-serif; |
---|
634 | text-align: left; |
---|
635 | } |
---|
636 | #fullTagCloud { margin: 0ex 2em; } |
---|
637 | #menuTagCloud { margin: 0ex 0em; } |
---|
638 | #fullTagCloud > SPAN, #menuTagCloud > SPAN { margin-right: 0.5em; } |
---|
639 | |
---|
640 | #tagLetterList { |
---|
641 | display: flex; |
---|
642 | flex-flow: row wrap; |
---|
643 | justify-content: space-between; |
---|
644 | align-content: flex-start; |
---|
645 | margin: 2ex 2em; |
---|
646 | } |
---|
647 | .tagLetter { |
---|
648 | flex: 0 0 auto; |
---|
649 | width: 10em; |
---|
650 | padding: 1ex 1em; |
---|
651 | } |
---|
652 | .tagLetterLegend { |
---|
653 | margin: 1ex 1em; |
---|
654 | font-weight: bold; |
---|
655 | font-size: 1.2rem; |
---|
656 | border-bottom: solid 1px #333333; |
---|
657 | } |
---|
658 | .tagLetterContent { width: 100%; font-size: 0.9rem; } |
---|
659 | .nbEntries { float: right; padding: 0ex 0.5em; } |
---|
660 | |
---|
661 | /****************************************************************/ |
---|
662 | /* SEARCH PAGE */ |
---|
663 | /****************************************************************/ |
---|
664 | |
---|
665 | .filter { margin: 0ex 2em; } |
---|
666 | .filter > FIELDSET { display: inline-block; margin-right: 2em; } |
---|
667 | .filter > * { vertical-align: top } |
---|
668 | |
---|
669 | .radioLab, .checkLab { cursor: pointer; } |
---|
670 | .radioLab:before { padding-right: 0.5em; font-family:FontAwesome; content:"\f10c"; } |
---|
671 | .checkLab:before { padding-right: 0.5em; font-family:FontAwesome; content:"\f096"; } |
---|
672 | INPUT[type=radio]:checked + LABEL.radioLab:before { content:"\f111"; } |
---|
673 | INPUT[type=checkbox]:checked + LABEL.checkLab:before { content:"\f0c8"; } |
---|
674 | |
---|
675 | .selectize-input, .selectize-input > INPUT { |
---|
676 | padding: 0.5ex 0.5em; |
---|
677 | border: 0px none; |
---|
678 | border-radius: 2px; |
---|
679 | font-size: 1.0rem; |
---|
680 | line-height: 1.5; |
---|
681 | color: #999999; |
---|
682 | background-color: #161616; |
---|
683 | box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.5); |
---|
684 | } |
---|
685 | .selectize-dropdown { |
---|
686 | padding: 0.5ex 0.5em; |
---|
687 | border: 0px none; |
---|
688 | border-radius: 0px; |
---|
689 | font-size: 0.9rem; |
---|
690 | } |
---|
691 | |
---|
692 | .date_today { font-size: 0.8rem; } |
---|
693 | .date_arrow { font-size: 1.5rem; text-align: center; } |
---|
694 | |
---|
695 | #srchRulesInfo, .search_results { margin: 2ex 2em; } |
---|
696 | #srchRulesInfo > UL { |
---|
697 | padding: 1ex 1em; |
---|
698 | font-size: 0.9rem; |
---|
699 | line-height: 1.5; |
---|
700 | list-style-type: circle; |
---|
701 | } |
---|
702 | |
---|
703 | /****************************************************************/ |
---|
704 | /* COMMENTS */ |
---|
705 | /****************************************************************/ |
---|
706 | |
---|
707 | #commentsBox { margin: 3ex 0em; } |
---|
708 | |
---|
709 | .commentsList { |
---|
710 | display: flex; |
---|
711 | flex-flow: row wrap; |
---|
712 | } |
---|
713 | #pictureCommentList > .commentsList { flex-flow: column nowrap; } |
---|
714 | |
---|
715 | .commentElement { |
---|
716 | flex-grow: 1; |
---|
717 | flex-shrink: 0; |
---|
718 | margin-bottom: 2ex; |
---|
719 | } |
---|
720 | .commentElement IMG { width: 100%; height: auto; } |
---|
721 | |
---|
722 | .description { |
---|
723 | margin: 0ex 1em; |
---|
724 | padding: 0.5ex 0.5em; |
---|
725 | border-radius: 2px; |
---|
726 | background-color: #161616; |
---|
727 | font-size: 0.8rem; |
---|
728 | } |
---|
729 | #pictureCommentList .description { background-color: #1A1A1A; } |
---|
730 | |
---|
731 | .actions { |
---|
732 | float: right; |
---|
733 | margin: 0ex; |
---|
734 | text-transform: uppercase; |
---|
735 | } |
---|
736 | .actions > A { |
---|
737 | padding-left: 0.5em; |
---|
738 | white-space: nowrap; |
---|
739 | } |
---|
740 | .cmtAction > SPAN { display: none; } |
---|
741 | .cmtAction:hover > SPAN { display: inline; } |
---|
742 | |
---|
743 | .commentDate { margin: 0.5ex 0em; } |
---|
744 | .commentAuthor { |
---|
745 | margin-right: 0.5em; |
---|
746 | font-size: 0.9rem; |
---|
747 | font-weight: bold; |
---|
748 | text-transform: uppercase; |
---|
749 | } |
---|
750 | .commentText { font-size: 0.9rem; color: #AAAAAA; } |
---|
751 | |
---|
752 | #editComment TEXTAREA, #editComment INPUT[type=text] { width: 90% } |
---|
753 | |
---|
754 | #comments { |
---|
755 | display: inline-block; |
---|
756 | max-width: 24em; |
---|
757 | } |
---|
758 | #comments H3 { |
---|
759 | font-size: 1.2rem; |
---|
760 | font-weight: 400; |
---|
761 | } |
---|
762 | |
---|
763 | #pictureComments { margin: 2ex 0em; } |
---|
764 | #pictureCommentNavBar { |
---|
765 | margin: 1ex 1em; |
---|
766 | font-size: 0.8rem; |
---|
767 | text-transform: uppercase; |
---|
768 | } |
---|
769 | |
---|
770 | #commentAdd { margin: 2ex 0em; } |
---|
771 | #commentAdd > H4 { |
---|
772 | font-size: 1.1rem; |
---|
773 | font-weight: 400; |
---|
774 | } |
---|
775 | |
---|
776 | #addComment { margin: 1ex 1em; font-size: 0.9rem; } |
---|
777 | #addComment > P, #editComment > P { margin-bottom: 0.5em; } |
---|
778 | #addComment TEXTAREA, #addComment INPUT[type=text] { width: 100% } |
---|
779 | |
---|
780 | .cmtFilter { margin: 1ex 0em; font-size: 0.9rem; } |
---|
781 | .cmtFilter LABEL { margin-right: 1em; } |
---|
782 | .cmtFilter INPUT, .cmtFilter SELECT { float: right; } |
---|
783 | |
---|
784 | /****************************************************************/ |
---|
785 | /* MISC PAGES */ |
---|
786 | /****************************************************************/ |
---|
787 | |
---|
788 | .loader { |
---|
789 | display: none; |
---|
790 | position: fixed; |
---|
791 | right: 0; |
---|
792 | bottom: 0; |
---|
793 | } |
---|
794 | |
---|
795 | #helpBox { padding: 2ex 2em; } |
---|
796 | #helpBox H2, #helpBox DL, #helpBox P { margin: 2ex 0em; } |
---|
797 | #helpBox DT { margin-top: 1ex; } |
---|
798 | #helpBox DD { padding-left: 0.5em; font-size: 0.9rem; } |
---|
799 | |
---|
800 | #piwigoAbout { margin: 2ex 2em; } |
---|
801 | #piwigoAbout > P { margin: 1ex 0em; } |
---|
802 | #piwigoAbout > UL { margin: 1ex 1em; } |
---|
803 | #linkToPiwigo { text-align: center; } |
---|
804 | |
---|
805 | .notification { margin: 2ex 2em; } |
---|
806 | .notification > P { margin-bottom: 2ex; } |
---|
807 | .notification > DL { margin: 1ex 1em; } |
---|
808 | |
---|
809 | .properties { display: inline-block; margin: 2ex 2em; } |
---|
810 | .properties > P { margin: 1ex 0em; } |
---|
811 | .properties LI { margin: 0.5ex 0em; } |
---|
812 | .properties > FIELDSET INPUT, |
---|
813 | .properties > FIELDSET SELECT { float: right; } |
---|
814 | .property { margin-right: 0.5em; } |
---|
815 | |
---|
816 | .proprad { float: right; } |
---|
817 | .proprad > LABEL { margin-left: 1em; } |
---|
818 | |
---|
819 | #lostPassword { margin: 2ex 2em; } |
---|
820 | #lostPassword P { margin: 1ex 0em; } |
---|
821 | |
---|
822 | #closeLink { |
---|
823 | margin: 3ex 0em 1ex; |
---|
824 | font-weight: bold; |
---|
825 | text-align: center; |
---|
826 | } |
---|
827 | |
---|
828 | /****************************************************************/ |
---|
829 | /* UNICODE ICONS */ |
---|
830 | /****************************************************************/ |
---|
831 | |
---|
832 | .pwg-icon { |
---|
833 | display:inline; |
---|
834 | padding-right: 0.3em; |
---|
835 | font-family:FontAwesome; |
---|
836 | font-style:normal; |
---|
837 | font-weight:normal; |
---|
838 | line-height:1; |
---|
839 | -webkit-font-smoothing:antialiased; |
---|
840 | -moz-osx-font-smoothing:grayscale; |
---|
841 | } |
---|
842 | |
---|
843 | .pwg-button { cursor: pointer; } |
---|
844 | .pwg-button-text { display: inline; } |
---|
845 | .pwg-state-disabled { color: #555555; } |
---|
846 | |
---|
847 | .navigationButtons { font-size: 1.0rem; } |
---|
848 | .navigationButtons .pwg-button-text { display: none; } |
---|
849 | #slideshow .navGroup { margin-right: 1em; } |
---|
850 | .navGroup > .fa-clock-o { margin-right: 0.5em; } |
---|
851 | |
---|
852 | .pwg-icon-category-edit:before { content:"\f0ad"; } |
---|
853 | .pwg-icon-sort:before { content:"\f0dc"; } |
---|
854 | .pwg-icon-caddie-add:before { content:"\f196"; } |
---|
855 | .pwg-icon-category-view-flat:before { content:"\f24d"; } |
---|
856 | .pwg-icon-camera-calendar:before { content:"\f073"; } |
---|
857 | .pwg-icon-calendar:before { content:"\f133"; } |
---|
858 | .pwg-icon-slideshow:before { content:"\f144"; } |
---|
859 | .pwg-icon-sizes:before { content:"\f047"; } |
---|
860 | .pwg-icon-camera-info:before { content:"\f083"; } |
---|
861 | .pwg-icon-save:before { content:"\f019"; } |
---|
862 | .pwg-icon-favorite-add:before { content:"\f08a"; } |
---|
863 | .pwg-icon-favorite-del:before { content:"\f004"; } |
---|
864 | .pwg-icon-representative:before { content:"\f045"; } |
---|
865 | .pwg-icon-edit:before { content:"\f044"; } |
---|
866 | .pwg-icon-category-view-normal:before { content:"\f06e"; } |
---|
867 | .pwg-icon-letters:before { content:"\f15d"; } |
---|
868 | .pwg-icon-cloud:before { content:"\f0c2"; } |
---|
869 | .pwg-icon-lost-password:before { content:"\f059"; } |
---|
870 | .pwg-icon-help:before { content:"\f059"; } |
---|
871 | .pwg-icon-info:before { content:"\f05a"; } |
---|
872 | .pwg-icon-close:before { content:"\f148"; } |
---|
873 | .pwg-icon-clock-minus:before { content:"\f068"; } |
---|
874 | .pwg-icon-clock-plus:before { content:"\f067"; } |
---|
875 | .pwg-icon-repeat:before { content:"\f01e"; } |
---|
876 | .pwg-icon-stop:before { content:"\f28d"; } |
---|
877 | .pwg-icon-play:before { content:"\f144"; } |
---|
878 | .pwg-icon-pause:before { content:"\f28b"; } |
---|
879 | .pwg-icon-arrow-w:before { content:"\f053"; } |
---|
880 | .pwg-icon-arrow-e:before { content:"\f054"; } |
---|
881 | .pwg-icon-arrow-n:before { content:"\f139"; } |
---|
882 | |
---|
883 | .batch-downloader-icon { background: none !important; } |
---|
884 | .batch-downloader-icon:before { content:"\f019"; } |
---|
885 | |
---|
886 | #showPhotoProperties:before { content:"\f040 "; font-family:FontAwesome; } |
---|
887 | |
---|