NewsBlur/clients/ios/static/storyDetailView.css

/**
 * Font Size Style
 */

/* Font size */

.NB-xs .NB-story,
.NB-xs .NB-story-comment,
.NB-xs .NB-header {
    font-size: 13px;
}

.NB-small .NB-story,
.NB-small .NB-story-comment,
.NB-small .NB-header {
    font-size: 14px;
}

.NB-medium .NB-story,
.NB-medium .NB-story-comment,
.NB-medium .NB-header {
    font-size: 15px;
}

.NB-large .NB-story,
.NB-large .NB-story-comment,
.NB-large .NB-header {
    font-size: 17px;
}

.NB-xl .NB-story,
.NB-xl .NB-story-comment,
.NB-xl .NB-header {
    font-size: 20px;
}

/* Font name */

.NB-avenir {
    font-family: "Avenir-Book";
}
.NB-georgia {
    font-family: "Georgia";
}
.NB-palatino {
    font-family: "Palatino";
}
.NB-sanfrancisco {
    font-family: "-apple-system";
}
.NB-helvetica {
    font-family: "Helvetica";
}

@font-face {
    font-family: "ChronicleSSm-Book";
    src: url("ChronicleSSm-Book.otf");
}

@font-face {
    font-family: "GothamNarrow-Book";
    src: url("GothamNarrow-Book.otf");
}

@font-face {
    font-family: "WhitneySSm-Book";
    src: url("WhitneySSm-Book-Bas.otf");
}

/* Line spacing */
.NB-story {
    line-height: 1.5em;
}
.NB-line-spacing-xs .NB-story {
    line-height: 1.2em;
}
.NB-line-spacing-small .NB-story {
    line-height: 1.35em;
}
.NB-line-spacing-medium .NB-story {
    line-height: 1.5em;
}
.NB-line-spacing-large .NB-story {
    line-height: 1.75em;
}
.NB-line-spacing-xl .NB-story {
    line-height: 2.0em;
}

/**
 * iPad Wide Style
 */

.NB-ipad-wide .NB-header {
    padding: 1.2em 0;
}

.NB-ipad-wide .NB-header .NB-header-inner {
    margin: 0px 90px;
}

.NB-ipad-wide .NB-story {
    padding: 30px 90px;
}

.NB-ipad-wide .NB-share-inner-wrapper {
    margin: 0 90px;
}

.NB-ipad-wide#story_pane .NB-story-comments-public-teaser,
.NB-ipad-wide#story_pane .NB-story-comments-public-header,
.NB-ipad-wide#story_pane .NB-story-comments-friends-header,
.NB-ipad-wide#story_pane .NB-story-comments-shares-teaser {
    padding-left: 90px;
    padding-right: 90px;
}

.NB-ipad-wide#story_pane .NB-story-comment {
    padding: 0 90px 2px 150px;
}

.NB-ipad-wide#story_pane .NB-story-comment .NB-user-avatar,
.NB-ipad-wide#story_pane .NB-story-comment .NB-user-avatar.NB-story-comment-reshare {
    left: 88px;
}
.NB-ipad-wide#story_pane .NB-story-comment .NB-story-comment-reshares .NB-user-avatar {
    left: 108px;
}

.NB-ipad-wide#story_pane .NB-story-comment .NB-button-wrapper {
    margin-top: -5px;
}

.NB-ipad-wide .NB-button.NB-share-button a {
    font-size: 11px;
}

/**
 * iPad Narrow Style
 */

.NB-iphone-wide .NB-header,
.NB-ipad-narrow .NB-header {
    padding: 1em 30px;
}

.NB-iphone-wide .NB-story,
.NB-ipad-narrow .NB-story {
    padding: 20px 30px;
}

.NB-iphone-wide .NB-share-inner-wrapper,
.NB-ipad-narrow .NB-share-inner-wrapper {
    padding: 0 30px;
}

.NB-iphone-wide#story_pane .NB-story-comments-public-teaser,
.NB-iphone-wide#story_pane .NB-story-comments-public-header,
.NB-iphone-wide#story_pane .NB-story-comments-friends-header,
.NB-iphone-wide#story_pane .NB-story-comments-shares-teaser,
.NB-ipad-narrow#story_pane .NB-story-comments-public-teaser,
.NB-ipad-narrow#story_pane .NB-story-comments-public-header,
.NB-ipad-narrow#story_pane .NB-story-comments-friends-header,
.NB-ipad-narrow#story_pane .NB-story-comments-shares-teaser {
    padding-left: 30px;
    padding-right: 30px;
}

.NB-iphone-wide#story_pane .NB-story-comment,
.NB-ipad-narrow#story_pane .NB-story-comment {
    padding: 0 30px 2px 90px;
}
.NB-iphone-wide#story_pane .NB-story-comment .NB-user-avatar,
.NB-ipad-narrow#story_pane .NB-story-comment .NB-user-avatar {
    left: 26px;
}
.NB-iphone-wide#story_pane .NB-story-comment .NB-story-comment-reshares .NB-user-avatar,
.NB-ipad-narrow#story_pane .NB-story-comment .NB-story-comment-reshares .NB-user-avatar {
    left: 45px;
}

.NB-iphone-wide#story_pane .NB-story-comment .NB-user-avatar.NB-story-comment-reshare,
.NB-ipad-narrow#story_pane .NB-story-comment .NB-user-avatar.NB-story-comment-reshare {
    left: 26px;
}

.NB-iphone-wide#story_pane .NB-story-comment .NB-button-wrapper,
.NB-ipad-narrow#story_pane .NB-story-comment .NB-button-wrapper {
    margin-top: -5px;
}

.NB-iphone-wide .NB-button.NB-share-button a,
.NB-ipad-narrow .NB-button.NB-share-button a {
    font-size: 11px;
}

/**
 * iPhone Style
 */

.NB-iphone .NB-header {
    padding: .8em 12px;
}

.NB-iphone .NB-story {
    padding: 12px 12px 12px;
}

