Opinion: RE: Mark Kirk as a Racial Reconcilliator

It’s always nice when an argument breaks your way, even when it takes more than two years to do so.

In November 2010, I commemorated Mark Kirk’s Senate inauguration with a blog post noting that, as a result of his replacing Roland Burris (who himself replaced Barack Obama), the Senate now had no black members. I expressed the hope that Kirk would be “conscious of the historic nature of his Senate seat” by avoiding cultural issues, and focusing on economics. Which is exactly what he’s done.

James Taranto, a columnist for The Wall Street Journal, seized on this to write a column entitled “Stuff White People Like,” in which he criticized me for assuming that blacks shared my white liberal politics. It was an attempt to discredit my concern for the Senate’s diversity by making me look “clueless” about race, to use Taranto’s word.

Wrote Taranto:

Chicago Politics

brandon johnson 3 hours ago

Chicago adds funds into $500-a-month guaranteed income program

Democratic Party 19 hours ago

Here's when the Democratic National Convention will take place in Chicago

There are "social policies" on which blacks tend to be more liberal than whites--crime, welfare, racial preferences--but these are not the ones that divide moderate and conservative Republicans. Plainly Kirk is referring chiefly to abortion and also, perhaps, to same-sex marriage and other matters involving homosexuality. On these questions blacks tend to be, if anything, somewhat more conservative than whites. (Editor's emphasis.)

Kirk, a five-term House member, is no social conservative. In 2008 he had just a 17% rating from the Family Research Council. His views were well-suited to his suburban district, where a social conservative probably would have been unelectable. But his district is less than 5% black. McClelland, who by the way is white, shows his own prejudices when he imagines Kirk to be some sort of racial conciliator because the new senator holds views that are congenial to social liberals who are mostly white.

On February 14, 2013 the Illinois Senate voted 34-21 to approve gay marriage. All 21 no votes were cast by whites. Two black senators -- Patricia Van Pelt and Napoleon Harris -- voted “present,” while James Clayborne didn’t vote. But no member of the Black Caucus voted nay. This would suggest that, in fact, whites are more conservative than blacks on matters involving homosexuality. It’s also worth remembering that Roland Burris felt so strongly about overturning “Don’t Ask, Don’t Tell” that he wanted to return to the Senate to vote against it.

Taranto doesn’t follow Illinois politics as closely as I do, so I pointed this fact out to him on Twitter. Here are some of his responses.

.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: 10px 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 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: 3px 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: 0 0 0 7px; } .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; } }

View as slideshow

Edward McClelland @TedMcClelland

@jamestaranto called me prejudiced for assuming blacks support gay marriage. No black sens voted against it in IL: illinoisreview.typepad.com/...

Sat, Mar 09 2013 10:38:05
Reply Retweet Favorite
James Taranto @jamestaranto

.@TedMcClelland Glad I struck a nerve, but that's not an accurate representation of what I wrote. online.wsj.com/article/SB10...

Sat, Mar 09 2013 11:23:11
Reply Retweet Favorite
Edward McClelland @TedMcClelland

@jamestaranto You wrote blacks are more conservative than whites on gay marriage. 21 white senators voted nay, 0 black senators did.

Sat, Mar 09 2013 11:46:08
Reply Retweet Favorite
Edward McClelland @TedMcClelland

@jamestaranto You were trying to turn it around to make me look prejudiced, but used an inaccurate racial stereotype to do so.

Sat, Mar 09 2013 11:47:11
Reply Retweet Favorite
James Taranto @jamestaranto

.@TedMcClelland I wrote that in 2010. The vote was in 2013. It's possible black public opinion shifted markedly in the interim.

Sat, Mar 09 2013 11:57:31
Reply Retweet Favorite
James Taranto @jamestaranto

.@TedMcClelland However, the fact that black Illinois senators unanimously voted with their party does not establish that.

Sat, Mar 09 2013 11:58:21
Reply Retweet Favorite
James Taranto @jamestaranto

.@TedMcClelland Nor does it contradict my central point, that same-sex marriage was driven by (mostly white) social liberals, not blacks.

Sat, Mar 09 2013 11:59:19
Reply Retweet Favorite
Edward McClelland @TedMcClelland

@jamestaranto Even in 2010, only one black senator voted no on civil unions.

Sat, Mar 09 2013 12:01:49
Reply Retweet Favorite
James Taranto @jamestaranto

.@TedMcClelland Again, party discipline could explain that.

Sat, Mar 09 2013 12:06:19
Reply Retweet Favorite
Edward McClelland @TedMcClelland

@jamestaranto Also, the first president to endorse gay marriage was black. And he got 94% of the black vote after doing so.

Sat, Mar 09 2013 12:15:17
Reply Retweet Favorite
James Taranto @jamestaranto

.@TedMcClelland You're suggesting Obama speaks on behalf of black people? That sounds prejudiced to me.

Sat, Mar 09 2013 12:19:10
Reply Retweet Favorite
Edward McClelland @TedMcClelland

@jamestaranto You suggesting that black legislators vote how their white leaders tell them sounds prejudiced to ME.

Sat, Mar 09 2013 12:21:00
Reply Retweet Favorite
Edward McClelland @TedMcClelland

@jamestaranto I'm saying that his support of gay marriage didn't cost him any black support.

Sat, Mar 09 2013 12:21:31
Reply Retweet Favorite
James Taranto @jamestaranto

@TedMcClelland Because you are seeing a nonracial observation--lawmakers often vote with their parties--through your own racial prism.

Sat, Mar 09 2013 12:23:58
Reply Retweet Favorite
Edward McClelland @TedMcClelland

@jamestaranto I'm saying it proves there's not a racial divide in support of gay marriage -- at least not the one you argued,

Sat, Mar 09 2013 12:27:01
Reply Retweet Favorite
James Taranto @jamestaranto

.@TedMcClelland The real test of your 2010 argument will be Sen. Kirk's performance among blacks in 2016. I doubt this issue will help him.

Sat, Mar 09 2013 12:58:31
Reply Retweet Favorite
Edward McClelland @TedMcClelland

@jamestaranto Won't BE an issue. Dem will be pro-gay, too. Kirk trying to stop GOP from firing party chair over gay marriage support.

Sat, Mar 09 2013 13:04:12
Reply Retweet Favorite
James Taranto @jamestaranto

.@TedMcClelland Your claim which I disputed in 2010 was that Kirk's liberal social leanings made him a racial reconciliator.

Sat, Mar 09 2013 13:22:39
Reply Retweet Favorite

Opinion: RE: Mark Kirk as a Racial Reconcilliator

Published March 12, 2013 • Updated on March 12, 2013 at 6:59 pm

Chicago Politics

Chicago adds funds into $500-a-month guaranteed income program

Here's when the Democratic National Convention will take place in Chicago