library/tiptip/tipTip.css

   1 /* TipTip CSS - Version 1.2 */
   2
   3 #tiptip_holder {
   4         display: none;
   5         position: absolute;
   6         top: 0;
   7         left: 0;
   8         z-index: 99999;
   9 }
  10
  11 #tiptip_holder.tip_top {
  12         padding-bottom: 5px;
  13 }
  14
  15 #tiptip_holder.tip_bottom {
  16         padding-top: 5px;
  17 }
  18
  19 #tiptip_holder.tip_right {
  20         padding-left: 5px;
  21 }
  22
  23 #tiptip_holder.tip_left {
  24         padding-right: 5px;
  25 }
  26
  27 #tiptip_content {
  28         font-size: 11px;
  29         color: #fff;
  30         text-shadow: 0 0 2px #000;
  31         padding: 4px 8px;
  32         border: 1px solid rgba(255,255,255,0.25);
  33         background-color: rgb(25,25,25);
  34         background-color: rgba(25,25,25,0.92);
  35         background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
  36         border-radius: 3px;
  37         -webkit-border-radius: 3px;
  38         -moz-border-radius: 3px;
  39         box-shadow: 0 0 3px #555;
  40         -webkit-box-shadow: 0 0 3px #555;
  41         -moz-box-shadow: 0 0 3px #555;
  42 }
  43
  44 #tiptip_arrow, #tiptip_arrow_inner {
  45         position: absolute;
  46         border-color: transparent;
  47         border-style: solid;
  48         border-width: 6px;
  49         height: 0;
  50         width: 0;
  51 }
  52
  53 #tiptip_holder.tip_top #tiptip_arrow {
  54         border-top-color: #fff;
  55         border-top-color: rgba(255,255,255,0.35);
  56 }
  57
  58 #tiptip_holder.tip_bottom #tiptip_arrow {
  59         border-bottom-color: #fff;
  60         border-bottom-color: rgba(255,255,255,0.35);
  61 }
  62
  63 #tiptip_holder.tip_right #tiptip_arrow {
  64         border-right-color: #fff;
  65         border-right-color: rgba(255,255,255,0.35);
  66 }
  67
  68 #tiptip_holder.tip_left #tiptip_arrow {
  69         border-left-color: #fff;
  70         border-left-color: rgba(255,255,255,0.35);
  71 }
  72
  73 #tiptip_holder.tip_top #tiptip_arrow_inner {
  74         margin-top: -7px;
  75         margin-left: -6px;
  76         border-top-color: rgb(25,25,25);
  77         border-top-color: rgba(25,25,25,0.92);
  78 }
  79
  80 #tiptip_holder.tip_bottom #tiptip_arrow_inner {
  81         margin-top: -5px;
  82         margin-left: -6px;
  83         border-bottom-color: rgb(25,25,25);
  84         border-bottom-color: rgba(25,25,25,0.92);
  85 }
  86
  87 #tiptip_holder.tip_right #tiptip_arrow_inner {
  88         margin-top: -6px;
  89         margin-left: -5px;
  90         border-right-color: rgb(25,25,25);
  91         border-right-color: rgba(25,25,25,0.92);
  92 }
  93
  94 #tiptip_holder.tip_left #tiptip_arrow_inner {
  95         margin-top: -6px;
  96         margin-left: -7px;
  97         border-left-color: rgb(25,25,25);
  98         border-left-color: rgba(25,25,25,0.92);
  99 }
 100
 101 /* Webkit Hacks  */
 102 @media screen and (-webkit-min-device-pixel-ratio:0) {
 103         #tiptip_content {
 104                 padding: 4px 8px 5px 8px;
 105                 background-color: rgba(45,45,45,0.88);
 106         }
 107         #tiptip_holder.tip_bottom #tiptip_arrow_inner {
 108                 border-bottom-color: rgba(45,45,45,0.88);
 109         }
 110         #tiptip_holder.tip_top #tiptip_arrow_inner {
 111                 border-top-color: rgba(20,20,20,0.92);
 112         }
 113 }