Login   Register  
Icontem

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

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  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:
Date: 2014-02-03 15:25
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;
}