Konrad Mohrfeldt
13 years ago
parent
61c344f936
commit
265d286dcf
|
After Width: | Height: | Size: 6.2 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 43 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 268 KiB |
@ -0,0 +1,89 @@
|
|||||||
|
/* the norm */
|
||||||
|
#gritter-notice-wrapper {
|
||||||
|
position:fixed;
|
||||||
|
top:20px;
|
||||||
|
right:20px;
|
||||||
|
width:301px;
|
||||||
|
z-index:9999;
|
||||||
|
}
|
||||||
|
#gritter-notice-wrapper.top-left {
|
||||||
|
left: 20px;
|
||||||
|
right: auto;
|
||||||
|
}
|
||||||
|
#gritter-notice-wrapper.bottom-right {
|
||||||
|
top: auto;
|
||||||
|
left: auto;
|
||||||
|
bottom: 20px;
|
||||||
|
right: 20px;
|
||||||
|
}
|
||||||
|
#gritter-notice-wrapper.bottom-left {
|
||||||
|
top: auto;
|
||||||
|
right: auto;
|
||||||
|
bottom: 20px;
|
||||||
|
left: 20px;
|
||||||
|
}
|
||||||
|
.gritter-item-wrapper {
|
||||||
|
position:relative;
|
||||||
|
margin:0 0 10px 0;
|
||||||
|
background:url('img/ie-spacer.gif'); /* ie7/8 fix */
|
||||||
|
}
|
||||||
|
.gritter-top {
|
||||||
|
background:url(img/gritter.png) no-repeat left -30px;
|
||||||
|
height:10px;
|
||||||
|
}
|
||||||
|
.hover .gritter-top {
|
||||||
|
background-position:right -30px;
|
||||||
|
}
|
||||||
|
.gritter-bottom {
|
||||||
|
background:url(img/gritter.png) no-repeat left bottom;
|
||||||
|
height:8px;
|
||||||
|
margin:0;
|
||||||
|
}
|
||||||
|
.hover .gritter-bottom {
|
||||||
|
background-position: bottom right;
|
||||||
|
}
|
||||||
|
.gritter-item {
|
||||||
|
display:block;
|
||||||
|
background:url(img/gritter.png) no-repeat left -40px;
|
||||||
|
color:#eee;
|
||||||
|
padding:2px 11px 8px 11px;
|
||||||
|
font-size: 11px;
|
||||||
|
font-family:verdana;
|
||||||
|
}
|
||||||
|
.hover .gritter-item {
|
||||||
|
background-position:right -40px;
|
||||||
|
}
|
||||||
|
.gritter-item p {
|
||||||
|
padding:0;
|
||||||
|
margin:0;
|
||||||
|
}
|
||||||
|
.gritter-close {
|
||||||
|
display:none;
|
||||||
|
position:absolute;
|
||||||
|
top:5px;
|
||||||
|
left:3px;
|
||||||
|
background:url(img/gritter.png) no-repeat left top;
|
||||||
|
cursor:pointer;
|
||||||
|
width:30px;
|
||||||
|
height:30px;
|
||||||
|
}
|
||||||
|
.gritter-title {
|
||||||
|
font-size:14px;
|
||||||
|
font-weight:bold;
|
||||||
|
padding:0 0 7px 0;
|
||||||
|
display:block;
|
||||||
|
text-shadow:1px 1px #000; /* Not supported by IE :( */
|
||||||
|
}
|
||||||
|
.gritter-image {
|
||||||
|
width:48px;
|
||||||
|
height:48px;
|
||||||
|
float:left;
|
||||||
|
}
|
||||||
|
.gritter-with-image,
|
||||||
|
.gritter-without-image {
|
||||||
|
padding:0 0 5px 0;
|
||||||
|
}
|
||||||
|
.gritter-with-image {
|
||||||
|
width:220px;
|
||||||
|
float:right;
|
||||||
|
}
|
||||||
@ -0,0 +1,11 @@
|
|||||||
|
/*
|
||||||
|
* Gritter for jQuery
|
||||||
|
* http://www.boedesign.com/
|
||||||
|
*
|
||||||
|
* Copyright (c) 2011 Jordan Boesch
|
||||||
|
* Dual licensed under the MIT and GPL licenses.
|
||||||
|
*
|
||||||
|
* Date: July 9, 2011
|
||||||
|
* Version: 1.7.1
|
||||||
|
*/
|
||||||
|
(function(b){b.gritter={};b.gritter.options={position:"",fade_in_speed:"medium",fade_out_speed:1000,time:6000};b.gritter.add=function(f){try{return a.add(f||{})}catch(d){var c="Gritter Error: "+d;(typeof(console)!="undefined"&&console.error)?console.error(c,f):alert(c)}};b.gritter.remove=function(d,c){a.removeSpecific(d,c||{})};b.gritter.removeAll=function(c){a.stop(c||{})};var a={position:"",fade_in_speed:"",fade_out_speed:"",time:"",_custom_timer:0,_item_count:0,_is_setup:0,_tpl_close:'<div class="gritter-close"></div>',_tpl_item:'<div id="gritter-item-[[number]]" class="gritter-item-wrapper [[item_class]]" style="display:none"><div class="gritter-top"></div><div class="gritter-item">[[close]][[image]]<div class="[[class_name]]"><span class="gritter-title">[[username]]</span><p>[[text]]</p></div><div style="clear:both"></div></div><div class="gritter-bottom"></div></div>',_tpl_wrap:'<div id="gritter-notice-wrapper"></div>',add:function(g){if(!g.title||!g.text){throw'You need to fill out the first 2 params: "title" and "text"'}if(!this._is_setup){this._runSetup()}var i=g.title,n=g.text,e=g.image||"",l=g.sticky||false,m=g.class_name||"",k=b.gritter.options.position,d=g.time||"";this._verifyWrapper();this._item_count++;var f=this._item_count,j=this._tpl_item;b(["before_open","after_open","before_close","after_close"]).each(function(p,q){a["_"+q+"_"+f]=(b.isFunction(g[q]))?g[q]:function(){}});this._custom_timer=0;if(d){this._custom_timer=d}var c=(e!="")?'<img src="'+e+'" class="gritter-image" />':"",h=(e!="")?"gritter-with-image":"gritter-without-image";j=this._str_replace(["[[username]]","[[text]]","[[close]]","[[image]]","[[number]]","[[class_name]]","[[item_class]]"],[i,n,this._tpl_close,c,this._item_count,h,m],j);this["_before_open_"+f]();b("#gritter-notice-wrapper").addClass(k).append(j);var o=b("#gritter-item-"+this._item_count);o.fadeIn(this.fade_in_speed,function(){a["_after_open_"+f](b(this))});if(!l){this._setFadeTimer(o,f)}b(o).bind("mouseenter mouseleave",function(p){if(p.type=="mouseenter"){if(!l){a._restoreItemIfFading(b(this),f)}}else{if(!l){a._setFadeTimer(b(this),f)}}a._hoverState(b(this),p.type)});return f},_countRemoveWrapper:function(c,d,f){d.remove();this["_after_close_"+c](d,f);if(b(".gritter-item-wrapper").length==0){b("#gritter-notice-wrapper").remove()}},_fade:function(f,c,h,d){var h=h||{},g=(typeof(h.fade)!="undefined")?h.fade:true;fade_out_speed=h.speed||this.fade_out_speed,manual_close=d;this["_before_close_"+c](f,manual_close);if(d){f.unbind("mouseenter mouseleave")}if(g){f.animate({opacity:0},fade_out_speed,function(){f.animate({height:0},300,function(){a._countRemoveWrapper(c,f,manual_close)})})}else{this._countRemoveWrapper(c,f)}},_hoverState:function(d,c){if(c=="mouseenter"){d.addClass("hover");d.find(".gritter-close").show();d.find(".gritter-close").click(function(){var e=d.attr("id").split("-")[2];a.removeSpecific(e,{},d,true)})}else{d.removeClass("hover");d.find(".gritter-close").hide()}},removeSpecific:function(c,g,f,d){if(!f){var f=b("#gritter-item-"+c)}this._fade(f,c,g||{},d)},_restoreItemIfFading:function(d,c){clearTimeout(this["_int_id_"+c]);d.stop().css({opacity:""})},_runSetup:function(){for(opt in b.gritter.options){this[opt]=b.gritter.options[opt]}this._is_setup=1},_setFadeTimer:function(f,d){var c=(this._custom_timer)?this._custom_timer:this.time;this["_int_id_"+d]=setTimeout(function(){a._fade(f,d)},c)},stop:function(e){var c=(b.isFunction(e.before_close))?e.before_close:function(){};var f=(b.isFunction(e.after_close))?e.after_close:function(){};var d=b("#gritter-notice-wrapper");c(d);d.fadeOut(function(){b(this).remove();f()})},_str_replace:function(v,e,o,n){var k=0,h=0,t="",m="",g=0,q=0,l=[].concat(v),c=[].concat(e),u=o,d=c instanceof Array,p=u instanceof Array;u=[].concat(u);if(n){this.window[n]=0}for(k=0,g=u.length;k<g;k++){if(u[k]===""){continue}for(h=0,q=l.length;h<q;h++){t=u[k]+"";m=d?(c[h]!==undefined?c[h]:""):c[0];u[k]=(t).split(l[h]).join(m);if(n&&u[k]!==t){this.window[n]+=(t.length-u[k].length)/l[h].length}}}return p?u:u[0]},_verifyWrapper:function(){if(b("#gritter-notice-wrapper").length==0){b("body").append(this._tpl_wrap)}}}})(jQuery);
|
||||||
Loading…
Reference in new issue