mirror of
https://github.com/samuelclay/NewsBlur.git
synced 2025-08-05 16:58:59 +00:00
1157 lines
31 KiB
CSS
1157 lines
31 KiB
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: 16px;
|
|
}
|
|
|
|
.NB-xl .NB-story,
|
|
.NB-xl .NB-story-comment,
|
|
.NB-xl .NB-header {
|
|
font-size: 18px;
|
|
}
|
|
|
|
/* Font name */
|
|
|
|
.NB-avenir {
|
|
font-family: "Avenir-Book";
|
|
}
|
|
.NB-avenirnext {
|
|
font-family: "AvenirNextCondensed-Regular";
|
|
}
|
|
.NB-georgia {
|
|
font-family: "Georgia";
|
|
}
|
|
.NB-palatino {
|
|
font-family: "Palatino";
|
|
}
|
|
.NB-helvetica {
|
|
font-family: "Helvetica";
|
|
}
|
|
|
|
/* 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.65em;
|
|
}
|
|
.NB-line-spacing-xl .NB-story {
|
|
line-height: 1.8em;
|
|
}
|
|
|
|
/**
|
|
* 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: 14px;
|
|
}
|
|
|
|
/**
|
|
* 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: 25px 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: 14px;
|
|
}
|
|
|
|
/**
|
|
* iPhone Style
|
|
*/
|
|
|
|
.NB-iphone .NB-header {
|
|
padding: .8em 12px;
|
|
}
|
|
|
|
.NB-iphone .NB-story {
|
|
padding: 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: none;
|
|
font-size: 14px;
|
|
line-height: 120%;
|
|
overflow: hidden;
|
|
font-family: Helvetica;
|
|
}
|
|
|
|
body.NB-iphone {
|
|
line-height: 110%;
|
|
}
|
|
|
|
|
|
/* ========== */
|
|
/* = 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: 8px;
|
|
}
|
|
.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-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;
|
|
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 {
|
|
text-transform: uppercase;
|
|
font-size: .9em;
|
|
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 span,
|
|
.NB-story pre,
|
|
.NB-story code {
|
|
overflow: auto;
|
|
clear: both;
|
|
|
|
}
|
|
|
|
.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: 5px solid #C2C5BE;
|
|
padding: 0 1.5em;
|
|
color: rgba(10, 12, 38, .8);
|
|
margin: 20px 0;
|
|
}
|
|
|
|
div + p {
|
|
margin: 20px 0px 20px 0;
|
|
}
|
|
|
|
.NB-story p {
|
|
margin: 0px 0px 20px 0;
|
|
clear: both;
|
|
}
|
|
|
|
.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 img {
|
|
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 UIWebView */
|
|
}
|
|
|
|
.NB-story img.NB-large-image,
|
|
.NB-story img.NB-medium-image {
|
|
margin: 20px auto;
|
|
display: block;
|
|
width: auto;
|
|
height: auto;
|
|
display: block;
|
|
float: none;
|
|
clear: both;
|
|
}
|
|
|
|
.NB-story img.NB-large-image {
|
|
max-width: 320px;
|
|
margin-left: -12px !important;
|
|
width: 320px !important;
|
|
height: auto !important;
|
|
}
|
|
|
|
.NB-width-375 .NB-story img.NB-large-image {
|
|
max-width: 375px;
|
|
margin-left: -12px !important;
|
|
width: 375px !important;
|
|
}
|
|
.NB-width-414 .NB-story img.NB-large-image {
|
|
max-width: 414px;
|
|
margin-left: -12px !important;
|
|
width: 414px !important;
|
|
}
|
|
|
|
.NB-ipad-narrow .NB-story img.NB-large-image {
|
|
max-width: 500px;
|
|
margin-left: -30px !important;
|
|
width: 500px !important;
|
|
}
|
|
|
|
.NB-ipad-wide .NB-story img.NB-large-image {
|
|
max-width: 656px;
|
|
margin-left: -90px !important;
|
|
width: 656px !important;
|
|
}
|
|
|
|
.NB-iphone-wide .NB-story img.NB-large-image {
|
|
max-width: 568px;
|
|
margin-left: -30px !important;
|
|
width: 568px !important;
|
|
}
|
|
.NB-width-480 .NB-story img.NB-large-image {
|
|
max-width: 480px;
|
|
margin-left: -30px !important;
|
|
width: 480px !important;
|
|
}
|
|
.NB-width-667 .NB-story img.NB-large-image {
|
|
max-width: 667px;
|
|
margin-left: -30px !important;
|
|
width: 667px !important;
|
|
}
|
|
.NB-width-736 .NB-story img.NB-large-image {
|
|
max-width: 736px;
|
|
margin-left: -30px !important;
|
|
width: 736px !important;
|
|
}
|
|
.NB-width-768 .NB-story img.NB-large-image {
|
|
max-width: 768px;
|
|
margin-left: -30px !important;
|
|
width: 768px !important;
|
|
}
|
|
|
|
.NB-story img.NB-small-image {
|
|
display: inline-block;
|
|
margin: 2px;
|
|
}
|
|
|
|
ins {
|
|
text-decoration: none;
|
|
}
|
|
|
|
del {
|
|
display: none;
|
|
}
|
|
|
|
/* Comments */
|
|
|
|
#NB-comments-wrapper {
|
|
margin-bottom: 64px;
|
|
}
|
|
.NB-feed-story-comments {
|
|
margin: 0 !important;
|
|
clear: both !important;
|
|
max-width: none !important;
|
|
}
|
|
.NB-feed-story-comments: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: -42px;
|
|
}
|
|
.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: 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: -webkit-gradient(
|
|
linear, left top, left bottom,
|
|
from(#ECEDE9),
|
|
color-stop(0.50, #ECEDE9),
|
|
color-stop(0.50, #E5E6E2),
|
|
to(#E5E6E2));
|
|
color: #B0B2AB;
|
|
text-shadow: 0 1px 0 rgba(255, 255, 255, .5);
|
|
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 -1px;
|
|
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 -1px;
|
|
background-size: 16px;
|
|
}
|
|
|
|
.NB-button.NB-save-button .NB-icon {
|
|
background: url("clock@2x.png") no-repeat 0 -1px;
|
|
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;
|
|
box-shadow: inset 1px 1px 1px rgba(255, 255, 255, 1);shar
|
|
}
|
|
#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-story-comment .NB-user-avatar {
|
|
left: 12px;
|
|
top: 14px;
|
|
}
|
|
#story_pane .NB-story-comment-friend-shares .NB-story-comment .NB-user-avatar.NB-story-comment-reshare {
|
|
top: 10px;
|
|
}
|
|
#story_pane .NB-story-comment-friend-shares .NB-story-comment .NB-user-avatar img {
|
|
height: 24px;
|
|
width: 24px;
|
|
margin-left: 6px;
|
|
}
|
|
#story_pane .NB-story-comment-friend-shares .NB-story-comment .NB-story-share-profile .NB-user-avatar img {
|
|
margin-left: 0;
|
|
}
|
|
#story_pane .NB-story-comment-friend-shares .NB-story-comment .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 .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 .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;
|
|
padding: 4px 0;
|
|
overflow: hidden;
|
|
clear: both;
|
|
position: relative;
|
|
padding: 8px 0 4px 42px;
|
|
line-height: 18px;
|
|
}
|
|
#story_pane .NB-story-comment-reply .NB-story-comment-reply-photo {
|
|
width: 32px;
|
|
height: 32px;
|
|
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;
|
|
padding: 1px 0;
|
|
}
|
|
#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;
|
|
padding: 2px 12px;
|
|
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: rgba(0, 0, 0, .1) transparent rgba(0, 0, 0, .1);
|
|
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
|
|
}
|
|
#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 6px 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;
|
|
}
|
|
|
|
|