.NB-iphone .NB-share-inner-wrapper {
    margin: 0 12px;
}
/*
.NB-iphone .NB-story img {
    max-width: 290px !important;
}


/**
 * Universal Style
 */

body {
    text-rendering: optimizeLegibility;
    margin: 0;
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
    font-size: 14px;
    line-height: 120%;
    font-family: Helvetica;
}

body.NB-iphone {
    line-height: 110%;
}

/** {*/
/*    box-sizing: border-box;*/
/*}*/


/* ========== */
/* = Header = */
/* ========== */

.NB-story-title {
    clear: left;
    font-size: 1.2em;
    margin: .2em 0 .4em;
    color: #313330;
}

.NB-non-river .NB-story-title {
    padding-top: 9px;
}
.NB-river .NB-story-title {
    padding-top: 20px;
}

.NB-story-title-positive {
    color: #58A353;
    text-shadow: 0 1px 0 #E9F6E9;
}
.NB-story-title-negative {
    color: #B85044;
    text-shadow: 0 1px 0 #F6E9E9;
}
.NB-story-unread {
    float: left;
    margin: 6px 6px 0 0;
    width: 8px;
    height: 8px;
    background: transparent url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACVElEQVQ4EXVTPW8TQRCd/XCM7QgF2QSnsYQbRGKgpA+QitY/IBUSrgAjQWW5oojocCTSRKJ1SRMpgCIhIVrERwlSmthnsBXLd7bPtzvM7HFgkDlrvbuz782+N7srEBHmv/395+tCQY2imwCiHK/hVwHwBg20trfvfJnHiyRBu91eGgU/dohYI4CaB82NDSVqLWfzD6vVashxl4DJQ//7S5pvcbB4YQ2KxTXIZDI8hfF4DJ3OCXS6J25OtMOzufxtTiI5cjrq7ViLW+l0GiqVq1AqlUBrDWEYusZjjvEaY6y1t5jDXLG392wDJX6gsapsXCHAGTA2YhAk9oQQIKUEJTVMpxP49PkjAEKECq9pC+YuWlCr51dBKQWTyRiM+U8CpZ2yQr4AXs/TIoKaNoibVBhYWTlH5AlE0YwUGECLtEl8QgLoJwUpUJQg5bBdrwuWTkqT1DIn4I/lRf/sHq+Q1182jDEuibMIUNZI+vkqTMOpk86AxHtCTnpOwsSIMNxT2pAVfCOll4LAd4ViciI9ISY9W2GitVPX0/xYgsHX7HcwGJAC45o1BFrQknXGuhpZeyStwV2L1gyHQ1fEeAfeZXHjQjOWOcxVBweHvXfv3xZI+nVeTKVSrmDOCtuZa3yx+v2+U0m2WvfvPXqh2d/oNKxnl/Xl2Wx20/M8yGazkMvl3JlzApbu+z4EQRCXA+GVP5rVefL7MTWbzaVMTtL1FPwSFz4mOm6DAnYnI1NvNBp/HlOcNv5/8rS5LlDW6Chu0H29SH1IxT8mX0cobOvxg8Zfz/knWROSyKoTDHAAAAAASUVORK5CYII=") no-repeat center center;
    background-size: 8px;
}
.NB-xs .NB-story-unread {
    margin-top: 4px;
}
.NB-small .NB-story-unread {
    margin-top: 5px;
}
.NB-large .NB-story-unread {
    margin-top: 7px;
}
.NB-xl .NB-story-unread {
    margin-top: 9px;
}
.NB-story-unread.NB-positive {
    background: transparent url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAJCSURBVDiNfZO9a1NhFMZ/733vvWnTSoZULBkqltBiHRxKsYOLUdvFpc6COAkGEUv9KwJ1kAacRGexg6MaijgInVw6FcWAWqu1ps3n/TjHIR9NVPrAgXd4z/M85zkcw1+4v56bMYY8Sg7DJADKRwwlVdYeLpW2+v+b7mN5PedjKKiSB+zfxB3ExrCG8mB1qRT0CJbXc77CS5QFgIlTWSZSM4z4KQBqQYVyZYvy9+22quEVcG11qRQ4ACJaUGVheDTBfHaRqfQsvk0QxA2CuIFvE0ylZ5nPLjI8mkCUqyJaADD3nl86B3wA7Fw2R9I7QSwRsUaoSkfRwRoX67jUw0M2t0sAEcp51xjuqGLHT2ZwHY9acEAsIaIxinaCMjjGYh0Pz/qMj2XY+fnVNQ55V2LNAaSTGRrhIWEc9NT7CbouIvFJj2T4tvsFhZyrwqRx2hE3wipRn7pqh8CYnotIAlzrt7crTLqKghhaUZ0wDo6sd5qPFt4miSTElZBOPIELfFLR6WrrN45jB6wPQI9GaUV1VBQMZRfhjcL0fmOX1FD6/839RjBUmnsoYJQNR0SLKhpX91o0o1p7hcdUM6pR3WuhorGIFu3mi88/5q6fHgMuBK0QO9QOTZF/KpQmB79qbfuwVrzx9pkLUNsPVpIp72wUxFf2d6okRl2GRjys8VAU0YhmLaRVjbqTvK5XwpXeLQDcfDTvJ1NeAY4/JqBYr4QrT+++DwYIurj95OKMY01elcvAGZQAKBuHDYl17fGtdwPn/AezNkQDSAjjKwAAAABJRU5ErkJggg==") no-repeat center center;
    background-size: 8px;
}
.NB-story-unread.NB-negative {
    background: transparent url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACT0lEQVQ4EX1TTWsUQRB9NTPZXfcjxKhkFTxkL4FNIKDk6CVqBPXsj3Cv+iv2vPkRXkUvfhDILaAQiAEvihE0IR9gJjvZnZ3u8tXsxiQabCjorqr36nVVt6gqzq7th9ebYRC0BLoISGMY0y8Kee+879Rf/9w8my8nBJtP5grXugdthbYIDM8mne7VCaSzW5l83nyxkZo/JzDwlaO9l6yyZM7SzSlaHWGlZEe4bg+979u0nfxMdW/2q1cfG0lgnol4r515LKFUxPhCE+XpGwgY0W6Sm+3NZzHLYe59wxhWvj2oz4q6daiEk7dnEBUiaDoAsowMo/6IAFEEKYwhSzMcfPhMqGbqw/lInXvqoWG5PolAPdyvGCAB/YAfEQS8eci2kCCgguLUZSTb+5GIa0XO+UVlgeJ4BT7uQnt96IDVnT+vIAwgY1TBmOXGP/asgYtR5n0DlBhQsjNwLp/VqQYnE2YBCBsxcBA2wFQ4U6faiPKNKFzSA/opb2bSCf5n0UdVYsoI5psw1jRyql9ZaSblqCI61QInlf8m8VRAcEYVeWFgK/Be39nh8DCBZ0AdnxLPFxpjlmO5hvHer8jaQnWWDV5nsXCqVsYYm/W/NeAVduLEUhwHNR8srMWfyLRsjLtHx+izUd4qXWAWs5xR9WXDDp/ynBTicvkVWe8ZdZXzrtEie4JsSEbymNM5sgkN19takjxqbmh6+plIcli61PaCFjEXfyaBY2x5onf8zMDG9YdgxIzVW8WmSMgfqXc5/mm+5hSCLaauqLrOnY/9c9/5N8X6eiwIgjoOAAAAAElFTkSuQmCC") no-repeat center center;
    background-size: 8px;
}
.NB-story-permalink {
    color: #313350;
}

