1/**
2 * DokuWiki Plugin tagfilter (JavaScript Component)
3 *
4 */
5
6div.tagfilter.loading {
7
8	min-height:12px;
9	min-width:150px;
10
11	text-align:left;
12	vertical-align:center;
13	background-image: url('./../../images/loading.gif');
14	background-repeat:no-repeat;
15	opacity: 1;
16}
17div.tagfilter.loading * {
18    opacity: .1;
19}
20
21div.tagfilter {
22	margin-top: 5px;
23	overflow: auto;
24	max-width: 99%;
25}
26form div.tagfilter {
27    margin-top: 1px;
28}
29
30label.tagfilter {
31	display:block;
32	float:left;
33	padding-right:20px;
34
35}
36
37label.tagfilter > span{
38    font-weight: bold;
39    min-height:20px;
40	display:block;
41}
42
43form[data-plugin=tagfilter] button {
44    padding:5px 5px;
45    margin:20px 0px 0px 0px;
46    float:left;
47
48}
49
50form[data-plugin=tagfilter] fieldset.hidelabel label.tagfilter > span {
51	display:none;
52}
53form[data-plugin=tagfilter] fieldset.hidelabel button {
54	margin:0px 0px 0px 0px;
55}
56
57form[data-plugin=tagfilter] fieldset div.tagfilter_count {
58	margin:25px 0px 0px 10px;
59	float:left;
60	font-style: italic;
61}
62
63.select2-results li {
64    margin-left:0px;
65}
66
67input.select2-default {
68    color:#333 !important;
69    padding: 2px 2px !important;
70}
71
72
73.select2-container * {
74    text-decoration:none !important;
75    color:#000 !important;
76    font-size: small;
77}
78
79.select2-drop  {
80    font-size: small;
81    color:#000;
82}
83
84.select2-container-multi .select2-choices .select2-search-choice {
85    margin: 2px 0 2px 5px !important;
86    padding: 2px 5px 2px 18px !important;
87}
88
89.select2-container-multi .select2-choices .select2-search-field input {
90    padding: 2px 5px !important;
91}
92
93.select2-container-multi .select2-choices {
94    min-height: 25px !important;
95}
96
97.select2-search-choice {
98    margin: 2px 0 2px 5px !important;
99}
100
101
102
103
104/*
105Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
106*/
107.select2-container {
108    margin: 0;
109    position: relative;
110    display: inline-block;
111    /* inline-block for ie7 */
112    zoom: 1;
113    *display: inline;
114    vertical-align: middle;
115}
116
117.select2-container,
118.select2-drop,
119.select2-search,
120.select2-search input {
121  /*
122    Force border-box so that % widths fit the parent
123    container without overlap because of margin/padding.
124    More Info : http://www.quirksmode.org/css/box.html
125  */
126  -webkit-box-sizing: border-box; /* webkit */
127     -moz-box-sizing: border-box; /* firefox */
128          box-sizing: border-box; /* css3 */
129}
130
131.select2-container .select2-choice {
132    display: block;
133    height: 26px;
134    padding: 0 0 0 8px;
135    overflow: hidden;
136    position: relative;
137
138    border: 1px solid #aaa;
139    white-space: nowrap;
140    line-height: 22px;
141    color: #444;
142    text-decoration: none;
143
144    border-radius: 4px;
145
146    background-clip: padding-box;
147
148    -webkit-touch-callout: none;
149      -webkit-user-select: none;
150         -moz-user-select: none;
151          -ms-user-select: none;
152              user-select: none;
153
154    background-color: #fff;
155    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
156    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
157    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
158    filter:none;
159	background-image: linear-gradient(to top, #eee 0%, #fff 50%);
160}
161
162.select2-container.select2-drop-above .select2-choice {
163    border-bottom-color: #aaa;
164
165    border-radius: 0 0 4px 4px;
166
167    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
168    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
169    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
170	filter:none;
171    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
172}
173
174.select2-container.select2-allowclear .select2-choice .select2-chosen {
175    margin-right: 42px;
176}
177
178.select2-container .select2-choice > .select2-chosen {
179    margin-right: 26px;
180    display: block;
181    overflow: hidden;
182
183    white-space: nowrap;
184
185    text-overflow: ellipsis;
186    float: none;
187    width: auto;
188}
189
190.select2-container .select2-choice abbr {
191    display: none;
192    width: 12px;
193    height: 12px;
194    position: absolute;
195    right: 24px;
196    top: 8px;
197
198    font-size: 1px;
199    text-decoration: none;
200
201    border: 0;
202    background: url('script/select2/select2.png') right top no-repeat;
203    cursor: pointer;
204    outline: 0;
205}
206
207.select2-container.select2-allowclear .select2-choice abbr {
208    display: inline-block;
209}
210
211.select2-container .select2-choice abbr:hover {
212    background-position: right -11px;
213    cursor: pointer;
214}
215
216.select2-drop-mask {
217    border: 0;
218    margin: 0;
219    padding: 0;
220    position: fixed;
221    left: 0;
222    top: 0;
223    min-height: 100%;
224    min-width: 100%;
225    height: auto;
226    width: auto;
227    opacity: 0;
228    z-index: 9998;
229    /* styles required for IE to work */
230    background-color: #fff;
231    filter: alpha(opacity=0);
232}
233
234.select2-drop {
235    width: 100%;
236    margin-top: -1px;
237    position: absolute;
238    z-index: 9999;
239    top: 100%;
240
241    background: #fff;
242    color: #000;
243    border: 1px solid #aaa;
244    border-top: 0;
245
246    border-radius: 0 0 4px 4px;
247
248    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
249            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
250}
251
252.select2-drop.select2-drop-above {
253    margin-top: 1px;
254    border-top: 1px solid #aaa;
255    border-bottom: 0;
256
257    border-radius: 4px 4px 0 0;
258
259    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
260            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
261}
262
263.select2-drop-active {
264    border: 1px solid #5897fb;
265    border-top: none;
266}
267
268.select2-drop.select2-drop-above.select2-drop-active {
269    border-top: 1px solid #5897fb;
270}
271
272.select2-drop-auto-width {
273    border-top: 1px solid #aaa;
274    width: auto;
275}
276
277.select2-drop-auto-width .select2-search {
278    padding-top: 4px;
279}
280
281.select2-container .select2-choice .select2-arrow {
282    display: inline-block;
283    width: 18px;
284    height: 100%;
285    position: absolute;
286    right: 0;
287    top: 0;
288
289    border-left: 1px solid #aaa;
290    border-radius: 0 4px 4px 0;
291
292    background-clip: padding-box;
293
294    background: #ccc;
295    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
296    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
297    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
298	filter:none;
299    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
300}
301
302.select2-container .select2-choice .select2-arrow b {
303    display: block;
304    width: 100%;
305    height: 100%;
306    background: url('script/select2/select2.png') no-repeat 0 1px;
307}
308
309.select2-search {
310    display: inline-block;
311    width: 100%;
312    min-height: 26px;
313    margin: 0;
314    padding-left: 4px;
315    padding-right: 4px;
316
317    position: relative;
318    z-index: 10000;
319
320    white-space: nowrap;
321}
322
323.select2-search input {
324    width: 100%;
325    height: auto !important;
326    min-height: 26px;
327    padding: 4px 20px 4px 5px;
328    margin: 0;
329
330    outline: 0;
331    font-family: sans-serif;
332    font-size: 1em;
333
334    border: 1px solid #aaa;
335    border-radius: 0;
336
337    -webkit-box-shadow: none;
338            box-shadow: none;
339
340    background: #fff url('script/select2/select2.png') no-repeat 100% -22px;
341    background: url('script/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
342    background: url('script/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
343    background: url('script/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
344    background: url('script/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
345}
346
347.select2-drop.select2-drop-above .select2-search input {
348    margin-top: 4px;
349}
350
351.select2-search input.select2-active {
352    background: #fff url('script/select2/select2-spinner.gif') no-repeat 100%;
353    background: url('script/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
354    background: url('script/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
355    background: url('script/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
356    background: url('script/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
357}
358
359.select2-container-active .select2-choice,
360.select2-container-active .select2-choices {
361    border: 1px solid #5897fb;
362    outline: none;
363
364    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
365            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
366}
367
368.select2-dropdown-open .select2-choice {
369    border-bottom-color: transparent;
370    -webkit-box-shadow: 0 1px 0 #fff inset;
371            box-shadow: 0 1px 0 #fff inset;
372
373    border-bottom-left-radius: 0;
374    border-bottom-right-radius: 0;
375
376    background-color: #eee;
377    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
378    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
379    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
380	filter:none;
381    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
382}
383
384.select2-dropdown-open.select2-drop-above .select2-choice,
385.select2-dropdown-open.select2-drop-above .select2-choices {
386    border: 1px solid #5897fb;
387    border-top-color: transparent;
388
389    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
390    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
391    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
392	filter:none;
393    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
394}
395
396.select2-dropdown-open .select2-choice .select2-arrow {
397    background: transparent;
398    border-left: none;
399    filter: none;
400}
401.select2-dropdown-open .select2-choice .select2-arrow b {
402    background-position: -18px 1px;
403}
404
405.select2-hidden-accessible {
406    border: 0;
407    clip: rect(0 0 0 0);
408    height: 1px;
409    margin: -1px;
410    overflow: hidden;
411    padding: 0;
412    position: absolute;
413    width: 1px;
414}
415
416/* results */
417.select2-results {
418    max-height: 200px;
419    padding: 0 0 0 4px;
420    margin: 4px 4px 4px 0;
421    position: relative;
422    overflow-x: hidden;
423    overflow-y: auto;
424    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
425}
426
427.select2-results ul.select2-result-sub {
428    margin: 0;
429    padding-left: 0;
430}
431
432.select2-results ul.select2-result-sub > li .select2-result-label { padding-left: 20px }
433.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 40px }
434.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 60px }
435.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 80px }
436.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 100px }
437.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 110px }
438.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label { padding-left: 120px }
439
440.select2-results li {
441    list-style: none;
442    display: list-item;
443    background-image: none;
444}
445
446.select2-results li.select2-result-with-children > .select2-result-label {
447    font-weight: bold;
448}
449
450.select2-results .select2-result-label {
451    padding: 3px 7px 4px;
452    margin: 0;
453    cursor: pointer;
454
455    min-height: 1em;
456
457    -webkit-touch-callout: none;
458      -webkit-user-select: none;
459         -moz-user-select: none;
460          -ms-user-select: none;
461              user-select: none;
462}
463
464.select2-results .select2-highlighted {
465    background: #3875d7;
466    color: #fff;
467}
468
469.select2-results li em {
470    background: #feffde;
471    font-style: normal;
472}
473
474.select2-results .select2-highlighted em {
475    background: transparent;
476}
477
478.select2-results .select2-highlighted ul {
479    background: #fff;
480    color: #000;
481}
482
483
484.select2-results .select2-no-results,
485.select2-results .select2-searching,
486.select2-results .select2-selection-limit {
487    background: #f4f4f4;
488    display: list-item;
489    padding-left: 5px;
490}
491
492/*
493disabled look for disabled choices in the results dropdown
494*/
495.select2-results .select2-disabled.select2-highlighted {
496    color: #666;
497    background: #f4f4f4;
498    display: list-item;
499    cursor: default;
500}
501.select2-results .select2-disabled {
502  background: #f4f4f4;
503  display: list-item;
504  cursor: default;
505}
506
507.select2-results .select2-selected {
508    display: none;
509}
510
511.select2-more-results.select2-active {
512    background: #f4f4f4 url('script/select2/select2-spinner.gif') no-repeat 100%;
513}
514
515.select2-more-results {
516    background: #f4f4f4;
517    display: list-item;
518}
519
520/* disabled styles */
521
522.select2-container.select2-container-disabled .select2-choice {
523    background-color: #f4f4f4;
524    background-image: none;
525    border: 1px solid #ddd;
526    cursor: default;
527}
528
529.select2-container.select2-container-disabled .select2-choice .select2-arrow {
530    background-color: #f4f4f4;
531    background-image: none;
532    border-left: 0;
533}
534
535.select2-container.select2-container-disabled .select2-choice abbr {
536    display: none;
537}
538
539
540/* multiselect */
541
542.select2-container-multi .select2-choices {
543    height: auto !important;
544    height: 1%;
545    margin: 0;
546    padding: 0;
547    position: relative;
548
549    border: 1px solid #aaa;
550    cursor: text;
551    overflow: hidden;
552
553    background-color: #fff;
554    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
555    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
556    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
557    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
558}
559
560.select2-locked {
561  padding: 3px 5px 3px 5px !important;
562}
563
564.select2-container-multi .select2-choices {
565    min-height: 26px;
566}
567
568.select2-container-multi.select2-container-active .select2-choices {
569    border: 1px solid #5897fb;
570    outline: none;
571
572    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
573            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
574}
575.select2-container-multi .select2-choices li {
576    float: left;
577    list-style: none;
578}
579html[dir="rtl"] .select2-container-multi .select2-choices li
580{
581    float: right;
582}
583.select2-container-multi .select2-choices .select2-search-field {
584    margin: 0;
585    padding: 0;
586    white-space: nowrap;
587}
588
589.select2-container-multi .select2-choices .select2-search-field input {
590    padding: 5px;
591    margin: 1px 0;
592
593    font-family: sans-serif;
594    font-size: 100%;
595    color: #666;
596    outline: 0;
597    border: 0;
598    -webkit-box-shadow: none;
599            box-shadow: none;
600    background: transparent !important;
601}
602
603.select2-container-multi .select2-choices .select2-search-field input.select2-active {
604    background: #fff url('script/select2/select2-spinner.gif') no-repeat 100% !important;
605}
606
607.select2-default {
608    color: #999 !important;
609}
610
611.select2-container-multi .select2-choices .select2-search-choice {
612    padding: 3px 5px 3px 18px;
613    margin: 3px 0 3px 5px;
614    position: relative;
615
616    line-height: 13px;
617    color: #333;
618    cursor: default;
619    border: 1px solid #aaaaaa;
620
621    border-radius: 3px;
622
623    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
624            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
625
626    background-clip: padding-box;
627
628    -webkit-touch-callout: none;
629      -webkit-user-select: none;
630         -moz-user-select: none;
631          -ms-user-select: none;
632              user-select: none;
633
634    background-color: #e4e4e4;
635	filter:none;
636    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
637    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
638    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
639    background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
640}
641html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
642{
643    margin-left: 0;
644    margin-right: 5px;
645}
646.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
647    cursor: default;
648}
649.select2-container-multi .select2-choices .select2-search-choice-focus {
650    background: #d4d4d4;
651}
652
653.select2-search-choice-close {
654    display: block;
655    width: 12px;
656    height: 13px;
657    position: absolute;
658    right: 3px;
659    top: 4px;
660
661    font-size: 1px;
662    outline: none;
663    background: url('script/select2/select2.png') right top no-repeat;
664}
665html[dir="rtl"] .select2-search-choice-close {
666    right: auto;
667    left: 3px;
668}
669
670.select2-container-multi .select2-search-choice-close {
671    left: 3px;
672}
673
674.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
675  background-position: right -11px;
676}
677.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
678    background-position: right -11px;
679}
680
681/* disabled styles */
682.select2-container-multi.select2-container-disabled .select2-choices {
683    background-color: #f4f4f4;
684    background-image: none;
685    border: 1px solid #ddd;
686    cursor: default;
687}
688
689.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
690    padding: 3px 5px 3px 5px;
691    border: 1px solid #ddd;
692    background-image: none;
693    background-color: #f4f4f4;
694}
695
696.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
697    background: none;
698}
699/* end multiselect */
700
701
702.select2-result-selectable .select2-match,
703.select2-result-unselectable .select2-match {
704    text-decoration: underline;
705}
706
707.select2-offscreen, .select2-offscreen:focus {
708    clip: rect(0 0 0 0) !important;
709    width: 1px !important;
710    height: 1px !important;
711    border: 0 !important;
712    margin: 0 !important;
713    padding: 0 !important;
714    overflow: hidden !important;
715    position: absolute !important;
716    outline: 0 !important;
717    left: 0px !important;
718    top: 0px !important;
719}
720
721.select2-display-none {
722    display: none;
723}
724
725.select2-measure-scrollbar {
726    position: absolute;
727    top: -10000px;
728    left: -10000px;
729    width: 100px;
730    height: 100px;
731    overflow: scroll;
732}
733
734/* Retina-ize icons */
735
736@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
737    .select2-search input,
738    .select2-search-choice-close,
739    .select2-container .select2-choice abbr,
740    .select2-container .select2-choice .select2-arrow b {
741        background-image: url('script/select2/select2x2.png') !important;
742        background-repeat: no-repeat !important;
743        background-size: 60px 40px !important;
744    }
745
746    .select2-search input {
747        background-position: 100% -21px !important;
748    }
749}
750
751