|
1 | 1 | /*! |
2 | | - * # Semantic UI 2.2.12 - Popup |
| 2 | + * # Semantic UI 2.2.14 - Popup |
3 | 3 | * http://github.com/semantic-org/semantic-ui/ |
4 | 4 | * |
5 | 5 | * |
|
33 | 33 | font-style: normal; |
34 | 34 | color: rgba(0, 0, 0, 0.87); |
35 | 35 | border-radius: 0.28571429rem; |
36 | | - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); |
| 36 | + -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); |
| 37 | + box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); |
37 | 38 | } |
38 | 39 | .ui.popup > .header { |
39 | 40 | padding: 0em; |
|
54 | 55 | -webkit-transform: rotate(45deg); |
55 | 56 | transform: rotate(45deg); |
56 | 57 | z-index: 2; |
57 | | - box-shadow: 1px 1px 0px 0px #bababc; |
| 58 | + -webkit-box-shadow: 1px 1px 0px 0px #bababc; |
| 59 | + box-shadow: 1px 1px 0px 0px #bababc; |
58 | 60 | } |
59 | 61 |
|
60 | 62 |
|
|
85 | 87 | -webkit-transform: rotate(45deg); |
86 | 88 | transform: rotate(45deg); |
87 | 89 | z-index: 2; |
88 | | - box-shadow: 1px 1px 0px 0px #bababc; |
| 90 | + -webkit-box-shadow: 1px 1px 0px 0px #bababc; |
| 91 | + box-shadow: 1px 1px 0px 0px #bababc; |
89 | 92 | } |
90 | 93 |
|
91 | 94 | /* Popup */ |
|
106 | 109 | font-style: normal; |
107 | 110 | color: rgba(0, 0, 0, 0.87); |
108 | 111 | border-radius: 0.28571429rem; |
109 | | - box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); |
| 112 | + -webkit-box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); |
| 113 | + box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); |
110 | 114 | z-index: 1; |
111 | 115 | } |
112 | 116 |
|
|
205 | 209 |
|
206 | 210 | /* Arrow */ |
207 | 211 | [data-tooltip][data-inverted]:before { |
208 | | - box-shadow: none !important; |
| 212 | + -webkit-box-shadow: none !important; |
| 213 | + box-shadow: none !important; |
209 | 214 | } |
210 | 215 |
|
211 | 216 | /* Arrow Position */ |
|
218 | 223 | background: #1B1C1D; |
219 | 224 | color: #FFFFFF; |
220 | 225 | border: none; |
221 | | - box-shadow: none; |
| 226 | + -webkit-box-shadow: none; |
| 227 | + box-shadow: none; |
222 | 228 | } |
223 | 229 | [data-tooltip][data-inverted]:after .header { |
224 | 230 | background-color: none; |
|
366 | 372 | /* Arrow */ |
367 | 373 | [data-position~="bottom"][data-tooltip]:before { |
368 | 374 | background: #FFFFFF; |
369 | | - box-shadow: -1px -1px 0px 0px #bababc; |
| 375 | + -webkit-box-shadow: -1px -1px 0px 0px #bababc; |
| 376 | + box-shadow: -1px -1px 0px 0px #bababc; |
370 | 377 | } |
371 | 378 | [data-position="left center"][data-tooltip]:before { |
372 | 379 | background: #FFFFFF; |
373 | | - box-shadow: 1px -1px 0px 0px #bababc; |
| 380 | + -webkit-box-shadow: 1px -1px 0px 0px #bababc; |
| 381 | + box-shadow: 1px -1px 0px 0px #bababc; |
374 | 382 | } |
375 | 383 | [data-position="right center"][data-tooltip]:before { |
376 | 384 | background: #FFFFFF; |
377 | | - box-shadow: -1px 1px 0px 0px #bababc; |
| 385 | + -webkit-box-shadow: -1px 1px 0px 0px #bababc; |
| 386 | + box-shadow: -1px 1px 0px 0px #bababc; |
378 | 387 | } |
379 | 388 | [data-position~="top"][data-tooltip]:before { |
380 | 389 | background: #FFFFFF; |
|
383 | 392 | /* Inverted Arrow Color */ |
384 | 393 | [data-inverted][data-position~="bottom"][data-tooltip]:before { |
385 | 394 | background: #1B1C1D; |
386 | | - box-shadow: -1px -1px 0px 0px #bababc; |
| 395 | + -webkit-box-shadow: -1px -1px 0px 0px #bababc; |
| 396 | + box-shadow: -1px -1px 0px 0px #bababc; |
387 | 397 | } |
388 | 398 | [data-inverted][data-position="left center"][data-tooltip]:before { |
389 | 399 | background: #1B1C1D; |
390 | | - box-shadow: 1px -1px 0px 0px #bababc; |
| 400 | + -webkit-box-shadow: 1px -1px 0px 0px #bababc; |
| 401 | + box-shadow: 1px -1px 0px 0px #bababc; |
391 | 402 | } |
392 | 403 | [data-inverted][data-position="right center"][data-tooltip]:before { |
393 | 404 | background: #1B1C1D; |
394 | | - box-shadow: -1px 1px 0px 0px #bababc; |
| 405 | + -webkit-box-shadow: -1px 1px 0px 0px #bababc; |
| 406 | + box-shadow: -1px 1px 0px 0px #bababc; |
395 | 407 | } |
396 | 408 | [data-inverted][data-position~="top"][data-tooltip]:before { |
397 | 409 | background: #1B1C1D; |
|
488 | 500 | left: 50%; |
489 | 501 | right: auto; |
490 | 502 | bottom: auto; |
491 | | - box-shadow: -1px -1px 0px 0px #bababc; |
| 503 | + -webkit-box-shadow: -1px -1px 0px 0px #bababc; |
| 504 | + box-shadow: -1px -1px 0px 0px #bababc; |
492 | 505 | } |
493 | 506 | .ui.bottom.left.popup { |
494 | 507 | margin-left: 0em; |
|
500 | 513 | right: auto; |
501 | 514 | bottom: auto; |
502 | 515 | margin-left: 0em; |
503 | | - box-shadow: -1px -1px 0px 0px #bababc; |
| 516 | + -webkit-box-shadow: -1px -1px 0px 0px #bababc; |
| 517 | + box-shadow: -1px -1px 0px 0px #bababc; |
504 | 518 | } |
505 | 519 | .ui.bottom.right.popup { |
506 | 520 | margin-right: 0em; |
|
512 | 526 | bottom: auto; |
513 | 527 | left: auto; |
514 | 528 | margin-left: 0em; |
515 | | - box-shadow: -1px -1px 0px 0px #bababc; |
| 529 | + -webkit-box-shadow: -1px -1px 0px 0px #bababc; |
| 530 | + box-shadow: -1px -1px 0px 0px #bababc; |
516 | 531 | } |
517 | 532 |
|
518 | 533 | /*--- Above ---*/ |
|
556 | 571 | bottom: auto; |
557 | 572 | left: auto; |
558 | 573 | margin-top: -0.30714286em; |
559 | | - box-shadow: 1px -1px 0px 0px #bababc; |
| 574 | + -webkit-box-shadow: 1px -1px 0px 0px #bababc; |
| 575 | + box-shadow: 1px -1px 0px 0px #bababc; |
560 | 576 | } |
561 | 577 |
|
562 | 578 | /*--- Right Center ---*/ |
|
568 | 584 | bottom: auto; |
569 | 585 | right: auto; |
570 | 586 | margin-top: -0.30714286em; |
571 | | - box-shadow: -1px 1px 0px 0px #bababc; |
| 587 | + -webkit-box-shadow: -1px 1px 0px 0px #bababc; |
| 588 | + box-shadow: -1px 1px 0px 0px #bababc; |
572 | 589 | } |
573 | 590 |
|
574 | 591 | /* Arrow Color By Location */ |
|
678 | 695 | background: #1B1C1D; |
679 | 696 | color: #FFFFFF; |
680 | 697 | border: none; |
681 | | - box-shadow: none; |
| 698 | + -webkit-box-shadow: none; |
| 699 | + box-shadow: none; |
682 | 700 | } |
683 | 701 | .ui.inverted.popup .header { |
684 | 702 | background-color: none; |
685 | 703 | color: #FFFFFF; |
686 | 704 | } |
687 | 705 | .ui.inverted.popup:before { |
688 | 706 | background-color: #1B1C1D; |
689 | | - box-shadow: none !important; |
| 707 | + -webkit-box-shadow: none !important; |
| 708 | + box-shadow: none !important; |
690 | 709 | } |
691 | 710 |
|
692 | 711 | /*-------------- |
|
0 commit comments