.NB-story-toggle-changes {
    display: inline;
    float: left;
    padding-top: 1px;
    padding-left: 24px;
    color: #818776;
    font-size: .8em;
    white-space: nowrap;
    background: transparent url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAACHklEQVRYCe3YTS8DQRwG8GeXhAOnrVAEofESIiFuJC7q9SAOvoC4Cgc+BQfiik/g0BD1UomDs3hr0QjBRRGtqx527X+TSTayu53d7jRNmKTZ7aQz85tnZ3aSSpqmoZhKqR1mbX0lL6kESVOhzi7MLW3ZjWFVL1tV+lGnQZN01GbiJk4TM38cu7dNiLWan1tkt66uesLG709PT6AoCmqqg1zthSXERv/OfiMS2Ubq7ZVVOV6Fg2h0N6iCgMyo1fXlGaeICgZiKBnyhhOqoCBC0e4jlF1KOXeZXcNc9Xa7k3YfoezaFzwhOwir/zsgOiOPYvtIJm/Z5LmuwtZQ7PgAt3cJ3CVvDEhbWwcXyPdHRsmoqorGhiZI+mlG359fnrgw9CNfE6LBD2NRA9PR3mkgCBMeGuUG+ZYQw1RWVKKsrBzR/V2EQq0YDo8ZSfGKfAGZMcFgnY7ZgVyiv/5k9927b/FrqlYYSmYkPO4qGdZtXiC/MYTyDBKB8QwShfEEYph0+hPBmlpjAeezZghhLq4eGcNkMml8fLxjdy9ibG2vC9gMYfeuQNfxS2SzWUxNTiOgBEDHgZ8YQnGDKJ3zizPU1dbrh2YUSqDKdwyBuI+Oh8d7fH1lEE9cobenD12d3Z7eMzSoU+EGpVKvmBifREtzSAiEIblBA/2DrI3QK/caEqowdf4PMoVheVt0CeVc1OxfDMvpCKgsuoQkegMXU/kBCWzUL4jai/kAAAAASUVORK5CYII=") no-repeat 0 center;
    background-size: 16px;
}
.NB-story-date {
    display: inline;
    color: #818776;
    font-size: .8em;
    white-space: nowrap;
}

.NB-middot {
    display: inline-block;
    color: #A0A0A0;
    padding: 0 8px 0;
    line-height: 8px;
    font-weight: normal;
}

.NB-story-author {
    display: inline;
    font-size: .8em;
    color: #959B8B;
    text-decoration: none;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    position: relative;
}
.NB-story-author-positive {
    color: #58A353;
    text-shadow: 0 1px 0 #E9F6E9;
}
.NB-story-author-negative {
    color: #B85044;
    text-shadow: 0 1px 0 #F6E9E9;
}

.NB-story-tags {
    font-size: .7em;
    overflow: hidden;
    padding: .7em 2px .2em 0;
    line-height: 1.2em;
    margin-bottom: -12px;
/*    height: 1.8em;*/
}

.NB-story-tag {
    float: left;
    text-decoration: none;
    font-weight: normal;
    padding: 1px 5px;
    margin: 0px 4px 12px 0;
    background-color: rgba(0, 0, 0, .1);
    color: #959B8B;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    -webkit-border-radius: 4px;
    border: 1px solid transparent;
    border-color: rgba(255, 255, 255, .3) transparent rgba(0, 0, 0, .1);
    position: relative;
}
.NB-story-tag-positive {
    background-color: #88B383;
    color: white;
    text-shadow: 0 1px 0 #588353;
}
.NB-story-tag-negative {
    background-color: #C89094;
    color: white;
    text-shadow: 0 1px 0 #986064;
}
.NB-story-tag .NB-highlight,
.NB-user-tag .NB-highlight,
.NB-story-author .NB-highlight,
.NB-show-profile .NB-highlight {
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    background-color: #000;
    opacity: .25;
    border-radius: 4px;
    display: none;
}
.NB-story-tag.pressed .NB-highlight,
.NB-user-tag.pressed .NB-highlight,
.NB-story-author.pressed .NB-highlight,
.pressed .NB-show-profile .NB-highlight,
.NB-show-profile.pressed .NB-highlight {
    display: block;
    
}

