diff --git a/css/style.css b/css/style.css index 093e04d..72ceab2 100644 --- a/css/style.css +++ b/css/style.css @@ -4,29 +4,69 @@ Winter 2011 */ + +*{margin:0; padding:0;} + body{ font-family:Lucida Grande, Helvetica, Arial, sans-serif; + background: url('../images/demo-bg.jpg') center 105px no-repeat #1a110a; + -webkit-font-smoothing:antialiased; +} + +h1.logo{ + overflow:hidden; + text-indent:-9999em; + width:230px; + height:70px; + margin:0 auto 15px auto; + background: url('../images/totem-logo.png') top left no-repeat; } +/* Top Banner */ +#banner .clear{ height:0px; width:100%; overflow:hidden; visibility: hidden; display:block; } +#banner{ z-index:100; background: #1a1a1a; padding:10px 0; width:100%; display:block; } + #banner.transparent{ background-color:transparent; } + #banner.above{ position:absolute; top:0; left:0; } +#banner .logo-zone{ height:auto; clear:left; float:left;overflow:hidden;} + #banner h1#logo-link{height:57px; width:160px; margin:24px 12px; background: url('../images/build-internet-logo-shadow.png') no-repeat top left;} + #banner h1#logo-link a{text-indent:-9999px; display:block; height:100%; width:100%; text-decoration:none;} + #wrapper{ + padding:30px; width:300px; + margin:0 auto; } - #wrapper p{ - text-align:center; - } + p{color:#fff; padding:10px 0; text-align:center;} + .nav{} + + #wrapper a, #footer a{color:#e8914c; text-decoration:none; border-bottom:1px dotted #e8914c;} + #wrapper a:hover, #footer a:hover{color:#eab209; border-bottom:1px dotted #eab209;} + + +#footer{margin-top:20px; text-transform:uppercase; font-size:11px; letter-spacing:1px;} + #footer p{color:rgba(255,255,255,.5);} +/* + + This is the only semi-important stuff for plugin installation + It's just an example, so customize away! +*/ #vertical-ticker{ height:400px; - width:300px; overflow:hidden; margin:0; padding:0; + -webkit-box-shadow:0 1px 3px rgba(0,0,0, .4); } #vertical-ticker li{ - padding:41px 20px; + padding:35px 20px; display:block; background:#efefef; + color:#333; border-bottom:1px solid #ddd; text-align:center; + font-size:25px; + font-weight:bold; + font-family: Helvetica Neue, times, serif; } \ No newline at end of file diff --git a/images/build-internet-logo-shadow.png b/images/build-internet-logo-shadow.png new file mode 100644 index 0000000..8c7e99c Binary files /dev/null and b/images/build-internet-logo-shadow.png differ diff --git a/images/demo-bg.jpg b/images/demo-bg.jpg new file mode 100644 index 0000000..e956441 Binary files /dev/null and b/images/demo-bg.jpg differ diff --git a/images/totem-logo.png b/images/totem-logo.png new file mode 100644 index 0000000..acaf283 Binary files /dev/null and b/images/totem-logo.png differ diff --git a/index.html b/index.html index 08599b0..871ae83 100644 --- a/index.html +++ b/index.html @@ -21,24 +21,33 @@ -

Totem Ticker

-

Vertical scrolling ticker plugin for jQuery.

+
+

Totem Ticker

+

Previous / Next / Stop / Start

+

Roll over the ticker to stop scrolling

+ + + \ No newline at end of file diff --git a/js/jquery.totemticker.js b/js/jquery.totemticker.js index 38ad37b..59a5dcc 100644 --- a/js/jquery.totemticker.js +++ b/js/jquery.totemticker.js @@ -133,7 +133,7 @@ } //Stop on mouse hover - if (typeof(base.options.stopmouse) != "undefined" && base.options.stopmouse === true) { + if (typeof(base.options.mousestop) != "undefined" && base.options.mousestop === true) { base.$el.mouseenter(function(){ base.stop_interval(); }).mouseleave(function(){ diff --git a/js/jquery.totemticker.min.js b/js/jquery.totemticker.min.js index f56b6b5..a24e58d 100644 --- a/js/jquery.totemticker.min.js +++ b/js/jquery.totemticker.min.js @@ -1 +1 @@ -(function(a){if(!a.omr){a.omr=new Object()}a.omr.totemticker=function(c,b){var d=this;d.el=c;d.$el=a(c);d.$el.data("omr.totemticker",d);d.init=function(){d.options=a.extend({},a.omr.totemticker.defaultOptions,b);d.ticker;d.format_ticker();d.setup_nav();d.start_interval()};d.start_interval=function(){clearInterval(d.ticker);d.ticker=setInterval(function(){d.$el.find("li:first").animate({marginTop:"-"+d.options.row_height,},d.options.speed,function(){a(this).detach().css("marginTop","0").appendTo(d.$el)})},d.options.interval)};d.reset_interval=function(){clearInterval(d.ticker);d.start_interval()};d.stop_interval=function(){clearInterval(d.ticker)};d.format_ticker=function(){if(typeof(d.options.max_items)!="undefined"&&d.options.max_items!=null){var f=d.options.row_height.replace(/px/i,"");var e=f*d.options.max_items;d.$el.css({height:e+"px",overflow:"hidden",})}else{d.$el.css({overflow:"hidden",})}};d.setup_nav=function(){if(typeof(d.options.stop)!="undefined"&&d.options.stop!=null){a(d.options.stop).click(function(){d.stop_interval();return false})}if(typeof(d.options.start)!="undefined"&&d.options.start!=null){a(d.options.start).click(function(){d.start_interval();return false})}if(typeof(d.options.previous)!="undefined"&&d.options.previous!=null){a(d.options.previous).click(function(){d.$el.find("li:last").detach().prependTo(d.$el).css("marginTop","-"+d.options.row_height);d.$el.find("li:first").animate({marginTop:"0px",},d.options.speed,function(){d.reset_interval()});return false})}if(typeof(d.options.next)!="undefined"&&d.options.next!=null){a(d.options.next).click(function(){d.$el.find("li:first").animate({marginTop:"-"+d.options.row_height,},d.options.speed,function(){a(this).detach().css("marginTop","0px").appendTo(d.$el);d.reset_interval()});return false})}if(typeof(d.options.stopmouse)!="undefined"&&d.options.stopmouse===true){d.$el.mouseenter(function(){d.stop_interval()}).mouseleave(function(){d.start_interval()})}};d.debug_info=function(){console.log(d.options)};d.init()};a.omr.totemticker.defaultOptions={message:"Ticker Loaded",next:null,previous:null,stop:null,start:null,row_height:"100px",speed:800,interval:4000,max_items:null,};a.fn.totemticker=function(b){return this.each(function(){(new a.omr.totemticker(this,b))})}})(jQuery); \ No newline at end of file +(function(a){if(!a.omr){a.omr=new Object()}a.omr.totemticker=function(c,b){var d=this;d.el=c;d.$el=a(c);d.$el.data("omr.totemticker",d);d.init=function(){d.options=a.extend({},a.omr.totemticker.defaultOptions,b);d.ticker;d.format_ticker();d.setup_nav();d.start_interval()};d.start_interval=function(){clearInterval(d.ticker);d.ticker=setInterval(function(){d.$el.find("li:first").animate({marginTop:"-"+d.options.row_height,},d.options.speed,function(){a(this).detach().css("marginTop","0").appendTo(d.$el)})},d.options.interval)};d.reset_interval=function(){clearInterval(d.ticker);d.start_interval()};d.stop_interval=function(){clearInterval(d.ticker)};d.format_ticker=function(){if(typeof(d.options.max_items)!="undefined"&&d.options.max_items!=null){var f=d.options.row_height.replace(/px/i,"");var e=f*d.options.max_items;d.$el.css({height:e+"px",overflow:"hidden",})}else{d.$el.css({overflow:"hidden",})}};d.setup_nav=function(){if(typeof(d.options.stop)!="undefined"&&d.options.stop!=null){a(d.options.stop).click(function(){d.stop_interval();return false})}if(typeof(d.options.start)!="undefined"&&d.options.start!=null){a(d.options.start).click(function(){d.start_interval();return false})}if(typeof(d.options.previous)!="undefined"&&d.options.previous!=null){a(d.options.previous).click(function(){d.$el.find("li:last").detach().prependTo(d.$el).css("marginTop","-"+d.options.row_height);d.$el.find("li:first").animate({marginTop:"0px",},d.options.speed,function(){d.reset_interval()});return false})}if(typeof(d.options.next)!="undefined"&&d.options.next!=null){a(d.options.next).click(function(){d.$el.find("li:first").animate({marginTop:"-"+d.options.row_height,},d.options.speed,function(){a(this).detach().css("marginTop","0px").appendTo(d.$el);d.reset_interval()});return false})}if(typeof(d.options.mousestop)!="undefined"&&d.options.mousestop===true){d.$el.mouseenter(function(){d.stop_interval()}).mouseleave(function(){d.start_interval()})}};d.debug_info=function(){console.log(d.options)};d.init()};a.omr.totemticker.defaultOptions={message:"Ticker Loaded",next:null,previous:null,stop:null,start:null,row_height:"100px",speed:800,interval:4000,max_items:null,};a.fn.totemticker=function(b){return this.each(function(){(new a.omr.totemticker(this,b))})}})(jQuery); \ No newline at end of file