/** * Font Size Style */ .NB-story { line-height: 1.5em; } .NB-extra-small .NB-story, .NB-extra-small .NB-story-comment, .NB-extra-small .NB-header { font-size: 12px; } .NB-small .NB-story, .NB-small .NB-story-comment, .NB-small .NB-header { font-size: 13px; } .NB-medium .NB-story, .NB-medium .NB-story-comment, .NB-medium .NB-header { font-size: 14px; } .NB-large .NB-story, .NB-large .NB-story-comment, .NB-large .NB-header { font-size: 15px; } .NB-extra-large .NB-story, .NB-extra-large .NB-story-comment, .NB-extra-large .NB-header { font-size: 17px; } .NB-san-serif { font-family: Helvetica; } .NB-serif { font-family: georgia; } /** * 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 { margin: 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-ipad-narrow .NB-header { padding: 1em 30px; } .NB-ipad-narrow .NB-story { margin: 25px 30px; } .NB-ipad-narrow .NB-share-inner-wrapper { margin: 0 30px; } .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-ipad-narrow#story_pane .nb-story-comment { padding: 0 30px 2px 90px; } .NB-ipad-narrow#story_pane .NB-story-comment .NB-user-avatar { left: 26px; } .NB-ipad-narrow#story_pane .nb-story-comment .nb-story-comment-reshares .nb-user-avatar { left: 45px; } .NB-ipad-narrow#story_pane .NB-story-comment .NB-user-avatar.NB-story-comment-reshare { left: 26px; } .NB-ipad-narrow#story_pane .NB-story-comment .NB-button-wrapper { margin-top: -5px; } .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 { margin: 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-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-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-story-author.pressed .NB-highlight, .pressed .NB-show-profile .NB-highlight, .NB-show-profile.pressed .NB-highlight { display: block; } .NB-story-starred-date { margin: 4px 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 div, .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% !important; display: none; } .NB-story img.NB-large-image, .NB-story img.NB-medium-image { margin: 20px auto !important; display: block !important; width: auto; height: auto; display: block; float: none; clear: both; } .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; } .nb-story-share-label { float: right; margin-left: 2px; } /* 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: left; padding: 0px 0px 20px 0px; margin: 0 0 0 0; display: block; width: 48%; } .NB-button.NB-train-button { float: right; } .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 { 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(#DCDDD9), color-stop(0.50, #DCDDD9), color-stop(0.50, #D5D6D2), to(#D5D6D2)); color: #90928B; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); line-height: 1.5em; } .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 { color: white; 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("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAC+0lEQVRYCe1Y3U4TQRTesyVtjRipXPoe+hKaKHgpESQhMbI/xDZESWzqXyCtYZcam3ihmHgpYKIvIe+iVEWhjXQ8s93dsmd3Z6ZrSbhgkmXmfOfv25kzs0OBMaadpqafJjKcizIhx3Em+DPsCwzrB7IlW3uzdrHYyb1FIjfx4ev7SdcKc4Zh/BSR8/y6uXfoccPzA23nMH80v7yw/EPkNyZSct25bs5FFlO+HWA/xbRuG/t5H0vsip0xB/nzl+ANkNh0sZvjL3HXQ1L+SJcMa3467ssSMGrFblEEWPhiVBXKUkJouR9a+wOcsV8US5Az+SkQYs14MtaKY1EEZ/ZVFMEFZNprilFZWtToAOsbdVPXYRbrgBf1pmWUOUk+FjVwmw0DDWZ9IyU/FUKipCPXKSzZyHMKA54REk4PKqUHoyiA69avabpuY31f7dvBV63Xcyyr8kXkJ9JlLmq3+bKGRB4nB4cnlvGgmqwTox6hWq2Wn7h0vo6mM3jI/8ENvdX+/rtSrVa7Se79mYHPSboQ67HraTMlyucVtU/GxGAlJHMZe7M0Od4Ig9OBt0wUJLLARpQv2GUzJByequw2xQZyUDMDJD4S2qTmCwgdxAOeKJKaLyD0kaYHgA8UG8i4m+RtV2CSms8jxAsYCfDv0x5/+Hjv2345NSBu7VRdoOix9WBIe1G+E9n2ANpTc7GcciRQelE5MyEext/+Szi84ofd1XBm0ra7byPs/ouQMHJGZVDUGd1H73ZGSDanKl/7/hUW4A4GwwOcbdpmhd+Xh7nCctv3KldfaVG7zfojvFY/j74ZW7GMyosoFpWcjcYKbv9nx9EeYw+XzMrqcYyOFWoI+EWdNLhHgJiIZBYpqAPcpxiVFQhp49QJ/329QLEEOZOflBC+6RZNxkDbplhchtj3SsVPSuggf2RhMk6AFyZ/tnVWwGuruB0W/tp42dtBq9APf2zgp7qwSYs68A5+irFtux1gKn2rtVrqdIpM1U+ZkEryUdhIl2wUSYaJ8Q+9fxfZlVEwfwAAAABJRU5ErkJggg==") no-repeat top right; background-size: 16px; width: 25px; display: inline-block; height: 16px; margin: 0 2px 0 -12px; vertical-align: text-bottom; } .NB-button.NB-train-button .NB-icon { background: url("data:image/png;charset=utf-8;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAI9SURBVFiF7Zg/aFNRFMa/c+99SRsjlurmItGCUUQncbQIbkV07RbIYtI0VsVBBAd1sYUkTbpkiIvBTRFxcXF0cPIPRQRBBEHwXwkVbO69xymgry+Jva8vzZBvPB/nuz8Oj3sPj5gZwySx0wB+jYD6aeiAqJdZqtzt+cUXC1c39VdrpevatG9tta8j5wkRkelitVwzgRBAQsg3QXVt9BN3nFATEo+C6sXClQ9CyLWBAwGIdzMI9Ms11BmI2Z7r5lk2+1xzlWujMTpdrZUeG2uuzc9dXgWA8vJSWgrZ0KbtDRwIALRpzwCYKVcWGQRmtkIbGyYyHFBHDCZw7zvtf6UAoF6vj//eWH/A4KMEem/Z3ijkF15uxwFBKlUWU0RQUngLDHsWgCbQzXyu2KRGo7F/rfX1E3y3tpLec23ap6MAEkK2rDW7/XUlvVnRWv/xyg8DAFHBAEAQDABYthVhrZmM6uCtylqzd+heeyGE/LnTEB1JoT6LZGLihN8gkFXSC3yrtuVgqVYB/LPaEJEZiyePiUwm83HX+ERCqdh9Jb0XSsXuHUwdjudzxfNRAc3lLh05lErHlIo1pVTvlPSeJsb2JLPZ7PdQC5qrIlnQolJoICW9FSKaIqIppWLN0HkhYS7kc8WHf5Vmqyvlt1pv3HbNdJ6Qkt4zHwwAIH9x/o4U8svAgUD0uof3zTXWHYj5VHfLHnCNdQYyVp8MqldrpTPW2sTAgZhZVZaXjm8yiKZdMwGARr9j+mgE1E9DB/QHYMm3tWURH1YAAAAASUVORK5CYII=") no-repeat top right; background-size: 16px; } .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: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 .NB-story-comment-author-container { padding: 8px 0 0; } #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 .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 { 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; }