Skip to content
March 25, 2014 / Kirsty Pitkin

AHRC Chat: Science In Culture Innovation Awards

@font-face {
font-family: ‘Museo Sans’;
src: url(‘//storify.com/public/fonts/MuseoSans_500-webfont.eot’);
src: local(‘Museo Sans 500’), 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-weight: normal;
font-style: normal;
}
@font-face {
font-family: ‘Museo Sans’;
src: url(‘//storify.com/public/fonts/MuseoSans_500_Italic-webfont.eot’);
src: local(‘Museo Sans 500’), 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-weight: normal;
font-style: italic;
}
@font-face {
font-family: ‘Museo Sans’;
src: url(‘//storify.com/public/fonts/MuseoSans_700-webfont.eot’);
src: local(‘Museo Sans 700’), 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-weight: bold;
font-style: normal;
}
@font-face {
font-family: ‘Museo Sans’;
src: url(‘//storify.com/public/fonts/MuseoSans_700_Italic-webfont.eot’);
src: local(‘Museo Sans 700’), url(‘//storify.com/public/fonts/MuseoSans_700_Italic-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘//storify.com/public/fonts/MuseoSans_700_Italic-webfont.woff’) format(‘woff’), url(‘//storify.com/public/fonts/MuseoSans_700_Italic-webfont.ttf’) format(‘truetype’), url(‘//storify.com/public/fonts/MuseoSans_700_Italic-webfont.svg#museosans’) format(‘svg’);
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: ‘Museo Sans Light’;
src: url(‘//storify.com/public/fonts/MuseoSans_300-webfont.eot’);
src: local(‘Museo Sans 300’), 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’);
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: ‘Museo Sans Black’;
src: url(‘//storify.com/public/fonts/MuseoSans_900-webfont.eot’);
src: url(‘//storify.com/public/fonts/MuseoSans_900-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘//storify.com/public/fonts/MuseoSans_900-webfont.woff’) format(‘woff’), url(‘//storify.com/public/fonts/MuseoSans_900-webfont.ttf’) format(‘truetype’), url(‘//storify.com/public/fonts/MuseoSans_900-webfont.svg#museosans’) format(‘svg’);
font-weight: normal;
font-style: normal;
}
.s-element-share-label {
overflow: hidden;
float: left;
}
.s-element {
position: relative;
padding: 15px 10px;
overflow: hidden;
text-align: center;
}
.s-element .fb_edge_comment_widget {
display: none !important;
}
.s-element:hover .s-element-content {
border-color: #ccc;
}
.s-element:hover .s-element-actions {
visibility: visible;
}
.s-element a {
color: #0074b7;
}
.s-element .s-element-via {
float: left;
margin-right: 3px;
}
.s-element .s-element-share {
width: 315px;
right: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
right: -255px;
z-index: 10;
position: absolute;
top: 50%;
margin-top: -16px;
background: #fff;
border: 1px solid #ddd;
border-right: 0;
-webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
padding: 5px;
-webkit-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
-moz-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
-o-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
-ms-transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
transition: 0.1s opacity, 0.3s right, 0.3s box-shadow, 0.3s border;
}
.s-element .s-element-share:hover {
right: 0px;
border-color: #ccc;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.s-element .s-element-share:hover i {
opacity: 1;
-ms-filter: none;
filter: none;
}
.s-element .s-element-share:hover span.label {
color: #666;
}
.s-element .s-element-share .s-actions-share {
padding: 0;
height: 20px;
}
.s-element .s-element-share i {
display: block;
float: left;
margin: 2px 5px 0 0;
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50);
width: 16px;
height: 16px;
background: url(‘//storify.com/public/img/web.png’) no-repeat;
background-position: -112px -16px;
}
.s-element .s-element-share span.label {
display: block;
float: left;
color: #d7d7d7;
width: 35px;
height: 20px;
line-height: 20px;
padding-right: 10px;
}
.s-element .repost {
display: block;
width: 50px;
height: 50px;
background: url(‘//storify.com/public/img/add.png’);
text-indent: -9999px;
position: absolute;
right: 0;
bottom: 0;
z-index: 50;
}
.s-element-actions {
visibility: hidden;
float: left;
margin: -2px 0px 0px 5px;
-webkit-transition: 0.1s opacity;
-moz-transition: 0.1s opacity;
-o-transition: 0.1s opacity;
-ms-transition: 0.1s opacity;
transition: 0.1s opacity;
height: 16px;
line-height: 16px;
}
.s-element-actions a {
display: block;
float: left;
line-height: 16px;
color: #666;
padding: 0px 0px 0px 18px;
background: url(‘//storify.com/public/img/twitter-actions.png’) no-repeat;
margin: 2px 8px 2px 0px;
}
.s-element-actions a:hover {
color: #333;
text-decoration: none;
}
.s-element-actions a.twitter-retweet {
background-position: 0px -82px;
}
.s-element-actions a.twitter-retweet:hover {
background-position: 0px -98px;
}
.s-element-actions a.twitter-favorite {
background-position: 0px -33px;
}
.s-element-actions a.twitter-favorite:hover {
background-position: 0px -66px;
}
.s-element-actions a.twitter-reply {
background-position: 0px -1px;
}
.s-element-actions a.twitter-reply:hover {
background-position: 0px -17px;
}
.stats-actions-meta .meta {
display: block;
width: 260px;
padding: 6px 10px;
clear: both;
}
.s-element-container {
position: relative;
}
.s-element-container,
body#editor .s-element-content {
max-width: 500px;
margin: 0 auto;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #e7e7e7;
-webkit-box-shadow: 0 0px 2px #e7e7e7;
box-shadow: 0 0px 2px #e7e7e7;
background: #fff;
}
body#editor .s-story .s-text {
max-width: none;
margin: 0;
}
.s-element-content {
overflow: hidden;
font-size: 14px;
color: #333;
position: relative;
padding: 10px 10px 8px 10px;
background: #fff;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.s-element-content a {
text-decoration: none;
color: #333;
}
.s-element-content a:hover {
text-decoration: underline;
}
.s-element-content,
.c-element-content {
text-align: left;
}
.s-element.s-element-text {
padding-top: 0px;
padding-bottom: 0px;
}
.s-element.s-element-text .s-element-container {
max-width: none;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.s-elements .s-text {
border: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
padding: 10px;
font-size: 15px;
line-height: 1.6em;
color: #333;
background: #fff;
border-color: transparent;
max-width: none;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
}
.s-elements .s-text a {
color: #3876b2;
text-decoration: underline;
}
.s-elements .s-text a .tco-ellipsis:last-child {
font-size: 0;
visibility: hidden;
}
.s-elements .s-text a .tco-ellipsis:last-child:after {
content: ‘…’;
font-size: 15px;
visibility: visible;
}
.s-elements .s-text hr {
height: 1px;
background: #bbb;
-webkit-box-shadow: 0px -1px 0px #fff, 0px 0px 4px #ccc;
box-shadow: 0px -1px 0px #fff, 0px 0px 4px #ccc;
border: none;
}
.s-elements .s-text h1 {
display: block;
font-size: 20px;
color: #000;
margin: 10px 0px;
padding: 0px;
font-weight: normal;
}
.s-elements .s-text h2 {
display: block;
font-size: 20px;
color: #000;
margin: 10px 0px;
padding: 0px;
font-weight: normal;
font-style: normal;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
}
.s-elements .s-text p {
margin: 0px;
padding: 0px;
}
.s-elements .s-text .link-button {
display: block;
width: 100px;
text-decoration: none !important;
text-align: center;
font-weight: bold;
color: #fff !important;
padding: 6px 8px;
margin: 0 auto;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.s-elements .s-text .link-button.red {
background: #bf0000;
}
.s-elements .s-text .link-button.blue {
background: #008fc5;
}
.s-elements .s-text .link-button:hover {
text-decoration: none !important;
}
.s-elements .s-text .link-button:hover.red {
background: #a20000;
}
.s-elements .s-text .link-button:hover.blue {
background: #007aa7;
}
.s-quote-avatar-author {
zoom: 1;
margin: 0 10px 10px 0;
}
.s-quote-avatar-author:before,
.s-quote-avatar-author:after {
content: ”;
display: table;
}
.s-quote-avatar-author:after {
clear: both;
}
.s-quote-avatar-author a {
display: block;
}
.s-quote-avatar-author .s-quote-avatar {
float: left;
width: 32px;
height: 32px;
margin-right: 10px;
}
.s-quote-avatar-author .s-quote-avatar img {
display: inline-block;
width: 32px;
height: 32px;
}
.s-quote-avatar-author .s-quote-author {
float: left;
}
.s-quote-avatar-author .s-quote-author .s-quote-author-name {
font-size: 14px;
line-height: 32px;
color: #256bbe;
}
.s-quote-avatar-author .s-quote-author .s-quote-author-username {
font-size: 12px;
line-height: 14px;
color: #999;
}
.s-quote-avatar-author .twitter-follow-button {
position: absolute;
top: 10px;
right: 10px;
}
.s-element-content:not(.s-result) .s-quote-text {
line-height: 1.5em;
font-family: ‘Georgia’, serif;
font-size: 16px;
}
.s-element-content:not(.s-result) .s-quote-text a {
color: #256bbe;
}
.s-element-content:not(.s-result) .s-quote-text-no-avatar {
padding-left: 0;
margin-left: 0;
background: none;
}
.s-quote-avatar-twitter .s-quote-author .s-quote-author-name {
line-height: 18px;
}
.s-image {
padding: 5px;
}
.s-image .s-image-content {
display: block;
position: relative;
text-align: center;
max-width: 100%;
background: #000;
text-decoration: none;
}
.s-image .s-image-content:hover {
text-decoration: none;
}
.s-image .s-image-content img {
display: block;
max-height: 500px;
max-width: 100%;
margin: 0 auto;
}
.s-image .s-image-info {
padding: 5px;
}
.s-image .s-quote-content {
padding-top: 5px;
margin-right: 30px;
}
.s-image .s-image-caption {
font-size: 13px;
color: #666;
padding: 10px 0 0;
}
.s-image .s-image-caption a {
color: #256bbe;
}
.s-video {
padding: 5px;
}
.s-video .s-video-shim {
position: relative;
padding-bottom: 56.25%;
}
.s-video .s-video-shim .s-video-content {
position: absolute;
top: 0;
left: 0;
min-height: 0;
height: 100%;
width: 100%;
border: none;
}
.s-video .s-video-shim-vine {
position: relative;
}
.s-video .s-video-shim-vine .s-video-content-vine {
position: absolute;
height: 100%;
width: 100%;
border: none;
top: 0;
left: 0;
}
@media screen {
.s-video .s-video-shim,
.s-video .s-video-shim-vine {
background: none !important;
}
}
.s-video .s-video-info {
padding: 5px;
}
.s-video .s-video-title {
font-size: 13px;
color: #666;
padding-top: 5px;
}
.s-video .s-video-img {
display: block;
width: 100%;
position: relative;
}
.s-video.s-video-html {
display: inline-block;
}
.dragging .s-video-img {
z-index: 2;
}
.s-video .s-video-shim-vine,
.s-element-video[data-source=’instagram’] .s-video-shim {
padding-bottom: 100%;
overflow: hidden;
}
.s-link .s-link-a {
display: block;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
font-weight: bold;
color: #0074b7;
font-size: 14px;
line-height: 1.4em;
margin-bottom: 5px;
}
.s-link .s-link-desc {
font-size: 12px;
}
.s-link .s-link-thumbnail {
display: block;
float: left;
max-width: 96px;
max-height: 96px;
margin: 0 10px 5px 0;
padding: 1px;
border: 1px solid #ddd;
}
.s-oembed {
display: inline-block;
background: #fff;
border: 1px solid #ddd;
width: 100%;
}
.s-oembed .s-oembed-content {
max-width: 100%;
overflow-x: auto;
}
.s-oembed .s-oembed-title {
font-weight: bold;
}
.story-tile {
width: 300px;
margin: 10px 15px;
float: left;
cursor: pointer;
}
.story-tile .icon {
width: 16px;
height: 16px;
background: url(‘//storify.com/public/img/web.png’) no-repeat;
}
.story-tile .story-toolbar {
padding: 0 2px 8px;
background: none;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.story-tile-editable .story-toolbar {
display: block;
}
.story-tile-body {
display: block;
position: relative;
background-color: #fff;
border: 0px;
min-height: 300px;
}
.story-tile-body .story-tile-avatar {
display: block;
float: left;
padding: 15px;
}
.story-tile-body .story-tile-avatar img {
width: 32px;
height: 32px;
}
.story-tile-body .story-tile-username-name {
padding-top: 15px;
float: left;
width: 140px;
}
.story-tile-body .story-tile-username-name a {
display: block;
}
.story-tile-body .story-tile-username-name .story-tile-username {
font-size: 1.1em;
color: #0092e5;
margin-bottom: 3px;
}
.story-tile-body .story-tile-username-name .story-tile-name {
color: #b4c4d1;
}
.story-tile-body .story-view-count {
position: absolute;
right: 12px;
top: 12px;
width: 90px;
text-align: right;
color: #b4c4d1;
}
.story-tile-body .story-date {
position: absolute;
right: 12px;
bottom: 6px;
width: 90px;
text-align: right;
color: #b4c4d1;
}
.story-tile-body .actions {
position: relative;
margin: 0px 0px 0px 10px;
height: 27px;
}
.story-tile-body .actions .comment,
.story-tile-body .actions .like {
display: inline-block;
vertical-align: middle;
}
.story-tile-body .actions .comment span,
.story-tile-body .actions .like span {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 8px;
vertical-align: middle;
}
.story-tile-body .actions .like span {
background-image: url(‘//storify.com/public/img/icons-story.png’);
background-repeat: no-repeat;
background-position: -16px 0px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.story-tile-body .actions .like span {
background-image: url(‘//storify.com/public/img/icons-story@2x.png’);
-webkit-background-size: 80px 64px;
-moz-background-size: 80px 64px;
background-size: 80px 64px;
}
}
.story-tile-body .actions .like:hover span {
background-position: -16px -16px;
}
.story-tile-body .actions .like.active span {
background-position: -16px -32px;
}
.story-tile-body .actions .comment {
vertical-align: middle;
margin-left: 10px;
}
.story-tile-body .actions .comment span {
background-image: url(‘//storify.com/public/img/icons-story.png’);
background-repeat: no-repeat;
background-position: -32px 0px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.story-tile-body .actions .comment span {
background-image: url(‘//storify.com/public/img/icons-story@2x.png’);
-webkit-background-size: 80px 64px;
-moz-background-size: 80px 64px;
background-size: 80px 64px;
}
}
.story-tile-body .actions .comment:hover span {
background-position: -32px -16px;
}
.story-tile-body .actions .share {
display: inline-block;
vertical-align: middle;
text-decoration: none;
padding: 6px 0px 6px 10px;
margin-right: 6px;
}
.story-tile-body .actions .share.active {
background-color: #eee;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.story-tile-body .actions .share i {
display: inline-block;
line-height: 1em;
width: 16px;
height: 16px;
margin-bottom: -4px;
background-image: url(‘//storify.com/public/img/icons-story.png’);
background-repeat: no-repeat;
background-position: -48px 0px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.story-tile-body .actions .share i {
background-image: url(‘//storify.com/public/img/icons-story@2x.png’);
-webkit-background-size: 80px 64px;
-moz-background-size: 80px 64px;
background-size: 80px 64px;
}
}
.story-tile-body .actions .share span {
padding: 0px 15px 0px 6px;
color: #6488a0;
font-weight: bold;
}
.story-tile-body .actions .share span:hover {
text-decoration: none;
}
.story-tile-body .actions em {
font-style: normal;
display: inline-block;
height: 16px;
line-height: 16px;
color: #b4c4d1;
}
.story-tile-body .actions em.zero {
display: none;
}
.story-tile-thumbnail {
position: absolute;
bottom: 0px;
overflow: hidden;
height: 146px;
width: 100%;
}
.story-tile-thumbnail img {
display: block;
width: 300px;
}
.story-tile-thumbnail-info {
position: relative;
height: 128px;
overflow: hidden;
border: 1px solid #e7e7e7;
border-top: 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
overflow: hidden;
}
.story-tile-thumbnail-info .story-tile-thumbnail,
.story-tile-thumbnail-info .story-tile-info {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 128px;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-avatar {
position: absolute;
top: 16px;
left: 16px;
display: block;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-avatar img {
display: block;
width: 28px;
height: 28px;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-meta-stats {
position: absolute;
bottom: 10px;
left: 48px;
color: #fff;
text-shadow: 0 1px 0 #333;
font-size: 11px;
line-height: 1.5em;
}
.story-tile-thumbnail-info .story-tile-info .story-tile-meta-stats .story-tile-meta a {
color: #fff;
font-weight: bold;
}
.story-tile-title {
clear: both;
display: block;
height: 35px;
line-height: 35px;
background: #fff;
padding: 0px 14px 0px 14px;
text-align: center;
color: #666;
border-top: 0;
border-bottom: 1px solid #c0c1c2;
white-space: nowrap;
overflow: hidden;
position: relative;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
font-size: 20px;
height: 50px;
text-align: left;
border: none;
font-weight: normal;
white-space: normal;
line-height: 1.2em;
margin-bottom: 6px;
}
.story-tile-title:hover {
color: #0092e5;
text-decoration: none;
}
.story-tile-title i {
width: 50px;
height: 35px;
position: absolute;
right: 0;
}
.story-tile-simple {
zoom: 1;
margin: 10px 0;
padding: 10px;
border: 1px solid #ddd;
-webkit-border-radius: 5px;
border-radius: 5px;
background: #f7f7f7;
-webkit-box-shadow: 0 1px 0 #ddd;
box-shadow: 0 1px 0 #ddd;
}
.story-tile-simple:before,
.story-tile-simple:after {
content: ”;
display: table;
}
.story-tile-simple:after {
clear: both;
}
.story-tile-simple:hover {
border-color: #bbb;
background: #fff;
}
.story-tile-simple .story-tile-simple-thumbnail {
padding: 1px;
background: #fff;
border: 1px solid #ddd;
float: left;
}
.story-tile-simple .story-tile-simple-thumbnail .story-tile-simple-thumbnail-image {
display: block;
width: 48px;
height: 48px;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.story-tile-simple .story-tile-simple-info {
padding-left: 62px;
}
.story-tile-simple .story-tile-simple-info .story-tile-simple-title {
display: block;
font-family: ‘Georgia’, serif;
font-size: 14px;
padding: 0 0 3px;
}
.story-tile-simple .story-tile-simple-info .story-tile-simple-author {
color: #256bbe;
font-size: 11px;
}
.story-tile-simple .story-tile-simple-info .story-tile-simple-date {
color: #999;
text-decoration: none;
}
.filter {
height: 30px;
width: 960px;
margin: 0 auto;
}
.filter .back {
float: left;
margin-right: 10px;
padding: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.filter .back a {
display: inline-block;
background: #c4c4c4;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #aaa));
background: -webkit-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -moz-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -o-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -ms-linear-gradient(top, #ddd 0%, #aaa 100%);
background: linear-gradient(top, #ddd 0%, #aaa 100%);
height: 20px;
padding: 1px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.filter .back a span {
display: inline-block;
height: 20px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
background: -o-linear-gradient(top, #fff 0%, #ddd 100%);
background: -ms-linear-gradient(top, #fff 0%, #ddd 100%);
background: linear-gradient(top, #fff 0%, #ddd 100%);
padding: 0 10px;
line-height: 20px;
color: #666;
font-size: 10px;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.filter .back a span i {
background: url(‘//storify.com/public/img/back.png’) left no-repeat;
font-style: normal;
padding-left: 9px;
}
.filter .back a:hover span {
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #fff));
background: -webkit-linear-gradient(top, #ddd 0%, #fff 100%);
background: -moz-linear-gradient(top, #ddd 0%, #fff 100%);
background: -o-linear-gradient(top, #ddd 0%, #fff 100%);
background: -ms-linear-gradient(top, #ddd 0%, #fff 100%);
background: linear-gradient(top, #ddd 0%, #fff 100%);
}
.filter .inner {
zoom: 1;
display: inline-block;
background: transparent;
}
.filter .inner:before,
.filter .inner:after {
content: ”;
display: table;
}
.filter .inner:after {
clear: both;
}
.filter .inner .tabs {
float: left;
padding: 3px;
}
.filter .inner .tabs a {
display: inline-block;
background: #c4c4c4;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #aaa));
background: -webkit-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -moz-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -o-linear-gradient(top, #ddd 0%, #aaa 100%);
background: -ms-linear-gradient(top, #ddd 0%, #aaa 100%);
background: linear-gradient(top, #ddd 0%, #aaa 100%);
padding: 1px;
height: 20px;
}
.filter .inner .tabs a span {
display: inline-block;
height: 20px;
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
background: -o-linear-gradient(top, #fff 0%, #ddd 100%);
background: -ms-linear-gradient(top, #fff 0%, #ddd 100%);
background: linear-gradient(top, #fff 0%, #ddd 100%);
padding: 0 10px;
line-height: 20px;
color: #666;
font-size: 10px;
text-transform: uppercase;
text-shadow: 0 1px 0 #fff;
}
.filter .inner .tabs a:hover span {
background: #eee;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ddd), color-stop(1, #fff));
background: -webkit-linear-gradient(top, #ddd 0%, #fff 100%);
background: -moz-linear-gradient(top, #ddd 0%, #fff 100%);
background: -o-linear-gradient(top, #ddd 0%, #fff 100%);
background: -ms-linear-gradient(top, #ddd 0%, #fff 100%);
background: linear-gradient(top, #ddd 0%, #fff 100%);
}
.filter .inner .tabs a.active span {
color: #333;
background: #fff;
-webkit-box-shadow: inset 0 0 5px #ddd;
box-shadow: inset 0 0 5px #ddd;
}
.filter .inner .tabs a.stories {
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.filter .inner .tabs a.stories span {
-webkit-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.filter .inner .tabs a.elements {
padding-left: 0;
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.filter .inner .tabs a.elements span {
-webkit-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.filter .inner .types {
display: none;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
float: left;
height: 28px;
-webkit-transition: 0.2s opacity ease-out;
-moz-transition: 0.2s opacity ease-out;
-o-transition: 0.2s opacity ease-out;
-ms-transition: 0.2s opacity ease-out;
transition: 0.2s opacity ease-out;
}
.filter .inner .types.visible {
display: block;
opacity: 1;
-ms-filter: none;
filter: none;
}
.filter .inner .types label {
display: block;
float: left;
padding-right: 10px;
}
.filter .inner .types label input {
display: inline-block;
vertical-align: middle;
width: 12px;
height: 12px;
}
.filter .inner .types label span {
display: inline-block;
padding-left: 5px;
line-height: 28px;
font-size: 11px;
color: #666;
text-shadow: 0 1px 0 #fff;
}
.filter .inner .types label:first-child {
padding-left: 7px;
}
.story-image {
position: relative;
overflow: hidden;
height: 100%;
}
.story-image .story-image-bg {
height: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}
.story-image img {
display: block;
width: 100%;
}
.story-image .pattern {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(‘//storify.com/public/img/pattern.png’);
}
.list-empty {
display: none;
padding: 100px 15px;
text-align: center;
}
.list-empty.element-list-empty {
padding-top: 90px;
}
#user .filter .back {
display: none;
}
.story-toolbar {
display: none;
}
.story-toolbar .icon {
width: 16px;
height: 16px;
float: left;
margin-right: 3px;
background: url(‘//storify.com/public/img/web.png’) no-repeat;
}
.story-toolbar-status {
font-size: 0px;
}
.story-toolbar-status .hide {
display: none;
}
.story-toolbar-status.published {
color: #80c24c;
}
.story-toolbar-status.published .icon {
background-position: 0px -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: #bbb;
text-shadow: none;
}
.story-toolbar-actions {
list-style: none;
padding: 0px;
margin: 0px;
}
.story-toolbar-actions a {
color: #979797;
line-height: 16px;
}
.story-toolbar-actions a:hover {
color: #888;
}
.story-toolbar-actions a.disabled,
.story-toolbar-actions a.disabled .icon {
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
cursor: text;
}
.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,
.story-toolbar-unflag .icon {
background-position: -208px 0px;
}
.story-toolbar-delete .icon {
background-position: -144px 0px;
}
.story-toolbar-edit .icon {
background-position: -126px 0px;
}
.story-toolbar-post .icon {
background-position: -48px -16px;
}
.story-toolbar-feature .icon {
background-position: -64px -16px;
}
.story-toolbar-unfeature {
color: #be5932 !important;
}
.story-toolbar-unfeature .icon {
background-position: -80px -16px;
}
.story-toolbar-notify {
font-weight: bold;
}
.story-toolbar-notify .icon {
background-position: -160px 0px;
}
.category-menu {
position: absolute;
background: #fff;
width: 110px;
z-index: 1000000;
padding: 0;
-webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.5);
box-shadow: 0 2px 15px rgba(0,0,0,0.5);
-webkit-border-radius: 5px;
border-radius: 5px;
margin-top: 5px;
display: none;
}
.category-menu.visible {
display: block;
}
.category-menu li {
width: 100px;
padding: 5px;
list-style: none;
display: inline-block;
}
.category-menu li:hover {
background: #80c24c;
color: #fff;
cursor: pointer;
}
.category-menu li:first-child {
-webkit-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0;
}
.category-menu li:last-child {
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}
.story-toolbar-full .admin-bar {
background: transparent;
padding: 0px 0px;
margin: 0px 0px 5px 0px;
}
.story-toolbar-full .admin-bar > li {
list-style: none;
display: inline-block;
padding-right: 12px;
}
.story-toolbar-full .admin-bar > li .icon {
width: 16px;
height: 16px;
float: left;
margin-right: 3px;
background: url(‘//storify.com/public/img/web.png’) no-repeat;
}
.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,
.story-toolbar-full .admin-bar .story-toolbar-unflag .icon {
background-position: -208px 0px;
}
.story-toolbar-full .user-bar {
padding: 0px;
-webkit-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
border: 1px solid #e7e7e7;
border-bottom: 0;
background-color: #666;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6f6f6f), color-stop(0.45, #666), color-stop(0.95, #444));
background-image: -webkit-linear-gradient(top, #6f6f6f 0%, #666 45%, #444 95%);
background-image: -moz-linear-gradient(top, #6f6f6f 0%, #666 45%, #444 95%);
background-image: -o-linear-gradient(top, #6f6f6f 0%, #666 45%, #444 95%);
background-image: -ms-linear-gradient(top, #6f6f6f 0%, #666 45%, #444 95%);
background-image: linear-gradient(top, #6f6f6f 0%, #666 45%, #444 95%);
}
.story-toolbar-full .user-bar .story-toolbar-status {
padding: 18px 10px 10px 10px;
text-shadow: 0px -1px 0px #000;
display: inline-block;
font-size: 14px;
font-weight: bold;
}
.story-toolbar-full .user-bar .story-toolbar-status .story-toolbar-status-text {
display: inline-block;
white-space: nowrap;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
width: 145px;
vertical-align: middle;
display: inline-block;
margin-top: -3px;
line-height: 1em;
}
.story-toolbar-full .user-bar .story-toolbar-status .modified-text {
display: block;
font-size: 12px;
color: #ababab;
}
.story-toolbar-full .user-bar .story-toolbar-status .icon {
margin-right: 5px;
background-image: url(‘//storify.com/public/img/icons-story-settings.png’);
background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.story-toolbar-full .user-bar .story-toolbar-status .icon {
background-image: url(‘//storify.com/public/img/icons-story-settings@2x.png’);
-webkit-background-size: 94px 403px;
-moz-background-size: 94px 403px;
background-size: 94px 403px;
}
}
.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 0px 8px 0px;
}
.story-toolbar-full .user-bar li a {
position: relative;
color: #fff;
font-size: 15px;
font-weight: bold;
text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
padding-left: 4px;
}
.story-toolbar-full .user-bar li a:hover {
text-decoration: none;
color: #e9e9e9;
text-shadow: none;
}
.story-toolbar-full .user-bar li.story-toolbar-button {
margin: 0px 20px 0px 0px;
}
.story-toolbar-full .user-bar .icon {
width: 28px;
height: 28px;
display: inline-block;
vertical-align: middle;
margin-top: -6px;
background-image: url(‘//storify.com/public/img/icons-story-settings.png’);
background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.story-toolbar-full .user-bar .icon {
background-image: url(‘//storify.com/public/img/icons-story-settings@2x.png’);
-webkit-background-size: 94px 403px;
-moz-background-size: 94px 403px;
background-size: 94px 403px;
}
}
.story-toolbar-full .user-bar .story-toolbar-edit {
position: relative;
padding-left: 40px;
}
.story-toolbar-full .user-bar .story-toolbar-edit .icon {
position: absolute;
background-position: -2px -65px;
left: 4px;
top: 3px;
}
.story-toolbar-full .user-bar .story-toolbar-edit:hover .icon {
background-position: -32px -65px;
}
.story-toolbar-full .user-bar .story-toolbar-delete {
position: relative;
padding-left: 40px;
}
.story-toolbar-full .user-bar .story-toolbar-delete .icon {
position: absolute;
left: 4px;
top: 0px;
background-position: 0px -94px;
}
.story-toolbar-full .user-bar .story-toolbar-delete:hover .icon {
background-position: -30px -94px;
}
.story-toolbar-full .user-bar .story-toolbar-distribute {
position: relative;
padding: 18px 14px 18px 39px;
}
.story-toolbar-full .user-bar .story-toolbar-distribute .icon {
position: absolute;
display: inline-block;
background-position: 4px -3px;
width: 34px;
float: none;
vertical-align: middle;
position: absolute;
left: 2px;
top: 20px;
}
.story-toolbar-full .user-bar .story-toolbar-distribute:hover {
background-color: #777;
color: #fff;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.story-toolbar-full .user-bar .story-toolbar-distribute:active {
background-color: #333;
}
.story-toolbar-full .user-bar .story-toolbar-distribute.active {
background-color: #444;
color: #fff;
}
.story-toolbar-full .user-bar .story-toolbar-settings {
margin: 0px;
padding: 18px 14px 18px 39px;
position: relative;
}
.story-toolbar-full .user-bar .story-toolbar-settings .icon {
position: absolute;
display: inline-block;
background-position: 0px -35px;
float: none;
vertical-align: middle;
position: absolute;
left: 2px;
top: 20px;
width: 34px;
}
.story-toolbar-full .user-bar .story-toolbar-settings:hover {
background-color: #777;
color: #fff;
-webkit-border-radius: 0px 7px 0px 0px;
border-radius: 0px 7px 0px 0px;
}
.story-toolbar-full .user-bar .story-toolbar-settings:active {
background-color: #333;
}
.story-toolbar-full .user-bar .story-toolbar-settings.active {
background-color: #444;
color: #e9e9e9;
-webkit-border-radius: 0px 7px 0px 0px;
border-radius: 0px 7px 0px 0px;
}
.story-toolbar-full .user-bar #distribute-pane {
display: none;
/* Checked styles */
/* Hover & Focus styles */
/* Active styles */
/* Disabled styles */
/* unchecked styles */
}
.story-toolbar-full .user-bar #distribute-pane li > input {
padding: 0;
margin: 0;
height: 24px;
width: 24px;
float: left;
position: absolute;
left: 0;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
}
.story-toolbar-full .user-bar #distribute-pane li > label {
float: left;
line-height: 18px;
color: #fff;
padding: 5px 12px 5px 30px;
font-size: 13px;
font-weight: bold;
}
.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-image: url(‘//storify.com/public/img/distribute-sprite.png’);
background-position: 3px 0px;
background-repeat: no-repeat;
height: 18px;
color: #f4f4f4;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.story-toolbar-full .user-bar #distribute-pane input + label {
background-image: url(‘//storify.com/public/img/distribute-sprite@2x.png’);
-webkit-background-size: 31px 822px;
-moz-background-size: 31px 822px;
background-size: 31px 822px;
}
}
.story-toolbar-full .user-bar #distribute-pane input[type=radio] + label {
background-color: #fff;
background-position: 3px -240px;
color: #333;
-webkit-box-shadow: 0px -1px 0px #000;
box-shadow: 0px -1px 0px #000;
}
.story-toolbar-full .user-bar #distribute-pane input[type=checkbox] + label {
background-position: 0px -60px;
}
.story-toolbar-full .user-bar #distribute-pane .radio-group li:first-child input[type=radio] + label {
-webkit-border-radius: 5px 0px 0px 5px;
border-radius: 5px 0px 0px 5px;
}
.story-toolbar-full .user-bar #distribute-pane .radio-group li:last-child input[type=radio] + label {
-webkit-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
}
.story-toolbar-full .user-bar #distribute-pane input[type=radio]:checked + label {
background-position: 3px -360px;
background-color: #00a400;
color: #fff;
}
.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-position: 3px -360px;
background-color: #00a400;
color: #fff;
}
.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: #fff;
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-position: 3px -270px;
background-color: #f4f4f4;
color: #000;
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 {
-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4) inset;
box-shadow: 0px 0px 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: #fff;
}
.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: 3px -270px;
}
.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: 0px -60px;
-webkit-box-shadow: none;
box-shadow: none;
opacity: 0.6;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
filter: alpha(opacity=60);
}
.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;
color: #ccc;
-webkit-box-shadow: none;
box-shadow: none;
}
.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 {
color: #ccc;
-webkit-box-shadow: none;
box-shadow: none;
}
.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: #ccc;
color: #eee;
-webkit-box-shadow: none;
box-shadow: none;
}
.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.png’);
position: absolute;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.story-toolbar-full .user-bar #distribute-pane .icon {
background-image: url(‘//storify.com/public/img/distribute-sprite@2x.png’);
-webkit-background-size: 31px 822px;
-moz-background-size: 31px 822px;
background-size: 31px 822px;
}
}
.story-toolbar-full .user-bar #distribute-pane .icon-business {
background-position: -3px -571px;
width: 24px;
height: 24px;
display: block;
top: 8px;
left: 7.6em;
}
.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: 0px -695px;
width: 30px;
height: 29px;
top: 34px;
left: 31px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-config .embed-code input {
margin: 12px 0px 10px 80px;
-webkit-box-shadow: none;
box-shadow: none;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
border: none;
-webkit-border-radius: 5px;
border-radius: 5px;
font-size: 14px;
padding: 7px 14px 7px 6px;
color: #666;
word-wrap: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
width: 470px;
-webkit-box-shadow: 0px -1px 0px #000;
box-shadow: 0px -1px 0px #000;
}
.story-toolbar-full .user-bar #distribute-pane .embed-config .embed-code label {
color: #ccc;
display: inline-block;
font-size: 1.1em;
margin-left: 30px;
padding-bottom: 0px;
vertical-align: middle;
text-transform: uppercase;
}
.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: 0px -740px;
width: 30px;
height: 28px;
top: 36px;
left: 29px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header > label {
color: #ccc;
display: inline-block;
font-size: 1.1em;
margin-left: 30px;
padding-bottom: 0px;
vertical-align: middle;
text-transform: uppercase;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header #embed-header-option-none {
position: relative;
padding-right: 30px;
}
.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-top: 5px;
padding-bottom: 0px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header .embed-options {
margin: 0px;
margin-left: 40px;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header .embed-options li {
display: inline-block;
list-style: 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 {
padding-left: 15px;
padding-right: 4px;
line-height: 12px;
}
.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 {
top: 26px;
left: 9em;
}
.story-toolbar-full .user-bar #distribute-pane .embed-header .embed-options .embed-hint {
color: #fff;
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 {
padding: 0px 30px 0px 30px;
margin-top: 1em;
position: relative;
}
.story-toolbar-full .user-bar #distribute-pane .export-story p {
margin: 5px 0px 5px 0px;
color: #ccc;
display: inline-block;
font-size: 1.1em;
margin-left: 0px;
padding-bottom: 0px;
vertical-align: middle;
text-transform: uppercase;
}
.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 {
display: inline-block;
margin-left: 50px;
vertical-align: middle;
-webkit-box-shadow: 0px -1px 0px #000;
box-shadow: 0px -1px 0px #000;
background-color: #333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.95, #222));
background-image: -webkit-linear-gradient(top, #444 0%, #222 95%);
background-image: -moz-linear-gradient(top, #444 0%, #222 95%);
background-image: -o-linear-gradient(top, #444 0%, #222 95%);
background-image: -ms-linear-gradient(top, #444 0%, #222 95%);
background-image: linear-gradient(top, #444 0%, #222 95%);
-webkit-border-radius: 5px;
border-radius: 5px;
position: relative;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-pdf a.story-toolbar-pdf.button.disabled {
opacity: 0.4;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40);
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-pdf a.story-toolbar-pdf.button:hover {
background-color: #333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(0.95, #111));
background-image: -webkit-linear-gradient(top, #333 0%, #111 95%);
background-image: -moz-linear-gradient(top, #333 0%, #111 95%);
background-image: -o-linear-gradient(top, #333 0%, #111 95%);
background-image: -ms-linear-gradient(top, #333 0%, #111 95%);
background-image: linear-gradient(top, #333 0%, #111 95%);
text-decoration: none;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-pdf a.story-toolbar-pdf.button span {
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 14px;
background: transparent;
color: #83caff;
border: none;
height: auto;
font-size: 1.2em;
text-shadow: 0px -1px 0px #000;
background-image: url(‘//storify.com/public/img/distribute-sprite.png’);
background-position: 95% -565px;
background-repeat: no-repeat;
padding-right: 39px;
display: block;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.story-toolbar-full .user-bar #distribute-pane .export-story .export-pdf a.story-toolbar-pdf.button span {
background-image: url(‘//storify.com/public/img/distribute-sprite@2x.png’);
-webkit-background-size: 31px 822px;
-moz-background-size: 31px 822px;
background-size: 31px 822px;
}
}
.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: 0px -786px;
width: 30px;
height: 37px;
top: 35px;
left: 31px;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-pdf .hint {
display: inline-block;
vertical-align: middle;
color: #fff;
max-width: 300px;
margin-left: 20px;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-now {
margin: 10px 0px 0px 0px;
position: relative;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-now a.story-toolbar-post.button {
display: inline-block;
margin-left: 50px;
vertical-align: middle;
-webkit-box-shadow: 0px -1px 0px #000;
box-shadow: 0px -1px 0px #000;
background-color: #333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.95, #222));
background-image: -webkit-linear-gradient(top, #444 0%, #222 95%);
background-image: -moz-linear-gradient(top, #444 0%, #222 95%);
background-image: -o-linear-gradient(top, #444 0%, #222 95%);
background-image: -ms-linear-gradient(top, #444 0%, #222 95%);
background-image: linear-gradient(top, #444 0%, #222 95%);
-webkit-border-radius: 5px;
border-radius: 5px;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-now a.story-toolbar-post.button:hover {
background-color: #333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(0.95, #111));
background-image: -webkit-linear-gradient(top, #333 0%, #111 95%);
background-image: -moz-linear-gradient(top, #333 0%, #111 95%);
background-image: -o-linear-gradient(top, #333 0%, #111 95%);
background-image: -ms-linear-gradient(top, #333 0%, #111 95%);
background-image: linear-gradient(top, #333 0%, #111 95%);
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-now a.story-toolbar-post.button span {
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 14px;
background: transparent;
color: #83caff;
border: none;
height: auto;
font-size: 1.2em;
text-shadow: 0px -1px 0px #000;
}
.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 {
display: inline-block;
vertical-align: middle;
color: #fff;
max-width: 300px;
margin-left: 20px;
}
.story-toolbar-full .user-bar #distribute-pane .export-story .export-now .icon-export-story {
background-position: 0px -655px;
width: 30px;
height: 28px;
top: 10px;
left: 1px;
}
.story-toolbar-full .user-bar #distribute-pane .notify-story {
padding: 10px 30px 0px 40px;
position: relative;
}
.story-toolbar-full .user-bar #distribute-pane .notify-story a.story-toolbar-notify.button {
display: inline-block;
margin-left: 10px;
vertical-align: middle;
background-color: #333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.95, #222));
background-image: -webkit-linear-gradient(top, #444 0%, #222 95%);
background-image: -moz-linear-gradient(top, #444 0%, #222 95%);
background-image: -o-linear-gradient(top, #444 0%, #222 95%);
background-image: -ms-linear-gradient(top, #444 0%, #222 95%);
background-image: linear-gradient(top, #444 0%, #222 95%);
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px -1px 0px #000;
box-shadow: 0px -1px 0px #000;
}
.story-toolbar-full .user-bar #distribute-pane .notify-story a.story-toolbar-notify.button:hover {
background-color: #333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(0.95, #111));
background-image: -webkit-linear-gradient(top, #333 0%, #111 95%);
background-image: -moz-linear-gradient(top, #333 0%, #111 95%);
background-image: -o-linear-gradient(top, #333 0%, #111 95%);
background-image: -ms-linear-gradient(top, #333 0%, #111 95%);
background-image: linear-gradient(top, #333 0%, #111 95%);
}
.story-toolbar-full .user-bar #distribute-pane .notify-story a.story-toolbar-notify.button span {
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 18px;
background: transparent;
color: #83caff;
border: none;
height: auto;
font-size: 1.2em;
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 {
display: inline-block;
vertical-align: middle;
color: #fff;
max-width: 300px;
margin-left: 20px;
}
.story-toolbar-full .user-bar #distribute-pane .notify-story .icon-notify {
background-position: 0px -610px;
width: 30px;
height: 28px;
top: 20px;
left: 1px;
}
.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: #fff;
text-decoration: none;
}
.story-toolbar-full .user-bar #distribute-pane .distribute-pane-actions .settings-save.button.primary {
margin-left: 15px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
background-color: #0083cb;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0083cb), color-stop(0.95, #0083cb));
background-image: -webkit-linear-gradient(top, #0083cb 0%, #0083cb 95%);
background-image: -moz-linear-gradient(top, #0083cb 0%, #0083cb 95%);
background-image: -o-linear-gradient(top, #0083cb 0%, #0083cb 95%);
background-image: -ms-linear-gradient(top, #0083cb 0%, #0083cb 95%);
background-image: linear-gradient(top, #0083cb 0%, #0083cb 95%);
}
.story-toolbar-full .user-bar #distribute-pane .distribute-pane-actions .settings-save.button.primary:hover {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0083cb), color-stop(0.95, #0068a9));
background-image: -webkit-linear-gradient(top, #0083cb 0%, #0068a9 95%);
background-image: -moz-linear-gradient(top, #0083cb 0%, #0068a9 95%);
background-image: -o-linear-gradient(top, #0083cb 0%, #0068a9 95%);
background-image: -ms-linear-gradient(top, #0083cb 0%, #0068a9 95%);
background-image: linear-gradient(top, #0083cb 0%, #0068a9 95%);
}
.story-toolbar-full .user-bar #distribute-pane .distribute-pane-actions .settings-save.button.primary span {
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 14px;
background: transparent;
color: #fff;
border: none;
height: auto;
font-size: 1.2em;
text-shadow: none;
}
.story-toolbar-full .user-bar #distribute-pane .distribute-pane-actions .settings-save.button.primary span:hover {
color: #fff;
text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
}
.story-toolbar-full .user-bar #settings-pane {
display: none;
}
.story-toolbar-full .user-bar #settings-pane label {
display: block;
font-size: 14px;
margin: 10px 30px;
color: #ccc;
}
.story-toolbar-full .user-bar #settings-pane .edit-link {
font-size: 1.2em;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .hint {
color: #fff;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-public {
display: inline-block;
background-color: #555;
border: 1px solid #222;
white-space: nowrap;
margin: 10px 30px;
min-width: 450px;
max-width: 450px;
padding: 12px 7em 12px 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
position: relative;
color: #fff;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-public a {
position: absolute;
right: 0px;
top: 0px;
background-color: #000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.95, #222));
background-image: -webkit-linear-gradient(top, #444 0%, #222 95%);
background-image: -moz-linear-gradient(top, #444 0%, #222 95%);
background-image: -o-linear-gradient(top, #444 0%, #222 95%);
background-image: -ms-linear-gradient(top, #444 0%, #222 95%);
background-image: linear-gradient(top, #444 0%, #222 95%);
-webkit-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-public a:hover {
background-color: #333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(0.95, #111));
background-image: -webkit-linear-gradient(top, #333 0%, #111 95%);
background-image: -moz-linear-gradient(top, #333 0%, #111 95%);
background-image: -o-linear-gradient(top, #333 0%, #111 95%);
background-image: -ms-linear-gradient(top, #333 0%, #111 95%);
background-image: linear-gradient(top, #333 0%, #111 95%);
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-public a span {
display: inline-block;
height: 2.3em;
padding: 12px 10px;
color: #80bdff;
}
.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 {
display: inline-block;
background-color: #555;
border: 1px solid #222;
white-space: nowrap;
color: #fff;
max-width: 700px;
min-width: 450px;
margin: 10px 30px;
padding: 12px 7em 12px 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-editing {
display: inline-block;
background-color: #fff;
border: none;
margin: 10px 30px;
padding: 0px;
width: 560px;
border: 1px solid #555;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
white-space: nowrap;
min-width: 450px;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-editing .story-link-prefix {
display: inline-block;
background-color: #bbb;
padding: 12px 5px 12px 10px;
color: #fff;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-editing input.storyLink {
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
display: inline-block;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
border: none;
-webkit-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
width: 60%;
font-size: 14px;
padding: 12px 10px 12px 3px;
color: #333;
word-wrap: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.story-toolbar-full .user-bar #settings-pane .hide-link,
.story-toolbar-full .user-bar #settings-pane .unhide-link {
padding: 20px 30px 1px 30px;
}
.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;
vertical-align: middle;
padding-left: 10px;
}
.story-toolbar-full .user-bar #settings-pane .hide-link a.button,
.story-toolbar-full .user-bar #settings-pane .unhide-link a.button {
display: inline-block;
background-color: #333;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px -1px 0px #000;
box-shadow: 0px -1px 0px #000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.95, #222));
background-image: -webkit-linear-gradient(top, #444 0%, #222 95%);
background-image: -moz-linear-gradient(top, #444 0%, #222 95%);
background-image: -o-linear-gradient(top, #444 0%, #222 95%);
background-image: -ms-linear-gradient(top, #444 0%, #222 95%);
background-image: linear-gradient(top, #444 0%, #222 95%);
}
.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: #333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(0.95, #111));
background-image: -webkit-linear-gradient(top, #333 0%, #111 95%);
background-image: -moz-linear-gradient(top, #333 0%, #111 95%);
background-image: -o-linear-gradient(top, #333 0%, #111 95%);
background-image: -ms-linear-gradient(top, #333 0%, #111 95%);
background-image: linear-gradient(top, #333 0%, #111 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 {
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 14px 10px 10px;
background: transparent;
color: #80bdff;
border: none;
height: auto;
font-size: 1.2em;
text-shadow: 0px 1px 0px #000;
}
.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;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40);
}
.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: #333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.95, #222));
background-image: -webkit-linear-gradient(top, #444 0%, #222 95%);
background-image: -moz-linear-gradient(top, #444 0%, #222 95%);
background-image: -o-linear-gradient(top, #444 0%, #222 95%);
background-image: -ms-linear-gradient(top, #444 0%, #222 95%);
background-image: linear-gradient(top, #444 0%, #222 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 {
cursor: default;
color: #0092e5;
}
.story-toolbar-full .user-bar #settings-pane .hide-link .hint,
.story-toolbar-full .user-bar #settings-pane .unhide-link .hint {
display: inline-block;
vertical-align: middle;
color: #fff;
max-width: 300px;
margin-left: 20px;
}
.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: #fff;
text-decoration: none;
}
.story-toolbar-full .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary {
margin-left: 15px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
background-color: #0083cb;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0083cb), color-stop(0.95, #0083cb));
background-image: -webkit-linear-gradient(top, #0083cb 0%, #0083cb 95%);
background-image: -moz-linear-gradient(top, #0083cb 0%, #0083cb 95%);
background-image: -o-linear-gradient(top, #0083cb 0%, #0083cb 95%);
background-image: -ms-linear-gradient(top, #0083cb 0%, #0083cb 95%);
background-image: linear-gradient(top, #0083cb 0%, #0083cb 95%);
}
.story-toolbar-full .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary:hover {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0083cb), color-stop(0.95, #0068a9));
background-image: -webkit-linear-gradient(top, #0083cb 0%, #0068a9 95%);
background-image: -moz-linear-gradient(top, #0083cb 0%, #0068a9 95%);
background-image: -o-linear-gradient(top, #0083cb 0%, #0068a9 95%);
background-image: -ms-linear-gradient(top, #0083cb 0%, #0068a9 95%);
background-image: linear-gradient(top, #0083cb 0%, #0068a9 95%);
}
.story-toolbar-full .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary span {
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 14px;
background: transparent;
color: #fff;
border: none;
height: auto;
font-size: 1.2em;
text-shadow: none;
}
.story-toolbar-full .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary span:hover {
color: #fff;
text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
}
.story-toolbar-full-editor {
position: relative;
width: 50%;
float: right;
}
.story-toolbar-full-editor .user-bar {
padding: 0px;
border-bottom: 0;
}
.story-toolbar-full-editor .user-bar .story-toolbar-tab {
padding: 9px 22px 10px 10px;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status {
padding: 11px 10px 10px 10px;
text-shadow: 0px -1px 0px #000;
display: inline-block;
font-size: 12px;
font-weight: bold;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .icon {
margin-right: 5px;
width: 26px;
height: 26px;
background-image: url(‘//storify.com/public/img/icons-story-settings.png’);
background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.story-toolbar-full-editor .user-bar .story-toolbar-status .icon {
background-image: url(‘//storify.com/public/img/icons-story-settings@2x.png’);
-webkit-background-size: 94px 403px;
-moz-background-size: 94px 403px;
background-size: 94px 403px;
}
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .icon.published.public {
background-position: -34px -312px;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .icon.published.private {
background-position: -34px -280px;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .icon.published.public.modified {
background-position: -34px -344px;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .icon.draft.public {
background-position: -34px -215px;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .icon.draft.private {
background-position: -34px -248px;
}
.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 {
vertical-align: middle;
display: inline-block;
margin-top: -6px;
line-height: 1em;
}
.story-toolbar-full-editor .user-bar .story-toolbar-status .modified-text {
display: block;
font-size: 10px;
color: #ababab;
}
.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 0px;
}
.story-toolbar-full-editor .user-bar li a {
position: relative;
color: #fff;
font-size: 15px;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
font-weight: normal;
text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
padding-left: 4px;
text-decoration: none;
}
.story-toolbar-full-editor .user-bar li a:hover {
text-decoration: none;
color: #e9e9e9;
text-shadow: none;
}
.story-toolbar-full-editor .user-bar li.story-toolbar-button {
margin: 0px 20px 0px 0px;
}
.story-toolbar-full-editor .user-bar .icon {
width: 32px;
height: 28px;
display: inline-block;
float: left;
margin-top: -6px;
background-image: url(‘//storify.com/public/img/icons-story-settings.png’);
background-position: 0px -34px;
background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.story-toolbar-full-editor .user-bar .icon {
background-image: url(‘//storify.com/public/img/icons-story-settings@2x.png’);
-webkit-background-size: 94px 403px;
-moz-background-size: 94px 403px;
background-size: 94px 403px;
}
}
.story-toolbar-full-editor .user-bar #settings-pane {
display: none;
position: absolute;
right: 1em;
background-color: #333;
z-index: 9999;
top: 36px;
margin-left: 20px;
width: 400px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #777), color-stop(1, #333));
background: -webkit-linear-gradient(top, #777 0%, #333 100%);
background: -moz-linear-gradient(top, #777 0%, #333 100%);
background: -o-linear-gradient(top, #777 0%, #333 100%);
background: -ms-linear-gradient(top, #777 0%, #333 100%);
background: linear-gradient(top, #777 0%, #333 100%);
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.story-toolbar-full-editor .user-bar #settings-pane label {
display: block;
font-size: 14px;
margin: 10px 30px;
color: #ccc;
}
.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 {
display: inline-block;
background-color: #555;
border: 1px solid #222;
white-space: nowrap;
margin: 10px 30px;
width: 230px;
padding: 12px 7em 12px 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
position: relative;
color: #fff;
}
.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 {
position: absolute;
right: 0px;
top: 0px;
background-color: #000;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.95, #222));
background-image: -webkit-linear-gradient(top, #444 0%, #222 95%);
background-image: -moz-linear-gradient(top, #444 0%, #222 95%);
background-image: -o-linear-gradient(top, #444 0%, #222 95%);
background-image: -ms-linear-gradient(top, #444 0%, #222 95%);
background-image: linear-gradient(top, #444 0%, #222 95%);
-webkit-border-radius: 0px 5px 5px 0px;
border-radius: 0px 5px 5px 0px;
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-public a:hover {
background-color: #333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(0.95, #111));
background-image: -webkit-linear-gradient(top, #333 0%, #111 95%);
background-image: -moz-linear-gradient(top, #333 0%, #111 95%);
background-image: -o-linear-gradient(top, #333 0%, #111 95%);
background-image: -ms-linear-gradient(top, #333 0%, #111 95%);
background-image: linear-gradient(top, #333 0%, #111 95%);
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-public a span {
display: inline-block;
height: 2.3em;
padding: 12px 10px;
color: #80bdff;
}
.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 {
display: inline-block;
background-color: #555;
border: 1px solid #222;
white-space: nowrap;
color: #fff;
width: 220px;
margin: 10px 30px;
padding: 12px 7em 12px 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
}
.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 {
display: inline-block;
background-color: #999;
border: none;
margin: 10px 30px;
padding: 0px;
max-width: 300px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden;
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 {
display: none;
padding: 12px 5px 12px 10px;
color: #fff;
}
.story-toolbar-full-editor .user-bar #settings-pane .edit-link .link-editing input.storyLink {
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
border: none;
-webkit-border-radius: 5px;
border-radius: 5px;
width: 400px;
font-size: 14px;
padding: 12px 10px 12px 3px;
color: #333;
word-wrap: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.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 {
display: inline-block;
vertical-align: middle;
color: #fff;
max-width: 400px;
margin: 10px 0px 0px 5px;
color: #0092e5;
text-decoration: none;
}
.story-toolbar-full-editor .user-bar #settings-pane .hide-link a.button,
.story-toolbar-full-editor .user-bar #settings-pane .unhide-link a.button {
display: inline-block;
background-color: #333;
-webkit-border-radius: 5px;
border-radius: 5px;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.95, #222));
background-image: -webkit-linear-gradient(top, #444 0%, #222 95%);
background-image: -moz-linear-gradient(top, #444 0%, #222 95%);
background-image: -o-linear-gradient(top, #444 0%, #222 95%);
background-image: -ms-linear-gradient(top, #444 0%, #222 95%);
background-image: linear-gradient(top, #444 0%, #222 95%);
}
.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: #333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(0.95, #111));
background-image: -webkit-linear-gradient(top, #333 0%, #111 95%);
background-image: -moz-linear-gradient(top, #333 0%, #111 95%);
background-image: -o-linear-gradient(top, #333 0%, #111 95%);
background-image: -ms-linear-gradient(top, #333 0%, #111 95%);
background-image: linear-gradient(top, #333 0%, #111 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 {
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 14px;
background: transparent;
color: #80bdff;
border: none;
height: auto;
font-size: 1.2em;
text-shadow: 0px -1px 0px #000;
}
.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;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
filter: alpha(opacity=40);
}
.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: #333;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.95, #222));
background-image: -webkit-linear-gradient(top, #444 0%, #222 95%);
background-image: -moz-linear-gradient(top, #444 0%, #222 95%);
background-image: -o-linear-gradient(top, #444 0%, #222 95%);
background-image: -ms-linear-gradient(top, #444 0%, #222 95%);
background-image: linear-gradient(top, #444 0%, #222 95%);
-webkit-box-shadow: none;
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 {
cursor: default;
color: #80bdff;
}
.story-toolbar-full-editor .user-bar #settings-pane .hide-link .hint,
.story-toolbar-full-editor .user-bar #settings-pane .unhide-link .hint {
display: inline-block;
vertical-align: middle;
color: #fff;
max-width: 400px;
margin: 10px 0px 0px 10px;
}
.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;
font-size: 1.2em;
text-decoration: none;
display: inline-block;
padding-bottom: 0.5em;
}
.story-toolbar-full-editor .user-bar #settings-pane .settings-pane-actions .settings-cancel:hover {
color: #fff;
text-decoration: none;
}
.story-toolbar-full-editor .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary {
margin-left: 15px;
-webkit-border-radius: 5px;
border-radius: 5px;
display: inline-block;
background-color: #0083cb;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0083cb), color-stop(0.95, #0083cb));
background-image: -webkit-linear-gradient(top, #0083cb 0%, #0083cb 95%);
background-image: -moz-linear-gradient(top, #0083cb 0%, #0083cb 95%);
background-image: -o-linear-gradient(top, #0083cb 0%, #0083cb 95%);
background-image: -ms-linear-gradient(top, #0083cb 0%, #0083cb 95%);
background-image: linear-gradient(top, #0083cb 0%, #0083cb 95%);
}
.story-toolbar-full-editor .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary:hover {
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0083cb), color-stop(0.95, #0068a9));
background-image: -webkit-linear-gradient(top, #0083cb 0%, #0068a9 95%);
background-image: -moz-linear-gradient(top, #0083cb 0%, #0068a9 95%);
background-image: -o-linear-gradient(top, #0083cb 0%, #0068a9 95%);
background-image: -ms-linear-gradient(top, #0083cb 0%, #0068a9 95%);
background-image: linear-gradient(top, #0083cb 0%, #0068a9 95%);
}
.story-toolbar-full-editor .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary span {
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 14px;
background: transparent;
color: #fff;
border: none;
height: auto;
font-size: 1.2em;
text-shadow: none;
}
.story-toolbar-full-editor .user-bar #settings-pane .settings-pane-actions .settings-save.button.primary span:hover {
color: #fff;
text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
}
@media screen and (max-width: 620px) {
.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: 0px;
}
}
@media screen and (max-width: 640px) {
.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: 0px;
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 0px 0px 20px;
}
.story-toolbar-full .user-bar #settings-pane .edit-link {
padding: 10px 15px 0px 20px;
width: 300px;
min-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: 0px 0px 10px 0px;
min-width: 140px;
width: 140px;
}
.story-toolbar-full .user-bar #settings-pane .edit-link .link-editing {
margin: 0px 0px 10px 0px;
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: 0px 0px 10px 0px;
min-width: 140px;
width: 140px;
}
.story-toolbar-full .user-bar #settings-pane .hide-link {
padding: 10px 15px 0px 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 0px 20px;
}
.story-toolbar-full .user-bar #settings-pane .unhide-link .hint,
.story-toolbar-full .user-bar #settings-pane .unhide-link a {
display: none;
}
}
@media screen and (max-width: 450px) {
.story-toolbar-full .user-bar #settings-pane .edit-link input {
min-width: 100px;
}
}
.s-attribution {
clear: both;
padding: 0;
font-size: 10px;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
color: #999;
text-transform: uppercase;
}
.s-attribution .s-posted,
.s-attribution .dot,
.s-attribution .permalink {
float: left;
line-height: 16px;
margin-right: 3px;
}
.s-attribution .s-posted,
.s-attribution .permalink {
color: #999;
display: inline-block;
}
.s-attribution .s-element-attr-title {
color: #333;
}
.s-attribution .s-author {
float: left;
margin-right: 3px;
font-weight: normal;
line-height: 16px;
}
.s-attribution .s-author .s-author-name {
color: #256bbe;
}
.s-attribution .s-author .s-author-twitter-handle {
color: #999;
margin-left: 5px;
}
.s-attribution .s-source {
margin-right: 5px;
}
.s-via {
float: left;
margin-right: 4px;
line-height: 16px;
}
.s-via.twitter {
text-indent: 17px;
background: url(‘//storify.com/public/img/icon.retweet.png’) no-repeat left center;
text-transform: none;
font-size: 11px;
color: #999 !important;
}
.s-element:hover .s-source {
opacity: 1;
-ms-filter: none;
filter: none;
}
.s-source {
float: left;
}
.s-source img {
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
}
.s-source a {
display: block;
}
.s-source .s-source-name {
display: none;
}
.s-source .s-source-icon,
.s-source .s-author-avatar {
margin: 0;
width: 16px;
height: 16px;
vertical-align: middle;
background-repeat: no-repeat;
-webkit-filter: grayscale(1);
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50);
}
.s-element[data-source=’twitter’] .s-attribution {
padding-top: 12px;
margin-right: 25px;
}
.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-googleplus .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/googleplus-16px.png’);
}
.s-giphy .s-source-icon {
background-image: url(‘//storify.com/public/img/sources/giphy-16px.png’);
}
.s-share-dropdown {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
position: absolute;
top: 20px;
z-index: 99;
left: -30px;
width: 24px;
}
.s-element:not(.s-element-text):hover .s-share-dropdown {
left: 5px !important;
}
.sb-share-dropdown {
display: none;
position: absolute;
top: 26px;
left: 0px;
background: #fff;
padding: 8px 10px;
z-index: 99;
border: 1px solid #ccc;
}
.story-tile.share .sb-share-dropdown {
display: block;
}
.comment {
overflow: hidden;
}
.s-elements .comments,
.shared-element-comments .comments,
#import .comments,
#comments,
.engage {
word-wrap: break-word;
background: #f7f7f7;
padding: 0 10px;
-webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-transition: 0.1s border-color;
-moz-transition: 0.1s border-color;
-o-transition: 0.1s border-color;
-ms-transition: 0.1s border-color;
transition: 0.1s border-color;
text-align: left;
}
.s-elements .comments .action-container,
.shared-element-comments .comments .action-container,
#import .comments .action-container,
#comments .action-container,
.engage .action-container {
padding: 10px 0;
}
.s-elements .comments .action,
.shared-element-comments .comments .action,
#import .comments .action,
#comments .action,
.engage .action {
position: relative;
padding: 0 46px 0 0;
margin: 0;
display: block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
border: 1px solid #ddd;
-webkit-box-shadow: inset 1px 1px 5px #ddd;
box-shadow: inset 1px 1px 5px #ddd;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.s-elements .comments .action.focus,
.shared-element-comments .comments .action.focus,
#import .comments .action.focus,
#comments .action.focus,
.engage .action.focus {
border-color: #bbb;
}
.s-elements .comments .action .story-comment-input,
.shared-element-comments .comments .action .story-comment-input,
#import .comments .action .story-comment-input,
#comments .action .story-comment-input,
.engage .action .story-comment-input,
.s-elements .comments .action .element-comment-input,
.shared-element-comments .comments .action .element-comment-input,
#import .comments .action .element-comment-input,
#comments .action .element-comment-input,
.engage .action .element-comment-input {
display: block;
width: 100%;
height: 26px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #333;
border: 0;
background: none;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0 0 0 6px;
}
.s-elements .comments .action .story-comment-post,
.shared-element-comments .comments .action .story-comment-post,
#import .comments .action .story-comment-post,
#comments .action .story-comment-post,
.engage .action .story-comment-post,
.s-elements .comments .action .element-comment-post,
.shared-element-comments .comments .action .element-comment-post,
#import .comments .action .element-comment-post,
#comments .action .element-comment-post,
.engage .action .element-comment-post {
position: absolute;
right: 5px;
top: 5px;
}
.s-elements .comments .action .story-comment-post i,
.shared-element-comments .comments .action .story-comment-post i,
#import .comments .action .story-comment-post i,
#comments .action .story-comment-post i,
.engage .action .story-comment-post i,
.s-elements .comments .action .element-comment-post i,
.shared-element-comments .comments .action .element-comment-post i,
#import .comments .action .element-comment-post i,
#comments .action .element-comment-post i,
.engage .action .element-comment-post i {
float: left;
width: 16px;
height: 16px;
opacity: 0.2;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
filter: alpha(opacity=20);
-webkit-transition: opacity 0.4s;
-moz-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
-ms-transition: opacity 0.4s;
transition: opacity 0.4s;
cursor: pointer;
}
.s-elements .comments .action .story-comment-post i.story-comment-twitter,
.shared-element-comments .comments .action .story-comment-post i.story-comment-twitter,
#import .comments .action .story-comment-post i.story-comment-twitter,
#comments .action .story-comment-post i.story-comment-twitter,
.engage .action .story-comment-post i.story-comment-twitter,
.s-elements .comments .action .element-comment-post i.story-comment-twitter,
.shared-element-comments .comments .action .element-comment-post i.story-comment-twitter,
#import .comments .action .element-comment-post i.story-comment-twitter,
#comments .action .element-comment-post i.story-comment-twitter,
.engage .action .element-comment-post i.story-comment-twitter,
.s-elements .comments .action .story-comment-post i.element-comment-twitter,
.shared-element-comments .comments .action .story-comment-post i.element-comment-twitter,
#import .comments .action .story-comment-post i.element-comment-twitter,
#comments .action .story-comment-post i.element-comment-twitter,
.engage .action .story-comment-post i.element-comment-twitter,
.s-elements .comments .action .element-comment-post i.element-comment-twitter,
.shared-element-comments .comments .action .element-comment-post i.element-comment-twitter,
#import .comments .action .element-comment-post i.element-comment-twitter,
#comments .action .element-comment-post i.element-comment-twitter,
.engage .action .element-comment-post i.element-comment-twitter {
background: url(‘//storify.com/public/img/sources/twitter-16px.png’) no-repeat;
}
.s-elements .comments .action .story-comment-post i.story-comment-facebook,
.shared-element-comments .comments .action .story-comment-post i.story-comment-facebook,
#import .comments .action .story-comment-post i.story-comment-facebook,
#comments .action .story-comment-post i.story-comment-facebook,
.engage .action .story-comment-post i.story-comment-facebook,
.s-elements .comments .action .element-comment-post i.story-comment-facebook,
.shared-element-comments .comments .action .element-comment-post i.story-comment-facebook,
#import .comments .action .element-comment-post i.story-comment-facebook,
#comments .action .element-comment-post i.story-comment-facebook,
.engage .action .element-comment-post i.story-comment-facebook,
.s-elements .comments .action .story-comment-post i.element-comment-facebook,
.shared-element-comments .comments .action .story-comment-post i.element-comment-facebook,
#import .comments .action .story-comment-post i.element-comment-facebook,
#comments .action .story-comment-post i.element-comment-facebook,
.engage .action .story-comment-post i.element-comment-facebook,
.s-elements .comments .action .element-comment-post i.element-comment-facebook,
.shared-element-comments .comments .action .element-comment-post i.element-comment-facebook,
#import .comments .action .element-comment-post i.element-comment-facebook,
#comments .action .element-comment-post i.element-comment-facebook,
.engage .action .element-comment-post i.element-comment-facebook {
background: url(‘//storify.com/public/img/sources/facebook-16px.png’) no-repeat;
margin-left: 4px;
}
.s-elements .comments .action .story-comment-post i:hover,
.shared-element-comments .comments .action .story-comment-post i:hover,
#import .comments .action .story-comment-post i:hover,
#comments .action .story-comment-post i:hover,
.engage .action .story-comment-post i:hover,
.s-elements .comments .action .element-comment-post i:hover,
.shared-element-comments .comments .action .element-comment-post i:hover,
#import .comments .action .element-comment-post i:hover,
#comments .action .element-comment-post i:hover,
.engage .action .element-comment-post i:hover {
opacity: 0.5;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
filter: alpha(opacity=50);
}
.s-elements .comments .action .story-comment-post i.active,
.shared-element-comments .comments .action .story-comment-post i.active,
#import .comments .action .story-comment-post i.active,
#comments .action .story-comment-post i.active,
.engage .action .story-comment-post i.active,
.s-elements .comments .action .element-comment-post i.active,
.shared-element-comments .comments .action .element-comment-post i.active,
#import .comments .action .element-comment-post i.active,
#comments .action .element-comment-post i.active,
.engage .action .element-comment-post i.active {
opacity: 1;
-ms-filter: none;
filter: none;
}
.s-elements .comments .previous ul,
.shared-element-comments .comments .previous ul,
#import .comments .previous ul,
#comments .previous ul,
.engage .previous ul {
margin: 0;
padding: 0;
list-style: none;
}
.s-elements .comments .previous ul li,
.shared-element-comments .comments .previous ul li,
#import .comments .previous ul li,
#comments .previous ul li,
.engage .previous ul li {
zoom: 1;
padding: 5px 0;
border-top: 1px dotted #ddd;
padding: 3px;
}
.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.spam,
.shared-element-comments .comments .previous ul li.spam,
#import .comments .previous ul li.spam,
#comments .previous ul li.spam,
.engage .previous ul li.spam {
background: rgba(200,0,0,0.2);
}
.s-elements .comments .previous ul li.spam .date,
.shared-element-comments .comments .previous ul li.spam .date,
#import .comments .previous ul li.spam .date,
#comments .previous ul li.spam .date,
.engage .previous ul li.spam .date {
color: #777 !important;
}
.s-elements .comments .previous ul li .avatar,
.shared-element-comments .comments .previous ul li .avatar,
#import .comments .previous ul li .avatar,
#comments .previous ul li .avatar,
.engage .previous ul li .avatar {
display: block;
float: left;
margin-right: 5px;
-webkit-border-radius: 3px;
border-radius: 3px;
width: 16px;
height: 16px;
}
.s-elements .comments .previous ul li .container,
.shared-element-comments .comments .previous ul li .container,
#import .comments .previous ul li .container,
#comments .previous ul li .container,
.engage .previous ul li .container {
position: relative;
font-size: 11px;
line-height: 16px;
padding-left: 21px;
}
.s-elements .comments .previous ul li .container .author,
.shared-element-comments .comments .previous ul li .container .author,
#import .comments .previous ul li .container .author,
#comments .previous ul li .container .author,
.engage .previous ul li .container .author {
font-weight: bold;
padding-right: 5px;
color: #333;
text-decoration: none;
white-space: nowrap;
}
.s-elements .comments .previous ul li .container .content,
.shared-element-comments .comments .previous ul li .container .content,
#import .comments .previous ul li .container .content,
#comments .previous ul li .container .content,
.engage .previous ul li .container .content,
.s-elements .comments .previous ul li .container .fullContent,
.shared-element-comments .comments .previous ul li .container .fullContent,
#import .comments .previous ul li .container .fullContent,
#comments .previous ul li .container .fullContent,
.engage .previous ul li .container .fullContent,
.s-elements .comments .previous ul li .container .moreComment,
.shared-element-comments .comments .previous ul li .container .moreComment,
#import .comments .previous ul li .container .moreComment,
#comments .previous ul li .container .moreComment,
.engage .previous ul li .container .moreComment {
padding-right: 5px;
}
.s-elements .comments .previous ul li .container .moreComment,
.shared-element-comments .comments .previous ul li .container .moreComment,
#import .comments .previous ul li .container .moreComment,
#comments .previous ul li .container .moreComment,
.engage .previous ul li .container .moreComment {
color: #256bbe;
}
.s-elements .comments .previous ul li .container .hide,
.shared-element-comments .comments .previous ul li .container .hide,
#import .comments .previous ul li .container .hide,
#comments .previous ul li .container .hide,
.engage .previous ul li .container .hide {
display: none;
}
.s-elements .comments .previous ul li .container .date,
.shared-element-comments .comments .previous ul li .container .date,
#import .comments .previous ul li .container .date,
#comments .previous ul li .container .date,
.engage .previous ul li .container .date {
color: #999;
}
.s-elements .comments .previous ul li .container .remove,
.shared-element-comments .comments .previous ul li .container .remove,
#import .comments .previous ul li .container .remove,
#comments .previous ul li .container .remove,
.engage .previous ul li .container .remove,
.s-elements .comments .previous ul li .container .notSpam,
.shared-element-comments .comments .previous ul li .container .notSpam,
#import .comments .previous ul li .container .notSpam,
#comments .previous ul li .container .notSpam,
.engage .previous ul li .container .notSpam {
display: none;
position: absolute;
top: 0;
right: 0;
font-size: 10px;
padding: 0 3px;
background: #eee;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
border-radius: 2px;
text-decoration: none;
color: #333;
}
.s-elements .comments .previous ul li .container .remove:hover,
.shared-element-comments .comments .previous ul li .container .remove:hover,
#import .comments .previous ul li .container .remove:hover,
#comments .previous ul li .container .remove:hover,
.engage .previous ul li .container .remove:hover,
.s-elements .comments .previous ul li .container .notSpam:hover,
.shared-element-comments .comments .previous ul li .container .notSpam:hover,
#import .comments .previous ul li .container .notSpam:hover,
#comments .previous ul li .container .notSpam:hover,
.engage .previous ul li .container .notSpam: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,
.s-elements .comments .previous ul li .container:hover .notSpam,
.shared-element-comments .comments .previous ul li .container:hover .notSpam,
#import .comments .previous ul li .container:hover .notSpam,
#comments .previous ul li .container:hover .notSpam,
.engage .previous ul li .container:hover .notSpam {
display: block;
}
.s-elements .comments .previous ul li .container .notSpam,
.shared-element-comments .comments .previous ul li .container .notSpam,
#import .comments .previous ul li .container .notSpam,
#comments .previous ul li .container .notSpam,
.engage .previous ul li .container .notSpam {
right: 50px;
}
.s-elements .comments .previous .more,
.shared-element-comments .comments .previous .more,
#import .comments .previous .more,
#comments .previous .more,
.engage .previous .more {
border-top: 1px dotted #ddd;
font-size: 11px;
line-height: 16px;
display: block;
font-weight: bold;
padding: 5px 0;
}
.s-elements .comments .previous .more a,
.shared-element-comments .comments .previous .more a,
#import .comments .previous .more a,
#comments .previous .more a,
.engage .previous .more a {
color: #333;
text-decoration: none;
}
.s-elements .comments .previous .more a:hover,
.shared-element-comments .comments .previous .more a:hover,
#import .comments .previous .more a:hover,
#comments .previous .more a:hover,
.engage .previous .more a:hover {
text-decoration: underline;
}
.s-elements .comments .previous .more span,
.shared-element-comments .comments .previous .more span,
#import .comments .previous .more span,
#comments .previous .more span,
.engage .previous .more span {
font-weight: normal;
color: #999;
}
.s-elements .comments {
-webkit-box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.15);
box-shadow: inset 0px 10px 20px -10px rgba(0,0,0,0.15);
}
.s-elements .no-comment {
display: none;
}
.s-elements .has-comments {
display: block;
}
#comments {
-webkit-border-radius: 0;
border-radius: 0;
background: transparent none;
}
#comments .previous {
max-height: 300px;
overflow: auto;
}
.s-element-stats {
zoom: 1;
border-top: 1px dotted #ddd;
text-align: center;
font-size: 10px;
line-height: 1em;
padding: 6px;
color: #999;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
}
.s-element-stats:before,
.s-element-stats:after {
content: ”;
display: table;
}
.s-element-stats:after {
clear: both;
}
.s-element-stats:hover {
color: #666;
}
.s-element-stats div {
display: inline;
}
.s-element-stats.hide,
.s-element-stats .hide {
display: none;
}
#big-like {
position: fixed;
top: 50%;
left: 50%;
width: 230px;
height: 206px;
margin-left: -115px;
margin-top: -103px;
background: url(‘//storify.com/public/img/heart2.png’);
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
filter: alpha(opacity=0);
display: none;
z-index: 100003;
}
@media screen and (min-width: 481px) {
.s-video .s-video-shim-vine .s-video-content-vine {
width: 490px;
height: 490px;
}
}
@media screen and (max-width: 480px) {
.s-video-content iframe,
s-video-content-vine {
width: 415px;
}
}
@media screen and (max-width: 321px) {
.s-video-content iframe,
.s-video-content-vine {
width: 270px;
}
.s-video-content-vine {
-webkit-transform: scale(0.95);
-webkit-transform-origin: 0 0;
}
}
@media screen and (max-width: 659px) {
#element #element-top {
margin-bottom: 20px;
height: 0;
}
#element #element-content {
width: 300px;
}
#element #element-content .media {
margin-bottom: 20px;
iframe: , embed, object, img;
}
#element #element-content .media img {
max-width: 300px;
max-height: 300px;
}
#element #element-content .media iframe {
width: 300px;
height: 168px;
}
#element #element-content .cols .box {
margin-bottom: 20px;
}
#element #element-content .cols .share_box,
#element #element-content .cols .top-story,
#element #element-content .cols .comments {
margin-bottom: 20px;
}
#element #element-content .stories {
padding-top: 20px;
margin: 0;
}
#element #element-content .stories h3 {
margin-bottom: 15px;
}
#element #element-content .stories .story-tile {
margin-right: 0;
}
}
input,
textarea {
color: #333;
font-size: 11px;
font-family: ‘Helvetica Neue’, sans-serif;
}
.gc-bubbleDefault {
display: none !important;
}
.s-info {
margin-left: -3px;
}
.s-info .s-author {
font-size: 12px;
line-height: 30px;
float: left;
margin: 0 10px 20px 0;
color: #888;
background: #eee;
padding: 0 10px 0 15px;
height: 30px;
display: inline-block;
-webkit-border-radius: 0 5px 5px 0;
border-radius: 0 5px 5px 0;
}
.s-info .s-author a.logo {
display: block;
float: left;
width: 57px;
height: 14px;
overflow: hidden;
margin: 8px 3px 0 0;
background-image: url(‘//storify.com/public/img/logo.blue.small.png’);
background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.s-info .s-author a.logo {
background-image: url(‘//storify.com/public/img/logo.blue.small@2x.png’);
-webkit-background-size: auto 20px;
-moz-background-size: auto 20px;
background-size: auto 20px;
}
}
.s-info .s-author a.logo span {
visibility: hidden;
}
.s-info .s-author-follow {
font-size: 11px;
font-weight: bold;
vertical-align: top;
margin-left: 4px;
color: #8da452;
}
.s-info .s-author-avatar {
float: left;
max-width: 32px;
max-height: 32px;
margin: 2px 10px 0px 0px;
}
.s-info .s-published {
display: inline-block;
font-size: 11px;
line-height: 30px;
}
.s-info .s-published a {
color: #666;
}
.s-published-date {
color: #555;
}
#story {
position: relative;
}
.s-story {
margin: 0px auto;
padding: 0px;
background: #fff;
color: #333;
font-size: 15px;
line-height: 18px;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
}
.s-story.noborder {
border: none;
-webkit-border-radius: 0;
border-radius: 0;
}
.s-story.noborder .s-element-text,
.s-story.noborder .s-text,
.s-story.noborder .s-info,
.s-story.noborder .s-actions,
.s-story.noborder .s-title,
.s-story.noborder .more-on-storify {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.s-story a {
text-decoration: none;
color: #333;
}
.s-story a:hover {
text-decoration: underline;
}
.s-story .icon {
float: left;
width: 16px;
height: 16px;
margin-right: 3px;
background-image: url(‘//storify.com/public/img/web.png’);
background-repeat: no-repeat;
}
.s-thumbnail {
max-width: 64px;
max-height: 64px;
float: right;
margin: 0px 20px;
}
.s-clear {
display: block;
height: 0px;
clear: both;
}
.s-header {
padding: 16px 0 0;
border-bottom: 1px dotted #ddd;
}
.s-actions {
height: 30px;
position: absolute;
top: 20px;
right: 20px;
z-index: 101;
}
.s-actions a,
.shared-element-actions a {
zoom: 1;
display: block;
float: left;
}
.s-actions a:before,
.shared-element-actions a:before,
.s-actions a:after,
.shared-element-actions a:after {
content: ”;
display: table;
}
.s-actions a:after,
.shared-element-actions a:after {
clear: both;
}
.s-actions a span,
.shared-element-actions a span {
float: left;
display: block;
min-width: 30px;
height: 28px;
}
.s-actions a span i,
.shared-element-actions a span i {
display: block;
background-image: url(‘//storify.com/public/img/icons.png’);
width: 16px;
height: 16px;
margin: 6px 7px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.s-actions a span i,
.shared-element-actions a span i {
background-image: url(‘//storify.com/public/img/icons@2x.png’);
-webkit-background-size: 80px 64px;
-moz-background-size: 80px 64px;
background-size: 80px 64px;
}
}
.s-actions a.embed span,
.shared-element-actions a.embed span {
border-top-color: #85a8d2;
}
.s-actions a.embed span i,
.shared-element-actions a.embed span i {
background-position: -64px 0;
}
.s-actions a.embed:hover span,
.shared-element-actions a.embed:hover span {
background: #85a8d2;
}
.s-actions a.embed:hover span i,
.shared-element-actions a.embed:hover span i {
background-position: -64px -16px;
}
.s-actions a.repost span i,
.shared-element-actions a.repost span i {
background-position: 0 0;
}
.s-actions a.repost:hover span,
.shared-element-actions a.repost:hover span {
background: #85a8d2;
}
.s-actions a.repost:hover span i,
.shared-element-actions a.repost:hover span i {
background-position: 0 -16px;
}
.s-actions a.like span i,
.shared-element-actions a.like span i {
background-position: -16px 0;
}
.s-actions a.like .count,
.shared-element-actions a.like .count {
border: 0px;
}
.s-actions a.like:hover span,
.shared-element-actions a.like:hover span {
background: #c5889c;
}
.s-actions a.like:hover span i,
.shared-element-actions a.like:hover span i {
background-position: -16px -16px;
}
.s-actions a.like:hover .count,
.shared-element-actions a.like:hover .count {
background: #c5889c;
color: #fff;
}
.s-actions a.like.active i,
.shared-element-actions a.like.active i {
background-position: -16px -32px;
}
.s-actions a.comment span 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: #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: #efbd81;
color: #fff;
}
.s-actions a.share span i,
.shared-element-actions a.share span i {
background-position: -48px 0;
}
.s-actions a.share:hover span,
.shared-element-actions a.share:hover span {
background: #9fc582;
}
.s-actions a.share:hover span i,
.shared-element-actions a.share:hover span i {
background-position: -48px -16px;
}
.s-element .buttons {
zoom: 1;
margin-left: -7px;
padding: 3px 0;
}
.s-element .buttons:before,
.s-element .buttons:after {
content: ”;
display: table;
}
.s-element .buttons:after {
clear: both;
}
.s-element .buttons a {
display: block;
float: left;
width: 30px;
height: 30px;
}
.s-element .buttons a span {
float: left;
}
.s-element .buttons a i {
display: block;
background-image: url(‘//storify.com/public/img/icons-story.png’);
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin: 6px 7px;
float: left;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.s-element .buttons a i {
background-image: url(‘//storify.com/public/img/icons-story@2x.png’);
-webkit-background-size: 80px 64px;
-moz-background-size: 80px 64px;
background-size: 80px 64px;
}
}
.s-element .buttons a.like i {
background-position: -16px 0;
}
.s-element .buttons a.like:hover i {
background-position: -16px -16px;
}
.s-element .buttons a.like.active i {
background-position: -16px -32px;
}
.s-element .buttons a.comment i {
background-position: -32px 0;
}
.s-element .buttons a.comment:hover i {
background-position: -32px -16px;
}
.s-element .buttons a.share {
width: auto;
line-height: 30px;
}
.s-element .buttons a.share i {
background-position: -48px 0;
margin-right: 3px;
}
.s-element .buttons a.share span {
font-weight: bold;
color: #52748f;
}
.s-element .buttons a.share:hover i {
background-position: -48px -16px;
}
.s-element .buttons a.share:hover span {
color: #ababab;
}
.s-element .buttons em {
float: left;
height: 30px;
line-height: 30px;
font-style: normal;
color: #b4c4d1;
font-size: 12px;
margin-right: 5px;
}
.s-element .buttons em.zero {
color: #dde4ea;
display: none;
}
.count {
float: left;
color: #999;
line-height: 28px;
font-size: 12px;
border-top: 0px;
padding-right: 5px;
}
.s-actions-share {
list-style: none;
margin: 0px;
padding: 0px;
}
.s-actions-share li {
display: inline-block;
}
.s-actions-share {
float: left;
}
.s-actions-share:hover li a {
opacity: 0.7;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
filter: alpha(opacity=70);
}
.s-actions-share li {
float: left;
padding-right: 10px;
}
.s-actions-share li a {
display: block;
width: 24px;
height: 24px;
text-indent: -9999px;
background-image: url(‘//storify.com/public/img/share-icons-24px.png’);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
-webkit-filter: grayscale(100%);
}
.s-actions-share li a:hover {
-webkit-filter: grayscale(0%);
opacity: 1;
-ms-filter: none;
filter: none;
}
.s-actions-share li.s-share-storify a {
background-image: url(‘//storify.com/public/img/sources/storify-24px.png’);
margin-bottom: 1px;
}
.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: -24px 0;
}
.s-actions-share li.s-share-pinterest a {
background-position: -120px 0;
}
.s-actions-share li.s-share-googleplus a {
background-position: -48px 0;
}
.s-actions-share li.s-share-linkedin a {
background-position: -72px 0;
}
.s-actions-share li.s-share-email {
padding-right: 0;
}
.s-actions-share li.s-share-email a {
background-position: -96px 0;
}
#s-share-dropdown,
#s-embed-dropdown,
#s-comment-dropdown {
z-index: 102;
display: none;
position: absolute;
top: 50px;
right: 20px;
background: #fff;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0px 1px 0px #e7e7e7;
box-shadow: 0px 1px 0px #e7e7e7;
}
#share-footer-dropdown {
display: none;
z-index: 102;
position: absolute;
top: 36px;
left: 95px;
background: #fff;
padding: 6px 10px;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0px 1px 0px #e7e7e7;
box-shadow: 0px 1px 0px #e7e7e7;
}
#comments-footer {
display: none;
z-index: 102;
position: absolute;
top: 36px;
left: 95px;
background: #fff;
padding: 6px 10px;
border: 1px solid #e7e7e7;
border-bottom: 1px solid #c0c1c2;
-webkit-box-shadow: 0px 1px 0px #e7e7e7;
box-shadow: 0px 1px 0px #e7e7e7;
}
#s-share-dropdown {
width: 200px;
padding: 10px;
}
#s-embed-dropdown {
width: 278px;
}
#s-embed-dropdown label {
font-size: 11px;
}
#s-embed-dropdown .s-embed-code {
padding: 15px;
}
#s-embed-dropdown .s-embed-code label {
margin-bottom: 5px;
}
#s-embed-dropdown .s-embed-code input[type=’text’] {
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: ‘Monaco’, ‘Courier’, monospace;
}
#s-embed-dropdown .s-embed-options {
padding: 17px 15px 5px;
background: url(‘//storify.com/public/img/border2px.gif’) top repeat-x;
}
#s-embed-dropdown .s-embed-options .s-embed-template {
margin-bottom: 10px;
}
#s-embed-dropdown .s-embed-options .s-embed-template label {
float: left;
line-height: 18px;
padding-right: 5px;
}
#s-embed-dropdown .s-embed-options .s-embed-template select {
height: 18px;
margin: 0;
}
#s-embed-dropdown .s-embed-options .s-embed-show,
#s-embed-dropdown .s-embed-options .s-embed-seo {
margin-bottom: 10px;
}
#s-embed-dropdown .s-embed-options .s-embed-show label,
#s-embed-dropdown .s-embed-options .s-embed-seo label,
#s-embed-dropdown .s-embed-options .s-embed-show input,
#s-embed-dropdown .s-embed-options .s-embed-seo input {
display: inline;
}
#s-embed-dropdown .s-embed-options .s-embed-show input,
#s-embed-dropdown .s-embed-options .s-embed-seo input {
vertical-align: baseline;
}
#s-embed-dropdown .s-embed-options .s-embed-show label,
#s-embed-dropdown .s-embed-options .s-embed-seo label {
padding: 0 5px;
}
#s-embed-dropdown .s-embed-options .s-embed-show label:first-child {
padding-left: 0;
}
#s-comment-dropdown {
width: 350px;
}
#s-copy-code {
color: #333;
font-size: 11px;
text-decoration: none;
}
.s-email-send {
padding-top: 18px;
}
.s-email-send button {
margin-left: 0px;
}
.s-elements {
position: relative;
min-height: 200px;
font-size: 12px;
line-height: 18px;
color: #333;
list-style: none;
padding: 0px;
margin: 10px 0;
}
.s-elements a {
text-decoration: none;
color: #333;
}
.s-elements a:hover {
text-decoration: underline;
}
.s-elements .embedTweet .s-element-container {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.s-elements .embedTweet .s-element-container blockquote.twitter-tweet {
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #e7e7e7;
-webkit-box-shadow: 0 0px 2px #e7e7e7;
box-shadow: 0 0px 2px #e7e7e7;
}
.s-title,
#s-title {
display: block;
font-family: ‘Georgia’, serif;
font-size: 32px;
font-style: normal;
font-weight: normal;
line-height: 1.1em;
color: #000;
padding: 0px 20px;
margin: 0px;
}
.s-section {
zoom: 1;
margin: 0;
}
.s-section:before,
.s-section:after {
content: ”;
display: table;
}
.s-section:after {
clear: both;
}
.s-section a.name,
.s-section a.edit {
float: left;
display: inline-block;
}
.s-section a.name {
font-family: ‘Helvetica’, sans-serif;
color: #b30c00;
font-style: normal;
padding-left: 20px;
font-size: 12px;
line-height: 18px;
text-transform: uppercase;
}
.s-section a.name:hover {
text-decoration: none;
color: #000;
}
.s-section a.edit {
margin-left: 5px;
width: 16px;
height: 16px;
background: #000;
text-indent: -9999px;
background: url(‘//storify.com/public/img/web.png’) -128px 0px;
}
.s-description,
#s-description {
display: block;
margin: 0px;
padding: 10px 20px 20px;
font-size: 15px;
line-height: 1.6em;
color: #666;
}
#s-title,
#s-description {
width: 100%;
padding: 7px;
margin: 0px -7px 10px;
border: 1px solid #eee;
resize: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#s-title:hover:not(:focus),
#s-description:hover:not(:focus) {
background: #fffbe3;
border-color: #ccc;
}
#s-title:focus,
#s-description:focus {
-webkit-box-shadow: inset 0 2px 1px rgba(0,0,0,0.07);
box-shadow: inset 0 2px 1px rgba(0,0,0,0.07);
border-color: #aaa;
}
#s-title::-webkit-input-placeholder,
#s-description::-webkit-input-placeholder {
color: #d5dde5;
font-family: ‘Museo Sans Light’, ‘Helvetica Neue’, sans-serif;
}
#s-title::-moz-placeholder,
#s-description::-moz-placeholder {
color: #d5dde5;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
}
.s-load-more {
display: block;
height: 50px;
font-size: 18px;
margin: 0px;
padding: 10px 0px;
color: #eee;
background-color: #0083cb;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1e8ac7), color-stop(1, #0083cb));
background: -webkit-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: -moz-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: -o-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: -ms-linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
background: linear-gradient(top, #1e8ac7 0%, #0083cb 100%);
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
-webkit-border-radius: 3px;
border-radius: 3px;
width: 628px;
-webkit-border-radius: 0px;
border-radius: 0px;
cursor: pointer;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
text-align: center;
text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
}
.s-load-more:disabled {
background: url(‘//storify.com/public/img/load.gif’) no-repeat center;
font-size: 0px;
}
.s-load-more#embed-footer {
display: block;
width: auto;
text-align: center;
background-color: #0083cb;
border: 1px solid #0083cb;
-webkit-border-radius: 3px;
border-radius: 3px;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
color: #fff;
text-align: center;
height: 40px;
line-height: 40px;
font-size: 1.4em;
padding: 3px 0;
margin: 0px 0px;
}
.s-load-more#embed-footer:hover {
color: #fff;
text-decoration: none;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #017cc0), color-stop(1, #0068ac));
background: -webkit-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: -moz-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: -o-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: -ms-linear-gradient(top, #017cc0 0%, #0068ac 100%);
background: linear-gradient(top, #017cc0 0%, #0068ac 100%);
}
.s-load-more#embed-footer:disabled {
background: url(‘//storify.com/public/img/load.gif’) no-repeat center;
font-size: 0px;
}
.s-story .s-created-with {
background: url(‘//storify.com/public/img/created.with.png’) right no-repeat;
display: block;
height: 16px;
margin: 3px;
}
.tipsy-inner {
overflow: hidden;
}
.tipsy-inner p {
max-width: 300px;
}
.tipsy-inner img.related {
float: left;
margin: 0px 5px 0px 0px;
}
.s-story .footer {
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
color: #666;
display: block;
padding: 15px 15px 5px 15px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, #fff));
background: -webkit-linear-gradient(top, #f9f9f9 0%, #fff 100%);
background: -moz-linear-gradient(top, #f9f9f9 0%, #fff 100%);
background: -o-linear-gradient(top, #f9f9f9 0%, #fff 100%);
background: -ms-linear-gradient(top, #f9f9f9 0%, #fff 100%);
background: linear-gradient(top, #f9f9f9 0%, #fff 100%);
border-top: 1px solid #f7f7f7;
font-size: 12px;
line-height: 14px;
overflow: hidden;
}
.s-story .footer #related-stories {
display: none;
font-size: 10pt;
margin-bottom: 10px;
}
.s-story .footer #related-stories h3 {
font-size: 13px;
margin: 0px 0px 5px 0px;
color: #888;
float: left;
}
.s-story .footer #related-stories ul {
clear: left;
padding: 0px;
margin: 0px;
}
.s-story .footer #related-stories li {
list-style: none;
overflow: hidden;
margin: 5px 0px;
}
.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: #888;
}
.s-story .footer .subscribe {
display: inline-block;
padding-top: 2px;
}
.s-story .footer span,
.s-story .footer a,
.s-story .footer .subscribe-button {
display: block;
float: left;
}
.s-story .footer a.logo {
display: block;
float: right;
width: 132px;
height: 19px;
overflow: hidden;
margin: 0px 8px 5px 0px;
background-image: url(‘//storify.com/public/img/livefyre-embed-footer.png’);
background-position: 0 -20px;
background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.s-story .footer a.logo {
background-image: url(‘//storify.com/public/img/livefyre-embed-footer@2x.png’);
-webkit-background-size: 134px auto;
-moz-background-size: 134px auto;
background-size: 134px auto;
}
}
.s-story .footer a.logo em {
visibility: hidden;
}
.s-story .footer .subscribe-label,
.s-story .footer .subscribed-label,
.s-story .footer .subscribe-user {
height: 20px;
line-height: 20px;
}
.s-story .footer .subscribe-button {
height: auto;
margin: -2px 0 0 10px;
}
.s-story .footer .subscribe-button span {
font-size: 11px;
height: 20px;
line-height: 20px;
padding: 0 7px;
}
.s-story .footer .subscribe-button:hover {
text-decoration: none;
}
.s-story:hover .footer a.logo {
background-position: 0 0;
}
.s-story .engage {
position: relative;
padding: 10px 20px;
font-size: 12px;
border-top: 1px dotted #ddd;
background: #f7f7f7;
-webkit-border-radius: 0;
border-radius: 0;
}
.s-story .engage a {
font-weight: bold;
}
.s-story .engage .intro {
color: #666;
margin: 0 0 10px;
}
.s-story .engage .liked {
display: none;
position: absolute;
top: 10px;
right: 20px;
color: #008000;
font-weight: bold;
}
.s-story .engage .action-container {
padding-top: 0;
}
.s-story .engage .recent {
padding: 0;
margin: 10px 0 0;
list-style: none;
}
.s-story .engage .recent li {
zoom: 1;
font-size: 11px;
line-height: 16px;
padding: 5px 0;
border-top: 1px dotted #ddd;
}
.s-story .engage .recent li:before,
.s-story .engage .recent li:after {
content: ”;
display: table;
}
.s-story .engage .recent li:after {
clear: both;
}
.s-story .engage .recent li:last-child {
padding-bottom: 0;
}
.s-story .engage .recent li img {
width: 16px;
height: 16px;
float: left;
display: block;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.s-story .engage .recent li .container {
padding-left: 21px;
}
.s-story .engage .recent li .container a {
text-decoration: none;
}
.s-story .engage .recent li .container .date {
color: #999;
}
.s-story .engage.embed {
background: transparent;
border: none;
padding: 0px;
}
body#embed .s-story {
-webkit-border-radius: 0;
border-radius: 0;
}
body#embed .s-story .s-info {
margin-left: 0;
}
body#embed .s-story .s-info .s-author {
border-left: 0;
}
@media all and (max-width: 659px) {
#head-container {
display: none;
}
#content {
padding-top: 0px !important;
}
}
.left-content {
position: relative;
float: left;
max-width: 630px;
width: 100%;
}
.right-sidebar {
float: right;
width: 300px;
}
.fluid {
width: 100%;
}
.fixed {
position: relative;
max-width: 960px;
margin: 0px auto;
padding: 0px 15px;
}
.left {
float: left;
}
.right {
float: right;
}
.inline {
float: left;
margin: 0px 3px 0px 0px;
}
.clear {
float: none !important;
clear: both;
}
input {
vertical-align: top;
margin: 0;
}
input[type=’text’],
input[type=’password’],
textarea,
.input-text {
background: #fff;
font-size: 12px;
padding: 6px;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size: 11px;
}
input[type=’text’]:hover,
input[type=’password’]:hover,
textarea:hover,
.input-text:hover {
border-color: #ccc;
}
input[type=’text’]:focus,
input[type=’password’]:focus,
textarea:focus,
.input-text:focus,
input[type=’text’].focus,
input[type=’password’].focus,
textarea.focus,
.input-text.focus {
border-color: #5695db;
}
input[type=’text’].search,
input[type=’password’].search,
textarea.search,
.input-text.search {
padding: 8px 6px 8px 0px;
background: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
input[type=’text’].error,
input[type=’password’].error,
textarea.error,
.input-text.error {
border-color: #f07070;
color: #9d3434;
}
body#editor .input-text {
-webkit-border-radius: 0;
border-radius: 0;
}
.input-text {
padding: 0;
}
.input-prepend {
display: inline-block;
margin: 11px 0 0 5px;
font-weight: bold;
font-size: 11px;
color: #ccc;
}
.form input[type=’text’],
.form input[type=’password’],
.form .input-text {
display: block;
padding: 10px;
margin: 3px 0px 10px;
width: 300px;
}
.form button {
float: right;
margin-right: 0px;
}
.form input[type=checkbox] {
display: block;
margin: 10px 6px 0 0;
}
.field {
clear: both;
}
label {
display: block;
font-size: 10px;
color: #888;
}
.placeholder {
color: #aaa;
}
::-webkit-input-placeholder {
color: #aaa;
}
:-moz-placeholder {
color: #aaa;
}
::-webkit-input-placeholder {
color: #fff;
color: #fff;
font-weight: normal;
}
:-moz-placeholder {
color: #ccc;
font-weight: normal;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, serif;
}
#storify-auth ::-webkit-input-placeholder,
#cust-serv-dash ::-webkit-input-placeholder {
color: #ccc;
font-weight: normal;
}
#storify-auth :-moz-placeholder,
#cust-serv-dash :-moz-placeholder {
color: #ccc;
font-weight: normal;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, serif;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.button-group {
list-style: none;
}
button,
a.button {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 3px;
border-radius: 3px;
background-color: #cacaca;
padding: 1px;
border: 0;
}
button span,
a.button span {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
font-size: 12px;
font-weight: 700;
line-height: 1em;
padding: 6px 8px;
position: relative;
text-decoration: none;
background-color: #ececec;
color: #6e7780;
text-shadow: 0 1px 0 #fff;
text-align: center;
cursor: pointer;
height: 24px;
-webkit-font-smoothing: antialiased;
}
button:hover span,
a.button:hover span {
background: #d8d8d8;
text-decoration: none;
}
button:active,
a.button:active {
background: none;
}
button:active span,
a.button:active span {
background: #ececec;
}
button.submit,
a.button.submit {
background-color: #257cb7;
}
button.submit span,
a.button.submit span {
background-color: #2f87cf;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
}
button.submit:hover span,
a.button.submit:hover span {
background: #257cb7;
}
button.submit:active,
a.button.submit:active {
background: none;
}
button.submit:active span,
a.button.submit:active span {
background: #2f87cf;
}
button.accept,
a.button.accept {
background-color: #59a61d;
}
button.accept span,
a.button.accept span {
background-color: #5ea724;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
}
button.accept:hover span,
a.button.accept:hover span {
background: #519216;
}
button.accept:active,
a.button.accept:active {
background: none;
}
button.accept:active span,
a.button.accept:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #5ea724;
}
button.decline,
a.button.decline {
background-color: #830a12;
}
button.decline span,
a.button.decline span {
background-color: #b71e29;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.6);
}
button.decline:hover span,
a.button.decline:hover span {
background: #a51627;
}
button.decline:active,
a.button.decline:active {
background: none;
}
button.decline:active span,
a.button.decline:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #b71e29;
}
button.load-more span {
padding: 0 !important;
height: 37px;
line-height: 37px;
width: 100%;
margin: 0;
font-size: 14px;
}
button.load-more.loading {
background-image: url(‘//storify.com/public/img/load.gif’);
background-position: center;
background-repeat: no-repeat;
text-indent: -9999px;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
button.load-more.loading span {
background: transparent none;
}
button.twitter span,
button.facebook span,
a.button.twitter span,
a.button.facebook span {
width: 220px;
height: 38px;
line-height: 38px;
font-size: 14px;
padding: 0;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
-webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.75);
box-shadow: 0 0 0 1px rgba(255,255,255,0.2) inset, 0 1px 0 rgba(255,255,255,0.1) inset, 0 1px 2px rgba(0,0,0,0.75);
}
button.facebook,
a.button.facebook {
background-color: #55719d;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #5e7caa), color-stop(1, #4b668f));
background-image: -webkit-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: -moz-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: -o-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: -ms-linear-gradient(top, #5e7caa 0%, #4b668f 100%);
background-image: linear-gradient(top, #5e7caa 0%, #4b668f 100%);
}
button.facebook span,
a.button.facebook span {
background-color: #6c8ab9;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #819bc3), color-stop(1, #5679ae));
background-image: -webkit-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: -moz-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: -o-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: -ms-linear-gradient(top, #819bc3 0%, #5679ae 100%);
background-image: linear-gradient(top, #819bc3 0%, #5679ae 100%);
}
button.facebook:hover span,
a.button.facebook:hover span {
background: #5679ae;
}
button.facebook:active,
a.button.facebook:active {
background: none;
}
button.facebook:active span,
a.button.facebook:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #5679ae;
}
button.twitter,
a.button.twitter {
background-color: #1291c1;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #109dd3), color-stop(1, #1484ae));
background-image: -webkit-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: -moz-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: -o-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: -ms-linear-gradient(top, #109dd3 0%, #1484ae 100%);
background-image: linear-gradient(top, #109dd3 0%, #1484ae 100%);
}
button.twitter span,
a.button.twitter span {
background-color: #06a1db;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00aced), color-stop(1, #0b95c9));
background-image: -webkit-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: -moz-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: -o-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: -ms-linear-gradient(top, #00aced 0%, #0b95c9 100%);
background-image: linear-gradient(top, #00aced 0%, #0b95c9 100%);
}
button.twitter:hover span,
a.button.twitter:hover span {
background: #0b95c9;
}
button.twitter:active,
a.button.twitter:active {
background: none;
}
button.twitter:active span,
a.button.twitter:active span {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
box-shadow: 0 1px 2px rgba(0,0,0,0.5) inset;
background: #0b95c9;
}
*:focus {
outline: 0;
}
.close-x {
position: absolute;
padding: 0px 2px;
color: #aaa;
text-shadow: 0px 1px 0px #fff;
}
.close-x:before {
content: ‘✖’;
}
.close-x:hover {
cursor: pointer;
color: #555;
}
.close-x:active {
color: #333;
}
.error-messages {
margin: 0px;
padding: 5px 0px;
list-style-type: none;
color: #9d3434;
}
.tipsy {
font-size: 12px;
position: absolute;
padding: 5px;
z-index: 100005;
}
.tipsy-inner {
background-color: #333;
color: #fff;
max-width: 400px;
padding: 6px 8px;
}
.tipsy-inner h1 {
font-size: 20px;
margin: 3px 0px 10px;
}
.tipsy-inner small {
color: #aaa;
}
.tooltip-actions {
font-size: 10px;
text-align: right;
color: #ddd;
}
.tooltip-actions a {
margin-left: 10px;
color: #eee;
}
.tooltip-next {
font-weight: bold;
}
.tooltip-next:after {
content: ‘ ▸’;
}
.tipsy-arrow {
position: absolute;
width: 0;
height: 0;
line-height: 0;
border: 5px dashed #333;
}
.tipsy-n .tipsy-arrow {
top: 0px;
left: 50%;
margin-left: -5px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-nw .tipsy-arrow {
top: 0;
left: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-ne .tipsy-arrow {
top: 0;
right: 10px;
border-bottom-style: solid;
border-top: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-s .tipsy-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-sw .tipsy-arrow {
bottom: 0;
left: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-se .tipsy-arrow {
bottom: 0;
right: 10px;
border-top-style: solid;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
}
.tipsy-e .tipsy-arrow {
right: 0;
top: 50%;
margin-top: -5px;
border-left-style: solid;
border-right: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
.tipsy-w .tipsy-arrow {
left: 0;
top: 50%;
margin-top: -5px;
border-right-style: solid;
border-left: none;
border-top-color: transparent;
border-bottom-color: transparent;
}
@media screen and (max-width: 989px) {
#signup-prompt {
display: none;
}
#head {
width: 100%;
padding: 0;
}
#head .left {
padding-left: 10px;
}
#head .right {
padding-right: 10px;
}
#head .right #user-box {
right: 10px !important;
}
#content {
padding-bottom: 88px !important;
}
#foot .social {
float: none !important;
padding-bottom: 5px;
}
#foot .social iframe {
margin-bottom: 5px;
}
#foot .links {
float: none !important;
}
#foot .links a,
#foot .links span {
white-space: nowrap;
float: left;
margin: 0 10px 0 0;
}
#read-notification {
display: none !important;
}
#landing-message .notify {
width: 590px;
margin-left: -315px;
}
}
@media screen and (max-width: 659px) {
#foot .fixed {
padding: 0 10px;
}
#head-container #head .right .nav {
padding-right: 0;
}
#head-container #head .right .nav .nav-item {
padding-left: 0;
margin-left: 0;
background: none;
}
#head-container #head .right .nav .nav-item span {
display: block;
text-indent: -9999px;
width: 24px;
height: 24px;
background: url(‘//storify.com/public/img/icons-header.png’);
}
#head-container #head .right .nav .nav-item.discovery {
display: none;
}
#head-container #head .right .nav .nav-item.sections span {
background-position: 0 -24px;
}
#head-container #head .right .nav .nav-item.sections:hover span {
background-position: 0 0;
}
#head-container #head .right #create-story-button {
display: none;
}
#uservoice-feedback,
#zenbox_tab {
display: none !important;
}
#content {
padding-top: 44px;
padding-bottom: 46px;
}
#messages .message {
margin: 0 !important;
border: none !important;
border-bottom: 1px solid #ddd !important;
}
#messages .message:last-child {
margin: 0 !important;
border: none !important;
}
#banner {
margin: 0 !important;
overflow: hidden;
}
#banner img {
width: 140% !important;
}
#foot {
position: static !important;
}
#landing-message .notify {
width: 260px;
margin-left: -150px;
}
#landing-message .notify h3 .message-title {
font-size: 1.2em;
}
#landing-message .notify h3 .message-body {
font-size: 0.9em;
line-height: 1.2em;
}
}
@media screen and (max-width: 447px) {
.modal {
position: fixed;
width: 320px;
margin-left: -160px;
}
.modal h1 {
font-size: 22px;
}
.modal .modal-content.dialog h1 {
margin: 25px 0px 0px 50px;
position: relative;
font-size: 16px;
}
.modal .modal-content.dialog.error .icon {
width: 32px;
height: 32px;
position: absolute;
top: 40px;
left: 30px;
-webkit-background-size: 32px 32px;
-moz-background-size: 32px 32px;
background-size: 32px 32px;
}
.modal .modal-content.dialog.warning .icon {
width: 40px;
height: 32px;
position: absolute;
top: 40px;
left: 30px;
-webkit-background-size: 32px 32px;
-moz-background-size: 32px 32px;
background-size: 32px 32px;
}
.modal .modal-content.dialog .modal-body {
padding: 0px 20px 15px 75px;
font-size: 1.2em;
}
.modal .modal-content.dialog .modal-actions {
padding: 0px 20px 20px 20px;
text-align: right;
}
#landing-message .notify {
width: 260px;
margin-left: -150px;
}
#landing-message .notify h3 .message-title {
font-size: 1.2em;
}
}
@media screen and (max-width: 659px) {
#storify-auth {
padding: 0 15px 15px !important;
}
#storify-auth h1 {
margin: 20px auto;
}
}
#storify-auth h1.title {
margin: 20px auto 40px;
}
#storify-auth .buttons {
width: 218px;
margin: 40px auto 10px !important;
}
#storify-auth .buttons a.button {
float: none !important;
margin-bottom: 10px;
}
@media screen and (max-width: 479px) {
.fixed {
padding: 0;
}
.s-actions {
display: none;
}
#storify-auth h1.title {
width: 250px;
height: 62px;
margin: 40px auto 20px;
}
#storify-auth h1.title a {
width: 250px;
height: 62px;
-webkit-background-size: 250px 63px;
-moz-background-size: 250px 63px;
background-size: 250px 63px;
}
#storify-auth .intro {
margin-bottom: 20px;
}
#storify-auth .intro p {
margin-bottom: 5px;
}
#storify-auth .buttons {
width: 218px;
margin: 40px auto 10px !important;
}
#storify-auth .buttons a.button {
float: none !important;
margin-bottom: 10px;
}
#storify-auth .form #login-stay-container span.dot {
display: none;
}
#storify-auth .form #login-stay-container #forgot {
display: block;
padding-top: 3px;
}
}
@media screen and (max-width: 989px) {
.left-content {
float: none;
margin: 0 auto;
}
#story-side {
float: none;
margin: 0 auto;
width: 630px;
overflow: hidden;
padding: 0;
}
#user-stats {
width: 300px;
float: left;
padding-top: 30px;
}
#related-author-stories {
width: 300px;
float: right;
padding-top: 30px;
}
.zero {
display: none;
}
#share-element-modal {
width: 530px;
margin-left: -295px;
}
}
@media screen and (max-width: 659px) {
.s-share-dropdown {
display: none;
}
.s-element-actions {
display: block;
}
.left-content {
width: 100%;
max-width: none !important;
}
.left-content .s-story {
-webkit-border-radius: 0;
border-radius: 0;
}
.story-toolbar {
display: none !important;
}
#add-section {
-webkit-border-radius: 0;
border-radius: 0;
margin: 0;
}
#story-side {
width: 300px;
}
#user-stats {
padding-top: 20px;
}
#user-stats #user-profile-box {
margin-bottom: 20px;
}
#user-stats #story-total-views {
margin: 0;
}
#related-author-stories {
padding-top: 20px;
}
.zero {
display: none;
}
.s-load-more {
width: 100%;
}
#share-element-modal {
width: 330px;
margin-left: -180px;
padding: 20px;
top: 10px;
}
#share-element-modal .left,
#share-element-modal .right {
width: 100%;
float: none;
}
#share-element-modal .close-x {
top: 6px;
right: 6px;
}
}
@media screen and (max-width: 447px) {
#share-element-modal {
width: 100%;
margin: 0;
left: 0;
top: 0;
padding: 30px 0 0 0;
-webkit-border-radius: 0;
border-radius: 0;
overflow: hidden;
}
#share-element-modal .s-video-content iframe,
#share-element-modal .s-video-shim iframe {
min-height: 220px;
}
#share-element-modal .top {
margin-bottom: 0;
}
#share-element-modal .top .box.element {
margin-bottom: 10px;
}
#share-element-modal .left,
#share-element-modal .right,
#share-element-modal .s-video-info {
margin: 0 10px;
}
#share-element-modal .left {
margin-top: 10px;
}
#share-element-modal .right .top-story {
width: 94%;
}
}
@media screen and (max-width: 859px) {
.story-toolbar-full .user-bar .story-toolbar-status span {
display: none;
}
.zero {
display: none;
}
}
@media screen and (max-width: 519px) {
.zero {
display: none;
}
.s-load-more {
width: 100%;
}
.story-toolbar-status span {
display: none;
}
#head-container #head .right .user {
position: absolute;
right: 0px;
}
#head-container #head form#search button {
display: block;
}
}
@media screen and (max-width: 399px) {
.zero {
display: none;
}
.s-load-more {
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
width: 360px;
}
.story-toolbar-full .user-bar .story-toolbar-status span {
display: none;
}
#story {
margin-top: 10px;
}
.default.free #head form#search button {
display: block;
}
#head-container #head .button-group li #user-arrow .user-auth-username {
width: 70px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
}
@media screen and (max-width: 989px) {
body.profile #content {
padding-top: 44px;
}
#user-profile {
width: 100%;
border-left: 0;
border-right: 0;
}
#user-profile #user-profile-picture {
width: 80px;
height: 80px;
top: 110px;
}
#user-profile #user-profile-picture img {
width: 78px;
height: 78px;
}
#user-profile #user-profile-picture .change-avatar {
display: none !important;
}
#user-profile #user-cover-photo {
width: 100%;
height: 150px;
}
#user-profile #user-cover-photo .user-name-stats {
height: 150px;
}
#user-profile #user-cover-photo .user-name-stats .user-name {
left: 128px;
}
#user-profile #user-cover-photo .user-name-stats .user-stats .user-stat a span {
display: inline-block;
width: 16px;
height: 16px;
text-indent: -9999px;
background-image: url(‘//storify.com/public/img/icons.png’);
vertical-align: text-bottom;
font-size: 20px;
position: relative;
top: -2px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
{
background-image: url(‘//storify.com/public/img/icons@2x.png’);
-webkit-background-size: 80px 64px;
-moz-background-size: 80px 64px;
background-size: 80px 64px;
}
}
#user-profile #user-cover-photo .change-cover {
display: none !important;
}
#user-profile #user-more {
zoom: 1;
height: auto;
}
#user-profile #user-more:before,
#user-profile #user-more:after {
content: ”;
display: table;
}
#user-profile #user-more:after {
clear: both;
}
#user-profile #user-more .user-identities {
margin-left: 128px;
padding-bottom: 15px;
}
#user-profile #user-more .user-bio {
float: none;
width: auto;
margin-bottom: 10px;
}
#user-profile #user-more .user-follow-container {
float: none;
width: auto;
padding: 0 0 15px 0;
}
#top-stories {
width: 630px;
}
}
@media screen and (max-width: 659px) {
#user-profile {
margin-bottom: 20px;
}
#user-profile #user-profile-picture {
width: 60px;
height: 60px;
top: 20px;
border: 0;
padding: 0;
background: transparent none;
-webkit-border-radius: 0;
border-radius: 0;
}
#user-profile #user-profile-picture img {
width: 60px;
height: 60px;
border: 0;
-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.5);
box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
#user-profile #user-cover-photo {
height: 100px;
}
#user-profile #user-cover-photo .user-name-stats {
height: 100px;
}
#user-profile #user-cover-photo .user-name-stats .user-name {
left: 100px;
bottom: 20px;
}
#user-profile #user-cover-photo .user-name-stats .user-name .user-realname,
#user-profile #user-cover-photo .user-name-stats .user-name .user-username {
display: block;
}
#user-profile #user-cover-photo .user-name-stats .user-stats {
display: none;
}
#user-profile #user-more .user-identities {
display: none;
}
#user-profile #user-more .user-bio {
padding: 10px;
margin: 0;
}
#user-profile #user-more .user-follow-container {
padding: 0 10px 10px;
}
#user-profile #user-more .user-follow-container button span {
font-size: 12px;
width: auto;
height: auto;
padding: 6px 8px;
line-height: 1em;
}
#top-stories {
width: 290px;
}
#top-stories h2 {
margin-bottom: 10px;
}
#top-stories .story-tile {
margin-left: 10px;
}
#organize-modal {
width: 300px;
margin-left: -150px;
}
}
@media screen and (max-width: 989px) {
#home .stories-block {
width: 630px !important;
}
#home .stories-block .story-list {
width: 660px !important;
}
#home #home-elements {
width: 650px;
}
#home #top-publishers ul {
max-height: 104px;
}
body.home {
background-position: 0 217px;
}
body.home #head {
width: 630px;
}
body.home #head .left {
padding-left: 0px;
}
body.home #head .right {
padding-right: 0px;
}
body.home #head .right #search button {
display: none;
}
body.home #head .right #login-button {
margin: 15px 0px 0px 0px;
}
body.home #head #logo a {
margin: 10px 0px 0px 0px;
}
body.home #home #home-top {
height: 171px;
}
body.home #home #home-top #actions-search .search {
width: 630px;
}
body.home #home #home-top #actions-search .search input {
width: 200px;
}
body.home #home #home-top .fixed {
padding-top: 30px;
height: 141px;
}
body.home #home #home-top .fixed #tagline-actions {
margin-bottom: 10px;
}
body.home #home #home-top .fixed #tagline-actions h1 {
padding: 0px 0px 0px 8px;
line-height: 26px;
width: 400px;
text-align: center;
}
body.home #home #home-top .fixed #topics {
display: none;
}
body.home #home #home-top .fixed #top-publishers {
width: 600px;
margin-left: -290px;
overflow: hidden;
}
body.home-connected {
background-position: 0 166px;
}
body.home-connected #head {
width: 630px;
margin: 0 auto;
}
body.home-connected #home #home-top {
height: 51px;
}
body.home-connected #home #home-top .fixed {
padding-top: 0;
height: 120px;
}
body.home.prospect {
margin: 0px;
}
body.home.prospect #container {
width: 100%;
}
body.home.prospect #head-container {
height: 240px;
}
body.home.prospect #head-container #intro-home {
width: 630px;
}
body.home.prospect #head-container #intro-home .steps {
display: none;
}
body.home.prospect #head-container #intro-home .dek {
display: block;
font-size: 1.2em;
}
body.home.prospect #head-container #intro-home .dek #create-story {
margin: 0;
}
body.home.prospect #head-container #intro-home h1 {
font-size: 1.7em;
margin-top: 25px;
}
body.home.prospect #content {
padding-top: 0px !important;
}
body.home.prospect #content #home #home-top {
height: 44px;
}
body.home.prospect #content #home .stories-block {
padding-top: 0px !important;
padding-left: 10px;
h2
}
#home #home-categories {
height: 100px;
line-height: 100px;
width: 630px;
}
#home #home-categories span {
margin-right: -10px;
}
#home #home-categories ul li a {
width: 72px;
padding-top: 80px;
-webkit-background-size: auto 72px !important;
-moz-background-size: auto 72px !important;
background-size: auto 72px !important;
font-size: 12px;
margin-left: 10px;
}
#home #home-categories ul li.icon-0 a {
background-position: 0px 0;
}
#home #home-categories ul li.icon-1 a {
background-position: -72px 0;
}
#home #home-categories ul li.icon-2 a {
background-position: -144px 0;
}
#home #home-categories ul li.icon-3 a {
background-position: -216px 0;
}
#home #home-categories ul li.icon-4 a {
background-position: -288px 0;
}
#home #home-categories ul li.icon-5 a {
background-position: -360px 0;
}
.no-backgroundsize #home-categories {
display: none;
}
}
@media screen and (max-width: 659px) {
#home .stories-block {
width: 300px !important;
padding-top: 20px !important;
}
#home .stories-block .story-list {
width: 320px !important;
}
#home #home-elements {
width: 300px;
margin-top: -10px;
}
body.home {
background-position: 0 124px;
}
body.home #home #home-top {
margin-top: 0;
margin-bottom: 0;
}
body.home #home #home-top #actions-search .search #topics {
display: none;
}
body.home #home #home-top .fixed {
height: auto;
padding-top: 22px;
}
body.home #home #home-top .fixed #tagline-actions h1 {
font-size: 16px !important;
line-height: 20px !important;
width: 300px;
text-align: center;
}
body.home #home #home-top .fixed #tagline-actions a {
display: none;
}
body.home-connected {
background-position: 0 45px;
}
body.home-connected #head-container {
height: 44px;
}
body.home-connected #head-container #head {
height: 44px;
}
body.home-connected #head-container #head #logo {
height: 25px;
}
body.home-connected #head-container #head #logo a {
height: 30px;
width: 110px;
background-image: url(‘//storify.com/public/img/header-sprite.png’);
margin-top: 0px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
{
background-image: url(‘//storify.com/public/img/header-sprite@2x.png’);
-webkit-background-size: 290px 124px;
-moz-background-size: 290px 124px;
background-size: 290px 124px;
}
}
body.home-connected #head-container #head .right form#search {
position: absolute;
}
body.home-connected #head-container #head .right form#search button {
display: none;
}
body.home-connected #head-container #head .right .button-group li #user-arrow {
margin-top: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
height: 45px;
}
body.home-connected #head-container #head .right .button-group li #user-box {
position: absolute;
width: 300px;
top: 44px;
right: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
body.home-connected.free #head-container {
height: 44px;
}
body.home-connected.free #home .stories-block {
padding: 0px 10px;
}
body.home-connected.free #home .stories-block h2 {
margin: 10px 0px 0px 0px;
}
body.home.prospect {
margin: 0px;
}
body.home.prospect #container {
width: 100%;
}
body.home.prospect #head-container {
height: 170px;
}
body.home.prospect #head-container #intro-home {
margin: 0px 10px 15px 30px;
width: 460px;
}
body.home.prospect #head-container #intro-home .steps,
body.home.prospect #head-container #intro-home .dek {
display: none;
}
body.home.prospect #head-container #intro-home h1 {
font-size: 1.7em;
margin-top: 25px;
}
body.home.prospect #head-container #head .right #search button {
display: none;
}
body.home.prospect #head-container #head .right #login-button {
margin: 15px 10px 0px 0px;
}
body.home.prospect #head-container #head #logo a {
height: 35px;
width: 130px;
background-image: url(‘//storify.com/public/img/header-sprite.png’);
background-position: -150px 0px;
margin: 10px 0px 0px 20px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
{
background-image: url(‘//storify.com/public/img/header-sprite@2x.png’);
-webkit-background-size: 290px 124px;
-moz-background-size: 290px 124px;
background-size: 290px 124px;
}
}
body.home.prospect #content {
padding-top: 0px !important;
}
body.home.prospect #content #home #home-top {
height: 44px;
}
body.home.prospect #content #home .stories-block {
padding-top: 0px;
padding-left: 10px;
}
body.home.prospect #content #home .stories-block h2 {
padding-top: 0px;
}
#home #home-categories {
height: 90px;
line-height: 90px;
width: 450px;
}
#home #home-categories span {
display: none;
}
#home #home-categories ul li a {
width: 62px;
padding-top: 70px;
-webkit-background-size: auto 62px !important;
-moz-background-size: auto 62px !important;
background-size: auto 62px !important;
font-size: 11px;
margin-left: 10px;
}
#home #home-categories ul li.icon-0 a {
background-position: 0px 0;
}
#home #home-categories ul li.icon-1 a {
background-position: -62px 0;
}
#home #home-categories ul li.icon-2 a {
background-position: -124px 0;
}
#home #home-categories ul li.icon-3 a {
background-position: -186px 0;
}
#home #home-categories ul li.icon-4 a {
background-position: -248px 0;
}
#home #home-categories ul li.icon-5 a {
background-position: -310px 0;
}
}
@media screen and (max-width: 479px) {
body.home #home #home-top #actions-search {
width: 100%;
margin-bottom: 10px;
}
body.home #home #home-top #actions-search .search {
width: 300px !important;
margin: 0px 6px;
}
body.home #home #home-top #actions-search .search input {
width: 180px !important;
}
body.home #home #home-top #actions-search .search #topics {
display: none;
}
body.home #head-container {
height: 44px;
}
body.home #head-container #head {
height: 44px;
position: relative;
}
body.home #head-container #head .right {
height: 44px;
float: none;
position: relative;
padding-right: 0px;
}
body.home #head-container #head .right form#search {
position: absolute;
display: none;
right: 0px;
height: 44px;
width: 320px;
z-index: 999;
}
body.home #head-container #head .right form#search input {
display: none;
}
body.home #head-container #head .right form#search button {
position: absolute;
display: block;
left: 0px;
}
body.home #head-container #head .right form#search .close {
background-image: url(‘//storify.com/public/img/header-sprite.png’);
background-repeat: no-repeat;
background-position: 5px -94px;
display: inline-block;
width: 40px;
height: 40px;
position: absolute;
right: 0px;
margin: 2px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
{
background-image: url(‘//storify.com/public/img/header-sprite@2x.png’);
-webkit-background-size: 290px 124px;
-moz-background-size: 290px 124px;
background-size: 290px 124px;
}
}
body.home #head-container #head .button-group {
float: none;
position: absolute;
right: 0px;
}
body.home #head-container #head .button-group li #user-arrow {
width: 165px;
margin-top: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
height: 45px;
}
body.home #head-container #head .button-group li #user-arrow #plan-icon {
display: none;
}
body.home #head-container #head .button-group li #user-box {
position: absolute;
width: 300px;
top: 44px;
right: 0px;
margin-right: -10px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
body.home #head-container #head .button-group li #user-box .inner a {
padding: 12px 0px;
}
body.home #head-container #head #logo {
height: 25px;
}
body.home #head-container #head #logo a {
height: 30px;
width: 110px;
background-image: url(‘//storify.com/public/img/header-sprite.png’);
margin-top: 0px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
{
background-image: url(‘//storify.com/public/img/header-sprite@2x.png’);
-webkit-background-size: 290px 124px;
-moz-background-size: 290px 124px;
background-size: 290px 124px;
}
}
body.home #home #home-elements .box {
margin-bottom: 20px;
}
body.home #home .stories-block {
padding: 10px !important;
width: 300px !important;
margin-top: 20px;
}
body.home #home .stories-block h2 {
padding: 0px;
}
body.home.prospect #head-container {
height: 155px;
}
body.home.prospect #head-container #intro-home {
width: 280px;
margin: 0px 10px 15px 10px;
}
body.home.prospect #head-container #intro-home .steps,
body.home.prospect #head-container #intro-home .dek {
display: none;
}
body.home.prospect #head-container #intro-home h1 {
margin-top: 25px;
}
body.home.prospect #head-container #head .right #search button {
display: none;
}
body.home.prospect #head-container #head .right #login-button {
margin: 15px 10px 0px 0px;
}
body.home.prospect #head-container #head #logo a {
height: 35px;
width: 130px;
background-image: url(‘//storify.com/public/img/header-sprite.png’);
background-position: -150px 0px;
margin: 10px 0px 0px 0px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
{
background-image: url(‘//storify.com/public/img/header-sprite@2x.png’);
-webkit-background-size: 340px 147px;
-moz-background-size: 340px 147px;
background-size: 340px 147px;
}
}
body.home.prospect #content {
padding-top: 0px !important;
}
body.home.prospect #content #home #home-top {
height: 44px;
}
body.home.prospect #content #home #home-top #actions-search .search {
width: 300px !important;
margin: 0px 6px;
}
body.home.prospect #content #home #home-top #actions-search .search input {
width: 180px;
}
body.home.prospect #content #home #home-top #actions-search .search #topics {
display: none;
}
body.home.prospect #content #home .stories-block.fixed {
padding: 0px !important;
width: 300px !important;
h2
}
body.home.prospect #foot {
display: block;
}
body.home #head-container #head .button-group li #user-arrow .user-auth-username {
width: 85px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
#home #home-categories {
height: 70px;
line-height: 70px;
width: 320px;
}
#home #home-categories span {
display: none;
}
#home #home-categories ul li a {
width: 47px;
padding-top: 52px;
-webkit-background-size: auto 47px !important;
-moz-background-size: auto 47px !important;
background-size: auto 47px !important;
font-size: 8px;
margin-left: 5px;
}
#home #home-categories ul li.icon-0 a {
background-position: 0px 0;
}
#home #home-categories ul li.icon-1 a {
background-position: -47px 0;
}
#home #home-categories ul li.icon-2 a {
background-position: -94px 0;
}
#home #home-categories ul li.icon-3 a {
background-position: -141px 0;
}
#home #home-categories ul li.icon-4 a {
background-position: -188px 0;
}
#home #home-categories ul li.icon-5 a {
background-position: -235px 0;
}
}
@media screen and (max-width: 989px) {
#browse .filter {
width: 630px !important;
}
#browse .views .story-list {
width: 660px !important;
}
#browse .views .story-list .load-more {
width: 630px;
}
#browse .views .grid {
width: 630px !important;
}
#browse .views .grid .load-more {
width: 630px;
}
}
@media screen and (max-width: 659px) {
body.browse {
background-position: 0 115px;
}
#browse-top {
margin-bottom: 20px;
height: 68px;
}
#browse-top .fixed h1 {
font-size: 20px;
padding-top: 25px;
}
#browse .filter {
width: 300px !important;
}
#browse .filter .inner .types label span {
font-size: 0;
}
#browse .filter .inner .types label span:first-letter {
font-size: 11px;
}
#browse .views .story-list {
width: 300px !important;
padding-top: 10px;
}
#browse .views .story-list .story-tile {
margin: 10px 0;
}
#browse .views .story-list .load-more {
width: 300px;
}
#browse .views .grid {
width: 300px !important;
padding-top: 20px;
}
#browse .views .grid .box.element {
margin-bottom: 20px;
}
#browse .views .grid .load-more {
width: 300px;
}
}
@media screen and (max-width: 989px) {
body.election #browse-top .fixed .description_share .description {
font-size: 13px !important;
}
body.election #browse .grid {
width: 630px !important;
}
body.election #browse .grid .load-more {
width: 630px;
}
}
@media screen and (max-width: 659px) {
body.election {
background-position: 0 122px !important;
}
body.election #content {
padding: 0 !important;
}
body.election #browse-top {
height: 121px !important;
}
body.election #browse-top .fixed {
height: 121px !important;
}
body.election #browse-top .fixed h1 {
font-size: 30px !important;
line-height: 41px !important;
padding-top: 30px !important;
}
body.election #browse-top .fixed .description_share .description {
display: none;
}
body.election #browse .grid {
width: 300px !important;
padding-top: 20px;
}
body.election #browse .grid .box.element {
margin-bottom: 20px;
}
body.election #browse .grid .load-more {
width: 300px;
}
}
@media screen and (max-width: 989px) {
#tour {
width: 100%;
}
}
@media screen and (max-width: 774px) {
#tour .inner h3 {
margin-bottom: 20px !important;
}
#first-story-top {
position: static !important;
margin: 0 auto 20px !important;
}
}
@media screen and (max-width: 659px) {
#tour .inner {
padding: 15px !important;
}
#tour .inner section {
margin-bottom: 20px !important;
}
#tour .inner section h2 {
padding: 0 0 15px !important;
margin: 0 !important;
}
#tour .inner section h2.empty {
display: none;
}
#tour .inner section div {
margin: 0 auto 20px !important;
float: none !important;
}
#tour .inner section p {
margin: 0;
}
}
@media screen and (max-width: 989px) {
#privacy,
#terms,
#about,
#jobs {
width: 100% !important;
}
}
@media screen and (max-width: 659px) {
#about .photos a:nth-child(5) {
display: none !important;
}
#about .photos img {
width: 25% !important;
}
#jobs .weneedyou {
display: none;
}
}
@media screen and (max-width: 479px) {
#about .photos a:nth-child(4) {
display: none !important;
}
#about .photos img {
width: 33.33333333333333% !important;
}
}
@media screen and (max-width: 989px) {
#settings {
width: 630px;
}
#settings-main {
width: 449px !important;
}
.connection-actions {
width: 299px !important;
}
.connection-actions .connection-actions-inner {
width: 225px !important;
}
.cover-photo {
width: 449px;
height: 94px;
}
}
@media screen and (max-width: 659px) {
#settings {
width: auto !important;
padding-top: 26px;
}
#settings h1 {
text-align: left !important;
}
#settings-nav,
#settings-main {
float: none !important;
}
#settings-nav {
padding: 0 !important;
width: auto !important;
}
#settings-nav ul {
margin-top: 15px !important;
overflow: hidden;
}
#settings-nav ul li {
display: block;
float: left;
padding: 0 15px 5px 0 !important;
}
#settings-main {
padding: 15px 0 0 !important;
border-left: 0 !important;
border-top: 1px solid #ccc;
width: auto !important;
margin-top: 0 !important;
}
#settings-main .tab-content {
min-height: 0 !important;
}
#settings-main .tab-content h3 {
margin-bottom: 15px;
}
#settings-main .tab-content h4 {
padding-top: 15px;
margin-top: 15px;
}
#settings-main .tab-content form .input-field {
margin-bottom: 10px;
}
#settings-main .tab-content form .input-field label {
float: none !important;
line-height: normal !important;
width: auto;
margin: 0 0 5px 0;
}
#settings-main .tab-content form .input-field input,
#settings-main .tab-content form .input-field textarea {
margin: 0 !important;
}
#settings-main .tab-content form .no-label {
padding-left: 0;
}
#settings-main .tab-content form#change-username,
#settings-main .tab-content form#delete-account {
margin-top: 15px;
padding-top: 15px;
}
#settings-main .tab-content form#profile-form {
margin-bottom: 15px;
}
.url input {
width: 276px;
margin: 0 0 10px;
}
.url .button {
clear: left;
}
.cover-photo {
width: 290px;
height: 60px;
margin-bottom: 10px;
}
}
@media screen and (max-width: 479px) {
.connection-title {
float: none !important;
width: auto !important;
padding-bottom: 15px;
}
.connection-actions {
float: none !important;
width: auto !important;
}
.connection-actions .connection-actions-inner {
width: 216px !important;
}
}
@media screen and (max-width: 989px) {
#error {
width: auto;
}
#error #error-content {
width: auto !important;
}
}
@media screen and (max-width: 659px) {
#error-image {
float: none !important;
}
#error-content {
padding: 0 !important;
margin-top: 0 !important;
}
}
@media screen and (max-width: 479px) {
#error-image {
display: none !important;
}
}
html,
body {
background: transparent;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
-webkit-font-smoothing: antialiased;
margin: 0px;
padding: 0px;
}
a img {
border: 0px;
}
.s-story {
min-width: 260px;
}
.s-share {
float: left;
}
#email {
padding: 10px;
background: #f9f9f9;
}
#email .s-story {
max-width: 700px;
margin: 0px auto;
}
.s-embed-seo {
display: none;
}
.hidden {
display: none !important;
}
.capitalize {
text-transform: capitalize;
}
.s-minimal {
display: block;
position: relative;
height: 2.5em;
width: 100%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f9f9f9));
background: -webkit-linear-gradient(top, #fff 0%, #f9f9f9 100%);
background: -moz-linear-gradient(top, #fff 0%, #f9f9f9 100%);
background: -o-linear-gradient(top, #fff 0%, #f9f9f9 100%);
background: -ms-linear-gradient(top, #fff 0%, #f9f9f9 100%);
background: linear-gradient(top, #fff 0%, #f9f9f9 100%);
border-bottom: 1px solid #f7f7f7;
}
.s-minimal .embed-header-date {
display: inline-block;
width: 170px;
padding: 0 0 0 30px;
margin: 5px;
background-image: url(‘//storify.com/public/img/storify_slideshow_embed.png’);
background-position: 0px -25px;
background-repeat: no-repeat;
color: #c6c6c6;
font-family: ‘Museo Sans’, ‘Helvetica Neue’, sans-serif;
font-size: 0.88em;
line-height: 32px;
height: 25px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.s-minimal .embed-header-date {
background-image: url(‘//storify.com/public/img/storify_slideshow_embed@2x.png’);
-webkit-background-size: 27px 50px;
-moz-background-size: 27px 50px;
background-size: 27px 50px;
}
}
.s-minimal .embed-header-logo {
display: inline-block;
position: absolute;
right: 12px;
top: 10px;
width: 79px;
height: 26px;
background-image: url(‘//storify.com/public/img/embed-header-logo.png’);
background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
.s-minimal .embed-header-logo {
background-image: url(‘//storify.com/public/img/embed-header-logo@2x.png’);
-webkit-background-size: auto 54px;
-moz-background-size: auto 54px;
background-size: auto 54px;
}
}
.s-minimal.border {
height: 2.6em;
border-top: 2px solid #f7f7f7;
}
#story:hover .s-minimal .embed-header-date {
color: #008ee7;
background-position: 0px 0px;
}
#story:hover .s-minimal .embed-header-logo {
background-position: 0 -26px;
}
#embed #story .s-elements .embedTweet .s-element-container {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
#embed #story .footer {
position: relative;
min-height: 25px;
}
#embed #story .engage.embed {
min-height: 40px;
margin-bottom: 5px;
zoom: 1;
}
#embed #story .engage.embed:before,
#embed #story .engage.embed:after {
content: ”;
display: table;
}
#embed #story .engage.embed:after {
clear: both;
}
#embed #story .engage.embed .f-actions {
float: left;
line-height: 1em;
font-size: 1.2em;
}
#embed #story .engage.embed .f-actions .like,
#embed #story .engage.embed .f-actions .like span,
#embed #story .engage.embed .f-actions .like .count {
border: none;
}
#embed #story .engage.embed .f-actions .like {
display: inline-block;
padding: 12px;
}
#embed #story .engage.embed .f-actions .like span {
display: inline-block;
width: 16px;
height: 16px;
background-image: url(‘//storify.com/public/img/icons-story.png’);
background-position: -16px 0px;
background-repeat: no-repeat;
vertical-align: middle;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
#embed #story .engage.embed .f-actions .like span {
background-image: url(‘//storify.com/public/img/icons-story@2x.png’);
-webkit-background-size: 80px 64px;
-moz-background-size: 80px 64px;
background-size: 80px 64px;
}
}
#embed #story .engage.embed .f-actions .like .count.like-count {
float: none;
display: inline-block;
height: 16px;
font-size: 1em;
padding: 0px 10px;
color: #b4c4d1;
font-weight: normal;
line-height: 1.1em;
vertical-align: middle;
border: 0px;
}
#embed #story .engage.embed .f-actions .like:hover span {
background-position: -16px -16px;
}
#embed #story .engage.embed .f-actions .like.active span {
background-position: -16px -32px;
}
#embed #story .engage.embed .f-actions .comment,
#embed #story .engage.embed .f-actions .comment span {
border: none;
}
#embed #story .engage.embed .f-actions .comment {
display: inline-block;
padding: 12px 0;
}
#embed #story .engage.embed .f-actions .comment span {
display: inline-block;
width: 16px;
height: 16px;
background-image: url(‘//storify.com/public/img/icons-story.png’);
background-position: -32px 0px;
background-repeat: no-repeat;
vertical-align: middle;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
#embed #story .engage.embed .f-actions .comment span {
background-image: url(‘//storify.com/public/img/icons-story@2x.png’);
-webkit-background-size: 80px 64px;
-moz-background-size: 80px 64px;
background-size: 80px 64px;
}
}
#embed #story .engage.embed .f-actions .comment .count.comment-count {
float: none;
display: inline-block;
height: 16px;
font-size: 1em;
padding: 0px 10px;
color: #b4c4d1;
border: none;
font-weight: normal;
line-height: 1.1em;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .comment:hover span {
background-position: -32px -16px;
}
#embed #story .engage.embed .f-actions .share,
#embed #story .engage.embed .f-actions .share span {
border: none;
}
#embed #story .engage.embed .f-actions .share {
display: inline-block;
padding: 12px;
}
#embed #story .engage.embed .f-actions .share span {
display: inline-block;
height: 16px;
width: 16px;
background-image: url(‘//storify.com/public/img/icons-story.png’);
background-position: -48px 0;
background-repeat: no-repeat;
vertical-align: middle;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
#embed #story .engage.embed .f-actions .share span {
background-image: url(‘//storify.com/public/img/icons-story@2x.png’);
-webkit-background-size: 80px 64px;
-moz-background-size: 80px 64px;
background-size: 80px 64px;
}
}
#embed #story .engage.embed .f-actions .share .share-label {
float: none;
display: inline-block;
height: 16px;
color: #52748f;
padding: 0px 5px;
font-weight: bold;
line-height: 1.1em;
vertical-align: middle;
}
#embed #story .engage.embed .f-actions .share:hover span {
background-position: -48px -16px;
}
#embed #story .engage.embed .f-actions .share:hover .share-label {
color: #ababab;
}
#embed #story .engage.embed .f-actions .share.active {
background-color: #eee;
}
@media print {
.s-actions,
.engage,
.actions,
.s-load-more,
#story .footer,
.s-video-content,
.s-video-content-vine {
display: none;
}
.s-story {
border: none;
}
.s-element {
page-break-inside: avoid;
}
.s-element-container {
max-width: 5in;
}
.s-element-text {
page-break-inside: auto;
}
h1,
h2,
h3 {
page-break-after: avoid;
}
h1.s-title {
font-size: 22pt;
font-family: Georgia !important;
color: #333 !important;
}
h2 {
font-size: 13.5pt !important;
}
.s-text,
.s-quote-text,
.s-quote-author-name,
.s-description {
font-size: 10pt !important;
}
.s-description,
.s-text,
.s-text h2,
.s-text a {
font-family: ‘Museo Sans’ !important;
color: #333 !important;
}
.s-text a {
color: #3676c4 !important;
}
.s-description {
color: #666 !important;
}
.s-header .s-info {
font-size: 8pt !important;
}
.s-attribution {
font-size: 7pt !important;
}
.s-posted {
padding-top: 0 !important;
}
.s-element-content,
.s-element-container {
-webkit-border-radius: 5px;
border-radius: 5px;
}
.s-element-image img {
max-height: 3in !important;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
}
.s-image-content {
background: transparent !important;
}
.s-image-caption,
.s-video-title {
margin-bottom: 5px;
font-size: 9pt !important;
}
.s-video-shim,
.s-video-shim-vine {
background-position: center;
background-repeat: no-repeat;
}
.s-video-shim,
.s-video-shim-vine {
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
max-height: 3in;
}
.s-video-shim-vine,
.s-element-video[data-source=’instagram’] .s-video-shim {
padding-bottom: 0 !important;
height: 3in !important;
-webkit-background-size: contain;
-moz-background-size: contain;
background-size: contain;
}
}
@media screen and (max-width: 420px) {
.s-element-content iframe {
width: 255px !important;
}
}

