Skip to content
March 25, 2014 / Kirsty Pitkin

The Future Care of Our Nation’s Heritage: A Debate

@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;
}
}

The Future Care of Our Nation’s Heritage: A Debate

Jointly organised by the Arts and Humanities Research Council, English Heritage, the National Trust and the Society of Antiquaries, this debate brought together leading thinkers on heritage to debate whether the future care for our nation’s heritage requires Government as our champion.

  1. The Debate

    The Future Care of Our Nation's Heritage Debate was held on the evening of Monday 16th September at the Royal Institute of British Architects (RIBA) in London.  
    The event was organised in partnership between the Arts and Humanities Research Council, English Heritage, The National Trust and the Society of Antiquaries of London as part of the Heritage Past, Present and Future conference.
  2. Context

    2013 is the centenary of a landmark moment for Britain’s heritage. The passing of the Ancient Monuments Amendment and Consolidation Act  of 1913 recognised for the first time that there are physical remains of the nation’s history which are so special and so significant that the State has a duty to ensure their continued survival. Yet as perceptions of our past have evolved over the past 100 years, so too have views about which aspects of heritage are significant, what should be protected and how our past should inform our present and future.

  3. Motion

    This house believes that future care for our heritage requires Government as our champion.
  4. Panel

    Chair: Prof Maurice Howard, President of Society of Antiquaries
    Simon Thurley, Chief Executive Officer of English Heritage
    Sir Simon Jenkins, journalist and Chair of The National Trust
    Stephen Bayley, author and cultural critic
    Robert Hewison, cultural historian
    John Howell, MP for Henley-upon-Thames
  5. Opening Comments

    Each panelist was invited to deliver a short provocation to the debate before taking questions and comments from the audience.
  6. Sir Simon Jenkins at Future Care of Our Nation’s Heritage Debate
  7. Sir Simon Jenkins opened the debate by observing that he used to regard the government as a half-hearted ally in the quest to care for our nation's heritage, but now sees the government as part of the problem.  However, he observed that the government sets the framework in which heritage is debated and it is idle to think that we can protect 'the' heritage without the support of government.  The destruction in the 1920s and 1930s show us that the heritage sector needs government.

    Jenkins concluded his remarks by expressing his fear that, whilst our built heritage is probably safe, the views, vistas and our rural heritage is now "utterly at threat."

  8. Simon Thurley at Future Care of Our Nation’s Heritage Debate
  9. Simon Thurley put forward his belief that the government could never and should never be considered to be the champion of heritage. He observed that government's support of heritage has been unreliable for more than a century, as government is, by nature, short-term and self interested.  To support this point, Thurley traced the history of heritage legislation, describing it as a campaign by individuals rather than concerted government interest.

    Thurley argued that it is extremely important that the government creates a heritage safety net, allowing others to carry out the actual work involved in preserving our heritage. This requires money, but he stressed that this must not be given away directly by politicians themselves. The government needs to create an atmosphere and the basic tools, then leave it to the citizens.

  10. Robert Hewison at Future Care of Our Nation’s Heritage Debate
  11. Robert Hewison told the debate that the motion is a 'no-brainer'.  He argued that when we talk about 'heritage', however we define it, we are talking about the public realm. The guarantor of the public realm is government – all governments – by upholding and making laws.  However, he went on to stress that government does not have to occupy the public space that is the public realm, it just has to protect it.

    Hewison expressed strong concerns about the current trend of neo-liberalism shrinking all aspects of public realm, including heritage.  This, Hewison claimed, puts our heritage is in danger from a greedy government administration that "puts a price on everything and a value on nothing."

  12. Stephen Bayley at Future Care of Our Nation’s Heritage Debate
  13. Stephen Bayley reminded the debate that history is not fixed; our understanding of the past changes.  He argued that what we really need government to do is to create environments for prosperous cultural exchange.  

    Bayley warned the debate against the fantasy or fossilisation of heritage and advocated the facilitation of a living environment with the co-existence of old and new, citing conservation work in Covent Garden, which he described as "not a real place that Londoners visit", as one of several examples of where conservation work has failed to live up to this ideal, in his opinion.  

  14. John Howell MP at Future Care of Our Nation’s Heritage Debate
  15. John Howell, MP argued that the government does see itself as a champion protecting buildings, sites and monuments of interest.  However, this is a government that believes in localism, with decisions about the conservation of local heritage resting with local, rather than central government. Howell questioned whether local government up to the role, emphasising that a huge amount more needs to be done to help local government understand the importance of its assets.  

    In referring back to the motion, Howell cautioned that central government can be a champion, but we have to be careful about what we mean by that.  He expressed concern that a government-led heritage would risk becoming a single 'official' history.  Howell stressed that Government should have a very loose role as a champion, and the rest of us need to stand up for our heritage.

  16. Audience Responses

    A lively discussion surrounding the debate took place on Twitter via the #debateheritage hash tag.  
    Here is a selection of the key points highlighted by the audience as they listened to the panelists, including discussions about the role of language, 'intangible' heritage, the impact of government austerity measures and the importance of getting built and natural environment conservationists together on this debate.
  17. We do have a problem with language in the sector…. part of that problem is the word “heritage” #debateheritage
  18. #debateheritage seeking a language to explore costs, benefits, interactions – time to look across to the #ecosystemapproach?
  19. I am not convinced language is the problem. I think it may be more the clarity of our brand and benefit. #debateheritage
  20. So is that a Challenge for us all to better define the language and meaning of Heritage including the word Heritage itself? #debateheritage
  21. #debateheritage replace the word “Heritage”, with the phrase “Irreplaceable Legacy” & the implications of ongoing destruction become clear
  22. Recurring theme about lack of language to talk about heritage makes me think of workmen blaming their tools #debateheritage
  23. Like every specialism ‘heritage’ uses language to protect itself and prevent any kind of democratic influence #debateheritage
  24. Audience Questions at Future Care of Our Nation’s Heritage Debate
  25. “Intangible is ‘putting a price on beauty'” danger of commodifying heritage there which another debate, rhetoric counts #debateheritage
  26. Heritage is about contemporary tastes/values – all heritage is intangible. The “stuff” is just the vehicle for values. #debateheritage
  27. Arguably UN legislation indicates intention not action. I think Britain’s intangible heritage is intangibly safeguarded #debateheritage
  28. Future Care of Our Nation’s Heritage: Debate Panellists
  29. #debateheritage Austerity cuts and government legislation has forced heritage to its knees.
  30. Local heritage teams DO understand importance. But have suffered big cuts in staff and skills. That is down to central gov #debateheritage
  31. So now we get to the nub. Erosion of local gov power. Lack of statutory protection. Central development targets. #debateheritage
  32. Future Care of Our Nation’s Heritage: Debate Panellists
  33. Missing from #debateheritage is issue of democratizing the past: recognition of volunteers making meaning & DOING community archaeology &c
  34. #debateheritage definitely need to get natural and built environment conservationists talking together, missing some serious tricks here.
  35. #debateheritage it’s our past, it created our society. We should defend our nations heritage on behalf of our children’s children.
  36. Without access to the past we live solely in the continuous, uncritically evolving soup of the present. Like plankton. #debateheritage
  37. More Information

    This event was hosted jointly by four partner organisations with a shared interest in the protection of our nation's heritage.  For more information about each of these organisations, please visit their websites:
    Arts and Humanities Research Council: ahrc.ac.uk
    English Heritage: english-heritage.org.uk
    The National Trust: nationaltrust.org.uk
    The Society of Antiquaries of London: sal.org.uk
    A full recording of this debate will be available shortly.

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: