resources/src/jquery.tipsy/jquery.tipsy.css

   1 /* stylelint-disable selector-class-pattern */
   2
   3 .tipsy {
   4         padding: 5px;
   5         position: absolute;
   6         z-index: 100000;
   7         cursor: default;
   8 }
   9
  10 .tipsy-inner {
  11         padding: 5px 8px 4px 8px;
  12         /* background-color: #e8f2f8; */
  13         background-color: #fff;
  14         border: solid 1px #a7d7f9;
  15         color: #000;
  16         max-width: 15em;
  17         border-radius: 4px;
  18         /*
  19          * -moz-box-shadow: 0px 2px 8px #cccccc;
  20          * -webkit-box-shadow: 0px 2px 8px #cccccc;
  21          * box-shadow: 0px 2px 8px #cccccc;
  22          * -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=2, Strength=6, Direction=90, Color='#cccccc')";
  23          * filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=2, Strength=6, Direction=90, Color='#cccccc');
  24          */
  25 }
  26
  27 .tipsy-arrow {
  28         position: absolute;
  29         /* @embed */
  30         background: url( images/tipsy.png ) no-repeat top left;
  31         width: 11px;
  32         height: 6px;
  33 }
  34
  35 /* @noflip */
  36 .tipsy-n .tipsy-arrow {
  37         top: 0;
  38         left: 50%;
  39         margin-left: -5px;
  40 }
  41
  42 /* @noflip */
  43 .tipsy-nw .tipsy-arrow {
  44         top: 0;
  45         left: 10px;
  46 }
  47
  48 /* @noflip */
  49 .tipsy-ne .tipsy-arrow {
  50         top: 0;
  51         right: 10px;
  52 }
  53
  54 /* @noflip */
  55 .tipsy-s .tipsy-arrow {
  56         bottom: 0;
  57         left: 50%;
  58         margin-left: -5px;
  59         background-position: bottom left;
  60 }
  61
  62 /* @noflip */
  63 .tipsy-sw .tipsy-arrow {
  64         bottom: 0;
  65         left: 10px;
  66         background-position: bottom left;
  67 }
  68
  69 /* @noflip */
  70 .tipsy-se .tipsy-arrow {
  71         bottom: 0;
  72         right: 10px;
  73         background-position: bottom left;
  74 }
  75
  76 /* @noflip */
  77 .tipsy-e .tipsy-arrow {
  78         top: 50%;
  79         margin-top: -5px;
  80         right: 0;
  81         width: 6px;
  82         height: 11px;
  83         background-position: top right;
  84 }
  85
  86 /* @noflip */
  87 .tipsy-w .tipsy-arrow {
  88         top: 50%;
  89         margin-top: -5px;
  90         left: 0;
  91         width: 6px;
  92         height: 11px;
  93 }