resources/jquery.tipsy/jquery.tipsy.css

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