File: src/plugins/tooltip/jquery.tk.tooltip.css

Recommend this page to a friend!
  Classes of Jonathan Gotti   jQuery Toolkit   src/plugins/tooltip/jquery.tk.tooltip.css   Download  
File: src/plugins/tooltip/jquery.tk.tooltip.css
Role: Auxiliary data
Content type: text/plain
Description: Sample output
Class: jQuery Toolkit
Create widgets reading options from CSS classes
Author: By
Last change: Update of src/plugins/tooltip/jquery.tk.tooltip.css
Date: 2 years ago
Size: 2,907 bytes
 

Contents

Class file image Download
/** tooltip **/ .tk-tooltip-wrapper{ border-width:1px; border-style:solid; padding:0; position:absolute; z-index:9999; display:none; } .tk-tooltip-msg{ margin:.8em; white-space:nowrap; } .tk-pointer, .tk-pointer-bg{ position:absolute; background:transparent none; border:dotted transparent 0px; padding:0; margin:0; height:0; width:0; } /* pointers */ .tk-vpos-top.tk-hpos-center .tk-pointer, .tk-vpos-bottom.tk-hpos-center .tk-pointer{ border-left:dotted transparent 8px; border-right:dotted transparent 8px ; margin-left:-8px; left:50%; } .tk-vpos-top.tk-hpos-right .tk-pointer, .tk-vpos-bottom.tk-hpos-right .tk-pointer{ border-left:dotted transparent 2px; border-right:dotted transparent 18px ; margin-left:-2px; left:9px; } .tk-vpos-top.tk-hpos-left .tk-pointer, .tk-vpos-bottom.tk-hpos-left .tk-pointer{ border-left:dotted transparent 18px; border-right:dotted transparent 2px ; margin-left:-18px; right:9px; } .tk-vpos-top.tk-hpos-center .tk-pointer, .tk-vpos-top.tk-hpos-left .tk-pointer, .tk-vpos-top.tk-hpos-right .tk-pointer{ bottom:-16px; border-top: solid #fb4 16px; } .tk-vpos-bottom.tk-hpos-center .tk-pointer, .tk-vpos-bottom.tk-hpos-left .tk-pointer, .tk-vpos-bottom.tk-hpos-right .tk-pointer{ top:-16px; border-bottom: solid #fb4 16px; } .tk-vpos-middle .tk-pointer{ border-top:dotted transparent 8px; border-bottom:dotted transparent 8px ; margin-top:-8px; top:50%; } .tk-vpos-middle.tk-hpos-left .tk-pointer{ right:-16px; border-left: solid #fb4 16px; border-right:none; } .tk-vpos-middle.tk-hpos-right .tk-pointer{ left:-16px; border-right: solid #fb4 16px; border-left:none; } /* pointers background */ .tk-vpos-top.tk-hpos-center .tk-pointer-bg, .tk-vpos-bottom.tk-hpos-center .tk-pointer-bg{ border-left:dotted transparent 7px; border-right:dotted transparent 7px; left:-7px; } .tk-vpos-top.tk-hpos-right .tk-pointer-bg, .tk-vpos-bottom.tk-hpos-right .tk-pointer-bg{ border-left:dotted transparent 1px; border-right:dotted transparent 17px; left:-1px; } .tk-vpos-top.tk-hpos-left .tk-pointer-bg, .tk-vpos-bottom.tk-hpos-left .tk-pointer-bg{ border-left:dotted transparent 17px; border-right:dotted transparent 1px; left:-17px; } .tk-vpos-top.tk-hpos-center .tk-pointer-bg, .tk-vpos-top.tk-hpos-left .tk-pointer-bg, .tk-vpos-top.tk-hpos-right .tk-pointer-bg{ top:-16px; border-top:solid #ffb 14px; } .tk-vpos-bottom.tk-hpos-center .tk-pointer-bg, .tk-vpos-bottom.tk-hpos-left .tk-pointer-bg, .tk-vpos-bottom.tk-hpos-right .tk-pointer-bg{ bottom:-16px; border-bottom:solid #ffb 14px; } .tk-vpos-middle .tk-pointer-bg{ border-top:dotted transparent 7px; border-bottom:dotted transparent 7px; top:-7px; } .tk-vpos-middle.tk-hpos-left .tk-pointer-bg{ left:-16px; border-left:solid #ffb 14px; border-right:none; } .tk-vpos-middle.tk-hpos-right .tk-pointer-bg{ right:-16px; border-right:solid #ffb 14px; border-left:none; }