AHRC Chat: Science In Culture Innovation Awards

Members of the AHRC Science in Culture team hosted a live Twitter Chat on Wednesday 5th February 2014 to answer questions about the Innovation Awards funding call. This summary provides an overview of the issues raised by potential applicants and advice from the project team.

  1. About the Science in Culture Innovation Awards

    The Science in Culture theme aims to develop the reciprocal relationship between the sciences on the one hand, and arts and humanities on the other.  The theme's central focus is on innovative and cutting-edge inter-relationships between the sciences and the arts and humanities.

    The Science in Culture Innovation Awards  are expected to attract proposals which expand and explore the Science in Culture theme in new and innovative ways. 

    The deadline for applications is 16:00 on 27th February 2014.

  2. Panellists

    We were joined by a panel of AHRC staff to answer your questions about the Innovation Awards and the application process.
    Our panel included:
    Professor Barry Smith, Science in Culture Theme Leadership Fellow
    Dorothy Fallon, Science in Culture Project Administrator
    Ian Broadbridge, AHRC Portfolio Manager
    Dorothy and Ian provided responses via the @AHRCSciCulture account, whilst Professor Smith tweeted from his own account (@smithbarryc) to provide further context about the Science in Culture theme.
  3. Q & A

  4. Scale of the Innovation Awards

    The chat kicked off with a discussion about the scale of the Innovation Awards and the way they are structured to allow the Science in Culture team to fund a broad range of projects.
  5. @ahrcpress @SurfacePressure 10 sounds like a lot? Is it? Is this more than usual or normal amount? #ahrcchat
  6. @MissLauraMarcus @SurfacePressure This call hasn’t been run before. 10 would be the upward limit and is dependant on quality #ahrcchat
  7. The Innovation Awards in Context

    Chat participants were keen to establish how the Innovation Awards fit within the wider AHRC funding landscape, and what additional funding opportunities might apply to projects within the Science in Culture theme.
  8. @MissLauraMarcus @AHRCSciCulture I see this Award as a pilot scheme. Is there follow-on funding or a bigger Award after this? #ahrcchat
  9. @Memory_Net @MissLauraMarcus Projects should be self-contained, but could then go on to put in responsive mode applications #arhcchat
  10. @Memory_Net @MissLauraMarcus @AHRCSciCulture #ahrcchat These awards should certainly build capacity under the Theme. Then response mode.
  11. @AHRCSciCulture #ahrcchat You mentioned a responsive mode under the Sci/cul theme. When will this be? Can applicants to this call reapply?
  12. @ADSSRFPM Response Mode Research Grant scheme uses open deadlines, so you can apply any time #ahrcchat
  13. @ADSSRFPM If you’ve applied for the Innovation Awards there is nothing to stop you applying for a responsive mode grant #ahrcchat
  14. Application Requirements

    Chat participants had a number of questions relating the the application process, including the involvement of international partners and the use of visual evidence to support an application.
  15. @ahrcpress can details of proposal be provisional? We’re including exhibition as but can’t confirm venue prior to deadline #ahrcchat
  16. @SurfacePressure Proposal should attempt to provide as much detail as possible and strategies where specifics aren’t yet confirmed #ahrcchat
  17. @AHRCSciCulture @MissLauraMarcus Thanks. Also: is it possible for other funders (poss. American) to contribute to the project?
  18. @Memory_Net The scheme allows for international Co-Is, but if funding is available from elsewhere that’s ok #ahrcchat
  19. @AHRCSciCulture #archcchat re CVs, should I include a CV? I am the artist in our collaboration but not affiliated to any academic institute
  20. @SurfacePressure CVs for Pi’s Co-I’s &named postdoc researchers should be inc. More info in call  http://bit.ly/1at9fRH  @ahrcpress #ahrcchat
  21. @AHRCSciCulture can you elaborate on what you are expecting for the visual evidence section of the application? #ahrcchat
  22. @SurfacePressure Visual evidence is optional. What kind of project are you looking to submit? #ahrcchat
  23. @SurfacePressure: The project is a collaboration between myself & @SimonKirby + Co-I. Involving visual arts specifically drawing #ahrcchat
  24. @ahrcpress would like to include visual evidence but guidelines state we can’t use previous work. #ahrcchat
  25. @SurfacePressure The visual evidence should relate to the methodology or aims/objectives of the new project #ahrcchat
  26. Co-Production and Innovation

    One of the most challenging questions of the chat focussed on the role of co-production and innovation within the Science in Culture theme as a whole.
  27. What aspects of co-production and innovation are particularly applicable to the Science in Culture theme? #ahrcchat
  28. @alexpryce100 Must be genuine and significant interaction between arts/humanities and sciences.
  29. Engaging End Users

    Public engagement forms one of the strands against which applications will be assessed.  In this thread of the chat, we discuss how public engagement can be implemented in a proposed project, and how it should be balanced against the other priorities for the awards.
  30. @ahrcpress #ahrcchat Can we include requests for funding to directly engage end users of an innovation? An incentive for them to be involved
  31. @ADSSRFPM The focus of the grant in the first instance should be research. You would need to show how their engagement contributes #ahrcchat
  32. @ADSSRFPM As with all applications will need to demonstrate it offers value for money #ahrcchat
  33. RT @Memory_Net: @smithbarryc @AHRCSciCulture 1 more: how much emphasis should be on Public Engagement? Project is only 1 year… #ahrcchat
  34. @Memory_Net Priorities are innovation, research imperative, then public engagement thereafter #ahrcchat
  35. Getting the Balance Right

    Chat participants were keen to know how the Science in Culture team will judge applications based on the balance of science, arts and humanities outputs.
  36. @smithbarryc @ahrcpress @AHRCSciCulture @KentCHOTS will equal weight be sought between arts/science/humanities output of proposal?
  37. @SarahCraske Not necessarily, but there should be evidence of interaction #ahrcchat
  38. @AHRCSciCulture #ahrcchat It’s good to demonstrate how much each of the participating disciplines benefits from the interactions
  39. Awards Review Process

    The Science in Culture team answered several questions relating to the review process and review timescales for the Innovation Awards.
  40. @ahrcpress @SurfacePressure how will you be reviewing the proposals given both scientific and arts/humanities content? #ahrcchat
  41. @smithbarryc @SimonKirby @ahrcpress howlong will the review process take? When would we be likely to have a decision? #ahrcchat
  42. @SurfacePressure @smithbarryc @SimonKirby Assessment panel will meet in April/May and you’ll be notified by end of May #ahrcchat
  43. Examples of Successful Science in Culture Projects

    Finally, theme fellow Professor Barry Smith was asked to provide some examples of successful projects in the Science in Culture theme to inspire chat participants.
  44. @smithbarryc @SurfacePressure have there been any successful projects in wider sci/culture theme relating to cognitive science? #ahrcchat
  45. @SimonKirby @SurfacePressure #ahrcchat Past projects, Neuroscience & the Law (see website,Beckett & Brain current project: @rethink_senses
  46. @AHRCSciCulture #ahrcchat Can be innovative in ways of working across discipline boundaries or in new questions, or topics.
  47. More Information

    For more information about the Science in Culture Innovation Awards, visit the Innovation Awards webpage.  You can also download the full call document.
    If you have any  questions about your application, please email i.broadbridge@ahrc.ac.uk or call the RCUK Joint electronic Submissions (Je-S) system helpline on 01793 444 164.
    Note: The current call for applications closes at 16:00 on 27th February 2014.

Read next page

Did you find this story interesting? Be the first to
or comment.

Liked!
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: