Login   Register  
Icontem

File: src/plugins/notify/jquery.tk.notify.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/notify/jquery.tk.notify.css  >  Download  
File: src/plugins/notify/jquery.tk.notify.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: 836 bytes
 

Contents

Class file image Download
/* plugin notify */
.tk-notifybox{
	zIndex:1000;
	text-align:center;
	position:fixed;
	_position:absolute;
	opacity:0.9;
	filter:alpha(opacity=90);
}
.tk-notify-wrapper{
	background:#333;
	color:#fff;
	padding:2px;
	margin:8px;
	text-align:left;
	position:relative;
	opacity:1;
	filter: alpha(opacity=100)!important; /* use to avoid bug with bgIframe */
}
.tk-notify-wrapper .tk-icon-close{
	position:absolute;
	width:16px;
	height:16px;
	right:8px;
	top:8px;
	background:#000;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	font-family:Arial;
	text-align:center;
	vertical-align:top;
	cursor:pointer;
	display:none;
	border-radius:4px;
}
.tk-notify-wrapper-hover{
	opacity:.6;
	filter: alpha(opacity=60)!important;
}
.tk-notify-wrapper-hover .tk-icon-close{
	display:block;
}
.tk-notify-wrapper .tk-notify-msg{
	padding:.4em .8em;
}