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         background: url('images/tipsy.png') no-repeat top left;
  26         width: 9px;
  27         height: 5px;
  28 }
  29 .tipsy-n .tipsy-arrow {
  30         top: 1px;
  31         left: 50%;
  32         margin-left: -4px;
  33 }
  34 .tipsy-nw .tipsy-arrow {
  35         top: 1px;
  36         left: 10px;
  37 }
  38 .tipsy-ne .tipsy-arrow {
  39         top: 1px;
  40         right: 10px;
  41 }
  42 .tipsy-s .tipsy-arrow {
  43         bottom: 1px;
  44         left: 50%;
  45         margin-left: -4px;
  46         background-position: bottom left;
  47 }
  48 .tipsy-sw .tipsy-arrow {
  49         bottom: 1px;
  50         left: 10px;
  51         background-position: bottom left;
  52 }
  53 .tipsy-se .tipsy-arrow {
  54         bottom: 1px;
  55         right: 10px;
  56         background-position: bottom left;
  57 }
  58 .tipsy-e .tipsy-arrow {
  59         top: 50%;
  60         margin-top: -4px;
  61         right: 1px;
  62         width: 5px;
  63         height: 9px;
  64         background-position: top right;
  65 }
  66 .tipsy-w .tipsy-arrow {
  67         top: 50%;
  68         margin-top: -4px;
  69         left: 1px;
  70         width: 5px;
  71         height: 9px;
  72 }