Halaman utama Jelajahi Bantuan
Daftar Masuk
alphabbet
/
DBManagement
1
0
Fork 0
Berkas Masalah 0 Permintaan Tarik 0 Wiki
Cabang: master
Ranting Tag
DBManagement
/
target
/
classes
/
static
/
easyui
/
themes
/
metro
/
tooltip.css

tooltip.css 1.9 KB
Permalink Riwayat Mentahan

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103 
  1. .tooltip {
    2. 

  2.   position: absolute;
    3. 

  3.   display: none;
    4. 

  4.   z-index: 9900000;
    5. 

  5.   outline: none;
    6. 

  6.   opacity: 1;
    7. 

  7.   filter: alpha(opacity=100);
    8. 

  8.   padding: 5px;
    9. 

  9.   border-width: 1px;
    10. 

  10.   border-style: solid;
    11. 

  11.   border-radius: 5px;
    12. 

  12.   -moz-border-radius: 0px 0px 0px 0px;
    13. 

  13.   -webkit-border-radius: 0px 0px 0px 0px;
    14. 

  14.   border-radius: 0px 0px 0px 0px;
    15. 

  15. }
    16. 

  16. .tooltip-content {
    17. 

  17.   font-size: 14px;
    18. 

  18. }
    19. 

  19. .tooltip-arrow-outer,
    20. 

  20. .tooltip-arrow {
    21. 

  21.   position: absolute;
    22. 

  22.   width: 0;
    23. 

  23.   height: 0;
    24. 

  24.   line-height: 0;
    25. 

  25.   font-size: 0;
    26. 

  26.   border-style: solid;
    27. 

  27.   border-width: 6px;
    28. 

  28.   border-color: transparent;
    29. 

  29.   _border-color: tomato;
    30. 

  30.   _filter: chroma(color=tomato);
    31. 

  31. }
    32. 

  32. .tooltip-arrow {
    33. 

  33.   display: none \9;
    34. 

  34. }
    35. 

  35. .tooltip-right .tooltip-arrow-outer {
    36. 

  36.   left: 0;
    37. 

  37.   top: 50%;
    38. 

  38.   margin: -6px 0 0 -13px;
    39. 

  39. }
    40. 

  40. .tooltip-right .tooltip-arrow {
    41. 

  41.   left: 0;
    42. 

  42.   top: 50%;
    43. 

  43.   margin: -6px 0 0 -12px;
    44. 

  44. }
    45. 

  45. .tooltip-left .tooltip-arrow-outer {
    46. 

  46.   right: 0;
    47. 

  47.   top: 50%;
    48. 

  48.   margin: -6px -13px 0 0;
    49. 

  49. }
    50. 

  50. .tooltip-left .tooltip-arrow {
    51. 

  51.   right: 0;
    52. 

  52.   top: 50%;
    53. 

  53.   margin: -6px -12px 0 0;
    54. 

  54. }
    55. 

  55. .tooltip-top .tooltip-arrow-outer {
    56. 

  56.   bottom: 0;
    57. 

  57.   left: 50%;
    58. 

  58.   margin: 0 0 -13px -6px;
    59. 

  59. }
    60. 

  60. .tooltip-top .tooltip-arrow {
    61. 

  61.   bottom: 0;
    62. 

  62.   left: 50%;
    63. 

  63.   margin: 0 0 -12px -6px;
    64. 

  64. }
    65. 

  65. .tooltip-bottom .tooltip-arrow-outer {
    66. 

  66.   top: 0;
    67. 

  67.   left: 50%;
    68. 

  68.   margin: -13px 0 0 -6px;
    69. 

  69. }
    70. 

  70. .tooltip-bottom .tooltip-arrow {
    71. 

  71.   top: 0;
    72. 

  72.   left: 50%;
    73. 

  73.   margin: -12px 0 0 -6px;
    74. 

  74. }
    75. 

  75. .tooltip {
    76. 

  76.   background-color: #fff;
    77. 

  77.   border-color: #ddd;
    78. 

  78.   color: #444;
    79. 

  79. }
    80. 

  80. .tooltip-right .tooltip-arrow-outer {
    81. 

  81.   border-right-color: #ddd;
    82. 

  82. }
    83. 

  83. .tooltip-right .tooltip-arrow {
    84. 

  84.   border-right-color: #fff;
    85. 

  85. }
    86. 

  86. .tooltip-left .tooltip-arrow-outer {
    87. 

  87.   border-left-color: #ddd;
    88. 

  88. }
    89. 

  89. .tooltip-left .tooltip-arrow {
    90. 

  90.   border-left-color: #fff;
    91. 

  91. }
    92. 

  92. .tooltip-top .tooltip-arrow-outer {
    93. 

  93.   border-top-color: #ddd;
    94. 

  94. }
    95. 

  95. .tooltip-top .tooltip-arrow {
    96. 

  96.   border-top-color: #fff;
    97. 

  97. }
    98. 

  98. .tooltip-bottom .tooltip-arrow-outer {
    99. 

  99.   border-bottom-color: #ddd;
    100. 

  100. }
    101. 

  101. .tooltip-bottom .tooltip-arrow {
    102. 

  102.   border-bottom-color: #fff;
    103. 

  103. }
    104.