resources/jquery.tipsy/jquery.tipsy.css

   1 .tipsy {
   2         padding: 5px;
   3         position: absolute;
   4         z-index: 100000;
   5         cursor: default;
   6 }
   7 .tipsy-inner {
   8         padding: 5px 8px 4px 8px;
   9         /*background-color: #e8f2f8;*/
  10         background-color: #ffffff;
  11         border: solid 1px #a7d7f9;
  12         color: black;
  13         max-width: 15em;
  14         border-radius: 4px;
  15         -moz-border-radius: 4px;
  16         -webkit-border-radius: 4px;
  17         /*
  18         -moz-box-shadow: 0px 2px 8px #cccccc;
  19         -webkit-box-shadow: 0px 2px 8px #cccccc;
  20         box-shadow: 0px 2px 8px #cccccc;
  21         -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=2, Strength=6, Direction=90, Color='#cccccc')";
  22         filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=2, Strength=6, Direction=90, Color='#cccccc');
  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 /* @noflip */ .tipsy-n .tipsy-arrow {
  33         top: 0px;
  34         left: 50%;
  35         margin-left: -5px;
  36 }
  37 /* @noflip */ .tipsy-nw .tipsy-arrow {
  38         top: 1px;
  39         left: 10px;
  40 }
  41 /* @noflip */ .tipsy-ne .tipsy-arrow {
  42         top: 1px;
  43         right: 10px;
  44 }
  45 /* @noflip */ .tipsy-s .tipsy-arrow {
  46         bottom: 0px;
  47         left: 50%;
  48         margin-left: -5px;
  49         background-position: bottom left;
  50 }
  51 /* @noflip */ .tipsy-sw .tipsy-arrow {
  52         bottom: 0px;
  53         left: 10px;
  54         background-position: bottom left;
  55 }
  56 /* @noflip */ .tipsy-se .tipsy-arrow {
  57         bottom: 0px;
  58         right: 10px;
  59         background-position: bottom left;
  60 }
  61 /* @noflip */ .tipsy-e .tipsy-arrow {
  62         top: 50%;
  63         margin-top: -5px;
  64         right: 1px;
  65         width: 5px;
  66         height: 11px;
  67         background-position: top right;
  68 }
  69 /* @noflip */ .tipsy-w .tipsy-arrow {
  70         top: 50%;
  71         margin-top: -5px;
  72         left: 0px;
  73         width: 6px;
  74         height: 11px;
  75 }