.NB-user-tags {
    font-size: .7em;
    overflow: hidden;
    padding: .7em 2px 0 0;
    line-height: 1.2em;
}

.NB-user-tag {
    float: left;
    text-decoration: none;
    font-weight: normal;
    padding: 1px 5px 1px 18px;
    margin: 4px 4px 4px 0;
    color: #959B8B;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    -webkit-border-radius: 4px;
    border: 1px solid transparent;
    border-color: rgba(255, 255, 255, .3) transparent rgba(0, 0, 0, .1);
    position: relative;
    background: rgba(0, 0, 0, .1) url("tag.png") no-repeat 2px 0;
    background-size: 14px;
}

.NB-user-tag.NB-add-user-tag {
    background: rgba(0, 0, 0, .25) url("add_tag.png") no-repeat 6px 3px;
    background-size: 8px;
    color: #E5EBDB;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .1);
}

.NB-story-starred-date {
    margin: 6px 0 0 0;
    padding: 0 0 0 20px;
    background: transparent url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAEx0lEQVRYCc1YQWhcRRj+Z95umwRJIRgREQ3VU0XjTfSkEbF681TUigdBIXTT3ZCm7aVLDlKbDdlttyxW8CBqtCdvKorWm3gSFT1piR4UDCx0kWaT7Jvp/+17Mzvv7du3L5pgB5aZ+eefb77M/PO/byK01nQ7FXk7kQGX3G4JXXjnwqGRbXlUkJzRpKdJ02HGGA9xWiToOtt+JKG/ah9Qn59+/fSN3awhsh5ZtVF9UCr/DC/2Mi8wknGRtiCx5nvyfGm29GuWOUMJVavVUZnzlxisyL98FtAEnx221VTHK5dKpc2EcWtKJVSvVx7QJD/ho3nYzvgPDd6tnwSpFwqFU78NghlIaLW+Ou2R+pInTvZPFutE+qoi/XWO9C9EoxuBz+Zkh8QRSWKGSBxjn6n+ubThk3xmvjD/Q8IYh17CtcfOKBLf8oQIGUH0O5M4e6N582q5XFZJgMa2tLQkD02MHeNdeYtt9xl7WG9I0o8n7VQfIcSMl1Pf9R2ToLW8HHtjdnb2nxh4arfRaNyxo25e4cvwkuuI4/M78rF4TPVdewQwp8pIzPDOrM6dWFhgwF1n0fAPOH7p8sqffBjA6Bb8weFlWTQ21JEd6l5t3+eYcG4T78zJEwvH2ZZIpnZp+RUh5CrAtFbzxbnF99FOKOLi5ZUPYju1ozzviJsSIpna89VZBnKv9h84JrYlksGiTOYKV3fix+23YRtQNLAQh854vpvbHIMlhAzM2xg5Z+6fyRAzow7emNPuawILlyIywIkWaxubJYTPARudDCzWcZuM417VASbShi0jB9rec6ZnCZEWTxtjUOuhVzvqn63XTReCPna9paAZ0+8REvSIMaJG0nP7e9lWWl1z8TgFTJt+j1Dw1TZ2lgHIwPtT4tgcq4fNSj1CRDawgkHzOTCu2epafRlqILU0m5t/xxyMfCGXUMSn2WwOvOoRR6LI15t10ntZSMUwbNclFBFSExOjd1mvlAYnQ+SpLcfFG0YqAbtl5vcIQek5BV9tpzuwicysSb3GDr7jlEoqjs1BbdfuEYLsdEogIRxDSrNYWPyQSb3KLplIeUI86cJxUFsp0iPEGth1gp6BhIjaBvdSSL1baVTuNjOBqbV40fRRK002xdgFIch5rN1z1FPQM73+8NYAUvn8dp4/YUEJMPWU6XPd3h7xPzN9SwivAz7LNTOAmo/tPPSMaxvWdkgh0BVLjnPFYvEvzAMWMF0MrOm+TCwhOOF1wBUEebfwvb+/K674/IwtSw1S256e0n7u3uLcwpvhHAEsYDoYO+Ga1hTRQ7BerK8sc3XKenBDCFphgQYhxXj/qggWaMuuQAtRKicLXVwL2qcY8VRhCXuUI9+qRgCxuLpnHyRs2TIJG307BPteinzETOyYsMQGK8UnXKUII0oiIQzUapVHhSe+4Gbk5YExnrYuhP7I1/ob6uR+brVa3WfQ+Pj4JOU6DyHPBFc7cpuCqUxGkny2UJj/3hjceiAhOP0fD8XILXOZoo13E54q3Kzwz94+jO2yYG4FWElvMRcrdYdcR7xI8AjgYIfudqSu69XX3vt/NsSXgCA/uCWf54T2FP+mQ3FltBSS63V8m/h3beug+tRNenGspH7mHUqavB+21BjajwWHYd4CVCEE1ECzPqUAAAAASUVORK5CYII=") no-repeat 0 0;
    background-size: 16px;
    font-weight: bold;
    font-size: 10px;
    color: #818776;
    line-height: 17px;
}


.NB-story h1,
.NB-story h2,
.NB-story h3,
.NB-story h4,
.NB-story h5,
.NB-story h6,
.NB-story table,
.NB-story tr,
.NB-story td,
.NB-story span,
.NB-story pre,
.NB-story code {
    overflow: auto;
    clear: both;
    min-width: 0 !important;
    width: auto !important;
    -webkit-border-horizontal-spacing: 0;
}

.NB-story table,
.NB-story tbody,
.NB-story tr,
.NB-story td {
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
}

.NB-story h1, 
.NB-story h2,
.NB-story h3,
.NB-story h4,
.NB-story h5,
.NB-story h6 {
    line-height: 140%;
}

.NB-iphone .NB-story h1, 
.NB-iphone .NB-story h2,
.NB-iphone .NB-story h3,
.NB-iphone .NB-story h4,
.NB-iphone .NB-story h5,
.NB-iphone .NB-story h6 {
    line-height: 120%;
    font-size: 1.1em;
}


