You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

jquery-tipsy.css 1.3KB

12345678910111213141516171819202122232425
  1. .tipsy { font-size:10px; position:absolute; padding:5px; z-index:100000; }
  2. .tipsy-inner { background-color:#000; color:#FFF; max-width:200px; padding:5px 8px 4px 8px; text-align:center; }
  3. /* Rounded corners */
  4. .tipsy-inner { border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  5. /* Uncomment for shadow */
  6. /*.tipsy-inner { box-shadow:0 0 5px #000000; -webkit-box-shadow:0 0 5px #000000; -moz-box-shadow:0 0 5px #000000; }*/
  7. .tipsy-arrow { position:absolute; width:0; height:0; border:5px solid transparent; }
  8. /* Rules to colour arrows */
  9. .tipsy-arrow-n { border-bottom-color:#000; }
  10. .tipsy-arrow-s { border-top-color:#000; }
  11. .tipsy-arrow-e { border-left-color:#000; }
  12. .tipsy-arrow-w { border-right-color:#000; }
  13. .tipsy-n .tipsy-arrow, .tipsy-nw .tipsy-arrow, .tipsy-ne .tipsy-arrow { top:0; border-top:none; }
  14. .tipsy-s .tipsy-arrow, .tipsy-sw .tipsy-arrow, .tipsy-se .tipsy-arrow { bottom:0; border-bottom:none; }
  15. .tipsy-n .tipsy-arrow, .tipsy-s .tipsy-arrow { left:50%; margin-left:-5px; }
  16. .tipsy-nw .tipsy-arrow, .tipsy-sw .tipsy-arrow { left:10px; }
  17. .tipsy-ne .tipsy-arrow, .tipsy-se .tipsy-arrow { right:10px; }
  18. .tipsy-e .tipsy-arrow, .tipsy-w .tipsy-arrow { top:50%; margin-top:-5px; }
  19. .tipsy-e .tipsy-arrow { right:0; border-right:none; }
  20. .tipsy-w .tipsy-arrow { left:0; border-left:none; }