1234567891011121314151617181920212223242526272829303132333435363738394041424344454647 |
- /* Released as CC0: http://creativecommons.org/publicdomain/zero/1.0/ */
- /* by Bradley M. Kuhn <bkuhn@ebb.org> */
- .ui-tooltip, .arrow:after {
- background: black;
- border: 2px solid white;
- }
- .ui-tooltip {
- padding: 10px 20px;
- color: white;
- border-radius: 20px;
- box-shadow: 0 0 7px black;
- max-width: 50%;
- }
- .arrow {
- width: 70px;
- height: 16px;
- overflow: hidden;
- position: absolute;
- left: 50%;
- margin-left: -35px;
- bottom: -16px;
- }
- .arrow.top {
- top: -16px;
- bottom: auto;
- }
- .arrow.left {
- left: 20%;
- }
- .arrow:after {
- content: "";
- position: absolute;
- left: 20px;
- top: -20px;
- width: 25px;
- height: 25px;
- box-shadow: 6px 5px 9px -9px black;
- -webkit-transform: rotate(45deg);
- -ms-transform: rotate(45deg);
- transform: rotate(45deg);
- }
- .arrow.top:after {
- bottom: -20px;
- top: auto;
- }
|