a {
    text-decoration: none;
    color: #1B248C;
}
a:active {
    color: #82301A;
}

.NB-story blockquote {
    border-left: 2px solid #ECEFE9;
    padding: 1em;
    margin: 20px 0;
    background-color: #F4F6F2;
}

div + p {
    margin: 20px 0px 20px 0;
}

.NB-story p,
.NB-story div {
    margin: 0px 0px 20px 0;
    clear: both;
}
.NB-story blockquote p:last-child {
    margin-bottom: 0;
}

.NB-story small {
    font-size: 11px;
}

.NB-header {
    line-height: 1.4em;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#F3F4EF));
    border-bottom: 1px solid #C2C5BE;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    overflow: hidden;
    max-width: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.NB-story {
    overflow: hidden;
}

.NB-story a.NB-contains-image {
    display: block;
}

.NB-story div {
    max-width: 100% !important;
}
.NB-story figure {
    margin: 0;
}
.NB-story img,
.NB-story video {
    margin: 20px auto;
    height: auto !important;
    width: auto;
    max-width: 100%;
    display: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none; /* Disable selection/copy in the web view */
}

/* Get iOS 11 Smart Invert to leave images and videos alone. */
@media (inverted-colors: inverted) {
    .NB-story img,
    .NB-story video {
        filter: invert(100%);
    }
}

.NB-story .NB-twitter-rss-author img,
.NB-story .NB-twitter-rss-retweet img {
    margin: 0;
    display: inline;
}

.NB-story .NB-large-image,
.NB-story .NB-medium-image {
    margin: 20px auto;
    display: block;
    width: auto;
    height: auto;
    display: block;
    float: none;
    clear: both;
}

.NB-story .NB-large-image {
    max-width: 320px;
    margin-left: -12px !important;
    width: 320px !important;
    height: auto !important;
}

.NB-width-375 .NB-story .NB-large-image {
    max-width: 375px;
    margin-left: -12px !important;
    width: 375px !important;
}
.NB-width-414 .NB-story .NB-large-image {
    max-width: 414px;
    margin-left: -12px !important;
    width: 414px !important;
}

.NB-ipad-narrow .NB-story .NB-large-image {
    max-width: 500px;
    margin-left: -30px !important;
    width: 500px !important;
}

.NB-ipad-narrow.NB-titles-bottom .NB-story .NB-large-image {
    max-width: 600px;
    width: 600px !important;
}

.NB-ipad-pro-12-narrow .NB-story .NB-large-image {
    max-width: 755px;
    margin-left: -30px !important;
    width: 755px !important;
}
.NB-ipad-pro-12-narrow.NB-width-1024 .NB-story .NB-large-image {
    max-width: 1024px;
    width: 1024px !important;
}

.NB-ipad-pro-10-narrow .NB-story .NB-large-image {
    max-width: 565px;
    margin-left: -30px !important;
    width: 565px !important;
}
.NB-ipad-pro-10-narrow.NB-width-834 .NB-story .NB-large-image {
    max-width: 834px;
    width: 834px !important;
}

.NB-ipad-wide .NB-story .NB-large-image {
    max-width: 656px;
    margin-left: -90px !important;
    width: 656px !important;
}

.NB-ipad-pro-12-wide .NB-story .NB-large-image {
    max-width: 997px;
    margin-left: -90px !important;
    width: 997px !important;
}

.NB-ipad-pro-10-wide .NB-story .NB-large-image {
    max-width: 743px;
    margin-left: -90px !important;
    width: 743px !important;
}

.NB-iphone-wide .NB-story .NB-large-image {
    max-width: 568px;
    margin-left: -30px !important;
    width: 568px !important;
}
.NB-width-480 .NB-story .NB-large-image {
    max-width: 480px;
    margin-left: -30px !important;
    width: 480px !important;
}
.NB-width-667 .NB-story .NB-large-image {
    max-width: 667px;
    margin-left: -30px !important;
    width: 667px !important;
}
.NB-width-724 .NB-story .NB-large-image {
    max-width: 724px;
    margin-left: -30px !important;
    width: 724px !important;
}
.NB-width-736 .NB-story .NB-large-image {
    max-width: 736px;
    margin-left: -30px !important;
    width: 736px !important;
}
.NB-width-768 .NB-story .NB-large-image {
    max-width: 768px;
    margin-left: -30px !important;
    width: 768px !important;
}

.NB-story .NB-small-image {
    display: inline-block;
    margin: 2px;
}

ins {
    background-color: #BEE8BC;
    text-decoration: none;
}

del {
    background-color: #f5c3c3
    /*display: none;*/
}

.NB-story ins {
    background-color: #BEE8BC;
    text-decoration: none
}

.NB-story del {
    background-color: #f5c3c3
}

/* Comments */

#NB-comments-wrapper {
    margin-bottom: 64px;
}
.NB-feed-story-comments {
    margin: 0 !important;
    clear: both !important;
    max-width: none !important;
}
.NB-story-comments-group:first-child {
    margin-top: 32px;
}
.NB-story-comments-group:last-child {
    border-bottom: 1px solid #EAECE8;
}

#story_pane .NB-story-comments-shares-teaser.NB-highlighted {
    -webkit-transition: background-color .6s linear;
    background-color: #FBE5C7;
}

#story_pane .NB-story-comments-shares-teaser {
    -webkit-transition: background-color .6s linear;
}

#story_pane .NB-story-comment-reply.NB-highlighted {
    background-color: #FBE5C7;
}

#story_pane .NB-story-comment.NB-highlighted {
    -webkit-transition: background-color .6s linear;
    background-color: #FBE5C7;
}

#story_pane .NB-story-comment-reply,
#story_pane .NB-story-comment {
    -webkit-transition: background-color .6s linear;
}
#story_pane .NB-story-comment-reply .NB-show-profile {
    float: left;
    left: -34px;
}
.NB-story-comment:last-child {
            border-bottom: 1px solid #A6A6A6;
}

