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

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