<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Gryffin Media</title>
	<atom:link href="http://www.gryffin.co/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.gryffin.co</link>
	<description>Where YOU always come out on TOP</description>
	<lastBuildDate>Sun, 19 May 2013 02:26:12 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<item>
		<title>6 Tools to Help you Create Better Content</title>
		<link>http://www.gryffin.co/6-tools-to-help-you-create-better-content/</link>
		<comments>http://www.gryffin.co/6-tools-to-help-you-create-better-content/#comments</comments>
		<pubDate>Tue, 30 Apr 2013 00:30:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.gryffin.co/?p=2781</guid>
		<description><![CDATA[<p>Out of BlueGlass&#8217;s list of 34 tools, these are my favorites, and ones that I&#8217;ll be regularly adding to my arsenal of tools: http://omgili.com/&#160;: This is a forum search engine. &#160;Great tool to use when link building through forum marketing. &#160;Also a great way to find different &#8220;voices&#8221; when researching or looking for opinions on a topic. &#160;You can do [...]</p><p>The post <a href="http://www.gryffin.co/6-tools-to-help-you-create-better-content/">6 Tools to Help you Create Better Content</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></description>
				<content:encoded><![CDATA[<p>Out of <a href="http://www.blueglass.com/blog/content-creation-toolbox/">BlueGlass&#8217;s list of 34 tools</a>, these are my favorites, and ones that I&#8217;ll be regularly adding to my arsenal of tools:</p>
<p><a href="http://omgili.com/">http://omgili.com/</a>&nbsp;: This is a forum search engine. &nbsp;Great tool to use when link building through forum marketing. &nbsp;Also a great way to find different &#8220;voices&#8221; when researching or looking for opinions on a topic. &nbsp;You can do something similar if you use scrapebox to get a list of URL&#8217;s and creating a custom google search, but this is another alternative.</p>
<p><a href="http://scribble.wreally.com/">http://scribble.wreally.com/</a>&nbsp;: As I work I always have a bunch of notepads open to keep track of stuff I&#8217;m doing. &nbsp;However sometimes I accidentally shut them down and lose what Im working on. &nbsp;This will be a great tool to keep track of multiple notepads, that I can access from any computer.</p>
<p><a href="http://www.instagrok.com/">http://www.instagrok.com/</a>&nbsp;: Interesting visual search engine. &nbsp;Useful for finding connections you wouldn&#8217;t have thought of. &nbsp;The search results are also quite good.</p>
<p><a href="https://beta.mural.ly/">https://beta.mural.ly/</a> : I didn&#8217;t play too much with this one, but I can see how it would be a great, interactive way to create mind maps and visual thought processes and brainstorming. &nbsp;Might also be a great, collaborative way to keep track of information. &nbsp;I plan to use it to create groups of documents. &nbsp;I almost exclusively use Google Docs for article marketing. &nbsp;Using this tool I can drop all of the document for one client into one board and keep track of them this way, it&#8217;ll make it easy to find these documents.</p>
<p><a href="https://750words.com/">https://750words.com/</a>&nbsp;: A necessary for online and social media marketing is content development. &nbsp;Based on <em>The Artist&#8217;s Way,</em>&nbsp;this tool gives a great canvas to write content without interruptions or distractions. &nbsp;It also has a few features summarizing how you feel, word count, and more. &nbsp;</p>
<p>t<a href="http://throwww.com/">http://throwww.com/</a>&nbsp;: Want to share brief snippets with multiple people? You can type into throw and it will instantly create a shareable link that you &nbsp;can send out. &nbsp;Great for the work and collaborative flow.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>The post <a href="http://www.gryffin.co/6-tools-to-help-you-create-better-content/">6 Tools to Help you Create Better Content</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.gryffin.co/6-tools-to-help-you-create-better-content/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pinterest Marketing Tips:  Best Time to Pin, and much more</title>
		<link>http://www.gryffin.co/pinterest-marketing-tips-best-time-to-pin-and-much-more/</link>
		<comments>http://www.gryffin.co/pinterest-marketing-tips-best-time-to-pin-and-much-more/#comments</comments>
		<pubDate>Sun, 28 Apr 2013 16:59:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Social Media]]></category>

		<guid isPermaLink="false">http://www.gryffin.co/?p=2771</guid>
		<description><![CDATA[<p>Source</p><p>The post <a href="http://www.gryffin.co/pinterest-marketing-tips-best-time-to-pin-and-much-more/">Pinterest Marketing Tips:  Best Time to Pin, and much more</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><a href="http://feedproxy.google.com/~r/stateofsearch/~3/tqJTZHCdjJw/"><img src="http://www.gryffin.co/wp-content/uploads/2013/04/pintrest-marketing-infographic.jpg" alt="Pinterest Marketing Tips" width="600" height="1050" /></a></p>
<p><a href="http://www.marketingonpinterest.com">Source</a></p>
<blockquote></blockquote>
<p>The post <a href="http://www.gryffin.co/pinterest-marketing-tips-best-time-to-pin-and-much-more/">Pinterest Marketing Tips:  Best Time to Pin, and much more</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.gryffin.co/pinterest-marketing-tips-best-time-to-pin-and-much-more/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>This Week in SEO: 4/26/13</title>
		<link>http://www.gryffin.co/this-week-in-seo-42613/</link>
		<comments>http://www.gryffin.co/this-week-in-seo-42613/#comments</comments>
		<pubDate>Sat, 27 Apr 2013 02:30:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://www.gryffin.co/?p=2749</guid>
		<description><![CDATA[<p>Storify by Marcela De Vivo Fri, Apr 26 2013 19:24:03 This Week in SEO: 4/26/13 How My Niche Site Ranked #1 in Google in 62 Days! &#124; Niche Pursuits I am excited to officially announce that my public niche site has reached the #1 spot in Google! My niche site began ranking at the top spot in Google sometime yesterday [...]</p><p>The post <a href="http://www.gryffin.co/this-week-in-seo-42613/">This Week in SEO: 4/26/13</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></description>
				<content:encoded><![CDATA[<div style="" class="sfy-html">
<div did="this-week-in-seo-4-26-13" class="s-story noborder">
<div class="s-header">
<div class="s-info">
<div class="s-author"><a href="http://storify.com/marceladevivo/this-week-in-seo-4-26-13?utm_source=embed_header" target="_blank" title="View the story on Storify.com" class="logo"><span>Storify</span></a> by<br />
<a href="//storify.com/marceladevivo" target="_blank" rel="author" class="s-author-name">Marcela De Vivo</a></div>
<div class="s-published"><a href="http://storify.com/marceladevivo/this-week-in-seo-4-26-13/preview" target="_blank" data-timestamp="2013-04-27T02:24:03.555Z" class="s-published-date timestamp">Fri, Apr 26 2013 19:24:03</a></div>
<div class="s-clear"></div>
</div>
<h2 class="s-section hidden"><a class="name"></a></h2>
<h1 class="s-title">This Week in SEO: 4/26/13</h1>
<p class="s-description">
<div class="s-clear"></div>
</div>
<ol class="s-elements">
<li data-eid="01827f692650400d0a186e3f" data-type="link" data-source="nichepursuits" data-permalink="http://www.nichepursuits.com/how-my-niche-site-ranked-1-in-google-in-62-days/#" class="s-element s-element-link" style="position: relative;padding: 15px 10px;text-align: center;">
<div class="s-element-container" style="max-width: 500px;margin: 0 auto;-webkit-border-radius: 5px 5px 0 5px;border-radius: 5px 5px 0 5px;border: 1px solid #e7e7e7;-webkit-box-shadow: 0 0px 2px #e7e7e7;box-shadow: 0 0px 2px #e7e7e7;background: #fff;">
<div class="s-link s-element-content" style="overflow: hidden;font-size: 14px;color: #333;position: relative;padding: 10px 10px 8px 10px;background: #fff;-webkit-border-radius: 5px 5px 0 5px;border-radius: 5px 5px 0 5px;text-align: left;"><img src="http://www.nichepursuits.com/wp-content/themes/download/einat/timthumb.php?src=http://www.nichepursuits.com/wp-content/uploads/2013/04/Number-1.jpg&amp;h=150&amp;w=150&amp;zc=1" class="s-link-thumbnail" style="display: block;float: left;max-width: 96px;max-height: 96px;margin: 0 10px 5px 0;padding: 1px;border: 1px solid #ddd;"><a href="http://www.nichepursuits.com/how-my-niche-site-ranked-1-in-google-in-62-days/#" target="_blank" class="s-link-a" style="color: #0074b7;text-decoration: none;display: block;font-family: 'Museo Sans', 'Helvetica Neue', sans-serif;font-weight: bold;font-size: 14px;line-height: 1.4em;margin-bottom: 5px;">How My Niche Site Ranked #1 in Google in 62 Days! | Niche Pursuits</a>
<div class="s-link-desc" style="font-size: 12px;">I am excited to officially announce that my public niche site has reached the #1 spot in Google! My niche site began ranking at the top spot in Google sometime yesterday for my primary keyword of best survival knife.</div>
<div class="actions"><a href="#" title="Add to story or collection" class="repost" style="color: #333;text-decoration: none;display: block;width: 50px;height: 50px;background: url(//storify.com/public/img/add.png);text-indent: -9999px;position: absolute;right: 0;bottom: 0;z-index: 50;"><i></i></a>
<div class="buttons"><a href="#" title="Share" class="share" style="color: #333;text-decoration: none;"><i></i><span>Share</span></a></div>
<div class="s-share-dropdown">
<ul data-url="http://storify.com/marceladevivo/this-week-in-seo-4-26-13/elements/01827f692650400d0a186e3f" class="s-actions-share">
<li class="s-share-facebook"><a href="#" rel="facebook" style="color: #333;text-decoration: none;">Share on Facebook</a></li>
<li class="s-share-twitter"><a href="#" rel="twitter" style="color: #333;text-decoration: none;">Share on Twitter</a></li>
<li class="s-share-googleplus"><a href="#" rel="googleplus" style="color: #333;text-decoration: none;">Share on Google </a></li>
<li class="s-share-linkedin"><a href="#" rel="linkedin" style="color: #333;text-decoration: none;">Share on Linkedin</a></li>
<li class="s-share-email"><a href="#" rel="email" style="color: #333;text-decoration: none;">Share by email</a></li>
</ul>
</div>
</div>
<div class="s-attribution">
<div class="s-source s-nichepursuits"><a href="http://www.nichepursuits.com" target="_blank" style="color: #333;text-decoration: none;"><img src="//proxy.storify.com/?url=http://g.etfv.co/http://www.nichepursuits.com" style="max-width: 16px" border="0"></a></div>
<div class="s-author"><a href="http://www.nichepursuits.com/author/admin/" target="_blank" rel="Spencer Haws" class="s-author-name" style="color: #333;text-decoration: none;">Spencer Haws</a></div>
<div class="s-clear"></div>
</div>
</div>
<div class="s-clear"></div>
</div>
</li>
<li data-eid="21f250d586525bb87359c931" data-type="link" data-source="60secondmarketer" data-permalink="http://60secondmarketer.com/blog/2013/04/25/4-ways-to-measure-your-roi-on-content-marketing/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=4-ways-to-measure-your-roi-on-content-marketing" class="s-element s-element-link" style="position: relative;padding: 15px 10px;text-align: center;">
<div class="s-element-container" style="max-width: 500px;margin: 0 auto;-webkit-border-radius: 5px 5px 0 5px;border-radius: 5px 5px 0 5px;border: 1px solid #e7e7e7;-webkit-box-shadow: 0 0px 2px #e7e7e7;box-shadow: 0 0px 2px #e7e7e7;background: #fff;">
<div class="s-link s-element-content" style="overflow: hidden;font-size: 14px;color: #333;position: relative;padding: 10px 10px 8px 10px;background: #fff;-webkit-border-radius: 5px 5px 0 5px;border-radius: 5px 5px 0 5px;text-align: left;"><img src="http://60secondmarketer.com/blog/wp-content/uploads/2013/04/DollarSign.jpg" class="s-link-thumbnail" style="display: block;float: left;max-width: 96px;max-height: 96px;margin: 0 10px 5px 0;padding: 1px;border: 1px solid #ddd;"><a href="http://60secondmarketer.com/blog/2013/04/25/4-ways-to-measure-your-roi-on-content-marketing/?utm_source=rss&amp;utm_medium=rss&amp;utm_campaign=4-ways-to-measure-your-roi-on-content-marketing" target="_blank" class="s-link-a" style="color: #0074b7;text-decoration: none;display: block;font-family: 'Museo Sans', 'Helvetica Neue', sans-serif;font-weight: bold;font-size: 14px;line-height: 1.4em;margin-bottom: 5px;">4 Ways to Measure the ROI of Your Next Content Marketing Campaign</a>
<div class="s-link-desc" style="font-size: 12px;">Content marketing has become the buzzword of the decade. Businesses are starting to realise the value of attracting potential leads to their website, and understand that by providing high quality content, they can stand out from their competitors. However, content marketing isn&#8217;t cheap or easy to undertake.</div>
<div class="actions"><a href="#" title="Add to story or collection" class="repost" style="color: #333;text-decoration: none;display: block;width: 50px;height: 50px;background: url(//storify.com/public/img/add.png);text-indent: -9999px;position: absolute;right: 0;bottom: 0;z-index: 50;"><i></i></a>
<div class="buttons"><a href="#" title="Share" class="share" style="color: #333;text-decoration: none;"><i></i><span>Share</span></a></div>
<div class="s-share-dropdown">
<ul data-url="http://storify.com/marceladevivo/this-week-in-seo-4-26-13/elements/21f250d586525bb87359c931" class="s-actions-share">
<li class="s-share-facebook"><a href="#" rel="facebook" style="color: #333;text-decoration: none;">Share on Facebook</a></li>
<li class="s-share-twitter"><a href="#" rel="twitter" style="color: #333;text-decoration: none;">Share on Twitter</a></li>
<li class="s-share-googleplus"><a href="#" rel="googleplus" style="color: #333;text-decoration: none;">Share on Google </a></li>
<li class="s-share-linkedin"><a href="#" rel="linkedin" style="color: #333;text-decoration: none;">Share on Linkedin</a></li>
<li class="s-share-email"><a href="#" rel="email" style="color: #333;text-decoration: none;">Share by email</a></li>
</ul>
</div>
</div>
<div class="s-attribution">
<div class="s-source s-60secondmarketer"><a href="http://60secondmarketer.com" target="_blank" style="color: #333;text-decoration: none;"><img src="//proxy.storify.com/?url=http://g.etfv.co/http://60secondmarketer.com" style="max-width: 16px" border="0"></a></div>
<div class="s-author"><a href="http://60secondmarketer.com" target="_blank" rel="60secondmarketer" class="s-author-name" style="color: #333;text-decoration: none;">60secondmarketer</a></div>
<div class="s-clear"></div>
</div>
</div>
<div class="s-clear"></div>
</div>
</li>
<li data-eid="eedeaab4b83a74135ab0d51a" data-type="link" data-source="searchenginejournal" data-permalink="http://www.searchenginejournal.com/the-importance-of-quality-score-in-2013/62960/" class="s-element s-element-link" style="position: relative;padding: 15px 10px;text-align: center;">
<div class="s-element-container" style="max-width: 500px;margin: 0 auto;-webkit-border-radius: 5px 5px 0 5px;border-radius: 5px 5px 0 5px;border: 1px solid #e7e7e7;-webkit-box-shadow: 0 0px 2px #e7e7e7;box-shadow: 0 0px 2px #e7e7e7;background: #fff;">
<div class="s-link s-element-content" style="overflow: hidden;font-size: 14px;color: #333;position: relative;padding: 10px 10px 8px 10px;background: #fff;-webkit-border-radius: 5px 5px 0 5px;border-radius: 5px 5px 0 5px;text-align: left;"><img src="http://www.searchenginejournal.com/wp-content/uploads/2013/04/google-quality-score.png" class="s-link-thumbnail" style="display: block;float: left;max-width: 96px;max-height: 96px;margin: 0 10px 5px 0;padding: 1px;border: 1px solid #ddd;"><a href="http://www.searchenginejournal.com/the-importance-of-quality-score-in-2013/62960/" target="_blank" class="s-link-a" style="color: #0074b7;text-decoration: none;display: block;font-family: 'Museo Sans', 'Helvetica Neue', sans-serif;font-weight: bold;font-size: 14px;line-height: 1.4em;margin-bottom: 5px;">The Importance of Quality Score in 2013 &#8211; Search Engine Journal</a>
<div class="s-link-desc" style="font-size: 12px;">Everyone in search engine marketing knows that Quality Score is important. But you may not realize that Quality Score is more important now than ever. That&#8217;s because as average Quality Scores have fallen over the last 4 years, the benefits you get from having an above-average score is far greater in 2013 than it was in the past.</div>
<div class="actions"><a href="#" title="Add to story or collection" class="repost" style="color: #333;text-decoration: none;display: block;width: 50px;height: 50px;background: url(//storify.com/public/img/add.png);text-indent: -9999px;position: absolute;right: 0;bottom: 0;z-index: 50;"><i></i></a>
<div class="buttons"><a href="#" title="Share" class="share" style="color: #333;text-decoration: none;"><i></i><span>Share</span></a></div>
<div class="s-share-dropdown">
<ul data-url="http://storify.com/marceladevivo/this-week-in-seo-4-26-13/elements/eedeaab4b83a74135ab0d51a" class="s-actions-share">
<li class="s-share-facebook"><a href="#" rel="facebook" style="color: #333;text-decoration: none;">Share on Facebook</a></li>
<li class="s-share-twitter"><a href="#" rel="twitter" style="color: #333;text-decoration: none;">Share on Twitter</a></li>
<li class="s-share-googleplus"><a href="#" rel="googleplus" style="color: #333;text-decoration: none;">Share on Google </a></li>
<li class="s-share-linkedin"><a href="#" rel="linkedin" style="color: #333;text-decoration: none;">Share on Linkedin</a></li>
<li class="s-share-email"><a href="#" rel="email" style="color: #333;text-decoration: none;">Share by email</a></li>
</ul>
</div>
</div>
<div class="s-attribution">
<div class="s-source s-searchenginejournal"><a href="http://www.searchenginejournal.com" target="_blank" style="color: #333;text-decoration: none;"><img src="//proxy.storify.com/?url=http://g.etfv.co/http://www.searchenginejournal.com" style="max-width: 16px" border="0"></a></div>
<div class="s-author"><a href="http://www.searchenginejournal.com/author/larry-kim/" target="_blank" rel="Larry Kim" class="s-author-name" style="color: #333;text-decoration: none;">Larry Kim</a></div>
<div class="s-clear"></div>
</div>
</div>
<div class="s-clear"></div>
</div>
</li>
<li data-eid="bcab4361af7685f105699750" data-type="link" data-source="searchenginewatch" data-permalink="http://searchenginewatch.com/article/2263942/Rise-of-the-New-School-SEO-Professional" class="s-element s-element-link" style="position: relative;padding: 15px 10px;text-align: center;">
<div class="s-element-container" style="max-width: 500px;margin: 0 auto;-webkit-border-radius: 5px 5px 0 5px;border-radius: 5px 5px 0 5px;border: 1px solid #e7e7e7;-webkit-box-shadow: 0 0px 2px #e7e7e7;box-shadow: 0 0px 2px #e7e7e7;background: #fff;">
<div class="s-link s-element-content" style="overflow: hidden;font-size: 14px;color: #333;position: relative;padding: 10px 10px 8px 10px;background: #fff;-webkit-border-radius: 5px 5px 0 5px;border-radius: 5px 5px 0 5px;text-align: left;"><img src="http://cms.searchenginewatch.com/IMG/659/256659/klondike-gold-rush-320x198.png?fbrefresh=1" class="s-link-thumbnail" style="display: block;float: left;max-width: 96px;max-height: 96px;margin: 0 10px 5px 0;padding: 1px;border: 1px solid #ddd;"><a href="http://searchenginewatch.com/article/2263942/Rise-of-the-New-School-SEO-Professional" target="_blank" class="s-link-a" style="color: #0074b7;text-decoration: none;display: block;font-family: 'Museo Sans', 'Helvetica Neue', sans-serif;font-weight: bold;font-size: 14px;line-height: 1.4em;margin-bottom: 5px;">Rise of the New School SEO Professional</a>
<div class="s-link-desc" style="font-size: 12px;">SEO professionals are watching with a gleam in their eye as users move into a multi-device, multi-screen, and multi-context digital world. Opportunities from content marketing to GPS, local, and mobile optimization beckon and promise high ROI for brands. Rather than jettisoning their core competencies, SEOs should build upon their technical skills, result-orientation, and outsider status to define SEO for this new age.</div>
<div class="actions"><a href="#" title="Add to story or collection" class="repost" style="color: #333;text-decoration: none;display: block;width: 50px;height: 50px;background: url(//storify.com/public/img/add.png);text-indent: -9999px;position: absolute;right: 0;bottom: 0;z-index: 50;"><i></i></a>
<div class="buttons"><a href="#" title="Share" class="share" style="color: #333;text-decoration: none;"><i></i><span>Share</span></a></div>
<div class="s-share-dropdown">
<ul data-url="http://storify.com/marceladevivo/this-week-in-seo-4-26-13/elements/bcab4361af7685f105699750" class="s-actions-share">
<li class="s-share-facebook"><a href="#" rel="facebook" style="color: #333;text-decoration: none;">Share on Facebook</a></li>
<li class="s-share-twitter"><a href="#" rel="twitter" style="color: #333;text-decoration: none;">Share on Twitter</a></li>
<li class="s-share-googleplus"><a href="#" rel="googleplus" style="color: #333;text-decoration: none;">Share on Google </a></li>
<li class="s-share-linkedin"><a href="#" rel="linkedin" style="color: #333;text-decoration: none;">Share on Linkedin</a></li>
<li class="s-share-email"><a href="#" rel="email" style="color: #333;text-decoration: none;">Share by email</a></li>
</ul>
</div>
</div>
<div class="s-attribution">
<div class="s-source s-searchenginewatch"><a href="http://searchenginewatch.com" target="_blank" style="color: #333;text-decoration: none;"><img src="//proxy.storify.com/?url=http://g.etfv.co/http://searchenginewatch.com" style="max-width: 16px" border="0"></a></div>
<div class="s-author"><a href="http://searchenginewatch.com/author/2578/andrew-delamarter" target="_blank" rel="Andrew Delamarter" class="s-author-name" style="color: #333;text-decoration: none;">Andrew Delamarter</a></div>
<div class="s-clear"></div>
</div>
</div>
<div class="s-clear"></div>
</div>
</li>
</ol>
</div>
</div>
<p>The post <a href="http://www.gryffin.co/this-week-in-seo-42613/">This Week in SEO: 4/26/13</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.gryffin.co/this-week-in-seo-42613/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Share Videos to Boost Your Sites Traffic</title>
		<link>http://www.gryffin.co/share-videos-to-boost-your-sites-traffic/</link>
		<comments>http://www.gryffin.co/share-videos-to-boost-your-sites-traffic/#comments</comments>
		<pubDate>Tue, 16 Apr 2013 21:53:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Social SEO]]></category>

		<guid isPermaLink="false">http://www.gryffin.co/?p=2677</guid>
		<description><![CDATA[<p>&#160; You don’t need complicated equipment to make a video for the internet. By now, you probably already know that social media sites like Facebook, Google+, and Pinterest can boost your site’s traffic if you use them properly to share things of interest to your readers. Most business and site owners do. However, you may not be harnessing the full [...]</p><p>The post <a href="http://www.gryffin.co/share-videos-to-boost-your-sites-traffic/">Share Videos to Boost Your Sites Traffic</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.gryffin.co/wp-content/uploads/2013/04/image02.jpg"><img class="alignnone  wp-image-2678" alt="image02" src="http://www.gryffin.co/wp-content/uploads/2013/04/image02.jpg" width="512" height="341" /></a></p>
<p>&nbsp;</p>
<p>You don’t need complicated equipment to make a video for the internet.</p>
<p>By now, you probably already know that social media sites like Facebook, Google+, and Pinterest can boost your site’s traffic if you use them properly to share things of interest to your readers. Most business and site owners do.</p>
<p>However, you may not be harnessing the full power of what you can share if you’re not making and uploading videos on a regular basis. You don’t have to be a master director to make and share videos to boost your traffic – after all, some of the most popular videos on the internet were filmed on cell phones or digital cameras.</p>
<p><strong>Create Unique Videos</strong></p>
<p>If you’re interested in boosting your site’s traffic, but you aren’t sure what kind of videos you should make, you should know that there’s really only one answer: Creative, unique videos.</p>
<p>Your videos don’t have to be state-of-the-art, and they don’t have to look like feature films. Instead of focusing on the technical aspects of the video that you’re making, take time concentrate on <a href="http://makewebworld.com/uncover-successful-blogger">making the content unique</a> yet still related to your business.</p>
<p>As an example, Gap, the well-known clothing manufacturer and store, recently made a video for Vine that displayed six actions one might do with a pair of pants – unzipping them, rolling up the cuffs, and so on. In the Vine video, each image or action was one second long, and there were six of them.</p>
<p>The clever creativity of the video made for a fairly successful and effective campaign. One that could have easily been made with any video recording device available today.</p>
<p><strong>Vine</strong></p>
<p>Speaking of that Gap ad, Vine is a relatively new app for Twitter that allows you to share six second videos. While people are already using Vine, you should get on the bandwagon while it’s still fresh and users aren’t saturated with content.</p>
<p>Making a six second video might sound difficult, but sites like Animoto can help. Animoto allows you to make a video out of still images.</p>
<p>Using Animoto you could display a considerable portion of your product line, or a unique concept about your business, through a six second video. Animoto even has different themes that you can use to make your videos stand out from the rest.</p>
<p><strong>YouTube</strong></p>
<p>YouTube has been around a while now, but that doesn’t mean it isn’t still an excellent way to share videos. With YouTube, it’s important that you get your viewer’s attention any way possible.</p>
<p>That means that creating videos that are a few minutes long like product reviews, rants about your business, or an innovative technique or design project are ideal. The YouTube format is pretty loose, so don’t feel like you have to make a promotional video for business investors.</p>
<p>Doing that won’t attract attention from the masses. Loosen up, tell a few jokes and have fun with the videos you put on YouTube.</p>
<p><strong>Vimeo</strong></p>
<p><a href="http://www.gryffin.co/wp-content/uploads/2013/04/image03.jpg"><img class="alignnone  wp-image-2680" alt="image03" src="http://www.gryffin.co/wp-content/uploads/2013/04/image03.jpg" width="512" height="342" /></a></p>
<p>&nbsp;</p>
<p>Vimeo is somewhat similar to YouTube, but the audience is a little different. YouTube tends to reach a consumer market, while Vimeo videos tend to reach creative professionals, artists, and filmmakers since videos can be uploaded in HD.</p>
<p>The videos you put on Vimeo don’t have to look like film festival submissions, but your focus should be on creativity. Videos that promote your brand in a more abstract, artistic way will be more successful on Vimeo than on YouTube.</p>
<p><strong>Diversify Your Video Marketing</strong></p>
<p>There are a wide variety of ways to make and share videos in order to promote your site. If you really want to grow, you’ll profit most if you use all the different platforms. Sharing the same video on different platforms can work, but if you make different videos intended for different platforms, you’ll see a much stronger boost in traffic to your target site.</p>
<p>The post <a href="http://www.gryffin.co/share-videos-to-boost-your-sites-traffic/">Share Videos to Boost Your Sites Traffic</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.gryffin.co/share-videos-to-boost-your-sites-traffic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>4/12/13: Great Stories this Week</title>
		<link>http://www.gryffin.co/great-articles-for-seo-and-social-media/</link>
		<comments>http://www.gryffin.co/great-articles-for-seo-and-social-media/#comments</comments>
		<pubDate>Fri, 12 Apr 2013 22:59:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[The Daily Nugget]]></category>

		<guid isPermaLink="false">http://www.gryffin.co/?p=2672</guid>
		<description><![CDATA[<p>[View the story "Great Articles for SEO and Social Media" on Storify]</p><p>The post <a href="http://www.gryffin.co/great-articles-for-seo-and-social-media/">4/12/13: Great Stories this Week</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><script type="text/javascript" src="//storify.com/marceladevivo/great-articles-for-seo-and-social-media.js"></script></p>
<noscript>[<a href="//storify.com/marceladevivo/great-articles-for-seo-and-social-media" target="_blank">View the story "Great Articles for SEO and Social Media" on Storify</a>]</noscript>
<p>The post <a href="http://www.gryffin.co/great-articles-for-seo-and-social-media/">4/12/13: Great Stories this Week</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.gryffin.co/great-articles-for-seo-and-social-media/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Does Article Marketing Work?</title>
		<link>http://www.gryffin.co/does-article-marketing-work/</link>
		<comments>http://www.gryffin.co/does-article-marketing-work/#comments</comments>
		<pubDate>Fri, 12 Apr 2013 17:08:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Link Building]]></category>

		<guid isPermaLink="false">http://www.gryffin.co/?p=2666</guid>
		<description><![CDATA[<p>Many people ask me about article marketing, wondering whether it still works. In short, I believe the answer is NO. Article marketing worked for a little while, until it got abused by marketers.  Think of how easy it is for Google to identify these sites, and simply remove their authority? They&#8217;ve publicly stated that they have human raters that can [...]</p><p>The post <a href="http://www.gryffin.co/does-article-marketing-work/">Does Article Marketing Work?</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.gryffin.co/wp-content/uploads/2013/04/unearned-links-google-rankings.jpg"><img class="alignnone size-full wp-image-2667" alt="unearned-links-google-rankings" src="http://www.gryffin.co/wp-content/uploads/2013/04/unearned-links-google-rankings.jpg" width="500" height="334" /></a></p>
<p>Many people ask me about article marketing, wondering whether it still works.</p>
<p>In short, I believe the answer is <strong>NO</strong>.</p>
<p>Article marketing worked for a little while, until it got abused by marketers.  Think of how easy it is for Google to identify these sites, and simply remove their authority?</p>
<p>They&#8217;ve publicly stated that they have human raters that can affect a site&#8217;s rankings.   So it would take them a couple of week and a small sum of money to have a few human raters create a list of all of the top article marketing directories, and then diminish/reduce the authority they can pass to links.</p>
<p>Do these sites really create value?</p>
<p>Not really, anyone can now create an promote their own blogs.  Plus there are companies like Demand Media and others who have systems to create high value content that is editorially reviewed.</p>
<p>Google&#8217;s emphasis now is on <strong>UnEarned links</strong>, links that you acquire naturally.  Article directories represent low value Earned links.</p>
<p>So what can you do instead?</p>
<p>I&#8217;m afraid the shortcuts are getting shorter and shorter, in fact they are close to disappearing.</p>
<p>Guest Blogging is one of the most valuable link building methods, but focus on natural, high quality blogs, not spammy blogs created just to charge for guest posts.  Then there&#8217;s the old school strategy of creating high value content assets, as well as networking to share your content.  Oh, and of course, there&#8217;s still the &#8220;Broken Links&#8221; strategy too.</p>
<p>The post <a href="http://www.gryffin.co/does-article-marketing-work/">Does Article Marketing Work?</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.gryffin.co/does-article-marketing-work/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Will your site gets penalized if there&#8217;s a link from a Link Selling Site?</title>
		<link>http://www.gryffin.co/will-your-site-gets-penalized-if-theres-a-link-from-a-link-selling-site/</link>
		<comments>http://www.gryffin.co/will-your-site-gets-penalized-if-theres-a-link-from-a-link-selling-site/#comments</comments>
		<pubDate>Mon, 08 Apr 2013 14:08:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[SEO]]></category>

		<guid isPermaLink="false">http://www.gryffin.co/?p=2653</guid>
		<description><![CDATA[<p>According to Matt Cutts, the answer to that is NO:</p><p>The post <a href="http://www.gryffin.co/will-your-site-gets-penalized-if-theres-a-link-from-a-link-selling-site/">Will your site gets penalized if there&#8217;s a link from a Link Selling Site?</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></description>
				<content:encoded><![CDATA[<p>According to Matt Cutts, the answer to that is NO:</p>
<p><iframe width="560" height="315" src="http://www.youtube.com/embed/tGQRMkiIA2U" frameborder="0" allowfullscreen></iframe></p>
<p>The post <a href="http://www.gryffin.co/will-your-site-gets-penalized-if-theres-a-link-from-a-link-selling-site/">Will your site gets penalized if there&#8217;s a link from a Link Selling Site?</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.gryffin.co/will-your-site-gets-penalized-if-theres-a-link-from-a-link-selling-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Advanced Link Building Search Operators</title>
		<link>http://www.gryffin.co/advanced-link-building-search-operators/</link>
		<comments>http://www.gryffin.co/advanced-link-building-search-operators/#comments</comments>
		<pubDate>Sun, 24 Mar 2013 16:51:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Link Building]]></category>

		<guid isPermaLink="false">http://www.gryffin.co/?p=2626</guid>
		<description><![CDATA[<p>View as slideshow Finding Link Opportunities With Advanced Search Queries &#124; distilled A lot of link building is very manual work, especially when you are trying to get high quality links. As a result, I spend a fair amount of time using (somewhat) advanced search queries to look for link targets in Google. The following are five circumstances and the [...]</p><p>The post <a href="http://www.gryffin.co/advanced-link-building-search-operators/">Advanced Link Building Search Operators</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></description>
				<content:encoded><![CDATA[<style><!--
.s-element-share-label {
overflow: hidden;
float: left;
}
.s-element {
position: relative;
padding: 15px 10px;
text-align: center;
}
.s-element .fb_edge_comment_widget {
display: none !important;
}
.s-element:hover .s-element-content {
border-color: #bbb;
}
.s-element a {
color: #0074b7;
}
.s-element .s-element-via {
float: left;
margin-right: 3px;
}
.s-element .s-element-share {
width: 315px;
right: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
right: -255px;
z-index: 10;
position: absolute;
top: 50%;
margin-top: -16px;
background: #fff;
border: 1px solid #ddd;
border-right: 0;
-webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
padding: 5px;
-webkit-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
-moz-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
-o-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
-ms-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
}
.s-element .s-element-share:hover {
right: 0px;
border-color: #ccc;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.s-element .s-element-share:hover i {
opacity: 1;
-ms-filter: none;
filter: none;
}
.s-element .s-element-share:hover span.label {
color: #666;
}
.s-element .s-element-share .s-actions-share {
padding: 0;
height: 20px;
}
.s-element .s-element-share i {
display: block;
float: left;
margin: 2px 5px 0 0;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50);
width: 16px;
height: 16px;
background: url('//storify.com/public/img/web.png') no-repeat;
background-position: -112px -16px;
}
.s-element .s-element-share span.label {
display: block;
float: left;
color: #d7d7d7;
width: 35px;
height: 20px;
line-height: 20px;
padding-right: 10px;
}
.s-element .repost {
display: block;
width: 50px;
height: 50px;
background: url('//storify.com/public/img/add.png');
text-indent: -9999px;
position: absolute;
right: 0;
bottom: 0;
z-index: 50;
}
.s-element-actions {
float: left;
-webkit-transition: 0.1s opacity;
-moz-transition: 0.1s opacity;
-o-transition: 0.1s opacity;
-ms-transition: 0.1s opacity;
transition: 0.1s opacity;
line-height: 16px;
}
.s-element-actions a {
display: block;
float: left;
line-height: 16px;
color: #666;
padding: 0px 0px 0px 18px;
background: url('//storify.com/public/img/twitter-actions.png') no-repeat;
margin: 2px 8px 2px 0px;
}
.s-element-actions a:hover {
color: #333;
text-decoration: none;
}
.s-element-actions a.twitter-retweet {
background-position: 0px -82px;
}
.s-element-actions a.twitter-retweet:hover {
background-position: 0px -98px;
}
.s-element-actions a.twitter-favorite {
background-position: 0px -33px;
}
.s-element-actions a.twitter-favorite:hover {
background-position: 0px -66px;
}
.s-element-actions a.twitter-reply {
background-position: 0px -1px;
margin-left: 10px;
}
.s-element-actions a.twitter-reply:hover {
background-position: 0px -17px;
}
.stats-actions-meta .meta {
display: block;
width: 260px;
padding: 6px 10px;
clear: both;
}
.s-element-container,
body#editor .s-element-content {
max-width: 500px;
margin: 0 auto;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0 1px 0 #e7e7e7;
box-shadow: 0 1px 0 #e7e7e7;
background: #fff;
}
body#editor .s-story .s-text {
max-width: none;
margin: 0;
}
.s-element-content {
overflow: hidden;
font-size: 14px;
color: #333;
position: relative;
padding: 10px;
background: #fff;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.s-element-content a {
text-decoration: none;
color: #333;
}
.s-element-content a:hover {
text-decoration: underline;
}
.s-element-content,
.c-element-content {
text-align: left;
}
.s-element.s-element-text {
padding-top: 0px;
padding-bottom: 0px;
}
.s-element.s-element-text .s-element-container {
max-width: none;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.s-elements .s-text {
border: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 10px;
font-size: 15px;
line-height: 1.6em;
color: #333;
background: #fff;
border-color: transparent;
max-width: none;
font-family: 'Museo Sans', sans-serif;
}
.s-elements .s-text a {
color: #3876b2;
text-decoration: underline;
}
.s-elements .s-text hr {
height: 1px;
background: #bbb;
-webkit-box-shadow: 0px -1px 0px #fff, 0px 0px 4px #ccc;
box-shadow: 0px -1px 0px #fff, 0px 0px 4px #ccc;
border: none;
}
.s-elements .s-text h1 {
display: block;
font-size: 20px;
color: #000;
margin: 10px 0px;
padding: 0px;
font-weight: normal;
}
.s-elements .s-text h2 {
display: block;
font-size: 20px;
color: #000;
margin: 10px 0px;
padding: 0px;
font-weight: normal;
font-style: normal;
font-family: 'Museo Sans', 'Lucida Grande', sans-serif;
}
.s-elements .s-text p {
margin: 0px;
padding: 0px;
}
.s-elements .s-text .link-button {
display: block;
width: 100px;
text-decoration: none !important;
text-align: center;
font-weight: bold;
color: #fff !important;
padding: 6px 8px;
margin: 0 auto;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.s-elements .s-text .link-button.red {
background: #bf0000;
}
.s-elements .s-text .link-button.blue {
background: #008fc5;
}
.s-elements .s-text .link-button:hover {
text-decoration: none !important;
}
.s-elements .s-text .link-button:hover.red {
background: #a20000;
}
.s-elements .s-text .link-button:hover.blue {
background: #007aa7;
}
.s-quote-avatar-author {
zoom: 1;
margin: 0 10px 10px 0;
}
.s-quote-avatar-author:before,
.s-quote-avatar-author:after {
content: '';
display: table;
}
.s-quote-avatar-author:after {
clear: both;
}
.s-quote-avatar-author a {
display: block;
}
.s-quote-avatar-author .s-quote-avatar {
float: left;
width: 32px;
height: 32px;
margin-right: 10px;
}
.s-quote-avatar-author .s-quote-avatar img {
display: inline-block;
width: 32px;
height: 32px;
}
.s-quote-avatar-author .s-quote-author {
float: left;
}
.s-quote-avatar-author .s-quote-author .s-quote-author-name {
font-size: 14px;
line-height: 32px;
color: #256bbe;
}
.s-quote-avatar-author .s-quote-author .s-quote-author-username {
font-size: 12px;
line-height: 14px;
color: #999;
}
.s-quote-avatar-author .twitter-follow-button {
position: absolute;
top: 10px;
right: 10px;
}
.s-element-content:not(.s-result) .s-quote-text {
line-height: 1.5em;
font-family: 'Georgia', serif;
font-size: 16px;
}
.s-element-content:not(.s-result) .s-quote-text a {
color: #256bbe;
}
.s-element-content:not(.s-result) .s-quote-text-no-avatar {
padding-left: 0;
margin-left: 0;
background: none;
}
.s-quote:not(.s-result) {
background: url('//storify.com/public/img/quote-bg.png') right top no-repeat;
}
.s-quote-avatar-twitter .s-quote-author .s-quote-author-name {
line-height: 18px;
}
.s-image {
padding: 5px;
}
.s-image .s-image-content {
display: block;
position: relative;
text-align: center;
max-width: 100%;
background: #000;
text-decoration: none;
}
.s-image .s-image-content:hover {
text-decoration: none;
}
.s-image .s-image-content img {
display: block;
max-height: 500px;
max-width: 100%;
margin: 0 auto;
}
.s-image .s-image-info {
padding: 5px;
}
.s-image .s-quote-content {
padding-top: 5px;
margin-right: 30px;
}
.s-image .s-image-caption {
font-size: 13px;
color: #666;
padding: 10px 0 0;
}
.s-image .s-image-caption a {
color: #256bbe;
}
.s-video {
padding: 5px;
}
.s-video .s-video-shim {
position: relative;
padding-bottom: 56.25%;
}
.s-video .s-video-shim .s-video-content {
min-height: 0;
position: absolute;
height: 100%;
width: 100%;
border: none;
top: 0;
left: 0;
}
.s-video .s-video-shim-vine {
position: relative;
height: 500px;
}
.s-video .s-video-shim-vine .s-video-content-vine {
position: absolute;
height: 500px;
width: 500px;
border: none;
top: 0;
left: 0;
}
.s-video .s-video-info {
padding: 5px;
}
.s-video .s-video-title {
font-size: 13px;
color: #666;
padding-top: 5px;
}
.s-video .s-video-img {
display: block;
width: 100%;
position: relative;
}
.s-video.s-video-html {
display: inline-block;
}
.dragging .s-video-img {
z-index: 2;
}
.s-link .s-link-a {
display: block;
font-family: 'Museo Sans', 'Lucida Grande', sans-serif;
font-weight: bold;
color: #0074b7;
font-size: 14px;
line-height: 1.4em;
margin-bottom: 5px;
}
.s-link .s-link-desc {
font-size: 12px;
}
.s-link .s-link-thumbnail {
display: block;
float: left;
max-width: 96px;
max-height: 96px;
margin: 0 10px 5px 0;
padding: 1px;
border: 1px solid #ddd;
}
.s-oembed {
display: inline-block;
background: #fff;
border: 1px solid #ddd;
}
.s-oembed .s-oembed-content {
max-width: 100%;
}
.s-oembed .s-oembed-title {
font-weight: bold;
}
.story-tile {
width: 300px;
margin: 10px 15px;
float: left;
-webkit-box-shadow: 0 1px 0 0 #e7e7e7;
box-shadow: 0 1px 0 0 #e7e7e7;
cursor: pointer;
}
.story-tile .icon {
width: 16px;
height: 16px;
background: url('//storify.com/public/img/web.png') no-repeat;
}
.story-tile .story-toolbar {
padding: 0 2px 3px;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.story-tile-editable .story-toolbar {
display: block;
}
.story-tile-body {
display: block;
position: relative;
background-color: #fff;
border: 0px;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
min-height: 220px;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.story-tile-body .story-tile-avatar {
display: block;
float: left;
padding: 15px;
}
.story-tile-body .story-tile-username-name {
padding-top: 15px;
float: left;
width: 140px;
}
.story-tile-body .story-tile-username-name a {
display: block;
}
.story-tile-body .story-tile-username-name .story-tile-username {
font-size: 1.1em;
color: #0092e5;
margin-bottom: 3px;
}
.story-tile-body .story-tile-username-name .story-tile-name {
color: #b4c4d1;
}
.story-tile-body .story-view-count {
position: absolute;
right: 12px;
top: 12px;
width: 90px;
text-align: right;
color: #b4c4d1;
}
.story-tile-body .story-date {
position: absolute;
right: 12px;
bottom: 6px;
width: 90px;
text-align: right;
color: #b4c4d1;
}
.story-tile-body .actions {
position: relative;
margin: 0px 0px 0px 10px;
}
.story-tile-body .actions .comment,
.story-tile-body .actions .like {
display: inline-block;
vertical-align: middle;
}
.story-tile-body .actions .comment span,
.story-tile-body .actions .like span {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 8px;
vertical-align: middle;
}
.story-tile-body .actions .like span {
background: url('//storify.com/public/img/icons-story.png') no-repeat -16px 0px;
}
.story-tile-body .actions .like:hover span {
background-position: -16px -16px;
}
.story-tile-body .actions .like.active span {
background-position: -16px -32px;
}
.story-tile-body .actions .comment {
vertical-align: middle;
margin-left: 10px;
}
.story-tile-body .actions .comment span {
background: url('//storify.com/public/img/icons-story.png') no-repeat -32px 0px;
}
.story-tile-body .actions .comment:hover span {
background-position: -32px -16px;
}
.story-tile-body .actions .share {
display: inline-block;
vertical-align: middle;
text-decoration: none;
padding: 6px 0px 6px 10px;
margin-right: 6px;
}
.story-tile-body .actions .share.active {
background-color: #eee;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.story-tile-body .actions .share i {
display: inline-block;
line-height: 1em;
width: 16px;
height: 16px;
margin-bottom: -4px;
background: url('//storify.com/public/img/icons-story.png') no-repeat -48px 0px;
}
.story-tile-body .actions .share span {
padding: 0px 15px 0px 6px;
color: #6488a0;
font-weight: bold;
}
.story-tile-body .actions .share span:hover {
text-decoration: none;
}
.story-tile-body .actions em {
font-style: normal;
display: inline-block;
height: 16px;
line-height: 16px;
color: #b4c4d1;
}
.story-tile-body .actions em.zero {
display: none;
}
.story-tile-thumbnail {
position: absolute;
bottom: 0px;
overflow: hidden;
height: 66px;
width: 100%;
}
.story-tile-thumbnail img {
display: block;
width: 300px;
}
.story-tile-thumbnail-info {
position: relative;
height: 128px;
overflow: hidden;
border: 1px solid #e7e7e7;
border-top: 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
overflow: hidden;
}
.story-tile-thumbnail-info .story-tile-thumbnail,
.story-tile-thumbnail-info .story-tile-info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 128px;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-avatar {
position: absolute;
top: 16px;
left: 16px;
display: block;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-avatar img {
display: block;
width: 28px;
height: 28px;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-meta-stats {
position: absolute;
bottom: 10px;
left: 48px;
color: #fff;
text-shadow: 0 1px 0 #333;
font-size: 11px;
line-height: 1.5em;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-meta-stats .story-tile-meta a {
color: #fff;
font-weight: bold;
}
.story-tile-title {
clear: both;
display: block;
height: 35px;
line-height: 35px;
background: #fff;
padding: 0px 14px 0px 14px;
text-align: center;
color: #666;
border-top: 0;
border-bottom: 1px solid #c0c1c2;
white-space: nowrap;
overflow: hidden;
position: relative;
font-family: 'Museo Sans', sans-serif;
font-size: 20px;
height: 50px;
text-align: left;
border: none;
font-weight: normal;
white-space: normal;
line-height: 1.2em;
margin-bottom: 6px;
}
.story-tile-title:hover {
color: #0092e5;
text-decoration: none;
}
.story-tile-title i {
width: 50px;
height: 35px;
position: absolute;
right: 0;
}
.story-tile-simple {
zoom: 1;
margin: 10px 0;
padding: 10px;
border: 1px solid #ddd;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f7f7f7;
-webkit-box-shadow: 0 1px 0 #ddd;
box-shadow: 0 1px 0 #ddd;
}
.story-tile-simple:before,
.story-tile-simple:after {
content: '';
display: table;
}
.story-tile-simple:after {
clear: both;
}
.story-tile-simple:hover {
border-color: #bbb;
background: #fff;
}
.story-tile-simple .story-tile-simple-thumbnail {
padding: 1px;
background: #fff;
border: 1px solid #ddd;
float: left;
}
.story-tile-simple .story-tile-simple-thumbnail .story-tile-simple-thumbnail-image {
display: block;
width: 48px;
height: 48px;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.story-tile-simple .story-tile-simple-info {
padding-left: 62px;
}
.story-tile-simple .story-tile-simple-info .story-tile-simple-title {
display: block;
font-family: 'Georgia', serif;
font-size: 14px;
padding: 0 0 3px;
}
.story-tile-simple .story-tile-simple-info .story-tile-simple-author {
color: #256bbe;
font-size: 11px;
}
.story-tile-simple .story-tile-simple-info .story-tile-simple-date {
color: #999;
text-decoration: none;
}
.filter {
height: 30px;
width: 960px;
margin: 0 auto;
background: url('//storify.com/public/img/line.gif') 0 14px repeat-x;
}
.filter .back {
float: left;
margin-right: 10px;
padding: 3px;
background: #f7f7f7;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.filter .back a {
display: inline-block;
background: #c4c4c4;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #aaa));
background: -webkit-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -moz-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -o-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -ms-linear-gradient(top, #ddd 0%, #aaa 100%);
background: linear-gradient(top, #ddd 0%, #aaa 100%);
height: 20px;
padding: 1px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.filter .back a span {
display: inline-block;
height: 20px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
background: -o-linear-gradient(top, #fff 0%, #ddd 100%);
background: -ms-linear-gradient(top, #fff 0%, #ddd 100%);
background: linear-gradient(top, #fff 0%, #ddd 100%);
padding: 0 10px;
line-height: 20px;
color: #666;
font-size: 10px;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.filter .back a span i {
background: url('//storify.com/public/img/back.png') left no-repeat;
font-style: normal;
padding-left: 9px;
}
.filter .back a:hover span {
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #fff));
background: -webkit-linear-gradient(top, #ddd 0%, #fff 100%);
background: -moz-linear-gradient(top, #ddd 0%, #fff 100%);
background: -o-linear-gradient(top, #ddd 0%, #fff 100%);
background: -ms-linear-gradient(top, #ddd 0%, #fff 100%);
background: linear-gradient(top, #ddd 0%, #fff 100%);
}
.filter .inner {
zoom: 1;
display: inline-block;
border: 1px solid #ddd;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f7f7f7;
}
.filter .inner:before,
.filter .inner:after {
content: '';
display: table;
}
.filter .inner:after {
clear: both;
}
.filter .inner .tabs {
float: left;
padding: 3px;
}
.filter .inner .tabs a {
display: inline-block;
background: #c4c4c4;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #aaa));
background: -webkit-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -moz-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -o-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -ms-linear-gradient(top, #ddd 0%, #aaa 100%);
background: linear-gradient(top, #ddd 0%, #aaa 100%);
padding: 1px;
height: 20px;
}
.filter .inner .tabs a span {
display: inline-block;
height: 20px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
background: -o-linear-gradient(top, #fff 0%, #ddd 100%);
background: -ms-linear-gradient(top, #fff 0%, #ddd 100%);
background: linear-gradient(top, #fff 0%, #ddd 100%);
padding: 0 10px;
line-height: 20px;
color: #666;
font-size: 10px;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
}
.filter .inner .tabs a:hover span {
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #fff));
background: -webkit-linear-gradient(top, #ddd 0%, #fff 100%);
background: -moz-linear-gradient(top, #ddd 0%, #fff 100%);
background: -o-linear-gradient(top, #ddd 0%, #fff 100%);
background: -ms-linear-gradient(top, #ddd 0%, #fff 100%);
background: linear-gradient(top, #ddd 0%, #fff 100%);
}
.filter .inner .tabs a.active span {
color: #333;
background: #fff;
-webkit-box-shadow: inset 0 0 5px #ddd;
box-shadow: inset 0 0 5px #ddd;
}
.filter .inner .tabs a.stories {
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.filter .inner .tabs a.stories span {
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.filter .inner .tabs a.elements {
padding-left: 0;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.filter .inner .tabs a.elements span {
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.filter .inner .types {
display: none;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
float: left;
height: 28px;
-webkit-transition: 0.2s opacity ease-out;
-moz-transition: 0.2s opacity ease-out;
-o-transition: 0.2s opacity ease-out;
-ms-transition: 0.2s opacity ease-out;
transition: 0.2s opacity ease-out;
}
.filter .inner .types.visible {
display: block;
opacity: 1;
-ms-filter: none;
filter: none;
}
.filter .inner .types label {
display: block;
float: left;
padding-right: 10px;
}
.filter .inner .types label input {
display: inline-block;
vertical-align: middle;
width: 12px;
height: 12px;
}
.filter .inner .types label span {
display: inline-block;
padding-left: 5px;
line-height: 28px;
font-size: 11px;
color: #666;
text-shadow: 0 1px 0 #fff;
}
.filter .inner .types label:first-child {
padding-left: 7px;
}
.story-image {
position: relative;
overflow: hidden;
height: 100%;
}
.story-image .story-image-bg {
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.story-image img {
display: block;
width: 100%;
}
.story-image .pattern {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url('//storify.com/public/img/pattern.png');
}
.list-empty {
display: none;
padding: 100px 15px;
text-align: center;
}
.list-empty.element-list-empty {
padding-top: 90px;
}
#user .filter .back {
display: none;
}
.story-toolbar {
display: none;
padding: 8px 10px;
background: #f7f7f7;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
border: 1px solid #e7e7e7;
border-bottom: 0;
-webkit-box-shadow: inset 0 -6px 11px -6px rgba(0,0,0,0.1);
box-shadow: inset 0 -6px 11px -6px rgba(0,0,0,0.1);
}
.story-toolbar .icon {
width: 16px;
height: 16px;
float: left;
margin-right: 3px;
background: url('//storify.com/public/img/web.png') no-repeat;
}
.story-toolbar-status {
font-size: 0px;
}
.story-toolbar-status.published {
color: #87a147;
}
.story-toolbar-status.published .icon {
background-position: 0px -16px;
}
.story-toolbar-status.draft {
color: #be5932;
}
.story-toolbar-status.draft .icon {
background-position: -32px -16px;
}
.story-toolbar-modified {
color: #888;
}
.story-toolbar-actions {
list-style: none;
padding: 0px;
margin: 0px;
}
.story-toolbar-actions a {
color: #979797;
line-height: 16px;
}
.story-toolbar-actions a:hover {
color: #888;
}
.story-toolbar-actions li {
display: inline-block;
margin-left: 10px;
}
.story-toolbar-actions .important {
color: #df502f;
}
.story-toolbar-actions .important.green {
color: #008000;
}
.story-toolbar-flag .icon {
background-position: -208px 0px;
}
.story-toolbar-delete .icon {
background-position: -144px 0px;
}
.story-toolbar-edit .icon {
background-position: -128px 0px;
}
.story-toolbar-post .icon {
background-position: -48px -16px;
}
.story-toolbar-feature .icon {
background-position: -64px -16px;
}
.story-toolbar-unfeature {
color: #be5932 !important;
}
.story-toolbar-unfeature .icon {
background-position: -80px -16px;
}
.story-toolbar-notify {
font-weight: bold;
}
.story-toolbar-notify .icon {
background-position: -160px 0px;
}
.s-attribution {
clear: both;
padding: 0;
font-size: 10px;
font-family: 'Museo Sans', 'Lucida Grande', sans-serif;
color: #999;
text-transform: uppercase;
}
.s-attribution .s-posted,
.s-attribution .dot,
.s-attribution .permalink {
float: left;
line-height: 16px;
margin-right: 3px;
}
.s-attribution .s-posted,
.s-attribution .permalink {
color: #999;
}
.s-attribution .s-element-attr-title {
color: #333;
}
.s-attribution .s-author {
float: left;
margin-right: 3px;
font-weight: normal;
line-height: 16px;
}
.s-attribution .s-author .s-author-name {
color: #256bbe;
}
.s-attribution .s-author .s-author-twitter-handle {
color: #999;
margin-left: 5px;
}
.s-attribution .s-via {
float: left;
margin-right: 8px;
line-height: 16px;
}
.s-attribution .s-source {
margin-right: 5px;
}
.s-element:hover .s-source {
opacity: 1;
-ms-filter: none;
filter: none;
}
.s-source {
float: left;
}
.s-source img {
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
}
.s-source a {
display: block;
}
.s-source .s-source-name {
display: none;
}
.s-source .s-source-icon,
.s-source .s-author-avatar {
margin: 0;
width: 16px;
height: 16px;
vertical-align: middle;
background-repeat: no-repeat;
-webkit-filter: grayscale(1);
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50);
}
.s-element[data-source='twitter'] .s-attribution {
padding-top: 10px;
margin-right: 50px;
}
.s-appdotnet .s-source-icon {
background-image: url('//storify.com/public/img/sources/appdotnet-16px.png');
}
.s-facebook .s-source-icon {
background-image: url('//storify.com/public/img/sources/facebook-16px.png');
}
.s-getglue .s-source-icon {
background-image: url('//storify.com/public/img/sources/getglue-16px.png');
}
.s-chute .s-source-icon {
background-image: url('//storify.com/public/img/sources/chute-16px.png');
}
.s-stocktwits .s-source-icon {
background-image: url('//storify.com/public/img/sources/stocktwits-16px.png');
}
.s-flickr .s-source-icon {
background-image: url('//storify.com/public/img/sources/flickr-16px.png');
}
.s-google .s-source-icon {
background-image: url('//storify.com/public/img/sources/google-16px.png');
}
.s-gplus .s-source-icon {
background-image: url('//storify.com/public/img/sources/gplus-16px.png');
}
.s-rss .s-source-icon {
background-image: url('//storify.com/public/img/sources/rss-16px.png');
}
.s-twitter .s-source-icon,
.s-twitpic .s-source-icon,
.s-yfrog .s-source-icon {
background-image: url('//storify.com/public/img/sources/twitter-16px.png');
}
.s-wikipedia .s-source-icon {
background-image: url('//storify.com/public/img/sources/wikipedia-16px.png');
}
.s-youtube .s-source-icon {
background-image: url('//storify.com/public/img/sources/youtube-16px.png');
}
.s-storify .s-source-icon {
background-image: url('//storify.com/public/img/sources/storify-16px.png');
}
.s-foursquare .s-source-icon {
background-image: url('//storify.com/public/img/sources/foursquare-16px.png');
}
.s-reddit .s-source-icon {
background-image: url('//storify.com/public/img/sources/reddit-16px.png');
}
.s-tumblr .s-source-icon {
background-image: url('//storify.com/public/img/sources/tumblr-16px.png');
}
.s-share-dropdown {
display: none;
position: absolute;
top: 5px;
left: 5px;
background: #fff;
padding: 10px;
z-index: 99;
}
.sb-share-dropdown {
display: none;
position: absolute;
top: 26px;
left: 0px;
background: #fff;
padding: 8px 10px;
z-index: 99;
border: 1px solid #ccc;
}
.story-tile.share .sb-share-dropdown {
display: block;
}
.comment {
overflow: hidden;
}
.s-elements .comments,
.shared-element-comments .comments,
#import .comments,
#comments,
.engage {
word-wrap: break-word;
background: #f7f7f7;
padding: 0 10px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-transition: 0.1s border-color;
-moz-transition: 0.1s border-color;
-o-transition: 0.1s border-color;
-ms-transition: 0.1s border-color;
transition: 0.1s border-color;
text-align: left;
}
.s-elements .comments .action-container,
.shared-element-comments .comments .action-container,
#import .comments .action-container,
#comments .action-container,
.engage .action-container {
padding: 10px 0;
}
.s-elements .comments .action,
.shared-element-comments .comments .action,
#import .comments .action,
#comments .action,
.engage .action {
position: relative;
padding: 0 46px 0 0;
margin: 0;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: inset 1px 1px 5px #ddd;
box-shadow: inset 1px 1px 5px #ddd;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.s-elements .comments .action.focus,
.shared-element-comments .comments .action.focus,
#import .comments .action.focus,
#comments .action.focus,
.engage .action.focus {
border-color: #bbb;
}
.s-elements .comments .action .story-comment-input,
.shared-element-comments .comments .action .story-comment-input,
#import .comments .action .story-comment-input,
#comments .action .story-comment-input,
.engage .action .story-comment-input,
.s-elements .comments .action .element-comment-input,
.shared-element-comments .comments .action .element-comment-input,
#import .comments .action .element-comment-input,
#comments .action .element-comment-input,
.engage .action .element-comment-input {
display: block;
width: 100%;
height: 26px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #333;
border: 0;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 0 0 6px;
}
.s-elements .comments .action .story-comment-post,
.shared-element-comments .comments .action .story-comment-post,
#import .comments .action .story-comment-post,
#comments .action .story-comment-post,
.engage .action .story-comment-post,
.s-elements .comments .action .element-comment-post,
.shared-element-comments .comments .action .element-comment-post,
#import .comments .action .element-comment-post,
#comments .action .element-comment-post,
.engage .action .element-comment-post {
position: absolute;
right: 5px;
top: 5px;
}
.s-elements .comments .action .story-comment-post i,
.shared-element-comments .comments .action .story-comment-post i,
#import .comments .action .story-comment-post i,
#comments .action .story-comment-post i,
.engage .action .story-comment-post i,
.s-elements .comments .action .element-comment-post i,
.shared-element-comments .comments .action .element-comment-post i,
#import .comments .action .element-comment-post i,
#comments .action .element-comment-post i,
.engage .action .element-comment-post i {
float: left;
width: 16px;
height: 16px;
opacity: 0.2;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
filter: alpha(opacity=20);
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
transition: opacity 0.4s;
cursor: pointer;
}
.s-elements .comments .action .story-comment-post i.story-comment-twitter,
.shared-element-comments .comments .action .story-comment-post i.story-comment-twitter,
#import .comments .action .story-comment-post i.story-comment-twitter,
#comments .action .story-comment-post i.story-comment-twitter,
.engage .action .story-comment-post i.story-comment-twitter,
.s-elements .comments .action .element-comment-post i.story-comment-twitter,
.shared-element-comments .comments .action .element-comment-post i.story-comment-twitter,
#import .comments .action .element-comment-post i.story-comment-twitter,
#comments .action .element-comment-post i.story-comment-twitter,
.engage .action .element-comment-post i.story-comment-twitter,
.s-elements .comments .action .story-comment-post i.element-comment-twitter,
.shared-element-comments .comments .action .story-comment-post i.element-comment-twitter,
#import .comments .action .story-comment-post i.element-comment-twitter,
#comments .action .story-comment-post i.element-comment-twitter,
.engage .action .story-comment-post i.element-comment-twitter,
.s-elements .comments .action .element-comment-post i.element-comment-twitter,
.shared-element-comments .comments .action .element-comment-post i.element-comment-twitter,
#import .comments .action .element-comment-post i.element-comment-twitter,
#comments .action .element-comment-post i.element-comment-twitter,
.engage .action .element-comment-post i.element-comment-twitter {
background: url('//storify.com/public/img/sources/twitter-16px.png') no-repeat;
}
.s-elements .comments .action .story-comment-post i.story-comment-facebook,
.shared-element-comments .comments .action .story-comment-post i.story-comment-facebook,
#import .comments .action .story-comment-post i.story-comment-facebook,
#comments .action .story-comment-post i.story-comment-facebook,
.engage .action .story-comment-post i.story-comment-facebook,
.s-elements .comments .action .element-comment-post i.story-comment-facebook,
.shared-element-comments .comments .action .element-comment-post i.story-comment-facebook,
#import .comments .action .element-comment-post i.story-comment-facebook,
#comments .action .element-comment-post i.story-comment-facebook,
.engage .action .element-comment-post i.story-comment-facebook,
.s-elements .comments .action .story-comment-post i.element-comment-facebook,
.shared-element-comments .comments .action .story-comment-post i.element-comment-facebook,
#import .comments .action .story-comment-post i.element-comment-facebook,
#comments .action .story-comment-post i.element-comment-facebook,
.engage .action .story-comment-post i.element-comment-facebook,
.s-elements .comments .action .element-comment-post i.element-comment-facebook,
.shared-element-comments .comments .action .element-comment-post i.element-comment-facebook,
#import .comments .action .element-comment-post i.element-comment-facebook,
#comments .action .element-comment-post i.element-comment-facebook,
.engage .action .element-comment-post i.element-comment-facebook {
background: url('//storify.com/public/img/sources/facebook-16px.png') no-repeat;
margin-left: 4px;
}
.s-elements .comments .action .story-comment-post i:hover,
.shared-element-comments .comments .action .story-comment-post i:hover,
#import .comments .action .story-comment-post i:hover,
#comments .action .story-comment-post i:hover,
.engage .action .story-comment-post i:hover,
.s-elements .comments .action .element-comment-post i:hover,
.shared-element-comments .comments .action .element-comment-post i:hover,
#import .comments .action .element-comment-post i:hover,
#comments .action .element-comment-post i:hover,
.engage .action .element-comment-post i:hover {
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50);
}
.s-elements .comments .action .story-comment-post i.active,
.shared-element-comments .comments .action .story-comment-post i.active,
#import .comments .action .story-comment-post i.active,
#comments .action .story-comment-post i.active,
.engage .action .story-comment-post i.active,
.s-elements .comments .action .element-comment-post i.active,
.shared-element-comments .comments .action .element-comment-post i.active,
#import .comments .action .element-comment-post i.active,
#comments .action .element-comment-post i.active,
.engage .action .element-comment-post i.active {
opacity: 1;
-ms-filter: none;
filter: none;
}
.s-elements .comments .previous ul,
.shared-element-comments .comments .previous ul,
#import .comments .previous ul,
#comments .previous ul,
.engage .previous ul {
margin: 0;
padding: 0;
list-style: none;
}
.s-elements .comments .previous ul li,
.shared-element-comments .comments .previous ul li,
#import .comments .previous ul li,
#comments .previous ul li,
.engage .previous ul li {
zoom: 1;
padding: 5px 0;
border-top: 1px dotted #ddd;
}
.s-elements .comments .previous ul li:before,
.shared-element-comments .comments .previous ul li:before,
#import .comments .previous ul li:before,
#comments .previous ul li:before,
.engage .previous ul li:before,
.s-elements .comments .previous ul li:after,
.shared-element-comments .comments .previous ul li:after,
#import .comments .previous ul li:after,
#comments .previous ul li:after,
.engage .previous ul li:after {
content: '';
display: table;
}
.s-elements .comments .previous ul li:after,
.shared-element-comments .comments .previous ul li:after,
#import .comments .previous ul li:after,
#comments .previous ul li:after,
.engage .previous ul li:after {
clear: both;
}
.s-elements .comments .previous ul li .avatar,
.shared-element-comments .comments .previous ul li .avatar,
#import .comments .previous ul li .avatar,
#comments .previous ul li .avatar,
.engage .previous ul li .avatar {
display: block;
float: left;
margin-right: 5px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 16px;
height: 16px;
}
.s-elements .comments .previous ul li .container,
.shared-element-comments .comments .previous ul li .container,
#import .comments .previous ul li .container,
#comments .previous ul li .container,
.engage .previous ul li .container {
position: relative;
font-size: 11px;
line-height: 16px;
padding-left: 21px;
}
.s-elements .comments .previous ul li .container .author,
.shared-element-comments .comments .previous ul li .container .author,
#import .comments .previous ul li .container .author,
#comments .previous ul li .container .author,
.engage .previous ul li .container .author {
font-weight: bold;
padding-right: 5px;
color: #333;
text-decoration: none;
white-space: nowrap;
}
.s-elements .comments .previous ul li .container .content,
.shared-element-comments .comments .previous ul li .container .content,
#import .comments .previous ul li .container .content,
#comments .previous ul li .container .content,
.engage .previous ul li .container .content,
.s-elements .comments .previous ul li .container .fullContent,
.shared-element-comments .comments .previous ul li .container .fullContent,
#import .comments .previous ul li .container .fullContent,
#comments .previous ul li .container .fullContent,
.engage .previous ul li .container .fullContent,
.s-elements .comments .previous ul li .container .moreComment,
.shared-element-comments .comments .previous ul li .container .moreComment,
#import .comments .previous ul li .container .moreComment,
#comments .previous ul li .container .moreComment,
.engage .previous ul li .container .moreComment {
padding-right: 5px;
}
.s-elements .comments .previous ul li .container .moreComment,
.shared-element-comments .comments .previous ul li .container .moreComment,
#import .comments .previous ul li .container .moreComment,
#comments .previous ul li .container .moreComment,
.engage .previous ul li .container .moreComment {
color: #256bbe;
}
.s-elements .comments .previous ul li .container .hide,
.shared-element-comments .comments .previous ul li .container .hide,
#import .comments .previous ul li .container .hide,
#comments .previous ul li .container .hide,
.engage .previous ul li .container .hide {
display: none;
}
.s-elements .comments .previous ul li .container .date,
.shared-element-comments .comments .previous ul li .container .date,
#import .comments .previous ul li .container .date,
#comments .previous ul li .container .date,
.engage .previous ul li .container .date {
color: #999;
}
.s-elements .comments .previous ul li .container .remove,
.shared-element-comments .comments .previous ul li .container .remove,
#import .comments .previous ul li .container .remove,
#comments .previous ul li .container .remove,
.engage .previous ul li .container .remove {
display: none;
position: absolute;
top: 0;
right: 0;
font-size: 10px;
padding: 0 3px;
background: #eee;
border: 1px solid #ddd;
-webkit-border-radius: 2px;
border-radius: 2px;
text-decoration: none;
color: #333;
}
.s-elements .comments .previous ul li .container .remove:hover,
.shared-element-comments .comments .previous ul li .container .remove:hover,
#import .comments .previous ul li .container .remove:hover,
#comments .previous ul li .container .remove:hover,
.engage .previous ul li .container .remove:hover {
color: #ca352c;
}
.s-elements .comments .previous ul li .container:hover .remove,
.shared-element-comments .comments .previous ul li .container:hover .remove,
#import .comments .previous ul li .container:hover .remove,
#comments .previous ul li .container:hover .remove,
.engage .previous ul li .container:hover .remove {
display: block;
}
.s-elements .comments .previous .more,
.shared-element-comments .comments .previous .more,
#import .comments .previous .more,
#comments .previous .more,
.engage .previous .more {
border-top: 1px dotted #ddd;
font-size: 11px;
line-height: 16px;
display: block;
font-weight: bold;
padding: 5px 0;
}
.s-elements .comments .previous .more a,
.shared-element-comments .comments .previous .more a,
#import .comments .previous .more a,
#comments .previous .more a,
.engage .previous .more a {
color: #333;
text-decoration: none;
}
.s-elements .comments .previous .more a:hover,
.shared-element-comments .comments .previous .more a:hover,
#import .comments .previous .more a:hover,
#comments .previous .more a:hover,
.engage .previous .more a:hover {
text-decoration: underline;
}
.s-elements .comments .previous .more span,
.shared-element-comments .comments .previous .more span,
#import .comments .previous .more span,
#comments .previous .more span,
.engage .previous .more span {
font-weight: normal;
color: #999;
}
.s-elements .comments {
-webkit-box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.15);
box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.15);
}
.s-elements .no-comment {
display: none;
}
.s-elements .has-comments {
display: block;
}
#comments {
-webkit-border-radius: 0;
border-radius: 0;
background: transparent none;
}
#comments .previous {
max-height: 300px;
overflow: auto;
}
.s-element-stats {
zoom: 1;
border-top: 1px dotted #ddd;
text-align: center;
font-size: 10px;
line-height: 1em;
padding: 6px;
color: #999;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
}
.s-element-stats:before,
.s-element-stats:after {
content: '';
display: table;
}
.s-element-stats:after {
clear: both;
}
.s-element-stats:hover {
color: #666;
}
.s-element-stats div {
display: inline;
}
.s-element-stats.hide,
.s-element-stats .hide {
display: none;
}
#big-like {
position: fixed;
top: 50%;
left: 50%;
width: 230px;
height: 206px;
margin-left: -115px;
margin-top: -103px;
background: url('//storify.com/public/img/heart2.png');
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
display: none;
z-index: 100003;
}
input,
textarea {
color: #333;
font-size: 11px;
font-family: 'Lucida Grande', sans-serif;
}
.gc-bubbleDefault {
display: none !important;
}
.s-info {
margin-left: -3px;
}
.s-info .s-author {
font-size: 12px;
line-height: 30px;
float: left;
margin: 0 10px 20px 0;
color: #888;
background: #f7f7f7;
padding: 0 10px 0 20px;
height: 30px;
display: inline-block;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
border: 1px solid #e7e7e7;
-webkit-box-shadow: inset 0 1px 0 0 #fff;
box-shadow: inset 0 1px 0 0 #fff;
}
.s-info .s-author a.logo {
display: block;
float: left;
width: 57px;
height: 14px;
overflow: hidden;
margin: 8px 3px 0 0;
background: url('//storify.com/public/img/logo.blue.small.png');
}
.s-info .s-author a.logo span {
visibility: hidden;
}
.s-info .s-author-follow {
font-size: 11px;
font-weight: bold;
vertical-align: top;
margin-left: 4px;
color: #8da452;
}
.s-info .s-author-avatar {
float: left;
max-width: 32px;
max-height: 32px;
margin: 2px 10px 0px 0px;
}
.s-info .s-published {
display: inline-block;
font-size: 11px;
line-height: 30px;
}
.s-info .s-published a {
color: #666;
}
.s-published-date {
color: #555;
}
#story {
position: relative;
}
.s-story {
margin: 0px auto;
padding: 0px;
background: #fff;
color: #333;
font-size: 15px;
line-height: 18px;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-webkit-box-shadow: 0 1px 0 #e7e7e7;
box-shadow: 0 1px 0 #e7e7e7;
}
.s-story.noborder {
border: none;
-webkit-border-radius: 0;
border-radius: 0;
}
.s-story.noborder .s-element-text,
.s-story.noborder .s-text,
.s-story.noborder .s-info,
.s-story.noborder .s-actions,
.s-story.noborder .s-title,
.s-story.noborder .more-on-storify {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.s-story a {
text-decoration: none;
color: #333;
}
.s-story a:hover {
text-decoration: underline;
}
.s-story .icon {
float: left;
width: 16px;
height: 16px;
margin-right: 3px;
background-image: url('//storify.com/public/img/web.png');
background-repeat: no-repeat;
}
.s-thumbnail {
max-width: 64px;
max-height: 64px;
float: right;
margin: 0px 20px;
}
.s-clear {
display: block;
height: 0px;
clear: both;
}
.s-header {
padding: 16px 0 0;
border-bottom: 1px dotted #ddd;
}
.s-actions {
height: 30px;
position: absolute;
top: 20px;
right: 20px;
z-index: 101;
}
.s-actions a,
.shared-element-actions a {
zoom: 1;
display: block;
float: left;
border-left: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.s-actions a:before,
.shared-element-actions a:before,
.s-actions a:after,
.shared-element-actions a:after {
content: '';
display: table;
}
.s-actions a:after,
.shared-element-actions a:after {
clear: both;
}
.s-actions a span,
.shared-element-actions a span {
float: left;
display: block;
min-width: 30px;
height: 28px;
border-top: 2px solid #e7e7e7;
}
.s-actions a span i,
.shared-element-actions a span i {
display: block;
background: url('//storify.com/public/img/icons.png');
-webkit-background-size: 80px 64px;
-moz-background-size: 80px 64px;
background-size: 80px 64px;
width: 16px;
height: 16px;
margin: 6px 7px;
}
.s-actions a:last-child,
.shared-element-actions a:last-child {
border-right: 1px solid #e7e7e7;
}
.s-actions a.embed span,
.shared-element-actions a.embed span {
border-top-color: #85a8d2;
}
.s-actions a.embed span i,
.shared-element-actions a.embed span i {
background-position: -64px 0;
}
.s-actions a.embed:hover span,
.shared-element-actions a.embed:hover span {
background: #85a8d2;
}
.s-actions a.embed:hover span i,
.shared-element-actions a.embed:hover span i {
background-position: -64px -16px;
}
.s-actions a.repost span,
.shared-element-actions a.repost span {
border-top-color: #85a8d2;
}
.s-actions a.repost span i,
.shared-element-actions a.repost span i {
background-position: 0 0;
}
.s-actions a.repost:hover span,
.shared-element-actions a.repost:hover span {
background: #85a8d2;
}
.s-actions a.repost:hover span i,
.shared-element-actions a.repost:hover span i {
background-position: 0 -16px;
}
.s-actions a.like span,
.shared-element-actions a.like span {
border-top-color: #c5889c;
}
.s-actions a.like span i,
.shared-element-actions a.like span i {
background-position: -16px 0;
}
.s-actions a.like .count,
.shared-element-actions a.like .count {
border-top-color: #c5889c;
}
.s-actions a.like:hover span,
.shared-element-actions a.like:hover span {
background: #c5889c;
}
.s-actions a.like:hover span i,
.shared-element-actions a.like:hover span i {
background-position: -16px -16px;
}
.s-actions a.like:hover .count,
.shared-element-actions a.like:hover .count {
background: #c5889c;
color: #fff;
}
.s-actions a.like.active i,
.shared-element-actions a.like.active i {
background-position: -16px -32px;
}
.s-actions a.comment span,
.shared-element-actions a.comment span {
border-top-color: #efbd81;
}
.s-actions a.comment span i,
.shared-element-actions a.comment span i {
background-position: -32px 0;
}
.s-actions a.comment .count,
.shared-element-actions a.comment .count {
border-top-color: #efbd81;
}
.s-actions a.comment:hover span,
.shared-element-actions a.comment:hover span {
background: #efbd81;
}
.s-actions a.comment:hover span i,
.shared-element-actions a.comment:hover span i {
background-position: -32px -16px;
}
.s-actions a.comment:hover .count,
.shared-element-actions a.comment:hover .count {
background: #efbd81;
color: #fff;
}
.s-actions a.share span,
.shared-element-actions a.share span {
border-top-color: #9fc582;
}
.s-actions a.share span i,
.shared-element-actions a.share span i {
background-position: -48px 0;
}
.s-actions a.share:hover span,
.shared-element-actions a.share:hover span {
background: #9fc582;
}
.s-actions a.share:hover span i,
.shared-element-actions a.share:hover span i {
background-position: -48px -16px;
}
.s-element .buttons {
zoom: 1;
margin-left: -7px;
padding: 3px 0;
}
.s-element .buttons:before,
.s-element .buttons:after {
content: '';
display: table;
}
.s-element .buttons:after {
clear: both;
}
.s-element .buttons a {
display: block;
float: left;
width: 30px;
height: 30px;
}
.s-element .buttons a span {
float: left;
}
.s-element .buttons a i {
display: block;
background: url('//storify.com/public/img/icons-story.png');
width: 16px;
height: 16px;
margin: 6px 7px;
float: left;
}
.s-element .buttons a.like i {
background-position: -16px 0;
}
.s-element .buttons a.like:hover i {
background-position: -16px -16px;
}
.s-element .buttons a.like.active i {
background-position: -16px -32px;
}
.s-element .buttons a.comment i {
background-position: -32px 0;
}
.s-element .buttons a.comment:hover i {
background-position: -32px -16px;
}
.s-element .buttons a.share {
width: auto;
line-height: 30px;
}
.s-element .buttons a.share i {
background-position: -48px 0;
margin-right: 3px;
}
.s-element .buttons a.share span {
font-weight: bold;
color: #52748f;
}
.s-element .buttons a.share:hover i {
background-position: -48px -16px;
}
.s-element .buttons a.share:hover span {
color: #ababab;
}
.s-element .buttons em {
float: left;
height: 30px;
line-height: 30px;
font-style: normal;
color: #b4c4d1;
font-size: 12px;
margin-right: 5px;
}
.s-element .buttons em.zero {
color: #dde4ea;
display: none;
}
.count {
float: left;
color: #999;
line-height: 28px;
font-size: 12px;
border-top: 2px solid #e7e7e7;
padding-right: 5px;
}
.s-actions-share {
list-style: none;
margin: 0px;
padding: 0px;
}
.s-actions-share li {
display: inline-block;
}
.s-actions-share {
float: left;
}
.s-actions-share li {
float: left;
padding-right: 10px;
}
.s-actions-share li a {
display: block;
width: 32px;
height: 32px;
text-indent: -9999px;
background-image: url('//storify.com/public/img/share-icons.png');
}
.s-actions-share li.s-share-facebook a {
background-position: 0 0;
}
.s-actions-share li.s-share-facebook-loading a {
background-image: url('//storify.com/public/img/facebook-loading.gif');
}
.s-actions-share li.s-share-facebook-done a {
background-image: url('//storify.com/public/img/facebook-done.png');
}
.s-actions-share li.s-share-twitter a {
background-position: -32px 0;
}
.s-actions-share li.s-share-pinterest a {
background-position: -160px 0;
}
.s-actions-share li.s-share-googleplus a {
background-position: -64px 0;
}
.s-actions-share li.s-share-linkedin a {
background-position: -96px 0;
}
.s-actions-share li.s-share-email {
padding-right: 0;
}
.s-actions-share li.s-share-email a {
background-position: -128px 0;
}
#s-share-dropdown,
#s-embed-dropdown,
#s-comment-dropdown {
z-index: 102;
display: none;
position: absolute;
top: 50px;
right: 20px;
background: #fff;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0px 1px 0px #e7e7e7;
box-shadow: 0px 1px 0px #e7e7e7;
}
#share-footer-dropdown {
display: none;
z-index: 102;
position: absolute;
top: 36px;
left: 95px;
background: #fff;
padding: 6px 10px;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0px 1px 0px #e7e7e7;
box-shadow: 0px 1px 0px #e7e7e7;
}
#comments-footer {
display: none;
z-index: 102;
position: absolute;
top: 36px;
left: 95px;
background: #fff;
padding: 6px 10px;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0px 1px 0px #e7e7e7;
box-shadow: 0px 1px 0px #e7e7e7;
}
#s-share-dropdown {
width: 200px;
padding: 10px;
}
#s-embed-dropdown {
width: 278px;
}
#s-embed-dropdown label {
font-size: 11px;
}
#s-embed-dropdown .s-embed-code {
padding: 15px;
}
#s-embed-dropdown .s-embed-code label {
margin-bottom: 5px;
}
#s-embed-dropdown .s-embed-code input[type='text'] {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Monaco', 'Courier', monospace;
}
#s-embed-dropdown .s-embed-options {
padding: 17px 15px 5px;
background: url('//storify.com/public/img/border2px.gif') top repeat-x;
}
#s-embed-dropdown .s-embed-options .s-embed-template {
margin-bottom: 10px;
}
#s-embed-dropdown .s-embed-options .s-embed-template label {
float: left;
line-height: 18px;
padding-right: 5px;
}
#s-embed-dropdown .s-embed-options .s-embed-template select {
height: 18px;
margin: 0;
}
#s-embed-dropdown .s-embed-options .s-embed-show,
#s-embed-dropdown .s-embed-options .s-embed-seo {
margin-bottom: 10px;
}
#s-embed-dropdown .s-embed-options .s-embed-show label,
#s-embed-dropdown .s-embed-options .s-embed-seo label,
#s-embed-dropdown .s-embed-options .s-embed-show input,
#s-embed-dropdown .s-embed-options .s-embed-seo input {
display: inline;
}
#s-embed-dropdown .s-embed-options .s-embed-show input,
#s-embed-dropdown .s-embed-options .s-embed-seo input {
vertical-align: baseline;
}
#s-embed-dropdown .s-embed-options .s-embed-show label,
#s-embed-dropdown .s-embed-options .s-embed-seo label {
padding: 0 5px;
}
#s-embed-dropdown .s-embed-options .s-embed-show label:first-child {
padding-left: 0;
}
#s-comment-dropdown {
width: 350px;
}
#s-copy-code {
color: #333;
font-size: 11px;
text-decoration: none;
}
.s-email-send {
padding-top: 18px;
}
.s-email-send button {
margin-left: 0px;
}
.s-elements {
position: relative;
min-height: 200px;
font-size: 12px;
line-height: 18px;
color: #333;
list-style: none;
padding: 0px;
margin: 10px 0;
}
.s-elements a {
text-decoration: none;
color: #333;
}
.s-elements a:hover {
text-decoration: underline;
}
.s-title,
#s-title {
display: block;
font-family: 'Georgia', serif;
font-size: 32px;
font-style: normal;
font-weight: normal;
line-height: 1.1em;
color: #000;
padding: 0px 20px;
margin: 0px;
}
.s-section {
zoom: 1;
margin: 0;
}
.s-section:before,
.s-section:after {
content: '';
display: table;
}
.s-section:after {
clear: both;
}
.s-section a.name,
.s-section a.edit {
float: left;
display: inline-block;
}
.s-section a.name {
font-family: 'Helvetica', sans-serif;
color: #b30c00;
font-style: normal;
padding-left: 20px;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
}
.s-section a.name:hover {
text-decoration: none;
color: #000;
}
.s-section a.edit {
margin-left: 5px;
width: 16px;
height: 16px;
background: #000;
text-indent: -9999px;
background: url('//storify.com/public/img/web.png') -128px 0px;
}
.s-description,
#s-description {
display: block;
margin: 0px;
padding: 10px 20px 20px;
font-size: 15px;
line-height: 1.6em;
color: #666;
}
#s-title,
#s-description {
width: 100%;
padding: 7px;
margin: 0px -7px 10px;
border: 1px solid #eee;
resize: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#s-title:hover:not(:focus),
#s-description:hover:not(:focus) {
background: #fffbe3;
border-color: #ccc;
}
#s-title:focus,
#s-description:focus {
-webkit-box-shadow: inset 0 2px 1px rgba(0,0,0,0.07);
box-shadow: inset 0 2px 1px rgba(0,0,0,0.07);
border-color: #aaa;
}
#s-title::-webkit-input-placeholder,
#s-description::-webkit-input-placeholder,
#s-title::-moz-placeholder,
#s-description::-moz-placeholder {
color: #ddd;
}
.s-load-more {
display: block;
height: 50px;
font-size: 18px;
margin: 0px;
padding: 10px 0px;
color: #eee;
background-color: #0083cb;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1e8ac7), color-stop(1, #0083cb));
background: -webkit-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: -moz-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: -o-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: -ms-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
-webkit-border-radius: 3px;
border-radius: 3px;
width: 628px;
-webkit-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
text-align: center;
text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
}
.s-load-more:disabled {
background: url('//storify.com/public/img/load.gif') no-repeat center;
font-size: 0px;
}
.s-load-more#embed-footer {
display: block;
width: auto;
text-align: center;
background-color: #0083cb;
border: 1px solid #0083cb;
-webkit-border-radius: 3px;
border-radius: 3px;
font-family: 'Museo Sans', sans-serif;
color: #fff;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 1.4em;
padding: 3px 0;
margin: 0px 10px;
}
.s-load-more#embed-footer:hover {
color: #fff;
text-decoration: none;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #017cc0), color-stop(1, #0068ac));
background: -webkit-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: -moz-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: -o-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: -ms-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: linear-gradient(top, #017cc0 0%, #0068ac 100%);
}
.s-load-more#embed-footer:disabled {
background: url('//storify.com/public/img/load.gif') no-repeat center;
font-size: 0px;
}
.s-story .s-created-with {
background: url('//storify.com/public/img/created.with.png') right no-repeat;
display: block;
height: 16px;
margin: 3px;
}
.s-story .footer {
color: #666;
display: block;
padding: 15px 15px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
border-top: 1px solid #f7f7f7;
font-size: 12px;
line-height: 14px;
overflow: hidden;
}
.s-story .footer .subscribe {
display: inline-block;
padding-top: 2px;
}
.s-story .footer span,
.s-story .footer a,
.s-story .footer .subscribe-button {
display: block;
float: left;
}
.s-story .footer a.logo {
display: block;
float: left;
width: 79px;
height: 20px;
overflow: hidden;
background: url('//storify.com/public/img/embed-header-logo.png') 0px -20px no-repeat;
margin: 0px 12px 0px 0px;
}
.s-story .footer a.logo:hover {
background-position: 0px -20px;
}
.s-story .footer a.logo em {
visibility: hidden;
}
.s-story .footer .subscribe-label,
.s-story .footer .subscribed-label,
.s-story .footer .subscribe-user {
height: 20px;
line-height: 20px;
}
.s-story .footer .subscribe-button {
height: auto;
margin: -2px 0 0 10px;
}
.s-story .footer .subscribe-button span {
font-size: 11px;
height: 20px;
line-height: 20px;
padding: 0 7px;
}
.s-story .footer .subscribe-button:hover {
text-decoration: none;
}
.s-story .engage {
position: relative;
padding: 10px 20px;
font-size: 12px;
border-top: 1px dotted #ddd;
background: #f7f7f7;
-webkit-border-radius: 0;
border-radius: 0;
}
.s-story .engage a {
font-weight: bold;
}
.s-story .engage .intro {
color: #666;
margin: 0 0 10px;
}
.s-story .engage .liked {
display: none;
position: absolute;
top: 10px;
right: 20px;
color: #008000;
font-weight: bold;
}
.s-story .engage .action-container {
padding-top: 0;
}
.s-story .engage .recent {
padding: 0;
margin: 10px 0 0;
list-style: none;
}
.s-story .engage .recent li {
zoom: 1;
font-size: 11px;
line-height: 16px;
padding: 5px 0;
border-top: 1px dotted #ddd;
}
.s-story .engage .recent li:before,
.s-story .engage .recent li:after {
content: '';
display: table;
}
.s-story .engage .recent li:after {
clear: both;
}
.s-story .engage .recent li:last-child {
padding-bottom: 0;
}
.s-story .engage .recent li img {
width: 16px;
height: 16px;
float: left;
display: block;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.s-story .engage .recent li .container {
padding-left: 21px;
}
.s-story .engage .recent li .container a {
text-decoration: none;
}
.s-story .engage .recent li .container .date {
color: #999;
}
.s-story .engage.embed {
background: transparent;
border: none;
padding: 0px;
}
body#embed .s-story {
-webkit-border-radius: 0;
border-radius: 0;
}
body#embed .s-story .s-info {
margin-left: 0;
}
body#embed .s-story .s-info .s-author {
border-left: 0;
}
.left-content {
position: relative;
float: left;
max-width: 630px;
width: 100%;
}
.right-sidebar {
float: right;
width: 300px;
}
.fluid {
width: 100%;
}
.fixed {
position: relative;
max-width: 960px;
margin: 0px auto;
padding: 0px 15px;
}
.left {
float: left;
}
.right {
float: right;
}
.inline {
float: left;
margin: 0px 3px 0px 0px;
}
.clear {
float: none !important;
clear: both;
}
input {
vertical-align: top;
margin: 0;
}
input[type='text'],
input[type='password'],
textarea,
.input-text {
background: #fff;
font-size: 12px;
padding: 6px;
border: 1px solid #ddd;
-webkit-box-shadow: inset 1px 1px 5px #ddd;
box-shadow: inset 1px 1px 5px #ddd;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 11px;
}
input[type='text']:hover,
input[type='password']:hover,
textarea:hover,
.input-text:hover {
border-color: #ccc;
}
input[type='text']:focus,
input[type='password']:focus,
textarea:focus,
.input-text:focus,
input[type='text'].focus,
input[type='password'].focus,
textarea.focus,
.input-text.focus {
border-color: #5695db;
-webkit-box-shadow: inset 1px 1px 5px #ddd, 0 0 5px #5695db;
box-shadow: inset 1px 1px 5px #ddd, 0 0 5px #5695db;
}
input[type='text'].search,
input[type='password'].search,
textarea.search,
.input-text.search {
padding: 8px 6px 8px 0px;
background: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
input[type='text'].error,
input[type='password'].error,
textarea.error,
.input-text.error {
border-color: #f07070;
-webkit-box-shadow: inset 1px 1px 5px #ddd, 0 0 5px #f07070;
box-shadow: inset 1px 1px 5px #ddd, 0 0 5px #f07070;
color: #9d3434;
}
body#editor .input-text {
-webkit-border-radius: 0;
border-radius: 0;
}
.input-text {
padding: 0;
}
.input-prepend {
display: inline-block;
margin: 11px 0 0 5px;
font-weight: bold;
font-size: 11px;
color: #ccc;
}
.form input[type='text'],
.form input[type='password'],
.form .input-text {
display: block;
padding: 10px;
margin: 3px 0px 10px;
width: 300px;
}
.form button {
float: right;
margin-right: 0px;
}
.form input[type=checkbox] {
display: block;
margin: 10px 6px 0 0;
}
.field {
clear: both;
}
label {
display: block;
font-size: 10px;
color: #888;
}
::-webkit-input-placeholder {
color: #ddd;
}
:-moz-placeholder {
color: #ddd;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.button-group {
list-style: none;
}
button,
a.button {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #cacaca;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dedede), color-stop(1, #b7b7b7));
background-image: -webkit-linear-gradient(top, #dedede 0%, #b7b7b7 100%);
background-image: -moz-linear-gradient(top, #dedede 0%, #b7b7b7 100%);
background-image: -o-linear-gradient(top, #dedede 0%, #b7b7b7 100%);
background-image: -ms-linear-gradient(top, #dedede 0%, #b7b7b7 100%);
background-image: linear-gradient(top, #dedede 0%, #b7b7b7 100%);
padding: 1px;
border: 0;
}
button span,
a.button span {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Museo Sans', sans-serif;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
font-size: 12px;
font-weight: 700;
line-height: 1em;
padding: 6px 8px;
position: relative;
text-decoration: none;
background-color: #ececec;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfbfb), color-stop(1, #dedede));
background-image: -webkit-linear-gradient(top, #fbfbfb 0%, #dedede 100%);
background-image: -moz-linear-gradient(top, #fbfbfb 0%, #dedede 100%);
background-image: -o-linear-gradient(top, #fbfbfb 0%, #dedede 100%);
background-image: -ms-linear-gradient(top, #fbfbfb 0%, #dedede 100%);
background-image: linear-gradient(top, #fbfbfb 0%, #dedede 100%);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset, 0 1px 0 #fff inset, 0 1px 2px rgba(0,0,0,0.5);
box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset, 0 1px 0 #fff inset, 0 1px 2px rgba(0,0,0,0.5);
color: #6e7780;
text-shadow: 0 1px 0 #fff;
text-align: center;
cursor: pointer;
height: 24px;
-webkit-font-smoothing: antialiased;
}
button:hover span,
a.button:hover span {
background: #ececec;
text-decoration: none;
}
button:active,
a.button:active {
background: none;
}
button:active span,
a.button:active span {
background: #ececec;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
}
button.submit,
a.button.submit {
background-color: #1d6dac;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2a8dc5), color-stop(1, #104e94));
background-image: -webkit-linear-gradient(top, #2a8dc5 0%, #104e94 100%);
background-image: -moz-linear-gradient(top, #2a8dc5 0%, #104e94 100%);
background-image: -o-linear-gradient(top, #2a8dc5 0%, #104e94 100%);
background-image: -ms-linear-gradient(top, #2a8dc5 0%, #104e94 100%);
background-image: linear-gradient(top, #2a8dc5 0%, #104e94 100%);
}
button.submit span,
a.button.submit span {
background-color: #2f87cf;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #39a4e1), color-stop(1, #256bbe));
background-image: -webkit-linear-gradient(top, #39a4e1 0%, #256bbe 100%);
background-image: -moz-linear-gradient(top, #39a4e1 0%, #256bbe 100%);
background-image: -o-linear-gradient(top, #39a4e1 0%, #256bbe 100%);
background-image: -ms-linear-gradient(top, #39a4e1 0%, #256bbe 100%);
background-image: linear-gradient(top, #39a4e1 0%, #256bbe 100%);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.75);
box-shadow: 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.75);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.75);
}
button.submit:hover span,
a.button.submit:hover span {
background: #2f87cf;
}
button.submit:active,
a.button.submit:active {
background: none;
}
button.submit:active span,
a.button.submit:active span {
background: #2f87cf;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
}
button.accept,
a.button.accept {
background-color: #59a61d;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #68c520), color-stop(1, #4a881a));
background-image: -webkit-linear-gradient(top, #68c520 0%, #4a881a 100%);
background-image: -moz-linear-gradient(top, #68c520 0%, #4a881a 100%);
background-image: -o-linear-gradient(top, #68c520 0%, #4a881a 100%);
background-image: -ms-linear-gradient(top, #68c520 0%, #4a881a 100%);
background-image: linear-gradient(top, #68c520 0%, #4a881a 100%);
}
button.accept span,
a.button.accept span {
background-color: #5ea724;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6ebd2f), color-stop(1, #4e911a));
background-image: -webkit-linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
background-image: -moz-linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
background-image: -o-linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
background-image: -ms-linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
background-image: linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.75);
box-shadow: 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.75);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
}
button.accept:hover span,
a.button.accept:hover span {
background: #5ea724;
}
button.accept:active,
a.button.accept:active {
background: none;
}
button.accept:active span,
a.button.accept:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #5ea724;
}
button.decline,
a.button.decline {
background-color: #830a12;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9b0c16), color-stop(1, #6c080f));
background-image: -webkit-linear-gradient(top, #9b0c16 0%, #6c080f 100%);
background-image: -moz-linear-gradient(top, #9b0c16 0%, #6c080f 100%);
background-image: -o-linear-gradient(top, #9b0c16 0%, #6c080f 100%);
background-image: -ms-linear-gradient(top, #9b0c16 0%, #6c080f 100%);
background-image: linear-gradient(top, #9b0c16 0%, #6c080f 100%);
}
button.decline span,
a.button.decline span {
background-color: #b71e29;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d33540), color-stop(1, #9c0813));
background-image: -webkit-linear-gradient(top, #d33540 0%, #9c0813 100%);
background-image: -moz-linear-gradient(top, #d33540 0%, #9c0813 100%);
background-image: -o-linear-gradient(top, #d33540 0%, #9c0813 100%);
background-image: -ms-linear-gradient(top, #d33540 0%, #9c0813 100%);
background-image: linear-gradient(top, #d33540 0%, #9c0813 100%);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.75);
box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.75);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
}
button.decline:hover span,
a.button.decline:hover span {
background: #b71e29;
}
button.decline:active,
a.button.decline:active {
background: none;
}
button.decline:active span,
a.button.decline:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #b71e29;
}
button.load-more span {
padding: 0 !important;
height: 37px;
line-height: 37px;
width: 100%;
margin: 0;
font-size: 14px;
}
button.load-more.loading {
background-image: url('//storify.com/public/img/load.gif');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
button.load-more.loading span {
background: transparent none;
}
button.twitter span,
button.facebook span,
a.button.twitter span,
a.button.facebook span {
width: 220px;
height: 38px;
line-height: 38px;
font-size: 14px;
padding: 0;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.75);
box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.75);
}
button.facebook,
a.button.facebook {
background-color: #55719d;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5e7caa), color-stop(1, #4b668f));
background-image: -webkit-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: -moz-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: -o-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: -ms-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: linear-gradient(top, #5e7caa 0%, #4b668f 100%);
}
button.facebook span,
a.button.facebook span {
background-color: #6c8ab9;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #819bc3), color-stop(1, #5679ae));
background-image: -webkit-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: -moz-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: -o-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: -ms-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: linear-gradient(top, #819bc3 0%, #5679ae 100%);
}
button.facebook:hover span,
a.button.facebook:hover span {
background: #5679ae;
}
button.facebook:active,
a.button.facebook:active {
background: none;
}
button.facebook:active span,
a.button.facebook:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #5679ae;
}
button.twitter,
a.button.twitter {
background-color: #1291c1;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #109dd3), color-stop(1, #1484ae));
background-image: -webkit-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: -moz-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: -o-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: -ms-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: linear-gradient(top, #109dd3 0%, #1484ae 100%);
}
button.twitter span,
a.button.twitter span {
background-color: #06a1db;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00aced), color-stop(1, #0b95c9));
background-image: -webkit-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: -moz-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: -o-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: -ms-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: linear-gradient(top, #00aced 0%, #0b95c9 100%);
}
button.twitter:hover span,
a.button.twitter:hover span {
background: #0b95c9;
}
button.twitter:active,
a.button.twitter:active {
background: none;
}
button.twitter:active span,
a.button.twitter:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #0b95c9;
}
*:focus {
outline: 0;
}
.close-x {
position: absolute;
padding: 0px 2px;
color: #aaa;
text-shadow: 0px 1px 0px #fff;
}
.close-x:before {
content: '✖';
}
.close-x:hover {
cursor: pointer;
color: #555;
}
.close-x:active {
color: #333;
}
.error-messages {
margin: 0px;
padding: 5px 0px;
list-style-type: none;
color: #9d3434;
}
.tipsy {
font-size: 12px;
position: absolute;
padding: 5px;
z-index: 100005;
}
.tipsy-inner {
background-color: #333;
color: #fff;
max-width: 400px;
padding: 6px 8px;
}
.tipsy-inner h1 {
font-size: 20px;
margin: 3px 0px 10px;
}
.tipsy-inner small {
color: #aaa;
}
.tooltip-actions {
font-size: 10px;
text-align: right;
color: #ddd;
}
.tooltip-actions a {
margin-left: 10px;
color: #eee;
}
.tooltip-next {
font-weight: bold;
}
.tooltip-next:after {
content: ' ▸';
}
.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #333;
}
.tipsy-n .tipsy-arrow {
top: 0px;
left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
html,
body {
background: transparent;
font-family: 'Museo Sans', 'Lucida Grande', sans-serif;
margin: 0px;
padding: 0px;
}
a img {
border: 0px;
}
.s-story {
min-width: 260px;
}
.s-share {
float: left;
}
#email {
padding: 10px;
background: #f9f9f9;
}
#email .s-story {
max-width: 700px;
margin: 0px auto;
}
.s-embed-seo {
display: none;
}
.hidden {
display: none !important;
}
.capitalize {
text-transform: capitalize;
}
.s-minimal {
display: block;
position: relative;
height: 2.5em;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(1, #f9f9f9));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
border-bottom: 1px solid #f7f7f7;
}
.s-minimal .embed-header-date {
display: inline-block;
width: 170px;
padding: 10px 12px;
color: #c6c6c6;
font-family: 'Museo Sans', sans-serif;
font-size: 0.88em;
}
.s-minimal .embed-header-logo {
display: inline-block;
position: absolute;
right: 12px;
top: 10px;
width: 79px;
height: 20px;
background: url('//storify.com/public/img/embed-header-logo.png') 0px 0px no-repeat;
}
.s-minimal.border {
height: 2.6em;
border-top: 2px solid #f7f7f7;
}
#story:hover .s-minimal .embed-header-logo {
background-position: 0px -20px;
}
#embed #story .footer {
position: relative;
min-height: 25px;
}
#embed #story .engage.embed {
min-height: 40px;
margin-bottom: 5px;
zoom: 1;
}
#embed #story .engage.embed:before,
#embed #story .engage.embed:after {
content: '';
display: table;
}
#embed #story .engage.embed:after {
clear: both;
}
#embed #story .engage.embed .f-actions {
float: left;
line-height: 1em;
font-size: 1.2em;
}
#embed #story .engage.embed .f-actions .like,
#embed #story .engage.embed .f-actions .like span,
#embed #story .engage.embed .f-actions .like .count {
border: none;
}
#embed #story .engage.embed .f-actions .like {
display: inline-block;
padding: 12px;
}
#embed #story .engage.embed .f-actions .like span {
display: inline-block;
width: 16px;
height: 16px;
background: url('//storify.com/public/img/icons-story.png') -16px 0px no-repeat;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .like .count.like-count {
float: none;
display: inline-block;
height: 16px;
font-size: 1em;
padding: 0px 10px;
color: #b4c4d1;
font-weight: normal;
line-height: 1.1em;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .like:hover span {
background-position: -16px -16px;
}
#embed #story .engage.embed .f-actions .like.active span {
background-position: -16px -32px;
}
#embed #story .engage.embed .f-actions .comment,
#embed #story .engage.embed .f-actions .comment span {
border: none;
}
#embed #story .engage.embed .f-actions .comment {
display: inline-block;
padding: 12px 0;
}
#embed #story .engage.embed .f-actions .comment span {
display: inline-block;
width: 16px;
height: 16px;
background: url('//storify.com/public/img/icons-story.png') -32px 0px no-repeat;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .comment .count.comment-count {
float: none;
display: inline-block;
height: 16px;
font-size: 1em;
padding: 0px 10px;
color: #b4c4d1;
border: none;
font-weight: normal;
line-height: 1.1em;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .comment:hover span {
background-position: -32px -16px;
}
#embed #story .engage.embed .f-actions .share,
#embed #story .engage.embed .f-actions .share span {
border: none;
}
#embed #story .engage.embed .f-actions .share {
display: inline-block;
padding: 12px;
}
#embed #story .engage.embed .f-actions .share span {
display: inline-block;
height: 16px;
width: 16px;
background: url('//storify.com/public/img/icons-story.png') -48px 0 no-repeat;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .share .share-label {
float: none;
display: inline-block;
height: 16px;
color: #52748f;
padding: 0px 5px;
font-weight: bold;
line-height: 1.1em;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .share:hover span {
background-position: -48px -16px;
}
#embed #story .engage.embed .f-actions .share:hover .share-label {
color: #ababab;
}
#embed #story .engage.embed .f-actions .share.active {
background-color: #eee;
}
@media screen and (min-width: 421px) {
.s-video .s-video-shim-vine {
height: 490px;
}
.s-video .s-video-shim-vine .s-video-content-vine {
width: 490px;
height: 490px;
}
}
@media screen and (max-width: 420px) {
.s-video .s-video-shim-vine {
height: 270px;
}
.s-video .s-video-shim-vine .s-video-content-vine {
width: 270px;
height: 270px;
}
}
@media screen and (max-width: 320px) {
.s-video .s-video-shim-vine .s-video-content-vine {
-webkit-transform: scale(0.848);
-webkit-transform-origin: 0 0;
}
}
--></style>
<div class="sfy-html">
<div class="s-story noborder">
<div class="s-minimal"><a class="embed-header-date" href="http://storify.com/marceladevivo/white-hat-penguin-safe-link-building/slideshow?utm_source=embed&amp;utm_medium=publisher&amp;utm_campaign=embed-header-slideshow" target="_blank">View as slideshow</a></div>
<ol class="s-elements">
<li class="s-element s-element-link" data-eid="5d7509ec0b3e8df664aa2268" data-type="link" data-source="distilled" data-permalink="http://www.distilled.net/blog/seo/finding-link-opportunities-with-advanced-search-queries/">
<div class="s-element-container">
<div class="s-link s-element-content"><img class="s-link-thumbnail" alt="" src="http://www.distilled.net/wp-content/uploads/2011/04/college-link-sources-300x225.jpg" /><a class="s-link-a" href="http://www.distilled.net/blog/seo/finding-link-opportunities-with-advanced-search-queries/" target="_blank">Finding Link Opportunities With Advanced Search Queries | distilled</a></p>
<div class="s-link-desc">A lot of link building is very manual work, especially when you are trying to get high quality links. As a result, I spend a fair amount of time using (somewhat) advanced search queries to look for link targets in Google. The following are five circumstances and the advanced search queries I use to find link targets.</div>
<div class="actions">
<div class="buttons"><em class="stats-likes zero">0</em><em class="stats-comments">1</em><a class="share" title="Share" href="#"><i></i><span>Share</span></a></div>
<div class="s-share-dropdown">
<ul class="s-actions-share" data-url="http://storify.com/marceladevivo/white-hat-penguin-safe-link-building/elements/5d7509ec0b3e8df664aa2268">
<li class="s-share-facebook"><a href="#" rel="facebook">Share on Facebook</a></li>
<li class="s-share-twitter"><a href="#" rel="twitter">Share on Twitter</a></li>
<li class="s-share-googleplus"><a href="#" rel="googleplus">Share on Google+</a></li>
<li class="s-share-linkedin"><a href="#" rel="linkedin">Share on Linkedin</a></li>
<li class="s-share-email"><a href="#" rel="email">Share by email</a></li>
</ul>
</div>
</div>
<div class="s-attribution">
<div class="s-source s-distilled"><a href="http://www.distilled.net" target="_blank"><img style="max-width: 16px;" alt="" src="//proxy.storify.com/?url=http%3A%2F%2Fg.etfv.co%2Fhttp%3A%2F%2Fwww.distilled.net" border="0" /></a></div>
<div class="s-author"><a class="s-author-name" href="http://www.distilled.net/about/people/geoff-kenyon/" target="_blank" rel="Geoff Kenyon">Geoff Kenyon</a></div>
<div class="s-clear"></div>
</div>
</div>
<div class="s-clear"></div>
<div class="comments has-comments">
<div class="action-container">
<div class="action"><input class="element-comment-input" type="text" placeholder="Say something..." /></p>
<div class="element-comment-post"></div>
</div>
</div>
<div class="previous">
<ul>
<li class="comment comment-514c8aaeb176eb5856001b23" data-id="514c8aaeb176eb5856001b23"><img class="avatar" alt="" src="https://api.twitter.com/1/users/profile_image/marceladevivo?size=bigger" />
<div class="container"><a class="author" href="/marceladevivo" target="_blank">Marcela De Vivo</a><span class="content">Good set of queries to use when searching for link building / outreach opportunities. I also use the ~ operator to broaden the categories and reach out to&#8230;</span><span class="fullContent hide">Good set of queries to use when searching for link building / outreach opportunities. I also use the ~ operator to broaden the categories and reach out to other semantically related content.</span><a class="moreComment" href="#">more</a><span class="date moment fromNow" data-date="2013-03-22T16:45:34.254Z">2013-03-22T16:45:34.254Z</span></div>
</li>
</ul>
</div>
</div>
</div>
</li>
</ol>
</div>
</div>
<p>The post <a href="http://www.gryffin.co/advanced-link-building-search-operators/">Advanced Link Building Search Operators</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.gryffin.co/advanced-link-building-search-operators/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ad Words Tips and Tricks: Improve Relevancy</title>
		<link>http://www.gryffin.co/ad-words-tips-and-tricks-improve-relevancy/</link>
		<comments>http://www.gryffin.co/ad-words-tips-and-tricks-improve-relevancy/#comments</comments>
		<pubDate>Sun, 24 Mar 2013 04:14:33 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Adwords]]></category>

		<guid isPermaLink="false">http://www.gryffin.co/?p=2619</guid>
		<description><![CDATA[<p>Nice video to help improve QS, which in turn decreases costs:</p><p>The post <a href="http://www.gryffin.co/ad-words-tips-and-tricks-improve-relevancy/">Ad Words Tips and Tricks: Improve Relevancy</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></description>
				<content:encoded><![CDATA[<p>Nice video to help improve QS, which in turn decreases costs:</p>
<p><iframe width="420" height="315" src="http://www.youtube.com/embed/hQh667ZjzDA" frameborder="0" allowfullscreen></iframe></p>
<p>The post <a href="http://www.gryffin.co/ad-words-tips-and-tricks-improve-relevancy/">Ad Words Tips and Tricks: Improve Relevancy</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.gryffin.co/ad-words-tips-and-tricks-improve-relevancy/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Plus: Why you REALLY need to get on-board</title>
		<link>http://www.gryffin.co/google-plus-why-you-really-need-to-get-on-board/</link>
		<comments>http://www.gryffin.co/google-plus-why-you-really-need-to-get-on-board/#comments</comments>
		<pubDate>Sat, 23 Mar 2013 06:25:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Social Media]]></category>

		<guid isPermaLink="false">http://www.gryffin.co/?p=2621</guid>
		<description><![CDATA[<p>View as slideshow 7 Reasons You Need to Be Using Google Plus Now &#124; Social Media Today Saman Kouretchian If you are currently not on Google Plus or not actively using it, I am here to tell you that you will be +1′ing very soon. My short answer for my reason: well, it&#8217;s Google..and they are kind of a big [...]</p><p>The post <a href="http://www.gryffin.co/google-plus-why-you-really-need-to-get-on-board/">Google Plus: Why you REALLY need to get on-board</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></description>
				<content:encoded><![CDATA[<style><!--
.s-element-share-label {
overflow: hidden;
float: left;
}
.s-element {
position: relative;
padding: 15px 10px;
text-align: center;
}
.s-element .fb_edge_comment_widget {
display: none !important;
}
.s-element:hover .s-element-content {
border-color: #bbb;
}
.s-element a {
color: #0074b7;
}
.s-element .s-element-via {
float: left;
margin-right: 3px;
}
.s-element .s-element-share {
width: 315px;
right: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
right: -255px;
z-index: 10;
position: absolute;
top: 50%;
margin-top: -16px;
background: #fff;
border: 1px solid #ddd;
border-right: 0;
-webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
padding: 5px;
-webkit-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
-moz-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
-o-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
-ms-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
}
.s-element .s-element-share:hover {
right: 0px;
border-color: #ccc;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.s-element .s-element-share:hover i {
opacity: 1;
-ms-filter: none;
filter: none;
}
.s-element .s-element-share:hover span.label {
color: #666;
}
.s-element .s-element-share .s-actions-share {
padding: 0;
height: 20px;
}
.s-element .s-element-share i {
display: block;
float: left;
margin: 2px 5px 0 0;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50);
width: 16px;
height: 16px;
background: url('//storify.com/public/img/web.png') no-repeat;
background-position: -112px -16px;
}
.s-element .s-element-share span.label {
display: block;
float: left;
color: #d7d7d7;
width: 35px;
height: 20px;
line-height: 20px;
padding-right: 10px;
}
.s-element .repost {
display: block;
width: 50px;
height: 50px;
background: url('//storify.com/public/img/add.png');
text-indent: -9999px;
position: absolute;
right: 0;
bottom: 0;
z-index: 50;
}
.s-element-actions {
float: left;
-webkit-transition: 0.1s opacity;
-moz-transition: 0.1s opacity;
-o-transition: 0.1s opacity;
-ms-transition: 0.1s opacity;
transition: 0.1s opacity;
line-height: 16px;
}
.s-element-actions a {
display: block;
float: left;
line-height: 16px;
color: #666;
padding: 0px 0px 0px 18px;
background: url('//storify.com/public/img/twitter-actions.png') no-repeat;
margin: 2px 8px 2px 0px;
}
.s-element-actions a:hover {
color: #333;
text-decoration: none;
}
.s-element-actions a.twitter-retweet {
background-position: 0px -82px;
}
.s-element-actions a.twitter-retweet:hover {
background-position: 0px -98px;
}
.s-element-actions a.twitter-favorite {
background-position: 0px -33px;
}
.s-element-actions a.twitter-favorite:hover {
background-position: 0px -66px;
}
.s-element-actions a.twitter-reply {
background-position: 0px -1px;
margin-left: 10px;
}
.s-element-actions a.twitter-reply:hover {
background-position: 0px -17px;
}
.stats-actions-meta .meta {
display: block;
width: 260px;
padding: 6px 10px;
clear: both;
}
.s-element-container,
body#editor .s-element-content {
max-width: 500px;
margin: 0 auto;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0 1px 0 #e7e7e7;
box-shadow: 0 1px 0 #e7e7e7;
background: #fff;
}
body#editor .s-story .s-text {
max-width: none;
margin: 0;
}
.s-element-content {
overflow: hidden;
font-size: 14px;
color: #333;
position: relative;
padding: 10px;
background: #fff;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.s-element-content a {
text-decoration: none;
color: #333;
}
.s-element-content a:hover {
text-decoration: underline;
}
.s-element-content,
.c-element-content {
text-align: left;
}
.s-element.s-element-text {
padding-top: 0px;
padding-bottom: 0px;
}
.s-element.s-element-text .s-element-container {
max-width: none;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.s-elements .s-text {
border: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 10px;
font-size: 15px;
line-height: 1.6em;
color: #333;
background: #fff;
border-color: transparent;
max-width: none;
font-family: 'Museo Sans', sans-serif;
}
.s-elements .s-text a {
color: #3876b2;
text-decoration: underline;
}
.s-elements .s-text hr {
height: 1px;
background: #bbb;
-webkit-box-shadow: 0px -1px 0px #fff, 0px 0px 4px #ccc;
box-shadow: 0px -1px 0px #fff, 0px 0px 4px #ccc;
border: none;
}
.s-elements .s-text h1 {
display: block;
font-size: 20px;
color: #000;
margin: 10px 0px;
padding: 0px;
font-weight: normal;
}
.s-elements .s-text h2 {
display: block;
font-size: 20px;
color: #000;
margin: 10px 0px;
padding: 0px;
font-weight: normal;
font-style: normal;
font-family: 'Museo Sans', 'Lucida Grande', sans-serif;
}
.s-elements .s-text p {
margin: 0px;
padding: 0px;
}
.s-elements .s-text .link-button {
display: block;
width: 100px;
text-decoration: none !important;
text-align: center;
font-weight: bold;
color: #fff !important;
padding: 6px 8px;
margin: 0 auto;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.s-elements .s-text .link-button.red {
background: #bf0000;
}
.s-elements .s-text .link-button.blue {
background: #008fc5;
}
.s-elements .s-text .link-button:hover {
text-decoration: none !important;
}
.s-elements .s-text .link-button:hover.red {
background: #a20000;
}
.s-elements .s-text .link-button:hover.blue {
background: #007aa7;
}
.s-quote-avatar-author {
zoom: 1;
margin: 0 10px 10px 0;
}
.s-quote-avatar-author:before,
.s-quote-avatar-author:after {
content: '';
display: table;
}
.s-quote-avatar-author:after {
clear: both;
}
.s-quote-avatar-author a {
display: block;
}
.s-quote-avatar-author .s-quote-avatar {
float: left;
width: 32px;
height: 32px;
margin-right: 10px;
}
.s-quote-avatar-author .s-quote-avatar img {
display: inline-block;
width: 32px;
height: 32px;
}
.s-quote-avatar-author .s-quote-author {
float: left;
}
.s-quote-avatar-author .s-quote-author .s-quote-author-name {
font-size: 14px;
line-height: 32px;
color: #256bbe;
}
.s-quote-avatar-author .s-quote-author .s-quote-author-username {
font-size: 12px;
line-height: 14px;
color: #999;
}
.s-quote-avatar-author .twitter-follow-button {
position: absolute;
top: 10px;
right: 10px;
}
.s-element-content:not(.s-result) .s-quote-text {
line-height: 1.5em;
font-family: 'Georgia', serif;
font-size: 16px;
}
.s-element-content:not(.s-result) .s-quote-text a {
color: #256bbe;
}
.s-element-content:not(.s-result) .s-quote-text-no-avatar {
padding-left: 0;
margin-left: 0;
background: none;
}
.s-quote:not(.s-result) {
background: url('//storify.com/public/img/quote-bg.png') right top no-repeat;
}
.s-quote-avatar-twitter .s-quote-author .s-quote-author-name {
line-height: 18px;
}
.s-image {
padding: 5px;
}
.s-image .s-image-content {
display: block;
position: relative;
text-align: center;
max-width: 100%;
background: #000;
text-decoration: none;
}
.s-image .s-image-content:hover {
text-decoration: none;
}
.s-image .s-image-content img {
display: block;
max-height: 500px;
max-width: 100%;
margin: 0 auto;
}
.s-image .s-image-info {
padding: 5px;
}
.s-image .s-quote-content {
padding-top: 5px;
margin-right: 30px;
}
.s-image .s-image-caption {
font-size: 13px;
color: #666;
padding: 10px 0 0;
}
.s-image .s-image-caption a {
color: #256bbe;
}
.s-video {
padding: 5px;
}
.s-video .s-video-shim {
position: relative;
padding-bottom: 56.25%;
}
.s-video .s-video-shim .s-video-content {
min-height: 0;
position: absolute;
height: 100%;
width: 100%;
border: none;
top: 0;
left: 0;
}
.s-video .s-video-shim-vine {
position: relative;
height: 500px;
}
.s-video .s-video-shim-vine .s-video-content-vine {
position: absolute;
height: 500px;
width: 500px;
border: none;
top: 0;
left: 0;
}
.s-video .s-video-info {
padding: 5px;
}
.s-video .s-video-title {
font-size: 13px;
color: #666;
padding-top: 5px;
}
.s-video .s-video-img {
display: block;
width: 100%;
position: relative;
}
.s-video.s-video-html {
display: inline-block;
}
.dragging .s-video-img {
z-index: 2;
}
.s-link .s-link-a {
display: block;
font-family: 'Museo Sans', 'Lucida Grande', sans-serif;
font-weight: bold;
color: #0074b7;
font-size: 14px;
line-height: 1.4em;
margin-bottom: 5px;
}
.s-link .s-link-desc {
font-size: 12px;
}
.s-link .s-link-thumbnail {
display: block;
float: left;
max-width: 96px;
max-height: 96px;
margin: 0 10px 5px 0;
padding: 1px;
border: 1px solid #ddd;
}
.s-oembed {
display: inline-block;
background: #fff;
border: 1px solid #ddd;
}
.s-oembed .s-oembed-content {
max-width: 100%;
}
.s-oembed .s-oembed-title {
font-weight: bold;
}
.story-tile {
width: 300px;
margin: 10px 15px;
float: left;
-webkit-box-shadow: 0 1px 0 0 #e7e7e7;
box-shadow: 0 1px 0 0 #e7e7e7;
cursor: pointer;
}
.story-tile .icon {
width: 16px;
height: 16px;
background: url('//storify.com/public/img/web.png') no-repeat;
}
.story-tile .story-toolbar {
padding: 0 2px 3px;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.story-tile-editable .story-toolbar {
display: block;
}
.story-tile-body {
display: block;
position: relative;
background-color: #fff;
border: 0px;
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
min-height: 220px;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.story-tile-body .story-tile-avatar {
display: block;
float: left;
padding: 15px;
}
.story-tile-body .story-tile-username-name {
padding-top: 15px;
float: left;
width: 140px;
}
.story-tile-body .story-tile-username-name a {
display: block;
}
.story-tile-body .story-tile-username-name .story-tile-username {
font-size: 1.1em;
color: #0092e5;
margin-bottom: 3px;
}
.story-tile-body .story-tile-username-name .story-tile-name {
color: #b4c4d1;
}
.story-tile-body .story-view-count {
position: absolute;
right: 12px;
top: 12px;
width: 90px;
text-align: right;
color: #b4c4d1;
}
.story-tile-body .story-date {
position: absolute;
right: 12px;
bottom: 6px;
width: 90px;
text-align: right;
color: #b4c4d1;
}
.story-tile-body .actions {
position: relative;
margin: 0px 0px 0px 10px;
}
.story-tile-body .actions .comment,
.story-tile-body .actions .like {
display: inline-block;
vertical-align: middle;
}
.story-tile-body .actions .comment span,
.story-tile-body .actions .like span {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 8px;
vertical-align: middle;
}
.story-tile-body .actions .like span {
background: url('//storify.com/public/img/icons-story.png') no-repeat -16px 0px;
}
.story-tile-body .actions .like:hover span {
background-position: -16px -16px;
}
.story-tile-body .actions .like.active span {
background-position: -16px -32px;
}
.story-tile-body .actions .comment {
vertical-align: middle;
margin-left: 10px;
}
.story-tile-body .actions .comment span {
background: url('//storify.com/public/img/icons-story.png') no-repeat -32px 0px;
}
.story-tile-body .actions .comment:hover span {
background-position: -32px -16px;
}
.story-tile-body .actions .share {
display: inline-block;
vertical-align: middle;
text-decoration: none;
padding: 6px 0px 6px 10px;
margin-right: 6px;
}
.story-tile-body .actions .share.active {
background-color: #eee;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.story-tile-body .actions .share i {
display: inline-block;
line-height: 1em;
width: 16px;
height: 16px;
margin-bottom: -4px;
background: url('//storify.com/public/img/icons-story.png') no-repeat -48px 0px;
}
.story-tile-body .actions .share span {
padding: 0px 15px 0px 6px;
color: #6488a0;
font-weight: bold;
}
.story-tile-body .actions .share span:hover {
text-decoration: none;
}
.story-tile-body .actions em {
font-style: normal;
display: inline-block;
height: 16px;
line-height: 16px;
color: #b4c4d1;
}
.story-tile-body .actions em.zero {
display: none;
}
.story-tile-thumbnail {
position: absolute;
bottom: 0px;
overflow: hidden;
height: 66px;
width: 100%;
}
.story-tile-thumbnail img {
display: block;
width: 300px;
}
.story-tile-thumbnail-info {
position: relative;
height: 128px;
overflow: hidden;
border: 1px solid #e7e7e7;
border-top: 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
overflow: hidden;
}
.story-tile-thumbnail-info .story-tile-thumbnail,
.story-tile-thumbnail-info .story-tile-info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 128px;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-avatar {
position: absolute;
top: 16px;
left: 16px;
display: block;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-avatar img {
display: block;
width: 28px;
height: 28px;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-meta-stats {
position: absolute;
bottom: 10px;
left: 48px;
color: #fff;
text-shadow: 0 1px 0 #333;
font-size: 11px;
line-height: 1.5em;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-meta-stats .story-tile-meta a {
color: #fff;
font-weight: bold;
}
.story-tile-title {
clear: both;
display: block;
height: 35px;
line-height: 35px;
background: #fff;
padding: 0px 14px 0px 14px;
text-align: center;
color: #666;
border-top: 0;
border-bottom: 1px solid #c0c1c2;
white-space: nowrap;
overflow: hidden;
position: relative;
font-family: 'Museo Sans', sans-serif;
font-size: 20px;
height: 50px;
text-align: left;
border: none;
font-weight: normal;
white-space: normal;
line-height: 1.2em;
margin-bottom: 6px;
}
.story-tile-title:hover {
color: #0092e5;
text-decoration: none;
}
.story-tile-title i {
width: 50px;
height: 35px;
position: absolute;
right: 0;
}
.story-tile-simple {
zoom: 1;
margin: 10px 0;
padding: 10px;
border: 1px solid #ddd;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f7f7f7;
-webkit-box-shadow: 0 1px 0 #ddd;
box-shadow: 0 1px 0 #ddd;
}
.story-tile-simple:before,
.story-tile-simple:after {
content: '';
display: table;
}
.story-tile-simple:after {
clear: both;
}
.story-tile-simple:hover {
border-color: #bbb;
background: #fff;
}
.story-tile-simple .story-tile-simple-thumbnail {
padding: 1px;
background: #fff;
border: 1px solid #ddd;
float: left;
}
.story-tile-simple .story-tile-simple-thumbnail .story-tile-simple-thumbnail-image {
display: block;
width: 48px;
height: 48px;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.story-tile-simple .story-tile-simple-info {
padding-left: 62px;
}
.story-tile-simple .story-tile-simple-info .story-tile-simple-title {
display: block;
font-family: 'Georgia', serif;
font-size: 14px;
padding: 0 0 3px;
}
.story-tile-simple .story-tile-simple-info .story-tile-simple-author {
color: #256bbe;
font-size: 11px;
}
.story-tile-simple .story-tile-simple-info .story-tile-simple-date {
color: #999;
text-decoration: none;
}
.filter {
height: 30px;
width: 960px;
margin: 0 auto;
background: url('//storify.com/public/img/line.gif') 0 14px repeat-x;
}
.filter .back {
float: left;
margin-right: 10px;
padding: 3px;
background: #f7f7f7;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.filter .back a {
display: inline-block;
background: #c4c4c4;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #aaa));
background: -webkit-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -moz-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -o-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -ms-linear-gradient(top, #ddd 0%, #aaa 100%);
background: linear-gradient(top, #ddd 0%, #aaa 100%);
height: 20px;
padding: 1px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.filter .back a span {
display: inline-block;
height: 20px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
background: -o-linear-gradient(top, #fff 0%, #ddd 100%);
background: -ms-linear-gradient(top, #fff 0%, #ddd 100%);
background: linear-gradient(top, #fff 0%, #ddd 100%);
padding: 0 10px;
line-height: 20px;
color: #666;
font-size: 10px;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.filter .back a span i {
background: url('//storify.com/public/img/back.png') left no-repeat;
font-style: normal;
padding-left: 9px;
}
.filter .back a:hover span {
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #fff));
background: -webkit-linear-gradient(top, #ddd 0%, #fff 100%);
background: -moz-linear-gradient(top, #ddd 0%, #fff 100%);
background: -o-linear-gradient(top, #ddd 0%, #fff 100%);
background: -ms-linear-gradient(top, #ddd 0%, #fff 100%);
background: linear-gradient(top, #ddd 0%, #fff 100%);
}
.filter .inner {
zoom: 1;
display: inline-block;
border: 1px solid #ddd;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f7f7f7;
}
.filter .inner:before,
.filter .inner:after {
content: '';
display: table;
}
.filter .inner:after {
clear: both;
}
.filter .inner .tabs {
float: left;
padding: 3px;
}
.filter .inner .tabs a {
display: inline-block;
background: #c4c4c4;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #aaa));
background: -webkit-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -moz-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -o-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -ms-linear-gradient(top, #ddd 0%, #aaa 100%);
background: linear-gradient(top, #ddd 0%, #aaa 100%);
padding: 1px;
height: 20px;
}
.filter .inner .tabs a span {
display: inline-block;
height: 20px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
background: -o-linear-gradient(top, #fff 0%, #ddd 100%);
background: -ms-linear-gradient(top, #fff 0%, #ddd 100%);
background: linear-gradient(top, #fff 0%, #ddd 100%);
padding: 0 10px;
line-height: 20px;
color: #666;
font-size: 10px;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
}
.filter .inner .tabs a:hover span {
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #fff));
background: -webkit-linear-gradient(top, #ddd 0%, #fff 100%);
background: -moz-linear-gradient(top, #ddd 0%, #fff 100%);
background: -o-linear-gradient(top, #ddd 0%, #fff 100%);
background: -ms-linear-gradient(top, #ddd 0%, #fff 100%);
background: linear-gradient(top, #ddd 0%, #fff 100%);
}
.filter .inner .tabs a.active span {
color: #333;
background: #fff;
-webkit-box-shadow: inset 0 0 5px #ddd;
box-shadow: inset 0 0 5px #ddd;
}
.filter .inner .tabs a.stories {
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.filter .inner .tabs a.stories span {
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.filter .inner .tabs a.elements {
padding-left: 0;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.filter .inner .tabs a.elements span {
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.filter .inner .types {
display: none;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
float: left;
height: 28px;
-webkit-transition: 0.2s opacity ease-out;
-moz-transition: 0.2s opacity ease-out;
-o-transition: 0.2s opacity ease-out;
-ms-transition: 0.2s opacity ease-out;
transition: 0.2s opacity ease-out;
}
.filter .inner .types.visible {
display: block;
opacity: 1;
-ms-filter: none;
filter: none;
}
.filter .inner .types label {
display: block;
float: left;
padding-right: 10px;
}
.filter .inner .types label input {
display: inline-block;
vertical-align: middle;
width: 12px;
height: 12px;
}
.filter .inner .types label span {
display: inline-block;
padding-left: 5px;
line-height: 28px;
font-size: 11px;
color: #666;
text-shadow: 0 1px 0 #fff;
}
.filter .inner .types label:first-child {
padding-left: 7px;
}
.story-image {
position: relative;
overflow: hidden;
height: 100%;
}
.story-image .story-image-bg {
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.story-image img {
display: block;
width: 100%;
}
.story-image .pattern {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url('//storify.com/public/img/pattern.png');
}
.list-empty {
display: none;
padding: 100px 15px;
text-align: center;
}
.list-empty.element-list-empty {
padding-top: 90px;
}
#user .filter .back {
display: none;
}
.story-toolbar {
display: none;
padding: 8px 10px;
background: #f7f7f7;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
border: 1px solid #e7e7e7;
border-bottom: 0;
-webkit-box-shadow: inset 0 -6px 11px -6px rgba(0,0,0,0.1);
box-shadow: inset 0 -6px 11px -6px rgba(0,0,0,0.1);
}
.story-toolbar .icon {
width: 16px;
height: 16px;
float: left;
margin-right: 3px;
background: url('//storify.com/public/img/web.png') no-repeat;
}
.story-toolbar-status {
font-size: 0px;
}
.story-toolbar-status.published {
color: #87a147;
}
.story-toolbar-status.published .icon {
background-position: 0px -16px;
}
.story-toolbar-status.draft {
color: #be5932;
}
.story-toolbar-status.draft .icon {
background-position: -32px -16px;
}
.story-toolbar-modified {
color: #888;
}
.story-toolbar-actions {
list-style: none;
padding: 0px;
margin: 0px;
}
.story-toolbar-actions a {
color: #979797;
line-height: 16px;
}
.story-toolbar-actions a:hover {
color: #888;
}
.story-toolbar-actions li {
display: inline-block;
margin-left: 10px;
}
.story-toolbar-actions .important {
color: #df502f;
}
.story-toolbar-actions .important.green {
color: #008000;
}
.story-toolbar-flag .icon {
background-position: -208px 0px;
}
.story-toolbar-delete .icon {
background-position: -144px 0px;
}
.story-toolbar-edit .icon {
background-position: -128px 0px;
}
.story-toolbar-post .icon {
background-position: -48px -16px;
}
.story-toolbar-feature .icon {
background-position: -64px -16px;
}
.story-toolbar-unfeature {
color: #be5932 !important;
}
.story-toolbar-unfeature .icon {
background-position: -80px -16px;
}
.story-toolbar-notify {
font-weight: bold;
}
.story-toolbar-notify .icon {
background-position: -160px 0px;
}
.s-attribution {
clear: both;
padding: 0;
font-size: 10px;
font-family: 'Museo Sans', 'Lucida Grande', sans-serif;
color: #999;
text-transform: uppercase;
}
.s-attribution .s-posted,
.s-attribution .dot,
.s-attribution .permalink {
float: left;
line-height: 16px;
margin-right: 3px;
}
.s-attribution .s-posted,
.s-attribution .permalink {
color: #999;
}
.s-attribution .s-element-attr-title {
color: #333;
}
.s-attribution .s-author {
float: left;
margin-right: 3px;
font-weight: normal;
line-height: 16px;
}
.s-attribution .s-author .s-author-name {
color: #256bbe;
}
.s-attribution .s-author .s-author-twitter-handle {
color: #999;
margin-left: 5px;
}
.s-attribution .s-via {
float: left;
margin-right: 8px;
line-height: 16px;
}
.s-attribution .s-source {
margin-right: 5px;
}
.s-element:hover .s-source {
opacity: 1;
-ms-filter: none;
filter: none;
}
.s-source {
float: left;
}
.s-source img {
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
}
.s-source a {
display: block;
}
.s-source .s-source-name {
display: none;
}
.s-source .s-source-icon,
.s-source .s-author-avatar {
margin: 0;
width: 16px;
height: 16px;
vertical-align: middle;
background-repeat: no-repeat;
-webkit-filter: grayscale(1);
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50);
}
.s-element[data-source='twitter'] .s-attribution {
padding-top: 10px;
margin-right: 50px;
}
.s-appdotnet .s-source-icon {
background-image: url('//storify.com/public/img/sources/appdotnet-16px.png');
}
.s-facebook .s-source-icon {
background-image: url('//storify.com/public/img/sources/facebook-16px.png');
}
.s-getglue .s-source-icon {
background-image: url('//storify.com/public/img/sources/getglue-16px.png');
}
.s-chute .s-source-icon {
background-image: url('//storify.com/public/img/sources/chute-16px.png');
}
.s-stocktwits .s-source-icon {
background-image: url('//storify.com/public/img/sources/stocktwits-16px.png');
}
.s-flickr .s-source-icon {
background-image: url('//storify.com/public/img/sources/flickr-16px.png');
}
.s-google .s-source-icon {
background-image: url('//storify.com/public/img/sources/google-16px.png');
}
.s-gplus .s-source-icon {
background-image: url('//storify.com/public/img/sources/gplus-16px.png');
}
.s-rss .s-source-icon {
background-image: url('//storify.com/public/img/sources/rss-16px.png');
}
.s-twitter .s-source-icon,
.s-twitpic .s-source-icon,
.s-yfrog .s-source-icon {
background-image: url('//storify.com/public/img/sources/twitter-16px.png');
}
.s-wikipedia .s-source-icon {
background-image: url('//storify.com/public/img/sources/wikipedia-16px.png');
}
.s-youtube .s-source-icon {
background-image: url('//storify.com/public/img/sources/youtube-16px.png');
}
.s-storify .s-source-icon {
background-image: url('//storify.com/public/img/sources/storify-16px.png');
}
.s-foursquare .s-source-icon {
background-image: url('//storify.com/public/img/sources/foursquare-16px.png');
}
.s-reddit .s-source-icon {
background-image: url('//storify.com/public/img/sources/reddit-16px.png');
}
.s-tumblr .s-source-icon {
background-image: url('//storify.com/public/img/sources/tumblr-16px.png');
}
.s-share-dropdown {
display: none;
position: absolute;
top: 5px;
left: 5px;
background: #fff;
padding: 10px;
z-index: 99;
}
.sb-share-dropdown {
display: none;
position: absolute;
top: 26px;
left: 0px;
background: #fff;
padding: 8px 10px;
z-index: 99;
border: 1px solid #ccc;
}
.story-tile.share .sb-share-dropdown {
display: block;
}
.comment {
overflow: hidden;
}
.s-elements .comments,
.shared-element-comments .comments,
#import .comments,
#comments,
.engage {
word-wrap: break-word;
background: #f7f7f7;
padding: 0 10px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-transition: 0.1s border-color;
-moz-transition: 0.1s border-color;
-o-transition: 0.1s border-color;
-ms-transition: 0.1s border-color;
transition: 0.1s border-color;
text-align: left;
}
.s-elements .comments .action-container,
.shared-element-comments .comments .action-container,
#import .comments .action-container,
#comments .action-container,
.engage .action-container {
padding: 10px 0;
}
.s-elements .comments .action,
.shared-element-comments .comments .action,
#import .comments .action,
#comments .action,
.engage .action {
position: relative;
padding: 0 46px 0 0;
margin: 0;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: inset 1px 1px 5px #ddd;
box-shadow: inset 1px 1px 5px #ddd;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.s-elements .comments .action.focus,
.shared-element-comments .comments .action.focus,
#import .comments .action.focus,
#comments .action.focus,
.engage .action.focus {
border-color: #bbb;
}
.s-elements .comments .action .story-comment-input,
.shared-element-comments .comments .action .story-comment-input,
#import .comments .action .story-comment-input,
#comments .action .story-comment-input,
.engage .action .story-comment-input,
.s-elements .comments .action .element-comment-input,
.shared-element-comments .comments .action .element-comment-input,
#import .comments .action .element-comment-input,
#comments .action .element-comment-input,
.engage .action .element-comment-input {
display: block;
width: 100%;
height: 26px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #333;
border: 0;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 0 0 6px;
}
.s-elements .comments .action .story-comment-post,
.shared-element-comments .comments .action .story-comment-post,
#import .comments .action .story-comment-post,
#comments .action .story-comment-post,
.engage .action .story-comment-post,
.s-elements .comments .action .element-comment-post,
.shared-element-comments .comments .action .element-comment-post,
#import .comments .action .element-comment-post,
#comments .action .element-comment-post,
.engage .action .element-comment-post {
position: absolute;
right: 5px;
top: 5px;
}
.s-elements .comments .action .story-comment-post i,
.shared-element-comments .comments .action .story-comment-post i,
#import .comments .action .story-comment-post i,
#comments .action .story-comment-post i,
.engage .action .story-comment-post i,
.s-elements .comments .action .element-comment-post i,
.shared-element-comments .comments .action .element-comment-post i,
#import .comments .action .element-comment-post i,
#comments .action .element-comment-post i,
.engage .action .element-comment-post i {
float: left;
width: 16px;
height: 16px;
opacity: 0.2;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
filter: alpha(opacity=20);
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
transition: opacity 0.4s;
cursor: pointer;
}
.s-elements .comments .action .story-comment-post i.story-comment-twitter,
.shared-element-comments .comments .action .story-comment-post i.story-comment-twitter,
#import .comments .action .story-comment-post i.story-comment-twitter,
#comments .action .story-comment-post i.story-comment-twitter,
.engage .action .story-comment-post i.story-comment-twitter,
.s-elements .comments .action .element-comment-post i.story-comment-twitter,
.shared-element-comments .comments .action .element-comment-post i.story-comment-twitter,
#import .comments .action .element-comment-post i.story-comment-twitter,
#comments .action .element-comment-post i.story-comment-twitter,
.engage .action .element-comment-post i.story-comment-twitter,
.s-elements .comments .action .story-comment-post i.element-comment-twitter,
.shared-element-comments .comments .action .story-comment-post i.element-comment-twitter,
#import .comments .action .story-comment-post i.element-comment-twitter,
#comments .action .story-comment-post i.element-comment-twitter,
.engage .action .story-comment-post i.element-comment-twitter,
.s-elements .comments .action .element-comment-post i.element-comment-twitter,
.shared-element-comments .comments .action .element-comment-post i.element-comment-twitter,
#import .comments .action .element-comment-post i.element-comment-twitter,
#comments .action .element-comment-post i.element-comment-twitter,
.engage .action .element-comment-post i.element-comment-twitter {
background: url('//storify.com/public/img/sources/twitter-16px.png') no-repeat;
}
.s-elements .comments .action .story-comment-post i.story-comment-facebook,
.shared-element-comments .comments .action .story-comment-post i.story-comment-facebook,
#import .comments .action .story-comment-post i.story-comment-facebook,
#comments .action .story-comment-post i.story-comment-facebook,
.engage .action .story-comment-post i.story-comment-facebook,
.s-elements .comments .action .element-comment-post i.story-comment-facebook,
.shared-element-comments .comments .action .element-comment-post i.story-comment-facebook,
#import .comments .action .element-comment-post i.story-comment-facebook,
#comments .action .element-comment-post i.story-comment-facebook,
.engage .action .element-comment-post i.story-comment-facebook,
.s-elements .comments .action .story-comment-post i.element-comment-facebook,
.shared-element-comments .comments .action .story-comment-post i.element-comment-facebook,
#import .comments .action .story-comment-post i.element-comment-facebook,
#comments .action .story-comment-post i.element-comment-facebook,
.engage .action .story-comment-post i.element-comment-facebook,
.s-elements .comments .action .element-comment-post i.element-comment-facebook,
.shared-element-comments .comments .action .element-comment-post i.element-comment-facebook,
#import .comments .action .element-comment-post i.element-comment-facebook,
#comments .action .element-comment-post i.element-comment-facebook,
.engage .action .element-comment-post i.element-comment-facebook {
background: url('//storify.com/public/img/sources/facebook-16px.png') no-repeat;
margin-left: 4px;
}
.s-elements .comments .action .story-comment-post i:hover,
.shared-element-comments .comments .action .story-comment-post i:hover,
#import .comments .action .story-comment-post i:hover,
#comments .action .story-comment-post i:hover,
.engage .action .story-comment-post i:hover,
.s-elements .comments .action .element-comment-post i:hover,
.shared-element-comments .comments .action .element-comment-post i:hover,
#import .comments .action .element-comment-post i:hover,
#comments .action .element-comment-post i:hover,
.engage .action .element-comment-post i:hover {
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50);
}
.s-elements .comments .action .story-comment-post i.active,
.shared-element-comments .comments .action .story-comment-post i.active,
#import .comments .action .story-comment-post i.active,
#comments .action .story-comment-post i.active,
.engage .action .story-comment-post i.active,
.s-elements .comments .action .element-comment-post i.active,
.shared-element-comments .comments .action .element-comment-post i.active,
#import .comments .action .element-comment-post i.active,
#comments .action .element-comment-post i.active,
.engage .action .element-comment-post i.active {
opacity: 1;
-ms-filter: none;
filter: none;
}
.s-elements .comments .previous ul,
.shared-element-comments .comments .previous ul,
#import .comments .previous ul,
#comments .previous ul,
.engage .previous ul {
margin: 0;
padding: 0;
list-style: none;
}
.s-elements .comments .previous ul li,
.shared-element-comments .comments .previous ul li,
#import .comments .previous ul li,
#comments .previous ul li,
.engage .previous ul li {
zoom: 1;
padding: 5px 0;
border-top: 1px dotted #ddd;
}
.s-elements .comments .previous ul li:before,
.shared-element-comments .comments .previous ul li:before,
#import .comments .previous ul li:before,
#comments .previous ul li:before,
.engage .previous ul li:before,
.s-elements .comments .previous ul li:after,
.shared-element-comments .comments .previous ul li:after,
#import .comments .previous ul li:after,
#comments .previous ul li:after,
.engage .previous ul li:after {
content: '';
display: table;
}
.s-elements .comments .previous ul li:after,
.shared-element-comments .comments .previous ul li:after,
#import .comments .previous ul li:after,
#comments .previous ul li:after,
.engage .previous ul li:after {
clear: both;
}
.s-elements .comments .previous ul li .avatar,
.shared-element-comments .comments .previous ul li .avatar,
#import .comments .previous ul li .avatar,
#comments .previous ul li .avatar,
.engage .previous ul li .avatar {
display: block;
float: left;
margin-right: 5px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 16px;
height: 16px;
}
.s-elements .comments .previous ul li .container,
.shared-element-comments .comments .previous ul li .container,
#import .comments .previous ul li .container,
#comments .previous ul li .container,
.engage .previous ul li .container {
position: relative;
font-size: 11px;
line-height: 16px;
padding-left: 21px;
}
.s-elements .comments .previous ul li .container .author,
.shared-element-comments .comments .previous ul li .container .author,
#import .comments .previous ul li .container .author,
#comments .previous ul li .container .author,
.engage .previous ul li .container .author {
font-weight: bold;
padding-right: 5px;
color: #333;
text-decoration: none;
white-space: nowrap;
}
.s-elements .comments .previous ul li .container .content,
.shared-element-comments .comments .previous ul li .container .content,
#import .comments .previous ul li .container .content,
#comments .previous ul li .container .content,
.engage .previous ul li .container .content,
.s-elements .comments .previous ul li .container .fullContent,
.shared-element-comments .comments .previous ul li .container .fullContent,
#import .comments .previous ul li .container .fullContent,
#comments .previous ul li .container .fullContent,
.engage .previous ul li .container .fullContent,
.s-elements .comments .previous ul li .container .moreComment,
.shared-element-comments .comments .previous ul li .container .moreComment,
#import .comments .previous ul li .container .moreComment,
#comments .previous ul li .container .moreComment,
.engage .previous ul li .container .moreComment {
padding-right: 5px;
}
.s-elements .comments .previous ul li .container .moreComment,
.shared-element-comments .comments .previous ul li .container .moreComment,
#import .comments .previous ul li .container .moreComment,
#comments .previous ul li .container .moreComment,
.engage .previous ul li .container .moreComment {
color: #256bbe;
}
.s-elements .comments .previous ul li .container .hide,
.shared-element-comments .comments .previous ul li .container .hide,
#import .comments .previous ul li .container .hide,
#comments .previous ul li .container .hide,
.engage .previous ul li .container .hide {
display: none;
}
.s-elements .comments .previous ul li .container .date,
.shared-element-comments .comments .previous ul li .container .date,
#import .comments .previous ul li .container .date,
#comments .previous ul li .container .date,
.engage .previous ul li .container .date {
color: #999;
}
.s-elements .comments .previous ul li .container .remove,
.shared-element-comments .comments .previous ul li .container .remove,
#import .comments .previous ul li .container .remove,
#comments .previous ul li .container .remove,
.engage .previous ul li .container .remove {
display: none;
position: absolute;
top: 0;
right: 0;
font-size: 10px;
padding: 0 3px;
background: #eee;
border: 1px solid #ddd;
-webkit-border-radius: 2px;
border-radius: 2px;
text-decoration: none;
color: #333;
}
.s-elements .comments .previous ul li .container .remove:hover,
.shared-element-comments .comments .previous ul li .container .remove:hover,
#import .comments .previous ul li .container .remove:hover,
#comments .previous ul li .container .remove:hover,
.engage .previous ul li .container .remove:hover {
color: #ca352c;
}
.s-elements .comments .previous ul li .container:hover .remove,
.shared-element-comments .comments .previous ul li .container:hover .remove,
#import .comments .previous ul li .container:hover .remove,
#comments .previous ul li .container:hover .remove,
.engage .previous ul li .container:hover .remove {
display: block;
}
.s-elements .comments .previous .more,
.shared-element-comments .comments .previous .more,
#import .comments .previous .more,
#comments .previous .more,
.engage .previous .more {
border-top: 1px dotted #ddd;
font-size: 11px;
line-height: 16px;
display: block;
font-weight: bold;
padding: 5px 0;
}
.s-elements .comments .previous .more a,
.shared-element-comments .comments .previous .more a,
#import .comments .previous .more a,
#comments .previous .more a,
.engage .previous .more a {
color: #333;
text-decoration: none;
}
.s-elements .comments .previous .more a:hover,
.shared-element-comments .comments .previous .more a:hover,
#import .comments .previous .more a:hover,
#comments .previous .more a:hover,
.engage .previous .more a:hover {
text-decoration: underline;
}
.s-elements .comments .previous .more span,
.shared-element-comments .comments .previous .more span,
#import .comments .previous .more span,
#comments .previous .more span,
.engage .previous .more span {
font-weight: normal;
color: #999;
}
.s-elements .comments {
-webkit-box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.15);
box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.15);
}
.s-elements .no-comment {
display: none;
}
.s-elements .has-comments {
display: block;
}
#comments {
-webkit-border-radius: 0;
border-radius: 0;
background: transparent none;
}
#comments .previous {
max-height: 300px;
overflow: auto;
}
.s-element-stats {
zoom: 1;
border-top: 1px dotted #ddd;
text-align: center;
font-size: 10px;
line-height: 1em;
padding: 6px;
color: #999;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
}
.s-element-stats:before,
.s-element-stats:after {
content: '';
display: table;
}
.s-element-stats:after {
clear: both;
}
.s-element-stats:hover {
color: #666;
}
.s-element-stats div {
display: inline;
}
.s-element-stats.hide,
.s-element-stats .hide {
display: none;
}
#big-like {
position: fixed;
top: 50%;
left: 50%;
width: 230px;
height: 206px;
margin-left: -115px;
margin-top: -103px;
background: url('//storify.com/public/img/heart2.png');
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
display: none;
z-index: 100003;
}
input,
textarea {
color: #333;
font-size: 11px;
font-family: 'Lucida Grande', sans-serif;
}
.gc-bubbleDefault {
display: none !important;
}
.s-info {
margin-left: -3px;
}
.s-info .s-author {
font-size: 12px;
line-height: 30px;
float: left;
margin: 0 10px 20px 0;
color: #888;
background: #f7f7f7;
padding: 0 10px 0 20px;
height: 30px;
display: inline-block;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
border: 1px solid #e7e7e7;
-webkit-box-shadow: inset 0 1px 0 0 #fff;
box-shadow: inset 0 1px 0 0 #fff;
}
.s-info .s-author a.logo {
display: block;
float: left;
width: 57px;
height: 14px;
overflow: hidden;
margin: 8px 3px 0 0;
background: url('//storify.com/public/img/logo.blue.small.png');
}
.s-info .s-author a.logo span {
visibility: hidden;
}
.s-info .s-author-follow {
font-size: 11px;
font-weight: bold;
vertical-align: top;
margin-left: 4px;
color: #8da452;
}
.s-info .s-author-avatar {
float: left;
max-width: 32px;
max-height: 32px;
margin: 2px 10px 0px 0px;
}
.s-info .s-published {
display: inline-block;
font-size: 11px;
line-height: 30px;
}
.s-info .s-published a {
color: #666;
}
.s-published-date {
color: #555;
}
#story {
position: relative;
}
.s-story {
margin: 0px auto;
padding: 0px;
background: #fff;
color: #333;
font-size: 15px;
line-height: 18px;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
-webkit-box-shadow: 0 1px 0 #e7e7e7;
box-shadow: 0 1px 0 #e7e7e7;
}
.s-story.noborder {
border: none;
-webkit-border-radius: 0;
border-radius: 0;
}
.s-story.noborder .s-element-text,
.s-story.noborder .s-text,
.s-story.noborder .s-info,
.s-story.noborder .s-actions,
.s-story.noborder .s-title,
.s-story.noborder .more-on-storify {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.s-story a {
text-decoration: none;
color: #333;
}
.s-story a:hover {
text-decoration: underline;
}
.s-story .icon {
float: left;
width: 16px;
height: 16px;
margin-right: 3px;
background-image: url('//storify.com/public/img/web.png');
background-repeat: no-repeat;
}
.s-thumbnail {
max-width: 64px;
max-height: 64px;
float: right;
margin: 0px 20px;
}
.s-clear {
display: block;
height: 0px;
clear: both;
}
.s-header {
padding: 16px 0 0;
border-bottom: 1px dotted #ddd;
}
.s-actions {
height: 30px;
position: absolute;
top: 20px;
right: 20px;
z-index: 101;
}
.s-actions a,
.shared-element-actions a {
zoom: 1;
display: block;
float: left;
border-left: 1px solid #e7e7e7;
border-bottom: 1px solid #e7e7e7;
}
.s-actions a:before,
.shared-element-actions a:before,
.s-actions a:after,
.shared-element-actions a:after {
content: '';
display: table;
}
.s-actions a:after,
.shared-element-actions a:after {
clear: both;
}
.s-actions a span,
.shared-element-actions a span {
float: left;
display: block;
min-width: 30px;
height: 28px;
border-top: 2px solid #e7e7e7;
}
.s-actions a span i,
.shared-element-actions a span i {
display: block;
background: url('//storify.com/public/img/icons.png');
-webkit-background-size: 80px 64px;
-moz-background-size: 80px 64px;
background-size: 80px 64px;
width: 16px;
height: 16px;
margin: 6px 7px;
}
.s-actions a:last-child,
.shared-element-actions a:last-child {
border-right: 1px solid #e7e7e7;
}
.s-actions a.embed span,
.shared-element-actions a.embed span {
border-top-color: #85a8d2;
}
.s-actions a.embed span i,
.shared-element-actions a.embed span i {
background-position: -64px 0;
}
.s-actions a.embed:hover span,
.shared-element-actions a.embed:hover span {
background: #85a8d2;
}
.s-actions a.embed:hover span i,
.shared-element-actions a.embed:hover span i {
background-position: -64px -16px;
}
.s-actions a.repost span,
.shared-element-actions a.repost span {
border-top-color: #85a8d2;
}
.s-actions a.repost span i,
.shared-element-actions a.repost span i {
background-position: 0 0;
}
.s-actions a.repost:hover span,
.shared-element-actions a.repost:hover span {
background: #85a8d2;
}
.s-actions a.repost:hover span i,
.shared-element-actions a.repost:hover span i {
background-position: 0 -16px;
}
.s-actions a.like span,
.shared-element-actions a.like span {
border-top-color: #c5889c;
}
.s-actions a.like span i,
.shared-element-actions a.like span i {
background-position: -16px 0;
}
.s-actions a.like .count,
.shared-element-actions a.like .count {
border-top-color: #c5889c;
}
.s-actions a.like:hover span,
.shared-element-actions a.like:hover span {
background: #c5889c;
}
.s-actions a.like:hover span i,
.shared-element-actions a.like:hover span i {
background-position: -16px -16px;
}
.s-actions a.like:hover .count,
.shared-element-actions a.like:hover .count {
background: #c5889c;
color: #fff;
}
.s-actions a.like.active i,
.shared-element-actions a.like.active i {
background-position: -16px -32px;
}
.s-actions a.comment span,
.shared-element-actions a.comment span {
border-top-color: #efbd81;
}
.s-actions a.comment span i,
.shared-element-actions a.comment span i {
background-position: -32px 0;
}
.s-actions a.comment .count,
.shared-element-actions a.comment .count {
border-top-color: #efbd81;
}
.s-actions a.comment:hover span,
.shared-element-actions a.comment:hover span {
background: #efbd81;
}
.s-actions a.comment:hover span i,
.shared-element-actions a.comment:hover span i {
background-position: -32px -16px;
}
.s-actions a.comment:hover .count,
.shared-element-actions a.comment:hover .count {
background: #efbd81;
color: #fff;
}
.s-actions a.share span,
.shared-element-actions a.share span {
border-top-color: #9fc582;
}
.s-actions a.share span i,
.shared-element-actions a.share span i {
background-position: -48px 0;
}
.s-actions a.share:hover span,
.shared-element-actions a.share:hover span {
background: #9fc582;
}
.s-actions a.share:hover span i,
.shared-element-actions a.share:hover span i {
background-position: -48px -16px;
}
.s-element .buttons {
zoom: 1;
margin-left: -7px;
padding: 3px 0;
}
.s-element .buttons:before,
.s-element .buttons:after {
content: '';
display: table;
}
.s-element .buttons:after {
clear: both;
}
.s-element .buttons a {
display: block;
float: left;
width: 30px;
height: 30px;
}
.s-element .buttons a span {
float: left;
}
.s-element .buttons a i {
display: block;
background: url('//storify.com/public/img/icons-story.png');
width: 16px;
height: 16px;
margin: 6px 7px;
float: left;
}
.s-element .buttons a.like i {
background-position: -16px 0;
}
.s-element .buttons a.like:hover i {
background-position: -16px -16px;
}
.s-element .buttons a.like.active i {
background-position: -16px -32px;
}
.s-element .buttons a.comment i {
background-position: -32px 0;
}
.s-element .buttons a.comment:hover i {
background-position: -32px -16px;
}
.s-element .buttons a.share {
width: auto;
line-height: 30px;
}
.s-element .buttons a.share i {
background-position: -48px 0;
margin-right: 3px;
}
.s-element .buttons a.share span {
font-weight: bold;
color: #52748f;
}
.s-element .buttons a.share:hover i {
background-position: -48px -16px;
}
.s-element .buttons a.share:hover span {
color: #ababab;
}
.s-element .buttons em {
float: left;
height: 30px;
line-height: 30px;
font-style: normal;
color: #b4c4d1;
font-size: 12px;
margin-right: 5px;
}
.s-element .buttons em.zero {
color: #dde4ea;
display: none;
}
.count {
float: left;
color: #999;
line-height: 28px;
font-size: 12px;
border-top: 2px solid #e7e7e7;
padding-right: 5px;
}
.s-actions-share {
list-style: none;
margin: 0px;
padding: 0px;
}
.s-actions-share li {
display: inline-block;
}
.s-actions-share {
float: left;
}
.s-actions-share li {
float: left;
padding-right: 10px;
}
.s-actions-share li a {
display: block;
width: 32px;
height: 32px;
text-indent: -9999px;
background-image: url('//storify.com/public/img/share-icons.png');
}
.s-actions-share li.s-share-facebook a {
background-position: 0 0;
}
.s-actions-share li.s-share-facebook-loading a {
background-image: url('//storify.com/public/img/facebook-loading.gif');
}
.s-actions-share li.s-share-facebook-done a {
background-image: url('//storify.com/public/img/facebook-done.png');
}
.s-actions-share li.s-share-twitter a {
background-position: -32px 0;
}
.s-actions-share li.s-share-pinterest a {
background-position: -160px 0;
}
.s-actions-share li.s-share-googleplus a {
background-position: -64px 0;
}
.s-actions-share li.s-share-linkedin a {
background-position: -96px 0;
}
.s-actions-share li.s-share-email {
padding-right: 0;
}
.s-actions-share li.s-share-email a {
background-position: -128px 0;
}
#s-share-dropdown,
#s-embed-dropdown,
#s-comment-dropdown {
z-index: 102;
display: none;
position: absolute;
top: 50px;
right: 20px;
background: #fff;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0px 1px 0px #e7e7e7;
box-shadow: 0px 1px 0px #e7e7e7;
}
#share-footer-dropdown {
display: none;
z-index: 102;
position: absolute;
top: 36px;
left: 95px;
background: #fff;
padding: 6px 10px;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0px 1px 0px #e7e7e7;
box-shadow: 0px 1px 0px #e7e7e7;
}
#comments-footer {
display: none;
z-index: 102;
position: absolute;
top: 36px;
left: 95px;
background: #fff;
padding: 6px 10px;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0px 1px 0px #e7e7e7;
box-shadow: 0px 1px 0px #e7e7e7;
}
#s-share-dropdown {
width: 200px;
padding: 10px;
}
#s-embed-dropdown {
width: 278px;
}
#s-embed-dropdown label {
font-size: 11px;
}
#s-embed-dropdown .s-embed-code {
padding: 15px;
}
#s-embed-dropdown .s-embed-code label {
margin-bottom: 5px;
}
#s-embed-dropdown .s-embed-code input[type='text'] {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Monaco', 'Courier', monospace;
}
#s-embed-dropdown .s-embed-options {
padding: 17px 15px 5px;
background: url('//storify.com/public/img/border2px.gif') top repeat-x;
}
#s-embed-dropdown .s-embed-options .s-embed-template {
margin-bottom: 10px;
}
#s-embed-dropdown .s-embed-options .s-embed-template label {
float: left;
line-height: 18px;
padding-right: 5px;
}
#s-embed-dropdown .s-embed-options .s-embed-template select {
height: 18px;
margin: 0;
}
#s-embed-dropdown .s-embed-options .s-embed-show,
#s-embed-dropdown .s-embed-options .s-embed-seo {
margin-bottom: 10px;
}
#s-embed-dropdown .s-embed-options .s-embed-show label,
#s-embed-dropdown .s-embed-options .s-embed-seo label,
#s-embed-dropdown .s-embed-options .s-embed-show input,
#s-embed-dropdown .s-embed-options .s-embed-seo input {
display: inline;
}
#s-embed-dropdown .s-embed-options .s-embed-show input,
#s-embed-dropdown .s-embed-options .s-embed-seo input {
vertical-align: baseline;
}
#s-embed-dropdown .s-embed-options .s-embed-show label,
#s-embed-dropdown .s-embed-options .s-embed-seo label {
padding: 0 5px;
}
#s-embed-dropdown .s-embed-options .s-embed-show label:first-child {
padding-left: 0;
}
#s-comment-dropdown {
width: 350px;
}
#s-copy-code {
color: #333;
font-size: 11px;
text-decoration: none;
}
.s-email-send {
padding-top: 18px;
}
.s-email-send button {
margin-left: 0px;
}
.s-elements {
position: relative;
min-height: 200px;
font-size: 12px;
line-height: 18px;
color: #333;
list-style: none;
padding: 0px;
margin: 10px 0;
}
.s-elements a {
text-decoration: none;
color: #333;
}
.s-elements a:hover {
text-decoration: underline;
}
.s-title,
#s-title {
display: block;
font-family: 'Georgia', serif;
font-size: 32px;
font-style: normal;
font-weight: normal;
line-height: 1.1em;
color: #000;
padding: 0px 20px;
margin: 0px;
}
.s-section {
zoom: 1;
margin: 0;
}
.s-section:before,
.s-section:after {
content: '';
display: table;
}
.s-section:after {
clear: both;
}
.s-section a.name,
.s-section a.edit {
float: left;
display: inline-block;
}
.s-section a.name {
font-family: 'Helvetica', sans-serif;
color: #b30c00;
font-style: normal;
padding-left: 20px;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
}
.s-section a.name:hover {
text-decoration: none;
color: #000;
}
.s-section a.edit {
margin-left: 5px;
width: 16px;
height: 16px;
background: #000;
text-indent: -9999px;
background: url('//storify.com/public/img/web.png') -128px 0px;
}
.s-description,
#s-description {
display: block;
margin: 0px;
padding: 10px 20px 20px;
font-size: 15px;
line-height: 1.6em;
color: #666;
}
#s-title,
#s-description {
width: 100%;
padding: 7px;
margin: 0px -7px 10px;
border: 1px solid #eee;
resize: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#s-title:hover:not(:focus),
#s-description:hover:not(:focus) {
background: #fffbe3;
border-color: #ccc;
}
#s-title:focus,
#s-description:focus {
-webkit-box-shadow: inset 0 2px 1px rgba(0,0,0,0.07);
box-shadow: inset 0 2px 1px rgba(0,0,0,0.07);
border-color: #aaa;
}
#s-title::-webkit-input-placeholder,
#s-description::-webkit-input-placeholder,
#s-title::-moz-placeholder,
#s-description::-moz-placeholder {
color: #ddd;
}
.s-load-more {
display: block;
height: 50px;
font-size: 18px;
margin: 0px;
padding: 10px 0px;
color: #eee;
background-color: #0083cb;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1e8ac7), color-stop(1, #0083cb));
background: -webkit-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: -moz-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: -o-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: -ms-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
-webkit-border-radius: 3px;
border-radius: 3px;
width: 628px;
-webkit-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
text-align: center;
text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
}
.s-load-more:disabled {
background: url('//storify.com/public/img/load.gif') no-repeat center;
font-size: 0px;
}
.s-load-more#embed-footer {
display: block;
width: auto;
text-align: center;
background-color: #0083cb;
border: 1px solid #0083cb;
-webkit-border-radius: 3px;
border-radius: 3px;
font-family: 'Museo Sans', sans-serif;
color: #fff;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 1.4em;
padding: 3px 0;
margin: 0px 10px;
}
.s-load-more#embed-footer:hover {
color: #fff;
text-decoration: none;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #017cc0), color-stop(1, #0068ac));
background: -webkit-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: -moz-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: -o-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: -ms-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: linear-gradient(top, #017cc0 0%, #0068ac 100%);
}
.s-load-more#embed-footer:disabled {
background: url('//storify.com/public/img/load.gif') no-repeat center;
font-size: 0px;
}
.s-story .s-created-with {
background: url('//storify.com/public/img/created.with.png') right no-repeat;
display: block;
height: 16px;
margin: 3px;
}
.s-story .footer {
color: #666;
display: block;
padding: 15px 15px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
background: -moz-linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(top, #f9f9f9 0%, rgba(255,255,255,0) 100%);
border-top: 1px solid #f7f7f7;
font-size: 12px;
line-height: 14px;
overflow: hidden;
}
.s-story .footer .subscribe {
display: inline-block;
padding-top: 2px;
}
.s-story .footer span,
.s-story .footer a,
.s-story .footer .subscribe-button {
display: block;
float: left;
}
.s-story .footer a.logo {
display: block;
float: left;
width: 79px;
height: 20px;
overflow: hidden;
background: url('//storify.com/public/img/embed-header-logo.png') 0px -20px no-repeat;
margin: 0px 12px 0px 0px;
}
.s-story .footer a.logo:hover {
background-position: 0px -20px;
}
.s-story .footer a.logo em {
visibility: hidden;
}
.s-story .footer .subscribe-label,
.s-story .footer .subscribed-label,
.s-story .footer .subscribe-user {
height: 20px;
line-height: 20px;
}
.s-story .footer .subscribe-button {
height: auto;
margin: -2px 0 0 10px;
}
.s-story .footer .subscribe-button span {
font-size: 11px;
height: 20px;
line-height: 20px;
padding: 0 7px;
}
.s-story .footer .subscribe-button:hover {
text-decoration: none;
}
.s-story .engage {
position: relative;
padding: 10px 20px;
font-size: 12px;
border-top: 1px dotted #ddd;
background: #f7f7f7;
-webkit-border-radius: 0;
border-radius: 0;
}
.s-story .engage a {
font-weight: bold;
}
.s-story .engage .intro {
color: #666;
margin: 0 0 10px;
}
.s-story .engage .liked {
display: none;
position: absolute;
top: 10px;
right: 20px;
color: #008000;
font-weight: bold;
}
.s-story .engage .action-container {
padding-top: 0;
}
.s-story .engage .recent {
padding: 0;
margin: 10px 0 0;
list-style: none;
}
.s-story .engage .recent li {
zoom: 1;
font-size: 11px;
line-height: 16px;
padding: 5px 0;
border-top: 1px dotted #ddd;
}
.s-story .engage .recent li:before,
.s-story .engage .recent li:after {
content: '';
display: table;
}
.s-story .engage .recent li:after {
clear: both;
}
.s-story .engage .recent li:last-child {
padding-bottom: 0;
}
.s-story .engage .recent li img {
width: 16px;
height: 16px;
float: left;
display: block;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.s-story .engage .recent li .container {
padding-left: 21px;
}
.s-story .engage .recent li .container a {
text-decoration: none;
}
.s-story .engage .recent li .container .date {
color: #999;
}
.s-story .engage.embed {
background: transparent;
border: none;
padding: 0px;
}
body#embed .s-story {
-webkit-border-radius: 0;
border-radius: 0;
}
body#embed .s-story .s-info {
margin-left: 0;
}
body#embed .s-story .s-info .s-author {
border-left: 0;
}
.left-content {
position: relative;
float: left;
max-width: 630px;
width: 100%;
}
.right-sidebar {
float: right;
width: 300px;
}
.fluid {
width: 100%;
}
.fixed {
position: relative;
max-width: 960px;
margin: 0px auto;
padding: 0px 15px;
}
.left {
float: left;
}
.right {
float: right;
}
.inline {
float: left;
margin: 0px 3px 0px 0px;
}
.clear {
float: none !important;
clear: both;
}
input {
vertical-align: top;
margin: 0;
}
input[type='text'],
input[type='password'],
textarea,
.input-text {
background: #fff;
font-size: 12px;
padding: 6px;
border: 1px solid #ddd;
-webkit-box-shadow: inset 1px 1px 5px #ddd;
box-shadow: inset 1px 1px 5px #ddd;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 11px;
}
input[type='text']:hover,
input[type='password']:hover,
textarea:hover,
.input-text:hover {
border-color: #ccc;
}
input[type='text']:focus,
input[type='password']:focus,
textarea:focus,
.input-text:focus,
input[type='text'].focus,
input[type='password'].focus,
textarea.focus,
.input-text.focus {
border-color: #5695db;
-webkit-box-shadow: inset 1px 1px 5px #ddd, 0 0 5px #5695db;
box-shadow: inset 1px 1px 5px #ddd, 0 0 5px #5695db;
}
input[type='text'].search,
input[type='password'].search,
textarea.search,
.input-text.search {
padding: 8px 6px 8px 0px;
background: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
input[type='text'].error,
input[type='password'].error,
textarea.error,
.input-text.error {
border-color: #f07070;
-webkit-box-shadow: inset 1px 1px 5px #ddd, 0 0 5px #f07070;
box-shadow: inset 1px 1px 5px #ddd, 0 0 5px #f07070;
color: #9d3434;
}
body#editor .input-text {
-webkit-border-radius: 0;
border-radius: 0;
}
.input-text {
padding: 0;
}
.input-prepend {
display: inline-block;
margin: 11px 0 0 5px;
font-weight: bold;
font-size: 11px;
color: #ccc;
}
.form input[type='text'],
.form input[type='password'],
.form .input-text {
display: block;
padding: 10px;
margin: 3px 0px 10px;
width: 300px;
}
.form button {
float: right;
margin-right: 0px;
}
.form input[type=checkbox] {
display: block;
margin: 10px 6px 0 0;
}
.field {
clear: both;
}
label {
display: block;
font-size: 10px;
color: #888;
}
::-webkit-input-placeholder {
color: #ddd;
}
:-moz-placeholder {
color: #ddd;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.button-group {
list-style: none;
}
button,
a.button {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #cacaca;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dedede), color-stop(1, #b7b7b7));
background-image: -webkit-linear-gradient(top, #dedede 0%, #b7b7b7 100%);
background-image: -moz-linear-gradient(top, #dedede 0%, #b7b7b7 100%);
background-image: -o-linear-gradient(top, #dedede 0%, #b7b7b7 100%);
background-image: -ms-linear-gradient(top, #dedede 0%, #b7b7b7 100%);
background-image: linear-gradient(top, #dedede 0%, #b7b7b7 100%);
padding: 1px;
border: 0;
}
button span,
a.button span {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: 'Museo Sans', sans-serif;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
font-size: 12px;
font-weight: 700;
line-height: 1em;
padding: 6px 8px;
position: relative;
text-decoration: none;
background-color: #ececec;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfbfb), color-stop(1, #dedede));
background-image: -webkit-linear-gradient(top, #fbfbfb 0%, #dedede 100%);
background-image: -moz-linear-gradient(top, #fbfbfb 0%, #dedede 100%);
background-image: -o-linear-gradient(top, #fbfbfb 0%, #dedede 100%);
background-image: -ms-linear-gradient(top, #fbfbfb 0%, #dedede 100%);
background-image: linear-gradient(top, #fbfbfb 0%, #dedede 100%);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset, 0 1px 0 #fff inset, 0 1px 2px rgba(0,0,0,0.5);
box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset, 0 1px 0 #fff inset, 0 1px 2px rgba(0,0,0,0.5);
color: #6e7780;
text-shadow: 0 1px 0 #fff;
text-align: center;
cursor: pointer;
height: 24px;
-webkit-font-smoothing: antialiased;
}
button:hover span,
a.button:hover span {
background: #ececec;
text-decoration: none;
}
button:active,
a.button:active {
background: none;
}
button:active span,
a.button:active span {
background: #ececec;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
}
button.submit,
a.button.submit {
background-color: #1d6dac;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2a8dc5), color-stop(1, #104e94));
background-image: -webkit-linear-gradient(top, #2a8dc5 0%, #104e94 100%);
background-image: -moz-linear-gradient(top, #2a8dc5 0%, #104e94 100%);
background-image: -o-linear-gradient(top, #2a8dc5 0%, #104e94 100%);
background-image: -ms-linear-gradient(top, #2a8dc5 0%, #104e94 100%);
background-image: linear-gradient(top, #2a8dc5 0%, #104e94 100%);
}
button.submit span,
a.button.submit span {
background-color: #2f87cf;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #39a4e1), color-stop(1, #256bbe));
background-image: -webkit-linear-gradient(top, #39a4e1 0%, #256bbe 100%);
background-image: -moz-linear-gradient(top, #39a4e1 0%, #256bbe 100%);
background-image: -o-linear-gradient(top, #39a4e1 0%, #256bbe 100%);
background-image: -ms-linear-gradient(top, #39a4e1 0%, #256bbe 100%);
background-image: linear-gradient(top, #39a4e1 0%, #256bbe 100%);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.75);
box-shadow: 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.75);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.75);
}
button.submit:hover span,
a.button.submit:hover span {
background: #2f87cf;
}
button.submit:active,
a.button.submit:active {
background: none;
}
button.submit:active span,
a.button.submit:active span {
background: #2f87cf;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
}
button.accept,
a.button.accept {
background-color: #59a61d;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #68c520), color-stop(1, #4a881a));
background-image: -webkit-linear-gradient(top, #68c520 0%, #4a881a 100%);
background-image: -moz-linear-gradient(top, #68c520 0%, #4a881a 100%);
background-image: -o-linear-gradient(top, #68c520 0%, #4a881a 100%);
background-image: -ms-linear-gradient(top, #68c520 0%, #4a881a 100%);
background-image: linear-gradient(top, #68c520 0%, #4a881a 100%);
}
button.accept span,
a.button.accept span {
background-color: #5ea724;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6ebd2f), color-stop(1, #4e911a));
background-image: -webkit-linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
background-image: -moz-linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
background-image: -o-linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
background-image: -ms-linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
background-image: linear-gradient(top, #6ebd2f 0%, #4e911a 100%);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.75);
box-shadow: 0 0 0 1px rgba(255,255,255,0.15) inset, 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.75);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
}
button.accept:hover span,
a.button.accept:hover span {
background: #5ea724;
}
button.accept:active,
a.button.accept:active {
background: none;
}
button.accept:active span,
a.button.accept:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #5ea724;
}
button.decline,
a.button.decline {
background-color: #830a12;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9b0c16), color-stop(1, #6c080f));
background-image: -webkit-linear-gradient(top, #9b0c16 0%, #6c080f 100%);
background-image: -moz-linear-gradient(top, #9b0c16 0%, #6c080f 100%);
background-image: -o-linear-gradient(top, #9b0c16 0%, #6c080f 100%);
background-image: -ms-linear-gradient(top, #9b0c16 0%, #6c080f 100%);
background-image: linear-gradient(top, #9b0c16 0%, #6c080f 100%);
}
button.decline span,
a.button.decline span {
background-color: #b71e29;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d33540), color-stop(1, #9c0813));
background-image: -webkit-linear-gradient(top, #d33540 0%, #9c0813 100%);
background-image: -moz-linear-gradient(top, #d33540 0%, #9c0813 100%);
background-image: -o-linear-gradient(top, #d33540 0%, #9c0813 100%);
background-image: -ms-linear-gradient(top, #d33540 0%, #9c0813 100%);
background-image: linear-gradient(top, #d33540 0%, #9c0813 100%);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.75);
box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.75);
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
}
button.decline:hover span,
a.button.decline:hover span {
background: #b71e29;
}
button.decline:active,
a.button.decline:active {
background: none;
}
button.decline:active span,
a.button.decline:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #b71e29;
}
button.load-more span {
padding: 0 !important;
height: 37px;
line-height: 37px;
width: 100%;
margin: 0;
font-size: 14px;
}
button.load-more.loading {
background-image: url('//storify.com/public/img/load.gif');
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
button.load-more.loading span {
background: transparent none;
}
button.twitter span,
button.facebook span,
a.button.twitter span,
a.button.facebook span {
width: 220px;
height: 38px;
line-height: 38px;
font-size: 14px;
padding: 0;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.75);
box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.75);
}
button.facebook,
a.button.facebook {
background-color: #55719d;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5e7caa), color-stop(1, #4b668f));
background-image: -webkit-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: -moz-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: -o-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: -ms-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: linear-gradient(top, #5e7caa 0%, #4b668f 100%);
}
button.facebook span,
a.button.facebook span {
background-color: #6c8ab9;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #819bc3), color-stop(1, #5679ae));
background-image: -webkit-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: -moz-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: -o-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: -ms-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: linear-gradient(top, #819bc3 0%, #5679ae 100%);
}
button.facebook:hover span,
a.button.facebook:hover span {
background: #5679ae;
}
button.facebook:active,
a.button.facebook:active {
background: none;
}
button.facebook:active span,
a.button.facebook:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #5679ae;
}
button.twitter,
a.button.twitter {
background-color: #1291c1;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #109dd3), color-stop(1, #1484ae));
background-image: -webkit-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: -moz-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: -o-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: -ms-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: linear-gradient(top, #109dd3 0%, #1484ae 100%);
}
button.twitter span,
a.button.twitter span {
background-color: #06a1db;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00aced), color-stop(1, #0b95c9));
background-image: -webkit-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: -moz-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: -o-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: -ms-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: linear-gradient(top, #00aced 0%, #0b95c9 100%);
}
button.twitter:hover span,
a.button.twitter:hover span {
background: #0b95c9;
}
button.twitter:active,
a.button.twitter:active {
background: none;
}
button.twitter:active span,
a.button.twitter:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #0b95c9;
}
*:focus {
outline: 0;
}
.close-x {
position: absolute;
padding: 0px 2px;
color: #aaa;
text-shadow: 0px 1px 0px #fff;
}
.close-x:before {
content: '✖';
}
.close-x:hover {
cursor: pointer;
color: #555;
}
.close-x:active {
color: #333;
}
.error-messages {
margin: 0px;
padding: 5px 0px;
list-style-type: none;
color: #9d3434;
}
.tipsy {
font-size: 12px;
position: absolute;
padding: 5px;
z-index: 100005;
}
.tipsy-inner {
background-color: #333;
color: #fff;
max-width: 400px;
padding: 6px 8px;
}
.tipsy-inner h1 {
font-size: 20px;
margin: 3px 0px 10px;
}
.tipsy-inner small {
color: #aaa;
}
.tooltip-actions {
font-size: 10px;
text-align: right;
color: #ddd;
}
.tooltip-actions a {
margin-left: 10px;
color: #eee;
}
.tooltip-next {
font-weight: bold;
}
.tooltip-next:after {
content: ' ▸';
}
.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #333;
}
.tipsy-n .tipsy-arrow {
top: 0px;
left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
html,
body {
background: transparent;
font-family: 'Museo Sans', 'Lucida Grande', sans-serif;
margin: 0px;
padding: 0px;
}
a img {
border: 0px;
}
.s-story {
min-width: 260px;
}
.s-share {
float: left;
}
#email {
padding: 10px;
background: #f9f9f9;
}
#email .s-story {
max-width: 700px;
margin: 0px auto;
}
.s-embed-seo {
display: none;
}
.hidden {
display: none !important;
}
.capitalize {
text-transform: capitalize;
}
.s-minimal {
display: block;
position: relative;
height: 2.5em;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(1, #f9f9f9));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
background: linear-gradient(top, rgba(255,255,255,0) 0%, #f9f9f9 100%);
border-bottom: 1px solid #f7f7f7;
}
.s-minimal .embed-header-date {
display: inline-block;
width: 170px;
padding: 10px 12px;
color: #c6c6c6;
font-family: 'Museo Sans', sans-serif;
font-size: 0.88em;
}
.s-minimal .embed-header-logo {
display: inline-block;
position: absolute;
right: 12px;
top: 10px;
width: 79px;
height: 20px;
background: url('//storify.com/public/img/embed-header-logo.png') 0px 0px no-repeat;
}
.s-minimal.border {
height: 2.6em;
border-top: 2px solid #f7f7f7;
}
#story:hover .s-minimal .embed-header-logo {
background-position: 0px -20px;
}
#embed #story .footer {
position: relative;
min-height: 25px;
}
#embed #story .engage.embed {
min-height: 40px;
margin-bottom: 5px;
zoom: 1;
}
#embed #story .engage.embed:before,
#embed #story .engage.embed:after {
content: '';
display: table;
}
#embed #story .engage.embed:after {
clear: both;
}
#embed #story .engage.embed .f-actions {
float: left;
line-height: 1em;
font-size: 1.2em;
}
#embed #story .engage.embed .f-actions .like,
#embed #story .engage.embed .f-actions .like span,
#embed #story .engage.embed .f-actions .like .count {
border: none;
}
#embed #story .engage.embed .f-actions .like {
display: inline-block;
padding: 12px;
}
#embed #story .engage.embed .f-actions .like span {
display: inline-block;
width: 16px;
height: 16px;
background: url('//storify.com/public/img/icons-story.png') -16px 0px no-repeat;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .like .count.like-count {
float: none;
display: inline-block;
height: 16px;
font-size: 1em;
padding: 0px 10px;
color: #b4c4d1;
font-weight: normal;
line-height: 1.1em;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .like:hover span {
background-position: -16px -16px;
}
#embed #story .engage.embed .f-actions .like.active span {
background-position: -16px -32px;
}
#embed #story .engage.embed .f-actions .comment,
#embed #story .engage.embed .f-actions .comment span {
border: none;
}
#embed #story .engage.embed .f-actions .comment {
display: inline-block;
padding: 12px 0;
}
#embed #story .engage.embed .f-actions .comment span {
display: inline-block;
width: 16px;
height: 16px;
background: url('//storify.com/public/img/icons-story.png') -32px 0px no-repeat;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .comment .count.comment-count {
float: none;
display: inline-block;
height: 16px;
font-size: 1em;
padding: 0px 10px;
color: #b4c4d1;
border: none;
font-weight: normal;
line-height: 1.1em;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .comment:hover span {
background-position: -32px -16px;
}
#embed #story .engage.embed .f-actions .share,
#embed #story .engage.embed .f-actions .share span {
border: none;
}
#embed #story .engage.embed .f-actions .share {
display: inline-block;
padding: 12px;
}
#embed #story .engage.embed .f-actions .share span {
display: inline-block;
height: 16px;
width: 16px;
background: url('//storify.com/public/img/icons-story.png') -48px 0 no-repeat;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .share .share-label {
float: none;
display: inline-block;
height: 16px;
color: #52748f;
padding: 0px 5px;
font-weight: bold;
line-height: 1.1em;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .share:hover span {
background-position: -48px -16px;
}
#embed #story .engage.embed .f-actions .share:hover .share-label {
color: #ababab;
}
#embed #story .engage.embed .f-actions .share.active {
background-color: #eee;
}
@media screen and (min-width: 421px) {
.s-video .s-video-shim-vine {
height: 490px;
}
.s-video .s-video-shim-vine .s-video-content-vine {
width: 490px;
height: 490px;
}
}
@media screen and (max-width: 420px) {
.s-video .s-video-shim-vine {
height: 270px;
}
.s-video .s-video-shim-vine .s-video-content-vine {
width: 270px;
height: 270px;
}
}
@media screen and (max-width: 320px) {
.s-video .s-video-shim-vine .s-video-content-vine {
-webkit-transform: scale(0.848);
-webkit-transform-origin: 0 0;
}
}
--></style>
<div class="sfy-html">
<div class="s-story noborder">
<div class="s-minimal"><a class="embed-header-date" href="http://storify.com/marceladevivo/social-media-marketing-tips-1/slideshow?utm_source=embed&amp;utm_medium=publisher&amp;utm_campaign=embed-header-slideshow" target="_blank">View as slideshow</a></div>
<ol class="s-elements">
<li class="s-element s-element-link" data-eid="2e3f06364729d8eb768d3d1f" data-type="link" data-source="socialmediatoday" data-permalink="http://socialmediatoday.com/saman-kouretchian/1243921/7-reasons-you-need-be-using-google-plus-now">
<div class="s-element-container">
<div class="s-link s-element-content"><img class="s-link-thumbnail" alt="" src="http://socialmediatoday.com/sites/socialmediatoday.com/files/google-plus-one-logo-1-button_1.jpg" /><a class="s-link-a" href="http://socialmediatoday.com/saman-kouretchian/1243921/7-reasons-you-need-be-using-google-plus-now" target="_blank">7 Reasons You Need to Be Using Google Plus Now | Social Media Today</a></p>
<div class="s-link-desc">Saman Kouretchian If you are currently not on Google Plus or not actively using it, I am here to tell you that you will be +1′ing very soon. My short answer for my reason: well, it&#8217;s Google..and they are kind of a big deal on the internet.</div>
<div class="actions">
<div class="buttons"><em class="stats-likes zero">0</em><em class="stats-comments">1</em><a class="share" title="Share" href="#"><i></i><span>Share</span></a></div>
<div class="s-share-dropdown">
<ul class="s-actions-share" data-url="http://storify.com/marceladevivo/social-media-marketing-tips-1/elements/2e3f06364729d8eb768d3d1f">
<li class="s-share-facebook"><a href="#" rel="facebook">Share on Facebook</a></li>
<li class="s-share-twitter"><a href="#" rel="twitter">Share on Twitter</a></li>
<li class="s-share-googleplus"><a href="#" rel="googleplus">Share on Google+</a></li>
<li class="s-share-linkedin"><a href="#" rel="linkedin">Share on Linkedin</a></li>
<li class="s-share-email"><a href="#" rel="email">Share by email</a></li>
</ul>
</div>
</div>
<div class="s-attribution">
<div class="s-source s-socialmediatoday"><a href="http://socialmediatoday.com" target="_blank"><img style="max-width: 16px;" alt="" src="//proxy.storify.com/?url=http%3A%2F%2Fg.etfv.co%2Fhttp%3A%2F%2Fsocialmediatoday.com" border="0" /></a></div>
<div class="s-author"><a class="s-author-name" href="http://socialmediatoday.com" target="_blank" rel="Socialmediatoday">Socialmediatoday</a></div>
<div class="s-clear"></div>
</div>
</div>
<div class="s-clear"></div>
<div class="comments has-comments">
<div class="action-container">
<div class="action"><input class="element-comment-input" type="text" placeholder="Say something..." /></p>
<div class="element-comment-post"></div>
</div>
</div>
<div class="previous">
<ul>
<li class="comment comment-514bf8b30ea88c533c009b68" data-id="514bf8b30ea88c533c009b68"><img class="avatar" alt="" src="https://api.twitter.com/1/users/profile_image/marceladevivo?size=bigger" />
<div class="container"><a class="author" href="/marceladevivo" target="_blank">Marcela De Vivo</a><span class="content">Why Google Plus is the future of social SEO. This powerful network will just get stronger, it&#8217;s time to jump on board if you aren&#8217;t yet.</span><span class="date moment fromNow" data-date="2013-03-22T06:22:43.209Z">2013-03-22T06:22:43.209Z</span></div>
</li>
</ul>
</div>
</div>
</div>
</li>
</ol>
</div>
</div>
<p>The post <a href="http://www.gryffin.co/google-plus-why-you-really-need-to-get-on-board/">Google Plus: Why you REALLY need to get on-board</a> appeared first on <a href="http://www.gryffin.co">Gryffin Media</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.gryffin.co/google-plus-why-you-really-need-to-get-on-board/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