#story_pane .NB-story-comment .NB-story-comment-content {
    float: none;
}

.NB-story-comments-label {
    float: left;
    margin-right: 2px;
    white-space: nowrap;
}

.NB-story-share-label {
    float: right;
    margin-left: 2px;
    white-space: nowrap;
}

/* Sharing */

.NB-share-wrapper {
    margin-top: 36px;
    overflow: hidden;
}

a.NB-show-profile {
    margin: 0 0 0 2px;
    position: relative;
    display: inline-block;
}

/* Disable certain interactions on touch devices */
.NB-button,
a.NB-show-profile {
    -webkit-text-size-adjust: none; 
    -webkit-user-select: none; 
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0); 
}

.NB-button.NB-share-button a {
    display: block;
    font-size: 11px;
}

/* Edit, Like, and Reply buttons */

.NB-button {
    padding: 0px 0px 4px 4px;
    cursor: pointer;
    white-space: nowrap;
    float: right;
    
    line-height: 0px;
    height: 20px;
    font-family: Helvetica, sans-serif;
    font-size: 14px;
    display: block;
    text-shadow: 0px 1px 0px rgba(255,255,255,1);
}

.NB-button.NB-share-button {
    float: right;
    padding: 0px 0px 20px 0px;
    margin: 0;
    display: block;
    width: 28%;
}
.NB-button.NB-train-button {
    float: left;
    margin-right: 0;
}
.NB-button.NB-save-button {
    float: none;
    margin: 0 auto;
}

.NB-button a {
    display: inline-block;
    padding-top: 1px;
    line-height: 16px;
    font-family: Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: rgba(255, 255, 255, .8);
    text-shadow: 0px 1px 0px rgba(0, 0, 0, .1);
    text-transform: uppercase;
}

.NB-button.active a,
.NB-button.NB-button-active a {
    text-shadow: none;
}

.NB-button div {
    padding: 2px 6px 2px;
    height: 16px;
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#E9AF86),
        color-stop(0.50, #E9AF86),
        color-stop(0.50, #E5A87F),
        to(#E5A87F));
    border: 1px solid transparent;
    border-color: rgba(255, 255, 255, .3) rgba(0, 0, 0, .2) rgba(0, 0, 0, .3) rgba(255, 255, 255, .2);
    border-radius: 2px;
}
.NB-button.NB-share-button div {
    height: auto;
    background: transparent;
    color: rgba(0, 0, 0, 0.25);
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
    border: 1px solid rgb(0, 0, 0, 0.25);
    border-radius: 4px;
    line-height: 18px;
}
.NB-button:active div,
.NB-button.NB-button-active div {
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#6C6D69),
        color-stop(0.50, #6C6D69),
        color-stop(0.50, #656662),
        to(#656662));
}

.NB-button.selected div {
    background: #2379bf;
    box-shadow: none;
}

.NB-button.NB-share-button:active div,
.NB-button.NB-share-button.NB-button-active div {
    color: darkgrey;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
}
.NB-iphone .NB-button div {
    padding: 0px 5px 0px;
}

.NB-iphone #story_pane .NB-story-comment .NB-story-comment-content {
    padding-bottom: 0px;
}

.NB-button.NB-share-button div { 
    padding: 8px 0px 8px;
    border-radius: 2px;
    text-align: center;
}

.NB-button.NB-share-button .NB-icon {
    background: url("share@2x.png") no-repeat 0 0;
    background-size: 16px;
    width: 25px;
    display: inline-block;
    height: 16px;
    margin: 0 2px 0 -12px;
    vertical-align: text-bottom;
    opacity: .7;
}

.NB-button.NB-train-button .NB-icon {
    background: url("train@2x.png") no-repeat 0 0;
    background-size: 16px;
}

.NB-button.NB-save-button .NB-icon {
    background: url("clock@2x.png") no-repeat 0 0;
    background-size: 16px;
}

.NB-iphone .NB-button.NB-share-button .NB-icon {
    background-position-y: 1px;
    width: 20px;
    margin-left: -2px;
}

.NB-iphone .NB-button .NB-story-comment-like-button-wrapper,
.NB-button .NB-story-comment-like-button-wrapper {
    position: relative;
    overflow: hidden;
}

.NB-button .NB-story-comment-like-button-wrapper span {
    background: transparent url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAuIwAALiMBeKU/dgAAABV0RVh0Q3JlYXRpb24gVGltZQAzLzEzLzEzh0DecgAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAGLSURBVFiFxZjReYJAEIQXv7zHDkIHMR1QgiVQgh1YAiWYDrSDpAPsIHagHfx54EwQ7rhjF2Re+D7cG4YZuF0UmQjABlhPxWcCkNNgZ+VaTSFIRIrOcVkAJ/6xfGw8YmvhMkfmEbCsIOk/NyZBZgAX+tho+UwOuQu/eX5Su2SNrAicXyY24OyJ645cw6l2yO037wMlhYbXElkslufG1tmdvdDwvjjrNU2xiBUAnyJyGUOauVe3VgiaBassy84i8iEi54W13KSdFLAGqthzMRNqQtsEUADXJ4rZR72jces4s5AfxvY8oGQetyq0gxzNvPw1kZArxgGuLWxvFHNk6vEWuBkEJTmT3Msc4av6bhKb7ZjmmkQ4gGmbLf5RdSyir3mSQ4RH1bEoYwWpkUWJJK2rF4nXGwbDoypA5eq2xDfS3ComHyDvbXSuvh5YY/tDAtgFiMMdulkXmhxsYw7w7SGtEteGIlT3sXUsogQOX4SlVlDZiUj1iexu7NDiOmkF3b8sDmqbH/n+xplQzS92BumDvmMUPAAAAABJRU5ErkJggg==") no-repeat center 2px;
    background-size: 11px;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin: 0 6px;
}

/* Story Comments */

.NB-right {
    float: right;
}

#story_pane .NB-story-comment {
    border-bottom: 1px solid #EAECE8;
    background:#FAFBF8;
    position: relative;
    padding: 0 12px 2px 64px;
    line-height: 20px;
    overflow: hidden;
    min-height: 72px;
}
#story_pane .NB-story-comment-friend-shares .NB-story-comment {
    min-height: inherit;
}
#story_pane .NB-story-comment:last-child {
    border-bottom: none;
}
.NB-header,
#NB-share-bar-wrapper {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

.NB-story-share-profiles-comments-friends,
.NB-story-share-profiles-comments-public {
    float: left;
}

.NB-story-share-profiles-shares-friends, 
.NB-story-share-profiles-shares-public {
    float: right;
}

#story_pane .NB-story-comment .NB-user-avatar {
    position: absolute;
    left: 6px;
    top: 8px;
}
#story_pane .NB-story-comment .NB-user-avatar.NB-story-comment-reshare {
    top: 22px;
    left: 6px;
    z-index: 1;
}
#story_pane .NB-story-comment .NB-user-avatar img {
    border-radius: 6px;
    margin: 0;
    width: 48px;
    height: 48px;
}
#story_pane .NB-story-comment .NB-user-avatar.NB-story-comment-reshare img {
    height: 36px;
    width: 36px;
}
#story_pane .NB-story-comment-friend-shares .NB-user-avatar {
    left: 12px;
    top: 14px;
}
#story_pane .NB-story-comment-friend-shares .NB-user-avatar.NB-story-comment-reshare {
    left: 18px;
    top: 10px;
}
#story_pane .NB-story-comment-friend-shares .NB-user-avatar img,
#story_pane .NB-story-comment-friend-shares .NB-user-avatar.NB-story-comment-reshare img {
    height: 24px;
    width: 24px;
    margin-left: 6px;
}
#story_pane .NB-story-comment-friend-shares .NB-story-share-profile .NB-user-avatar img {
    margin-left: 0;
}
#story_pane .NB-story-comment-friend-shares .NB-user-avatar.NB-story-comment-reshare img {
    margin-left: 0;
    margin-top: 12px;
}
#story_pane .NB-story-comment .NB-story-comment-author-container {
    padding: 8px 0 0;
}
#story_pane .NB-story-comment-friend-shares .NB-story-comment-author-container {
    padding-top: 10px;
}
#story_pane .NB-story-comment .NB-story-comment-reshares {
    position: absolute;
    top: 0;
    left: 8px;
    z-index: 0;
}
#story_pane .NB-story-comment .NB-story-comment-reshares .NB-user-avatar {
    top: 8px;
    left: 26px;
}
#story_pane .NB-story-comment .NB-story-comment-username {
    float: left;
    font-size: 11px;
    color: #1D4BA6;
    font-weight: bold;
    margin: 0 10px 0 0;
    text-shadow: 0 -1px 0 #F0F0F0;
    cursor: pointer;
    line-height: 17px;
}
#story_pane .NB-story-comment .NB-story-comment-date {
    font-size: 10px;
    color: #9D9D9D;
    float: left;
    line-height: 17px;
    margin: 0 0 0;
}

