tooltips.css 1.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. /* Tooltips CSS definitions */
  2. .tooltip {
  3. position: absolute!important;
  4. overflow:hidden;
  5. font-size: 12px;
  6. z-index: 10000!important;
  7. }
  8. .tooltip .xtop, .tooltip .xbottom { display: block; background: transparent; font-size: 1px; }
  9. .tooltip .xb1, .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { display: block; overflow: hidden; }
  10. .tooltip .xb1, .tooltip .xb2, .tooltip .xb3 { height: 1px; }
  11. .tooltip .xb2, .tooltip .xb3, .tooltip .xb4 { background: #666; border-left: 1px solid #333; border-right: 1px solid #333; }
  12. .tooltip .xbottom .xb2, .tooltip .xbottom .xb3, .tooltip .xbottom .xb4 { background: #666; }
  13. .tooltip .xb1 { margin: 0 5px; background: #333; }
  14. .tooltip .xb2 { margin: 0 3px; border-width: 0 2px; }
  15. .tooltip .xb3 { margin: 0 2px; }
  16. .tooltip .xb4 { height: 2px; margin: 0 1px; }
  17. .tooltip .xarrow {
  18. position: relative;
  19. top: 2px; left: 12px;
  20. width: 11px;
  21. height: 7px;
  22. }
  23. .tooltip .xarrow b {
  24. display: block;
  25. background:#666;
  26. border-left:1px solid #333;
  27. border-right:1px solid #333;
  28. font-size:1px;
  29. height: 1px;
  30. }
  31. .tooltip .xarrow .a1 { margin: 0 5px; background-color: #333; border: 0 solid; width: 1px; }
  32. .tooltip .xarrow .a2 { width: 1px; margin: 0 4px;}
  33. .tooltip .xarrow .a3 { width: 3px; margin: 0 3px;}
  34. .tooltip .xarrow .a4 { width: 5px; margin: 0 2px;}
  35. .tooltip .xarrow .a5 { width: 7px; margin: 0 1px;}
  36. .tooltip .xarrow .a6 { width: 9px; margin: 0 0px;}
  37. .tooltip .xboxcontent {
  38. padding: 0 .5em;
  39. margin: 0;
  40. color: #000;
  41. text-shadow: 1px 1px 0px #CCC;
  42. word-wrap:break-word;
  43. border: 1px solid #333;
  44. border-width: 0px 1px 0 1px;
  45. background-color: #666;
  46. }