wcfsetup/install/files/style/ui/tooltip.scss

   1 .balloonTooltip {
   2         background-color: $wcfTooltipBackground;
   3         border-radius: 2px;
   4         box-shadow: 0 0 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
   5         color: $wcfTooltipText;
   6         left: 0;
   7         max-width: 300px;
   8         padding: 5px 10px;
   9         pointer-events: none;
  10         position: absolute;
  11         top: 0;
  12         transition: visibility 0s linear .12s;
  13         visibility: hidden;
  14         z-index: 800;
  15
  16         @include wcfFontSmall;
  17
  18         > .elementPointer {
  19                 display: none;
  20         }
  21
  22         &.active {
  23                 visibility: visible;
  24
  25                 transition-delay: 0s;
  26         }
  27
  28         &.interactive {
  29                 pointer-events: all;
  30
  31                 > span {
  32                         cursor: pointer;
  33
  34                         &:not(:first-child) {
  35                                 border-left: 1px solid $wcfTooltipText;
  36                                 margin-left: 10px;
  37                                 padding-left: 10px;
  38                         }
  39                 }
  40         }
  41 }
  42
  43 #quoteManagerCopy {
  44         /* Prevent the tooltip from being selected on touch devices. */
  45         -webkit-user-select: none;
  46         -moz-user-select: none;
  47         -ms-user-select: none;
  48         user-select: none;
  49
  50         z-index: 350;
  51
  52         &.touchForceInaccessible {
  53                 pointer-events: none !important;
  54         }
  55
  56         @include screen-md-down {
  57                 @include wcfFontDefault;
  58         }
  59 }