#story_pane .NB-story-comment .NB-story-comment-likes {
    float: right;
    margin: 0;
    overflow: hidden;
}
#story_pane .NB-story-comment .NB-story-comment-likes-icon {
    float: right;
    background: transparent url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAACe0lEQVRYCe1Wv2sUQRT+3t0RDBFsDguNaJHGQoWYnIiNogj+thCsBEvFxk7/ChEsFG2EENE/QlsR3YAEtbCLBhU0jQQlcDd+bzeRkd2debu3xSFZmLt333vzvu/em5kdcc5hlJ7WKIlRLZuCYh35DyuUyC0kcjv2z63+Jip0mWSXrISxOBlq27+SSXSwlJJ0sAsH3HKMMOYfrkIdnCWBpGMNp2NkFv9wgpAKynhaOGMhjMXUb9lLGccYfpBgfJ1kFT/RxVH3O0Ya8tevUAcnPDHKMYGtOBYis/jqC2p77dpgaqBtNQWJwBWsmSJsQ6zxu56gBUwz/84Cjj08JPcV4GYov6gT+cbZ280Z6gV+wUG3o2hqvkJ9nGTgYlFwQ9gi+jhVlisvqOfecvv2OOEOR5O3t0GaU3MrR8mTb5kf+FqO88b0mNCkD9ewP/E8v4pp9yI2N18hf8ase87Dbz+TPfPhivY82sxhEKN5wxXymd/IFQq7R2ibDwfsFTb8Bmbc00BMzhWukB8+4+b484EPBW0VX1GM5rMLytjtL1CHc0HBJU57yxZkii34WJKnDN7N82apzFmE2yvkcKEoQQS7GPHn3HZBgvO52QoIHnE8LPQBlQXZWpZIl4RfOdoe8SpbeJ0LVxc7kO3C+7Qm0t/ZRx9rfA0ddiseFjRtFRqkC9QX8wEDHPorRilUmGKC9x5jm+dYpcVtE9T6p11PeEfsYda984gzU7EtFAXMe75Kay/esuyq+p0EWqGb3DW2syiRa4y/y6Ft67Jtv2hHn3iFxrCXWT6zFUfMYpRWhescwTLbNhVVsh4Qr5A1U0Nx8Qo1RGRNsykoVqmRq9Af7+GQyu+uxIIAAAAASUVORK5CYII=") no-repeat center center;
    background-size: 16px;
    width: 16px;
    height: 16px;
    display: block;
    margin: 0 10px 0 0;
    vertical-align: top;
}
#story_pane .NB-story-comment .NB-story-comment-likes-user {
    float: right;
    margin: 2px 2px 0 0;
}
#story_pane .NB-story-comment .NB-story-comment-likes-user .NB-user-avatar {
    position: static;
}
#story_pane .NB-story-comment .NB-story-comment-likes-user img {
    width: 12px;
    height: 12px;
    border-radius: 2px;
    vertical-align: top;
}


#story_pane .NB-story-comment .NB-story-comment-location {
    text-transform: uppercase;
    font-size: 10px;
    color: rgba(0, 0, 0, .2);
    font-weight: bold;
    float: left;
    clear: both;
    margin: 3px 0 6px;
    line-height: 12px;
}
#story_pane .NB-story-comment-friend-shares .NB-story-comment-location {
    margin-top: 0;
}
#story_pane .NB-story-comment .NB-button-wrapper {
    overflow: hidden;
    white-space: nowrap;
    float: right;
    margin-top: -2px;
}

#story_pane .NB-story-comment .NB-story-comment-content {
    float: left;
    color: #303030;
    clear: both;
}


#story_pane .NB-story-comment-reply {
    border-top: 1px solid #EAECE8;
    overflow: hidden;
    clear: both;
    position: relative;
    padding: 8px 0 4px 34px;
    line-height: 18px;
}
#story_pane .NB-story-comment-reply .NB-story-comment-reply-photo {
    width: 24px;
    height: 24px;
    border-radius: 3px;
    position: absolute;
    left: 0px;
    top: 2px;
    cursor: pointer;
}

#story_pane .NB-story-comment-reply-content {
    clear: both;
    color: #303030;
    padding: 2px 0 3px;
}

#story_pane .NB-story-comment-reply-form {
    padding-top: 11px;
}
#story_pane .NB-story-comment-reply-form .NB-story-comment-reply-username {
    margin: 1px 8px 6px 0;
}
#story_pane .NB-story-comment-reply-form .NB-story-comment-reply-comments {
    margin: 0 8px 4px 0;
    width: 62%;
    display: block;
    float: left;
    font-size: 12px;
}
#story_pane .NB-story-comment-reply-form .NB-modal-submit-button {
    float: left;
    font-size: 10px;
    padding: 2px 8px;
    line-height: 16px;
    margin: 0;
}
#story_pane .NB-story-comment-reply-form .NB-error {
    font-size: 10px;
    color: #6A1000;
    padding: 4px 0 0;
    line-height: 14px;
    font-weight: bold;
    clear: both;
}
#story_pane .NB-story-comments-public-teaser-wrapper,
#story_pane .NB-story-comments-public-header-wrapper,
#story_pane .NB-story-comments-friends-header-wrapper,
#story_pane .NB-story-comments-friend-shares-header-wrapper {
    clear: both;
}
#story_pane .NB-story-comments-shares-teaser-wrapper {
    border-top: 0;
    padding-top: 0;
}

#story_pane .NB-story-comments-public-teaser,
#story_pane .NB-story-comments-public-header,
#story_pane .NB-story-comments-friends-header {
    background-color: #B1B6B4;
    color: white;
    text-shadow: 0 1px 0 #505050;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
    overflow: hidden;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F5F6F2), to(#E5E6E0));
    padding: 6px 12px 6px;
    color: #404040;
    text-shadow: 0 1px 0 white;
    border: 1px solid transparent;
    border-color: #E0E0E0 transparent #D0D0D0;
}

#story_pane .NB-story-comments-shares-teaser {
    background-color: #F5F5EF;
    color: #898989;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .9);
    font-weight: normal;
    font-size: 10px;
    padding: 8px 12px 0px 12px;
    overflow: hidden;
    min-height: 27px;
    line-height: 21px;
    border-bottom: 1px solid #E3E3DF;
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1);
    -webkit-transition: all .12s ease-out;
}

#story_pane .NB-story-comments-public-teaser b {
    padding: 0 1px;
    font-size: 12px;
}

#story_pane .NB-story-share-profiles {
    float: left;
    vertical-align: top;
    min-height: 24px;
    padding-top: 2px;
    margin-top: -4px;
    overflow: hidden;
}

#story_pane .NB-story-share-profiles.NB-story-share-profiles-public {
    float: right;
}
#story_pane .NB-story-share-profiles.NB-story-share-profiles-public .NB-story-share-profile {
    float: right;
}

#story_pane .NB-story-share-profile {
    display: inline-block;
}

#story_pane .NB-story-share-profile .NB-user-avatar {
    float: left;
    font-size: 0;
    vertical-align: middle;
    height: 22px;
    width: 22px;
    margin: 0 4px 0 0;
    cursor: pointer;
}

#story_pane .NB-story-share-profile .NB-public-user {
    opacity: 0.5;
}

#story_pane .NB-story-share-profile .NB-user-avatar img {
    width: 22px;
    height: 22px;
    border-radius: 3px;
}
#story_pane .NB-story-share-profile .NB-user-username {
    float: left;
}
#story_pane .NB-story-comment .NB-story-comment-content {
    clear: both;
    padding: 2px 0 3px 0;
}

#story_pane .NB-feed-stories .NB-feed-story {
    margin: 0;
    clear: both;
    overflow: hidden;
}

#story_pane .NB-feed-stories.NB-feed-view-story .NB-feed-story {
    padding: 0;
}

#story_pane .audiojs audio {
    display: none;
}

.NB-premium-only .NB-story {
    max-height: 500px;
    overflow: hidden;
}

.NB-text-view-premium-only {
    display: none;
    border-top: 1px solid #C0C0C0;
    font-size: 13px;
    text-align: center;
    padding: 12px 0;
    font-weight: bold;
    margin: -32px 0 0;
    background-color: white;
    cursor: default;
    max-width: 700px;
    position: relative;
}

.NB-premium-only .NB-text-view-premium-only {
    display: block;
}

.NB-text-view-premium-only .NB-feed-story-premium-only-divider {
    position: absolute;
    width: 100%;
    height: 50px;
    background: transparent url('white_fade.png') repeat-x 0 0;
    top: -51px;
    left: 0;
    background-size: 25px 50px;
}