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