Skip to content
March 25, 2014 / Kirsty Pitkin

AHRC Chat: International Placement Scheme

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

AHRC Chat: International Placement Scheme

As the annual International Placement Scheme opens for applications, three current international research fellows joined the AHRC on Wednesday 11th December 2013 for a Twitter Chat to discuss their experiences and answer questions from those interested in applying in 2014.

  1. About the International Placement Scheme

    The International Placement Scheme (IPS) offers early career researchers, research assistants and AHRC/ESRC-funded PhD students the chance to undertake an international research fellowship at one of a number of partner institutions, including the Library of Congress and the Huntington Library in the USA, and the National Institutes for the Humanities in Japan.

    This video gives you a flavour of the experience you can expect:
  2. AHRC International Placement Scheme
  3. Guest Speaker Introductions

    In this Twitter Chat, we invited three previous IPS research fellows to share their first hand experiences of the scheme and to answer questions via Twitter.
    Our guests were Emma Whipday (@EmmaWhipday), Emily Trafford (@EmilyJTrafford) and Chris McHugh (@ginkofineart)
    They began by introducing their work and explaining what the IPS experience added to their research:
  4. Chris McHugh

    University of Sunderland
    Placement: National Museum of Ethnology at NIHU, Japan
  5. Hi. I’m doing an practice-led AHRC Collaborative Doctoral Award project with @SundMuseum @sunderlanduni #ahrcchat
  6. It explores how @SundMuseum‘s collection of C19 #sunderland #pottery collection can be reinterpreted by an artist #ahrcchat
  7. The time @MINPAKUofficial has provided my @SundMuseum @sunderlanduni research within an international, comparative context #ahrcchat
  8. Emma Whipday

    UCL
    Placement: The Huntington Library, San Marino, California
  9. Hi! My thesis looks at the relationship between Shakespeare’s tragedies and the genre of domestic tragedy… #ahrcchat
  10. … in the context of representations of violent homes in conduct books, news pamphlets and broadside ballads. #AHRCchat
  11. As an IPS fellow, I got to explore the Huntington’s extensive ballad collections, news pamphlets on murder and witchcraft…#ahrcchat
  12. Another highlight:I organized a playreading of a domestic tragedy in the lovely Huntington gardens,followed by audience discussion #ahrcchat
  13. Emily Trafford

    University of Liverpool
    Placement: Library of Congress, Washington D.C.
  14. Hi, my thesis looks at race and disability in the human displays at American World’s Fairs, 1894-1916 #AHRCchat
  15. I have been looking at fair guidebooks, photographs, motion pictures and organisational records at the Library of Congress #AHRCchat
  16. Application Questions

    Many of the early questions raised during the Twitter Chat related to the practical aspects of the application process.  These included questions relating to eligibility, visas, application requirements and preferred routes of enquiry.
    Here's a selection of the questions raised by chat participants, and together with the answers provided by the AHRC IPS team:
  17. @ahrcpress just wanted to know how closely linked the proposed IPS research has to be to your existing phd topic? #AHRCchat
  18. @ahrcpress Is an application that proposes to make use of a wide range of materials rather than one main collection still strong? #ahrcchat
  19. @silvester_h As long as you are using them appropriately and they are relevant to your research. Appropriate use is the key #ahrcchat
  20. @EmilyJTrafford @ahrcpress Thanks! My research is interdisciplinary so I can’t specify one main collection I’d make use of #ahrcchat
  21. @silvester_h @ahrcpress Try to make it clear in your application how it all relates to your key research Qs #AHRCchat
  22. @ahrcpress Are there any plans to increase the number of funding and places in the future, or is the current demand presently met? #ahrcchat
  23. @Eurosceptical Good question! We’re constantly looking to expand and add new hosts. Success currently rates are very high #ahrcchat
  24. Full guidance about the application process, including information about eligibility, can be found on the IPS webpage.  If you have a question which is not answered by the application guidance notes, then please email ips@ahrc.ac.uk.
  25. The IPS Experience

    Chat participants were keen to ask a wide range of questions of Chis, Emily and Emma.  This summary includes the highlights from this discussion, together with some pictures from the IPS fellows' travels:
  26. @ahrcpress #ahrcchat How do you each feel that your archive placement has enhanced your research and yourself as a researcher?
  27. @nicolakirkby I had access to a world-class collection of over 3000 objects collected by #georgebrown @ahrcpress #AHRCchat
  28. It allowed me to test approaches I developed in the UK at the international level @nicolakirkby @ahrcpress #AHRCchat
  29. It was a excellent chance to access a world-class collection with a complex history in an exciting museum #ahrcchat @nicolakirkby
  30. The Huntington was a ridiculously beautiful place to work… #ahrcchat pic.twitter.com/tX3BorhUwY
  31. @EmilyJTrafford How did you manage to find accommodation in DC and how was the travel stipend operating? #AHRCchat
  32. @pawel_wrobel An FB group is set up every year which you can join, and advice is passed on from previous cohorts #AHRCchat
  33. @EmilyJTrafford Thanks! Is there a chance to be included in that FB group later? Is there lots of IPS-relatedevents U can attend?#AHRCchat
  34. @pawel_wrobel here at the LoC we have a great group who socialise outside of library hours #AHRCchat
  35. @EmilyJTrafford Perfect! What about symposia, seminars, workshops that were important for your particular research? #AHRCchat
  36. @pawel_wrobel I went to the American Studies Association conference in DC last month, which was great for my research #AHRCchat
  37. @pawel_wrobel there are also regular talks and events at the LoC by Kluge scholars and others  http://loc.gov/loc/events  #AHRCchat
  38. A lot of the institutions have a happy hour organised by the scholars every Friday where they all go out together #AHRCchat
  39. @ahrcpress @EmilyJTrafford What’s the best way to find out which scholars will be at Kluge Center/@librarycongress in the future? #AHRCchat
  40. @petemillwood @ahrcpress #AHRCchat Go to  http://loc.gov/kluge  to see all of the current scholars. AHRC will put you in touch with other..
  41. @ahrcpress was your supervisor helpful in choosing institution? Are supervisor contacts important/helpful to process? #AHRCchat
  42. @SophieL_Stevens @ahrcpress my supervisor was very helpful in advising on my application – best to look at institution catalogues #AHRCchat
  43. Yes, we discussed the application. I heard about the George Brown Collection through my own research @SophieL_Stevens @ahrcpress #AHRCchat
  44. @ginkofineart did you find it intimidating visiting Japan? Did you you learn Japanese before you went?
    #ahrcchat
  45. I have lived in Japan in the past so not really. Speaking the language was very handy and helped me adjust quickly @GreatRelubbus #AHRCchat
  46. I’ve been processing my findings in my Kluge Center cubicle: desk, personal computer & plenty of shelving! #AHRCchat pic.twitter.com/b2XDSn6BIQ
  47. @cat_oakley @EmilyJTrafford @ahrcpress Did you have much trouble finding accommodation? I heard it’s really expensive. #ahrcchat
  48. @silvester_h @cat_oakley @ahrcpress #AHRCchat I found a room through a previous IPS scholar at my Uni. Last year’s FB group also passed on..
  49. @silvester_h @ahrcpress #AHRCchat ..advice on where they had stayed. Air BnB and Craigslist also good.
  50. @silvester_h @ahrcpress Really helpful to speak to previous scholars once an application has been successful #AHRCchat
  51. @EmmaWhipday @EmilyJTrafford @cat_oakley -and others! Do you think it’s important to contact the host institution before applying? #AHRCchat
  52. @richdwragg @EmilyJTrafford @cat_oakley I didn’t, because I found the information I needed via the catalogues… #ahrcchat
  53. @richdwragg @EmmaWhipday @EmilyJTrafford @cat_oakley We would recommend it to check the availability of the collections and timing #AHRCchat
  54. @richdwragg You can go to  http://loc.gov  and use the “Ask a librarian” feature – they’re really helpful #AHRCchat
  55. @richdwragg I don’t think it would be a mistake, but it’s not a bad idea to get in touch anyway, to check collection availability! #ahrcchat
  56. @richdwragg For example, sometimes manuscripts are on display at the Huntington museums, and can’t be accessed #ahrcchat
  57. Other IPS Research Fellows

    Several other previous IPS research fellows joined us throughout the chat and also contributed their experiences for those considering applying:
  58. #AHRCchat – The Library of Congress Scholarship kickstarted my PhD, publications, and career! Wonderful resources. Great to live in DC too
  59. My current placement @librarycongress has provided a unique form of access to early films, trade journals & copyright materials #AHRCchat
  60. 3 months allowed me to familiarise myself w. library’s vast collections & develop working relationships w.expert curators & staff #AHRCchat
  61. Exploring the holdings @librarycongress via  http://catalog.loc.gov  proved a valuable research exercise in itself when I applied #AHRCchat
  62. Final Tips and Highlights

    To conclude the chat, we asked Emma, Emily and Chris to tweet what they consider to be the key benefits of an international research placement, and the top tip they would give to anyone considering applying.
    Here are their responses:
  63. The best things for me were: time and space to pursue research without interruption; fantastic research community… #ahrcchat
  64. …and meeting so many lovely people, both in my field and outside it, who I’m still in touch with. #ahrcchat
  65. I’d advise making it clear that you’d like to make the most of the research community, as well as focusing on the collections. #ahrcchat
  66. #AHRCchat Most important thing is to spend time looking at the institution catalogue – this can be a great exercise for your research …
  67. You will meet some great people and get some extremely valuable research done #AHRCchat
  68. Final advice: make contact with the host institution before the application and discuss research idea #AHRCchat
  69. If planned well, the placement can really enhance your studies in the UK. Mine has given me lots of ideas for further work #AHRCchat
  70. More Information

    For more information about the International Placement Scheme, visit the IPS webpage
    If you have any  questions about your application, please email ips@ahrc.ac.uk.
    Note: The current call for applications closes at 16:00 on 15th January 2014.

Read next page

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

Liked!
Advertisements

Leave a Reply

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

WordPress.com Logo

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

Twitter picture

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

Facebook photo

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

Google+ photo

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

Connecting to %s

%d bloggers like this: