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         border: solid 1px #a7d7f9;
  11         color: black;
  12         max-width: 15em;
  13         text-align: left;
  14         border-radius: 3px;
  15         -moz-border-radius: 3px;
  16         -webkit-border-radius: 3px;
  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 .tipsy-arrow {
  24         position: absolute;
  25         /* @embed */
  26         background: url('images/tipsy.png') no-repeat top left;
  27         width: 9px;
  28         height: 5px;
  29 }
  30 .tipsy-n .tipsy-arrow {
  31         top: 1px;
  32         left: 50%;
  33         margin-left: -4px;
  34 }
  35 .tipsy-nw .tipsy-arrow {
  36         top: 1px;
  37         left: 10px;
  38 }
  39 .tipsy-ne .tipsy-arrow {
  40         top: 1px;
  41         right: 10px;
  42 }
  43 .tipsy-s .tipsy-arrow {
  44         bottom: 1px;
  45         left: 50%;
  46         margin-left: -4px;
  47         background-position: bottom left;
  48 }
  49 .tipsy-sw .tipsy-arrow {
  50         bottom: 1px;
  51         left: 10px;
  52         background-position: bottom left;
  53 }
  54 .tipsy-se .tipsy-arrow {
  55         bottom: 1px;
  56         right: 10px;
  57         background-position: bottom left;
  58 }
  59 .tipsy-e .tipsy-arrow {
  60         top: 50%;
  61         margin-top: -4px;
  62         right: 1px;
  63         width: 5px;
  64         height: 9px;
  65         background-position: top right;
  66 }
  67 .tipsy-w .tipsy-arrow {
  68         top: 50%;
  69         margin-top: -4px;
  70         left: 1px;
  71         width: 5px;
  72         height: 9px;
  73 }