/* ========== */ /* = Global = */ /* ========== */ body { /*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; list-style: none; height: 100%; overflow: hidden; text-rendering: optimizeLegibility; background-color: white; -webkit-overflow-scrolling: touch; } .NB-layout { overflow: hidden; height: 100%; width: 100%; position: absolute; } a, a:active, a:hover, a:visited, button { outline: none; } a img { border: none; } .NB-hidden { display: none; } .NB-group { clear: both; overflow: hidden; } .NB-left { float: left; } .NB-right { float: right; } .NB-raquo { font-size: 18px; vertical-align: baseline; line-height: 12px; } /* ================ */ /* = Restrictions = */ /* ================ */ .NB-staff-only { display: none !important; } .NB-staff .NB-staff-only { display: block !important; } /* =============== */ /* = Splash page = */ /* =============== */ .right-pane { display: none !important; } .NB-show-reader .right-pane { display: block !important; } .NB-splash { display: block; } .NB-show-reader .NB-splash { display: none; } #NB-splash { display: block; } .NB-show-reader #NB-splash { display: none; } #NB-splash-overlay { display: block; } .NB-show-reader #NB-splash-overlay { display: none; } .NB-splash-bottom { display: block; } .NB-show-reader .NB-splash-bottom { display: none; } .NB-show-reader .NB-feeds-header-user-dashboard { opacity: 1; cursor: pointer; } .NB-show-reader .NB-feeds-header-user-dashboard:hover img { opacity: .9; } .NB-show-reader .NB-welcome-footer { display: none; } .NB-splash-heading { display: none; } .NB-account { position: absolute; right: 0; z-index: 1; overflow: hidden; width: 180px; margin: 0 24px 32px 0; } .NB-account .NB-module-header-login { width: 142px; margin: 0 50px 0 0; padding: 0 4px; float: left; } .NB-account .NB-module-header-signup { width: 142px; margin: 0; padding: 0 4px; float: left; } .NB-account .NB-login { padding: 0 4px 64px; margin: 12px 50px 0 12px; width: 146px; float: left; background: transparent url('/media/embed/reader/separator.png') no-repeat bottom center; } .NB-account .NB-signup { float: left; width: 146px; padding: 0 4px; margin: 12px 0 0; height: 206px; overflow: hidden; } .NB-account .NB-import-signup { float: left; width: 146px; padding: 0 0 64px 0; margin: 0 24px 0 12px; height: 206px; overflow: hidden; } .NB-account .NB-import-signup-text { text-align: center; width: 190px; } .NB-account .NB-import-signup-text h3 { margin-top: 48px; color: #20843D; } .NB-account .NB-import-signup-text p { color: #636363; } .NB-account .NB-signup-orline { margin: 30px auto 24px; text-align: center; font-size: 14px; line-height: 10px; color: #606060; font-weight: bold; } .NB-account .NB-signup-orline-reduced { margin: 0px auto 0px; } .NB-account .NB-signup-orline .NB-signup-orline-or { padding: 0 4px; } .NB-account .NB-signup-optional { float: right; text-transform: uppercase; color: #ABC0A8; font-weight: bold; font-size: 9px; line-height: 17px; } .NB-account .NB-signup-hidden { display: none; } .NB-account .NB-import-signup { height: auto; } .NB-account .NB-signup .NB-signup-google { margin: 12px auto; display: block; font-size: 12px; text-align: center; } .NB-account input[type=text], .NB-account input[type=password] { border:1px solid #D3D5DE; display:block; font-size:13px; margin:0 0 12px; padding:5px; width:134px; } .NB-account input[type=text]:focus, .NB-account input[type=password]:focus { border-color: #739BBE; } .NB-account input[type=hidden] { display: none; } .NB-account label, .NB-account .NB-account-label { margin: 0; color:#A0B0C0; font-size:12px; display: block; text-transform: uppercase; } .NB-account .NB-account-label { font-weight: bold; } .NB-account .NB-account-text { font-size: 13px; color: #90A0B0; margin-bottom: 30px; } .NB-account .NB-account-text a { text-decoration: none; color: #3E4773; } .NB-account .NB-account-text a:hover { color: #0E1763; } .NB-account .errorlist { list-style: none; font-size: 12px; color: #AF4D18; font-weight: bold; padding: 0; } /* ============ */ /* = Callouts = */ /* ============ */ .NB-callout { position: absolute; -moz-box-shadow: 2px 2px 5px #909090; -webkit-box-shadow: 2px 2px 5px #909090; box-shadow: 2px 2px 5px #909090; border: 1px solid #707070; background: #E2FFCC url('/media/embed/reader/callout_background.png') repeat-x 0 0; display: none; z-index: 10; } .NB-callout .NB-callout-text { font-size: 14px; font-weight: bold; } .NB-callout .NB-callout-container { position: relative; padding: 4px 12px; } .NB-callout .NB-callout-container .NB-callout-arrow { width: 32px; height: 14px; background: transparent url('/media/embed/reader/callout_arrow.png') no-repeat 0 0; position: absolute; bottom: -14px; left: 4px; } .NB-callout-ftux { left: 2px; bottom: 51px; } .NB-callout-ftux-signup { right: 10px; } .NB-callout-ftux-signup .NB-callout-container .NB-callout-arrow { left: auto; right: -1px; } .NB-callout-mouse-indicator { top: -3px; left: 26px; opacity: 0; } .NB-callout-mouse-indicator .NB-callout-container { padding: 1px 12px 1px; } .NB-callout-mouse-indicator .NB-callout-container .NB-callout-arrow { width: 12px; height: 26px; background: transparent url('/media/embed/reader/callout_arrow_side.png') no-repeat 0 0; top: 0px; left: -11px; } /* ================ */ /* = Content Pane = */ /* ================ */ .content-pane { display: none; overflow-x: auto !important; overflow-y: hidden !important; width: auto !important; height: auto !important; } .left-pane { display: none; overflow: hidden !important; background-color: #F7F8F5; } .left-center-content { display: none; overflow-x: hidden !important; overflow-y: auto !important; } .right-pane { display: none; overflow-y: auto !important; overflow-x: hidden !important; } /* =============== */ /* = Friend List = */ /* =============== */ .NB-socialfeeds { overflow-y: auto; overflow-x: hidden; font-size: 11px; list-style: none; margin: 0; padding: 0; width: auto !important; height: auto !important; } .NB-feedlists .NB-socialfeeds .feed { background-color: #E6ECE8; border-top-color: #E6ECE8; border-bottom-color: #E6ECE8; } .NB-feedlists .NB-socialfeeds { display: none; border-bottom: 1px solid #B7BBAA; } .NB-feedlists .NB-socialfeeds .feed .feed_title { text-shadow: 0 1px 0 rgba(250, 250, 250, .4); } .NB-feedlists .NB-socialfeeds img.feed_favicon { border-radius: 3px; } /* ============= */ /* = Feed List = */ /* ============= */ #NB-feeds-list-loader { background: transparent url("/media/embed/reader/big_spinner.gif?v2") no-repeat 0 0; color: rgba(0, 0, 0, .2); font-size: 16px; height: 51px; left: 5%; padding: 5px 0 0 62px; position: absolute; text-shadow: 0 1px 0 rgba(255, 255, 255, .4); text-transform: uppercase; top: 40%; width: 125px; z-index: 10; cursor: default; } .NB-feeds-list-empty { background: transparent url("/media/embed/reader/big_world.png") no-repeat center 0; background-size: 64px; color: rgba(0, 0, 0, .4); opacity: .4; font-size: 16px; padding: 78px 16px 0; margin: 48px 0; text-shadow: 0 1px 0 rgba(255, 255, 255, .4); top: 40%; width: 100%; z-index: 10; cursor: default; line-height: 20px; font-weight: bold; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-story-list-empty { color: rgba(0, 0, 0, .4); opacity: .4; font-size: 16px; padding: 0 24px; position: absolute; text-shadow: 0 1px 0 rgba(255, 255, 255, .4); top: 40%; width: 100%; z-index: 10; cursor: default; line-height: 20px; font-weight: bold; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-story-list-empty .NB-world { background: transparent url("/media/embed/reader/big_world.png") no-repeat center 0; background-size: 64px; width: 100%; height: 64px; margin: 24px 0; } .NB-story-list-empty-subtitle { font-size: 13px; color: rgba(0, 0, 0, .3); } .NB-feedlists ::-moz-selection { background: transparent; } .NB-feedlists ::selection { background: transparent; } .NB-feedlist { background-color: #F7F8F5; overflow-y: auto; overflow-x: hidden; font-size: 11px; list-style: none; margin: 0; padding: 0; width: auto; height: auto; } .NB-theme-feed-size-xs .NB-feedlist { font-size: 10px; } .NB-theme-feed-size-m .NB-feedlist { font-size: 12px; } .NB-theme-feed-size-l .NB-feedlist { font-size: 13px; } .NB-theme-feed-size-xl .NB-feedlist { font-size: 14px; } #feed_list { display: none; padding: 0; overflow: visible; } .NB-feedlist li.folder { padding: 0px 0 0; margin: 0px 0 0; } .NB-feedlist ul.folder { margin: 0; padding: 0 0 0 22px; list-style: none; } .NB-feedlist ul.folder.NB-root { padding-left: 0; } .NB-feedlist .folder_title { padding: 4px 0 4px 22px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; font-weight: bold; display: block; color: #606060; text-transform: uppercase; cursor: pointer; position: relative; } .NB-feedlist li.folder .NB-folder-icon { background: transparent url('/media/embed/icons/circular/g_icn_folder.png') no-repeat 0 0; width: 16px; height: 16px; background-size: 16px; position: absolute; left: 2px; top: 2px; } .NB-theme-feed-size-m .NB-feedlist li.folder .NB-folder-icon { top: 3px; } .NB-theme-feed-size-l .NB-feedlist li.folder .NB-folder-icon { top: 3px; } .NB-theme-feed-size-xl .NB-feedlist li.folder .NB-folder-icon { top: 4px; } .NB-feedlist li.folder.NB-folder-collapsed .NB-folder-icon{ background: transparent url('/media/embed/icons/circular/g_icn_folder_rss.png') no-repeat 0 0; background-size: 16px; } .NB-feedlist li.folder .folder_title.NB-toplevel:hover .NB-folder-icon { display: none; } .NB-feedlist .feeds { margin-left: 22px; } .NB-feedlist .feed { position: relative; cursor: pointer; border-top: 1px solid #F7F8F5; border-bottom: 1px solid #F7F8F5; padding-right: 2px; background-color: #F7F8F5; } .NB-feedlist .feed.NB-feed-exception { /* background-color: #F7EDC6;*/ } .NB-feedlist .feed.NB-feed-exception .feed_title { color: #A0A0A0; } .NB-feedlist .feed.NB-feed-inactive { display: none; } .NB-feedlist .feed.NB-feed-self-blurblog, .NB-feedlist-hide-read-feeds .NB-feedlist .feed.NB-feed-self-blurblog { display: block; } .NB-intelligence-starred .NB-feedlist .feed.NB-feed-self-blurblog { display: none; } .NB-feedlist .feed.NB-feed-unfetched { } .NB-feedlist .feed.NB-feed-exception .feed_counts { display: none; } .NB-feedlist .feed .NB-feed-exception-icon { background: url('/media/embed/icons/circular/exclamation.png') no-repeat 0 0; background-size: 16px; width: 16px; height: 16px; position: absolute; right: 4px; top: 2px; display: none; } #feed_list .feed.NB-feed-exception .NB-feed-exception-icon, .NB-modal-organizer .feed.NB-feed-exception .NB-feed-exception-icon { display: block; } .NB-feedlist .feed .NB-feed-highlight { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: transparent; display: none; opacity: 0; } .NB-feedlist .feed.NB-feed-unfetched:not(.NB-highlighted) .feed_counts { display: none; } .NB-feedlist .feed.NB-feed-unfetched .feed_favicon { opacity: .5; } .NB-feedlist .feed.NB-feed-unfetched .feed_title { color: #A0A0A0; } .NB-feedlist .feed .NB-feed-unfetched-icon { background: url('/media/embed/reader/recycle_spinner.gif') no-repeat 0 0; opacity: .1; width: 16px; height: 16px; position: absolute; right: 4px; top: 2px; display: none; } #feed_list .feed.NB-feed-unfetched .NB-feed-unfetched-icon { display: block; } .NB-feedlist .feed.NB-empty { border: none; margin: 0; padding: 0; height: 4px; cursor: default; } .NB-feedlist.NB-feed-sorting .feed.NB-empty { /* height: 16px;*/ } .feed.NB-feed-sorting, .NB-feedlist.NB-feed-sorting { cursor: move !important; } .NB-feedlist .feed_id { display: none; } .NB-feedlist img.feed_favicon { position: absolute; top: 2px; left: 2px; width: 16px; height: 16px; } .NB-theme-feed-size-m .NB-feedlist img.feed_favicon { top: 3px; } .NB-theme-feed-size-l .NB-feedlist img.feed_favicon { top: 3px; } .NB-theme-feed-size-xl .NB-feedlist img.feed_favicon { top: 4px; } .NB-feedlist .feed_title { display: block; padding: 4px 40px 2px 23px; text-decoration: none; color: rgba(0,0,0,.7); line-height: 1.3em; overflow: hidden; text-shadow: 0 1px 0 rgba(250, 250, 250, .4); text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .NB-feedlist .feed .NB-feedlist-manage-icon, .NB-feedlist .folder_title .NB-feedlist-manage-icon { opacity: 0; position: absolute; left: -20px; top: -1px; width: 20px; height: 22px; background: transparent url('/media/embed/icons/circular/g_icn_arrow_right.png') no-repeat 4px 6px; background-size: 8px; } .NB-feedlist .folder_title .NB-feedlist-manage-icon { background-position: 4px 6px; } .NB-feedlist .feed .NB-feedlist-manage-icon:hover, .NB-feedlist .folder_title .NB-feedlist-manage-icon:hover { background: transparent url('/media/embed/icons/circular/g_icn_arrow_down.png') no-repeat 4px 6px; background-size: 8px; } .NB-feedlist .folder_title .NB-feedlist-manage-icon:hover { background-position: 4px 5px; } .NB-feedlist .feed.NB-hover-inverse .NB-feedlist-manage-icon:hover, .NB-feedlist .folder.NB-hover-inverse .NB-feedlist-manage-icon:hover { background: transparent url('/media/embed/icons/circular/g_icn_arrow_up.png') no-repeat 4px 8px; background-size: 8px; } .NB-feedlist .folder.NB-hover-inverse .NB-feedlist-manage-icon:hover { background-position: 6px 8px; } .NB-feedlist .feed.NB-hover-inverse .NB-feedlist-manage-icon:hover { background-position: 4px 8px; } .NB-feedlist .feed.NB-toplevel.NB-hover-inverse .NB-feedlist-manage-icon:hover { background-position: 5px 7px; } .NB-feedlist .feed.NB-toplevel .NB-feedlist-manage-icon, .NB-feedlist .folder_title.NB-toplevel .NB-feedlist-manage-icon { left: 0; opacity: 1; display: none; background-position: 6px 7px; } .NB-feedlist .folder_title.NB-toplevel .NB-feedlist-manage-icon { background-position: 6px 8px; } .NB-feedlist .feed:hover .NB-feedlist-manage-icon, .NB-feedlist .folder_title:hover .NB-feedlist-manage-icon { opacity: 1; display: block; } .NB-feedlist .feed.NB-no-hover .NB-feedlist-manage-icon, .NB-feedlist .folder_title.NB-no-hover .NB-feedlist-manage-icon { display: none; } .NB-feedlists .folder .folder_title .feed_counts_floater, .NB-feeds-header .feed_counts_floater { margin-right: 2px; } .NB-feedlist .folder .folder_title .NB-feedlist-collapse-icon, .NB-feeds-header .NB-feedlist-collapse-icon { position: absolute; top: 5px; right: 3px; width: 16px; height: 16px; background: transparent url('/media/embed/icons/circular/folder_collapse.png') no-repeat 0 0; background-size: 13px 12px; opacity: .6; display: none; } .NB-feeds-header .NB-feedlist-collapse-icon { top: 7px; } .NB-feedlist .folder.NB-folder-collapsed .folder_title .NB-feedlist-collapse-icon, .NB-feeds-header.NB-folder-collapsed .NB-feedlist-collapse-icon { background-image: url('/media/embed/icons/circular/folder_expand.png'); background-size: 13px 12px; } .NB-feedlist .folder .folder_title:hover .NB-feedlist-collapse-icon:hover, .NB-feeds-header:hover .NB-feedlist-collapse-icon:hover { opacity: 1; } .NB-feedlist .folder .folder_title:hover .NB-feedlist-collapse-icon, .NB-feeds-header:hover .NB-feedlist-collapse-icon { /*.NB-feedlist .folder.NB-showing-menu > .folder_title .NB-feedlist-collapse-icon {*/ display: block; opacity: .6; } .NB-feedlist .folder .folder_title:hover .feed_counts_floater, .NB-feeds-header:hover .feed_counts_floater, .NB-feedlist .folder.NB-showing-menu > .folder_title .feed_counts_floater { margin-right: 24px; } .NB-feedlist .folder .folder_title.NB-feedlist-folder-title-recently-collapsed:hover .feed_counts_floater, .NB-feeds-header.NB-feedlist-folder-title-recently-collapsed:hover .feed_counts_floater { display: block; } /*.NB-feedlist .folder.NB-selected > .folder_title .NB-feedlist-collapse-icon { display: block; opacity: 1; } */ .NB-feedlist .folder.NB-selected > .folder_title .feed_counts_floater { margin-right: 24px; } .NB-feedlist .feed.NB-toplevel:hover .feed_favicon { display: none; } .NB-feedlist .feed.NB-toplevel.NB-no-hover .feed_favicon { display: block; } .NB-feedlist .folder_title.NB-toplevel:hover { background: none; } .NB-feedlist .folder_title.NB-toplevel.NB-no-hover { background: inherit; } .NB-feedlist .feed_counts { position: absolute; right: 2px; top: 0; } .NB-feedlist .NB-feedbar-mark-feed-read { display: none; } .NB-feedlist .feed.selected, .NB-feedlist .feed.NB-selected, .NB-feeds-header.NB-selected, .NB-feedlist .folder.NB-selected > .folder_title { background-color: #FFFFD2; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFD2), to(#F5F9B4)); background: -moz-linear-gradient(center top , #FFFFD2 0%, #F5F9B4 100%); border-top: 1px solid #D6D682; border-bottom: 1px solid #D6D682; } .NB-feedlist .folder.NB-selected > .folder_title { text-shadow: 0 1px 0 rgba(255, 255, 255, .5); } .NB-feedlist .feed.NB-feed-selector-selected { background-color: #7AC0FE; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#A7D3FE), to(#7AC0FE)); background: -moz-linear-gradient(center top , #A7D3FE 0%, #7AC0FE 100%); border-top: 1px solid #789FC6; border-bottom: 1px solid #789FC6; } .NB-feedlist .NB-feeds-list-highlight { position: relative; background-color: #f6a828; border-top: 1px solid #A8A8A8; border-bottom: 1px solid #A8A8A8; } .NB-feed-sorting { border: none !important; } .NB-feedlist-hide-read-feeds .NB-feedlist .feed { display: none; } .NB-feedlist-hide-read-feeds .NB-sidebar.unread_view_starred .unread_starred { display: block; } .NB-feedlist-hide-read-feeds .NB-sidebar.unread_view_positive .unread_positive { display: block; } .NB-feedlist-hide-read-feeds .NB-sidebar.unread_view_neutral .unread_positive, .NB-feedlist-hide-read-feeds .NB-sidebar.unread_view_neutral .unread_neutral { display: block; } .NB-feedlist-hide-read-feeds .NB-sidebar.unread_view_negative .unread_positive, .NB-feedlist-hide-read-feeds .NB-sidebar.unread_view_negative .unread_neutral, .NB-feedlist-hide-read-feeds .NB-sidebar.unread_view_negative .unread_negative { display: block; } .NB-feedlist-hide-read-feeds .NB-feedlist .feed.NB-empty { display: block; } .NB-feedlist-hide-read-feeds .NB-feedlist .feed.selected { display: block; } #feed_list.NB-feedlist.NB-selector-active .feed, .NB-sidebar .NB-socialfeeds-folder.NB-selector-active .feed { display: none; } #feed_list.NB-feedlist.NB-selector-active .feed.NB-feed-selector-active, .NB-socialfeeds-folder.NB-selector-active .feed.NB-feed-selector-active { display: block; opacity: 1; } .NB-feedlist.NB-selector-active .NB-folder-collapsed .folder, .NB-feedlist.NB-selector-active .NB-hidden, .NB-socialfeeds-folder.NB-selector-active { display: block !important; opacity: 1 !important; } .NB-selector-active .NB-feeds-list-empty { display: none; } /* ================= */ /* = Unread Counts = */ /* ================= */ .unread_count { float: right; font-weight: bold; color: #FFF; padding: 3px 1px 1px; margin: 3px 1px 0; background-color: #8eb6e8; display: none; line-height: 10px; border-radius: 4px; /* border-top: 1px solid rgba(255, 255, 255, .4);*/ border-bottom: 1px solid rgba(0, 0, 0, .1); } .NB-theme-feed-size-xs .NB-feedlist .unread_count { margin-top: 2px; padding-top: 2px; padding-bottom: 2px; } .NB-theme-feed-size-s .NB-feedlist .unread_count { margin-top: 2px; padding-top: 3px; padding-bottom: 1px; } .NB-theme-feed-size-l .NB-feedlist .unread_count { margin-top: 3px; padding-top: 3px; padding-bottom: 3px; } .NB-theme-feed-size-xl .NB-feedlist .unread_count { margin-top: 3px; padding-top: 4px; padding-bottom: 2px; } .NB-feeds-header .unread_count { line-height: 11px; } .NB-theme-feed-size-xs .NB-feeds-header .unread_count { margin-top: 4px; padding-top: 3px; padding-bottom: 2px; } .NB-theme-feed-size-s .NB-feeds-header .unread_count { margin-top: 4px; padding-top: 2px; padding-bottom: 2px; } .NB-theme-feed-size-m .NB-feeds-header .unread_count { margin-top: 4px; padding-top: 2px; padding-bottom: 2px; } .NB-theme-feed-size-l .NB-feeds-header .unread_count { margin-top: 3px; padding-top: 4px; padding-bottom: 3px; } .NB-theme-feed-size-xl .NB-feeds-header .unread_count { margin-top: 3px; padding-top: 4px; padding-bottom: 3px; } .folder_title .unread_count { line-height: 15px; } .NB-theme-feed-size-xs .folder_title .unread_count { margin-top: -3px; padding-top: 2px; padding-bottom: 1px; } .NB-theme-feed-size-s .folder_title .unread_count { margin-top: -3px; padding-top: 2px; padding-bottom: 1px; } .NB-theme-feed-size-m .folder_title .unread_count { margin-top: -2px; padding-top: 2px; padding-bottom: 1px; } .NB-theme-feed-size-l .folder_title .unread_count { margin-top: -2px; padding-top: 2px; padding-bottom: 1px; } .NB-theme-feed-size-xl .folder_title .unread_count { margin-top: -2px; padding-top: 3px; padding-bottom: 2px; } .unread_count_starred { background-color: #506B9A; text-shadow: 0 1px 0 rgba(0, 0, 0, .3); border-bottom: 1px solid rgba(0, 0, 0, .2); /* text-shadow: none;*/ } .unread_count_positive { background-color: #6EA74A; text-shadow: 0 1px 0 rgba(0, 0, 0, .3); /* text-shadow: none;*/ } .unread_count_neutral { background-color: #B3B6AD; /* text-shadow: 0 1px 0 rgba(255, 255, 255, .3);*/ text-shadow: none; } .unread_count_negative { background-color: #CC2A2E; text-shadow: none; /* text-shadow: 0 1px 0 rgba(0, 0, 0, .3);*/ } .unread_view_starred .unread_count { padding-left: 6px; padding-right: 6px; } .unread_view_positive .unread_count { padding-left: 6px; padding-right: 6px; } .unread_view_neutral .unread_count { padding-left: 3px; padding-right: 3px; } /* Showing unread counts above threshold */ .unread_view_starred .unread_starred .unread_count_starred { display: block; } .unread_view_positive .unread_positive .unread_count_positive { display: block; } .unread_view_neutral .unread_positive .unread_count_positive, .unread_view_neutral .unread_neutral .unread_count_neutral { display: block; } .unread_view_negative .unread_positive .unread_count_positive, .unread_view_negative .unread_neutral .unread_count_neutral, .unread_view_negative .unread_negative .unread_count_negative { display: block; } .unread_view_starred .unread_starred { font-weight: bold; } .unread_view_positive .unread_positive { font-weight: bold; } .unread_view_neutral .unread_positive, .unread_view_neutral .unread_neutral { font-weight: bold; } .unread_view_negative .unread_positive, .unread_view_negative .unread_neutral, .unread_view_negative .unread_negative { font-weight: bold; } /* Showing unread counts below threshold */ .unread_threshold_positive .unread_negative .unread_count_negative, .unread_threshold_positive .unread_neutral .unread_count_neutral { font-weight: bold; display: block; } .unread_threshold_neutral .unread_negative .unread_count_negative { font-weight: bold; display: block; } .NB-starred-folder .unread_starred .unread_count_positive { display: block; } /* ====================== */ /* = Feeds Progress Bar = */ /* ====================== */ #NB-progress { height: 40px; width: 100%; background-color: #505050; border-top: 1px solid #777D86; border-bottom: 1px solid #101010; color: #fff; text-shadow: 0 1px 0 #202020; text-align: center; z-index: 1; } .NB-progress-container { border-top: 1px solid #E0E0E0; } #NB-progress .NB-progress-close { width: 11px; height: 11px; float: right; margin: 6px 4px 0 0; cursor: pointer; background: transparent url('/media/embed/reader/close.png') no-repeat 0 0; } #NB-progress .NB-progress-title { padding: 5px 15px 0; font-size: 11px; text-transform: uppercase; height: 14px; } #NB-progress.NB-progress-error .NB-progress-title { height: auto; } #NB-progress .NB-progress-bar { height:6px; margin:6px 50px 0; } #NB-progress .NB-progress-link { display: none; margin: -2px 0 0; } #NB-progress .NB-progress-link .NB-modal-submit-button { padding: 3px 0; font-size: 15px; width: 90%; margin: 0 auto; -moz-box-shadow:2px 2px 0px #404040; -webkit-box-shadow:2px 2px 0px #404040; box-shadow:2px 2px 0px #404040; border-radius: 4px; border:1px solid #303030; } #NB-progress.NB-progress-error { height: 80px; } #NB-progress.NB-progress-big { height: 72px; } #NB-progress.NB-progress-error .NB-progress-title { font-size: 18px; } #NB-progress.NB-progress-error .NB-progress-link { display: block; font-size: 18px; } #NB-progress.NB-progress-error .NB-progress-bar { display: none; } #NB-progress.NB-progress-big .NB-progress-link { margin: 6px 0 0; } #NB-progress.NB-progress-big .NB-progress-link a { font-size: 20px; } #NB-progress .NB-progress-counts { float: left; font-size: 10px; color: #B0B0B0; padding: 4px 0 0; width: 50px; } #NB-progress .NB-progress-percentage { float: right; clear: both; color: #B0B0B0; font-size: 12px; width: 50px; padding: 1px 0 0; } /* ================ */ /* = Story Titles = */ /* ================ */ .NB-feed-story-header-info ::-moz-selection { background: transparent; } .NB-feed-story-header-info ::selection { background: transparent; } #story_titles { z-index: 10; position: fixed; top: 0px; left: 0px; height: 200px; width: 100%; overflow-y: scroll; font-size: 11px; display: none; } #story_titles .wrapper { margin-left: 220px; } .NB-story-titles-header { font-weight: bold; font-size: 16px; padding: 6px 24px 0px 8px; position: relative; overflow: hidden; } .NB-feedbar { background-image: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#F3F4EF)); background-image: -moz-linear-gradient(center top , #FEFEFE 0%, #F3F4EF 100%); background-image: linear-gradient(top, #FEFEFE, #F3F4EF); border-bottom: 1px solid #C2C5BE; background-color: #F3F3EE; background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F3EE), to(#E8EBE4)); background-image: -moz-linear-gradient(center top , #F3F3EE 0%, #E8EBE4 100%); background-image: linear-gradient(top, #F3F3EE, #E8EBE4); } .NB-feedbar .feed .feed_favicon { margin: 4px 4px 0 6px; vertical-align: top; float: left; width: 16px; height: 16px; } .NB-feedbar .feed.NB-feed-social .feed_favicon { border-radius: 3px; } .NB-feedbar .feed .feed_title, .NB-feedbar .folder_title_text { /* float: left;*/ display: block; margin-left: 26px; color: #40413E; text-shadow: 0 1px 0 rgba(255, 255, 255, .8); height: 24px; overflow: hidden; line-height: 24px; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; } .NB-feedbar .NB-feedbar-options-container { float: right; } .NB-feedbar .NB-feedbar-options { cursor: pointer; float: right; color: rgba(0, 0, 0, .5); border: 1px solid rgba(0, 0, 0, .1); border-radius: 16px; text-transform: uppercase; font-size: 10px; padding: 1px 4px 1px 8px; line-height: 14px; margin: 3px 0 0; white-space: nowrap; } .NB-feedbar .NB-feedbar-options:hover, .NB-feedbar .NB-feedbar-options.NB-active { background-color: rgba(0, 0, 0, .1); } .NB-feedbar .NB-feedbar-options .NB-icon { float: right; width: 16px; height: 12px; background: transparent url('/media/embed/icons/circular/g_icn_arrow_down.png') no-repeat 4px 2px; background-size: 8px; margin: 0 0 0 4px; } .NB-feedbar .NB-feedbar-train-feed { background: transparent url("/media/embed/icons/circular/train.png") no-repeat center center; background-size: 16px; width: 16px; height: 16px; cursor: pointer; padding: 0 0 0 38px; } .NB-feedbar .NB-feedbar-statistics { background: transparent url("/media/embed/icons/circular/menu_icn_stats.png") no-repeat center center; background-size: 16px; width: 16px; height: 16px; cursor: pointer; margin:3px 0 0 -6px; padding:0 24px 0 6px; } .NB-feedbar .NB-feedbar-mark-feed-read-container { position: relative; margin: 0 10px 0 6px; font-size: 9px; line-height: 15px; font-weight: bold; float: right; } .NB-intelligence-starred .NB-feedbar .NB-feedbar-mark-feed-read-container, .NB-searching .NB-feedbar-mark-feed-read-container { display: none; } .NB-feedbar .NB-feedbar-mark-feed-read, .NB-feedbar .NB-feedbar-mark-feed-read-expand, .NB-feedbar .NB-feedbar-mark-feed-read-time { cursor: pointer; position: relative; padding: 1px 4px; border: 1px solid rgba(0, 0, 0, .1); border-radius: 16px; float: right; width: 26px; height: 14px; z-index: 1; margin: 3px 0 0 8px; background-color: #F0F1EC; background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F1EC), to(#EBEDE7)); background-image: -moz-linear-gradient(center top , #F0F1EC 0%, #EBEDE7 100%); background-image: linear-gradient(top, #F0F1EC, #EBEDE7); } .NB-feedbar .NB-feedbar-mark-feed-read .NB-icon { background: transparent url('/media/embed/icons/circular/nav_icn_markread.png') no-repeat center center; background-size: 18px; width: 100%; height: 100%; } .NB-feedbar .NB-feedbar-mark-feed-read:hover, .NB-feedbar .NB-feedbar-mark-feed-read-time:hover { background-color: #D8D9D4; background-image: -webkit-gradient(linear, left top, left bottom, from(#D8D9D4), to(#D4D5D0)); background-image: -moz-linear-gradient(center top , #D8D9D4 0%, #D4D5D0 100%); background-image: linear-gradient(top, #D8D9D4, #D4D5D0); } .NB-feedbar .NB-feedbar-mark-feed-read-expand:hover { background-color: rgba(0, 0, 0, .1); } .NB-feedbar .NB-feedbar-mark-feed-read-expand { position: absolute; right: 20px; z-index: 0; background: transparent url('/media/embed/icons/circular/nav_icn_plus.png') no-repeat 4px center; background-size: 6px; width: 19px; } .NB-feedbar .NB-feedbar-mark-feed-read-time { z-index: 0; right: 0; top: 0; width: 20px; position: absolute; text-align: center; color: rgba(0, 0, 0, .5); text-transform: uppercase; } .NB-feedbar .NB-feedlist-manage-icon { opacity: 0; display: none; position: absolute; left: 10px; top: 7px; width: 20px; height: 22px; cursor: pointer; background: transparent url('/media/embed/icons/circular/g_icn_arrow_right.png') no-repeat 6px 7px; background-size: 8px; } .NB-feedbar .NB-feedlist-manage-icon:hover { background: transparent url('/media/embed/icons/circular/g_icn_arrow_down.png') no-repeat 6px 7px; background-size: 8px; } .NB-feedbar .NB-folder .NB-feedlist-manage-icon { top: 7px; left: 8px; } .NB-feedbar .NB-hover-inverse .NB-feedlist-manage-icon:hover { background: transparent url('/media/embed/icons/circular/g_icn_arrow_up.png') no-repeat 4px 5px; background-size: 8px; } .NB-feedbar .NB-folder.NB-hover-inverse .NB-feedlist-manage-icon:hover { background-position: 4px 7px; } .NB-feedbar:hover .NB-feedlist-manage-icon { display: block; opacity: 1; } .NB-feedbar:hover .NB-no-hover .NB-feedlist-manage-icon { display: none; opacity: 0; } .NB-feedbar:hover .feed_favicon, .NB-feedbar:hover .NB-folder-icon { display: none; } .NB-feedbar:hover .NB-no-hover .NB-folder-icon { display: block; } .NB-feedbar .NB-folder-fake .NB-feedbar-mark-feed-read-container { display: none; } .NB-feedbar .NB-folder-river .NB-feedbar-mark-feed-read-container { display: block; } .NB-feedbar .feed .feed_counts { width: 200px; position: absolute; top: -1px; right: 6px; display: none; } .NB-feedbar .feed .feed_counts .feed_counts_floater { float: left; } .NB-feedbar .feed .feed_counts .unread_count { float: right; } .NB-feedbar .NB-feedbar-intelligence { position: absolute; right: 4px; top: 3px; } .NB-feedbar .unread_count { float: right; padding: 0 8px; } .NB-feedbar .NB-button-intelligence { float: right; } .NB-feedbar .NB-feed-sentiment { position: absolute; width: 16px; height: 16px; top: 2px; display: none; cursor: pointer; } .NB-feedbar:hover .NB-feed-sentiment { display: block; } .NB-feedbar .feed .unread_count.unread_count_full { display: block; } .NB-feedbar .NB-folder .NB-folder-title { padding: 1px 0 1px 22px; font-size: 14px; font-weight: bold; color: #606060; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(255, 255, 255, .5); } .NB-feedbar .NB-folder .NB-folder-icon { background: transparent url('/media/embed/icons/circular/g_icn_folder.png') no-repeat 0 0; background-size: 16px; width: 16px; height: 16px; position: absolute; left: 12px; top: 10px; } .NB-feedbar .NB-folder .NB-starred-icon { background: transparent url('/media/embed/icons/circular/clock.png') no-repeat 0 0; background-size: 16px; width: 16px; height: 16px; position: absolute; left: 12px; top: 10px; } .NB-feedbar .NB-folder .NB-read-icon { background: transparent url('/media/embed/icons/circular/g_icn_unread.png') no-repeat center center; background-size: 8px; width: 16px; height: 16px; position: absolute; left: 12px; top: 10px; } .NB-feedbar .folder ul.folder, .NB-feedbar .folder .NB-feedlist-collapse-icon, .NB-feeds-header .NB-feedlist-collapse-icon { display: none; } /* ============================= */ /* = Story Titles Hidden Count = */ /* ============================= */ .NB-feedbar .NB-story-title-indicator { display: none; float: right; cursor: pointer; color: rgba(0, 0, 0, .5); border: 1px solid rgba(0, 0, 0, .1); border-radius: 16px; text-transform: uppercase; font-size: 10px; padding: 1px 8px; line-height: 14px; margin: 3px 12px 0; } .NB-feedbar .NB-story-title-indicator:hover { background-color: rgba(0, 0, 0, .1); } .NB-feedbar .NB-story-title-indicator .NB-story-title-indicator-count { float: left; } .NB-feedbar .NB-story-title-indicator .NB-story-title-indicator-count .unread_count_starred { display: none; } .NB-feedbar .NB-story-title-indicator.unread_threshold_negative { display: none; } .NB-feedbar .NB-story-title-indicator .feed_counts_floater { float: left; padding: 2px 0 0; text-align: center; } .NB-feedbar .NB-story-title-indicator .unread_count_positive.unread_count_full, .NB-feedbar .NB-story-title-indicator .unread_count_neutral.unread_count_full, .NB-feedbar .NB-story-title-indicator .unread_count_negative.unread_count_full { display: none; opacity: .3; } .NB-feedbar .NB-story-title-indicator.unread_threshold_positive .unread_count_neutral.unread_count_full, .NB-feedbar .NB-story-title-indicator.unread_threshold_positive .unread_count_negative.unread_count_full, .NB-feedbar .NB-story-title-indicator.unread_threshold_neutral .unread_count_negative.unread_count_full { display: block; } .NB-feedbar .NB-story-title-indicator.unread_threshold_positive:hover .unread_count_neutral { opacity: 1; } .NB-feedbar .NB-story-title-indicator.unread_threshold_neutral:hover .unread_count_negative { opacity: 1; } .NB-feedbar .NB-story-title-indicator .feed_counts_floater .unread_count { padding: 1px 3px 1px; margin: 0 4px 0 0; line-height: 8px; } .NB-intelligence-positive .NB-story-title.NB-story-neutral .NB-hidden-fade, .NB-intelligence-positive .NB-story-title.NB-story-negative .NB-hidden-fade, .NB-intelligence-neutral .NB-story-title.NB-story-negative .NB-hidden-fade { opacity: .5; } .NB-feed-story-premium-only .NB-feed-story-premium-only-divider { background: transparent url(/media/embed/reader/separator_small.png) no-repeat 50% 100%; height: 20px; width: 100%; margin: 4px 0 0; } .NB-feed-story-premium-only .NB-feed-story-premium-only-text { text-align: center; margin: 6px 0 8px 0; color: #707070; font-size: 11px; } /* ======================== */ /* = Story Titles - Story = */ /* ======================== */ #story_titles .NB-story-title { overflow: hidden; position: relative; cursor: pointer; font-weight: bold; padding: 0px 206px 0px 28px; text-decoration: none; color: #272727; line-height: 14px; font-size: 12px; /* background-color: white; border-top: 1px solid #E7EDF6; border-bottom: 1px solid #FFF; */ background-color: #FDFCFA; border-top: 1px solid #FFF; border-bottom: 1px solid #F9F8F4; } .NB-theme-feed-size-xs #story_titles .NB-story-title { font-size: 11px; line-height: 13px; } .NB-theme-feed-size-m #story_titles .NB-story-title { font-size: 13px; line-height: 15px; } .NB-theme-feed-size-l #story_titles .NB-story-title { font-size: 14px; line-height: 15px; } .NB-theme-feed-size-xl #story_titles .NB-story-title { font-size: 15px; line-height: 16px; } .NB-story-pane-west #story_titles .NB-story-title { padding-right: 4px; padding-left: 32px; } .NB-view-river #story_titles .NB-story-title { padding-left: 148px; } .NB-view-river .NB-story-pane-west #story_titles .NB-story-title { padding-left: 48px; } #story_titles .NB-story-title .NB-storytitles-feed-border-inner, #story_titles .NB-story-title .NB-storytitles-feed-border-outer { position: absolute; height: 100%; width: 4px; left: 0; top: 0; background-color: #505050; } #story_titles .NB-story-title.read .NB-storytitles-feed-border-inner, #story_titles .NB-story-title.read .NB-storytitles-feed-border-outer { opacity: .06; } #story_titles .NB-story-title .NB-storytitles-feed-border-inner { left: 4px; background-color: #707070; } #story_titles .NB-story-title .NB-storytitles-sentiment { position: absolute; width: 24px; height: 20px; left: 0; top: 2px; } .NB-story-pane-west #story_titles .NB-story-title .NB-storytitles-sentiment { left: 4px; } #story_titles .NB-story-title.NB-story-positive .NB-storytitles-sentiment { background: transparent url('/media/embed/icons/circular/g_icn_focus.png') no-repeat 13px 6px; background-size: 8px; } #story_titles .NB-story-title.NB-story-neutral .NB-storytitles-sentiment { background: transparent url('/media/embed/icons/circular/g_icn_unread.png') no-repeat 13px 6px; background-size: 8px; } #story_titles .NB-story-title.NB-story-negative .NB-storytitles-sentiment { background: transparent url('/media/embed/icons/circular/g_icn_hidden.png') no-repeat 13px 6px; background-size: 8px; } #story_titles .NB-story-title.NB-story-starred .NB-storytitles-sentiment { background: transparent url('/media/embed/icons/circular/g_icn_starred.png') no-repeat 13px 6px; background-size: 8px; } #story_titles .NB-story-title.NB-story-starred .NB-storytitles-star, #story_titles .NB-story-title.read.NB-story-starred .NB-storytitles-star { width: 16px; height: 16px; margin: -1px 6px 0 0; background: transparent url('/media/embed/icons/circular/clock.png') no-repeat 0 0; background-size: 16px; float: left; display: none; } #story_titles .NB-story-title.NB-story-starred .NB-storytitles-star, #story_titles .NB-story-title.read.NB-story-starred .NB-storytitles-star { display: block; } #story_titles .NB-story-title.NB-story-shared .NB-storytitles-share, #story_titles .NB-story-title.read.NB-story-shared .NB-storytitles-share { width: 16px; height: 16px; margin: -1px 6px 0 0; background: transparent url('/media/embed/icons/circular/menu_icn_share.png') no-repeat 0 0; background-size: 16px; float: left; display: none; } #story_titles .NB-story-title.NB-story-shared .NB-storytitles-share, #story_titles .NB-story-title.read.NB-story-shared .NB-storytitles-share { display: block; } #story_titles .NB-story-title.read { font-weight: normal; } #story_titles .NB-story-title.read .NB-storytitles-sentiment { opacity: .15; } #story_titles .NB-story-title:hover .NB-storytitles-sentiment { background: none; } #story_titles .NB-story-title a.story_title { text-decoration: none; color: #272727; display: block; padding: 5px 4px 4px; float: left; position: relative; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #story_titles .NB-story-title.read a.story_title { color: #969696; } .NB-view-river #story_titles .NB-story-title a.story_title { } #story_titles .NB-story-title .NB-storytitles-author { padding-left: 12px; color: #808080; font-size: 11px; } .NB-theme-feed-size-xs #story_titles .NB-story-title .NB-storytitles-author { font-size: 9px; } .NB-theme-feed-size-s #story_titles .NB-story-title .NB-storytitles-author { font-size: 10px; } .NB-theme-feed-size-l #story_titles .NB-story-title .NB-storytitles-author { font-size: 12px; } .NB-theme-feed-size-xl #story_titles .NB-story-title .NB-storytitles-author { font-size: 13px; } #story_titles .NB-story-title.read .NB-storytitles-author { color: #B6B6B6; } #story_titles .NB-story-title.NB-selected .NB-storytitles-author { /* text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);*/ } #story_titles .NB-storytitles-content-preview { color: #B6B6B6; font-size: 11px; line-height: 2.2em; overflow: hidden; font-weight: normal; height: 20px; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; } .NB-theme-feed-size-xs #story_titles .NB-storytitles-content-preview { font-size: 10px; height: 19px; } .NB-theme-feed-size-m #story_titles .NB-storytitles-content-preview { font-size: 12px; height: 21px; } .NB-theme-feed-size-l #story_titles .NB-storytitles-content-preview { font-size: 13px; height: 22px; } .NB-theme-feed-size-xl #story_titles .NB-storytitles-content-preview { font-size: 14px; height: 23px; } .NB-story-pane-west #story_titles .NB-storytitles-content-preview { -webkit-line-clamp: 2; line-height: 14px; height: 36px; padding: 6px 0 0; } .NB-story-layout-list #story_titles .NB-selected .NB-storytitles-content-preview { display: none; } #story_titles .read .NB-storytitles-content-preview { color: #B6B6B6; } #story_titles .NB-storytitles-shares { position: absolute; height: 16px; right: 2px; top: 2px; max-width: 56px; } .NB-story-pane-west #story_titles .NB-storytitles-shares { top: inherit; bottom: 4px; } #story_titles .NB-storytitles-shares .NB-icon { float: right; width: 12px; height: 12px; margin: 2px 4px 0 0; background: transparent url('/media/embed/icons/circular/share.png') no-repeat 0 0; background-size: 16px; } #story_titles .NB-storytitles-shares .NB-user-avatar { float: right; width: 12px; height: 12px; border-radius: 2px; margin: 3px 2px 20px 0; display: block; } #story_titles .NB-story-title .NB-story-feed { display: none; left: -120px; top: 6px; width: 118px; height: 12px; color: #707070; position: absolute; } .NB-story-pane-west #story_titles .NB-story-title .NB-story-feed { left: -18px; } .NB-view-river #story_titles .NB-story-title .NB-story-feed { display: block; } #story_titles .NB-story-title .NB-story-feed .feed_favicon { position: absolute; top: -2px; left: 0; vertical-align: text-bottom; opacity: .65; height: 16px; width: 16px; } #story_titles .NB-story-title.read .feed_favicon { opacity: .4; } #story_titles .NB-story-title .NB-story-feed .feed_title { display: block; font-size: 10px; position: absolute; left: 20px; top: 0; height: 14px; overflow: hidden; width: 100px; line-height: 1.3em; } .NB-theme-feed-size-xs #story_titles .NB-story-title .NB-story-feed .feed_title { font-size: 9px; height: 12px; } .NB-theme-feed-size-m #story_titles .NB-story-title .NB-story-feed .feed_title { font-size: 11px; height: 15px; } .NB-theme-feed-size-l #story_titles .NB-story-title .NB-story-feed .feed_title { font-size: 12px; height: 15px; } .NB-theme-feed-size-xl #story_titles .NB-story-title .NB-story-feed .feed_title { font-size: 12px; height: 15px; } #story_titles .NB-story-title.NB-selected .NB-story-feed .feed_title { /* text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);*/ } .NB-story-pane-west #story_titles .NB-story-title .NB-story-feed .feed_title { display: none; } #story_titles .NB-story-title .NB-story-manage-icon { display: none; position: absolute; left: 0px; top: 2px; width: 28px; height: 22px; background: transparent url('/media/embed/icons/circular/g_icn_arrow_right.png') no-repeat 13px 6px; background-size: 8px; } .NB-story-pane-west #story_titles .NB-story-title .NB-story-manage-icon { left: 4px; } #story_titles .NB-story-title:hover .NB-story-manage-icon { display: block; } #story_titles .NB-story-title:hover .NB-story-manage-icon:hover { background: transparent url('/media/embed/icons/circular/g_icn_arrow_down.png') no-repeat 13px 6px; background-size: 8px; cursor: pointer; } #story_titles .NB-story-title.NB-hover-inverse:hover .NB-story-manage-icon:hover { background: transparent url('/media/embed/icons/circular/g_icn_arrow_up.png') no-repeat 13px 6px; background-size: 8px; cursor: pointer; } #story_titles .NB-story-sentiment { position: absolute; width: 22px; height: 16px; top: 0; padding: 2px 0; display: none; } #story_titles .NB-story-title:hover .NB-story-sentiment { display: block; } #story_titles .NB-story-like { left: 22px; background: transparent url('/media/embed/reader/thumbs_up.png') no-repeat 2px 3px; opacity: .25; } #story_titles .NB-story-like:hover { opacity: 1; } #story_titles .NB-story-title .story_date { position: absolute; right: 4px; width: 200px; top: 5px; font-size: 11px; } .NB-theme-feed-size-xs #story_titles .NB-story-title .story_date { font-size: 10px; } .NB-theme-feed-size-m #story_titles .NB-story-title .story_date { font-size: 12px; } .NB-theme-feed-size-l #story_titles .NB-story-title .story_date { font-size: 13px; } .NB-theme-feed-size-xl #story_titles .NB-story-title .story_date { font-size: 14px; } .NB-story-pane-west #story_titles .NB-story-title .story_date { position: static; margin: 0 0 4px 4px; color: #929697; top: 0; left: 0; right: 0; display: block; font-weight: normal; clear: both; } #story_titles .NB-story-title.NB-selected .story_date { /* text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);*/ } #story_titles .NB-story-title.read .story_date { color: #B6B6B6; } #story_titles .NB-story-title.NB-selected, .NB-interaction:hover:not(.NB-disabled) { color: #304080; border-top: 1px solid #EFEEC3; border-bottom: 1px solid #EFEEC3; background-color: #FFFEE2; } #story_titles .NB-story-title:hover:not(.NB-selected) { background-color: #F7F7F6; border-top: 1px solid transparent; } #story_titles .NB-story-title.read:hover:not(.NB-selected) { background-color: #FDFCFA; /* border-top: 1px solid transparent;*/ /* border-bottom: 1px solid white;*/ } .NB-interaction:active:not(.NB-disabled) { color: #304080; border-top: 1px solid #6EADF5; border-bottom: 1px solid #6EADF5; background-color: #D4E2F2; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D4E2F2), to(#C8DEF8)); background: -moz-linear-gradient(center top , #D4E2F2 0%, #C8DEF8 100%); } .NB-end-line { min-height: 36px; border-top: 1px solid #C2C5BE; border-bottom: 1px solid #E1E6E0; /* padding-left: 14px; /* offset for scrollbar on right */ background-color: #F8F8F8; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F8F8F8), to(#F1F6F0)); background: -moz-linear-gradient(center top, #F8F8F8 0%, #F1F6F0 100%); background-image: no-repeat center center; overflow: hidden; clear: both; } .NB-end-line.NB-short { height: 8px; min-height: 8px; } .NB-end-line .NB-fleuron { background: transparent url('/media/embed/reader/fleuron.png') no-repeat center center; background-size: 175px 24px; margin: 0 auto; width: 175px; height: 36px; } .NB-empty .NB-end-line { display: none; } /* ============================= */ /* = Story Detail in List View = */ /* ============================= */ .NB-story-title-container .NB-feed-story { } /* ============================= */ /* = Story Detail in Grid View = */ /* ============================= */ #story_titles.NB-layout-grid { background-color: #F7F8F5; } #story_titles.NB-layout-grid .NB-story-titles { overflow: hidden; } #story_titles.NB-layout-grid .NB-story-content-container { background-color: white; } #story_titles.NB-layout-grid .NB-end-line { margin-top: 24px; float: left; width: 100%; } #story_titles.NB-layout-grid .NB-story-title-container { } #story_titles.NB-layout-grid .NB-story-title-container.NB-selected { clear: both; overflow: hidden; } #story_titles.NB-layout-grid .NB-story-title-container.NB-selected .NB-story-title { margin-top: 24px; } #story_titles .NB-story-grid { margin: 3% 0 0 3%; border: 1px solid rgba(0, 0, 0, .2); position: relative; float: left; width: 42%; height: 360px; padding: 0; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #story_titles.NB-layout-grid.NB-grid-columns-1 .NB-story-grid, #story_titles.NB-extra-narrow-content .NB-story-grid { width: 94%; } #story_titles.NB-layout-grid.NB-grid-columns-2 .NB-story-grid, #story_titles.NB-narrow-content .NB-story-grid { width: 44%; } #story_titles.NB-layout-grid.NB-grid-columns-3 .NB-story-grid, #story_titles.NB-wide-content .NB-story-grid { width: 29%; } #story_titles.NB-layout-grid.NB-grid-columns-4 .NB-story-grid, #story_titles.NB-extra-wide-content .NB-story-grid { width: 21%; } .NB-view-river #story_titles .NB-story-grid { padding-left: 0; border: 1px solid rgba(0, 0, 0, .2); } #story_titles .NB-story-grid, #story_titles .NB-story-title.NB-story-grid:hover { border: 1px solid rgba(0, 0, 0, .2); } #story_titles .NB-story-grid.NB-selected { clear: both; } #story_titles .NB-story-grid .NB-storytitles-content { position: relative; margin: 12px 24px 8px 30px; height: 100%; z-index: 0; } #story_titles .NB-story-grid a.story_title { padding: 2px 0 0 0; margin: 0; } #story_titles .NB-story-grid .NB-storytitles-title { font-size: 16px; line-height: 1.3em; padding: 0; } .NB-theme-feed-size-xs #story_titles .NB-story-grid .NB-storytitles-title { font-size: 14px; } .NB-theme-feed-size-s #story_titles .NB-story-grid .NB-storytitles-title { font-size: 15px; } .NB-theme-feed-size-l #story_titles .NB-story-grid .NB-storytitles-title { font-size: 17px; } .NB-theme-feed-size-xl #story_titles .NB-story-grid .NB-storytitles-title { font-size: 18px; } #story_titles .NB-story-grid .NB-storytitles-content-preview { margin: 12px 0 0 0; } #story_titles .NB-story-grid .NB-storytitles-story-image-container { margin-left: 8px; } #story_titles .NB-story-grid .NB-storytitles-story-image { display: none; width: 100%; height: 186px; background-size: cover; background-position: 50% 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #story_titles .NB-story-grid.read .NB-storytitles-story-image { opacity: .5; } #story_titles .NB-story-grid.NB-selected .NB-storytitles-story-image { display: none; } #story_titles .NB-story-grid .NB-storytitles-feed-border-inner, #story_titles .NB-story-grid .NB-storytitles-feed-border-outer { /* height: 4px;*/ /* width: 100%;*/ /* position: static;*/ z-index: 1; } #story_titles .NB-story-grid.read .NB-storytitles-feed-border-inner, #story_titles .NB-story-grid.read .NB-storytitles-feed-border-outer { opacity: .2; } #story_titles .NB-story-grid .NB-storytitles-content-preview { height: auto; -webkit-line-clamp: inherit; font-size: 13px; line-height: 1.44em; } .NB-theme-feed-size-xs #story_titles .NB-story-grid .NB-storytitles-content-preview { font-size: 11px; } .NB-theme-feed-size-s #story_titles .NB-story-grid .NB-storytitles-content-preview { font-size: 12px; } .NB-theme-feed-size-l #story_titles .NB-story-grid .NB-storytitles-content-preview { font-size: 14px; } .NB-theme-feed-size-xl #story_titles .NB-story-grid .NB-storytitles-content-preview { font-size: 15px; } #story_titles .NB-story-grid.read .NB-storytitles-content-preview { color: #D6D6DE; } #story_titles .NB-story-grid.NB-story-title .NB-storytitles-grid-bottom { position: absolute; bottom: 0; top: inherit; left: 0; background-color: #FDFCFA; width: 100%; padding: 12px 6px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #story_titles .NB-story-grid:not(.read):hover .NB-storytitles-grid-bottom { background-color: #F7F7F6; } #story_titles .NB-story-grid.NB-story-title .NB-storytitles-author { float: left; display: block; padding: 0 4px 2px 24px; line-height: 16px; } #story_titles .NB-story-grid .story_date { position: static; width: auto; float: right; display: block; padding: 0 4px 0 0; } #story_titles .NB-story-grid .NB-storytitles-sentiment, #story_titles .NB-story-grid .NB-story-manage-icon { left: -28px; } #story_titles .NB-story-grid .NB-story-feed { position: static; margin: 10px 0; height: auto; overflow: hidden; } #story_titles .NB-story-grid .story_title { position: relative; } #story_titles .NB-story-grid .NB-story-feed .feed_favicon { margin: 0 4px 0 0; float: left; position: static; } #story_titles .NB-story-grid .NB-story-feed .feed_title { width: auto; -webkit-line-clamp: 1; height: 16px; margin: 2px 0 0 0; line-height: 16px; text-overflow: ellipsis; } #story_titles .NB-story-grid .feed_favicon, #story_titles .NB-story-grid .feed_title { position: static; } /* =================== */ /* = Story Navigator = */ /* =================== */ #story_pane .story_navigator { position: relative; } #story_pane .NB-story-pane-container { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } #story_pane a.button { outline: none; border: none; text-decoration: none; cursor: pointer; white-space: nowrap; vertical-align: middle; overflow: visible; color: #000; background-color: #acc; padding: 5px 7px; margin: 0px 2px; } #story_pane a.button:hover { background-color: #cee; } #story_pane a.button.like { float: right; width: 24px; height: 16px; background: #acc url('/media/embed/icons/silk/arrow_up.png') no-repeat 50% 50%; } #story_pane a.button.like:hover { background: #cee url('/media/embed/icons/silk/arrow_up.png') no-repeat 50% 50%; } #story_pane a.button.dislike { float: right; width: 16px; height: 16px; background: #acc url('/media/embed/icons/silk/arrow_down.png') no-repeat 50% 50%; } #story_pane a.button.dislike:hover { background: #cee url('/media/embed/icons/silk/arrow_down.png') no-repeat 50% 50%; } /* ================= */ /* = Content Panes = */ /* ================= */ #story_pane { display: none; overflow: hidden; } #story_pane .NB-feed-story-view { overflow: hidden; position: relative; top: 0; left: 100% !important; width: 100%; height: 100%; } #story_pane .NB-feed-iframe, #story_pane .NB-story-view, #story_pane .NB-text-view { width: 100%; height: 100%; border: 0; margin: 0 !important; padding: 0 !important; overflow: auto !important; display: block; position: absolute; } #story_pane .NB-story-iframe { width: 100%; height: 100%; border: 0; margin: 0 !important; padding: 0 !important; overflow: auto !important; display: block; } #story_pane .NB-text-view { left: 200%; top: 0; } #story_pane .NB-story-view { left: 300%; top: 0; } /* ================================ */ /* = Feed View Feed Title Floater = */ /* ================================ */ .NB-feed-stories-container { overflow-x: hidden; overflow-y: scroll; height: 100%; position: relative; } .NB-feed-story-view-floater { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; display: none; opacity: .9; } .NB-view-river .NB-feed-story-view-floater { display: block; } /* ==================== */ /* = Styling & Themes = */ /* ==================== */ body { font-family: "Lucida Sans", "Lucida Grande", Verdana, "Helvetica Neue", Helvetica, sans-serif; } .NB-theme-sans-serif-alt1 #story_pane { font-family: "Helvetica Neue", "Helvetica", sans-serif; } .NB-theme-sans-serif-alt2 #story_pane { font-family: "Open Sans", "Liberation Sans", sans-serif; } .NB-theme-sans-serif-wide #story_pane { font-family: "DejaVu Sans", "Bitstream Vera Sans", "Verdana", "Tahoma", "Geneva", sans-serif; } .NB-theme-serif .NB-feed-story-content, .NB-theme-serif .NB-feed-story-comments, .NB-theme-serif .NB-feed-story-view-floater, .NB-theme-serif .NB-feed-story-header { font-family: "Palatino Linotype", "Palatino", "URW Palladio L", "Nimbus Roman No9 L", Georgia, serif; } .NB-theme-gotham .NB-feed-story-content, .NB-theme-gotham .NB-feed-story-comments, .NB-theme-gotham .NB-feed-story-view-floater, .NB-theme-gotham .NB-feed-story-header { font-family: 'Gotham Narrow A', 'Gotham Narrow B'; font-weight: 400; font-style: normal; } .NB-theme-sentinel .NB-feed-story-content, .NB-theme-sentinel .NB-feed-story-comments, .NB-theme-sentinel .NB-feed-story-view-floater, .NB-theme-sentinel .NB-feed-story-header { font-family: 'Sentinel A', 'Sentinel B'; font-weight: 400; font-style: normal; } .NB-theme-whitney .NB-feed-story-content, .NB-theme-whitney .NB-feed-story-comments, .NB-theme-whitney .NB-feed-story-view-floater, .NB-theme-whitney .NB-feed-story-header { font-family: 'Whitney A', 'Whitney B'; font-weight: 400; font-style: normal; } .NB-theme-chronicle .NB-feed-story-content, .NB-theme-chronicle .NB-feed-story-comments, .NB-theme-chronicle .NB-feed-story-view-floater, .NB-theme-chronicle .NB-feed-story-header { font-family: 'Chronicle Display A', 'Chronicle Display B'; font-weight: 400; font-style: normal; } /* ================= */ /* = Story Content = */ /* ================= */ .NB-feed-story { font-size: 12px; line-height: 1.5em; } .NB-line-spacing-xs .NB-feed-story { line-height: 1.1em; } .NB-line-spacing-s .NB-feed-story { line-height: 1.3em; } .NB-line-spacing-m .NB-feed-story { line-height: 1.5em; } .NB-line-spacing-l .NB-feed-story { line-height: 1.8em; } .NB-line-spacing-xl .NB-feed-story { line-height: 2.0em; } .NB-theme-sans-serif.NB-theme-size-xs .NB-feed-story { font-size: 11px; } .NB-theme-sans-serif.NB-theme-size-s .NB-feed-story { font-size: 12px; } .NB-theme-sans-serif.NB-theme-size-m .NB-feed-story { font-size: 13px; } .NB-theme-sans-serif.NB-theme-size-l .NB-feed-story { font-size: 15px; } .NB-theme-sans-serif.NB-theme-size-xl .NB-feed-story { font-size: 18px; } .NB-theme-gotham.NB-theme-size-xs .NB-feed-story { font-size: 13px; } .NB-theme-gotham.NB-theme-size-s .NB-feed-story { font-size: 14px; } .NB-theme-gotham.NB-theme-size-m .NB-feed-story { font-size: 15px; } .NB-theme-gotham.NB-theme-size-l .NB-feed-story { font-size: 16px; } .NB-theme-gotham.NB-theme-size-xl .NB-feed-story { font-size: 19px; } .NB-theme-sentinel.NB-theme-size-xs .NB-feed-story { font-size: 13px; } .NB-theme-sentinel.NB-theme-size-s .NB-feed-story { font-size: 14px; } .NB-theme-sentinel.NB-theme-size-m .NB-feed-story { font-size: 15px; } .NB-theme-sentinel.NB-theme-size-l .NB-feed-story { font-size: 16px; } .NB-theme-sentinel.NB-theme-size-xl .NB-feed-story { font-size: 19px; } .NB-theme-whitney.NB-theme-size-xs .NB-feed-story { font-size: 13px; } .NB-theme-whitney.NB-theme-size-s .NB-feed-story { font-size: 14px; } .NB-theme-whitney.NB-theme-size-m .NB-feed-story { font-size: 15px; } .NB-theme-whitney.NB-theme-size-l .NB-feed-story { font-size: 16px; } .NB-theme-whitney.NB-theme-size-xl .NB-feed-story { font-size: 19px; } .NB-theme-chronicle.NB-theme-size-xs .NB-feed-story { font-size: 13px; } .NB-theme-chronicle.NB-theme-size-s .NB-feed-story { font-size: 14px; } .NB-theme-chronicle.NB-theme-size-m .NB-feed-story { font-size: 15px; } .NB-theme-chronicle.NB-theme-size-l .NB-feed-story { font-size: 16px; } .NB-theme-chronicle.NB-theme-size-xl .NB-feed-story { font-size: 19px; } .NB-theme-serif.NB-theme-size-xs .NB-feed-story { font-size: 13px; } .NB-theme-serif.NB-theme-size-s .NB-feed-story { font-size: 14px; } .NB-theme-serif.NB-theme-size-m .NB-feed-story { font-size: 15px; } .NB-theme-serif.NB-theme-size-l .NB-feed-story { font-size: 16px; } .NB-theme-serif.NB-theme-size-xl .NB-feed-story { font-size: 19px; } .NB-feed-stories { padding: 0; margin: 0; list-style: none; background-color: white; position: relative; overflow: hidden; } .NB-feed-story .NB-feed-story-header { padding: 3px 0 0 0; } .NB-feed-story.NB-river-story .NB-feed-story-header, .NB-feed-story:first-child .NB-feed-story-header { padding-top: 0; } #story_pane .NB-feed-stories pre { overflow-x: auto; max-width: 100%; } .NB-feed-story .NB-feed-story-header-info { padding: 0 206px 0 28px; background-color: #EEF0E9; border-bottom: 1px solid rgba(0, 0, 0, .2); border-left: 3px solid transparent; position: relative; overflow: hidden; } .NB-feed-story.NB-selected .NB-feed-story-header-info { border-left: 3px solid #EBAA74; } .NB-narrow-content .NB-feed-story .NB-feed-story-header-info { padding-right: 28px; } .NB-feed-story.read .NB-feed-story-header-info { background-color: #F8F8F6; } .NB-feed-story-header-feed { background: #404040 url('/media/embed/reader/feed_view_feed_background.png') repeat-x 0 0; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.36, rgba(76, 76, 76, 250)), color-stop(0.84, rgba(55, 55, 55, 250)) ); background-image: -moz-linear-gradient( center bottom, rgb(76,76,76) 36%, rgb(55,55,55) 84% ); padding: 2px 200px 2px 28px; position: relative; border-bottom: 1px solid #000; border-top: 1px solid #707070; z-index: 2; line-height: 18px; } .NB-feed-story-header-feed.NB-feed-story-river-same-feed { z-index: 0; } .NB-feed-story-header-feed.NB-floater { z-index: 0; } .NB-feed-story-feed { padding: 2px 0; color: white; font-size: 13px; } .NB-inverse .NB-feed-story-feed { color: black; } .NB-feed-story-feed .feed_favicon { position: absolute; left: 6px; top: 5px; width: 16px; height: 16px; } .NB-feed-story-feed .NB-feed-story-header-title { cursor: pointer; font-weight: bold; } .NB-feed-story-feed .NB-feed-story-header-title:hover { color: rgba(255, 255, 255, .8); } .NB-inverse .NB-feed-story-feed .NB-feed-story-header-title:hover { color: rgba(0, 0, 0, .6); } /* =============================== */ /* = Story content modifications = */ /* =============================== */ .NB-feed-story { color: #2b2b2b; } .NB-feed-story p { clear: both; } .NB-feed-story blockquote { border-left: 2px solid #ECEFE9; padding: .5em 1.5em; margin: 0px; background-color: #F4F6F2; } .NB-feed-story .NB-feed-story-content iframe, .NB-feed-story .NB-feed-story-content table { max-width: 99% !important; } .NB-feed-story .NB-youtube-stats { margin-top: 8px; } .NB-feed-story .NB-feed-story-content div { max-width: 100%; } .NB-feed-story .NB-feed-story-content img { max-width: 100% !important; width: auto; height: auto; /* See http://www.newsblur.com/site/1031643/le-21me for width: auto, height: auto */ } .NB-feed-story { position: relative; } .NB-feed-story .NB-feed-story-sentiment { position: absolute; top: 3px; left: -19px; width: 16px; height: 16px; } .NB-feed-story.NB-river-story .NB-feed-story-sentiment { /* display: none;*/ } .NB-feed-story.NB-story-starred .NB-feed-story-sentiment { background: transparent url('/media/embed/icons/circular/g_icn_starred.png') no-repeat 4px 4px; background-size: 8px; } .NB-feed-story.NB-story-positive .NB-feed-story-sentiment { background: transparent url('/media/embed/icons/circular/g_icn_focus.png') no-repeat 4px 4px; background-size: 8px; } .NB-feed-story.NB-story-neutral .NB-feed-story-sentiment { background: transparent url('/media/embed/icons/circular/g_icn_unread.png') no-repeat 4px 4px; background-size: 8px; } .NB-feed-story.NB-story-negative .NB-feed-story-sentiment { background: transparent url('/media/embed/icons/circular/g_icn_hidden.png') no-repeat 4px 4px; background-size: 8px; } .NB-feed-story.read .NB-feed-story-sentiment { opacity: .06; } .NB-feed-story .NB-feed-story-header:hover .NB-feed-story-sentiment { display: none; } .NB-feed-story .NB-feed-story-sentiment-animation { display: none; } .NB-feed-story.read .NB-feed-story-sentiment.NB-feed-story-sentiment-animate.NB-animating { opacity: 1; z-index: 10; display: block; } .NB-feed-story .NB-feed-story-manage-icon { background: url("/media/embed/icons/circular/g_icn_arrow_right.png") no-repeat scroll 13px 6px transparent; background-size: 8px; display: none; height: 22px; left: -28px; position: absolute; top: 2px; width: 28px; } .NB-feed-story .NB-feed-story-header:hover .NB-feed-story-manage-icon { display: block; } .NB-feed-story .NB-feed-story-header:hover .NB-feed-story-manage-icon:hover { background: transparent url('/media/embed/icons/circular/g_icn_arrow_down.png') no-repeat 13px 6px; background-size: 8px; cursor: pointer; } .NB-feed-story.NB-hover-inverse .NB-feed-story-header:hover .NB-feed-story-manage-icon:hover { background: transparent url('/media/embed/icons/circular/g_icn_arrow_up.png') no-repeat 13px 6px; background-size: 8px; } .NB-feed-story .NB-feed-story-title-container { position: relative; clear: both; } .NB-feed-story a.NB-feed-story-title { display: block; text-decoration: none; color: #101050; margin: 8px 0 6px; font-weight: bold; font-size: 1.4em; line-height: 1.2em; /* text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);*/ } .NB-feed-story.read a.NB-feed-story-title { font-weight: normal; color: #41423F; } .NB-feed-story a.NB-feed-story-title:hover, .NB-feed-story a.NB-feed-story-title:hover .NB-score-1, .NB-feed-story a.NB-feed-story-title:hover .NB-score--1 { color: #1010A0; } .NB-feed-story .NB-feed-story-author-wrapper { float: left; font-size: 11px; color: #757B6B; /* text-shadow: 0 1px 0 rgba(255, 255, 255, .3);*/ margin: 0 8px 6px 0; } .NB-feed-story .NB-feed-story-author-wrapper .NB-middot { color: #A0A0A0; padding-right: 4px; font-weight: normal; } .NB-feed-story.read .NB-feed-story-author-wrapper { color: #959B8B; text-shadow: none; } .NB-feed-story .NB-feed-story-author { cursor: pointer; } .NB-feed-story .NB-feed-story-author.NB-score-1 { color: #34912E; } .NB-feed-story .NB-feed-story-author.NB-score--1 { color: #A90103; } .NB-feed-story .NB-feed-story-author:hover { /* Gray, active -> [Light] Green */ color: #89AE6E; } .NB-feed-story .NB-feed-story-author.NB-score-1:hover { /* Green, active -> [Light] Red */ color: #E35356; } .NB-feed-story .NB-feed-story-author.NB-score--1:hover { /* Red, active -> [Light] Grey */ color: #B1B1B1; /* color: #A7A399;*/ } .NB-feed-story .NB-feed-story-author.NB-score-now-0:hover { /* Grey, active */ color: #808080; } .NB-feed-story .NB-feed-story-author.NB-score-now-1.NB-score-1:hover { /* Green, active */ color: #34912E; } .NB-feed-story .NB-feed-story-author.NB-score-now--1.NB-score--1:hover { /* Red, active */ color: #A90103; } .NB-feed-story .NB-feed-story-tags { margin: 7px 0 6px; line-height: 12px; height: 16px; overflow: hidden; } .NB-feed-story .NB-feed-story-tags .NB-middot { color: #A0A0A0; font-size: 10px; padding-right: 8px; float: left; font-weight: normal; } .NB-feed-story .NB-feed-story-tag { /* Grey */ float: left; cursor: pointer; font-weight: normal; font-size: 9px; border-radius: 4px; padding: 1px 5px; margin: 0 4px 4px 0; background-color: rgba(0, 0, 0, .1); color: #959B8B; /* text-shadow: 0 1px 0 rgba(255, 255, 255, .5);*/ border: 1px solid transparent; border-color: rgba(255, 255, 255, .3) transparent rgba(0, 0, 0, .1); } .NB-feed-story .NB-feed-story-tag:first-child { margin-left: 0; } .NB-feed-story.read .NB-feed-story-tag { color: #949181; } .NB-feed-story .NB-feed-story-tag.NB-score-1 { /* Green */ background-color: #34912E; color: white; text-shadow: 0 1px 0 rgba(0, 0, 0, .7); opacity: .4; } .NB-feed-story .NB-feed-story-tag.NB-score--1 { /* Red */ background-color: #A90103; color: white; text-shadow: 0 1px 0 rgba(0, 0, 0, .7); opacity: .4; } .NB-feed-story .NB-feed-story-tag:hover { /* Gray, active -> [Light] Green */ background-color: #89AE6E; text-shadow: 0 1px 0 rgba(0, 0, 0, .7); color: white; opacity: .4; } .NB-feed-story .NB-feed-story-tag.NB-score-1:hover { /* Green, active -> [Light] Red */ background-color: #E35356; color: white; text-shadow: 0 1px 0 rgba(0, 0, 0, .7); } .NB-feed-story .NB-feed-story-tag.NB-score--1:hover { /* Red, active -> [Light] Grey */ background-color: #E2E2E2; color: #A7A399; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); opacity: 1; } .NB-feed-story .NB-feed-story-tag.NB-score-now-0:hover { /* Grey, active */ background-color: rgba(0, 0, 0, .1); color: #9D9A95; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); opacity: 1; } .NB-feed-story .NB-feed-story-tag.NB-score-now-1.NB-score-1:hover { /* Green, active */ background-color: #34912E; color: white; text-shadow: 0 1px 0 rgba(0, 0, 0, .7); } .NB-feed-story .NB-feed-story-tag.NB-score-now--1.NB-score--1:hover { /* Red, active */ background-color: #A90103; color: white; text-shadow: 0 1px 0 rgba(0, 0, 0, .7); opacity: .4; } .NB-feed-story .NB-feed-story-title .NB-score-1 { color: #34912E; } .NB-feed-story .NB-feed-story-title .NB-score--1 { color: #A90103; } .NB-feed-story .NB-feed-story-header .NB-feed-story-date { float: left; clear: left; font-size: 11px; color: #757B6B; /* text-shadow: 0 1px 0 rgba(255, 255, 255, .3);*/ font-weight: normal; margin: 0 8px 4px 0; } .NB-feed-story.read .NB-feed-story-header .NB-feed-story-date { color: #959B8B; text-shadow: none; } .NB-feed-story .NB-feed-story-header .NB-feed-story-hide-changes { width: 24px; height: 16px; background: transparent url('/media/embed/icons/circular/g_icn_modified.png') no-repeat 0 0; background-size: 16px; float: left; margin: 1px 0 0px 0px; opacity: .6; cursor: pointer; } .NB-feed-story .NB-feed-story-header .NB-feed-story-hide-changes:hover { opacity: 1; } .NB-feed-story .NB-feed-story-header .NB-feed-story-starred-date { font-size: 10px; background: transparent url('/media/embed/icons/circular/clock.png') no-repeat 0 1px; background-size: 16px; padding-left: 20px; /* text-shadow: 1px 1px 0 rgba(255, 255, 255, .5);*/ color: #808080; display: block; clear: both; margin: 6px 0; } .NB-feed-story .NB-feed-story-content { padding: 12px 0 0; max-width: 700px; min-height: 12px; } .NB-pref-full-width-story .NB-feed-story .NB-feed-story-content { max-width: none; } .NB-feed-story .NB-narrow-content .NB-feed-story-content { margin-right: 28px; } .NB-pref-hide-changes .NB-feed-story-content ins, .NB-story-hide-changes .NB-feed-story-content ins { text-decoration: none; color: inherit; } .NB-pref-hide-changes .NB-feed-story-content del, .NB-story-hide-changes .NB-feed-story-content del { display: none; } .NB-modal-preferences ins, .NB-feed-story-content ins, .NB-pref-hide-changes .NB-story-show-changes .NB-feed-story-content ins { text-decoration: underline; color: #27652F; } .NB-modal-preferences del, .NB-feed-story-content del, .NB-pref-hide-changes .NB-story-show-changes .NB-feed-story-content del { display: inline; color: #861616; } /* =========================== */ /* = Story content expansion = */ /* =========================== */ .NB-story-content-container { overflow: hidden; position: relative; min-height: 144px; } .NB-story-content-wrapper { position: relative; clear: both; max-height: none; } .NB-feed-story .NB-story-content-wrapper { margin: 0 236px 28px 28px; } .NB-narrow-content .NB-feed-story .NB-story-content-wrapper { margin-right: 28px; } .NB-story-content-wrapper.NB-story-content-wrapper-height-truncated { max-height: 460px; margin-bottom: 0; overflow: hidden; } .NB-story-content-wrapper.NB-story-content-wrapper-height-fudged { max-height: none; } .NB-story-content-wrapper .NB-story-content-expander { display: none; position: absolute; bottom: 0; left: 0; width: 110%; cursor: pointer; color: #1a9fff; font-size: 12px; background: #fff; } .NB-story-content-wrapper .NB-story-content-expander .NB-story-content-expander-inner { position: relative; padding: 18px 25px 14px 0; height: 28px; } .NB-story-content-wrapper .NB-story-content-expander:hover { color: #306187; } .NB-story-content-wrapper .NB-story-content-expander:active { color: #722125; } .NB-story-content-wrapper .NB-story-content-expander .NB-story-cutoff { position: absolute; top: -14px; left: 0; width: 100%; height: 14px; z-index: 0; background: transparent url('/../../../media/img/circular/module_cutoff.png?1359681369') repeat-x left bottom; } .NB-story-content-wrapper .NB-story-content-expander .NB-story-content-expander-text, .NB-story-content-wrapper .NB-story-content-expander .NB-story-content-expander-pages { display: inline-block; } .NB-story-content-wrapper .NB-story-content-expander .NB-story-content-expander-pages { line-height: 8px; padding: 0 12px; font-size: 24px; font-family: Helvetica, Arial; vertical-align: middle; } @media screen and (max-width: 580px) { .NB-story-content-wrapper .NB-story-content-expander .NB-story-content-expander-pages { padding: 0 4px; font-size: 16px; } } /* ============= */ /* = Text View = */ /* ============= */ #story_pane .NB-text-view-detail .NB-feed-story-content { min-height: 120px; } #story_pane .NB-premium-only .NB-text-view-detail .NB-feed-story-content { max-height: 300px; overflow: hidden; } .NB-text-view-premium-only { 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-text-view-premium-only .NB-feed-story-premium-only-divider { position: absolute; width: 100%; height: 50px; background: transparent url('/media/embed/reader/white_fade.png') repeat-x 0 0; top: -51px; left: 0; background-size: 25px 50px; } .NB-text-view-premium-only img { width: 18px; height: 15px; vertical-align: text-bottom; margin: 0 2px 0 2px; } .NB-premium-only .NB-feed-story-sideoptions-container { bottom: 60px; } /* ============ */ /* = Comments = */ /* ============ */ .NB-feed-story-comments { margin: 0 236px 32px 28px; max-width: 700px; /* border-bottom: 1px solid #EAECE8;*/ clear: both; background-color: white; position: relative; } .NB-narrow-content .NB-feed-story-comments { margin-right: 28px; } .NB-story-comment { border-bottom: 1px solid #EAECE8; position: relative; padding: 0 0 2px 54px; line-height: 18px; overflow: hidden; } .NB-story-comment .NB-story-comment-author-avatar.NB-user-avatar, .NB-story-comment .NB-story-comment-reshares .NB-user-avatar { position: absolute; left: 6px; top: 6px; cursor: pointer; } .NB-story-comment .NB-story-comment-author-avatar.NB-user-avatar.NB-story-comment-reshare { top: 22px; left: 6px; z-index: 1; } .NB-story-comment .NB-story-comment-friend-share .NB-story-comment-author-avatar.NB-user-avatar.NB-story-comment-reshare { top: 10px; } .NB-story-comment .NB-story-comment-author-avatar.NB-user-avatar img { border-radius: 6px; margin: 2px 0 0 1px; width: 38px; height: 38px; } .NB-story-comment .NB-story-comment-author-avatar.NB-user-avatar.NB-story-comment-reshare img { height: 24px; width: 24px; } .NB-story-comment .NB-story-comment-friend-share .NB-story-comment-author-avatar.NB-user-avatar img { height: 24px; width: 24px; margin-left: 6px; } .NB-story-comment .NB-story-comment-friend-share .NB-story-comment-author-avatar.NB-user-avatar.NB-story-comment-reshare img { margin-left: 0px; } .NB-story-comment .NB-story-comment-author-container { overflow: hidden; margin: 6px 0 0; } .NB-story-comment .NB-story-comment-friend-share .NB-story-comment-author-container { margin-top: 10px; } .NB-story-comment .NB-story-comment-reshares { position: absolute; top: 0; left: 8px; z-index: 0; } .NB-story-comment .NB-story-comment-reshares .NB-user-avatar { top: 8px; left: 14px; } .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 rgba(255, 255, 255, .5); cursor: pointer; } .NB-story-comment .NB-story-comment-date { font-size: 10px; color: #9D9D9D; float: left; margin-right: 4px; } .NB-story-comment .NB-story-comment-likes { overflow: hidden; height: 14px; margin: 4px 2px 0; } .NB-story-comment .NB-story-comment-like { float: left; width: 16px; height: 16px; background: transparent url('/media/embed/icons/circular/g_icn_fav.png') no-repeat center 0; background-size: 14px; text-transform: uppercase; margin-top: -1px; padding: 1px 6px 1px 2px; } .NB-story-comment .NB-story-comment-like:hover, .NB-story-comment .NB-story-comment-like.NB-active { cursor: pointer; background: transparent url('/media/embed/icons/circular/g_icn_fav_active.png') no-repeat center 0; background-size: 14px; } .NB-story-comment .NB-story-comment-like:active { cursor: pointer; } .NB-story-comment .NB-story-comment-likes-users { display: inline-block; } .NB-story-comment .NB-story-comment-likes-users .NB-story-share-profile .NB-user-avatar { width: auto; height: auto; } .NB-story-comment .NB-story-comment-likes-users .NB-story-share-profile .NB-user-avatar img, .NB-story-comment .NB-story-comment-friend-share .NB-story-comment-likes-users .NB-story-share-profile .NB-user-avatar img { width: 12px; height: 12px; } .NB-story-comment .NB-story-comment-content { float: left; color: #303030; } .NB-story-comment .NB-story-comment-reply-button { padding: 4px 8px 4px 12px; float: right; cursor: pointer; } .NB-story-comment .NB-story-comment-reply-button img { padding-right: 6px; width: 9px; height: 9px; vertical-align: bottom; float: left; } .NB-story-comment .NB-story-comment-reply-button .NB-story-comment-reply-button-wrapper { text-transform: uppercase; background-color: #E9AF86; color: white; padding: 1px 4px; line-height: 9px; font-size: 9px; height: 9px; border-top: 1px solid rgba(255, 255, 255, .15); border-left: 1px solid rgba(255, 255, 255, .15); border-bottom: 1px solid rgba(0, 0, 0, .1); border-right: 1px solid rgba(0, 0, 0, .1); text-shadow: 0 1px 0 rgba(0, 0, 0, .1); } .NB-story-comment .NB-story-comment-reply-button:hover .NB-story-comment-reply-button-wrapper { background-color: #DE772B; } .NB-story-comment .NB-story-comment-reply-button:active .NB-story-comment-reply-button-wrapper { background-color: #9F3A00; } .NB-story-comment .NB-story-comment-error { float: left; font-size: 10px; color: #6A1000; font-weight: bold; } .NB-story-comment-reply { border-top: 1px solid #EAECE8; padding: 4px 0; overflow: hidden; clear: both; position: relative; padding: 5px 0 7px 32px; line-height: 18px; } .NB-story-comment-reply .NB-story-comment-reply-photo { width: 24px; height: 24px; border-radius: 3px; position: absolute; left: 0px; top: 10px; cursor: pointer; } .NB-story-comment-edit-button { padding: 4px 8px 4px 12px; float: right; cursor: pointer; } .NB-story-comment-edit-button .NB-story-comment-edit-button-wrapper { text-transform: uppercase; background-color: #74A2E7; color: white; padding: 1px 4px; line-height: 9px; font-size: 9px; height: 9px; border-top: 1px solid rgba(255, 255, 255, .15); border-left: 1px solid rgba(255, 255, 255, .15); border-bottom: 1px solid rgba(0, 0, 0, .1); border-right: 1px solid rgba(0, 0, 0, .1); text-shadow: 0 1px 0 rgba(0, 0, 0, .1); } .NB-story-comment-edit-button:hover .NB-story-comment-edit-button-wrapper { background-color: #5073BC; } .NB-story-comment-edit-button:active .NB-story-comment-edit-button-wrapper { background-color: #2A3B72; } .NB-story-comment-share-edit-button { padding-right: 0; } .NB-story-comment-reply-content { clear: both; color: #303030; float: left; } .NB-story-comment-reply-form { padding-top: 11px; } .NB-story-comment-reply-form .NB-story-comment-reply-username { margin: 1px 8px 6px 0; } .NB-story-comment-reply-form .NB-story-comment-reply-comments { margin: 0 8px 4px 0; width: 50%; display: block; float: left; font-size: 12px; } .NB-story-comment-reply-form .NB-modal-submit-button { float: left; font-size: 10px; padding: 2px 8px; line-height: 16px; margin: 0 12px 0 0; } .NB-story-comment-reply-form .NB-modal-submit-delete { font-size: 9px; } .NB-story-comment-reply-form .NB-error { font-size: 10px; color: #6A1000; padding: 4px 0 0; line-height: 14px; font-weight: bold; clear: both; } /* =================== */ /* = Comments Header = */ /* =================== */ .NB-story-comments-public-teaser-wrapper { cursor: pointer; } .NB-story-comments-public-teaser-wrapper, .NB-story-comments-public-header-wrapper { margin-top: 12px; } .NB-story-comments-shares-teaser { background-color: #F5F5EF; color: #898989; cursor: default; text-shadow: 0 1px 0 rgba(255, 255, 255, .8); font-weight: normal; font-size: 10px; padding: 4px 12px 4px 28px; line-height: 26px; overflow: hidden; border-bottom: 1px solid #E3E3DF; -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1); box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1); } .NB-story-comments-public-teaser-wrapper:hover .NB-story-comments-public-teaser { background-image: -webkit-linear-gradient(center top , #EAECE5, #DDDFD6); background-image: -moz-linear-gradient(center top , #EAECE5, #DDDFD6); background-image: linear-gradient(center top , #EAECE5, #DDDFD6); text-shadow: 0 1px 0 rgba(255, 255, 255, .8); } .NB-story-comments-public-teaser-wrapper:active .NB-story-comments-public-teaser { background-image: -webkit-linear-gradient(center top , #D6D9D0, #C7CABF); background-image: -moz-linear-gradient(center top , #D6D9D0, #C7CABF); background-image: linear-gradient(center top , #D6D9D0, #C7CABF); } .NB-story-comments-public-teaser b { padding: 0 1px; font-size: 12px; } .NB-story-comments-expand-icon { background: transparent url("/media/embed/icons/circular/folder_expand.png") no-repeat center center; background-size: 13px 12px; width: 16px; height: 16px; float: right; margin: 2px 2px; opacity: .8; } .NB-story-comments-expand-icon.NB-loading { background: transparent url("/media/embed/reader/recycle_spinner.gif") no-repeat center center; background-size: 16px; } .NB-story-comments-public-teaser-wrapper:hover .NB-story-comments-expand-icon { opacity: 1; } .NB-story-share-label { display: inline-block; margin: 0 4px 0 0; float: right; } .NB-story-share-profiles { display: inline-block; vertical-align: top; height: 24px; padding-top: 2px; overflow: hidden; } .NB-story-share-profiles.NB-story-share-profiles-shares { float: right; } .NB-story-share-profiles.NB-story-share-profiles-shares .NB-story-share-profile { float: right; } .NB-story-share-profiles .NB-story-share-profiles-comments-friends, .NB-story-share-profiles .NB-story-share-profiles-comments-public { float: left; } .NB-story-share-profiles .NB-story-share-profiles-shares-public, .NB-story-share-profiles .NB-story-share-profiles-shares-friends { display: inline; } .NB-story-share-profiles .NB-story-share-profiles-comments-public, .NB-story-share-profiles .NB-story-share-profiles-shares-public { opacity: .5; } .NB-story-comments-label { float: left; margin-right: 12px; cursor: pointer; } .NB-story-comments-label b { /* font-size: 12px;*/ } .NB-story-share-label { float: right; margin-left: 12px; } .NB-story-share-profile { display: inline-block; } .NB-story-share-profile .NB-user-avatar { float: left; font-size: 0; vertical-align: middle; height: 22px; width: 22px; padding: 0 2px; cursor: pointer; } .NB-story-share-profile .NB-user-avatar img.NB-user-avatar-image { width: 22px; height: 22px; border-radius: 3px; } .NB-story-comment-friend-share .NB-story-share-profile .NB-user-avatar img.NB-user-avatar-image { height: 18px; width: 18px; } .NB-story-share-profile .NB-user-avatar img.NB-user-avatar-private { width: 8px; height: 8px; bottom: 0; left: 0; } .NB-story-share-profile .NB-user-username { float: left; } .NB-story-comment .NB-story-comment-content { clear: both; padding: 0 0 6px 0; } .NB-feed-story-endbar { height: 8px; border-top: 1px solid #404040; background-color: #dadada; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bababa), to(#dadada)); background: -moz-linear-gradient(center bottom, #bababa 0%, #dadada 100%); } .NB-feed-story { margin: 0; clear: both; overflow: hidden; } .NB-feed-stories.NB-feed-view-story .NB-feed-story { padding: 0; display: none; } .NB-feed-stories.NB-feed-view-story .NB-feed-story.NB-selected { display: block; } .audiojs audio { display: none; } /* =============== */ /* = User Avatar = */ /* =============== */ .NB-user-avatar { position: relative; } .NB-user-avatar .NB-user-avatar-private { position: absolute; width: 12px; height: 12px; bottom: -2px; left: -1px; } /* ============================= */ /* = Side Options in Feed view = */ /* ============================= */ .NB-feed-story-sideoptions-container { position: absolute; right: 12px; bottom: 0; margin-bottom: 32px; text-align: center; width: 194px; line-height: 12px; } .NB-narrow-content .NB-feed-story-sideoptions-container { width: auto; position: static; right: 0; bottom: 0; margin: 18px 28px 24px 28px; clear: both; overflow: hidden; } .NB-feed-story-sideoptions-container { } .NB-sideoption { cursor: pointer; position: relative; text-transform: uppercase; font-size: 10px; white-space: nowrap; font-weight: bold; text-shadow: 0 1px 0 #000; margin-top: 1px; background-color: #edefea; clear: both; -webkit-transition: all .12s ease-out; -moz-transition: all .12s ease-out; -o-transition: all .12s ease-out; -ms-transition: all .12s ease-out; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .NB-narrow-content .NB-sideoption { float: left; margin: 8px 8px 0 0; width: auto; min-width: 140px; border: 1px solid #C0C0C0; clear: right; } .NB-extra-narrow-content .NB-sideoption { min-width: 80px; } .NB-extra-narrow-content .NB-sideoption-title span { display: none; } .NB-sideoption .NB-sideoption-icon { width: 24px; padding: 9px 4px; height: 100%; float: right; background: transparent url('/media/embed/icons/circular/clock.png') no-repeat 8px center; background-size: 16px; -webkit-transition: all .12s ease-out; -moz-transition: all .12s ease-out; -o-transition: all .12s ease-out; -ms-transition: all .12s ease-out; } .NB-sideoption.NB-feed-story-train .NB-sideoption-icon { background-image: url("/media/embed/icons/circular/train.png"); background-size: 16px; } .NB-sideoption.NB-feed-story-share .NB-sideoption-icon { background-image: url('/media/embed/icons/circular/share.png'); background-size: 16px; } .NB-sideoption .NB-sideoption-title { padding: 9px 24px 8px 8px; color: white; text-shadow: none; height: 32px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .12s ease-out; -moz-transition: all .12s ease-out; -o-transition: all .12s ease-out; -ms-transition: all .12s ease-out; } .NB-content-narrow .NB-sideoption .NB-sideoption-title { padding-left: 10px; padding-right: 30px; } .NB-sideoption:hover { cursor: pointer; } .NB-sideoption:hover, .NB-sideoption.NB-active, .NB-story-starred .NB-sideoption.NB-feed-story-save, .NB-story-shared .NB-sideoption.NB-feed-story-share { background-color: #dcdfd8; } .NB-sideoption:hover .NB-sideoption-icon, .NB-sideoption:hover .NB-sideoption-title, .NB-sideoption.NB-active .NB-sideoption-icon, .NB-sideoption.NB-active .NB-sideoption-title, .NB-story-starred .NB-sideoption.NB-feed-story-save .NB-sideoption-icon, .NB-story-starred .NB-sideoption.NB-feed-story-save .NB-sideoption-title, .NB-story-shared .NB-sideoption.NB-feed-story-share .NB-sideoption-icon, .NB-story-shared .NB-sideoption.NB-feed-story-share .NB-sideoption-title { color: #90928B; opacity: 1; } /* ===================== */ /* = Sideoption - Save = */ /* ===================== */ .NB-sideoption-save-wrapper { height: 0px; overflow: hidden; display: none; } .NB-sideoption-save-wrapper ::-moz-selection { background: transparent; } .NB-sideoption-save-wrapper ::selection { background: transparent; } .NB-sideoption-save-wrapper.NB-active { display: block; height: auto; } .NB-narrow-content .NB-sideoption-save-wrapper { clear: both; width: 100%; margin: 0; } .NB-sideoption-save { padding: 4px 12px 6px; border: 1px solid #DBE6EA; text-align: left; color: #606060; } .NB-sideoption-save .NB-sideoption-save-icon { float: left; margin: 2px 2px 0 0; width: 16px; height: 16px; background: transparent url("/media/embed/reader/tag.png") no-repeat 0 0; background-size: 14px; } .NB-sideoption-save .NB-sideoption-save-title { text-transform: uppercase; font-size: 10px; text-align: left; text-shadow: 0 1px 0 #F6F6F6; color: #202020; } .NB-sideoption-save .NB-sideoption-save-tag { width: 100%; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-sideoption-save .NB-sideoption-save-populate { float: right; font-size: 9px; line-height: 11px; text-transform: uppercase; padding: 2px 4px; margin: 0 0 2px 0; border-radius: 2px; background-color: rgba(205, 205, 205, .5); color: white; font-weight: bold; cursor: pointer; } .NB-sideoption-save .NB-sideoption-save-populate:hover { background-color: rgba(205, 205, 205, .8); } .NB-sideoption-save .NB-sideoption-save-populate:active { background-color: rgba(205, 205, 205, 1); } .NB-tagging-autocomplete.ui-autocomplete { font-size: 11px; width: 150px !important; } /* ====================== */ /* = Sideoption - Share = */ /* ====================== */ .NB-sideoption-share-wrapper { height: 0; width: 100%; overflow: hidden; } .NB-menu-manage .NB-sideoption-share-wrapper { } .NB-narrow-content .NB-sideoption-share-wrapper { clear: both; width: 100%; margin: 0; } .NB-sideoption-share { padding: 4px 12px 6px; border: 1px solid #DBE6EA; } .NB-sideoption-share .NB-sideoption-share-title { text-transform: uppercase; font-size: 10px; text-align: left; text-shadow: 0 1px 0 #F6F6F6; color: #202020; } .NB-sideoption-share .NB-sideoption-share-crosspost { margin: 8px 0; overflow: hidden; } .NB-sideoption-share .NB-sideoption-share-crosspost-twitter, .NB-sideoption-share .NB-sideoption-share-crosspost-facebook, .NB-sideoption-share .NB-sideoption-share-crosspost-appdotnet { float: left; width: 32px; height: 24px; margin: 0 6px 0 0; opacity: 1; cursor: pointer; border: 1px solid rgba(0, 0, 0, .05); } .NB-sideoption-share .NB-sideoption-share-crosspost-twitter { background: transparent url('/media/embed/reader/twitter_service_off.png') no-repeat center center; background-size: 12px; } .NB-sideoption-share .NB-sideoption-share-crosspost-facebook { background: transparent url('/media/embed/reader/facebook_service_off.png') no-repeat center center; background-size: 12px; } .NB-sideoption-share .NB-sideoption-share-crosspost-appdotnet { background: transparent url('/media/embed/reader/appdotnet_service_off.png') no-repeat center center; background-size: 12px; } .NB-sideoption-share .NB-sideoption-share-crosspost-twitter.NB-active, .NB-sideoption-share .NB-sideoption-share-crosspost-twitter:hover { background: transparent url('/media/embed/reader/twitter_service.png') no-repeat center center; background-size: 12px; border-color: #4E8ECD; background-color: rgba(78, 142, 205, .1); } .NB-sideoption-share .NB-sideoption-share-crosspost-facebook.NB-active, .NB-sideoption-share .NB-sideoption-share-crosspost-facebook:hover { background: transparent url('/media/embed/reader/facebook_service.png') no-repeat center center; background-size: 12px; border-color: #6884CD; background-color: rgba(104, 132, 205, .1); } .NB-sideoption-share .NB-sideoption-share-crosspost-appdotnet.NB-active, .NB-sideoption-share .NB-sideoption-share-crosspost-appdotnet:hover { background: transparent url('/media/embed/reader/appdotnet_service.png') no-repeat center center; background-size: 12px; border-color: #D16857; background-color: rgba(209, 104, 87, .1); } .NB-sideoption-share .NB-sideoption-share-crosspost-text { font-size: 9px; text-transform: uppercase; text-align: left; color: #7483A2; text-shadow: 0 1px 0 #FBFBFB; line-height: 16px; } .NB-sideoption-share .NB-sideoption-share-comments { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 52px; border-color: #C6C6C6; border-radius: 4px; } .NB-sideoption-share .NB-sideoption-share-save { font-size: 10px; font-weight: bold; text-transform: uppercase; color: white; padding: 2px 6px; margin: 2px 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; cursor: pointer; } .NB-sideoption-share .NB-sideoption-share-save.NB-saving { background-color: #b5b4bB; text-shadow: none; } .NB-sideoption-share .NB-sideoption-share-unshare { line-height: 1; font-size: 11px; padding: 2px 6px; margin: 6px 0; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-weight: normal; } .NB-sideoption-share .NB-error { font-size: 10px; color: #6A1000; padding: 4px 0 0; line-height: 14px; font-weight: bold; } /* ====================== */ /* = River Progress Bar = */ /* ====================== */ #story_taskbar .NB-river-progress { margin: 3px 12px 0; width: 150px; height: 20px; } #story_taskbar .NB-river-progress .NB-river-progress-text { text-transform: uppercase; font-size: 10px; text-align: center; font-weight: bold; color: #304056; text-shadow: 1px 1px 0 #D8D8D8; } #story_taskbar .NB-river-progress .NB-river-progress-bar { width: 150px; height: 8px; } .NB-taskbar-info { position: absolute; top: 0; left: 0; } /* ============== */ /* = Feed Error = */ /* ============== */ #story_taskbar .NB-feed-error { margin: 2px 12px 0; height: 20px; } #story_taskbar .NB-feed-error .NB-feed-error-text { text-transform: uppercase; font-size: 10px; text-align: center; font-weight: bold; color: #4E0A0B; text-shadow: 1px 1px 0 #D8D8D8; float: left; margin-left: 8px; } #story_taskbar .NB-feed-error-type-proxy .NB-feed-error-text { color: #93927D; } #story_taskbar .NB-feed-error .NB-feed-error-icon { margin: 4px 0 0 0; width: 24px; height: 19px; background: transparent url('/media/embed/reader/warning.png') no-repeat 0 0; float: left; } #story_taskbar .NB-feed-error-type-proxy .NB-feed-error-icon { opacity: .5; } /* ======================= */ /* = Story Modifications = */ /* ======================= */ #story_taskbar .feed_counts_floater { position: absolute; bottom: 2px; left: 350px; height: 27px; z-index: 10; display: block; font-size: 19px; } .NB-is-anonymous #story_taskbar .feed_counts_floater { display: none; } #story_taskbar .feed_counts_floater .unread_count { float: right; line-height: 24px; padding: 0 8px; } #story_taskbar .feed_counts_floater .unread_count.unread_count_full { display: block; } /* ================ */ /* = Feeds Header = */ /* ================ */ .NB-feeds-header-wrapper { } .NB-feeds-header-user { font-size: 12px; padding: 0 64px 0 32px; height: 36px; } .NB-feeds-header-user { cursor: default; color: #505050; overflow: hidden; text-shadow: 0 1px 0 rgba(255, 255, 255, .8); background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F3EE), to(#E8EBE4)); background-image: -moz-linear-gradient(center top , #F3F3EE 0%, #E8EBE4 100%); background-image: linear-gradient(top, #F3F3EE, #E8EBE4); border-bottom: 1px solid #C2C5BE; } .NB-feeds-header-user .NB-feeds-header-user-image { position: absolute; left: 0; top: 0; padding: 4px; } .NB-feeds-header-user .NB-feeds-header-user-image img { width: 28px; height: 28px; border-radius: 2px; } .NB-feeds-header-user-interactions, .NB-feeds-header-user-dashboard { cursor: pointer; padding: 10px 0 10px; width: 36px; position: absolute; top: 0; right: 0; line-height: 0; text-align: center; } .NB-feeds-header-user-dashboard { right: 32px; } .NB-feeds-header-user-interactions img, .NB-feeds-header-user-dashboard img { width: 16px; height: 16px; opacity: .7; } .NB-feeds-header-user-interactions:hover img, .NB-feeds-header-user-dashboard:hover img { opacity: .9; } .NB-feeds-header-user-interactions .NB-feeds-header-user-interactions-badge { position: absolute; top: 4px; right: 2px; padding: 6px 2px; background-color: #EE4F16; border: 1px solid rgba(0, 0, 0, .3); border-radius: 2px; -webkit-box-shadow: rgba(0, 0, 0, .3) 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, .3) 0 1px 1px; box-shadow: rgba(0, 0, 0, .3) 0 1px 1px; font-weight: bold; font-size: 9px; color: white; opacity: .95; text-shadow: 0 1px 0 rgba(0, 0, 0, .2); z-index: 1; } .NB-feeds-header-user-dashboard { opacity: .3; cursor: default; } .NB-feeds-header-user-dashboard img, .NB-feeds-header-user-dashboard:hover img { opacity: .7; } .NB-feeds-header-user .NB-feeds-header-user-name { padding: 4px 0 0 6px; font-weight: bold; overflow: hidden; height: 16px; } .NB-feeds-header-dashboard { font-size: 10px; } .NB-feeds-header-dashboard .NB-feeds-header-count { padding: 0 0 0 16px; text-align: left; } .NB-feeds-header-dashboard .NB-feeds-header-count.NB-empty { opacity: .45; color: #B0B0B0; } .NB-feeds-header-dashboard .NB-feeds-header-negative { background: transparent url('/media/embed/icons/circular/g_icn_hidden.png') no-repeat 6px 2px; display: none; } .NB-feeds-header-dashboard .NB-feeds-header-neutral { background: transparent url('/media/embed/icons/circular/g_icn_unread.png') no-repeat 6px 2px; background-size: 8px; } .NB-feeds-header-dashboard .NB-feeds-header-positive { background: transparent url('/media/embed/icons/circular/g_icn_focus.png') no-repeat 6px 2px; background-size: 8px; } .NB-feeds-header-dashboard .NB-feeds-header-starred { background: transparent url('/media/embed/icons/circular/g_icn_starred.png') no-repeat 6px 2px; background-size: 8px; } .NB-feeds-header-dashboard .NB-feeds-header-right { position: relative; } .NB-feeds-header-dashboard .NB-feeds-header-sites { float: right; padding-right: 6px; padding-top: 1px; } /* =================== */ /* = Header - Common = */ /* =================== */ .NB-feeds-header-container { position: relative; display: none; overflow: hidden; } .NB-feeds-header { background-color: #EAECE5; background-image: -webkit-gradient(linear, left top, left bottom, from(#EAECE5), to(#DCDFD6)); background: -moz-linear-gradient(center top , #EAECE5 0%, #DCDFD6 100%); background-image: linear-gradient(top, #EAECE5, #DCDFD6); border-bottom: 1px solid #E9E9E9; border-top: 1px solid #EAECE5; font-size: 11px; line-height: 22px; cursor: pointer; overflow: hidden; } .NB-theme-feed-size-xs .NB-feeds-header { font-size: 10px; } .NB-theme-feed-size-m .NB-feeds-header { font-size: 12px; } .NB-theme-feed-size-l .NB-feeds-header { font-size: 13px; } .NB-theme-feed-size-xl .NB-feeds-header { font-size: 14px; } .NB-feeds-header:hover:not(.NB-selected) { background-color: #E1E6D7; background-image: -webkit-gradient(linear, left top, left bottom, from(#E1E6D7), to(#CFD6C3)); background: -moz-linear-gradient(center top , #E1E6D7 0%, #CFD6C3 100%); background-image: linear-gradient(top, #E1E6D7, #CFD6C3); } .NB-feeds-header.NB-selected { border-top: 1px solid #F7F8F5; } .NB-feeds-header .NB-feeds-header-icon { position: absolute; top: 6px; left: 2px; width: 16px; height: 16px; } .NB-feeds-header .NB-feeds-header-title { display: block; padding: 2px 4px 2px 23px; text-decoration: none; color: #393939; overflow: hidden; text-shadow: 0 1px 0 rgba(255, 255, 255, .4); text-transform: uppercase; } .NB-feeds-header.NB-selected .NB-feeds-header-title { text-shadow: 0 1px 0 rgba(255, 255, 255, .4); color: #000000; } /* ========================== */ /* = Header - River of News = */ /* ========================== */ .NB-feeds-header-river-container { display: none; } .NB-feeds-header-river-container .NB-feeds-header-icon { background: transparent url('/media/embed/icons/circular/ak-icon-allstories.png') no-repeat 0 0; background-size: 16px; } .NB-feeds-header-river-global .NB-feeds-header-icon { background: transparent url('/media/embed/icons/circular/ak-icon-global.png') no-repeat 0 0; background-size: 16px; } .NB-feeds-header-river-blurblogs .NB-feeds-header-icon { background: transparent url('/media/embed/icons/circular/ak-icon-blurblogs.png') no-repeat 0 0; background-size: 16px; } .NB-feeds-header-river-container .NB-feeds-header-count { background-color: #11448B; display: block; padding: 0 4px; margin: 2px 3px 0 0; } .NB-feeds-header-river-container .NB-feeds-header { border-bottom: 1px solid #B7BBAA; } .NB-feeds-header-read-container.NB-feeds-header-container { border-top: 1px solid #B7BBAA; } .NB-feeds-header-read.NB-feeds-header, .NB-feeds-header-starred.NB-feeds-header { border-bottom: 1px solid #B7BBAA; } .NB-feeds-header-river-container .NB-feeds-header.NB-empty .NB-feeds-header-count { display: none; } /* ============================ */ /* = Header - Starred Stories = */ /* ============================ */ .NB-feeds-header-starred .NB-feeds-header-icon { background: transparent url('/media/embed/icons/circular/clock.png') no-repeat 0 0; background-size: 16px; } .NB-feeds-header-starred .NB-feeds-header-count { background-color: #506B9A; margin-top: 4px; margin-right: 3px; display: block; } .NB-starred-feeds .unread_count_positive { background-color: #506B9A; } .NB-starred-feeds .feed { border-top: 1px solid #E9EBEE; border-bottom: 1px solid #E9EBEE; background-color: #E9EBEE; } .NB-feeds-header-starred.NB-empty .NB-feeds-header-count { display: none; } /* ========================= */ /* = Header - Read Stories = */ /* ========================= */ .NB-feeds-header-read-container.NB-block { display: block; } .NB-feeds-header-read { display: block; } .NB-feeds-header-read .NB-feeds-header-icon { background: transparent url('/media/embed/icons/circular/g_icn_unread.png') no-repeat center center; background-size: 8px; } .NB-feeds-header-read.NB-empty .NB-feeds-header-count { display: none; } /* ===================== */ /* = Header - Try Feed = */ /* ===================== */ .NB-feeds-header-tryfeed-container { display: none; } .NB-feeds-header-tryfeed .NB-feeds-header-title { text-transform: none; } .NB-feeds-header-tryfeed.NB-empty .NB-feeds-header-count { display: none; } /* ============ */ /* = Task Bar = */ /* ============ */ .NB-taskbar-container { text-shadow: 0 1px 0 rgba(255, 255, 255, .8); background-color: #F3F3EE; background-image: -webkit-gradient(linear, left top, left bottom, from(#F3F3EE), to(#E8EBE4)); background-image: -moz-linear-gradient(center top , #F3F3EE 0%, #E8EBE4 100%); background-image: linear-gradient(top, #F3F3EE, #E8EBE4); z-index: 10; height: 30px; } .NB-taskbar { position: relative; /* overflow: hidden;*/ /* No hidden overflow so ftux callouts can show */ } .NB-taskbar .NB-task-view-switch-arrow { position: absolute; top: 5px; left: -8px; width: 16px; height: 16px; background: transparent url('/media/embed/icons/silk/arrow_switch.png') no-repeat center 0px; display: none; z-index: 1; } .NB-taskbar ul { list-style-image: none; list-style-position: outside; list-style-type: none; } /* ================ */ /* = Feed Taskbar = */ /* ================ */ .NB-feed-taskbar { overflow: hidden; } .NB-feed-taskbar .NB-task-button { padding: 7px; cursor: pointer; opacity: .9; } .NB-feed-taskbar .NB-task-button:hover { opacity: 1; } .NB-feed-taskbar .NB-task-button.NB-disabled, .NB-feed-taskbar .NB-task-button.NB-disabled:hover { opacity: .2; cursor: default; } #story_taskbar .NB-task-story-next-unread { min-width: 32px; } .NB-feed-taskbar .NB-task-add { float: left; } .NB-feed-taskbar .NB-task-manage { float: right; } .NB-feed-taskbar .NB-task-image { width: 16px; height: 16px; } .NB-feed-taskbar .NB-task-add .NB-task-image { background: transparent url('/media/embed/icons/circular/nav_icn_add.png') no-repeat 0 0; background-size: 16px; } .NB-feed-taskbar .NB-task-manage .NB-task-image { background: transparent url('/media/embed/icons/circular/nav_icn_settings.png') no-repeat 0 0; background-size: 16px; } /* =================== */ /* = Taskbar - Story = */ /* =================== */ .NB-taskbar ::-moz-selection { background: transparent; } .NB-taskbar ::selection { background: transparent; } #story_taskbar { overflow: hidden; display: none; border-top: 1px solid #C2C5BE; } #story_taskbar .feed_counts_floater .unread_count { margin-top: 1px; text-shadow: none; } #story_taskbar .NB-taskbar { margin: 3px 0 0 0; } .NB-feedbar .NB-taskbar { margin: 2px 0 0 0; } #story_taskbar .NB-taskbar .NB-taskbar-button { font-size: 11px; padding: 2px 8px 2px; line-height: 18px; position: relative; } .NB-feedbar .NB-taskbar .NB-taskbar-button { font-size: 11px; padding: 3px 8px; line-height: 18px; position: relative; } #story_taskbar .NB-taskbar-view { float: left; margin-left: 6px; } .NB-feedbar .NB-taskbar-nav { float: right; margin: 6px 18px 0 0; font-weight: normal; } #story_taskbar .NB-taskbar-layout { float: right; margin-right: 18px; } .NB-taskbar .NB-task-title { padding: 0 0 0 2px; } .NB-taskbar .NB-task-image { vertical-align: top; width: 18px; height: 15px; margin: 2px 0 0 0; display: inline-block; } .NB-taskbar .task_view_page .NB-task-image { background: transparent url('/media/embed/icons/circular/nav_story_original.png') no-repeat center center; background-size: 18px 15px; } .NB-taskbar .task_view_page.NB-active .NB-task-image { background: transparent url('/media/embed/icons/circular/nav_story_original_active.png') no-repeat center center; background-size: 18px 15px; } .NB-taskbar .task_view_feed .NB-task-image { background: transparent url('/media/embed/icons/circular/nav_story_feed.png') no-repeat center center; background-size: 18px 15px; } .NB-taskbar .task_view_feed.NB-active .NB-task-image { background: transparent url('/media/embed/icons/circular/nav_story_feed_active.png') no-repeat center center; background-size: 18px 15px; } .NB-taskbar .task_view_story .NB-task-image { background: transparent url('/media/embed/icons/circular/nav_story_story.png') no-repeat center center; background-size: 18px 15px; } .NB-taskbar .task_view_story.NB-active .NB-task-image { background: transparent url('/media/embed/icons/circular/nav_story_story_active.png') no-repeat center center; background-size: 18px 15px; } .NB-taskbar .task_view_text .NB-task-image { background: transparent url('/media/embed/icons/circular/nav_story_text.png') no-repeat center center; background-size: 18px 15px; } .NB-taskbar .task_view_text.NB-active .NB-task-image { background: transparent url('/media/embed/icons/circular/nav_story_text_active.png') no-repeat center center; background-size: 18px 15px; } .NB-taskbar .task_view_story.NB-disabled-page .NB-task-image { background-image: url('/media/embed/icons/circular/exclamation.png'); background-size: 16px; } .NB-taskbar .NB-task-story-next-starred .NB-task-image { background: transparent url('/media/embed/icons/circular/g_icn_starred.png') no-repeat 0 0; background-size: 8px; width: 8px; height: 8px; margin-top: 5px; } .NB-taskbar .NB-task-story-next-positive .NB-task-image { background: transparent url('/media/embed/icons/circular/g_icn_focus.png') no-repeat 0 0; background-size: 8px; width: 8px; height: 8px; margin-top: 5px; } .NB-taskbar .NB-task-story-next-neutral .NB-task-image { background: transparent url('/media/embed/icons/circular/g_icn_unread.png') no-repeat 0 0; background-size: 8px; width: 8px; height: 8px; margin-top: 5px; } .NB-taskbar .NB-task-story-next-negative .NB-task-image { background: transparent url('/media/embed/icons/circular/g_icn_hidden.png') no-repeat 0 0; background-size: 8px; width: 8px; height: 8px; margin-top: 5px; } .NB-taskbar .task_view_page.NB-exception-page .NB-task-image { background-image: url('/media/embed/icons/circular/exclamation.png'); background-size: 16px; } .NB-taskbar .task_view_page.NB-disabled-page .NB-task-image { background-image: url('/media/embed/icons/circular/exclamation.png'); background-size: 16px; } .NB-taskbar .NB-task-story-previous .NB-task-image { left: 12px; width: 12px; height: 12px; margin-top: 2px; background: transparent url('/media/embed/icons/circular/nav_prev.png') no-repeat 0 0; background-size: 12px; } .NB-taskbar .NB-task-story-next .NB-task-image { left: 12px; width: 12px; height: 12px; margin-top: 3px; background: transparent url('/media/embed/icons/circular/nav_next.png') no-repeat 0 0; background-size: 12px; } .NB-taskbar .NB-task-layout-full .NB-task-image { left: 12px; background: transparent url('/media/img/icons/circular/nav_story_full.png') no-repeat 0 0; background-size: 18px 14px; } .NB-taskbar .NB-task-layout-full.NB-active .NB-task-image { left: 12px; background: transparent url('/media/img/icons/circular/nav_story_full_active.png') no-repeat 0 0; background-size: 18px 14px; } .NB-taskbar .NB-task-layout-split .NB-task-image { left: 12px; background: transparent url('/media/img/icons/circular/nav_story_split.png') no-repeat 0 0; background-size: 18px 14px; } .NB-taskbar .NB-task-layout-split.NB-active .NB-task-image { left: 12px; background: transparent url('/media/img/icons/circular/nav_story_split_active.png') no-repeat 0 0; background-size: 18px 14px; } .NB-taskbar .NB-task-layout-list .NB-task-image { left: 12px; background: transparent url('/media/img/icons/circular/nav_story_list.png') no-repeat 0 0; background-size: 18px 14px; } .NB-taskbar .NB-task-layout-list.NB-active .NB-task-image { left: 12px; background: transparent url('/media/img/icons/circular/nav_story_list_active.png') no-repeat 0 0; background-size: 18px 14px; } .NB-taskbar .NB-task-layout-grid .NB-task-image { left: 12px; background: transparent url('/media/img/icons/circular/nav_story_grid.png') no-repeat 0 0; background-size: 18px 14px; } .NB-taskbar .NB-task-layout-grid.NB-active .NB-task-image { left: 12px; background: transparent url('/media/img/icons/circular/nav_story_grid_active.png') no-repeat 0 0; background-size: 18px 14px; } .NB-taskbar .NB-task-return .NB-task-image { background: transparent url('/media/embed/icons/silk/arrow_undo.png') no-repeat 0 0; } .NB-taskbar .task_view_page .NB-task-title.NB-task-original-return { display: none; font-size: 12px; padding-top: 1px; line-height: 13px; } .NB-taskbar .task_view_page.NB-task-return .NB-task-title { display: none; } .NB-taskbar .task_view_page.NB-task-return .NB-task-title.NB-task-original-return { display: inline-block; } #story_taskbar .NB-tryfeed-add, #story_taskbar .NB-tryfeed-follow, #story_taskbar .NB-tryout-signup { margin: 2px auto 0px; width: 80px; height: 14px; text-align: center; cursor: pointer; -webkit-box-shadow: #9A9A9A 2px 2px 0px; -moz-box-shadow: #9A9A9A 2px 2px 0px; box-shadow: #9A9A9A 2px 2px 0px; text-shadow: 0 1px 0 rgba(0, 0, 0, .4); } .NB-narrow #story_taskbar .NB-task-title { display: none; } .NB-style-popover-container .popover-content { padding: 0; } #story_taskbar .NB-taskbar-options-container { float: right; margin: 3px 24px 0 0; } #story_taskbar .NB-taskbar-options { cursor: pointer; float: right; color: rgba(0, 0, 0, .5); border: 1px solid rgba(0, 0, 0, .1); border-radius: 16px; text-transform: uppercase; font-size: 10px; font-weight: bold; padding: 1px 4px 1px 8px; line-height: 14px; margin: 3px 0 0; } #story_taskbar .NB-taskbar-options:hover, #story_taskbar .NB-taskbar-options.NB-active { background-color: rgba(0, 0, 0, .1); } #story_taskbar .NB-taskbar-options .NB-icon { float: right; width: 16px; height: 12px; background: transparent url('/media/embed/icons/circular/g_icn_arrow_up.png') no-repeat 4px 3px; background-size: 8px; margin: 0 0 0 4px; } .NB-taskbar-options-popover-font-icon { background: transparent url("/media/embed/icons/circular/menu_icn_settings.png") no-repeat center center; } .NB-style-popover .NB-options-feed-font-size li, .NB-style-popover .NB-options-story-font-size li { width: 45px; padding: 2px 0; line-height: 16px; font-weight: bold; } .NB-style-popover li.NB-options-font-size-xs { font-size: 9px; padding: 3px 0 1px; } .NB-style-popover .NB-options-font-size-s { font-size: 10px; } .NB-style-popover li.NB-options-font-size-m { font-size: 12px; padding: 3px 0 1px; } .NB-style-popover .NB-options-font-size-l { font-size: 13px; } .NB-style-popover li.NB-options-font-size-xl { font-size: 15px; } .NB-style-popover .NB-options-line-spacing { margin-top: 6px; } .NB-style-popover .NB-options-line-spacing li { width: 45px; padding: 2px 0; line-height: 16px; font-weight: bold; } .NB-style-popover .NB-options-line-spacing .NB-icon { width: 32px; height: 16px; background-size: 32px 16px; background-position: center center; margin: 0 auto; } .NB-style-popover .NB-options-line-spacing-xs .NB-icon { background-image: url("/media/embed/reader/line_spacing_xs.png"); } .NB-style-popover .NB-options-line-spacing-s .NB-icon { background-image: url("/media/embed/reader/line_spacing_s.png"); } .NB-style-popover .NB-options-line-spacing-m .NB-icon { background-image: url("/media/embed/reader/line_spacing_m.png"); } .NB-style-popover .NB-options-line-spacing-l .NB-icon { background-image: url("/media/embed/reader/line_spacing_l.png"); } .NB-style-popover .NB-options-line-spacing-xl .NB-icon { background-image: url("/media/embed/reader/line_spacing_xl.png"); } .NB-style-popover .NB-options-font-family { width: 230px; } .NB-style-popover .NB-options-font-family li { padding: 5px 0; font-size: 13px; line-height: 15px; text-transform: none; } .NB-style-popover .NB-options-font-family li.NB-disabled { color: #AEAEAE; } .NB-style-popover li.NB-options-font-family-sans-serif { font-size: 12px; } .NB-style-popover li.NB-options-font-family-serif { font-family: Georgia, serif; } .NB-style-popover li.NB-options-font-family-gotham { font-family: 'Gotham Narrow A', 'Gotham Narrow B'; font-weight: 400; font-style: normal; } .NB-style-popover li.NB-options-font-family-sentinel { font-family: 'Sentinel A', 'Sentinel B'; font-weight: 400; font-style: normal; } .NB-style-popover li.NB-options-font-family-whitney { font-family: 'Whitney A', 'Whitney B'; font-weight: 400; font-style: normal; } .NB-style-popover li.NB-options-font-family-chronicle { font-family: 'Chronicle Display A', 'Chronicle Display B'; font-weight: 400; font-style: normal; } .NB-style-popover .NB-premium-only .NB-tag { float: right; font-size: 8px; text-transform: uppercase; text-shadow: 0 1px 0 rgba(0, 0, 0, .4); color: white; background-color: #7CBA84; border-radius: 3px; padding: 1px 4px; line-height: 10px; margin: 2px 4px 0; font-family: "Lucida Sans", "Lucida Grande", Verdana, "Helvetica Neue", Helvetica, sans-serif; } .NB-style-popover .NB-premium-explainer { font-size: 10px; text-align: center; margin: 2px 0 0; } .NB-style-popover .NB-story-titles-pane-option { width: 72px; font-size: 12px; padding: 4px 0; } .NB-style-popover .NB-options-story-titles-pane-south { width: 84px; } .NB-style-popover .NB-story-titles-pane-option .NB-icon { width: 16px; height: 16px; display: inline-block; margin: 0 2px 0 0; vertical-align: text-bottom; } .NB-options-story-titles-pane-north .NB-icon { background: transparent url("/media/embed/reader/layout_top.png") no-repeat center center; } .NB-options-story-titles-pane-west .NB-icon { background: transparent url("/media/embed/reader/layout_left.png") no-repeat center center; } .NB-options-story-titles-pane-south .NB-icon { background: transparent url("/media/embed/reader/layout_bottom.png") no-repeat center center; } .NB-style-popover .NB-options-single-story { margin-top: 6px; } .NB-style-popover .NB-single-story-option { width: 116px; font-size: 12px; padding: 4px 0; } .NB-style-popover .NB-single-story-option .NB-icon { width: 16px; height: 16px; display: inline-block; margin: 0 2px 0 0; vertical-align: bottom; } .NB-options-single-story-off .NB-icon { background: transparent url("/media/embed/icons/silk/text_linespacing.png") no-repeat center center; } .NB-options-single-story-on .NB-icon { background: transparent url("/media/embed/icons/silk/text_horizontalrule.png") no-repeat center center; } .NB-style-popover .NB-options-grid-columns { margin-top: 6px; } .NB-style-popover .NB-grid-columns-option { min-width: 23px; font-size: 12px; padding: 4px 8px; } .NB-style-popover .NB-grid-columns-option .NB-icon { width: 16px; height: 16px; display: inline-block; margin: 1px 6px -2px 0; vertical-align: bottom; background: transparent url('/media/img/icons/circular/nav_story_grid_active.png') no-repeat 0 0; background-size: 16px; } /* ======================= */ /* = Pane Customizations = */ /* ======================= */ .ui-layout-resizer-west { border-left: 1px solid #C2C5BE; width: 2px; } .left-south { border-top: 1px solid #C2C5BE; } .ui-layout-toggler { /* display: none !important;*/ } .right-pane .ui-layout-resizer-west { background-color: #F7F8F5; } .right-pane .ui-layout-resizer-south, .right-pane .ui-layout-resizer-north { background-color: #F7F8F5; border-top: 1px solid #C2C5BE; border-bottom: 1px solid #C2C5BE; } /* ==================== */ /* = OPML Import Form = */ /* ==================== */ form.opml_import_form { } form.opml_import_form textarea { width: 100%; height: 200px; } form.opml_import_form .section { clear: both; margin: 2px 0px; } form.opml_import_form label { display: block; } form.opml_import_form input { display: block; clear: both; float: left; margin: 0px 4px; } #progress_container { font-size: .9em; width: 100%; height: 1.25em; position: relative; margin: 3em 0; display: none; } #progress_filename { font-size: .9em; width: 100%; } #progress_bar { width: 100%; border: 1px solid #999; } #progress_indicator { background: #8a9; width: 0; height: 4px; } /* ============== */ /* = Feed Frame = */ /* ============== */ .NB-feed-frame { } /* =============== */ /* = Splash Pane = */ /* =============== */ #NB-splash { z-index: 1; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow-y: auto; margin: 0 0 32px; } .NB-splash-modules { max-width: 750px; min-width: 500px; position: relative; } .NB-splash-info { width: 100%; height: 55px; background-image: -webkit-gradient(linear, left top, left bottom, from(#F4F5F2), to(#E1E5DC)); background: -moz-linear-gradient(center top , #F4F5F2 0%, #E1E5DC 100%); background-image: linear-gradient(top, #F4F5F2, #E1E5DC); bottom: 0; position: absolute; right: 0; z-index: 1; } .NB-splash-info.NB-splash-top { top: 0; bottom: inherit; border-bottom: 1px solid #C9CDE0; } .NB-body-main .NB-splash-info.NB-splash-top { display: none; } .NB-splash-info.NB-splash-bottom { border-top: 1px solid #C2C5BE; height: 30px; overflow: hidden; } .NB-splash-info .NB-splash-title { position: absolute; bottom: -1px; width: 282px; height: 54px; right: 166px; z-index: 2; } .NB-splash-info.NB-splash-top .NB-splash-title { top: 0px; bottom: inherit; right: 24px; width: 282px; height: 54px; } .NB-body-main .NB-splash-info.NB-splash-top .NB-splash-title { display: none; } .NB-splash-info .NB-splash-links { float: right; display: block; line-height: 16px; text-shadow: 1px 1px 0 #F0F0F0; list-style: none; white-space: nowrap; z-index: 1; margin: 0; padding: 0; font-weight: 300; font-family: "Lucida Sans", "Lucida Grande", Verdana, "Helvetica Neue", Helvetica, sans-serif; } .NB-splash-info .NB-splash-links .NB-splash-link { display: block; overflow: hidden; line-height: 12px; height: 30px; margin: 0; float: left; } .NB-splash-info .NB-splash-links .NB-splash-link a { margin: 0; padding: 9px 12px 9px 20px; display: block; -webkit-transition: all .12s ease-out; -moz-transition: all .12s ease-out; -o-transition: all .12s ease-out; -ms-transition: all .12s ease-out; background: transparent url('/media/embed/reader/spacer_16.png') no-repeat 0 -17px; background-size: 16px; font-weight: bold; text-rendering: optimizeLegibility; } @media screen and (max-width: 1150px) { .NB-splash-info .NB-splash-links .NB-splash-link a { padding-right: 5px; padding-left: 19px; } } @media screen and (max-width: 950px) { .NB-splash-info .NB-splash-links .NB-splash-link a { padding-right: 1px; padding-left: 16px; } .NB-splash-info .NB-splash-links .NB-splash-link a:hover { /* background: none !important;*/ } } .NB-splash-info .NB-splash-link-logo { display: none; } .NB-body-main .NB-splash-info .NB-splash-link-logo { float: right; display: block; } .NB-splash-info .NB-splash-links .NB-splash-link.NB-splash-link-logo a { padding-top: 0; padding-bottom: 0; margin-top: -1px; } .NB-splash-info .NB-splash-links .NB-splash-link.NB-active a, .NB-splash-info .NB-splash-links .NB-splash-link-about a:hover, .NB-splash-info .NB-splash-links .NB-splash-link-faq a:hover, .NB-splash-info .NB-splash-links .NB-splash-link-api a:hover, .NB-splash-info .NB-splash-links .NB-splash-link-press a:hover { background: transparent url('/media/embed/favicon_32.png') no-repeat 0 7px; background-size: 16px; } .NB-splash-info .NB-splash-links .NB-splash-link-ios a:hover { background: transparent url('/media/embed/reader/apple_icon.png') no-repeat 0 6px; background-size: 16px; } .NB-splash-info .NB-splash-links .NB-splash-link-android a:hover { background: transparent url('/media/embed/reader/android_icon_round.png') no-repeat 0 7px; background-size: 16px; } .NB-splash-info .NB-splash-links .NB-splash-link-github a:hover { background: transparent url('/media/embed/reader/github.png') no-repeat 0 6px; background-size: 16px; } .NB-splash-info .NB-splash-links .NB-splash-link-getsatisfaction a:hover { background: transparent url('/media/embed/reader/getsatisfaction.png') no-repeat 0 6px; background-size: 16px; } .NB-splash-info .NB-splash-links .NB-splash-link-blog a:hover { background: transparent url('/media/embed/reader/ofbrooklyn_icon.png') no-repeat 0 6px; background-size: 16px; } .NB-splash-info .NB-splash-links .NB-splash-link-twitter a:hover { background: transparent url('/media/embed/reader/twitter_bird.png') no-repeat 0 7px; background-size: 16px; } .NB-splash-info .NB-splash-links .NB-splash-link-facebook a:hover { background: transparent url('/media/embed/reader/facebook.png') no-repeat 0 6px; background-size: 16px; } .NB-splash-info .NB-splash-links a { font-weight: bold; text-transform: uppercase; font-size: 11px; display: block; } .NB-splash-info .NB-splash-links a, .NB-static a, .NB-splash-link { color: #405BA8; text-decoration: none; font-weight: bold; } .NB-splash-info .NB-splash-links a:hover, .NB-static a:hover, .NB-splash-link:hover { color: #A85B40; cursor: pointer; } .NB-module-logo, .NB-module-login { height: 264px; } .NB-module-logo { text-align: center; line-height: 32px; font-size: 20px; } .NB-module-logo .NB-module-logo-image { margin: 12px 0 0; } .NB-module-logo .NB-module-logo-tagline { margin: 36px 0 42px; } .NB-module-logo .NB-module-logo-tagline b { padding: 2px 8px; background-color: #F0F0F0; font-weight: normal; border-radius: 4px; color: #191F37; text-shadow: 0 1px 0 #FFF; } .NB-module-logo .NB-module-logo-elsewhere { font-size: 16px; color: #797979; } /* ============== */ /* = Classifier = */ /* ============== */ #simplemodal-container.NB-full-container.NB-classifier-container .simplemodal-wrap { overflow: hidden !important; } .NB-modal.NB-modal-classifiers { position: static; overflow: hidden; max-height: 600px; padding: 18px; } .NB-modal-classifiers form { height: 500px; padding: 12px 12px 12px 0; margin: 1px 0; overflow-y: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-classifier { border-radius: 14px; } .NB-classifier .NB-modal-loading { margin: 8px 0px 0 0; } .NB-modal-classifiers .NB-modal-title .NB-icon { background: transparent url('/media/embed/icons/circular/g_modal_intelligence.png'); background-size: 28px; } .NB-modal-classifiers h2.NB-like { color: #007000; } .NB-modal-classifiers h2.NB-dislike { color: #700000; } .NB-modal-classifiers .NB-classifier-facet-disabled { color: #A0A0A0; } .NB-classifiers .NB-classifier.NB-classifier-title.NB-classifier-facet-disabled label { color: #A0A0A0; text-shadow: none; } .NB-modal-classifiers .NB-classifier-title-highlight { margin-bottom: 6px; } .NB-classifier-title-display { margin: 6px 0 0 0; } .NB-modal-classifiers .NB-publisher .NB-classifier-authors input { float: none; margin: 4px 6px 0 0; } .NB-modal-classifiers .NB-classifier-container { white-space: nowrap; float: left; display: block; margin: 2px 6px 6px 0; } .NB-modal-classifiers .NB-classifier-container .NB-classifier { margin: 0 2px 0 0; } .NB-classifier-container .NB-classifier-count { font-size: 10px; margin: 0 6px 0 2px; color: #A0A0A0; } .NB-modal-classifiers .NB-modal-title .NB-classifier-title-like { color: #3D931B; padding-left: 20px; background: transparent url('/media/embed/reader/thumbs_up.png') no-repeat 0 6px; } .NB-modal-classifiers .NB-modal-title .NB-classifier-title-dislike { color: #932C15; padding-right: 20px; background: transparent url('/media/embed/reader/thumbs_down.png') no-repeat right 2px; } .NB-modal-classifiers .NB-modal-submit-button { float: left; } .simplemodal-wrap { overflow-y: auto; overflow-x: hidden; } /* ====================== */ /* = Classifier Trainer = */ /* ====================== */ .NB-modal-trainer .NB-modal-submit .NB-modal-submit-back { display: none; } .NB-modal-trainer .NB-modal-submit .NB-modal-submit-back, .NB-modal-trainer .NB-modal-submit .NB-modal-submit-reset { float: left; color: #FFF; background-color: #b5b4bB; } .NB-modal-trainer .NB-modal-submit .NB-modal-submit-grey { float: left; color: #FFF; background-color: #b5b4bB; } .NB-modal-trainer .NB-modal-submit .NB-modal-submit-begin { float: right; } .NB-modal-trainer .NB-modal-submit .NB-modal-submit-end { float: right; color: #FFF; background-color: #4679BB; } .NB-modal-trainer .NB-modal-submit .NB-modal-submit-green { float: right; padding-left: 12px !important; padding-right: 12px !important; } .NB-modal-trainer .NB-classifier-trainer-counts { float: right; color: #606060; font-size: 14px; } .NB-modal-trainer .NB-trainer-points { margin-bottom: 64px; } .NB-modal-trainer .NB-trainer-points li { line-height: 23px; margin: 0 0 18px 0; clear: both; font-size: 13px; color: #707070; } .NB-modal-trainer .NB-trainer-points li b { display: block; font-size: 16px; color: #202020; } .NB-modal-trainer .NB-trainer-points li img { padding: 0 0 0 8px; } .NB-modal-trainer .NB-classifier-example { background: transparent url('/media/embed/reader/sample_classifier_tag.png') no-repeat 0 0; background-size: 135px 69px; width: 135px; height: 23px; float: right; margin-left: 4px; } .NB-modal-trainer .NB-trainer-points li img.NB-trainer-bullet { float: left; margin: 8px 8px 0 0; padding: 0; vertical-align: middle; width: 8px; height: 8px; } .NB-modal-trainer .NB-trainer-not-authenticated { font-size: 13px; color: #801A14; font-weight: bold; padding: 4px 4px 4px 24px; background: #FFE1DB url('/media/embed/icons/circular/exclamation.png') no-repeat 4px 4px; background-size: 16px; } /* ======================= */ /* = Intelligence Slider = */ /* ======================= */ .NB-taskbar-intelligence { margin: 4px auto 0; font-size: 9px; white-space: nowrap; overflow: hidden; text-align: center; } .NB-taskbar-intelligence.NB-modal-slider { right: 18px; top: 28px; } .NB-taskbar-intelligence .NB-taskbar-intelligence-indicator { position: absolute; top: -16px; width: 12px; height: 12px; } .NB-taskbar-intelligence .NB-taskbar-intelligence-negative { right: 94px; background: transparent url(/media/embed/icons/circular/g_icn_hidden.png) no-repeat 0 0; background-size: 8px; } .NB-taskbar-intelligence .NB-taskbar-intelligence-neutral { right: 45px; background: transparent url(/media/embed/icons/circular/g_icn_unread.png) no-repeat 0 0; background-size: 8px; } .NB-taskbar-intelligence .NB-taskbar-intelligence-positive { right: -4px; background: transparent url(/media/embed/icons/circular/g_icn_focus.png) no-repeat 0 0; background-size: 8px; } .NB-taskbar-intelligence .NB-taskbar-intelligence-starred { right: -4px; background: transparent url(/media/embed/icons/circular/g_icn_starred.png) no-repeat 0 0; background-size: 8px; } .NB-intelligence-slider { display: inline-block; } .NB-intelligence-slider .segmented-control { float: left; width: auto; } .NB-intelligence-slider .NB-intelligence-slider-control { line-height: normal; position: relative; padding: 5px 8px 4px; } .NB-narrow-pane-blue .NB-intelligence-slider .NB-intelligence-slider-blue .NB-intelligence-label { display: none; } .NB-narrow-pane-green .NB-intelligence-slider .NB-intelligence-slider-green .NB-intelligence-label { display: none; } .NB-narrow-pane-yellow .NB-intelligence-slider .NB-intelligence-slider-yellow .NB-intelligence-label { display: none; } .NB-intelligence-slider img { width: 8px; height: 8px; margin: 1px 5px -1px -2px; float: left; vertical-align: bottom; } .NB-intelligence-slider .NB-intelligence-slider-blue img { width: 12px; height: 12px; margin: -1px 5px -1px 0px; } .NB-narrow-pane-green .NB-intelligence-slider .NB-intelligence-slider-green img { margin: 1px 6px 2px; } .NB-narrow-pane-blue .NB-intelligence-slider .NB-intelligence-slider-blue img { margin: -1px 4px 0px; } .NB-narrow-pane-yellow .NB-intelligence-slider .NB-intelligence-slider-yellow img { margin: 1px 6px 2px; } /* ===================== */ /* = Add Feeds/Folders = */ /* ===================== */ .NB-modal.NB-add .NB-fieldset, .NB-modal.NB-add h5 { overflow: visible; } .NB-modal.NB-add .NB-fieldset-fields { margin: 14px 0 0 16px; } .NB-add-form { border-radius: 2px; background-color: #F7F8F5; border: 1px solid rgba(0, 0, 0, .1); padding: 8px; } .NB-add-form .NB-module-content-header { margin-top: 0; } .NB-add-form .NB-add-url { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 2px 0 6px; } .NB-add-form .NB-folders { clear: both; float: left; width: 180px; font-size: 16px; margin: 8px 0 0 1px; } .NB-add-form .NB-add-folder-icon { float: left; margin: 11px 0 0 4px; width: 16px; height: 16px; background: transparent url('/media/embed/icons/circular/g_icn_folder_add.png') no-repeat 0 0; background-size: 16px; cursor: pointer; } .NB-add-form .NB-add-folder-icon:hover { background: transparent url('/media/embed/icons/circular/g_icn_folder_add_dark.png') no-repeat 0 0; background-size: 16px; } .NB-add-form .NB-loading { float: right; width: 16px; height: 16px; margin: 10px 0 0; } .NB-add .NB-add-form .NB-add-url-submit, .NB-add .NB-add-form .NB-add-folder-submit { float: right; margin: 6px 0 6px 0; } .NB-add-form .NB-add-folder { overflow: hidden; } .NB-add-form .NB-add-folder-input { width: 180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 6px 0 0 0; font-size: 12px; padding: 4px; } .NB-add-form .NB-error { font-size: 11px; clear: both; color: darkred; line-height: 14px; font-weight: bold; display: none; } .NB-add-form .NB-error-message { padding: 6px 0 0; } .NB-add .NB-add-danger { display: block; clear: both; font-size: 12px; color: #535558; font-weight: bold; margin: 8px 0 12px; float: left; } .NB-add .NB-add-danger img { vertical-align: bottom; padding: 0 4px 0 0 ; } .NB-add input[type=text].ui-autocomplete-loading { background: white url('/media/embed/reader/recycle_spinner.gif') no-repeat right 3px; } .chzn-drop { text-shadow: none; } .ui-autocomplete.ui-widget-content { width: 344px; padding: 0; margin: 0; border: 1px solid rgba(0, 0, 0, .2); border-radius: none; -webkit-border-top-right-radius: 5px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-topleft: 5px; border-top-right-radius: 5px; border-top-left-radius: 5px; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .ui-autocomplete li { padding: 0; list-style: none; margin: 0; border-bottom: 1px solid #B0B0B0; } .ui-autocomplete li:last-child { border-bottom: none; } .ui-autocomplete li a { padding: 2px; display: block; cursor: pointer; } .ui-autocomplete li a.ui-state-hover, .ui-autocomplete li a.ui-state-focus { font-weight: normal; background-color: #FDED8D; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFD2), to(#FDED8D)); background: -moz-linear-gradient(center top , #FFFFD2 0%, #FDED8D 100%); border: 1px solid #B0B0B0; border-radius: none; } .ui-autocomplete li a .NB-add-autocomplete-subscribers { float: right; font-size: 10px; color: #909090; font-weight: bold; text-transform: uppercase; line-height: 16px; padding: 2px 4px 0 0; } .ui-autocomplete li a .NB-add-autocomplete-title { line-height: 16px; color: #202020; font-weight: bold; font-size: 13px; height: 16px; overflow: hidden; padding: 2px 0 0 4px; } .ui-autocomplete li a .NB-add-autocomplete-favicon { float: left; margin: 2px 4px 0 2px; width: 16px; height: 16px; } .ui-autocomplete li a .NB-add-autocomplete-address { display: block; clear: both; color: #3F3D6E; font-size: 10px; font-weight: normal; height: 12px; line-height: 16px; padding: 4px 0 4px 4px; overflow: hidden; } /* ================ */ /* = Manage Feeds = */ /* ================ */ .NB-manage .NB-manage-field { } .NB-manage .NB-manage-container { height: 375px; overflow-y: auto; padding: 0 18px 18px 0; } .NB-manage .NB-classifier-title-like { color: #3D931B; padding-left: 20px; background: transparent url('/media/embed/reader/thumbs_up.png') no-repeat 0 0; } .NB-manage .NB-classifier-title-dislike { color: #932C15; padding-left: 20px; background: transparent url('/media/embed/reader/thumbs_down.png') no-repeat 0 0; } .NB-manage .NB-manage-classifier { overflow: hidden; } .NB-manage .NB-manage-classifier .NB-classifiers { clear: both; } .NB-manage .NB-classifier-empty { margin: 0 0 4px 12px; font-size: 12px; color: #A0A0A0; } .NB-manage .NB-classifier-empty .NB-like { width: 14px; height: 20px; margin: 0 2px; vertical-align: -6px; opacity: .4; } .NB-manage .NB-classifier-empty .NB-dislike { width: 14px; height: 20px; margin: 0 2px; vertical-align: -4px; opacity: .4; } .NB-manage .NB-manage-rename { margin: 0 0 12px 12px; display: none; /* Sorry, but this is not v1.0. Maybe next tuesday. No, next, next tuesday. */ } .NB-manage .NB-manage-rename label { font-size: 14px; font-weight: bold; } .NB-manage .NB-manage-rename input { font-size: 14px; padding: 2px; margin: 0 4px; border: 1px solid #606060; width: 400px; -moz-box-shadow:2px 2px 0 #D0D0D0; -webkit-box-shadow:2px 2px 0 #D0D0D0; box-shadow:2px 2px 0 #D0D0D0; } .NB-manage .NB-manage-delete { margin: 6px 0 4px; font-size: 12px; } .NB-manage .NB-manage-delete .NB-delete { text-decoration: underline; color: #AF1313; } .NB-manage .NB-manage-delete .NB-delete-confirm { font-weight: bold; text-decoration: underline; color: #DB1818; margin: 0 12px 0 24px; display: none; } .NB-manage .NB-manage-delete .NB-delete-cancel { margin: 0; text-decoration: underline; color: #A0A0A0; display: none; } /* =================== */ /* = Mark Read Modal = */ /* =================== */ .NB-modal-markread .NB-modal-title .NB-icon { background: transparent url('/media/embed/icons/circular/g_modal_markread.png'); background-size: 28px; } .NB-modal-markread .NB-markread-slider { margin: 24px 12px; } .NB-modal-markread .NB-markread-explanation { margin-top: 24px; } /* =================== */ /* = Classifier Tags = */ /* =================== */ .NB-classifiers { clear: both; overflow: hidden; } .NB-classifiers .NB-classifier ::-moz-selection { background: transparent; } .NB-classifiers .NB-classifier ::selection { background: transparent; } .NB-classifiers .NB-classifier { white-space: nowrap; float: left; display: block; margin: 2px 6px 6px 0; cursor: pointer; padding: 0 30px 0 26px; font-size: 12px; text-transform: uppercase; background-color: #D8DEE2; position: relative; border: 1px solid transparent; } .NB-classifiers .NB-classifier input[type=checkbox] { margin: 3px 6px 2px 4px; cursor: pointer; float: left; } .NB-classifiers .NB-classifier label { cursor: pointer; color: black; float: left; display: block; padding: 2px 0; } .NB-classifiers .NB-classifier label b { color: rgba(0,0,0,.4); text-shadow: none; font-weight: normal; } .NB-classifiers .NB-classifier label span { text-shadow: 1px 1px 0 rgba(255,255,255,0.5); } .NB-classifiers .NB-classifier.NB-classifier-facet-disabled { background-color: white; } .NB-classifiers .NB-classifier input { display: none; } .NB-classifiers .NB-classifier .feed_favicon { margin-top: -2px; width: 16px; height: 16px; } .NB-classifiers .NB-classifier .NB-classifier-icon-like { width: 16px; height: 16px; background: transparent url('/media/embed/reader/thumbs_up.png') no-repeat 0 0; position: absolute; left: 6px; top: 2px; opacity: .2; } .NB-classifiers .NB-classifier .NB-classifier-icon-dislike { width: 27px; height: 22px; position: absolute; top: -1px; right: -1px; background: transparent url('/media/embed/reader/thumbs_down.png') no-repeat 5px -1px; opacity: .2; } .NB-classifiers .NB-classifier .NB-classifier-icon-dislike-inner { margin: 4px 4px 0 0; width: 18px; height: 13px; border-left: 1px solid #EBEBE1; } .NB-classifiers .NB-classifier.NB-classifier-like { background-color: #34912E; border: 1px solid #202020; -webkit-box-shadow: 1px 1px 1px #BDC0D7; -moz-box-shadow: 1px 1px 1px #BDC0D7; box-shadow: 1px 1px 1px #BDC0D7; } .NB-classifiers .NB-classifier.NB-classifier-dislike { background-color: #A90103; border: 1px solid #000; -webkit-box-shadow: 1px 1px 1px #BDC0D7; -moz-box-shadow: 1px 1px 1px #BDC0D7; box-shadow: 1px 1px 1px #BDC0D7; } .NB-classifiers .NB-classifier.NB-classifier-hover-like { background-color: #54A54E; } .NB-classifiers .NB-classifier.NB-classifier-like.NB-classifier-hover-like { background-color: #34912E; } .NB-classifiers .NB-classifier.NB-classifier-dislike.NB-classifier-hover-like { border: 1px solid transparent; } .NB-classifiers .NB-classifier.NB-classifier-like label b, .NB-classifiers .NB-classifier.NB-classifier-hover-like label b { color: white; } .NB-classifiers .NB-classifier.NB-classifier-like label span, .NB-classifiers .NB-classifier.NB-classifier-hover-like label span { color: white; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); } .NB-classifiers .NB-classifier.NB-classifier-like .NB-classifier-icon-dislike, .NB-classifiers .NB-classifier.NB-classifier-hover-like .NB-classifier-icon-dislike { opacity: .1; } .NB-classifiers .NB-classifier.NB-classifier-dislike .NB-classifier-icon-dislike, .NB-classifiers .NB-classifier.NB-classifier-hover-dislike .NB-classifier-icon-dislike { opacity: 1; } .NB-classifiers .NB-classifier.NB-classifier-dislike .NB-classifier-icon-like, .NB-classifiers .NB-classifier.NB-classifier-hover-dislike .NB-classifier-icon-like { opacity: .1; } .NB-classifiers .NB-classifier.NB-classifier-dislike.NB-classifier-hover-like .NB-classifier-icon-like { opacity: 1; } .NB-classifiers .NB-classifier.NB-classifier-dislike.NB-classifier-hover-like .NB-classifier-icon-dislike { opacity: .1; } .NB-classifiers .NB-classifier.NB-classifier-hover-like.NB-classifier-hover-dislike .NB-classifier-icon-dislike { opacity: 1; } .NB-classifiers .NB-classifier.NB-classifier-hover-like.NB-classifier-hover-dislike .NB-classifier-icon-like { opacity: .1; } .NB-classifiers .NB-classifier.NB-classifier-like .NB-classifier-icon-like, .NB-classifiers .NB-classifier.NB-classifier-hover-like .NB-classifier-icon-like, .NB-classifiers .NB-classifier.NB-classifier-dislike .NB-classifier-icon-dislike, .NB-classifiers .NB-classifier.NB-classifier-hover-dislike .NB-classifier-icon-dislike { opacity: 1; } .NB-classifiers .NB-classifier.NB-classifier-hover-dislike { background-color: #C92123; } .NB-classifiers .NB-classifier.NB-classifier-like.NB-classifier-hover-dislike { border: 1px solid transparent; } .NB-classifiers .NB-classifier.NB-classifier-like.NB-classifier-hover-like.NB-classifier-hover-dislike { background-color: #C92123; } .NB-classifiers .NB-classifier.NB-classifier-dislike.NB-classifier-hover-like.NB-classifier-hover-dislike { border: 1px solid #000; background-color: #A90103; } .NB-classifiers .NB-classifier.NB-classifier-dislike .NB-classifier-icon-dislike-inner, .NB-classifiers .NB-classifier.NB-classifier-hover-dislike .NB-classifier-icon-dislike-inner { border-left-color: #C17C52; } .NB-classifiers .NB-classifier.NB-classifier-dislike label b, .NB-classifiers .NB-classifier.NB-classifier-hover-dislike label b { color: white; } .NB-classifiers .NB-classifier.NB-classifier-dislike label span, .NB-classifiers .NB-classifier.NB-classifier-hover-dislike label span { color: white; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5); } /* =================== */ /* = Mouse Indicator = */ /* =================== */ #mouse-indicator { position: absolute; top: 50px; left: -10px; opacity: 0; background: transparent url('/media/embed/reader/mouse_indicator.png') no-repeat 0 0; background-size: 10px 15px; width: 10px; height: 15px; z-index: 10; cursor: pointer; } /* ================ */ /* = Page Modules = */ /* ================ */ .NB-module .NB-module-direction { display: block; width: 24px; height: 32px; float: right; margin: -8px 0; padding: 0px; } .NB-module .NB-module-direction.NB-disabled { opacity: .25; } .NB-module .NB-module-next-page { margin-right: -12px; padding-right: 8px; background: transparent url('/media/embed/icons/silk/control_play.png') no-repeat 4px center; } .NB-module .NB-module-next-page.NB-javascript { opacity: .2; } .NB-module .NB-module-next-page:link { background: transparent url('/media/embed/icons/silk/control_play.png') no-repeat 4px center; } .NB-module .NB-module-next-page:hover { background: transparent url('/media/embed/icons/silk/control_play_blue.png') no-repeat 4px center; } .NB-module .NB-module-next-page.NB-disabled:hover { background: transparent url('/media/embed/icons/silk/control_play.png') no-repeat 4px center; cursor: default; } .NB-module .NB-module-previous-page { padding-left: 4px; background: transparent url('/media/embed/icons/silk/control_play_left.png') no-repeat 8px center; } .NB-module .NB-module-previous-page:link { background: transparent url('/media/embed/icons/silk/control_play_left.png') no-repeat 8px center; } .NB-module .NB-module-previous-page:hover { background: transparent url('/media/embed/icons/silk/control_play_left_blue.png') no-repeat 8px center; } .NB-module .NB-module-previous-page.NB-disabled:hover { background: transparent url('/media/embed/icons/silk/control_play_left.png') no-repeat 8px center; cursor: default; } .NB-module .NB-module-page-indicator { display: block; width: 16px; height: 16px; float: left; padding: 2px 3px 0px; opacity: .25; cursor: pointer; background: transparent url('/media/embed/icons/silk/bullet_blue.png') no-repeat center center; } .NB-module .NB-module-page-indicator:hover { opacity: 1; } .NB-module .NB-module-page-indicator.NB-active { opacity: 1; background: transparent url('/media/embed/icons/silk/bullet_orange.png') no-repeat center center; } /* ============= */ /* = Main Page = */ /* ============= */ .NB-module a { text-decoration: none; /* color: #3E4773;*/ } .NB-module a:hover { /* color: #0E1763;*/ } .NB-module h5 { margin: 0 0 12px; padding: 8px 12px 6px; overflow: hidden; } .NB-account h5.NB-module-header { text-align: center; } .NB-module .NB-module-header-left { float: left; } .NB-module .NB-module-header-center { text-align: center; margin: 0 auto; width: 132px; } .NB-module .NB-module-header-right { font-size: 13px; line-height: 16px; font-weight: normal; float: right; } .NB-module .NB-spinner { background: transparent url('/media/embed/reader/recycle_spinner.gif') no-repeat 0 0; width: 16px; height: 16px; margin: 0 6px; opacity: .6; display: none; } .NB-module.NB-loading .NB-spinner, .NB-module-item.NB-loading .NB-spinner { display: block; } .NB-module .NB-module-content-header { padding-left: 4px; } .NB-module-content-header { padding: 4px 0 0px; margin: 12px 0 4px 0; font-size: 13px; text-transform: uppercase; color: #585a55; clear: both; } .NB-module .NB-module-content-subtitle { float: right; color: #C0C0C0; text-shadow: none; margin: 2px 0 0 0; font-size: 10px; white-space: nowrap; } .NB-module .NB-module-content-account-realtime { background: transparent url('/media/img/reader/realtime_spinner_loading.gif') no-repeat 0 1px; font-size: 11px; text-transform: uppercase; color: #D8BD70; font-weight: bold; float: right; width: 16px; height: 16px; margin: 0 4px 0 0; } .NB-module .NB-module-content-account-realtime.NB-active { background: transparent url('/media/img/reader/realtime_spinner.gif') no-repeat 0 1px; } .NB-module .NB-module-content-account-realtime.NB-error { background: transparent url('/media/img/reader/realtime_spinner_error.gif') no-repeat 0 1px; } .NB-module .NB-module-item { position: relative; min-height: 77px; margin: 12px 0 0; padding-bottom: 1px; clear: both; } .NB-module .NB-module-item.NB-last { margin-bottom: 0; } .NB-module .NB-module-item-image { position: absolute; left: 0; top: 0; } .NB-module .NB-module-item .NB-module-item-image img { width: 100px; height: 75px; overflow: hidden; margin: 0 8px 2px 12px; border: 1px solid #606060; -moz-box-shadow: 1px 1px 0 #D0D0D0; -webkit-box-shadow: 1px 1px 0 #D0D0D0; box-shadow: 1px 1px 0 #D0D0D0; } .NB-module .NB-modal-submit-grey { color: #505050; } .NB-module .NB-module-item .NB-module-item-title { margin: 0 0 4px 128px; } .NB-module .NB-module-item .NB-modal-submit-button { float: left; margin: 4px 0 0 0; } /* =========================== */ /* = Right Modules - Account = */ /* =========================== */ .NB-account .NB-module { margin: 24px 0; padding: 0; clear: both; overflow: hidden; } .NB-account .NB-module .NB-module-account-settings { background: transparent url("/media/embed/icons/circular/menu_icn_settings.png") no-repeat center center; background-size: 12px; width: 16px; height: 16px; float: right; cursor: pointer; } .NB-module .NB-module-account-settings.NB-javascript { opacity: .2; cursor: default; } .NB-account .NB-module .NB-module-item .NB-module-account-premium { float: right; margin-right: 12px; } .NB-account .NB-module .NB-module-item .NB-modal-submit-button.NB-javascript { opacity: .2; } .NB-account .NB-module.NB-module-account .NB-module-account-stats { min-height: 0; } .NB-account .NB-module.NB-module-account .NB-module-stats-counts { overflow: hidden; } .NB-account .NB-module.NB-module-account .NB-module-stats-count { margin: 0; } .NB-account .NB-module.NB-module-account .NB-module-stats-count-graph { width: 33%; margin: 0 0 0 72px; clear: none; } .NB-account .NB-module-account-stats { margin-top: 0; overflow: hidden; } .NB-module.NB-module-features .NB-module-content-header { border-bottom: 1px solid #E8EAE4; padding-bottom: 4px; } .NB-module-account .NB-module-item-image { position: relative; float: left; } .NB-module-account .NB-module-content-header, .NB-module-account .NB-module-item .NB-module-item-title { clear: none; overflow: hidden; } .NB-module-account .NB-module-item .NB-module-item-image img { width: 100px; margin-right: 14px; height: auto; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; margin-top: 6px; border-radius: 4px; } /* ======================= */ /* = How it Works Module = */ /* ======================= */ .NB-module-howitworks { position: relative; overflow: hidden; } .NB-module-howitworks .NB-howitworks-page-indicators { position: absolute; width: 132px; height: 20px; right: 64px; top: 8px; } .NB-module-howitworks .NB-howitworks-page { display: none; overflow: hidden; left: 0; margin: 12px 0 0; } .NB-module-howitworks .NB-howitworks-page.NB-active { display: block; } .NB-module-howitworks .NB-howitworks-page .NB-howitworks-page-image { width: 200px; height: 135px; padding: 2px; border: 1px solid #E0E0E0; margin: 0 12px 0; float: left; } .NB-module-howitworks .NB-howitworks-page .NB-howitworks-page-description { height: 135px; line-height: 30px; font-size: 22px; color: #303030; text-shadow: 1px 1px 0px #F0F0F0; width: 248px; } .NB-module-howitworks .NB-howitworks-page .NB-howitworks-page-description td { padding: 0; margin: 0; vertical-align: middle; text-align: center; } /* =================== */ /* = Getting started = */ /* =================== */ .NB-account .NB-module-gettingstarted { margin-bottom: 24px; } .NB-module-gettingstarted .NB-module-item-intro { border: 1px solid #F7E7BC; background-color: #FFFCF3; padding: 12px; overflow: hidden; border-radius: 4px; } .NB-module-gettingstarted .NB-intro-avatar { margin: 12px auto; } .NB-module-gettingstarted .NB-intro-avatar-bezel { padding: 3px; border: 1px solid rgba(0, 0, 0, .1); -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .1); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .1); box-shadow: 0 2px 2px rgba(0, 0, 0, .1); background-color: #F7F8F5; border-radius: 3px; width: 48px; line-height: 0; margin: 0 auto; } .NB-module-gettingstarted .NB-intro-avatar img { width: 48px; height: 48px; } .NB-module-gettingstarted .NB-intro-progress { position: relative; margin: 24px 64px; } .NB-module-gettingstarted .NB-intro-progress .progress { height: 10px; margin-top: -30px; } .NB-module-gettingstarted .NB-intro-progress-goal { top: -10px; left: 0px; position: absolute; border-radius: 16px; background-color: #FFF; border: 1px solid rgba(0, 0, 0, .2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1); box-shadow: 0 1px 3px rgba(0, 0, 0, .1); width: 28px; height: 28px; z-index: 1; } .NB-module-gettingstarted .NB-intro-progress-goal.NB-1 { left: 0; background: #fff url(/media/embed/icons/silk/flag_blue.png) no-repeat center center; } .NB-module-gettingstarted .NB-intro-progress-goal.NB-2 { margin: 0 auto; left: auto; position: relative; background: #fff url(/media/embed/icons/silk/flag_green.png) no-repeat center center; } .NB-module-gettingstarted .NB-intro-progress-goal.NB-3 { left: auto; right: 0; background: #fff url(/media/embed/icons/silk/flag_yellow.png) no-repeat center center; } .NB-module-gettingstarted .NB-intro-progress-goal.NB-done { background: #fff url(/media/embed/icons/silk/accept.png) no-repeat center center; } .NB-module-gettingstarted .NB-intro-goals { margin: 24px 0 0; overflow: hidden; } .NB-module-gettingstarted .NB-intro-goal { width: 33.33%; float: left; text-align: center; font-size: 12px; color: #5E6062; padding: 0 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-module-gettingstarted .NB-icon { display: inline-block; margin: 0 2px 0 0; width: 16px; height: 16px; vertical-align: text-bottom; } .NB-module-gettingstarted .NB-modal-submit-button { padding: 4px 6px; } .NB-module-gettingstarted .NB-module-launch-intro .NB-icon { background: transparent url(/media/embed/icons/silk/lorry.png) no-repeat center center; background-size: 16px; } .NB-module-gettingstarted .NB-module-friends-button .NB-icon { background: transparent url('/media/embed/icons/circular/share.png') no-repeat 0 0; background-size: 16px; } .NB-module-gettingstarted .NB-module-account-train .NB-icon { background: transparent url(/media/embed/icons/circular/menu_icn_train.png) no-repeat center center; background-size: 16px; } .NB-module-gettingstarted .NB-intro-goal .NB-not-done { margin: 6px auto; float: none; } .NB-module-gettingstarted .NB-intro-goal .NB-done { color: #7CB621; font-weight: bold; padding: 12px 0; } .NB-module-gettingstarted .NB-done .NB-not-done, .NB-module-gettingstarted .NB-not-done .NB-done { display: none; } /* ================ */ /* = Stats Module = */ /* ================ */ .NB-module-stats-counts { border-radius: 4px; background-color: #F7F8F5; border: 1px solid rgba(0, 0, 0, .1); overflow: hidden; } .NB-module-stats-count { border-bottom: 1px solid rgba(0, 0, 0, .1); text-align: center; text-transform: uppercase; font-size: 12px; overflow: hidden; padding: 6px 0; } .NB-module-stats-count:last-child { border-bottom: none; } .NB-module-stats-count-shared-stories { width: 38%; } .NB-module-stats-count-following, .NB-module-stats-count-followers { width: 31%; } .NB-module-stats-count-number { clear: both; font-size: 18px; color: #0D003C; text-shadow: 1px 1px 0 #E8E8E8; font-weight: bold; } .NB-module-stats-count-description { margin: 4px 0 0 0; color: #A0A0A0; clear: both; } .NB-module-stats-count-graph { clear: both; margin: 0 auto; width: 100px; } .NB-graph-value { float: left; height: 30px; width: 3px; padding: 0 1px 0 0; margin: 0 0 14px 0; position: relative; } .NB-graph-value .NB-graph-bar { background-color: darkblue; position: absolute; bottom: 0; left: 0; width: 3px; } .NB-graph-value .NB-graph-label { width: 20px; height: 20px; font-size: 10px; text-align: center; position: absolute; bottom: -25px; left: -8px; display: none; padding: 3px 0 0 0; color: #A0A0A0; text-shadow: 1px 1px 0 #F0F0F0; background: transparent url('/media/embed/reader/graph_arrow_up.png') no-repeat 8px 0; } .NB-graph-value:hover .NB-graph-label { display: block; } /* ================== */ /* = Center Modules = */ /* ================== */ .NB-modules-center { margin: 24px 204px 0 0px; padding: 0 24px; max-width: 500px; float: left; } .NB-modules-center .NB-module { margin: 0 0 24px; } /* ============ */ /* = Features = */ /* ============ */ .NB-module-features table { list-style: none; padding: 0; margin: 12px 6px; } .NB-module-features .NB-features-add { float: left; display: none; margin-right: 12px; } .NB-module-features .NB-module-header:hover .NB-features-add { display: block; } .NB-module-features .NB-module-feature td { margin: 0 0 0; } .NB-module-features .NB-module-feature.last td { margin-bottom: 0; } .NB-module-features .NB-module-feature.NB-module-feature-new td { background-color: #FCFFB4; } .NB-module-features .NB-module-feature .NB-module-feature-date { float: left; padding: 4px 8px; margin: 0; color: #808080; font-size: 11px; line-height: 20px; white-space: nowrap; min-width: 100px; } .NB-module-features .NB-module-feature.last .NB-module-feature-date { margin-bottom: 0; } .NB-module-features .NB-module-feature .NB-module-feature-description { color: #404040; font-size: 12px; line-height: 16px; padding: 4px 8px; margin: 0; width: 100%; } .NB-module-features .NB-module-feature.last .NB-module-feature-description { margin-bottom: 0; } .NB-module-features .NB-module-feature .NB-module-feature-description a { color: #405BA8; } .NB-module-features .NB-module-feature .NB-module-feature-description a:hover { color: #A85B40; } .NB-module-features .NB-module-feature .NB-module-feature-description img { width: 16px; height: 16px; vertical-align: bottom; } .NB-module-features .NB-module-feature .NB-module-feature-description img.NB-module-feature-arrow { padding: 0 4px; vertical-align: text-bottom; width: 16px; height: 16px; } .NB-module-features .NB-module-feature .NB-module-feature-tag { font-size: 8px; padding: 0 4px; background-color: #DC8A13; color: white; font-weight: bold; text-transform: uppercase; margin-right: 4px; display: inline-block; vertical-align: text-bottom; } .NB-module-features .NB-module-feature .NB-module-feature-tag.NB-tag-problem { background-color: #EC8C35; } .NB-module-features .NB-module-feature .NB-module-feature-tag.NB-tag-praise { background-color: #FAD477; color: white; } .NB-module-features .NB-module-feature .NB-module-feature-tag.NB-tag-idea { background-color: #9DDC5F; } .NB-module-features .NB-module-feature .NB-module-feature-tag.NB-tag-question { background-color: #6DAEDC; } #add-feature-form { display: none; } /* ============================ */ /* = Module: Recommended Feed = */ /* ============================ */ .NB-module-recommended { overflow: hidden; } .NB-module-recommended .NB-module-recommended-date { line-height: 14px; float: left; color: #585a55; font-size: 11px; margin: 1px 2px 0 0; text-shadow: 0 1px 0 #E9E9E9; } .NB-module-recommended .NB-module-recommended-date span { vertical-align: text-top; margin: 0 0 0 -3px; line-height: 12px; font-size: 8px; } .NB-module-recommended .NB-recommended { margin: 12px 0 0 0; padding: 0 12px; } .NB-module-recommended .NB-javascript.NB-module-direction, .NB-module-recommended .NB-javascript.NB-modal-submit-button, .NB-module-recommended .NB-javascript.NB-recommended-statistics, .NB-module-recommended .NB-javascript.NB-recommended-intelligence { opacity: .2; } .NB-module-recommended .NB-recommended-statistics { margin: 2px 0 0 0; position: absolute; left: -26px; top: 3px; width: 16px; height: 16px; cursor: pointer; background: transparent url("/media/embed/icons/circular/menu_icn_stats.png") no-repeat center center; background-size: 16px; } .NB-module-recommended .NB-recommended-favicon { width: 16px; height: 16px; float: left; margin: 2px 4px 0 0px; } .NB-module-recommended .NB-recommended-title { padding: 0 0 4px 20px; border-bottom: 1px solid #E0E0E0; } .NB-module-recommended .NB-recommended-description { font-size: 13px; line-height: 20px; margin: 8px 0 0 0; color: #505050; padding-bottom: 8px; border-bottom: 1px solid #E0E0E0; overflow: hidden; } .NB-module-recommended .NB-modal-submit { margin: 8px 0 0 0; } .NB-module-recommended .NB-recommended-subscribers { position: relative; float: right; text-transform: uppercase; font-size: 11px; color: #808080; margin: 0 0 0 0; } .NB-module-recommended .NB-modal-submit-button { float: left; margin-left: 0 !important; margin-right: 8px !important; } .NB-module-recommended .NB-recommended-added { padding: 6px 0 0 20px; background: transparent url('/media/embed/icons/circular/newuser_icn_setup.png') no-repeat 0 2px; background-size: 18px; font-size: 12px; font-weight: bold; color: #123B00; overflow: hidden; } .NB-recommended-show-moderation-wrapper { display: none; float: left; margin-right: 12px; } .NB-module-recommended .NB-module-header:hover .NB-recommended-show-moderation-wrapper { display: block; } .NB-recommended-unmoderated { display: none; } /* ========= */ /* = Menus = */ /* ========= */ .NB-menu-manage-container { z-index: 10; position: absolute; display: none; opacity: 0; width: 260px; padding: 0; margin: 0; background-color: #EAECE6; border-top: 1px solid #90928B; border-left: 1px solid #90928B; border-right: 1px solid #90928B; border-bottom: 1px solid #90928B; -webkit-box-shadow: 2px 2px 5px #5E6267; -moz-box-shadow: 2px 2px 5px #5E6267; box-shadow: 2px 2px 5px #5E6267; } .NB-menu-manage-container.NB-inverse { background-color: #F1F3EC; } .NB-menu-manage { list-style: none; font-size: 11px; text-transform: uppercase; margin: 4px 0 0; padding: 0; position: relative; } .NB-inverse .NB-menu-manage { margin: 0 0 4px; } .NB-menu-manage-container .NB-menu-manage-arrow { width: 19px; height: 20px; background-image: -webkit-gradient(linear, left top, left bottom, from(#F1F3EC), to(#DADCD6)); background-image: -moz-linear-gradient(center top , #F1F3EC 0%, #DADCD6 100%); background-image: linear-gradient(top, #F1F3EC, #DADCD6); border-top: 1px solid #90928B; border-left: 1px solid #90928B; border-right: 1px solid #90928B; z-index: 10; position: absolute; top: -21px; left: -1px; } .NB-menu-manage-container.NB-inverse .NB-menu-manage-arrow { border-top: none; border-bottom: 1px solid #90928B; bottom: -21px; top: auto; } .NB-menu-manage-container .NB-menu-manage-arrow .NB-icon { background: transparent url('/media/embed/icons/circular/g_icn_arrow_down.png') no-repeat 5px 6px; width: 19px; height: 20px; background-size: 8px; } .NB-menu-manage-container.NB-inverse .NB-menu-manage-arrow .NB-icon { background-image: url('/media/embed/icons/circular/g_icn_arrow_up.png'); background-size: 8px; } .NB-menu-manage li.NB-menu-item { margin: 0 0 0 0; padding: 0; cursor: pointer; clear: both; position: relative; background-color: white; } .NB-menu-manage li.NB-menu-item:hover:not(.NB-disabled):not(.NB-active), .NB-menu-manage li.NB-menu-item.NB-hover:not(.NB-disabled):not(.NB-active) { background-color: #ECEEEA; } .NB-menu-manage li.NB-menu-item:active:not(.NB-disabled):not(.NB-active) { background-color: #ACB2A6; } .NB-menu-manage li.NB-menu-separator { background-color: rgba(0, 0, 0, .01); border-bottom: 1px solid rgba(0, 0, 0, .4); padding: 0; height: 1px; } .NB-menu-manage li.NB-menu-separator-inverse { background-color: rgba(0, 0, 0, .01); border-bottom: 1px solid rgba(0, 0, 0, .4); padding: 0; height: 1px; } .NB-menu-manage li.NB-menu-separator-top { background-color: rgba(0, 0, 0, .01); border-bottom: 1px solid rgba(0, 0, 0, .4); margin-bottom: 1px; padding: 0; height: 1px; } .NB-menu-manage li.NB-menu-separator:hover { background-color: rgba(0, 0, 0, .01); border-bottom: 1px solid rgba(0, 0, 0, .4); color: inherit; cursor: default; } .NB-menu-manage li.NB-menu-manage-feed-info:hover, .NB-menu-manage li.NB-menu-manage-site-info:hover { color: inherit; cursor: default; } .NB-menu-manage li.NB-menu-separator-inverse:hover { background-color: rgba(0, 0, 0, .01); border-bottom: 1px solid rgba(0, 0, 0, .4); color: inherit; cursor: default; } .NB-menu-manage .NB-menu-manage-title { font-size: 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, .6); } .NB-menu-manage li.NB-menu-item:hover:not(.NB-disabled) .NB-menu-manage-title { text-shadow: 0 1px 0 rgba(255, 255, 255, .6); } .NB-menu-manage li.NB-menu-item:active:not(.NB-disabled) .NB-menu-manage-title { text-shadow: 0 1px 0 rgba(0, 0, 0, .4); color: rgba(255, 255, 255, 1); } .NB-menu-manage .NB-disabled { opacity: .4; cursor: default; } .NB-menu-manage .NB-menu-manage-story-share-save.NB-disabled { opacity: 1; } .NB-menu-manage .NB-menu-manage-subtitle { font-size: 11px; color: #718C7B; } .NB-menu-manage li.NB-menu-item:hover .NB-menu-manage-subtitle { color: rgba(0, 0, 0, .4); } .NB-menu-manage li.NB-menu-item:active .NB-menu-manage-subtitle { color: rgba(255, 255, 255, 1); text-shadow: 0 1px 0 rgba(0, 0, 0, .4); } .NB-menu-manage .NB-menu-manage-title { padding: 5px 0 5px 0; margin-left: 36px; } .NB-menu-manage .NB-menu-manage-subtitle { margin: -5px 0 0 36px; padding: 0 0 5px 0; } .NB-menu-manage .NB-menu-manage-image { padding: 0; position: absolute; width: 18px; height: 18px; top: 5px; left: 10px; } .NB-menu-manage .NB-menu-manage-feed-info, .NB-menu-manage .NB-menu-manage-site-info { font-weight: bold; font-size: 15px; position: relative; padding-top: 8px; padding-bottom: 8px; text-shadow: 0 1px 0 #FFF; background-color: #F1F3EC; } .NB-menu-manage .NB-menu-manage-feed-info:hover, .NB-menu-manage .NB-menu-manage-site-info:hover { background-color: #F1F3EC; } .NB-menu-manage .NB-menu-manage-site-info { padding-top: 6px; } .NB-menu-manage .NB-menu-manage-feed-info .feed_favicon { position: absolute; left: 10px; top: 10px; } .NB-menu-manage .NB-menu-manage-feed-info .feed_title { } .NB-menu-manage .NB-menu-manage-feed-train .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_train.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-feed-recommend .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/g_icn_award.png') no-repeat 0 1px; background-size: 18px; } .NB-menu-manage .NB-menu-manage-story-train .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_train.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-story-mark-read-newer.NB-up .NB-menu-manage-image, .NB-menu-manage .NB-menu-manage-story-mark-read-older.NB-up .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_markread_up.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-story-mark-read-newer.NB-down .NB-menu-manage-image, .NB-menu-manage .NB-menu-manage-story-mark-read-older.NB-down .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_markread_down.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-feed-settings .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_settings.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-feed-reload .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_fetch.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-feed-stats .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_stats.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-mark-read .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_markread.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-folder-subscribe .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/nav_icn_add.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-folder-subfolder .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_move.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-social-profile .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_fetch_subscribers.png') no-repeat 0 1px; background-size: 18px; } .NB-menu-manage .NB-menu-manage-keyboard .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_keyboard.png') no-repeat 0 1px; background-size: 18px; } .NB-menu-manage .NB-menu-manage-tutorial .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_tips.png') no-repeat 0 1px; background-size: 18px; } .NB-menu-manage .NB-menu-manage-feed-exception .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/newuser_icn_sharewith_active.png') no-repeat 0 1px; background-size: 18px; } .NB-menu-manage .NB-menu-manage-delete .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_delete.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-delete.NB-menu-manage-feed-delete-cancel .NB-menu-manage-image { background: transparent url('/media/embed/icons/silk/arrow_rotate_clockwise.png') no-repeat 0 1px; } .NB-menu-manage .NB-menu-manage-delete-confirm .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/exclamation.png') no-repeat 0 1px; background-size: 16px; font-weight: bold; } .NB-menu-manage .NB-menu-manage-move .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_move.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-move.NB-active .NB-menu-manage-image { background: transparent url('/media/embed/icons/silk/accept.png') no-repeat 0 2px; } .NB-menu-manage .NB-menu-manage-move.NB-menu-manage-feed-move-cancel .NB-menu-manage-image { background: transparent url('/media/embed/icons/silk/arrow_rotate_clockwise.png') no-repeat 0 1px; } .NB-menu-manage .NB-menu-manage-rename .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_rename.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-rename.NB-active .NB-menu-manage-image { background: transparent url('/media/embed/icons/silk/accept.png') no-repeat 0 2px; } .NB-menu-manage .NB-menu-manage-rename.NB-menu-manage-feed-rename-cancel .NB-menu-manage-image { background: transparent url('/media/embed/icons/silk/arrow_rotate_clockwise.png') no-repeat 0 1px; } .NB-menu-manage .NB-menu-manage-story-share .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_share.png') no-repeat 0 2px; background-size: 16px; } .NB-menu-manage .NB-menu-manage-story-share.NB-active .NB-menu-manage-image { background: transparent url('/media/embed/icons/silk/accept.png') no-repeat 0 2px; } .NB-menu-manage .NB-menu-manage-story-share.NB-menu-manage-story-share-cancel .NB-menu-manage-image { background: transparent url('/media/embed/icons/silk/arrow_rotate_clockwise.png') no-repeat 0 1px; } .NB-menu-manage .NB-menu-manage-confirm .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/g_icn_arrow_right.png') no-repeat 4px 3px; background-size: 8px; } .NB-menu-manage .NB-menu-manage-confirm { overflow: hidden; position: relative; padding-top: 3px; padding-bottom: 2px; } .NB-menu-manage .NB-menu-manage-feed-move-confirm { padding: 0; } .NB-menu-manage .NB-menu-manage-confirm .NB-menu-manage-confirm-position { position: absolute; bottom: 2px; left: 0; width: 100%; } .NB-menu-manage .NB-menu-manage-confirm select, .NB-menu-manage .NB-menu-manage-confirm input.NB-menu-manage-title, .NB-menu-manage .NB-menu-manage-open-input { padding: 1px; font-size: 11px; margin: 2px 0 2px 36px; display: block; width: 164px; float: left; height: 15px; border: 1px solid #606060; } .NB-menu-manage .NB-menu-manage-open-input { float: right; margin: 4px 8px 0 0; } .NB-menu-manage .NB-menu-manage-confirm select { height: auto; } .NB-menu-manage li.NB-menu-item.NB-menu-manage-confirm:hover { background-color: #BAE3A8; cursor: default; } .NB-menu-manage .NB-menu-manage-confirm input.NB-menu-manage-title, .NB-menu-manage .NB-menu-manage-confirm:hover input.NB-menu-manage-title { text-shadow: none; } .NB-menu-manage .NB-modal-submit-button { margin: 4px 4px 0 0; } .NB-menu-manage .NB-menu-manage-confirm .NB-modal-submit-button { margin: 2px 4px 2px 0; } .NB-menu-manage .NB-modal-submit-button, .NB-menu-manage .NB-menu-manage-confirm .NB-menu-manage-move-save, .NB-menu-manage .NB-menu-manage-confirm .NB-menu-manage-rename-save { float: right; font-size: 10px; font-weight: bold; text-transform: uppercase; color: white; padding: 2px 6px; background-color: #639510; cursor: pointer; } .NB-menu-manage .NB-menu-manage-confirm .NB-menu-manage-story-share-save { font-size: 10px; font-weight: bold; text-transform: uppercase; color: white; padding: 2px 6px; margin: 4px 0 0; background-color: #639510; cursor: pointer; text-align: center; width: 100%; } .NB-menu-manage .NB-menu-manage-confirm .NB-menu-manage-story-share-unshare { width: 100%; text-align: center; margin: 4px 0 0; } .NB-menu-manage .NB-menu-manage-confirm .NB-sideoption-share-comments { height: 28px; } .NB-menu-manage .NB-menu-manage-confirm .NB-add-folders { float: left; max-height: 84px; overflow-y: auto; } .NB-menu-manage .NB-menu-manage-feed-move-save { display: none; } .NB-menu-manage .NB-menu-manage-feed-move-save { float: right; display: none; } .NB-menu-manage .NB-menu-manage-confirm .NB-change-folders { width: 100%; height: 84px; overflow-y: auto; } .NB-menu-manage .NB-change-folders .NB-folders { padding: 4px 0; } .NB-menu-manage .NB-change-folders .NB-folder-option { overflow: hidden; clear: both; cursor: pointer; } .NB-menu-manage .NB-change-folders .NB-folder-option:hover { background-color: rgba(0, 4, 0, .1); } .NB-menu-manage .NB-change-folders .NB-folder-option .NB-icon, .NB-menu-manage .NB-change-folders .NB-add-folder-form .NB-icon { background: transparent url('/media/embed/icons/circular/g_icn_folder.png') no-repeat 0 0; width: 16px; height: 16px; background-size: 16px; float: left; clear: left; margin: 1px 4px; } .NB-menu-manage .NB-change-folders .NB-folder-option.NB-folder-option-active .NB-icon { background: transparent url('/media/embed/icons/circular/g_icn_folder_rss.png') no-repeat 0 0; background-size: 16px; } .NB-menu-manage .NB-change-folders .NB-folder-option:hover .NB-icon-add { background: transparent url('/media/embed/icons/circular/g_icn_folder_add.png') no-repeat 0 0; float: right; width: 16px; height: 16px; margin: 1px 4px 0; background-size: 16px; } .NB-menu-manage .NB-change-folders .NB-folder-option:hover .NB-icon-add:hover { background: transparent url('/media/embed/icons/circular/g_icn_folder_add_dark.png') no-repeat 0 0; background-size: 16px; } .NB-menu-manage .NB-change-folders .NB-folder-option-title { padding: 3px 0 2px; } .NB-menu-manage .NB-change-folders .NB-folder-option.NB-folder-option-active .NB-folder-option-title { font-weight: bold; } .NB-menu-manage .NB-change-folders .NB-input { font-size: 11px; float: left; margin: 0; } .NB-menu-manage .NB-change-folders .NB-menu-manage-add-folder-save { margin: 0 4px 0 0; } } .NB-menu-manage .NB-menu-manage-story-share-confirm .NB-sideoption-share { overflow: hidden; border: none; } .NB-menu-manage .NB-menu-manage-story-share-confirm .NB-sideoption-share .NB-modal-submit-button { } .NB-menu-manage .NB-menu-manage-site-mark-read .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_markread.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-trainer .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_train.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-goodies .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_goodies.png') no-repeat 0 1px; background-size: 18px; } .NB-menu-manage .NB-menu-manage-import .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/nav_icn_global.png') no-repeat 2px 2px; background-size: 14px; } .NB-menu-manage .NB-menu-manage-friends .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_followers.png') no-repeat 2px 1px; background-size: 16px; } .NB-menu-manage .NB-menu-manage-profile-editor .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_fetch_subscribers.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-preferences .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_preferences.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-account .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_profile.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-feedchooser .NB-menu-manage-image { background: transparent url('/media/embed/icons/silk/color_swatch.png') no-repeat 1px 2px; } .NB-menu-manage .NB-menu-manage-organizer .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/menu_icn_book.png') no-repeat 0 0; background-size: 18px; } .NB-menu-manage .NB-menu-manage-premium .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/g_icn_greensun.png') no-repeat 0 0px; background-size: 18px; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-image { background: transparent url('/media/embed/reader/sendto.png') no-repeat 0 0; background-size: 16px; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-icon { width: 16px; height: 16px; float: right; margin: 6px 0 0 0; padding: 0 4px 0 0; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-email { background: transparent url('/media/embed/icons/circular/menu_icn_mail.png') no-repeat 0 0; background-size: 16px; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-instapaper { background: transparent url('/media/embed/reader/instapaper.png') no-repeat 0 0; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-readitlater { background: transparent url('/media/embed/reader/pocket_ril.png') no-repeat 0 0; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-tumblr { background: transparent url('/media/embed/reader/tumblr.png') no-repeat 0 0; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-delicious { background: transparent url('/media/embed/reader/delicious.png') no-repeat 0 0; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-pinboard { background: transparent url('/media/embed/reader/pinboard.png') no-repeat 0 0; background-size: 16px; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-pinterest { background: transparent url('/media/embed/reader/pinterest.png') no-repeat 0 0; background-size: 16px; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-buffer { background: transparent url('/media/embed/reader/buffer.png') no-repeat 0 0; background-size: 16px; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-diigo { background: transparent url('/media/embed/reader/diigo.png') no-repeat 0 0; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-kippt { background: transparent url('/media/embed/reader/kippt.png') no-repeat 0 0; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-evernote { background: transparent url('/media/embed/reader/evernote.png') no-repeat 0 0; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-googleplus { background: transparent url('/media/embed/reader/googleplus.png') no-repeat 0 0; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-readability { background: transparent url('/media/embed/reader/readability.png') no-repeat 0 0; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-email { background: transparent url('/media/embed/icons/circular/menu_icn_mail.png') no-repeat 0 0; background-size: 16px; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-twitter { background: transparent url('/media/embed/reader/twitter_bird.png') no-repeat 0 0; background-size: 16px; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-facebook { background: transparent url('/media/embed/reader/facebook_icon.png') no-repeat 0 0; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-icon { opacity: .2; } .NB-menu-manage .NB-menu-manage-story-thirdparty .NB-menu-manage-thirdparty-email { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-twitter .NB-menu-manage-thirdparty-email, .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-facebook .NB-menu-manage-thirdparty-email, .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-readitlater .NB-menu-manage-thirdparty-email, .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-tumblr .NB-menu-manage-thirdparty-email, .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-delicious .NB-menu-manage-thirdparty-email, .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-pinboard .NB-menu-manage-thirdparty-email, .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-pinterest .NB-menu-manage-thirdparty-email, .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-buffer .NB-menu-manage-thirdparty-email, .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-diigo .NB-menu-manage-thirdparty-email, .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-kippt .NB-menu-manage-thirdparty-email, .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-evernote .NB-menu-manage-thirdparty-email, .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-googleplus .NB-menu-manage-thirdparty-email, .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-instapaper .NB-menu-manage-thirdparty-email, .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-readability .NB-menu-manage-thirdparty-email { opacity: .2; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-twitter .NB-menu-manage-thirdparty-twitter { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-facebook .NB-menu-manage-thirdparty-facebook { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-readitlater .NB-menu-manage-thirdparty-readitlater { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-tumblr .NB-menu-manage-thirdparty-tumblr { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-delicious .NB-menu-manage-thirdparty-delicious { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-pinboard .NB-menu-manage-thirdparty-pinboard { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-pinterest .NB-menu-manage-thirdparty-pinterest { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-buffer .NB-menu-manage-thirdparty-buffer { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-diigo .NB-menu-manage-thirdparty-diigo { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-kippt .NB-menu-manage-thirdparty-kippt { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-evernote .NB-menu-manage-thirdparty-evernote { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-googleplus .NB-menu-manage-thirdparty-googleplus { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-instapaper .NB-menu-manage-thirdparty-instapaper { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-email .NB-menu-manage-thirdparty-email { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-thirdparty.NB-menu-manage-highlight-readability .NB-menu-manage-thirdparty-readability { opacity: 1; } .NB-menu-manage .NB-menu-manage-story-unread .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/g_icn_unread.png') no-repeat 4px center; background-size: 8px; } .NB-menu-manage .NB-menu-manage-story-star .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/clock.png') no-repeat 0 0; background-size: 16px; } .NB-menu-manage .NB-menu-manage-story-open .NB-menu-manage-image { background: transparent url('/media/embed/icons/silk/house.png') no-repeat 0 1px; } .NB-menu-manage.NB-story-starred .NB-menu-manage-story-star .NB-menu-manage-image { background: transparent url('/media/embed/icons/circular/clock.png') no-repeat 0 0; background-size: 16px; opacity: .55; } .NB-menu-manage .NB-menu-manage-confirm, .NB-menu-manage .NB-menu-manage-delete-confirm { display: none; } .NB-menu-manage .NB-menu-manage-controls { overflow: hidden; background: none; padding: 2px 0 3px; } .NB-menu-manage li.NB-menu-manage-controls:hover { overflow: hidden; background: none; cursor: default; } .NB-menu-manage .NB-menu-manage-controls .segmented-control { display: inline-block; margin: 4px 0 0 36px; height: 14px; width: auto; color: white; overflow: hidden; text-align: center; } .NB-menu-manage .NB-menu-manage-controls .segmented-control:last-child { } .NB-menu-manage .NB-menu-manage-controls .segmented-control li { clear: none; padding: 1px 12px 0; font-size: 10px; } /* ==================== */ /* = Statistics Modal = */ /* ==================== */ .NB-modal-statistics { } .NB-modal-statistics .NB-statistics-stat { border: 1px solid #e6e6e6; clear: both; margin: 24px 0 0; overflow: hidden; padding: 10px 0 0; } .NB-modal-statistics .NB-statistics-stat .NB-statistics-label { text-transform: uppercase; color: #A0A0A0; text-shadow: 0 1px 0 #FFF; font-size: 11px; margin-top: 8px; } .NB-modal-statistics .NB-statisics-realtime-spinner { width: 16px; height: 16px; margin-right: 6px; vertical-align: middle; display: inline-block; } .NB-modal-statistics .NB-statistics-stat .NB-statistics-count { font-size: 17px; padding: 6px 0 0; margin-bottom: 8px; } .NB-modal-statistics .NB-statistics-realtime .NB-statistics-count { font-size: 13px; color: #808080; } .NB-modal-statistics .NB-statistics-history-stat .NB-statistics-count { font-size: 42px; margin-top: 12px; } .NB-modal-statistics .NB-statistics-stat .NB-statistics-update { float: left; width: 33%; text-align: center; overflow: hidden; margin: 0 0 12px 0; } .NB-modal-statistics .NB-statistics-update-explainer { clear: both; margin: 6px 24px 6px; font-size: 10px; color: #808080; } .NB-modal-statistics .NB-statistics-update-explainer b { padding-right: 8px; } .NB-modal-statistics .NB-statistics-premium-stats { border-top: 1px solid #E0E0E0; padding: 12px 0 0; margin: 0 12px; clear: both; text-align: center; } .NB-modal-statistics .NB-statistics-premium-stats .NB-statistics-update { width: auto; margin: 0; padding: 0; float: none; } .NB-modal-statistics .NB-statistics-stat .NB-statistics-fetches-half { float: left; text-align: center; margin: 0 18px 6px 0; } .NB-modal-statistics .NB-statistics-stat .NB-statistics-fetches-half:last-child { margin-right: 0; } .NB-modal-statistics .NB-statistics-stat .NB-statistics-history-stat { text-align: center; margin: 0 24px; overflow: hidden; } .NB-modal-statistics .NB-statistics-stat .NB-statistics-history-chart { margin: 0px 24px; width: 524px; height: 180px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-modal-statistics .NB-modal-loading { margin: 6px 8px 0; } .NB-history-fetch { overflow: hidden; clear: both; font-size: 10px; margin: 2px 0 0 8px; text-align: left; } .NB-history-fetch.NB-ok { color: #135500; } .NB-history-fetch.NB-errorcode { color: #6A1000; } .NB-history-fetch .NB-history-fetch-code { display: inline; font-weight: normal; } .NB-history-fetch .NB-history-fetch-date { float: left; padding-right: 4px; } .NB-history-fetch .NB-history-fetch-message { padding-right: 4px; margin-left: 110px; font-weight: bold; } .NB-history-fetch .NB-history-fetch-exception { display: none; } .NB-history-empty { color: #C0C0C0; font-size: 10px; padding: 4px 12px; } .NB-modal-statistics .NB-statistics-classifiers { border: 1px solid #e6e6e6; clear: both; margin: 24px 0 0; overflow: hidden; padding: 10px 12px; font-size: 12px; } .NB-modal-statistics .NB-statistics-facet-title { text-transform: uppercase; text-align: center; border-bottom: 1px solid #E0E0E0; margin: 4px 0; padding: 0 0 4px; clear: both; } .NB-modal-statistics .NB-statistics-facet { clear: both; padding: 2px 0; position: relative; border-bottom: 1px solid #F6F6F6; overflow: hidden; } .NB-modal-statistics .NB-statistics-facet-name { width: 40%; } .NB-modal-statistics .NB-statistics-facet-pos { position: absolute; top: 0; right: 0; width: 30%; padding: 4px 0; } .NB-modal-statistics .NB-statistics-facet-separator { position: absolute; height: 16px; width: 2px; right: 30%; margin-left: -2px; background-color: black; } .NB-modal-statistics .NB-statistics-facet-neg { position: absolute; top: 0; right: 30%; width: 30%; padding: 4px 0; text-align: right; } .NB-modal-statistics .NB-statistics-facet-pos .NB-statistics-facet-bar { height: 8px; position: absolute; left: 0; top: 6px; background-color: #6EA74A; } .NB-modal-statistics .NB-statistics-facet-neg .NB-statistics-facet-bar { height: 8px; position: absolute; right: 2px; top: 6px; background-color: #CC2A2E; } .NB-modal-statistics .NB-statistics-facet-count { font-size: 9px; color: #C0C0C0; } /* ============================= */ /* = Feed Recommendation Modal = */ /* ============================= */ .NB-modal-recommend .NB-modal-title .NB-icon { background: transparent url('/media/embed/icons/circular/g_modal_recommend.png'); background-size: 28px; } .NB-modal-recommend .NB-modal-loading { margin: 6px 8px 0; } .NB-modal.NB-modal-recommend .NB-modal-recommend-tagline-container { padding: 6px 0; margin: 4px 0; border-top: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; } .NB-modal-recommend .NB-modal-recommend-tagline { width: 558px; height: 80px; font-size: 14px; color: #404040; line-height: 20px; padding: 8px; margin: 0; border: 1px solid #E0E0E0; font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } .NB-modal-recommend .NB-modal-recommend-credit { color: #505050; font-size: 12px; margin: 4px 0; } .NB-modal-recommend .NB-modal-recommend-twitter { } .NB-modal-recommend .NB-modal-recommend-explanation { clear: both; color: #505050; font-size: 12px; margin: 12px 0 14px; padding: 0 1px; } /* ==================== */ /* = User Admin Modal = */ /* ==================== */ .NB-modal-admin .NB-modal-title .NB-icon { background: transparent url('/media/embed/icons/circular/g_modal_admin.png'); background-size: 28px; } .NB-modal-admin .NB-profile-badge-actions, .NB-modal-admin .NB-profile-badge-action-admin { display: none; } .NB-modal-admin .NB-profile-badge { border-bottom: none; } .NB-modal-admin .NB-account-payments, .NB-modal-admin .NB-admin-actions { overflow: hidden; padding: 12px 24px; } .NB-modal-admin .NB-modal-submit-button { float: left; } .NB-modal-admin dl { font-size: 12px; } .NB-modal-admin dt { display: block; float: left; width: 85px; padding: 0 15px 0 0; position: relative; color: #888; text-align: right; line-height: 16px; } .NB-modal-admin dd { color: #000; margin-left: 100px; padding-bottom: 5px; min-height: 16px; line-height: 16px; word-wrap: break-word; overflow: hidden; } .NB-modal-admin .NB-admin-training-counts span { padding-right: 8px; } .NB-modal-admin .NB-admin-training-counts span.NB-grey { color: #D0D0D0; } /* ===================== */ /* = Email Story Modal = */ /* ===================== */ .NB-modal-email .NB-modal-loading { margin: 6px 8px 0; } .NB-modal-email label { float: left; padding-top: 4px; font-weight: bold; } .NB-modal-email .NB-input, .NB-modal-email .NB-modal-email-cc-wrapper { width: 430px; margin-left: 120px; display: block; overflow: hidden; } .NB-modal-email .NB-modal-email-feed { font-size: 11px; margin: 0 0 6px; line-height: 10px; } .NB-modal-email .NB-modal-email-feed .NB-modal-feed-image { height: 12px; width: 12px; } .NB-modal-email .NB-modal-email-feed .NB-modal-feed-title { margin-left: 0; float: none; overflow: visible; } .NB-modal-email .NB-modal-email-story-title { clear: both; margin: 8px 0 4px; } .NB-modal-email .NB-modal-email-story-permalink { color: #808080; font-size: 11px; } .NB-modal.NB-modal-email .NB-modal-email-comments-container { padding: 6px 0 0; margin: 0; } .NB-modal-email .NB-modal-email-comments { width: 550px; height: 80px; font-size: 14px; color: #404040; line-height: 20px; padding: 8px 0 0 8px; margin: 0; border: 1px solid #808080; font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } .NB-modal-email .NB-modal-email-to-container, .NB-modal-email .NB-modal-email-from-container { color: #505050; font-size: 12px; padding: 12px 0 0; } .NB-modal-email .NB-modal-email-to-container { margin: 4px 0; } .NB-modal-email .NB-modal-email-from-container { } .NB-modal-email form { margin: 24px 0 0; } .NB-modal-email .NB-modal-email-cc { float: left; margin: 4px 6px 0 0; } .NB-modal-email .NB-modal-email-explanation { clear: both; color: #505050; font-size: 12px; margin: 0; padding: 14px 1px 0; } .NB-modal.NB-modal-email .NB-error { float: right; font-size: 12px; margin-top: 8px; } /* ================== */ /* = Tutorial Modal = */ /* ================== */ .NB-modal-tutorial .NB-modal-title .NB-icon { background: transparent url('/media/embed/icons/circular/g_modal_tutorial.png'); background-size: 28px; } .NB-modal-tutorial h4 { clear: both; } .NB-modal-tutorial .NB-page { display: none; } .NB-modal-tutorial .NB-modal-page { float: right; margin-top: 7px; } .NB-modal-tutorial .NB-page { /* height: 446px;*/ overflow: hidden; } .NB-modal-tutorial .NB-page.NB-page-1 { display: block; } .NB-modal-tutorial .NB-modal-submit .NB-modal-submit-button { float: right; } .NB-modal-tutorial ul { clear: both; list-style: none; padding: 0; } .NB-modal-tutorial li { margin: 0 0 12px; padding: 0; padding-left: 20px; background: transparent url('/media/embed/icons/silk/bullet_blue.png') no-repeat 0 2px; } .NB-modal-tutorial .NB-page-1 .NB-right { padding-right: 12px; } .NB-modal-tutorial .NB-tutorial-view { float: left; width: 33%; text-align: center; margin: 0 0 18px 0; } .NB-modal-tutorial .NB-tutorial-view .NB-tutorial-view-title { font-size: 18px; font-weight: bold; margin: 0 0 2px 0; padding-right: 16px; } .NB-modal-tutorial .NB-tutorial-view .NB-tutorial-view-title img { vertical-align: middle; margin: -2px 4px 0 0; } .NB-modal-tutorial .NB-tutorial-view .NB-tutorial-view-image { border: 1px solid #303030; width: 180px; height: 150px; } .NB-modal-tutorial .NB-tutorial-view span { font-size: 11px; color: #808080; } .NB-modal-tutorial .NB-page-2 ul { margin-bottom: 0; } .NB-modal-tutorial .NB-page-3 b { display: block; margin: 0 0 8px 0; } .NB-modal-tutorial .NB-tutorial-slider-demo { position: relative; } .NB-modal-tutorial .NB-taskbar-intelligence { left: 64px; right: auto; top: 24px; position: relative; } .NB-modal-tutorial .NB-page-3 #story_titles { position: static; float: right; display: block; overflow: hidden; width: 240px; height: 122px; } .NB-modal-tutorial .NB-page-3 #story_titles .story { padding-right: 0; } .NB-modal-tutorial .NB-page-3 #story_titles .story:last-child { border-bottom: 1px solid #E7EDF6; } .NB-modal-tutorial .NB-page-3 ul img.NB-trainer-bullet { vertical-align: middle; } .NB-modal-tutorial .NB-page-3 .NB-tutorial-train-1 { margin-bottom: 12px; } .NB-modal-tutorial .NB-page-3 .NB-tutorial-train-1 img { margin-right: 24px; border: 1px solid #505050; } .NB-modal-tutorial .NB-page-4 ul li { clear: both; padding: 0 224px 0 20px; margin: 0 0 18px 0; } .NB-modal-tutorial .NB-page-4 img { border: 1px solid #303030; float: right; clear: right; margin: 0 -212px 18px 12px; } .NB-modal-tutorial .NB-page-4 .NB-modal-keyboard .NB-keyboard-group { width: 510px; } .NB-modal-tutorial .NB-page-4 .NB-modal-keyboard .NB-keyboard-shortcut { margin: 0 20px 0 0; width: 235px; } .NB-modal-tutorial .NB-page-4 .NB-modal-keyboard .NB-keyboard-shortcut:last-child { margin-bottom: 0; margin-right: 0; } .NB-modal-tutorial .NB-page-5 .NB-tutorial-twitter { overflow: hidden; } .NB-modal-tutorial .NB-page-5 .NB-tutorial-twitter a { background-color: #E9F4FD; float: left; font-size: 20px; margin: 0px 16px; padding: 12px; text-align: center; width: 40%; } .NB-modal-tutorial .NB-page-5 .NB-tutorial-twitter a:hover { background-color: #FAE3DB; } .NB-modal-tutorial .NB-page-5 .NB-tutorial-twitter img { margin: 0 12px 0 0; vertical-align: middle; border: 1px solid transparent; width: 64px; height: 64px; } .NB-modal-tutorial .NB-page-5 h4.NB-tutorial-feedback-header { margin: 24px 0px 12px; } .NB-modal-tutorial .NB-page-5 ul, .NB-modal-tutorial .NB-page-5 h4 { clear: none; } /* ================== */ /* = Tutorial Modal = */ /* ================== */ .NB-modal-intro { } .NB-modal.NB-modal-intro .NB-modal-title { text-align: center; font-weight: normal; line-height: 46px; } .NB-modal-intro .NB-divider { height: 1px; width: 100%; clear: both; margin: 12px 0; background-color: #F4F5F2; } .NB-modal-intro .NB-modal-loading { margin: 16px 8px 0 0; } .NB-modal-intro .NB-intro-section { padding: 24px 4px; text-align: center; overflow: hidden; } .NB-modal-intro h4 { clear: both; } .NB-modal-intro .NB-page { display: none; } .NB-modal-intro .NB-modal-page { position: absolute; top: 14px; right: 12px; line-height: 46px; } .NB-modal-intro .NB-modal-page-text { float: right; } .NB-modal-intro .NB-page { height: 390px; overflow-x: hidden; overflow-y: auto; } .NB-modal-intro .NB-page.NB-page-1 { display: block; } .NB-modal-intro .NB-modal-submit-bottom .NB-modal-submit-button { float: right; } .NB-modal-intro ul { clear: both; list-style: none; padding: 0; } .NB-modal-intro li { margin: 0 0 12px; padding: 0; padding-left: 20px; background: transparent url('/media/embed/icons/silk/bullet_blue.png') no-repeat 0 2px; } .NB-modal-intro .NB-intro-spinning-logo { position: absolute; top: 90px; left: 180px; width: 256px; height: 256px; -webkit-animation: -webkit-slow-spin 60s infinite linear; -moz-animation-duration: 60s; -moz-animation-name: -moz-slow-spin; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; } @-webkit-keyframes -webkit-slow-spin { from {-webkit-transform: rotate(0deg)} to {-webkit-transform: rotate(360deg)} } @-moz-keyframes -moz-slow-spin { from {-moz-transform: rotate(0deg)} to {-moz-transform: rotate(360deg)} } .NB-modal-intro .NB-page-1-started { margin: 284px 0 0; text-align: center; } .NB-modal-intro .NB-page.NB-page-2 { position: relative; } .NB-modal-intro h4 { margin: 32px 0 0; text-align: center; } .NB-modal-intro .NB-intro-imports { position: relative; } .NB-modal-intro .NB-page-2-importing { font-size: 16px; font-weight: bold; } .NB-modal-intro .NB-carousel { position: relative; height: 70px; overflow: hidden; } .NB-modal-intro .NB-carousel-inner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .NB-modal-intro .NB-carousel .NB-carousel-item { overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .NB-modal-intro .NB-carousel-item.NB-intro-imports-start { left: 0; padding: 0 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-modal-intro .NB-carousel-item.NB-intro-imports-progress { left: 100%; } .NB-modal-intro .NB-carousel-item.NB-intro-imports-sites { left: 200%; } .NB-modal-intro .NB-intro-import-delayed { color: #606060; margin: 8px 0 0; font-size: 14px; text-align: center; display: none; } .NB-modal-intro .NB-intro-import-starred-message { display: none; text-align: center; margin: -24px 0 12px; font-size: 14px; font-weight: bold; } .NB-modal-intro .NB-intro-module-containers { overflow: hidden; } .NB-modal-intro .NB-intro-module-container { width: 46%; text-align: center; } .NB-modal-intro .NB-module-content-header { text-align: center; padding: 4px 0; margin: 0; } .NB-modal-intro .NB-intro-module { border-radius: 3px; background-color: #F7F8F5; border: 1px solid #DFE2DA; padding: 12px; overflow: hidden; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-modal-intro .NB-page-2 h4 { margin: 24px 0 32px; font-size: 24px; } .NB-intro-import-only.NB-modal-intro .NB-page-2 .NB-page-2-started { display: none; } .NB-modal-intro .NB-intro-module .NB-modal-submit-button { margin: 0; font-weight: bold; position: relative; display: block; width: 165px; margin: 0 auto; overflow: hidden; line-height: 11px; } .NB-modal-intro .NB-intro-module .NB-modal-submit-button input[type=file] { position: absolute; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; z-index: 10; } .NB-modal-intro .NB-intro-module.NB-intro-import-opml { position: relative; } .NB-modal-intro .NB-intro-imports .NB-intro-import-message { margin: 0 0 8px; padding: 0; } .NB-modal-intro .NB-intro-module h3 { font-size: 32px; margin: 0 0 4px; } .NB-modal-intro .NB-add-google-reader-arrow { width: 16px; height: 16px; vertical-align: bottom; margin: 0 4px; } .NB-modal-intro .NB-intro-bookmarklet, .NB-modal-intro .NB-intro-starredimport { text-align: center; overflow: hidden; margin: 32px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-modal-intro .NB-intro-starredimport { margin: 12px 0 0; } .NB-modal-intro .NB-intro-bookmarklet-info { float: left; font-size: 13px; padding: 2px 0 0 12px; } .NB-modal-intro .NB-intro-starredimport-info { font-size: 13px; padding: 0 0 10px; display: block; } .NB-modal-intro a.NB-goodies-bookmarklet-button { float: left; margin: 2px 0 0; } .NB-modal-intro .NB-intro-imports-progress .NB-loading { margin: 24px auto -24px; float: none; } .NB-modal-intro .NB-intro-imports-progress h4 { margin: 4px 0; } .NB-modal-intro .NB-intro-imports-sites h4 { margin: 4px 0; } .NB-modal-intro .NB-intro-imports-sites h6 { text-align: center; font-size: 16px; } .NB-modal-intro .NB-intro-imports-sites h6.NB-error { font-size: 13px; } .NB-modal-intro .NB-intro-imports-sites .NB-modal-submit-button { margin: 0 auto 18px; text-align: center; display: block; line-height: 20px; color: #606060; } .NB-modal-intro .NB-page-3-started { margin: 4px; } .NB-modal-intro .NB-intro-services .NB-error { display: block; clear: both; margin: 12px 24px; float: left; } .NB-modal-intro .NB-friends-service { width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; text-align: center; padding: 12px; overflow: hidden; } .NB-modal-intro .NB-friends-service h3 { margin: 12px 0 24px; } .NB-modal-intro .NB-friends-service .NB-module-content-header { margin: 0; } .NB-modal-intro .NB-friends-service .NB-friends-service-title { margin-bottom: 20px; } .NB-modal-intro .NB-friends-service .NB-modal-submit-button { margin: 0; font-weight: bold; position: relative; display: block; width: 195px; margin: 0 auto; overflow: hidden; line-height: 11px; } .NB-modal-intro .NB-friends-service-facebook { position: relative; width: 50%; } .NB-modal-intro .NB-friends-autofollow { text-align: center; font-size: 11px; margin: 0 0 24px; } .NB-modal-intro .NB-friends-autofollow input[type=checkbox] { margin: 0 6px 0 0; } .NB-modal-intro .NB-friends-service .NB-modal-submit-button img, .NB-modal-intro .NB-friends-service-connected img { vertical-align: text-bottom; margin: 0 8px 0 0; } .NB-modal-intro .NB-friends-service-connected { font-weight: bold; font-size: 12px; text-transform: uppercase; color: darkgreen; } .NB-modal-intro .NB-intro-services .NB-note { display: block; clear: both; margin: 12px 24px 12px; color: #505050; font-size: 11px; text-align: center; } .NB-modal-intro .NB-services-stats { border-top: 1px solid #E6E6E6; padding: 8px 20% 0; overflow: hidden; text-align: center; text-transform: uppercase; font-size: 13px; } .NB-modal-intro .NB-intro-services-stats-count { float: left; width: 50%; } .NB-modal-intro .NB-intro-services-stats-count-number { clear: both; font-size: 18px; margin: 8px 0 0 0; color: #0D003C; text-shadow: 1px 1px 0 #E8E8E8; font-weight: bold; } .NB-modal-intro .NB-intro-services-stats-count-description { margin: 4px 0 0 0; color: #808080; clear: both; } .NB-modal-intro .NB-page-4-started { margin: 6px 0 18px; } .NB-modal-intro .NB-intro-follows { border-radius: 6px; border: 1px solid #DFE2DA; background-color: #F7F8F5; width: 100%; } .NB-modal-intro .NB-intro-uptodate-follow { width: 50%; text-align: center; text-shadow: 0 1px 0 rgba(255, 255, 255, .8); border-right: 1px solid #DFE2DA; border-bottom: 1px solid #DFE2DA; padding: 12px; } .NB-modal-intro .NB-intro-uptodate-follow:last-child { border-right: none; } .NB-modal-intro .NB-intro-uptodate-subscribe .NB-intro-uptodate-follow { border-bottom: none; } .NB-modal-intro .NB-intro-uptodate-follow iframe { margin: 6px -76px 0 40px; } .NB-modal-intro .NB-intro-uptodate-follow .NB-modal-submit-button { width: 100px; text-shadow: none; margin: 12px auto 6px; } .NB-modal-intro .NB-intro-uptodate-follow .NB-subscribed, .NB-modal-intro .NB-intro-uptodate-follow.NB-active .NB-modal-submit-button { display: none; clear: both; } .NB-modal-intro .NB-intro-uptodate-follow .NB-subscribed { margin: 12px auto 6px; height: 19px; } .NB-modal-intro .NB-intro-uptodate-follow.NB-active .NB-subscribed { display: inline-block; } .NB-modal-intro .NB-intro-uptodate-follow input { float: left; margin: 26px 8px 0; } .NB-modal-intro .NB-intro-uptodate-follow span { font-weight: bold; } .NB-modal-intro .NB-intro-uptodate-follow img { margin: 4px 12px; width: 48px; height: 48px; display: inline-block; vertical-align: middle; } .NB-modal-intro .NB-intro-uptodate-subscribe img { width: 16px; height: 16px; margin: 2px 4px; float: none; vertical-align: top; } .NB-modal-intro .NB-intro-uptodate-follow label { display: block; padding: 4px 2px; } .NB-modal-intro .NB-intro-uptodate-follow .NB-intro-uptodate-newwindow { width: 10px; height: 10px; float: right; margin-top: 22px; display: none; } .NB-modal-intro .NB-intro-uptodate-follow-twitter.NB-intro-uptodate-twitter-inactive .NB-intro-uptodate-newwindow { display: block; } .NB-modal-intro .NB-intro-uptodate-follow-twitter.NB-intro-uptodate-twitter-inactive input { display: none; } .NB-modal-intro .NB-intro-module.NB-intro-import-opml, .NB-modal-intro .NB-intro-module.NB-intro-import-starred { height: 200px; padding-top: 64px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-modal-intro .NB-intro-module.NB-intro-categories-container { height: 200px; overflow: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-modal-intro .NB-intro-categories { } .NB-intro-categories .NB-category { margin: 0 0 12px; cursor: pointer; } .NB-intro-categories .NB-category .NB-category-title { width: auto; } .NB-intro-categories .NB-category .NB-category-title .NB-checkmark { background: transparent url(/media/embed/reader/checkmark.png) no-repeat 0 0; background-size: 14px 13px; width: 14px; height: 13px; position: absolute; right: 4px; top: 3px; display: none; } .NB-intro-categories .NB-category.NB-active .NB-category-title .NB-checkmark { display: block; } .NB-intro-categories .NB-category-feed { text-align: left; height: 18px; padding: 3px 0 0; overflow: hidden; font-size: 12px; font-weight: bold; margin: 1px 4px 0; opacity: .5; } .NB-intro-categories .NB-category.NB-active .NB-category-feed { opacity: 1; } .NB-intro-categories .NB-category-feed img { float: left; width: 16px; height: 16px; margin: 0 4px 0 6px; } /* ============ */ /* = Carousel = */ /* ============ */ .carousel { position: relative; } .carousel-inner { overflow: hidden; width: 100%; position: relative; } .carousel .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -ms-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel .item > img { display: block; line-height: 1; } .carousel .active, .carousel .next, .carousel .prev { display: block; } .carousel .active { left: 0; } .carousel .next, .carousel .prev { position: absolute; top: 0; width: 100%; } .carousel .next { left: 100%; } .carousel .prev { left: -100%; } .carousel .next.left, .carousel .prev.right { left: 0; } .carousel .active.left { left: -100%; } .carousel .active.right { left: 100%; } .carousel-control { position: absolute; top: 40%; left: 15px; width: 40px; height: 40px; margin-top: -20px; font-size: 60px; font-weight: 100; line-height: 30px; color: #ffffff; text-align: center; background: #222222; border: 3px solid #ffffff; border-radius: 23px; opacity: 0.5; filter: alpha(opacity=50); } .carousel-control.right { left: auto; right: 15px; } .carousel-control:hover { color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 10px 15px 5px; background: #333333; background: rgba(0, 0, 0, 0.75); } .carousel-caption h4, .carousel-caption p { color: #ffffff; } /* ========================= */ /* = Feed Exceptions Modal = */ /* ========================= */ .NB-modal-exception .NB-exception-only { display: inline; } .NB-modal-exception .NB-exception-block-only { display: block; } .NB-modal-exception.NB-modal-feed-settings .NB-modal-title { display: block; } .NB-modal-exception .NB-modal-title.NB-exception-block-only { display: block; } .NB-modal-exception.NB-modal-feed-settings .NB-exception-block-only { display: none; } .NB-modal-exception.NB-modal-feed-settings .NB-exception-only, .NB-modal-exception.NB-modal-feed-settings .NB-exception-block-only { display: none; } .NB-modal-exception .NB-settings-only { display: none; } .NB-modal-exception.NB-modal-feed-settings .NB-settings-only { display: block; } .NB-modal-exception .NB-modal-title { display: none; } .NB-modal-exception .NB-exception-explanation { color: #606060; font-size: 12px; margin: 24px 0; } .NB-modal-exception .NB-exception-option-option { color: #A0A0A0; padding: 0 8px 0 0; } .NB-modal-exception .NB-exception-option-meta { float: right; font-size: 11px; font-weight: bold; padding: 2px 0 0 0; } .NB-modal-exception .NB-exception-option-meta-recommended { color: #4A9937; } .NB-modal-exception .NB-modal-submit input.NB-modal-submit-green { margin-bottom: 6px; } .NB-modal-exception .NB-exception-input-wrapper { position: relative; margin: 4px 0 0; } .NB-modal-exception .NB-exception-label { position: absolute; top: 2px; left: 0; } .NB-modal-exception input[type=text] { width: 400px; margin: 0 0 12px 104px; } .NB-modal-exception .NB-modal-submit-button { float: left; } .NB-modal-exception .NB-exception-submit-wrapper { margin: 0 0 2px 100px; } .NB-modal-exception .NB-modal-loading { margin: 6px 8px 0; } .NB-modal-exception .NB-fieldset-fields .NB-error { padding: 6px 0 6px 4px; } .NB-modal-feed-settings .NB-exception-option-status { color: #3945C0; font-weight: bold; text-transform: uppercase; opacity: 0; } .NB-modal-feed-settings .NB-preference-label { float: left; margin: 6px 0; } .NB-modal-feed-settings .NB-preference-options { margin-left: 24px; float: left; overflow: hidden; } /* ===================== */ /* = Feedchooser Modal = */ /* ===================== */ .NB-modal-feedchooser { overflow: hidden; position: relative; } .NB-modal-feedchooser .NB-modal-subtitle { font-weight: normal; font-size: 12px; color: #606060; text-shadow: 1px 1px 0 #F0F0F0; width: 715px; } .NB-modal-feedchooser .NB-modal-subtitle b { padding-right: 8px; color: #303030; } .NB-modal-feedchooser .NB-feedchooser-subtitle-type-prefix { color: #C0C0C0; } .NB-modal-feedchooser .NB-feedchooser-type { width: 345px; margin: 0 52px 0 26px; padding: 0; } .NB-modal-feedchooser .NB-feedchooser-type.NB-right { margin: 0 0 0 0; width: 375px; padding: 0 0 0 52px; margin-right: 24px; float: right; position: relative; border-left: 1px solid #B0B0B0; } .NB-modal-feedchooser.NB-feedchooser-chooser-only .NB-feedchooser-type { float: none; width: auto; margin: 0 auto; } .NB-modal-feedchooser .NB-modal-title .NB-icon { background: transparent url('/media/embed/icons/silk/color_swatch.png'); background-size: 28px; } .NB-modal-feedchooser.NB-feedchooser-premium .NB-feedchooser-type { float: none; width: 400px; margin: 0 auto; padding: 0; border-left: none; } .NB-modal-feedchooser .NB-feedchooser-porpoise { border-radius: 16px; line-height: 48px; color: #808080; font-size: 18px; padding: 8px 2px; background-color: white; position: absolute; margin-top: -24px; width: 30px; text-align: center; top: 50%; left: -17px } .NB-modal-feedchooser .NB-feedchooser-info { overflow: hidden; } .NB-modal-feedchooser .NB-feedchooser-info-type { padding: 12px; background-color: #505050; color: white; text-shadow: 1px 1px 0 #000; font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center; border: 1px solid #101010; } .NB-modal-feedchooser .NB-feedchooser-info-counts { float: right; font-size: 14px; line-height: 16px; color: #427700; margin: 12px 0 1px; font-weight: bold; text-shadow:1px 1px 0 #F0F0F0; } .NB-modal-feedchooser .NB-feedchooser-info-sort { font-size: 12px; line-height: 16px; color: #C0C0C0; margin: 12px 0 0; font-weight: bold; text-transform: uppercase; text-shadow:1px 1px 0 #F6F6F6; } .NB-modal-feedchooser .NB-feedchooser-info-reset { font-size: 12px; line-height: 16px; margin: 12px 0 0; font-weight: bold; text-transform: uppercase; text-shadow:1px 1px 0 #F6F6F6; display: none; cursor: pointer; } .NB-modal-feedchooser .NB-feedchooser-info-counts.NB-full { /* color: #5090D0;*/ } .NB-modal-feedchooser .NB-feedchooser-info-counts.NB-error { display: block; padding: 0; color: #C05050; } .NB-modal-feedchooser .NB-modal-subtitle { width: auto; } .NB-modal-feedchooser .NB-feedchooser { background-color: #F7F8F5; overflow-y: auto; font-size: 11px; list-style: none; /* margin: 12px 0;*/ padding: 0; max-height: 422px; min-height: 186px; width: auto; border: 1px solid #909090; } .NB-modal-feedchooser .NB-feedchooser .NB-hidden { display: block; } .NB-modal-feedchooser .NB-modal-submit.NB-modal-submit-paypal { border-radius: 12px; border: 1px solid #F6BD44; padding: 0 8px 4px 0px; background-color: #FFED68; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.16, #FFED68), color-stop(0.84, #FFF8B1) ); background-image: -moz-linear-gradient( center bottom, #FFED68 16%, #FFF8B1 84% ); -moz-box-shadow:0 2px 2px #CE972F; box-shadow:0 2px 2px #CE972F; } .NB-modal-feedchooser .NB-feedchooser-paypal { min-height: 48px; width: 50%; text-align: center; overflow: hidden; float: left; clear: both; padding: 16px 0 0; } .NB-modal-feedchooser .NB-feedchooser-paypal img { margin: 0 auto; } .NB-modal-feedchooser .NB-feedchooser-stripe { min-height: 48px; width: 44%; text-align: center; overflow: hidden; float: left; margin: 12px 0 8px; padding-left: 12px; border-left: 1px solid #C6B400; } .NB-modal-feedchooser .NB-feedchooser-stripe .NB-modal-submit-green { -moz-box-shadow:2px 2px 0 #E2D121; box-shadow:2px 2px 0 #E2D121; } .NB-modal-feedchooser .NB-creditcards img { width: 32px; height: 20px; margin: 0 2px 0 0; } .NB-modal-feedchooser .NB-feedchooser-dollar { margin: 0px auto; padding: 4px 0 4px 2px; font-weight: bold; } .NB-modal-feedchooser .NB-feedchooser-dollar-value { padding: 4px 0 4px 36px; text-shadow: 1px 1px 0 #FFF8B1; clear: both; position: relative; color: #9BA6CC; display: none; -webkit-transition: all .24s ease-out; -moz-transition: all .24s ease-out; -o-transition: all .24s ease-out; -ms-transition: all .24s ease-out; } .NB-modal-feedchooser .NB-feedchooser-dollar-value.NB-selected { display: block; } .NB-modal-feedchooser .NB-feedchooser-dollar-value:hover, .NB-modal-feedchooser .NB-feedchooser-dollar-value.NB-selected { color: #727BA0; } .NB-modal-feedchooser .NB-feedchooser-dollar-value .NB-feedchooser-dollar-image { position: absolute; width: 40px; height: 40px; top: -10px; left: -40px; display: block; opacity: 0.1; -webkit-transition: all .24s ease-out; -moz-transition: all .24s ease-out; -o-transition: all .24s ease-out; -ms-transition: all .24s ease-out; } .NB-modal-feedchooser .NB-feedchooser-dollar-value.NB-selected.NB-1 .NB-feedchooser-dollar-image, .NB-modal-feedchooser .NB-feedchooser-dollar-value.NB-1:hover .NB-feedchooser-dollar-image { opacity: 1; } .NB-modal-feedchooser .NB-feedchooser-dollar-value.NB-selected.NB-2 .NB-feedchooser-dollar-image, .NB-modal-feedchooser .NB-feedchooser-dollar-value.NB-2:hover .NB-feedchooser-dollar-image { opacity: 1; } .NB-modal-feedchooser .NB-feedchooser-dollar-value.NB-selected.NB-3 .NB-feedchooser-dollar-image, .NB-modal-feedchooser .NB-feedchooser-dollar-value.NB-3:hover .NB-feedchooser-dollar-image { opacity: 1; } .NB-modal-feedchooser .NB-feedchooser-dollar-month { display: inline; padding: 0 4px 0 0; font-size: 15px; position: relative; } .NB-modal-feedchooser .NB-selected .NB-feedchooser-dollar-month { color: #1C55C0; } .NB-modal-feedchooser .NB-feedchooser-dollar-year { text-transform: uppercase; font-size: 11px; color: #86899F; display: inline; } .NB-modal-feedchooser .NB-selected .NB-feedchooser-dollar-year { color: #455596; } .NB-modal-feedchooser .NB-feedchooser-payextra { margin: 6px 0; } .NB-modal-feedchooser #NB-feedchooser-payextra-checkbox { margin: 0 6px; cursor: pointer; } .NB-modal-feedchooser .NB-feedchooser-payextra label { cursor: pointer; } .NB-modal-feedchooser .NB-feedchooser .feed .feed_counts { display: block; text-transform: uppercase; } .NB-modal-feedchooser #NB-feedchooser-feeds .feed { display: block; } .NB-modal-feedchooser .NB-feed-organizer-sort { display: none; } .NB-modal-feedchooser .feed.NB-highlighted .feed_title { font-weight: bold; } .NB-modal-feedchooser .feed { font-weight: normal; } .NB-modal-feedchooser .feed:not(.NB-highlighted) .feed_favicon { opacity: .3; } .NB-modal-feedchooser .feed:not(.NB-highlighted) .feed_title { color: #808080; } .NB-modal-feedchooser .feed .feed_counts .unread_count_negative, .NB-modal-feedchooser .feed .feed_counts .unread_count_positive { display: none; } .NB-modal-feedchooser .feed.NB-highlighted .feed_counts, .NB-modal-feedchooser .feed.NB-highlighted .feed_counts .unread_count_positive { display: block; } .NB-modal-feedchooser .feed .feed_counts, .NB-modal-feedchooser .feed .feed_counts .unread_count_negative { display: block; } .NB-modal-feedchooser .feed.NB-highlighted .feed_counts .unread_count_negative { display: none; } .NB-modal-feedchooser .NB-feedlist .folder_title { cursor: default; } .NB-modal-feedchooser .NB-feedlist .folder_title .feed_counts_floater { display: none; } .NB-modal-feedchooser .NB-feedlist .feed .NB-feedlist-manage-icon:hover { background: transparent url('/media/embed/icons/circular/g_icn_arrow_right.png') no-repeat 3px 4px; background-size: 8px; } .NB-modal-feedchooser .NB-feedlist .folder_title .NB-feedlist-manage-icon { background: none; } .NB-modal-feedchooser .NB-feedlist .feed.NB-hover-inverse .NB-feedlist-manage-icon:hover { background: transparent url('/media/embed/icons/circular/g_icn_arrow_right.png') no-repeat 3px 4px; background-size: 8px; } .NB-modal-feedchooser .NB-feedlist .folder.NB-hover-inverse .NB-feedlist-manage-icon { background: none; } .NB-modal-feedchooser .NB-feedlist .folder_title:hover .NB-folder-icon { display: block !important; } .NB-modal-feedchooser .NB-feedlist .folder .NB-feedlist-collapse-icon { display: none !important; } .NB-modal-feedchooser .unread_count_positive { color: yellow; } .NB-modal-feedchooser .unread_count_negative { color: orange; } .NB-modal-feedchooser .NB-modal-submit { text-align: center; position: relative; margin-top: 24px; } .NB-modal-feedchooser .NB-modal-submit .NB-modal-submit-or { position: absolute; right: -12px; padding: 12px; background-color: #FFF; } .NB-modal-feedchooser .NB-modal-submit-add { display: none; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets { list-style: none; margin: 24px 0 0; padding: 0; font-size: 13px; color: #505050; text-shadow: 0px 1px 0 rgba(255, 255, 255, .6); font-weight: bold; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li { margin: 0 0 8px 20px; padding: 3px 8px 4px; background-color: #F7F7F5; position: relative; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li .NB-feedchooser-premium-bullet-image { position: absolute; left: -20px; top: 4px; width: 16px; height: 16px; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-1 .NB-feedchooser-premium-bullet-image { background: transparent url('/media/embed/icons/circular/g_icn_buffer.png') no-repeat 0 0; background-size: 16px; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-2 .NB-feedchooser-premium-bullet-image { background: transparent url('/media/embed/icons/circular/g_icn_lightning.png') no-repeat 0 0; background-size: 16px; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-3 .NB-feedchooser-premium-bullet-image { background: transparent url('/media/embed/icons/circular/g_icn_folder_black.png') no-repeat 0 0; background-size: 16px; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-4 .NB-feedchooser-premium-bullet-image { background: transparent url('/media/embed/icons/circular/g_icn_search_black.png') no-repeat 0 0; background-size: 16px; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-5 .NB-feedchooser-premium-bullet-image { background: transparent url('/media/embed/icons/circular/g_icn_tag_black.png') no-repeat 0 0; background-size: 16px; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-6 .NB-feedchooser-premium-bullet-image { background: transparent url('/media/embed/icons/circular/g_icn_privacy.png') no-repeat 0 0; background-size: 16px; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-7 .NB-feedchooser-premium-bullet-image { background: transparent url('/media/embed/icons/circular/g_icn_textview_black.png') no-repeat 0 0; background-size: 16px; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets li.NB-8 .NB-feedchooser-premium-bullet-image { background: transparent url('/media/embed/icons/circular/g_icn_eating.png') no-repeat 0 0; background-size: 16px; } .NB-modal-feedchooser .NB-feedchooser-premium-bullets .NB-feedchooser-premium-poor-hungry-dog { display: block; margin: 12px auto 4px; border: 1px solid #303030; width: 128px; height: 96px; } /* ================= */ /* = Goodies Modal = */ /* ================= */ .NB-modal-goodies fieldset { margin: 32px 0 32px; } .NB-modal-goodies .NB-modal-title .NB-icon { background: transparent url('/media/embed/icons/circular/g_modal_goodies.png'); background-size: 28px; } .NB-modal-goodies .NB-goodies-group { clear: both; margin: 16px 0 0 0; overflow: hidden; background-color: #F7F7F5; padding: 8px; } .NB-modal-goodies .NB-goodies-title { font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 8px; color: #404030; text-shadow: 1px 1px 0 #E0E0E0; } .NB-modal-goodies .NB-goodies-bookmarklet-button, .NB-modal-intro .NB-goodies-bookmarklet-button, .NB-modal-goodies .NB-goodies-contenthandler-button { display: inline-block; float: right; font-family: 'Lucida Grande', Verdana, sans-serif; font-weight: bold; font-size: 11px; border-radius: 8px; color: #fff; background-color: #626262; border: 1px solid #626262; padding: 0px 7px 1px 7px; text-shadow: #3b3b3b 1px 1px 0px; min-width: 62px; text-align: center; vertical-align: 2px; color: #fff; text-decoration: none; outline: none; margin: 8px 8px; } .NB-modal-goodies .NB-goodies-firefox-link { float: right; } .NB-modal-goodies .NB-goodies-firefox { float: right; width: 28px; height: 28px; margin: 0 6px 0 0; background: transparent url('/media/img/reader/firefox.png') no-repeat 0 0; } .NB-modal-goodies .NB-modal-submit-button { float: right; } .NB-modal-goodies .NB-goodies-safari { float: right; width: 28px; height: 28px; margin: 0 6px 0 0; background: transparent url('/media/img/reader/safari.png') no-repeat 0 0; } .NB-modal-goodies .NB-goodies-chrome-link { float: right; } .NB-modal-goodies .NB-goodies-chrome { float: right; width: 28px; height: 28px; margin: 0 6px 0 0; background: transparent url('/media/img/reader/chrome.png') no-repeat 0 0; } .NB-modal-goodies .NB-goodies-readkit { float: right; width: 28px; height: 28px; margin: 0 6px 0 0; background: transparent url('/media/img/mobile/readkit.png') no-repeat 0 0; background-size: 28px; } .NB-modal-goodies .NB-goodies-tafiti { float: right; width: 28px; height: 28px; margin: 0 6px 0 0; background: transparent url('/media/img/mobile/tafiti.png') no-repeat 0 0; background-size: 28px; } .NB-modal-goodies .NB-goodies-bluree { float: right; width: 28px; height: 28px; margin: 0 6px 0 0; background: transparent url('/media/img/mobile/bluree.png') no-repeat 0 0; background-size: 28px; } .NB-modal-goodies .NB-goodies-subtitle { margin: 14px 8px 4px; line-height: 18px; color: #707070; } .NB-modal-goodies .NB-goodies-custom-input { float: right; width: 320px; border: 1px solid #909090; padding: 4px; margin: 6px 0 0 0; } .NB-modal-goodies .NB-goodies-mobile-link { float: right; } .NB-modal-goodies .NB-goodies-iphone { float: right; width: 28px; height: 28px; margin: 0 6px 0 0; background: transparent url('/media/img/mobile/iphone.png') no-repeat 0 0; } .NB-modal-goodies .NB-goodies-android { float: right; width: 28px; height: 28px; margin: 0 6px 0 0; background: transparent url('/media/img/mobile/android.png') no-repeat 0 0; } .NB-modal-goodies .NB-goodies-nokia { float: right; width: 28px; height: 28px; margin: 0 6px 0 0; background: transparent url('/media/img/mobile/nokia.png') no-repeat 0 0; } .NB-modal-goodies .NB-goodies-sailfish { float: right; width: 64px; height: 28px; margin: 0 6px 0 0; background: transparent url('/media/img/mobile/sailfish.png') no-repeat 0 0; background-size: auto 28px; } .NB-modal-goodies .NB-goodies-windows { float: right; width: 28px; height: 28px; margin: 0 6px 0 0; background: transparent url('/media/img/mobile/windows_phone_icon.png') no-repeat 0 0; background-size: 28px; } /* ============================ */ /* = Keyboard Shortcuts Modal = */ /* ============================ */ .NB-modal-keyboard .NB-modal-title .NB-icon { background: transparent url('/media/embed/icons/circular/g_modal_keyboard.png'); background-size: 28px; } .NB-modal-keyboard .NB-keyboard-group { clear: both; margin: 16px 0 0 0; overflow: hidden; background-color: #F0F0F0; padding: 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-modal-keyboard .NB-keyboard-shortcut { width: 50%; float: left; padding: 0 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-keyboard-shortcut-key { border-radius: 6px; border-top: 1px solid #717171; border-left: 1px solid #717171; border-bottom: 1px solid #303030; border-right: 1px solid #303030; background-color: #505050; color: #FFF; text-shadow: 1px 1px 0 #000; font-weight: bold; padding: 4px 6px; float: left; margin: 0 4px 0 0; } .NB-keyboard-shortcut-key span { color: #A0A0A0; padding: 0 4px; } .NB-keyboard-shortcut-explanation { float: right; font-size: 14px; font-weight: bold; text-transform: uppercase; margin: 6px 12px 0 0; color: #404030; text-shadow: 1px 1px 0 #E0E0E0; } .NB-keyboard-shortcut-image { clear: both; } .NB-keyboard-shortcut-image img { margin: 8px 0 0 0; border: 1px solid #202020; width: 268px; } /* =============== */ /* = Preferences = */ /* =============== */ .NB-modal-preferences { overflow: hidden; } .NB-modal-preferences .NB-modal-title .NB-icon { background: transparent url('/media/embed/icons/circular/g_modal_preferences.png'); background-size: 28px; } .NB-modal-preferences .NB-modal-submit-button { float: left; } .NB-modal-preferences .NB-modal-submit-form { margin-top: 12px; } .NB-modal-preferences .NB-preferences-scroll { overflow: auto; max-height: 600px; width: 100%; padding-right: 12px; } .NB-modal-preferences .NB-preference { overflow: hidden; margin: 12px 0 0; border-bottom: 1px solid rgba(0, 0, 0, .05); padding: 12px; background-color: #F7F7F5; border-radius: 4px; } .NB-modal-preferences .NB-preference.NB-last { margin-bottom: 0; } .NB-modal-preferences .NB-preference .NB-preference-options { float: right; width: 420px; overflow: hidden; padding: 2px 0; } .NB-modal-preferences .NB-preference .NB-preference-label { float: left; width: 176px; position: relative; } .NB-modal-preferences .NB-preference .NB-preference-sublabel { font-size: 11px; color: #808080; margin: 4px 30px 0px 0px; } .NB-modal-preferences .NB-preference .NB-preference-sublabel-link { font-size: 11px; margin: 4px 30px 0px 0px; } .NB-modal-preferences .NB-preference .NB-preference-options input { clear: both; float: left; } .NB-modal-preferences .NB-preference .NB-preference-options input[type=radio] { margin-top: 2px; } .NB-modal-preferences .NB-preference .NB-preference-options input[type=checkbox] { margin-top: 2px; } .NB-modal-preferences .NB-preference .NB-preference-options label { padding-left: 4px; margin: 0 0 4px 0; float: left; cursor: pointer; } .NB-modal-preferences .NB-preference .NB-preference-error { color: #83210A; font-size: 11px; margin-top: 4px; font-weight: bold; } .NB-modal-preferences .NB-preferences-notpremium { padding: 6px 12px; background-color: #FEF4D9; text-align: center; margin: 12px 0; border-radius: 3px; border-bottom: 1px solid rgba(0, 0, 0, .1); } .NB-modal-preferences .NB-preference-story-pane-position input { margin-top: 4px; } .NB-modal-preferences .NB-preference-story-pane-position label img { vertical-align: middle; margin: -2px 6px 0 2px; } .NB-modal-preferences .NB-preference-story-styling .NB-preference-story-styling-sans-serif { font-family: "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; } .NB-modal-preferences .NB-preference-story-styling .NB-preference-story-styling-serif { font-family: "Palatino Linotype", Georgia, "URW Palladio L", "Century Schoolbook L", serif; } .NB-modal-preferences .NB-preference-story-size .NB-preference-options div { clear: both; overflow: hidden; margin: 1px 0 0 0; line-height: 18px; } .NB-modal-preferences .NB-preference-story-size .NB-preference-story-size-xs { font-size: 11px; } .NB-modal-preferences .NB-preference-story-size .NB-preference-story-size-s { font-size: 12px; } .NB-modal-preferences .NB-preference-story-size .NB-preference-story-size-m { font-size: 13px; } .NB-modal-preferences .NB-preference-story-size .NB-preference-story-size-l { font-size: 14px; } .NB-modal-preferences .NB-preference-story-size .NB-preference-story-size-xl { font-size: 15px; } .NB-modal-preferences .NB-preference-window input { margin-top: 4px; } .NB-modal-preferences .NB-preference-window label img { vertical-align: middle; margin: -2px 6px 0 2px; } .NB-modal-preferences .NB-preference-hidereadfeeds label img { vertical-align: middle; margin: -4px 6px 0 2px; } .NB-modal-preferences .NB-preference-hidestorychanges label img { vertical-align: middle; margin: -4px 6px 0 2px; width: 16px; height: 16px; } .NB-modal-preferences .NB-preference-singlestory label img { vertical-align: middle; margin: -5px 6px 0 2px; } .NB-modal-preferences .NB-preference-animations label img { vertical-align: middle; margin: -5px 6px 0 2px; } .NB-modal-preferences .NB-preference-feedorder label img { vertical-align: middle; margin: -3px 6px 0 2px; } .NB-modal-preferences .NB-preference-ssl label img { vertical-align: middle; margin: -5px 6px 0 2px; width: 16px; height: 16px; } .NB-modal-preferences .NB-preference-password .NB-preference-option { float: left; margin: 0 12px 0 0; } .NB-modal-preferences .NB-preference-password label { text-transform: uppercase; font-size: 10px; color: #505050; margin: 0; } .NB-modal-preferences .NB-preference-password input { width: 140px; font-size: 14px; padding: 2px; margin: 0px 4px 2px; border: 1px solid #606060; -moz-box-shadow:2px 2px 0 #D0D0D0; -webkit-box-shadow:2px 2px 0 #D0D0D0; box-shadow:2px 2px 0 #D0D0D0; } .NB-modal-preferences .NB-preference-readstorydelay .NB-tangle-readstorydelay, .NB-modal-preferences .NB-preference-slider { display: inline-block; margin: 0 16px 0 8px; top: 2px; width: 100px; } .NB-modal-preferences .NB-preference.NB-preference-story-share .NB-preference-option { float: left; margin: 0 8px 4px 0; } .NB-modal-preferences .NB-preference.NB-preference-story-share input { clear: none; } .NB-modal-preferences .NB-preference.NB-preference-story-share label { width: 16px; height: 16px; margin: 0 0 0 2px; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-twitter] { background: transparent url('/media/embed/reader/twitter_bird.png') no-repeat 0 0; background-size: 16px; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-facebook] { background: transparent url('/media/embed/reader/facebook.gif') no-repeat 0 0; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-readitlater] { background: transparent url('/media/embed/reader/pocket_ril.png') no-repeat 0 0; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-tumblr] { background: transparent url('/media/embed/reader/tumblr.png') no-repeat 0 0; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-delicious] { background: transparent url('/media/embed/reader/delicious.png') no-repeat 0 0; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-pinboard] { background: transparent url('/media/embed/reader/pinboard.png') no-repeat 0 0; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-pinterest] { background: transparent url('/media/embed/reader/pinterest.png') no-repeat 0 0; background-size: 16px; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-buffer] { background: transparent url('/media/embed/reader/buffer.png') no-repeat 0 0; background-size: 16px; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-diigo] { background: transparent url('/media/embed/reader/diigo.png') no-repeat 0 0; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-kippt] { background: transparent url('/media/embed/reader/kippt.png') no-repeat 0 0; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-evernote] { background: transparent url('/media/embed/reader/evernote.png') no-repeat 0 0; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-googleplus] { background: transparent url('/media/embed/reader/googleplus.png') no-repeat 0 0; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-email] { background: transparent url('/media/embed/icons/circular/menu_icn_mail.png') no-repeat 0 0; background-size: 16px; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-readability] { background: transparent url('/media/embed/reader/readability.png') no-repeat 0 0; } .NB-modal-preferences .NB-preference-story-share label[for=NB-preference-story-share-instapaper] { background: transparent url('/media/embed/reader/instapaper.png') no-repeat 0 0; } .NB-modal-preferences .NB-preference-keyboard-spacebar .NB-preference-keyboard-spacebaraction { margin-top: 12px; } .NB-modal-preferences .segmented-control { display: block; margin: 4px 0 12px 0; float: left; /* height: 14px;*/ width: auto; overflow: hidden; text-align: center; text-transform: uppercase; line-height: 18px; } .NB-modal-preferences .segmented-control:last-child { } .NB-modal-preferences .segmented-control li { clear: none; padding: 1px 12px 0; font-size: 12px; width: 100px; } .NB-modal-preferences .NB-preference-autoopenfolder .NB-folders { max-width: 240px; } .NB-modal-preferences .NB-preference .NB-preference-options.NB-view-settings input[type=radio] { margin: 2px 6px 0 2px; } .NB-view-settings.NB-preference-options div { float: left; margin: 0 6px 0 0; } .NB-view-settings.NB-preference-options input[type=radio] { float: left; margin: 2px 6px 0 0px; } .NB-view-settings.NB-preference-options label { margin: 0 0 4px 0; float: left; cursor: pointer; text-transform: uppercase; font-size: 12px; color: #303030; display: block; padding: 4px 6px; border: 1px solid rgba(0,0,0,.2); border-radius: 3px; } .NB-preference-options.NB-view-settings img { float: left; width: 18px; height: 15px; padding: 1px 0 0 0; margin: 0 4px 0 0; } .NB-preference-options.NB-view-settings .NB-view-title { margin: 0; padding: 1px 0 0 0; float: left; } .NB-preference-options.NB-view-settings div { float: left; margin: 0 6px 0 0; } /* ================== */ /* = Account Dialog = */ /* ================== */ .NB-modal-account .NB-modal-title .NB-icon { background: transparent url('/media/embed/icons/circular/g_modal_account.png'); background-size: 28px; } .NB-modal-account .NB-preference-username input, .NB-modal-account .NB-preference-email input { width: 306px; font-size: 14px; padding: 2px; margin: 0px 4px 2px; border: 1px solid #606060; -moz-box-shadow:2px 2px 0 #D0D0D0; -webkit-box-shadow:2px 2px 0 #D0D0D0; box-shadow:2px 2px 0 #D0D0D0; } .NB-modal-preferences .NB-link-account-preferences { float: right; line-height: 30px; text-decoration: none; } .NB-modal-account .NB-block { margin: 8px 0; display: block; overflow: hidden; } .NB-account-payments { margin: 0; padding: 0; list-style: none; } .NB-account-payments .NB-account-payment { clear: both; overflow: hidden; list-style: none; margin: 0 0 12px; padding: 0 0 12px; border-bottom: 1px solid #E0E0E0; } .NB-account-payments li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .NB-account-payments .NB-payments-loading { padding: 0 0 0 20px; background: transparent url('/media/embed/reader/recycle_spinner.gif') no-repeat left 3px; } .NB-account-payments .NB-account-payment-date { float: left; width: 140px; font-weight: bold; } .NB-account-payments .NB-account-payment-amount { float: left; width: 100px; } .NB-account-payments .NB-account-payment-provider { float: left; width: 100px; } .NB-modal-account .NB-error { clear: both; margin-top: 12px; } .NB-modal-account .NB-account-premium-cancel { margin-top: 0; } .NB-modal-account .NB-preference-saved-stories-date { margin-bottom: 12px; } /* ================ */ /* = Static Pages = */ /* ================ */ .NB-static { overflow: auto; padding: 78px 0 64px; font-size: 13px; color: #303030; line-height: 18px; } .NB-static h3 { line-height: 1.4em; } .NB-static .NB-splash-info { opacity: .9; position: fixed; } .NB-static .NB-static-title { top: 0; left: 0; position: fixed; height: 55px; font-size: 36px; line-height: 60px; margin: 0 2px 12px 0; text-shadow: 1px 1px 0 #F6F6F6; color: #1A008D; padding: 0 0 0 12px; z-index: 2; font-weight: 300; font-family: Helvetica; } .NB-static .NB-module .NB-module-title { margin: 0 0 12px 0; padding-left: 14px; } .NB-static .NB-module .NB-module-content { width: 620px; margin: 0 14px 24px; } .NB-static ul { padding-left: 20px; margin-left: 0; } .NB-static li { margin-bottom: 6px; list-style: square outside url('/media/embed/reader/static_bullet_white.png'); } .NB-static pre, .NB-static code { background-color: ghostWhite; padding: 0px 4px; border: 1px solid #DEDEDE; font: normal normal normal 11px/normal Menlo, Consolas, Monaco, Courier, monospace; white-space: pre; } .NB-static pre { width: 604px; overflow-x: auto; padding: 8px; } .NB-static pre > code { background-color: inherit; border: none; } .NB-static ul pre { width: 584px; } .NB-static .NB-module-title-prefix { color: #A0A0A0; padding: 0 2px 0 0; } .NB-static h3 { margin-top: 36px; font-size: 24px; } .NB-static h4 { font-size: 16px; margin: 24px 0 12px; } /* ============== */ /* = Press Page = */ /* ============== */ .NB-static-press-reviews li { font-size: 12px; margin: 0 0 12px 0; line-height: 18px; } .NB-static-press-reviews a { display: block; font-size: 14px; } .NB-static-press-reviews .NB-press-publisher { font-style: italic; } .NB-static-press-reviews .NB-press-publisher img { vertical-align: text-bottom; width: 16px; height: 16px; } .NB-static-press-reviews .NB-press-author { font-weight: bold; } .NB-static-press-reviews .NB-press-date { color: #404040; } .NB-static-press .NB-press-screenshots { overflow: hidden; list-style: none; margin: 0; padding: 0; } .NB-static-press .NB-press-screenshot { float: left; display: block; width: 296px; text-align: center; margin: 0 24px 24px 0; font-size: 16px; line-height: 20px; } .NB-static-press .NB-press-screenshot.NB-last { margin-right: 0; } .NB-static-press .NB-press-screenshot img { width: 274px; border: 1px solid #303030; margin: 0 0 12px 0; } /* ============== */ /* = About page = */ /* ============== */ .NB-static-about .NB-module ul, .NB-static-faq .NB-module ul { margin: 2px 12px 4px 0; font-size: 13px; } .NB-static-about .NB-module ul li, .NB-static-faq .NB-module ul li { line-height: 20px; margin-bottom: 12px; list-style: none; } .NB-static-about .NB-module ul li.last, .NB-static-static .NB-module ul li.last { margin-bottom: 0; } .NB-static-about ul.NB-about-what li { background: transparent url('/media/embed/icons/silk/bullet_blue.png') no-repeat 0 3px; padding-left: 24px; } .NB-static-about ul.NB-about-server li { background: transparent url('/media/embed/icons/silk/bullet_yellow.png') no-repeat 0 3px; padding-left: 24px; } .NB-static-about ul.NB-about-client li { background: transparent url('/media/embed/icons/silk/bullet_red.png') no-repeat 0 3px; padding-left: 24px; } .NB-static-about .NB-about-why li { background: transparent url('/media/embed/icons/silk/bullet_orange.png') no-repeat 0 3px; padding-left: 24px; } .NB-static-about .NB-about-who { overflow: hidden; } .NB-static-about .NB-about-who li { float: left; margin: 0 24px 0 0; text-align: center; list-style: none; } .NB-static-about .NB-about-who img { border: 1px solid #505050; margin: 12px 0; width: 170px; } .NB-static-about .NB-about-tagline img { border: 1px solid #505050; width: 500px; } .NB-static-faq .NB-link-about-faq { float: right; line-height: 30px; } .NB-static-faq .NB-module ul li { background: transparent url('/media/embed/icons/circular/g_icn_unread.png') no-repeat 0 6px; background-size: 8px; padding-left: 24px; } .NB-static-faq ul li.NB-faq-question { display: block; font-weight: bold; margin: 0 0 10px 0; } .NB-static-faq ul li.NB-faq-answer { line-height: 18px; color: #404040; margin: 0 0 16px 0; font-size: 12px; background: none; } .NB-static-faq ul li .NB-faq-answer.last { margin-bottom: 0; } .NB-static-faq .NB-trainer-bullet { vertical-align: top; margin: 6px 4px; width: 8px; height: 8px; } .NB-static-faq .NB-faq-image { float: right; border-color:#C0C0C0 #A0A0A0 #A0A0A0 #C0C0C0; border-style:solid; border-width:1px; } /* ======= */ /* = API = */ /* ======= */ .NB-static-api .NB-anchor { position:relative; top: -120px; display: block; } .NB-static-api h3 { /* margin-top: 64px;*/ } .NB-static-api h4 { margin-top: 12px; } .NB-static-api .NB-api-endpoint { /* margin-left: 12px;*/ /* padding-left: 18px;*/ } .NB-static-api .NB-api-endpoint:first-child { border-top: none; } .NB-static-api .NB-api-endpoint:last-child { border-bottom: none; } .NB-static-api .optional, .NB-static-api .required { padding: 2px 4px; margin: 0 4px 0 0; background-color: #98C892; font-size: 8px; color: white; font-weight: bold; text-transform: uppercase; } .NB-static-api .required { background-color: #D9900F; } .NB-static-api p { margin: 12px 0; } .NB-static-api table { border-spacing: 0 0; margin: 24px 0 12px 20px; background: transparent url('/media/embed/reader/static_bullet_white.png') no-repeat 0 0; border-bottom: 1px solid #F6F6F6; } .NB-static-api table th, .NB-static-api table td { text-align: left; vertical-align: top; padding: 7px 8px 7px 8px; margin: 0; } .NB-static-api table td { border-right: 1px solid #F6F6f6; white-space: nowrap; /* border-bottom: 1px solid #F6F6f6;*/ } .NB-static-api table td:last-child { border-right: none; } .NB-static-api table th, .NB-static-api .NB-api-toc-header { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FCFCFC), to(#E0E0E0)); background: -moz-linear-gradient(center bottom, #FCFCFC 0%, #E0E0E0 100%); border-right: 1px solid #BBB; border-bottom: 1px solid #BBB; padding: 2px 8px; color: #222; font-size: 10px; text-transform: uppercase; } .NB-static-api .NB-api-toc-header { border-right: none; } .NB-static-api table th:last-child { border-right: none; } .NB-static-api table td:first-child { font-weight: bold; } .NB-static-api .NB-api-toc-header { font-weight: bold; } .NB-static-api .NB-api-toc-header { margin-top: 24px; } .NB-static-api .NB-api-toc { /* margin-top: 8px;*/ } .NB-static-api .NB-api-toc li { clear: both; margin-bottom: 12px; } .NB-static-api .NB-api-toc a { display: block; /* float: left;*/ width: 50%; } .NB-static-api .NB-api-toc .NB-api-link-desc { text-align: right; width: 50%; float: right; font-size: 12px; line-height: 16px; margin-bottom: 12px; padding-top: 4px; } .NB-static-api .NB-api-endpoint-param-desc { width: 100%; white-space: normal; } /* =============== */ /* = iPhone Page = */ /* =============== */ .NB-static-iphone .NB-ios-mockup, .NB-static-iphone .NB-ios-main { -webkit-transform : translate3d(0, 0, 0); } .NB-static-iphone .NB-splash-info { z-index: 2; } .NB-static-iphone .NB-ios-main { margin: 24px 36px 24px 0; text-align: center; } .NB-static-iphone .NB-ios-title { font-size: 20px; margin: 0 0 24px; text-align: center; } .NB-static-iphone .NB-ios-subtitle { font-size: 16px; text-align: center; margin: 8px 0 0; color: #6D7D88; } .NB-static-iphone .NB-ios-stripe-wrapper { border-top: 1px solid #505050; border-bottom: 1px solid #505050; margin-right: -36px; } .NB-static-iphone .NB-ios-stripe { border-top: 1px solid white; border-bottom: 1px solid white; padding: 12px 0; text-align: center; background: #F0F0F0 url('/media/embed/reader/stripe_background.png'); } .NB-static-iphone .NB-ios-download button { padding: 4px 20px 4px 10px; letter-spacing: -0.03em; text-align: center; background-color: #3A8FCE; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.06, #1E3C54), color-stop(0.94, #648295) ); background-image: -moz-linear-gradient( center bottom, #1E3C54 6%, #648295 94% ); color: white; text-shadow: 0 -1px 0px #101C3B; border: 1px solid #2F6EA7; border-color: #508FCD #4483BF #2F6EA7 #3F7EB9; border-radius: 6px; font-size: 1.14em; line-height: 1.73em; margin: 0 auto; cursor: pointer; } .NB-static-iphone .NB-ios-download .NB-big { font-size: 1.45em; font-weight: bold; } .NB-static-iphone .NB-ios-download img { float: left; margin: 0 8px 0 0; } .NB-static-iphone .NB-ios-download button:hover { background-color: #3A8FCE; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.06, #182A42), color-stop(0.94, #516A83) ); background-image: -moz-linear-gradient( center bottom, #182A42 6%, #516A83 94% ); color: #C0D7E7; } .NB-static-iphone .NB-ios-download button:active { background-color: #3A8FCE; background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.06, #516A83), color-stop(0.94, #182A42) ); background-image: -moz-linear-gradient( center bottom, #516A83 6% #182A42 94%, ); } .NB-static-iphone .NB-ios-features { list-style-image: none; list-style-position: outside; list-style-type: none; margin: 0 0 0 0; padding: 0; font-size: 16px; text-align: center; clear: left; overflow: hidden; display: inline-block; } .NB-static-iphone .NB-ios-features li { list-style-image: none; list-style-position: outside; list-style-type: none; } .NB-static-iphone .NB-ios-features .NB-ios-feature { float: left; position: relative; width: 158px; } .NB-static-iphone .NB-ios-features .NB-ios-feature img { border: 1px solid #202020; border-color: #909090 #808080 #505050 #606060; position: absolute; } .NB-static-iphone .NB-ios-features .NB-ios-feature img.NB-ios-iphone-screenshot { width: 60px; height: 110px; top: 64px; left: 6px; } .NB-static-iphone .NB-ios-features .NB-ios-feature img.NB-ios-ipad-screenshot { width: 122px; height: 160px; top: 6px; left: 30px; } .NB-static-iphone .NB-ios-features .NB-ios-feature .NB-ios-feature-title { font-weight: bold; margin: 184px 0 12px; width: 100%; text-align: center; } .NB-static-iphone .NB-ios-features .NB-ios-feature .NB-ios-feature-subtitle { margin: 8px 0 0; } .NB-static-iphone .NB-ios-main .NB-ios-feature { -webkit-transition: all .32s ease-out; -moz-transition: all .32s ease-out; -o-transition: all .32s ease-out; -ms-transition: all .32s ease-out; border-radius: 4px; border: 2px solid transparent; } .NB-static-iphone .NB-ios-feature.NB-active { border: 2px solid #39518B; } .NB-static-android .NB-ios-features .NB-ios-feature { width: 138px; } .NB-static-android .NB-ios-features .NB-ios-feature img.NB-ios-ipad-screenshot { width: 100px; height: 160px; } .NB-static-android .NB-ios-features .NB-ios-feature img.NB-ios-iphone-screenshot { width: 60px; height: 106px; top: 68px; } /* ========== */ /* = Mockup = */ /* ========== */ .NB-static-iphone .NB-ios-mockup { float: right; width: 554px; height: 630px; position: relative; z-index: 1; } .NB-static-iphone .NB-ios-mockup .NB-ios-iphone-skeleton { position: absolute; bottom: -24px; left: -34px; width: 267px; height: 483px; z-index: 3; } .NB-static-iphone .NB-ios-mockup .NB-ios-iphone-skeleton img { width: 100%; height: 100%; } .NB-static-iphone .NB-ios-mockup .NB-ios-ipad-skeleton { position: absolute; bottom: 0; left: 48px; width: 500px; height: 640px; z-index: 1; } .NB-static-iphone .NB-ios-mockup .NB-ios-ipad-skeleton img { width: 100%; height: 100%; } .NB-static-iphone .NB-ios-mockup .NB-ios-features-iphone { overflow: hidden; width: 192px; height: 338px; display: block; position: absolute; top: 241px; left: 4px; padding: 0; margin: 0; z-index: 2; } .NB-static-iphone .NB-ios-mockup .NB-ios-features-ipad { overflow: hidden; width: 390px; height: 515px; display: block; position: absolute; top: 54px; left: 103px; padding: 0; margin: 0; z-index: 0; } .NB-static-iphone .NB-ios-mockup .NB-ios-feature { position: absolute; top: 0; left: 0; border: none; } .NB-static-iphone .NB-ios-mockup .NB-ios-feature img.NB-ios-ipad-screenshot { width: 390px; height: 515px; top: 0; left: 0; border-left: none; border-top: none; border-bottom: none; border-right: 1px solid #505050; } .NB-static-iphone .NB-ios-mockup .NB-ios-feature img.NB-ios-iphone-screenshot { width: 192px; height: 338px; top: 0; left: 0; border-left: none; border-top: none; border-bottom: none; border-right: 1px solid #505050; } @media screen and (max-width: 1100px) { .NB-static-iphone .NB-ios-mockup { float: none; margin: 0 auto 48px; } .NB-static-iphone .NB-ios-mockup .NB-ios-ipad-skeleton { left: 115px; } .NB-static-iphone .NB-ios-mockup .NB-ios-iphone-skeleton { left: -34px; } .NB-static-iphone .NB-ios-mockup .NB-ios-features-ipad { left: 170px; } .NB-static-iphone .NB-ios-mockup .NB-ios-features-iphone { left: 4px; } .NB-static-iphone .NB-ios-features .NB-ios-feature { padding: 0px; } } .NB-static-android .NB-ios-mockup .NB-ios-ipad-skeleton { height: 729px; } .NB-static-android .NB-ios-mockup .NB-ios-iphone-skeleton { width: 270px; height: 469px; } .NB-static-android .NB-ios-mockup .NB-ios-features-ipad { top: 42px; left: 147px; width: 302px; height: 442px; } .NB-static-android .NB-ios-mockup .NB-ios-features-iphone { top: 279px; left: 16px; width: 172px; height: 268px; } .NB-static-android .NB-ios-mockup .NB-ios-feature img.NB-ios-ipad-screenshot { width: 302px; height: 484px; top: -13px; left: 0; border-left: none; border-top: none; border-bottom: none; border-right: 1px solid #505050; } .NB-static-android .NB-ios-mockup .NB-ios-feature img.NB-ios-iphone-screenshot { width: 172px; height: 300px; top: -10px; left: 0; border-left: none; border-top: none; border-bottom: none; border-right: 1px solid #505050; } @media screen and (max-width: 1100px) { .NB-static-android .NB-ios-mockup .NB-ios-features-ipad { left: 214px; } } /* ================= */ /* = Friends Modal = */ /* ================= */ .NB-modal-friends .NB-modal-title .NB-icon { background: transparent url('/media/embed/icons/circular/g_modal_friends.png'); background-size: 28px; } .NB-modal-friends .NB-tab { min-height: 80px; padding: 12px 0; } .NB-modal-friends .NB-modal-tabs .NB-modal-loading { margin: 6px 8px 0 0; float: left; } .NB-modal-friends .NB-friends-services { overflow: hidden; } .NB-modal-friends .NB-friends-service { text-align: center; font-weight: bold; margin: 0; padding: 12px 12px 0 0; overflow: hidden; } .NB-modal-friends .NB-friends-service-title { float: left; padding: 0 8px 0 8px; width: 100px; } .NB-modal-friends .NB-friends-service-connect, .NB-modal-friends .NB-friends-service-disconnect { float: left; width: auto; margin-top: -2px; } .NB-modal-friends .NB-modal-submit-button img { vertical-align: top; margin: 1px 12px 0 0; width: 12px; height: 12px; } .NB-modal-friends .NB-friends-autofollow { width: auto; float: right; font-size: 12px; position: relative; margin-top: 12px; padding-top: 0; } .NB-modal-friends .NB-friends-autofollow-checkbox { margin-right: 4px; position: absolute; top: 2px; left: 0; } .NB-modal-friends .NB-friends-autofollow-label { margin-left: 20px; display: block; text-align: left; cursor: pointer; } .NB-modal-friends .NB-tab .NB-ghost { margin: 0 auto; padding: 6px 0 0; color: #A0A0A0; font-size: 14px; text-align: center; font-weight: bold; } .NB-modal-friends .NB-friends-services .NB-error { display: block; margin: 12px 0 0 12px; padding: 0; float: left; clear: both; } .NB-friends-service.NB-friends-service-syncing .NB-friends-service-title { padding-right: 28px; background: transparent url('/media/embed/reader/recycle_spinner.gif') no-repeat right 3px; margin-right: 8px; } .NB-modal-friends .NB-friends-findfriends-profile { text-align: left; } .NB-modal-friends .NB-tab-findfriends .NB-friends-profile-link { margin: 8px 12px 12px; display: inline-block; } .NB-modal-friends .NB-tab-findfriends .NB-friends-profile-link img { vertical-align: text-bottom; /* float: left;*/ margin: 0 4px; } .NB-modal-friends .NB-friends-profile label, .NB-modal-friends .NB-friends-search label { clear: both; float: left; width: 100px; padding: 12px 8px 0 12px; } .NB-modal.NB-modal-friends .NB-friends-search { overflow: hidden; } .NB-modal-friends #NB-friends-search-input { float: left; margin: 10px 4px 0; } .NB-modal-friends .NB-friends-search .NB-loading { float: left; margin: 10px 12px; } .NB-modal-friends .NB-friends-search-badges { clear: both; float: left; margin: 12px 12px 0; width: 100%; } .NB-modal-friends .NB-friends-search-badges-empty .NB-raquo { float: left; margin-right: 6px; } .NB-modal-friends .NB-friends-search-badges-empty { color: #999; font-size: 13px; } .NB-modal-friends .NB-tab-findfriends label { width: auto ; } .NB-modal-friends .NB-profile-section-heading { margin: 18px 0 0px; } /* ======================== */ /* = Profile Editor Modal = */ /* ======================== */ .NB-modal-profile-editor .NB-modal-title .NB-icon { background: transparent url('/media/embed/icons/circular/g_modal_profile.png'); background-size: 28px; } .NB-modal-profile-editor .NB-tab { min-height: 80px; padding: 12px 0; } .NB-modal-profile-editor .NB-modal-tabs .NB-modal-loading { margin: 6px 8px 0 0; float: left; } .NB-modal-profile-editor .NB-tab-profile .NB-modal-submit-button { float: left; margin: 12px 0 12px 12px; text-align: center; } .NB-modal-profile-editor .NB-modal-section.NB-friends-profile { overflow: hidden; } .NB-modal-profile-editor .NB-modal-section.NB-friends-profilephoto { overflow: hidden; } .NB-modal-profile-editor .NB-friends-profile-photo-group { float: left; margin: 12px 0 0 12px; position: relative; width: 120px; font-size: 14px; } .NB-modal-profile-editor .NB-friends-photo-title input { margin-right: 8px; } .NB-modal-profile-editor .NB-friends-photo-title label { margin: 2px 0 0 0; } .NB-modal-profile-editor .NB-friends-profile-photo-group img { width: 48px; height: 48px; } .NB-modal-profile-editor .NB-friends-profile-photo-group.is_disabled { opacity: .4; } .NB-modal-profile-editor .NB-friends-photo-image { position: relative; margin: 8px 0 0 22px; } .NB-modal-profile-editor .NB-friends-profile-photo-group .NB-photo-loader { display: none; } .NB-modal-profile-editor .NB-friends-profile-photo-group.NB-loading .NB-photo-loader { display: block; width: 32px; height: 32px; position: absolute; top: 9px; left: 9px; z-index: 1; } .NB-modal-profile-editor .NB-friends-profile-photo-group.is_loading .photo-upload-placeholder { opacity: .25; } .NB-modal-profile-editor .NB-photo-link { position: relative; left: 0px; bottom: -6px; width: 120px; height: 20px; overflow: hidden; } .NB-modal-profile-editor .NB-photo-link input[type=file] { position: absolute; top: 0; right: 0; margin: 0; border: 300px solid transparent; opacity: 0; filter: alpha(opacity=0); -o-transform: translate(-300px, -300px) scale(10); -moz-transform: translate(-800px, 0) scale(10); cursor: pointer; } .NB-modal-profile-editor .NB-gravatar-link { position: relative; left: 10px; bottom: -6px; height: 20px; } .NB-modal-profile-editor .NB-friends-link { position: relative; left: 19px; bottom: -6px; height: 20px; cursor: pointer; } .NB-modal-profile-editor .NB-friends-profile .NB-profile-username, .NB-modal-profile-editor input[type=text], .NB-modal-profile-editor .NB-profile-privacy-option input[type=radio] { float: left; width: 200px; margin: 12px 8px 0 0; } .NB-modal-profile-editor .NB-profile-privacy-option input[type=radio] { width: auto; margin: 18px 0 0; } .NB-modal-profile-editor .NB-profile-privacy-options { float: left; } .NB-modal-profile-editor .NB-profile-privacy-option { float: left; clear: left; } .NB-modal-profile-editor .NB-profile-privacy-option b { padding: 0 6px 0 0; } .NB-modal-profile-editor .NB-profile-privacy-option img { width: 16px; height: 16px; } .NB-modal-profile-editor .NB-friends-profile .NB-count { float: left; color: #404040; font-size: 10px; font-weight: bold; margin: 16px 0 0 4px; } .NB-modal-profile-editor .NB-friends-profile .NB-count.NB-red { color: #7F0000; } .NB-modal-profile-editor .NB-friends-profile .NB-profile-username { width: auto; } .NB-modal-profile-editor .NB-friends-profile label { clear: both; float: left; width: 140px; padding: 12px 8px 0 12px; cursor: pointer; } .NB-modal-profile-editor .NB-friends-profile .NB-profile-privacy-notpremium { font-size: 10px; margin: 12px 0; color: #808080; } .NB-modal-profile-editor .NB-friends-profile label img { padding-right: 6px; vertical-align: bottom; } .NB-modal-profile-editor .NB-friends-profile .NB-profile-protected-label { clear: none; width: auto; font-size: 13px; padding: 16px 0 0 8px; } .NB-modal-profile-editor .NB-account-link { margin-left: 12px; font-size: 10px; text-transform: uppercase; } .NB-modal-profile-editor .NB-tab-blurblog label { clear: both; float: left; width: 200px; padding: 0 8px 0 12px; } .NB-modal-profile-editor .NB-tab-blurblog .NB-profile-blurblog-title { width: 480px; } .NB-modal-profile-editor .NB-profile-blurblog-colors { width: 516px; float: left; margin: 0 -6px 12px; } .NB-modal-profile-editor .NB-profile-blurblog-colorline { clear: both; } .NB-modal-profile-editor .NB-profile-blurblog-color { float: left; width: 29px; height: 33px; border: 1px solid #606060; margin: 5px 6px; box-shadow: 1px 1px 0 #CFCFCF; } .NB-modal-profile-editor .NB-profile-blurblog-color:hover { box-shadow: none; border: 4px solid #D95300; margin: 2px 3px; cursor: pointer; } .NB-modal-profile-editor .NB-profile-blurblog-color.NB-active { border: 4px solid #8F1F00; margin: 2px 3px; } .NB-modal-profile-editor .NB-profile-blurblog-css { width: 100%; font-family: Courier, monospace; font-size: 13px; padding: 6px; height: 54px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-modal-profile-editor .NB-tab-blurblog input[type=text] { margin: 0 0 12px; } .NB-modal-profile-editor .NB-profile-blurblog-address { float: left; margin: 0 0 12px; } .NB-modal-profile-editor .NB-blurblog-save-button { margin: 18px 12px 12px; float: left; clear: both; } .NB-modal-profile-editor .NB-tab.NB-tab-profile, .NB-modal-profile-editor .NB-tab.NB-tab-blurblog { height: 500px; } .NB-modal-profile-editor .NB-preference { margin: 12px 0; overflow: hidden; } .NB-modal-profile-editor .NB-preference .NB-preference-options { float: left; width: 420px; overflow: hidden; padding: 2px 0; } .NB-modal-profile-editor .NB-preference .NB-preference-label { float: left; width: 200px; position: relative; } .NB-modal-profile-editor .NB-preference .NB-preference-sublabel { font-size: 11px; color: #808080; margin: 4px 30px 0px 0px; } .NB-modal-profile-editor .NB-preference .NB-preference-options input { clear: both; float: left; } .NB-modal-profile-editor .NB-preference .NB-preference-options input[type=radio] { margin-top: 4px; } .NB-modal-profile-editor .NB-preference .NB-preference-options input[type=checkbox] { margin-top: 5px; } .NB-modal-profile-editor .NB-preference .NB-preference-options label { padding-left: 4px; margin: 0 0 4px 0; float: left; width: auto; clear: none; cursor: pointer; } /* ================= */ /* = Profile Badge = */ /* ================= */ .NB-profile-badge { border-bottom: 1px solid #F0F0F0; } .NB-profile-badge:last-child { border-bottom: none; } .NB-profile-badge table { clear: both; padding: 12px; position: relative; font-size: 13px; line-height: 17px; background-color: white; min-height: 50px; width: 100%; } .NB-profile-badge td { vertical-align: top; } .NB-profile-badge td.NB-profile-badge-info { width: 100%; } .NB-profile-badge.NB-profile-badge-embiggen { padding: 0; } .NB-profile-badge .NB-profile-badge-photo { padding: 0 8px 0 0; line-height: 0; } .NB-profile-badge .NB-profile-badge-photo img { max-width: 48px; max-height: 48px; border-radius: 3px; } .NB-profile-badge.NB-profile-badge-embiggen .NB-profile-badge-photo-wrapper { width: 108px; /* height: 108px;*/ vertical-align: top; } .NB-profile-badge.NB-profile-badge-embiggen .NB-profile-badge-photo img { max-width: 108px; max-height: 108px; } .NB-profile-badge .NB-profile-badge-username { font-weight: bold; float: left; cursor: pointer; } .NB-profile-badge.NB-profile-badge-embiggen .NB-profile-badge-username { font-size: 22px; text-shadow: 1px 1px 0 #E0E0E0; } .NB-profile-badge .NB-profile-badge-location { font-weight: bold; color: #909090; font-size: 11px; float: left; padding-left: 12px; } .NB-profile-badge.NB-profile-badge-embiggen .NB-profile-badge-location { font-size: 12px; padding: 4px 0 0 12px; } .NB-profile-badge .NB-profile-badge-website { display: none; float: left; padding-left: 12px; font-size: 11px; } .NB-profile-badge.NB-profile-badge-embiggen .NB-profile-badge-website { padding: 4px 0 0 12px; display: block; } .NB-profile-badge .NB-profile-badge-bio { clear: left; padding: 2px 0; font-size: 11px; color: #878787; line-height: 17px; } .NB-profile-badge.NB-profile-badge-embiggen .NB-profile-badge-bio { font-size: 13px; padding: 6px 0 0; } .NB-profile-badge .NB-profile-badge-stats { clear: left; color: #AE5D15; font-size: 11px; text-transform: uppercase; } .NB-profile-badge.NB-profile-badge-embiggen .NB-profile-badge-stats { padding: 2px 0 0; } .NB-profile-badge .NB-profile-badge-stats .NB-count { padding-right: 3px; font-weight: bold; } .NB-profile-badge .NB-profile-badge-blurblog-link { text-transform: none; } .NB-profile-badge .NB-profile-badge-following-you { padding: 2px 8px; background-color: #FFFFF6; border-radius: 4px; display: inline; border: 1px solid #EFEFE6; } .NB-profile-badge-actions { float: right; } .NB-profile-badge-actions .NB-profile-badge-action-self { color: #C0C0C0; font-weight: bold; background: none; box-shadow: none; cursor: default; border-color: #C0C0C0; } .NB-profile-badge-actions .NB-profile-badge-action-self, .NB-profile-badge-actions .NB-modal-submit-button, .NB-badge-actions .NB-modal-submit-button { width: 90px; text-align: center; text-transform: uppercase; text-shadow: none; margin: 0 0 4px; clear: right; float: right; } .NB-profile-badge-actions .NB-profile-badge-action-preview, .NB-badge-actions .NB-badge-action-add, .NB-profile-badge-actions .NB-profile-badge-action-ignore { color: #404040; line-height: 1; font-size: 11px; } .NB-profile-badge-actions .NB-profile-badge-action-preview.NB-disabled { cursor: default; background: white; box-shadow: none; -moz-box-shadow: none; opacity: .25; } .NB-profile-badge-actions .NB-profile-badge-action-preview.NB-disabled:hover { background: white; } .NB-profile-badge-actions .NB-profile-badge-action-protected-follow img { vertical-align: top; margin-right: 6px; } .NB-profile-badge-actions .NB-profile-badge-action-edit { color: #404040; line-height: 1; font-size: 11px; } .NB-profile-badge-actions .NB-profile-badge-action-buttons { float: right; } .NB-profile-badge-actions .NB-profile-badge-action-buttons img { width: 16px; height: 16px; } .NB-profile-badge-action-admin { display: inline-block; cursor: pointer; vertical-align: bottom; width: 16px; height: 16px; background: transparent url('/media/embed/icons/circular/g_icn_hands.png'); background-size: 16px; } .NB-profile-badge-info .NB-profile-badge-actions .NB-loading { margin: 6px 12px 0 0; float: left; } /* ======================== */ /* = Social Profile Modal = */ /* ======================== */ .NB-modal-profile { min-height: 300px; } .NB-modal.NB-modal-profile .NB-modal-loading { position: absolute; top: 12px; right: 22px; float: none; z-index: 1; } .NB-modal.NB-modal-profile .NB-modal-section { padding: 12px 0 2px; } .NB-modal-profile .NB-profile-actions { float: right; margin-top: 10px; } .NB-modal-profile .NB-profile-links { overflow: hidden; } .NB-modal-profile .NB-profile-links .NB-profile-link { float: left; font-size: 0; vertical-align: middle; margin: 0 6px 6px 0; cursor: pointer; } .NB-modal-profile .NB-profile-links .NB-profile-link img { width: 42px; height: 42px; border-radius: 3px; } .NB-modal-profile .NB-profile-followers { width: 100%; padding: 0; background-color: #F7F7F5; margin: 16px 0 0 0; border-radius: 6px; text-shadow: 0 1px 0 white; } .NB-modal-profile .NB-profile-followers td { width: 100%; padding-right: 12px; } .NB-modal-profile .NB-profile-followers td.NB-profile-follow-count { width: 116px; text-align: center; padding-right: 0; } .NB-modal-profile .NB-profile-followers td.NB-profile-follow-count div { width: 116px; font-size: 28px; } .NB-modal-profile .NB-profile-followers td.NB-profile-follow-count h3 { font-size: 14px; margin: 4px 0 0; color: #909090; text-transform: uppercase; } .NB-modal-profile .NB-interactions { margin: 12px 0 36px; } /* ======================= */ /* = Interactions Module = */ /* ======================= */ .NB-interactions-popover-container .popover-content { padding: 0; } .NB-interactions-popover .NB-loading { margin: 12px auto; background: transparent url('/media/img/reader/spinner_ball.gif') no-repeat 0 0; width: 16px; height: 16px; } .NB-interactions-popover .NB-interactions-header { text-transform: uppercase; font-size: 10px; text-align: center; overflow: hidden; } .NB-interactions-popover .NB-tab { width: 50%; color: #A0A0A0; cursor: pointer; padding: 8px 0; background-color: rgba(0, 0, 0, .05); } .NB-interactions-popover .NB-tab span { display: block; padding: 2px 0; } .NB-interactions-popover .NB-tab-interactions { float: left; } .NB-interactions-popover .NB-tab-interactions span { border-right: 1px solid rgba(0, 0, 0, .2); } .NB-interactions-popover .NB-tab-activities { float: right; } .NB-interactions-popover.NB-active-interactions .NB-tab-interactions, .NB-interactions-popover.NB-active-activities .NB-tab-activities { color: #505050; font-weight: bold; } .NB-interactions-container, .NB-activities-container { max-height: 460px; overflow: auto; } .NB-interactions { list-style: none; padding: 0; margin: 0; } .NB-interaction { list-style: none; position: relative; margin: 0 0 0 0; padding: 6px 12px 6px 62px; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #F2F2EE; overflow: hidden; cursor: pointer; min-height: 44px; } .NB-activities-container .NB-interaction { padding-left: 40px; min-height: none; } .NB-interaction.NB-disabled { cursor: default; } .NB-interaction.NB-highlighted { background-color: #FFFFF6; border-bottom: 1px solid #F0F0E6; } .NB-interaction .NB-splash-link:hover { color: #405BA8; } .NB-interaction-content { font-size: 11px; padding-top: 4px; line-height: 16px; color: #9d9d9d; } .NB-interaction-content a { color: #A6A9B0; } .NB-interaction:active:not(.NB-disabled) .NB-interaction-content .NB-splash-link { color: #405BA8; text-decoration: none; } .NB-interaction-photo { position: absolute; width: 36px; height: 36px; border-radius: 3px; left: 12px; top: 10px; cursor: pointer; } .NB-activities-container .NB-interaction-photo { width: 16px; height: 16px; } .NB-interaction-date { color: #5e828b; font-size: 10px; text-transform: uppercase; padding: 5px 0 0; } .NB-interaction:hover:not(.NB-disabled) .NB-interaction-date { color: #929697; } .NB-interaction-title { font-size: 12px; line-height: 18px; color: #404040; padding: 2px 0 0 0; opacity: .9; } .NB-interaction-username { cursor: pointer; } .NB-interaction-starred-story-title { cursor: pointer; } .NB-interaction-reply-content { cursor: pointer; } .NB-interaction-feed-title { cursor: pointer; } .NB-interaction-sharedstory-title { cursor: pointer; } .NB-interaction-sharedstory-content { cursor: pointer; } /* ============= */ /* = Organizer = */ /* ============= */ .NB-modal-organizer .NB-modal-title .NB-icon { background: transparent url('/media/embed/icons/circular/g_modal_book.png'); background-size: 28px; } .NB-modal-organizer .NB-feedlist { width: 70%; max-height: 500px; border: 1px solid rgba(0, 0, 0, .2); margin: 4px 24px 0 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .NB-modal-organizer .NB-feedlist .feed_title { padding-right: 186px; } .NB-modal-organizer .NB-feedlist .feed { display: block; } .NB-modal-organizer .NB-feedlist .folder .folder_title .NB-feedlist-collapse-icon, .NB-modal-organizer .NB-feedlist .folder .folder_title .feed_counts_floater { display: none; } .NB-modal-organizer .NB-feedlist .feed.NB-feed-exception .feed_counts { display: block; } .NB-modal-organizer .feed.NB-highlighted .NB-feed-exception-icon { display: none; } .NB-modal-organizer .feed.selected { background: none; border-top: 1px solid transparent; border-bottom: 1px solid transparent; } .NB-modal-organizer .feed { font-weight: normal; } .NB-modal-organizer .NB-highlighted { font-weight: bold; } .NB-modal-organizer .unread_count.unread_count_positive.unread_count_full { display: none; } .NB-modal-organizer .NB-highlighted .unread_count.unread_count_positive { display: block; width: 24px; height: 13px; text-indent: -9999px; background-image: url('/media/embed/icons/circular/checkmark_white.png'); background-size: 16px; background-position: center center; background-repeat: no-repeat; } .NB-modal-organizer .NB-feed-organizer-sort { display: none; position: absolute; right: 42px; width: 124px; top: 4px; } .NB-modal-organizer .NB-sort-alphabetical .NB-feed-organizer-opens { display: block; } .NB-modal-organizer .NB-sort-subscribers .NB-feed-organizer-subscribers { display: block; } .NB-modal-organizer .NB-sort-recency .NB-feed-organizer-laststory { display: block; } .NB-modal-organizer .NB-sort-frequency .NB-feed-organizer-monthlycount { display: block; } .NB-modal-organizer .NB-sort-mostused .NB-feed-organizer-opens { display: block; } .NB-modal-organizer .NB-feed-organizer-sort.NB-active { display: block; } .NB-modal-organizer .NB-organizer-actionbar { font-size: 12px; line-height: 18px; margin: 12px 0 0 0; width: 70%; overflow: hidden; } .NB-modal-organizer .NB-organizer-sorts { float: right; } .NB-modal-organizer .NB-organizer-selects { float: left; } .NB-modal-organizer .NB-organizer-action-title { float: left; text-transform: uppercase; font-size: 11px; font-weight: bold; } .NB-modal-organizer .NB-organizer-action { float: left; margin-left: 6px; cursor: pointer; color: #405BA8; text-transform: uppercase; } .NB-modal-organizer .NB-organizer-action:hover { color: #A85B40; } .NB-modal-organizer .NB-organizer-action.NB-active, .NB-modal-organizer .NB-organizer-action.NB-active:hover { color: #000; padding-right: 12px; background: transparent url('/media/embed/icons/circular/g_icn_arrow_down.png') no-repeat right 3px; background-size: 8px; } .NB-modal-organizer .NB-sort-inverse .NB-organizer-action.NB-active { background: transparent url('/media/embed/icons/circular/g_icn_arrow_up.png') no-repeat right 4px; background-size: 8px; } .NB-modal-organizer .NB-organizer-selects .NB-organizer-action { float: left; margin-left: 0; margin-right: 6px; } .NB-modal-organizer .NB-organizer-selects .NB-organizer-action-title { margin-left: 0; margin-right: 6px; } .NB-modal-organizer .NB-organizer-sidebar { float: right; width: 27%; margin: 12px 0 0; } .NB-modal-organizer .NB-organizer-sidebar-title { text-transform: uppercase; font-size: 11px; line-height: 18px; font-weight: bold; margin-top: 12px; } .NB-modal-organizer .NB-organizer-sidebar-hierarchy .NB-organizer-sidebar-title { margin-top: 0; } .NB-modal-organizer .NB-organizer-sidebar-container { margin: 4px 0 0; border: 1px solid rgba(0, 0, 0, .2); background-color: #F7F8F5; padding: 6px; } .NB-modal-organizer .segmented-control { margin: 0; line-height: 18px; display: block; overflow: hidden; } .NB-modal-organizer .segmented-control li { padding: 2px 12px 0; font-size: 11px; width: 50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-modal-organizer .NB-modal-submit-button { text-align: center; margin: 6px 0 0; } .NB-modal-organizer .NB-action-delete { margin-top: 0; } .NB-modal-organizer .NB-folders { width: 164px; } .NB-modal-organizer .NB-icon-add { background: transparent url('/media/embed/icons/circular/g_icn_folder_add.png') no-repeat 0 0; float: right; width: 16px; height: 16px; margin: 4px 4px 0; cursor: pointer; background-size: 16px; } .NB-modal-organizer .NB-icon-add:hover { background: transparent url('/media/embed/icons/circular/g_icn_folder_add_dark.png') no-repeat 0 0; background-size: 16px; } .NB-modal-organizer .NB-icon-subfolder { background: transparent url('/media/embed/icons/circular/g_icn_arrow_right.png') no-repeat 0 0; float: left; width: 8px; height: 8px; margin: 12px 6px 0 4px; background-size: 8px; } .NB-modal-organizer .NB-add-folder-input { font-size: 11px; width: 140px; margin: 6px 0 2px; } /* ================= */ /* = Feed Selector = */ /* ================= */ .NB-feeds-selector { display: none; background-color: #434343; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#434343), to(#696969)); background: -moz-linear-gradient(center top , #4E4E4E 0%, #696969 100%); border-bottom: 1px solid #E9E9E9; padding-bottom: 3px; overflow: hidden; } /* ========== */ /* = Search = */ /* ========== */ .NB-search-input { border-radius: 16px; border: 1px solid rgba(0, 0, 0, .1); font-weight: bold; background: transparent; width: 82%; padding: 2px 18px 1px 18px; margin: 0; display: block; font-size: 11px; outline: none; } .NB-search-input:focus, .NB-selector-active .NB-feeds-selector .NB-search-input, .NB-searching .NB-search-input { border: 1px solid #5F5F5F; box-shadow: 0 1px 0 #B1B1B1; background-color: white; } .NB-search-icon { position: absolute; left: 4px; top: 4px; background: transparent url('/media/embed/reader/search_icon2.png') no-repeat 0 0; background-size: 12px; width: 12px; height: 12px; } .NB-search-close { display: none; position: absolute; right: 2px; top: 4px; z-index: 1; width: 12px; height: 12px; background: transparent url('/media/embed/reader/close.png') no-repeat 0 0; background-size: 10px; cursor: pointer; opacity: .7; -webkit-transition: all .22s ease-in-out; -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -ms-transition: all .22s ease-in-out; } .NB-search-close:hover { opacity: 1; } .NB-searching .NB-search-close { display: block; } .NB-search-container { position: relative; } .NB-story-title-search { float: right; margin: 3px 0 0 12px; position: relative; } .NB-story-title-search-input { -webkit-transition: all .22s ease-in-out; -moz-transition: all .22s ease-in-out; -o-transition: all .22s ease-in-out; -ms-transition: all .22s ease-in-out; width: 24px; margin: 0; } .NB-searching .NB-story-title-search-input { width: 174px; } /* ================== */ /* = Delete Account = */ /* ================== */ .NB-delete-form h2 { margin: 24px auto; line-height: 28px; text-align: center; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); } .NB-static-form.NB-delete-form { width: 420px; margin-bottom: 24px; } .NB-static-form.NB-delete-form label { width: 200px; } .NB-static-form.NB-delete-form input[type=submit] { width: 206px; margin: 12px 0 4px 200px; -moz-box-shadow:2px 2px 0 #A0B998; -webkit-box-shadow:2px 2px 0 #A0B998; box-shadow:2px 2px 0 #A0B998; white-space: normal; font-size: 13px; } .NB-fields { clear: both; } .NB-static-form .NB-errors { margin-left: 200px; } /* =============== */ /* = OAuth Forms = */ /* =============== */ .NB-static-oauth { padding-bottom: 0; } .NB-static-oauth h3 { margin-top: 0; text-align: center; } .NB-static-oauth .NB-static-form { width: 500px; margin: 24px auto; padding: 0 24px; } .NB-static-login .NB-static-form { width: 320px; } .NB-static-oauth .NB-static-form-label label { width: 108px; text-transform: none; font-size: 18px; padding: 8px 0 0 0; color: rgba(0, 0, 0, .6); display: block; } .NB-static-oauth .NB-static-form-input input { margin-left: 12px; margin-right: 0; height: 34px; font-size: 22px; } .NB-static-oauth .NB-static-form-username-label label { padding-top: 0; } .NB-static-oauth input[type=submit].NB-static-form-submit { margin: 24px 0 0 0; font-size: 26px; font-size: 18px; padding: 8px 12px; } .NB-static-login input[type=submit].NB-static-form-submit { margin: 12px 0 0 120px; } .NB-static-oauth .NB-error { font-size: 12px; text-align: center; color: #6A1000; padding: 4px 0 0; line-height: 14px; font-weight: bold; clear: both; } .NB-static-form-alttext { margin: 24px 0 0 120px; padding-top: 12px; border-top: 1px solid rgba(0, 0, 0, .1); } @media screen and (max-width: 580px) { .NB-static-oauth { padding: 12px 0 0; } .NB-static .NB-splash-info, .NB-static .NB-static-title { position: absolute; } .NB-splash-info.NB-splash-bottom { position: relative; } .NB-splash-info { height: 36px; } .NB-splash-info.NB-splash-top .NB-splash-title { width: auto; height: 36px; } .NB-static .NB-static-title { font-size: 24px; line-height: 36px; } .NB-static-oauth .NB-static-form { width: auto; } } /* ======================== */ /* = Feed Options Popover = */ /* ======================== */ .NB-filter-popover-container.popover.bottom-left .arrow { left: 20%; } .NB-filter-popover-container .popover-content { padding: 0; } .NB-filter-popover .segmented-control { margin: 4px 0 0; line-height: 18px; } .NB-filter-popover .segmented-control li { padding: 2px 12px 0; font-size: 11px; width: 85px; } .NB-feedbar-options-stat { position: relative; padding-left: 22px; margin-bottom: 6px; } .NB-feedbar-options-stat:last-child { margin-bottom: 0; } .NB-feedbar-options-stat .NB-icon { clear: both; left: 0; top: 0; background: transparent url('/media/embed/reader/search_icon2.png') no-repeat 0 0; background-size: 16px; vertical-align: bottom; width: 16px; height: 16px; position: absolute; } .NB-stat-subscribers .NB-icon { background: transparent url('/media/embed/icons/circular/menu_icn_fetch_subscribers.png'); background-size: 16px; } .NB-stat-updated .NB-icon { background: transparent url('/media/embed/icons/circular/menu_icn_fetch.png'); background-size: 16px; } .NB-stat-decay .NB-icon { background: transparent url('/media/embed/icons/circular/menu_icn_lastupdated.png'); background-size: 16px; } .NB-stat-realtime .NB-icon { background: transparent url('/media/embed/icons/circular/clock.png'); background-size: 16px; } .NB-feedbar-options-stat .NB-stat { font-size: 11px; color: #6F716A; } .NB-filter-popover-stats-icon { background: transparent url('/media/embed/icons/circular/menu_icn_stats.png') no-repeat center center; } .NB-filter-popover-filter-icon { background: transparent url("/media/embed/icons/circular/menu_icn_settings.png") no-repeat center center; } /* =========== */ /* = Popover = */ /* =========== */ .NB-popover { position: absolute; top: 0; left: 0; z-index: 10; background-color: #FFF; } .NB-popover-section-title { color: #585A55; text-transform: uppercase; margin: 12px 0 6px; font-size: 12px; font-weight: bold; } .NB-popover-section-title:first-child { margin-top: 0; } .NB-popover-section { padding: 12px; border-bottom: 1px solid #E8EAE4; overflow: hidden; } .NB-popover-section:last-child { border-bottom: none; } .NB-section-icon { float: right; width: 18px; height: 18px; cursor: pointer; background-size: 18px; } .popover { position: absolute; top: 0; left: 0; z-index: 1010; width: 236px; padding: 1px; text-align: left; background-color: #ffffff; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 4px; -webkit-box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.4); box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.4); white-space: normal; } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom, .popover.bottom-right, .popover.bottom-left { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px; } .popover .arrow, .popover .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover .arrow { border-width: 11px; } .popover .arrow:after { border-width: 10px; content: ""; } .popover.top-left .arrow, .popover.top-right .arrow, .popover.top .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top-left .arrow { left: 14px; } .popover.top-right .arrow { left: 90%; } .popover.top-left .arrow:after, .popover.top-right .arrow:after, .popover.top .arrow:after { bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #ffffff; } .popover.right .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right .arrow:after { left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff; } .popover.bottom .arrow, .popover.bottom-left .arrow, .popover.bottom-right .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom .arrow:after, .popover.bottom-left .arrow:after, .popover.bottom-right .arrow:after { top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff; } .popover.bottom-left .arrow { left: 14px; } .popover.bottom-right .arrow { left: 90%; } .popover.left .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left .arrow:after { right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px; } .fade { opacity: 0; -webkit-transition: opacity 0.22s ease-in-out; -moz-transition: opacity 0.22s ease-in-out; -o-transition: opacity 0.22s ease-in-out; transition: opacity 0.22s ease-in-out; } .fade.in { opacity: 1; } .NB-overlay { background: rgba(16, 16, 48, 0); background: -webkit-linear-gradient(rgba(16, 16, 28, 0.3),rgba(16, 16, 28, 0.3) 60%,rgba(16, 16, 28, 0.01)); background: -moz-linear-gradient(rgba(16, 16, 28, 0.3),rgba(16, 16, 28, 0.3) 60%,rgba(16, 16, 28, 0.01)); background: -ms-linear-gradient(rgba(16, 16, 28, 0.3),rgba(16, 16, 28, 0.3) 60%,rgba(16, 16, 28, 0.01)); background: -o-linear-gradient(rgba(16, 16, 28, 0.3),rgba(16, 16, 28, 0.3) 60%,rgba(16, 16, 28, 0.01)); background: linear-gradient(rgba(16, 16, 28, 0.3),rgba(16, 16, 28, 0.3) 60%,rgba(16, 16, 28, 0.01)); position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; opacity: 0.0; -webkit-transition: opacity 400ms ease,-webkit-transform 0s ease; -moz-transition: opacity 400ms ease,-moz-transform 0s ease; -o-transition: opacity 400ms ease,-o-transform 0s ease; transition: opacity 400ms ease,transform 0s ease; } .NB-overlay.NB-top { background: -webkit-linear-gradient(rgba(16, 16, 28, 0.01),rgba(16, 16, 28, 0.3) 40%,rgba(16, 16, 28, 0.3)); background: -moz-linear-gradient(rgba(16, 16, 28, 0.01),rgba(16, 16, 28, 0.3) 40%,rgba(16, 16, 28, 0.3)); background: -ms-linear-gradient(rgba(16, 16, 28, 0.01),rgba(16, 16, 28, 0.3) 40%,rgba(16, 16, 28, 0.3)); background: -o-linear-gradient(rgba(16, 16, 28, 0.01),rgba(16, 16, 28, 0.3) 40%,rgba(16, 16, 28, 0.3)); background: linear-gradient(rgba(16, 16, 28, 0.01),rgba(16, 16, 28, 0.3) 40%,rgba(16, 16, 28, 0.3)); } /* ================= */ /* = Search Module = */ /* ================= */ .NB-module-search .NB-module-search-sites { float: left; } .NB-module-search .NB-module-search-people { float: right; } .NB-module-search .NB-module-search-input { overflow: hidden; padding: 12px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-module-search .NB-module-search-input.NB-active .NB-search-close { display: block; top: 24px; right: 16px; } .NB-module-search .NB-module-search-input.NB-active .NB-search-close { } .NB-module-search-input input { width: 190px; float: left; font-size: 13px; padding: 4px 20px 4px 6px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .NB-module-search .NB-module-search-results { padding: 12px; } .NB-module-search .NB-friends-search-badges-empty { clear: both; font-size: 14px; font-weight: 100; } .NB-module-search .NB-friends-search-badges-empty .NB-raquo { float: left; padding: 2px 6px; } .NB-module-search-input input.NB-active { background: white url('/media/embed/reader/recycle_spinner.gif') no-repeat right 4px; } .NB-module-search-input label img { width: 16px; height: 16px; float: left; margin: 7px 6px 0 0; } .NB-modal-friends .NB-module-search-input label img { margin: 3px 0 0 0; } .NB-feed-badge { padding: 12px 0; position: relative; font-size: 13px; background-color: white; clear: both; overflow: hidden; border-bottom: 1px solid #F0F0F0; } .NB-feed-badge:last-child { border-bottom: none; } .NB-feed-badge .NB-feed-badge-title { } .NB-feed-badge .NB-feed-badge-title img { float: left; margin: 0 4px 0 0; width: 16px; height: 16px; } .NB-feed-badge .NB-feed-badge-tagline { padding: 6px 0; font-size: 11px; color: #878787; line-height: 17px; } .NB-feed-badge .NB-feed-badge-stats { float: left; font-size: 11px; } .NB-feed-badge .NB-feed-badge-stats b { padding-right: 4px; } .NB-feed-badge .NB-feed-badge-stats .NB-icon { vertical-align: middle; display: inline; } .NB-feed-badge .NB-icon-stats { margin: 2px 0 0 0; position: absolute; left: -26px; top: 3px; width: 16px; height: 16px; cursor: pointer; background: transparent url("/media/embed/icons/circular/menu_icn_stats.png") no-repeat center center; background-size: 16px; } .NB-feed-badge .NB-feed-badge-stats { position: relative; float: right; text-transform: uppercase; font-size: 11px; color: #808080; margin: 0 0 0 0; } .NB-feed-badge .NB-modal-submit-button { float: left; margin-left: 0 !important; margin-right: 8px !important; } .NB-feed-badge .NB-added { padding: 6px 0 0 20px; background: transparent url('/media/embed/icons/circular/newuser_icn_setup.png') no-repeat 0 2px; background-size: 18px; font-size: 12px; font-weight: bold; color: #123B00; overflow: hidden; } .NB-subscribed { padding: 6px 0 0 20px; background: transparent url('/media/embed/icons/circular/newuser_icn_setup.png') no-repeat 0 2px; background-size: 18px; font-size: 12px; font-weight: bold; color: #123B00; overflow: hidden; } .NB-static-alert { margin: 24px 0 0 0; text-align: center; font-size: 16px; line-height: 24px; color: #294A28; } .NB-static-feedchooser .NB-feedchooser-premium-bullets li { background-color: rgba(255, 255, 255, .4); list-style: none; }