Don't like ads? PRO users don't see any ads ;-)
Guest

Untitled

By: a guest on Jul 4th, 2012  |  syntax: None  |  size: 1.02 KB  |  hits: 12  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. overriding css jquery tooltip
  2. <li><div class="i1"><a href="#inf-1"title="ΕΝΤΟΠΙΣΜΟΣ"><span class="ui-icon ui-icon-search"></span></a></div></li>
  3.     <li><a href="#inf-2"title="ΠΛΗΡΟΦΟΡΙΕΣ"><span class="ui-icon ui-icon-info"></span></a></li>
  4.     <li><a href="#inf-3"title="ΕΠΙΠΕΔΑ"><span class="ui-icon ui-icon-copy"></span></a></li>
  5.        
  6. .tooltip {
  7.     display:none;
  8.     background: black;
  9.     font-size:12px;
  10.     height:10px;
  11.     width:80px;
  12.     padding:10px;
  13.     color:#fff;
  14.     z-index: 99;
  15.     bottom: 10px;
  16.     border: 2px solid white;
  17. /* for IE */
  18.   filter:alpha(opacity=80);
  19.   /* CSS3 standard */
  20.   opacity:0.8;
  21. }
  22.        
  23. .i1 .tooltip  {
  24.     display:none;
  25.     background: red;
  26.     font-size:12px;
  27.     height:40px;
  28.     width:80px;
  29.     padding:20px;
  30.     color:#fff;
  31.     z-index: 99;
  32.     bottom: 10px;
  33.     left: 50px important!;
  34.     border: 2px solid white;
  35. /* for IE */
  36.   filter:alpha(opacity=80);
  37.   /* CSS3 standard */
  38.   opacity:0.8;
  39. }
  40.        
  41. (".selector").tooltip {
  42.     display:none;
  43.     extraClass:"i1"
  44. }