Changemakers Community

Leland Smith's picture
Undefined
Actions text: 
<style> #twitterwidget{ padding-top:10px; border:#aaa9a4 dotted; border-width:1px 0 0px 0; width:0% } #twitterwidget a{ border-bottom:none; } .feedburnerFeedBlock ul li {border:solid #efeeee; border-width:1px 0 0 0; margin-top:12px;} .feedburnerFeedBlock ul li p {margin:.5em;} #socialblock{height:450px;} #blogwidget{float:left; width:65%; margin-right:40px;} #tweetbutton{margin-left:88%; margin-top:5px;} div#creditfooter{display:none;} div.feedburnerFeedBlock ul li span.headline { } div.feedburnerFeedBlock p.feedTitle a {color: #EF531C; font-weight:bold; font-size:1.1em;} div.feedburnerFeedBlock ul li span.headline {font-size:1.2em;} div.css-help-cause{display:none;} </style> <div class="clear"></div> <div id="socialblock"> <div id="blogwidget"> <script src="http://feeds.feedburner.com/feedburner/AwBJ?format=sigpro" type="text/javascript" ></script><p>Subscribe to RSS headline updates from: <a href="http://empathy.ashoka.org/blogs">Ashoka Empathy Blog</a></p> </div> <div id="twitterwidget"> <script src="http://widgets.twimg.com/j/2/widget.js"></script> <script> new TWTR.Widget({ version: 2, type: 'search', search: '#StartEmpathy', interval: 4000, title: '#StartEmpathy', subject: '', width: 280, height: 320, theme: { shell: { background: '#EF531C', color: '#ffffff' }, tweets: { background: '#F0F2E4', color: '#483F30', links: '#F72D15' } }, features: { scrollbar: true, loop: true, live: true, hashtags: true, timestamp: true, avatars: true, toptweets: false, behavior: 'default' } }).render().start(); </script> </div> <div id="tweetbutton"> <script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> <div> <a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.changemakers.com/empathy?utm_source=twitter-eng&utm_medium=social-media&utm_content=tw-embed&utm_campaign=empathy" data-text="Learn about the #StartEmpathy competition run by @Changemakers. Enter or nominate today! " data-count="horizontal">Tweet this</a> </div> </div> </div>
<br clear="all"> <br> <style type="text/css"> /* button styles */ .buttonText { font: 17px/1.5 BentonSans, Arial, sans-serif, Rockwell; color: #fff; font-weight: bold; text-transform: uppercase; } a.buttontext { color: #fff; text-decoration: none; } .buttonText { color: #fff; float: left; border: none; height: 25px; padding: 0 20px 0 20px; background: none; margin-left: 25px; /*overflow: hidden;*/ display: block; text-align: center; line-height: 25px; margin-left: 2.5px; margin-right: 2.5px; margin-top: 8px; text-decoration: none; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease; -ms-transition: All 0.5s ease; transition: All 0.5s ease; border-radius: 8px; } a.buttonText:hover { color: #fff; background-color: #f07e42; text-decoration: none; } .currentTab{ background-color: #f07e42; } .stickynav.sticky #button1 { /*this makes the menu slide when it becomes sticky*/ margin-left: 80px !important; } .header-wrapper { position: relative; height: auto; max-width: 1084px; margin-left: -82px; width: auto; float: left; } ul.stickynav { /*MISHA's CODE: removed "ul.stickynav ul"*/ position: relative; background-color: #464646; height: 40px; z-index: 100; list-style-type: none; } ul.stickynav { margin: 10px 0 0 0px !important; width: 1084px; } ul.stickynav > li{ /*MISHA's CODE*/ position: relative; /*MISHA's CODE*/ float: left; /*MISHA's CODE*/ padding-bottom:7px;/*MISHA's CODE*/ } /*MISHA's CODE*/ ul.stickynav ul { display: none; width:320px; top:40px; /*MISHA's CODE, original value:140px*/ left:0; /*MISHA's CODE, original value:20px*/ float:left; position: absolute; /*MISHA's CODE*/ z-index: 100; /*MISHA's CODE, moved from "ul.stickynav"*/ list-style-type: none; /*MISHA's CODE, moved from "ul.stickynav"*/ background-color: #464646;/*MISHA's CODE, moved from "ul.stickynav"*/ padding-bottom: 10px; } ul.stickynav ul li{ float: left; width: 270px; display:block} ul.stickynav li:hover > ul, ul.stickynav li > ul:hover { /*MISHA's CODE*/ display: block; } .stickynav.sticky { position: fixed; border-top: 10px solid; top: -10px; } </style> <div class="header-wrapper"> <div class="hero-wrapper"> <div id="scroller-anchor" class="nav-cont"> <ul class="stickynav"> <li><a href="#blog" id="button1" class="buttonText" alt="blog" title="Blog">Blog</a> <li><a href="#tools" id="button2" class="buttonText" alt="tools" title="Tools for Changemakers">Tools for Changemakers</a> <li><a href="#announcements" id="button3" class="buttonText" alt="announcements" title="Announcements">Announcements</a> <li><a href="#" id="button4" alt="More about" class="buttonText" title="More about">More About Changemakers</a> <ul> <li><a href="/about/changemakers" id="button5" class="buttonText" alt="What We Do" title="What We Do">What We Do</a> <li><a href="/getting_started" id="button6" class="buttonText" alt="What You Can Do Here" title="What You Can Do Here">What You Can Do Here</a> <li><a href="/about/contact" id="button7" class="buttonText" alt="Contact" title="Contact">Contact</a> <li><a href="/about/careers" id="button8" class="buttonText" alt="Careers" title="Careers">Careers</a> <li><a href="/about/partner" id="button9" class="buttonText" alt="Partner with Us" title="Partner with Us">Partner with Us</a> <li><a href="/about/team" id="button10" class="buttonText" alt="Team" title="Team">Our Team</a> <li><a href="/about/faqs" id="button11" class="buttonText" alt="FAQ" title="FAQ">FAQs</a> </ul> </ul> </div> </div> </div> <script> /* sticky nav script */ function highlightSection(){ var minDistance = 50; $(".stickynav a").each(function() { var navButtonElement = $(this).attr('href'); var objSection = $(navButtonElement); var objSectionHeight = $(objSection).offset().top; var scrollPageTop = $(document).scrollTop(); if (scrollPageTop > objSectionHeight - minDistance) { $(".stickynav a").removeClass("currentTab"); $(this).addClass("currentTab"); //console.debug(navButtonElement + " height: " + objSectionHeight); //console.debug("Page height: " + scrollPageTop ); //console.debug($(this).attr("href")); } }); } function stickyNav(){ var scrollTop = $(window).scrollTop(); //stickyNavTop is original vertical position of sticky nav. it is saved on document.ready if (scrollTop > document.stickyNavTop) { $('.stickynav').addClass('sticky'); highlightSection(); } else { $('.stickynav').removeClass('sticky'); $(".stickynav a").removeClass("currentTab"); } }; $(document).ready(function() { document.stickyNavTop = $('.stickynav').offset().top; stickyNav(); $(window).scroll(function() { stickyNav(); }); }); </script>
0
0
0
0
0
0
0
0
0
0
0