.s-element-share-label {
float: left;
overflow: hidden;
}
.s-element {
padding: 15px 10px;
position: relative;
text-align: center;
}
.s-element .fb_edge_comment_widget {
display: none !important;
}
.s-element:hover .s-element-content {
border-color: #CCCCCC;
}
.s-element a {
color: #0074B7;
}
.s-element .s-element-via {
float: left;
margin-right: 3px;
}
.s-element .s-element-share {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #DDDDDD -moz-use-text-color #DDDDDD #DDDDDD;
border-image: none;
border-radius: 0 2px 2px 0;
border-style: solid none solid solid;
border-width: 1px 0 1px 1px;
margin-top: -16px;
opacity: 0;
padding: 5px;
position: absolute;
right: -255px;
top: 50%;
transition: opacity 0.1s ease 0s, right 0.3s ease 0s, box-shadow 0.3s ease 0s, border 0.3s ease 0s;
width: 315px;
z-index: 10;
}
.s-element .s-element-share:hover {
border-color: #CCCCCC;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
right: 0;
}
.s-element .s-element-share:hover i {
filter: none;
opacity: 1;
}
.s-element .s-element-share:hover span.label {
color: #666666;
}
.s-element .s-element-share .s-actions-share {
height: 20px;
padding: 0;
}
.s-element .s-element-share i {
background: url(“//storify.com/public/img/web.png”) no-repeat scroll -112px -16px transparent;
display: block;
float: left;
height: 16px;
margin: 2px 5px 0 0;
opacity: 0.5;
width: 16px;
}
.s-element .s-element-share span.label {
color: #D7D7D7;
display: block;
float: left;
height: 20px;
line-height: 20px;
padding-right: 10px;
width: 35px;
}
.s-element .repost {
background: url(“//storify.com/public/img/add.png”) repeat scroll 0 0 transparent;
bottom: 0;
display: block;
height: 50px;
position: absolute;
right: 0;
text-indent: -9999px;
width: 50px;
z-index: 50;
}
.s-element-actions {
float: left;
line-height: 16px;
transition: opacity 0.1s ease 0s;
}
.s-element-actions a {
background: url(“//storify.com/public/img/twitter-actions.png”) no-repeat scroll 0 0 transparent;
color: #666666;
display: block;
float: left;
line-height: 16px;
margin: 2px 8px 2px 0;
padding: 0 0 0 18px;
}
.s-element-actions a:hover {
color: #333333;
text-decoration: none;
}
.s-element-actions a.twitter-retweet {
background-position: 0 -82px;
}
.s-element-actions a.twitter-retweet:hover {
background-position: 0 -98px;
}
.s-element-actions a.twitter-favorite {
background-position: 0 -33px;
}
.s-element-actions a.twitter-favorite:hover {
background-position: 0 -66px;
}
.s-element-actions a.twitter-reply {
background-position: 0 -1px;
margin-left: 10px;
}
.s-element-actions a.twitter-reply:hover {
background-position: 0 -17px;
}
.stats-actions-meta .meta {
clear: both;
display: block;
padding: 6px 10px;
width: 260px;
}
.s-element-container, body#editor .s-element-content {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #E7E7E7;
border-radius: 5px 5px 0 5px;
box-shadow: 0 0 2px #E7E7E7;
margin: 0 auto;
max-width: 500px;
}
body#editor .s-story .s-text {
margin: 0;
max-width: none;
}
.s-element-content {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 5px 5px 0 5px;
color: #333333;
font-size: 14px;
overflow: hidden;
padding: 10px 10px 8px;
position: relative;
}
.s-element-content a {
color: #333333;
text-decoration: none;
}
.s-element-content a:hover {
text-decoration: underline;
}
.s-element-content, .c-element-content {
text-align: left;
}
.s-element.s-element-text {
padding-bottom: 0;
padding-top: 0;
}
.s-element.s-element-text .s-element-container {
border: 0 none;
box-shadow: none;
max-width: none;
}
.s-elements .s-text {
background: none repeat scroll 0 0 #FFFFFF;
border: 0 none !important;
border-radius: 0 0 0 0 !important;
box-shadow: none !important;
color: #333333;
font-family: “Museo Sans”,”Helvetica Neue”,sans-serif;
font-size: 15px;
line-height: 1.6em;
max-width: none;
padding: 10px;
}
.s-elements .s-text a {
color: #3876B2;
text-decoration: underline;
}
.s-elements .s-text hr {
background: none repeat scroll 0 0 #BBBBBB;
border: 0 none;
box-shadow: 0 -1px 0 #FFFFFF, 0 0 4px #CCCCCC;
height: 1px;
}
.s-elements .s-text h1 {
color: #000000;
display: block;
font-size: 20px;
font-weight: 400;
margin: 10px 0;
padding: 0;
}
.s-elements .s-text h2 {
color: #000000;
display: block;
font-family: “Museo Sans”,”Helvetica Neue”,sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
margin: 10px 0;
padding: 0;
}
.s-elements .s-text p {
margin: 0;
padding: 0;
}
.s-elements .s-text .link-button {
border-radius: 3px 3px 3px 3px;
color: #FFFFFF !important;
display: block;
font-weight: 700;
margin: 0 auto;
padding: 6px 8px;
text-align: center;
text-decoration: none !important;
width: 100px;
}
.s-elements .s-text .link-button.red {
background: none repeat scroll 0 0 #BF0000;
}
.s-elements .s-text .link-button.blue {
background: none repeat scroll 0 0 #008FC5;
}
.s-elements .s-text .link-button:hover {
text-decoration: none !important;
}
.s-elements .s-text .link-button.red:hover {
background: none repeat scroll 0 0 #A20000;
}
.s-elements .s-text .link-button.blue:hover {
background: none repeat scroll 0 0 #007AA7;
}
.s-quote-avatar-author {
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;
height: 32px;
margin-right: 10px;
width: 32px;
}
.s-quote-avatar-author .s-quote-avatar img {
display: inline-block;
height: 32px;
width: 32px;
}
.s-quote-avatar-author .s-quote-author {
float: left;
}
.s-quote-avatar-author .s-quote-author .s-quote-author-name {
color: #256BBE;
font-size: 14px;
line-height: 32px;
}
.s-quote-avatar-author .s-quote-author .s-quote-author-username {
color: #999999;
font-size: 12px;
line-height: 14px;
}
.s-quote-avatar-author .twitter-follow-button {
position: absolute;
right: 10px;
top: 10px;
}
.s-element-content:not(.s-result) .s-quote-text {
font-family: “Georgia”,serif;
font-size: 16px;
line-height: 1.5em;
}
.s-element-content:not(.s-result) .s-quote-text a {
color: #256BBE;
}
.s-element-content:not(.s-result) .s-quote-text-no-avatar {
background: none repeat scroll 0 center transparent;
margin-left: 0;
padding-left: 0;
}
.s-quote-avatar-twitter .s-quote-author .s-quote-author-name {
line-height: 18px;
}
.s-image {
padding: 5px;
}
.s-image .s-image-content {
background: none repeat scroll 0 0 #000000;
display: block;
max-width: 100%;
position: relative;
text-align: center;
text-decoration: none;
}
.s-image .s-image-content:hover {
text-decoration: none;
}
.s-image .s-image-content img {
display: block;
margin: 0 auto;
max-height: 500px;
max-width: 100%;
}
.s-image .s-image-info {
padding: 5px;
}
.s-image .s-quote-content {
margin-right: 30px;
padding-top: 5px;
}
.s-image .s-image-caption {
color: #666666;
font-size: 13px;
padding: 10px 0 0;
}
.s-image .s-image-caption a {
color: #256BBE;
}
.s-video {
padding: 5px;
}
.s-video .s-video-shim {
padding-bottom: 56.25%;
position: relative;
}
.s-video .s-video-shim .s-video-content {
border: 0 none;
height: 100%;
left: 0;
min-height: 0;
position: absolute;
top: 0;
width: 100%;
}
.s-video .s-video-shim-vine {
height: 500px;
position: relative;
}
.s-video .s-video-shim-vine .s-video-content-vine {
border: 0 none;
height: 500px;
left: 0;
position: absolute;
top: 0;
width: 500px;
}
.s-video .s-video-info {
padding: 5px;
}
.s-video .s-video-title {
color: #666666;
font-size: 13px;
padding-top: 5px;
}
.s-video .s-video-img {
display: block;
position: relative;
width: 100%;
}
.s-video.s-video-html {
display: inline-block;
}
.dragging .s-video-img {
z-index: 2;
}
.s-link .s-link-a {
color: #0074B7;
display: block;
font-family: “Museo Sans”,”Helvetica Neue”,sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.4em;
margin-bottom: 5px;
}
.s-link .s-link-desc {
font-size: 12px;
}
.s-link .s-link-thumbnail {
border: 1px solid #DDDDDD;
display: block;
float: left;
margin: 0 10px 5px 0;
max-height: 96px;
max-width: 96px;
padding: 1px;
}
.s-oembed {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
display: inline-block;
width: 100%;
}
.s-oembed .s-oembed-content {
max-width: 100%;
overflow-x: auto;
}
.s-oembed .s-oembed-title {
font-weight: 700;
}
.story-tile {
cursor: pointer;
float: left;
margin: 10px 15px;
width: 300px;
}
.story-tile .icon {
background: url(“//storify.com/public/img/web.png”) no-repeat scroll 0 0 transparent;
height: 16px;
width: 16px;
}
.story-tile .story-toolbar {
background: none repeat scroll 0 center transparent;
border: 0 none;
box-shadow: none;
padding: 0 2px 8px;
}
.story-tile-editable .story-toolbar {
display: block;
}
.story-tile-body {
background-color: #FFFFFF;
border: 0 none;
display: block;
min-height: 300px;
position: relative;
}
.story-tile-body .story-tile-avatar {
display: block;
float: left;
height: 32px;
padding: 15px;
width: 32px;
}
.story-tile-body .story-tile-username-name {
float: left;
padding-top: 15px;
width: 140px;
}
.story-tile-body .story-tile-username-name a {
display: block;
}
.story-tile-body .story-tile-username-name .story-tile-username {
color: #0092E5;
font-size: 1.1em;
margin-bottom: 3px;
}
.story-tile-body .story-tile-username-name .story-tile-name {
color: #B4C4D1;
}
.story-tile-body .story-view-count {
color: #B4C4D1;
position: absolute;
right: 12px;
text-align: right;
top: 12px;
width: 90px;
}
.story-tile-body .story-date {
bottom: 6px;
color: #B4C4D1;
position: absolute;
right: 12px;
text-align: right;
width: 90px;
}
.story-tile-body .actions {
height: 27px;
margin: 0 0 0 10px;
position: relative;
}
.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;
height: 16px;
margin-right: 8px;
vertical-align: middle;
width: 16px;
}
.story-tile-body .actions .like span {
background: url(“//storify.com/public/img/icons-story-hi.png”) no-repeat scroll -16px 0 / 80px 64px transparent;
}
.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 {
margin-left: 10px;
vertical-align: middle;
}
.story-tile-body .actions .comment span {
background: url(“//storify.com/public/img/icons-story-hi.png”) no-repeat scroll -32px 0 / 80px 64px transparent;
}
.story-tile-body .actions .comment:hover span {
background-position: -32px -16px;
}
.story-tile-body .actions .share {
display: inline-block;
margin-right: 6px;
padding: 6px 0 6px 10px;
text-decoration: none;
vertical-align: middle;
}
.story-tile-body .actions .share.active {
background-color: #EEEEEE;
border-radius: 3px 3px 3px 3px;
}
.story-tile-body .actions .share i {
background: url(“//storify.com/public/img/icons-story-hi.png”) no-repeat scroll -48px 0 / 80px 64px transparent;
display: inline-block;
height: 16px;
line-height: 1em;
margin-bottom: -4px;
width: 16px;
}
.story-tile-body .actions .share span {
color: #6488A0;
font-weight: 700;
padding: 0 15px 0 6px;
}
.story-tile-body .actions .share span:hover {
text-decoration: none;
}
.story-tile-body .actions em {
color: #B4C4D1;
display: inline-block;
font-style: normal;
height: 16px;
line-height: 16px;
}
.story-tile-body .actions em.zero {
display: none;
}
.no-backgroundsize .story-tile-body .actions .comment span {
background: url(“//storify.com/public/img/icons-story.png”) no-repeat scroll -32px 0 transparent;
}
.no-backgroundsize .story-tile-body .actions .like span {
background: url(“//storify.com/public/img/icons-story.png”) no-repeat scroll -16px 0 transparent;
}
.no-backgroundsize .story-tile-body .actions .share i {
background: url(“//storify.com/public/img/icons-story.png”) no-repeat scroll -48px 0 transparent;
}
.story-tile-thumbnail {
bottom: 0;
height: 146px;
overflow: hidden;
position: absolute;
width: 100%;
}
.story-tile-thumbnail img {
display: block;
width: 300px;
}
.story-tile-thumbnail-info {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: -moz-use-text-color #E7E7E7 #E7E7E7;
border-image: none;
border-radius: 5px 5px 0 0;
border-right: 1px solid #E7E7E7;
border-style: none solid solid;
border-width: 0 1px 1px;
height: 128px;
overflow: hidden;
position: relative;
}
.story-tile-thumbnail-info .story-tile-thumbnail, .story-tile-thumbnail-info .story-tile-info {
height: 128px;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-avatar {
display: block;
left: 16px;
position: absolute;
top: 16px;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-avatar img {
display: block;
height: 28px;
width: 28px;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-meta-stats {
bottom: 10px;
color: #FFFFFF;
font-size: 11px;
left: 48px;
line-height: 1.5em;
position: absolute;
text-shadow: 0 1px 0 #333333;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-meta-stats .story-tile-meta a {
color: #FFFFFF;
font-weight: 700;
}
.story-tile-title {
background: none repeat scroll 0 0 #FFFFFF;
border: 0 none;
clear: both;
color: #666666;
display: block;
font-family: ‘Museo Sans’,”Helvetica Neue”,sans-serif;
font-size: 20px;
font-weight: 400;
height: 50px;
line-height: 1.2em;
margin-bottom: 6px;
overflow: hidden;
padding: 0 14px;
position: relative;
text-align: left;
white-space: normal;
}
.story-tile-title:hover {
color: #0092E5;
text-decoration: none;
}
.story-tile-title i {
height: 35px;
position: absolute;
right: 0;
width: 50px;
}
.story-tile-simple {
background: none repeat scroll 0 0 #F7F7F7;
border: 1px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 1px 0 #DDDDDD;
margin: 10px 0;
padding: 10px;
}
.story-tile-simple:before, .story-tile-simple:after {
content: “”;
display: table;
}
.story-tile-simple:after {
clear: both;
}
.story-tile-simple:hover {
background: none repeat scroll 0 0 #FFFFFF;
border-color: #BBBBBB;
}
.story-tile-simple .story-tile-simple-thumbnail {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
float: left;
padding: 1px;
}
.story-tile-simple .story-tile-simple-thumbnail .story-tile-simple-thumbnail-image {
background-size: cover;
display: block;
height: 48px;
width: 48px;
}
.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: #999999;
text-decoration: none;
}
.filter {
height: 30px;
margin: 0 auto;
width: 960px;
}
.filter .back {
border-radius: 3px 3px 3px 3px;
float: left;
margin-right: 10px;
padding: 3px;
}
.filter .back a {
background: -moz-linear-gradient(center top , #DDDDDD 0px, #AAAAAA 100%) repeat scroll 0 0 transparent;
border-radius: 3px 3px 3px 3px;
display: inline-block;
height: 20px;
padding: 1px;
}
.filter .back a span {
background: -moz-linear-gradient(center top , #FFFFFF 0px, #DDDDDD 100%) repeat scroll 0 0 transparent;
border-radius: 3px 3px 3px 3px;
color: #666666;
display: inline-block;
font-size: 10px;
height: 20px;
line-height: 20px;
padding: 0 10px;
text-shadow: 0 1px 0 #FFFFFF;
text-transform: uppercase;
}
.filter .back a span i {
background: url(“//storify.com/public/img/back.png”) no-repeat scroll left center transparent;
font-style: normal;
padding-left: 9px;
}
.filter .back a:hover span {
background: -moz-linear-gradient(center top , #DDDDDD 0px, #FFFFFF 100%) repeat scroll 0 0 transparent;
}
.filter .inner {
background: none repeat scroll 0 0 transparent;
display: inline-block;
}
.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 {
background: -moz-linear-gradient(center top , #DDDDDD 0px, #AAAAAA 100%) repeat scroll 0 0 transparent;
display: inline-block;
height: 20px;
padding: 1px;
}
.filter .inner .tabs a span {
background: -moz-linear-gradient(center top , #FFFFFF 0px, #DDDDDD 100%) repeat scroll 0 0 transparent;
color: #666666;
display: inline-block;
font-size: 10px;
height: 20px;
line-height: 20px;
padding: 0 10px;
text-shadow: 0 1px 0 #FFFFFF;
text-transform: uppercase;
}
.filter .inner .tabs a:hover span {
background: -moz-linear-gradient(center top , #DDDDDD 0px, #FFFFFF 100%) repeat scroll 0 0 transparent;
}
.filter .inner .tabs a.active span {
background: none repeat scroll 0 0 #FFFFFF;
box-shadow: 0 0 5px #DDDDDD inset;
color: #333333;
}
.filter .inner .tabs a.stories {
border-radius: 3px 0 0 3px;
}
.filter .inner .tabs a.stories span {
border-radius: 3px 0 0 3px;
}
.filter .inner .tabs a.elements {
border-radius: 0 3px 3px 0;
padding-left: 0;
}
.filter .inner .tabs a.elements span {
border-radius: 0 3px 3px 0;
}
.filter .inner .types {
display: none;
float: left;
height: 28px;
opacity: 0;
transition: opacity 0.2s ease-out 0s;
}
.filter .inner .types.visible {
display: block;
filter: none;
opacity: 1;
}
.filter .inner .types label {
display: block;
float: left;
padding-right: 10px;
}
.filter .inner .types label input {
display: inline-block;
height: 12px;
vertical-align: middle;
width: 12px;
}
.filter .inner .types label span {
color: #666666;
display: inline-block;
font-size: 11px;
line-height: 28px;
padding-left: 5px;
text-shadow: 0 1px 0 #FFFFFF;
}
.filter .inner .types label:first-child {
padding-left: 7px;
}
.story-image {
height: 100%;
overflow: hidden;
position: relative;
}
.story-image .story-image-bg {
background-size: cover;
height: 100%;
}
.story-image img {
display: block;
width: 100%;
}
.story-image .pattern {
background: url(“//storify.com/public/img/pattern.png”) repeat scroll 0 0 transparent;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.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;
}
.story-toolbar .icon {
background: url(“//storify.com/public/img/web.png”) no-repeat scroll 0 0 transparent;
float: left;
height: 16px;
margin-right: 3px;
width: 16px;
}
.story-toolbar-status {
font-size: 0;
}
.story-toolbar-status .hide {
display: none;
}
.story-toolbar-status.published {
color: #80C24C;
}
.story-toolbar-status.published .icon {
background-position: 0 -16px;
}
.story-toolbar-status.published.private {
color: #FD6215;
}
.story-toolbar-status.published.private .icon {
background-position: -189px -63px;
}
.story-toolbar-status.draft {
color: #FD6215;
}
.story-toolbar-status.draft .icon {
background-position: -32px -16px;
}
.story-toolbar-status.draft.private {
color: #FD6215;
}
.story-toolbar-status.draft.private .icon {
background-position: -208px -63px;
}
.story-toolbar-modified {
color: #BBBBBB;
text-shadow: none;
}
.story-toolbar-actions {
list-style: none outside none;
margin: 0;
padding: 0;
}
.story-toolbar-actions a {
color: #979797;
line-height: 16px;
}
.story-toolbar-actions a:hover {
color: #888888;
}
.story-toolbar-actions a.disabled, .story-toolbar-actions a.disabled .icon {
cursor: text;
opacity: 0;
}
.story-toolbar-actions a.disabled:hover, .story-toolbar-actions a.disabled .icon:hover {
color: #979797;
}
.story-toolbar-actions li {
display: inline-block;
padding-left: 8px;
}
.story-toolbar-actions .important {
color: #DF502F;
}
.story-toolbar-actions .important.green {
color: #008000;
}
.story-toolbar-flag .icon {
background-position: -208px 0;
}
.story-toolbar-delete .icon {
background-position: -144px 0;
}
.story-toolbar-edit .icon {
background-position: -126px 0;
}
.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: 700;
}
.story-toolbar-notify .icon {
background-position: -160px 0;
}
.story-toolbar-full .admin-bar {
background: none repeat scroll 0 0 transparent;
margin: 0 0 5px;
padding: 0;
}
.story-toolbar-full .admin-bar li {
display: inline-block;
list-style: none outside none;
padding-right: 12px;
}
.story-toolbar-full .admin-bar li .icon {
background: url(“//storify.com/public/img/web.png”) no-repeat scroll 0 0 transparent;
float: left;
height: 16px;
margin-right: 3px;
width: 16px;
}
.story-toolbar-full .admin-bar .story-toolbar-feature .icon {
background-position: -64px -16px;
}
.story-toolbar-full .admin-bar .story-toolbar-unfeature {
color: #BE5932 !important;
}
.story-toolbar-full .admin-bar .story-toolbar-unfeature .icon {
background-position: -80px -16px;
}
.story-toolbar-full .admin-bar .story-toolbar-flag .icon {
background-position: -208px 0;
}
.story-toolbar-full .user-bar {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #666666;
background-image: -moz-linear-gradient(center top , #6F6F6F 0px, #666666 45%, #444444 95%);
border-color: #E7E7E7 #E7E7E7 -moz-use-text-color;
border-image: none;
border-radius: 7px 7px 0 0;
border-style: solid solid none;
border-width: 1px 1px 0;
padding: 0;
}
.story-toolbar-full .user-bar .story-toolbar-status {
display: inline-block;
font-size: 14px;
font-weight: 700;
padding: 18px 10px 10px;
text-shadow: 0 -1px 0 #000000;
}
.story-toolbar-full .user-bar .story-toolbar-status .story-toolbar-status-text {
display: inline-block;
line-height: 1em;
margin-top: -3px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
width: 145px;
}
.story-toolbar-full .user-bar .story-toolbar-status .modified-text {
color: #ABABAB;
display: block;
font-size: 12px;
}
.story-toolbar-full .user-bar .story-toolbar-status .icon {
background: url(“//storify.com/public/img/icons-story-settings-hi.png”) no-repeat scroll 0 0 / 94px 403px transparent;
margin-right: 5px;
}
.story-toolbar-full .user-bar .story-toolbar-status .icon.published.public {
background-position: -34px -311px;
}
.story-toolbar-full .user-bar .story-toolbar-status .icon.published.private {
background-position: -34px -279px;
}
.story-toolbar-full .user-bar .story-toolbar-status .icon.published.public.modified {
background-position: -34px -344px;
}
.story-toolbar-full .user-bar .story-toolbar-status .icon.draft.public {
background-position: -34px -215px;
}
.story-toolbar-full .user-bar .story-toolbar-status .icon.draft.private {
background-position: -34px -247px;
}
.story-toolbar-full .user-bar .story-toolbar-status:hover {
text-decoration: none;
}
.story-toolbar-full .user-bar .story-toolbar-status:hover .icon.published.public {
background-position: -64px -311px;
}
.story-toolbar-full .user-bar .story-toolbar-status:hover .icon.draft.public {
background-position: -64px -215px;
}
.story-toolbar-full .user-bar .story-toolbar-status:hover .icon.published.private {
background-position: -64px -279px;
}
.story-toolbar-full .user-bar .story-toolbar-status:hover .icon.draft.private {
background-position: -64px -247px;
}
.story-toolbar-full .user-bar .story-toolbar-status:hover .icon.published.public.modified {
background-position: -64px -344px;
}
.story-toolbar-full .user-bar li {
display: inline-block;
padding: 19px 0 8px;
}
.story-toolbar-full .user-bar li a {
color: #FFFFFF;
font-size: 15px;
font-weight: 700;
padding-left: 4px;
position: relative;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.story-toolbar-full .user-bar li a:hover {
color: #E9E9E9;
text-decoration: none;
text-shadow: none;
}
.story-toolbar-full .user-bar li.story-toolbar-button {
margin: 0 20px 0 0;
}
.story-toolbar-full .user-bar .icon {
background: url(“//storify.com/public/img/icons-story-settings-hi.png”) no-repeat scroll 0 0 / 94px 403px transparent;
display: inline-block;
height: 28px;
margin-top: -6px;
vertical-align: middle;
width: 28px;
}
.story-toolbar-full .user-bar .story-toolbar-edit {
padding-left: 40px;
position: relative;
}
.story-toolbar-full .user-bar .story-toolbar-edit .icon {
background-position: -2px -65px;
left: 4px;
position: absolute;
top: 3px;
}
.story-toolbar-full .user-bar .story-toolbar-edit:hover .icon {
background-position: -32px -65px;
}
.story-toolbar-full .user-bar .story-toolbar-delete {
padding-left: 40px;
position: relative;
}
.story-toolbar-full .user-bar .story-toolbar-delete .icon {
background-position: 0 -94px;
left: 4px;
position: absolute;
top: 0;
}
.story-toolbar-full .user-bar .story-toolbar-delete:hover .icon {
background-position: -30px -94px;
}
.story-toolbar-full .user-bar .story-toolbar-distribute {
padding: 18px 14px 18px 39px;
position: relative;
}
.story-toolbar-full .user-bar .story-toolbar-distribute .icon {
background-position: 4px -3px;
display: inline-block;
float: none;
left: 2px;
position: absolute;
top: 20px;
vertical-align: middle;
width: 34px;
}
.story-toolbar-full .user-bar .story-toolbar-distribute:hover {
background-color: #777777;
border-radius: 0 0 0 0;
color: #FFFFFF;
}
.story-toolbar-full .user-bar .story-toolbar-distribute:active {
background-color: #333333;
}
.story-toolbar-full .user-bar .story-toolbar-distribute.active {
background-color: #444444;
color: #FFFFFF;
}
.story-toolbar-full .user-bar .story-toolbar-settings {
margin: 0;
padding: 18px 14px 18px 39px;
position: relative;
}
.story-toolbar-full .user-bar .story-toolbar-settings .icon {
background-position: 0 -35px;
display: inline-block;
float: none;
left: 2px;
position: absolute;
top: 20px;
vertical-align: middle;
width: 34px;
}
.story-toolbar-full .user-bar .story-toolbar-settings:hover {
background-color: #777777;
border-radius: 0 7px 0 0;
color: #FFFFFF;
}
.story-toolbar-full .user-bar .story-toolbar-settings:active {
background-color: #333333;
}
.story-toolbar-full .user-bar .story-toolbar-settings.active {
background-color: #444444;
border-radius: 0 7px 0 0;
color: #E9E9E9;
}
.story-toolbar-full .user-bar #distribute-pane {
display: none;
}
.story-toolbar-full .user-bar #distribute-pane li > input {
float: left;
height: 24px;
left: 0;
margin: 0;
opacity: 0;
padding: 0;
position: absolute;
width: 24px;
}
.story-toolbar-full .user-bar #distribute-pane li > label {
color: #FFFFFF;
float: left;
font-size: 13px;
font-weight: 700;
line-height: 18px;
padding: 5px 12px 5px 30px;
}
.story-toolbar-full .user-bar #distribute-pane input:hover + label, .story-toolbar-full .user-bar #distribute-pane #distribute input:focus + label, .story-toolbar-full .user-bar #distribute-pane input + label:hover, .story-toolbar-full .user-bar #distribute-pane #distribute input:focus + label {
color: #DFDFDF;
}
.story-toolbar-full .user-bar #distribute-pane input + label {
background: url(“//storify.com/public/img/distribute-sprite-hi.png”) no-repeat scroll 3px 0 / 31px 822px transparent;
color: #F4F4F4;
height: 18px;
}
.story-toolbar-full .user-bar #distribute-pane input[type=”radio”] + label {
background-color: #FFFFFF;
background-position: 3px -240px;
box-shadow: 0 -1px 0 #000000;
color: #333333;
}
.story-toolbar-full .user-bar #distribute-pane input[type=”checkbox”] + label {
background-position: 0 -60px;
}
.story-toolbar-full .user-bar #distribute-pane .radio-group li:first-child input[type=”radio”] + label {
border-radius: 5px 0 0 5px;
}
.story-toolbar-full .user-bar #distribute-pane .radio-group li:last-child input[type=”radio”] + label {
border-radius: 0 5px 5px 0;
}
.story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:checked + label {
background-color: #00A400;
background-position: 3px -360px;
color: #FFFFFF;
}
.story-toolbar-full .user-bar #distribute-pane li input[type=”checkbox”]:checked + label {
background-position: 0 -120px;
}
.story-toolbar-full .user-bar #distribute-pane li input[type=”checkbox”]:hover:checked + label, .story-toolbar-full .user-bar #distribute-pane li input[type=”checkbox”]:focus:checked + label, .story-toolbar-full .user-bar #distribute-pane li input[type=”checkbox”]:checked + label:hover, .story-toolbar-full .user-bar #distribute-pane li input[type=”checkbox”]:focus:checked + label {
background-position: 0 -120px;
}
.story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:hover:checked + label, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:focus:checked + label, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:checked + label:hover, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:focus:checked + label {
background-color: #00A400;
background-position: 3px -360px;
color: #FFFFFF;
}
.story-toolbar-full .user-bar #distribute-pane li input[type=”checkbox”]:hover + label, .story-toolbar-full .user-bar #distribute-pane li input[type=”checkbox”]:focus + label, .story-toolbar-full .user-bar #distribute-pane li input[type=”checkbox”] + label:hover {
color: #FFFFFF;
cursor: pointer;
}
.story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:hover + label, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:focus + label, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”] + label:hover {
background-color: #F4F4F4;
background-position: 3px -270px;
color: #000000;
cursor: pointer;
}
.story-toolbar-full .user-bar #distribute-pane li input[type=”checkbox”]:active + label, .story-toolbar-full .user-bar #distribute-pane li input[type=”checkbox”] + label:hover:active {
background-position: 0 -180px;
}
.story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:active + label, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”] + label:hover:active {
box-shadow: 0 0 3px rgba(0, 0, 0, 0.4) inset;
}
.story-toolbar-full .user-bar #distribute-pane input[type=”checkbox”]:active:checked + label, .story-toolbar-full .user-bar #distribute-pane input[type=”checkbox”]:checked + label:hover:active {
color: #FFFFFF;
}
.story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:active:checked + label, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:checked + label:hover:active {
background-position: 0 -281px;
}
.story-toolbar-full .user-bar #distribute-pane input[type=”checkbox”]:disabled + label, .story-toolbar-full .user-bar #distribute-pane input[type=”checkbox”]:hover:disabled + label, .story-toolbar-full .user-bar #distribute-pane input[type=”checkbox”]:focus:disabled + label, .story-toolbar-full .user-bar #distribute-pane input[type=”checkbox”]:disabled + label:hover, .story-toolbar-full .user-bar #distribute-pane input[type=”checkbox”]:disabled + label:hover:active {
background-position: 0 -60px;
box-shadow: none;
opacity: 0.6;
}
.story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:disabled + label, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:hover:disabled + label, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:focus:disabled + label, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:disabled + label:hover, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:disabled + label:hover:active {
background-position: 3px -330px;
box-shadow: none;
color: #CCCCCC;
}
.story-toolbar-full .user-bar #distribute-pane input[type=”checkbox”]:disabled:checked + label, .story-toolbar-full .user-bar #distribute-pane input[type=”checkbox”]:hover:disabled:checked + label, .story-toolbar-full .user-bar #distribute-pane input[type=”checkbox”]:focus:disabled:checked + label, .story-toolbar-full .user-bar #distribute-pane input[type=”checkbox”]:disabled:checked + label:hover, .story-toolbar-full .user-bar #distribute-pane input[type=”checkbox”]:disabled:checked + label:hover:active {
box-shadow: none;
color: #CCCCCC;
}
.story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:disabled:checked + label, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:hover:disabled:checked + label, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:focus:disabled:checked + label, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:disabled:checked + label:hover, .story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:disabled:checked + label:hover:active {
background-color: #CCCCCC;
box-shadow: none;
color: #EEEEEE;
}
.story-toolbar-full .user-bar #distribute-pane input[type=”radio”]:not(:checked) + label {
background-image: none;
}
.story-toolbar-full .user-bar #distribute-pane .icon {
background-image: url(“//storify.com/public/img/distribute-sprite-hi.png”);
background-size: 31px 822px;
position: absolute;
}
.story-toolbar-full .user-bar #distribute-pane .icon-business {
background-position: -3px -571px;
display: block;
height: 24px;
left: 7.6em;
top: 8px;
width: 24px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-config {
position: relative;
}
.story-toolbar-full .user-bar #distribute-pane .embed-config .embed-code {
margin-top: 15px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-config .embed-code .icon-embed {
background-position: 0 -695px;
height: 29px;
left: 31px;
top: 34px;
width: 30px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-config .embed-code input {
border: 0 none;
border-radius: 5px 5px 5px 5px;
box-shadow: 0 -1px 0 #000000;
color: #666666;
font-family: ‘Museo Sans’,”Helvetica Neue”,sans-serif;
font-size: 14px;
margin: 12px 0 10px 80px;
padding: 7px 14px 7px 6px;
text-overflow: ellipsis;
width: 470px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-config .embed-code label {
color: #CCCCCC;
display: inline-block;
font-size: 1.1em;
margin-left: 30px;
padding-bottom: 0;
text-transform: uppercase;
vertical-align: middle;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header {
margin-top: 1.5em;
position: relative;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header .icon-header {
background-position: 0 -740px;
height: 28px;
left: 29px;
top: 36px;
width: 30px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header > label {
color: #CCCCCC;
display: inline-block;
font-size: 1.1em;
margin-left: 30px;
padding-bottom: 0;
text-transform: uppercase;
vertical-align: middle;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header #embed-header-option-none {
padding-right: 30px;
position: relative;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header .header.radio-group {
margin: 10px 0 -8px 40px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header .header.radio-group li {
padding-bottom: 0;
padding-top: 5px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header .embed-options {
margin: 0 0 0 40px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header .embed-options li {
display: inline-block;
list-style: none outside none;
vertical-align: middle;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header .embed-options .embed-template {
padding-right: 25px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header .embed-options .embed-template label {
line-height: 12px;
padding-left: 15px;
padding-right: 4px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header .embed-options .embed-seo {
position: relative;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header .embed-options .embed-seo .icon-business {
left: 9em;
top: 26px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header .embed-options .embed-hint {
color: #FFFFFF;
margin-bottom: 1em;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header .embed-options .embed-hint a {
color: #80BDFF;
padding-left: 8px;
}
.story-toolbar-full .user-bar #distribute-pane .export-story {
margin-top: 1em;
padding: 0 30px;
position: relative;
}
.story-toolbar-full .user-bar #distribute-pane .export-story p {
color: #CCCCCC;
display: inline-block;
font-size: 1.1em;
margin: 5px 0;
padding-bottom: 0;
text-transform: uppercase;
vertical-align: middle;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-pdf {
margin-top: 10px;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-pdf a.story-toolbar-pdf.button {
background-color: #333333;
background-image: -moz-linear-gradient(center top , #444444 0px, #222222 95%);
border-radius: 5px 5px 5px 5px;
box-shadow: 0 -1px 0 #000000;
display: inline-block;
margin-left: 50px;
padding-right: 23px;
position: relative;
vertical-align: middle;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-pdf a.story-toolbar-pdf.button.disabled {
opacity: 0.4;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-pdf a.story-toolbar-pdf.button:hover {
background-color: #333333;
background-image: -moz-linear-gradient(center top , #333333 0px, #111111 95%);
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-pdf a.story-toolbar-pdf.button span {
background: none repeat scroll 0 0 transparent;
border: 0 none;
box-shadow: none;
color: #83CAFF;
font-size: 1.2em;
height: auto;
padding: 10px 14px;
text-shadow: 0 -1px 0 #000000;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-pdf a.story-toolbar-pdf.button span.icon-business {
background-image: url(“//storify.com/public/img/distribute-sprite-hi.png”) !important;
background-position: -3px -571px;
background-size: 31px 822px;
display: block;
height: 24px;
left: 8em;
top: 11px;
width: 24px;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-pdf a.story-toolbar-pdf.button span:hover {
color: #30AB00;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-pdf .icon-pdf {
background-position: 0 -786px;
height: 37px;
left: 31px;
top: 35px;
width: 30px;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-pdf .hint {
color: #FFFFFF;
display: inline-block;
margin-left: 20px;
max-width: 300px;
vertical-align: middle;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-now {
margin: 10px 0 0;
position: relative;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-now a.story-toolbar-post.button {
background-color: #333333;
background-image: -moz-linear-gradient(center top , #444444 0px, #222222 95%);
border-radius: 5px 5px 5px 5px;
box-shadow: 0 -1px 0 #000000;
display: inline-block;
margin-left: 50px;
vertical-align: middle;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-now a.story-toolbar-post.button:hover {
background-color: #333333;
background-image: -moz-linear-gradient(center top , #333333 0px, #111111 95%);
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-now a.story-toolbar-post.button span {
background: none repeat scroll 0 0 transparent;
border: 0 none;
box-shadow: none;
color: #83CAFF;
font-size: 1.2em;
height: auto;
padding: 10px 14px;
text-shadow: 0 -1px 0 #000000;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-now a.story-toolbar-post.button span:hover {
color: #30AB00;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-now .hint {
color: #FFFFFF;
display: inline-block;
margin-left: 20px;
max-width: 300px;
vertical-align: middle;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-now .icon-export-story {
background-position: 0 -655px;
height: 28px;
left: 1px;
top: 10px;
width: 30px;
}
.story-toolbar-full .user-bar #distribute-pane .notify-story {
padding: 10px 30px 0 40px;
position: relative;
}
.story-toolbar-full .user-bar #distribute-pane .notify-story a.story-toolbar-notify.button {
background-color: #333333;
background-image: -moz-linear-gradient(center top , #444444 0px, #222222 95%);
border-radius: 5px 5px 5px 5px;
box-shadow: 0 -1px 0 #000000;
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}
.story-toolbar-full .user-bar #distribute-pane .notify-story a.story-toolbar-notify.button:hover {
background-color: #333333;
background-image: -moz-linear-gradient(center top , #333333 0px, #111111 95%);
}
.story-toolbar-full .user-bar #distribute-pane .notify-story a.story-toolbar-notify.button span {
background: none repeat scroll 0 0 transparent;
border: 0 none;
box-shadow: none;
color: #83CAFF;
font-size: 1.2em;
height: auto;
padding: 10px 14px;
text-shadow: none;
}
.story-toolbar-full .user-bar #distribute-pane .notify-story a.story-toolbar-notify.button span:hover {
color: #30AB00;
}
.story-toolbar-full .user-bar #distribute-pane .notify-story .hint {
color: #FFFFFF;
display: inline-block;
margin-left: 20px;
max-width: 300px;
vertical-align: middle;
}
.story-toolbar-full .user-bar #distribute-pane .notify-story .icon-notify {
background-position: 0 -610px;
height: 28px;
left: 1px;
top: 20px;
width: 30px;
}
.story-toolbar-full .user-bar #distribute-pane .distribute-pane-actions {
padding: 10px 30px 20px 40px;
text-align: right;
}
.story-toolbar-full .user-bar #distribute-pane .distribute-pane-actions .settings-cancel {
color: #83CAFF;
font-size: 1.2em;
}
.story-toolbar-full .user-bar #distribute-pane .distribute-pane-actions .settings-cancel:hover {
color: #FFFFFF;
text-decoration: none;
}
.story-toolbar-full .user-bar #distribute-pane .distribute-pane-actions .settings-save.button.primary {
background-color: #0083CB;
background-image: -moz-linear-gradient(center top , #0083CB 0px, #0083CB 95%);
border-radius: 5px 5px 5px 5px;
display: inline-block;
margin-left: 15px;
}
.story-toolbar-full .user-bar #distribute-pane .distribute-pane-actions .settings-save.button.primary:hover {
background-image: -moz-linear-gradient(center top , #0083CB 0px, #0068A9 95%);
}
.story-toolbar-full .user-bar #distribute-pane .distribute-pane-actions .settings-save.button.primary span {
background: none repeat scroll 0 0 transparent;
border: 0 none;
box-shadow: none;
color: #FFFFFF;
font-size: 1.2em;
height: auto;
padding: 10px 14px;
text-shadow: none;
}
.story-toolbar-full .user-bar #distribute-pane .distribute-pane-actions .settings-save.button.primary span:hover {
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.story-toolbar-full .user-bar #settings-pane {
display: none;
}
.story-toolbar-full .user-bar #settings-pane label {
color: #CCCCCC;
display: block;
font-size: 14px;
margin: 10px 30px;
}
.story-toolbar-full .user-bar #settings-pane .edit-link {
font-size: 1.2em;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .hint {
color: #FFFFFF;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-public {
background-color: #555555;
border: 1px solid #222222;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
display: inline-block;
margin: 10px 30px;
max-width: 450px;
min-width: 450px;
overflow: hidden;
padding: 12px 7em 12px 10px;
position: relative;
white-space: nowrap;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-public a {
background-color: #000000;
background-image: -moz-linear-gradient(center top , #444444 0px, #222222 95%);
border-radius: 0 5px 5px 0;
position: absolute;
right: 0;
top: 0;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-public a:hover {
background-color: #333333;
background-image: -moz-linear-gradient(center top , #333333 0px, #111111 95%);
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-public a span {
color: #80BDFF;
display: inline-block;
height: 2.3em;
padding: 12px 10px;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-public a span:hover {
color: #30AB00;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-private {
background-color: #555555;
border: 1px solid #222222;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
display: inline-block;
margin: 10px 30px;
max-width: 700px;
min-width: 450px;
overflow: hidden;
padding: 12px 7em 12px 10px;
white-space: nowrap;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-editing {
background-color: #FFFFFF;
border: 1px solid #555555;
border-radius: 5px 5px 5px 5px;
display: inline-block;
margin: 10px 30px;
min-width: 450px;
overflow: hidden;
padding: 0;
white-space: nowrap;
width: 560px;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-editing .story-link-prefix {
background-color: #BBBBBB;
color: #FFFFFF;
display: inline-block;
padding: 12px 5px 12px 10px;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-editing input.storyLink {
background-color: transparent;
border: 0 none;
border-radius: 0 5px 5px 0;
box-shadow: none;
color: #333333;
display: inline-block;
font-family: ‘Museo Sans’,”Helvetica Neue”,sans-serif;
font-size: 14px;
padding: 12px 10px 12px 3px;
text-overflow: ellipsis;
width: 60%;
}
.story-toolbar-full .user-bar #settings-pane .hide-link, .story-toolbar-full .user-bar #settings-pane .unhide-link {
padding: 20px 30px 1px;
}
.story-toolbar-full .user-bar #settings-pane .hide-link a, .story-toolbar-full .user-bar #settings-pane .unhide-link a {
color: #80BDFF;
font-size: 1em;
padding-left: 10px;
vertical-align: middle;
}
.story-toolbar-full .user-bar #settings-pane .hide-link a.button, .story-toolbar-full .user-bar #settings-pane .unhide-link a.button {
background-color: #333333;
background-image: -moz-linear-gradient(center top , #444444 0px, #222222 95%);
border-radius: 5px 5px 5px 5px;
box-shadow: 0 -1px 0 #000000;
display: inline-block;
}
.story-toolbar-full .user-bar #settings-pane .hide-link a.button:hover, .story-toolbar-full .user-bar #settings-pane .unhide-link a.button:hover {
background-color: #333333;
background-image: -moz-linear-gradient(center top , #333333 0px, #111111 95%);
}
.story-toolbar-full .user-bar #settings-pane .hide-link a.button span, .story-toolbar-full .user-bar #settings-pane .unhide-link a.button span {
background: none repeat scroll 0 0 transparent;
border: 0 none;
box-shadow: none;
color: #80BDFF;
font-size: 1.2em;
height: auto;
padding: 10px 14px 10px 10px;
text-shadow: 0 1px 0 #000000;
}
.story-toolbar-full .user-bar #settings-pane .hide-link a.button span:hover, .story-toolbar-full .user-bar #settings-pane .unhide-link a.button span:hover {
color: #30AB00;
}
.story-toolbar-full .user-bar #settings-pane .hide-link a.button.disabled, .story-toolbar-full .user-bar #settings-pane .unhide-link a.button.disabled {
opacity: 0.4;
}
.story-toolbar-full .user-bar #settings-pane .hide-link a.button.disabled:hover, .story-toolbar-full .user-bar #settings-pane .unhide-link a.button.disabled:hover, .story-toolbar-full .user-bar #settings-pane .hide-link a.button.disabled:active, .story-toolbar-full .user-bar #settings-pane .unhide-link a.button.disabled:active {
background-color: #333333;
background-image: -moz-linear-gradient(center top , #444444 0px, #222222 95%);
}
.story-toolbar-full .user-bar #settings-pane .hide-link a.button.disabled span:hover, .story-toolbar-full .user-bar #settings-pane .unhide-link a.button.disabled span:hover {
color: #0092E5;
cursor: default;
}
.story-toolbar-full .user-bar #settings-pane .hide-link .hint, .story-toolbar-full .user-bar #settings-pane .unhide-link .hint {
color: #FFFFFF;
display: inline-block;
margin-left: 20px;
max-width: 300px;
vertical-align: middle;
}
.story-toolbar-full .user-bar #settings-pane .settings-pane-actions {
padding: 10px 30px 20px 40px;
text-align: right;
}
.story-toolbar-full .user-bar #settings-pane .settings-pane-actions .settings-cancel {
color: #83CAFF;
font-size: 1.2em;
}
.story-toolbar-full .user-bar #settings-pane .settings-pane-actions .settings-cancel:hover {
color: #FFFFFF;
text-decoration: none;
}
.story-toolbar-full .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary {
background-color: #0083CB;
background-image: -moz-linear-gradient(center top , #0083CB 0px, #0083CB 95%);
border-radius: 5px 5px 5px 5px;
display: inline-block;
margin-left: 15px;
}
.story-toolbar-full .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary:hover {
background-image: -moz-linear-gradient(center top , #0083CB 0px, #0068A9 95%);
}
.story-toolbar-full .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary span {
background: none repeat scroll 0 0 transparent;
border: 0 none;
box-shadow: none;
color: #FFFFFF;
font-size: 1.2em;
height: auto;
padding: 10px 14px;
text-shadow: none;
}
.story-toolbar-full .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary span:hover {
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.story-toolbar-full-editor {
float: right;
position: relative;
width: 50%;
}
.story-toolbar-full-editor .user-bar {
border-bottom: 0 none;
padding: 0;
}
.story-toolbar-full-editor .user-bar .story-toolbar-tab {
padding: 9px 22px 10px 10px;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status {
display: inline-block;
font-size: 12px;
font-weight: 700;
padding: 11px 10px 10px;
text-shadow: 0 -1px 0 #000000;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .icon {
background: url(“//storify.com/public/img/icons-story-settings-hi.png”) no-repeat scroll 0 0 / 80px 343px transparent;
height: 26px;
margin-right: 5px;
width: 26px;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .icon.published.public {
background-position: -26px -264px;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .icon.published.private {
background-position: -26px -236px;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .icon.published.public.modified {
background-position: -26px -292px;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .icon.draft.public {
background-position: -26px -180px;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .icon.draft.private {
background-position: -26px -208px;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status:hover {
text-decoration: none;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .story-toolbar-status-text {
display: inline-block;
line-height: 1em;
margin-top: -3px;
vertical-align: middle;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .modified-text {
color: #ABABAB;
display: block;
font-size: 10px;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .modified-text.hide {
display: none;
}
.story-toolbar-full-editor .user-bar li {
display: inline-block;
padding: 11px 20px 8px 0;
}
.story-toolbar-full-editor .user-bar li a {
color: #FFFFFF;
font-size: 15px;
font-weight: 400;
padding-left: 4px;
position: relative;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.story-toolbar-full-editor .user-bar li a:hover {
color: #E9E9E9;
text-decoration: none;
text-shadow: none;
}
.story-toolbar-full-editor .user-bar li.story-toolbar-button {
margin: 0 20px 0 0;
}
.story-toolbar-full-editor .user-bar .icon {
background: url(“//storify.com/public/img/icons-story-settings-hi.png”) no-repeat scroll 0 -34px / 94px 403px transparent;
display: inline-block;
float: left;
height: 28px;
margin-top: -6px;
width: 32px;
}
.story-toolbar-full-editor .user-bar #settings-pane {
background: -moz-linear-gradient(center top , #777777 0px, #333333 100%) repeat scroll 0 0 transparent;
border-radius: 0 0 10px 10px;
display: none;
margin-left: 20px;
position: absolute;
right: 1em;
top: 36px;
width: 400px;
z-index: 9999;
}
.story-toolbar-full-editor .user-bar #settings-pane label {
color: #CCCCCC;
display: block;
font-size: 14px;
margin: 10px 30px;
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link {
font-size: 1.2em;
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-public {
background-color: #555555;
border: 1px solid #222222;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
display: inline-block;
margin: 10px 30px;
overflow: hidden;
padding: 12px 7em 12px 10px;
position: relative;
white-space: nowrap;
width: 230px;
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-public.hidden {
display: none;
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-public a {
background-color: #000000;
background-image: -moz-linear-gradient(center top , #444444 0px, #222222 95%);
border-radius: 0 5px 5px 0;
position: absolute;
right: 0;
top: 0;
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-public a:hover {
background-color: #333333;
background-image: -moz-linear-gradient(center top , #333333 0px, #111111 95%);
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-public a span {
color: #80BDFF;
display: inline-block;
height: 2.3em;
padding: 12px 10px;
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-public a span:hover {
color: #30AB00;
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-private {
background-color: #555555;
border: 1px solid #222222;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
display: inline-block;
margin: 10px 30px;
overflow: hidden;
padding: 12px 7em 12px 10px;
white-space: nowrap;
width: 220px;
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-private.hidden {
display: none;
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-editing {
background-color: #999999;
border: 0 none;
border-radius: 5px 5px 5px 5px;
display: inline-block;
margin: 10px 30px;
max-width: 300px;
overflow: hidden;
padding: 0;
white-space: nowrap;
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-editing.hidden {
display: none;
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-editing .story-link-prefix {
color: #FFFFFF;
display: none;
padding: 12px 5px 12px 10px;
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-editing input.storyLink {
border: 0 none;
border-radius: 5px 5px 5px 5px;
box-shadow: none;
color: #333333;
display: inline-block;
font-family: ‘Museo Sans’,”Helvetica Neue”,sans-serif;
font-size: 14px;
padding: 12px 10px 12px 3px;
text-overflow: ellipsis;
width: 400px;
}
.story-toolbar-full-editor .user-bar #settings-pane .hide-link, .story-toolbar-full-editor .user-bar #settings-pane .unhide-link {
padding: 10px 30px 1px 25px;
}
.story-toolbar-full-editor .user-bar #settings-pane .hide-link a, .story-toolbar-full-editor .user-bar #settings-pane .unhide-link a {
color: #0092E5;
display: inline-block;
margin: 10px 0 0 5px;
max-width: 400px;
text-decoration: none;
vertical-align: middle;
}
.story-toolbar-full-editor .user-bar #settings-pane .hide-link a.button, .story-toolbar-full-editor .user-bar #settings-pane .unhide-link a.button {
background-color: #333333;
background-image: -moz-linear-gradient(center top , #444444 0px, #222222 95%);
border-radius: 5px 5px 5px 5px;
display: inline-block;
}
.story-toolbar-full-editor .user-bar #settings-pane .hide-link a.button:hover, .story-toolbar-full-editor .user-bar #settings-pane .unhide-link a.button:hover {
background-color: #333333;
background-image: -moz-linear-gradient(center top , #333333 0px, #111111 95%);
}
.story-toolbar-full-editor .user-bar #settings-pane .hide-link a.button span, .story-toolbar-full-editor .user-bar #settings-pane .unhide-link a.button span {
background: none repeat scroll 0 0 transparent;
border: 0 none;
box-shadow: none;
color: #80BDFF;
font-size: 1.2em;
height: auto;
padding: 10px 14px;
text-shadow: 0 -1px 0 #000000;
}
.story-toolbar-full-editor .user-bar #settings-pane .hide-link a.button span:hover, .story-toolbar-full-editor .user-bar #settings-pane .unhide-link a.button span:hover {
color: #30AB00;
}
.story-toolbar-full-editor .user-bar #settings-pane .hide-link a.button.disabled, .story-toolbar-full-editor .user-bar #settings-pane .unhide-link a.button.disabled {
opacity: 0.4;
}
.story-toolbar-full-editor .user-bar #settings-pane .hide-link a.button.disabled:hover, .story-toolbar-full-editor .user-bar #settings-pane .unhide-link a.button.disabled:hover, .story-toolbar-full-editor .user-bar #settings-pane .hide-link a.button.disabled:active, .story-toolbar-full-editor .user-bar #settings-pane .unhide-link a.button.disabled:active {
background-color: #333333;
background-image: -moz-linear-gradient(center top , #444444 0px, #222222 95%);
box-shadow: none;
}
.story-toolbar-full-editor .user-bar #settings-pane .hide-link a.button.disabled span:hover, .story-toolbar-full-editor .user-bar #settings-pane .unhide-link a.button.disabled span:hover {
color: #80BDFF;
cursor: default;
}
.story-toolbar-full-editor .user-bar #settings-pane .hide-link .hint, .story-toolbar-full-editor .user-bar #settings-pane .unhide-link .hint {
color: #FFFFFF;
display: inline-block;
margin: 10px 0 0 10px;
max-width: 400px;
vertical-align: middle;
}
.story-toolbar-full-editor .user-bar #settings-pane .settings-pane-actions {
padding: 10px 30px 20px 40px;
text-align: right;
}
.story-toolbar-full-editor .user-bar #settings-pane .settings-pane-actions .settings-cancel {
color: #83CAFF;
display: inline-block;
font-size: 1.2em;
padding-bottom: 0.5em;
text-decoration: none;
}
.story-toolbar-full-editor .user-bar #settings-pane .settings-pane-actions .settings-cancel:hover {
color: #FFFFFF;
text-decoration: none;
}
.story-toolbar-full-editor .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary {
background-color: #0083CB;
background-image: -moz-linear-gradient(center top , #0083CB 0px, #0083CB 95%);
border-radius: 5px 5px 5px 5px;
display: inline-block;
margin-left: 15px;
}
.story-toolbar-full-editor .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary:hover {
background-image: -moz-linear-gradient(center top , #0083CB 0px, #0068A9 95%);
}
.story-toolbar-full-editor .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary span {
background: none repeat scroll 0 0 transparent;
border: 0 none;
box-shadow: none;
color: #FFFFFF;
font-size: 1.2em;
height: auto;
padding: 10px 14px;
text-shadow: none;
}
.story-toolbar-full-editor .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary span:hover {
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.user-bar {
min-width: 280px;
}
.story-toolbar-status span, .story-toolbar-edit span, .story-toolbar-delete span, .story-toolbar-tab span {
display: none;
font-size: 0;
}
.story-toolbar-full .user-bar #distribute-pane .embed-config {
padding: 15px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-config label[for=”embed-code-field”] {
display: none;
}
.story-toolbar-full .user-bar #distribute-pane .embed-config input[name=”embed-code-field”] {
margin: 0;
min-width: 230px;
width: 230px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-config .icon {
display: none;
}
.story-toolbar-full .user-bar #settings-pane label {
margin: 10px 0 0 20px;
}
.story-toolbar-full .user-bar #settings-pane .edit-link {
min-width: 300px;
padding: 10px 15px 0 20px;
width: 300px;
}
.story-toolbar-full .user-bar #settings-pane .edit-link input {
width: 100%;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-public {
margin: 0 0 10px;
min-width: 140px;
width: 140px;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-editing {
margin: 0 0 10px;
min-width: 230px;
width: 230px;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-editing .story-link-prefix {
display: none;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-private {
margin: 0 0 10px;
min-width: 140px;
width: 140px;
}
.story-toolbar-full .user-bar #settings-pane .hide-link {
padding: 10px 15px 0 20px;
}
.story-toolbar-full .user-bar #settings-pane .hide-link .hint, .story-toolbar-full .user-bar #settings-pane .hide-link a {
display: none;
}
.story-toolbar-full .user-bar #settings-pane .unhide-link {
padding: 10px 15px 0 20px;
}
.story-toolbar-full .user-bar #settings-pane .unhide-link .hint, .story-toolbar-full .user-bar #settings-pane .unhide-link a {
display: none;
}
.story-toolbar-full .user-bar #settings-pane .edit-link input {
min-width: 100px;
}
.no-backgroundsize .story-toolbar-full .icon {
background: url(“//storify.com/public/img/icons-story-settings.png”) no-repeat scroll 0 0 transparent;
}
.s-attribution {
clear: both;
color: #999999;
font-family: “Museo Sans”,”Helvetica Neue”,sans-serif;
font-size: 10px;
padding: 0;
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: #999999;
display: inline-block;
padding-top: 2px;
}
.s-attribution .s-element-attr-title {
color: #333333;
}
.s-attribution .s-author {
float: left;
font-weight: 400;
line-height: 16px;
margin-right: 3px;
}
.s-attribution .s-author .s-author-name {
color: #256BBE;
}
.s-attribution .s-author .s-author-twitter-handle {
color: #999999;
margin-left: 5px;
}
.s-attribution .s-via {
float: left;
line-height: 16px;
margin-right: 8px;
}
.s-attribution .s-source {
margin-right: 5px;
}
.s-element:hover .s-source {
filter: none;
opacity: 1;
}
.s-source {
float: left;
}
.s-source img {
border-radius: 3px 3px 3px 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 {
background-repeat: no-repeat;
height: 16px;
margin: 0;
opacity: 0.5;
vertical-align: middle;
width: 16px;
}
.s-element[data-source=”twitter”] .s-attribution {
margin-right: 50px;
padding-top: 12px;
}
.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 {
background: none repeat scroll 0 0 #FFFFFF;
display: none;
left: 5px;
padding: 10px;
position: absolute;
top: 5px;
z-index: 99;
}
.sb-share-dropdown {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #CCCCCC;
display: none;
left: 0;
padding: 8px 10px;
position: absolute;
top: 26px;
z-index: 99;
}
.story-tile.share .sb-share-dropdown {
display: block;
}
.comment {
overflow: hidden;
}
.s-elements .comments, .shared-element-comments .comments, #import .comments, #comments, .engage {
background: none repeat scroll 0 0 #F7F7F7;
border-radius: 0 0 5px 5px;
padding: 0 10px;
text-align: left;
transition: border-color 0.1s ease 0s;
word-wrap: break-word;
}
.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 {
-moz-box-sizing: border-box;
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 3px 3px 3px 3px;
box-shadow: 1px 1px 5px #DDDDDD inset;
display: block;
margin: 0;
padding: 0 46px 0 0;
position: relative;
width: 100%;
}
.s-elements .comments .action.focus, .shared-element-comments .comments .action.focus, #import .comments .action.focus, #comments .action.focus, .engage .action.focus {
border-color: #BBBBBB;
}
.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 {
-moz-box-sizing: border-box;
background: none repeat scroll 0 center transparent;
border: 0 none;
box-shadow: none;
color: #333333;
display: block;
height: 26px;
padding: 0 0 0 6px;
width: 100%;
}
.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 {
cursor: pointer;
float: left;
height: 16px;
opacity: 0.2;
transition: opacity 0.4s ease 0s;
width: 16px;
}
.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 scroll 0 0 transparent;
}
.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 scroll 0 0 transparent;
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;
}
.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 {
filter: none;
opacity: 1;
}
.s-elements .comments .previous ul, .shared-element-comments .comments .previous ul, #import .comments .previous ul, #comments .previous ul, .engage .previous ul {
list-style: none outside none;
margin: 0;
padding: 0;
}
.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 {
border-top: 1px dotted #DDDDDD;
padding: 5px 0;
}
.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 {
border-radius: 3px 3px 3px 3px;
display: block;
float: left;
height: 16px;
margin-right: 5px;
width: 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 {
font-size: 11px;
line-height: 16px;
padding-left: 21px;
position: relative;
}
.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 {
color: #333333;
font-weight: 700;
padding-right: 5px;
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: #999999;
}
.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 {
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #DDDDDD;
border-radius: 2px 2px 2px 2px;
color: #333333;
display: none;
font-size: 10px;
padding: 0 3px;
position: absolute;
right: 0;
text-decoration: none;
top: 0;
}
.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 #DDDDDD;
display: block;
font-size: 11px;
font-weight: 700;
line-height: 16px;
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: #333333;
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 {
color: #999999;
font-weight: 400;
}
.s-elements .comments {
box-shadow: 0 10px 20px -10px rgba(0, 0, 0, 0.15) inset;
}
.s-elements .no-comment {
display: none;
}
.s-elements .has-comments {
display: block;
}
#comments {
background: none repeat scroll 0 0 transparent;
border-radius: 0 0 0 0;
}
#comments .previous {
max-height: 300px;
overflow: auto;
}
.s-element-stats {
-moz-user-select: none;
border-top: 1px dotted #DDDDDD;
color: #999999;
cursor: pointer;
font-size: 10px;
line-height: 1em;
padding: 6px;
text-align: center;
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: #666666;
}
.s-element-stats div {
display: inline;
}
.s-element-stats.hide, .s-element-stats .hide {
display: none;
}
#big-like {
background: url(“//storify.com/public/img/heart2.png”) repeat scroll 0 0 / cover transparent;
display: none;
height: 206px;
left: 50%;
margin-left: -115px;
margin-top: -103px;
opacity: 0;
position: fixed;
top: 50%;
width: 230px;
z-index: 100003;
}
input, textarea {
color: #333333;
font-family: “Helvetica Neue”,sans-serif;
font-size: 11px;
}
.gc-bubbleDefault {
display: none !important;
}
.s-info {
margin-left: -3px;
}
.s-info .s-author {
background: none repeat scroll 0 0 #EEEEEE;
border-radius: 0 5px 5px 0;
color: #888888;
display: inline-block;
float: left;
font-size: 12px;
height: 30px;
line-height: 30px;
margin: 0 10px 20px 0;
padding: 0 10px 0 15px;
}
.s-info .s-author a.logo {
background: url(“//storify.com/public/img/logo.blue.small-hi.png”) repeat scroll 0 0 / 57px 14px transparent;
display: block;
float: left;
height: 14px;
margin: 8px 3px 0 0;
overflow: hidden;
width: 57px;
}
.s-info .s-author a.logo span {
visibility: hidden;
}
.s-info .s-author-follow {
color: #8DA452;
font-size: 11px;
font-weight: 700;
margin-left: 4px;
vertical-align: top;
}
.s-info .s-author-avatar {
float: left;
margin: 2px 10px 0 0;
max-height: 32px;
max-width: 32px;
}
.s-info .s-published {
display: inline-block;
font-size: 11px;
line-height: 30px;
}
.s-info .s-published a {
color: #666666;
}
.no-backgroundsize .s-info .s-author a.logo {
background: url(“//storify.com/public/img/logo.blue.small.png”) repeat scroll 0 0 transparent;
}
.s-published-date {
color: #555555;
}
#story {
position: relative;
}
.s-story {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #E7E7E7 #E7E7E7 #C0C1C2;
border-image: none;
border-radius: 5px 5px 0 0;
border-style: solid;
border-width: 1px;
color: #333333;
font-size: 15px;
line-height: 18px;
margin: 0 auto;
padding: 0;
}
.s-story.noborder {
border: 0 none;
border-radius: 0 0 0 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 {
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.s-story a {
color: #333333;
text-decoration: none;
}
.s-story a:hover {
text-decoration: underline;
}
.s-story .icon {
background-image: url(“//storify.com/public/img/web.png”);
background-repeat: no-repeat;
float: left;
height: 16px;
margin-right: 3px;
width: 16px;
}
.s-thumbnail {
float: right;
margin: 0 20px;
max-height: 64px;
max-width: 64px;
}
.s-clear {
clear: both;
display: block;
height: 0;
}
.s-header {
border-bottom: 1px dotted #DDDDDD;
padding: 16px 0 0;
}
.s-actions {
height: 30px;
position: absolute;
right: 20px;
top: 20px;
z-index: 101;
}
.s-actions a, .shared-element-actions a {
display: block;
float: left;
}
.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 {
display: block;
float: left;
height: 28px;
min-width: 30px;
}
.s-actions a span i, .shared-element-actions a span i {
background: url(“//storify.com/public/img/icons-hi.png”) repeat scroll 0 0 / 80px 64px transparent;
display: block;
height: 16px;
margin: 6px 7px;
width: 16px;
}
.s-actions a:last-child span, .shared-element-actions a:last-child span, .s-actions a.embed span, .shared-element-actions a.embed span {
border-top-color: #85A8D2;
}
.s-actions a:last-child span i, .shared-element-actions a:last-child span i, .s-actions a.embed span i, .shared-element-actions a.embed span i {
background-position: -64px 0;
}
.s-actions a:last-child:hover span, .shared-element-actions a:last-child:hover span, .s-actions a.embed:hover span, .shared-element-actions a.embed:hover span {
background: none repeat scroll 0 0 #85A8D2;
}
.s-actions a:last-child:hover span i, .shared-element-actions a:last-child:hover span i, .s-actions a.embed:hover span i, .shared-element-actions a.embed:hover span i {
background-position: -64px -16px;
}
.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: none repeat scroll 0 0 #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 i, .shared-element-actions a.like span i {
background-position: -16px 0;
}
.s-actions a.like .count, .shared-element-actions a.like .count {
border: 0 none;
}
.s-actions a.like:hover span, .shared-element-actions a.like:hover span {
background: none repeat scroll 0 0 #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: none repeat scroll 0 0 #C5889C;
color: #FFFFFF;
}
.s-actions a.like.active i, .shared-element-actions a.like.active i {
background-position: -16px -32px;
}
.s-actions a.comment span i, .shared-element-actions a.comment span i {
background-position: -32px 0;
}
.s-actions a.comment .count span, .shared-element-actions a.comment .count span, .s-actions a.comment:hover span, .shared-element-actions a.comment:hover span {
background: none repeat scroll 0 0 #EFBD81;
}
.s-actions a.comment .count span i, .shared-element-actions a.comment .count span i, .s-actions a.comment:hover span i, .shared-element-actions a.comment:hover span i {
background-position: -32px -16px;
}
.s-actions a.comment .count .count, .shared-element-actions a.comment .count .count, .s-actions a.comment:hover .count, .shared-element-actions a.comment:hover .count {
background: none repeat scroll 0 0 #EFBD81;
color: #FFFFFF;
}
.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: none repeat scroll 0 0 #9FC582;
}
.s-actions a.share:hover span i, .shared-element-actions a.share:hover span i {
background-position: -48px -16px;
}
.no-backgroundsize .s-actions a span i, .no-backgroundsize .shared-element-actions a span i {
background: url(“//storify.com/public/img/icons.png”) repeat scroll 0 0 transparent;
}
.no-backgroundsize .s-actions a.like span i, .no-backgroundsize .shared-element-actions a.like span i {
background-position: -16px 0;
}
.no-backgroundsize .s-actions a.comment span i, .no-backgroundsize .shared-element-actions a.comment span i {
background-position: -32px 0;
}
.no-backgroundsize .s-actions a.share span i, .no-backgroundsize .shared-element-actions a.share span i {
background-position: -48px 0;
}
.no-backgroundsize .s-actions a.embed span i, .no-backgroundsize .shared-element-actions a.embed span i {
background-position: -64px 0;
}
.s-element .buttons {
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;
height: 30px;
width: 30px;
}
.s-element .buttons a span {
float: left;
}
.s-element .buttons a i {
background: url(“//storify.com/public/img/icons-story-hi.png”) no-repeat scroll 0 0 / 80px 64px transparent;
display: block;
float: left;
height: 16px;
margin: 6px 7px;
width: 16px;
}
.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 {
line-height: 30px;
width: auto;
}
.s-element .buttons a.share i {
background-position: -48px 0;
margin-right: 3px;
}
.s-element .buttons a.share span {
color: #52748F;
font-weight: 700;
}
.s-element .buttons a.share:hover i {
background-position: -48px -16px;
}
.s-element .buttons a.share:hover span {
color: #ABABAB;
}
.s-element .buttons em {
color: #B4C4D1;
float: left;
font-size: 12px;
font-style: normal;
height: 30px;
line-height: 30px;
margin-right: 5px;
}
.s-element .buttons em.zero {
color: #DDE4EA;
display: none;
}
.no-backgroundsize .s-element .buttons a i {
background: url(“//storify.com/public/img/icons-story.png”) no-repeat scroll 0 0 transparent;
}
.count {
border-top: 0 none;
color: #999999;
float: left;
font-size: 12px;
line-height: 28px;
padding-right: 5px;
}
.s-actions-share {
list-style: none outside none;
margin: 0;
padding: 0;
}
.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 {
background-image: url(“//storify.com/public/img/share-icons.png”);
display: block;
height: 32px;
text-indent: -9999px;
width: 32px;
}
.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 {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #E7E7E7 #E7E7E7 #C0C1C2;
border-image: none;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 #E7E7E7;
display: none;
position: absolute;
right: 20px;
top: 50px;
z-index: 102;
}
#share-footer-dropdown {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #E7E7E7 #E7E7E7 #C0C1C2;
border-image: none;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 #E7E7E7;
display: none;
left: 95px;
padding: 6px 10px;
position: absolute;
top: 36px;
z-index: 102;
}
#comments-footer {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #FFFFFF;
border-color: #E7E7E7 #E7E7E7 #C0C1C2;
border-image: none;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 #E7E7E7;
display: none;
left: 95px;
padding: 6px 10px;
position: absolute;
top: 36px;
z-index: 102;
}
#s-share-dropdown {
padding: 10px;
width: 200px;
}
#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”] {
-moz-box-sizing: border-box;
font-family: “Monaco”,”Courier”,monospace;
width: 100%;
}
#s-embed-dropdown .s-embed-options {
background: url(“//storify.com/public/img/border2px.gif”) repeat-x scroll center top transparent;
padding: 17px 15px 5px;
}
#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: #333333;
font-size: 11px;
text-decoration: none;
}
.s-email-send {
padding-top: 18px;
}
.s-email-send button {
margin-left: 0;
}
.s-elements {
color: #333333;
font-size: 12px;
line-height: 18px;
list-style: none outside none;
margin: 10px 0;
min-height: 200px;
padding: 0;
position: relative;
}
.s-elements a {
color: #333333;
text-decoration: none;
}
.s-elements a:hover {
text-decoration: underline;
}
.s-title, #s-title {
color: #000000;
display: block;
font-family: “Georgia”,serif;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 1.1em;
margin: 0;
padding: 0 20px;
}
.s-section {
margin: 0;
}
.s-section:before, .s-section:after {
content: “”;
display: table;
}
.s-section:after {
clear: both;
}
.s-section a.name, .s-section a.edit {
display: inline-block;
float: left;
}
.s-section a.name {
color: #B30C00;
font-family: “Helvetica”,sans-serif;
font-size: 12px;
font-style: normal;
line-height: 18px;
padding-left: 20px;
text-transform: uppercase;
}
.s-section a.name:hover {
color: #000000;
text-decoration: none;
}
.s-section a.edit {
background: url(“//storify.com/public/img/web.png”) repeat scroll -128px 0 transparent;
height: 16px;
margin-left: 5px;
text-indent: -9999px;
width: 16px;
}
.s-description, #s-description {
color: #666666;
display: block;
font-size: 15px;
line-height: 1.6em;
margin: 0;
padding: 10px 20px 20px;
}
#s-title, #s-description {
border: 1px solid #EEEEEE;
box-shadow: none;
margin: 0 -7px 10px;
padding: 7px;
resize: none;
width: 100%;
}
#s-title:hover:not(:focus), #s-description:hover:not(:focus) {
background: none repeat scroll 0 0 #FFFBE3;
border-color: #CCCCCC;
}
#s-title:focus, #s-description:focus {
border-color: #AAAAAA;
box-shadow: 0 2px 1px rgba(0, 0, 0, 0.07) inset;
}
#s-title::-moz-placeholder, #s-description::-moz-placeholder {
color: #D5DDE5;
font-family: “Museo Sans”,”Helvetica Neue”,sans-serif;
}
.s-load-more {
background: -moz-linear-gradient(center top , #1E8AC7 0px, #0083CB 100%) repeat scroll 0 0 transparent;
border-radius: 0 0 0 0;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
color: #EEEEEE;
cursor: pointer;
display: block;
font-family: “Museo Sans”,”Helvetica Neue”,sans-serif;
font-size: 18px;
height: 50px;
margin: 0;
padding: 10px 0;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
width: 628px;
}
.s-load-more:disabled {
background: url(“//storify.com/public/img/load.gif”) no-repeat scroll center center transparent;
font-size: 0;
}
#embed-footer.s-load-more {
background-color: #0083CB;
border: 1px solid #0083CB;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
display: block;
font-family: ‘Museo Sans’,”Helvetica Neue”,sans-serif;
font-size: 1.4em;
height: 40px;
line-height: 40px;
margin: 0;
padding: 3px 0;
text-align: center;
width: auto;
}
#embed-footer.s-load-more:hover {
background: -moz-linear-gradient(center top , #017CC0 0px, #0068AC 100%) repeat scroll 0 0 transparent;
color: #FFFFFF;
text-decoration: none;
}
#embed-footer.s-load-more:disabled {
background: url(“//storify.com/public/img/load.gif”) no-repeat scroll center center transparent;
font-size: 0;
}
.s-story .s-created-with {
background: url(“//storify.com/public/img/created.with.png”) no-repeat scroll right center transparent;
display: block;
height: 16px;
margin: 3px;
}
.tipsy-inner {
overflow: hidden;
}
.tipsy-inner p {
max-width: 300px;
}
.tipsy-inner img.related {
float: left;
margin: 0 5px 0 0;
}
.s-story .footer {
background: -moz-linear-gradient(center top , #F9F9F9 0px, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0 transparent;
border-top: 1px solid #F7F7F7;
color: #666666;
display: block;
font-family: “Museo Sans”,”Helvetica Neue”,sans-serif;
font-size: 12px;
line-height: 14px;
overflow: hidden;
padding: 15px 15px 5px;
}
.s-story .footer #related-stories {
display: none;
font-size: 10pt;
margin-bottom: 10px;
}
.s-story .footer #related-stories h3 {
color: #888888;
float: left;
font-size: 13px;
margin: 0 0 5px;
}
.s-story .footer #related-stories ul {
clear: left;
margin: 0;
padding: 0;
}
.s-story .footer #related-stories li {
list-style: none outside none;
margin: 5px 0;
overflow: hidden;
}
.s-story .footer #related-stories li a {
float: left;
}
.s-story .footer #related-stories li a.related-story-title {
margin-right: 5px;
}
.s-story .footer #related-stories li a.related-story-author {
color: #888888;
}
.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 {
background: url(“//storify.com/public/img/embed-header-logo-hi.png”) no-repeat scroll 0 -20px / 79px 60px transparent;
display: block;
float: right;
height: 20px;
margin: 0 8px 5px 0;
overflow: hidden;
width: 79px;
}
.s-story .footer a.logo:hover {
background-position: 0 -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;
}
.no-backgroundsize .s-story .footer a.logo {
background: url(“//storify.com/public/img/embed-header-logo.png”) no-repeat scroll 0 -20px transparent;
}
.s-story .engage {
background: none repeat scroll 0 0 #F7F7F7;
border-radius: 0 0 0 0;
border-top: 1px dotted #DDDDDD;
font-size: 12px;
padding: 10px 20px;
position: relative;
}
.s-story .engage a {
font-weight: 700;
}
.s-story .engage .intro {
color: #666666;
margin: 0 0 10px;
}
.s-story .engage .liked {
color: #008000;
display: none;
font-weight: 700;
position: absolute;
right: 20px;
top: 10px;
}
.s-story .engage .action-container {
padding-top: 0;
}
.s-story .engage .recent {
list-style: none outside none;
margin: 10px 0 0;
padding: 0;
}
.s-story .engage .recent li {
border-top: 1px dotted #DDDDDD;
font-size: 11px;
line-height: 16px;
padding: 5px 0;
}
.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 {
border-radius: 3px 3px 3px 3px;
display: block;
float: left;
height: 16px;
width: 16px;
}
.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: #999999;
}
.s-story .engage.embed {
background: none repeat scroll 0 0 transparent;
border: 0 none;
padding: 0;
}
body#embed .s-story {
border-radius: 0 0 0 0;
}
body#embed .s-story .s-info {
margin-left: 0;
}
body#embed .s-story .s-info .s-author {
border-left: 0 none;
}
.left-content {
float: left;
max-width: 630px;
position: relative;
width: 100%;
}
.right-sidebar {
float: right;
width: 300px;
}
.fluid {
width: 100%;
}
.fixed {
margin: 0 auto;
max-width: 960px;
padding: 0 15px;
position: relative;
}
.left {
float: left;
}
.right {
float: right;
}
.inline {
float: left;
margin: 0 3px 0 0;
}
.clear {
clear: both;
float: none !important;
}
input {
margin: 0;
vertical-align: top;
}
input[type=”text”], input[type=”password”], textarea, .input-text {
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
border-radius: 3px 3px 3px 3px;
font-size: 11px;
padding: 6px;
}
input[type=”text”]:hover, input[type=”password”]:hover, textarea:hover, .input-text:hover {
border-color: #CCCCCC;
}
input[type=”text”]:focus, input[type=”password”]:focus, textarea:focus, .input-text:focus, input.focus[type=”text”], input.focus[type=”password”], textarea.focus, .input-text.focus {
border-color: #5695DB;
}
input.search[type=”text”], input.search[type=”password”], textarea.search, .input-text.search {
background: none repeat scroll 0 0 transparent;
border: 0 none;
box-shadow: none;
padding: 8px 6px 8px 0;
}
input.error[type=”text”], input.error[type=”password”], textarea.error, .input-text.error {
border-color: #F07070;
color: #9D3434;
}
body#editor .input-text {
border-radius: 0 0 0 0;
}
.input-text {
padding: 0;
}
.input-prepend {
color: #CCCCCC;
display: inline-block;
font-size: 11px;
font-weight: 700;
margin: 11px 0 0 5px;
}
.form input[type=”text”], .form input[type=”password”], .form .input-text {
display: block;
margin: 3px 0 10px;
padding: 10px;
width: 300px;
}
.form button {
float: right;
margin-right: 0;
}
.form input[type=”checkbox”] {
display: block;
margin: 10px 6px 0 0;
}
.field {
clear: both;
}
label {
color: #888888;
display: block;
font-size: 10px;
}
.placeholder {
color: #AAAAAA;
}
:-moz-placeholder {
color: #AAAAAA;
}
:-moz-placeholder {
color: #CCCCCC;
font-family: “Museo Sans”,”Helvetica Neue”,serif;
font-weight: 400;
}
#storify-auth *:-moz-placeholder, #cust-serv-dash *:-moz-placeholder {
color: #CCCCCC;
font-family: “Museo Sans”,”Helvetica Neue”,serif;
font-weight: 400;
}
button::-moz-focus-inner {
border: 0 none;
padding: 0;
}
.button-group {
list-style: none outside none;
}
button, a.button {
-moz-box-sizing: border-box;
background-color: #CACACA;
border: 0 none;
border-radius: 3px 3px 3px 3px;
display: inline-block;
padding: 1px;
}
button span, a.button span {
-moz-box-sizing: border-box;
background-color: #ECECEC;
border: 0 none;
border-radius: 2px 2px 2px 2px;
color: #6E7780;
cursor: pointer;
display: inline-block;
font-family: “Museo Sans”,”Helvetica Neue”,sans-serif;
font-size: 12px;
font-weight: 700;
height: 24px;
line-height: 1em;
padding: 6px 8px;
position: relative;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 #FFFFFF;
}
button:hover span, a.button:hover span {
background: none repeat scroll 0 0 #D8D8D8;
text-decoration: none;
}
button:active, a.button:active {
background: none repeat scroll 0 center transparent;
}
button:active span, a.button:active span {
background: none repeat scroll 0 0 #ECECEC;
}
button.submit, a.button.submit {
background-color: #257CB7;
}
button.submit span, a.button.submit span {
background-color: #2F87CF;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
}
button.submit:hover span, a.button.submit:hover span {
background: none repeat scroll 0 0 #257CB7;
}
button.submit:active, a.button.submit:active {
background: none repeat scroll 0 center transparent;
}
button.submit:active span, a.button.submit:active span {
background: none repeat scroll 0 0 #2F87CF;
}
button.accept, a.button.accept {
background-color: #59A61D;
}
button.accept span, a.button.accept span {
background-color: #5EA724;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}
button.accept:hover span, a.button.accept:hover span {
background: none repeat scroll 0 0 #519216;
}
button.accept:active, a.button.accept:active {
background: none repeat scroll 0 center transparent;
}
button.accept:active span, a.button.accept:active span {
background: none repeat scroll 0 0 #5EA724;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
}
button.decline, a.button.decline {
background-color: #830A12;
}
button.decline span, a.button.decline span {
background-color: #B71E29;
color: #FFFFFF;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
}
button.decline:hover span, a.button.decline:hover span {
background: none repeat scroll 0 0 #A51627;
}
button.decline:active, a.button.decline:active {
background: none repeat scroll 0 center transparent;
}
button.decline:active span, a.button.decline:active span {
background: none repeat scroll 0 0 #B71E29;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
}
button.load-more span {
font-size: 14px;
height: 37px;
line-height: 37px;
margin: 0;
padding: 0 !important;
width: 100%;
}
button.load-more.loading {
background-color: transparent;
background-image: url(“//storify.com/public/img/load.gif”);
background-position: center center;
background-repeat: no-repeat;
box-shadow: none;
text-indent: -9999px;
}
button.load-more.loading span {
background: none repeat scroll 0 0 transparent;
}
button.twitter span, button.facebook span, a.button.twitter span, a.button.facebook span {
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: #FFFFFF;
font-size: 14px;
height: 38px;
line-height: 38px;
padding: 0;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
width: 220px;
}
button.facebook, a.button.facebook {
background-color: #55719D;
background-image: -moz-linear-gradient(center top , #5E7CAA 0px, #4B668F 100%);
}
button.facebook span, a.button.facebook span {
background-color: #6C8AB9;
background-image: -moz-linear-gradient(center top , #819BC3 0px, #5679AE 100%);
}
button.facebook:hover span, a.button.facebook:hover span {
background: none repeat scroll 0 0 #5679AE;
}
button.facebook:active, a.button.facebook:active {
background: none repeat scroll 0 center transparent;
}
button.facebook:active span, a.button.facebook:active span {
background: none repeat scroll 0 0 #5679AE;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
}
button.twitter, a.button.twitter {
background-color: #1291C1;
background-image: -moz-linear-gradient(center top , #109DD3 0px, #1484AE 100%);
}
button.twitter span, a.button.twitter span {
background-color: #06A1DB;
background-image: -moz-linear-gradient(center top , #00ACED 0px, #0B95C9 100%);
}
button.twitter:hover span, a.button.twitter:hover span {
background: none repeat scroll 0 0 #0B95C9;
}
button.twitter:active, a.button.twitter:active {
background: none repeat scroll 0 center transparent;
}
button.twitter:active span, a.button.twitter:active span {
background: none repeat scroll 0 0 #0B95C9;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5) inset;
}
:focus {
outline: 0 none;
}
.close-x {
color: #AAAAAA;
padding: 0 2px;
position: absolute;
text-shadow: 0 1px 0 #FFFFFF;
}
.close-x:before {
content: “✖”;
}
.close-x:hover {
color: #555555;
cursor: pointer;
}
.close-x:active {
color: #333333;
}
.error-messages {
color: #9D3434;
list-style-type: none;
margin: 0;
padding: 5px 0;
}
a.disable_feature {
color: red !important;
font-size: 11px;
font-weight: 400 !important;
margin-left: 5px;
padding-top: 1px;
}
.tipsy {
font-size: 12px;
padding: 5px;
position: absolute;
z-index: 100005;
}
.tipsy-inner {
background-color: #333333;
color: #FFFFFF;
max-width: 400px;
padding: 6px 8px;
}
.tipsy-inner h1 {
font-size: 20px;
margin: 3px 0 10px;
}
.tipsy-inner small {
color: #AAAAAA;
}
.tooltip-actions {
color: #DDDDDD;
font-size: 10px;
text-align: right;
}
.tooltip-actions a {
color: #EEEEEE;
margin-left: 10px;
}
.tooltip-next {
font-weight: 700;
}
.tooltip-next:after {
content: ” ▸”;
}
.tipsy-arrow {
border: 5px dashed #333333;
height: 0;
line-height: 0;
position: absolute;
width: 0;
}
.tipsy-n .tipsy-arrow {
border-bottom-style: solid;
border-left-color: transparent;
border-right-color: transparent;
border-top: 0 none;
left: 50%;
margin-left: -5px;
top: 0;
}
.tipsy-nw .tipsy-arrow {
border-bottom-style: solid;
border-left-color: transparent;
border-right-color: transparent;
border-top: 0 none;
left: 10px;
top: 0;
}
.tipsy-ne .tipsy-arrow {
border-bottom-style: solid;
border-left-color: transparent;
border-right-color: transparent;
border-top: 0 none;
right: 10px;
top: 0;
}
.tipsy-s .tipsy-arrow {
border-bottom: 0 none;
border-left-color: transparent;
border-right-color: transparent;
border-top-style: solid;
bottom: 0;
left: 50%;
margin-left: -5px;
}
.tipsy-sw .tipsy-arrow {
border-bottom: 0 none;
border-left-color: transparent;
border-right-color: transparent;
border-top-style: solid;
bottom: 0;
left: 10px;
}
.tipsy-se .tipsy-arrow {
border-bottom: 0 none;
border-left-color: transparent;
border-right-color: transparent;
border-top-style: solid;
bottom: 0;
right: 10px;
}
.tipsy-e .tipsy-arrow {
border-bottom-color: transparent;
border-left-style: solid;
border-right: 0 none;
border-top-color: transparent;
margin-top: -5px;
right: 0;
top: 50%;
}
.tipsy-w .tipsy-arrow {
border-bottom-color: transparent;
border-left: 0 none;
border-right-style: solid;
border-top-color: transparent;
left: 0;
margin-top: -5px;
top: 50%;
}
@font-face {
font-family: “Museo Sans”;
font-style: normal;
font-weight: 400;
src: url(“//storify.com/public/fonts/MuseoSans_500-webfont.eot?#iefix”) format(“embedded-opentype”), url(“//storify.com/public/fonts/MuseoSans_500-webfont.woff”) format(“woff”), url(“//storify.com/public/fonts/MuseoSans_500-webfont.ttf”) format(“truetype”), url(“//storify.com/public/fonts/MuseoSans_500-webfont.svg#museosans”) format(“svg”);
}
@font-face {
font-family: “Museo Sans”;
font-style: normal;
font-weight: 700;
src: url(“//storify.com/public/fonts/MuseoSans_700-webfont.eot?#iefix”) format(“embedded-opentype”), url(“//storify.com/public/fonts/MuseoSans_700-webfont.woff”) format(“woff”), url(“//storify.com/public/fonts/MuseoSans_700-webfont.ttf”) format(“truetype”), url(“//storify.com/public/fonts/MuseoSans_700-webfont.svg#museosans”) format(“svg”);
}
@font-face {
font-family: “Museo Sans”;
font-style: italic;
font-weight: 400;
src: url(“//storify.com/public/fonts/MuseoSans_500_Italic-webfont.eot?#iefix”) format(“embedded-opentype”), url(“//storify.com/public/fonts/MuseoSans_500_Italic-webfont.woff”) format(“woff”), url(“//storify.com/public/fonts/MuseoSans_500_Italic-webfont.ttf”) format(“truetype”), url(“//storify.com/public/fonts/MuseoSans_500_Italic-webfont.svg#museosans”) format(“svg”);
}
@font-face {
font-family: “Museo Sans Light”;
font-style: normal;
font-weight: 400;
src: url(“//storify.com/public/fonts/MuseoSans_300-webfont.eot?#iefix”) format(“embedded-opentype”), url(“//storify.com/public/fonts/MuseoSans_100-webfont.woff”) format(“woff”), url(“//storify.com/public/fonts/MuseoSans_100-webfont.ttf”) format(“truetype”), url(“//storify.com/public/fonts/MuseoSans_100-webfont.svg#museosans”) format(“svg”);
}
html, body {
background: none repeat scroll 0 0 transparent;
font-family: “Museo Sans”,”Helvetica Neue”,sans-serif;
margin: 0;
padding: 0;
}
a img {
border: 0 none;
}
.s-story {
min-width: 260px;
}
.s-share {
float: left;
}
#email {
background: none repeat scroll 0 0 #F9F9F9;
padding: 10px;
}
#email .s-story {
margin: 0 auto;
max-width: 700px;
}
.s-embed-seo {
display: none;
}
.hidden {
display: none !important;
}
.capitalize {
text-transform: capitalize;
}
.s-minimal {
background: -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0px, #F9F9F9 100%) repeat scroll 0 0 transparent;
border-bottom: 1px solid #F7F7F7;
display: block;
height: 2.5em;
position: relative;
width: 100%;
}
.s-minimal .embed-header-date {
color: #C6C6C6;
display: inline-block;
font-family: ‘Museo Sans’,”Helvetica Neue”,sans-serif;
font-size: 0.88em;
padding: 10px 12px;
width: 170px;
}
.s-minimal .embed-header-logo {
background: url(“//storify.com/public/img/embed-header-logo-hi.png”) no-repeat scroll 0 0 / 79px 60px transparent;
display: inline-block;
height: 20px;
position: absolute;
right: 12px;
top: 10px;
width: 79px;
}
.s-minimal.border {
border-top: 2px solid #F7F7F7;
height: 2.6em;
}
.no-backgroundsize .s-minimal .embed-header-logo {
background: url(“//storify.com/public/img/embed-header-logo.png”) no-repeat scroll 0 0 transparent;
}
#story:hover .s-minimal .embed-header-logo {
background-position: 0 -20px;
}
#embed #story .footer {
min-height: 25px;
position: relative;
}
#embed #story .engage.embed {
margin-bottom: 5px;
min-height: 40px;
}
#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;
font-size: 1.2em;
line-height: 1em;
}
#embed #story .engage.embed .f-actions .like, #embed #story .engage.embed .f-actions .like span, #embed #story .engage.embed .f-actions .like .count {
border: 0 none;
}
#embed #story .engage.embed .f-actions .like {
display: inline-block;
padding: 12px;
}
#embed #story .engage.embed .f-actions .like span {
background: url(“//storify.com/public/img/icons-story-hi.png”) no-repeat scroll -16px 0 / 80px 64px transparent;
display: inline-block;
height: 16px;
vertical-align: middle;
width: 16px;
}
#embed #story .engage.embed .f-actions .like .count.like-count {
border: 0 none;
color: #B4C4D1;
display: inline-block;
float: none;
font-size: 1em;
font-weight: 400;
height: 16px;
line-height: 1.1em;
padding: 0 10px;
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: 0 none;
}
#embed #story .engage.embed .f-actions .comment {
display: inline-block;
padding: 12px 0;
}
#embed #story .engage.embed .f-actions .comment span {
background: url(“//storify.com/public/img/icons-story-hi.png”) no-repeat scroll -32px 0 / 80px 64px transparent;
display: inline-block;
height: 16px;
vertical-align: middle;
width: 16px;
}
#embed #story .engage.embed .f-actions .comment .count.comment-count {
border: 0 none;
color: #B4C4D1;
display: inline-block;
float: none;
font-size: 1em;
font-weight: 400;
height: 16px;
line-height: 1.1em;
padding: 0 10px;
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: 0 none;
}
#embed #story .engage.embed .f-actions .share {
display: inline-block;
padding: 12px;
}
#embed #story .engage.embed .f-actions .share span {
background: url(“//storify.com/public/img/icons-story-hi.png”) no-repeat scroll -48px 0 / 80px 64px transparent;
display: inline-block;
height: 16px;
vertical-align: middle;
width: 16px;
}
#embed #story .engage.embed .f-actions .share .share-label {
color: #52748F;
display: inline-block;
float: none;
font-weight: 700;
height: 16px;
line-height: 1.1em;
padding: 0 5px;
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: #EEEEEE;
}
.no-backgroundsize #embed #story .engage.embed .f-actions .comment {
background: url(“//storify.com/public/img/icons-story.png”) no-repeat scroll -32px 0 transparent;
}
.no-backgroundsize #embed #story .engage.embed .f-actions .share {
background: url(“//storify.com/public/img/icons-story.png”) no-repeat scroll -48px 0 transparent;
}
.s-video .s-video-shim-vine {
height: 490px;
}
.s-video .s-video-shim-vine .s-video-content-vine {
height: 490px;
width: 490px;
}
.s-video .s-video-shim-vine {
height: 270px;
}
.s-video .s-video-shim-vine .s-video-content-vine {
height: 270px;
width: 270px;
}
.s-element-content iframe {
width: 255px !important;
}
.s-video .s-video-shim-vine .s-video-content-vine {
}
EditGW Commencement 2013
Tracking Commencement 2013, from start to finish, through photos and tweets.
Congrats #2013GWGRADs #GWCommencement #GWU
Read next page
Did you find this story interesting? Be the first to
like or comment.
(turn this feature off)