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